@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated, .modal__animation .mfp-content {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite, .modal__animation .infinite.mfp-content {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge, .modal__animation .hinge.mfp-content {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75); }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25); }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.bounceInDown, .modal__animation.mfp-ready .mfp-content {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.bounceOutUp, .modal__animation.mfp-removing .mfp-content {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

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

@keyframes fadeIn {
  0% {
    opacity: 0;
    opacity: 1\0; }
  100% {
    opacity: 1; } }

.fadeIn, .css-transform-support .fx--fade-in, .takeover.is-hidden-leave {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  65% {
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  65% {
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown, .css-transform-support .fx--fade-in-down {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft, .css-transform-support .fx--fade-in-left {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight, .css-transform-support .fx--fade-in-right {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  65% {
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  65% {
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp, .css-transform-support .fx--fade-in-up {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

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

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

.fadeOut, .css-transform-support .fx--fade-out, .takeover.is-hidden-enter {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

.fadeOutDown, .css-transform-support .fx--fade-out-down {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

.fadeOutUp, .css-transform-support .fx--fade-out-up {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip, .modal__animation .flip.mfp-content {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top; } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top; } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Removes default margin.
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em; }

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  padding: 0; }

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

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

/*
 * Removes number input spinners in Firefox and Webkit browsers
 */
input[type=number] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Remove list style
 */
ol, ul {
  list-style: none; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
body {
  background: #F8F8FA; }

a {
  color: #0278b8;
  text-decoration: none; }
  a:focus, a:hover, a:active {
    color: #013653; }
  a:focus, a:hover, a:active {
    text-decoration: underline; }
  a:hover {
    cursor: pointer; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

ul {
  margin: 0; }

address {
  font-style: normal; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

fieldset {
  padding: 0;
  border: 0; }

label:hover {
  cursor: pointer; }

hr {
  border: none;
  border-top: 1px solid #D2D6DF;
  height: 0;
  margin: 0; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.elevation-0 {
  box-shadow: 0 0 0 0 transparent; }

.elevation-1, .scrolling-table--container, .scrolling-table__container--is-right-fixed, .ticket-box, .ticket-box--elevated-1, .ticket-box__section--indent, .card.card--elevated-1, .slat.slat--elevated-1, .slat--list {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.elevation-2, .ticket-box--elevated-2, .card.card--elevated-2 {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

.elevation-3, .ticket-box.is-active, .ticket-box--elevated-3, .card.card--elevated-3 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); }

.elevation-4, .ticket-box--elevated-4, .card.card--elevated-4 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }

.elevation-inverted-1, .dialog-footer {
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1); }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
@font-face {
  font-family: 'briteicons';
  src: url("../fonts/briteicons.eot");
  src: url("../fonts/briteicons.eot#iefix") format("embedded-opentype"), url("../fonts/briteicons.woff2") format("woff2"), url("../fonts/briteicons.woff") format("woff"), url("../fonts/briteicons.svg#briteiconsregular") format("svg"), url("../fonts/briteicons.ttf") format("truetype"); }

[class^="ico-"],
[class*=" ico-"],
.ico {
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  vertical-align: baseline; }

.ico-unlock:before {
  content: ""; }

.ico-lock:before {
  content: ""; }

.ico-mail:before {
  content: ""; }

.ico-calendar:before {
  content: ""; }

.ico-addcalendar:before {
  content: ""; }

.ico-clock:before {
  content: ""; }

.ico-location:before {
  content: ""; }

.ico-location-v2:before {
  content: ""; }

.ico-share:before {
  content: ""; }

.ico-star:before {
  content: ""; }

.ico-heart:before {
  content: ""; }

.ico-help:before {
  content: ""; }

.ico-home:before {
  content: ""; }

.ico-bookmark:before {
  content: ""; }

.ico-bookmarked:before {
  content: ""; }

.ico-search:before {
  content: ""; }

.ico-search-v2:before {
  content: ""; }

.ico-repeating:before {
  content: ""; }

.ico-filter:before {
  content: ""; }

.ico-friends:before {
  content: ""; }

.ico-cash:before {
  content: ""; }

.ico-credit-card:before {
  content: ""; }

.ico-list:before {
  content: ""; }

.ico-city:before {
  content: ""; }

.ico-tickets:before {
  content: ""; }

.ico-settings:before {
  content: ""; }

.ico-write:before {
  content: ""; }

.ico-event:before {
  content: ""; }

.ico-globe:before {
  content: ""; }

.ico-phone:before {
  content: ""; }

.ico-link:before {
  content: ""; }

.ico-person:before {
  content: ""; }

.ico-webpage:before {
  content: ""; }

.ico-chatbubbles:before {
  content: ""; }

.ico-chart:before {
  content: ""; }

.ico-photo:before {
  content: ""; }

.ico-gallery:before {
  content: ""; }

.ico-camera:before {
  content: ""; }

.ico-circle-cross:before {
  content: ""; }

.ico-cross:before {
  content: ""; }

.ico-checkmark:before {
  content: ""; }

.ico-circle-checkmark:before {
  content: ""; }

.ico-print:before {
  content: ""; }

.ico-receipt:before {
  content: ""; }

.ico-trash:before {
  content: ""; }

.ico-gripper:before {
  content: ""; }

.ico-computer:before {
  content: ""; }

.ico-invisible:before {
  content: ""; }

.ico-refresh:before {
  content: ""; }

.ico-addperson:before {
  content: ""; }

.ico-circle-plus:before {
  content: ""; }

.ico-playvideo:before {
  content: ""; }

.ico-plus:before {
  content: ""; }

.ico-minus:before {
  content: ""; }

.ico-upload:before {
  content: ""; }

.ico-download:before {
  content: ""; }

.ico-circle-play:before {
  content: ""; }

.ico-play:before {
  content: ""; }

.ico-ticket:before {
  content: ""; }

.ico-document:before {
  content: ""; }

.ico-copy:before {
  content: ""; }

.ico-save:before {
  content: ""; }

.ico-previous-location:before {
  content: ""; }

.ico-hurry:before {
  content: ""; }

.ico-frown:before {
  content: ""; }

.ico-menu:before {
  content: ""; }

.ico-menu-v2:before {
  content: ""; }

.ico-promote:before {
  content: ""; }

.ico-tablet:before {
  content: ""; }

.ico-add-many:before {
  content: ""; }

.ico-compass:before {
  content: ""; }

.ico-coffee:before {
  content: ""; }

.ico-section:before {
  content: ""; }

.ico-section-right:before {
  content: ""; }

.ico-section-justified:before {
  content: ""; }

.ico-section-left:before {
  content: ""; }

.ico-table:before {
  content: ""; }

.ico-not-seated:before {
  content: ""; }

.ico-object:before {
  content: ""; }

.ico-text:before {
  content: ""; }

.ico-bar:before {
  content: ""; }

.ico-food:before {
  content: ""; }

.ico-exit:before {
  content: ""; }

.ico-bathroom:before {
  content: ""; }

.ico-dancefloor:before {
  content: ""; }

.ico-resize-grave:before {
  content: ""; }

.ico-resize-aigu:before {
  content: ""; }

.ico-rotate:before {
  content: ""; }

.ico-square:before {
  content: ""; }

.ico-open-circle:before {
  content: ""; }

.ico-line:before {
  content: ""; }

.ico-focal-on:before {
  content: ""; }

.ico-focal-off:before {
  content: ""; }

.ico-bold:before {
  content: ""; }

.ico-italic:before {
  content: ""; }

.ico-strikethrough:before {
  content: ""; }

.ico-headline:before {
  content: ""; }

.ico-list-ol:before {
  content: ""; }

.ico-undo:before {
  content: ""; }

.ico-redo:before {
  content: ""; }

.ico-move:before {
  content: ""; }

.ico-view-event-page:before {
  content: ""; }

.ico-scan:before {
  content: ""; }

.ico-hashtag:before {
  content: ""; }

.ico-tiki:before {
  content: ""; }

.ico-status-private:before {
  content: ""; }

.ico-signal:before {
  content: ""; }

.ico-cart:before {
  content: ""; }

.ico-team-created:before {
  content: ""; }

.ico-information:before {
  content: ""; }

.ico-info:before {
  content: ""; }

.ico-circle-minus:before {
  content: ""; }

.ico-error:before {
  content: ""; }

.ico-success:before {
  content: ""; }

.ico-alert:before {
  content: ""; }

.ico-solid-circle:before {
  content: ""; }

.ico-seated:before {
  content: ""; }

.ico-grid-view:before {
  content: ""; }

.ico-list-view:before {
  content: ""; }

.ico-music:before {
  content: ""; }

.ico-sports:before {
  content: ""; }

.ico-fundraising:before {
  content: ""; }

.ico-political:before {
  content: ""; }

.ico-conferences:before {
  content: ""; }

.ico-fairs:before {
  content: ""; }

.ico-classes:before {
  content: ""; }

.ico-party:before {
  content: ""; }

.ico-walking:before {
  content: ""; }

.ico-car:before {
  content: ""; }

.ico-public-transit:before {
  content: ""; }

.ico-bike:before {
  content: ""; }

.ico-puzzle:before {
  content: ""; }

.ico-science:before {
  content: ""; }

.ico-business:before {
  content: ""; }

.ico-performances:before {
  content: ""; }

.ico-wellness:before {
  content: ""; }

.ico-religion:before {
  content: ""; }

.ico-travel:before {
  content: ""; }

.ico-foodie:before {
  content: ""; }

.ico-fashion:before {
  content: ""; }

.ico-lifestyle:before {
  content: ""; }

.ico-holidays:before {
  content: ""; }

.ico-media:before {
  content: ""; }

.ico-family:before {
  content: ""; }

.ico-signing:before {
  content: ""; }

.ico-camping:before {
  content: ""; }

.ico-attraction:before {
  content: ""; }

.ico-gaming:before {
  content: ""; }

.ico-meeting:before {
  content: ""; }

.ico-expo:before {
  content: ""; }

.ico-rally:before {
  content: ""; }

.ico-convention:before {
  content: ""; }

.ico-dinner:before {
  content: ""; }

.ico-screening:before {
  content: ""; }

.ico-tournament:before {
  content: ""; }

.ico-clip-board:before {
  content: ""; }

.ico-gift:before {
  content: ""; }

.ico-chat:before {
  content: ""; }

.ico-currency:before {
  content: ""; }

.ico-star-half:before {
  content: ""; }

.ico-star-full:before {
  content: ""; }

.ico-eventbrite-logo:before {
  content: ""; }

.ico-eventbrite-badge:before {
  content: ""; }

.ico-eventbrite-wordmark:before {
  content: ""; }

.ico-eventbrite-e:before {
  content: ""; }

.ico-facebook-logo:before {
  content: ""; }

.ico-facebook-badge:before {
  content: ""; }

.ico-facebook-messenger-badge:before {
  content: ""; }

.ico-twitter-logo:before {
  content: ""; }

.ico-twitter-badge:before {
  content: ""; }

.ico-google-plus-badge:before {
  content: ""; }

.ico-rss-badge:before {
  content: ""; }

.ico-linkedin-badge:before {
  content: ""; }

.ico-email-badge:before {
  content: ""; }

.ico-chat-badge:before {
  content: ""; }

.ico-instagram-logo:before {
  content: ""; }

.ico-instagram-badge:before {
  content: ""; }

.ico-link-badge:before {
  content: ""; }

.ico-phone-badge:before {
  content: ""; }

.ico-outlook-badge:before {
  content: ""; }

.ico-google-calendar-badge:before {
  content: ""; }

.ico-apple-calendar-badge:before {
  content: ""; }

.ico-yahoo-badge:before {
  content: ""; }

.ico-gmail-badge:before {
  content: ""; }

.ico-csv-badge:before {
  content: ""; }

.ico-pinterest-badge:before {
  content: ""; }

.ico-whatsapp-badge:before {
  content: ""; }

.ico-arrow-up:before {
  content: ""; }

.ico-arrow-right:before {
  content: ""; }

.ico-arrow-down:before {
  content: ""; }

.ico-arrow-left:before {
  content: ""; }

.ico-arrow-dropdown:before {
  content: ""; }

.ico-omnes-arrow-up:before {
  content: ""; }

.ico-omnes-arrow-right:before {
  content: ""; }

.ico-omnes-arrow-down:before {
  content: ""; }

.ico-omnes-arrow-left:before {
  content: ""; }

.ico-arrow-tail-right:before {
  content: ""; }

.ico-arrow-tail-down:before {
  content: ""; }

.ico-trending-up:before {
  content: ""; }

.ico-star-circle:before {
  content: ""; }

.ico-avatar:before {
  content: ""; }

.ico-sponsorship:before {
  content: ""; }

.ico-american-football:before {
  content: ""; }

.ico-cricket:before {
  content: ""; }

.ico-volleyball:before {
  content: ""; }

.ico-basketball:before {
  content: ""; }

.ico-hockey:before {
  content: ""; }

.ico-rugby:before {
  content: ""; }

.ico-swimming-pool:before {
  content: ""; }

.ico-lacrosse:before {
  content: ""; }

.ico-tennis:before {
  content: ""; }

.ico-boxing:before {
  content: ""; }

.ico-baseball:before {
  content: ""; }

.ico-soccer:before {
  content: ""; }

.ico--color-brand-orange {
  color: #f6682f;
  color: #f6682f; }
  a:hover .ico--color-brand-orange,
  a:focus .ico--color-brand-orange,
  a.is-hover .ico--color-brand-orange {
    color: #f88659;
    color: rgba(246, 104, 47, 0.8); }

.ico--color-brand-red {
  color: #d33732;
  color: #d33732; }
  a:hover .ico--color-brand-red,
  a:focus .ico--color-brand-red,
  a.is-hover .ico--color-brand-red {
    color: #dc5f5b;
    color: rgba(211, 55, 50, 0.8); }

.ico--color-brand-yellow {
  color: #ffdb00;
  color: #ffdb00; }
  a:hover .ico--color-brand-yellow,
  a:focus .ico--color-brand-yellow,
  a.is-hover .ico--color-brand-yellow {
    color: #ffe233;
    color: rgba(255, 219, 0, 0.8); }

.ico--color-brand-teal {
  color: #0093d7;
  color: #0093d7; }
  a:hover .ico--color-brand-teal,
  a:focus .ico--color-brand-teal,
  a.is-hover .ico--color-brand-teal {
    color: #33a9df;
    color: rgba(0, 147, 215, 0.8); }

.ico--color-brand-light-blue {
  color: #0093d7;
  color: #0093d7; }
  a:hover .ico--color-brand-light-blue,
  a:focus .ico--color-brand-light-blue,
  a.is-hover .ico--color-brand-light-blue {
    color: #33a9df;
    color: rgba(0, 147, 215, 0.8); }

.ico--color-brand-dark-green {
  color: #00ab44;
  color: #00ab44; }
  a:hover .ico--color-brand-dark-green,
  a:focus .ico--color-brand-dark-green,
  a.is-hover .ico--color-brand-dark-green {
    color: #33bc69;
    color: rgba(0, 171, 68, 0.8); }

.ico--color-brand-green {
  color: #00ab44;
  color: #00ab44; }
  a:hover .ico--color-brand-green,
  a:focus .ico--color-brand-green,
  a.is-hover .ico--color-brand-green {
    color: #33bc69;
    color: rgba(0, 171, 68, 0.8); }

.ico--color-brand-dark-gray {
  color: #666a73;
  color: #666a73; }
  a:hover .ico--color-brand-dark-gray,
  a:focus .ico--color-brand-dark-gray,
  a.is-hover .ico--color-brand-dark-gray {
    color: #85888f;
    color: rgba(102, 106, 115, 0.8); }

.ico--color-brand-purple-rain {
  color: #f20cb6;
  color: #f20cb6; }
  a:hover .ico--color-brand-purple-rain,
  a:focus .ico--color-brand-purple-rain,
  a.is-hover .ico--color-brand-purple-rain {
    color: #f53dc5;
    color: rgba(242, 12, 182, 0.8); }

.ico--color-brand-pink {
  color: #f20cb6;
  color: #f20cb6; }
  a:hover .ico--color-brand-pink,
  a:focus .ico--color-brand-pink,
  a.is-hover .ico--color-brand-pink {
    color: #f53dc5;
    color: rgba(242, 12, 182, 0.8); }

.ico--color-brand-white {
  color: white;
  color: white; }
  a:hover .ico--color-brand-white,
  a:focus .ico--color-brand-white,
  a.is-hover .ico--color-brand-white {
    color: white;
    color: rgba(255, 255, 255, 0.8); }

.ico--color-understated {
  color: #666a73;
  color: #666a73; }
  a:hover .ico--color-understated,
  a:focus .ico--color-understated,
  a.is-hover .ico--color-understated {
    color: #85888f;
    color: rgba(102, 106, 115, 0.8); }

.ico--color-understated-link {
  color: #adb0b6;
  color: #adb0b6; }
  a:hover .ico--color-understated-link,
  a:focus .ico--color-understated-link,
  a.is-hover .ico--color-understated-link {
    color: #bdc0c5;
    color: rgba(173, 176, 182, 0.8); }

.ico--color-manage {
  color: #45494e;
  color: #45494e; }
  a:hover .ico--color-manage,
  a:focus .ico--color-manage,
  a.is-hover .ico--color-manage {
    color: #6a6d71;
    color: rgba(69, 73, 78, 0.8); }

.ico--color-subtle {
  color: #eff2f5;
  color: #eff2f5; }
  a:hover .ico--color-subtle,
  a:focus .ico--color-subtle,
  a.is-hover .ico--color-subtle {
    color: #f2f5f7;
    color: rgba(239, 242, 245, 0.8); }

.ico--color-facebook {
  color: #3b5998;
  color: #3b5998; }
  a:hover .ico--color-facebook,
  a:focus .ico--color-facebook,
  a.is-hover .ico--color-facebook {
    color: #627aad;
    color: rgba(59, 89, 152, 0.8); }

.ico--color-facebook-messenger {
  color: #0080ff;
  color: #0080ff; }
  a:hover .ico--color-facebook-messenger,
  a:focus .ico--color-facebook-messenger,
  a.is-hover .ico--color-facebook-messenger {
    color: #3399ff;
    color: rgba(0, 128, 255, 0.8); }

.ico--color-twitter {
  color: #55acee;
  color: #55acee; }
  a:hover .ico--color-twitter,
  a:focus .ico--color-twitter,
  a.is-hover .ico--color-twitter {
    color: #77bdf1;
    color: rgba(85, 172, 238, 0.8); }

.ico--color-pinterest {
  color: #bd081c;
  color: #bd081c; }
  a:hover .ico--color-pinterest,
  a:focus .ico--color-pinterest,
  a.is-hover .ico--color-pinterest {
    color: #ca3949;
    color: rgba(189, 8, 28, 0.8); }

.ico--color-linkedin {
  color: #0077b5;
  color: #0077b5; }
  a:hover .ico--color-linkedin,
  a:focus .ico--color-linkedin,
  a.is-hover .ico--color-linkedin {
    color: #3392c4;
    color: rgba(0, 119, 181, 0.8); }

.ico--color-googleplus {
  color: #dc4e41;
  color: #dc4e41; }
  a:hover .ico--color-googleplus,
  a:focus .ico--color-googleplus,
  a.is-hover .ico--color-googleplus {
    color: #e37167;
    color: rgba(220, 78, 65, 0.8); }

.ico--color-whatsapp {
  color: #25d366;
  color: #25d366; }
  a:hover .ico--color-whatsapp,
  a:focus .ico--color-whatsapp,
  a.is-hover .ico--color-whatsapp {
    color: #51dc85;
    color: rgba(37, 211, 102, 0.8); }

.ico--color-is-disabled {
  color: #adb0b6;
  color: #adb0b6; }
  a:hover .ico--color-is-disabled,
  a:focus .ico--color-is-disabled,
  a.is-hover .ico--color-is-disabled {
    color: #bdc0c5;
    color: rgba(173, 176, 182, 0.8); }

.payment-option {
  width: 35px;
  height: 28px;
  display: inline-block; }

.payment-option--input {
  margin: 8px 0; }

.ico--xsmall {
  font-size: 8px;
  line-height: 1; }

.ico--small {
  font-size: 13px;
  line-height: 1; }

.ico--medium {
  font-size: 22px;
  line-height: 1; }

.ico--large, .chart-panel__icon {
  font-size: 32px;
  line-height: 1; }

.ico--xlarge {
  font-size: 50px;
  line-height: 55px; }

.ico--xxlarge {
  font-size: 70px;
  line-height: 75px; }

.ico--form-input {
  font-size: 16px; }

.ico--stacked {
  position: relative;
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: baseline; }
  .ico--stacked.ico--xlarge {
    height: 69px;
    width: 60px;
    font-size: 35px;
    line-height: 2.4; }
  .ico--stacked.ico--large, .ico--stacked.chart-panel__icon {
    height: 28px;
    width: 28px;
    font-size: 20px;
    line-height: 1.7; }
  .ico--stacked.ico--medium {
    height: 18px;
    width: 19px;
    line-height: 1.7;
    font-size: 15px; }
  .ico--stacked.ico--small {
    height: 9px;
    width: 11px;
    line-height: 2;
    font-size: 7px; }
  .ico--stacked .ico--stacked__layer {
    font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ico-circle, .ico-circle--bordered, .ico-circle--color-inverted {
  display: inline-block;
  border-radius: 50%;
  font-weight: 600;
  text-align: center;
  vertical-align: text-bottom; }
  .ico--xlarge.ico-circle, .ico--xlarge.ico-circle--bordered, .ico--xlarge.ico-circle--color-inverted {
    height: 58px;
    width: 58px;
    font-size: 35px;
    line-height: 2.4; }
  .ico--large.ico-circle, .ico--large.ico-circle--bordered, .ico-circle--bordered.chart-panel__icon, .ico-circle.chart-panel__icon, .ico--large.ico-circle--color-inverted, .ico-circle--color-inverted.chart-panel__icon {
    height: 28px;
    width: 28px;
    font-size: 20px;
    line-height: 1.3; }
  .ico--medium.ico-circle, .ico--medium.ico-circle--bordered, .ico--medium.ico-circle--color-inverted {
    height: 20px;
    width: 20px;
    line-height: 1.3;
    font-size: 15px; }
  .ico--small.ico-circle, .ico--small.ico-circle--bordered, .ico--small.ico-circle--color-inverted {
    height: 12px;
    width: 12px;
    line-height: 1.7;
    font-size: 7px; }

.ico-circle.ico--color-brand-orange, .ico--color-brand-orange.ico-circle--bordered {
  background-color: #f6682F; }

.ico-circle.ico--color-brand-yellow, .ico--color-brand-yellow.ico-circle--bordered {
  background-color: #ffdb00;
  color: #ffffff; }

.ico-circle.ico--color-brand-red, .ico--color-brand-red.ico-circle--bordered {
  background-color: #D33732;
  color: #ffffff; }

.ico-circle.ico--color-brand-teal, .ico--color-brand-teal.ico-circle--bordered, .ico-circle.ico--color-brand-light-blue, .ico--color-brand-light-blue.ico-circle--bordered {
  background-color: #0093D7;
  color: #ffffff; }

.ico-circle.ico--color-brand-dark-green, .ico--color-brand-dark-green.ico-circle--bordered, .ico-circle.ico--color-brand-green, .ico--color-brand-green.ico-circle--bordered {
  background-color: #00ab44;
  color: #ffffff; }

.ico-circle.ico--color-brand-pink, .ico--color-brand-pink.ico-circle--bordered {
  background-color: #f20cb6;
  color: #ffffff; }

.ico-circle.ico--color-brand-white, .ico--color-brand-white.ico-circle--bordered {
  background-color: #ffffff; }

.ico-circle.ico--color-understated, .ico--color-understated.ico-circle--bordered {
  background-color: #D2D6DF;
  color: #ffffff; }

.ico-circle.ico--color-faint, .ico--color-faint.ico-circle--bordered {
  background-color: #EFF2F5;
  color: #666A73; }

.ico-circle.ico--color-manage, .ico--color-manage.ico-circle--bordered {
  background-color: #45494E;
  color: #ffffff; }

.ico-circle--bordered {
  border: 2px solid #666A73;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ico-circle--color-inverted {
  background-color: #F8F8FA; }

.ico-box {
  display: inline-block;
  text-align: center; }
  .ico-box.ico--small {
    width: 50px;
    font-size: 35px;
    line-height: 45px;
    padding-bottom: 5px; }
  .ico-box.ico--medium {
    width: 50px;
    font-size: 32px;
    line-height: 43px;
    padding-bottom: 7px; }
  .ico-box.ico--large, .ico-box.chart-panel__icon {
    width: 80px;
    font-size: 60px;
    line-height: 69px;
    padding-bottom: 11px; }
  .ico-box.ico--block {
    width: 100%; }
  .ico-box.ico--color-subtle {
    background-color: #D2D6DF; }
  .ico-box.ico--color-faint {
    background-color: #EFF2F5;
    color: #D2D6DF; }
  .ico-box.ico--color-teal, .ico-box.ico--color-light-blue {
    background-color: #0093D7; }

.bullet-list-ico {
  list-style-type: none;
  padding: 0;
  margin-left: 1.5em; }
  .bullet-list-ico li {
    position: relative;
    padding-top: 5px; }
    .bullet-list-ico li i:first-child {
      position: absolute;
      left: -1.2em;
      width: 1.5em;
      line-height: 1.5;
      text-align: left;
      vertical-align: -15%; }
      .bullet-list-ico li i:first-child.ico--medium {
        line-height: 0.95; }
      .bullet-list-ico li i:first-child.ico--large, .bullet-list-ico li i.chart-panel__icon:first-child {
        line-height: 0.6;
        left: -1em; }
  .bullet-list-ico.bullet-list-ico--compact li {
    display: inline-block;
    zoom: 1;
    margin-right: 2.5em; }
    .bullet-list-ico.bullet-list-ico--compact li:last-child {
      margin-right: 0; }

.ico--bullet {
  line-height: 1.3em;
  font-size: 1.3em;
  margin-right: 5px; }

.ico-count {
  position: relative; }

.ico-count__label {
  position: absolute;
  left: 15px;
  top: -15px;
  display: inline-block;
  color: white;
  background-color: #0093D7;
  border: 2px solid white;
  border-radius: 15px;
  padding: 2px 5px 3px;
  font-size: 11px;
  line-height: 1; }

.ico-count--unlimited .ico-count__label {
  height: 5px;
  width: 5px;
  padding: 5px;
  text-indent: -999px;
  overflow: hidden; }
  .ico-count--unlimited .ico-count__label:after {
    content: '';
    width: 5px;
    height: 5px;
    margin: auto;
    border-radius: 15px;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff; }

.ico-count--medium .ico-count__label {
  top: -10px;
  left: 10px; }

.ico-count--zero .ico-count__label {
  display: none; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.grouped-ico {
  list-style-type: none;
  padding-left: 0; }
  .grouped-ico li {
    display: inline;
    list-style-type: none;
    margin-left: 0.15em; }
  .grouped-ico a:focus,
  .grouped-ico a:hover {
    text-decoration: none; }

.grouped-ico--share-links a {
  display: inline-block; }

.grouped-ico--share-links a:hover > i,
.grouped-ico--share-links a:focus > i,
.grouped-ico--share-links a.is-hover > i {
  opacity: 0.8; }

.link-list {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  list-style: none;
  display: inline-block;
  padding: 0; }
  .link-list li {
    padding: 0 10px;
    display: inline-block; }
  .link-list a {
    color: #0278b8; }
    .link-list a:focus, .link-list a:hover, .link-list a:active {
      color: #013653; }
    .link-list a:hover, .link-list a:focus {
      text-decoration: none; }

.inline-link-list {
  link-style: none;
  padding: 0; }
  .inline-link-list li {
    padding: 0 0.5em;
    display: inline-block; }
  .inline-link-list a {
    color: #0278b8; }
    .inline-link-list a:focus, .inline-link-list a:hover, .inline-link-list a:active {
      color: #013653; }
    .inline-link-list a:hover, .inline-link-list a:focus {
      text-decoration: none; }
    .inline-link-list a i {
      color: #D2D6DF;
      padding: 0 0.2em;
      position: relative;
      top: 3px; }
    .inline-link-list a:hover i, .inline-link-list a:focus i {
      color: #0399ea; }
    .inline-link-list a:active i {
      color: #015786; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* Used to add gutters and responsive padding classes responsively */
/* Hide the element for a responsive size */
/* Hide the element for a responsive size */
/* Generate the grid for a responsive size */
/* Generate the grid for a responsive size */
/* This mixin makes duplicate 12 column grids, so that we can say grid-1of2 instead of grid-6of12 */
/* Generate the classes for resizing images based on breakpoints */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* Media queries for responsive design.*/
/* Cascading responsive sizes
 *
 * Design mobile first, styles for small screens will apply to everything
 */
.g-cell, .timeline__content, .timeline__date, .timeline__indicator {
  padding-left: 5px;
  padding-right: 5px; }

/* Used to provide appropriate sized gutters on off-grid elements */
.l-gutter-left-1 {
  padding-left: 5px; }

.l-gutter-right-1 {
  padding-right: 5px; }

/* Used to provide appropriate sized gutters on off-grid elements */
.l-gutter-left-2 {
  padding-left: 10px; }

.l-gutter-right-2 {
  padding-right: 10px; }

.g-cell-1-12 {
  width: 8.3333333333%; }

.g-cell-2-12 {
  width: 16.6666666667%; }

.g-cell-3-12 {
  width: 25%; }

.g-cell-4-12 {
  width: 33.3333333333%; }

.g-cell-5-12 {
  width: 41.6666666667%; }

.g-cell-6-12 {
  width: 50%; }

.g-cell-7-12 {
  width: 58.3333333333%; }

.g-cell-8-12 {
  width: 66.6666666667%; }

.g-cell-9-12 {
  width: 75%; }

.g-cell-10-12 {
  width: 83.3333333333%; }

.g-cell-11-12 {
  width: 91.6666666667%; }

.g-cell-12-12, .dialog-frame-content {
  width: 100%; }

.g-cell-1-9 {
  width: 11.1111111111%; }

.g-cell-2-9 {
  width: 22.2222222222%; }

.g-cell-3-9 {
  width: 33.3333333333%; }

.g-cell-4-9 {
  width: 44.4444444444%; }

.g-cell-5-9 {
  width: 55.5555555556%; }

.g-cell-6-9 {
  width: 66.6666666667%; }

.g-cell-7-9 {
  width: 77.7777777778%; }

.g-cell-8-9 {
  width: 88.8888888889%; }

.g-cell-9-9 {
  width: 100%; }

.g-cell-1-8, .timeline__indicator {
  width: 12.5%; }

.g-cell-2-8 {
  width: 25%; }

.g-cell-3-8 {
  width: 37.5%; }

.g-cell-4-8 {
  width: 50%; }

.g-cell-5-8 {
  width: 62.5%; }

.g-cell-6-8 {
  width: 75%; }

.g-cell-7-8, .timeline__content {
  width: 87.5%; }

.g-cell-8-8 {
  width: 100%; }

.g-cell-1-4 {
  width: 25%; }

.g-cell-2-4 {
  width: 50%; }

.g-cell-3-4 {
  width: 75%; }

.g-cell-4-4 {
  width: 100%; }

.g-cell-1-3 {
  width: 33.3333333333%; }

.g-cell-2-3 {
  width: 66.6666666667%; }

.g-cell-3-3 {
  width: 100%; }

.g-cell-1-2 {
  width: 50%; }

.g-cell-2-2 {
  width: 100%; }

.g-cell-1-1 {
  width: 100%; }

.g-offset-0-12 {
  margin-left: 0%; }

.g-offset-1-12 {
  margin-left: 8.3333333333%; }

.g-offset-2-12 {
  margin-left: 16.6666666667%; }

.g-offset-3-12 {
  margin-left: 25%; }

.g-offset-4-12 {
  margin-left: 33.3333333333%; }

.g-offset-5-12 {
  margin-left: 41.6666666667%; }

.g-offset-6-12 {
  margin-left: 50%; }

.g-offset-7-12 {
  margin-left: 58.3333333333%; }

.g-offset-8-12 {
  margin-left: 66.6666666667%; }

.g-offset-9-12 {
  margin-left: 75%; }

.g-offset-10-12 {
  margin-left: 83.3333333333%; }

.g-offset-11-12 {
  margin-left: 91.6666666667%; }

.g-offset-0-9 {
  margin-left: 0%; }

.g-offset-1-9 {
  margin-left: 11.1111111111%; }

.g-offset-2-9 {
  margin-left: 22.2222222222%; }

.g-offset-3-9 {
  margin-left: 33.3333333333%; }

.g-offset-4-9 {
  margin-left: 44.4444444444%; }

.g-offset-5-9 {
  margin-left: 55.5555555556%; }

.g-offset-6-9 {
  margin-left: 66.6666666667%; }

.g-offset-7-9 {
  margin-left: 77.7777777778%; }

.g-offset-8-9 {
  margin-left: 88.8888888889%; }

.g-offset-0-8 {
  margin-left: 0%; }

.g-offset-1-8 {
  margin-left: 12.5%; }

.g-offset-2-8 {
  margin-left: 25%; }

.g-offset-3-8 {
  margin-left: 37.5%; }

.g-offset-4-8 {
  margin-left: 50%; }

.g-offset-5-8 {
  margin-left: 62.5%; }

.g-offset-6-8 {
  margin-left: 75%; }

.g-offset-7-8 {
  margin-left: 87.5%; }

.g-offset-0-4 {
  margin-left: 0%; }

.g-offset-1-4 {
  margin-left: 25%; }

.g-offset-2-4 {
  margin-left: 50%; }

.g-offset-3-4 {
  margin-left: 75%; }

.g-offset-0-3 {
  margin-left: 0%; }

.g-offset-1-3 {
  margin-left: 33.3333333333%; }

.g-offset-2-3 {
  margin-left: 66.6666666667%; }

.g-offset-0-2 {
  margin-left: 0%; }

.g-offset-1-2 {
  margin-left: 50%; }

.g-offset-0-1 {
  margin-left: 0%; }

/* there is no size on this name, because we should be building mobile first */
.img-20 {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px; }
  .img-20 img {
    max-width: 20px;
    max-height: 20px; }

.img-40 {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px; }
  .img-40 img {
    max-width: 40px;
    max-height: 40px; }

.img-60 {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px; }
  .img-60 img {
    max-width: 60px;
    max-height: 60px; }

.img-90 {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px; }
  .img-90 img {
    max-width: 90px;
    max-height: 90px; }

.img-110 {
  width: 110px;
  height: 110px;
  max-width: 110px;
  max-height: 110px; }
  .img-110 img {
    max-width: 110px;
    max-height: 110px; }

.img-150 {
  width: 150px;
  height: 150px;
  max-width: 150px;
  max-height: 150px; }
  .img-150 img {
    max-width: 150px;
    max-height: 150px; }

.img-240 {
  width: 240px;
  height: 240px;
  max-width: 240px;
  max-height: 240px; }
  .img-240 img {
    max-width: 240px;
    max-height: 240px; }

.img-330 {
  width: 330px;
  height: 330px;
  max-width: 330px;
  max-height: 330px; }
  .img-330 img {
    max-width: 330px;
    max-height: 330px; }

.g-cell.timepicker .timepicker-collection, .timepicker.timeline__content .timepicker-collection, .timepicker.timeline__date .timepicker-collection, .timepicker.timeline__indicator .timepicker-collection {
  left: 5px;
  right: 5px; }

@media only screen and (min-width: 480px) {
  .g-cell, .timeline__content, .timeline__date, .timeline__indicator {
    padding-left: 10px;
    padding-right: 10px; }
  /* Used to provide appropriate sized gutters on off-grid elements */
  .l-gutter-left-1 {
    padding-left: 10px; }
  .l-gutter-right-1 {
    padding-right: 10px; }
  /* Used to provide appropriate sized gutters on off-grid elements */
  .l-gutter-left-2 {
    padding-left: 20px; }
  .l-gutter-right-2 {
    padding-right: 20px; }
  .g-cell-md-1-12, .timeline__indicator {
    width: 8.3333333333%; }
  .g-cell-md-2-12, .timeline__date {
    width: 16.6666666667%; }
  .g-cell-md-3-12 {
    width: 25%; }
  .g-cell-md-4-12 {
    width: 33.3333333333%; }
  .g-cell-md-5-12 {
    width: 41.6666666667%; }
  .g-cell-md-6-12 {
    width: 50%; }
  .g-cell-md-7-12 {
    width: 58.3333333333%; }
  .g-cell-md-8-12 {
    width: 66.6666666667%; }
  .g-cell-md-9-12, .timeline__content {
    width: 75%; }
  .g-cell-md-10-12, .dialog-frame-content {
    width: 83.3333333333%; }
  .g-cell-md-11-12 {
    width: 91.6666666667%; }
  .g-cell-md-12-12 {
    width: 100%; }
  .g-cell-md-1-9 {
    width: 11.1111111111%; }
  .g-cell-md-2-9 {
    width: 22.2222222222%; }
  .g-cell-md-3-9 {
    width: 33.3333333333%; }
  .g-cell-md-4-9 {
    width: 44.4444444444%; }
  .g-cell-md-5-9 {
    width: 55.5555555556%; }
  .g-cell-md-6-9 {
    width: 66.6666666667%; }
  .g-cell-md-7-9 {
    width: 77.7777777778%; }
  .g-cell-md-8-9 {
    width: 88.8888888889%; }
  .g-cell-md-9-9 {
    width: 100%; }
  .g-cell-md-1-8 {
    width: 12.5%; }
  .g-cell-md-2-8 {
    width: 25%; }
  .g-cell-md-3-8 {
    width: 37.5%; }
  .g-cell-md-4-8 {
    width: 50%; }
  .g-cell-md-5-8 {
    width: 62.5%; }
  .g-cell-md-6-8 {
    width: 75%; }
  .g-cell-md-7-8 {
    width: 87.5%; }
  .g-cell-md-8-8 {
    width: 100%; }
  .g-cell-md-1-4 {
    width: 25%; }
  .g-cell-md-2-4 {
    width: 50%; }
  .g-cell-md-3-4 {
    width: 75%; }
  .g-cell-md-4-4 {
    width: 100%; }
  .g-cell-md-1-3 {
    width: 33.3333333333%; }
  .g-cell-md-2-3 {
    width: 66.6666666667%; }
  .g-cell-md-3-3 {
    width: 100%; }
  .g-cell-md-1-2 {
    width: 50%; }
  .g-cell-md-2-2 {
    width: 100%; }
  .g-cell-md-1-1 {
    width: 100%; }
  .g-offset-md-0-12 {
    margin-left: 0%; }
  .g-offset-md-1-12, .dialog-frame-content {
    margin-left: 8.3333333333%; }
  .g-offset-md-2-12 {
    margin-left: 16.6666666667%; }
  .g-offset-md-3-12 {
    margin-left: 25%; }
  .g-offset-md-4-12 {
    margin-left: 33.3333333333%; }
  .g-offset-md-5-12 {
    margin-left: 41.6666666667%; }
  .g-offset-md-6-12 {
    margin-left: 50%; }
  .g-offset-md-7-12 {
    margin-left: 58.3333333333%; }
  .g-offset-md-8-12 {
    margin-left: 66.6666666667%; }
  .g-offset-md-9-12 {
    margin-left: 75%; }
  .g-offset-md-10-12 {
    margin-left: 83.3333333333%; }
  .g-offset-md-11-12 {
    margin-left: 91.6666666667%; }
  .g-offset-md-0-9 {
    margin-left: 0%; }
  .g-offset-md-1-9 {
    margin-left: 11.1111111111%; }
  .g-offset-md-2-9 {
    margin-left: 22.2222222222%; }
  .g-offset-md-3-9 {
    margin-left: 33.3333333333%; }
  .g-offset-md-4-9 {
    margin-left: 44.4444444444%; }
  .g-offset-md-5-9 {
    margin-left: 55.5555555556%; }
  .g-offset-md-6-9 {
    margin-left: 66.6666666667%; }
  .g-offset-md-7-9 {
    margin-left: 77.7777777778%; }
  .g-offset-md-8-9 {
    margin-left: 88.8888888889%; }
  .g-offset-md-0-8 {
    margin-left: 0%; }
  .g-offset-md-1-8 {
    margin-left: 12.5%; }
  .g-offset-md-2-8 {
    margin-left: 25%; }
  .g-offset-md-3-8 {
    margin-left: 37.5%; }
  .g-offset-md-4-8 {
    margin-left: 50%; }
  .g-offset-md-5-8 {
    margin-left: 62.5%; }
  .g-offset-md-6-8 {
    margin-left: 75%; }
  .g-offset-md-7-8 {
    margin-left: 87.5%; }
  .g-offset-md-0-4 {
    margin-left: 0%; }
  .g-offset-md-1-4 {
    margin-left: 25%; }
  .g-offset-md-2-4 {
    margin-left: 50%; }
  .g-offset-md-3-4 {
    margin-left: 75%; }
  .g-offset-md-0-3 {
    margin-left: 0%; }
  .g-offset-md-1-3 {
    margin-left: 33.3333333333%; }
  .g-offset-md-2-3 {
    margin-left: 66.6666666667%; }
  .g-offset-md-0-2 {
    margin-left: 0%; }
  .g-offset-md-1-2 {
    margin-left: 50%; }
  .g-offset-md-0-1 {
    margin-left: 0%; }
  .img-md-20 {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px; }
    .img-md-20 img {
      max-width: 20px;
      max-height: 20px; }
  .img-md-40 {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px; }
    .img-md-40 img {
      max-width: 40px;
      max-height: 40px; }
  .img-md-60 {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px; }
    .img-md-60 img {
      max-width: 60px;
      max-height: 60px; }
  .img-md-90 {
    width: 90px;
    height: 90px;
    max-width: 90px;
    max-height: 90px; }
    .img-md-90 img {
      max-width: 90px;
      max-height: 90px; }
  .img-md-110 {
    width: 110px;
    height: 110px;
    max-width: 110px;
    max-height: 110px; }
    .img-md-110 img {
      max-width: 110px;
      max-height: 110px; }
  .img-md-150 {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px; }
    .img-md-150 img {
      max-width: 150px;
      max-height: 150px; }
  .img-md-240 {
    width: 240px;
    height: 240px;
    max-width: 240px;
    max-height: 240px; }
    .img-md-240 img {
      max-width: 240px;
      max-height: 240px; }
  .img-md-330 {
    width: 330px;
    height: 330px;
    max-width: 330px;
    max-height: 330px; }
    .img-md-330 img {
      max-width: 330px;
      max-height: 330px; }
  .g-cell.timepicker .timepicker-collection, .timepicker.timeline__content .timepicker-collection, .timepicker.timeline__date .timepicker-collection, .timepicker.timeline__indicator .timepicker-collection {
    left: 10px;
    right: 10px; } }

@media only screen and (min-width: 800px) {
  .g-cell, .timeline__content, .timeline__date, .timeline__indicator {
    padding-left: 15px;
    padding-right: 15px; }
  /* Used to provide appropriate sized gutters on off-grid elements */
  .l-gutter-left-1 {
    padding-left: 15px; }
  .l-gutter-right-1 {
    padding-right: 15px; }
  /* Used to provide appropriate sized gutters on off-grid elements */
  .l-gutter-left-2 {
    padding-left: 30px; }
  .l-gutter-right-2 {
    padding-right: 30px; }
  .g-cell-lg-1-12 {
    width: 8.3333333333%; }
  .g-cell-lg-2-12 {
    width: 16.6666666667%; }
  .g-cell-lg-3-12 {
    width: 25%; }
  .g-cell-lg-4-12 {
    width: 33.3333333333%; }
  .g-cell-lg-5-12 {
    width: 41.6666666667%; }
  .g-cell-lg-6-12 {
    width: 50%; }
  .g-cell-lg-7-12 {
    width: 58.3333333333%; }
  .g-cell-lg-8-12, .dialog-frame-content {
    width: 66.6666666667%; }
  .g-cell-lg-9-12 {
    width: 75%; }
  .g-cell-lg-10-12 {
    width: 83.3333333333%; }
  .g-cell-lg-11-12 {
    width: 91.6666666667%; }
  .g-cell-lg-12-12 {
    width: 100%; }
  .g-cell-lg-1-9 {
    width: 11.1111111111%; }
  .g-cell-lg-2-9 {
    width: 22.2222222222%; }
  .g-cell-lg-3-9 {
    width: 33.3333333333%; }
  .g-cell-lg-4-9 {
    width: 44.4444444444%; }
  .g-cell-lg-5-9 {
    width: 55.5555555556%; }
  .g-cell-lg-6-9 {
    width: 66.6666666667%; }
  .g-cell-lg-7-9 {
    width: 77.7777777778%; }
  .g-cell-lg-8-9 {
    width: 88.8888888889%; }
  .g-cell-lg-9-9 {
    width: 100%; }
  .g-cell-lg-1-8 {
    width: 12.5%; }
  .g-cell-lg-2-8 {
    width: 25%; }
  .g-cell-lg-3-8 {
    width: 37.5%; }
  .g-cell-lg-4-8 {
    width: 50%; }
  .g-cell-lg-5-8 {
    width: 62.5%; }
  .g-cell-lg-6-8 {
    width: 75%; }
  .g-cell-lg-7-8 {
    width: 87.5%; }
  .g-cell-lg-8-8 {
    width: 100%; }
  .g-cell-lg-1-4 {
    width: 25%; }
  .g-cell-lg-2-4 {
    width: 50%; }
  .g-cell-lg-3-4 {
    width: 75%; }
  .g-cell-lg-4-4 {
    width: 100%; }
  .g-cell-lg-1-3 {
    width: 33.3333333333%; }
  .g-cell-lg-2-3 {
    width: 66.6666666667%; }
  .g-cell-lg-3-3 {
    width: 100%; }
  .g-cell-lg-1-2 {
    width: 50%; }
  .g-cell-lg-2-2 {
    width: 100%; }
  .g-cell-lg-1-1 {
    width: 100%; }
  .g-offset-lg-0-12 {
    margin-left: 0%; }
  .g-offset-lg-1-12 {
    margin-left: 8.3333333333%; }
  .g-offset-lg-2-12, .dialog-frame-content {
    margin-left: 16.6666666667%; }
  .g-offset-lg-3-12 {
    margin-left: 25%; }
  .g-offset-lg-4-12 {
    margin-left: 33.3333333333%; }
  .g-offset-lg-5-12 {
    margin-left: 41.6666666667%; }
  .g-offset-lg-6-12 {
    margin-left: 50%; }
  .g-offset-lg-7-12 {
    margin-left: 58.3333333333%; }
  .g-offset-lg-8-12 {
    margin-left: 66.6666666667%; }
  .g-offset-lg-9-12 {
    margin-left: 75%; }
  .g-offset-lg-10-12 {
    margin-left: 83.3333333333%; }
  .g-offset-lg-11-12 {
    margin-left: 91.6666666667%; }
  .g-offset-lg-0-9 {
    margin-left: 0%; }
  .g-offset-lg-1-9 {
    margin-left: 11.1111111111%; }
  .g-offset-lg-2-9 {
    margin-left: 22.2222222222%; }
  .g-offset-lg-3-9 {
    margin-left: 33.3333333333%; }
  .g-offset-lg-4-9 {
    margin-left: 44.4444444444%; }
  .g-offset-lg-5-9 {
    margin-left: 55.5555555556%; }
  .g-offset-lg-6-9 {
    margin-left: 66.6666666667%; }
  .g-offset-lg-7-9 {
    margin-left: 77.7777777778%; }
  .g-offset-lg-8-9 {
    margin-left: 88.8888888889%; }
  .g-offset-lg-0-8 {
    margin-left: 0%; }
  .g-offset-lg-1-8 {
    margin-left: 12.5%; }
  .g-offset-lg-2-8 {
    margin-left: 25%; }
  .g-offset-lg-3-8 {
    margin-left: 37.5%; }
  .g-offset-lg-4-8 {
    margin-left: 50%; }
  .g-offset-lg-5-8 {
    margin-left: 62.5%; }
  .g-offset-lg-6-8 {
    margin-left: 75%; }
  .g-offset-lg-7-8 {
    margin-left: 87.5%; }
  .g-offset-lg-0-4 {
    margin-left: 0%; }
  .g-offset-lg-1-4 {
    margin-left: 25%; }
  .g-offset-lg-2-4 {
    margin-left: 50%; }
  .g-offset-lg-3-4 {
    margin-left: 75%; }
  .g-offset-lg-0-3 {
    margin-left: 0%; }
  .g-offset-lg-1-3 {
    margin-left: 33.3333333333%; }
  .g-offset-lg-2-3 {
    margin-left: 66.6666666667%; }
  .g-offset-lg-0-2 {
    margin-left: 0%; }
  .g-offset-lg-1-2 {
    margin-left: 50%; }
  .g-offset-lg-0-1 {
    margin-left: 0%; }
  .img-lg-20 {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px; }
    .img-lg-20 img {
      max-width: 20px;
      max-height: 20px; }
  .img-lg-40 {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px; }
    .img-lg-40 img {
      max-width: 40px;
      max-height: 40px; }
  .img-lg-60 {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px; }
    .img-lg-60 img {
      max-width: 60px;
      max-height: 60px; }
  .img-lg-90 {
    width: 90px;
    height: 90px;
    max-width: 90px;
    max-height: 90px; }
    .img-lg-90 img {
      max-width: 90px;
      max-height: 90px; }
  .img-lg-110 {
    width: 110px;
    height: 110px;
    max-width: 110px;
    max-height: 110px; }
    .img-lg-110 img {
      max-width: 110px;
      max-height: 110px; }
  .img-lg-150 {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px; }
    .img-lg-150 img {
      max-width: 150px;
      max-height: 150px; }
  .img-lg-240 {
    width: 240px;
    height: 240px;
    max-width: 240px;
    max-height: 240px; }
    .img-lg-240 img {
      max-width: 240px;
      max-height: 240px; }
  .img-lg-330 {
    width: 330px;
    height: 330px;
    max-width: 330px;
    max-height: 330px; }
    .img-lg-330 img {
      max-width: 330px;
      max-height: 330px; }
  .g-cell.timepicker .timepicker-collection, .timepicker.timeline__content .timepicker-collection, .timepicker.timeline__date .timepicker-collection, .timepicker.timeline__indicator .timepicker-collection {
    left: 15px;
    right: 15px; } }

/* Non-cascading responsive styles
 *
 * These should only apply to one responsive size.
 * These are after grid declarations so the display: none rule will override display: inline-block.
 */
@media only screen and (max-width: 799px) {
  .g-grid.g-grid--page-margin-manual, .g-grid--page-margin-manual.overlay-dialog__frame {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 479px) {
  .hide-small {
    display: none !important; }
  .hide-small-accessible {
    position: absolute !important;
    left: -999999px !important; }
  .show-medium {
    display: none !important; }
  .show-large {
    display: none !important; }
  .g-grid, .overlay-dialog__frame,
  .g-group--page-margin-reset {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hide-medium {
    display: none !important; }
  .hide-medium-accessible {
    position: absolute !important;
    left: -999999px !important; }
  .show-small {
    display: none !important; }
  .show-large {
    display: none !important; }
  .g-grid, .overlay-dialog__frame,
  .g-group--page-margin-reset {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 800px) {
  .hide-large {
    display: none !important; }
  .hide-large-accessible {
    position: absolute !important;
    left: -999999px !important; }
  .show-small {
    display: none !important; }
  .show-medium {
    display: none !important; } }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.g-cell, .timeline__content, .timeline__date, .timeline__indicator, .g-vertical-group, .dialog-frame-content, .tabs-header.tabs-header__grid li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  vertical-align: top; }

.g-group, .g-grid, .overlay-dialog__frame, .g-vertical-group, .dialog-frame-content, .timeline__item, .breakdown__item {
  /* font-size whitespace hack. This gets rid of spaces between grid cells */
  font-size: 0;
  letter-spacing: 0; }

.g-group--full-width {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0; }

.g-grid, .overlay-dialog__frame {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }

.g-vertical-group, .dialog-frame-content {
  padding: 0; }

.g-cell, .timeline__content, .timeline__date, .timeline__indicator {
  /* font-size whitespace hack. This adds a font size to the contents */
  letter-spacing: 0.5px;
  /* remove the overflow: hidden safety net.

    BE CAREFUL WHEN ADDING.

    If your main content is too big, it will break the grid.
    */ }
  .g-cell.g-cell--no-gutters, .timeline__content, .g-cell--no-gutters.timeline__date, .timeline__indicator {
    padding-left: 0px;
    padding-right: 0px; }
  .g-cell.g-cell--has-overflow, .g-cell--has-overflow.timeline__content, .g-cell--has-overflow.timeline__date, .g-cell--has-overflow.timeline__indicator {
    overflow: visible; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.g-img {
  max-width: 100%;
  height: auto; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.l-section {
  border-top: 1px solid #D2D6DF; }

.l-section-stack > *:first-child {
  border-top: 0; }

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

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

.l-align-right, .timeline__date {
  text-align: right; }

@media only screen and (max-width: 479px) {
  .l-align-left-sm {
    text-align: left; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-align-left-md {
    text-align: left; } }

@media only screen and (min-width: 800px) {
  .l-align-left-lg {
    text-align: left; } }

@media only screen and (max-width: 479px) {
  .l-align-center-sm {
    text-align: center; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-align-center-md {
    text-align: center; } }

@media only screen and (min-width: 800px) {
  .l-align-center-lg {
    text-align: center; } }

@media only screen and (max-width: 479px) {
  .l-align-right-sm {
    text-align: right; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-align-right-md {
    text-align: right; } }

@media only screen and (min-width: 800px) {
  .l-align-right-lg {
    text-align: right; } }

@media only screen and (max-width: 479px) {
  .l-sm-align-left {
    text-align: left; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-align-left {
    text-align: left; } }

@media only screen and (min-width: 800px) {
  .l-lg-align-left {
    text-align: left; } }

@media only screen and (max-width: 479px) {
  .l-sm-align-center {
    text-align: center; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-align-center {
    text-align: center; } }

@media only screen and (min-width: 800px) {
  .l-lg-align-center {
    text-align: center; } }

@media only screen and (max-width: 479px) {
  .l-sm-align-right {
    text-align: right; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-align-right {
    text-align: right; } }

@media only screen and (min-width: 800px) {
  .l-lg-align-right {
    text-align: right; } }

.has-user-generated-content h2, .has-user-generated-content h3, .has-user-generated-content h4, .has-user-generated-content h5, .has-user-generated-content h6, .has-user-generated-content p, .has-user-generated-content ul, .has-user-generated-content ol {
  padding-top: 10px; }

.has-user-generated-content h2, .has-user-generated-content h3, .has-user-generated-content h4, .has-user-generated-content h5, .has-user-generated-content h6 {
  color: #282C35; }

.has-user-generated-content p, .has-user-generated-content ul, .has-user-generated-content ol {
  color: #666A73; }

.has-user-generated-content :first-child {
  padding-top: 0px; }

.has-user-generated-content h2, .has-user-generated-content h3 {
  font-size: 20px;
  line-height: 30px; }

.has-user-generated-content h4, .has-user-generated-content h5 {
  font-size: 15px;
  line-height: 22px; }

.has-user-generated-content h6 {
  font-size: 12px;
  line-height: 18px; }

.has-user-generated-content h3, .has-user-generated-content h5 {
  font-weight: 400; }

.has-user-generated-content h2, .has-user-generated-content h4, .has-user-generated-content h6 {
  font-weight: 600; }

.has-user-generated-content h6 {
  text-transform: uppercase; }

.has-user-generated-content ul,
.has-user-generated-content ol {
  padding-left: 2em; }

.has-user-generated-content ul {
  list-style-type: disc; }

.has-user-generated-content ol {
  list-style-type: decimal; }

.has-user-generated-content li {
  padding-top: 5px; }

.has-user-generated-content img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.l-mar-all-0 {
  margin: 0; }

.l-mar-hor-0 {
  margin-left: 0;
  margin-right: 0; }

.l-mar-vert-0 {
  margin-top: 0;
  margin-bottom: 0; }

.l-mar-left-0 {
  margin-left: 0; }

.l-mar-right-0 {
  margin-right: 0; }

.l-mar-top-0, .l-mar-stack > *:first-child,
.l-block-stack > *:first-child, .l-mar-stack .is-hidden:first-child + .l-block-1,
.l-block-stack .is-hidden:first-child + .l-block-1, .l-mar-stack .is-hidden:first-child + .l-mar-top-1,
.l-block-stack .is-hidden:first-child + .l-mar-top-1, .l-mar-stack .is-hidden:first-child + .l-block-2,
.l-block-stack .is-hidden:first-child + .l-block-2, .l-mar-stack .is-hidden:first-child + .l-mar-top-2, .l-mar-stack .is-hidden:first-child + .list-selection-builder__error-message, .l-mar-stack .is-hidden:first-child + .list-selection-builder__error-link,
.l-block-stack .is-hidden:first-child + .l-mar-top-2,
.l-block-stack .is-hidden:first-child + .list-selection-builder__error-message,
.l-block-stack .is-hidden:first-child + .list-selection-builder__error-link, .l-mar-stack .is-hidden:first-child + .l-block-3,
.l-block-stack .is-hidden:first-child + .l-block-3, .l-mar-stack .is-hidden:first-child + .l-mar-top-3,
.l-block-stack .is-hidden:first-child + .l-mar-top-3, .l-mar-stack .is-hidden:first-child + .l-block-4,
.l-block-stack .is-hidden:first-child + .l-block-4, .l-mar-stack .is-hidden:first-child + .l-mar-top-4,
.l-block-stack .is-hidden:first-child + .l-mar-top-4 {
  margin-top: 0; }

.l-mar-bot-0 {
  margin-bottom: 0; }

.l-mar-all-1 {
  margin: 5px; }

.l-mar-hor-1 {
  margin-left: 5px;
  margin-right: 5px; }

.l-mar-vert-1 {
  margin-top: 5px;
  margin-bottom: 5px; }

.l-mar-left-1 {
  margin-left: 5px; }

.l-mar-right-1 {
  margin-right: 5px; }

.l-mar-top-1 {
  margin-top: 5px; }

.l-mar-bot-1 {
  margin-bottom: 5px; }

.l-mar-all-2 {
  margin: 10px; }

.l-mar-hor-2 {
  margin-left: 10px;
  margin-right: 10px; }

.l-mar-vert-2 {
  margin-top: 10px;
  margin-bottom: 10px; }

.l-mar-left-2 {
  margin-left: 10px; }

.l-mar-right-2 {
  margin-right: 10px; }

.l-mar-top-2, .list-selection-builder__error-message, .list-selection-builder__error-link {
  margin-top: 10px; }

.l-mar-bot-2, .responsive-table--sticky__wrapper {
  margin-bottom: 10px; }

.l-mar-all-3 {
  margin: 15px; }

.l-mar-hor-3 {
  margin-left: 15px;
  margin-right: 15px; }

.l-mar-vert-3 {
  margin-top: 15px;
  margin-bottom: 15px; }

.l-mar-left-3 {
  margin-left: 15px; }

.l-mar-right-3 {
  margin-right: 15px; }

.l-mar-top-3 {
  margin-top: 15px; }

.l-mar-bot-3 {
  margin-bottom: 15px; }

.l-mar-all-4 {
  margin: 20px; }

.l-mar-hor-4 {
  margin-left: 20px;
  margin-right: 20px; }

.l-mar-vert-4 {
  margin-top: 20px;
  margin-bottom: 20px; }

.l-mar-left-4 {
  margin-left: 20px; }

.l-mar-right-4 {
  margin-right: 20px; }

.l-mar-top-4 {
  margin-top: 20px; }

.l-mar-bot-4 {
  margin-bottom: 20px; }

.l-mar-all-5 {
  margin: 25px; }

.l-mar-hor-5 {
  margin-left: 25px;
  margin-right: 25px; }

.l-mar-vert-5 {
  margin-top: 25px;
  margin-bottom: 25px; }

.l-mar-left-5 {
  margin-left: 25px; }

.l-mar-right-5 {
  margin-right: 25px; }

.l-mar-top-5 {
  margin-top: 25px; }

.l-mar-bot-5 {
  margin-bottom: 25px; }

.l-mar-all-6 {
  margin: 30px; }

.l-mar-hor-6 {
  margin-left: 30px;
  margin-right: 30px; }

.l-mar-vert-6 {
  margin-top: 30px;
  margin-bottom: 30px; }

.l-mar-left-6 {
  margin-left: 30px; }

.l-mar-right-6 {
  margin-right: 30px; }

.l-mar-top-6 {
  margin-top: 30px; }

.l-mar-bot-6 {
  margin-bottom: 30px; }

.l-pad-all-0 {
  padding: 0; }

.l-pad-hor-0 {
  padding-left: 0;
  padding-right: 0; }

.l-pad-vert-0 {
  padding-top: 0;
  padding-bottom: 0; }

.l-pad-left-0, .slat__status-item {
  padding-left: 0; }

.l-pad-right-0 {
  padding-right: 0; }

.l-pad-top-0 {
  padding-top: 0; }

.l-pad-bot-0 {
  padding-bottom: 0; }

.l-pad-all-1 {
  padding: 5px; }

.l-pad-hor-1 {
  padding-left: 5px;
  padding-right: 5px; }

.l-pad-vert-1 {
  padding-top: 5px;
  padding-bottom: 5px; }

.l-pad-left-1 {
  padding-left: 5px; }

.l-pad-right-1, .slat__status-item {
  padding-right: 5px; }

.l-pad-top-1 {
  padding-top: 5px; }

.l-pad-bot-1 {
  padding-bottom: 5px; }

.l-pad-all-2 {
  padding: 10px; }

.l-pad-hor-2 {
  padding-left: 10px;
  padding-right: 10px; }

.l-pad-vert-2 {
  padding-top: 10px;
  padding-bottom: 10px; }

.l-pad-left-2 {
  padding-left: 10px; }

.l-pad-right-2 {
  padding-right: 10px; }

.l-pad-top-2, .list-selection-builder__loading-message {
  padding-top: 10px; }

.l-pad-bot-2 {
  padding-bottom: 10px; }

.l-pad-all-3 {
  padding: 15px; }

.l-pad-hor-3, .chart-panel__button {
  padding-left: 15px;
  padding-right: 15px; }

.l-pad-vert-3, .timeline__item {
  padding-top: 15px;
  padding-bottom: 15px; }

.l-pad-left-3 {
  padding-left: 15px; }

.l-pad-right-3 {
  padding-right: 15px; }

.l-pad-top-3 {
  padding-top: 15px; }

.l-pad-bot-3 {
  padding-bottom: 15px; }

.l-pad-all-4 {
  padding: 20px; }

.l-pad-hor-4 {
  padding-left: 20px;
  padding-right: 20px; }

.l-pad-vert-4 {
  padding-top: 20px;
  padding-bottom: 20px; }

.l-pad-left-4 {
  padding-left: 20px; }

.l-pad-right-4 {
  padding-right: 20px; }

.l-pad-top-4 {
  padding-top: 20px; }

.l-pad-bot-4 {
  padding-bottom: 20px; }

.l-pad-all-5 {
  padding: 25px; }

.l-pad-hor-5 {
  padding-left: 25px;
  padding-right: 25px; }

.l-pad-vert-5 {
  padding-top: 25px;
  padding-bottom: 25px; }

.l-pad-left-5 {
  padding-left: 25px; }

.l-pad-right-5 {
  padding-right: 25px; }

.l-pad-top-5 {
  padding-top: 25px; }

.l-pad-bot-5 {
  padding-bottom: 25px; }

.l-pad-all-6 {
  padding: 30px; }

.l-pad-hor-6 {
  padding-left: 30px;
  padding-right: 30px; }

.l-pad-vert-6 {
  padding-top: 30px;
  padding-bottom: 30px; }

.l-pad-left-6 {
  padding-left: 30px; }

.l-pad-right-6 {
  padding-right: 30px; }

.l-pad-top-6, .list-selection-builder__error-image {
  padding-top: 30px; }

.l-pad-bot-6 {
  padding-bottom: 30px; }

@media only screen and (max-width: 479px) {
  .l-sm-mar-all-0 {
    margin: 0; }
  .l-sm-mar-hor-0 {
    margin-left: 0;
    margin-right: 0; }
  .l-sm-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .l-sm-mar-left-0 {
    margin-left: 0; }
  .l-sm-mar-right-0 {
    margin-right: 0; }
  .l-sm-mar-top-0 {
    margin-top: 0; }
  .l-sm-mar-bot-0 {
    margin-bottom: 0; }
  .l-sm-mar-all-1 {
    margin: 5px; }
  .l-sm-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px; }
  .l-sm-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px; }
  .l-sm-mar-left-1 {
    margin-left: 5px; }
  .l-sm-mar-right-1 {
    margin-right: 5px; }
  .l-sm-mar-top-1 {
    margin-top: 5px; }
  .l-sm-mar-bot-1 {
    margin-bottom: 5px; }
  .l-sm-mar-all-2 {
    margin: 10px; }
  .l-sm-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px; }
  .l-sm-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px; }
  .l-sm-mar-left-2 {
    margin-left: 10px; }
  .l-sm-mar-right-2 {
    margin-right: 10px; }
  .l-sm-mar-top-2 {
    margin-top: 10px; }
  .l-sm-mar-bot-2 {
    margin-bottom: 10px; }
  .l-sm-mar-all-3 {
    margin: 15px; }
  .l-sm-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px; }
  .l-sm-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .l-sm-mar-left-3 {
    margin-left: 15px; }
  .l-sm-mar-right-3 {
    margin-right: 15px; }
  .l-sm-mar-top-3 {
    margin-top: 15px; }
  .l-sm-mar-bot-3 {
    margin-bottom: 15px; }
  .l-sm-mar-all-4 {
    margin: 20px; }
  .l-sm-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px; }
  .l-sm-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .l-sm-mar-left-4 {
    margin-left: 20px; }
  .l-sm-mar-right-4 {
    margin-right: 20px; }
  .l-sm-mar-top-4 {
    margin-top: 20px; }
  .l-sm-mar-bot-4 {
    margin-bottom: 20px; }
  .l-sm-mar-all-5 {
    margin: 25px; }
  .l-sm-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px; }
  .l-sm-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px; }
  .l-sm-mar-left-5 {
    margin-left: 25px; }
  .l-sm-mar-right-5 {
    margin-right: 25px; }
  .l-sm-mar-top-5 {
    margin-top: 25px; }
  .l-sm-mar-bot-5 {
    margin-bottom: 25px; }
  .l-sm-mar-all-6 {
    margin: 30px; }
  .l-sm-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px; }
  .l-sm-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px; }
  .l-sm-mar-left-6 {
    margin-left: 30px; }
  .l-sm-mar-right-6 {
    margin-right: 30px; }
  .l-sm-mar-top-6 {
    margin-top: 30px; }
  .l-sm-mar-bot-6 {
    margin-bottom: 30px; }
  .l-sm-pad-all-0 {
    padding: 0; }
  .l-sm-pad-hor-0 {
    padding-left: 0;
    padding-right: 0; }
  .l-sm-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0; }
  .l-sm-pad-left-0 {
    padding-left: 0; }
  .l-sm-pad-right-0 {
    padding-right: 0; }
  .l-sm-pad-top-0 {
    padding-top: 0; }
  .l-sm-pad-bot-0 {
    padding-bottom: 0; }
  .l-sm-pad-all-1 {
    padding: 5px; }
  .l-sm-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px; }
  .l-sm-pad-vert-1, .timeline__item {
    padding-top: 5px;
    padding-bottom: 5px; }
  .l-sm-pad-left-1, .chart-panel__button {
    padding-left: 5px; }
  .l-sm-pad-right-1 {
    padding-right: 5px; }
  .l-sm-pad-top-1 {
    padding-top: 5px; }
  .l-sm-pad-bot-1 {
    padding-bottom: 5px; }
  .l-sm-pad-all-2 {
    padding: 10px; }
  .l-sm-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px; }
  .l-sm-pad-vert-2 {
    padding-top: 10px;
    padding-bottom: 10px; }
  .l-sm-pad-left-2 {
    padding-left: 10px; }
  .l-sm-pad-right-2 {
    padding-right: 10px; }
  .l-sm-pad-top-2 {
    padding-top: 10px; }
  .l-sm-pad-bot-2 {
    padding-bottom: 10px; }
  .l-sm-pad-all-3 {
    padding: 15px; }
  .l-sm-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px; }
  .l-sm-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .l-sm-pad-left-3 {
    padding-left: 15px; }
  .l-sm-pad-right-3 {
    padding-right: 15px; }
  .l-sm-pad-top-3 {
    padding-top: 15px; }
  .l-sm-pad-bot-3 {
    padding-bottom: 15px; }
  .l-sm-pad-all-4 {
    padding: 20px; }
  .l-sm-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px; }
  .l-sm-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .l-sm-pad-left-4 {
    padding-left: 20px; }
  .l-sm-pad-right-4 {
    padding-right: 20px; }
  .l-sm-pad-top-4 {
    padding-top: 20px; }
  .l-sm-pad-bot-4 {
    padding-bottom: 20px; }
  .l-sm-pad-all-5 {
    padding: 25px; }
  .l-sm-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px; }
  .l-sm-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px; }
  .l-sm-pad-left-5 {
    padding-left: 25px; }
  .l-sm-pad-right-5 {
    padding-right: 25px; }
  .l-sm-pad-top-5 {
    padding-top: 25px; }
  .l-sm-pad-bot-5 {
    padding-bottom: 25px; }
  .l-sm-pad-all-6 {
    padding: 30px; }
  .l-sm-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px; }
  .l-sm-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px; }
  .l-sm-pad-left-6 {
    padding-left: 30px; }
  .l-sm-pad-right-6 {
    padding-right: 30px; }
  .l-sm-pad-top-6 {
    padding-top: 30px; }
  .l-sm-pad-bot-6 {
    padding-bottom: 30px; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-mar-all-0 {
    margin: 0; }
  .l-md-mar-hor-0 {
    margin-left: 0;
    margin-right: 0; }
  .l-md-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .l-md-mar-left-0 {
    margin-left: 0; }
  .l-md-mar-right-0 {
    margin-right: 0; }
  .l-md-mar-top-0 {
    margin-top: 0; }
  .l-md-mar-bot-0 {
    margin-bottom: 0; }
  .l-md-mar-all-1 {
    margin: 5px; }
  .l-md-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px; }
  .l-md-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px; }
  .l-md-mar-left-1 {
    margin-left: 5px; }
  .l-md-mar-right-1 {
    margin-right: 5px; }
  .l-md-mar-top-1 {
    margin-top: 5px; }
  .l-md-mar-bot-1 {
    margin-bottom: 5px; }
  .l-md-mar-all-2 {
    margin: 10px; }
  .l-md-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px; }
  .l-md-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px; }
  .l-md-mar-left-2 {
    margin-left: 10px; }
  .l-md-mar-right-2 {
    margin-right: 10px; }
  .l-md-mar-top-2 {
    margin-top: 10px; }
  .l-md-mar-bot-2 {
    margin-bottom: 10px; }
  .l-md-mar-all-3 {
    margin: 15px; }
  .l-md-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px; }
  .l-md-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .l-md-mar-left-3 {
    margin-left: 15px; }
  .l-md-mar-right-3 {
    margin-right: 15px; }
  .l-md-mar-top-3 {
    margin-top: 15px; }
  .l-md-mar-bot-3 {
    margin-bottom: 15px; }
  .l-md-mar-all-4 {
    margin: 20px; }
  .l-md-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px; }
  .l-md-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .l-md-mar-left-4 {
    margin-left: 20px; }
  .l-md-mar-right-4 {
    margin-right: 20px; }
  .l-md-mar-top-4 {
    margin-top: 20px; }
  .l-md-mar-bot-4 {
    margin-bottom: 20px; }
  .l-md-mar-all-5 {
    margin: 25px; }
  .l-md-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px; }
  .l-md-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px; }
  .l-md-mar-left-5 {
    margin-left: 25px; }
  .l-md-mar-right-5 {
    margin-right: 25px; }
  .l-md-mar-top-5 {
    margin-top: 25px; }
  .l-md-mar-bot-5 {
    margin-bottom: 25px; }
  .l-md-mar-all-6 {
    margin: 30px; }
  .l-md-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px; }
  .l-md-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px; }
  .l-md-mar-left-6 {
    margin-left: 30px; }
  .l-md-mar-right-6 {
    margin-right: 30px; }
  .l-md-mar-top-6 {
    margin-top: 30px; }
  .l-md-mar-bot-6 {
    margin-bottom: 30px; }
  .l-md-pad-all-0 {
    padding: 0; }
  .l-md-pad-hor-0 {
    padding-left: 0;
    padding-right: 0; }
  .l-md-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0; }
  .l-md-pad-left-0 {
    padding-left: 0; }
  .l-md-pad-right-0 {
    padding-right: 0; }
  .l-md-pad-top-0 {
    padding-top: 0; }
  .l-md-pad-bot-0 {
    padding-bottom: 0; }
  .l-md-pad-all-1 {
    padding: 5px; }
  .l-md-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px; }
  .l-md-pad-vert-1 {
    padding-top: 5px;
    padding-bottom: 5px; }
  .l-md-pad-left-1 {
    padding-left: 5px; }
  .l-md-pad-right-1 {
    padding-right: 5px; }
  .l-md-pad-top-1 {
    padding-top: 5px; }
  .l-md-pad-bot-1 {
    padding-bottom: 5px; }
  .l-md-pad-all-2 {
    padding: 10px; }
  .l-md-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px; }
  .l-md-pad-vert-2, .timeline__item {
    padding-top: 10px;
    padding-bottom: 10px; }
  .l-md-pad-left-2 {
    padding-left: 10px; }
  .l-md-pad-right-2 {
    padding-right: 10px; }
  .l-md-pad-top-2 {
    padding-top: 10px; }
  .l-md-pad-bot-2 {
    padding-bottom: 10px; }
  .l-md-pad-all-3 {
    padding: 15px; }
  .l-md-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px; }
  .l-md-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .l-md-pad-left-3 {
    padding-left: 15px; }
  .l-md-pad-right-3 {
    padding-right: 15px; }
  .l-md-pad-top-3 {
    padding-top: 15px; }
  .l-md-pad-bot-3 {
    padding-bottom: 15px; }
  .l-md-pad-all-4 {
    padding: 20px; }
  .l-md-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px; }
  .l-md-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .l-md-pad-left-4 {
    padding-left: 20px; }
  .l-md-pad-right-4 {
    padding-right: 20px; }
  .l-md-pad-top-4 {
    padding-top: 20px; }
  .l-md-pad-bot-4 {
    padding-bottom: 20px; }
  .l-md-pad-all-5 {
    padding: 25px; }
  .l-md-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px; }
  .l-md-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px; }
  .l-md-pad-left-5 {
    padding-left: 25px; }
  .l-md-pad-right-5 {
    padding-right: 25px; }
  .l-md-pad-top-5 {
    padding-top: 25px; }
  .l-md-pad-bot-5 {
    padding-bottom: 25px; }
  .l-md-pad-all-6 {
    padding: 30px; }
  .l-md-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px; }
  .l-md-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px; }
  .l-md-pad-left-6 {
    padding-left: 30px; }
  .l-md-pad-right-6 {
    padding-right: 30px; }
  .l-md-pad-top-6 {
    padding-top: 30px; }
  .l-md-pad-bot-6 {
    padding-bottom: 30px; } }

@media only screen and (min-width: 800px) {
  .l-lg-mar-all-0 {
    margin: 0; }
  .l-lg-mar-hor-0 {
    margin-left: 0;
    margin-right: 0; }
  .l-lg-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .l-lg-mar-left-0 {
    margin-left: 0; }
  .l-lg-mar-right-0 {
    margin-right: 0; }
  .l-lg-mar-top-0 {
    margin-top: 0; }
  .l-lg-mar-bot-0 {
    margin-bottom: 0; }
  .l-lg-mar-all-1 {
    margin: 5px; }
  .l-lg-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px; }
  .l-lg-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px; }
  .l-lg-mar-left-1 {
    margin-left: 5px; }
  .l-lg-mar-right-1 {
    margin-right: 5px; }
  .l-lg-mar-top-1 {
    margin-top: 5px; }
  .l-lg-mar-bot-1 {
    margin-bottom: 5px; }
  .l-lg-mar-all-2 {
    margin: 10px; }
  .l-lg-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px; }
  .l-lg-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px; }
  .l-lg-mar-left-2 {
    margin-left: 10px; }
  .l-lg-mar-right-2 {
    margin-right: 10px; }
  .l-lg-mar-top-2 {
    margin-top: 10px; }
  .l-lg-mar-bot-2 {
    margin-bottom: 10px; }
  .l-lg-mar-all-3 {
    margin: 15px; }
  .l-lg-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px; }
  .l-lg-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .l-lg-mar-left-3 {
    margin-left: 15px; }
  .l-lg-mar-right-3 {
    margin-right: 15px; }
  .l-lg-mar-top-3 {
    margin-top: 15px; }
  .l-lg-mar-bot-3 {
    margin-bottom: 15px; }
  .l-lg-mar-all-4 {
    margin: 20px; }
  .l-lg-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px; }
  .l-lg-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .l-lg-mar-left-4 {
    margin-left: 20px; }
  .l-lg-mar-right-4 {
    margin-right: 20px; }
  .l-lg-mar-top-4 {
    margin-top: 20px; }
  .l-lg-mar-bot-4 {
    margin-bottom: 20px; }
  .l-lg-mar-all-5 {
    margin: 25px; }
  .l-lg-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px; }
  .l-lg-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px; }
  .l-lg-mar-left-5 {
    margin-left: 25px; }
  .l-lg-mar-right-5 {
    margin-right: 25px; }
  .l-lg-mar-top-5 {
    margin-top: 25px; }
  .l-lg-mar-bot-5 {
    margin-bottom: 25px; }
  .l-lg-mar-all-6 {
    margin: 30px; }
  .l-lg-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px; }
  .l-lg-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px; }
  .l-lg-mar-left-6 {
    margin-left: 30px; }
  .l-lg-mar-right-6 {
    margin-right: 30px; }
  .l-lg-mar-top-6 {
    margin-top: 30px; }
  .l-lg-mar-bot-6 {
    margin-bottom: 30px; }
  .l-lg-pad-all-0 {
    padding: 0; }
  .l-lg-pad-hor-0 {
    padding-left: 0;
    padding-right: 0; }
  .l-lg-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0; }
  .l-lg-pad-left-0 {
    padding-left: 0; }
  .l-lg-pad-right-0 {
    padding-right: 0; }
  .l-lg-pad-top-0 {
    padding-top: 0; }
  .l-lg-pad-bot-0 {
    padding-bottom: 0; }
  .l-lg-pad-all-1 {
    padding: 5px; }
  .l-lg-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px; }
  .l-lg-pad-vert-1 {
    padding-top: 5px;
    padding-bottom: 5px; }
  .l-lg-pad-left-1 {
    padding-left: 5px; }
  .l-lg-pad-right-1 {
    padding-right: 5px; }
  .l-lg-pad-top-1 {
    padding-top: 5px; }
  .l-lg-pad-bot-1 {
    padding-bottom: 5px; }
  .l-lg-pad-all-2 {
    padding: 10px; }
  .l-lg-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px; }
  .l-lg-pad-vert-2 {
    padding-top: 10px;
    padding-bottom: 10px; }
  .l-lg-pad-left-2 {
    padding-left: 10px; }
  .l-lg-pad-right-2 {
    padding-right: 10px; }
  .l-lg-pad-top-2 {
    padding-top: 10px; }
  .l-lg-pad-bot-2 {
    padding-bottom: 10px; }
  .l-lg-pad-all-3 {
    padding: 15px; }
  .l-lg-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px; }
  .l-lg-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .l-lg-pad-left-3 {
    padding-left: 15px; }
  .l-lg-pad-right-3 {
    padding-right: 15px; }
  .l-lg-pad-top-3 {
    padding-top: 15px; }
  .l-lg-pad-bot-3 {
    padding-bottom: 15px; }
  .l-lg-pad-all-4 {
    padding: 20px; }
  .l-lg-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px; }
  .l-lg-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .l-lg-pad-left-4 {
    padding-left: 20px; }
  .l-lg-pad-right-4 {
    padding-right: 20px; }
  .l-lg-pad-top-4 {
    padding-top: 20px; }
  .l-lg-pad-bot-4 {
    padding-bottom: 20px; }
  .l-lg-pad-all-5 {
    padding: 25px; }
  .l-lg-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px; }
  .l-lg-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px; }
  .l-lg-pad-left-5 {
    padding-left: 25px; }
  .l-lg-pad-right-5 {
    padding-right: 25px; }
  .l-lg-pad-top-5 {
    padding-top: 25px; }
  .l-lg-pad-bot-5 {
    padding-bottom: 25px; }
  .l-lg-pad-all-6 {
    padding: 30px; }
  .l-lg-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px; }
  .l-lg-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px; }
  .l-lg-pad-left-6 {
    padding-left: 30px; }
  .l-lg-pad-right-6 {
    padding-right: 30px; }
  .l-lg-pad-top-6 {
    padding-top: 30px; }
  .l-lg-pad-bot-6 {
    padding-bottom: 30px; } }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.l-media > *, .list-card > *, .list-card-v2 .list-card__main > * {
  overflow: hidden;
  zoom: 1; }
  .l-media > *:first-child, .list-card > *:first-child, .list-card-v2 .list-card__main > *:first-child {
    float: left;
    margin-right: 10px;
    overflow: visible; }

.l-media.l-media--right > *:first-child, .l-media--right.list-card > *:first-child, .list-card-v2 .l-media--right.list-card__main > *:first-child {
  float: right;
  margin-left: 10px;
  margin-right: 0;
  overflow: visible; }

.l-media-v-center {
  display: table;
  width: 100%;
  box-sizing: border-box; }

.l-media-v-center__row {
  display: table-row; }
  .l-media-v-center__row > * {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px; }
    .l-media-v-center__row > *:first-child {
      padding-left: 0;
      vertical-align: middle; }

.l-media-flexible {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .l-media-flexible > * {
    margin-left: 10px; }
  .l-media-flexible *:first-child {
    margin-left: 0; }

.l-media-flexible__fluid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  justify-content: space-between; }

.l-media-flexible__fixed {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.l-media-flexible__fluid__object {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.prose p, .prose ul, .prose ol, .prose blockquote {
  line-height: 22px;
  margin-bottom: 10px; }

.prose ul, .prose ol {
  margin-left: 2em;
  list-style-position: outside; }

.prose ul {
  list-style-type: disc; }

.prose li {
  list-style: disc; }

.prose ol {
  list-style-type: decimal; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.scrollable-pane {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  padding: 9px 12px;
  border: 1px #D2D6DF solid;
  background: white;
  color: #45494E;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  overflow: auto;
  max-height: 72px; }
  .scrollable-pane.scrollable-pane--long {
    max-height: 144px; }
  .scrollable-pane.scrollable-pane--small-text {
    font-size: 12px;
    line-height: 18px; }
  .scrollable-pane.scrollable-pane--preformatted, .scrollable-pane .scrollable-pane--preformatted {
    white-space: pre-wrap; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.text-body-small, .timeline__description, .responsive-table th a, .ticket-box__tax-fee, .slat__action, .slat__action--stacked, .chart-panel__button-label, .text-small, .text-detail, .slat__secondary-text, .slat--no-action:hover .slat__secondary-text, .slat--no-action:active .slat__secondary-text, .slat--no-action .slat__secondary-text, .list-person ul p, .tooltip {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400; }

body {
  font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 15px;
  color: #45494E;
  letter-spacing: 0.5px; }

.text-heading-mega, .hero-image__bottom-title,
.text-mega {
  font-size: 65px;
  line-height: 90px;
  font-weight: 400;
  color: #282C35;
  text-rendering: optimizelegibility; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .text-heading-mega, .hero-image__bottom-title,
    .text-mega {
      font-size: 45px;
      line-height: 60px; } }
  @media only screen and (max-width: 479px) {
    .text-heading-mega, .hero-image__bottom-title,
    .text-mega {
      font-size: 35px;
      line-height: 50px; } }

.text-heading-epic,
.text-epic,
.avatar.avatar--flexible .avatar--initials {
  font-size: 45px;
  line-height: 60px;
  font-weight: 400;
  color: #282C35;
  text-rendering: optimizelegibility; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .text-heading-epic,
    .text-epic,
    .avatar.avatar--flexible .avatar--initials {
      font-size: 35px;
      line-height: 50px; } }
  @media only screen and (max-width: 479px) {
    .text-heading-epic,
    .text-epic,
    .avatar.avatar--flexible .avatar--initials {
      font-size: 20px;
      line-height: 30px; } }

.text-heading-primary, .modal__heading,
.text-primary {
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
  color: #282C35;
  text-rendering: optimizelegibility; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .text-heading-primary, .modal__heading,
    .text-primary {
      font-size: 25px;
      line-height: 35px; } }
  @media only screen and (max-width: 479px) {
    .text-heading-primary, .modal__heading,
    .text-primary {
      font-size: 20px;
      line-height: 30px; } }

.text-heading-secondary,
.text-secondary {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
  text-rendering: optimizelegibility; }

.text-heading-tertiary {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
  font-weight: 400; }

.text-heading-quaternary {
  color: #666A73;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }

.heading-secondary-responsive {
  font-size: 15px;
  line-height: 22px;
  color: #282C35; }
  @media only screen and (min-width: 480px) {
    .heading-secondary-responsive {
      font-size: 20px;
      line-height: 30px; } }

.label-primary, .responsive-form .responsive-form__label--primary,
.responsive-form label.responsive-form__label--primary,
label.label-primary,
.responsive-form label.responsive-form__label--primary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase; }

.label-secondary,
label.label-secondary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  color: #666A73; }

.text-body-large, .timeline__title, .chart-panel__button-value {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }

.text-large {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400; }
  @media only screen and (max-width: 479px) {
    .text-large {
      font-size: 20px;
      line-height: 30px; } }

.text-body-medium, .g-cell, .timeline__content, .timeline__date, .timeline__indicator, .discount-ticket .discount-ticket-name, .discount-ticket .discount-ticket-price, .original-ticket-price, .list-person__name {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }

.text-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400; }

.text-default, .slat__primary-text, .modal__body {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }

.text-small, .text-detail, .slat__secondary-text, .slat--no-action:hover .slat__secondary-text, .slat--no-action:active .slat__secondary-text, .slat--no-action .slat__secondary-text, .list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400; }

.text-xsmall {
  font-size: 9px;
  line-height: 12px;
  font-weight: 400; }

.text-body--understated, .text-body--faint, .timeline__description, .timeline__date-context,
.timeline__date, .list-attendee__role, .text-understated {
  font-weight: 400; }

.text-body--faint, .timeline__description, .timeline__date-context,
.timeline__date, .list-attendee__role {
  color: #666A73; }

.text-body--significant, .responsive-table th a, .text-significant, .heading-secondary-responsive {
  font-weight: 600; }

.text-heading--understated {
  font-weight: 400; }

.text-heading--emphasized {
  color: white; }

.text-stressed {
  color: #282C35;
  text-transform: uppercase;
  font-weight: 600; }

.text-light {
  font-weight: 200; }

.text-detail, .slat__secondary-text, .slat--no-action:hover .slat__secondary-text, .slat--no-action:active .slat__secondary-text, .slat--no-action .slat__secondary-text {
  color: #666A73; }

.text-error {
  color: #D33732; }

.text--truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

.text--truncated-two-line {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 44px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative; }
  .text--truncated-two-line.text-heading-epic {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 120px;
    /* Fallback for non-webkit */
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit; }
  .text--truncated-two-line.text-heading-primary, .text--truncated-two-line.modal__heading {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 100px;
    /* Fallback for non-webkit */
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit; }
  .text--truncated-two-line.text-heading-secondary {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 60px;
    /* Fallback for non-webkit */
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit; }

.text--truncated-two-line__truncation {
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, white 30%);
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, white 30%);
  position: absolute;
  right: 0;
  padding-left: 10px; }
  .text-heading-epic .text--truncated-two-line__truncation {
    top: 60px;
    height: 60px; }
  .text-heading-primary .text--truncated-two-line__truncation, .modal__heading .text--truncated-two-line__truncation {
    top: 50px;
    height: 50px; }
  .text-heading-secondary .text--truncated-two-line__truncation {
    top: 30px;
    height: 30px; }
  .text--truncated-two-line__truncation:before {
    content: '\2026'; }

.text--separated {
  margin-left: 10px; }

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

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

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

.high-visibility-alert {
  color: #f6682F;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.text-link-aside {
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px; }

.click-link {
  cursor: pointer; }

/* This class is for use of the is-disabled mixin in HTML inline */
.is-disabled.is-disabled,
.is-disabled .is-disabled {
  color: #ADB0B6;
  text-decoration: none;
  pointer-events: none;
  cursor: default; }
  .is-disabled.is-disabled:hover,
  .is-disabled .is-disabled:hover {
    color: #ADB0B6; }
  .is-disabled.is-disabled:active,
  .is-disabled .is-disabled:active {
    color: #ADB0B6; }

.is-selected,
.is-selected a {
  color: #282C35;
  text-decoration: none; }
  .is-selected:hover,
  .is-selected a:hover {
    color: #282C35; }
  .is-selected:active,
  .is-selected a:active {
    color: #282C35; }

/*
    Needed because you can't target a parent with css styles.
    If we could we'd make it so that links with icons were not underlined.
 */
.link--with-icon:link, .link--with-icon:visited, .link--with-icon:hover, .link--with-icon:active, .link--with-icon:focus {
  text-decoration: none; }

.link--subtle, .link--subtle:hover, .link--subtle:focus, .link--subtle:active, .link--subtle:visited {
  color: #45494E; }

.link--undecorated, .link--undecorated:hover, .link--undecorated:focus, .link--undecorated:active {
  text-decoration: none; }

/* sometimes you'll have a header be linkable, but not change color. */
.link--header:link, .link--header:visited {
  color: #282C35;
  text-decoration: none; }

.link--header:hover, .link--header:focus {
  color: #45494E;
  text-decoration: none; }

.link--header:active {
  color: #53565d;
  color: rgba(40, 44, 53, 0.8);
  text-decoration: none; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.image--small {
  width: 50px;
  height: auto; }

.image--medium {
  width: 80px;
  height: auto; }

.image--circle, .avatar, .avatar img, .poster-card .poster-card__header .poster-card__friends span {
  border-radius: 50%; }

.image-container {
  display: inline-block; }
  .image-container img {
    display: block; }

.image-container--square {
  overflow: hidden; }
  .image-container--square.image--small {
    height: 50px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.avatar {
  height: 80px;
  width: 80px;
  line-height: 80px;
  font-size: 45px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  background-color: #F8F8FA;
  color: #282C35;
  overflow: hidden;
  text-transform: uppercase; }
  .avatar img {
    display: block;
    width: 80px;
    height: 100%; }
  .avatar.avatar--mini {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 12px; }
    .avatar.avatar--mini img {
      display: block;
      width: 30px;
      height: 100%; }
  .avatar.avatar--medium {
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-size: 20px; }
    .avatar.avatar--medium img {
      display: block;
      width: 44px;
      height: 100%; }
  .avatar.avatar--large {
    height: 110px;
    width: 110px;
    line-height: 110px;
    font-size: 45px; }
    .avatar.avatar--large img {
      display: block;
      width: 110px;
      height: 100%; }
    @media only screen and (max-width: 479px) {
      .avatar.avatar--large {
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-size: 20px; }
        .avatar.avatar--large img {
          display: block;
          width: 44px;
          height: 100%; } }
  .avatar.avatar--flexible {
    height: 100%;
    width: 100%;
    padding: 50% 0;
    position: relative; }
    .avatar.avatar--flexible img {
      display: block;
      width: 100%;
      height: 100%; }
    @media only screen and (max-width: 479px) {
      .avatar.avatar--flexible {
        width: 50%;
        padding: 25% 0; } }
    .avatar.avatar--flexible img {
      position: absolute;
      left: 0;
      top: 0; }
    .avatar.avatar--flexible .avatar--initials {
      color: white;
      display: block;
      font-style: normal;
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      margin-top: -0.5em; }

.user-avatar {
  position: relative;
  padding-left: 44px; }
  .user-avatar .user-avatar-img, .user-avatar .user-avatar-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 7px;
    top: 15px;
    background-color: #F8F8FA;
    border-radius: 15px; }
  .user-avatar .user-avatar-icon {
    color: #F8F8FA;
    font-size: 26px;
    top: 13px;
    left: 16px;
    width: 23px;
    background-color: transparent; }
  .user-avatar .user-name {
    vertical-align: bottom;
    max-width: 120px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .user-avatar .name,
  .user-avatar .email {
    margin-top: 3px;
    margin-bottom: 0;
    padding: 0; }
  .user-avatar .email {
    font-size: 12px; }
  .list .user-avatar {
    padding-left: 44px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.hero-image-container {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  height: 36vw;
  max-height: 500px;
  position: relative;
  background-color: white; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .hero-image-container {
      height: 54vw; } }
  @media only screen and (max-width: 479px) {
    .hero-image-container {
      height: 72vw; } }
  .hero-image-container .carousel-image-container,
  .hero-image-container .hero-overlay {
    height: 36vw;
    max-height: 500px; }
    @media only screen and (min-width: 480px) and (max-width: 799px) {
      .hero-image-container .carousel-image-container,
      .hero-image-container .hero-overlay {
        height: 54vw; } }
    @media only screen and (max-width: 479px) {
      .hero-image-container .carousel-image-container,
      .hero-image-container .hero-overlay {
        height: 72vw; } }
  .hero-image-container.hero-img--accent {
    height: 20vw;
    max-height: 500px; }
    @media only screen and (min-width: 480px) and (max-width: 799px) {
      .hero-image-container.hero-img--accent {
        height: 40vw; } }
    @media only screen and (max-width: 479px) {
      .hero-image-container.hero-img--accent {
        height: 40vw; } }
    .hero-image-container.hero-img--accent .carousel-image-container,
    .hero-image-container.hero-img--accent .hero-overlay {
      height: 20vw;
      max-height: 500px; }
      @media only screen and (min-width: 480px) and (max-width: 799px) {
        .hero-image-container.hero-img--accent .carousel-image-container,
        .hero-image-container.hero-img--accent .hero-overlay {
          height: 40vw; } }
      @media only screen and (max-width: 479px) {
        .hero-image-container.hero-img--accent .carousel-image-container,
        .hero-image-container.hero-img--accent .hero-overlay {
          height: 40vw; } }
  .hero-image-container.hero-img--epic {
    height: 50vw;
    max-height: 640px; }
    @media only screen and (min-width: 480px) and (max-width: 799px) {
      .hero-image-container.hero-img--epic {
        height: 75vw; } }
    @media only screen and (max-width: 479px) {
      .hero-image-container.hero-img--epic {
        height: 100vw; } }
    .hero-image-container.hero-img--epic .carousel-image-container,
    .hero-image-container.hero-img--epic .hero-overlay {
      height: 50vw;
      max-height: 640px; }
      @media only screen and (min-width: 480px) and (max-width: 799px) {
        .hero-image-container.hero-img--epic .carousel-image-container,
        .hero-image-container.hero-img--epic .hero-overlay {
          height: 75vw; } }
      @media only screen and (max-width: 479px) {
        .hero-image-container.hero-img--epic .carousel-image-container,
        .hero-image-container.hero-img--epic .hero-overlay {
          height: 100vw; } }

.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover; }

.carousel-image-container {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  position: relative;
  background-color: white;
  width: 100%; }

.hero-overlay {
  -webkit-transition: height 0.5s ease-in;
  -moz-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .hero-overlay.hero-overlay--gradient {
    background-image: -webkit-linear-gradient( transparent, rgba(0, 0, 0, 0.4));
    background-image: linear-gradient( transparent, rgba(0, 0, 0, 0.4)); }
  .hero-overlay.hero-overlay--dark {
    background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); }
  .hero-overlay.hero-overlay--carousel {
    top: auto;
    height: 200px; }
    @media only screen and (min-width: 480px) and (max-width: 799px) {
      .hero-overlay.hero-overlay--carousel {
        height: 100px; } }
    @media only screen and (max-width: 479px) {
      .hero-overlay.hero-overlay--carousel {
        height: 70px; } }

.hero-image__content {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: white;
  position: absolute;
  top: 50%;
  width: 100%; }
  .hero-image__content .hero-heading {
    color: white; }

.hero-image__bottom-title {
  color: white;
  position: absolute;
  width: 100%;
  bottom: 20px; }

.hero-image--inverted .hero-image__header,
.hero-image--inverted .hero-image__metatitle {
  color: white; }
  .hero-image--inverted .hero-image__header a:link,
  .hero-image--inverted .hero-image__header a:visited,
  .hero-image--inverted .hero-image__metatitle a:link,
  .hero-image--inverted .hero-image__metatitle a:visited {
    color: white; }
  .hero-image--inverted .hero-image__header a:hover,
  .hero-image--inverted .hero-image__header a:focus,
  .hero-image--inverted .hero-image__header a:active,
  .hero-image--inverted .hero-image__metatitle a:hover,
  .hero-image--inverted .hero-image__metatitle a:focus,
  .hero-image--inverted .hero-image__metatitle a:active {
    color: rgba(255, 255, 255, 0.92); }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
@-webkit-keyframes btn-fade-to-epic {
  from {
    color: #adb0b6;
    color: #ADB0B6;
    background-color: #eff2f5;
    background-color: #EFF2F5;
    cursor: default;
    opacity: 0.7; }
  to {
    color: white;
    background-color: #00ab44;
    opacity: 1; } }

@-moz-keyframes btn-fade-to-epic {
  from {
    color: #adb0b6;
    color: #ADB0B6;
    background-color: #eff2f5;
    background-color: #EFF2F5;
    cursor: default;
    opacity: 0.7; }
  to {
    color: white;
    background-color: #00ab44;
    opacity: 1; } }

@keyframes btn-fade-to-epic {
  from {
    color: #adb0b6;
    color: #ADB0B6;
    background-color: #eff2f5;
    background-color: #EFF2F5;
    cursor: default;
    opacity: 0.7; }
  to {
    color: white;
    background-color: #00ab44;
    opacity: 1; } }

.btn, .chart-panel__button,
.btn--action,
.chart-panel__button {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  font-weight: 600;
  color: white;
  background-color: #0093D7;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: middle;
  position: relative;
  width: auto;
  height: auto;
  border: none;
  padding: 11px 20px;
  text-align: center;
  text-decoration: none;
  line-height: 22px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 3px; }
  .btn:link, .chart-panel__button:link, .btn:visited, .chart-panel__button:visited,
  .btn--action:link,
  .chart-panel__button:link,
  .btn--action:visited,
  .chart-panel__button:visited {
    color: white; }
  .btn:hover, .chart-panel__button:hover, .btn:focus, .chart-panel__button:focus,
  .btn--action:hover,
  .chart-panel__button:hover,
  .btn--action:focus,
  .chart-panel__button:focus {
    background-color: #004d71;
    color: white; }
  .btn:focus, .chart-panel__button:focus,
  .btn--action:focus,
  .chart-panel__button:focus {
    outline-color: black;
    outline-width: 1px;
    outline-style: dotted; }
  .btn:active, .chart-panel__button:active,
  .btn--action:active,
  .chart-panel__button:active {
    background-color: #004d71;
    color: white; }
  .btn:hover, .chart-panel__button:hover, .btn:focus, .chart-panel__button:focus,
  .btn--action:hover,
  .chart-panel__button:hover,
  .btn--action:focus,
  .chart-panel__button:focus {
    cursor: pointer;
    text-decoration: none; }
  .btn:active, .chart-panel__button:active,
  .btn--action:active,
  .chart-panel__button:active {
    text-decoration: none; }

.btn.btn--block, .btn--block.chart-panel__button {
  display: block; }

.btn--animate-active {
  animation: btn-fade-to-epic 0.5s none; }

@media only screen and (max-width: 479px) {
  .btn--responsive {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; } }

input[type="submit"].btn.btn--block, input[type="submit"].btn--block.chart-panel__button, button.btn.btn--block, button.btn--block.chart-panel__button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.btn--epic {
  font-weight: 600;
  color: white;
  background-color: #00ab44; }
  .btn--epic:link, .btn--epic:visited {
    color: white; }
  .btn--epic:hover, .btn--epic:focus {
    background-color: #00451b;
    color: white; }
  .btn--epic:focus {
    outline-color: black;
    outline-width: 1px;
    outline-style: dotted; }
  .btn--epic:active {
    background-color: #00451b;
    color: white; }

.btn--secondary,
.btn--dynamo {
  color: #0278b8;
  background-color: transparent;
  border: 2px solid #0278b8;
  padding: 9px 18px; }
  .btn--secondary:link, .btn--secondary:visited,
  .btn--dynamo:link,
  .btn--dynamo:visited {
    color: #0278b8; }
  .btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active,
  .btn--dynamo:hover,
  .btn--dynamo:focus,
  .btn--dynamo:active {
    color: white;
    background-color: #013653;
    border-color: #013653; }
  .btn--secondary.btn--disabled,
  .btn--dynamo.btn--disabled {
    border-color: #eff2f5;
    border-color: #EFF2F5;
    background-color: transparent; }
    .btn--secondary.btn--disabled:link, .btn--secondary.btn--disabled:hover, .btn--secondary.btn--disabled:focus, .btn--secondary.btn--disabled:active,
    .btn--dynamo.btn--disabled:link,
    .btn--dynamo.btn--disabled:hover,
    .btn--dynamo.btn--disabled:focus,
    .btn--dynamo.btn--disabled:active {
      background-color: transparent; }

.btn--secondary-alt,
.btn--dynamo-alt {
  color: white;
  background-color: transparent;
  border: 2px solid white;
  padding: 9px 18px; }
  .btn--secondary-alt:link, .btn--secondary-alt:visited,
  .btn--dynamo-alt:link,
  .btn--dynamo-alt:visited {
    color: white; }
  .btn--secondary-alt:hover, .btn--secondary-alt:focus, .btn--secondary-alt:active,
  .btn--dynamo-alt:hover,
  .btn--dynamo-alt:focus,
  .btn--dynamo-alt:active {
    color: white;
    background-color: #004d71;
    border-color: #004d71; }
  .btn--secondary-alt.btn--disabled,
  .btn--dynamo-alt.btn--disabled {
    border-color: #eff2f5;
    border-color: #EFF2F5;
    background-color: transparent; }
    .btn--secondary-alt.btn--disabled:link, .btn--secondary-alt.btn--disabled:hover, .btn--secondary-alt.btn--disabled:focus, .btn--secondary-alt.btn--disabled:active,
    .btn--dynamo-alt.btn--disabled:link,
    .btn--dynamo-alt.btn--disabled:hover,
    .btn--dynamo-alt.btn--disabled:focus,
    .btn--dynamo-alt.btn--disabled:active {
      background-color: transparent; }

.btn--caution {
  font-weight: 600;
  color: white;
  background-color: #D33732; }
  .btn--caution:link, .btn--caution:visited {
    color: white; }
  .btn--caution:hover, .btn--caution:focus {
    background-color: #831f1c;
    color: white; }
  .btn--caution:focus {
    outline-color: black;
    outline-width: 1px;
    outline-style: dotted; }
  .btn--caution:active {
    background-color: #831f1c;
    color: white; }

.btn--brite {
  font-weight: 600;
  color: white;
  background-color: #f6682F; }
  .btn--brite:link, .btn--brite:visited {
    color: white; }
  .btn--brite:hover, .btn--brite:focus {
    background-color: #b73a08;
    color: white; }
  .btn--brite:focus {
    outline-color: black;
    outline-width: 1px;
    outline-style: dotted; }
  .btn--brite:active {
    background-color: #b73a08;
    color: white; }

.btn--disabled, .btn[disabled], [disabled].chart-panel__button {
  color: #adb0b6;
  color: #ADB0B6;
  background-color: #eff2f5;
  background-color: #EFF2F5;
  cursor: default;
  opacity: 0.7; }
  .btn--disabled:link, .btn--disabled:visited, .btn--disabled:active, .btn--disabled:hover, .btn--disabled:focus, .btn--disabled:disabled, .btn[disabled]:link, [disabled].chart-panel__button:link, .btn[disabled]:visited, [disabled].chart-panel__button:visited, .btn[disabled]:active, [disabled].chart-panel__button:active, .btn[disabled]:hover, [disabled].chart-panel__button:hover, .btn[disabled]:focus, [disabled].chart-panel__button:focus, .btn[disabled]:disabled, [disabled].chart-panel__button:disabled {
    color: #adb0b6;
    color: #ADB0B6;
    background-color: #eff2f5;
    background-color: #EFF2F5;
    cursor: default;
    opacity: 0.7; }

.btn--link, .btn--link-alt, .btn--link-no-padding, .btn--link.btn, .btn.btn--link-alt, .btn--link-alt.chart-panel__button, .btn.btn--link-no-padding, .btn--link-no-padding.chart-panel__button, .btn--link.chart-panel__button {
  color: #0278b8;
  text-decoration: none;
  background: none; }
  .btn--link:focus, .btn--link-alt:focus, .btn--link-no-padding:focus, .btn--link:hover, .btn--link-alt:hover, .btn--link-no-padding:hover, .btn--link:active, .btn--link-alt:active, .btn--link-no-padding:active, .btn--link.btn:focus, .btn.btn--link-alt:focus, .btn--link-alt.chart-panel__button:focus, .btn.btn--link-no-padding:focus, .btn--link-no-padding.chart-panel__button:focus, .btn--link.chart-panel__button:focus, .btn--link.btn:hover, .btn.btn--link-alt:hover, .btn--link-alt.chart-panel__button:hover, .btn.btn--link-no-padding:hover, .btn--link-no-padding.chart-panel__button:hover, .btn--link.chart-panel__button:hover, .btn--link.btn:active, .btn.btn--link-alt:active, .btn--link-alt.chart-panel__button:active, .btn.btn--link-no-padding:active, .btn--link-no-padding.chart-panel__button:active, .btn--link.chart-panel__button:active {
    color: #013653; }
  .btn--link:focus, .btn--link-alt:focus, .btn--link-no-padding:focus, .btn--link:hover, .btn--link-alt:hover, .btn--link-no-padding:hover, .btn--link:active, .btn--link-alt:active, .btn--link-no-padding:active, .btn--link.btn:focus, .btn.btn--link-alt:focus, .btn--link-alt.chart-panel__button:focus, .btn.btn--link-no-padding:focus, .btn--link-no-padding.chart-panel__button:focus, .btn--link.chart-panel__button:focus, .btn--link.btn:hover, .btn.btn--link-alt:hover, .btn--link-alt.chart-panel__button:hover, .btn.btn--link-no-padding:hover, .btn--link-no-padding.chart-panel__button:hover, .btn--link.chart-panel__button:hover, .btn--link.btn:active, .btn.btn--link-alt:active, .btn--link-alt.chart-panel__button:active, .btn.btn--link-no-padding:active, .btn--link-no-padding.chart-panel__button:active, .btn--link.chart-panel__button:active {
    text-decoration: underline; }
  .btn--link:hover, .btn--link-alt:hover, .btn--link-no-padding:hover, .btn--link.btn:hover, .btn.btn--link-alt:hover, .btn--link-alt.chart-panel__button:hover, .btn.btn--link-no-padding:hover, .btn--link-no-padding.chart-panel__button:hover, .btn--link.chart-panel__button:hover {
    cursor: pointer; }
  .btn--link:link, .btn--link-alt:link, .btn--link-no-padding:link, .btn--link:visited, .btn--link-alt:visited, .btn--link-no-padding:visited, .btn--link.btn:link, .btn.btn--link-alt:link, .btn--link-alt.chart-panel__button:link, .btn.btn--link-no-padding:link, .btn--link-no-padding.chart-panel__button:link, .btn--link.chart-panel__button:link, .btn--link.btn:visited, .btn.btn--link-alt:visited, .btn--link-alt.chart-panel__button:visited, .btn.btn--link-no-padding:visited, .btn--link-no-padding.chart-panel__button:visited, .btn--link.chart-panel__button:visited {
    color: #0278b8;
    text-decoration: none; }
    .btn--link:link:focus, .btn--link-alt:link:focus, .btn--link-no-padding:link:focus, .btn--link:link:hover, .btn--link-alt:link:hover, .btn--link-no-padding:link:hover, .btn--link:link:active, .btn--link-alt:link:active, .btn--link-no-padding:link:active, .btn--link:visited:focus, .btn--link-alt:visited:focus, .btn--link-no-padding:visited:focus, .btn--link:visited:hover, .btn--link-alt:visited:hover, .btn--link-no-padding:visited:hover, .btn--link:visited:active, .btn--link-alt:visited:active, .btn--link-no-padding:visited:active, .btn--link.btn:link:focus, .btn.btn--link-alt:link:focus, .btn--link-alt.chart-panel__button:link:focus, .btn.btn--link-no-padding:link:focus, .btn--link-no-padding.chart-panel__button:link:focus, .btn--link.chart-panel__button:link:focus, .btn--link.btn:link:hover, .btn.btn--link-alt:link:hover, .btn--link-alt.chart-panel__button:link:hover, .btn.btn--link-no-padding:link:hover, .btn--link-no-padding.chart-panel__button:link:hover, .btn--link.chart-panel__button:link:hover, .btn--link.btn:link:active, .btn.btn--link-alt:link:active, .btn--link-alt.chart-panel__button:link:active, .btn.btn--link-no-padding:link:active, .btn--link-no-padding.chart-panel__button:link:active, .btn--link.chart-panel__button:link:active, .btn--link.btn:visited:focus, .btn.btn--link-alt:visited:focus, .btn--link-alt.chart-panel__button:visited:focus, .btn.btn--link-no-padding:visited:focus, .btn--link-no-padding.chart-panel__button:visited:focus, .btn--link.chart-panel__button:visited:focus, .btn--link.btn:visited:hover, .btn.btn--link-alt:visited:hover, .btn--link-alt.chart-panel__button:visited:hover, .btn.btn--link-no-padding:visited:hover, .btn--link-no-padding.chart-panel__button:visited:hover, .btn--link.chart-panel__button:visited:hover, .btn--link.btn:visited:active, .btn.btn--link-alt:visited:active, .btn--link-alt.chart-panel__button:visited:active, .btn.btn--link-no-padding:visited:active, .btn--link-no-padding.chart-panel__button:visited:active, .btn--link.chart-panel__button:visited:active {
      color: #013653; }
    .btn--link:link:focus, .btn--link-alt:link:focus, .btn--link-no-padding:link:focus, .btn--link:link:hover, .btn--link-alt:link:hover, .btn--link-no-padding:link:hover, .btn--link:link:active, .btn--link-alt:link:active, .btn--link-no-padding:link:active, .btn--link:visited:focus, .btn--link-alt:visited:focus, .btn--link-no-padding:visited:focus, .btn--link:visited:hover, .btn--link-alt:visited:hover, .btn--link-no-padding:visited:hover, .btn--link:visited:active, .btn--link-alt:visited:active, .btn--link-no-padding:visited:active, .btn--link.btn:link:focus, .btn.btn--link-alt:link:focus, .btn--link-alt.chart-panel__button:link:focus, .btn.btn--link-no-padding:link:focus, .btn--link-no-padding.chart-panel__button:link:focus, .btn--link.chart-panel__button:link:focus, .btn--link.btn:link:hover, .btn.btn--link-alt:link:hover, .btn--link-alt.chart-panel__button:link:hover, .btn.btn--link-no-padding:link:hover, .btn--link-no-padding.chart-panel__button:link:hover, .btn--link.chart-panel__button:link:hover, .btn--link.btn:link:active, .btn.btn--link-alt:link:active, .btn--link-alt.chart-panel__button:link:active, .btn.btn--link-no-padding:link:active, .btn--link-no-padding.chart-panel__button:link:active, .btn--link.chart-panel__button:link:active, .btn--link.btn:visited:focus, .btn.btn--link-alt:visited:focus, .btn--link-alt.chart-panel__button:visited:focus, .btn.btn--link-no-padding:visited:focus, .btn--link-no-padding.chart-panel__button:visited:focus, .btn--link.chart-panel__button:visited:focus, .btn--link.btn:visited:hover, .btn.btn--link-alt:visited:hover, .btn--link-alt.chart-panel__button:visited:hover, .btn.btn--link-no-padding:visited:hover, .btn--link-no-padding.chart-panel__button:visited:hover, .btn--link.chart-panel__button:visited:hover, .btn--link.btn:visited:active, .btn.btn--link-alt:visited:active, .btn--link-alt.chart-panel__button:visited:active, .btn.btn--link-no-padding:visited:active, .btn--link-no-padding.chart-panel__button:visited:active, .btn--link.chart-panel__button:visited:active {
      text-decoration: underline; }
    .btn--link:link:hover, .btn--link-alt:link:hover, .btn--link-no-padding:link:hover, .btn--link:visited:hover, .btn--link-alt:visited:hover, .btn--link-no-padding:visited:hover, .btn--link.btn:link:hover, .btn.btn--link-alt:link:hover, .btn--link-alt.chart-panel__button:link:hover, .btn.btn--link-no-padding:link:hover, .btn--link-no-padding.chart-panel__button:link:hover, .btn--link.chart-panel__button:link:hover, .btn--link.btn:visited:hover, .btn.btn--link-alt:visited:hover, .btn--link-alt.chart-panel__button:visited:hover, .btn.btn--link-no-padding:visited:hover, .btn--link-no-padding.chart-panel__button:visited:hover, .btn--link.chart-panel__button:visited:hover {
      cursor: pointer; }
    .btn--link:link:hover, .btn--link-alt:link:hover, .btn--link-no-padding:link:hover, .btn--link:visited:hover, .btn--link-alt:visited:hover, .btn--link-no-padding:visited:hover, .btn--link.btn:link:hover, .btn.btn--link-alt:link:hover, .btn--link-alt.chart-panel__button:link:hover, .btn.btn--link-no-padding:link:hover, .btn--link-no-padding.chart-panel__button:link:hover, .btn--link.chart-panel__button:link:hover, .btn--link.btn:visited:hover, .btn.btn--link-alt:visited:hover, .btn--link-alt.chart-panel__button:visited:hover, .btn.btn--link-no-padding:visited:hover, .btn--link-no-padding.chart-panel__button:visited:hover, .btn--link.chart-panel__button:visited:hover {
      text-decoration: none;
      color: #013653; }
  .btn--link:hover, .btn--link-alt:hover, .btn--link-no-padding:hover, .btn--link.btn:hover, .btn.btn--link-alt:hover, .btn--link-alt.chart-panel__button:hover, .btn.btn--link-no-padding:hover, .btn--link-no-padding.chart-panel__button:hover, .btn--link.chart-panel__button:hover {
    text-decoration: none;
    color: #013653; }
  .btn--link:active, .btn--link-alt:active, .btn--link-no-padding:active, .btn--link.btn:active, .btn.btn--link-alt:active, .btn--link-alt.chart-panel__button:active, .btn.btn--link-no-padding:active, .btn--link-no-padding.chart-panel__button:active, .btn--link.chart-panel__button:active {
    color: black; }
  .btn--link.btn--disabled, .btn--disabled.btn--link-alt, .btn--disabled.btn--link-no-padding, .btn--link:disabled, .btn--link-alt:disabled, .btn--link-no-padding:disabled, .btn--link.btn.btn--disabled, .btn.btn--disabled.btn--link-alt, .btn--disabled.btn--link-alt.chart-panel__button, .btn.btn--disabled.btn--link-no-padding, .btn--disabled.btn--link-no-padding.chart-panel__button, .btn--link.btn--disabled.chart-panel__button, .btn--link.btn:disabled, .btn.btn--link-alt:disabled, .btn--link-alt.chart-panel__button:disabled, .btn.btn--link-no-padding:disabled, .btn--link-no-padding.chart-panel__button:disabled, .btn--link.chart-panel__button:disabled {
    color: #ADB0B6;
    background: none; }
    .btn--link.btn--disabled:link, .btn--disabled.btn--link-alt:link, .btn--disabled.btn--link-no-padding:link, .btn--link.btn--disabled:visited, .btn--disabled.btn--link-alt:visited, .btn--disabled.btn--link-no-padding:visited, .btn--link.btn--disabled:active, .btn--disabled.btn--link-alt:active, .btn--disabled.btn--link-no-padding:active, .btn--link.btn--disabled:hover, .btn--disabled.btn--link-alt:hover, .btn--disabled.btn--link-no-padding:hover, .btn--link.btn--disabled:focus, .btn--disabled.btn--link-alt:focus, .btn--disabled.btn--link-no-padding:focus, .btn--link:disabled:link, .btn--link-alt:disabled:link, .btn--link-no-padding:disabled:link, .btn--link:disabled:visited, .btn--link-alt:disabled:visited, .btn--link-no-padding:disabled:visited, .btn--link:disabled:active, .btn--link-alt:disabled:active, .btn--link-no-padding:disabled:active, .btn--link:disabled:hover, .btn--link-alt:disabled:hover, .btn--link-no-padding:disabled:hover, .btn--link:disabled:focus, .btn--link-alt:disabled:focus, .btn--link-no-padding:disabled:focus, .btn--link.btn.btn--disabled:link, .btn.btn--disabled.btn--link-alt:link, .btn--disabled.btn--link-alt.chart-panel__button:link, .btn.btn--disabled.btn--link-no-padding:link, .btn--disabled.btn--link-no-padding.chart-panel__button:link, .btn--link.btn--disabled.chart-panel__button:link, .btn--link.btn.btn--disabled:visited, .btn.btn--disabled.btn--link-alt:visited, .btn--disabled.btn--link-alt.chart-panel__button:visited, .btn.btn--disabled.btn--link-no-padding:visited, .btn--disabled.btn--link-no-padding.chart-panel__button:visited, .btn--link.btn--disabled.chart-panel__button:visited, .btn--link.btn.btn--disabled:active, .btn.btn--disabled.btn--link-alt:active, .btn--disabled.btn--link-alt.chart-panel__button:active, .btn.btn--disabled.btn--link-no-padding:active, .btn--disabled.btn--link-no-padding.chart-panel__button:active, .btn--link.btn--disabled.chart-panel__button:active, .btn--link.btn.btn--disabled:hover, .btn.btn--disabled.btn--link-alt:hover, .btn--disabled.btn--link-alt.chart-panel__button:hover, .btn.btn--disabled.btn--link-no-padding:hover, .btn--disabled.btn--link-no-padding.chart-panel__button:hover, .btn--link.btn--disabled.chart-panel__button:hover, .btn--link.btn.btn--disabled:focus, .btn.btn--disabled.btn--link-alt:focus, .btn--disabled.btn--link-alt.chart-panel__button:focus, .btn.btn--disabled.btn--link-no-padding:focus, .btn--disabled.btn--link-no-padding.chart-panel__button:focus, .btn--link.btn--disabled.chart-panel__button:focus, .btn--link.btn:disabled:link, .btn.btn--link-alt:disabled:link, .btn--link-alt.chart-panel__button:disabled:link, .btn.btn--link-no-padding:disabled:link, .btn--link-no-padding.chart-panel__button:disabled:link, .btn--link.chart-panel__button:disabled:link, .btn--link.btn:disabled:visited, .btn.btn--link-alt:disabled:visited, .btn--link-alt.chart-panel__button:disabled:visited, .btn.btn--link-no-padding:disabled:visited, .btn--link-no-padding.chart-panel__button:disabled:visited, .btn--link.chart-panel__button:disabled:visited, .btn--link.btn:disabled:active, .btn.btn--link-alt:disabled:active, .btn--link-alt.chart-panel__button:disabled:active, .btn.btn--link-no-padding:disabled:active, .btn--link-no-padding.chart-panel__button:disabled:active, .btn--link.chart-panel__button:disabled:active, .btn--link.btn:disabled:hover, .btn.btn--link-alt:disabled:hover, .btn--link-alt.chart-panel__button:disabled:hover, .btn.btn--link-no-padding:disabled:hover, .btn--link-no-padding.chart-panel__button:disabled:hover, .btn--link.chart-panel__button:disabled:hover, .btn--link.btn:disabled:focus, .btn.btn--link-alt:disabled:focus, .btn--link-alt.chart-panel__button:disabled:focus, .btn.btn--link-no-padding:disabled:focus, .btn--link-no-padding.chart-panel__button:disabled:focus, .btn--link.chart-panel__button:disabled:focus {
      color: #ADB0B6;
      background: none;
      text-decoration: none;
      cursor: default; }

.btn--link:hover, .btn--link-alt:hover, .btn--link-no-padding:hover {
  text-decoration: none;
  color: #013653; }

.btn--link:active, .btn--link-alt:active, .btn--link-no-padding:active {
  color: black; }

.btn--link-alt, .btn--link-alt.btn, .btn--link-alt.chart-panel__button {
  width: auto;
  color: #282C35;
  background: none;
  text-decoration: underline;
  text-transform: none;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  padding: 0; }
  .btn--link-alt:link, .btn--link-alt.btn:link, .btn--link-alt.chart-panel__button:link {
    text-decoration: underline;
    color: #282C35; }

.btn--link-no-padding, .btn--link-no-padding.btn, .btn--link-no-padding.chart-panel__button {
  padding-left: 0;
  padding-right: 0; }

.btn--small {
  font-size: 14px;
  padding: 9px 20px;
  line-height: 18px; }

.btn--large {
  font-size: 14px;
  padding: 11px 30px;
  line-height: 19px; }

.btn--twitter {
  font-weight: 600;
  color: white;
  background-color: #55acee; }
  .btn--twitter:link, .btn--twitter:visited {
    color: white; }
  .btn--twitter:hover, .btn--twitter:focus {
    background-color: #147bc9;
    color: white; }
  .btn--twitter:focus {
    outline-color: black;
    outline-width: 1px;
    outline-style: dotted; }
  .btn--twitter:active {
    background-color: #147bc9;
    color: white; }

.btn--facebook {
  font-weight: 600;
  color: white;
  background-color: #3b5998; }
  .btn--facebook:link, .btn--facebook:visited {
    color: white; }
  .btn--facebook:hover, .btn--facebook:focus {
    background-color: #1e2e4f;
    color: white; }
  .btn--facebook:focus {
    outline-color: black;
    outline-width: 1px;
    outline-style: dotted; }
  .btn--facebook:active {
    background-color: #1e2e4f;
    color: white; }

.btn--spinner *, .btn--large--loader * {
  visibility: hidden; }

.btn--large--loader {
  position: relative; }
  .btn--large--loader:before {
    content: " ";
    width: 30px;
    height: 30px;
    z-index: 1;
    visibility: visible;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
    background: url("../../images/event_page/loading/bluematte.gif") no-repeat; }
  .btn--large--loader.btn--facebook:before {
    background: url("../../images/event_page/loading/bluematte.gif") no-repeat; }

.btn--has-spinner > * {
  opacity: 0; }

.btn--has-spinner .spinner--small,
.btn--has-spinner .spinner--medium,
.btn--has-spinner .spinner--larger {
  opacity: 1; }

.btn-group .btn, .btn-group .chart-panel__button {
  margin-left: 10px; }
  .btn-group .btn:first-child, .btn-group .chart-panel__button:first-child {
    margin-left: 2px; }

@media only screen and (max-width: 479px) {
  .btn-group--responsive {
    margin-top: -15px; }
    .btn-group--responsive .btn, .btn-group--responsive .chart-panel__button {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      margin-left: 0;
      margin-top: 15px; }
      .btn-group--responsive .btn:first-child, .btn-group--responsive .chart-panel__button:first-child {
        margin-left: 0; }
    .btn-group--responsive .btn--link, .btn-group--responsive .btn--link-alt, .btn-group--responsive .btn--link-no-padding {
      margin-top: 0; } }

.btn i, .chart-panel__button i {
  vertical-align: -10%;
  line-height: 1;
  font-size: 21px; }

.btn--ico {
  padding: 7px 14px;
  line-height: 29px; }
  .btn--ico i {
    vertical-align: -10%;
    margin-right: 0.3em;
    font-size: 1.4em;
    line-height: 1.4em; }
  .btn--ico.btn--secondary, .btn--ico.btn--secondary-alt, .btn--ico.btn--dynamo, .btn--ico.btn--dynamo-alt {
    padding: 5px 18px; }
  .btn--ico.btn--small {
    padding: 3px 10px; }
  .btn--ico.btn--large {
    padding: 3px 18px 6px; }

.btn--target {
  color: #0278b8;
  padding: 10px 10.5px;
  border-radius: 44px;
  border: 2px solid white;
  background-color: transparent;
  line-height: 18px; }
  .btn--target i {
    vertical-align: -10%;
    margin-right: 0.3em;
    font-size: 22px;
    line-height: 17px; }
  .btn--target:link, .btn--target:visited {
    color: #0278b8; }
  .btn--target .btn--context {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    top: -2px; }
  .btn--target.btn--opaque {
    background-color: white; }
  .btn--target:focus, .btn--target:hover, .btn--target:active {
    color: #013653;
    background-color: white; }
  .btn--target.is-collapsed i {
    margin-right: 0; }
  .btn--target.is-collapsed .btn--context {
    position: absolute;
    left: -999999px; }

@media only screen and (min-width: 800px) {
  .btn--target.btn--collapsible i {
    margin-right: 0; }
  .btn--target.btn--collapsible span {
    position: absolute;
    left: -999999px; } }

@media only screen and (max-width: 479px) {
  .btn--target.btn--expandable i {
    margin-right: 0; }
  .btn--target.btn--expandable span {
    position: absolute;
    left: -999999px; } }

.css-transform-support .fx--fade-in-down, .css-transform-support .fx--fade-in-up, .css-transform-support .fx--fade-in-left, .css-transform-support .fx--fade-in-right, .css-transform-support .fx--fade-out-down, .css-transform-support .fx--fade-out-up {
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s; }

.css-transform-support .fx--animate, .css-transform-support .fx--fade-in-down, .css-transform-support .fx--fade-in-up, .css-transform-support .fx--fade-in-left, .css-transform-support .fx--fade-in-right, .css-transform-support .fx--fade-out-down, .css-transform-support .fx--fade-out-up, .css-transform-support .fx--fade-in, .css-transform-support .fx--fade-out {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.css-transform-support .fx--hide, .css-transform-support .fx--fade-in-down, .css-transform-support .fx--fade-in-up, .css-transform-support .fx--fade-in-left, .css-transform-support .fx--fade-in-right, .css-transform-support .fx--fade-out-down, .css-transform-support .fx--fade-out-up, .css-transform-support .fx--fade-in, .css-transform-support .fx--fade-out {
  opacity: 0; }

.css-transform-support .fx--delay-1 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.css-transform-support .fx--delay-2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.css-transform-support .fx--delay-3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.css-transform-support .fx--delay-4 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.css-transform-support .fx--delay-5 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.css-transform-support .fx--delay-6 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.css-transform-support .fx--delay-7 {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.css-transform-support .fx--delay-8 {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.css-transform-support .fx--delay-9 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s; }

.css-transform-support .fx--delay-10 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s; }

.css-transform-support .fx--delay-11 {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s; }

.css-transform-support .fx--delay-12 {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.css-transform-support .fx--delay-13 {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  animation-delay: 1.3s; }

.css-transform-support .fx--delay-14 {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.css-transform-support .fx--delay-15 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.css-transform-support .fx--delay-16 {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.css-transform-support .fx--delay-17 {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  animation-delay: 1.7s; }

.css-transform-support .fx--delay-18 {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  animation-delay: 1.8s; }

.css-transform-support .fx--delay-19 {
  -webkit-animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  animation-delay: 1.9s; }

.css-transform-support .fx--delay-20 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s; }

.css-transform-support .fx--delay-21 {
  -webkit-animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  animation-delay: 2.1s; }

.css-transform-support .fx--delay-22 {
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  animation-delay: 2.2s; }

.css-transform-support .fx--delay-23 {
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  animation-delay: 2.3s; }

.css-transform-support .fx--delay-24 {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  animation-delay: 2.4s; }

.css-transform-support .fx--delay-25 {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.css-transform-support .fx--delay-26 {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  animation-delay: 2.6s; }

.css-transform-support .fx--delay-27 {
  -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  animation-delay: 2.7s; }

.css-transform-support .fx--delay-28 {
  -webkit-animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  animation-delay: 2.8s; }

.css-transform-support .fx--delay-29 {
  -webkit-animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  animation-delay: 2.9s; }

.css-transform-support .fx--delay-30 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s; }

.css-transform-support .fx--duration_-9 {
  -webkit-animation-duration: 0.1s;
  -moz-animation-duration: 0.1s;
  animation-duration: 0.1s; }

.css-transform-support .fx--duration_-8 {
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  animation-duration: 0.2s; }

.css-transform-support .fx--duration_-7 {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s; }

.css-transform-support .fx--duration_-6 {
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s; }

.css-transform-support .fx--duration_-5 {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.css-transform-support .fx--duration_-4 {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s; }

.css-transform-support .fx--duration_-3 {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s; }

.css-transform-support .fx--duration_-2 {
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s; }

.css-transform-support .fx--duration_-1 {
  -webkit-animation-duration: 0.9s;
  -moz-animation-duration: 0.9s;
  animation-duration: 0.9s; }

.css-transform-support .fx--duration_0 {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s; }

.css-transform-support .fx--duration_1 {
  -webkit-animation-duration: 1.1s;
  -moz-animation-duration: 1.1s;
  animation-duration: 1.1s; }

.css-transform-support .fx--duration_2 {
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-duration: 1.2s; }

.css-transform-support .fx--duration_3 {
  -webkit-animation-duration: 1.3s;
  -moz-animation-duration: 1.3s;
  animation-duration: 1.3s; }

.css-transform-support .fx--duration_4 {
  -webkit-animation-duration: 1.4s;
  -moz-animation-duration: 1.4s;
  animation-duration: 1.4s; }

.css-transform-support .fx--duration_5 {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s; }

.css-transform-support .fx--duration_6 {
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  animation-duration: 1.6s; }

.css-transform-support .fx--duration_7 {
  -webkit-animation-duration: 1.7s;
  -moz-animation-duration: 1.7s;
  animation-duration: 1.7s; }

.css-transform-support .fx--duration_8 {
  -webkit-animation-duration: 1.8s;
  -moz-animation-duration: 1.8s;
  animation-duration: 1.8s; }

.css-transform-support .fx--duration_9 {
  -webkit-animation-duration: 1.9s;
  -moz-animation-duration: 1.9s;
  animation-duration: 1.9s; }

.css-transform-support .fx--duration_10 {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.timeline__item {
  position: relative; }

.timeline__indicator:after {
  content: '';
  position: absolute;
  top: 40px;
  left: 9px;
  height: 100%;
  border-left: 1px solid #EFF2F5; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .timeline__indicator:after {
      top: 30px; } }
  @media only screen and (max-width: 479px) {
    .timeline__indicator:after {
      top: 35px; } }

.timeline__item:last-child .timeline__indicator:after {
  display: none; }

.timeline__ico {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #D2D6DF; }
  .timeline__ico:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    margin-left: 4px;
    margin-bottom: 2px;
    background-color: white; }
  .timeline--success .timeline__ico {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #D2D6DF; }
    .timeline--success .timeline__ico:before {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      content: '';
      margin-left: 4px;
      margin-bottom: 2px;
      background-color: #00ab44; }
  .timeline--warning .timeline__ico {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #D2D6DF; }
    .timeline--warning .timeline__ico:before {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      content: '';
      margin-left: 4px;
      margin-bottom: 2px;
      background-color: #ffdb00; }
  .timeline--error .timeline__ico {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #D2D6DF; }
    .timeline--error .timeline__ico:before {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      content: '';
      margin-left: 4px;
      margin-bottom: 2px;
      background-color: #D33732; }

.timeline--error .timeline__title {
  color: #D33732; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.clrfix:after, .list-card:after, .list-card-v2:after {
  content: "";
  display: table;
  clear: both; }

.is-hidden {
  display: none; }

.is-hidden-animate {
  opacity: 0;
  position: absolute; }

.is-hidden-accessible, .skip-links, .ui-helper-hidden-accessible {
  position: absolute;
  left: -999999px; }

.skip-links:focus {
  background-color: #0093D7;
  border-bottom-right-radius: 5px;
  color: white;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 40600;
  padding: 10px; }

.has-centered-inline-content {
  text-align: center; }

.has-corner-object {
  position: relative; }

.is-centered-block {
  margin-left: auto;
  margin-right: auto; }

.is-truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.disable-touch-feedback {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
  -webkit-user-select: none; }

.is-bracketed::before {
  content: "("; }

.is-bracketed::after {
  content: ")"; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.croploader__crop-setup-contain {
  max-height: 75vh; }
  .croploader__crop-setup-contain .croploader__crop-setup {
    max-height: 75vh;
    width: 100%; }

.croploader__content {
  min-height: 50px; }

.croploader__preview-wrap {
  position: relative; }
  .croploader__preview-wrap.is-image-populated .croploader__selection-preview {
    display: block; }
  .croploader__preview-wrap.is-image-populated .croploader__no-selection {
    display: none; }

.croploader__no-selection .feature-supports-draganddrop .file-upload__dropzone {
  min-height: 100px; }
  .croploader__no-selection .feature-supports-draganddrop .file-upload__dropzone .file-upload__preview--container {
    min-height: 100px; }
    .croploader__no-selection .feature-supports-draganddrop .file-upload__dropzone .file-upload__preview--container .g-img {
      max-height: 300px; }

.croploader__selection-preview {
  display: none; }
  .croploader__selection-preview .pod {
    display: inline-block;
    vertical-align: bottom; }

.croploader__crop-preview-container {
  height: 140px;
  width: 280px;
  position: relative; }

.croploader__crop-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.file-upload__container {
  position: relative; }
  .file-upload__container .file-upload__placeholder, .file-upload__container .file-upload__preview--container, .file-upload__container .file-upload__preview, .file-upload__container .file-upload__drop-here {
    position: relative;
    min-height: 190px; }
  .file-upload__container .file-upload__icon {
    color: #0278b8; }
  .file-upload__container .file-upload__dropzone .file-upload__placeholder, .file-upload__container .file-upload__dropzone .file-upload__drop-here {
    display: none; }
  .feature-supports-draganddrop.window-hover .file-upload__container .file-upload__dropzone.available {
    background-color: #0093D7; }
    .feature-supports-draganddrop.window-hover .file-upload__container .file-upload__dropzone.available .file-upload__placeholder {
      display: none; }
    .feature-supports-draganddrop.window-hover .file-upload__container .file-upload__dropzone.available .file-upload__drop-here {
      display: block;
      border: 2px dashed white;
      color: white; }
      .feature-supports-draganddrop.window-hover .file-upload__container .file-upload__dropzone.available .file-upload__drop-here .file-upload__icon {
        color: white; }
      .feature-supports-draganddrop.window-hover .file-upload__container .file-upload__dropzone.available .file-upload__drop-here .file-upload__text-primary {
        color: white; }
  .feature-supports-draganddrop.hover .file-upload__container .file-upload__dropzone.available {
    background-color: #0093D7; }
  .feature-supports-draganddrop .file-upload__container .file-upload__dropzone.available {
    z-index: 1; }
    .feature-supports-draganddrop .file-upload__container .file-upload__dropzone.available .file-upload__preview--container {
      display: none; }
    .feature-supports-draganddrop .file-upload__container .file-upload__dropzone.available .file-upload__placeholder {
      border: 2px dashed #D2D6DF;
      display: block; }
      .feature-supports-draganddrop .file-upload__container .file-upload__dropzone.available .file-upload__placeholder:hover {
        border-color: #0093D7; }
      .feature-supports-draganddrop .file-upload__container .file-upload__dropzone.available .file-upload__placeholder .file-upload__upload-trigger {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
    .feature-supports-draganddrop .file-upload__container .file-upload__dropzone.available .file-upload__text-primary {
      text-align: center;
      color: #0278b8;
      font-weight: 400; }
  .file-upload__container .file-upload__preview--container {
    z-index: 2; }
    .file-upload__container .file-upload__preview--container .file-upload__preview .file-upload__preview-image-wrap {
      -webkit-transition: background-color, 0.5s;
      -moz-transition: background-color, 0.5s;
      transition: background-color, 0.5s;
      display: inline-block;
      vertical-align: bottom; }
      .file-upload__container .file-upload__preview--container .file-upload__preview .file-upload__preview-image-wrap .file-upload__preview-image {
        -webkit-transition: opacity, 0.5s;
        -moz-transition: opacity, 0.5s;
        transition: opacity, 0.5s;
        display: block;
        margin: 0 auto; }
    .file-upload__container .file-upload__preview--container .file-upload__preview.file-upload__preview--progress .file-upload__preview-image-wrap {
      background-color: black; }
      .file-upload__container .file-upload__preview--container .file-upload__preview.file-upload__preview--progress .file-upload__preview-image-wrap .file-upload__preview-image {
        opacity: 0.7; }
  .file-upload__container .remove {
    opacity: 0.7;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    text-decoration: none;
    color: white;
    border: none; }
    .file-upload__container .remove i {
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
      text-decoration: none;
      color: white; }
    .file-upload__container .remove:hover {
      opacity: 1; }
  .file-upload__container .file-upload__progress {
    -webkit-transition: opacity, 1s;
    -moz-transition: opacity, 1s;
    transition: opacity, 1s;
    -webkit-transition: height, 0s;
    -moz-transition: height, 0s;
    transition: height, 0s;
    background-color: #EFF2F5;
    position: absolute;
    height: 10px;
    bottom: 0;
    left: 0;
    right: 0; }
    .file-upload__container .file-upload__progress.is-hidden-animate {
      -webkit-transition: height, 0.5s;
      -moz-transition: height, 0.5s;
      transition: height, 0.5s;
      height: 0;
      overflow: hidden; }
    .file-upload__container .file-upload__progress .file-upload__progress-bar {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .file-upload__container .file-upload__progress .file-upload__progress-bar.file-upload__progress-bar--success {
        background-color: #00ab44; }
      .file-upload__container .file-upload__progress .file-upload__progress-bar.file-upload__progress-bar--error {
        background-color: #D33732; }
      .file-upload__container .file-upload__progress .file-upload__progress-bar.file-upload__progress-bar--pending {
        background-color: #00ab44; }

.file-upload-modal {
  width: 50%;
  padding-top: 20%; }
  @media only screen and (max-width: 479px) {
    .file-upload-modal {
      width: 80%;
      padding-top: 40%; } }
  .file-upload-modal .btn--dynamo {
    color: white;
    border: 2px solid white; }

.file-upload-modal .file-upload__progress {
  border: 2px solid white;
  border-radius: 10px;
  height: 10px; }
  .file-upload-modal .file-upload__progress .file-upload__progress-bar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border-radius: 3px; }
    .file-upload-modal .file-upload__progress .file-upload__progress-bar.file-upload__progress-bar--success {
      background-color: white; }
    .file-upload-modal .file-upload__progress .file-upload__progress-bar.file-upload__progress-bar--pending {
      background-color: white; }

/*!
 * Cropper v0.7.7
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright 2014-2015 Fengyuan Chen
 * Released under the MIT license
 */
.cropper-container {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.cropper-container img {
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important; }

.cropper-modal,
.cropper-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.cropper-canvas {
  background-color: #fff;
  opacity: 0; }

.cropper-modal {
  background-color: #000;
  opacity: .5; }

.cropper-dragger {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%; }

.cropper-viewer {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline-width: 1px;
  outline-style: solid;
  outline-color: #69f;
  outline-color: rgba(51, 102, 255, 0.75); }

.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #fff;
  opacity: .5; }

.cropper-dashed.dashed-h {
  top: 33.3%;
  left: 0;
  width: 100%;
  height: 33.3%;
  border-top-width: 1px;
  border-bottom-width: 1px; }

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.3%;
  width: 33.3%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px; }

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1; }

.cropper-face {
  top: 0;
  left: 0;
  cursor: move;
  background-color: #fff; }

.cropper-line {
  background-color: #69f; }

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize; }

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize; }

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize; }

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize; }

.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #69f;
  opacity: .75; }

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize; }

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize; }

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize; }

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize; }

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize; }

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize; }

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize; }

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1; }

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  opacity: 0; }

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px; } }

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px; } }

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75; } }

/* Helper classes for JavaScript */
.cropper-hidden {
  display: none !important; }

.cropper-invisible {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  opacity: 0; }

.cropper-move {
  cursor: move; }

.cropper-crop {
  cursor: crosshair; }

.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed; }

/*
 * end base cropper styles, begin custom overrides
 */
.cropper-container {
  overflow: visible; }

.cropper-viewer {
  outline-color: white;
  outline-style: dashed; }

.cropper-line {
  background-color: white; }

.cropper-point.point-ne, .cropper-point.point-se, .cropper-point.point-sw, .cropper-point.point-nw {
  opacity: 1;
  width: 21px;
  height: 21px;
  border-radius: 10.5px;
  background-color: white;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); }

.cropper-point.point-n {
  display: none;
  top: -10.5px;
  margin-left: -10.5px; }

.cropper-point.point-e {
  display: none;
  right: -10.5px;
  margin-top: -10.5px; }

.cropper-point.point-s {
  display: none;
  bottom: -10.5px;
  margin-left: -10.5px; }

.cropper-point.point-w {
  display: none;
  left: -10.5px;
  margin-top: -10.5px; }

.cropper-point.point-ne {
  top: -10.5px;
  right: -10.5px; }

.cropper-point.point-se {
  bottom: -10.5px;
  right: -10.5px; }

.cropper-point.point-sw {
  bottom: -10.5px;
  left: -10.5px; }

.cropper-point.point-nw {
  top: -10.5px;
  left: -10.5px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.ui-datepicker {
  display: none;
  background: #fff;
  border: 1px solid #D2D6DF;
  text-align: center;
  font-weight: 400;
  z-index: 550 !important; }

.ui-datepicker-header {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #D2D6DF;
  text-transform: uppercase; }
  .ui-datepicker-header .ui-datepicker-title {
    font-size: 20px; }
  .ui-datepicker-header .ui-datepicker-prev,
  .ui-datepicker-header .ui-datepicker-next {
    position: absolute; }
    .ui-datepicker-header .ui-datepicker-prev .ui-icon,
    .ui-datepicker-header .ui-datepicker-next .ui-icon {
      position: absolute;
      left: -9999px; }
    .ui-datepicker-header .ui-datepicker-prev:hover,
    .ui-datepicker-header .ui-datepicker-next:hover {
      text-decoration: none; }
  .ui-datepicker-header .ui-datepicker-prev {
    left: 9px; }
    .ui-datepicker-header .ui-datepicker-prev:before {
      font-size: 16px;
      font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      content: "\f303"; }
  .ui-datepicker-header .ui-datepicker-next {
    right: 9px; }
    .ui-datepicker-header .ui-datepicker-next:before {
      font-size: 16px;
      font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      content: "\f301"; }
  .ui-datepicker-header .ui-state-disabled {
    color: #ADB0B6; }
    .ui-datepicker-header .ui-state-disabled:hover {
      cursor: default; }

.ui-datepicker-calendar {
  margin: 5px 9px; }
  .ui-datepicker-calendar th {
    font-weight: 600;
    color: #45494E; }
  .ui-datepicker-calendar a,
  .ui-datepicker-calendar span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    min-width: 20px;
    padding: 10px; }
  .ui-datepicker-calendar a:hover {
    color: #23b0fd;
    text-decoration: none; }
  .ui-datepicker-calendar .ui-state-active {
    color: #fff;
    background: #0278b8;
    border-radius: 50%; }
  .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
    color: #ADB0B6; }
    .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default:hover {
      cursor: default; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.timepicker {
  position: relative; }

.g-cell.timepicker, .timepicker.timeline__content, .timepicker.timeline__date, .timepicker.timeline__indicator {
  overflow: visible; }

.timepicker-collection {
  height: 300px;
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
  background-color: white;
  border-style: solid;
  border-color: #D2D6DF;
  border-width: 0 1px 1px 1px;
  list-style: none;
  padding: 0;
  font-size: 15px;
  z-index: 99; }

.timepicker-select {
  width: 100%; }

.timepicker-list-item.timepicker-list-item__highlight a {
  color: white;
  background-color: #0093D7;
  text-decoration: none; }

.timepicker-list-item a {
  position: relative;
  padding: 10px;
  display: block;
  color: #45494E; }
  .timepicker-list-item a:hover {
    text-decoration: none; }

.timepicker-cursor-off {
  cursor: none; }

.js-has-duration {
  width: 200px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.g-cell.ui-date-time-picker, .ui-date-time-picker.timeline__content, .ui-date-time-picker.timeline__date, .ui-date-time-picker.timeline__indicator {
  position: relative;
  overflow: visible; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.g-cell.ui-date-time-pair-picker, .ui-date-time-pair-picker.timeline__content, .ui-date-time-pair-picker.timeline__date, .ui-date-time-pair-picker.timeline__indicator {
  position: relative;
  overflow: visible; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.file-picker input {
  position: absolute;
  left: -99999px; }

input {
  word-spacing: 1px; }

.range-markers {
  list-style: none;
  display: table;
  width: 99px;
  position: absolute;
  height: 16px;
  padding: 0;
  right: -4px;
  top: 6px;
  text-align: center; }
  .range-markers li {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    line-height: 0; }
  .range-markers .range-markers--big {
    height: 100%;
    width: 1px;
    background-color: #efefef;
    display: inline-block;
    line-height: 0; }
  .range-markers .range-markers--small {
    height: 12px;
    width: 1px;
    background-color: #efefef;
    display: inline-block; }

.range-line {
  width: 99px;
  height: 6px;
  top: 11px;
  position: absolute;
  right: 0;
  z-index: 3;
  background-color: #fff; }

.responsive-form input[type="range"].form__range,
input[type="range"].form__range {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 5px;
  box-shadow: inset 0 0 1px #999;
  background-color: #0093D7;
  display: inline-block;
  position: absolute;
  height: 2px;
  z-index: 5;
  margin-top: 13px;
  padding: 0;
  width: 91px;
  right: 0;
  outline: none;
  border: none; }
  .responsive-form input[type="range"].form__range:focus,
  input[type="range"].form__range:focus {
    outline: none;
    border: none;
    box-shadow: none; }

.form__range::-moz-range-track {
  -moz-appearance: none !important;
  border-radius: 5px;
  box-shadow: inset 0 0 1px #999;
  background-color: #0093D7;
  display: inline-block;
  position: absolute;
  height: 2px;
  z-index: 5;
  margin-top: 13px;
  padding: 0;
  width: 91px;
  right: 0;
  outline: none;
  border: none; }
  .form__range::-moz-range-track:focus {
    outline: none;
    border: none;
    box-shadow: none; }

.form__range--vertical::-moz-range-track {
  width: 56px; }

.form__range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  border-radius: 40px;
  box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 6px #ededed, 0px 2px 0px 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: 0px solid #F5F5F5;
  width: 5px;
  height: 5px;
  margin-top: -1px; }

.form__range--vertical::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 6px #ededed, 2px 0px 0px 5px rgba(0, 0, 0, 0.1); }

.form__range::-webkit-slider-thumb:before {
  content: 'o';
  margin-left: -6px;
  margin-top: -22px;
  position: absolute;
  font-size: 30px;
  color: transparent; }

.form__range::-moz-range-thumb {
  -moz-appearance: none !important;
  border-radius: 40px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border: 1px solid #ededed;
  background-image: none;
  width: 14px;
  height: 14px;
  margin-top: -1px; }

.form__range--vertical::-moz-range-thumb {
  box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.05); }

.form__range--vertical {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 1; }

.form__range--vertical-reverse {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.form__range--rangeslider {
  display: inline-block;
  position: absolute;
  padding: 0;
  width: 91px;
  z-index: 5;
  right: 0px;
  margin-top: 13px; }
  .form__range--rangeslider .form__range--rangeslider__range,
  .form__range--rangeslider .form__range--rangeslider__fill {
    background-color: #0093D7;
    height: 3px;
    box-shadow: inset 0 0 1px #999;
    border-radius: 5px; }
  .form__range--rangeslider .form__range--rangeslider__fill {
    position: absolute;
    top: 0; }
  .form__range--rangeslider .form__range--rangeslider__handle {
    -webkit-appearance: none !important;
    border-radius: 40px;
    box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 6px #ededed, 0px 2px 0px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 0px solid #F5F5F5;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    position: relative;
    z-index: 5;
    text-align: center; }
  .form__range--rangeslider .form__range--rangeslider__handle:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: relative;
    vertical-align: top;
    left: -2px;
    top: -2px;
    background-color: #fff; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.scrollable-pane:focus, .responsive-form input[type="color"]:focus, .responsive-form input[type="date"]:focus, .responsive-form input[type="datetime"]:focus, .responsive-form input[type="datetime-local"]:focus, .responsive-form input[type="email"]:focus, .responsive-form input[type="month"]:focus, .responsive-form input[type="number"]:focus, .responsive-form input[type="password"]:focus, .responsive-form input[type="range"]:focus, .responsive-form input[type="search"]:focus, .responsive-form input[type="tel"]:focus, .responsive-form input[type="time"]:focus, .responsive-form input[type="text"]:focus, .responsive-form input[type="url"]:focus, .responsive-form input[type="week"]:focus,
.responsive-form textarea:focus,
.responsive-form [contenteditable="true"]:focus, .responsive-form input[type="color"].has-form-input-error:focus, .responsive-form input[type="date"].has-form-input-error:focus, .responsive-form input[type="datetime"].has-form-input-error:focus, .responsive-form input[type="datetime-local"].has-form-input-error:focus, .responsive-form input[type="email"].has-form-input-error:focus, .responsive-form input[type="month"].has-form-input-error:focus, .responsive-form input[type="number"].has-form-input-error:focus, .responsive-form input[type="password"].has-form-input-error:focus, .responsive-form input[type="range"].has-form-input-error:focus, .responsive-form input[type="search"].has-form-input-error:focus, .responsive-form input[type="tel"].has-form-input-error:focus, .responsive-form input[type="time"].has-form-input-error:focus, .responsive-form input[type="text"].has-form-input-error:focus, .responsive-form input[type="url"].has-form-input-error:focus, .responsive-form input[type="week"].has-form-input-error:focus,
.responsive-form .responsive-form__select.has-form-input-error:focus, .responsive-form select.has-form-input-error:focus,
.responsive-form textarea.has-form-input-error:focus, .responsive-form__select:active, .responsive-form__select:focus, .responsive-form__select.responsive-form__select--focus, .form input[type="color"]:focus, .form input[type="date"]:focus, .form input[type="datetime"]:focus, .form input[type="datetime-local"]:focus, .form input[type="email"]:focus, .form input[type="month"]:focus, .form input[type="number"]:focus, .form input[type="password"]:focus, .form input[type="range"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="time"]:focus, .form input[type="text"]:focus, .form input[type="url"]:focus, .form input[type="week"]:focus, .form .form__input:focus,
.form textarea:focus,
.form [contenteditable="true"]:focus, .form input[type="color"].has-form-input-error:focus, .form input[type="date"].has-form-input-error:focus, .form input[type="datetime"].has-form-input-error:focus, .form input[type="datetime-local"].has-form-input-error:focus, .form input[type="email"].has-form-input-error:focus, .form input[type="month"].has-form-input-error:focus, .form input[type="number"].has-form-input-error:focus, .form input[type="password"].has-form-input-error:focus, .form input[type="range"].has-form-input-error:focus, .form input[type="search"].has-form-input-error:focus, .form input[type="tel"].has-form-input-error:focus, .form input[type="time"].has-form-input-error:focus, .form input[type="text"].has-form-input-error:focus, .form input[type="url"].has-form-input-error:focus, .form input[type="week"].has-form-input-error:focus, .form .form__input.has-form-input-error:focus,
.form .form__select.has-form-input-error:focus,
.form .responsive-form__select.has-form-input-error:focus,
.form select.has-form-input-error:focus,
.form textarea.has-form-input-error:focus, .form__select:active {
  outline: none;
  border: 1px solid #0093D7; }

.responsive-form input[type="color"], .responsive-form input[type="date"], .responsive-form input[type="datetime"], .responsive-form input[type="datetime-local"], .responsive-form input[type="email"], .responsive-form input[type="month"], .responsive-form input[type="number"], .responsive-form input[type="password"], .responsive-form input[type="range"], .responsive-form input[type="search"], .responsive-form input[type="tel"], .responsive-form input[type="time"], .responsive-form input[type="text"], .responsive-form input[type="url"], .responsive-form input[type="week"],
.responsive-form textarea,
.responsive-form [contenteditable="true"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  padding: 9px 12px;
  border: 1px #D2D6DF solid;
  background: white;
  color: #45494E;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px; }
  .responsive-form input[type="color"]:disabled, .responsive-form input[type="date"]:disabled, .responsive-form input[type="datetime"]:disabled, .responsive-form input[type="datetime-local"]:disabled, .responsive-form input[type="email"]:disabled, .responsive-form input[type="month"]:disabled, .responsive-form input[type="number"]:disabled, .responsive-form input[type="password"]:disabled, .responsive-form input[type="range"]:disabled, .responsive-form input[type="search"]:disabled, .responsive-form input[type="tel"]:disabled, .responsive-form input[type="time"]:disabled, .responsive-form input[type="text"]:disabled, .responsive-form input[type="url"]:disabled, .responsive-form input[type="week"]:disabled,
  .responsive-form textarea:disabled,
  .responsive-form [contenteditable="true"]:disabled {
    background-color: #EFF2F5;
    border-color: #D2D6DF;
    color: #ADB0B6;
    cursor: not-allowed; }
  .responsive-form input[type="color"]:read-only, .responsive-form input[type="date"]:read-only, .responsive-form input[type="datetime"]:read-only, .responsive-form input[type="datetime-local"]:read-only, .responsive-form input[type="email"]:read-only, .responsive-form input[type="month"]:read-only, .responsive-form input[type="number"]:read-only, .responsive-form input[type="password"]:read-only, .responsive-form input[type="range"]:read-only, .responsive-form input[type="search"]:read-only, .responsive-form input[type="tel"]:read-only, .responsive-form input[type="time"]:read-only, .responsive-form input[type="text"]:read-only, .responsive-form input[type="url"]:read-only, .responsive-form input[type="week"]:read-only,
  .responsive-form textarea:read-only,
  .responsive-form [contenteditable="true"]:read-only {
    background-color: #EFF2F5;
    border-color: #D2D6DF;
    color: #666A73; }

.responsive-form input[type="checkbox"],
.responsive-form input[type="radio"],
.responsive-form input[type="submit"] {
  vertical-align: middle; }

.responsive-form label {
  vertical-align: middle;
  font-size: 15px;
  color: #282C35;
  line-height: 22px; }
  .responsive-form label.responsive-form__label--column {
    display: block;
    text-align: right;
    font-weight: 400; }
    @media only screen and (max-width: 479px) {
      .responsive-form label.responsive-form__label--column {
        text-align: left; } }
  .responsive-form label.responsive-form__label--hidden {
    position: absolute;
    left: -999999px; }

.responsive-form .responsive-form__fieldset-legend {
  color: #282C35;
  font-weight: 400; }

.responsive-form input[type="color"].has-form-input-error, .responsive-form input[type="date"].has-form-input-error, .responsive-form input[type="datetime"].has-form-input-error, .responsive-form input[type="datetime-local"].has-form-input-error, .responsive-form input[type="email"].has-form-input-error, .responsive-form input[type="month"].has-form-input-error, .responsive-form input[type="number"].has-form-input-error, .responsive-form input[type="password"].has-form-input-error, .responsive-form input[type="range"].has-form-input-error, .responsive-form input[type="search"].has-form-input-error, .responsive-form input[type="tel"].has-form-input-error, .responsive-form input[type="time"].has-form-input-error, .responsive-form input[type="text"].has-form-input-error, .responsive-form input[type="url"].has-form-input-error, .responsive-form input[type="week"].has-form-input-error,
.responsive-form .responsive-form__select.has-form-input-error, .responsive-form select.has-form-input-error,
.responsive-form textarea.has-form-input-error {
  border: 1px #D33732 solid; }

@media only screen and (max-width: 479px) {
  .responsive-form .btn-group--responsive {
    margin-top: -10px; } }

@media only screen and (max-width: 479px) {
  .responsive-form .btn, .responsive-form .chart-panel__button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px; } }

.responsive-form.responsive-form--inline {
  position: relative; }
  .responsive-form.responsive-form--inline > * {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    vertical-align: middle;
    width: auto; }
    .responsive-form.responsive-form--inline > *:first-child {
      margin-left: 0; }
  .responsive-form.responsive-form--inline label {
    margin-right: 10px; }
  .responsive-form.responsive-form--inline input[type="color"], .responsive-form.responsive-form--inline input[type="date"], .responsive-form.responsive-form--inline input[type="datetime"], .responsive-form.responsive-form--inline input[type="datetime-local"], .responsive-form.responsive-form--inline input[type="email"], .responsive-form.responsive-form--inline input[type="month"], .responsive-form.responsive-form--inline input[type="number"], .responsive-form.responsive-form--inline input[type="password"], .responsive-form.responsive-form--inline input[type="range"], .responsive-form.responsive-form--inline input[type="search"], .responsive-form.responsive-form--inline input[type="tel"], .responsive-form.responsive-form--inline input[type="time"], .responsive-form.responsive-form--inline input[type="text"], .responsive-form.responsive-form--inline input[type="url"], .responsive-form.responsive-form--inline input[type="week"] {
    width: auto; }
  .responsive-form.responsive-form--inline .l-inline-form-group {
    white-space: nowrap;
    margin-top: 5px;
    margin-left: 10px; }
    .responsive-form.responsive-form--inline .l-inline-form-group .form__input--short {
      width: 150px; }
    .responsive-form.responsive-form--inline .l-inline-form-group .form__input--medium {
      width: 210px; }
    .responsive-form.responsive-form--inline .l-inline-form-group .form__input--long {
      width: 310px; }
    .responsive-form.responsive-form--inline .l-inline-form-group .custom-select-container {
      width: auto; }
    .responsive-form.responsive-form--inline .l-inline-form-group:first-child {
      margin-left: 0; }

.responsive-form__input--icon {
  position: relative;
  width: 100%;
  vertical-align: middle;
  font-size: 0; }
  .responsive-form__input--icon > {
    margin-left: 0;
    vertical-align: middle;
    display: inline-block; }
  .responsive-form__input--icon input[type="color"], .responsive-form__input--icon input[type="date"], .responsive-form__input--icon input[type="datetime"], .responsive-form__input--icon input[type="datetime-local"], .responsive-form__input--icon input[type="email"], .responsive-form__input--icon input[type="month"], .responsive-form__input--icon input[type="number"], .responsive-form__input--icon input[type="password"], .responsive-form__input--icon input[type="range"], .responsive-form__input--icon input[type="search"], .responsive-form__input--icon input[type="tel"], .responsive-form__input--icon input[type="time"], .responsive-form__input--icon input[type="text"], .responsive-form__input--icon input[type="url"], .responsive-form__input--icon input[type="week"] {
    padding-left: 40px;
    font-size: 16px; }
  .responsive-form__input--icon button,
  .responsive-form__input--icon input[type="submit"] {
    padding: 0;
    background: none;
    border: none;
    color: inherit; }

.responsive-form__input--icon__container {
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  padding: 0 5px;
  border-radius: 2px 0 0 2px; }
  .responsive-form__input--icon__container i,
  .responsive-form__input--icon__container input[type="submit"] {
    font-size: 26px;
    line-height: 26px;
    padding: 5px;
    display: inline-block; }

.responsive-form__input--icon--right .responsive-form__input--icon__container {
  left: auto;
  right: 1px;
  border-radius: 0 2px 2px 0; }

.responsive-form__input--icon--right input[type="color"], .responsive-form__input--icon--right input[type="date"], .responsive-form__input--icon--right input[type="datetime"], .responsive-form__input--icon--right input[type="datetime-local"], .responsive-form__input--icon--right input[type="email"], .responsive-form__input--icon--right input[type="month"], .responsive-form__input--icon--right input[type="number"], .responsive-form__input--icon--right input[type="password"], .responsive-form__input--icon--right input[type="range"], .responsive-form__input--icon--right input[type="search"], .responsive-form__input--icon--right input[type="tel"], .responsive-form__input--icon--right input[type="time"], .responsive-form__input--icon--right input[type="text"], .responsive-form__input--icon--right input[type="url"], .responsive-form__input--icon--right input[type="week"] {
  padding-left: 10px;
  padding-right: 40px; }

.responsive-form__input--icon--double .responsive-form__input--icon__container--right {
  left: auto;
  right: 1px;
  border-radius: 0 2px 2px 0; }

.responsive-form__input--icon--double input[type="color"], .responsive-form__input--icon--double input[type="date"], .responsive-form__input--icon--double input[type="datetime"], .responsive-form__input--icon--double input[type="datetime-local"], .responsive-form__input--icon--double input[type="email"], .responsive-form__input--icon--double input[type="month"], .responsive-form__input--icon--double input[type="number"], .responsive-form__input--icon--double input[type="password"], .responsive-form__input--icon--double input[type="range"], .responsive-form__input--icon--double input[type="search"], .responsive-form__input--icon--double input[type="tel"], .responsive-form__input--icon--double input[type="time"], .responsive-form__input--icon--double input[type="text"], .responsive-form__input--icon--double input[type="url"], .responsive-form__input--icon--double input[type="week"] {
  padding-right: 40px; }

.responsive-form__input--icon--action input[type="color"], .responsive-form__input--icon--action input[type="date"], .responsive-form__input--icon--action input[type="datetime"], .responsive-form__input--icon--action input[type="datetime-local"], .responsive-form__input--icon--action input[type="email"], .responsive-form__input--icon--action input[type="month"], .responsive-form__input--icon--action input[type="number"], .responsive-form__input--icon--action input[type="password"], .responsive-form__input--icon--action input[type="range"], .responsive-form__input--icon--action input[type="search"], .responsive-form__input--icon--action input[type="tel"], .responsive-form__input--icon--action input[type="time"], .responsive-form__input--icon--action input[type="text"], .responsive-form__input--icon--action input[type="url"], .responsive-form__input--icon--action input[type="week"] {
  padding-left: 50px; }

.responsive-form__input--icon--action.responsive-form__input--icon--right input[type="color"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="date"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="datetime"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="datetime-local"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="email"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="month"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="number"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="password"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="range"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="search"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="tel"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="time"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="text"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="url"], .responsive-form__input--icon--action.responsive-form__input--icon--right input[type="week"] {
  padding-left: 10px;
  padding-right: 50px; }

.responsive-form__input--icon--action .responsive-form__input--icon__container {
  background-color: #fff;
  color: #D2D6DF; }
  .responsive-form__input--icon--action .responsive-form__input--icon__container:hover {
    cursor: pointer; }
  .responsive-form__input--icon--action .responsive-form__input--icon__container:active {
    color: #fff;
    background: #026ba4; }

.responsive-form__input--icon--action input.has-form-input-error + .responsive-form__input--icon__container {
  background-color: #D33732;
  color: #fff; }

.responsive-form__input--icon--action input:focus + .responsive-form__input--icon__container {
  color: #fff;
  background-color: #0278b8; }
  .responsive-form__input--icon--action input:focus + .responsive-form__input--icon__container:hover {
    border-left: 0;
    background: #027fc2; }

.close-button {
  cursor: pointer;
  width: 34px;
  text-align: center; }
  .close-button a {
    color: #D2D6DF; }
    .close-button a:hover {
      text-decoration: none; }
    .close-button a i {
      line-height: 30px;
      font-size: 15px; }

.responsive-form__input--currency {
  position: relative;
  width: 100%; }
  .responsive-form__input--currency input[type="color"], .responsive-form__input--currency input[type="date"], .responsive-form__input--currency input[type="datetime"], .responsive-form__input--currency input[type="datetime-local"], .responsive-form__input--currency input[type="email"], .responsive-form__input--currency input[type="month"], .responsive-form__input--currency input[type="number"], .responsive-form__input--currency input[type="password"], .responsive-form__input--currency input[type="range"], .responsive-form__input--currency input[type="search"], .responsive-form__input--currency input[type="tel"], .responsive-form__input--currency input[type="time"], .responsive-form__input--currency input[type="text"], .responsive-form__input--currency input[type="url"], .responsive-form__input--currency input[type="week"] {
    padding-left: 22px;
    text-align: right;
    font-size: 16px; }
  .responsive-form__input--currency .responsive-form__input--currency__symbol {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 16px;
    line-height: 1;
    margin-top: -8px; }
  .responsive-form__input--currency.responsive-form__input--currency--long input[type="color"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="date"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="datetime"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="datetime-local"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="email"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="month"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="number"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="password"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="range"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="search"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="tel"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="time"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="text"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="url"], .responsive-form__input--currency.responsive-form__input--currency--long input[type="week"] {
    padding-left: 42px; }
  .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="color"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="date"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="datetime"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="datetime-local"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="email"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="month"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="number"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="password"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="range"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="search"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="tel"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="time"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="text"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="url"], .responsive-form__input--currency.responsive-form__input--currency--suffix input[type="week"] {
    padding-right: 20px;
    padding-left: 10px;
    text-align: left; }
  .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="color"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="date"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="datetime"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="datetime-local"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="email"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="month"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="number"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="password"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="range"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="search"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="tel"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="time"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="text"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="url"], .responsive-form__input--currency.responsive-form__input--currency--suffix.responsive-form__input--currency--long input[type="week"] {
    padding-right: 40px; }
  .responsive-form__input--currency.responsive-form__input--currency--suffix .responsive-form__input--currency__symbol {
    left: auto;
    right: 10px; }

.responsive-form__input--label__container {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden; }
  input:focus + .responsive-form__input--label__container,
  input:hover + .responsive-form__input--label__container, .responsive-form__input--label__container:hover, .responsive-form__input--label__container:focus {
    visibility: visible; }
  .responsive-form__input--label__container .responsive-form__input--label {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #ADB0B6;
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    top: 13px;
    right: 1em; }
  .responsive-form__input--label__container a.responsive-form__input--label {
    text-decoration: none; }

.responsive-form__select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 1px #D2D6DF solid;
  border-radius: 3px;
  color: #45494E;
  background-color: white;
  font-size: 16px;
  line-height: 16px;
  height: 44px; }
  .responsive-form__select:active {
    background: white; }
  .responsive-form__select:focus, .responsive-form__select.responsive-form__select--focus {
    outline: none; }
    .responsive-form__select:focus .custom-select__button-overlay, .responsive-form__select.responsive-form__select--focus .custom-select__button-overlay {
      background-color: #013653; }
  .responsive-form__select select {
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    z-index: 1;
    display: block;
    font-size: 16px;
    background: white;
    overflow: hidden;
    -webkit-appearance: menulist-button; }
  .responsive-form__select .custom-select-value {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: 13px;
    left: 0;
    overflow: hidden;
    display: block;
    height: 20px;
    padding: 0 30px 0 10px;
    font-weight: 400;
    line-height: 1;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap; }
  .responsive-form__select .custom-select-arrow:before {
    position: absolute;
    right: 8px;
    top: 11px;
    font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 20px;
    color: #666A73;
    content: "\f302"; }

.responsive-form__select-disabled {
  color: #ADB0B6;
  background-color: #EFF2F5; }
  .responsive-form__select-disabled.responsive-form__select select {
    cursor: not-allowed; }

.responsive-form__select.responsive-form__select-type--button, .responsive-form__select.responsive-form__select-type--icon, .responsive-form__select.responsive-form__select-type--icon-button, .responsive-form__select.responsive-form__select-type--icon-text {
  border: none; }
  .responsive-form__select.responsive-form__select-type--button select, .responsive-form__select.responsive-form__select-type--icon select, .responsive-form__select.responsive-form__select-type--icon-button select, .responsive-form__select.responsive-form__select-type--icon-text select {
    position: absolute;
    top: 0;
    left: 0; }
  .responsive-form__select.responsive-form__select-type--button:active, .responsive-form__select.responsive-form__select-type--button.responsive-form__select--focus, .responsive-form__select.responsive-form__select-type--icon:active, .responsive-form__select.responsive-form__select-type--icon.responsive-form__select--focus, .responsive-form__select.responsive-form__select-type--icon-button:active, .responsive-form__select.responsive-form__select-type--icon-button.responsive-form__select--focus, .responsive-form__select.responsive-form__select-type--icon-text:active, .responsive-form__select.responsive-form__select-type--icon-text.responsive-form__select--focus {
    border: none; }

@-moz-document url-prefix() {
  .responsive-form__select .custom-select-arrow:before {
    right: 9px; } }

.responsive-form__select--timepicker {
  padding-left: 10px;
  padding-right: 3px; }
  .responsive-form__select--timepicker .custom-select-value {
    display: none; }

.responsive-form__required {
  color: #D33732; }

.responsive-form__hint {
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  color: #666A73; }

.responsive-form__field-error {
  font-size: 12px;
  line-height: 18px;
  color: #D33732; }

.field-annotation {
  margin-top: 5px;
  padding-bottom: 15px; }
  .responsive-form .field-annotation input[type="color"]:focus, .responsive-form .field-annotation input[type="date"]:focus, .responsive-form .field-annotation input[type="datetime"]:focus, .responsive-form .field-annotation input[type="datetime-local"]:focus, .responsive-form .field-annotation input[type="email"]:focus, .responsive-form .field-annotation input[type="month"]:focus, .responsive-form .field-annotation input[type="number"]:focus, .responsive-form .field-annotation input[type="password"]:focus, .responsive-form .field-annotation input[type="range"]:focus, .responsive-form .field-annotation input[type="search"]:focus, .responsive-form .field-annotation input[type="tel"]:focus, .responsive-form .field-annotation input[type="time"]:focus, .responsive-form .field-annotation input[type="text"]:focus, .responsive-form .field-annotation input[type="url"]:focus, .responsive-form .field-annotation input[type="week"]:focus,
  .responsive-form .field-annotation textarea:focus,
  .responsive-form .field-annotation [contenteditable="true"]:focus, .field-annotation input[type="color"]:focus, .field-annotation input[type="date"]:focus, .field-annotation input[type="datetime"]:focus, .field-annotation input[type="datetime-local"]:focus, .field-annotation input[type="email"]:focus, .field-annotation input[type="month"]:focus, .field-annotation input[type="number"]:focus, .field-annotation input[type="password"]:focus, .field-annotation input[type="range"]:focus, .field-annotation input[type="search"]:focus, .field-annotation input[type="tel"]:focus, .field-annotation input[type="time"]:focus, .field-annotation input[type="text"]:focus, .field-annotation input[type="url"]:focus, .field-annotation input[type="week"]:focus,
  .field-annotation textarea:focus,
  .field-annotation [contenteditable="true"]:focus {
    border-color: #0093D7; }
    .responsive-form .field-annotation input[type="color"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="date"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="datetime"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="email"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="month"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="number"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="password"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="range"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="search"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="tel"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="time"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="text"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="url"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation input[type="week"]:focus ~ .responsive-form__input--icon__container i,
    .responsive-form .field-annotation textarea:focus ~ .responsive-form__input--icon__container i,
    .responsive-form .field-annotation [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="color"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="date"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="datetime"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="email"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="month"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="number"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="password"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="range"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="search"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="tel"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="time"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="text"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="url"]:focus ~ .responsive-form__input--icon__container i, .field-annotation input[type="week"]:focus ~ .responsive-form__input--icon__container i,
    .field-annotation textarea:focus ~ .responsive-form__input--icon__container i,
    .field-annotation [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i {
      color: #0093D7; }
    .responsive-form .field-annotation input[type="color"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="date"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="datetime"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="datetime-local"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="email"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="month"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="number"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="password"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="range"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="search"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="tel"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="time"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="text"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="url"]:focus ~ .field-annotation--note, .responsive-form .field-annotation input[type="week"]:focus ~ .field-annotation--note,
    .responsive-form .field-annotation textarea:focus ~ .field-annotation--note,
    .responsive-form .field-annotation [contenteditable="true"]:focus ~ .field-annotation--note, .field-annotation input[type="color"]:focus ~ .field-annotation--note, .field-annotation input[type="date"]:focus ~ .field-annotation--note, .field-annotation input[type="datetime"]:focus ~ .field-annotation--note, .field-annotation input[type="datetime-local"]:focus ~ .field-annotation--note, .field-annotation input[type="email"]:focus ~ .field-annotation--note, .field-annotation input[type="month"]:focus ~ .field-annotation--note, .field-annotation input[type="number"]:focus ~ .field-annotation--note, .field-annotation input[type="password"]:focus ~ .field-annotation--note, .field-annotation input[type="range"]:focus ~ .field-annotation--note, .field-annotation input[type="search"]:focus ~ .field-annotation--note, .field-annotation input[type="tel"]:focus ~ .field-annotation--note, .field-annotation input[type="time"]:focus ~ .field-annotation--note, .field-annotation input[type="text"]:focus ~ .field-annotation--note, .field-annotation input[type="url"]:focus ~ .field-annotation--note, .field-annotation input[type="week"]:focus ~ .field-annotation--note,
    .field-annotation textarea:focus ~ .field-annotation--note,
    .field-annotation [contenteditable="true"]:focus ~ .field-annotation--note {
      color: #0093D7; }
  .responsive-form .field-annotation input[type="color"], .responsive-form .field-annotation input[type="date"], .responsive-form .field-annotation input[type="datetime"], .responsive-form .field-annotation input[type="datetime-local"], .responsive-form .field-annotation input[type="email"], .responsive-form .field-annotation input[type="month"], .responsive-form .field-annotation input[type="number"], .responsive-form .field-annotation input[type="password"], .responsive-form .field-annotation input[type="range"], .responsive-form .field-annotation input[type="search"], .responsive-form .field-annotation input[type="tel"], .responsive-form .field-annotation input[type="time"], .responsive-form .field-annotation input[type="text"], .responsive-form .field-annotation input[type="url"], .responsive-form .field-annotation input[type="week"],
  .responsive-form .field-annotation textarea,
  .responsive-form .field-annotation [contenteditable="true"], .field-annotation input[type="color"], .field-annotation input[type="date"], .field-annotation input[type="datetime"], .field-annotation input[type="datetime-local"], .field-annotation input[type="email"], .field-annotation input[type="month"], .field-annotation input[type="number"], .field-annotation input[type="password"], .field-annotation input[type="range"], .field-annotation input[type="search"], .field-annotation input[type="tel"], .field-annotation input[type="time"], .field-annotation input[type="text"], .field-annotation input[type="url"], .field-annotation input[type="week"],
  .field-annotation textarea,
  .field-annotation [contenteditable="true"] {
    border-color: #ADB0B6; }
  .field-annotation .responsive-form__input--icon__container i {
    color: #ADB0B6; }
  .field-annotation .field-annotation--note {
    color: #ADB0B6; }
  .field-annotation .field-annotation--note {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-top: -3px;
    padding: 3px 0 0; }
    .field-annotation .field-annotation--note.is-hidden {
      display: none; }
    .field-annotation .field-annotation--note:empty {
      display: none; }

.responsive-form .field-annotation-success input[type="color"]:focus, .responsive-form .field-annotation-success input[type="date"]:focus, .responsive-form .field-annotation-success input[type="datetime"]:focus, .responsive-form .field-annotation-success input[type="datetime-local"]:focus, .responsive-form .field-annotation-success input[type="email"]:focus, .responsive-form .field-annotation-success input[type="month"]:focus, .responsive-form .field-annotation-success input[type="number"]:focus, .responsive-form .field-annotation-success input[type="password"]:focus, .responsive-form .field-annotation-success input[type="range"]:focus, .responsive-form .field-annotation-success input[type="search"]:focus, .responsive-form .field-annotation-success input[type="tel"]:focus, .responsive-form .field-annotation-success input[type="time"]:focus, .responsive-form .field-annotation-success input[type="text"]:focus, .responsive-form .field-annotation-success input[type="url"]:focus, .responsive-form .field-annotation-success input[type="week"]:focus,
.responsive-form .field-annotation-success textarea:focus,
.responsive-form .field-annotation-success [contenteditable="true"]:focus, .field-annotation-success input[type="color"]:focus, .field-annotation-success input[type="date"]:focus, .field-annotation-success input[type="datetime"]:focus, .field-annotation-success input[type="datetime-local"]:focus, .field-annotation-success input[type="email"]:focus, .field-annotation-success input[type="month"]:focus, .field-annotation-success input[type="number"]:focus, .field-annotation-success input[type="password"]:focus, .field-annotation-success input[type="range"]:focus, .field-annotation-success input[type="search"]:focus, .field-annotation-success input[type="tel"]:focus, .field-annotation-success input[type="time"]:focus, .field-annotation-success input[type="text"]:focus, .field-annotation-success input[type="url"]:focus, .field-annotation-success input[type="week"]:focus,
.field-annotation-success textarea:focus,
.field-annotation-success [contenteditable="true"]:focus {
  border-color: #00ab44; }
  .responsive-form .field-annotation-success input[type="color"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="date"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="datetime"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="email"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="month"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="number"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="password"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="range"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="search"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="tel"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="time"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="text"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="url"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-success input[type="week"]:focus ~ .responsive-form__input--icon__container i,
  .responsive-form .field-annotation-success textarea:focus ~ .responsive-form__input--icon__container i,
  .responsive-form .field-annotation-success [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="color"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="date"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="datetime"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="email"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="month"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="number"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="password"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="range"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="search"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="tel"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="time"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="text"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="url"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-success input[type="week"]:focus ~ .responsive-form__input--icon__container i,
  .field-annotation-success textarea:focus ~ .responsive-form__input--icon__container i,
  .field-annotation-success [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i {
    color: #00ab44; }
  .responsive-form .field-annotation-success input[type="color"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="date"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="datetime"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="datetime-local"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="email"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="month"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="number"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="password"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="range"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="search"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="tel"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="time"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="text"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="url"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-success input[type="week"]:focus ~ .field-annotation--note,
  .responsive-form .field-annotation-success textarea:focus ~ .field-annotation--note,
  .responsive-form .field-annotation-success [contenteditable="true"]:focus ~ .field-annotation--note, .field-annotation-success input[type="color"]:focus ~ .field-annotation--note, .field-annotation-success input[type="date"]:focus ~ .field-annotation--note, .field-annotation-success input[type="datetime"]:focus ~ .field-annotation--note, .field-annotation-success input[type="datetime-local"]:focus ~ .field-annotation--note, .field-annotation-success input[type="email"]:focus ~ .field-annotation--note, .field-annotation-success input[type="month"]:focus ~ .field-annotation--note, .field-annotation-success input[type="number"]:focus ~ .field-annotation--note, .field-annotation-success input[type="password"]:focus ~ .field-annotation--note, .field-annotation-success input[type="range"]:focus ~ .field-annotation--note, .field-annotation-success input[type="search"]:focus ~ .field-annotation--note, .field-annotation-success input[type="tel"]:focus ~ .field-annotation--note, .field-annotation-success input[type="time"]:focus ~ .field-annotation--note, .field-annotation-success input[type="text"]:focus ~ .field-annotation--note, .field-annotation-success input[type="url"]:focus ~ .field-annotation--note, .field-annotation-success input[type="week"]:focus ~ .field-annotation--note,
  .field-annotation-success textarea:focus ~ .field-annotation--note,
  .field-annotation-success [contenteditable="true"]:focus ~ .field-annotation--note {
    color: #00ab44; }

.responsive-form .field-annotation-success input[type="color"], .responsive-form .field-annotation-success input[type="date"], .responsive-form .field-annotation-success input[type="datetime"], .responsive-form .field-annotation-success input[type="datetime-local"], .responsive-form .field-annotation-success input[type="email"], .responsive-form .field-annotation-success input[type="month"], .responsive-form .field-annotation-success input[type="number"], .responsive-form .field-annotation-success input[type="password"], .responsive-form .field-annotation-success input[type="range"], .responsive-form .field-annotation-success input[type="search"], .responsive-form .field-annotation-success input[type="tel"], .responsive-form .field-annotation-success input[type="time"], .responsive-form .field-annotation-success input[type="text"], .responsive-form .field-annotation-success input[type="url"], .responsive-form .field-annotation-success input[type="week"],
.responsive-form .field-annotation-success textarea,
.responsive-form .field-annotation-success [contenteditable="true"], .field-annotation-success input[type="color"], .field-annotation-success input[type="date"], .field-annotation-success input[type="datetime"], .field-annotation-success input[type="datetime-local"], .field-annotation-success input[type="email"], .field-annotation-success input[type="month"], .field-annotation-success input[type="number"], .field-annotation-success input[type="password"], .field-annotation-success input[type="range"], .field-annotation-success input[type="search"], .field-annotation-success input[type="tel"], .field-annotation-success input[type="time"], .field-annotation-success input[type="text"], .field-annotation-success input[type="url"], .field-annotation-success input[type="week"],
.field-annotation-success textarea,
.field-annotation-success [contenteditable="true"] {
  border-color: #00ab44; }

.field-annotation-success .responsive-form__input--icon__container i {
  color: #00ab44; }

.field-annotation-success .field-annotation--note {
  color: #00ab44; }

.responsive-form .field-annotation-error input[type="color"]:focus, .responsive-form .field-annotation-error input[type="date"]:focus, .responsive-form .field-annotation-error input[type="datetime"]:focus, .responsive-form .field-annotation-error input[type="datetime-local"]:focus, .responsive-form .field-annotation-error input[type="email"]:focus, .responsive-form .field-annotation-error input[type="month"]:focus, .responsive-form .field-annotation-error input[type="number"]:focus, .responsive-form .field-annotation-error input[type="password"]:focus, .responsive-form .field-annotation-error input[type="range"]:focus, .responsive-form .field-annotation-error input[type="search"]:focus, .responsive-form .field-annotation-error input[type="tel"]:focus, .responsive-form .field-annotation-error input[type="time"]:focus, .responsive-form .field-annotation-error input[type="text"]:focus, .responsive-form .field-annotation-error input[type="url"]:focus, .responsive-form .field-annotation-error input[type="week"]:focus,
.responsive-form .field-annotation-error textarea:focus,
.responsive-form .field-annotation-error [contenteditable="true"]:focus, .field-annotation-error input[type="color"]:focus, .field-annotation-error input[type="date"]:focus, .field-annotation-error input[type="datetime"]:focus, .field-annotation-error input[type="datetime-local"]:focus, .field-annotation-error input[type="email"]:focus, .field-annotation-error input[type="month"]:focus, .field-annotation-error input[type="number"]:focus, .field-annotation-error input[type="password"]:focus, .field-annotation-error input[type="range"]:focus, .field-annotation-error input[type="search"]:focus, .field-annotation-error input[type="tel"]:focus, .field-annotation-error input[type="time"]:focus, .field-annotation-error input[type="text"]:focus, .field-annotation-error input[type="url"]:focus, .field-annotation-error input[type="week"]:focus,
.field-annotation-error textarea:focus,
.field-annotation-error [contenteditable="true"]:focus {
  border-color: #D33732; }
  .responsive-form .field-annotation-error input[type="color"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="date"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="datetime"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="email"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="month"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="number"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="password"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="range"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="search"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="tel"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="time"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="text"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="url"]:focus ~ .responsive-form__input--icon__container i, .responsive-form .field-annotation-error input[type="week"]:focus ~ .responsive-form__input--icon__container i,
  .responsive-form .field-annotation-error textarea:focus ~ .responsive-form__input--icon__container i,
  .responsive-form .field-annotation-error [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="color"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="date"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="datetime"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="datetime-local"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="email"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="month"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="number"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="password"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="range"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="search"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="tel"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="time"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="text"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="url"]:focus ~ .responsive-form__input--icon__container i, .field-annotation-error input[type="week"]:focus ~ .responsive-form__input--icon__container i,
  .field-annotation-error textarea:focus ~ .responsive-form__input--icon__container i,
  .field-annotation-error [contenteditable="true"]:focus ~ .responsive-form__input--icon__container i {
    color: #D33732; }
  .responsive-form .field-annotation-error input[type="color"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="date"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="datetime"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="datetime-local"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="email"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="month"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="number"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="password"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="range"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="search"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="tel"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="time"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="text"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="url"]:focus ~ .field-annotation--note, .responsive-form .field-annotation-error input[type="week"]:focus ~ .field-annotation--note,
  .responsive-form .field-annotation-error textarea:focus ~ .field-annotation--note,
  .responsive-form .field-annotation-error [contenteditable="true"]:focus ~ .field-annotation--note, .field-annotation-error input[type="color"]:focus ~ .field-annotation--note, .field-annotation-error input[type="date"]:focus ~ .field-annotation--note, .field-annotation-error input[type="datetime"]:focus ~ .field-annotation--note, .field-annotation-error input[type="datetime-local"]:focus ~ .field-annotation--note, .field-annotation-error input[type="email"]:focus ~ .field-annotation--note, .field-annotation-error input[type="month"]:focus ~ .field-annotation--note, .field-annotation-error input[type="number"]:focus ~ .field-annotation--note, .field-annotation-error input[type="password"]:focus ~ .field-annotation--note, .field-annotation-error input[type="range"]:focus ~ .field-annotation--note, .field-annotation-error input[type="search"]:focus ~ .field-annotation--note, .field-annotation-error input[type="tel"]:focus ~ .field-annotation--note, .field-annotation-error input[type="time"]:focus ~ .field-annotation--note, .field-annotation-error input[type="text"]:focus ~ .field-annotation--note, .field-annotation-error input[type="url"]:focus ~ .field-annotation--note, .field-annotation-error input[type="week"]:focus ~ .field-annotation--note,
  .field-annotation-error textarea:focus ~ .field-annotation--note,
  .field-annotation-error [contenteditable="true"]:focus ~ .field-annotation--note {
    color: #D33732; }

.responsive-form .field-annotation-error input[type="color"], .responsive-form .field-annotation-error input[type="date"], .responsive-form .field-annotation-error input[type="datetime"], .responsive-form .field-annotation-error input[type="datetime-local"], .responsive-form .field-annotation-error input[type="email"], .responsive-form .field-annotation-error input[type="month"], .responsive-form .field-annotation-error input[type="number"], .responsive-form .field-annotation-error input[type="password"], .responsive-form .field-annotation-error input[type="range"], .responsive-form .field-annotation-error input[type="search"], .responsive-form .field-annotation-error input[type="tel"], .responsive-form .field-annotation-error input[type="time"], .responsive-form .field-annotation-error input[type="text"], .responsive-form .field-annotation-error input[type="url"], .responsive-form .field-annotation-error input[type="week"],
.responsive-form .field-annotation-error textarea,
.responsive-form .field-annotation-error [contenteditable="true"], .field-annotation-error input[type="color"], .field-annotation-error input[type="date"], .field-annotation-error input[type="datetime"], .field-annotation-error input[type="datetime-local"], .field-annotation-error input[type="email"], .field-annotation-error input[type="month"], .field-annotation-error input[type="number"], .field-annotation-error input[type="password"], .field-annotation-error input[type="range"], .field-annotation-error input[type="search"], .field-annotation-error input[type="tel"], .field-annotation-error input[type="time"], .field-annotation-error input[type="text"], .field-annotation-error input[type="url"], .field-annotation-error input[type="week"],
.field-annotation-error textarea,
.field-annotation-error [contenteditable="true"] {
  border-color: #D33732; }

.field-annotation-error .responsive-form__input--icon__container i {
  color: #D33732; }

.field-annotation-error .field-annotation--note {
  color: #D33732; }

.field-annotation-error .field-annotation--note {
  overflow: visible;
  white-space: normal; }

.field-annotation-group .field-annotation {
  padding-bottom: 9px;
  margin-top: 0; }

.responsive-form__checkbox,
.responsive-form__radio {
  position: relative;
  overflow: hidden;
  min-width: 22px;
  min-height: 22px; }
  .responsive-form__checkbox label,
  .responsive-form__radio label {
    display: inline-block;
    margin-left: 32px; }
  .responsive-form__checkbox input[type="checkbox"],
  .responsive-form__checkbox input[type="radio"],
  .responsive-form__radio input[type="checkbox"],
  .responsive-form__radio input[type="radio"] {
    visibility: visible;
    position: absolute;
    left: -9999px; }

.responsive-form__checkbox .custom-input--delegate {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  margin: 0;
  border: 1px solid #D2D6DF;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 0;
  background-color: white;
  overflow: hidden;
  line-height: 0;
  text-indent: -999px; }

.responsive-form__checkbox input[type="checkbox"]:focus ~ .custom-input--delegate,
.responsive-form__checkbox .custom-input--delegate:hover {
  border: 1px solid #0093D7; }

.responsive-form__checkbox input[type="checkbox"]:checked ~ .custom-input--delegate {
  background-color: #0093D7;
  border: 1px solid #0093D7; }

.responsive-form__checkbox input[type="checkbox"]:focus:checked ~ .custom-input--delegate,
.responsive-form__checkbox input[type="checkbox"]:checked ~ .custom-input--delegate:hover {
  background-color: #0bb2ff; }

.responsive-form__checkbox input[type="checkbox"]:checked:disabled ~ .custom-input--delegate,
.responsive-form__checkbox input[type="checkbox"]:checked:disabled ~ .custom-input--delegate:hover,
.responsive-form__checkbox input[type="checkbox"]:disabled ~ .custom-input--delegate,
.responsive-form__checkbox input[type="checkbox"]:disabled ~ .custom-input--delegate:hover {
  background-color: #EFF2F5;
  border: 1px solid #D2D6DF;
  cursor: not-allowed; }
  .responsive-form__checkbox input[type="checkbox"]:checked:disabled ~ .custom-input--delegate:after,
  .responsive-form__checkbox input[type="checkbox"]:checked:disabled ~ .custom-input--delegate:hover:after,
  .responsive-form__checkbox input[type="checkbox"]:disabled ~ .custom-input--delegate:after,
  .responsive-form__checkbox input[type="checkbox"]:disabled ~ .custom-input--delegate:hover:after {
    color: #ADB0B6; }

.responsive-form__checkbox input[type="checkbox"]:checked ~ .custom-input--delegate:after {
  position: absolute;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  vertical-align: baseline;
  content: "\f039";
  color: white;
  font-size: 15px;
  left: 4px;
  top: 0;
  text-indent: 0;
  line-height: normal; }

.responsive-form__radio .custom-input--delegate {
  margin: 0;
  border: 1px solid #D2D6DF;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  overflow: hidden;
  line-height: 0;
  text-indent: -999px;
  background-color: #fff; }

.responsive-form__radio input[type="radio"]:focus ~ .custom-input--delegate,
.responsive-form__radio input[type="radio"] ~ .custom-input--delegate:hover {
  border: 1px solid #0093D7; }

.responsive-form__radio .custom-input--delegate:after {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  position: absolute;
  content: "";
  left: 3px;
  top: 3px;
  background-color: white;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  text-indent: 0;
  line-height: normal; }

.responsive-form__radio input[type="radio"]:checked ~ .custom-input--delegate:after {
  background-color: #0093D7; }

.responsive-form__radio input[type="radio"]:focus:checked ~ .custom-input--delegate:after,
.responsive-form__radio input[type="radio"]:checked ~ .custom-input--delegate:hover:after {
  background-color: #0bb2ff; }

.responsive-form__radio input[type="radio"]:checked:disabled ~ .custom-input--delegate:hover,
.responsive-form__radio input[type="radio"]:disabled ~ .custom-input--delegate:hover,
.responsive-form__radio input[type="radio"]:disabled ~ .custom-input--delegate {
  background-color: #EFF2F5;
  border: 1px solid #D2D6DF;
  cursor: not-allowed; }

.responsive-form__radio input[type="radio"]:checked:disabled ~ .custom-input--delegate,
.responsive-form__radio input[type="radio"]:disabled ~ .custom-input--delegate:after {
  background-color: #EFF2F5; }

.responsive-form__radio input[type="radio"]:checked:disabled ~ .custom-input--delegate:after,
.responsive-form__radio input[type="radio"]:checked:disabled ~ .custom-input--delegate:hover:after {
  background-color: #ADB0B6; }

::-webkit-input-placeholder {
  color: #ADB0B6 !important; }

:-moz-placeholder {
  color: #ADB0B6 !important; }

::-moz-placeholder {
  color: #ADB0B6 !important; }

:-ms-input-placeholder {
  color: #ADB0B6 !important; }

.combo-form-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  padding: 9px 12px;
  border: 1px #D2D6DF solid;
  background: white;
  color: #45494E;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0; }
  .responsive-form .field-annotation .combo-form-input input[type="color"], .responsive-form .field-annotation .combo-form-input input[type="date"], .responsive-form .field-annotation .combo-form-input input[type="datetime"], .responsive-form .field-annotation .combo-form-input input[type="datetime-local"], .responsive-form .field-annotation .combo-form-input input[type="email"], .responsive-form .field-annotation .combo-form-input input[type="month"], .responsive-form .field-annotation .combo-form-input input[type="number"], .responsive-form .field-annotation .combo-form-input input[type="password"], .responsive-form .field-annotation .combo-form-input input[type="range"], .responsive-form .field-annotation .combo-form-input input[type="search"], .responsive-form .field-annotation .combo-form-input input[type="tel"], .responsive-form .field-annotation .combo-form-input input[type="time"], .responsive-form .field-annotation .combo-form-input input[type="text"], .responsive-form .field-annotation .combo-form-input input[type="url"], .responsive-form .field-annotation .combo-form-input input[type="week"],
  .responsive-form .field-annotation .combo-form-input input[type="color"], .responsive-form .field-annotation .combo-form-input input[type="date"], .responsive-form .field-annotation .combo-form-input input[type="datetime"], .responsive-form .field-annotation .combo-form-input input[type="datetime-local"], .responsive-form .field-annotation .combo-form-input input[type="email"], .responsive-form .field-annotation .combo-form-input input[type="month"], .responsive-form .field-annotation .combo-form-input input[type="number"], .responsive-form .field-annotation .combo-form-input input[type="password"], .responsive-form .field-annotation .combo-form-input input[type="range"], .responsive-form .field-annotation .combo-form-input input[type="search"], .responsive-form .field-annotation .combo-form-input input[type="tel"], .responsive-form .field-annotation .combo-form-input input[type="time"], .responsive-form .field-annotation .combo-form-input input[type="text"], .responsive-form .field-annotation .combo-form-input input[type="url"], .responsive-form .field-annotation .combo-form-input input[type="week"]:focus,
  .responsive-form .combo-form-input input[type="color"],
  .responsive-form .combo-form-input input[type="date"],
  .responsive-form .combo-form-input input[type="datetime"],
  .responsive-form .combo-form-input input[type="datetime-local"],
  .responsive-form .combo-form-input input[type="email"],
  .responsive-form .combo-form-input input[type="month"],
  .responsive-form .combo-form-input input[type="number"],
  .responsive-form .combo-form-input input[type="password"],
  .responsive-form .combo-form-input input[type="range"],
  .responsive-form .combo-form-input input[type="search"],
  .responsive-form .combo-form-input input[type="tel"],
  .responsive-form .combo-form-input input[type="time"],
  .responsive-form .combo-form-input input[type="text"],
  .responsive-form .combo-form-input input[type="url"],
  .responsive-form .combo-form-input input[type="week"],
  .responsive-form .combo-form-input input[type="color"],
  .responsive-form .combo-form-input input[type="date"],
  .responsive-form .combo-form-input input[type="datetime"],
  .responsive-form .combo-form-input input[type="datetime-local"],
  .responsive-form .combo-form-input input[type="email"],
  .responsive-form .combo-form-input input[type="month"],
  .responsive-form .combo-form-input input[type="number"],
  .responsive-form .combo-form-input input[type="password"],
  .responsive-form .combo-form-input input[type="range"],
  .responsive-form .combo-form-input input[type="search"],
  .responsive-form .combo-form-input input[type="tel"],
  .responsive-form .combo-form-input input[type="time"],
  .responsive-form .combo-form-input input[type="text"],
  .responsive-form .combo-form-input input[type="url"],
  .responsive-form .combo-form-input input[type="week"]:focus, .combo-form-input input[type="color"], .combo-form-input input[type="date"], .combo-form-input input[type="datetime"], .combo-form-input input[type="datetime-local"], .combo-form-input input[type="email"], .combo-form-input input[type="month"], .combo-form-input input[type="number"], .combo-form-input input[type="password"], .combo-form-input input[type="range"], .combo-form-input input[type="search"], .combo-form-input input[type="tel"], .combo-form-input input[type="time"], .combo-form-input input[type="text"], .combo-form-input input[type="url"], .combo-form-input input[type="week"],
  .combo-form-input input[type="color"], .combo-form-input input[type="date"], .combo-form-input input[type="datetime"], .combo-form-input input[type="datetime-local"], .combo-form-input input[type="email"], .combo-form-input input[type="month"], .combo-form-input input[type="number"], .combo-form-input input[type="password"], .combo-form-input input[type="range"], .combo-form-input input[type="search"], .combo-form-input input[type="tel"], .combo-form-input input[type="time"], .combo-form-input input[type="text"], .combo-form-input input[type="url"], .combo-form-input input[type="week"]:focus {
    border-color: transparent;
    background-color: transparent; }
    .responsive-form .field-annotation .combo-form-input input[type="color"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="date"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="datetime"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="datetime-local"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="email"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="month"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="number"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="password"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="range"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="search"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="tel"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="time"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="text"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="url"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="week"].has-form-input-error,
    .responsive-form .field-annotation .combo-form-input input[type="color"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="date"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="datetime"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="datetime-local"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="email"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="month"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="number"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="password"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="range"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="search"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="tel"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="time"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="text"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="url"].has-form-input-error, .responsive-form .field-annotation .combo-form-input input[type="week"]:focus.has-form-input-error,
    .responsive-form .combo-form-input input[type="color"].has-form-input-error,
    .responsive-form .combo-form-input input[type="date"].has-form-input-error,
    .responsive-form .combo-form-input input[type="datetime"].has-form-input-error,
    .responsive-form .combo-form-input input[type="datetime-local"].has-form-input-error,
    .responsive-form .combo-form-input input[type="email"].has-form-input-error,
    .responsive-form .combo-form-input input[type="month"].has-form-input-error,
    .responsive-form .combo-form-input input[type="number"].has-form-input-error,
    .responsive-form .combo-form-input input[type="password"].has-form-input-error,
    .responsive-form .combo-form-input input[type="range"].has-form-input-error,
    .responsive-form .combo-form-input input[type="search"].has-form-input-error,
    .responsive-form .combo-form-input input[type="tel"].has-form-input-error,
    .responsive-form .combo-form-input input[type="time"].has-form-input-error,
    .responsive-form .combo-form-input input[type="text"].has-form-input-error,
    .responsive-form .combo-form-input input[type="url"].has-form-input-error,
    .responsive-form .combo-form-input input[type="week"].has-form-input-error,
    .responsive-form .combo-form-input input[type="color"].has-form-input-error,
    .responsive-form .combo-form-input input[type="date"].has-form-input-error,
    .responsive-form .combo-form-input input[type="datetime"].has-form-input-error,
    .responsive-form .combo-form-input input[type="datetime-local"].has-form-input-error,
    .responsive-form .combo-form-input input[type="email"].has-form-input-error,
    .responsive-form .combo-form-input input[type="month"].has-form-input-error,
    .responsive-form .combo-form-input input[type="number"].has-form-input-error,
    .responsive-form .combo-form-input input[type="password"].has-form-input-error,
    .responsive-form .combo-form-input input[type="range"].has-form-input-error,
    .responsive-form .combo-form-input input[type="search"].has-form-input-error,
    .responsive-form .combo-form-input input[type="tel"].has-form-input-error,
    .responsive-form .combo-form-input input[type="time"].has-form-input-error,
    .responsive-form .combo-form-input input[type="text"].has-form-input-error,
    .responsive-form .combo-form-input input[type="url"].has-form-input-error,
    .responsive-form .combo-form-input input[type="week"]:focus.has-form-input-error, .combo-form-input input[type="color"].has-form-input-error, .combo-form-input input[type="date"].has-form-input-error, .combo-form-input input[type="datetime"].has-form-input-error, .combo-form-input input[type="datetime-local"].has-form-input-error, .combo-form-input input[type="email"].has-form-input-error, .combo-form-input input[type="month"].has-form-input-error, .combo-form-input input[type="number"].has-form-input-error, .combo-form-input input[type="password"].has-form-input-error, .combo-form-input input[type="range"].has-form-input-error, .combo-form-input input[type="search"].has-form-input-error, .combo-form-input input[type="tel"].has-form-input-error, .combo-form-input input[type="time"].has-form-input-error, .combo-form-input input[type="text"].has-form-input-error, .combo-form-input input[type="url"].has-form-input-error, .combo-form-input input[type="week"].has-form-input-error,
    .combo-form-input input[type="color"].has-form-input-error, .combo-form-input input[type="date"].has-form-input-error, .combo-form-input input[type="datetime"].has-form-input-error, .combo-form-input input[type="datetime-local"].has-form-input-error, .combo-form-input input[type="email"].has-form-input-error, .combo-form-input input[type="month"].has-form-input-error, .combo-form-input input[type="number"].has-form-input-error, .combo-form-input input[type="password"].has-form-input-error, .combo-form-input input[type="range"].has-form-input-error, .combo-form-input input[type="search"].has-form-input-error, .combo-form-input input[type="tel"].has-form-input-error, .combo-form-input input[type="time"].has-form-input-error, .combo-form-input input[type="text"].has-form-input-error, .combo-form-input input[type="url"].has-form-input-error, .combo-form-input input[type="week"]:focus.has-form-input-error {
      color: #D33732;
      border-color: transparent; }
  .combo-form-input .g-cell, .combo-form-input .timeline__content, .combo-form-input .timeline__date, .combo-form-input .timeline__indicator {
    padding: 0; }
  .responsive-form__input--icon .combo-form-input {
    padding-left: 40px; }
    .responsive-form__input--icon .combo-form-input input[type="color"], .responsive-form__input--icon .combo-form-input input[type="date"], .responsive-form__input--icon .combo-form-input input[type="datetime"], .responsive-form__input--icon .combo-form-input input[type="datetime-local"], .responsive-form__input--icon .combo-form-input input[type="email"], .responsive-form__input--icon .combo-form-input input[type="month"], .responsive-form__input--icon .combo-form-input input[type="number"], .responsive-form__input--icon .combo-form-input input[type="password"], .responsive-form__input--icon .combo-form-input input[type="range"], .responsive-form__input--icon .combo-form-input input[type="search"], .responsive-form__input--icon .combo-form-input input[type="tel"], .responsive-form__input--icon .combo-form-input input[type="time"], .responsive-form__input--icon .combo-form-input input[type="text"], .responsive-form__input--icon .combo-form-input input[type="url"], .responsive-form__input--icon .combo-form-input input[type="week"] {
      padding-left: 12px; }
  .responsive-form__input--icon--right .combo-form-input {
    padding-left: 0;
    padding-right: 40px; }
    .responsive-form__input--icon--right .combo-form-input input[type="color"], .responsive-form__input--icon--right .combo-form-input input[type="date"], .responsive-form__input--icon--right .combo-form-input input[type="datetime"], .responsive-form__input--icon--right .combo-form-input input[type="datetime-local"], .responsive-form__input--icon--right .combo-form-input input[type="email"], .responsive-form__input--icon--right .combo-form-input input[type="month"], .responsive-form__input--icon--right .combo-form-input input[type="number"], .responsive-form__input--icon--right .combo-form-input input[type="password"], .responsive-form__input--icon--right .combo-form-input input[type="range"], .responsive-form__input--icon--right .combo-form-input input[type="search"], .responsive-form__input--icon--right .combo-form-input input[type="tel"], .responsive-form__input--icon--right .combo-form-input input[type="time"], .responsive-form__input--icon--right .combo-form-input input[type="text"], .responsive-form__input--icon--right .combo-form-input input[type="url"], .responsive-form__input--icon--right .combo-form-input input[type="week"] {
      padding-right: 12px; }
  .responsive-form__input--icon--double .combo-form-input {
    padding-right: 40px; }
    .responsive-form__input--icon--double .combo-form-input input[type="color"], .responsive-form__input--icon--double .combo-form-input input[type="date"], .responsive-form__input--icon--double .combo-form-input input[type="datetime"], .responsive-form__input--icon--double .combo-form-input input[type="datetime-local"], .responsive-form__input--icon--double .combo-form-input input[type="email"], .responsive-form__input--icon--double .combo-form-input input[type="month"], .responsive-form__input--icon--double .combo-form-input input[type="number"], .responsive-form__input--icon--double .combo-form-input input[type="password"], .responsive-form__input--icon--double .combo-form-input input[type="range"], .responsive-form__input--icon--double .combo-form-input input[type="search"], .responsive-form__input--icon--double .combo-form-input input[type="tel"], .responsive-form__input--icon--double .combo-form-input input[type="time"], .responsive-form__input--icon--double .combo-form-input input[type="text"], .responsive-form__input--icon--double .combo-form-input input[type="url"], .responsive-form__input--icon--double .combo-form-input input[type="week"] {
      padding-right: 12px; }

.placeholder-shim {
  color: #ADB0B6;
  position: absolute;
  font-size: 16px;
  top: 11px;
  left: 12px;
  display: none; }

.placeholder-shim--active {
  display: inline-block; }

.responsive-form__input--placeholder {
  position: relative; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.switch {
  -webkit-transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s ease-in-out;
  -moz-transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s ease-in-out;
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s ease-in-out;
  width: 100px;
  height: 42px;
  border-radius: 21px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: #D2D6DF;
  border: 1px solid #D2D6DF; }
  .switch.switch--selected i {
    left: 11px; }
  .switch.switch--disabled:hover .switch__button {
    left: 8px; }
  .switch.switch--disabled.switch--selected:hover .switch__button {
    left: 64px; }
  .switch.switch--disabled .switch__button {
    border: 1px solid #D2D6DF;
    box-shadow: none;
    background-color: #F8F8FA; }
  .switch.switch--disabled i {
    color: #ADB0B6; }
  .switch .switch__button {
    width: 28px;
    height: 28px; }
    .switch .switch__button.switch__button--selected {
      left: 64px; }
  .switch i {
    position: absolute;
    left: 65px;
    top: 14px;
    z-index: 1;
    font-size: 24px;
    line-height: 0.5; }
  .switch.switch--selected {
    background: #00ab44;
    border-color: #00ab44; }
  .switch.switch--disabled {
    background: #EFF2F5;
    border-color: #D2D6DF; }
  .switch:focus {
    outline: 0;
    border: 1px solid #0093D7; }
  .switch .switch__button {
    -webkit-transition: left 0.15s ease-in-out;
    -moz-transition: left 0.15s ease-in-out;
    transition: left 0.15s ease-in-out;
    background: white url(about:blank);
    position: absolute;
    top: 7px;
    left: 8px;
    z-index: 2;
    display: block;
    line-height: 25px;
    outline: 0;
    border-radius: 50%;
    box-shadow: 0px 2px 0px 0px #C3C6CF;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center; }
    .switch .switch__button.switch__button--draggable {
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; }
    .switch .switch__button:hover {
      cursor: pointer;
      text-decoration: none; }
    .switch .switch__button:focus, .switch .switch__button:hover, .switch .switch__button:active {
      outline: 0; }

.switch--small {
  width: 70px;
  height: 39px;
  border-radius: 19.5px; }
  .switch--small.switch--selected i {
    left: 11px; }
  .switch--small.switch--disabled:hover .switch__button {
    left: 8px; }
  .switch--small.switch--disabled.switch--selected:hover .switch__button {
    left: 37px; }
  .switch--small.switch--disabled .switch__button {
    border: 1px solid #D2D6DF;
    box-shadow: none;
    background-color: #F8F8FA; }
  .switch--small.switch--disabled i {
    color: #ADB0B6; }
  .switch--small .switch__button {
    width: 25px;
    height: 25px; }
    .switch--small .switch__button.switch__button--selected {
      left: 37px; }
  .switch--small i {
    left: 38px;
    font-size: 16px; }

.switch--large {
  width: 140px;
  height: 45px;
  border-radius: 22.5px; }
  .switch--large.switch--selected i {
    left: 14px; }
  .switch--large.switch--disabled:hover .switch__button {
    left: 8px; }
  .switch--large.switch--disabled.switch--selected:hover .switch__button {
    left: 101px; }
  .switch--large.switch--disabled .switch__button {
    border: 1px solid #D2D6DF;
    box-shadow: none;
    background-color: #F8F8FA; }
  .switch--large.switch--disabled i {
    color: #ADB0B6; }
  .switch--large .switch__button {
    width: 31px;
    height: 31px; }
    .switch--large .switch__button.switch__button--selected {
      left: 101px; }
  .switch--large i {
    font-size: 30px;
    left: 92px;
    line-height: 0.35; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.color-picker {
  line-height: 0;
  font-size: 0; }
  .color-picker .color-picker__swatch {
    display: inline-block;
    height: 32px;
    width: 32px; }
  .color-picker .color-picker__button {
    height: 32px;
    overflow: hidden;
    outline: none;
    text-align: left;
    width: 100%; }
    .color-picker .color-picker__button .color-picker__swatch {
      border-right: 1px solid #D2D6DF; }
    .color-picker .color-picker__button .color-picker__description > span {
      line-height: 32px; }
  .color-picker .color-picker__popup {
    padding: 16px 8px 4px;
    position: absolute;
    z-index: 2;
    width: 252px; }
    .color-picker .color-picker__popup .color-picker__title {
      text-align: center; }
    .color-picker .color-picker__popup .color-picker__color-list .color-picker__swatch {
      border: 1px solid #D2D6DF;
      border-radius: 5px;
      margin: 4px; }
    .color-picker .color-picker__popup .color-picker__custom-input,
    .color-picker .color-picker__popup .color-picker__close-btn {
      padding: 0px 4px; }
    .color-picker .color-picker__popup .color-picker__title,
    .color-picker .color-picker__popup .color-picker__color-list,
    .color-picker .color-picker__popup .color-picker__custom-input,
    .color-picker .color-picker__popup .color-picker__close-btn {
      padding-bottom: 12px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.simple-accordion {
  width: 100%;
  background-color: white; }

.simple-accordion-header {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  color: #0278b8;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D2D6DF; }
  .simple-accordion-header:after {
    position: absolute;
    right: 20px;
    font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    content: "\f302"; }
  .simple-accordion-header.is-active {
    border-bottom: none;
    padding-bottom: 0; }
    .simple-accordion-header.is-active:after {
      content: "\f300"; }

.simple-accordion-content {
  display: none;
  border-bottom: 0;
  padding-left: 20px;
  padding-right: 20px; }
  .simple-accordion-content.is-active {
    display: block;
    border-bottom: 1px solid #D2D6DF; }

.side-nav {
  position: relative; }

.side-nav__group {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  border-bottom: 1px solid #D2D6DF; }
  @media only screen and (min-width: 800px) {
    .side-nav__group.side-nav__group--separated {
      margin-top: 20px; } }
  .side-nav__group:last-child {
    border-bottom: 2px solid #D2D6DF; }
  .side-nav__group a {
    text-decoration: none; }

.side-nav__header {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  color: #0278b8;
  position: relative; }
  .side-nav__header i {
    margin-left: -20px;
    margin-right: 10px; }

.side-nav a, .side-nav__header {
  color: #0278b8;
  text-decoration: none; }
  .side-nav a:hover, .side-nav__header:hover {
    color: #23b0fd; }
  .side-nav a:active, .side-nav__header:active {
    color: #013653; }

.is-selected,
.is-selected a {
  color: #282C35;
  text-decoration: none; }
  .is-selected:hover,
  .is-selected a:hover {
    color: #282C35; }
  .is-selected:active,
  .is-selected a:active {
    color: #282C35; }

a.side-nav__header {
  display: block;
  text-decoration: none; }

.side-nav__header--has-action {
  cursor: pointer;
  padding-right: 20px; }

.side-nav__subheader {
  padding-top: 5px;
  padding-bottom: 5px;
  list-style: none;
  padding-left: 0; }
  .side-nav__subheader li {
    padding-top: 5px; }
    .side-nav__subheader li:last-child {
      padding-bottom: 10px; }

.side-nav.is-disabled,
.side-nav .is-disabled {
  color: #ADB0B6;
  text-decoration: none;
  pointer-events: none;
  cursor: default; }
  .side-nav.is-disabled:hover,
  .side-nav .is-disabled:hover {
    color: #ADB0B6; }
  .side-nav.is-disabled:active,
  .side-nav .is-disabled:active {
    color: #ADB0B6; }

.side-nav__toggle-director {
  background-color: #fff;
  cursor: pointer;
  text-align: center; }
  .side-nav__toggle-director:before {
    font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    content: "\f302"; }

.side-nav__toggle-director.is-active:before {
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  content: "\f300"; }

@media only screen and (min-width: 800px) {
  .side-nav__toggle-director {
    display: none; } }

@media only screen and (max-width: 799px) {
  .side-nav__toggle-view {
    display: none; }
  .side-nav__toggle-view.is-active {
    display: block; } }

@media only screen and (min-width: 800px) {
  .side-nav__header--has-action {
    border-bottom: 1px solid #D2D6DF; }
    .side-nav__header--has-action:after {
      position: absolute;
      right: 0;
      top: 12px;
      font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      content: "\f300"; }
  .side-nav__header--has-action.is-active {
    border-bottom: none; }
    .side-nav__header--has-action.is-active:after {
      position: absolute;
      right: 0;
      top: 12px;
      font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      content: "\f302"; }
  .side-nav__subheader {
    display: block; }
  .side-nav__subheader.is-active {
    display: none; } }

@media only screen and (max-width: 799px) {
  .side-nav__header--has-action.is-active {
    border-bottom: 1px solid #D2D6DF; }
    .side-nav__header--has-action.is-active:after {
      position: absolute;
      right: 0;
      top: 12px;
      font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      content: "\f300"; }
  .side-nav__header--has-action {
    border-bottom: none; }
    .side-nav__header--has-action:after {
      position: absolute;
      right: 0;
      top: 12px;
      font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      content: "\f302"; }
  .side-nav__subheader.is-active {
    display: block; }
  .side-nav__subheader {
    display: none; } }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.breadcrumb {
  list-style: none; }
  .breadcrumb > li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    vertical-align: middle; }
    .breadcrumb > li + li:before {
      content: "> ";
      padding: 0 5px;
      color: #666A73; }
  .breadcrumb > .active {
    color: #666A73; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.pagination__navigation-group {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  padding: 0;
  text-align: center;
  font-size: 0; }
  .pagination__navigation-group ul,
  .pagination__navigation-group li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    padding: 0;
    margin: 0; }
  .pagination__navigation-group a,
  .pagination__navigation-group span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    width: 44px;
    font-size: 15px; }
  .pagination__navigation-group a {
    height: 44px;
    line-height: 44px; }
    .pagination__navigation-group a:hover {
      background: #f2f2f2;
      color: #0278b8;
      text-decoration: none; }
    .pagination__navigation-group a:active {
      background: #0093D7;
      color: #fff; }
    .pagination__navigation-group a.is-disabled, .pagination__navigation-group a.is-disabled:hover, .pagination__navigation-group a.is-disabled:focus {
      cursor: default;
      color: #ADB0B6;
      background: none; }
    .pagination__navigation-group a.is-selected {
      background: white;
      color: #45494E;
      cursor: default; }
      .pagination__navigation-group a.is-selected:hover {
        background: white; }
    .pagination__navigation-group a i {
      line-height: 30px; }
  .pagination__navigation-group span {
    cursor: default;
    color: #ADB0B6; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.navigation-select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
  padding: 9px 12px;
  border: 1px #D2D6DF solid;
  background: white;
  color: #45494E;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  cursor: pointer; }

.navigation-select__wrapper {
  display: inline-block;
  min-width: 150px; }

.navigation-select__list {
  background-color: white;
  box-shadow: 0 2px 3px 0 rgba(40, 44, 53, 0.4);
  position: absolute;
  min-width: 150px;
  z-index: 40500; }
  .navigation-select__list li a.active-link, .navigation-select__list li a:active, .navigation-select__list li a:visited {
    color: #666A73; }
  .navigation-select__list li a:link {
    color: #0278b8; }
  .navigation-select__list li a:hover, .navigation-select__list li a:focus {
    background: #0093D7;
    color: white; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.segmented-control {
  text-transform: uppercase;
  font-size: 0; }
  .segmented-control input[type="checkbox"],
  .segmented-control input[type="radio"] {
    visibility: visible;
    position: absolute;
    left: -9999px; }

a.segmented-control__segment, .segmented-control__segment label {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 0 20px;
  font-size: 12px;
  color: #0093D7;
  background-color: #F8F8FA;
  line-height: 33px;
  height: 30px;
  vertical-align: bottom; }
  a.segmented-control__segment:hover, .segmented-control__segment label:hover {
    background-color: white;
    text-decoration: none;
    cursor: pointer; }

a.segmented-control__segment:focus {
  background-color: #EFF2F5; }

.segmented-control__segment {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border-left: solid 1px #D2D6DF;
  border-top: solid 1px #D2D6DF;
  border-bottom: solid 1px #D2D6DF; }
  .segmented-control__segment:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
    .segmented-control__segment:first-child label {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px; }
  .segmented-control__segment:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: solid 1px #D2D6DF; }
    .segmented-control__segment:last-child label {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
  .segmented-control__segment input[type="radio"]:disabled ~ label,
  .segmented-control__segment input[type="checkbox"]:disabled ~ label, .segmented-control__segment.segmented-control__segment--disabled, .segmented-control__segment.segmented-control__segment--disabled:hover {
    color: #ADB0B6;
    background-color: #EFF2F5;
    cursor: not-allowed; }
  .segmented-control__segment input[type="radio"]:checked ~ label,
  .segmented-control__segment input[type="checkbox"]:checked ~ label, .segmented-control__segment.is-selected, .segmented-control__segment.is-active {
    line-height: 30px;
    color: #282C35;
    border-bottom: 3px solid #0093D7;
    background-color: white;
    pointer-events: none; }
  .segmented-control__segment input[type="radio"]:focus ~ label,
  .segmented-control__segment input[type="checkbox"]:focus ~ label, .segmented-control__segment:focus {
    background-color: white;
    text-decoration: none;
    outline: none; }
  .segmented-control__segment label {
    border-bottom: 3px solid transparent;
    height: 27px;
    display: inline-block; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.tabs-header {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  border-bottom: 1px solid #D2D6DF;
  -ms-overflow-style: none; }
  .tabs-header::-webkit-scrollbar {
    display: none; }
  .tabs-header .tabs-header-list {
    overflow: hidden;
    font-size: 0;
    padding: 0;
    width: 5000px; }
  .tabs-header .tabs-header-list li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0 0 4px 0;
    margin: 0;
    vertical-align: bottom;
    list-style-type: none; }
    @media only screen and (max-width: 479px) {
      .tabs-header .tabs-header-list li {
        font-size: 12px;
        line-height: 18px; }
        .tabs-header .tabs-header-list li > a {
          padding: 5px 20px; } }
    .tabs-header .tabs-header-list li > a {
      display: inline-block;
      vertical-align: baseline;
      zoom: 1;
      color: #666A73;
      padding: 5px 10px; }
      .tabs-header .tabs-header-list li > a:hover, .tabs-header .tabs-header-list li > a:focus {
        color: #45494E;
        text-decoration: none;
        outline: 0;
        text-decoration: none; }
      .tabs-header .tabs-header-list li > a em {
        font-style: initial;
        padding-left: 5px; }
    .tabs-header .tabs-header-list li.is-active {
      padding-bottom: 0;
      border-bottom: 4px solid #0093D7; }
      .tabs-header .tabs-header-list li.is-active > a {
        color: #45494E; }
  .tabs-header.tabs-header__grid {
    overflow: hidden; }
    .tabs-header.tabs-header__grid .tabs-header-list {
      width: 100%; }
    .tabs-header.tabs-header__grid li {
      text-align: center;
      vertical-align: bottom; }
      .tabs-header.tabs-header__grid li > a {
        width: 100%;
        box-sizing: border-box; }
        .tabs-header.tabs-header__grid li > a em {
          padding-left: 0;
          display: block; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .tabs-header.tabs-header__grid-2 .tabs-header-list {
      width: 70%;
      margin-left: 15%; } }
  @media only screen and (min-width: 800px) {
    .tabs-header.tabs-header__grid-2 .tabs-header-list {
      width: 40%;
      margin-left: 30%; } }
  .tabs-header.tabs-header__grid-2 .tabs-header-list li {
    width: 50%; }
  @media only screen and (min-width: 800px) {
    .tabs-header.tabs-header__grid-3 .tabs-header-list {
      width: 60%;
      margin-left: 20%; } }
  .tabs-header.tabs-header__grid-3 .tabs-header-list li {
    width: 33.3333333333%; }

.tabs-content {
  padding-top: 15px; }
  .tabs-content .tab-content {
    display: none; }
    .tabs-content .tab-content.is-active {
      display: block; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.read-more__toggle-view {
  overflow: hidden;
  position: relative;
  word-wrap: break-word; }
  .read-more--collapsed .read-more__toggle-view,
  .read-more--collapsed.read-more--normal .read-more__toggle-view,
  .read-more--collapsed.read-more--all .read-more__toggle-view {
    max-height: 264px; }
  .read-more--collapsed.read-more--minimal .read-more__toggle-view {
    max-height: 132px; }
  .read-more--collapsed.read-more--verbose .read-more__toggle-view {
    max-height: 396px; }
  .read-more--collapsed.read-more--medium-down .read-more__toggle-view,
  .read-more--collapsed.read-more--small-only .read-more__toggle-view {
    max-height: none; }
  .read-more--collapsed.read-more--zero .read-more__toggle-view {
    max-height: 0; }
  .read-more--contents-overflow .read-more__toggle-view {
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s; }

@media only screen and (max-width: 799px) {
  .read-more--collapsed .read-more__toggle-view,
  .read-more--collapsed.read-more--normal .read-more__toggle-view,
  .read-more--collapsed.read-more--medium-down .read-more__toggle-view,
  .read-more--collapsed.read-more--all .read-more__toggle-view {
    max-height: 264px; }
  .read-more--collapsed.read-more--minimal .read-more__toggle-view {
    max-height: 132px; }
  .read-more--collapsed.read-more--verbose .read-more__toggle-view {
    max-height: 396px; }
  .read-more--collapsed.read-more--small-only .read-more__toggle-view {
    max-height: none; } }

@media only screen and (max-width: 479px) {
  .read-more--collapsed .read-more__toggle-view,
  .read-more--collapsed.read-more--normal .read-more__toggle-view,
  .read-more--collapsed.read-more--small-only .read-more__toggle-view,
  .read-more--collapsed.read-more--medium-down .read-more__toggle-view,
  .read-more--collapsed.read-more--all .read-more__toggle-view {
    max-height: 264px; }
  .read-more--collapsed.read-more--minimal .read-more__toggle-view {
    max-height: 132px; }
  .read-more--collapsed.read-more--verbose .read-more__toggle-view {
    max-height: 396px; } }

.read-more__toggle-view:after {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  bottom: 0;
  content: '';
  display: none;
  height: 40px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%; }
  .read-more--contents-overflow.read-more--collapsed .read-more__toggle-view:after {
    display: block; }
  .read-more--grey-bg .read-more__toggle-view:after {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #F8F8FA 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #F8F8FA 100%); }

.read-more--collapsed.read-more--none .read-more__toggle-view {
  max-height: none; }

.read-more__toggle-director {
  display: none; }
  .read-more--contents-overflow .read-more__toggle-director {
    display: block; }

.read-more--expanded .read-more__more,
.read-more--collapsed .read-more__less {
  display: none; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.responsive-table__caption, .responsive-table caption {
  padding: 15px 10px;
  text-align: left; }

.responsive-table {
  width: 100%; }
  .responsive-table.responsive-table--fixed-layout {
    table-layout: fixed; }
  .responsive-table.responsive-table--no-wrap {
    white-space: nowrap; }
  .responsive-table a {
    font-size: 14px; }
  .responsive-table th,
  .responsive-table td {
    word-wrap: break-word;
    line-height: 1.2;
    padding: 10px; }
    .responsive-table th.responsive-table__cell--wrap,
    .responsive-table td.responsive-table__cell--wrap {
      white-space: normal; }
  .responsive-table th a {
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    color: white; }
    .responsive-table th a:hover {
      text-decoration: underline; }
  .responsive-table.responsive-table--spaced th,
  .responsive-table.responsive-table--spaced td,
  .scrolling-table--container .responsive-table.responsive-table--spaced.scrolling-table thead th:first-child .scrolling-table--header {
    padding-top: 20px;
    padding-bottom: 20px; }
  .responsive-table td {
    font-size: 14px;
    color: #45494E; }
  .responsive-table thead {
    border-bottom-color: #D2D6DF;
    border-width: 0;
    border-bottom-style: solid;
    background-color: #666A73;
    color: white; }
    .responsive-table thead th {
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      padding-top: 15px;
      padding-bottom: 15px;
      text-align: right; }
      .responsive-table thead th:first-child, .responsive-table thead th.is-not-number {
        text-align: left; }
  .responsive-table tfoot {
    border-top: 1px solid #EFF2F5;
    color: #282C35; }
    .responsive-table tfoot th {
      text-align: right;
      font-weight: normal;
      padding: 15px 10px; }
      .responsive-table tfoot th:first-child {
        text-align: left; }
    .responsive-table tfoot td {
      color: #282C35;
      text-align: right;
      padding: 15px 10px; }
      .responsive-table tfoot td.js-xd-table-stacked-no-header {
        text-align: right; }
      .responsive-table tfoot td:first-child, .responsive-table tfoot td.is-not-number {
        text-align: left; }
    .responsive-table tfoot > tr {
      background: #fcfcfd; }
  .responsive-table tbody > tr {
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    background: white;
    border-top: 1px solid #EFF2F5; }
    .responsive-table tbody > tr:hover {
      background: #EFF2F5; }
    .responsive-table tbody > tr td {
      text-align: right; }
      .responsive-table tbody > tr td:first-child, .responsive-table tbody > tr td.is-not-number {
        text-align: left; }
  .responsive-table tbody th {
    font-weight: normal;
    text-transform: none;
    text-align: right; }
    .responsive-table tbody th:first-child, .responsive-table tbody th.is-not-number {
      text-align: left; }
  .responsive-table tbody > .responsive-table__row--emphasized {
    font-weight: 600; }
  .responsive-table tbody > .responsive-table__row--activable:hover {
    cursor: pointer; }
    .responsive-table tbody > .responsive-table__row--activable:hover > td {
      transition: all 0.1s ease-in-out;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      color: #282C35;
      background: #EFF2F5; }
  .responsive-table tbody > .responsive-table__row--active > td {
    color: #282C35;
    background: #F8F8FA; }
  .responsive-table tbody > .responsive-table__row--active:hover {
    cursor: pointer; }
    .responsive-table tbody > .responsive-table__row--active:hover > td {
      color: #282C35;
      background: #EFF2F5; }
  .responsive-table tbody > .responsive-table__row--expandable td:first-child,
  .responsive-table tbody > .responsive-table__row--expandable th:first-child,
  .responsive-table tbody > .responsive-table__row--expandable td.is-not-number,
  .responsive-table tbody > .responsive-table__row--expandable th.is-not-number {
    text-align: left; }
    .responsive-table tbody > .responsive-table__row--expandable td:first-child:before,
    .responsive-table tbody > .responsive-table__row--expandable th:first-child:before,
    .responsive-table tbody > .responsive-table__row--expandable td.is-not-number:before,
    .responsive-table tbody > .responsive-table__row--expandable th.is-not-number:before {
      margin-right: 10px;
      font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      content: "\f301"; }
  .responsive-table tbody > .responsive-table__row--expandable:hover {
    cursor: pointer; }
  .responsive-table tbody > .responsive-table__row--expandable.is-row-expanded td,
  .responsive-table tbody > .responsive-table__row--expandable.is-row-expanded th {
    background-color: #F8F8FA;
    color: #282C35; }
    .responsive-table tbody > .responsive-table__row--expandable.is-row-expanded td:first-child:before,
    .responsive-table tbody > .responsive-table__row--expandable.is-row-expanded th:first-child:before {
      content: "\f302"; }
  .responsive-table tbody > .responsive-table__row--expandable__sub-row td,
  .responsive-table tbody > .responsive-table__row--expandable__sub-row th {
    background-color: #F8F8FA; }
  .responsive-table tbody > .responsive-table__row--expandable__sub-row td:first-child,
  .responsive-table tbody > .responsive-table__row--expandable__sub-row th:first-child {
    text-align: left;
    padding-left: 33.9px; }

@media only screen and (max-width: 479px) {
  .responsive-table--stacked {
    display: block;
    background: white;
    table-layout: auto;
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .responsive-table--stacked caption,
    .responsive-table--stacked thead,
    .responsive-table--stacked tfoot,
    .responsive-table--stacked tbody,
    .responsive-table--stacked th,
    .responsive-table--stacked td,
    .responsive-table--stacked tr {
      display: block; }
      .responsive-table--stacked caption.is-hidden,
      .responsive-table--stacked thead.is-hidden,
      .responsive-table--stacked tfoot.is-hidden,
      .responsive-table--stacked tbody.is-hidden,
      .responsive-table--stacked th.is-hidden,
      .responsive-table--stacked td.is-hidden,
      .responsive-table--stacked tr.is-hidden {
        display: none; }
    .responsive-table--stacked thead {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .responsive-table--stacked tbody td,
    .responsive-table--stacked tfoot td {
      padding: 10px 0; }
    .responsive-table--stacked tbody .responsive-table--stacked__header,
    .responsive-table--stacked tbody .responsive-table--stacked__content,
    .responsive-table--stacked tfoot .responsive-table--stacked__header,
    .responsive-table--stacked tfoot .responsive-table--stacked__content {
      display: inline-block;
      vertical-align: baseline;
      zoom: 1;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: middle; }
    .responsive-table--stacked tbody .responsive-table--stacked__header,
    .responsive-table--stacked tfoot .responsive-table--stacked__header {
      width: 50%;
      padding: 0 10px;
      text-align: left;
      font-size: 12px; }
      .responsive-table--stacked tbody .responsive-table--stacked__header + .responsive-table--stacked__content,
      .responsive-table--stacked tfoot .responsive-table--stacked__header + .responsive-table--stacked__content {
        width: 50%; }
    .responsive-table--stacked tbody .responsive-table--stacked__content,
    .responsive-table--stacked tfoot .responsive-table--stacked__content {
      width: 100%;
      padding: 0 10px;
      text-align: right; }
    .responsive-table--stacked tbody td {
      background: white; }
      .responsive-table--stacked tbody td:first-child {
        color: white;
        background: #666A73; }
    .responsive-table--stacked tbody > .responsive-table__row--expandable td:first-child,
    .responsive-table--stacked tbody > .responsive-table__row--expandable th:first-child {
      white-space: nowrap; }
      .responsive-table--stacked tbody > .responsive-table__row--expandable td:first-child .responsive-table--stacked__header,
      .responsive-table--stacked tbody > .responsive-table__row--expandable td:first-child .responsive-table--stacked__content,
      .responsive-table--stacked tbody > .responsive-table__row--expandable th:first-child .responsive-table--stacked__header,
      .responsive-table--stacked tbody > .responsive-table__row--expandable th:first-child .responsive-table--stacked__content {
        white-space: normal; }
      .responsive-table--stacked tbody > .responsive-table__row--expandable td:first-child .responsive-table--stacked__header,
      .responsive-table--stacked tbody > .responsive-table__row--expandable th:first-child .responsive-table--stacked__header {
        padding-left: 0;
        width: 42%; }
      .responsive-table--stacked tbody > .responsive-table__row--expandable td:first-child:before,
      .responsive-table--stacked tbody > .responsive-table__row--expandable th:first-child:before {
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
        padding: 0 10px;
        width: 8%; }
    .responsive-table--stacked tbody > .responsive-table__row--expandable__sub-row {
      margin-bottom: 10px; }
      .responsive-table--stacked tbody > .responsive-table__row--expandable__sub-row td {
        background-color: #EFF2F5;
        color: #666A73; }
        .responsive-table--stacked tbody > .responsive-table__row--expandable__sub-row td:first-child {
          padding-left: 0;
          color: #282C35; } }

.responsive-table--stacked .responsive-table--stacked__header {
  display: none; }

div.responsive-table__footer {
  color: #282C35;
  padding: 10px; }

.responsive-table--sticky__pinned {
  display: none; }

@media only screen and (max-width: 479px) {
  .responsive-table--sticky__wrapper {
    position: relative;
    overflow: hidden;
    white-space: nowrap; }
    .responsive-table--sticky__wrapper ::-webkit-scrollbar {
      -webkit-appearance: none;
      border-top: 1px solid #EFF2F5;
      border-bottom: 1px solid #EFF2F5;
      background: #F8F8FA;
      height: 5px; }
    .responsive-table--sticky__wrapper ::-webkit-scrollbar-thumb {
      background: #D2D6DF; }
    .responsive-table--sticky__wrapper .responsive-table--sticky__pinned {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 35%;
      overflow: hidden;
      overflow-x: scroll;
      border-right: 1px solid #D2D6DF;
      background-color: white; }
      .responsive-table--sticky__wrapper .responsive-table--sticky__pinned td,
      .responsive-table--sticky__wrapper .responsive-table--sticky__pinned th {
        display: none; }
        .responsive-table--sticky__wrapper .responsive-table--sticky__pinned td:first-child,
        .responsive-table--sticky__wrapper .responsive-table--sticky__pinned th:first-child {
          display: table-cell; }
    .responsive-table--sticky__wrapper .responsive-table--sticky__scrollable {
      overflow: scroll;
      overflow-y: hidden; }
    .responsive-table--sticky__wrapper .responsive-table--sticky {
      margin-left: 35%; }
      .responsive-table--sticky__wrapper .responsive-table--sticky td,
      .responsive-table--sticky__wrapper .responsive-table--sticky th {
        position: relative;
        overflow: hidden; }
        .responsive-table--sticky__wrapper .responsive-table--sticky td:first-child,
        .responsive-table--sticky__wrapper .responsive-table--sticky th:first-child {
          display: none; } }

.responsive-table--sticky__wrapper.is-sticky-default {
  position: relative;
  overflow: hidden;
  white-space: nowrap; }
  .responsive-table--sticky__wrapper.is-sticky-default ::-webkit-scrollbar {
    -webkit-appearance: none;
    border-top: 1px solid #EFF2F5;
    border-bottom: 1px solid #EFF2F5;
    background: #F8F8FA;
    height: 5px; }
  .responsive-table--sticky__wrapper.is-sticky-default ::-webkit-scrollbar-thumb {
    background: #D2D6DF; }
  .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky__pinned {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #D2D6DF;
    background-color: white; }
    .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky__pinned td,
    .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky__pinned th {
      display: none; }
      .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky__pinned td:first-child,
      .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky__pinned th:first-child {
        display: table-cell; }
  .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky__scrollable {
    overflow: scroll;
    overflow-y: hidden; }
  .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky {
    margin-left: 35%; }
    .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky td,
    .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky th {
      position: relative;
      overflow: hidden; }
      .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky td:first-child,
      .responsive-table--sticky__wrapper.is-sticky-default .responsive-table--sticky th:first-child {
        display: none; }

.responsive-table--scrollable__wrapper ::-webkit-scrollbar {
  -webkit-appearance: none;
  border-left: 1px solid #EFF2F5;
  border-right: 1px solid #EFF2F5;
  background: #F8F8FA;
  width: 5px; }

.responsive-table--scrollable__wrapper ::-webkit-scrollbar-thumb {
  background: #D2D6DF; }

.responsive-table--scrollable__scroll {
  width: 100%;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll; }

.responsive-table--h-scrollable__wrapper {
  display: block; }
  .responsive-table--h-scrollable__wrapper ::-webkit-scrollbar {
    -webkit-appearance: none;
    border-top: 1px solid #EFF2F5;
    border-bottom: 1px solid #EFF2F5;
    background: #F8F8FA;
    height: 5px; }
  .responsive-table--h-scrollable__wrapper ::-webkit-scrollbar-thumb {
    background: #D2D6DF; }
  .responsive-table--h-scrollable__wrapper .scrollable-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
    overflow-x: scroll; }

.scrolling-table--container, .scrolling-table__container--is-right-fixed {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px; }
  .scrolling-table--container ::-webkit-scrollbar, .scrolling-table__container--is-right-fixed ::-webkit-scrollbar {
    -webkit-appearance: none;
    border-top: 1px solid #EFF2F5;
    border-bottom: 1px solid #EFF2F5;
    background: #F8F8FA;
    height: 5px; }
  .scrolling-table--container ::-webkit-scrollbar-thumb, .scrolling-table__container--is-right-fixed ::-webkit-scrollbar-thumb {
    background: #D2D6DF; }

@media only screen and (max-width: 479px) {
  .scrolling-table--container .scrolling-table--inner {
    margin-left: 145px; }
  .scrolling-table--container .scrolling-table th:first-child .scrolling-table--header,
  .scrolling-table--container .scrolling-table td:first-child .scrolling-table--header {
    width: 130px; }
  .scrolling-table--container.fixed-column--sm .scrolling-table--inner {
    margin-left: 55px; }
  .scrolling-table--container.fixed-column--sm .scrolling-table th:first-child .scrolling-table--header,
  .scrolling-table--container.fixed-column--sm .scrolling-table td:first-child .scrolling-table--header {
    width: 40px; }
  .scrolling-table--container.fixed-column--md .scrolling-table--inner {
    margin-left: 85px; }
  .scrolling-table--container.fixed-column--md .scrolling-table th:first-child .scrolling-table--header,
  .scrolling-table--container.fixed-column--md .scrolling-table td:first-child .scrolling-table--header {
    width: 70px; }
  .scrolling-table--container.fixed-column--lg .scrolling-table--inner {
    margin-left: 115px; }
  .scrolling-table--container.fixed-column--lg .scrolling-table th:first-child .scrolling-table--header,
  .scrolling-table--container.fixed-column--lg .scrolling-table td:first-child .scrolling-table--header {
    width: 100px; }
  .scrolling-table--container .scrolling-table--inner {
    overflow-x: scroll; }
    .ie .scrolling-table--container .scrolling-table--inner {
      margin-left: 0;
      overflow-x: auto; }
  .scrolling-table--container .scrolling-table {
    width: 800px; }
    .ie .scrolling-table--container .scrolling-table {
      min-width: 60em;
      width: auto; }
    .scrolling-table--container .scrolling-table thead th:first-child .scrolling-table--header, .scrolling-table--container.scrolling-table--always .scrolling-table thead th:first-child .scrolling-table--header, .scrolling-table--container .scrolling-table__container--is-right-fixed .scrolling-table thead th:last-child .scrolling-table--header, .scrolling-table__container--is-right-fixed .scrolling-table--container .scrolling-table thead th:last-child .scrolling-table--header {
      background-color: #666A73;
      border-bottom: 1px #666A73 solid;
      border-top: 0;
      margin-top: 0px;
      padding-top: 13px; }
    .scrolling-table--container .scrolling-table th:first-child,
    .scrolling-table--container .scrolling-table td:first-child {
      width: 0;
      padding: 0;
      min-height: inherit;
      vertical-align: top; }
      .ie .scrolling-table--container .scrolling-table th:first-child, .ie
      .scrolling-table--container .scrolling-table td:first-child {
        width: auto;
        padding: auto;
        vertical-align: inherit; }
      .scrolling-table--container .scrolling-table th:first-child .scrolling-table--header,
      .scrolling-table--container .scrolling-table td:first-child .scrolling-table--header {
        background-color: white;
        border-top: 1px solid #EFF2F5;
        line-height: 1.5;
        margin-top: -1px;
        margin-bottom: -40em;
        padding: 6px 10px 40em 10px;
        position: absolute;
        top: auto; }
        .ie .scrolling-table--container .scrolling-table th:first-child .scrolling-table--header, .ie
        .scrolling-table--container .scrolling-table td:first-child .scrolling-table--header {
          line-height: inherit;
          padding: 0;
          margin-bottom: 0;
          position: static;
          width: auto;
          vertical-align: inherit; }
      .scrolling-table--container .scrolling-table th:first-child .responsive-form__checkbox,
      .scrolling-table--container .scrolling-table th:first-child .responsive-form__radio,
      .scrolling-table--container .scrolling-table td:first-child .responsive-form__checkbox,
      .scrolling-table--container .scrolling-table td:first-child .responsive-form__radio {
        min-height: inherit; }
        .scrolling-table--container .scrolling-table th:first-child .responsive-form__checkbox .custom-input--delegate,
        .scrolling-table--container .scrolling-table th:first-child .responsive-form__radio .custom-input--delegate,
        .scrolling-table--container .scrolling-table td:first-child .responsive-form__checkbox .custom-input--delegate,
        .scrolling-table--container .scrolling-table td:first-child .responsive-form__radio .custom-input--delegate {
          left: 10px;
          top: 10px; }
      .scrolling-table--container .scrolling-table th:first-child .scrolling-table--header,
      .scrolling-table--container .scrolling-table td:first-child .scrolling-table--header {
        border-right: 1px solid #D2D6DF;
        left: 0; }
    .scrolling-table--container .scrolling-table thead th:first-child .scrolling-table--header {
      border-right: 1px #45494E solid; }
  .scrolling-table--container .scrolling-table--sm-responsive {
    width: 600px; }
  .scrolling-table--container .scrolling-table--md-responsive {
    width: 800px; }
  .scrolling-table--container .scrolling-table--lg-responsive {
    width: 1200px; } }

.scrolling-table--container.scrolling-table--always .scrolling-table--inner {
  margin-left: 145px; }

.scrolling-table--container.scrolling-table--always .scrolling-table th:first-child .scrolling-table--header,
.scrolling-table--container.scrolling-table--always .scrolling-table td:first-child .scrolling-table--header {
  width: 130px; }

.scrolling-table--container.scrolling-table--always.fixed-column--sm .scrolling-table--inner {
  margin-left: 55px; }

.scrolling-table--container.scrolling-table--always.fixed-column--sm .scrolling-table th:first-child .scrolling-table--header,
.scrolling-table--container.scrolling-table--always.fixed-column--sm .scrolling-table td:first-child .scrolling-table--header {
  width: 40px; }

.scrolling-table--container.scrolling-table--always.fixed-column--md .scrolling-table--inner {
  margin-left: 85px; }

.scrolling-table--container.scrolling-table--always.fixed-column--md .scrolling-table th:first-child .scrolling-table--header,
.scrolling-table--container.scrolling-table--always.fixed-column--md .scrolling-table td:first-child .scrolling-table--header {
  width: 70px; }

.scrolling-table--container.scrolling-table--always.fixed-column--lg .scrolling-table--inner {
  margin-left: 115px; }

.scrolling-table--container.scrolling-table--always.fixed-column--lg .scrolling-table th:first-child .scrolling-table--header,
.scrolling-table--container.scrolling-table--always.fixed-column--lg .scrolling-table td:first-child .scrolling-table--header {
  width: 100px; }

.scrolling-table--container.scrolling-table--always .scrolling-table--inner {
  overflow-x: scroll; }
  .ie .scrolling-table--container.scrolling-table--always .scrolling-table--inner {
    margin-left: 0;
    overflow-x: auto; }

.scrolling-table--container.scrolling-table--always .scrolling-table {
  width: 800px; }
  .ie .scrolling-table--container.scrolling-table--always .scrolling-table {
    min-width: 60em;
    width: auto; }
  .scrolling-table--container.scrolling-table--always .scrolling-table thead th:first-child .scrolling-table--header, .scrolling-table--container.scrolling-table--always .scrolling-table__container--is-right-fixed .scrolling-table thead th:last-child .scrolling-table--header, .scrolling-table__container--is-right-fixed .scrolling-table--container.scrolling-table--always .scrolling-table thead th:last-child .scrolling-table--header {
    background-color: #666A73;
    border-bottom: 1px #666A73 solid;
    border-top: 0;
    margin-top: 0px;
    padding-top: 13px; }
  .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child,
  .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child {
    width: 0;
    padding: 0;
    min-height: inherit;
    vertical-align: top; }
    .ie .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child, .ie
    .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child {
      width: auto;
      padding: auto;
      vertical-align: inherit; }
    .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child .scrolling-table--header,
    .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child .scrolling-table--header {
      background-color: white;
      border-top: 1px solid #EFF2F5;
      line-height: 1.5;
      margin-top: -1px;
      margin-bottom: -40em;
      padding: 6px 10px 40em 10px;
      position: absolute;
      top: auto; }
      .ie .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child .scrolling-table--header, .ie
      .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child .scrolling-table--header {
        line-height: inherit;
        padding: 0;
        margin-bottom: 0;
        position: static;
        width: auto;
        vertical-align: inherit; }
    .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child .responsive-form__checkbox,
    .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child .responsive-form__radio,
    .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child .responsive-form__checkbox,
    .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child .responsive-form__radio {
      min-height: inherit; }
      .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child .responsive-form__checkbox .custom-input--delegate,
      .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child .responsive-form__radio .custom-input--delegate,
      .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child .responsive-form__checkbox .custom-input--delegate,
      .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child .responsive-form__radio .custom-input--delegate {
        left: 10px;
        top: 10px; }
    .scrolling-table--container.scrolling-table--always .scrolling-table th:first-child .scrolling-table--header,
    .scrolling-table--container.scrolling-table--always .scrolling-table td:first-child .scrolling-table--header {
      border-right: 1px solid #D2D6DF;
      left: 0; }
  .scrolling-table--container.scrolling-table--always .scrolling-table thead th:first-child .scrolling-table--header {
    border-right: 1px #45494E solid; }

.scrolling-table--container.scrolling-table--always .scrolling-table--sm-responsive {
  width: 600px; }

.scrolling-table--container.scrolling-table--always .scrolling-table--md-responsive {
  width: 800px; }

.scrolling-table--container.scrolling-table--always .scrolling-table--lg-responsive {
  width: 1200px; }

@media only screen and (max-width: 479px) {
  .scrolling-table__container--is-right-fixed .scrolling-table--inner {
    margin-right: 145px; }
  .scrolling-table__container--is-right-fixed .scrolling-table th:last-child .scrolling-table--header,
  .scrolling-table__container--is-right-fixed .scrolling-table td:last-child .scrolling-table--header {
    width: 130px; }
  .scrolling-table__container--is-right-fixed.fixed-column--sm .scrolling-table--inner {
    margin-right: 55px; }
  .scrolling-table__container--is-right-fixed.fixed-column--sm .scrolling-table th:last-child .scrolling-table--header,
  .scrolling-table__container--is-right-fixed.fixed-column--sm .scrolling-table td:last-child .scrolling-table--header {
    width: 40px; }
  .scrolling-table__container--is-right-fixed.fixed-column--md .scrolling-table--inner {
    margin-right: 85px; }
  .scrolling-table__container--is-right-fixed.fixed-column--md .scrolling-table th:last-child .scrolling-table--header,
  .scrolling-table__container--is-right-fixed.fixed-column--md .scrolling-table td:last-child .scrolling-table--header {
    width: 70px; }
  .scrolling-table__container--is-right-fixed.fixed-column--lg .scrolling-table--inner {
    margin-right: 115px; }
  .scrolling-table__container--is-right-fixed.fixed-column--lg .scrolling-table th:last-child .scrolling-table--header,
  .scrolling-table__container--is-right-fixed.fixed-column--lg .scrolling-table td:last-child .scrolling-table--header {
    width: 100px; }
  .scrolling-table__container--is-right-fixed .scrolling-table--inner {
    overflow-x: scroll; }
    .ie .scrolling-table__container--is-right-fixed .scrolling-table--inner {
      margin-left: 0;
      overflow-x: auto; }
  .scrolling-table__container--is-right-fixed .scrolling-table {
    width: 800px; }
    .ie .scrolling-table__container--is-right-fixed .scrolling-table {
      min-width: 60em;
      width: auto; }
    .scrolling-table__container--is-right-fixed .scrolling-table--container .scrolling-table thead th:first-child .scrolling-table--header, .scrolling-table--container .scrolling-table__container--is-right-fixed .scrolling-table thead th:first-child .scrolling-table--header, .scrolling-table__container--is-right-fixed .scrolling-table thead th:last-child .scrolling-table--header, .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table thead th:last-child .scrolling-table--header {
      background-color: #666A73;
      border-bottom: 1px #666A73 solid;
      border-top: 0;
      margin-top: 0px;
      padding-top: 13px; }
    .scrolling-table__container--is-right-fixed .scrolling-table thead th:first-child,
    .scrolling-table__container--is-right-fixed .scrolling-table tbody td:first-child {
      text-align: right; }
    .scrolling-table__container--is-right-fixed .scrolling-table th:last-child,
    .scrolling-table__container--is-right-fixed .scrolling-table td:last-child {
      width: 0;
      padding: 0;
      min-height: inherit;
      vertical-align: top; }
      .ie .scrolling-table__container--is-right-fixed .scrolling-table th:last-child, .ie
      .scrolling-table__container--is-right-fixed .scrolling-table td:last-child {
        width: auto;
        padding: auto;
        vertical-align: inherit; }
      .scrolling-table__container--is-right-fixed .scrolling-table th:last-child .scrolling-table--header,
      .scrolling-table__container--is-right-fixed .scrolling-table td:last-child .scrolling-table--header {
        background-color: white;
        border-top: 1px solid #EFF2F5;
        line-height: 1.5;
        margin-top: -1px;
        margin-bottom: -40em;
        padding: 6px 10px 40em 10px;
        position: absolute;
        top: auto; }
        .ie .scrolling-table__container--is-right-fixed .scrolling-table th:last-child .scrolling-table--header, .ie
        .scrolling-table__container--is-right-fixed .scrolling-table td:last-child .scrolling-table--header {
          line-height: inherit;
          padding: 0;
          margin-bottom: 0;
          position: static;
          width: auto;
          vertical-align: inherit; }
      .scrolling-table__container--is-right-fixed .scrolling-table th:last-child .responsive-form__checkbox,
      .scrolling-table__container--is-right-fixed .scrolling-table th:last-child .responsive-form__radio,
      .scrolling-table__container--is-right-fixed .scrolling-table td:last-child .responsive-form__checkbox,
      .scrolling-table__container--is-right-fixed .scrolling-table td:last-child .responsive-form__radio {
        min-height: inherit; }
        .scrolling-table__container--is-right-fixed .scrolling-table th:last-child .responsive-form__checkbox .custom-input--delegate,
        .scrolling-table__container--is-right-fixed .scrolling-table th:last-child .responsive-form__radio .custom-input--delegate,
        .scrolling-table__container--is-right-fixed .scrolling-table td:last-child .responsive-form__checkbox .custom-input--delegate,
        .scrolling-table__container--is-right-fixed .scrolling-table td:last-child .responsive-form__radio .custom-input--delegate {
          left: 10px;
          top: 10px; }
      .scrolling-table__container--is-right-fixed .scrolling-table th:last-child .scrolling-table--header,
      .scrolling-table__container--is-right-fixed .scrolling-table td:last-child .scrolling-table--header {
        border-left: 1px solid #D2D6DF;
        right: 0; }
    .scrolling-table__container--is-right-fixed .scrolling-table thead th:last-child .scrolling-table--header {
      border-left: 1px #45494E solid; }
  .scrolling-table__container--is-right-fixed .scrolling-table--sm-responsive {
    width: 600px; }
  .scrolling-table__container--is-right-fixed .scrolling-table--md-responsive {
    width: 800px; }
  .scrolling-table__container--is-right-fixed .scrolling-table--lg-responsive {
    width: 1200px; } }

.scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table--inner {
  margin-right: 145px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child .scrolling-table--header,
.scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child .scrolling-table--header {
  width: 130px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--sm .scrolling-table--inner {
  margin-right: 55px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--sm .scrolling-table th:last-child .scrolling-table--header,
.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--sm .scrolling-table td:last-child .scrolling-table--header {
  width: 40px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--md .scrolling-table--inner {
  margin-right: 85px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--md .scrolling-table th:last-child .scrolling-table--header,
.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--md .scrolling-table td:last-child .scrolling-table--header {
  width: 70px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--lg .scrolling-table--inner {
  margin-right: 115px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--lg .scrolling-table th:last-child .scrolling-table--header,
.scrolling-table__container--is-right-fixed.scrolling-table--always.fixed-column--lg .scrolling-table td:last-child .scrolling-table--header {
  width: 100px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table--inner {
  overflow-x: scroll; }
  .ie .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table--inner {
    margin-left: 0;
    overflow-x: auto; }

.scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table {
  width: 800px; }
  .ie .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table {
    min-width: 60em;
    width: auto; }
  .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table--container .scrolling-table thead th:first-child .scrolling-table--header, .scrolling-table--container .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table thead th:first-child .scrolling-table--header, .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table thead th:last-child .scrolling-table--header {
    background-color: #666A73;
    border-bottom: 1px #666A73 solid;
    border-top: 0;
    margin-top: 0px;
    padding-top: 13px; }
  .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table thead th:first-child,
  .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table tbody td:first-child {
    text-align: right; }
  .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child,
  .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child {
    width: 0;
    padding: 0;
    min-height: inherit;
    vertical-align: top; }
    .ie .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child, .ie
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child {
      width: auto;
      padding: auto;
      vertical-align: inherit; }
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child .scrolling-table--header,
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child .scrolling-table--header {
      background-color: white;
      border-top: 1px solid #EFF2F5;
      line-height: 1.5;
      margin-top: -1px;
      margin-bottom: -40em;
      padding: 6px 10px 40em 10px;
      position: absolute;
      top: auto; }
      .ie .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child .scrolling-table--header, .ie
      .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child .scrolling-table--header {
        line-height: inherit;
        padding: 0;
        margin-bottom: 0;
        position: static;
        width: auto;
        vertical-align: inherit; }
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child .responsive-form__checkbox,
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child .responsive-form__radio,
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child .responsive-form__checkbox,
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child .responsive-form__radio {
      min-height: inherit; }
      .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child .responsive-form__checkbox .custom-input--delegate,
      .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child .responsive-form__radio .custom-input--delegate,
      .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child .responsive-form__checkbox .custom-input--delegate,
      .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child .responsive-form__radio .custom-input--delegate {
        left: 10px;
        top: 10px; }
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table th:last-child .scrolling-table--header,
    .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table td:last-child .scrolling-table--header {
      border-left: 1px solid #D2D6DF;
      right: 0; }
  .scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table thead th:last-child .scrolling-table--header {
    border-left: 1px #45494E solid; }

.scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table--sm-responsive {
  width: 600px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table--md-responsive {
  width: 800px; }

.scrolling-table__container--is-right-fixed.scrolling-table--always .scrolling-table--lg-responsive {
  width: 1200px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.progress-bar {
  overflow: hidden;
  white-space: nowrap;
  font-size: 0; }
  .progress-bar .progress-bar__progress,
  .progress-bar .progress-bar__total {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    vertical-align: bottom; }
  .progress-bar .progress-bar__progress {
    height: 10px;
    background: #00ab44; }
  .progress-bar .progress-bar__total {
    margin-left: 0px;
    width: 100%;
    height: 5px;
    background: #ededed; }

.progress-bar__progress-text,
.progress-bar__total-text {
  vertical-align: middle;
  font-weight: 400; }

.progress-bar__progress-text {
  color: #00ab44; }

.progress-bar__total-text {
  color: #666A73; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.fuse__wrapper {
  position: relative;
  background: #EFF2F5;
  width: 100%;
  height: 3px;
  overflow: hidden; }
  .fuse__wrapper .fuse {
    position: absolute;
    height: 3px;
    background: #D2D6DF; }
    .fuse__wrapper .fuse.fuse--info {
      background: #0093D7; }
    .fuse__wrapper .fuse.fuse--success {
      background: #00ab44; }
    .fuse__wrapper .fuse.fuse--alert {
      background: #ffdb00; }
    .fuse__wrapper .fuse.fuse--error {
      background: #D33732; }

.timer {
  -webkit-transition: height 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-transition: height 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: height 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  overflow-y: hidden;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  line-height: 22px;
  height: 32px; }
  .timer i {
    position: relative;
    top: -3.5714285714px;
    font-size: 25px;
    line-height: 22px;
    vertical-align: middle;
    color: #45494E;
    padding-left: 5px;
    padding-right: 5px; }
  .timer.is-hidden {
    display: block;
    height: 0;
    padding: 0; }
  .timer.timer--info i {
    color: #0093D7; }
  .timer.timer--success i {
    color: #00ab44; }
  .timer.timer--alert i {
    color: #ffdb00; }
  .timer.timer--error {
    color: #D33732; }
    .timer.timer--error i {
      color: #D33732; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.takeover, .blackout {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

body.is-modal-shown {
  overflow: hidden; }

.takeover {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 49990;
  color: #45494E;
  -webkit-overflow-scrolling: touch; }
  .takeover.is-hidden-enter, .takeover.is-hidden-leave {
    display: block; }
  .takeover.is-hidden-enter {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s; }

.blackout {
  background: transparent;
  background-color: rgba(40, 44, 53, 0.8);
  zoom: 1;
  z-index: 49980; }

.dialog-frame-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  overflow: hidden;
  position: relative;
  z-index: 50000;
  background-color: #F8F8FA;
  -webkit-transform: translateZ(0); }
  @media only screen and (min-width: 480px) {
    .dialog-frame-content {
      border-radius: 5px; } }
  @media only screen and (max-width: 479px) {
    .dialog-frame-content .g-group, .dialog-frame-content .g-grid, .dialog-frame-content .overlay-dialog__frame, .dialog-frame-content .g-vertical-group, .dialog-frame-content .dialog-frame-content, .dialog-frame-content .timeline__item, .dialog-frame-content .breakdown__item {
      margin-left: 10px;
      margin-right: 10px; }
      .dialog-frame-content .g-group.g-group--full-width, .dialog-frame-content .g-group--full-width.g-grid, .dialog-frame-content .g-group--full-width.overlay-dialog__frame, .dialog-frame-content .g-group--full-width.g-vertical-group, .dialog-frame-content .g-group--full-width.dialog-frame-content, .dialog-frame-content .g-group--full-width.timeline__item, .dialog-frame-content .g-group--full-width.breakdown__item {
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px; }
      .dialog-frame-content .g-group .g-group, .dialog-frame-content .g-grid .g-group, .dialog-frame-content .overlay-dialog__frame .g-group, .dialog-frame-content .g-vertical-group .g-group, .dialog-frame-content .dialog-frame-content .g-group, .dialog-frame-content .timeline__item .g-group, .dialog-frame-content .breakdown__item .g-group, .dialog-frame-content .g-group .g-grid, .dialog-frame-content .g-grid .g-grid, .dialog-frame-content .overlay-dialog__frame .g-grid, .dialog-frame-content .g-vertical-group .g-grid, .dialog-frame-content .dialog-frame-content .g-grid, .dialog-frame-content .timeline__item .g-grid, .dialog-frame-content .breakdown__item .g-grid, .dialog-frame-content .g-group .overlay-dialog__frame, .dialog-frame-content .g-grid .overlay-dialog__frame, .dialog-frame-content .overlay-dialog__frame .overlay-dialog__frame, .dialog-frame-content .g-vertical-group .overlay-dialog__frame, .dialog-frame-content .dialog-frame-content .overlay-dialog__frame, .dialog-frame-content .timeline__item .overlay-dialog__frame, .dialog-frame-content .breakdown__item .overlay-dialog__frame, .dialog-frame-content .g-group .g-vertical-group, .dialog-frame-content .g-grid .g-vertical-group, .dialog-frame-content .overlay-dialog__frame .g-vertical-group, .dialog-frame-content .g-vertical-group .g-vertical-group, .dialog-frame-content .dialog-frame-content .g-vertical-group, .dialog-frame-content .timeline__item .g-vertical-group, .dialog-frame-content .breakdown__item .g-vertical-group, .dialog-frame-content .g-group .dialog-frame-content, .dialog-frame-content .g-grid .dialog-frame-content, .dialog-frame-content .overlay-dialog__frame .dialog-frame-content, .dialog-frame-content .g-vertical-group .dialog-frame-content, .dialog-frame-content .dialog-frame-content .dialog-frame-content, .dialog-frame-content .timeline__item .dialog-frame-content, .dialog-frame-content .breakdown__item .dialog-frame-content, .dialog-frame-content .g-group .timeline__item, .dialog-frame-content .g-grid .timeline__item, .dialog-frame-content .overlay-dialog__frame .timeline__item, .dialog-frame-content .g-vertical-group .timeline__item, .dialog-frame-content .dialog-frame-content .timeline__item, .dialog-frame-content .timeline__item .timeline__item, .dialog-frame-content .breakdown__item .timeline__item, .dialog-frame-content .g-group .breakdown__item, .dialog-frame-content .g-grid .breakdown__item, .dialog-frame-content .overlay-dialog__frame .breakdown__item, .dialog-frame-content .g-vertical-group .breakdown__item, .dialog-frame-content .dialog-frame-content .breakdown__item, .dialog-frame-content .timeline__item .breakdown__item, .dialog-frame-content .breakdown__item .breakdown__item {
        margin-left: 0;
        margin-right: 0; } }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .dialog-frame-content .g-group, .dialog-frame-content .g-grid, .dialog-frame-content .overlay-dialog__frame, .dialog-frame-content .g-vertical-group, .dialog-frame-content .dialog-frame-content, .dialog-frame-content .timeline__item, .dialog-frame-content .breakdown__item {
      margin-left: 10px;
      margin-right: 10px; }
      .dialog-frame-content .g-group.g-group--full-width, .dialog-frame-content .g-group--full-width.g-grid, .dialog-frame-content .g-group--full-width.overlay-dialog__frame, .dialog-frame-content .g-group--full-width.g-vertical-group, .dialog-frame-content .g-group--full-width.dialog-frame-content, .dialog-frame-content .g-group--full-width.timeline__item, .dialog-frame-content .g-group--full-width.breakdown__item {
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px; }
      .dialog-frame-content .g-group .g-group, .dialog-frame-content .g-grid .g-group, .dialog-frame-content .overlay-dialog__frame .g-group, .dialog-frame-content .g-vertical-group .g-group, .dialog-frame-content .dialog-frame-content .g-group, .dialog-frame-content .timeline__item .g-group, .dialog-frame-content .breakdown__item .g-group, .dialog-frame-content .g-group .g-grid, .dialog-frame-content .g-grid .g-grid, .dialog-frame-content .overlay-dialog__frame .g-grid, .dialog-frame-content .g-vertical-group .g-grid, .dialog-frame-content .dialog-frame-content .g-grid, .dialog-frame-content .timeline__item .g-grid, .dialog-frame-content .breakdown__item .g-grid, .dialog-frame-content .g-group .overlay-dialog__frame, .dialog-frame-content .g-grid .overlay-dialog__frame, .dialog-frame-content .overlay-dialog__frame .overlay-dialog__frame, .dialog-frame-content .g-vertical-group .overlay-dialog__frame, .dialog-frame-content .dialog-frame-content .overlay-dialog__frame, .dialog-frame-content .timeline__item .overlay-dialog__frame, .dialog-frame-content .breakdown__item .overlay-dialog__frame, .dialog-frame-content .g-group .g-vertical-group, .dialog-frame-content .g-grid .g-vertical-group, .dialog-frame-content .overlay-dialog__frame .g-vertical-group, .dialog-frame-content .g-vertical-group .g-vertical-group, .dialog-frame-content .dialog-frame-content .g-vertical-group, .dialog-frame-content .timeline__item .g-vertical-group, .dialog-frame-content .breakdown__item .g-vertical-group, .dialog-frame-content .g-group .dialog-frame-content, .dialog-frame-content .g-grid .dialog-frame-content, .dialog-frame-content .overlay-dialog__frame .dialog-frame-content, .dialog-frame-content .g-vertical-group .dialog-frame-content, .dialog-frame-content .dialog-frame-content .dialog-frame-content, .dialog-frame-content .timeline__item .dialog-frame-content, .dialog-frame-content .breakdown__item .dialog-frame-content, .dialog-frame-content .g-group .timeline__item, .dialog-frame-content .g-grid .timeline__item, .dialog-frame-content .overlay-dialog__frame .timeline__item, .dialog-frame-content .g-vertical-group .timeline__item, .dialog-frame-content .dialog-frame-content .timeline__item, .dialog-frame-content .timeline__item .timeline__item, .dialog-frame-content .breakdown__item .timeline__item, .dialog-frame-content .g-group .breakdown__item, .dialog-frame-content .g-grid .breakdown__item, .dialog-frame-content .overlay-dialog__frame .breakdown__item, .dialog-frame-content .g-vertical-group .breakdown__item, .dialog-frame-content .dialog-frame-content .breakdown__item, .dialog-frame-content .timeline__item .breakdown__item, .dialog-frame-content .breakdown__item .breakdown__item {
        margin-left: 0;
        margin-right: 0; } }
  @media only screen and (min-width: 800px) {
    .dialog-frame-content .g-group, .dialog-frame-content .g-grid, .dialog-frame-content .overlay-dialog__frame, .dialog-frame-content .g-vertical-group, .dialog-frame-content .dialog-frame-content, .dialog-frame-content .timeline__item, .dialog-frame-content .breakdown__item {
      margin-left: 10px;
      margin-right: 10px; }
      .dialog-frame-content .g-group.g-group--full-width, .dialog-frame-content .g-group--full-width.g-grid, .dialog-frame-content .g-group--full-width.overlay-dialog__frame, .dialog-frame-content .g-group--full-width.g-vertical-group, .dialog-frame-content .g-group--full-width.dialog-frame-content, .dialog-frame-content .g-group--full-width.timeline__item, .dialog-frame-content .g-group--full-width.breakdown__item {
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px; }
      .dialog-frame-content .g-group .g-group, .dialog-frame-content .g-grid .g-group, .dialog-frame-content .overlay-dialog__frame .g-group, .dialog-frame-content .g-vertical-group .g-group, .dialog-frame-content .dialog-frame-content .g-group, .dialog-frame-content .timeline__item .g-group, .dialog-frame-content .breakdown__item .g-group, .dialog-frame-content .g-group .g-grid, .dialog-frame-content .g-grid .g-grid, .dialog-frame-content .overlay-dialog__frame .g-grid, .dialog-frame-content .g-vertical-group .g-grid, .dialog-frame-content .dialog-frame-content .g-grid, .dialog-frame-content .timeline__item .g-grid, .dialog-frame-content .breakdown__item .g-grid, .dialog-frame-content .g-group .overlay-dialog__frame, .dialog-frame-content .g-grid .overlay-dialog__frame, .dialog-frame-content .overlay-dialog__frame .overlay-dialog__frame, .dialog-frame-content .g-vertical-group .overlay-dialog__frame, .dialog-frame-content .dialog-frame-content .overlay-dialog__frame, .dialog-frame-content .timeline__item .overlay-dialog__frame, .dialog-frame-content .breakdown__item .overlay-dialog__frame, .dialog-frame-content .g-group .g-vertical-group, .dialog-frame-content .g-grid .g-vertical-group, .dialog-frame-content .overlay-dialog__frame .g-vertical-group, .dialog-frame-content .g-vertical-group .g-vertical-group, .dialog-frame-content .dialog-frame-content .g-vertical-group, .dialog-frame-content .timeline__item .g-vertical-group, .dialog-frame-content .breakdown__item .g-vertical-group, .dialog-frame-content .g-group .dialog-frame-content, .dialog-frame-content .g-grid .dialog-frame-content, .dialog-frame-content .overlay-dialog__frame .dialog-frame-content, .dialog-frame-content .g-vertical-group .dialog-frame-content, .dialog-frame-content .dialog-frame-content .dialog-frame-content, .dialog-frame-content .timeline__item .dialog-frame-content, .dialog-frame-content .breakdown__item .dialog-frame-content, .dialog-frame-content .g-group .timeline__item, .dialog-frame-content .g-grid .timeline__item, .dialog-frame-content .overlay-dialog__frame .timeline__item, .dialog-frame-content .g-vertical-group .timeline__item, .dialog-frame-content .dialog-frame-content .timeline__item, .dialog-frame-content .timeline__item .timeline__item, .dialog-frame-content .breakdown__item .timeline__item, .dialog-frame-content .g-group .breakdown__item, .dialog-frame-content .g-grid .breakdown__item, .dialog-frame-content .overlay-dialog__frame .breakdown__item, .dialog-frame-content .g-vertical-group .breakdown__item, .dialog-frame-content .dialog-frame-content .breakdown__item, .dialog-frame-content .timeline__item .breakdown__item, .dialog-frame-content .breakdown__item .breakdown__item {
        margin-left: 0;
        margin-right: 0; }
    .dialog-frame-content .g-cell, .dialog-frame-content .timeline__content, .dialog-frame-content .timeline__date, .dialog-frame-content .timeline__indicator {
      padding-left: 10px;
      padding-right: 10px; }
      .dialog-frame-content .g-cell.g-cell--no-gutters, .dialog-frame-content .timeline__content, .dialog-frame-content .g-cell--no-gutters.timeline__date, .dialog-frame-content .timeline__date.timeline__content, .dialog-frame-content .timeline__date.timeline__indicator, .dialog-frame-content .timeline__indicator {
        padding-left: 0;
        padding-right: 0; } }
  .dialog-frame-content select {
    font-size: 16px; }
  @media only screen and (min-width: 480px) {
    .is-hidden-leave .dialog-frame-content {
      -webkit-animation-name: fadeInDown;
      -moz-animation-name: fadeInDown;
      animation-name: fadeInDown; } }
  @media only screen and (min-width: 480px) {
    .is-hidden-enter .dialog-frame-content {
      -webkit-animation-name: fadeOutUp;
      -moz-animation-name: fadeOutUp;
      animation-name: fadeOutUp; } }
  .dialog-frame-content select {
    font-size: 16px; }

.overlay-dialog__container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .overlay-dialog__container {
      padding-left: 10px;
      padding-right: 10px; } }

.overlay-dialog__frame {
  padding-left: 0;
  padding-right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  position: relative;
  top: 50%;
  z-index: 50000; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .overlay-dialog__frame {
      min-height: 310px;
      max-height: 800px; } }
  @media only screen and (min-width: 800px) {
    .overlay-dialog__frame {
      max-height: 570px; } }

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .overlay-dialog__frame--takeover {
    height: 84%; } }

@media only screen and (min-width: 800px) {
  .overlay-dialog__frame--takeover {
    height: 84%; } }

@media only screen and (max-width: 479px) {
  .is-hidden-leave .overlay-dialog__frame--takeover {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    animation-name: slideInUp; } }

@media only screen and (max-width: 479px) {
  .is-hidden-enter .overlay-dialog__frame--takeover {
    -webkit-animation-name: slideOutDown;
    -moz-animation-name: slideOutDown;
    animation-name: slideOutDown; } }

.overlay-dialog__frame--takeover .dialog-frame-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  height: 100%; }

.takeover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateZ(0); }

.overlay-dialog__frame.overlay-dialog__frame--video {
  line-height: 0; }
  @media only screen and (min-width: 480px) {
    .overlay-dialog__frame.overlay-dialog__frame--video iframe {
      height: 523px; } }
  @media only screen and (max-width: 479px) {
    .overlay-dialog__frame.overlay-dialog__frame--video iframe {
      height: 300px; } }

.dialog-header {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  background-color: #EFF2F5;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 1px 1px 0 rgba(40, 44, 53, 0.15);
  margin-bottom: 2px;
  line-height: 20px; }

.dialog-header__action {
  color: #666a73;
  color: #666A73;
  border: none;
  background: none;
  line-height: 20px;
  margin: -10px 0; }
  @media only screen and (min-width: 480px) {
    .dialog-header__action {
      padding: 14px 10px 10px 10px; } }
  @media only screen and (max-width: 479px) {
    .dialog-header__action {
      padding: 10px; } }
  .dialog-header__action:hover, .dialog-header__action:focus {
    color: black; }

.dialog-content {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  box-flex: auto;
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  max-height: 100%;
  overflow-x: hidden;
  position: relative; }
  .dialog-content.dialog-content--full-height {
    height: 100%; }

.dialog-content-container {
  height: 100%; }

.dialog-footer {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  margin-top: 2px;
  background-color: white; }

.overlay-dialog__footer {
  background-color: #F8F8FA; }

.modal-transition-enter, .modal-transition-leave, .modal-transition-leave-active, .modal-transition-enter-active, .modal-transition-leave-active .overlay-dialog__frame, .modal-transition-enter .overlay-dialog__frame, .modal-transition-enter-active .overlay-dialog__frame {
  transition: all 0.2s ease-in; }

.modal-transition-enter {
  opacity: 0.01; }

.modal-transition-leave {
  opacity: 0.99; }

.modal-transition-leave-active {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
  opacity: 0; }

.modal-transition-enter-active {
  opacity: 1; }

.modal-transition-leave-active .overlay-dialog__frame {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px); }

.modal-transition-enter .overlay-dialog__frame {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px); }

.modal-transition-enter-active .overlay-dialog__frame {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.overlay-fixed-to-bottom-right {
  position: fixed;
  bottom: 5px;
  right: 25px;
  z-index: 49990; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.text-body-small, .timeline__description, .responsive-table th a, .ticket-box__tax-fee, .slat__action, .slat__action--stacked, .chart-panel__button-label, .text-small, .text-detail, .slat__secondary-text, .slat--no-action:hover .slat__secondary-text, .slat--no-action:active .slat__secondary-text, .slat--no-action .slat__secondary-text, .list-person ul p, .tooltip {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400; }

.tooltip {
  opacity: 0;
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible; }
  .tooltip.in {
    opacity: 80; }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 10px 20px;
  color: #D2D6DF;
  text-align: center;
  text-decoration: none;
  background-color: #282C35;
  white-space: normal;
  border-radius: 5px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #282C35; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #282C35; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #282C35; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #282C35; }

.single-line-tooltip + .tooltip > .tooltip-inner {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  white-space: nowrap; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.badge {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  background-color: #F8F8FA;
  color: #363A43;
  padding: 7px 10px 6px;
  vertical-align: text-bottom;
  line-height: 12px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  border-radius: 15px; }
  .badge:hover, .badge:focus {
    text-decoration: none;
    color: #363A43; }
  .badge i {
    font-size: 1.2em;
    vertical-align: text-top;
    padding-left: 3px; }
  .badge.badge--success {
    background: #00ab44;
    color: white; }
  .badge.badge--alert {
    background: #ffdb00;
    color: #332c00; }
  .badge.badge--error {
    background: #D33732;
    color: white; }

.badge.badge--option {
  opacity: 0.8;
  color: white;
  background: #000;
  padding: 3px 6px;
  font-weight: 400;
  font-size: 12px;
  text-transform: lowercase;
  line-height: 12px; }

.badge.badge--tag {
  background-color: white;
  background-color: transparent;
  color: black;
  color: black;
  border-color: #D2D6DF;
  border-width: 1px;
  border-style: solid;
  text-transform: capitalize; }

a.badge--tag:hover,
a.badge--tag:focus {
  border-color: #0093D7;
  color: #0093D7; }

.badge-status {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.92);
  color: black;
  color: black;
  padding: 3px 10px;
  text-transform: uppercase;
  display: inline;
  z-index: 100; }
  .badge-status.badge-status--warning {
    color: #D33732; }

a.badge-status:hover, a.badge-status:focus, a.badge-status:active {
  color: black;
  color: black;
  background-color: white; }

.badge--overlay {
  position: absolute;
  top: 10px;
  right: 10px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.notification, .notification-bar {
  position: relative;
  background: white;
  color: #45494E;
  border-width: 1px;
  border-style: solid;
  line-height: 22px;
  font-size: 15px; }

.notification--success, .notification-bar--success {
  border-color: #00ab44; }

.notification--error, .notification-bar--error {
  border-color: #D33732; }

.notification--alert, .notification-bar--alert {
  border-color: #ffdb00; }

.notification--info, .notification-bar--info {
  border-color: #0093D7; }

.notification {
  padding: 10px 10px 10px 50px;
  word-wrap: break-word; }
  .notification:before {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    left: 8px;
    line-height: 22px;
    z-index: 1; }
  .notification:after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px; }

.notification--success:before {
  content: ""; }

.notification--success:before {
  color: white; }

.notification--success:after {
  background: #00ab44; }

.notification--error:before {
  content: ""; }

.notification--error:before {
  color: white; }

.notification--error:after {
  background: #D33732; }

.notification--alert:before {
  content: ""; }

.notification--alert:before {
  color: #332c00; }

.notification--alert:after {
  background: #ffdb00; }

.notification--info:before {
  content: ""; }

.notification--info:before {
  color: white; }

.notification--info:after {
  background: #0093D7; }

.notification-bar {
  padding: 10px 50px;
  border-bottom-width: 5px;
  text-align: center; }

.notification-bar__close {
  position: absolute;
  right: 20px;
  top: 10px;
  text-decoration: none; }
  .notification-bar__close .ico-cross {
    font-size: 20px; }
  .notification-bar__close:hover {
    text-decoration: none; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.js-d-carousel {
  display: none; }

/* Slider */
.slick-slider {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: block; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .slick-slide [dir="rtl"] {
    float: right; }
  .slick-slide img {
    display: block; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 36px;
  width: 24px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 1; }

.slick-prev:before,
.slick-next:before {
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 36px;
  line-height: 1;
  color: #D2D6DF;
  opacity: 0.75; }

.slick-prev {
  left: 45px; }
  .slick-prev:before {
    content: ""; }

.slick-next {
  right: 45px; }
  .slick-next:before {
    content: ""; }

.slick-carousel--outer-arrows .slick-prev {
  left: 0; }

.slick-carousel--outer-arrows .slick-next {
  right: 0; }

/* Dots */
.slick-dots {
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
        font-size: 11px;
        line-height: 20px;
        text-align: center;
        color: #666666; }
    .slick-dots li.slick-active button:before {
      content: "";
      color: #666666;
      font-size: 13px; }

.slick-carousel__control {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  background-color: #000;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  right: 18px;
  top: 9px;
  text-align: center;
  text-decoration: none;
  height: 30px;
  width: 30px;
  z-index: 10000; }
  .slick-carousel__control:hover, .slick-carousel__control:focus {
    text-decoration: none;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1); }

.slick-carousel__control__button {
  line-height: 26px;
  color: #fff; }
  .slick-carousel__control__button.ico-play {
    padding-left: 5px; }
  .slick-carousel__control__button.ico-square {
    font-weight: 600; }

.slick-carousel--has-visible-content {
  display: block;
  white-space: nowrap;
  overflow-x: scroll; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.twitter-post__text a {
  color: #666A73; }

.twitter-post__image {
  margin-right: 15px; }

.instagram-post__container {
  position: relative; }

.instagram-post__profile {
  height: 25px;
  width: 25px;
  margin-right: 5px; }

.instagram-post__icon {
  position: absolute;
  top: 1px;
  right: 5px;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
  color: white; }

.instagram-post__details {
  position: absolute;
  left: 5px;
  bottom: 10px; }

.instagram-post__name {
  color: white; }

.black-gradient-overlay {
  background: -webkit-linear-gradient( transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient( transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 5px;
  -moz-background-clip: content;
  -webkit-background-clip: content-box;
  background-clip: content-box; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.sill {
  position: relative;
  background-color: white;
  box-shadow: 0px 2px 0px 0px rgba(40, 44, 53, 0.2); }
  .sill.sill--with-borders {
    box-shadow: 0 2px 3px 0 rgba(40, 44, 53, 0.4); }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.list li.list--with-divider-top, .list li.list--stub-link {
  border-top: 1px solid #D2D6DF; }

.list li.list--stub, .list li.list--stub-action, .list li.list--stub-link {
  text-transform: uppercase;
  text-align: center; }
  .list li.list--stub a, .list li.list--stub-action a, .list li.list--stub-link a {
    color: white;
    background-color: #666A73; }
    .list li.list--stub a:hover, .list li.list--stub-action a:hover, .list li.list--stub-link a:hover {
      background-color: #EFF2F5; }
    .list li.list--stub a:active, .list li.list--stub-action a:active, .list li.list--stub-link a:active, .list li.list--stub a:focus, .list li.list--stub-action a:focus, .list li.list--stub-link a:focus {
      background-color: #EFF2F5; }

.list.list--has-separators li, .list.list--style-nav li {
  border-bottom: 1px solid #D2D6DF; }
  .list.list--has-separators li:last-child, .list.list--style-nav li:last-child {
    border-bottom: none; }

.list {
  list-style: none;
  padding: 0;
  font-size: 15px;
  line-height: 1; }
  .list.list--style-nav li a {
    color: #0278b8; }
    .list.list--style-nav li a:focus, .list.list--style-nav li a:hover, .list.list--style-nav li a:active {
      color: #013653; }
    .list.list--style-nav li a.is-disabled,
    .list.list--style-nav li a .is-disabled {
      color: #ADB0B6;
      text-decoration: none;
      pointer-events: none;
      cursor: default; }
      .list.list--style-nav li a.is-disabled:hover,
      .list.list--style-nav li a .is-disabled:hover {
        color: #ADB0B6; }
      .list.list--style-nav li a.is-disabled:active,
      .list.list--style-nav li a .is-disabled:active {
        color: #ADB0B6; }
    .list.list--style-nav li a:focus, .list.list--style-nav li a:hover {
      background-color: #EFF2F5; }
    .list.list--style-nav li a:after {
      position: absolute;
      right: 20px;
      font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      content: "\f301"; }
  .list li.list--with-divider-top {
    border-top: 1px solid #D2D6DF; }
  .list li.list--with-divider-bottom {
    border-bottom: 1px solid #D2D6DF; }
  .list li.list--stub {
    text-transform: uppercase;
    text-align: center; }
  .list li.list--stub-action a {
    background-color: #0093d7;
    background-color: #0093d7; }
    .list li.list--stub-action a:hover, .list li.list--stub-action a:focus {
      background-color: #0093D7;
      text-decoration: none; }
    .list li.list--stub-action a:active {
      background-color: #0076ac;
      background-color: rgba(0, 147, 215, 0.8);
      text-decoration: none; }
  .list li.list--stub-link {
    text-transform: none;
    text-align: left; }
    .list li.list--stub-link a:hover, .list li.list--stub-link a:focus {
      color: white;
      background-color: #0093D7;
      text-decoration: none; }
    .list li.list--stub-link a:active {
      background-color: #0076ac;
      background-color: rgba(0, 147, 215, 0.8);
      color: white;
      text-decoration: none; }
  .list.list--has-highlight a,
  .list.list--has-highlight p {
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    color: #45494E;
    cursor: pointer;
    display: block; }
    .list.list--has-highlight a:link, .list.list--has-highlight a:visited,
    .list.list--has-highlight p:link,
    .list.list--has-highlight p:visited {
      color: #45494E; }
    .list.list--has-highlight a:hover, .list.list--has-highlight a:focus,
    .list.list--has-highlight p:hover,
    .list.list--has-highlight p:focus {
      -webkit-transition: background-color 0.1s ease;
      -moz-transition: background-color 0.1s ease;
      transition: background-color 0.1s ease;
      background-color: #fcfcfd;
      color: #45494E;
      outline: none; }
      .list.list--has-highlight a:hover .ico-arrow-right, .list.list--has-highlight a:focus .ico-arrow-right,
      .list.list--has-highlight p:hover .ico-arrow-right,
      .list.list--has-highlight p:focus .ico-arrow-right {
        color: #45494E; }
    .list.list--has-highlight a:active,
    .list.list--has-highlight p:active {
      background-color: #0093D7;
      color: white;
      outline: none; }
      .list.list--has-highlight a:active .ico-arrow-right,
      .list.list--has-highlight p:active .ico-arrow-right {
        color: white; }
    .list.list--has-highlight a:hover,
    .list.list--has-highlight p:hover {
      background-color: #EFF2F5; }
    .list.list--has-highlight a:active, .list.list--has-highlight a:focus,
    .list.list--has-highlight p:active,
    .list.list--has-highlight p:focus {
      background-color: #0093D7; }
  .list.list--has-highlight:active i,
  .list.list--has-highlight:focus i {
    color: white; }
  .list ul {
    margin-left: 13px; }
    .list ul li {
      border-top: none; }
  .list li {
    position: relative; }
  .list i {
    position: absolute;
    top: 8px;
    right: 21px;
    font-size: 22px; }
    .list i + a,
    .list i + p {
      margin-right: 50px; }
  .list a,
  .list p {
    position: relative;
    padding: 10px 10px 10px 20px;
    margin: 0;
    line-height: 22px;
    display: block;
    color: #666A73; }
    .list a:hover, .list a:active, .list a:focus,
    .list p:hover,
    .list p:active,
    .list p:focus {
      text-decoration: none; }

.list--divider, .ui-autocomplete-category {
  background-color: #EFF2F5;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 10px 5px 10px;
  margin: 0;
  border-bottom: 1px solid #D2D6DF; }

@media only screen and (max-width: 799px) {
  .list-stack .list--has-separators li:last-child {
    border-bottom: 1px solid #D2D6DF; }
  .list-stack .list-stack--item:last-child li:last-child {
    border-bottom: none; } }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.ticket-box {
  display: block;
  margin-bottom: 3px;
  background-color: white;
  border-left: 5px solid #0093D7; }
  .ticket-box .ticket-box__name {
    color: #282C35;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    padding-bottom: 5px;
    word-wrap: break-word; }
    @media only screen and (max-width: 479px) {
      .ticket-box .ticket-box__name {
        font-size: 15px;
        line-height: 22px;
        padding: 0 10px 0 0; } }
  .ticket-box .ticket-box__price {
    color: #45494E;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 22px;
    padding: 0 5px 0 0; }
  .ticket-box .ticket-box-remaining {
    display: inline-block;
    text-transform: uppercase; }
    @media only screen and (max-width: 479px) {
      .ticket-box .ticket-box-remaining {
        color: #666A73;
        background-color: white;
        line-height: 18px;
        text-align: left;
        display: block;
        padding: 10px 0 0 0; } }
  .ticket-box .ticket-box-status {
    text-transform: uppercase;
    vertical-align: middle; }
    @media only screen and (max-width: 479px) {
      .ticket-box .ticket-box-status {
        margin-top: 5px;
        font-size: 12px; } }
  .ticket-box .ticket-box-quantity {
    max-width: 100%;
    width: 80px;
    position: relative; }
  .ticket-box.ticket-box--discount-open .ticket-box-toggle-link i:before {
    content: ""; }
  @media only screen and (max-width: 479px) {
    .ticket-box .ticket-box-waitlist {
      margin-top: 5px; } }
  .ticket-box .ticket-box-toggle-show-link,
  .ticket-box .ticket-box-toggle-hide-link {
    display: block; }
    .ticket-box .ticket-box-toggle-show-link:active, .ticket-box .ticket-box-toggle-show-link:hover,
    .ticket-box .ticket-box-toggle-hide-link:active,
    .ticket-box .ticket-box-toggle-hide-link:hover {
      text-decoration: none; }
  .ticket-box .ticket-box-toggle-hide-link {
    display: none;
    padding: 5px 0; }
  .ticket-box .ticket-box-sales-end,
  .ticket-box .ticket-box-sales-end-small {
    color: #45494E; }
  .ticket-box .ticket-box-sales-end-small {
    display: none;
    margin: 0; }
    @media only screen and (min-width: 480px) and (max-width: 799px) {
      .ticket-box .ticket-box-sales-end-small {
        display: inline-block; } }
  .ticket-box .ticket-box-sales-end {
    margin: 0; }
    @media only screen and (min-width: 480px) and (max-width: 799px) {
      .ticket-box .ticket-box-sales-end {
        display: none; } }
  .ticket-box .badge {
    margin-bottom: -3px; }
    @media only screen and (max-width: 479px) {
      .ticket-box .badge {
        margin-bottom: 0; } }
  .ticket-box.is-active {
    border-left-width: 15px; }
    @media only screen and (max-width: 479px) {
      .ticket-box.is-active {
        border-left-width: 5px; } }

.ticket-box--has-public-discounts .ticket-box-toggle-link {
  display: inline-block;
  padding-top: 10px;
  outline: none; }
  @media only screen and (max-width: 479px) {
    .ticket-box--has-public-discounts .ticket-box-toggle-link {
      margin-top: 0; } }
  .ticket-box--has-public-discounts .ticket-box-toggle-link i {
    vertical-align: middle; }
  .ticket-box--has-public-discounts .ticket-box-toggle-link:active, .ticket-box--has-public-discounts .ticket-box-toggle-link:hover, .ticket-box--has-public-discounts .ticket-box-toggle-link:focus {
    text-decoration: none;
    outline: none; }

.ticket-box--clickable {
  cursor: pointer; }

.ticket-box__header {
  padding: 20px 20px; }
  .ticket-box__header:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 479px) {
    .ticket-box__header {
      padding: 15px; } }

.ticket-box__primary,
.discount-ticket__primary {
  width: 68%;
  float: left; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .ticket-box__primary,
    .discount-ticket__primary {
      width: 68%; } }
  @media only screen and (max-width: 479px) {
    .ticket-box--has-donation .ticket-box__primary,
    .ticket-box--has-status .ticket-box__primary,
    .ticket-box--has-waitlist .ticket-box__primary, .ticket-box--has-donation
    .discount-ticket__primary,
    .ticket-box--has-status
    .discount-ticket__primary,
    .ticket-box--has-waitlist
    .discount-ticket__primary {
      width: 100%;
      float: none; } }
  .ticket-box--has-waitlist .ticket-box__primary, .ticket-box--has-waitlist
  .discount-ticket__primary {
    width: 60%; }

@media only screen and (max-width: 479px) {
  .ticket-box__info,
  .discount-ticket__info {
    display: block; } }

.ticket-box--discounted .ticket-box__info .ticket-box__price, .ticket-box--discounted
.discount-ticket__info .ticket-box__price {
  color: #00ab44; }

.ticket-box__secondary,
.discount-ticket__secondary {
  vertical-align: middle;
  text-align: right;
  float: right; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .ticket-box__secondary,
    .discount-ticket__secondary {
      width: 30%; } }
  .ticket-box--has-waitlist .ticket-box__secondary, .ticket-box--has-waitlist
  .discount-ticket__secondary {
    width: 38%; }
  .ticket-box--has-donation .ticket-box__secondary, .ticket-box--has-donation
  .discount-ticket__secondary {
    width: 20%; }
    @media only screen and (min-width: 480px) and (max-width: 799px) {
      .ticket-box--has-donation .ticket-box__secondary, .ticket-box--has-donation
      .discount-ticket__secondary {
        width: 30%;
        max-width: 120px; } }
    @media only screen and (max-width: 479px) {
      .ticket-box--has-donation .ticket-box__secondary, .ticket-box--has-donation
      .discount-ticket__secondary {
        width: 60%;
        float: left; } }
  @media only screen and (max-width: 479px) {
    .ticket-box--has-status .ticket-box__secondary,
    .ticket-box--has-waitlist .ticket-box__secondary, .ticket-box--has-status
    .discount-ticket__secondary,
    .ticket-box--has-waitlist
    .discount-ticket__secondary {
      width: 100%;
      float: none;
      text-align: left;
      line-height: 1;
      padding-top: 5px; } }

.ticket-box__body {
  height: auto;
  max-height: 0;
  overflow: hidden;
  background-color: #F8F8FA; }
  .ticket-box__body .discount-ticket__secondary {
    text-align: right;
    vertical-align: middle;
    line-height: 3;
    width: 30%; }
  .ticket-box--discount-open .ticket-box__body {
    max-height: 10000px; }

.ticket-box-discounts-list {
  height: auto;
  max-height: 0; }
  .ticket-box-discounts-list:after {
    content: "";
    display: table;
    clear: both; }
  .ticket-box-discounts-list .discount-ticket-name {
    color: #282C35;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400; }
  .ticket-box-discounts-list .discount-ticket-price {
    color: #45494E;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 22px; }
  .ticket-box--discount-open .ticket-box-discounts-list {
    max-height: 10000px;
    border-top: 1px solid #D2D6DF; }
  .ticket-box-discounts-list li:first-of-type {
    border-top: none; }
    .ticket-box-discounts-list li:first-of-type .discount-ticket {
      border-top: none; }

.discount-ticket {
  position: relative;
  display: block;
  margin: 0 20px;
  padding: 15px 0;
  border-top: 1px solid #D2D6DF; }
  .discount-ticket:after {
    content: "";
    display: table;
    clear: both; }
  .discount-ticket .discount-ticket-name {
    color: #282C35; }
  .discount-ticket .discount-ticket-price {
    color: #45494E;
    margin-right: 5px;
    text-transform: uppercase; }

.original-ticket-price {
  color: #666A73;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
  text-transform: uppercase;
  text-decoration: line-through; }

.ticket-box__tax-fee {
  color: #666A73;
  display: inline-block;
  margin-right: 5px;
  text-transform: uppercase;
  white-space: nowrap; }

.ticket-box__tax-fee--newline {
  display: block;
  margin-left: 0; }
  .ticket-box__tax-fee--newline.ticket-box__tax-fee--private {
    margin-bottom: 10px; }

.discount-code--private {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 200px;
  vertical-align: bottom; }
  @media only screen and (max-width: 799px) {
    .discount-code--private {
      max-width: 100px; } }

.discount-ticket__secondary {
  text-align: right;
  vertical-align: middle;
  line-height: 3; }

.ticket-box__footer {
  overflow: hidden;
  border-top: 1px solid #D2D6DF;
  padding: 5px 20px; }
  .ticket-box__footer:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 479px) {
    .ticket-box__footer {
      padding: 5px 15px; } }
  .ticket-box__footer .ticket-box__description {
    height: auto;
    max-height: 0;
    overflow: hidden; }
    .ticket-box__footer .ticket-box__description p {
      color: #666A73;
      word-break: break-word;
      margin: 0;
      font-size: 12px;
      line-height: 18px; }
  .ticket-box--more-open .ticket-box__footer .ticket-box__description {
    max-height: 1000px;
    padding: 5px 0 0 0; }
  .ticket-box--more-open .ticket-box__footer .ticket-box__deadline {
    padding-top: 5px; }
  .ticket-box--more-open .ticket-box__footer .ticket-box-toggle-show-link {
    display: none; }
  .ticket-box--more-open .ticket-box__footer .ticket-box-toggle-hide-link {
    display: block; }

.ticket-box__expand,
.ticket-box__deadline {
  width: 50%;
  float: left;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
  font-size: 15px;
  line-height: 22px; }
  @media only screen and (max-width: 479px) {
    .ticket-box__expand,
    .ticket-box__deadline {
      font-size: 12px;
      line-height: 18px; } }

.ticket-box__deadline {
  text-align: right;
  float: right; }

.ticket-box--compact {
  margin-bottom: 1px; }
  .ticket-box--compact .g-cell, .ticket-box--compact .timeline__content, .ticket-box--compact .timeline__date, .ticket-box--compact .timeline__indicator {
    padding: 0 15px; }
  .ticket-box--compact .breakdown__item {
    border-top: none; }

.ticket-box--elevated-1 {
  position: relative;
  z-index: 10000; }

.ticket-box--elevated-2 {
  position: relative;
  z-index: 10000; }

.ticket-box--elevated-3 {
  position: relative;
  z-index: 10000; }

.ticket-box--elevated-4 {
  position: relative;
  z-index: 10000; }

.ticket-box__section {
  background-color: white; }

.ticket-box__section--balanced * {
  vertical-align: middle; }

.ticket-box__section--panel {
  border-top-color: #EFF2F5;
  border-top-width: 1px;
  border-top-style: solid; }

.ticket-box__section--highlighted {
  background-color: #F8F8FA; }

.breakdown {
  padding-left: 15px;
  padding-right: 15px; }
  .breakdown .breakdown__item:first-child {
    border: none; }

.breakdown__item {
  color: #53565d;
  color: rgba(40, 44, 53, 0.8);
  border-top: 1px solid #EFF2F5;
  padding: 5px 0; }
  @media only screen and (max-width: 479px) {
    .breakdown__item {
      border-top: none; } }

.breakdown__label, .breakdown__value {
  display: inline-block;
  vertical-align: middle; }

.breakdown__label {
  width: 60%; }

.breakdown__value {
  width: 40%; }

.breakdown__item--total {
  color: #53565d;
  color: rgba(40, 44, 53, 0.8);
  border-top-color: #dfdfe1;
  border-top-color: rgba(40, 44, 53, 0.15); }

.ticket-box__remove-icon {
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 4px;
  display: inline-block; }

.ticket-box__section--indent {
  margin-left: 5px;
  margin-right: 5px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.micro-ticket-box .micro-ticket-box__status {
  color: #282C35;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 45px; }

.micro-ticket-box .custom-select-container {
  margin-right: 10px;
  max-width: 70px; }
  @media only screen and (max-width: 479px) {
    .micro-ticket-box .custom-select-container {
      width: 63px;
      float: left;
      margin: 0;
      margin-left: -73px; } }

.micro-ticket-box .micro-ticket-box__donation {
  display: inline-block;
  margin-right: 10px;
  max-width: 120px; }
  @media only screen and (max-width: 479px) {
    .micro-ticket-box .micro-ticket-box__donation {
      width: 110px;
      float: left;
      margin: 0;
      margin-left: -120px; } }

.micro-ticket-box .micro-ticket-box__price {
  color: #282C35;
  margin-right: 20px;
  line-height: 45px;
  font-size: 20px;
  vertical-align: middle;
  text-transform: uppercase; }
  @media only screen and (max-width: 799px) {
    .micro-ticket-box .micro-ticket-box__price {
      display: none; } }

.micro-ticket-box .micro-ticket-box__rsvp-actions {
  padding: 0;
  display: inline-block; }
  .micro-ticket-box .micro-ticket-box__rsvp-actions li {
    display: inline-block;
    padding-right: 0;
    margin-left: 10px; }
    .micro-ticket-box .micro-ticket-box__rsvp-actions li:first-child {
      margin-left: 0; }

.micro-ticket-box .micro-ticket-box__btn-wrapper {
  width: 100%; }

.micro-ticket-box .micro-ticket-box__btn {
  float: right;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 0; }

.micro-ticket-box .micro-ticket-box__donation-field {
  display: inline-block; }

.micro-ticket-box .micro-ticket-box__waitlist-link {
  line-height: 45px;
  font-size: 15px;
  text-transform: uppercase; }
  @media only screen and (max-width: 479px) {
    .micro-ticket-box .micro-ticket-box__waitlist-link {
      text-align: center;
      display: block; } }
  .micro-ticket-box .micro-ticket-box__waitlist-link:hover {
    text-decoration: none; }

.micro-ticket-box .micro-ticket-box__btn-select-wrapper .micro-ticket-box__price {
  float: right; }

.micro-ticket-box .micro-ticket-box__btn-select-wrapper .custom-select-container {
  width: auto;
  float: right;
  max-width: 100%; }
  @media only screen and (max-width: 479px) {
    .micro-ticket-box .micro-ticket-box__btn-select-wrapper .custom-select-container {
      width: 100%;
      float: none;
      margin: 0;
      margin-left: 0; } }

.micro-ticket-box__body {
  text-align: right; }
  .micro-ticket-box__body:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 479px) {
    .micro-ticket-box--has-quantity-selector .micro-ticket-box__body {
      padding: 0 0 0 73px; }
    .micro-ticket-box--has-donation-field .micro-ticket-box__body {
      padding: 0 0 0 120px; } }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.category-card {
  position: relative;
  display: block;
  width: 100%; }
  .category-card .category-card__wrapper {
    overflow: hidden;
    position: relative; }
  .category-card .category-card__image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.35s;
    -moz-transition: -moz-transform 0.35s;
    transition: transform 0.35s;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 220px;
    background-color: #EFF2F5; }
    @media only screen and (max-width: 479px) {
      .category-card .category-card__image {
        height: 150px; } }
  .category-card .category-card__text-wrapper {
    position: absolute;
    top: 50%;
    margin-top: -17.5px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.35s;
    -moz-transition: -moz-transform 0.35s;
    transition: transform 0.35s;
    width: 100%;
    text-align: center; }
  .category-card .category-card__tint {
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .category-card .category-card__desc {
    opacity: 0;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 0.7s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.7s, -webkit-transform 0.35s;
    transition: opacity 0.7s, -webkit-transform 0.35s; }
  .category-card:hover .category-card__image, .category-card:focus .category-card__image, .category-card:active .category-card__image {
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12); }
  .category-card:hover .category-card__tint:after, .category-card:focus .category-card__tint:after, .category-card:active .category-card__tint:after {
    opacity: 0.4;
    background-color: #282C35;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border-radius: 3px; }
  .category-card:hover .category-card__text-wrapper, .category-card:focus .category-card__text-wrapper, .category-card:active .category-card__text-wrapper {
    -webkit-transform: translate3d(0, -25%, 0);
    -moz-transform: translate3d(0, -25%, 0);
    -ms-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0); }
  .category-card:hover .category-card__desc, .category-card:focus .category-card__desc, .category-card:active .category-card__desc {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.card {
  background: white;
  display: block; }
  .card.card--padded {
    padding: 10px; }
  .card.card--slat {
    border-bottom-color: #EFF2F5;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .card.card--payment .card--payment__icon {
    width: 40px; }
  .card.card--payment .payment-option {
    display: block; }

.card__icon {
  float: right; }

.card__btn-group .btn, .card__btn-group .chart-panel__button {
  margin: 0; }

.card-list {
  padding: 0;
  line-height: 0; }
  .card-list li {
    list-style: none; }
  .card-list p {
    margin: 0;
    padding: 0; }

.card--slat-list li:last-child .card--slat {
  border-bottom: none; }

.card--slat-clickable {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  color: #45494E;
  cursor: pointer;
  display: block; }
  .card--slat-clickable .ico-arrow-right {
    -webkit-transition: margin-right 0.2s ease;
    -moz-transition: margin-right 0.2s ease;
    transition: margin-right 0.2s ease;
    float: right;
    color: #0278b8; }
  .card--slat-clickable:link, .card--slat-clickable:visited {
    color: #45494E; }
  .card--slat-clickable:hover, .card--slat-clickable:focus {
    -webkit-transition: background-color 0.1s ease;
    -moz-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
    background-color: #fcfcfd;
    color: #45494E;
    outline: none; }
    .card--slat-clickable:hover .ico-arrow-right, .card--slat-clickable:focus .ico-arrow-right {
      -webkit-transition: margin-right 0.1s ease;
      -moz-transition: margin-right 0.1s ease;
      transition: margin-right 0.1s ease;
      margin-right: -5px;
      color: #45494E; }
  .card--slat-clickable:active {
    background-color: #0093D7;
    color: white;
    outline: none; }
    .card--slat-clickable:active .ico-arrow-right {
      margin-right: -5px;
      color: white; }

.card--palm-press-list {
  background: #F8F8FA; }

.card--palm-press {
  background: #F8F8FA; }
  .card--palm-press .card {
    -webkit-transition: border-color 275ms ease-in-out;
    -moz-transition: border-color 275ms ease-in-out;
    transition: border-color 275ms ease-in-out;
    border: 2px solid transparent; }
    .card--palm-press .card:hover, .card--palm-press .card:focus {
      -webkit-transition-duration: 175ms;
      -moz-transition-duration: 175ms;
      transition-duration: 175ms; }
  .card--palm-press .card--padded {
    padding: 20px 25px; }
  .card--palm-press:hover, .card--palm-press:focus {
    outline: 0; }
    .card--palm-press:hover .card, .card--palm-press:focus .card {
      border-color: #0093D7; }

.card--button__list li {
  margin-bottom: 10px; }

.card--button .card {
  -webkit-transition: border-color 275ms ease-in-out;
  -moz-transition: border-color 275ms ease-in-out;
  transition: border-color 275ms ease-in-out;
  border: 1px solid transparent;
  border-bottom: 1px solid #D2D6DF; }
  .card--button .card:hover, .card--button .card:focus {
    -webkit-transition-duration: 175ms;
    -moz-transition-duration: 175ms;
    transition-duration: 175ms; }

.card--button .card--padded {
  padding: 20px; }

.card--button:hover, .card--button:focus {
  outline: 0; }
  .card--button:hover .card, .card--button:focus .card {
    border: 1px solid;
    border-color: #0093D7; }

.card--button__container {
  margin-left: 54px; }

.card--button__icon-container {
  display: inline-block;
  vertical-align: middle;
  margin-left: -54px; }

.card--button__info-container {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-left: 10px;
  line-height: 22px; }

.card--button__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.slat__media, .slat__body, .slat__action {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%; }

.slat--bill, .slat--list .slat {
  border-bottom-color: #EFF2F5;
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.slat {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  color: #45494E;
  cursor: pointer;
  display: block;
  height: 40px;
  background: white;
  display: block;
  padding: 10px 15px; }
  .slat .ico-arrow-right {
    -webkit-transition: margin-right 0.2s ease;
    -moz-transition: margin-right 0.2s ease;
    transition: margin-right 0.2s ease;
    float: right;
    color: #0278b8; }
  .slat:link, .slat:visited {
    color: #45494E; }
  .slat:hover, .slat:focus {
    -webkit-transition: background-color 0.1s ease;
    -moz-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
    background-color: #fcfcfd;
    color: #45494E;
    outline: none; }
    .slat:hover .ico-arrow-right, .slat:focus .ico-arrow-right {
      -webkit-transition: margin-right 0.1s ease;
      -moz-transition: margin-right 0.1s ease;
      transition: margin-right 0.1s ease;
      margin-right: -5px;
      color: #45494E; }
  .slat:active {
    background-color: #0093D7;
    color: white;
    outline: none; }
    .slat:active .ico-arrow-right {
      margin-right: -5px;
      color: white; }
  @media only screen and (min-width: 480px) {
    .slat {
      padding: 10px 20px; } }
  .slat--stacked {
    height: 60px; }
  .slat:hover, .slat:focus, .slat:active {
    text-decoration: none; }
  .slat:active .slat__primary-text,
  .slat:active .slat__secondary-text {
    color: white; }
  .slat__primary-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #282C35;
    display: block;
    padding: 0; }
  .slat__secondary-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 15px;
    display: block;
    padding: 0; }
  .slat__media {
    width: 45px;
    position: absolute;
    left: 0; }
    .slat__media .payment-option {
      display: block; }
  .slat__body {
    position: relative;
    padding-right: 30px;
    display: block; }
  .slat__action {
    position: absolute;
    right: 0;
    color: #0278b8;
    text-transform: uppercase; }
    .slat__action a {
      padding: 10px 0 10px 10px; }
  .slat__action--stacked {
    color: #0278b8;
    text-transform: uppercase;
    padding-top: 3.3333333333px; }
  .slat.slat--elevated-1 {
    margin-bottom: 1px; }
  .slat.slat--with-media .slat__body {
    padding-left: 45px; }
  .slat.slat--with-action:hover, .slat.slat--with-action:focus {
    cursor: auto;
    background-color: white; }
  .slat.slat--with-action:active {
    background-color: white; }
    .slat.slat--with-action:active .slat__primary-text,
    .slat.slat--with-action:active .slat__secondary-text {
      color: #282C35; }

.slat--bill.slat--bill__padded {
  height: auto;
  padding: 15px 10px; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .slat--bill.slat--bill__padded {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 800px) {
    .slat--bill.slat--bill__padded {
      padding-left: 30px;
      padding-right: 30px; } }

.slat--bill .slat__date {
  width: 35px;
  display: inline-block; }

.slat--bill .slat__content {
  width: calc(100% - 35px);
  display: inline-block; }

.slat--bill .slat__amount {
  font-size: 25px; }
  @media only screen and (max-width: 479px) {
    .slat--bill .slat__amount {
      font-size: 15px;
      font-weight: 400; } }

.slat--disabled:hover, .slat--disabled:active {
  background: white;
  cursor: default; }
  .slat--disabled:hover .slat__primary-text,
  .slat--disabled:hover .slat__secondary-text,
  .slat--disabled:hover .slat__action, .slat--disabled:active .slat__primary-text,
  .slat--disabled:active .slat__secondary-text,
  .slat--disabled:active .slat__action {
    color: #ADB0B6; }

.slat--disabled .slat__primary-text,
.slat--disabled .slat__secondary-text,
.slat--disabled .slat__action {
  color: #ADB0B6; }

.slat--no-action:hover, .slat--no-action:active {
  background: white;
  cursor: default; }
  .slat--no-action:hover .slat__primary-text, .slat--no-action:active .slat__primary-text {
    color: #45494E; }

.slat--no-action .slat__primary-text {
  color: #45494E; }

.slat__status-ico {
  display: inline-block; }

.slat__status-item {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  display: inline-block; }

.slat__status-item--info {
  color: #0093D7; }

.slat__status-item--warning {
  color: #ffdb00; }

.slat__status-item--error {
  color: #D33732; }

.slat__status-item--success {
  color: #00ab44; }

.slat__status-item--info {
  color: #0093D7; }

.slat__status-item--text {
  color: #666A73;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px; }

.slat--list {
  margin-bottom: 1px; }
  .slat--list li:last-child .slat {
    border-bottom: none; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.chart-panel__button-container {
  border-color: #0684bf;
  border-color: rgba(40, 44, 53, 0.15);
  background-color: #0093D7;
  border-width: 0;
  border-left-width: 1px;
  border-style: solid; }
  @media only screen and (max-width: 479px) {
    .chart-panel__button-container {
      border-left: none;
      border-bottom-width: 1px; } }

.chart-panel__container {
  background-color: #0093D7; }
  .chart-panel__container .g-group .g-cell:first-child .chart-panel__button-container, .chart-panel__container .g-grid .g-cell:first-child .chart-panel__button-container, .chart-panel__container .overlay-dialog__frame .g-cell:first-child .chart-panel__button-container, .chart-panel__container .g-vertical-group .g-cell:first-child .chart-panel__button-container, .chart-panel__container .dialog-frame-content .g-cell:first-child .chart-panel__button-container, .chart-panel__container .timeline__item .g-cell:first-child .chart-panel__button-container, .chart-panel__container .breakdown__item .g-cell:first-child .chart-panel__button-container, .chart-panel__container .g-group .timeline__content:first-child .chart-panel__button-container, .chart-panel__container .g-grid .timeline__content:first-child .chart-panel__button-container, .chart-panel__container .overlay-dialog__frame .timeline__content:first-child .chart-panel__button-container, .chart-panel__container .g-vertical-group .timeline__content:first-child .chart-panel__button-container, .chart-panel__container .dialog-frame-content .timeline__content:first-child .chart-panel__button-container, .chart-panel__container .timeline__item .timeline__content:first-child .chart-panel__button-container, .chart-panel__container .breakdown__item .timeline__content:first-child .chart-panel__button-container, .chart-panel__container .g-group .timeline__date:first-child .chart-panel__button-container, .chart-panel__container .g-grid .timeline__date:first-child .chart-panel__button-container, .chart-panel__container .overlay-dialog__frame .timeline__date:first-child .chart-panel__button-container, .chart-panel__container .g-vertical-group .timeline__date:first-child .chart-panel__button-container, .chart-panel__container .dialog-frame-content .timeline__date:first-child .chart-panel__button-container, .chart-panel__container .timeline__item .timeline__date:first-child .chart-panel__button-container, .chart-panel__container .breakdown__item .timeline__date:first-child .chart-panel__button-container, .chart-panel__container .g-group .timeline__indicator:first-child .chart-panel__button-container, .chart-panel__container .g-grid .timeline__indicator:first-child .chart-panel__button-container, .chart-panel__container .overlay-dialog__frame .timeline__indicator:first-child .chart-panel__button-container, .chart-panel__container .g-vertical-group .timeline__indicator:first-child .chart-panel__button-container, .chart-panel__container .dialog-frame-content .timeline__indicator:first-child .chart-panel__button-container, .chart-panel__container .timeline__item .timeline__indicator:first-child .chart-panel__button-container, .chart-panel__container .breakdown__item .timeline__indicator:first-child .chart-panel__button-container {
    border-left: none; }

.chart-panel__button {
  box-sizing: border-box;
  text-align: left;
  width: 100%;
  border-radius: 0; }

.chart-panel__icon {
  position: absolute; }

.chart-panel__button-text-container {
  display: inline-block;
  margin-left: 40px; }

.chart-panel__button-label {
  color: #a4e2ff;
  text-transform: uppercase; }

.chart-panel__button-value {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 22px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  color: white;
  line-height: 1.2em; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.list-selection-builder {
  position: relative; }
  .list-selection-builder__panel {
    position: relative;
    z-index: 9;
    padding: 0 5px;
    top: -140px; }
    .has-panel .list-selection-builder__panel {
      top: 0; }
  .list-selection-builder__filter-icon-wrapper {
    display: table;
    height: 42px;
    width: 42px;
    padding: 0 5px 0;
    text-align: center; }
    .list-selection-builder__filter-icon-wrapper .ico-filter {
      -webkit-transition: color 0.2s ease;
      -moz-transition: color 0.2s ease;
      transition: color 0.2s ease;
      display: table-cell;
      vertical-align: middle;
      color: #666A73; }
      .list-selection-builder__filter-icon-wrapper .ico-filter:hover {
        color: #ADB0B6; }
    .list-selection-builder__filter-icon-wrapper.is-filter-active .ico-filter {
      color: #0093D7; }
  .list-selection-builder__tabs-container {
    padding-top: 15px; }
    .is-reviewing .list-selection-builder__tabs-container .tabs-header {
      border-bottom: 0; }
  .list-selection-builder__list-container {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .is-selecting .list-selection-builder__list-container {
      top: 0; }
    .is-reviewing .list-selection-builder__list-container {
      top: 48px; }
    .has-panel.is-selecting .list-selection-builder__list-container {
      top: 140px; }
  .list-selection-builder__list {
    padding: 10px 5px; }
    .list-selection-builder__list .list-selection-builder__loading-area {
      display: none;
      opacity: 0; }
    .is-searching .list-selection-builder__list .list-selection-builder__loading-area {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .is-searching .list-selection-builder__results {
    display: none; }
  .is-searching .list-selection-builder__add-more {
    display: none; }
  .list-selection-builder__loading-centering-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .list-selection-builder__loading-message {
    color: #666A73; }
  .list-selection-builder__error-image {
    margin: 0 auto; }
  .list-selection-builder .slat--title {
    background-color: #F8F8FA;
    padding-left: 0; }
  .list-selection-builder .badge.badge--option.badge--alert {
    background: #ffdb00;
    color: #332c00; }
  .list-selection-builder .badge.badge--option.badge--error {
    background: #D33732;
    color: white; }
  .list-selection-builder .badge.badge--option.badge--success {
    background: #00ab44;
    color: white; }

/*
 *  When using the list selection builder inside a dialog,
 *  we need to use the full-height variant of it. This way,
 *  we will be able to create the horizontally split screen
 *  with search and list.
 */
.dialog-content--full-height .list-selection-builder__container {
  height: 100%; }
  .dialog-content--full-height .list-selection-builder__container > div {
    height: 100%; }

.dialog-content--full-height .list-selection-builder__layout,
.dialog-content--full-height .list-selection-builder {
  height: 100%; }

.dialog-content--full-height .nested-list-selection-view,
.dialog-content--full-height .nested-list-selected-view,
.dialog-content--full-height .simple-list-selection-view,
.dialog-content--full-height .simple-list-selected-view {
  height: 100%; }
  .dialog-content--full-height .nested-list-selection-view.scrollable-pane,
  .dialog-content--full-height .nested-list-selected-view.scrollable-pane,
  .dialog-content--full-height .simple-list-selection-view.scrollable-pane,
  .dialog-content--full-height .simple-list-selected-view.scrollable-pane {
    background-color: #F8F8FA;
    border: 0;
    max-height: none;
    height: 100%; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.text-body-small, .timeline__description, .responsive-table th a, .ticket-box__tax-fee, .slat__action, .slat__action--stacked, .chart-panel__button-label, .text-small, .text-detail, .slat__secondary-text, .slat--no-action:hover .slat__secondary-text, .slat--no-action:active .slat__secondary-text, .slat--no-action .slat__secondary-text, .list-person ul p, .tooltip {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400; }

@media only screen and (min-width: 800px) {
  .analytics-highlights__main-container {
    display: flex; } }

.analytics-highlights__panel {
  margin-bottom: 10px;
  overflow: hidden; }
  @media only screen and (min-width: 800px) {
    .analytics-highlights__panel {
      margin-bottom: 0;
      width: 30%;
      min-width: 130px;
      order: 1; } }

.analytics-highlights__panel-list:after {
  content: "";
  display: table;
  clear: both; }

.analytics-highlights__panel-item {
  border: 1px solid #EFF2F5;
  box-sizing: border-box;
  float: left;
  width: 50%; }
  @media only screen and (min-width: 800px) {
    .analytics-highlights__panel-item {
      float: none;
      width: auto; } }
  .analytics-highlights__panel-item.is-active {
    border-left: none; }

.analytics-highlights__panel-link {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px 20px;
  border: none;
  display: block;
  text-align: left;
  width: 100%; }
  .analytics-highlights__panel-link:hover, .analytics-highlights__panel-link:focus, .analytics-highlights__panel-link:link, .analytics-highlights__panel-link:visited, .analytics-highlights__panel-link:active {
    text-decoration: none; }
  .analytics-highlights__panel-link:hover, .analytics-highlights__panel-link:active, .analytics-highlights__panel-link:focus, .analytics-highlights__panel-link:link, .analytics-highlights__panel-link:visited {
    outline: 0; }
  .is-active .analytics-highlights__panel-link {
    background-color: white; }

.analytics-highlights__primary {
  margin-bottom: 10px;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #EFF2F5; }
  .analytics-highlights__primary:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 800px) {
    .analytics-highlights__primary {
      width: 70%;
      border-right: none;
      margin-bottom: 0; } }

.analytics-highlights__primary-container {
  padding: 20px; }

.analytics-highlights__invites-columns {
  display: flex; }
  @media only screen and (min-width: 800px) {
    .analytics-highlights__invites-columns {
      padding: 15px 0 10px 0;
      display: block; } }
  .analytics-highlights__invites-columns .metric-box {
    width: 50%; }
    @media only screen and (min-width: 800px) {
      .analytics-highlights__invites-columns .metric-box {
        width: auto; } }

.analytics-highlights__cta-link {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  font-weight: 600; }

.analytics-highlights__title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #282C35; }

.analytics-highlights__subtitle {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #282C35; }

.analytics-highlights__more-link {
  float: right;
  display: inline-block; }
  .analytics-highlights__primary:hover .analytics-highlights__more-link {
    display: inline-block; }
  @media only screen and (min-width: 480px) {
    .analytics-highlights__more-link {
      display: none; } }

.analytics-highlights__chart-container {
  overflow: hidden; }
  @media only screen and (min-width: 800px) {
    .analytics-highlights__chart-container {
      min-height: 170px; } }

.analytics-highlights__empty-chart-container {
  text-align: center;
  display: table;
  width: 100%; }
  @media only screen and (min-width: 800px) {
    .analytics-highlights__empty-chart-container {
      min-height: 170px; } }
  .analytics-highlights__empty-chart-container > div {
    display: table-cell;
    vertical-align: middle; }

.analytics-highlights__secondary {
  box-sizing: border-box;
  background-color: white;
  padding: 20px;
  border: 1px solid #EFF2F5;
  clear: both; }
  @media only screen and (min-width: 800px) {
    .analytics-highlights__secondary {
      border-top: none; } }

.analytics-highlights__secondary-title {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #282C35; }

.analytics-highlights__secondary-columns {
  overflow: hidden; }
  .analytics-highlights__secondary-columns main {
    box-sizing: border-box;
    margin-bottom: 15px; }
    @media only screen and (min-width: 800px) {
      .analytics-highlights__secondary-columns main {
        width: 45%;
        float: left;
        margin-bottom: -99999px;
        padding-bottom: 99999px; } }
  .analytics-highlights__secondary-columns aside {
    box-sizing: border-box; }
    @media only screen and (min-width: 800px) {
      .analytics-highlights__secondary-columns aside {
        width: 55%;
        float: left;
        margin-bottom: -99999px;
        padding-bottom: 99999px;
        border-left: 1px solid #EFF2F5; } }

.analytics-highlights__secondary-links-list {
  list-style: none;
  padding: 0;
  margin-top: 5px; }

.analytics-highlights__secondary-link {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: block; }

.analytics-highlights__strong {
  font-weight: 600; }

.analytics-highlights__message {
  padding-top: 5px; }

.analytics-highlights .is-negative {
  color: #D33732; }

.metric-box.metric-box--percentage {
  margin-bottom: 20px; }

.metric-box__title {
  color: #282C35;
  font-size: 12px;
  font-weight: 400; }
  .metric-box--percentage .metric-box__title {
    line-height: 22px; }
  .analytics-highlights__panel-item.is-active .metric-box__title,
  .analytics-highlights__panel-link:hover .metric-box__title,
  .analytics-highlights__panel-link:active .metric-box__title,
  .analytics-highlights__panel-link:focus .metric-box__title,
  .analytics-highlights__panel-link:link .metric-box__title,
  .analytics-highlights__panel-link:visited .metric-box__title {
    color: #0278b8; }

.metric-box__value {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
  text-rendering: optimizelegibility;
  font-weight: 200;
  color: #282C35; }
  .metric-box--percentage .metric-box__value {
    font-size: 35px;
    font-weight: 200;
    margin-bottom: 30px;
    line-height: 30px; }
  .analytics-highlights__panel-item.is-active .metric-box__value,
  .analytics-highlights__panel-link:hover .metric-box__value,
  .analytics-highlights__panel-link:active .metric-box__value,
  .analytics-highlights__panel-link:focus .metric-box__value,
  .analytics-highlights__panel-link:link .metric-box__value,
  .analytics-highlights__panel-link:visited .metric-box__value {
    color: #0278b8; }

.metric-box__value-sign {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
  text-rendering: optimizelegibility;
  margin-left: 3px; }

.metric-highlight {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
  text-rendering: optimizelegibility;
  font-weight: 200;
  color: #282C35;
  margin: 5px 0; }

.metric-small {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #45494E; }

.metric-definition-list:after {
  content: "";
  display: table;
  clear: both; }

@media only screen and (min-width: 800px) {
  .metric-definition-list {
    padding-left: 20px; } }

.metric-definition-list dt {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #45494E;
  display: inline-block;
  float: left;
  clear: left; }
  .metric-definition-list dt i {
    margin-left: 5px; }

.metric-definition-list dd {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  font-weight: 600;
  text-align: right;
  margin-bottom: 5px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.autocomplete-component {
  position: relative;
  overflow: visible; }

.ui-autocomplete {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 100 !important;
  font-size: 20px;
  position: absolute;
  cursor: default;
  border-radius: 0;
  width: 100% !important;
  left: 0 !important; }

.ui-corner-all {
  border-radius: 0; }

.ui-autocomplete-input.ui-autocomplete-loading {
  background: url("../../../images/event_page/loading/autocomplete.gif") calc(100% - 10px) center no-repeat; }

.ui-menu {
  padding-left: 0;
  list-style: none; }

.ui-menu-item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: #fff;
  border-top: 0;
  border-radius: 0;
  display: block;
  cursor: pointer; }
  .ui-menu-item a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    font-weight: 400;
    display: block;
    padding: 10px 20px;
    color: #45494E;
    text-decoration: none; }
    .ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-focus {
      color: #fff;
      background-color: #0278b8; }
  .ui-menu-item:hover {
    color: #fff;
    background-color: #0278b8; }
  .ui-menu-item:first-child, .ui-menu-item a.ui-state-focus:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .ui-menu-item:last-child, .ui-menu-item a.ui-state-focus:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

.autocomplete-component--location .ico-location {
  color: #D2D6DF; }
  .autocomplete-component--location .ico-location:hover {
    color: #0093D7; }

.autocomplete-component--location.powered-by-google .ui-menu-item:last-child {
  border-bottom: #D2D6DF solid 1px; }

.autocomplete-component--location.powered-by-google .ui-autocomplete {
  background: url("../../../images/icons/powered-by-google-on-white.png") #fff no-repeat bottom right;
  padding-bottom: 20px; }

.ui-autocomplete__light {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: transparent;
  background-color: rgba(255, 255, 255, 0.95);
  zoom: 1;
  box-shadow: none; }
  .ui-autocomplete__light.noresults .ui-menu-item a {
    color: #ff160f; }
  .ui-autocomplete__light .ui-menu-item {
    border-top: #eeeeee solid 1px;
    background: transparent; }
    .ui-autocomplete__light .ui-menu-item a {
      line-height: 1.2em;
      color: #cccccc;
      font-weight: 600;
      text-transform: uppercase; }
      .ui-autocomplete__light .ui-menu-item a .text-body--significant, .ui-autocomplete__light .ui-menu-item a .responsive-table th a, .responsive-table th .ui-autocomplete__light .ui-menu-item a a {
        color: #45494E; }
    .ui-autocomplete__light .ui-menu-item:hover, .ui-autocomplete__light .ui-menu-item a.ui-state-hover, .ui-autocomplete__light .ui-menu-item a.ui-state-focus {
      background-color: #eaf8fe; }
  .ui-autocomplete__light.powered_by_google {
    background: url("../../../images/icons/powered-by-google-on-white.png") no-repeat bottom right;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.95);
    padding-bottom: 20px; }
    .ui-autocomplete__light.powered_by_google .ui-menu-item:last-child {
      border-bottom: #eeeeee solid 1px; }

.autocomplete-component--email-domain {
  color: #cccccc; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.event-card__image {
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
  overflow: hidden;
  text-align: center;
  width: 190px;
  height: 95px; }
  .event-card__image img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%; }

.event-card__date {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: #45494E;
  font-size: 12px;
  line-height: 18px;
  height: 2em;
  text-transform: uppercase;
  letter-spacing: 1px; }

.event-card__title {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 40px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #282C35;
  font-size: 15px;
  line-height: 20px;
  max-height: 2.5em;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0; }

/* For Demo */
.event-cards-container {
  background-color: #F8F8FA; }

.list-card {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.2s cubic-bezier(0, 0.2, 0.4, 1);
  background-color: white;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  display: block;
  padding: 10px; }
  .list-card:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    text-decoration: none; }
  .list-card a:focus,
  .list-card a:hover {
    color: initial;
    text-decoration: none; }
  .list-card .list-card__header {
    position: relative;
    margin-right: 15px; }
    @media only screen and (max-width: 479px) {
      .list-card .list-card__header {
        margin-right: 10px; } }
    .list-card .list-card__header .list-card__image {
      -webkit-transition: background-color 0.5s;
      -moz-transition: background-color 0.5s;
      transition: background-color 0.5s;
      overflow: hidden;
      text-align: center;
      width: 190px;
      height: 95px; }
      .list-card .list-card__header .list-card__image img {
        max-width: 100%;
        max-height: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        top: 50%; }
      @media only screen and (max-width: 479px) {
        .list-card .list-card__header .list-card__image {
          width: 130px;
          height: 65px; } }
    .list-card .list-card__header .list-card__label {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      background-color: white;
      background-color: rgba(255, 255, 255, 0.92);
      text-transform: uppercase;
      font-size: 12px;
      line-height: 18px;
      color: #282C35;
      box-sizing: border-box;
      padding: 2px 10px;
      background-color: #eff2f5;
      background-color: #EFF2F5;
      display: block;
      width: 190px; }
      @media only screen and (max-width: 479px) {
        .list-card .list-card__header .list-card__label {
          width: 130px; } }
  .list-card .list-card__body {
    position: relative; }
    .list-card .list-card__body .list-card__date {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block;
      color: #45494E;
      font-size: 12px;
      line-height: 18px;
      height: 2em;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 5px 20px 0 0; }
      @media only screen and (max-width: 479px) {
        .list-card .list-card__body .list-card__date {
          padding-top: 0; } }
    .list-card .list-card__body .list-card__title {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      max-height: 40px;
      /* Fallback for non-webkit */
      margin: 0 auto;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #282C35;
      font-size: 15px;
      line-height: 20px;
      max-height: 2.5em;
      font-weight: 600;
      letter-spacing: 0;
      padding: 0;
      height: 40px;
      margin-bottom: 10px; }
    .list-card .list-card__body .list-card__organizer,
    .list-card .list-card__body .list-card__venue {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color: #666A73;
      font-size: 12px;
      line-height: 18px;
      height: 2em; }

.list-card-v2 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.2s cubic-bezier(0, 0.2, 0.4, 1);
  background-color: white;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  display: block; }
  .list-card-v2:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    text-decoration: none; }
  .list-card-v2 a:focus,
  .list-card-v2 a:hover {
    color: initial;
    text-decoration: none; }
  .list-card-v2 .list-card__main {
    display: block;
    padding: 0; }
    .list-card-v2 .list-card__main > *:first-child {
      margin-right: 0; }
    .list-card-v2 .list-card__main:focus .list-card__title {
      text-decoration: underline; }
  .list-card-v2 .list-card__header {
    position: relative;
    width: 200px; }
    @media only screen and (max-width: 479px) {
      .list-card-v2 .list-card__header {
        width: 150px; } }
  .list-card-v2 .list-card__image {
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
    overflow: hidden;
    text-align: center;
    height: 100px; }
    .list-card-v2 .list-card__image img {
      max-width: 100%;
      max-height: 100%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative;
      top: 50%; }
    @media only screen and (max-width: 479px) {
      .list-card-v2 .list-card__image {
        height: 75px; } }
  .list-card-v2 .list-card__label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.92);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    color: #282C35;
    box-sizing: border-box;
    padding: 2px 10px;
    background-color: #eff2f5;
    background-color: #EFF2F5;
    display: block;
    height: 37px;
    line-height: 37px; }
    @media only screen and (max-width: 479px) {
      .list-card-v2 .list-card__label {
        height: 25px;
        line-height: 25px;
        padding: 0 10px; } }
  .list-card-v2 .list-card__body {
    height: 100px;
    padding: 0 20px;
    border-bottom: 1px solid #EFF2F5; }
    @media only screen and (max-width: 479px) {
      .list-card-v2 .list-card__body {
        height: 99px;
        padding: 0 10px; } }
  .list-card-v2 .list-card__date {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    color: #45494E;
    font-size: 12px;
    line-height: 18px;
    height: 2em;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px 0 0; }
  .list-card-v2 .list-card__title {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 40px;
    /* Fallback for non-webkit */
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #282C35;
    font-size: 15px;
    line-height: 20px;
    max-height: 2.5em;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0;
    height: 40px;
    margin-bottom: 2px; }
  .list-card-v2 .list-card__organizer,
  .list-card-v2 .list-card__venue {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666A73;
    font-size: 12px;
    line-height: 18px;
    height: 2em; }
  .list-card-v2 .list-card__footer {
    position: relative;
    max-height: 3em;
    line-height: 36px;
    padding-right: 72px; }
    .list-card-v2 .list-card__footer i {
      line-height: 34px; }
  .list-card-v2 .list-card__signals {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 20px; }
    .list-card-v2 .list-card__signals .urgency-signal {
      font-size: 12px;
      margin-right: 10px;
      text-transform: capitalize;
      vertical-align: 4px; }
    @media only screen and (max-width: 479px) {
      .list-card-v2 .list-card__signals {
        padding-left: 10px; } }
  .list-card-v2 .list-card__sponsorship {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 25px; }
    .list-card-v2 .list-card__sponsorship .sponsorship-signal {
      vertical-align: 2px; }
    .list-card-v2 .list-card__sponsorship i {
      line-height: 30px;
      background: #F8F8FA;
      padding: 2px; }
    .list-card-v2 .list-card__sponsorship a {
      color: #45494E;
      font-size: 12px;
      margin-right: 10px;
      text-transform: capitalize; }
      .list-card-v2 .list-card__sponsorship a:hover {
        color: #0093D7; }
    @media only screen and (max-width: 479px) {
      .list-card-v2 .list-card__sponsorship {
        padding-left: 15px; } }
  .list-card-v2 .list-card__tags {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 20px; }
    .list-card-v2 .list-card__tags a {
      color: #45494E;
      font-size: 12px;
      margin-right: 10px;
      text-transform: capitalize; }
      .list-card-v2 .list-card__tags a:hover {
        color: #0093D7; }
    @media only screen and (max-width: 479px) {
      .list-card-v2 .list-card__tags {
        padding-left: 10px; } }
  .list-card-v2 .list-card__actions {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    line-height: 34px; }
    .list-card-v2 .list-card__actions a, .list-card-v2 .list-card__actions span {
      display: inline-block;
      color: #666A73;
      font-size: 20px;
      width: 36px;
      height: 36px;
      border-left: 1px solid #EFF2F5;
      box-sizing: border-box;
      text-align: center; }
      .list-card-v2 .list-card__actions a .ico-bookmarked, .list-card-v2 .list-card__actions span .ico-bookmarked {
        color: #0093D7; }
      .list-card-v2 .list-card__actions a:hover, .list-card-v2 .list-card__actions span:hover {
        color: #0093D7; }
        .list-card-v2 .list-card__actions a:hover .ico-bookmarked, .list-card-v2 .list-card__actions span:hover .ico-bookmarked {
          color: #0bb2ff; }
      .list-card-v2 .list-card__actions a.is-hidden, .list-card-v2 .list-card__actions span.is-hidden {
        display: none; }
    .list-card-v2 .list-card__actions i {
      position: relative;
      left: 1px; }

.poster-card {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.2s cubic-bezier(0, 0.2, 0.4, 1);
  background-color: white;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  display: block; }
  .poster-card:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    text-decoration: none; }
  .poster-card a:focus,
  .poster-card a:hover {
    color: initial;
    text-decoration: none; }
  .poster-card .poster-card__main {
    display: block; }
    .poster-card .poster-card__main:focus .poster-card__title {
      text-decoration: underline; }
  .poster-card .poster-card__header {
    position: relative;
    line-height: 0; }
    .poster-card .poster-card__header:before {
      display: block;
      content: "\00A0";
      width: 100%;
      padding-top: 50%; }
    .poster-card .poster-card__header:after {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 1px;
      display: block;
      content: "\00A0";
      width: 100%;
      background: #EFF2F5; }
    .poster-card .poster-card__header .poster-card__image {
      -webkit-transition: background-color 0.5s;
      -moz-transition: background-color 0.5s;
      transition: background-color 0.5s;
      overflow: hidden;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .poster-card .poster-card__header .poster-card__image img {
        max-width: 100%;
        max-height: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        top: 50%; }
    .poster-card .poster-card__header .poster-card__friends {
      background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3));
      background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      padding: 25px 15px 10px; }
      .poster-card .poster-card__header .poster-card__friends span {
        overflow: hidden;
        border: 1px solid white;
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 12px;
        line-height: 30px;
        box-sizing: border-box;
        color: white;
        vertical-align: top; }
        .poster-card .poster-card__header .poster-card__friends span img {
          max-width: 100%;
          max-height: 100%; }
    .poster-card .poster-card__header .poster-card__label {
      background-color: white;
      background-color: rgba(255, 255, 255, 0.92);
      text-transform: uppercase;
      font-size: 12px;
      line-height: 18px;
      color: #282C35;
      box-sizing: border-box;
      padding: 2px 10px;
      position: absolute;
      display: inline-block;
      top: 10px;
      right: 10px; }
  .poster-card .poster-card__body {
    padding: 5px 15px; }
    .poster-card .poster-card__body .poster-card__date {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block;
      color: #45494E;
      font-size: 12px;
      line-height: 18px;
      height: 2em;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 5px 0 0 0; }
    .poster-card .poster-card__body .poster-card__title {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      max-height: 38px;
      /* Fallback for non-webkit */
      margin: 0 auto;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #282C35;
      font-size: 15px;
      line-height: 19px;
      max-height: 2.5em;
      font-weight: 600;
      letter-spacing: 0;
      padding: 0;
      height: 2.5em; }
    .poster-card .poster-card__body .poster-card__venue {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color: #666A73;
      font-size: 12px;
      line-height: 18px;
      height: 2em;
      padding: 5px 0 0 0; }
  .poster-card .poster-card__footer {
    position: relative;
    max-height: 3em;
    line-height: 40px;
    padding-right: 80px;
    border-top: 1px solid #EFF2F5;
    padding-left: 15px; }
    .poster-card .poster-card__footer .poster-card__tags {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .poster-card .poster-card__footer .poster-card__tags a {
        color: #45494E;
        font-size: 12px;
        margin-right: 10px;
        text-transform: capitalize; }
        .poster-card .poster-card__footer .poster-card__tags a:hover {
          color: #0093D7; }
    .poster-card .poster-card__footer .poster-card__signals {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .poster-card .poster-card__footer .poster-card__signals .urgency-signal {
        font-size: 12px;
        margin-right: 10px;
        text-transform: capitalize;
        vertical-align: 4px; }
    .poster-card .poster-card__footer .poster-card__sponsorship .sponsorship-signal {
      vertical-align: 2px; }
    .poster-card .poster-card__footer .poster-card__sponsorship i {
      line-height: 30px;
      background: #F8F8FA;
      padding: 2px; }
    .poster-card .poster-card__footer .poster-card__actions {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0;
      line-height: 38px; }
      .poster-card .poster-card__footer .poster-card__actions a, .poster-card .poster-card__footer .poster-card__actions span {
        display: inline-block;
        color: #666A73;
        font-size: 20px;
        width: 40px;
        height: 40px;
        border-left: 1px solid #EFF2F5;
        box-sizing: border-box;
        text-align: center; }
        .poster-card .poster-card__footer .poster-card__actions a .ico-bookmarked, .poster-card .poster-card__footer .poster-card__actions span .ico-bookmarked {
          color: #0093D7; }
        .poster-card .poster-card__footer .poster-card__actions a:hover, .poster-card .poster-card__footer .poster-card__actions span:hover {
          color: #0093D7; }
          .poster-card .poster-card__footer .poster-card__actions a:hover .ico-bookmarked, .poster-card .poster-card__footer .poster-card__actions span:hover .ico-bookmarked {
            color: #0bb2ff; }
        .poster-card .poster-card__footer .poster-card__actions a.is-hidden, .poster-card .poster-card__footer .poster-card__actions span.is-hidden {
          display: none; }
      .poster-card .poster-card__footer .poster-card__actions i {
        position: relative;
        left: 1px; }
    .poster-card .poster-card__footer i {
      line-height: 38px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.list-person ul {
  clear: both;
  margin-top: 20px; }
  @media only screen and (max-width: 479px) {
    .list-person ul {
      text-align: center; } }
  .list-person ul p {
    color: rgba(40, 44, 53, 0.45);
    padding: 0;
    margin: 0; }
  .list-person ul ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .list-person ul li {
    margin-bottom: 40px;
    text-align: center; }
    .list-person ul li p:first-of-type {
      margin-top: 5px; }

.list-person .avatar {
  margin: 0 auto 10px auto; }

.list-person__name {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.list-attendee {
  margin-bottom: 20px;
  padding-left: 54px;
  cursor: pointer; }

.list-attendee__name:hover {
  text-decoration: underline; }

.list-attendee__name,
.list-attendee__role {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
  padding-left: 5px; }

.list-attendee .avatar {
  display: inline-block;
  vertical-align: middle;
  margin-left: -54px; }

.list-attendee__info-container {
  display: inline-block;
  vertical-align: middle;
  width: 100%; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.btn--menu {
  background-color: white;
  border: 1px solid #D2D6DF;
  border-radius: 5px;
  padding: 3px 8px;
  color: #0278b8;
  font-size: 16px; }
  @media only screen and (min-width: 800px) {
    .btn--menu .menu-list {
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-property: z-index;
      -moz-transition-property: z-index;
      transition-property: z-index;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -webkit-transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      transition-timing-function: ease; } }
  .btn--menu .menu-list {
    background-color: white;
    border: 1px solid #D2D6DF;
    display: block;
    opacity: 0;
    position: absolute;
    right: -1px;
    text-transform: none;
    white-space: nowrap;
    z-index: -1; }
    .btn--menu .menu-list .list {
      background-color: white;
      font-size: 15px;
      font-weight: 400;
      outline: 1px solid #D2D6DF;
      overflow: hidden; }
      @media only screen and (min-width: 800px) {
        .btn--menu .menu-list .list .list-item a {
          -webkit-transition-property: background-color;
          -moz-transition-property: background-color;
          transition-property: background-color;
          -webkit-transition-duration: 0.2s;
          -moz-transition-duration: 0.2s;
          transition-duration: 0.2s;
          -webkit-transition-timing-function: ease;
          -moz-transition-timing-function: ease;
          transition-timing-function: ease; } }
      .btn--menu .menu-list .list .list-item a {
        padding: 10px 20px; }
        .btn--menu .menu-list .list .list-item a:hover, .btn--menu .menu-list .list .list-item a:active, .btn--menu .menu-list .list .list-item a:focus {
          background-color: #F8F8FA; }
  .btn--menu:hover .menu-list, .btn--menu:active .menu-list, .btn--menu:focus .menu-list {
    opacity: 1;
    z-index: 10100; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.listing-order-box__credit-card-list,
.listing-order-box__paypal {
  text-align: center; }

.listing-order-box__credit-card {
  display: inline-block;
  margin-right: 10px; }

.listing-order-box__paypal-logo-img,
.listing-order-box__credit-card-img {
  vertical-align: middle; }

.listing-order-box__paypal-text {
  color: rgba(40, 44, 53, 0.8); }
  @media only screen and (max-width: 479px) {
    .listing-order-box__paypal-text {
      padding-bottom: 10px;
      font-size: 12px; } }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
.loading-spinner {
  width: 100%; }
  .loading-spinner > * {
    margin-left: auto;
    margin-right: auto; }

.loading-indicator {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  position: relative;
  overflow: hidden;
  margin: auto; }
  .loading-indicator .circular {
    -webkit-animation: loading-rotate-circle 2s linear infinite;
    -moz-animation: loading-rotate-circle 2s linear infinite;
    animation: loading-rotate-circle 2s linear infinite;
    position: relative; }
  .loading-indicator .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite, loading-color 7.5s ease-in-out infinite;
    -moz-animation: loading-dash 1.5s ease-in-out infinite, loading-color 7.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite, loading-color 7.5s ease-in-out infinite;
    stroke-dasharray: 89,200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke: #0093D7; }
  .loading-indicator--monochrome > .loading-indicator .path, .loading-indicator.loading-indicator--monochrome .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite, loading-white 7.5s ease-in-out infinite;
    -moz-animation: loading-dash 1.5s ease-in-out infinite, loading-white 7.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite, loading-white 7.5s ease-in-out infinite;
    stroke: white; }
  .loading-indicator--fallback .loading-indicator--monochrome > .loading-indicator, .loading-indicator--monochrome > .loading-indicator.loading-indicator--fallback, .loading-indicator--fallback .loading-indicator.loading-indicator--monochrome, .loading-indicator.loading-indicator--monochrome.loading-indicator--fallback {
    background-image: url("/images/loader/loader-white.gif"); }
  .loading-indicator--fallback .loading-indicator, .loading-indicator.loading-indicator--fallback {
    background: url("/images/loader/loader-color.gif") no-repeat;
    background-size: 100%; }
    .loading-indicator--fallback .loading-indicator svg, .loading-indicator.loading-indicator--fallback svg {
      display: none; }

@-webkit-keyframes loading-rotate-circle {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes loading-rotate-circle {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-rotate-circle {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@-moz-keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@-webkit-keyframes loading-color {
  0% {
    stroke: #0093D7; }
  100% {
    stroke: #0093D7; }
  30% {
    stroke: #00ab44; }
  50% {
    stroke: #ffdb00; }
  70% {
    stroke: #f6682F; }
  90% {
    stroke: #f20cb6; } }

@-moz-keyframes loading-color {
  0% {
    stroke: #0093D7; }
  100% {
    stroke: #0093D7; }
  30% {
    stroke: #00ab44; }
  50% {
    stroke: #ffdb00; }
  70% {
    stroke: #f6682F; }
  90% {
    stroke: #f20cb6; } }

@keyframes loading-color {
  0% {
    stroke: #0093D7; }
  100% {
    stroke: #0093D7; }
  30% {
    stroke: #00ab44; }
  50% {
    stroke: #ffdb00; }
  70% {
    stroke: #f6682F; }
  90% {
    stroke: #f20cb6; } }

@-webkit-keyframes loading-white {
  100% {
    stroke: white; } }

@-moz-keyframes loading-white {
  100% {
    stroke: white; } }

@keyframes loading-white {
  100% {
    stroke: white; } }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.camera-controls {
  position: absolute;
  bottom: 5px;
  left: 10px;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  color: #0093D7; }
  .camera-controls input[type="range"].form__range {
    position: relative;
    right: 2px;
    margin-top: 32px;
    width: 55px !important; }

.camera-controls__group {
  position: relative;
  border-radius: 3px;
  background-color: #ffffff;
  width: 60px;
  box-shadow: 0px 2px 0px rgba(200, 200, 200, 0.1);
  margin-top: 5px; }
  .camera-controls__group:first-child {
    margin-top: 0; }

.camera-controls__pan-right {
  background-image: -webkit-linear-gradient(left, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: -2px 0px 3px rgba(200, 200, 200, 0.3);
  background-color: transparent; }

.camera-controls__pan-left {
  background-image: -webkit-linear-gradient(right, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(to left, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 2px 0px 3px rgba(200, 200, 200, 0.3);
  background-color: transparent; }

.camera-controls__pan-up {
  background-image: -webkit-linear-gradient(bottom, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(to top, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px 2px 3px rgba(200, 200, 200, 0.3);
  background-color: transparent; }

.camera-controls__pan-down {
  background-image: -webkit-linear-gradient(top, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(to bottom, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px -2px 3px rgba(200, 200, 200, 0.3);
  background-color: transparent; }

.camera-controls__pan {
  position: relative;
  height: 60px; }
  .camera-controls__pan i {
    font-size: 16px;
    cursor: pointer;
    font-weight: 700; }
    .camera-controls__pan i:hover {
      color: #333; }
  .camera-controls__pan i[class$="up"] {
    position: absolute;
    top: 5px;
    right: 50%;
    margin-right: -8px; }
  .camera-controls__pan i[class$="down"] {
    position: absolute;
    bottom: 5px;
    right: 50%;
    margin-right: -8px; }
  .camera-controls__pan i[class$="left"] {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -10px; }
  .camera-controls__pan i[class$="right"] {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -10px; }

.camera-controls__zoom {
  font-size: 1.2em;
  text-align: center;
  padding: 5px 0;
  height: 100px; }
  .camera-controls__zoom .ico-plus, .camera-controls__zoom .ico-minus {
    font-weight: 700; }
  .camera-controls__zoom .camera-controls__zoom__out {
    position: absolute;
    bottom: 0;
    left: 23px; }
  .camera-controls__zoom div {
    cursor: pointer; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.ui-multiselect {
  border: 1px solid #D2D6DF;
  border-radius: 3px;
  font-size: 20px; }

.ui-multiselect-menu {
  padding: 0;
  border: 1px solid #D2D6DF;
  background: #fff; }

.ui-multiselect-checkboxes li {
  padding: 5px 10px;
  border-top: 1px solid #D2D6DF;
  font-size: 15px; }
  .ui-multiselect-checkboxes li input[type="checkbox"] {
    margin-right: 5px; }
  .ui-multiselect-checkboxes li:first-child {
    border-top: 0; }
  .ui-multiselect-checkboxes li:hover {
    cursor: pointer;
    background: #0278b8;
    color: #fff; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
html, body, .container {
  height: 100%; }

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

.layout-inline > * {
  display: inline-block;
  zoom: 1; }

.layout-container-full-height {
  min-height: 100%;
  height: auto !important; }

.layout-constrained {
  width: 980px;
  margin: 0 auto;
  position: relative; }

.layout-body {
  padding: 36px 0 134px 0; }

.layout-body-no-header-footer {
  padding: 20px 0 0 0; }

.layout-main-content {
  width: 658px;
  float: left;
  margin: 0;
  border: 1px solid #dedede;
  border-radius: 5px;
  background: white; }

.layout-sidebar {
  width: 300px;
  float: right; }
  .layout-sidebar > *:first-child {
    margin-top: 0; }
  .layout-sidebar > .pod img {
    max-width: 218px;
    height: auto; }

.layout-two-column-list {
  width: 100%;
  margin: 0;
  padding: 0; }
  .layout-two-column-list li {
    list-style: none;
    width: 49.5%;
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0; }
  .layout-two-column-list * {
    vertical-align: middle; }

.layout-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100; }

.layout-overlay--visible {
  opacity: 0.5;
  background: #ffffff;
  border-radius: inherit; }

/***************************************/
/********** Deprecated styles **********/
/***************************************/
.hide,
.hidden,
.hide_me {
  display: none; }

.clear_both {
  clear: both; }

.clear_left {
  clear: left; }

.l-block-7 {
  margin-top: 35px; }

.l-block-8 {
  margin-top: 40px; }

.l-block-9 {
  margin-top: 45px; }

.l-block-10 {
  margin-top: 50px; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.form--labels-narrow .form__row--label-column, .form .form__row--label-column,
.form--labels-narrow .form__footer, .form .form__footer {
  padding-left: 120px; }
  @media only screen and (max-width: 600px) {
    .is-responsive .form--labels-narrow .form__row--label-column, .is-responsive .form .form__row--label-column, .is-responsive
    .form--labels-narrow .form__footer, .is-responsive .form .form__footer {
      padding-left: 0; } }

.form--labels-narrow .form__row--label-column .form__label--column, .form .form__row--label-column .form__label--column {
  margin-left: -121px;
  width: 100px; }
  @media only screen and (max-width: 600px) {
    .is-responsive .form--labels-narrow .form__row--label-column .form__label--column, .is-responsive .form .form__row--label-column .form__label--column {
      width: 100%;
      margin-left: 0;
      padding-bottom: 5px; } }

.form--labels-medium .form__row--label-column,
.form--labels-medium .form__footer {
  padding-left: 160px; }
  @media only screen and (max-width: 600px) {
    .is-responsive .form--labels-medium .form__row--label-column, .is-responsive
    .form--labels-medium .form__footer {
      padding-left: 0; } }

.form--labels-medium .form__row--label-column .form__label--column {
  width: 140px;
  margin-left: -161px; }
  @media only screen and (max-width: 600px) {
    .is-responsive .form--labels-medium .form__row--label-column .form__label--column {
      width: 100%;
      margin-left: 0;
      padding-bottom: 5px; } }

.form--labels-wide .form__row--label-column,
.form--labels-wide .form__footer {
  padding-left: 240px; }
  @media only screen and (max-width: 600px) {
    .is-responsive .form--labels-wide .form__row--label-column, .is-responsive
    .form--labels-wide .form__footer {
      padding-left: 0; } }

.form--labels-wide .form__row--label-column .form__label--column {
  width: 220px;
  margin-left: -241px; }
  @media only screen and (max-width: 600px) {
    .is-responsive .form--labels-wide .form__row--label-column .form__label--column {
      width: 100%;
      margin-left: 0; } }

.form {
  width: 100%; }
  .form .form__label--column,
  .form .form__footer {
    margin-right: 19px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-weight: 400; }
    @media only screen and (max-width: 600px) {
      .is-responsive .form .form__label--column, .is-responsive
      .form .form__footer {
        font-weight: 400;
        text-align: left; } }
  .form .form__group {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    vertical-align: top; }
  .form.form--stacked {
    padding-left: 0; }
    .form.form--stacked .form__label--column,
    .form.form--stacked .form__footer {
      display: block;
      width: 100%;
      text-align: left; }
    .form.form--stacked .form__row .btn:first-child, .form.form--stacked .form__row .chart-panel__button:first-child {
      margin-left: 0; }

.form__row {
  vertical-align: middle;
  position: relative; }
  .form__row.form__row--indented {
    margin-left: 30px; }

.form__label--hidden {
  position: absolute;
  left: -999999px; }

.scrollable-pane:focus, .responsive-form input[type="color"]:focus, .responsive-form input[type="date"]:focus, .responsive-form input[type="datetime"]:focus, .responsive-form input[type="datetime-local"]:focus, .responsive-form input[type="email"]:focus, .responsive-form input[type="month"]:focus, .responsive-form input[type="number"]:focus, .responsive-form input[type="password"]:focus, .responsive-form input[type="range"]:focus, .responsive-form input[type="search"]:focus, .responsive-form input[type="tel"]:focus, .responsive-form input[type="time"]:focus, .responsive-form input[type="text"]:focus, .responsive-form input[type="url"]:focus, .responsive-form input[type="week"]:focus,
.responsive-form textarea:focus,
.responsive-form [contenteditable="true"]:focus, .responsive-form input[type="color"].has-form-input-error:focus, .responsive-form input[type="date"].has-form-input-error:focus, .responsive-form input[type="datetime"].has-form-input-error:focus, .responsive-form input[type="datetime-local"].has-form-input-error:focus, .responsive-form input[type="email"].has-form-input-error:focus, .responsive-form input[type="month"].has-form-input-error:focus, .responsive-form input[type="number"].has-form-input-error:focus, .responsive-form input[type="password"].has-form-input-error:focus, .responsive-form input[type="range"].has-form-input-error:focus, .responsive-form input[type="search"].has-form-input-error:focus, .responsive-form input[type="tel"].has-form-input-error:focus, .responsive-form input[type="time"].has-form-input-error:focus, .responsive-form input[type="text"].has-form-input-error:focus, .responsive-form input[type="url"].has-form-input-error:focus, .responsive-form input[type="week"].has-form-input-error:focus,
.responsive-form .responsive-form__select.has-form-input-error:focus, .responsive-form select.has-form-input-error:focus,
.responsive-form textarea.has-form-input-error:focus, .responsive-form__select:active, .responsive-form__select:focus, .responsive-form__select.responsive-form__select--focus, .form input[type="color"]:focus, .form input[type="date"]:focus, .form input[type="datetime"]:focus, .form input[type="datetime-local"]:focus, .form input[type="email"]:focus, .form input[type="month"]:focus, .form input[type="number"]:focus, .form input[type="password"]:focus, .form input[type="range"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="time"]:focus, .form input[type="text"]:focus, .form input[type="url"]:focus, .form input[type="week"]:focus, .form .form__input:focus,
.form textarea:focus,
.form [contenteditable="true"]:focus, .form input[type="color"].has-form-input-error:focus, .form input[type="date"].has-form-input-error:focus, .form input[type="datetime"].has-form-input-error:focus, .form input[type="datetime-local"].has-form-input-error:focus, .form input[type="email"].has-form-input-error:focus, .form input[type="month"].has-form-input-error:focus, .form input[type="number"].has-form-input-error:focus, .form input[type="password"].has-form-input-error:focus, .form input[type="range"].has-form-input-error:focus, .form input[type="search"].has-form-input-error:focus, .form input[type="tel"].has-form-input-error:focus, .form input[type="time"].has-form-input-error:focus, .form input[type="text"].has-form-input-error:focus, .form input[type="url"].has-form-input-error:focus, .form input[type="week"].has-form-input-error:focus, .form .form__input.has-form-input-error:focus,
.form .form__select.has-form-input-error:focus,
.form .responsive-form__select.has-form-input-error:focus,
.form select.has-form-input-error:focus,
.form textarea.has-form-input-error:focus, .form__select:active {
  outline: none;
  border: 1px solid #0093D7; }

.form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="email"], .form input[type="month"], .form input[type="number"], .form input[type="password"], .form input[type="range"], .form input[type="search"], .form input[type="tel"], .form input[type="time"], .form input[type="text"], .form input[type="url"], .form input[type="week"], .form .form__input,
.form textarea,
.form [contenteditable="true"] {
  vertical-align: middle;
  border: 1px #D2D6DF solid;
  background: white;
  border-radius: 3px;
  color: #45494E;
  width: 90%;
  padding: 0 12px; }
  @media only screen and (max-width: 600px) {
    .is-responsive .form input[type="color"], .is-responsive .form input[type="date"], .is-responsive .form input[type="datetime"], .is-responsive .form input[type="datetime-local"], .is-responsive .form input[type="email"], .is-responsive .form input[type="month"], .is-responsive .form input[type="number"], .is-responsive .form input[type="password"], .is-responsive .form input[type="range"], .is-responsive .form input[type="search"], .is-responsive .form input[type="tel"], .is-responsive .form input[type="time"], .is-responsive .form input[type="text"], .is-responsive .form input[type="url"], .is-responsive .form input[type="week"], .is-responsive .form .form__input, .is-responsive
    .form textarea, .is-responsive
    .form [contenteditable="true"] {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%; } }

@media only screen and (max-width: 600px) {
  .is-responsive .form input[type="checkbox"], .is-responsive
  .form input[type="radio"] {
    width: auto; } }

.form label,
.form .form__label {
  vertical-align: middle;
  font-size: 15px;
  color: #282C35; }

.form .form__label--emphasized {
  font-weight: 400; }

.form textarea {
  height: 150px;
  padding-top: 10px;
  padding-bottom: 10px; }

.form input[type="checkbox"],
.form input[type="radio"],
.form input[type="submit"] {
  width: auto;
  vertical-align: middle; }

.form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="email"], .form input[type="month"], .form input[type="number"], .form input[type="password"], .form input[type="range"], .form input[type="search"], .form input[type="tel"], .form input[type="time"], .form input[type="text"], .form input[type="url"], .form input[type="week"], .form .form__input {
  height: 35px; }

.form input[type="color"].form__input--xxshort, .form input[type="date"].form__input--xxshort, .form input[type="datetime"].form__input--xxshort, .form input[type="datetime-local"].form__input--xxshort, .form input[type="email"].form__input--xxshort, .form input[type="month"].form__input--xxshort, .form input[type="number"].form__input--xxshort, .form input[type="password"].form__input--xxshort, .form input[type="range"].form__input--xxshort, .form input[type="search"].form__input--xxshort, .form input[type="tel"].form__input--xxshort, .form input[type="time"].form__input--xxshort, .form input[type="text"].form__input--xxshort, .form input[type="url"].form__input--xxshort, .form input[type="week"].form__input--xxshort, .form .form__input.form__input--xxshort,
.form .form__select.form__input--xxshort,
.form .responsive-form__select.form__input--xxshort,
.form select.form__input--xxshort,
.form textarea.form__input--xxshort {
  width: 60px; }

.form input[type="color"].form__input--xshort, .form input[type="date"].form__input--xshort, .form input[type="datetime"].form__input--xshort, .form input[type="datetime-local"].form__input--xshort, .form input[type="email"].form__input--xshort, .form input[type="month"].form__input--xshort, .form input[type="number"].form__input--xshort, .form input[type="password"].form__input--xshort, .form input[type="range"].form__input--xshort, .form input[type="search"].form__input--xshort, .form input[type="tel"].form__input--xshort, .form input[type="time"].form__input--xshort, .form input[type="text"].form__input--xshort, .form input[type="url"].form__input--xshort, .form input[type="week"].form__input--xshort, .form .form__input.form__input--xshort,
.form .form__select.form__input--xshort,
.form .responsive-form__select.form__input--xshort,
.form select.form__input--xshort,
.form textarea.form__input--xshort {
  width: 90px; }

.form input[type="color"].form__input--short, .form input[type="date"].form__input--short, .form input[type="datetime"].form__input--short, .form input[type="datetime-local"].form__input--short, .form input[type="email"].form__input--short, .form input[type="month"].form__input--short, .form input[type="number"].form__input--short, .form input[type="password"].form__input--short, .form input[type="range"].form__input--short, .form input[type="search"].form__input--short, .form input[type="tel"].form__input--short, .form input[type="time"].form__input--short, .form input[type="text"].form__input--short, .form input[type="url"].form__input--short, .form input[type="week"].form__input--short, .form .form__input.form__input--short,
.form .form__select.form__input--short,
.form .responsive-form__select.form__input--short,
.form select.form__input--short,
.form textarea.form__input--short {
  width: 160px; }

.form input[type="color"].form__input--medium, .form input[type="date"].form__input--medium, .form input[type="datetime"].form__input--medium, .form input[type="datetime-local"].form__input--medium, .form input[type="email"].form__input--medium, .form input[type="month"].form__input--medium, .form input[type="number"].form__input--medium, .form input[type="password"].form__input--medium, .form input[type="range"].form__input--medium, .form input[type="search"].form__input--medium, .form input[type="tel"].form__input--medium, .form input[type="time"].form__input--medium, .form input[type="text"].form__input--medium, .form input[type="url"].form__input--medium, .form input[type="week"].form__input--medium, .form .form__input.form__input--medium,
.form .form__select.form__input--medium,
.form .responsive-form__select.form__input--medium,
.form select.form__input--medium,
.form textarea.form__input--medium {
  width: 220px; }

.form input[type="color"].form__input--long, .form input[type="date"].form__input--long, .form input[type="datetime"].form__input--long, .form input[type="datetime-local"].form__input--long, .form input[type="email"].form__input--long, .form input[type="month"].form__input--long, .form input[type="number"].form__input--long, .form input[type="password"].form__input--long, .form input[type="range"].form__input--long, .form input[type="search"].form__input--long, .form input[type="tel"].form__input--long, .form input[type="time"].form__input--long, .form input[type="text"].form__input--long, .form input[type="url"].form__input--long, .form input[type="week"].form__input--long, .form .form__input.form__input--long,
.form .form__select.form__input--long,
.form .responsive-form__select.form__input--long,
.form select.form__input--long,
.form textarea.form__input--long {
  width: 320px; }

.form input[type="color"].form__input--xlong, .form input[type="date"].form__input--xlong, .form input[type="datetime"].form__input--xlong, .form input[type="datetime-local"].form__input--xlong, .form input[type="email"].form__input--xlong, .form input[type="month"].form__input--xlong, .form input[type="number"].form__input--xlong, .form input[type="password"].form__input--xlong, .form input[type="range"].form__input--xlong, .form input[type="search"].form__input--xlong, .form input[type="tel"].form__input--xlong, .form input[type="time"].form__input--xlong, .form input[type="text"].form__input--xlong, .form input[type="url"].form__input--xlong, .form input[type="week"].form__input--xlong, .form .form__input.form__input--xlong,
.form .form__select.form__input--xlong,
.form .responsive-form__select.form__input--xlong,
.form select.form__input--xlong,
.form textarea.form__input--xlong {
  width: 440px; }

.form input[type="color"].form__input--full-width, .form input[type="date"].form__input--full-width, .form input[type="datetime"].form__input--full-width, .form input[type="datetime-local"].form__input--full-width, .form input[type="email"].form__input--full-width, .form input[type="month"].form__input--full-width, .form input[type="number"].form__input--full-width, .form input[type="password"].form__input--full-width, .form input[type="range"].form__input--full-width, .form input[type="search"].form__input--full-width, .form input[type="tel"].form__input--full-width, .form input[type="time"].form__input--full-width, .form input[type="text"].form__input--full-width, .form input[type="url"].form__input--full-width, .form input[type="week"].form__input--full-width, .form .form__input.form__input--full-width,
.form .form__select.form__input--full-width,
.form .responsive-form__select.form__input--full-width,
.form select.form__input--full-width,
.form textarea.form__input--full-width {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.form input[type="color"].form__input--vertical-short, .form input[type="date"].form__input--vertical-short, .form input[type="datetime"].form__input--vertical-short, .form input[type="datetime-local"].form__input--vertical-short, .form input[type="email"].form__input--vertical-short, .form input[type="month"].form__input--vertical-short, .form input[type="number"].form__input--vertical-short, .form input[type="password"].form__input--vertical-short, .form input[type="range"].form__input--vertical-short, .form input[type="search"].form__input--vertical-short, .form input[type="tel"].form__input--vertical-short, .form input[type="time"].form__input--vertical-short, .form input[type="text"].form__input--vertical-short, .form input[type="url"].form__input--vertical-short, .form input[type="week"].form__input--vertical-short, .form .form__input.form__input--vertical-short,
.form .form__select.form__input--vertical-short,
.form .responsive-form__select.form__input--vertical-short,
.form select.form__input--vertical-short,
.form textarea.form__input--vertical-short {
  height: 50px; }

.form input[type="color"].has-form-input-error, .form input[type="date"].has-form-input-error, .form input[type="datetime"].has-form-input-error, .form input[type="datetime-local"].has-form-input-error, .form input[type="email"].has-form-input-error, .form input[type="month"].has-form-input-error, .form input[type="number"].has-form-input-error, .form input[type="password"].has-form-input-error, .form input[type="range"].has-form-input-error, .form input[type="search"].has-form-input-error, .form input[type="tel"].has-form-input-error, .form input[type="time"].has-form-input-error, .form input[type="text"].has-form-input-error, .form input[type="url"].has-form-input-error, .form input[type="week"].has-form-input-error, .form .form__input.has-form-input-error,
.form .form__select.has-form-input-error,
.form .responsive-form__select.has-form-input-error,
.form select.has-form-input-error,
.form textarea.has-form-input-error {
  border: 1px #D33732 solid; }

.form .form__input--currency {
  position: relative;
  display: inline-block; }
  .form .form__input--currency input[type="color"], .form .form__input--currency input[type="date"], .form .form__input--currency input[type="datetime"], .form .form__input--currency input[type="datetime-local"], .form .form__input--currency input[type="email"], .form .form__input--currency input[type="month"], .form .form__input--currency input[type="number"], .form .form__input--currency input[type="password"], .form .form__input--currency input[type="range"], .form .form__input--currency input[type="search"], .form .form__input--currency input[type="tel"], .form .form__input--currency input[type="time"], .form .form__input--currency input[type="text"], .form .form__input--currency input[type="url"], .form .form__input--currency input[type="week"], .form .form__input--currency .form__input {
    padding: 0 12px 0 22px;
    text-align: right;
    font-size: 16px; }
    @media only screen and (max-width: 600px) {
      .is-responsive .form .form__input--currency input[type="color"], .is-responsive .form .form__input--currency input[type="date"], .is-responsive .form .form__input--currency input[type="datetime"], .is-responsive .form .form__input--currency input[type="datetime-local"], .is-responsive .form .form__input--currency input[type="email"], .is-responsive .form .form__input--currency input[type="month"], .is-responsive .form .form__input--currency input[type="number"], .is-responsive .form .form__input--currency input[type="password"], .is-responsive .form .form__input--currency input[type="range"], .is-responsive .form .form__input--currency input[type="search"], .is-responsive .form .form__input--currency input[type="tel"], .is-responsive .form .form__input--currency input[type="time"], .is-responsive .form .form__input--currency input[type="text"], .is-responsive .form .form__input--currency input[type="url"], .is-responsive .form .form__input--currency input[type="week"], .is-responsive .form .form__input--currency .form__input {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box; } }
    .form .form__input--currency input[type="color"].form__input--xxshort, .form .form__input--currency input[type="date"].form__input--xxshort, .form .form__input--currency input[type="datetime"].form__input--xxshort, .form .form__input--currency input[type="datetime-local"].form__input--xxshort, .form .form__input--currency input[type="email"].form__input--xxshort, .form .form__input--currency input[type="month"].form__input--xxshort, .form .form__input--currency input[type="number"].form__input--xxshort, .form .form__input--currency input[type="password"].form__input--xxshort, .form .form__input--currency input[type="range"].form__input--xxshort, .form .form__input--currency input[type="search"].form__input--xxshort, .form .form__input--currency input[type="tel"].form__input--xxshort, .form .form__input--currency input[type="time"].form__input--xxshort, .form .form__input--currency input[type="text"].form__input--xxshort, .form .form__input--currency input[type="url"].form__input--xxshort, .form .form__input--currency input[type="week"].form__input--xxshort, .form .form__input--currency .form__input.form__input--xxshort {
      width: 50px; }
    .form .form__input--currency input[type="color"].form__input--xshort, .form .form__input--currency input[type="date"].form__input--xshort, .form .form__input--currency input[type="datetime"].form__input--xshort, .form .form__input--currency input[type="datetime-local"].form__input--xshort, .form .form__input--currency input[type="email"].form__input--xshort, .form .form__input--currency input[type="month"].form__input--xshort, .form .form__input--currency input[type="number"].form__input--xshort, .form .form__input--currency input[type="password"].form__input--xshort, .form .form__input--currency input[type="range"].form__input--xshort, .form .form__input--currency input[type="search"].form__input--xshort, .form .form__input--currency input[type="tel"].form__input--xshort, .form .form__input--currency input[type="time"].form__input--xshort, .form .form__input--currency input[type="text"].form__input--xshort, .form .form__input--currency input[type="url"].form__input--xshort, .form .form__input--currency input[type="week"].form__input--xshort, .form .form__input--currency .form__input.form__input--xshort {
      width: 70px; }
    .form .form__input--currency input[type="color"].form__input--short, .form .form__input--currency input[type="date"].form__input--short, .form .form__input--currency input[type="datetime"].form__input--short, .form .form__input--currency input[type="datetime-local"].form__input--short, .form .form__input--currency input[type="email"].form__input--short, .form .form__input--currency input[type="month"].form__input--short, .form .form__input--currency input[type="number"].form__input--short, .form .form__input--currency input[type="password"].form__input--short, .form .form__input--currency input[type="range"].form__input--short, .form .form__input--currency input[type="search"].form__input--short, .form .form__input--currency input[type="tel"].form__input--short, .form .form__input--currency input[type="time"].form__input--short, .form .form__input--currency input[type="text"].form__input--short, .form .form__input--currency input[type="url"].form__input--short, .form .form__input--currency input[type="week"].form__input--short, .form .form__input--currency .form__input.form__input--short {
      width: 150px; }
    .form .form__input--currency input[type="color"].form__input--medium, .form .form__input--currency input[type="date"].form__input--medium, .form .form__input--currency input[type="datetime"].form__input--medium, .form .form__input--currency input[type="datetime-local"].form__input--medium, .form .form__input--currency input[type="email"].form__input--medium, .form .form__input--currency input[type="month"].form__input--medium, .form .form__input--currency input[type="number"].form__input--medium, .form .form__input--currency input[type="password"].form__input--medium, .form .form__input--currency input[type="range"].form__input--medium, .form .form__input--currency input[type="search"].form__input--medium, .form .form__input--currency input[type="tel"].form__input--medium, .form .form__input--currency input[type="time"].form__input--medium, .form .form__input--currency input[type="text"].form__input--medium, .form .form__input--currency input[type="url"].form__input--medium, .form .form__input--currency input[type="week"].form__input--medium, .form .form__input--currency .form__input.form__input--medium {
      width: 210px; }
    .form .form__input--currency input[type="color"].form__input--long, .form .form__input--currency input[type="date"].form__input--long, .form .form__input--currency input[type="datetime"].form__input--long, .form .form__input--currency input[type="datetime-local"].form__input--long, .form .form__input--currency input[type="email"].form__input--long, .form .form__input--currency input[type="month"].form__input--long, .form .form__input--currency input[type="number"].form__input--long, .form .form__input--currency input[type="password"].form__input--long, .form .form__input--currency input[type="range"].form__input--long, .form .form__input--currency input[type="search"].form__input--long, .form .form__input--currency input[type="tel"].form__input--long, .form .form__input--currency input[type="time"].form__input--long, .form .form__input--currency input[type="text"].form__input--long, .form .form__input--currency input[type="url"].form__input--long, .form .form__input--currency input[type="week"].form__input--long, .form .form__input--currency .form__input.form__input--long {
      width: 310px; }
    .form .form__input--currency input[type="color"].form__input--xlong, .form .form__input--currency input[type="date"].form__input--xlong, .form .form__input--currency input[type="datetime"].form__input--xlong, .form .form__input--currency input[type="datetime-local"].form__input--xlong, .form .form__input--currency input[type="email"].form__input--xlong, .form .form__input--currency input[type="month"].form__input--xlong, .form .form__input--currency input[type="number"].form__input--xlong, .form .form__input--currency input[type="password"].form__input--xlong, .form .form__input--currency input[type="range"].form__input--xlong, .form .form__input--currency input[type="search"].form__input--xlong, .form .form__input--currency input[type="tel"].form__input--xlong, .form .form__input--currency input[type="time"].form__input--xlong, .form .form__input--currency input[type="text"].form__input--xlong, .form .form__input--currency input[type="url"].form__input--xlong, .form .form__input--currency input[type="week"].form__input--xlong, .form .form__input--currency .form__input.form__input--xlong {
      width: 430px; }
  .form .form__input--currency .form__input--currency__symbol {
    position: absolute;
    left: 10px;
    font-size: 16px;
    top: 50%;
    line-height: 1;
    margin-top: -8px; }
  .form .form__input--currency.form__input--currency--long input[type="color"], .form .form__input--currency.form__input--currency--long input[type="date"], .form .form__input--currency.form__input--currency--long input[type="datetime"], .form .form__input--currency.form__input--currency--long input[type="datetime-local"], .form .form__input--currency.form__input--currency--long input[type="email"], .form .form__input--currency.form__input--currency--long input[type="month"], .form .form__input--currency.form__input--currency--long input[type="number"], .form .form__input--currency.form__input--currency--long input[type="password"], .form .form__input--currency.form__input--currency--long input[type="range"], .form .form__input--currency.form__input--currency--long input[type="search"], .form .form__input--currency.form__input--currency--long input[type="tel"], .form .form__input--currency.form__input--currency--long input[type="time"], .form .form__input--currency.form__input--currency--long input[type="text"], .form .form__input--currency.form__input--currency--long input[type="url"], .form .form__input--currency.form__input--currency--long input[type="week"], .form .form__input--currency.form__input--currency--long .form__input {
    padding-left: 42px; }
    .form .form__input--currency.form__input--currency--long input[type="color"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="date"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="email"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="month"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="number"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="password"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="range"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="search"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="tel"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="time"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="text"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="url"].form__input--xxshort, .form .form__input--currency.form__input--currency--long input[type="week"].form__input--xxshort, .form .form__input--currency.form__input--currency--long .form__input.form__input--xxshort {
      width: 30px; }
    .form .form__input--currency.form__input--currency--long input[type="color"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="date"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="email"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="month"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="number"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="password"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="range"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="search"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="tel"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="time"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="text"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="url"].form__input--xshort, .form .form__input--currency.form__input--currency--long input[type="week"].form__input--xshort, .form .form__input--currency.form__input--currency--long .form__input.form__input--xshort {
      width: 50px; }
    .form .form__input--currency.form__input--currency--long input[type="color"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="date"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="email"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="month"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="number"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="password"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="range"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="search"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="tel"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="time"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="text"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="url"].form__input--short, .form .form__input--currency.form__input--currency--long input[type="week"].form__input--short, .form .form__input--currency.form__input--currency--long .form__input.form__input--short {
      width: 130px; }
    .form .form__input--currency.form__input--currency--long input[type="color"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="date"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="email"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="month"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="number"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="password"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="range"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="search"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="tel"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="time"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="text"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="url"].form__input--medium, .form .form__input--currency.form__input--currency--long input[type="week"].form__input--medium, .form .form__input--currency.form__input--currency--long .form__input.form__input--medium {
      width: 190px; }
    .form .form__input--currency.form__input--currency--long input[type="color"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="date"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="email"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="month"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="number"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="password"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="range"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="search"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="tel"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="time"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="text"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="url"].form__input--long, .form .form__input--currency.form__input--currency--long input[type="week"].form__input--long, .form .form__input--currency.form__input--currency--long .form__input.form__input--long {
      width: 290px; }
    .form .form__input--currency.form__input--currency--long input[type="color"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="date"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="email"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="month"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="number"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="password"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="range"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="search"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="tel"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="time"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="text"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="url"].form__input--xlong, .form .form__input--currency.form__input--currency--long input[type="week"].form__input--xlong, .form .form__input--currency.form__input--currency--long .form__input.form__input--xlong {
      width: 410px; }
  .form .form__input--currency.form__input--currency--suffix input[type="color"], .form .form__input--currency.form__input--currency--suffix input[type="date"], .form .form__input--currency.form__input--currency--suffix input[type="datetime"], .form .form__input--currency.form__input--currency--suffix input[type="datetime-local"], .form .form__input--currency.form__input--currency--suffix input[type="email"], .form .form__input--currency.form__input--currency--suffix input[type="month"], .form .form__input--currency.form__input--currency--suffix input[type="number"], .form .form__input--currency.form__input--currency--suffix input[type="password"], .form .form__input--currency.form__input--currency--suffix input[type="range"], .form .form__input--currency.form__input--currency--suffix input[type="search"], .form .form__input--currency.form__input--currency--suffix input[type="tel"], .form .form__input--currency.form__input--currency--suffix input[type="time"], .form .form__input--currency.form__input--currency--suffix input[type="text"], .form .form__input--currency.form__input--currency--suffix input[type="url"], .form .form__input--currency.form__input--currency--suffix input[type="week"], .form .form__input--currency.form__input--currency--suffix .form__input {
    padding: 0 20px 0 10px;
    text-align: left; }
  .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="color"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="date"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="datetime"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="datetime-local"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="email"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="month"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="number"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="password"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="range"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="search"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="tel"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="time"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="text"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="url"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="week"], .form .form__input--currency.form__input--currency--suffix.form__input--currency--long .form__input {
    padding-right: 40px; }
  .form .form__input--currency.form__input--currency--suffix .form__input--currency__symbol {
    left: auto;
    right: 10px; }

.form__input--icon {
  vertical-align: middle;
  display: inline-block;
  font-size: 0;
  white-space: nowrap; }
  .form__input--icon * {
    margin-left: 0;
    vertical-align: middle;
    display: inline-block; }
  .form__input--icon .form__input--icon__container {
    background-color: #F8F8FA;
    padding: 0 5px;
    border: 1px #D2D6DF solid;
    border-right: none;
    border-radius: 3px 0 0 3px;
    height: 42px; }
    .form__input--icon .form__input--icon__container i {
      font-size: 22px;
      line-height: 32px;
      padding: 5px 5px 7px 5px;
      margin-top: -2px;
      margin-right: 0;
      display: inline-block; }
  .form__input--icon input[type="color"], .form__input--icon input[type="date"], .form__input--icon input[type="datetime"], .form__input--icon input[type="datetime-local"], .form__input--icon input[type="email"], .form__input--icon input[type="month"], .form__input--icon input[type="number"], .form__input--icon input[type="password"], .form__input--icon input[type="range"], .form__input--icon input[type="search"], .form__input--icon input[type="tel"], .form__input--icon input[type="time"], .form__input--icon input[type="text"], .form__input--icon input[type="url"], .form__input--icon input[type="week"], .form__input--icon .form__input {
    border-radius: 0 3px 3px 0;
    width: 90px;
    margin-left: 0;
    font-size: 16px;
    font-weight: 400; }

.form.form--tall input[type="color"], .form.form--tall input[type="date"], .form.form--tall input[type="datetime"], .form.form--tall input[type="datetime-local"], .form.form--tall input[type="email"], .form.form--tall input[type="month"], .form.form--tall input[type="number"], .form.form--tall input[type="password"], .form.form--tall input[type="range"], .form.form--tall input[type="search"], .form.form--tall input[type="tel"], .form.form--tall input[type="time"], .form.form--tall input[type="text"], .form.form--tall input[type="url"], .form.form--tall input[type="week"], .form.form--tall .form__input {
  height: 42px;
  font-size: 16px;
  font-weight: 400; }

.form.form--tall textarea {
  font-size: 16px;
  font-weight: 400; }

.form.form--tall .form__input--icon__container i {
  padding: 7px 5px 9px 5px;
  font-size: 28px; }

.form__row input,
.form__row select,
.form__row textarea,
.form__row label,
.form__row .form__select,
.form__row .form__input,
.form__row .form__group,
.form__row .form__tip, .form__footer input,
.form__footer select,
.form__footer textarea,
.form__footer label,
.form__footer .form__select,
.form__footer .form__input,
.form__footer .form__group,
.form__footer .form__tip {
  margin-left: 10px; }
  .form__row input:first-child,
  .form__row select:first-child,
  .form__row textarea:first-child,
  .form__row label:first-child,
  .form__row .form__select:first-child,
  .form__row .form__input:first-child,
  .form__row .form__group:first-child,
  .form__row .form__tip:first-child, .form__footer input:first-child,
  .form__footer select:first-child,
  .form__footer textarea:first-child,
  .form__footer label:first-child,
  .form__footer .form__select:first-child,
  .form__footer .form__input:first-child,
  .form__footer .form__group:first-child,
  .form__footer .form__tip:first-child {
    margin-left: 0; }

.form__row .btn:first-child, .form__row .chart-panel__button:first-child, .form__footer .btn:first-child, .form__footer .chart-panel__button:first-child {
  margin-left: 2px; }

.form__row input[type="checkbox"] + label,
.form__row input[type="checkbox"] + input,
.form__row input[type="radio"] + label,
.form__row input[type="radio"] + input, .form__footer input[type="checkbox"] + label,
.form__footer input[type="checkbox"] + input,
.form__footer input[type="radio"] + label,
.form__footer input[type="radio"] + input {
  margin-left: 5px;
  color: #45494E; }

.form__row .form__label--column + *, .form__footer .form__label--column + * {
  margin-left: 0; }

.form__row .form__element--no-indent, .form__footer .form__element--no-indent {
  margin-left: 0; }

.form__tip {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  color: #666A73;
  font-size: 12px;
  line-height: 18px; }
  .form__tip.form__tip--long {
    width: 260px; }
  .form__tip.form__tip--short {
    width: 100px; }
  .form__tip.form__tip--medium {
    width: 130px; }

.form__aside {
  display: inline-block;
  margin: 8px 0 0 0;
  color: #666A73;
  text-shadow: 0px 1px 0px white;
  text-align: left;
  font-size: 15px; }

.form__required {
  color: #D33732; }

.form__field-error {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 18px;
  color: #D33732; }

.form__group.form__group--help-text {
  width: 160px;
  color: #D2D6DF;
  height: 1em;
  overflow-y: visible;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0; }
  .form__group.form__group--help-text:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #282C35;
    position: absolute;
    left: -5px;
    top: 10px; }
  .form__group.form__group--help-text.is-active {
    display: block; }
  .form__group.form__group--help-text .form__group--help-text-container {
    padding: 10px 20px;
    background-color: #282C35;
    border-radius: 5px;
    font-size: 12px;
    line-height: 17px; }

/*
Select Element

Displays a custom select box. This style requires: custom_select_view.js and the precompile handle
bars bundle named custom_select.js, All you need to do is include the files, and specify
'form__select' in the javascript init function below. Lastly, in IE7 we fall back to a standard
drop down.

Compatible in IE7->10, Latest Firefox, Chrome, Safari, and Opera

Markup:
 <select class="js-form-select-example js-d-select-box">
     <option value="0">Ticket Quantity</option>
     <option value="1">1 Tickets</option>
     <option value="2">2 Tickets</option>
     <option value="3">3 Tickets</option>
 </select>
*/
.form__select {
  background: -webkit-linear-gradient( white 0%, #EFF2F5 100%);
  background: linear-gradient( white 0%, #EFF2F5 100%);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: -2.5px;
  border: 1px #D2D6DF solid;
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px white;
  color: #45494E;
  margin-left: -2.5px;
  font-size: 16px;
  font-weight: 400;
  height: 40px; }
  .form__select:active {
    background: white; }
  .form__select:focus {
    outline: none; }
  .form__select select {
    opacity: 0;
    cursor: pointer;
    position: relative;
    top: -2px;
    left: 0;
    z-index: 1;
    height: 32px;
    display: block;
    font-size: 16px;
    background: white;
    overflow: hidden;
    display: block;
    zoom: 1;
    border-right: 10px solid transparent;
    -webkit-appearance: menulist-button; }
  .form__select .custom-select-value {
    position: absolute;
    overflow: hidden;
    display: block;
    height: 24px;
    top: 10px;
    left: 12px; }
  .form__select .custom-select-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #45494E;
    position: absolute;
    right: 10px;
    top: 11px; }
  .form__select .custom-select-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #45494E;
    position: absolute;
    right: 10px;
    bottom: 10px; }

@-moz-document url-prefix() {
  .form__select .custom-select-arrow:before {
    right: 9px; } }

.form__footer {
  display: block;
  padding: 0; }
  .form__footer * {
    vertical-align: top; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.pod {
  background: white;
  border: 1px solid #D2D6DF;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px white; }
  @media only screen and (max-width: 600px) {
    .is-responsive .pod {
      border-radius: 0; } }
  .pod.is-hidden:first-child + * {
    margin-top: 0; }
  .pod > *:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; }
  .pod > *:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit; }
  .pod.pod--primary {
    background: #F8F8FA;
    border: 1px solid #D2D6DF; }
  .pod.pod--card {
    box-shadow: 1px 1px 1px #F8F8FA; }
  .pod.pod--tabbed {
    position: relative;
    z-index: 0;
    display: none;
    margin-top: -1px;
    border-radius: 0 5px 5px 5px; }
    .pod.pod--tabbed.is-tab-selected {
      display: block; }
  .pod.pod--empty {
    border: 4px dashed #EFF2F5; }
  .pod.pod--editable:hover > * {
    cursor: pointer;
    background-color: #F8F8FA; }
  .pod.pod--editable div, .pod.pod--editable h3 {
    word-wrap: break-word; }
  .pod.pod--scrollable {
    height: 165px;
    overflow-y: auto;
    overflow-x: hidden; }
  @media only screen and (max-width: 600px) {
    .is-responsive .pod.pod--consumer-content {
      margin-top: 0;
      border: none; } }
  .pod.pod--consumer-profile {
    border: none;
    background: transparent;
    box-shadow: none; }
    @media only screen and (max-width: 600px) {
      .is-responsive .pod.pod--consumer-profile {
        margin-top: 0; } }

.tab-list {
  position: relative;
  z-index: 1;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 0; }

.tab-list__tab {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  vertical-align: top;
  margin-right: 10px;
  border-top: 1px solid #D2D6DF;
  background: #F8F8FA; }
  .tab-list__tab:hover {
    cursor: pointer;
    background: #D2D6DF; }
  .tab-list__tab > span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    color: #45494E;
    border-right: 1px solid #D2D6DF;
    border-left: 1px solid #D2D6DF; }
  .tab-list__tab.is-tab-selected {
    border-top: 3px solid #0278b8;
    background: white; }
    .tab-list__tab.is-tab-selected:hover {
      cursor: default;
      background: white; }
    .tab-list__tab.is-tab-selected > span {
      padding: 4px 10px 5px; }

.layout-padded--list-item {
  background: #F8F8FA;
  padding: 15px 20px;
  margin-bottom: 2.5px; }

.layout-stackable__aside {
  float: right;
  margin-top: 0; }

.image-pod {
  border-radius: 5px;
  max-width: 100%;
  display: block;
  margin: 0 auto; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
.report {
  width: 100%;
  text-align: left;
  background: white;
  border-collapse: separate;
  *border-collapse: collapse; }
  .report td,
  .report th {
    padding: 10px;
    border-right: 1px solid #D2D6DF;
    border-bottom: 1px solid #D2D6DF;
    text-align: left; }
    .report td:first-child,
    .report th:first-child {
      border-left: 1px solid #D2D6DF; }
  .report caption {
    border: 1px solid #D2D6DF;
    padding: 10px;
    background-color: #EFF2F5;
    color: #282C35;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .report thead:first-child tr:first-child td, .report thead:first-child tr:first-child th,
  .report tbody:first-child tr:first-child td,
  .report tbody:first-child tr:first-child th,
  .report tfoot:first-child + tbody tr:first-child td,
  .report tfoot:first-child + tbody tr:first-child th {
    border-top: 1px solid #D2D6DF; }
  .report thead:first-child tr:first-child td:first-child,
  .report thead:first-child tr:first-child th:first-child,
  .report tbody:first-child tr:first-child td:first-child,
  .report tbody:first-child tr:first-child th:first-child,
  .report tfoot:first-child + tbody tr:first-child td:first-child,
  .report tfoot:first-child + tbody tr:first-child th:first-child {
    border-top-left-radius: 5px; }
  .report thead:first-child tr:first-child td:last-child,
  .report thead:first-child tr:first-child th:last-child,
  .report tbody:first-child tr:first-child td:last-child,
  .report tbody:first-child tr:first-child th:last-child,
  .report tfoot:first-child + tbody tr:first-child td:last-child,
  .report tfoot:first-child + tbody tr:first-child th:last-child {
    border-top-right-radius: 5px; }
  .report tfoot tr:last-child td:first-child,
  .report tbody:last-child tr:last-child td:first-child {
    border-bottom-left-radius: 5px; }
  .report tfoot tr:last-child td:last-child,
  .report tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 5px; }
  .report tfoot ~ tbody:last-child tr:last-child td:first-child {
    border-bottom-left-radius: 0; }
  .report tfoot ~ tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 0; }

.report--zebra tr:nth-child(2n) {
  background: #F8F8FA; }

.report--no-grid, .report--section-grid, .report--item-value {
  border-bottom: 1px solid #D2D6DF;
  border-radius: 5px; }
  .report--no-grid td, .report--section-grid td, .report--item-value td,
  .report--no-grid th, .report--section-grid th, .report--item-value th {
    border: 0; }
  .report--no-grid td:last-child, .report--section-grid td:last-child, .report--item-value td:last-child,
  .report--no-grid th:last-child, .report--section-grid th:last-child, .report--item-value th:last-child {
    border-right: 1px solid #D2D6DF; }
  .report--no-grid tfoot > tr:last-child > td, .report--section-grid tfoot > tr:last-child > td, .report--item-value tfoot > tr:last-child > td {
    padding-bottom: 15px; }

.report--horizontal-grid td,
.report--horizontal-grid th {
  border: 0;
  border-bottom: 1px solid #D2D6DF; }

.report--horizontal-grid td:last-child,
.report--horizontal-grid th:last-child {
  border-right: 1px solid #D2D6DF; }

.report--section-grid caption {
  border-bottom: 0; }

.report--section-grid thead tr:first-child td,
.report--section-grid thead tr:first-child th,
.report--section-grid tfoot tr:first-child td,
.report--section-grid tfoot tr:first-child th,
.report--section-grid tbody tr:first-child td,
.report--section-grid tbody tr:first-child th {
  border-top: 1px solid #D2D6DF; }

.report--section-grid tfoot > tr:last-child > td {
  padding-bottom: 10px; }

.report--item-value td,
.report--item-value th {
  text-align: right; }

.report--item-value td:first-child,
.report--item-value th:first-child {
  padding-right: 0;
  text-align: left; }

.report--scrollable {
  border: 0; }
  .report--scrollable td:first-child,
  .report--scrollable th:first-child {
    border-left: 0; }
  .report--scrollable td:last-child,
  .report--scrollable th:last-child {
    border-right: 0; }
  .report--scrollable tbody:last-child tr:last-child td {
    border-bottom: 0; }
    .report--scrollable tbody:last-child tr:last-child td:first-child {
      border-bottom-left-radius: 0; }
    .report--scrollable tbody:last-child tr:last-child td:last-child {
      border-bottom-right-radius: 0; }
  .report--scrollable tbody:first-child tr:first-child td,
  .report--scrollable tbody:first-child tr:first-child th {
    border-top: 0; }

.report--scrollable--fixed-header {
  table-layout: fixed; }
  .report--scrollable--fixed-header thead tr {
    display: block;
    position: relative; }
  .report--scrollable--fixed-header tbody {
    display: block;
    overflow: auto;
    width: 100%;
    max-height: 165px; }
    .report--scrollable--fixed-header tbody tr:first-child td {
      border-top: 0; }
    .report--scrollable--fixed-header tbody tr:last-child td {
      border-bottom: 0; }
  .report--scrollable--fixed-header tfoot tr:first-child td {
    border-top: 1px solid #D2D6DF; }

.report--compact td {
  padding-top: 5px;
  padding-bottom: 5px; }

.report--compact tbody > tr:first-child > td {
  padding-top: 10px; }

.report--compact tfoot > tr:last-child > td {
  padding-bottom: 10px; }

.report__row--heading td,
.report__row--heading th {
  background: #EFF2F5; }

.report__row--emphasized {
  font-weight: 600;
  color: #282C35; }

.report__row--even {
  background: #F8F8FA; }

.report__row--activable:hover {
  cursor: pointer; }

.report__row--active {
  color: #282C35;
  background: #fce19a; }
  .report__row--active:hover {
    cursor: pointer; }

.report__row--expandable td:first-child,
.report__row--expandable th:first-child {
  padding-left: 30px;
  background: url(../../../../images/arrows/promo_table_rightarrow.png) no-repeat 10px 50%; }

.report__row--expandable.is-row-expanded td:first-child,
.report__row--expandable.is-row-expanded th:first-child {
  background: url(../../../../images/arrows/promo_table_downarrow.png) no-repeat 10px 50%; }

.report__row--expandable__sub-row {
  margin-bottom: 10px; }
  .report__row--expandable__sub-row td,
  .report__row--expandable__sub-row td:first-child {
    color: #666A73;
    margin-left: 20px;
    padding-left: 0;
    border-left: 2px solid #D2D6DF; }

td.report__cell--selected, th.report__cell--selected {
  border-bottom: 3px solid #b8b8b8; }

td.report__cell--restricted, th.report__cell--restricted {
  width: 1px;
  text-align: center;
  white-space: nowrap; }

.report__cell__icon {
  vertical-align: middle; }

/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/*
Deprecated: Magnific Popup Modal

Our modals are based on
[Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/).
We recommend reading their [documentation](http://dimsemenov.com/plugins/magnific-popup/documentation.html) to see the available config options.

To use Magnific Popups on Eventbrite there are a few differences, these are:

* Events are dealt with by adding a Dorsal class on your modal action element 'js-d-modal'
* Modal options are set againist the element via the data attribute 'data-d-modal-options' (make sure the JSON is vaild)

You will not have to add any additional js to the page.
The modal CSS is automatically included in our global styleguide bundle.

To use the modal:

* create a div with the contents of the modal
* give this div an id
* create a button with a href tag that matches that id
* add the class js-d-modal to the button

Markup:
<a href="#test-popup-onboarding" class="btn js-d-modal">Styled modal!</a>
<div id="test-popup-onboarding" class="g-cell g-cell--no-gutters g-cell-12-12 g-cell-md-8-12 mfp-hide">
   <div class="modal__hero has-centered-inline-content">
     <i class="modal__hero__logo ico-eventbrite-wordmark ico--xlarge"></i>
   </div>
   <div class="has-centered-inline-content">
     <h1 class="modal__heading">Welcome to Eventbrite</h1>
     <div class="l-block-1 text-body-large text-body--faint">
       <p>Color your life with new experiences.</p>
     </div>
   </div>
   <div class="modal__footer">
     <a class="modal__footer__segment has-centered-inline-content" href="#">
       <span class="text-body-large"><i class="ico-search"></i> Find Events</span>
     </a>
     <a class="modal__footer__segment has-centered-inline-content" href="#">
       <span class="text-body-large"><i class="ico-circle-plus"></i> Host an Event</span>
     </a>
   </div>
</div>


Modal with options

Our modals are based on
[Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/).
We recommend reading their [documentation](http://dimsemenov.com/plugins/magnific-popup/documentation.html) to see the available config options.

Modal options are set againist the element via the data attribute 'data-d-modal-options' (make sure the JSON is vaild)

Markup:
<a href="#test-popup" class="btn js-d-modal" data-d-modal-options='{ "showCloseBtn": false }'>Show me the modal!</a>
<div id="test-popup" class="g-cell g-cell--no-gutters g-cell-12-12 g-cell-md-8-12 mfp-hide">
   <h3 class="modal__heading">This is a heading</h3>
   <div class="modal__body l-align-center">
       <p>Hello I am a test modal, without a close button!</p>
       <a href="#btn" class="btn btn--block">Button</a>
   </div>
</div>


Modal with video

Markup:
<a href="https://www.youtube.com/watch?v=WZck86Ozdms" class="btn js-d-modal" data-d-modal-options='{"disableOn": 700, "type": "iframe", "mainClass": "mfp-fade", "removalDelay": 160, "preloader": false, "fixedContentPos": false}'>YouTube</a>

Modal button options

There are different classes that you can apply to cause buttons to affect the modal.

.js-xd-modal-reset - resets inputs to their value when the lightbox was first open
.js-xd-modal-close - closes the lightbox

Markup:
<a href="#test-popup-btn-{{modifier_class}}" class="btn js-d-modal">Show me the modal!</a>
<div id="test-popup-btn-{{modifier_class}}" class="g-cell g-cell--no-gutters g-cell-12-12 g-cell-md-8-12 mfp-hide">
   <h3 class="modal__heading">This is a heading</h3>
   <div class="modal__body l-align-center responsive-form">
       <p>Hello I am a test modal, with a button!</p>
       <input type="text" value="default" />
       <input type="button" class="btn l-mar-top-2 {{modifier_class}}" value="button" />
   </div>
</div>

*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50002;
  overflow: hidden;
  position: fixed;
  background: #282C35;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50003;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  vertical-align: middle;
  z-index: 50005;
  max-height: 90%;
  margin-top: 0;
  top: 10%; }
  .mfp-content > .g-cell, .mfp-content > .timeline__content, .mfp-content > .timeline__date, .mfp-content > .timeline__indicator {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(40, 44, 53, 0.1); }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .default-mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.default-mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #fff;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 50004; }
  .mfp-preloader a {
    color: #666A73; }
    .mfp-preloader a:hover {
      color: black; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 50006;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.default-mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  color: #666A73; }
  .default-mfp-close:hover {
    color: black;
    cursor: pointer; }
  .default-mfp-close.ico--medium {
    line-height: 44px;
    font-size: 22px; }

.mfp-image-holder .default-mfp-close,
.mfp-iframe-holder .default-mfp-close {
  color: #fff;
  opacity: 1;
  text-align: right; }
  .mfp-image-holder .default-mfp-close:hover,
  .mfp-iframe-holder .default-mfp-close:hover {
    color: #ccc;
    cursor: pointer; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #666A73;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #666A73;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #D2D6DF; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #666A73;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #D2D6DF; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .default-mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 2px rgba(40, 44, 53, 0.1);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 2px 2px rgba(40, 44, 53, 0.1);
    background: #45494E; }
  .mfp-figure small {
    color: #D2D6DF;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F8F8FA;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
             * Remove all paddings around the image on small screen
             */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .default-mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.modal__hero {
  background-color: #f6682F;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 184px;
  position: relative;
  border-radius: 5px 5px 0 0; }
  @media only screen and (min-width: 480px) {
    .modal__hero {
      height: 220px; } }
  @media only screen and (min-width: 800px) {
    .modal__hero {
      height: 300px; } }
  .modal__hero > .modal__hero__logo {
    color: #fff;
    position: relative;
    top: 55px; }
    @media only screen and (min-width: 480px) {
      .modal__hero > .modal__hero__logo {
        top: 75px; } }
    @media only screen and (min-width: 800px) {
      .modal__hero > .modal__hero__logo {
        top: 115px; } }

.modal__footer {
  border-top: 1px solid #dedede;
  margin-top: 30px; }

.modal__footer__segment {
  padding: 20px 0;
  width: 49%;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 0 0 5px 0; }
  .modal__footer__segment:hover {
    text-decoration: none; }
  .modal__footer__segment:active {
    background-color: #d8d8d8; }
  .modal__footer__segment:first-child {
    border-right: 1px solid #dedede;
    border-radius: 0 0 0 5px; }
  .modal__footer__segment > span {
    color: #0278b8; }
  .modal__footer__segment .modal__footer__segment__text {
    font-size: 17px;
    line-height: 24px; }

.modal__heading {
  text-align: center;
  margin-top: 40px;
  font-weight: 600; }

.modal__body {
  padding: 30px;
  text-align: left; }
  .modal__body p:first-child {
    margin-top: 0; }

@media only screen and (max-width: 799px) {
  .modal__heading {
    font-size: 25px;
    line-height: 30px; }
  .modal__body {
    padding: 20px; } }

@media only screen and (max-width: 479px) {
  .mfp-content {
    max-height: 95%;
    top: 5%; } }

.modal__animation .mfp-content {
  opacity: 0; }

.modal__animation.mfp-bg {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-animation-name: none;
  animation-name: none;
  opacity: 0; }

.modal__animation.mfp-ready .mfp-content {
  opacity: 1; }

.modal__animation.mfp-ready.mfp-bg {
  opacity: 0.8; }

.modal__animation.mfp-ready.mfp-bg.mfp-removing {
  opacity: 0; }

/* if this doesnt fire then we have run out of CSS rules in the file.
   this will only be applicable within the styleguide */
.css-rule-limit-check {
  display: none; }