/*!
 * FormValidation (http://formvalidation.io)
 * The best jQuery plugin to validate form fields. Support Bootstrap, Foundation, Pure, SemanticUI, UIKit and custom frameworks
 *
 * @version     v0.8.1, built on 2016-07-29 12:06:50 AM
 * @author      https://twitter.com/formvalidation
 * @copyright   (c) 2013 - 2016 Nguyen Huu Phuoc
 * @license     http://formvalidation.io/license/
 */.form-inline.fv-form-bootstrap .form-group,.fv-form-bootstrap4.form-inline .form-group{vertical-align:top}.fv-has-feedback{position:relative}.fv-control-feedback{position:absolute;top:0;right:0;z-index:3;display:block;text-align:center}.fv-help-block{display:block}.fv-form [placeholder]::-ms-clear{display:none}.fv-form-foundation .form-error,.fv-form-uikit .uk-text-danger{display:block}.fv-form-bootstrap .help-block{margin-bottom:0}.fv-form-bootstrap .tooltip-inner{text-align:left}.fv-form-bootstrap .fv-bootstrap-icon-input-group{z-index:100}.fv-form-bootstrap4 .fv-control-feedback{width:38px;height:38px;line-height:38px}.fv-form-bootstrap4 .form-group.row .fv-control-feedback{right:15px}.fv-form-bootstrap4 .form-group.row .form-check~.fv-control-feedback{top:-7px}.fv-form-bootstrap4:not(.form-inline) label~.fv-control-feedback{top:32px}.fv-form-bootstrap4:not(.form-inline) label.sr-only~.fv-control-feedback{top:-7px}.fv-form-bootstrap4:not(.form-inline) .form-check~.fv-control-feedback{top:25px}.fv-form-bootstrap4 .has-success .fv-control-feedback,.fv-form-bootstrap4 .has-success label{color:#5cb85c}.fv-form-bootstrap4 .has-warning .fv-control-feedback,.fv-form-bootstrap4 .has-warning label{color:#f0ad4e}.fv-form-foundation5 .fv-control-feedback{right:15px;width:37px;height:37px;line-height:37px}.fv-form-foundation5 .row .row:not(.collapse) .fv-control-feedback{right:8px}.fv-form-foundation5 .row .collapse .fv-control-feedback{right:0}.fv-form-foundation5.fv-form-horizontal [type=checkbox]~.fv-control-feedback,.fv-form-foundation5.fv-form-horizontal [type=radio]~.fv-control-feedback{top:-8px}.fv-form-foundation5 label .fv-control-feedback{top:21px}.fv-form-foundation5 [type=checkbox]~.fv-control-feedback,.fv-form-foundation5 [type=radio]~.fv-control-feedback{top:15px}.fv-form-foundation5 .error .fv-control-feedback{color:#f04124}.fv-form-foundation5 .fv-has-success .fv-control-feedback,.fv-form-foundation5 .fv-has-success label{color:#43AC6A}.fv-form-foundation .fv-control-feedback{right:15px;width:39px;height:39px;line-height:39px}.fv-form-foundation [type=checkbox]~.fv-control-feedback,.fv-form-foundation [type=radio]~.fv-control-feedback{top:-7px}.fv-form-foundation fieldset [type=checkbox]~.fv-control-feedback,.fv-form-foundation fieldset [type=radio]~.fv-control-feedback,.fv-form-foundation label .fv-control-feedback{top:25px}.fv-form-foundation .fv-has-error .fv-control-feedback,.fv-form-foundation .fv-has-error fieldset legend,.fv-form-foundation .fv-has-error label{color:#ec5840}.fv-form-foundation .fv-has-success .fv-control-feedback,.fv-form-foundation .fv-has-success fieldset legend,.fv-form-foundation .fv-has-success label{color:#3adb76}.fv-foundation-tooltip:before{border-color:transparent transparent #0a0a0a}.fv-form-pure .fv-control-feedback{width:36px;height:36px;line-height:36px}.fv-form-pure.pure-form-aligned [type=checkbox]~.fv-control-feedback,.fv-form-pure.pure-form-aligned [type=radio]~.fv-control-feedback{top:-9px}.fv-form-pure.pure-form-aligned .fv-help-block{margin-top:5px;margin-left:180px}.fv-form-pure.pure-form-stacked .pure-control-group{margin-bottom:8px}.fv-form-pure.pure-form-stacked .fv-control-feedback{top:22px}.fv-form-pure.pure-form-stacked .pure-radio~.fv-control-feedback{top:20px}.fv-form-pure.pure-form-stacked .fv-sr-only~.fv-control-feedback{top:-9px}.fv-form-pure .fv-has-error .fv-control-feedback,.fv-form-pure .fv-has-error .fv-help-block,.fv-form-pure .fv-has-error label{color:#CA3C3C}.fv-form-pure .fv-has-success .fv-control-feedback,.fv-form-pure .fv-has-success .fv-help-block,.fv-form-pure .fv-has-success label{color:#1CB841}.fv-form-semantic .error .icon,.fv-form-semantic.ui.form .fields.error label{color:#9f3a38}.fv-form-semantic .fv-control-feedback{right:7px}.fv-form-uikit .fv-control-feedback{top:25px;width:30px;height:30px;line-height:30px}.fv-form-uikit.uk-form-horizontal .fv-control-feedback{top:0}.fv-form-uikit.uk-form-horizontal [type=checkbox]~.fv-control-feedback,.fv-form-uikit.uk-form-horizontal [type=radio]~.fv-control-feedback{top:-7px}.fv-form-uikit label.fv-sr-only~.fv-control-feedback{top:-7px!important}.fv-form-uikit.uk-form-stacked [type=checkbox]~.fv-control-feedback,.fv-form-uikit.uk-form-stacked [type=radio]~.fv-control-feedback{top:20px}.fv-form-uikit .fv-has-error .fv-control-feedback,.fv-form-uikit .fv-has-error .uk-form-label,.fv-form-uikit .fv-has-error label{color:#D85030}.fv-form-uikit .fv-has-success .fv-control-feedback,.fv-form-uikit .fv-has-success .uk-form-label,.fv-form-uikit .fv-has-success label{color:#659F13}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  0%, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  0%, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

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

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.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 {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    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% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) 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 rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

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

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -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: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -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: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*
	COLORS:
		- primary/Classmunity blue: 4174b9;
		- info: 5bc0de;
		- danger/Classmunity red: d82a20;
		- warning: f0ad4e;
		- success/Classmunity green: 42b753;
		- orange: ffa500;
*/

/* HTML TAGS */
html, body {height: 100%;margin: 0;padding: 0; /*this breaks flyers and kills scroll momentum on iOS*/}
body {padding-top: 100px;background-color: #f8f8f8;}
/*ul li span {padding-left: 5px;}*/

#wrapper {
		width: 100%;
		background-color: #efefef;
}

#page-wrapper {
		padding: 0 15px;
		min-height: 568px;
		background-color: #fff;
}

.admin-navigation{margin-top:-100px;}

/* BOOTSTRAP OVERRIDES */
.navbar-brand-text {
	padding-top: 12px;
	padding-left: 5px;
	display: inline-block;

	 /*font-size: 0.875em;*/
	 line-height: 1.57em;
	 font-weight: 400; font-size: 20px;
}
.navbar {margin-bottom: 0; min-height:100px; border-bottom: 1px solid #cecece;}
.navbar.navbar-default.navbar-static-top {background-color:white; border-bottom:2px solid #efefef}
.navbar-brand {padding: 10px 5px 15px; height:100px;}
.navbar-brand img {vertical-align: top;padding-top: 3px; max-width:330px;}
.navbar-right {margin-top: 20px}
.nav.navbar-nav.navbar-right {margin: 0px;}
.nav.navbar-nav.navbar-btns {margin-top: 10px}
.navbar-links {}
.navbar-links>li>a {text-decoration: none; font-weight: 400; font-size: 24px;}
.navbar-links>li>a:hover {text-decoration: none; color:#4174b9 !important;}
.navbar-bar {position: absolute;left: 0;bottom: -10px;width: 100%;height: 10px;background-color: #4174b9;}
.nav-tabs.nav-justified {border-bottom: 1px solid #e7e7e7;}
.nav-tabs.nav-justified>li>a {color: #4174b9;border: 0;border-radius: 0;}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {background-color: #4174b9;color: #ffffff;border: 0;border-radius: 0;}
/*.navbar-brand-admin {padding: 10px 5px 10px; height: 50px;}*/
.nav-pills {display: flex;justify-content: center;}
.page-header {margin: 0 0 10px;padding-bottom: 2px;}
.page-header>h1, .page-header>h2, .page-header>h3 {margin: 0;}
.panel-shrink, .thumbnail-shrink {margin: 0;padding: 0;}
.fileinput, .fileinput .thumbnail-shrink, .fileinput-preview img {margin: 0; max-width:100%}
.fileinput.fileinput-new div.fileinput-new:hover, .fileinput-preview:hover{cursor: pointer}
.reward .fileinput-preview *, .ticket .fileinput-preview *, .product .fileinput-preview *{max-height:65px !important;}
.media-list {margin: 0;}
.media {padding: 7.5px 15px;margin: 0;border-bottom: 1px solid #efefef;}
.media-object {height: 96px;width:96px;max-width: initial !important}
	.navbar .media-object {height: 64px;width:64px;}
.media-body-title {font-size: 16px;}
.media-body-subtitle {font-size: 14px; color: #777}
.media-heading {font-family: "Arial", Arial, serif;}
/*.bg-danger {background-color: #f2dede !important}*/
.dropdown-menu>li>a.bg-danger:hover {background-color: #d9c7c7}
.btn.bg-danger{background-color: #f2dede}

.media:last-child{border-bottom: 0;}
.list-group-item a {color: #555;text-decoration: none;display: inline-block;width: 100%}
.list-group-item.active a, .list-group-item.active:focus, .list-group-item.active:hover {z-index: 2;color: #ffffff;}
.list-group-item > .glyphicon{padding-right:5px;}

.panel-title > small {line-height: 20px;}
.panel-heading.panel-heading-admin{padding:8px 15px; height:42px; font-weight:500; font-size:18px;}

.fundraiser-report:hover{ cursor:pointer;}
.transaction-info:hover, .product-info:hover, .ticket-info:hover, .fundraiser-promoter-info:hover {cursor:pointer;}

/* FOR FIREFOX */
#card-expiry-month, #card-expiry-year {padding:0;}

/* MISC STYLING */
.img-responsive-inverse {display: block;max-height: 100%;width: auto;}

/* LOADER */
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../media/images/general/loader.gif') 50% 50% no-repeat rgba(249,249,249,0.5);display: none;}
#loading,#loading:before{left:0;position:fixed;top:0}
#loading{bottom:0;display:none;font-size:64px;height:70px;margin:auto;right:0;width:70px;z-index:9999}
#loading:before{background-color:rgba(255,255,255,.25);content:'';display:block;height:100%;width:100%}

/* CHECKMARK */
.check-animation {position: fixed;left: calc(50% - 150px);top: 32.5%;z-index: 9999;display: none;}

/* NAVIGATION */
.navigation {}
	.navbar-dropdown-menu {max-height:300px; overflow:auto}

.dropdown-menu {max-height:325px; overflow:auto}
.admin-filter-btn-group:last-child .dropdown-menu{
		left:auto;
		right:0;
}

.navbar-nav>.dropdown img {max-height: 48px;max-width: 48px;}
.navbar-links {margin-right: 25px;}
.navbar.transparent {
	 background-color: transparent;
	 background: rgba(255,255,255,0.9);
	 border-color: transparent;
}

.header-tabs {display: flex; justify-content: center;}
.header-tabs > li {width:100%; text-align: left;border-bottom: 2px solid #ddd;}
.header-tabs > li:not(:last-child) {border-right: 1px solid #ddd;}
.header-tabs > li:last-child {border-right:0;} 
.header-tabs > li > a {margin:0;font-size:18px;color:#9b9b9b;}


.pull-right-center{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

/* WRAPPER */
.wrapper {min-height: calc(100% - 74px);background-color: #ffffff;}

/* FOOTER */
/*.footer {border-top: 1px solid #e7e7e7;background-color: #f8f8f8;font-size: 80%;color: #777;text-align: center;padding-bottom: 5px;}
		.footer-social {}
	.footer-links {}
		.footer-link {border-left: 1px solid #777;padding: 0 5px 0 7px;}
	.footer-copyright {}

.footer>p {margin: 2px 0;}
.footer-social>a, .footer-social>a:hover, .footer-social>a:focus {text-decoration: none;}
.footer-link:first-child {border: 0;}
.footer .ideadvance-logo{margin-top:5px;height:30px}*/
social a:hover, social a:focus {text-decoration: none;}
.footer {background-color: #ffffff;font-size: 80%;padding: 10px 0 8px;text-align: center;-moz-box-shadow: inset 0 8px 8px -8px #080808;-webkit-box-shadow: inset 0 8px 8px -8px #080808;box-shadow: inset 0 8px 8px -8px #080808;}
.footer .fa-stack {font-size: 18px}
.footer p {margin: 2px 0;}
.footer p span {padding: 0 2.5px;}
/*.footer img {height: 24px;margin-top: 5px;}*/
.footer #classmunityLogo {height: 32px;margin-bottom: 5px}
.footer #ideadvanceLogo {height: 24px;margin-top: 5px;}

.fa-circle.facebook {color: #3b5998;}
.fa-circle.twitter {color: #55acee;}
.fa-circle.pinterest {color: #bd081c;}
.fa-circle.youtube {color: #e52d27;}

.clearfix::after { 
	content: " ";
	display: block; 
	height: 0; 
	clear: both;
}

.th-hidden,.td-hidden {display: none}

.dt-print-view {padding:0;}

/* Full Calendar customization */
.fc-event-container:hover, .fc-list-item:hover{cursor: pointer;}
.fc-left, .fc-right {padding-bottom: 10px}
.fc-center h2 {font-size: 16px; min-width: 185px} 
.fc-time {display: none !important}
.fc-list-item-time {display: none !important}
.fc-list-item-marker {display: none !important}
.fc-button {height: 22px !important}


/*******************************/
/**** PAGE SPECIFIC STYLING ****/
/*******************************/

/* HERO */
.hero {padding: 125px 50px 150px;background-size: 100% auto; overflow: hidden;}
	.hero-banner {color: #ffffff;text-align: right;}
		.hero.index .hero-banner *{opacity:0;}
		.hero-banner-title {font-size: 96px;margin: 0;text-shadow: 1px 1px 1px #000000;}
		.hero-banner-subtitle {text-shadow: 1px 1px 1px #000000;}
		.hero-banner-sort {text-shadow: none;}
		.hero-banner-action {}

.hero.index {background-image: url('../media/images/general/classmunitykids.jpg');background-position: center;box-shadow: 0 2px 2px 2px #4c4c4c;background-size:cover; padding-bottom: 15%;} /*background-size: 100% 100%; height:432px;}*/
.hero.view-fundraisers {background-image: url('../media/images/banners/default_fundraisers.jpg');background-position: center;box-shadow: 0 2px 2px 2px #4c4c4c;background-size:cover; padding-bottom: 15%;}

.index .district-logo, .admin-logo {background-color: white}
.index .district-logo {box-shadow: 0 2px 2px 2px #4c4c4c;position:absolute; left:35px; bottom:15px; width:auto; height:20vmin;}

/* TABS */
.tabs {}
	.tab-control {}
	.tab-content {}
		.tab-panel {padding-bottom: 25px;}
			.tab-header {padding-top: 50px;}

	/* FUNDRAISERS */
.fundraisers {padding-bottom: 25px;}
	.fundraisers .container-fluid {margin: 0 2.5% 0;}
	.fundraisers-header {padding-top: 50px;}
	.fundraisers .fundraisers-options {float:right; font-size: 16px; margin-bottom: 10px;}
	.fundraisers .fundraisers-options > div {display: inline-block;}
	.fundraisers .fundraisers-options > div:not(:first-child) {margin-left: 50px}
	.fundraisers .fundraisers-options .dropdown-menu{
		left:auto;
		right:0;
	}
	.fundraisers .fundraisers-sort{margin-left: 10px}
	.fundraisers .fundraisers-options-btn{float:right; padding: 0; background-color: white; border: none}

/* SCHOOLS */
.schools {padding-bottom: 25px;}
	.schools-header {padding-top: 50px;}
	.schools-menu, .students-menu {
		padding:10px 10px 10px 15px; 
		margin-left:15px;
		height:80vh;
		position: relative;
			overflow-y: scroll; 
			background: url("../media/images/general/boyWithChalkboard.jpg");
			background-position: center right;
			background-size: cover;
			border-right: 1px solid #cecece;
	}
	.schools-menu .media, .students-menu .media {padding: 7.5px 15px;margin: 0;border-bottom: 1px solid #cfcfcf;}
	.schools-menu .media:focus, .students-menu .media:focus{
		background-color: #dae1ea;
		opacity: .5;
	}
/*	.schools-menu .media a {
			display: block;
			height: 100%;
			width: 100%;
	}*/
	.schools-menu .media-object, .students-menu .media-object {height: 140px; width: 140px; background-color: white; padding:5px; border: 1px solid #d6d7d7; border-radius: 4px;}
	/*.btn-update-school{margin: 25px auto auto 25px}*/
	.media-school:hover{cursor: pointer;}

/* FUNDRAISER BUILDER */
.fundraiser-builder {padding: 20px 20px 65px; background-image: url('../media/images/general/classmunitykids2.jpg'); background-position: center top; background-size:cover;}
	.fundraiser-builder-selection {margin: 20px; background: rgba(255,255,255,0.9); border-color: transparent;}
	.fundraiser-builder-selection h2{color: #4174b9; margin-top: 10px}
	.fundraiser-builder-selection h4{margin: 30px auto}
	.fundraiser-builder-selection .container-fluid{/*background-color: #f1f7fc;*/ padding: 30px 22.5px}
	.fundraiser-builder-selection div[class^="col-"]{padding: 0 7.5px 5px}
	.fundraiser-builder-selection .fundraiser-type{border: 1px solid black; border-radius: 10px; text-align: center; background-color: white; min-height: 450px; padding: 30px 10px}
	.fundraiser-builder-selection .fundraiser-type i {color: #42b753;}
	.fundraiser-builder-selection .fundraiser-type:hover{cursor: pointer;}
	.fundraiser-builder-selection .fundraiser-examples{margin-top:40px; margin-left: 20px; text-align: left}
	.fundraiser-builder-selection .fundraiser-examples *{font-size: 16px}
	.fundraiser-builder-body {margin:20px auto 0px; background: rgba(255,255,255,0.9);border-color: transparent; max-width:1220px;}
	.fundraiser-builder-body .container-fluid {padding:20px;}
	.fundraiser-builder-body .main-tab span {display: inline-block}
	.fundraiser-builder .alert {width:50%; margin:auto; background-color: white}
	.fundraiser-builder .alert p {color: grey}
	.fundraiser-builder .alert a {text-decoration: underline; color:#4174b9;}

	.fundraiser-builder img, .fundraiser-builder video, .fundraiser-builder iframe { max-width:100%; border-radius:5px;}

.fundraiser-builder .nav-tabs {display: block; float: right; border:none; margin-left:auto; padding: 15px 25px 0 0}
.fundraiser-builder .nav-tabs li {text-align: left;}

/*.fundraiser-builder .nav-tabs *:hover{cursor:default; background-color: transparent;}
.fundraiser-builder .nav-tabs *:focus{background-color: transparent;}*/

/*.fundraiser-builder .nav-tabs li.active {color:red !important; background-color: red !important}*/
.fundraiser-builder .nav-tabs li.active a {color: #4174b9; background-color: transparent; border: none}
.fundraiser-builder .nav-tabs li.active .fa-circle {color: #4174b9;}
.fundraiser-builder .nav-tabs li.active .char-overlay {color: white;}
/*.fundraiser-builder .nav-tabs li:last-child {border-right:0;} */
.fundraiser-builder .nav-tabs .fa-circle {color:lightgrey;}
.fundraiser-builder .nav-tabs a {margin:0;font-size:18px;color:#777; border:none;}
.fundraiser-builder #options .tab-content > .container-fluid > .row:first-child {min-height: 400px}

.fundraiser-builder label, .fundraiser-builder p {color:#777;}
 /*.test {font-size:20px !important;color:blue !important;}*/
.input-group-addon.inverse {color:white; background-color:darkgrey; font-size: 18px; padding: 5px 10px}
.fundraiser-builder .btn.btn-lg {font-size:24px; font-weight: 300}
.btn-inverse {color:white; background-color:#999999}
.btn-inverse:hover {color:white; background-color:#777;}
.fundraiser-builder .btns-radio {float: right; color:#777; margin-bottom:4px;}
/*.fundraiser-builder .btns-radio input {margin-left:25px;margin-top:auto;vertical-align: middle}*/
/*.fundraiser-builder .btns-radio input + label {margin-left:25px;}*/
/*.fundraiser-builder .btns-radio input:first-child{margin-left:0px;}*/
/*.fundraiser-builder .btns-radio span{margin-left:2px; vertical-align: middle}*/
.fundraiser-builder .btns-radio label {margin-left:2px; font-weight: normal; display: inline; vertical-align: middle}
.fundraiser-builder .btns-radio label:last-of-type {margin-right: 0;}

/*.fundraiser-builder .btns-navigation div[class^="col-"]:not(:last-child){padding-right:0; background-color: red}*/
/*.fundraiser-builder .btns-navigation div[class^="col-"]:last-child{padding-left:0; background-color: blue}*/
.fundraiser-builder .btns-navigation div[class^="col-"] {padding: 5px 15px;}
.fundraiser-builder .btns-navigation button {overflow: hidden; text-overflow: ellipsis;}
.fundraiser-builder .donate-preset-amounts div[class^="col-"] {padding: 5px 15px}
.fundraiser-builder .donate-preset-amounts .form-group {margin-bottom: 0}

/*.fundraiser-builder .form-group label{margin-top: 10px}*/
.fundraiser-builder .form-group {margin-bottom: 25px;}
.fundraiser-builder .options .form-group {margin-bottom: 20px;}
.fundraiser-builder .options .form-group + .form-group {margin-top: 25px;}
.fundraiser-builder .options .col-sm-6 {padding-right: 5px;}
.fundraiser-builder .options .col-sm-6 + .col-sm-6 {padding-left: 5px; padding-right: 15px;}
.fundraiser-builder .options .vendor, #addProductsModal .vendor {margin-bottom: 20px;}
.fundraiser-builder .options .vendor:last-child, #addProductsModal .vendor:last-child {margin-bottom: 0;}
.fundraiser-builder .options .vendor .media, #addProductsModal .vendor .media {margin: 20px 0; border: none}
.fundraiser-builder .options .vendor + .vendor, #addProductsModal .vendor + .vendor {border-top: 2px solid #777}
.fundraiser-builder .options a.list-group-item:hover{cursor:pointer;}
/*.fundraiser-builder .tab-content > .tab-pane {margin-top:15px}*/
.fundraiser-builder .panel-transparent {margin-top:20px; padding-bottom:0; background: rgba(255,255,255,0.5);border: 1px solid #d6d7d7; border-radius: 0; position:relative}
.fundraiser-builder .panel-transparent .panel-body {padding:20px;}
.fundraiser-builder .panel-transparent .panel-body > div {padding:0;}
.fundraiser-builder .panel-transparent .form-group:last-child {margin-bottom:0;}

.fundraiser-builder .panel.product .panel-body, .fundraiser-builder .panel.reward .panel-body, .fundraiser-builder .panel.ticket .panel-body, .vendor-content .panel.product .panel-body {position: relative}

.fundraiser-builder .tip {margin-bottom: 25px; color:grey; opacity: .8}
.fundraiser-builder .tip a {text-decoration: underline; color:#4174b9;}

.fundraiser-builder .switch-container {top:14px; right:20px;}
.fundraiser-builder .label-processor-admin {position:absolute; right:20px;}

.fundraiser-builder .linked-fundraiser {padding-right: 40px !important}
/*.fundraiser-builder .linked-fundraiser .select-fundraiser {margin-bottom: 10px !important}*/
.fundraiser-builder .linked-fundraiser .close-panel {top: 5px !important}

#form_fundraiser_create .col-xs-12 {margin-top:1px;}

/*.fundraiser-builder .btn-primary {border-radius: 2px; font-weight: 300}*/
/*#saveTwitter {border-radius: 2px; font-weight: 300}*/
.fundraiser-builder .thanks-tweet-message, .fundraiser-builder .fundraiser-question-text, .fundraiser-builder .ticket-question-text, .fundraiser-builder .product-question-text, #promotersInfo .promoter-question-text {padding:10px 50px 10px 10px}

.fundraiser-builder #summary .form-group {margin-bottom: 20px;}
.fundraiser-summary {
		-moz-transform: scale(0.6);
		-webkit-transform: scale(0.6);
		transform: scale(0.6);

		-moz-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;

		width:166.666667%;
}
.fundraiser-summary .fundraiser {
	border: 1px solid #d6d7d7;
}


/*.fade {opacity: .5}*/


/*input[type="checkbox"] + label {
	font-weight: 400;
		cursor: pointer;
}

input[type="checkbox"]:disabled + label {
	opacity: .6;
}

input[type="checkbox"]:disabled + label:hover {
	cursor: not-allowed;
}

input[type="checkbox"] {
		display: none;
}

input[type="checkbox"] + label:before {
	border: 2px solid #777;
	content: "\00a0";
	display: inline-block;
	font: 13px/1em sans-serif;
	height: 16px;
	margin: 0 .5em 0;
	padding: 0;
	width: 16px;
}
input[type="checkbox"]:checked + label:before {
	background: #fff;
	color: #666;
	content: "\2713";
	text-align: center;
}
input[type="checkbox"]:checked + label:after {
		font-weight: bold;
}*/

.pwstrength-progress{ margin-top:10px; }

/*** custom switches ***/
.switch-container{
		/*float: right;*/
		/*margin-bottom: -5px;*/
		position: absolute;
		top:15px;
		right:15px;
		z-index: 1000;
}

/*.has-success label, .has-error label {color:black;}*/

/*** custom checkboxes ***/
.checkbox {
		/*margin-left: 10px;*/
		/*margin-left: 1em;*/
		/*margin-left: 15px;*/
}
.checkbox-inline {
		/*margin-left: 30px !important;*/
		/*text-align: left !important;*/
}
.checkbox:hover, .checkbox-inline:hover {
		cursor:default;
}
.checkbox>label:hover, .checkbox-inline>label:hover, .btns-radio>label:hover {
		cursor:pointer;
}
.checkbox > input:disabled ~ label, .checkbox-inline > input:disabled ~ label, .btns-radio > input:disabled ~ label {
		/*opacity:.5;*/
		color:rgba(0,0,0,0.35);
}
/*.checkbox > input:disabled:hover, .checkbox-inline > input:disabled:hover, .btns-radio > input:disabled:hover*/
.checkbox > input:disabled ~ label:hover, .checkbox-inline > input:disabled ~ label:hover, .btns-radio > input:disabled ~ label:hover
,.checkbox > input:disabled ~ label > span:hover, .checkbox-inline > input:disabled ~ label > span:hover, .btns-radio > input:disabled ~ label > span:hover {
		cursor:not-allowed;
}

/*input[type=checkbox]:hover {
		cursor: pointer;
}*/
/*input[type="checkbox"]:focus{
		outline:0;
}*/

/*.campaign .checkbox-inline label>input[type=checkbox]:before {
		margin-top: 0;
}*/

/*label>input[type="checkbox"]:checked {
		-webkit-appearance: none;
}
*/

input[type="checkbox"] ~ label {
		padding-left: 10px;
		margin-left: 20px;
}

input[type="checkbox"] ~ label span:first-child {
		display:inline-block;
/* width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;*/
	/*background:url(https://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/391_checkboxes/check_radio_sheet.png) left top no-repeat;*/
		cursor:pointer;

		vertical-align:middle;
		text-align: center;
		/*margin-top: -.15em;*/
		/*margin-right: .5em;*/
		background-color: #FFFFFF;
		margin: -.15em .5em 0 -20px;
				border: 2px solid #777;
				content: "\00a0";
				height: 16px;
				width: 16px;
				font: 13px/1em sans-serif;
		padding-left: 0;
}
input[type="checkbox"]:checked ~ label span:first-child:after {
	/*background:url(https://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/391_checkboxes/check_radio_sheet.png) -19px top no-repeat;*/
		/*font-family: FontAwesome;*/
		/*display: inline-block;*/
		/*content:"\f046";*/
				content: "\2713";
				color: #666;
				/*font-weight: bold;*/
		/*letter-spacing: 5px;*/
}

input[type="checkbox"] {
	display:none;
}


/* allow space for check mark */

/*[type="radio"]:checked {
	outline: none;
		width: 16px;
		height: 16px;
		-webkit-appearance: none;
		background-image: url('../media/images/general/radioButton.png');
		background-size:cover;
		outline: none !important;
}*/
/*input[type='radio'] {
		-webkit-appearance:none;
		width:15px;
		height:15px;
		border:2px solid #777;
		border-radius:50%;
		outline: none !important;
}
input[type='radio']:checked {

		background-color: black
}
input[type='radio']:hover {
		box-shadow:0 0 5px 0px orange inset;
}
input[type='radio']:before {
		content:'';
		display:block;
		width:.5em;
		height:.5em;
		margin: 2px 2px;
		border-radius:50%;
}
input[type='radio']:checked:before {
		background:grey;
}*/

.btns-radio input + label{
		margin-right: 15px;
		font-weight: normal;
}

.btns-radio input + label:first-of-type{
		margin-left: 10px;
}

input[type="radio"] {
		display:none;
}

input[type="radio"] + label span + span {
		margin: 0;
}

input[type="radio"] + label span:first-child {

		display:inline-block;
		cursor:pointer;

		vertical-align:middle;
		text-align: center;
		background-color: #FFFFFF;
		/*margin: -.15em .5em 0 0;*/
		margin: -.1em .25em 0 0;
				border: 2px solid #777;
				content: "\00a0";
				height: 16px;
				width: 16px;
		font-size: 32px;
		border-radius:50%;

}
input[type="radio"]:checked + label span:first-child:after {
		display:inline-block;
		/*margin-top: .05em;*/
		margin-top: 2px;
		content: "\00a0";
		background-color: #777;
		height: 8px;
		width: 8px;
		border-radius:50%;
}

.hide-calendar table.ui-datepicker-calendar {
	display: none !important;
}

.input-group{
	z-index: 1;
}

.disabled-wrapper:hover{cursor: not-allowed;}
.disabled-wrapper .btn[disabled]{ pointer-events: none; }

.disabled *{
	/*pointer-events: none;*/
	/*opacity: 0.6;*/
}
#twitterOptions.disabled *{
	opacity: 0.75;
}

.main-content {
	/*height:80vh;*/
}

/* Make Scrollbars Always Visible
::-webkit-scrollbar {
		-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
		width: 12px;
}
::-webkit-scrollbar:horizontal {
		height: 12px;
}
::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .5);
		border-radius: 10px;
		border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: #ffffff;
}
*/


/*.item-close-btn {
	font-size: 30px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	text-decoration: none;
}
.item-close-btn:hover {
	cursor: pointer;
		color: red;
		text-decoration: none;
		opacity: 0.4;
}*/

.item-close-btn {
	font-size: 30px;
	font-weight: normal;
	line-height: 18px;
	color: grey !important;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);
}
.item-close-btn:hover {
	cursor: pointer;
	color: red !important;
	text-decoration: none;
	opacity: 0.4;
}
.item-close-btn:focus {
	outline: none;
}

.twitter-close-btn {
	padding-right: 5px;
	font-size: 30px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	text-decoration: none;
}
.twitter-close-btn:hover {
	cursor: pointer;
		color: #000000;
		text-decoration: none;
		opacity: 0.4;
}

/*#btn-reward-add:focus {
		outline: none;
}*/

.reward-image-form *{
	display:inline-block;
	margin-right: 5px;
}

.review-campaign{
	/*margin:20px 20px 0;*/
	padding:20px 20px 0;
	/*height:80vh;*/
	/*overflow-y: scroll; */
}

.center{text-align:center; width:100%;}
.full-width{width:100%;}

	.fundraiser-intro {padding-bottom: 50px;}
		.fundraiser-intro-title {display:inline-block; text-align: left; font-weight:500; margin-top:0; margin-bottom:0; color: #4174b9; padding: 20px}
		.fundraiser-intro-subtitle {text-align: center; font-weight:300; margin-top:0; color: white}
		.fundraiser-intro-block {text-align: center;}
			.fundraiser-intro-block-number {font-size: 48px;}
			.fundraiser-intro-block-description {}
				.fundraiser-intro-block-description-title {margin: 5px 0;}
				.fundraiser-intro-block-description-info {}
	.fundraiser-form {}
		.fundraiser-form-controls {}
			.fundraiser-form-select {padding: 125px 0;}
				.fundraiser-form-select-title {color: #ffffff;text-align: center;font-size: 72px;text-shadow: 1px 1px 1px #000000;}
		.fundraiser-form-content {padding-top: 25px;}

.fundraiser-form-controls .nav-tabs {border: 0; display: flex; justify-content: center;}
.fundraiser-form-controls .nav-tabs a:hover, .fundraiser-form-controls .nav-tabs a:focus {text-decoration: none;}

/* PANEL CARDS */
.panel-cards {}
	.panel-card {}
		.panel-card-thumbnail {padding: 0;}
			.panel-card-body {padding: 7px; position: relative}
				.panel-card-title {margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
				.panel-card-subtitle {font-size: 80%;color: #777;padding-bottom: 3px;}
				.panel-card-description {height: 100px; overflow:hidden;}
				.panel-card-school {font-size: 80%;padding-top: 2px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
					.panel-card-school-name {}
				.panel-card-location {font-size: 80%;padding-top: 2px;}
					.panel-card-location-name {}
				.panel-card-fundraiser-type {position:absolute; right: 5px; bottom: 5px; font-size: 18px; color:#42b753;}
				.panel-card-product-remaining {position:absolute; right: 7.25px; bottom: 7.25px; font-size: 14px; color: #d82a20;}
				.panel-card-product-price {color: #4174b9; font-weight:bold;}
				.panel-card-footer {padding: 5px;background-color: #f8f8f8;border-top: 1px solid #e7e7e7;text-align: center;}
					.panel-card-footer-data {color: #42b753;font-size: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
					.panel-card-footer-title {font-size: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
					.panel-card-footer .col-xs-4 {padding-left:0;}

			/*for maintaining aspect ratio without cropping*/
			.panel-card-thumbnail .embed-responsive-item {right: 0; margin-left: auto; margin-right: auto; width:auto !important; max-width: 100%}

	.panel-card-thumbnail img {padding: 2px;}
	.panel-card-body>p {margin: 0;}
	.video-icon{position:absolute;top:5px;right:5px;color:gray;}
	.school-panel {color:black; text-decoration: none !important;}
	.panel-card-body .product-content {height:150px; margin-bottom:5px; overflow: hidden;}
	.panel-card.product .panel-card-body .panel-card-title{color: #777; word-break: break-word;}
	.panel-card.product .panel-card-body .panel-card-title:nth-of-type(1){font-size: 14px; font-weight: bold; white-space: normal;}
	.panel-card.product .panel-card-body .panel-card-title:nth-child(2){color: #4174b9; font-size: 12px}
	.panel-card.product .panel-card-body .panel-card-title:nth-of-type(3){margin-top: 5px; white-space: normal;}
	/*.panel-card.product .panel-card-body .panel-card-title:nth-of-type(3){margin-top: 5px; white-space: normal; min-height: 40px}*/
	/*@supports (-webkit-line-clamp: 2) {
	.panel-card.product .panel-card-body .panel-card-title:nth-of-type(3){display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal}
	}*/
/*.panel-card-location>.fa {color: #d82a20;}*/

/* ACCOUNT FORM */
.account-form {padding: 25px 0 10px;}
	.form-header {}

/* SETTINGS */
.settings {padding: 25px 0 10px;}
.settings .tab-pane {margin-bottom: 20px}
.settings .personal-settings a{width:100%; display:inline-block;}
.settings .donations a{width:100%; display:inline-block;}
.settings #menu .list-group-item.small{padding-left: 50px}
.settings #menu .panel.list-group {border: none}
.settings #menu .panel-heading {border-bottom: none;}
.settings #menu .list-group-item {border-top: 1px solid #dddddd;}
.settings #menu .list-group-item {border-bottom: none;}
.settings #menu a:hover{cursor:pointer;}
.settings .glyphicon{padding-right:5px;}
/*.settings .tab-pane{overflow-y:scroll;}*/
.settings .table-container{overflow-y:scroll; /*height:70vh;*/}
.settings table a:hover{cursor:pointer;}
.settings .admin-content .page-header{margin-top: 0;}


.label-success {font-weight: normal; color:white !important; background-color:#42b753;}

.btn-primary {background-color:#4174b9; border-color: #4174b9}
.btn-primary:hover {background-color:#345c94;}
.btn-success {background-color:#42b753; border-color: #42b753}
.btn-success:hover {background-color:#349242;}
.progress-bar-success {background-color:#42b753;}
.btn-warning {background-color:#F2821D;}
.btn-warning:hover {background-color:#D0690C;}
.btn-danger {background-color:#E83434; border-color:#E83434;}
.btn-danger:hover {background-color:#d11818;}

.lbl-warning {color:#F2821D;}
.lbl-error {color:#d82a20;}

/* FUNDRAISER */
.fundraiser .container-fluid {}
.fundraiser {padding: 0 0 10px; background-color: #ffffff;}
	.fundraiser .container-fluid {padding: 0; overflow-x: hidden; /*rows add side margins, which cause overflow without padding*/}
	.fundraiser .admin-review, .fundraiser .creator-review > div {position: relative;}
	.fundraiser .creator-review {margin-bottom: 10px;padding-left: 40px; max-width:1220px; margin-left: auto; margin-right: auto;}
	.fundraiser .reviewer-info {position: absolute; right: 0; top: 5px}
				.fundraiser .review-buttons {border-spacing:10px; width: auto; margin-left: -10px; margin-right: -10px;}
				.fundraiser .review-buttons button {margin-bottom: 10px}
	.fundraiser .fundraiser-management {max-width:1220px; margin-left: auto; margin-right: auto; padding:0 20px;}
		.fundraiser .fundraiser-management .col-md-6{position: relative;}
		.fundraiser-management-btns {margin-top:10px; margin-bottom: 10px}
		.fundraiser-management-btns .btn{margin-right:5px; margin-bottom: 10px; border-radius: 2px}
	.fundraiser .page-header{border:none; font-size: 26px; font-weight: bold; color: #777}
	.fundraiser-upper {padding: 40px; background-color: #efefef}
		.fundraiser-upper-content {max-width:1220px; margin: auto;}
	.fundraiser-header {margin-bottom: 10px;border-bottom: 1px solid #efefef;}
		.fundraiser-header > .col-md-6:first-child {padding-right: 40px}
		.fundraiser-header > .col-md-6:last-child {padding-left: 40px}
	.fundraiser-header .progress {margin-top:10px;}
		.fundraiser-header-title {margin: 0; color: #4174b9; font-size: 32px; font-weight: bold;}
	.fundraiser-lower {padding: 40px; max-width:1220px; margin: auto;}
		.fundraiser-lower .col-md-8:first-child {padding-right: 40px}
		.fundraiser-lower .col-md-4:last-child {padding-left: 40px}
		.fundraiser-lower .panel {margin-bottom:30px;}
		.fundraiser-lower .app-buttons {float:right;}
	.fundraiser-data {}
		.fundraiser-data-left {margin-top:10px; padding-bottom: 10px;border-bottom: 1px solid #efefef;}
			.fundraiser-data-image {margin-top:40px;}
		.fundraiser-data-right {padding: 0 5px;}
			.fundraiser-data-author {margin-bottom: 20px;}
				.fundraiser-data-author .media-heading {margin-bottom: 5px; font-weight: bold; font-size: 26px; color: #4174b9;}
				.fundraiser-data-author li {font-weight: normal; font-size: 18px; color: #777;}
				.fundraiser-data-author a, .fundraiser-data-author li:first-child {color: #42b753;}
				.fundraiser-data-author .email {color: #777; float:right;}
				.fundraiser-data-author .fa {float: left; display: block; margin-top: 4px}
				.fundraiser-data-author .fa + span {overflow: hidden; display: block;}
				.fundraiser-info-header {font-size: 26px; font-weight: bold; color: #777}
				.rewards .media, .tickets .media, .products .media, .fundraiser .transactions .list-group-item {border:none;}
			.panel-header {font-size: 22px; font-weight: bold; color: #777}
				.panel-header a{color: #AAAAAA}
				.panel-header small{margin-top:5px;}
				.list-group-item-heading {margin-top:5px; font-size: 34px; font-weight: normal}
					.fundraiser .rewards .list-group, .fundraiser .tickets .list-group, .fundraiser .products .list-group {overflow-y: scroll}
					.fundraiser .transactions .list-group {overflow-y: scroll; max-height: 100vh}
					.fundraiser .transactions .list-group-item-heading {color:#42b753}
				.list-group-item-subheading {margin: 0 0 10px; line-height: 1.5em; font-size:18px; font-weight: bold; color:#777; word-break: break-word}
				.list-group-item-text {margin-top: 0; margin-bottom: 10px; font-size: 18px; color:#777;}
			.fundraiser-data-stat {}
				.fundraiser-data-block {text-align: left;padding: 2.5px 0;margin: 2.5px 0;background-color: #efefef;border-radius: 4px;}
					.fundraiser-data-block-title {font-size: 48px; font-weight: bold; color:#777;}
					.fundraiser-data-block-description, .fundraiser-info-block-description {font-size: 18px; font-weight: normal; color:#777;}
						.fundraiser-info-block-description img {max-width: 100%}
						.fundraiser-info-block-description a {word-break: break-word;}
										.fundraiser-info {margin-bottom: 20px}
										.fundraiser-info:last-child {padding-bottom: 70px}
					.fundraiser-header {background-color: #efefef;
									 margin: 0 -9999rem;
									 /* add back negative margin value */
									 padding: 0.25rem 9999rem;
									 }
						.fundraiser .fundraiser-data-stat {margin-top:15px;}
						#fundraisersPublicList .fundraiser-info-block-title, #fundraisersPublicList .fundraiser-info-block-description {margin-bottom:0;}
						.fundraiser .fundraiser-title {margin-top:40px; font-size:32px; font-weight: bold; color:#42b753;}
						.fundraiser .col-md-4:last-child{margin-bottom:25px;}
						.fundraiser-processors-table {margin-top:0px;}
												[class^="view-all"]{color: #AAAAAA}
												.fundraiser-lower [class$="donations-table"] th{white-space: nowrap}
						.fundraiser-lower [class$="donations-table-body"] tr.donation-refunded td.donation-refunded-label
						,.fundraiser-lower [class$="registrations-table-body"] tr.registration-refunded td.registration-refunded-label
						,.fundraiser-lower [class$="transactions-table-body"] tr.transaction-refunded td.transaction-refunded-label
						,.fundraiser-lower [class$="tickets-table-body"] tr.ticket-sale-refunded td.ticket-sale-refunded-label
						,.fundraiser-lower [class$="products-table-body"] tr.product-sale-refunded td.product-sale-refunded-label{padding-right:20px; /*text-align:right;*/ color:#E83434; white-space: nowrap;/*line-height: 30px*/}
						/*.btn-refund-transaction{float:right; width:80px}*/
						.fundraiser .addtocalendar {margin-top:5px; color:#42b753; font-size: 18px}
			.fundraiser-data-donate {margin-top: 10px;}
				.fundraiser-data-donate .fundraiser-data-block-description{margin-top: 20px; margin-bottom: 5px;}
				.twitter-share-button {background-image: '' !important}
				.fundraiser-data-donate .donate-buttons {border-spacing:10px; width: auto; margin-left: -10px; margin-right: -10px;}
			/*.fundraiser .fundraiser-data-promote {margin-top: 25px}*/
		.fundraiser-info-block {margin-bottom:40px;}
			.fundraiser-info-block-title {margin-bottom: 10px; font-size:18px; font-weight:bold; color:#777;}
			.fundraiser-info-block-description {}

	.fundraiser .media-object {height: 64px;width: 64px;}
	.fundraiser-info-block:last-child {padding-bottom: 0;}

	.fundraiser-transactions-management h3 {margin-bottom:15px}
	.fundraiser-transactions-management h3 button + button {margin-left:5px}

	.sm-float-right {float: right}

	.fundraiser .promoter-default-goal, .fundraiser .promoter-default-message {margin-left: 20px}
	.fundraiser .promoter-default-message > a {display: inline-block; max-width: calc(100% - 320px); vertical-align: top; margin-bottom: 10px}
	.fundraiser .promoter-signups, .fundraiser .promoter-custom-goals, .fundraiser .promoter-custom-messages {margin-left: 60px; display: inline-block;}
	.fundraiser .promoter-lists {display: block; margin: 10px 0 0 300px}

	.fundraiser .promoter-info {margin:0; padding:25px 0; background-color: #959494; color: white;}
	.fundraiser .promoter-info-content {margin:auto; max-width: 1220px;}
	.fundraiser .promoter-name, .fundraiser .promoter-referral-code {font-size: 36px}
	.fundraiser .promoter-message {margin-top:10px; font-size: 18px}
	.fundraiser .promoter-image {width: 130px; height: 130px; border-radius: 50%; object-fit: cover; background-color: white}
	#updatePromoterModal img {height: 130px; /*border-radius: 50%*/ object-fit: cover;}

	.fundraiser .nav-tabs.management-tabs a {font-size:24px; font-weight: bold;}
	.fundraiser .nav-tabs.management-tabs > li.active > a {color: #777;}

	#createPromoterModal .nav-tabs.promoter-tabs > li > a {font-size:15px;}
	#createPromoterModal .nav-tabs li.active a {color: #4174b9;}
	#createPromoterModal .tab-panel {padding:0;}
	/*.fundraiser .alert {width:50%; margin:auto;}*/

	/*#embedFundraiserModal .col-md-12 + .col-md-12 {margin-top: 20px}*/

.progress {border-radius:25px}
	.progress .progress-bar {border-radius:25px}

.tooltipster{cursor: help;}

.color-picker.static {
	display:inline-block;
	position:static;
}
.color-picker.static .color-picker-control {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.overlay{
	position: absolute;
	text-align: center;
	left: 15px;
	right: 15px;
	top: 0;
	/*bottom: 0;*/
	background-color: #f8f8f8;
	/*color: #d82a20;*/
	font-size: 40px;
	/*-moz-opacity:.80;*/
	/*filter:alpha(opacity=50);*/
	/*opacity:.50;*/
	z-index: 10;/*z-index: 10000000;*/
	border: 1px solid #e7e7e7;
}

/* SCHOOL */
/*.school {padding: 25px 0 10px;}*/
	.school-header {padding-top: 50px;}
	.school-data {}
		.school-data-left {}
			.school-data-image {}
		.school-data-right {}
			.school-data-name {border-bottom: 1px solid #efefef;}
	.school-faculty {padding-top: 10px;margin-top: 10px;border-top: 1px solid #efefef;}
		.school-faculty-title {margin-top: 0;}
		.school-faculty-image {}
	.school-campaigns {padding-top: 10px;margin-top: 10px;border-top: 1px solid #efefef;}
		.school-campaigns-title {margin-top: 0;}

.school .school-faculty .panel-card-title {text-align: center;}
.school .panel-card-thumbnail {margin-bottom: 10px;}

/* TRANSACTION */
.donation {padding: 25px 0 10px;}
.back-btn {font-size: 18px; margin-top: -10px; margin-left:15px; padding-bottom: 10px;}
tr.donation-refunded td:not(.donation-refunded-label)
,tr.registration-refunded td:not(.registration-refunded-label)
,tr.transaction-refunded td:not(.transaction-refunded-label)
,tr.ticket-sale-refunded td:not(.ticket-sale-refunded-label)
,tr.product-sale-refunded td:not(.product-sale-refunded-label){color: rgba(0, 0, 0, 0.3)}
tr.donation-refunded td:not(.donation-refunded-label) a
,tr.registration-refunded td:not(.registration-refunded-label) a
,tr.transaction-refunded td:not(.transaction-refunded-label) a
,tr.ticket-sale-refunded td:not(.ticket-sale-refunded-label) a
,tr.product-sale-refunded td:not(.product-sale-refunded-label) a {color: rgba(51, 122, 183, 0.3)}

/* PAYMENT */
#createTransactionModal .main-tab.active > a {background-color: #dff0d8}
#createTransactionModal .tab-panel {padding:0;}
#createTransactionModal .modal-footer a:hover{cursor: pointer;}
#createTransactionModal #ticketsInfo .ticket, #createTransactionModal #productsInfo .product {
	display: table; 
	width: 100%;
	margin-bottom:15px; 
	padding:20px; 
	/*border: 2px solid #efefef;*/
	/*-webkit-box-shadow: 0 8px 7px -7px #777;*/
	/*-moz-box-shadow: 0 8px 7px -7px #777;*/
	box-shadow: 0 1px 3px 0px #777;
}
#createTransactionModal #ticketsInfo .ticket.disabled, #createTransactionModal #productsInfo .product.disabled {
	opacity: 0.5;
}
#createTransactionModal #ticketsInfo .ticket > div, #createTransactionModal #productsInfo .product > div{display: table-cell;}
#createTransactionModal #ticketsInfo .ticket > div:last-child, #createTransactionModal #productsInfo .product > div:last-child{min-width:60px; text-align: right;}
#createTransactionModal #ticketsInfo .ticket .ticket-title, #createTransactionModal #productsInfo .product .product-title{margin-top: 0;}
#createTransactionModal #ticketsInfo .ticket .ticket-cost, #createTransactionModal #productsInfo .product .product-cost{margin-bottom: 0; color:#777}
#createTransactionModal #registrationInfo .event-question + #ticketQuestions, #createTransactionModal #registrationInfo .marketplace-question + #productQuestions {margin-top: 25px}
#createTransactionModal .main-tab:not(.visited) a{pointer-events: none;}
#createTransactionModal #amount {border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important;}
#createTransactionModal .ticket-title, #createTransactionModal .product-title{word-break: break-word}
#createTransactionModal .ticket-questions-title, #createTransactionModal .product-questions-title {word-break: break-word}
.payment-logos {padding-bottom:10px;}
.payment-logos>div {display:inline-block;}
.payment-logos .siteseal-container{float:right;}


/* FLYER */
.flyer{padding-bottom: 20px}
.flyer a{text-decoration: none}
.flyer a:hover{text-decoration: none; cursor: pointer;}
.flyer-main{height:1860px;width:1440px;position:relative;}
.flyer-header{width:100%; height:100px; padding:5px 15px 0; /*position:relative;background-color:blue;*/}
.flyer-header *{display:inline-block;}
.flyer-header img, .flyer-header div{height:100%; vertical-align: bottom;}
.flyer-header label{font-size: 20px; font-weight: normal;}
/*.flyer .school-logo {height:100px; background-color: blue}*/
.flyer .classmunity-logo {padding:50px 0 10px 0;}
.flyer .school-logo {padding:5px 0;}
.flyer-banner{margin-bottom:85px; padding:0 10px; width:100%; height:150px; color:white; font-size:96px; text-align:center; background-color: #4174b9; /*white-space: nowrap;*/ /*text-overflow: ellipsis; overflow: hidden;*/}
.flyer-banner-text{height: 150px;line-height: 150px;white-space: nowrap;font-size: 96px;}
.flyer-banner .org-name {color:white;}
/*.flyer-banner .org-name:hover {cursor: pointer;}*/
.flyer-banner .org-name:focus {color:white;}
.flyer-dynamic {max-height: 1190px; overflow: hidden;}
.flyer-body{
		margin: 75px auto 50px;
		width: 60%;
		/*border:3px solid #8AC007;*/
		/*padding: 10px;*/
		/*max-height: 500px;*/
		/*overflow: hidden;*/
}
.flyer .fundraiser-header-title{text-decoration: underline; display:block; text-align: center; margin: 25px 0 25px; font-size:48px;}
.flyer .fundraiser-name{color:black;}
/*.flyer .fundraiser-header-title:hover{cursor: pointer;}*/
/*.flyer .fundraiser-data *{height:60vh}*/
.flyer .fundraiser-image:hover{cursor:pointer;}
.flyer .fundraiser-image{margin-top: 40px; text-align:center;}
.flyer .fundraiser-image *{margin:auto; text-align:center; vertical-align: top; max-height:700px; max-width:900px; display:table;}
.flyer-description{font-size: 32px; text-align: center;}
.flyer-description .org-name {color:black;}
.flyer .optional-container{ width:100%; margin: 50px auto 25px;}
.flyer .rewards-header{font-size:48px; text-decoration: underline; display:inline;}
.flyer .rewards-header:hover{cursor: pointer;}
.flyer .reward-name{color:black;}
.flyer .rewards-body{font-size:32px;}
.flyer .reward, .flyer .ticket i:hover{cursor:pointer;}
.flyer .rewards-alternate{text-align:center; margin-top:100px; font-size:32px;}
.flyer .rewards-alternate .org-name{color:black;}
/*.flyer .list-group{ display:block; text-align: left; margin: 50px 0 25px;}*/
.flyer-contact{position:absolute;left:0;bottom:200px;width:100%; font-size: 32px; text-align: center;}
.flyer-thanks{position:absolute;left:0;bottom:100px;width:100%; font-size:48px; text-align: center}
.flyer-footer{position:absolute;left:0;bottom:20px;width:100%;font-size: 32px; text-align: center;}
.flyer .color{outline: 1px solid black;}
/*.flyer .design-tools {display:inline;}*/
/*.flyer .color-pickers {display:inline;}*/
.flyer .tweak {margin: 0 0 0 40px}
.flyer .btn-share {margin: 15px 0 0 40px}
.flyer .btn-save {margin: 15px 0 0 40px; width:100px;}
.flyer .btn-delete {margin: 15px 0 0 40px; width:100px;}
.flyer .btn-upload {margin: 15px 0 0 0}
.flyer .color-pickers {margin-left:40px;}
.flyer .color-pickers *{margin-left:20px; display:block;}
/* Overwrite krajee fileinput styling for fundraiser image */
.flyer .file-preview {border:none; padding: 0;}
.flyer .file-preview-frame {margin:0 !important; border:none !important; box-shadow: none !important; padding: 0 !important; width: 100%}
.flyer .file-preview-frame .file-thumbnail-footer{display: none}
.flyer .kv-file-content {width:auto !important; height:auto !important;}
.flyer .kv-file-content img {width:auto !important;}
.flyer .kv-file-content embed {width:100% !important; height:375px !important}
.flyer .tooltip, .flyer .tooltip *:hover{cursor: pointer;}
.flyer .tooltip-icon {font-size:2em; width:30px; height:30px; line-height:30px}

.vcenter {vertical-align: middle; display: inline-block; float: none;}
.vtop {vertical-align: top; display: inline-block; float: none;}
.vbottom {vertical-align: bottom; display: inline-block; float: none;}
/*******************************/
/**** SIZE SPECIFIC STYLING ****/
/*******************************/

/* MOBILE SHRINK */
@media (max-width: 464px) {
	/*.navbar {margin-bottom: 0; min-height:100px; border-bottom: 1px solid #cecece;}*/
/*.navbar.navbar-default.navbar-static-top {margin-bottom: 0; background-color:white; border:2px solid #efefef}*/
/*.navbar-brand {padding: 10px 5px 15px; height:100px;}*/
/*.navbar-brand img {vertical-align: top;padding-top: 3px; max-width:330px;}*/

	/*body {padding-top: 213px;}*/

	.fundraisers .fundraisers-options {float:none}
	
	.fundraiser .btn-group-justified .btn-group:not(:only-of-type) {display: inline;}
	.fundraiser-management-btns .btn, .fundraiser .review-buttons .btn {display: inline-block; width:100%;}
	.fundraiser .review-buttons {margin:auto; width: 100%}

	.fundraiser-header .donate-buttons > .btn-group + .btn-group button {margin-top: 10px}
	.fundraiser-summary .fundraiser-data-donate .donate-buttons {width: calc(100% + 20px);}
	.fundraiser .admin-review .reviewer-info {position: relative; display: block; margin-bottom: 10px}

	/*.chart {height: 300px !important;}*/
		.student {margin:0 !important; padding:0 !important;}
		.posts-header {display: block;}
		/*.posts-header {display: inline-block;}*/
		.posts-container {margin:0 !important;}
		.posts-container .post .col-sm-9 {margin-top:11px;}
		/*.student .btn-delete-post {float:right;}*/

		.sm-float-right {float: none; display:block; margin:10px 0 0; width: 100%}
		.sm-float-right button {display: block; margin-left: 0 !important; width: 100%}
		.sm-float-right button + button {margin-top: 10px;}
		/*.fundraiser-transactions-management .sm-float-right button {display: block; margin-left: 0; width: 130px; text-align: left}*/
		/*.fundraiser-transactions-management .sm-float-right button + button {margin-top: 10px;}*/
		
		.fundraiser .promoter-default-goal, .fundraiser .promoter-default-message {display: block; margin: 10px 0 0 40px}
		.fundraiser .promoter-default-message > a {max-width: calc(100% - 55px); margin-bottom: 0}
		.fundraiser .promoter-signups, .fundraiser .promoter-lists, .fundraiser .promoter-custom-goals, .fundraiser .promoter-custom-messages {display: block; margin-left: 40px; margin-top: 10px}

		.fundraiser .nav-tabs.management-tabs a {font-size: 4.5vw}

		.fundraiser .fundraiser-data-promote {margin-top: 0}

		#form_update_promoter .fileinput {width:100%;}
		#form_update_promoter .fileinput .btn {display: block; margin-top: 10px}
}

@media (max-width: 768px) {
	/*.hero.index {margin-top:72px; height:auto;}*/
	.navbar-links {margin-right: 0;}
	.navbar-btns {padding-top: 9px;border-top: 1px solid #e7e7e7;text-align: center;}
	.navbar-btn {margin: 0;}

	.hero {padding: 50px 25px 50px;}
		.hero-banner-title {font-size: 48px;}
		.hero-banner-subtitle {font-size: 14px;}

	.nav-tabs.nav-justified>li {display: table-cell;width: 1%;}

	.fundraiser-builder {padding:20px 0px 65px;}
	.fundraiser-builder .payment-processor .col-sm-6:last-child{margin-top:20px;}
	.fundraiser-builder .options .col-sm-6 {padding-right: 15px; margin-bottom: 10px;}
	.fundraiser-builder .options .col-sm-6 + .col-sm-6 {padding-left: 15px;}

	/*#fillOutTab span{display: inline-block}*/
	.admin-filter-btn-group{display:block !important; width:100%; text-align: right;}
	#schoolPostsColumn{padding: 0 25px 25px !important;}
	#fundraisersCarousel{margin:0 !important; padding:0 !important;}
	#schoolInfoColumn{margin:0 !important; padding:0 !important;}
	.carousel-inner{margin:0 !important; padding:0 !important;}
	.view-school-header{margin:0 25px 0 !important; padding:0 !important;}

	/*.chart {height: 275px;}*/

		.student .activity .col-sm-9 {padding: 0}

		.campaign-lower .app-buttons {float:none; margin-top: 10px}

	.fundraisers .fundraisers-options > div{display: block; margin-top: 5px; text-align: right}
	
	.alert{width: auto !important; margin: 0 20px 20px !important;}
	/*.alert button:not(.close) {float: none !important}*/
	
	.header-tabs {display: block;}
	.header-tabs > li {border-right: 0;}

	.fundraiser .promoter-info-content .media .media-left {display: block; margin-bottom: 10px}
	
	.panel-card.product .panel-card-body .panel-card-title:nth-child(1){height: auto}
}

@media (max-width: 992px) {
	.fundraiser-header > .col-md-6:first-child {padding: 0}
	.fundraiser-header > .col-md-6:last-child {padding: 0}
	.fundraiser-lower .col-md-8:first-child {padding: 0 15px}
	.fundraiser-lower .col-md-4:last-child {padding: 0 15px}
	/*.fundraiser-lower .event .col-md-12 {padding: 0 20px}*/
	/*.fundraiser-lower .event .panel-header {padding-left:20px}*/

	#promoteFundraisersModal .fundraiser-select .panel-card-title {font-size: 18px !important;}
	#addProductsModal .product-select .panel-card-title {font-size: 18px !important;}

	.fundraiser .creator-review .reviewer-info {position: relative; display: block; margin-bottom: 10px}

	.fileinput div[class^="col-"] + div[class^="col-"] {margin-top: 10px}

	/*#embedFundraiserModal .col-md-6 + .col-md-6 {margin-top: 20px}*/

	.fundraiser-builder-selection .fundraiser-type{min-height: auto !important;}
}

@media (max-width: 1065px) {
	.fundraiser-builder-selection .fundraiser-type{min-height: 520px;}
}

@media (max-width: 1100px) {
	.admin-header {display: none;}
}

@media (max-width: 1250px) {
	.fundraiser-builder-selection .fundraiser-type{min-height: 475px;}
}

/* XS */
@media (min-width: 464px) {
	.hero {padding: 50px 25px 75px;}
		.hero-banner-title {font-size: 48px;}
		.hero-banner-subtitle {font-size: 18px;}

	#form_update_promoter .fileinput {min-width:420px;}
}

/* SM */
@media (min-width: 768px) {
}

/*@media (min-width: 960px) {*/
@media (min-width: 1155px) {
	.hero {padding: 75px 30px 100px;}
		.hero-banner-title {font-size: 64px;}
}

/* MD */
@media (min-width: 992px) {
	.hero {padding: 100px 40px 125px;}
		.hero-banner-title {font-size: 72px;}

	.fundraiser-data-left {padding-bottom: 0;border-bottom: none;}
	.fundraiser-data-right {padding: 10px 15px 0;}

	.col-md-pad-right {padding-right: 25px}
	.col-md-pad-left {padding-left: 25px}

	/* Full Calendar Customization */
	.fc-scroller{height:auto !important;}
}

/* LG */
@media (min-width: 1200px) {
}

@media print {
	.nv-point-paths {
			display: none !important;
	}
	body * {
		/*visibility: hidden;*/
	}
	.footer * {
		visibility: hidden;
	}
	.table-responsive, .table-responsive * {
		visibility: visible;
	}
/*	.table-responsive, .view-column-header {
		visibility: hidden;
	}
	.table-responsive, .view-column-data, .table-responsive, .view-column-data * {
		visibility: hidden;
	}*/
	#admin-fundraisers-table td:first-child { display:none; }
	#admin-fundraisers-table td:nth-child(2){ display:none; }
	#admin-fundraisers-table th:first-child { display:none; }
	#admin-fundraisers-table th:nth-child(2) { display:none; }
	#admin-schools-table td:first-child { display:none; }
	#admin-schools-table th:first-child { display:none; }
	.table-responsive {
		position: fixed;
		left: 0;
		top: 0;
	}

	.btn-toggle-check {border: none; background: none}
	.btn-refund-transaction { visibility: hidden; }

/*	body * {
		visibility: hidden;
	}*/
	.flyer .design-tools {
		visibility: hidden;
	}
/*	.flyer .flyer-main{
		position: absolute;
		left: 0;
		top: 0;
	}*/
	.flyer-main, .flyer-main * {
		visibility: visible;
	}
	.flyer-main {
		position: absolute;
		left: 0;
		top: 0;
	}

	/* Do not diplay hyperlinks */
	a[href]:after {
			content: none !important;
	}
}

/* Handle navbar collapsing with js instead of media query */
.navbar-default:not(.collapsed) .navbar-right .navbar-links>li:not(:last-child) .dropdown-menu {left:0; right: auto;}
.navbar-default:not(.collapsed) .navbar-nav>li>a {padding-top: 25px;padding-bottom: 25px;}
.navbar-default:not(.collapsed) .navbar-nav>li>a.navbar-dropdown-toggle {padding-top: 10px;padding-bottom: 10px;}

/*.navbar-default:not(.collapsed) .hero {padding: 75px 30px 100px;}*/
/*.navbar-default:not(.collapsed) .hero-banner-title {font-size: 64px;}*/

.navbar-default:not(.collapsed) .nav-tabs.nav-justified>li>a {border: 0;border-radius: 0;}
.navbar-default:not(.collapsed) .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {border: 0;border-radius: 0;}
.navbar-default:not(.collapsed) .navbar-top-links .dropdown-messages,
	.navbar-default:not(.collapsed) .navbar-top-links .dropdown-tasks,
	.navbar-default:not(.collapsed) .navbar-top-links .dropdown-alerts {
			margin-left: auto;
	}


.navbar-default.collapsed.navbar {min-height:75px}
.navbar-default.collapsed .navbar-left {height: 75px;}
.navbar-default.collapsed .navbar-brand img {height:42px;}

.navbar-default.collapsed .navbar-header {
	float: none;
}
.navbar-default.collapsed .navbar-toggle {
	display: block;
	margin-top: 20px;
}
.navbar-default.collapsed .navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-default.collapsed .navbar-collapse.collapse {
	display: none!important;
}
.navbar-default.collapsed .navbar-nav {
	float: none!important;
	margin: 7.5px -15px;
}
.navbar-default.collapsed .navbar-nav>li {
	float: none;
}
.navbar-default.collapsed .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-default.collapsed .navbar-text {
	float: none;
	margin: 15px 0;
}
/* since 3.1.0 */
.navbar-default.collapsed .navbar-collapse.collapse.in { 
	display: block!important;
}
.navbar-default.collapsed .collapsing {
	overflow: hidden!important;
}

.navbar-default.collapsed .hidden-navbar {
	display: none !important;
}


.admin-navigation:not(.collapsed) ~ #page-wrapper .admin-content .overview-block-title, .admin-navigation:not(.collapsed) ~ #page-wrapper .vendor-content .overview-block-title {font-size:3.35vw !important;}
.admin-navigation:not(.collapsed)	.sidebar {
	z-index: 1;
	position: absolute;
}
.admin-navigation:not(.collapsed) ~ #page-wrapper {
	position: inherit;
	/*margin: 0 0 0 250px;*/
	/*margin: 0 0 0 340px;*/
	margin: 0 0 0 320px;
	padding: 0 30px;
	border-left: 1px solid #e7e7e7;/*#cecece;*/
}

.admin-navigation.collapsed .sidebar {width:100% !important;}
.admin-navigation.collapsed #sidebar {margin: 0px !important; padding: 20px 20px 0}
.admin-navigation.collapsed ~ #page-wrapper {min-height: auto !important}
.admin-navigation.collapsed{margin-top:-75px;}


/* Custom Payment Window Threshold */
@media (max-width: 505px) {
	.payment-logos {text-align: right}
	.payment-logos .siteseal-container{margin-top:10px; float:none;}
}

/* XS */
@media (max-width: 464px) {
	.btns-radio input + label{
		margin:0 5px 10px 10px;
	}
}

/* Round nav-bar button */
.img-round {
	width: 45px;
	height: 45px;
	border-style: solid;
	border-width: 1px;
	border-radius: 50%;
}

.user-icon { 
	width: 40px;
	height: 40px;

	border: 1px solid rgba(0, 0, 0, .25);
	border-style: solid;
	border-radius: 50%;
}

/* ADMIN PANEL */
.sidebar {margin-top:0; background-color:#efefef; width:/*340px*/320px;}
#sidebar {margin: 40px;}
.sidebar li a {padding-right:0; font-size: 24px; color:#777;}
.sidebar li:first-of-type {margin-top: 30px;}
.sidebar li:last-child {margin-bottom: 20px;}
.sidebar img {margin:40px 0 0;height:auto; max-width:/*260px*/240px; border:1px solid #cecece;}
.sidebar .district-header {margin:0; font-weight:bold;font-size: 26px; color:#777;}
.sidebar-nav {margin:0;padding:0}

.admin-filter-btn-group {display:inline-block; padding-bottom:5px;}
.admin-filter-btn-group .btn {color:#777; font-weight: normal !important}
.selectpicker-style {color:#777; font-weight: normal !important}
.selectpicker option {color: #777;}
.admin-filter-btn-group:not(:last-child){margin-right:25px;}
.admin-filter-btn-group label{font-size: 14px; font-weight:normal; color:#777;}
.admin-filter-btn-group span label{margin-left:25px}

.permissions:hover{cursor: help}

td.recurring-donation-id{display:none;}

.btn-edit-transaction:hover, .btn-edit-expense:hover, .btn-edit-faculty:hover{cursor:pointer;}
.email-receipt:hover{cursor:pointer;}

/* RECEIPT TEMPLATE */
.receipt-district-info,.receipt-tax-info,.receipt-tax-id {display: inline-block; margin-bottom: 5px; padding:10px; border-style:dashed}
.receipt-district-info:hover,.receipt-tax-info:hover {cursor: pointer;}
.receipt-tax-id{vertical-align: middle}
.receipt-tax-info-body .form-group *:hover{cursor: text;}
.receipt-message {display:inline-block; margin-bottom:10px; padding:10px; border-style:dashed; font-size: 16px;}
/* to ensure hidden email content is visible elsewhere */
.receipt-district-info-body,.receipt-tax-info-body{max-height: unset !important; font-size: unset !important; overflow: unset !important; mso-hide: unset !important}
#transactionReceipt img {max-width:none !important; border-radius:0 !important}
#transactionReceipt .tooltip, #transactionReceipt .tooltip *:hover{cursor: pointer;}

[contenteditable],[contenteditable="true"]{
		min-height:30px;
		/* Fix long words overflowing */
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;

		-ms-word-break: break-all;
		/* This is the dangerous one in WebKit, as it breaks things wherever */
		word-break: break-all;
		/* Instead use this non-standard one: */
		word-break: break-word;

		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
}
/*textarea.receipt-greeting {text-align: center; border-width:3px; width: 100%}*/

/*.admin-school-image {
	height: 200px;
	margin-left:10px; 
	border: 1px solid rgba(0, 0, 0, .25);
}*/

.dropdown-menu:hover{cursor: pointer;}
/*.admin-content{background-color:white; overflow-y:scroll; height:100vh;}*/
.admin-content{padding-bottom: 20px}
.admin-content .page-header{border:none; font-weight:bold; font-size:26px; margin-top: 40px; line-height: 22px}
.admin-content .overview-block-title {font-size: 48px; font-weight: bold; height:55px; color:#777;}
.admin-content .overview-block-description {margin: 10px 0 20px; font-size: 18px; color:#777;}
.admin-content .table-buttons{float:right; margin-top: 10px;}
.admin-content .export{margin:15px 0 25px;}
/*.admin-content label,.admin-content strong,.admin-content h1,.admin-content h2,.admin-content h3,.admin-content h4,.admin-content h5,.admin-content h6 {color:#777;}*/
/*label, strong, b, h1, h2, h3, h4, h5, h6 {color:#777;}*/
.admin-content .btn {border-radius: 2px; font-weight: 300}
table.sortable thead{background-color: #efefef}
table.sortable th{font-size: 14px; font-weight: normal !important; color:#777; border-color: #efefef !important; white-space: nowrap;}
table.sortable th:hover{cursor: pointer}
table.sortable th:first-child{padding-left:20px !important}
table.sortable td:first-child{padding-left:20px !important}
table.sortable td{color:#777; vertical-align: middle !important; border-color: #efefef !important;}
table.sortable tbody tr.shown + tr .dataTables_wrapper .row{margin:0;}
.table-responsive label{font-weight: normal;}
.dataTables_filter label, .dataTables_info {color:#777 !important;}
td.details-control {cursor: pointer;}
td.details-control i.fa.fa-plus-circle {color: #4174b9;}
td.details-control i.fa.fa-minus-circle {color: #d82a20;}
/*table.sortable table.sortable thead tr{background-color: white !important}*/
table.sortable table.sortable tr:first-child td {border: none}
/* apply "hover" class from jQuery styling */
table.dataTable.hover tbody tr:hover{background-color:#f6f6f6}
table.dataTable.hover tbody tr:hover.selected{background-color:#aab7d1}
table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}
table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}
table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}
table.dataTable.hover thead tr:hover, table.dataTable.hover tbody tr.shown + tr:hover{background-color:initial}

/*.admin-content .page-header{}*/
.panel-list{margin-left: 25px;}
.panel-list .form-group{margin: 0 25px 15px;}
.panel-list .fileinput{margin-left: 10px;}

.chart {
	/*display:inline-block;*/
	/*height: 240px;*/
	padding: 20px 30px 20px;
	background-color: #efefef
}
.chart-body {
	height: 160px;
	/*padding: 20px;*/
	/*background-color: #efefef*/
}

.admin-content #menu a:hover{cursor:pointer;}

.panel.school,.panel.fund {position: relative;}
.panel.school,.panel.fund {padding-top:15px;}
.close.close-panel {
	position: absolute;
	top:10px;
	right:10px;
	/*padding-right: 20px;*/
	font-size: 30px;
	font-weight: normal;
	line-height: 18px;
	color: grey !important;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1000;
}
.close.close-panel:hover {
	cursor: pointer;
	color: red !important;
	text-decoration: none;
	opacity: 0.4;
}
.close.close-panel:focus {
	outline: none;
}

.btn-set-default-fund {float:right;}
/*.label-default-fund {float: right; margin-right:15px}*/
.label-default-fund {position: absolute; bottom:10px; right:15px;}
.label-disabled-fund {float: right; margin-right:15px;}
/*.btn-disable-fund {margin-left:15px}*/


/* Social icons */
.social-icons-share{
	position: relative;
	width: 100%;
	margin: 0px auto 0px;
	/*max-width: 600px;*/
}
.student .student-info .social-icons-share{
	text-align: center;
}
.social-icons-share ul.social-icons {
	padding: 0px 10px !important;
	margin: 10px auto !important;
	list-style: none !important;
	float: left;
}
.post .social-icons-share ul.social-icons {
	margin-top: 0 !important;
	padding: 0 0 0.5px !important;
	min-width: 0;
}
.social-icons-share ul.social-icons li.icon-social {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 0px;
	font-size: 18px;
	margin: 0px 20px 20px 0px;
	position: relative;
	width: auto;
	float: left;
	line-height: 20px;
	color: #777;
	height: 30px;
	width: 86px;
	text-align: center;
}
.post .social-icons-share ul.social-icons li.icon-social {
	/*margin-bottom: 0;*/
	margin: 0;
	width: auto;
	display: block;
	float: none;
}
.student .student-info .social-icons-share ul.social-icons li.icon-social {
	margin: 0;
	width: auto;
	float: none;
}
.social-icons-share ul.social-icons li.icon-social i {
	font-size: 22px;
}

.social-icons-share ul.social-icons li.icon-social a {
	text-decoration: none;
	display: inline-block;
	color: #777;
}

/*.social-icons-share ul.social-icons li.icon-social.spread-the-word * {margin-left: 0 !important; padding-left: 0 !important}*/
.social-icons-share ul.social-icons li.icon-social.spread-the-word, .social-icons-share ul.social-icons li.icon-social.promote {text-align: left}
.social-icons-share ul.social-icons li.icon-social.spread-the-word {width: 225px;}
.social-icons-share ul.social-icons li.icon-social.promote {width: 265px;}
/*.social-icons-share ul.social-icons li.icon-social.spread-the-word label, .social-icons-share ul.social-icons li.icon-social.promote label {color: #777; margin-top: 2px;}*/
/*.social-icons-share ul.social-icons li.icon-social.spread-the-word i, .social-icons-share ul.social-icons li.icon-social.promote i {vertical-align: middle;}*/
.social-icons-share ul.social-icons li.icon-social.flyer {width: 245px;}
.social-icons-share ul.social-icons li.icon-social.facebook i {color: #3b5998;}
.social-icons-share ul.social-icons li.icon-social.twitter i {color: #55acee;}
.social-icons-share ul.social-icons li.icon-social.pinterest i {color: #bd081c;}
.social-icons-share ul.social-icons li.icon-social.linkedin i {color: #0077B5;}
.social-icons-share ul.social-icons li.icon-social.email i {color: #0060B6;}
.social-icons-share ul.social-icons li.icon-social.embed i {color: #bd081c;}

.twitter-share-button,.pinterest-pin-button,.fb-like,.fb-share-button{opacity: 0;}
.twitter-share-button{
	margin-top: -5px;
	margin-left: -70px;
	/*padding-top: 10px;*/
	transform: scale(1.2);
}

.pinterest-pin-button{
	/*margin-top: -5px;*/
	margin-left: -50px;
	/*padding-top: 5px;*/
	transform: scale(1.3);
}
.pinterest-pin-button:hover{
	cursor:pointer;
}

.fb-like {
	left: -5px;
	top: -20px;
	transform: scale(1.25);
}

.fb-share-button {
	left: -5px;
	top: -20px;
	transform: scale(1.3);
}

/* MISC */
.scrollable-menu {
		height: auto;
		max-height: 150px;
		overflow-x: hidden;
}

.tooltip-icon {
		margin-left: 5px !important;
		/*color: #7e7e7e;*/
		color:rgba(126,126,126,1);
		white-space: pre-line;

		display: inline-block;
		width: 20px;
		height: 20px;
		background: #e7e7e7;
		border-radius: 50%;
		text-align: center;
		line-height: 20px;
}
label .tooltip-icon{font-weight: bold;}
.tooltip-icon:hover/*, span[data-toggle="tooltip"]:hover*/{cursor:help !important;}
.tooltip{
	z-index: 1000 !important; /*behind navbar and modals*/
}
.tooltip:hover{cursor:default !important;}
.btn-group>.btn[data-toggle="tooltip"]:last-of-type {
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}
.stripe-button-el > span {display: block; min-height: 30px;}
/*.index .carousel-inner {padding-left: 80px; padding-right: 80px;}*/
/*.carousel-inner .item {display: run-in;
	width: 100%;
	height: auto!important;}*/
/*.index .carousel-control {width:95px; color: #dedede;}
.index .carousel-control.left {background-image: none; margin-left: 0px; margin-right: 100px;}
.index .carousel-control.right {background-image: none; margin-left: 100px; margin-right: 0px;}
.index .glyphicon.glyphicon-chevron-left {font-size: 76px; top:75px; left:35px;}
.index .glyphicon.glyphicon-chevron-right {font-size: 76px; top:75px; left:0px;}
*/
.index .list-group-item:hover{cursor:pointer;}
.index .panel-heading{text-align: center}
.faculty-image{max-height:110px; padding-bottom: 5px}
/*.faculty-image{max-width:80px; max-height:110px; position:absolute; top:10px; right:10px}*/

/*.view-school {background: url('../media/images/general/university.png') no-repeat;background-position:center right;background-size:auto 100%;}*/
.view-school{
	padding: 0px 0px 40px 0;
	background-color:#f8f8f8;
	/*background: url("../media/images/general/university.jpg");*/
		/*background-position: center right;*/
		/*background-size: auto 100%;*/
	position: relative;
	/*padding:0px 0px 100px;*/
	/*bottom:0;*/
	/*top:0;*/
	/*overflow:hidden;*/
	/*height:80vh;*/
}

/*.view-school div[class^="col-"]{

}*/

.view-school .posts-container{
	/*padding:0 0 0 35px;*/
	overflow-y:scroll;
}
#schoolInfoColumn{
	/*padding:0 35px 0 0;*/
}
#schoolPostsColumn{
	padding:0 80px 0 35px;
	/*overflow-y:scroll;*/
}

.view-school .row.main{
	margin-top: 40px;
}

.view-school-header{
	margin: 0 0 100px 80px;
}
.view-school .school-info{font-size:16px;}
.view-school .carousel-inner {/*background-color:blue;*/padding-left: 65px; padding-right: 65px;}
/*.carousel-inner .item {display: run-in;
	width: 100%;
	height: auto!important;}*/
.view-school .carousel-control {width:60px; color: #dedede;}
.view-school .carousel-control.left {background-image: none; margin-left: 0px; margin-right: 65px;}
.view-school .carousel-control.right {background-image: none; margin-left: 65px; margin-right: 0px;}
.view-school .glyphicon.glyphicon-chevron-left {font-size: 76px; top:180px; left:30px;}
.view-school .glyphicon.glyphicon-chevron-right {font-size: 76px; top:180px; left:-30px;}
.view-school-title{
	font-weight: 200;
	margin-top: 0;
}
.view-school-image{
	width: 160px;
	height: 160px;
}

/*.student {padding:40px; background: url('media/images/general/university.png') no-repeat;background-position:center right;background-size:auto 100%;}*/
.student {padding:40px;}
.student-title{
		margin-top: 0;
		margin-bottom: 0;
		font-size: 28px;
}
.student-subtitle{
		font-weight: 200;
		font-size: 21px;
		/*margin-top: 0;*/
		/*margin-bottom: 0;*/
}
.student .email {color: #777; float:right;}
.student .student-info {background-color:white; border: 1px solid #ddd; border-radius: 4px;}
/*.campaign-promote .panel-card-thumbnail:focus{
		background-color: #dae1ea;
		opacity: .5;
}*/
#promoteFundraisersModal .fundraiser-select:hover{cursor:pointer;}
/*#promoteFundraisersModal .fundraiser-select:not(.promoted) .thumbnail{padding-bottom: 2px}*/
/*#promoteFundraisersModal .fundraiser-select:not(.promoted) .thumbnail{padding-top: 1px;padding-bottom: 1px}*/
#promoteFundraisersModal .row {
		display: flex;
		flex-wrap: wrap;
}
#promoteFundraisersModal .row [class*="col-"] {
		display: flex;
		flex-direction: column;
}
#promoteFundraisersModal .fundraiser-select .panel-card-title {font-size: 12px;}
#promoteFundraisersModal .fundraiser-select.promoted .thumbnail{border: 5px solid #4174b9; background-color: #dae1ea;}
#promoteFundraisersModal .fundraiser-select.promoted .embed-responsive {opacity: .5;}


#addProductsModal .product-select:hover{cursor:pointer;}
#addProductsModal .row {
		display: flex;
		flex-wrap: wrap;
}
#addProductsModal .row [class*="col-"] {
		display: flex;
		flex-direction: column;
}
/*#addProductsModal .product-select .panel-card-title {font-size: 12px;}*/
#addProductsModal .product-select.included .thumbnail{border: 5px solid #4174b9; background-color: #dae1ea;}
#addProductsModal .product-select.included .embed-responsive {opacity: .5;}
#includedVendorProducts .product-select:not(.included) {display: none}


.student .posts-container {margin:40px;}
/*.student div{border:none !important; -webkit-box-shadow: none;
		box-shadow: none;}*/
.student-message button {margin-bottom:10px;}
.student-message-text {font-size:16px;}
.student .activity-text{font-size:16px;}

.posts-container .dropzone .dz-preview .dz-image {
	/*width: 100%;*/
	/*height: auto;*/
}
.posts-container .dropzone, .posts-container .dropzone .dz-preview {
		margin: 0;
		padding: 0;
}
.posts-container .dropzone .dz-preview .dz-image, .posts-container .dropzone .dz-preview .dz-image img {
		width: 100%;
		height: auto;
}

/*div[class*="post-image"]{
		position: relative;
		overflow: hidden;
}*/

/*img[class*="post-image-left"]{
		position: absolute;
		padding-right: 30px;
}*/

.row-empty{margin-top:-10px;}
.col-empty{margin:0; padding:0; width:0;}

/*img[class*="post-image-top"]{
		position: absolute;
		padding-right: 30px;
}*/

img[class*="post-image-top"]{
		border-top-left-radius: 2.5px;
		border-top-right-radius: 2.5px;
}
img[class*="post-image-left"]{
		border-top-left-radius: 2.5px;
		border-bottom-left-radius: 2.5px;
}

img[class*="post-image-top"] + .dropzone{
		margin: 15px 15px 0;
}
img[class*="post-image-left"] + .dropzone{
		margin: 15px 0 0 15px;
}

.posts-header {margin-bottom:20px; color:#4174B9;}
.post {margin-bottom:40px;}
.post .panel {border: 1px solid #ddd}
.post-text {font-size:21px}
.post-footer {margin-top: 10px;}
.post-date {float:right; color:#777}
.post-author {float:left; color:#777}
.post-flagged {float:left; color:#d82a20 !important; margin-right:5px;}
.btn-flag-post {width:34px}
.btn-flag-post, .btn-flag-message {color:#777}
.btn-flag-post:hover, .btn-flag-message:hover {color:#d82a20;}
.post .panel-body .row + .row {margin-top:10px;}
.post .col-md-2 {line-height:40px; margin-top: -5px}
/*.post .panel-body div[class^="col-"] + div[class^="col-"] {padding-left:0;}*/
/*.post .panel-body{margin:0; padding:0;}*/

.posts-container .dropzone {border-style:dashed} 
.posts-container .dropzone .dz-preview .dz-image img:hover{
		cursor: pointer;
}
.posts-container .post .no-gutter {margin-top:-15px;} 
/*.school-close-btn{
	position: absolute;
	left:0;
	font-size: 50px;
	padding-left: 15px;
}
.school-close-btn:focus {
	outline: none;
}*/

.close.close-school, .close.close-student {
	position: absolute;
	top:0;
	left:0;
	font-size: 50px;
	padding-left: 15px;
}
.close.close-inline {
	margin-right: 5px;
}
.close.close-school:hover,.close.close-student:hover,.close.close-inline:hover {
	color: red;
}
.close.close-school:focus,.close.close-student:focus,.close.close-inline:focus {
	outline: none;
}


/*.school-close-btn:hover {
	cursor: pointer;
		color: #000000;
		text-decoration: none;
		opacity: 0.4;
}*/

.panel-post{
	margin: 0px 0px 0 0;
}

.textarea-post{
	width:100%;
	max-width:100%;
	height:100%;
	/*resize:none;*/
	/*overflow: hidden;*/
}

.textarea-appearance{
	-moz-appearance: textfield;
		-webkit-appearance: textfield;
		background-color: white;
		background-color: -moz-field;
		border: 1px solid darkgray;
		box-shadow: 1px 1px 1px 0 lightgray inset;
		margin-top: 5px;
		padding: 2px 3px;
}

.btn-new-post{
	margin-top: 10px;
	/*float:right;*/
}
/*.no-gutter [class*="col-"] {
		padding-left:0;
		padding-right:0;
}*/

.no-gutter {
	padding-left:0;
	padding-right:0;
}

.dash + .dash:before {
		content: "-";
		position: absolute;
		left: -2%;
		top: 6px;
}

.tag
{
		margin-right:2px;
		background:#4c80c1;
		color:white;
		text-align:center;
		padding:5px;
		border-radius: 4px;
		background-size: 40px 40px;
}

.tag:hover
{
		cursor:pointer;
}

.search-bar input
{
		border:0;
		display:inline-block;
		padding:5px;
}

input:focus
{
		outline-width:0;
}

/*.input-group.search-bar
{
	margin: 30px 95px 15px 95px;
		border:1px solid #ccc;
		border-radius:4px;
		padding:5px;
}*/

/*.search-bar{margin: 30px 95px 15px 95px;padding:1px 2px;height:34px;display:block;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}
.search-bar input {
		width: auto;
		box-sizing: border-box;
		padding-left:5px;
}*/
.search-bar{padding-left:3px;color:#555;background-color:#fff;box-shadow:inset 0px 0px 0px 1px #ccc;/*border:thin solid #ccc;*/border-radius:4px;}
.search-bar span{line-height: 2em}
.search-bar:hover{cursor:text;}
/*.index .search-bar{margin: 30px 95px 15px 95px;}*/
.search-bar input {
		width: 100%;
		max-width: 100%;
		margin: 2px 0;
		box-sizing: border-box;
		padding-left:5px;
}
/*.search-bar .input-group-btn, .search-bar .input-group-btn .search-btn {height: 100%}*/
/*.search-bar .input-group-btn .search-btn {padding-top: -5px; padding-bottom: -3px}*/
/*.search-bar:focus {
	border-color: rgba(82,168,236,.8);
		outline: 0;
		outline: thin dotted \9;
		-moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
		box-shadow: 0 0 8px rgba(82,168,236,.6) !important;
}*/

.char-overlay {
	font-family: 'Helvetica'; /* Your font family */
		font-weight: bold;
}


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

input[type=number] {
		-moz-appearance:textfield;
}

.gradient {
		position:absolute;
		z-index:2;
		right:0; bottom:0; left:0;
		height:50px;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
/*.search-bar input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}*/
/*.search-bar::-moz-placeholder{color:#999;opacity:1}.search-bar:-ms-input-placeholder{color:#999}.search-bar::-webkit-input-placeholder{color:#999}.search-bar[disabled],.search-bar[readonly],fieldset[disabled] .search-bar{background-color:#eee;opacity:1}.search-bar[disabled],fieldset[disabled] .search-bar{cursor:not-allowed}textarea.search-bar{height:auto}input[type="search"]{-webkit-appearance:none}*/

.page-header-btn {font-size: 65%;/*margin-top: 48px;*/float: right !important;}
.fa-left {padding-left: 7px;}
.fa-right {padding-right: 7px;}

/* VENDOR */
.vendor-content .product-question-text {padding:10px 50px 10px 10px }
.settings .vendor-content .page-header{margin-top: 0;}
.vendor-content{padding-bottom: 20px}
.vendor-content .page-header{border:none; font-weight:bold; font-size:26px; margin-top: 40px; line-height: 22px}
.vendor-content .overview-block-title {font-size: 48px; font-weight: bold; height:55px; color:#777;}
.vendor-content .overview-block-description {margin: 10px 0 20px; font-size: 18px; color:#777;}
.vendor-content .table-buttons{float:right; margin-top: 10px;}
.vendor-content .export{margin:15px 0 25px;}
.vendor-content .btn {border-radius: 2px; font-weight: 300}
.vendor-content #menu a:hover, .vendor-content a.list-group-item:hover{cursor:pointer;}

.vendor-content .form-group {margin-bottom: 20px;}
.vendor-content .form-group + .form-group {margin-top: 25px;}
.vendor-content .panel-transparent {margin-top:20px; padding-bottom:0; background: rgba(255,255,255,0.5);border: 1px solid #d6d7d7; border-radius: 0; position:relative}
.vendor-content .panel-transparent .panel-body {padding:20px;}
.vendor-content .panel-transparent .panel-body > div {padding:0;}
.vendor-content .panel-transparent .form-group:last-child {margin-bottom:0;}
.vendor-content .switch-container {top:14px; right:20px;}
.vendor-content .product-question-text {padding:10px 50px 10px 10px }

.vendor-content .allowed-district {padding-right: 40px !important}
/*.vendor-content .allowed-district .select-district {margin-bottom: 10px !important}*/
.vendor-content .allowed-district .close-panel {top: 5px !important}

.vendor-filter-btn-group {display:inline-block; padding-bottom:5px;}
.vendor-filter-btn-group .btn {color:#777; font-weight: normal !important}
/*.selectpicker-style {color:#777; font-weight: normal !important}*/
.vendor-filter-btn-group:not(:last-child){margin-right:25px;}
.vendor-filter-btn-group label{font-size: 14px; font-weight:normal; color:#777;}
.vendor-filter-btn-group span label{margin-left:25px}

/* ************ */

/* EXPERIMENTAL */
/* ************ */


/* ANTHONY QUICK FIXES */
.wrapper>img {
		margin-top: -72px;
}

@media (max-width: 768px) {
	.wrapper>img {
			margin-top: 0;
	}

/*	.index .search-bar {
			margin: 15px;
	}*/

	.index .carousel-inner {
			 padding-left: 0; 
			 padding-right: 0; 
	}
}

.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}
/*!
 * bootstrap-fileinput v4.4.7
 * http://plugins.krajee.com/file-input
 *
 * Krajee default styling for bootstrap-fileinput.
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2017, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */.file-loading input[type=file],input[type=file].file-loading{width:0;height:0}.file-caption-icon,.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-ajax-new .no-browse .input-group-btn,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file,.file-input-new .no-browse .input-group-btn,.file-zoom-dialog .modal-header:after,.file-zoom-dialog .modal-header:before,.hide-content .kv-file-content,.kv-hidden{display:none}.btn-file input[type=file],.file-caption-icon,.file-preview .fileinput-remove,.file-zoom-dialog .btn-navigate,.file-zoom-dialog .floating-buttons,.krajee-default .file-thumb-progress{position:absolute}.btn-file,.file-caption,.file-loading:before,.file-preview,.file-zoom-dialog .modal-dialog,.krajee-default .file-thumbnail-footer,.krajee-default.file-preview-frame{position:relative}.file-error-message pre,.file-error-message ul,.krajee-default .file-actions,.krajee-default .file-other-error{text-align:left}.file-error-message pre,.file-error-message ul{margin:0}.krajee-default .file-drag-handle,.krajee-default .file-upload-indicator{float:left;margin:5px 0 -5px;width:16px;height:16px}.krajee-default .file-thumb-progress .progress,.krajee-default .file-thumb-progress .progress-bar{height:11px;font-size:9px;line-height:10px}.krajee-default .file-caption-info,.krajee-default .file-size-info{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;height:15px;margin:auto}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-image,.file-zoom-content>.file-object.type-video{max-width:100%;max-height:100%;width:auto}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-video{height:100%}.file-zoom-content>.file-object.type-default,.file-zoom-content>.file-object.type-html,.file-zoom-content>.file-object.type-pdf,.file-zoom-content>.file-object.type-text{width:100%}.rotate-2{transform:rotateY(180deg)}.rotate-3{transform:rotate(180deg)}.rotate-4{transform:rotate(180deg) rotateY(180deg)}.rotate-5{transform:rotate(270deg) rotateY(180deg)}.rotate-6{transform:rotate(90deg)}.rotate-7{transform:rotate(90deg) rotateY(180deg)}.rotate-8{transform:rotate(270deg)}.file-loading:before{content:" Loading...";display:inline-block;padding-left:20px;line-height:16px;font-size:13px;font-variant:small-caps;color:#999;background:url(../img/loading.gif) top left no-repeat}.file-object{margin:0 0 -5px;padding:0}.btn-file{overflow:hidden}.btn-file input[type=file]{top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}.btn-file ::-ms-browse{font-size:10000px;width:100%;height:100%}.file-caption .file-caption-name{width:100%;margin:0;padding:0;box-shadow:none;border:none;background:0 0;outline:0}.file-caption.icon-visible .file-caption-icon{display:inline-block}.file-caption.icon-visible .file-caption-name{padding-left:15px}.file-caption-icon{line-height:1;left:8px}.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#eee;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:8px;width:100%;margin-bottom:5px}.file-preview .btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.file-preview .fileinput-remove{top:1px;right:1px;line-height:10px}.file-preview .clickable{cursor:pointer}.file-preview-image{font:40px Impact,Charcoal,sans-serif;color:green}.krajee-default.file-preview-frame{margin:8px;border:1px solid #ddd;box-shadow:1px 1px 5px 0 #a2958a;padding:6px;float:left;text-align:center}.krajee-default.file-preview-frame .kv-file-content{width:213px;height:160px}.krajee-default.file-preview-frame .file-thumbnail-footer{height:70px}.krajee-default.file-preview-frame:not(.file-preview-error):hover{box-shadow:3px 3px 5px 0 #333}.krajee-default .file-preview-text{display:block;color:#428bca;border:1px solid #ddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;outline:0;padding:8px;resize:none}.krajee-default .file-preview-html{border:1px solid #ddd;padding:8px;overflow:auto}.krajee-default .file-other-icon{font-size:6em}.krajee-default .file-footer-buttons{float:right}.krajee-default .file-footer-caption{display:block;text-align:center;padding-top:4px;font-size:11px;color:#777;margin-bottom:15px}.krajee-default .file-preview-error{opacity:.65;box-shadow:none}.krajee-default .file-thumb-progress{height:11px;top:37px;left:0;right:0}.krajee-default.kvsortable-ghost{background:#e1edf7;border:2px solid #a1abff}.krajee-default .file-preview-other:hover{opacity:.8}.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}.kv-upload-progress .progress{height:20px;line-height:20px;margin:10px 0;overflow:hidden}.kv-upload-progress .progress-bar{height:20px;line-height:20px}.file-zoom-dialog .file-other-icon{font-size:22em;font-size:50vmin}.file-zoom-dialog .modal-dialog{width:auto}.file-zoom-dialog .modal-header{display:flex;align-items:center;justify-content:space-between}.file-zoom-dialog .btn-navigate{padding:0;margin:0;background:0 0;text-decoration:none;outline:0;opacity:.7;top:45%;font-size:4em;color:#1c94c4}.file-zoom-dialog .btn-navigate:not([disabled]):hover{outline:0;box-shadow:none;opacity:.6}.file-zoom-dialog .floating-buttons{top:5px;right:10px}.file-zoom-dialog .btn-navigate[disabled]{opacity:.3}.file-zoom-dialog .btn-prev{left:1px}.file-zoom-dialog .btn-next{right:1px}.file-zoom-dialog .kv-zoom-title{font-weight:300;color:#999;max-width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-input-ajax-new .no-browse .form-control,.file-input-new .no-browse .form-control{border-top-right-radius:4px;border-bottom-right-radius:4px}.file-caption-main{width:100%}.file-thumb-loading{background:url(../img/loading.gif) center center no-repeat content-box!important}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;height:100%;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone.clickable:hover{border:2px dashed #999}.file-drop-zone.clickable:focus{border:2px solid #5acde2}.file-drop-zone .file-preview-thumbnails{cursor:default}.file-drop-zone-title{color:#aaa;font-size:1.6em;padding:85px 10px;cursor:default}.file-highlighted{border:2px dashed #999!important;background-color:#eee}.file-uploading{background:url(../img/loading-sm.gif) center bottom 10px no-repeat;opacity:.65}@media (min-width:576px){.file-zoom-dialog .modal-dialog{max-width:500px}}@media (min-width:992px){.file-zoom-dialog .modal-lg{max-width:800px}}.file-zoom-fullscreen.modal{position:fixed;top:0;right:0;bottom:0;left:0}.file-zoom-fullscreen .modal-dialog{position:fixed;margin:0;padding:0;width:100%;height:100%;max-width:100%;max-height:100%}.file-zoom-fullscreen .modal-content{border-radius:0;box-shadow:none}.file-zoom-fullscreen .modal-body{overflow-y:auto}.btn-kv{display:inline-block;text-align:center;width:30px;height:30px;line-height:30px;padding:0;font-size:90%;border-radius:.2rem}.floating-buttons{z-index:3000}.floating-buttons .btn-kv{margin-left:3px;z-index:3000}.file-zoom-content{height:480px;text-align:center}.file-zoom-content .file-preview-image,.file-zoom-content .file-preview-video{max-height:100%}.file-zoom-content .is-portrait-gt4{margin-top:60px}.file-zoom-content>.file-object.type-image{height:auto;min-height:inherit}.file-zoom-content>.file-object.type-audio{width:auto;height:30px}@media screen and (max-width:767px){.file-preview-thumbnails{display:flex;justify-content:center;align-items:center;flex-direction:column}.file-zoom-dialog .modal-header{flex-direction:column}}@media screen and (max-width:350px){.krajee-default.file-preview-frame .kv-file-content{width:160px}}.file-loading[dir=rtl]:before{background:url(../img/loading.gif) top right no-repeat;padding-left:0;padding-right:20px}.file-sortable .file-drag-handle{cursor:move;opacity:1}.file-sortable .file-drag-handle:hover{opacity:.7}.clickable .file-drop-zone-title{cursor:pointer}.kv-zoom-actions .btn-kv{margin-left:3px}.file-preview-initial.sortable-chosen{background-color:#d9edf7}