@charset "UTF-8";
/*@import "_reset.scss";*/
/*****************
Color swatch
******************/
/*Sky blue*/
/*Veggie green*/
/*Tangerine orange*/
/*Scarlet red*/
/*Egg Plant purple*/
/*Concrete gray*/
/*Aqua blue*/
/*Pumpkin Oragne*/
/* Plum Peach */
/* Moss Green*/
/*Power Pink*/
/*****************
Sizes
******************/
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto/Roboto-Light-webfont.eot");
  src: url("/assets/fonts/Roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Roboto/Roboto-Light-webfont.woff") format("woff"), url("/assets/fonts/Roboto/Roboto-Light-webfont.ttf") format("truetype"), url("/assets/fonts/Roboto/Roboto-Light-webfont.svg#robotolight") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "robotothin";
  src: url("/assets/fonts/Roboto/Roboto-Thin-webfont.eot");
  src: url("/assets/fonts/Roboto/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Roboto/Roboto-Thin-webfont.woff") format("woff"), url("/assets/fonts/Roboto/Roboto-Thin-webfont.ttf") format("truetype"), url("/assets/fonts/Roboto/Roboto-Thin-webfont.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto/Roboto-Regular-webfont.eot");
  src: url("/assets/fonts/Roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Roboto/Roboto-Regular-webfont.woff") format("woff"), url("/assets/fonts/Roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("/assets/fonts/Roboto/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "robotomedium";
  src: url("/assets/fonts/Roboto/Roboto-Medium-webfont.eot");
  src: url("/assets/fonts/Roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Roboto/Roboto-Medium-webfont.woff") format("woff"), url("/assets/fonts/Roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("/assets/fonts/Roboto/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GoogleSans";
  src: url("/assets/fonts/GoogleSans/googlesans-regular-webfont.eot");
  src: url("/assets/fonts/GoogleSans/googlesans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/GoogleSans/googlesans-regular-webfont.woff") format("woff"), url("/assets/fonts/GoogleSans/googlesans-regular-webfont.ttf") format("truetype"), url("/assets/fonts/GoogleSans/googlesans-regular-webfont.svg#robotolight") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Flaticon";
  src: url("/assets/fonts/Flaticon.eot");
  src: url("/assets/fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Flaticon.woff") format("woff"), url("/assets/fonts/Flaticon.ttf") format("truetype"), url("/assets/fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("/assets/fonts/Flaticon.svg#Flaticon") format("svg");
    font-display: swap;
  }
}
[class^=flaticon-]:before, [class*=" flaticon-"]:before,
[class^=flaticon-]:after, [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
}

.flaticon-female:before {
  content: "";
}

.flaticon-gallery:before {
  content: "";
}

.flaticon-no-entry:before {
  content: "";
}

.flaticon-explosion:before {
  content: "";
}

.flaticon-delete:before {
  content: "";
}

.flaticon-party:before {
  content: "";
}

.flaticon-invitation:before {
  content: "";
}

.flaticon-communicate:before {
  content: "";
}

.flaticon-add-image:before {
  content: "";
}

.flaticon-basic-tick:before {
  content: "";
}

.flaticon-iphone:before {
  content: "";
}

.flaticon-direction:before {
  content: "";
}

.flaticon-ticket:before {
  content: "";
}

.flaticon-mail:before {
  content: "";
}

.flaticon-reply:before {
  content: "";
}

.flaticon-product:before {
  content: "";
}

.flaticon-sort-descend:before {
  content: "";
}

.flaticon-tiles:before {
  content: "";
}

.flaticon-sort-ascend:before {
  content: "";
}

.flaticon-tag:before {
  content: "";
}

.flaticon-house:before {
  content: "";
}

.flaticon-share:before {
  content: "";
}

.flaticon-book:before {
  content: "";
}

.flaticon-event:before {
  content: "";
}

.flaticon-thumbs-up:before {
  content: "";
}

.flaticon-pdf:before {
  content: "";
}

.flaticon-camera-flash:before {
  content: "";
}

.flaticon-print:before {
  content: "";
}

.flaticon-supplement:before {
  content: "";
}

.flaticon-factory:before {
  content: "";
}

.flaticon-user:before {
  content: "";
}

.flaticon-youtube:before {
  content: "";
}

.flaticon-users:before {
  content: "";
}

.flaticon-average:before {
  content: "";
}

.flaticon-invite:before {
  content: "";
}

.flaticon-ball:before {
  content: "";
}

.flaticon-cloud:before {
  content: "";
}

.flaticon-linkedin:before {
  content: "";
}

.flaticon-lock:before {
  content: "";
}

.flaticon-link:before {
  content: "";
}

.flaticon-list:before {
  content: "";
}

.flaticon-team:before {
  content: "";
}

.flaticon-apparel:before {
  content: "";
}

.flaticon-badge3:before {
  content: "";
}

.flaticon-cancel:before {
  content: "";
}

.flaticon-grip:before {
  content: "";
}

.flaticon-filter:before {
  content: "";
}

.flaticon-triangle-down:before, .dashmeter .details .decrease:before {
  content: "";
}

.flaticon-triangle-up:before, .dashmeter .details .increase:before {
  content: "";
}

.flaticon-facebook:before {
  content: "";
}

.flaticon-door:before {
  content: "";
}

.flaticon-no-eye:before {
  content: "";
}

.flaticon-chat:before {
  content: "";
}

.flaticon-trash:before {
  content: "";
}

.flaticon-eye:before {
  content: "";
}

.flaticon-brand:before {
  content: "";
}

.flaticon-store:before {
  content: "";
}

.flaticon-stadium:before {
  content: "";
}

.flaticon-office:before {
  content: "";
}

.flaticon-stop:before {
  content: "";
}

.flaticon-equity:before {
  content: "";
}

.flaticon-hour-glass:before {
  content: "";
}

.flaticon-food:before {
  content: "";
}

.flaticon-pie-chart:before {
  content: "";
}

.flaticon-sofa:before {
  content: "";
}

.flaticon-check:before {
  content: "";
}

.flaticon-speaker:before {
  content: "";
}

.flaticon-interface:before {
  content: "";
}

.flaticon-campaign:before {
  content: "";
}

.flaticon-logo:before {
  content: "";
}

.flaticon-cake:before {
  content: "";
}

.flaticon-red-carpet:before {
  content: "";
}

.flaticon-adult:before {
  content: "";
}

.flaticon-proposal:before {
  content: "";
}

.flaticon-application:before {
  content: "";
}

.flaticon-tv:before {
  content: "";
}

.flaticon-feedback:before {
  content: "";
}

.flaticon-torch:before {
  content: "";
}

.flaticon-laptop:before {
  content: "";
}

.flaticon-instagram:before {
  content: "";
}

.flaticon-old:before {
  content: "";
}

.flaticon-tool:before {
  content: "";
}

.flaticon-royalty:before {
  content: "";
}

.flaticon-live:before {
  content: "";
}

.flaticon-graphic:before {
  content: "";
}

.flaticon-badge1:before {
  content: "";
}

.flaticon-badge2:before {
  content: "";
}

.flaticon-videoshoot:before {
  content: "";
}

.flaticon-male:before {
  content: "";
}

.flaticon-download:before {
  content: "";
}

.flaticon-notification:before {
  content: "";
}

.flaticon-pin:before {
  content: "";
}

.flaticon-add:before {
  content: "";
}

.flaticon-website:before {
  content: "";
}

.flaticon-trophy:before {
  content: "";
}

.flaticon-wine:before {
  content: "";
}

.flaticon-other:before {
  content: "";
}

.flaticon-cash:before {
  content: "";
}

.flaticon-light-bulb:before {
  content: "";
}

.flaticon-search:before {
  content: "";
}

.flaticon-clock:before {
  content: "";
}

.flaticon-heart:before {
  content: "";
}

.flaticon-scoreboard:before {
  content: "";
}

.flaticon-athlete:before {
  content: "";
}

.flaticon-support:before {
  content: "";
}

.flaticon-package:before {
  content: "";
}

.flaticon-apply:before {
  content: "";
}

.flaticon-settings:before {
  content: "";
}

.flaticon-social:before {
  content: "";
}

.flaticon-piggy-bank:before {
  content: "";
}

.flaticon-bag:before {
  content: "";
}

.flaticon-keynote:before {
  content: "";
}

.flaticon-help:before {
  content: "";
}

.flaticon-sad:before {
  content: "";
}

.flaticon-appearance:before {
  content: "";
}

.flaticon-thin-tick:before {
  content: "";
}

.flaticon-caret-left:before, #Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button.slick-prev:before, #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev:before, #ReportDetails .mediaCarousel .slick-button.slick-prev:before, #Dashboard .features .slick-button.slick-prev:before,
#Dashboard .carousel.cards .slick-button.slick-prev:before,
.dashboard-dialog .features .slick-button.slick-prev:before,
.dashboard-dialog .carousel.cards .slick-button.slick-prev:before,
#Metrics .features .slick-button.slick-prev:before,
#Metrics .carousel.cards .slick-button.slick-prev:before,
#ReportDetails .features .slick-button.slick-prev:before,
#ReportDetails .carousel.cards .slick-button.slick-prev:before, #HowItWorks .timeline .slick-button.slick-prev:before, #Showcase .slick-button.slick-prev:before, #Home #HomeProfiles .slick-button.slick-prev:before, #Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev:before {
  content: "";
}

.flaticon-caret-right:before, #Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button.slick-next:before, #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-next:before, #ReportDetails .mediaCarousel .slick-button.slick-next:before, #Dashboard .features .slick-button.slick-next:before,
#Dashboard .carousel.cards .slick-button.slick-next:before,
.dashboard-dialog .features .slick-button.slick-next:before,
.dashboard-dialog .carousel.cards .slick-button.slick-next:before,
#Metrics .features .slick-button.slick-next:before,
#Metrics .carousel.cards .slick-button.slick-next:before,
#ReportDetails .features .slick-button.slick-next:before,
#ReportDetails .carousel.cards .slick-button.slick-next:before, #HowItWorks .timeline .slick-button.slick-next:before, #Showcase .slick-button.slick-next:before, #Home #HomeProfiles .slick-button.slick-next:before, #Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-next:before {
  content: "";
}

.flaticon-x:before {
  content: "";
}

.flaticon-caret-up:before, .list_std .sorter .element.active .arrows .icon:before {
  content: "";
}

.flaticon-caret-down:before, .list_std .sorter .element.active .arrows.desc .icon:before {
  content: "";
}

.flaticon-beer:before {
  content: "";
}

.flaticon-alcohol:before {
  content: "";
}

.flaticon-headwear:before {
  content: "";
}

.flaticon-genders:before {
  content: "";
}

.flaticon-billboard:before {
  content: "";
}

.flaticon-footwear:before {
  content: "";
}

.flaticon-play-button:before {
  content: "";
}

.flaticon-question:before {
  content: "";
}

.flaticon-allstar:before {
  content: "";
}

.flaticon-internet:before {
  content: "";
}

.flaticon-target:before {
  content: "";
}

.flaticon-flag:before {
  content: "";
}

.flaticon-umbrella:before {
  content: "";
}

.flaticon-diamond:before {
  content: "";
}

.flaticon-traditional:before {
  content: "";
}

.flaticon-star:before {
  content: "";
}

.flaticon-flag-fill:before {
  content: "";
}

.flaticon-handle:before {
  content: "";
}

.flaticon-auto:before {
  content: "";
}

.flaticon-socialmediapost:before {
  content: "";
}

.flaticon-attachment:before {
  content: "";
}

.flaticon-logout:before {
  content: "";
}

.flaticon-graph:before {
  content: "";
}

.flaticon-more2:before {
  content: "";
}

.flaticon-up-arrow:before {
  content: "";
}

.flaticon-down-arrow:before {
  content: "";
}

.flaticon-right-arrow:before {
  content: "";
}

.flaticon-left-arrow:before {
  content: "";
}

.flaticon-picture:before {
  content: "";
}

.flaticon-promote:before {
  content: "";
}

.flaticon-radio:before {
  content: "";
}

.flaticon-photoshoot:before {
  content: "";
}

.flaticon-phone:before {
  content: "";
}

.flaticon-cap:before {
  content: "";
}

.flaticon-scale:before {
  content: "";
}

.flaticon-export:before {
  content: "";
}

.flaticon-twitch:before {
  content: "";
}

.flaticon-rings:before {
  content: "";
}

.flaticon-autographs:before {
  content: "";
}

.flaticon-soda:before {
  content: "";
}

.flaticon-pencil:before {
  content: "";
}

.flaticon-cat:before {
  content: "";
}

.flaticon-finance:before {
  content: "";
}

.flaticon-baby:before {
  content: "";
}

.flaticon-poster:before {
  content: "";
}

.flaticon-work:before {
  content: "";
}

.flaticon-snapchat:before {
  content: "";
}

.flaticon-speedometer:before {
  content: "";
}

.flaticon-blog:before {
  content: "";
}

.flaticon-discover:before {
  content: "";
}

.flaticon-ruler:before {
  content: "";
}

.flaticon-key:before {
  content: "";
}

.flaticon-credit-cards:before {
  content: "";
}

.flaticon-account:before {
  content: "";
}

.flaticon-medal:before {
  content: "";
}

.flaticon-sticker:before {
  content: "";
}

.flaticon-document:before {
  content: "";
}

.flaticon-hand-shake:before {
  content: "";
}

.flaticon-apply2:before {
  content: "";
}

.flaticon-pr:before {
  content: "";
}

.flaticon-tray:before {
  content: "";
}

.flaticon-signs:before {
  content: "";
}

.flaticon-newspaper:before {
  content: "";
}

.flaticon-game:before {
  content: "";
}

.flaticon-copy:before {
  content: "";
}

.flaticon-ribbon2:before {
  content: "";
}

.flaticon-refresh:before {
  content: "";
}

.flaticon-external:before {
  content: "";
}

.flaticon-invoice:before {
  content: "";
}

.flaticon-edit:before {
  content: "";
}

.flaticon-copy2:before {
  content: "";
}

.flaticon-ga:before {
  content: "";
}

.flaticon-triangle-right:before {
  content: "";
}

.flaticon-triangle-left:before {
  content: "";
}

.flaticon-no:before {
  content: "";
}

.flaticon-random:before {
  content: "";
}

.flaticon-fight:before {
  content: "";
}

.flaticon-tiktok:before {
  content: "";
}

.flaticon-upload:before {
  content: "";
}

.flaticon-heart-fill:before {
  content: "";
}

.flaticon-quotes:before {
  content: "";
}

.flaticon-calendar:before {
  content: "";
}

.flaticon-message:before {
  content: "";
}

.flaticon-info:before {
  content: "";
}

.flaticon-accessory:before {
  content: "";
}

.flaticon-shirt:before {
  content: "";
}

.flaticon-insurance:before {
  content: "";
}

.flaticon-minus:before {
  content: "";
}

.flaticon-more:before {
  content: "";
}

.flaticon-warning:before {
  content: "";
}

.flaticon-twitter:before {
  content: "";
}

.flaticon-longterm:before {
  content: "";
}

.flaticon-pitch:before {
  content: "";
}

#nav-icon {
  width: 40px;
  height: 25px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon:active, #nav-icon:focus {
  outline: 0;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #064250;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 9px;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 18px;
  transform-origin: left center;
}

#nav-icon.open span {
  background: #fff;
  transition: background 1s ease 0s;
}

#nav-icon.open span:nth-child(1) {
  transform: rotate(45deg);
  top: -4px;
  left: 8px;
}

#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 25px;
  left: 8px;
}

@keyframes strikethrough {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.typed-cursor {
  opacity: 1;
  animation: blink 0.7s infinite;
}

@keyframes roller {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
@keyframes roller-enterprise {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2800px 0;
  }
}
@keyframes roller-agency {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -571px 0;
  }
}
@keyframes moveSlideshow {
  100% {
    transform: translateX(-66.6666%);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollbounce {
  50% {
    transform: translateY(10px);
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

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

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

/* Animations */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate_left {
  from {
    transform: rotate(16deg);
  }
  to {
    transform: rotate(376deg);
  }
}
@keyframes rotate_right {
  from {
    transform: rotate(4deg);
  }
  to {
    transform: rotate(364deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes shine {
  0% {
    opacity: 0.2;
    top: -100%;
    transition-property: left, top, opacity;
    transition-duration: 0.001s;
    transition-timing-function: ease;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: 1000%;
    transition-property: left, top, opacity;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
@keyframes jumpUp {
  50% {
    transform: translateY(-170%);
  }
  100% {
    opacity: 1;
    transform: translateY(-130%);
  }
}
@keyframes jumpDown {
  0% {
    opacity: 1;
    transform: translateY(-130%);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
    top: 0;
  }
}
@keyframes fall {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(1000%);
  }
}
@keyframes arocket {
  0% {
    transform: translate(0, -3px);
  }
  50% {
    transform: translate(0px, 5px);
  }
  100% {
    transform: translate(0, -3px);
  }
}
@keyframes squish-bouncing {
  0%, 100% {
    transform: translateY(-40px) scale(1, 1) rotate(-20deg);
  }
  40% {
    transform: translateY(0) scale(1, 1) rotate(-30deg);
  }
  55% {
    transform: scale(1.4, 0.6) rotate(-30deg);
  }
  60% {
    transform: scale(1, 1) rotate(-30deg);
  }
}
@keyframes bouncing-shadow {
  0%, 100% {
    transform: scaleX(0.4);
  }
  40% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.4);
  }
  55% {
    transform: scaleX(1);
  }
}
@keyframes parallax_bike {
  0% {
    background-position: -300px 100%;
  }
  100% {
    background-position: 2000px 100%;
  }
}
@keyframes toColor {
  0% {
    filter: grayscale(100%);
  }
  25% {
    filter: grayscale(75%);
  }
  50% {
    filter: grayscale(50%);
  }
  75% {
    filter: grayscale(25%);
  }
  100% {
    filter: grayscale(0%);
  }
}
.conf0 {
  fill: #FC6394;
}

.conf1 {
  fill: #EF3C8A;
}

.conf2 {
  fill: #5ADAEA;
}

.conf3 {
  fill: #974CBE;
}

.conf4 {
  fill: #3CBECD;
}

.conf5 {
  fill: #813BBE;
}

.conf6 {
  fill: #F9B732;
}

.conf7 {
  display: none;
  fill: none;
  stroke: #000000;
  stroke-miterlimit: 10;
}

.conf8 {
  fill: none;
  stroke: #F9B732;
  stroke-width: 9;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.confetti-cone {
  transform-origin: 200px 50px;
  animation: confetti-cone1 1.2s ease infinite;
}

@keyframes confetti-cone1 {
  0% {
    transform: translate(40px, 95px) rotate(45deg) scale(1, 1);
  }
  15% {
    transform: translate(10px, 145px) rotate(45deg) scale(1.1, 0.85);
  }
  100% {
    transform: translate(40px, 105px) rotate(45deg) scale(1, 1);
  }
}
#yellow-strip {
  fill: none;
  stroke: #F9B732;
  stroke-width: 9;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  animation: confdash 1.2s ease infinite;
}

@keyframes confdash {
  0% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 500;
    transform: translate(-30px, 30px);
    opacity: 0;
  }
  2% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 500;
    transform: translate(-30px, 30px);
    opacity: 0;
  }
  35% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 900;
    transform: translate(-2px, 0px);
    opacity: 1;
  }
  85% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    transform: translate(1px, -5px);
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 1000;
    stroke-dashoffset: 1000;
    transform: translate(2px, -8px);
    opacity: 0;
  }
  100% {
    stroke-dashoffset: 1000;
    stroke-dashoffset: 500;
    transform: translate(2px, -8px);
    opacity: 0;
  }
}
#a2 {
  transform-origin: 310.9px 241px;
  animation: confa 1.2s ease-out infinite;
}

#a1 {
  transform-origin: 276px 246px;
  animation: confa 1.2s ease-out infinite;
}

@keyframes confa {
  0% {
    opacity: 0;
    transform: translate(-30px, 20px) rotate(0);
  }
  15% {
    opacity: 1;
    transform: translate(25px, -10px) rotate(60deg);
  }
  80% {
    opacity: 1;
    transform: translate(33px, -18px) rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: translate(37px, -23px) scale(0.5) rotate(230deg);
  }
}
#b1 {
  transform-origin: 195.2px 232.6px;
  animation: confb 1.2s ease-out infinite;
}

#b2 {
  transform-origin: 230.8px 219.8px;
  animation: confb 1.2s ease-out infinite;
}

#b3 {
  transform-origin: 222.8px 190.6px;
  animation: confb 1.2s ease-out infinite;
}

#b4 {
  transform-origin: 262px 188.5px;
  animation: confb 1.2s ease-out infinite;
}

#b5 {
  transform-origin: 282.3px 170.6px;
  animation: confb 1.2s ease-out infinite;
}

@keyframes confb {
  0% {
    opacity: 0;
    transform: translate(-30px, 20px) rotate(0);
  }
  12% {
    opacity: 1;
    transform: translate(25px, -10px) rotate(60deg);
  }
  76% {
    opacity: 1;
    transform: translate(33px, -18px) rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: translate(37px, -23px) scale(0.5) rotate(240deg);
  }
}
#c1 {
  transform-origin: 174.8px 183.4px;
  animation: confc 1.2s ease-out infinite;
}

#c2 {
  transform-origin: 178.9px 156.2px;
  animation: confc 1.2s ease-out infinite;
}

#c3 {
  transform-origin: 206.7px 140px;
  animation: confc 1.2s ease-out infinite;
}

#c4 {
  transform-origin: 213.5px 120.2px;
  animation: confc 1.2s ease-out infinite;
}

@keyframes confc {
  0% {
    opacity: 0.7;
    transform: translate(-30px, 20px) rotate(0);
  }
  18% {
    opacity: 1;
    transform: translate(5px, -10px) rotate(60deg);
  }
  76% {
    opacity: 1;
    transform: translate(13px, -18px) rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: translate(17px, -23px) scale(0.5) rotate(230deg);
  }
}
#d1 {
  transform-origin: 127px 176px;
  animation: confd 1.2s ease-out infinite;
}

#d2 {
  transform-origin: 133px 118px;
  animation: confd 1.2s ease-out infinite;
}

#d3 {
  transform-origin: 152px 100px;
  animation: confd 1.2s ease-out infinite;
}

@keyframes confd {
  0% {
    opacity: 0.7;
    transform: translate(-20px, 20px) rotate(0);
  }
  18% {
    opacity: 1;
    transform: translate(-5px, -10px) rotate(60deg);
  }
  76% {
    opacity: 1;
    transform: translate(-8px, -18px) rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: translate(-10px, -23px) scale(0.5) rotate(230deg);
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.logoOS {
  background: url("/assets/img/svg/LogoOS.svg") center/100% 100% no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.logoOS_name {
  background: url("/assets/img/svg/LogoOS_name.svg") center/100% 100% no-repeat;
  width: 200px;
  height: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.icon-circle {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 2px solid #064250;
  color: #064250;
  text-align: center;
  line-height: 38px;
}
.icon-circle [class^=flaticon-]:before,
.icon-circle [class*=" flaticon-"]:before,
.icon-circle [class^=flaticon-]:after,
.icon-circle [class*=" flaticon-"]:after {
  font-size: 16px;
}
.icon-circle.big {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.icon-circle.big [class^=flaticon-]:before,
.icon-circle.big [class*=" flaticon-"]:before,
.icon-circle.big [class^=flaticon-]:after,
.icon-circle.big [class*=" flaticon-"]:after {
  font-size: 30px;
}
.icon-circle.off {
  border: 0;
  line-height: 25px;
  border-radius: 12px;
  width: 24px;
  height: 24px;
}

.image-circle {
  border-radius: 25px;
  width: 50px;
  height: 50px;
  text-align: center;
  overflow: hidden;
}

.miniIcon::before,
.miniIcon::after {
  font-size: 12px !important;
}

.specialLink {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #434343;
  cursor: pointer;
}
.specialLink .icon::before,
.specialLink .icon::after {
  font-size: 13px;
}
.specialLink:hover {
  color: #2196F3;
}

.image-container .image-badge {
  position: absolute;
  width: 15px;
  top: 8px;
  left: 8px;
}
.image-container .image-badge img {
  width: 100%;
}

/*******************************
    Buttons
 ********************************/
.button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 0;
  border: 1px solid #064250;
  height: 50px;
  padding: 0 10px;
  min-width: 160px;
  line-height: 51px;
  text-transform: uppercase;
  color: #064250;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  margin: 0 7px;
  /*******************************
     Media Queries - Button
     ********************************/
}
.button:hover {
  background: #064250;
  color: #fff !important;
}
.button.blue {
  background: #2196F3;
  color: #fff;
  border-color: #979797;
}
.button.blue:hover {
  background: #0F84E1;
}
.button.teal {
  background: #064250;
  color: #fff;
  border-color: #fff;
}
.button.teal:hover {
  background: #043743;
}
.button.green {
  background: #7ED321;
  color: #fff;
  border-color: #979797;
}
.button.green:hover {
  background: #8CE827;
}
.button.orange {
  background: #F5A623;
  color: #fff;
  border-color: #979797;
}
.button.orange:hover {
  background: #F39D0F;
}
.button.gray {
  background: #646464;
  color: #fff;
  border-color: #979797;
}
.button.gray:hover {
  background: #979797;
}
.button.jumbo {
  height: 90px;
  line-height: 91px;
  font-size: 28px;
  padding: 0 50px;
}
.button.jumbo [class^=flaticon-]:before,
.button.jumbo [class*=" flaticon-"]:before,
.button.jumbo [class^=flaticon-]:after,
.button.jumbo [class*=" flaticon-"]:after {
  font-size: 28px;
}
.button.wide {
  min-width: 200px;
}
.button.full {
  width: 100%;
}
.button.lower {
  text-transform: capitalize;
}
.button.multiline {
  line-height: 22px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.button.multiline .sub {
  font-size: 12px;
  line-height: 13px;
}
.button.tall {
  height: auto;
  line-height: 22px;
  padding: 15px 20px;
  text-transform: none;
}
.button.tall .line {
  color: #fff;
}
.button.single {
  margin: 0;
}
.button .icon,
.button [class^=flaticon-]:before,
.button [class*=" flaticon-"]:before,
.button [class^=flaticon-]:after,
.button [class*=" flaticon-"]:after {
  font-size: 20px;
  line-height: 20px;
  margin: 0 5px;
}
.button.rounded {
  border-radius: 5px;
}
.button.rounded_2 {
  border-radius: 50px;
}
@media only screen and (max-width: 960px) {
  .button.jumbo {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    padding: 0 20px;
  }
  .button.jumbo [class^=flaticon-]:before,
.button.jumbo [class*=" flaticon-"]:before,
.button.jumbo [class^=flaticon-]:after,
.button.jumbo [class*=" flaticon-"]:after {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .button.fullmobile {
    width: 100%;
    margin: 0;
  }
}

md-radio-button {
  font-size: 14px;
  margin: 5px 0 10px;
  color: #707070;
}
md-radio-button.md-checked ._md-off {
  border-color: #2196F3;
}
md-radio-button ._md-on {
  background-color: #2196F3;
}
md-radio-button.panelRadioButton {
  border-radius: 5px;
  background: #edf5f6;
  width: 100%;
  padding: 20px;
}
md-radio-button.panelRadioButton ._md-container {
  left: 18px;
}
md-radio-button.panelRadioButton h3 {
  font-size: 18px !important;
  margin: 0 !important;
}

.btn,
button.btn,
.md-button.md-default-theme.md-primary,
.socialmediaButton {
  background: transparent;
  border: 1px solid #e0e0e0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 3px;
  padding: 7px 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  margin: 5px;
  cursor: pointer;
  color: #434343;
  text-align: center;
}
.btn:hover,
button.btn:hover,
.md-button.md-default-theme.md-primary:hover,
.socialmediaButton:hover {
  background-color: #fff;
  color: #2196F3;
}
.btn [class^=flaticon-]:before,
.btn [class*=" flaticon-"]:before,
.btn [class^=flaticon-]:after,
.btn [class*=" flaticon-"]:after,
button.btn [class^=flaticon-]:before,
button.btn [class*=" flaticon-"]:before,
button.btn [class^=flaticon-]:after,
button.btn [class*=" flaticon-"]:after,
.md-button.md-default-theme.md-primary [class^=flaticon-]:before,
.md-button.md-default-theme.md-primary [class*=" flaticon-"]:before,
.md-button.md-default-theme.md-primary [class^=flaticon-]:after,
.md-button.md-default-theme.md-primary [class*=" flaticon-"]:after,
.socialmediaButton [class^=flaticon-]:before,
.socialmediaButton [class*=" flaticon-"]:before,
.socialmediaButton [class^=flaticon-]:after,
.socialmediaButton [class*=" flaticon-"]:after {
  font-size: 13px;
  margin: 0;
}
.btn img,
button.btn img,
.md-button.md-default-theme.md-primary img,
.socialmediaButton img {
  width: 20px;
  margin: 0 5px 0 0;
  vertical-align: bottom;
}
.btn.primary,
button.btn.primary,
.md-button.md-default-theme.md-primary.primary,
.socialmediaButton.primary {
  background: #2196F3;
  border-color: #2196F3;
  color: #fff;
}
.btn.primary:hover:not(.disabled),
button.btn.primary:hover:not(.disabled),
.md-button.md-default-theme.md-primary.primary:hover:not(.disabled),
.socialmediaButton.primary:hover:not(.disabled) {
  background: #0F84E1 !important;
}
.btn.white,
button.btn.white,
.md-button.md-default-theme.md-primary.white,
.socialmediaButton.white {
  background: #fff;
  border-color: #e0e0e0;
  color: #707070;
}
.btn.white:hover:not(.disabled),
button.btn.white:hover:not(.disabled),
.md-button.md-default-theme.md-primary.white:hover:not(.disabled),
.socialmediaButton.white:hover:not(.disabled) {
  background: #0F84E1 !important;
  color: #fff;
}
.btn.hover:hover,
button.btn.hover:hover,
.md-button.md-default-theme.md-primary.hover:hover,
.socialmediaButton.hover:hover {
  background: #2196F3;
  color: #fff;
  border-color: #2196F3;
}
.btn.contrast,
button.btn.contrast,
.md-button.md-default-theme.md-primary.contrast,
.socialmediaButton.contrast {
  color: #fff;
}
.btn.contrast:hover:not(.disabled),
button.btn.contrast:hover:not(.disabled),
.md-button.md-default-theme.md-primary.contrast:hover:not(.disabled),
.socialmediaButton.contrast:hover:not(.disabled) {
  background: #0F84E1 !important;
  color: #fff;
  border-color: #0F84E1 !important;
}
.btn.call, .btn.md-focused,
button.btn.call,
button.btn.md-focused,
.md-button.md-default-theme.md-primary.call,
.md-button.md-default-theme.md-primary.md-focused,
.socialmediaButton.call,
.socialmediaButton.md-focused {
  background: #63b509 !important;
  border-color: #63b509;
  color: #fff !important;
}
.btn.call:hover:not(.disabled), .btn.md-focused:hover:not(.disabled),
button.btn.call:hover:not(.disabled),
button.btn.md-focused:hover:not(.disabled),
.md-button.md-default-theme.md-primary.call:hover:not(.disabled),
.md-button.md-default-theme.md-primary.md-focused:hover:not(.disabled),
.socialmediaButton.call:hover:not(.disabled),
.socialmediaButton.md-focused:hover:not(.disabled) {
  background: #559b08 !important;
}
.btn.attention:hover:not(.disabled),
button.btn.attention:hover:not(.disabled),
.md-button.md-default-theme.md-primary.attention:hover:not(.disabled),
.socialmediaButton.attention:hover:not(.disabled) {
  background-color: #b04e4e !important;
  border-color: #b04e4e !important;
  color: #fff !important;
}
.btn.margin,
button.btn.margin,
.md-button.md-default-theme.md-primary.margin,
.socialmediaButton.margin {
  margin: 10px;
}
.btn.nomargin,
button.btn.nomargin,
.md-button.md-default-theme.md-primary.nomargin,
.socialmediaButton.nomargin {
  margin: 0;
}
.btn.tall,
button.btn.tall,
.md-button.md-default-theme.md-primary.tall,
.socialmediaButton.tall {
  height: auto;
  line-height: 22px;
  padding: 15px 20px;
  text-transform: none;
}
.btn.tall .line,
button.btn.tall .line,
.md-button.md-default-theme.md-primary.tall .line,
.socialmediaButton.tall .line {
  color: #fff;
}
.btn.shine,
button.btn.shine,
.md-button.md-default-theme.md-primary.shine,
.socialmediaButton.shine {
  position: relative;
  overflow: hidden;
}
.btn.shine:after,
button.btn.shine:after,
.md-button.md-default-theme.md-primary.shine:after,
.socialmediaButton.shine:after {
  animation: shine 8s ease-in-out 2s infinite;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  top: -110%;
  left: -2000%;
  width: 200%;
  height: 40%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.btn.rel,
button.btn.rel,
.md-button.md-default-theme.md-primary.rel,
.socialmediaButton.rel {
  position: relative;
}
@media only screen and (max-width: 600px) {
  .btn.fullmobile,
button.btn.fullmobile,
.md-button.md-default-theme.md-primary.fullmobile,
.socialmediaButton.fullmobile {
    width: 100%;
    margin: 5px 0;
    text-align: center;
  }
}

.iconBtn {
  color: #434343;
  cursor: pointer;
  margin: 0 5px;
}
.iconBtn:hover {
  color: #0F84E1;
}

.circleBtn {
  background: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  margin: 0 5px;
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.3);
  text-align: center;
  position: relative;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.circleBtn .icon {
  color: #434343;
  line-height: 35px;
}
.circleBtn .icon::before, .circleBtn .icon::after {
  font-size: 18px;
}
.circleBtn.small {
  border-radius: 12px;
  width: 24px;
  height: 24px;
}
.circleBtn.small .icon {
  line-height: 24px;
}
.circleBtn.small .icon::before, .circleBtn.small .icon::after {
  font-size: 12px;
}
.circleBtn.primary {
  background: #2196F3;
  border-color: #2196F3;
  color: #fff;
}
.circleBtn.primary .icon {
  color: #fff;
}
.circleBtn.primary:hover {
  background: #0F84E1;
}
.circleBtn.fav {
  background: #e06969;
  border-color: #e06969;
  color: #fff;
}
.circleBtn.fav .icon {
  color: #fff;
}
.circleBtn.fav:hover {
  background: #e43f3f;
}
.circleBtn.call, .circleBtn.md-focused {
  background: #63b509 !important;
  border-color: #63b509;
  color: #fff !important;
}
.circleBtn.call .icon, .circleBtn.md-focused .icon {
  color: #fff !important;
}
.circleBtn.call:hover:not(.disabled), .circleBtn.md-focused:hover:not(.disabled) {
  background: #559b08 !important;
}
.circleBtn.attention:hover:not(.disabled) {
  background-color: #b04e4e !important;
  border-color: #b04e4e !important;
  color: #fff !important;
}
.circleBtn.shine {
  position: relative;
  overflow: hidden;
}
.circleBtn.shine:after {
  animation: shine 8s ease-in-out 2s infinite;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  top: -110%;
  left: -2000%;
  width: 200%;
  height: 40%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.circleBtn:hover {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.circleBtn.facebook {
  background: #3b5998;
  border-color: #3b5998;
}
.circleBtn.facebook .icon {
  color: #fff;
}
.circleBtn.twitter {
  background: #55acee;
  border-color: #55acee;
}
.circleBtn.twitter .icon {
  color: #fff;
}
.circleBtn.instagram {
  background: #D70A64;
  border-color: #D70A64;
}
.circleBtn.instagram .icon {
  color: #fff;
}
.circleBtn.youtube {
  background: #ff0000;
  border-color: #ff0000;
}
.circleBtn.youtube .icon {
  color: #fff;
}
.circleBtn.tiktok {
  background: #000;
  border-color: #000;
}
.circleBtn.tiktok .icon {
  color: #fff;
}
.circleBtn.twitch {
  background: #6441A4;
  border-color: #6441A4;
}
.circleBtn.twitch .icon {
  color: #fff;
}
.circleBtn.snapchat {
  background: #fffc01;
  border-color: #fffc01;
}
.circleBtn.snapchat .icon {
  color: #fff;
}

.socialmediaButton {
  color: #fff;
}
.socialmediaButton .icon {
  margin-right: 20px;
}
.socialmediaButton.facebook {
  background: #3b5998;
  border-color: #3b5998;
}
.socialmediaButton.twitter {
  background: #55acee;
  border-color: #55acee;
}
.socialmediaButton.instagram {
  background: #D70A64;
  border-color: #D70A64;
}
.socialmediaButton.youtube {
  background: #ff0000;
  border-color: #ff0000;
}
.socialmediaButton.twitch {
  background: #6441A4;
  border-color: #6441A4;
}

.buttonPanel {
  margin: 10px 0;
  /*******************************
     Media Queries - Button
     ********************************/
}
.buttonPanel.nomargin {
  margin: 0;
}
.buttonPanel.topMargin {
  margin-top: 20px;
}
.buttonPanel.layout-row .button {
  /*margin:0;*/
}
.buttonPanel.layout-row .flex-auto {
  padding: 0 8px;
}
.buttonPanel.layout-row .flex-auto:first-child {
  padding: 0 8px 0 0;
}
.buttonPanel.layout-row .flex-auto:last-child {
  padding: 0 0 0 8px;
}
.buttonPanel a.link {
  color: #2196F3 !important;
  margin: 0 5px 0 0;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
}
.buttonPanel a.link:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 600px) {
  .buttonPanel.layout-row .button {
    margin: 3px 0;
  }
  .buttonPanel.layout-row .flex-auto {
    padding: 0;
  }
  .buttonPanel.layout-row .flex-auto:first-child {
    padding: 0;
  }
  .buttonPanel.layout-row .flex-auto:last-child {
    padding: 0;
  }
}

/*******************************
    Container
 ********************************/
.borderContainer {
  border: 1px solid #ACACAC;
  padding: 20px;
  border-radius: 3px;
}

/*******************************
    Form
 ********************************/
.formPadding.bottom {
  padding-bottom: 30px;
}

/*******************************
    Toolbar
 ********************************/
.toolbar {
  margin: 0 5px;
  /*******************************
  Media Queries - Toolbar
  ********************************/
}
.toolbar li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  position: relative;
}
.toolbar li .item {
  background: #fff;
  border: 1px solid #D8D8D8;
  border-right-width: 0;
  color: #707070;
  line-height: 35px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  cursor: pointer;
}
.toolbar li .item [class^=flaticon-]:before,
.toolbar li .item [class*=" flaticon-"]:before,
.toolbar li .item [class^=flaticon-]:after,
.toolbar li .item [class*=" flaticon-"]:after {
  font-size: 10px;
  line-height: 10px;
  margin: 0 3px 0 0;
}
.toolbar li .item:hover:not(.disabled) {
  background: #2196F3;
  border-color: #2196F3;
  color: #fff;
}
.toolbar li .item:hover:not(.disabled).attention {
  background: #b04e4e;
  border-color: #b04e4e;
}
.toolbar li .item.primary {
  background: #2196F3;
  border-color: #2196F3;
  color: #fff;
}
.toolbar li .item.primary:hover {
  background: #0F84E1;
  border-color: #0F84E1;
}
.toolbar li .item.call {
  background: #63b509 !important;
  border-color: #63b509;
  color: #fff !important;
}
.toolbar li .item.call:hover:not(.disabled) {
  background: #559b08 !important;
}
.toolbar li:first-child .item {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.toolbar li:last-child .item {
  border-right-width: 1px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .toolbar {
    margin: 10px 0;
    padding: 0;
    width: 100%;
    display: table;
  }
  .toolbar li {
    display: table-cell;
    float: none;
  }
  .toolbar li .item {
    text-align: center;
  }
}

.toolbar_dropdown {
  position: absolute;
  background: #fff;
  top: 45px;
  right: 0px;
  z-index: 5;
  border-radius: 3px;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
  min-width: 160px;
  overflow: hidden;
}
.toolbar_dropdown ul {
  margin: 0;
  padding: 0;
}
.toolbar_dropdown li {
  display: block;
  width: 100%;
}
.toolbar_dropdown li a.link {
  display: block;
  font-size: 12px !important;
  line-height: 20px;
  padding: 8px 15px;
  border-bottom-width: 0;
  color: #707070 !important;
  text-align: left;
}
.toolbar_dropdown li a.link:hover {
  background: #2196F3;
  color: #fff !important;
}
.toolbar_dropdown li a.link:hover.warning {
  background: #b04e4e;
}
.toolbar_dropdown li:last-child a.link {
  border-bottom-width: 1px;
}
.toolbar_dropdown::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  position: absolute;
  right: 15px;
  top: -15px;
  border-bottom: 8px solid #fff;
}
.toolbar_dropdown.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
.toolbar_dropdown.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}

/*******************************
    Badges
 ********************************/
.badge {
  text-align: center;
}
.badge .background {
  width: 50px;
  height: 50px;
  position: relative;
}
.badge .svg_badge {
  width: 100%;
  height: 100%;
}
.badge .svg_badge .fill {
  fill: #064250;
}
.badge .image {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  padding: 15px;
}
.badge .image svg {
  width: 100%;
}
.badge .label {
  color: #707070;
  font-size: 11px;
  max-width: 50px;
}
.badge .more {
  font-size: 18px;
  color: #fff;
}
.badge.click {
  cursor: pointer;
}
.badge:hover {
  animation-name: pulse;
  animation-duration: 0.3s;
}
.badge.creative .svg_badge .fill {
  fill: #f4505f;
}
.badge.timely .svg_badge .fill {
  fill: #5a576f;
}
.badge.fun .svg_badge .fill {
  fill: #73a937;
}
.badge.above .svg_badge .fill {
  fill: #9013FE;
}
.badge.photos .svg_badge .fill, .badge.exceptional .svg_badge .fill {
  fill: #F5A623;
}
.badge.artistic .svg_badge .fill {
  fill: #ec551a;
}
.badge.trendy .svg_badge .fill {
  fill: #7E7E7E;
}
.badge.power .svg_badge .fill {
  fill: #e43f3f;
}
.badge.funny .svg_badge .fill {
  fill: #6d5ca8;
}
.badge.professional .svg_badge .fill {
  fill: #ed9300;
}
.badge.smart .svg_badge .fill {
  fill: #559383;
}
.badge.relevant .svg_badge .fill {
  fill: #2f8295;
}
.badge.innovative .svg_badge .fill {
  fill: #f4505f;
}
.badge.more .svg_badge .fill {
  fill: #9bc2cb;
}

/*******************************
    Stat Card
 ********************************/
.statCard .card-container {
  border-radius: 5px;
  background-color: #edf5f6;
  color: #434343;
  position: relative;
  padding: 15px;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
}
.statCard .background {
  background: #043743;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.statCard .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f889d);
  opacity: 0;
  border-radius: 5px;
}
.statCard hr {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  border: 0;
  border-top: 3px solid #2f8295;
  transition: width 0.5s;
}
.statCard .intro {
  margin: 0 0 10px;
}
.statCard .info {
  position: relative;
}
.statCard .image-container {
  padding: 3px 5px 0 0;
}
.statCard .image-container .image {
  border-radius: 22px;
  width: 44px;
  height: 44px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.1s ease 0s;
}
.statCard .image-container .verified {
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
}
.statCard h1.name {
  font-size: 15px;
  color: #434343;
  margin: 0;
}
.statCard .type {
  font-size: 11px;
  color: #fff;
  padding: 1px 7px;
  margin: 4px 0 0;
  background: #0d4c5b;
  border-radius: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.statCard .type .circle {
  border-radius: 3px;
  width: 6px;
  height: 6px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 1px solid #fff;
  margin: 2px 3px 0 0;
}
.statCard .type.athlete {
  background: #604d70;
}
.statCard .type.team {
  background: #20a27f;
}
.statCard .type.event {
  background: #F5A623;
}
.statCard .sport {
  font-size: 12px;
  color: #707070;
}
.statCard .numberFocus {
  border-radius: 8px;
  width: 16px;
  height: 16px;
  background: #2f8295;
  color: #fff;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
}
.statCard .stat {
  padding: 0 5px;
  margin: 20px 0 0;
}
.statCard .stat .number {
  font-size: 16px;
}
.statCard .stat:not(:first-child) {
  border-left: 1px solid #ACACAC;
}
.statCard .moreDetails {
  text-align: right;
  font-size: 12px;
}
.statCard .showHover {
  opacity: 0;
}
.statCard:hover .card-container {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background: #0d4c5b;
  color: #fff;
}
.statCard:hover .card-container h1.name,
.statCard:hover .card-container .sport {
  color: #fff;
}
.statCard:hover .card-container .background {
  opacity: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.statCard:hover .card-container .overlay {
  opacity: 0.9;
}
.statCard:hover .card-container hr {
  width: 100%;
  transition: width 0.1s;
}
.statCard:hover .card-container .showHover {
  opacity: 1;
  width: 100%;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.1s ease 0s;
}
.statCard:hover .card-container .hideHover {
  opacity: 0;
  width: 100%;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.1s ease 0s;
}

/*******************************
    Subtitle
 ********************************/
.subtitle {
  font-size: 12px;
  font-weight: 100;
  color: #707070;
  margin-right: 10px;
}
.subtitle [class^=flaticon-]:before,
.subtitle [class*=" flaticon-"]:before,
.subtitle [class^=flaticon-]:after,
.subtitle [class*=" flaticon-"]:after {
  font-size: 12px;
}

.subtitle-section {
  font-size: 14px;
  font-weight: 100;
  color: #707070;
  border-bottom: 1px solid #e0e0e0;
  margin: 20px 0;
  padding: 0 0 25px;
}

/*******************************
    Filter Panel
 ********************************/
.filterPanel .small {
  font-size: 12px;
}
.filterPanel .filterRow {
  margin: 10px 0;
}
.filterPanel .filterRow.firstrow {
  margin: 10px 0 25px;
}
.filterPanel .criteria-container {
  margin: 0 15px;
}
.filterPanel .criteria-container:first-child {
  margin-left: 0;
}
.filterPanel .criteria-container:last-child {
  margin-right: 0;
}
.filterPanel .divider {
  border-right: 1px solid #D8D8D8;
}
@media only screen and (max-width: 960px) {
  .filterPanel .criteria-container {
    margin: 5px 0;
  }
}

.filter-dropdown {
  position: relative;
}
.filter-dropdown .selector {
  margin: 0;
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-right-width: 0;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  width: 100%;
  line-height: 20px;
  color: #707070;
  background: #fff;
}
.filter-dropdown .selector .text {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
.filter-dropdown .selector.selected {
  background: #2196F3;
  color: #fff;
}
.filter-dropdown .selector:hover {
  background: #f2f6fa;
  color: #707070;
}
.filter-dropdown.disabled:hover {
  background: none;
}
.filter-dropdown:first-child .selector {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.filter-dropdown:last-child .selector {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
.filter-dropdown .dropdown {
  display: none;
  opacity: 0;
  position: absolute;
  left: 0;
  padding: 15px;
  border-radius: 5px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.filter-dropdown .dropdown.right {
  left: auto;
  right: 0;
}
.filter-dropdown .dropdown .customTooltip {
  width: 100%;
}
.filter-dropdown.active .selector {
  background: #2196F3;
  color: #fff;
  font-weight: 500;
}
.filter-dropdown.active .dropdown {
  display: block;
  opacity: 1;
  transition: opacity 1s;
}
.filter-dropdown .divider {
  border-right: 1px solid #D8D8D8;
}
.filter-dropdown .checkboxes .checkbox {
  padding: 0px 5px 10px 0;
}

/*******************************
    Document File
 ********************************/
.documentFile {
  margin: 0 0 5px;
  cursor: pointer;
}
.documentFile .border {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
}
.documentFile .file {
  padding: 10px;
}
.documentFile .imageFile {
  max-width: 40px;
  margin: 0 5px 0 0;
}
.documentFile .imageFile.background {
  width: 40px;
  height: 40px;
  position: relative;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.documentFile .imageFile img {
  width: 100%;
}
.documentFile .titleName {
  font-size: 16px;
  font-weight: 500;
  color: #707070;
  margin: 0;
}
.documentFile .grid {
  position: relative;
  min-height: 170px;
}
.documentFile .grid .imageFile {
  margin: 20px;
}
.documentFile .grid hr {
  margin: 0 10px;
}
.documentFile .grid .details {
  padding: 10px;
  background: rgba(255, 255, 255, 0.8);
}
.documentFile .grid .titleName {
  font-size: 14px;
}
.documentFile .grid .backgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #edf5f6;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.documentFile .grid .grid-container {
  position: relative;
}
.documentFile .grid.imageStyle hr {
  display: none;
}
.documentFile .grid.imageStyle .details {
  opacity: 0;
}
.documentFile .fileControls {
  overflow: hidden;
}
.documentFile .fileControls .icon::after, .documentFile .fileControls .icon::before {
  font-size: 14px;
}
.documentFile .fileControls a {
  padding: 10px 20px;
  color: #2196F3;
}
.documentFile .fileControls a:hover {
  background: #2196F3;
  color: #fff;
}
.documentFile .fileControls a:hover.delete, .documentFile .fileControls a:hover.error {
  background: #b04e4e;
  color: #fff;
}
.documentFile .fileControls a:hover.success {
  background: #63b509;
  color: #fff;
}
.documentFile .docFeedback {
  border-top: 1px solid #e0e0e0;
  padding: 20px;
}
.documentFile .docFeedback .notabene {
  margin: 0 0 10px;
}
.documentFile .docFeedback .feedbackInnerContainer {
  border-radius: 5px;
  background-color: #f7f7f7;
  padding: 20px;
}
.documentFile .docFeedback .header {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.documentFile .docFeedback .feedbackContent {
  font-style: italic;
}
.documentFile .docFeedback.disapproved {
  background-color: #e4a9a9;
}
.documentFile:hover {
  background: #edf5f6;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
}
.documentFile:hover .grid.imageStyle .details {
  opacity: 1;
}

.mediaGrid .mediaItem {
  padding: 5px;
}

/*******************************
    Tags
 ********************************/
.tags .tag {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: #9bc2cb;
  padding: 3px 5px;
  border-radius: 4px;
  color: #fff;
  margin: 0 3px 3px 0;
  font-size: 13px;
  font-weight: 500;
}
.tags a {
  cursor: pointer;
}

/*******************************
    Stat
 ********************************/
.stat {
  font-size: 12px;
  text-align: center;
}
.stat .number {
  font-size: 40px;
  font-weight: 100;
}
.stat .title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  margin: 0;
  color: #707070;
}
.stat .title [class^=flaticon-]:before,
.stat .title [class*=" flaticon-"]:before,
.stat .title [class^=flaticon-]:after,
.stat .title [class*=" flaticon-"]:after {
  font-size: 12px;
}
.stat .icon {
  margin: 0 5px;
}
.stat .icon ::after,
.stat .icon ::before {
  font-size: 12px;
}
.stat .icon.success {
  color: #63b509;
}
.stat .icon.error {
  color: #b04e4e;
}

.socialstats .handle {
  cursor: pointer;
}
.socialstats .socialIcon {
  height: 20px;
  width: 20px;
  margin: 0 5px 0px 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.socialstats .socialIcon.trend {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  background: #63b509;
  text-align: center;
  line-height: 23px;
}
.socialstats .socialIcon.trend .social-trend-indicator {
  font-size: 20px;
  color: #fff;
  width: auto;
  height: auto;
}
.socialstats .socialIcon.trend.down {
  background: #b04e4e;
}
.socialstats .stat {
  font-size: 17px;
  line-height: 20px;
  cursor: pointer;
}
.socialstats .result {
  font-size: 25px;
  line-height: 20px;
  padding: 0 0 0 10px;
}
.socialstats .facebook {
  color: #3b5998;
}
.socialstats .twitter {
  color: #55acee;
}
.socialstats .instagram {
  color: #D70A64;
}
.socialstats .youtube {
  color: #ff0000;
}
.socialstats .twitch {
  color: #6441A4;
}
.socialstats .hover:hover.facebook {
  color: #2c4882;
}
.socialstats .hover:hover.twitter {
  color: #4095d5;
}
.socialstats .hover:hover.instagram {
  color: #bc0455;
}
.socialstats .hover:hover.youtube {
  color: #ba0908;
}
.socialstats .hover:hover.twitch {
  color: #54338f;
}
.socialstats .hover:hover.snapchat {
  color: #fdd703;
}

.chartLegend {
  margin: 20px 0 10px 0;
}
.chartLegend.nomargin {
  margin: 0;
}
.chartLegend .item {
  padding: 0 5px 10px;
}
.chartLegend .circle {
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background: #2196F3;
  opacity: 0.9;
}
.chartLegend .text {
  padding: 0 0 0 3px;
  font-size: 12px;
  line-height: 11px;
}
.chartLegend .number {
  font-size: 14px;
  font-weight: 500;
  color: #434343;
}
.chartLegend .countryList .name {
  padding: 0 0 0 5px;
  font-size: 13px;
}

/*******************************
    Errors
 ********************************/
.error-container {
  background: #b04e4e;
  padding: 10px;
  margin: 10px 0;
}
.error-container .error-message {
  color: #fff;
  font-size: 17px;
}

/*******************************
    Inputs
 ********************************/
md-input-container {
  margin: 0px 0 12px;
  text-align: left;
}
md-input-container.nomargin {
  margin: 0 !important;
}
md-input-container.margin {
  margin: 5px 0 !important;
}
md-input-container.nobottommargin {
  margin-bottom: 0 !important;
}
md-input-container .padded {
  padding: 0 15px;
}
md-input-container .md-input {
  border-width: 1px;
  border-color: #D8D8D8;
  height: 60px;
  padding: 2px 10px 1px;
  font-size: 20px;
  font-weight: 300;
}
md-input-container .md-input.search {
  background: #fff url("/assets/img/icon_search.png") right 10px/auto 50px no-repeat;
  padding-right: 40px;
}
md-input-container .md-input.number {
  width: 100px;
  float: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
md-input-container .md-input.small {
  width: 70px;
  float: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
md-input-container .md-input:disabled {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
}
md-input-container input {
  position: relative;
}
md-input-container input:disabled {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
}
md-input-container .inputIconContainer {
  position: absolute;
  top: 35px;
  right: 12px;
}
md-input-container .inputIconContainer .inputIcon::before, md-input-container .inputIconContainer .inputIcon::after {
  font-size: 16px;
}
md-input-container .inputIconContainer .inputIcon.toggle {
  color: #D8D8D8;
  cursor: pointer;
}
md-input-container .inputIconContainer .inputIcon.toggle.on {
  color: #979797;
}
md-input-container ._md-select-value {
  border: 1px solid #D8D8D8;
  min-height: 56px;
  padding: 2px 10px 1px;
  font-size: 20px;
  font-weight: 300;
  text-align: left;
}
md-input-container ._md-select-value .image {
  width: 25px;
  height: 25px;
  margin: 0 5px 0 0;
}
md-input-container ._md-select-value .image img {
  width: 100%;
}
md-input-container md-select:focus:not([disabled]) ._md-select-value {
  border-width: 0;
  border-bottom-width: 2px;
}
md-input-container .md-errors-spacer {
  min-height: 0px;
}
md-input-container ._md-select-value._md-select-placeholder {
  padding-left: 10px;
}
md-input-container .ng-invalid:not(.ng-untouched) ._md-select-value {
  border-color: #dd2c00;
}
md-input-container md-select.imageSelector .item {
  padding: 3px;
}
md-input-container md-select.imageSelector .item .image {
  width: 25px;
  height: 25px;
  margin: 0 5px 0 0;
}

md-select-menu md-content {
  border-radius: 5px;
}
md-select-menu md-content md-option {
  height: 40px;
}
md-select-menu md-content md-option .image {
  width: 25px;
  height: 25px;
  margin: 0 5px 0 0;
}
md-select-menu md-content md-option .image img {
  width: 100%;
}
md-select-menu md-content md-option ._md-text {
  font-size: 14px;
}
md-select-menu md-content md-option[selected] {
  color: #fff;
  background: #2196F3;
  font-size: 14px;
}

md-input-container label:not(._md-container-ignore) {
  top: -8px;
  bottom: auto;
}

md-input-container label:not(.md-no-float):not(._md-container-ignore),
md-input-container ._md-placeholder {
  font-size: 20px;
  padding-left: 11px;
}

md-input-container.md-input-focused label:not(.md-no-float),
md-input-container.md-input-has-placeholder label:not(.md-no-float),
md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0px, -10px, 0px) scale(0.75);
}

.md-input-message {
  font-size: 12px;
  line-height: 14px;
}

.subCheck {
  font-size: 14px;
}

/*Content inputs*/
.content-container md-input-container,
.content-dialog md-input-container,
.version2 md-input-container,
.presentation-container md-input-container {
  margin: 0px 5px 15px 0;
  /*Auto complete*/
  /*Chips*/
  /*Custom Chips*/
  /*multiple select dropdown*/
  /*******************************
     Media Queries - md-input-container
     ********************************/
}
.content-container md-input-container.nomargin,
.content-dialog md-input-container.nomargin,
.version2 md-input-container.nomargin,
.presentation-container md-input-container.nomargin {
  margin: 0;
}
.content-container md-input-container.smallmargin,
.content-dialog md-input-container.smallmargin,
.version2 md-input-container.smallmargin,
.presentation-container md-input-container.smallmargin {
  margin: 0 0 20px 10px;
}
.content-container md-input-container .md-input,
.content-dialog md-input-container .md-input,
.version2 md-input-container .md-input,
.presentation-container md-input-container .md-input {
  background: #fff;
  border-width: 1px;
  border-color: #D8D8D8;
  height: 35px;
  padding: 2px 10px 1px;
  font-size: 14px;
  font-weight: 100;
  color: #434343;
  border-radius: 3px;
}
.content-container md-input-container .md-input.search,
.content-dialog md-input-container .md-input.search,
.version2 md-input-container .md-input.search,
.presentation-container md-input-container .md-input.search {
  background: #fff url("/assets/img/icon_search.png") right 8px/auto 50px no-repeat;
  padding-right: 40px;
}
.content-container md-input-container .md-input:disabled,
.content-dialog md-input-container .md-input:disabled,
.version2 md-input-container .md-input:disabled,
.presentation-container md-input-container .md-input:disabled {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
}
.content-container md-input-container .md-input.ng-invalid.ng-dirty,
.content-dialog md-input-container .md-input.ng-invalid.ng-dirty,
.version2 md-input-container .md-input.ng-invalid.ng-dirty,
.presentation-container md-input-container .md-input.ng-invalid.ng-dirty {
  border: 1px solid #b04e4e;
}
.content-container md-input-container .md-input.numberH1Input,
.content-dialog md-input-container .md-input.numberH1Input,
.version2 md-input-container .md-input.numberH1Input,
.presentation-container md-input-container .md-input.numberH1Input {
  font-size: 25px;
  text-align: center;
  color: #646464;
}
@media only screen and (max-width: 960px) {
  .content-container md-input-container .md-input,
.content-dialog md-input-container .md-input,
.version2 md-input-container .md-input,
.presentation-container md-input-container .md-input {
    font-size: 16px;
  }
}
.content-container md-input-container.md-input-has-placeholder label,
.content-dialog md-input-container.md-input-has-placeholder label,
.version2 md-input-container.md-input-has-placeholder label,
.presentation-container md-input-container.md-input-has-placeholder label {
  position: static;
  font-size: 14px !important;
  font-weight: 500;
  color: #434343;
  padding: 0 !important;
  text-transform: uppercase;
  opacity: 1;
}
.content-container md-input-container.md-input-has-placeholder .md-input,
.content-container md-input-container.md-input-has-placeholder md-chips-wrap,
.content-container md-input-container.md-input-has-placeholder md-autocomplete,
.content-container md-input-container.md-input-has-placeholder md-select,
.content-dialog md-input-container.md-input-has-placeholder .md-input,
.content-dialog md-input-container.md-input-has-placeholder md-chips-wrap,
.content-dialog md-input-container.md-input-has-placeholder md-autocomplete,
.content-dialog md-input-container.md-input-has-placeholder md-select,
.version2 md-input-container.md-input-has-placeholder .md-input,
.version2 md-input-container.md-input-has-placeholder md-chips-wrap,
.version2 md-input-container.md-input-has-placeholder md-autocomplete,
.version2 md-input-container.md-input-has-placeholder md-select,
.presentation-container md-input-container.md-input-has-placeholder .md-input,
.presentation-container md-input-container.md-input-has-placeholder md-chips-wrap,
.presentation-container md-input-container.md-input-has-placeholder md-autocomplete,
.presentation-container md-input-container.md-input-has-placeholder md-select {
  margin-top: 5px;
}
.content-container md-input-container.md-input-has-placeholder md-autocomplete button,
.content-dialog md-input-container.md-input-has-placeholder md-autocomplete button,
.version2 md-input-container.md-input-has-placeholder md-autocomplete button,
.presentation-container md-input-container.md-input-has-placeholder md-autocomplete button {
  position: absolute;
  right: 0;
}
.content-container md-input-container.md-input-has-placeholder.nomargin .md-input,
.content-container md-input-container.md-input-has-placeholder.nomargin md-chips-wrap,
.content-container md-input-container.md-input-has-placeholder.nomargin md-autocomplete,
.content-container md-input-container.md-input-has-placeholder.nomargin md-select,
.content-dialog md-input-container.md-input-has-placeholder.nomargin .md-input,
.content-dialog md-input-container.md-input-has-placeholder.nomargin md-chips-wrap,
.content-dialog md-input-container.md-input-has-placeholder.nomargin md-autocomplete,
.content-dialog md-input-container.md-input-has-placeholder.nomargin md-select,
.version2 md-input-container.md-input-has-placeholder.nomargin .md-input,
.version2 md-input-container.md-input-has-placeholder.nomargin md-chips-wrap,
.version2 md-input-container.md-input-has-placeholder.nomargin md-autocomplete,
.version2 md-input-container.md-input-has-placeholder.nomargin md-select,
.presentation-container md-input-container.md-input-has-placeholder.nomargin .md-input,
.presentation-container md-input-container.md-input-has-placeholder.nomargin md-chips-wrap,
.presentation-container md-input-container.md-input-has-placeholder.nomargin md-autocomplete,
.presentation-container md-input-container.md-input-has-placeholder.nomargin md-select {
  margin: 0px;
}
.content-container md-input-container.md-input-focused,
.content-dialog md-input-container.md-input-focused,
.version2 md-input-container.md-input-focused,
.presentation-container md-input-container.md-input-focused {
  /*md-select{
  	._md-select-value{
  		border-color: $tertiary;
  		box-shadow: none;
  	}
  }*/
}
.content-container md-input-container.md-input-focused .md-input,
.content-dialog md-input-container.md-input-focused .md-input,
.version2 md-input-container.md-input-focused .md-input,
.presentation-container md-input-container.md-input-focused .md-input {
  transition: border 0.3s ease 0.1s;
  border-color: #2196F3;
}
.content-container md-input-container.md-input-focused .md-input.search,
.content-dialog md-input-container.md-input-focused .md-input.search,
.version2 md-input-container.md-input-focused .md-input.search,
.presentation-container md-input-container.md-input-focused .md-input.search {
  background-position: right -26px;
}
.content-container md-input-container md-autocomplete,
.content-dialog md-input-container md-autocomplete,
.version2 md-input-container md-autocomplete,
.presentation-container md-input-container md-autocomplete {
  background: none !important;
  height: auto;
  min-width: 0;
}
.content-container md-input-container md-autocomplete md-autocomplete-wrap,
.content-dialog md-input-container md-autocomplete md-autocomplete-wrap,
.version2 md-input-container md-autocomplete md-autocomplete-wrap,
.presentation-container md-input-container md-autocomplete md-autocomplete-wrap {
  background: #fff;
  border-width: 1px;
  border-color: #D8D8D8;
  border-style: solid;
  height: 35px;
  padding: 2px 10px 1px;
  font-size: 14px;
  font-weight: 100;
  color: #434343;
  box-shadow: none;
  border-radius: 3px;
}
.content-container md-input-container md-autocomplete md-autocomplete-wrap .md-input,
.content-dialog md-input-container md-autocomplete md-autocomplete-wrap .md-input,
.version2 md-input-container md-autocomplete md-autocomplete-wrap .md-input,
.presentation-container md-input-container md-autocomplete md-autocomplete-wrap .md-input {
  border-width: 0;
  height: 30px;
  padding: 0;
  font-size: 14px;
  font-weight: 100;
  color: #434343;
  margin: 0 !important;
}
@media only screen and (max-width: 960px) {
  .content-container md-input-container md-autocomplete md-autocomplete-wrap .md-input,
.content-dialog md-input-container md-autocomplete md-autocomplete-wrap .md-input,
.version2 md-input-container md-autocomplete md-autocomplete-wrap .md-input,
.presentation-container md-input-container md-autocomplete md-autocomplete-wrap .md-input {
    font-size: 16px;
  }
}
.content-container md-input-container md-autocomplete.disabled md-autocomplete-wrap,
.content-dialog md-input-container md-autocomplete.disabled md-autocomplete-wrap,
.version2 md-input-container md-autocomplete.disabled md-autocomplete-wrap,
.presentation-container md-input-container md-autocomplete.disabled md-autocomplete-wrap {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
}
.content-container md-input-container md-chips-wrap.md-chips,
.content-dialog md-input-container md-chips-wrap.md-chips,
.version2 md-input-container md-chips-wrap.md-chips,
.presentation-container md-input-container md-chips-wrap.md-chips {
  background: #fff;
  border-width: 1px;
  border-color: #d8d8d8;
  border-style: solid;
  min-height: 35px;
  padding: 2px 10px 1px;
  font-size: 14px;
  font-weight: 100;
  color: #434343;
  box-shadow: none;
  border-radius: 3px;
}
.content-container md-input-container md-chips-wrap.md-chips ._md-chip-input-container,
.content-dialog md-input-container md-chips-wrap.md-chips ._md-chip-input-container,
.version2 md-input-container md-chips-wrap.md-chips ._md-chip-input-container,
.presentation-container md-input-container md-chips-wrap.md-chips ._md-chip-input-container {
  margin: 0;
  width: 100%;
}
.content-container md-input-container md-chips-wrap.md-chips ._md-chip-input-container .md-input,
.content-dialog md-input-container md-chips-wrap.md-chips ._md-chip-input-container .md-input,
.version2 md-input-container md-chips-wrap.md-chips ._md-chip-input-container .md-input,
.presentation-container md-input-container md-chips-wrap.md-chips ._md-chip-input-container .md-input {
  margin-top: 0;
  padding: 0;
  border-width: 0;
}
.content-container md-input-container md-chips-wrap.md-chips md-autocomplete md-autocomplete-wrap,
.content-dialog md-input-container md-chips-wrap.md-chips md-autocomplete md-autocomplete-wrap,
.version2 md-input-container md-chips-wrap.md-chips md-autocomplete md-autocomplete-wrap,
.presentation-container md-input-container md-chips-wrap.md-chips md-autocomplete md-autocomplete-wrap {
  margin: 0;
  padding: 0;
  border: 0;
}
.content-container md-input-container md-chips-wrap.md-chips.md-focused,
.content-dialog md-input-container md-chips-wrap.md-chips.md-focused,
.version2 md-input-container md-chips-wrap.md-chips.md-focused,
.presentation-container md-input-container md-chips-wrap.md-chips.md-focused {
  border-color: #2196F3;
  box-shadow: none;
}
.content-container md-input-container.keyword-input-container md-chips-wrap.md-chips ._md-chip-input-container,
.content-dialog md-input-container.keyword-input-container md-chips-wrap.md-chips ._md-chip-input-container,
.version2 md-input-container.keyword-input-container md-chips-wrap.md-chips ._md-chip-input-container,
.presentation-container md-input-container.keyword-input-container md-chips-wrap.md-chips ._md-chip-input-container {
  width: auto;
}
.content-container md-input-container .md-chips md-chip,
.content-dialog md-input-container .md-chips md-chip,
.version2 md-input-container .md-chips md-chip,
.presentation-container md-input-container .md-chips md-chip {
  margin: 3px 8px 3px 0;
  background: #2196F3;
  color: #fff;
  height: 30px;
  line-height: 30px;
}
.content-container md-input-container .md-chips md-chip .md-icon,
.content-dialog md-input-container .md-chips md-chip .md-icon,
.version2 md-input-container .md-chips md-chip .md-icon,
.presentation-container md-input-container .md-chips md-chip .md-icon {
  color: #fff;
}
.content-container md-input-container .md-chips md-chip ._md-chip-remove md-icon,
.content-dialog md-input-container .md-chips md-chip ._md-chip-remove md-icon,
.version2 md-input-container .md-chips md-chip ._md-chip-remove md-icon,
.presentation-container md-input-container .md-chips md-chip ._md-chip-remove md-icon {
  fill: #fff;
  color: #fff;
}
.content-container md-input-container .md-chips md-chip.md-focused,
.content-dialog md-input-container .md-chips md-chip.md-focused,
.version2 md-input-container .md-chips md-chip.md-focused,
.presentation-container md-input-container .md-chips md-chip.md-focused {
  background: #2196F3;
}
.content-container md-input-container .customChips .chip,
.content-dialog md-input-container .customChips .chip,
.version2 md-input-container .customChips .chip,
.presentation-container md-input-container .customChips .chip {
  background: #2196F3;
  color: #fff;
  border-radius: 16px;
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 3px 8px 3px 0;
  position: relative;
  padding: 0 30px 0 15px;
}
.content-container md-input-container .customChips .chip .remove,
.content-dialog md-input-container .customChips .chip .remove,
.version2 md-input-container .customChips .chip .remove,
.presentation-container md-input-container .customChips .chip .remove {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  padding: 0 10px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
}
.content-container md-input-container .customChips .chip .icon::before,
.content-container md-input-container .customChips .chip .icon::after,
.content-dialog md-input-container .customChips .chip .icon::before,
.content-dialog md-input-container .customChips .chip .icon::after,
.version2 md-input-container .customChips .chip .icon::before,
.version2 md-input-container .customChips .chip .icon::after,
.presentation-container md-input-container .customChips .chip .icon::before,
.presentation-container md-input-container .customChips .chip .icon::after {
  font-size: 10px;
}
.content-container md-input-container md-select ._md-select-value,
.content-dialog md-input-container md-select ._md-select-value,
.version2 md-input-container md-select ._md-select-value,
.presentation-container md-input-container md-select ._md-select-value {
  background: #fff;
  border-width: 1px;
  border-color: #D8D8D8;
  border-style: solid;
  min-height: 30px;
  padding: 2px 10px 1px;
  font-size: 14px;
  font-weight: 100;
  box-shadow: none;
  text-align: left;
  border-radius: 3px;
}
.content-container md-input-container md-select ._md-select-value > span:not(._md-select-icon),
.content-dialog md-input-container md-select ._md-select-value > span:not(._md-select-icon),
.version2 md-input-container md-select ._md-select-value > span:not(._md-select-icon),
.presentation-container md-input-container md-select ._md-select-value > span:not(._md-select-icon) {
  transform: none;
}
.content-container md-input-container md-select:focus:not([disabled]) ._md-select-value,
.content-dialog md-input-container md-select:focus:not([disabled]) ._md-select-value,
.version2 md-input-container md-select:focus:not([disabled]) ._md-select-value,
.presentation-container md-input-container md-select:focus:not([disabled]) ._md-select-value {
  border-width: 1px;
  border-color: #2196F3;
}
.content-container md-input-container.md-input-has-value md-select ._md-select-value,
.content-dialog md-input-container.md-input-has-value md-select ._md-select-value,
.version2 md-input-container.md-input-has-value md-select ._md-select-value,
.presentation-container md-input-container.md-input-has-value md-select ._md-select-value {
  color: #434343;
}
.content-container md-input-container .select-holder,
.content-dialog md-input-container .select-holder,
.version2 md-input-container .select-holder,
.presentation-container md-input-container .select-holder {
  background: url("/assets/img/icon_caret-down.png") no-repeat right center;
  min-height: 35px;
  width: 100%;
  border-width: 1px;
  border-color: #ACACAC;
  border-style: solid;
  overflow: hidden;
  margin-top: 5px;
  border-radius: 3px;
}
.content-container md-input-container .select-holder select,
.content-dialog md-input-container .select-holder select,
.version2 md-input-container .select-holder select,
.presentation-container md-input-container .select-holder select {
  padding: 2px 10px 1px;
  font-size: 14px;
  font-weight: 100;
  box-shadow: none;
  text-align: left;
  border: 0;
  height: 35px;
  width: calc(100% + 20px);
  background: transparent;
  color: #434343;
}
.content-container md-input-container .select-holder select:active, .content-container md-input-container .select-holder select:hover, .content-container md-input-container .select-holder select:focus,
.content-dialog md-input-container .select-holder select:active,
.content-dialog md-input-container .select-holder select:hover,
.content-dialog md-input-container .select-holder select:focus,
.version2 md-input-container .select-holder select:active,
.version2 md-input-container .select-holder select:hover,
.version2 md-input-container .select-holder select:focus,
.presentation-container md-input-container .select-holder select:active,
.presentation-container md-input-container .select-holder select:hover,
.presentation-container md-input-container .select-holder select:focus {
  outline: none;
  border: none;
}
.content-container md-input-container .select-holder select .placeholder,
.content-dialog md-input-container .select-holder select .placeholder,
.version2 md-input-container .select-holder select .placeholder,
.presentation-container md-input-container .select-holder select .placeholder {
  color: #1a1a1a;
}
.content-container md-input-container textarea,
.content-dialog md-input-container textarea,
.version2 md-input-container textarea,
.presentation-container md-input-container textarea {
  padding: 10px !important;
  min-height: 100px !important;
}
.content-container md-input-container .selector-input-container,
.content-dialog md-input-container .selector-input-container,
.version2 md-input-container .selector-input-container,
.presentation-container md-input-container .selector-input-container {
  padding: 0 10px 0 0;
  line-height: 20px;
}
.content-container md-input-container .selector-input,
.content-dialog md-input-container .selector-input,
.version2 md-input-container .selector-input,
.presentation-container md-input-container .selector-input {
  background: #fff;
  width: 100%;
  border: 2px solid #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  position: relative;
  margin: 10px 0 0;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  color: #707070;
  cursor: pointer;
  /*.icon{
  	max-width: 150px;
  }*/
  /*******************************
     Media Queries - Selector
     ********************************/
}
.content-container md-input-container .selector-input.noBorder,
.content-dialog md-input-container .selector-input.noBorder,
.version2 md-input-container .selector-input.noBorder,
.presentation-container md-input-container .selector-input.noBorder {
  border: 0;
}
.content-container md-input-container .selector-input.border,
.content-dialog md-input-container .selector-input.border,
.version2 md-input-container .selector-input.border,
.presentation-container md-input-container .selector-input.border {
  box-shadow: none;
  border: 1px solid #e0e0e0;
}
.content-container md-input-container .selector-input [class^=flaticon-]:before,
.content-container md-input-container .selector-input [class*=" flaticon-"]:before,
.content-container md-input-container .selector-input [class^=flaticon-]:after,
.content-container md-input-container .selector-input [class*=" flaticon-"]:after,
.content-dialog md-input-container .selector-input [class^=flaticon-]:before,
.content-dialog md-input-container .selector-input [class*=" flaticon-"]:before,
.content-dialog md-input-container .selector-input [class^=flaticon-]:after,
.content-dialog md-input-container .selector-input [class*=" flaticon-"]:after,
.version2 md-input-container .selector-input [class^=flaticon-]:before,
.version2 md-input-container .selector-input [class*=" flaticon-"]:before,
.version2 md-input-container .selector-input [class^=flaticon-]:after,
.version2 md-input-container .selector-input [class*=" flaticon-"]:after,
.presentation-container md-input-container .selector-input [class^=flaticon-]:before,
.presentation-container md-input-container .selector-input [class*=" flaticon-"]:before,
.presentation-container md-input-container .selector-input [class^=flaticon-]:after,
.presentation-container md-input-container .selector-input [class*=" flaticon-"]:after {
  font-size: 50px;
  line-height: 52px;
}
.content-container md-input-container .selector-input .header,
.content-dialog md-input-container .selector-input .header,
.version2 md-input-container .selector-input .header,
.presentation-container md-input-container .selector-input .header {
  font-size: 18px;
  font-weight: 500;
  margin: 3px 0 5px;
}
.content-container md-input-container .selector-input .header2,
.content-dialog md-input-container .selector-input .header2,
.version2 md-input-container .selector-input .header2,
.presentation-container md-input-container .selector-input .header2 {
  font-size: 22px;
  font-weight: 500;
  margin: 5px 0 5px;
}
.content-container md-input-container .selector-input .imageIcon,
.content-dialog md-input-container .selector-input .imageIcon,
.version2 md-input-container .selector-input .imageIcon,
.presentation-container md-input-container .selector-input .imageIcon {
  width: 30px;
  height: 30px;
  margin: 10px 0;
}
.content-container md-input-container .selector-input .imageIcon img,
.content-dialog md-input-container .selector-input .imageIcon img,
.version2 md-input-container .selector-input .imageIcon img,
.presentation-container md-input-container .selector-input .imageIcon img {
  width: 100%;
}
.content-container md-input-container .selector-input .text,
.content-dialog md-input-container .selector-input .text,
.version2 md-input-container .selector-input .text,
.presentation-container md-input-container .selector-input .text {
  margin: 10px;
  font-size: 16px;
}
.content-container md-input-container .selector-input .info,
.content-dialog md-input-container .selector-input .info,
.version2 md-input-container .selector-input .info,
.presentation-container md-input-container .selector-input .info {
  line-height: 16px;
}
.content-container md-input-container .selector-input .details,
.content-dialog md-input-container .selector-input .details,
.version2 md-input-container .selector-input .details,
.presentation-container md-input-container .selector-input .details {
  font-size: 12px;
  line-height: 16px;
  border-top: 1px solid #D8D8D8;
  margin: 10px 0 0;
  padding: 10px 0;
}
.content-container md-input-container .selector-input .miniIcon.tooltipInfo::before, .content-container md-input-container .selector-input .miniIcon.tooltipInfo::after,
.content-dialog md-input-container .selector-input .miniIcon.tooltipInfo::before,
.content-dialog md-input-container .selector-input .miniIcon.tooltipInfo::after,
.version2 md-input-container .selector-input .miniIcon.tooltipInfo::before,
.version2 md-input-container .selector-input .miniIcon.tooltipInfo::after,
.presentation-container md-input-container .selector-input .miniIcon.tooltipInfo::before,
.presentation-container md-input-container .selector-input .miniIcon.tooltipInfo::after {
  line-height: 15px;
}
.content-container md-input-container .selector-input .check,
.content-dialog md-input-container .selector-input .check,
.version2 md-input-container .selector-input .check,
.presentation-container md-input-container .selector-input .check {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #2196F3;
  text-align: center;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  display: none;
  line-height: 17px;
}
.content-container md-input-container .selector-input .check [class^=flaticon-]:before,
.content-container md-input-container .selector-input .check [class*=" flaticon-"]:before,
.content-container md-input-container .selector-input .check [class^=flaticon-]:after,
.content-container md-input-container .selector-input .check [class*=" flaticon-"]:after,
.content-dialog md-input-container .selector-input .check [class^=flaticon-]:before,
.content-dialog md-input-container .selector-input .check [class*=" flaticon-"]:before,
.content-dialog md-input-container .selector-input .check [class^=flaticon-]:after,
.content-dialog md-input-container .selector-input .check [class*=" flaticon-"]:after,
.version2 md-input-container .selector-input .check [class^=flaticon-]:before,
.version2 md-input-container .selector-input .check [class*=" flaticon-"]:before,
.version2 md-input-container .selector-input .check [class^=flaticon-]:after,
.version2 md-input-container .selector-input .check [class*=" flaticon-"]:after,
.presentation-container md-input-container .selector-input .check [class^=flaticon-]:before,
.presentation-container md-input-container .selector-input .check [class*=" flaticon-"]:before,
.presentation-container md-input-container .selector-input .check [class^=flaticon-]:after,
.presentation-container md-input-container .selector-input .check [class*=" flaticon-"]:after {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.content-container md-input-container .selector-input:hover,
.content-dialog md-input-container .selector-input:hover,
.version2 md-input-container .selector-input:hover,
.presentation-container md-input-container .selector-input:hover {
  border-color: #2196F3;
  border-width: 2px;
  color: #0F84E1;
}
.content-container md-input-container .selector-input.active,
.content-dialog md-input-container .selector-input.active,
.version2 md-input-container .selector-input.active,
.presentation-container md-input-container .selector-input.active {
  background: #f2f6fa;
  border-color: #2196F3;
  border-width: 2px;
  color: #064250;
}
.content-container md-input-container .selector-input.active .check,
.content-dialog md-input-container .selector-input.active .check,
.version2 md-input-container .selector-input.active .check,
.presentation-container md-input-container .selector-input.active .check {
  display: block;
}
.content-container md-input-container .selector-input.small,
.content-dialog md-input-container .selector-input.small,
.version2 md-input-container .selector-input.small,
.presentation-container md-input-container .selector-input.small {
  min-width: 200px;
}
.content-container md-input-container .selector-input.small .icon [class^=flaticon-]:before,
.content-container md-input-container .selector-input.small .icon [class*=" flaticon-"]:before,
.content-container md-input-container .selector-input.small .icon [class^=flaticon-]:after,
.content-container md-input-container .selector-input.small .icon [class*=" flaticon-"]:after,
.content-dialog md-input-container .selector-input.small .icon [class^=flaticon-]:before,
.content-dialog md-input-container .selector-input.small .icon [class*=" flaticon-"]:before,
.content-dialog md-input-container .selector-input.small .icon [class^=flaticon-]:after,
.content-dialog md-input-container .selector-input.small .icon [class*=" flaticon-"]:after,
.version2 md-input-container .selector-input.small .icon [class^=flaticon-]:before,
.version2 md-input-container .selector-input.small .icon [class*=" flaticon-"]:before,
.version2 md-input-container .selector-input.small .icon [class^=flaticon-]:after,
.version2 md-input-container .selector-input.small .icon [class*=" flaticon-"]:after,
.presentation-container md-input-container .selector-input.small .icon [class^=flaticon-]:before,
.presentation-container md-input-container .selector-input.small .icon [class*=" flaticon-"]:before,
.presentation-container md-input-container .selector-input.small .icon [class^=flaticon-]:after,
.presentation-container md-input-container .selector-input.small .icon [class*=" flaticon-"]:after {
  font-size: 40px;
  line-height: 42px;
}
.content-container md-input-container .selector-input.small .text,
.content-dialog md-input-container .selector-input.small .text,
.version2 md-input-container .selector-input.small .text,
.presentation-container md-input-container .selector-input.small .text {
  margin: 10px;
  font-size: 14px;
}
.content-container md-input-container .selector-input.mini,
.content-dialog md-input-container .selector-input.mini,
.version2 md-input-container .selector-input.mini,
.presentation-container md-input-container .selector-input.mini {
  min-width: 50px;
}
.content-container md-input-container .selector-input.mini .icon [class^=flaticon-]:before,
.content-container md-input-container .selector-input.mini .icon [class*=" flaticon-"]:before,
.content-container md-input-container .selector-input.mini .icon [class^=flaticon-]:after,
.content-container md-input-container .selector-input.mini .icon [class*=" flaticon-"]:after,
.content-dialog md-input-container .selector-input.mini .icon [class^=flaticon-]:before,
.content-dialog md-input-container .selector-input.mini .icon [class*=" flaticon-"]:before,
.content-dialog md-input-container .selector-input.mini .icon [class^=flaticon-]:after,
.content-dialog md-input-container .selector-input.mini .icon [class*=" flaticon-"]:after,
.version2 md-input-container .selector-input.mini .icon [class^=flaticon-]:before,
.version2 md-input-container .selector-input.mini .icon [class*=" flaticon-"]:before,
.version2 md-input-container .selector-input.mini .icon [class^=flaticon-]:after,
.version2 md-input-container .selector-input.mini .icon [class*=" flaticon-"]:after,
.presentation-container md-input-container .selector-input.mini .icon [class^=flaticon-]:before,
.presentation-container md-input-container .selector-input.mini .icon [class*=" flaticon-"]:before,
.presentation-container md-input-container .selector-input.mini .icon [class^=flaticon-]:after,
.presentation-container md-input-container .selector-input.mini .icon [class*=" flaticon-"]:after {
  font-size: 25px;
  line-height: 30px;
}
.content-container md-input-container .selector-input.mini .text,
.content-dialog md-input-container .selector-input.mini .text,
.version2 md-input-container .selector-input.mini .text,
.presentation-container md-input-container .selector-input.mini .text {
  margin: 3px 5px;
  font-size: 14px;
}
.content-container md-input-container .selector-input.display,
.content-dialog md-input-container .selector-input.display,
.version2 md-input-container .selector-input.display,
.presentation-container md-input-container .selector-input.display {
  display: block;
}
.content-container md-input-container .selector-input.display .icon,
.content-dialog md-input-container .selector-input.display .icon,
.version2 md-input-container .selector-input.display .icon,
.presentation-container md-input-container .selector-input.display .icon {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  color: #064250;
}
.content-container md-input-container .selector-input.display .text,
.content-dialog md-input-container .selector-input.display .text,
.version2 md-input-container .selector-input.display .text,
.presentation-container md-input-container .selector-input.display .text {
  font-weight: 500;
}
.content-container md-input-container .selector-input.horizontal,
.content-dialog md-input-container .selector-input.horizontal,
.version2 md-input-container .selector-input.horizontal,
.presentation-container md-input-container .selector-input.horizontal {
  text-align: left;
}
.content-container md-input-container .selector-input.horizontal .icon [class^=flaticon-]:before,
.content-container md-input-container .selector-input.horizontal .icon [class*=" flaticon-"]:before,
.content-container md-input-container .selector-input.horizontal .icon [class^=flaticon-]:after,
.content-container md-input-container .selector-input.horizontal .icon [class*=" flaticon-"]:after,
.content-dialog md-input-container .selector-input.horizontal .icon [class^=flaticon-]:before,
.content-dialog md-input-container .selector-input.horizontal .icon [class*=" flaticon-"]:before,
.content-dialog md-input-container .selector-input.horizontal .icon [class^=flaticon-]:after,
.content-dialog md-input-container .selector-input.horizontal .icon [class*=" flaticon-"]:after,
.version2 md-input-container .selector-input.horizontal .icon [class^=flaticon-]:before,
.version2 md-input-container .selector-input.horizontal .icon [class*=" flaticon-"]:before,
.version2 md-input-container .selector-input.horizontal .icon [class^=flaticon-]:after,
.version2 md-input-container .selector-input.horizontal .icon [class*=" flaticon-"]:after,
.presentation-container md-input-container .selector-input.horizontal .icon [class^=flaticon-]:before,
.presentation-container md-input-container .selector-input.horizontal .icon [class*=" flaticon-"]:before,
.presentation-container md-input-container .selector-input.horizontal .icon [class^=flaticon-]:after,
.presentation-container md-input-container .selector-input.horizontal .icon [class*=" flaticon-"]:after {
  font-size: 30px;
  line-height: 30px;
}
.content-container md-input-container .selector-input.horizontal .text,
.content-dialog md-input-container .selector-input.horizontal .text,
.version2 md-input-container .selector-input.horizontal .text,
.presentation-container md-input-container .selector-input.horizontal .text {
  margin: 0 10px;
  vertical-align: top;
  line-height: 30px;
}
.content-container md-input-container .selector-input.horizontal .title,
.content-dialog md-input-container .selector-input.horizontal .title,
.version2 md-input-container .selector-input.horizontal .title,
.presentation-container md-input-container .selector-input.horizontal .title {
  font-size: 18px;
  margin: 0;
  white-space: nowrap;
}
.content-container md-input-container .selector-input.facebook .image,
.content-dialog md-input-container .selector-input.facebook .image,
.version2 md-input-container .selector-input.facebook .image,
.presentation-container md-input-container .selector-input.facebook .image {
  background: #2c4882;
}
.content-container md-input-container .selector-input.facebook.active,
.content-dialog md-input-container .selector-input.facebook.active,
.version2 md-input-container .selector-input.facebook.active,
.presentation-container md-input-container .selector-input.facebook.active {
  color: #fff;
  background: #3b5998;
}
.content-container md-input-container .selector-input.twitter .image,
.content-dialog md-input-container .selector-input.twitter .image,
.version2 md-input-container .selector-input.twitter .image,
.presentation-container md-input-container .selector-input.twitter .image {
  background: #4095d5;
}
.content-container md-input-container .selector-input.twitter.active,
.content-dialog md-input-container .selector-input.twitter.active,
.version2 md-input-container .selector-input.twitter.active,
.presentation-container md-input-container .selector-input.twitter.active {
  color: #fff;
  background: #55acee;
}
.content-container md-input-container .selector-input.instagram .image,
.content-dialog md-input-container .selector-input.instagram .image,
.version2 md-input-container .selector-input.instagram .image,
.presentation-container md-input-container .selector-input.instagram .image {
  background: #bc0455;
}
.content-container md-input-container .selector-input.instagram.active,
.content-dialog md-input-container .selector-input.instagram.active,
.version2 md-input-container .selector-input.instagram.active,
.presentation-container md-input-container .selector-input.instagram.active {
  color: #fff;
  background: #D70A64;
}
.content-container md-input-container .selector-input.youtube .image,
.content-dialog md-input-container .selector-input.youtube .image,
.version2 md-input-container .selector-input.youtube .image,
.presentation-container md-input-container .selector-input.youtube .image {
  background: #ba0908;
}
.content-container md-input-container .selector-input.youtube.active,
.content-dialog md-input-container .selector-input.youtube.active,
.version2 md-input-container .selector-input.youtube.active,
.presentation-container md-input-container .selector-input.youtube.active {
  color: #fff;
  background: #ff0000;
}
.content-container md-input-container .selector-input.twitch .icon,
.content-dialog md-input-container .selector-input.twitch .icon,
.version2 md-input-container .selector-input.twitch .icon,
.presentation-container md-input-container .selector-input.twitch .icon {
  background: url("/assets/img/svg/twitch.svg") center/100% 100% no-repeat;
  height: 50px;
  margin: 2px auto;
  width: 50px;
}
.content-container md-input-container .selector-input.twitch .image,
.content-dialog md-input-container .selector-input.twitch .image,
.version2 md-input-container .selector-input.twitch .image,
.presentation-container md-input-container .selector-input.twitch .image {
  background: #54338f;
}
.content-container md-input-container .selector-input.twitch.active,
.content-dialog md-input-container .selector-input.twitch.active,
.version2 md-input-container .selector-input.twitch.active,
.presentation-container md-input-container .selector-input.twitch.active {
  color: #fff;
  background: #6441A4;
}
.content-container md-input-container .selector-input.snapchat .image,
.content-dialog md-input-container .selector-input.snapchat .image,
.version2 md-input-container .selector-input.snapchat .image,
.presentation-container md-input-container .selector-input.snapchat .image {
  background: #fdd703;
}
.content-container md-input-container .selector-input.snapchat.active,
.content-dialog md-input-container .selector-input.snapchat.active,
.version2 md-input-container .selector-input.snapchat.active,
.presentation-container md-input-container .selector-input.snapchat.active {
  color: #434343;
  background: #fffc01;
}
.content-container md-input-container .selector-input.ga .image,
.content-dialog md-input-container .selector-input.ga .image,
.version2 md-input-container .selector-input.ga .image,
.presentation-container md-input-container .selector-input.ga .image {
  background: #f8a105;
}
.content-container md-input-container .selector-input.ga.active,
.content-dialog md-input-container .selector-input.ga.active,
.version2 md-input-container .selector-input.ga.active,
.presentation-container md-input-container .selector-input.ga.active {
  color: #fff;
  background: #df6804;
}
.content-container md-input-container .selector-input.shopify .icon,
.content-dialog md-input-container .selector-input.shopify .icon,
.version2 md-input-container .selector-input.shopify .icon,
.presentation-container md-input-container .selector-input.shopify .icon {
  background: url("/assets/img/svg/shopify.svg") center/100% 100% no-repeat;
  height: 50px;
  margin: 2px auto;
  width: 50px;
}
.content-container md-input-container .selector-input.shopify .image,
.content-dialog md-input-container .selector-input.shopify .image,
.version2 md-input-container .selector-input.shopify .image,
.presentation-container md-input-container .selector-input.shopify .image {
  background: #7fc029;
}
.content-container md-input-container .selector-input.shopify.active,
.content-dialog md-input-container .selector-input.shopify.active,
.version2 md-input-container .selector-input.shopify.active,
.presentation-container md-input-container .selector-input.shopify.active {
  color: #fff;
  background: #3e8e33;
}
.content-container md-input-container .selector-input.error,
.content-dialog md-input-container .selector-input.error,
.version2 md-input-container .selector-input.error,
.presentation-container md-input-container .selector-input.error {
  color: #fff;
  border-color: #b04e4e;
  background: #e43f3f !important;
}
.content-container md-input-container .selector-input.error .image,
.content-dialog md-input-container .selector-input.error .image,
.version2 md-input-container .selector-input.error .image,
.presentation-container md-input-container .selector-input.error .image {
  opacity: 0.4;
}
.content-container md-input-container .selector-input.error .check,
.content-dialog md-input-container .selector-input.error .check,
.version2 md-input-container .selector-input.error .check,
.presentation-container md-input-container .selector-input.error .check {
  background: #b04e4e;
}
.content-container md-input-container .selector-input.infographic,
.content-dialog md-input-container .selector-input.infographic,
.version2 md-input-container .selector-input.infographic,
.presentation-container md-input-container .selector-input.infographic {
  padding: 20px;
  border-color: transparent;
  border-radius: 7px;
}
.content-container md-input-container .selector-input.infographic .image-holder,
.content-dialog md-input-container .selector-input.infographic .image-holder,
.version2 md-input-container .selector-input.infographic .image-holder,
.presentation-container md-input-container .selector-input.infographic .image-holder {
  width: 100%;
  height: auto;
  margin: 0 0 20px;
}
.content-container md-input-container .selector-input.infographic .image,
.content-dialog md-input-container .selector-input.infographic .image,
.version2 md-input-container .selector-input.infographic .image,
.presentation-container md-input-container .selector-input.infographic .image {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 180px;
  height: 200px;
  margin: 0 auto;
}
.content-container md-input-container .selector-input.infographic .title,
.content-dialog md-input-container .selector-input.infographic .title,
.version2 md-input-container .selector-input.infographic .title,
.presentation-container md-input-container .selector-input.infographic .title {
  font-size: 20px;
  font-weight: 500;
  color: #064250;
}
.content-container md-input-container .selector-input.infographic .details,
.content-dialog md-input-container .selector-input.infographic .details,
.version2 md-input-container .selector-input.infographic .details,
.presentation-container md-input-container .selector-input.infographic .details {
  min-height: 60px;
}
.content-container md-input-container .selector-input.infographic .details ul,
.content-container md-input-container .selector-input.infographic .details ol,
.content-dialog md-input-container .selector-input.infographic .details ul,
.content-dialog md-input-container .selector-input.infographic .details ol,
.version2 md-input-container .selector-input.infographic .details ul,
.version2 md-input-container .selector-input.infographic .details ol,
.presentation-container md-input-container .selector-input.infographic .details ul,
.presentation-container md-input-container .selector-input.infographic .details ol {
  padding: 0;
}
.content-container md-input-container .selector-input.infographic:hover,
.content-dialog md-input-container .selector-input.infographic:hover,
.version2 md-input-container .selector-input.infographic:hover,
.presentation-container md-input-container .selector-input.infographic:hover {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.content-container md-input-container .selector-input.infographic.active,
.content-dialog md-input-container .selector-input.infographic.active,
.version2 md-input-container .selector-input.infographic.active,
.presentation-container md-input-container .selector-input.infographic.active {
  border-color: #2196F3;
}
.content-container md-input-container .selector-input.user,
.content-dialog md-input-container .selector-input.user,
.version2 md-input-container .selector-input.user,
.presentation-container md-input-container .selector-input.user {
  border-width: 0px;
  margin: 5px 0 1px;
  padding: 5px 10px;
}
.content-container md-input-container .selector-input.user .userImage,
.content-dialog md-input-container .selector-input.user .userImage,
.version2 md-input-container .selector-input.user .userImage,
.presentation-container md-input-container .selector-input.user .userImage {
  margin-right: 10px;
}
.content-container md-input-container .selector-input.user .text,
.content-dialog md-input-container .selector-input.user .text,
.version2 md-input-container .selector-input.user .text,
.presentation-container md-input-container .selector-input.user .text {
  display: none;
}
.content-container md-input-container .selector-input.user .name,
.content-dialog md-input-container .selector-input.user .name,
.version2 md-input-container .selector-input.user .name,
.presentation-container md-input-container .selector-input.user .name {
  text-align: left;
}
.content-container md-input-container .selector-input.user .check,
.content-dialog md-input-container .selector-input.user .check,
.version2 md-input-container .selector-input.user .check,
.presentation-container md-input-container .selector-input.user .check {
  top: -5px;
  right: -5px;
}
.content-container md-input-container .selector-input.user:hover, .content-container md-input-container .selector-input.user.active,
.content-dialog md-input-container .selector-input.user:hover,
.content-dialog md-input-container .selector-input.user.active,
.version2 md-input-container .selector-input.user:hover,
.version2 md-input-container .selector-input.user.active,
.presentation-container md-input-container .selector-input.user:hover,
.presentation-container md-input-container .selector-input.user.active {
  background-color: #edf5f6;
}
.content-container md-input-container .selector-input .image-container.circle,
.content-dialog md-input-container .selector-input .image-container.circle,
.version2 md-input-container .selector-input .image-container.circle,
.presentation-container md-input-container .selector-input .image-container.circle {
  background-color: #edf5f6;
  border-radius: 100px;
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  .content-container md-input-container .selector-input.infographic .image,
.content-dialog md-input-container .selector-input.infographic .image,
.version2 md-input-container .selector-input.infographic .image,
.presentation-container md-input-container .selector-input.infographic .image {
    width: 100px;
    height: 115px;
  }
}
@media only screen and (max-width: 600px) {
  .content-container md-input-container .selector-input,
.content-dialog md-input-container .selector-input,
.version2 md-input-container .selector-input,
.presentation-container md-input-container .selector-input {
    padding: 5px;
  }
  .content-container md-input-container .selector-input [class^=flaticon-]:before,
.content-container md-input-container .selector-input [class*=" flaticon-"]:before,
.content-container md-input-container .selector-input [class^=flaticon-]:after,
.content-container md-input-container .selector-input [class*=" flaticon-"]:after,
.content-dialog md-input-container .selector-input [class^=flaticon-]:before,
.content-dialog md-input-container .selector-input [class*=" flaticon-"]:before,
.content-dialog md-input-container .selector-input [class^=flaticon-]:after,
.content-dialog md-input-container .selector-input [class*=" flaticon-"]:after,
.version2 md-input-container .selector-input [class^=flaticon-]:before,
.version2 md-input-container .selector-input [class*=" flaticon-"]:before,
.version2 md-input-container .selector-input [class^=flaticon-]:after,
.version2 md-input-container .selector-input [class*=" flaticon-"]:after,
.presentation-container md-input-container .selector-input [class^=flaticon-]:before,
.presentation-container md-input-container .selector-input [class*=" flaticon-"]:before,
.presentation-container md-input-container .selector-input [class^=flaticon-]:after,
.presentation-container md-input-container .selector-input [class*=" flaticon-"]:after {
    font-size: 40px;
    line-height: 42px;
  }
  .content-container md-input-container .selector-input .text,
.content-dialog md-input-container .selector-input .text,
.version2 md-input-container .selector-input .text,
.presentation-container md-input-container .selector-input .text {
    margin: 10px;
    font-size: 13px;
  }
  .content-container md-input-container .selector-input.small,
.content-dialog md-input-container .selector-input.small,
.version2 md-input-container .selector-input.small,
.presentation-container md-input-container .selector-input.small {
    min-width: 150px;
  }
  .content-container md-input-container .selector-input.wrap,
.content-dialog md-input-container .selector-input.wrap,
.version2 md-input-container .selector-input.wrap,
.presentation-container md-input-container .selector-input.wrap {
    min-width: 60px !important;
  }
  .content-container md-input-container .selector-input.mini,
.content-dialog md-input-container .selector-input.mini,
.version2 md-input-container .selector-input.mini,
.presentation-container md-input-container .selector-input.mini {
    min-width: 30px;
  }
  .content-container md-input-container .selector-input.mini .icon [class^=flaticon-]:before,
.content-container md-input-container .selector-input.mini .icon [class*=" flaticon-"]:before,
.content-container md-input-container .selector-input.mini .icon [class^=flaticon-]:after,
.content-container md-input-container .selector-input.mini .icon [class*=" flaticon-"]:after,
.content-dialog md-input-container .selector-input.mini .icon [class^=flaticon-]:before,
.content-dialog md-input-container .selector-input.mini .icon [class*=" flaticon-"]:before,
.content-dialog md-input-container .selector-input.mini .icon [class^=flaticon-]:after,
.content-dialog md-input-container .selector-input.mini .icon [class*=" flaticon-"]:after,
.version2 md-input-container .selector-input.mini .icon [class^=flaticon-]:before,
.version2 md-input-container .selector-input.mini .icon [class*=" flaticon-"]:before,
.version2 md-input-container .selector-input.mini .icon [class^=flaticon-]:after,
.version2 md-input-container .selector-input.mini .icon [class*=" flaticon-"]:after,
.presentation-container md-input-container .selector-input.mini .icon [class^=flaticon-]:before,
.presentation-container md-input-container .selector-input.mini .icon [class*=" flaticon-"]:before,
.presentation-container md-input-container .selector-input.mini .icon [class^=flaticon-]:after,
.presentation-container md-input-container .selector-input.mini .icon [class*=" flaticon-"]:after {
    font-size: 20px;
    line-height: 20px;
  }
  .content-container md-input-container .selector-input.mini .text,
.content-dialog md-input-container .selector-input.mini .text,
.version2 md-input-container .selector-input.mini .text,
.presentation-container md-input-container .selector-input.mini .text {
    margin: 10px 0px;
    font-size: 12px;
  }
}
.content-container md-input-container.margins .selector-input,
.content-dialog md-input-container.margins .selector-input,
.version2 md-input-container.margins .selector-input,
.presentation-container md-input-container.margins .selector-input {
  margin: 10px;
}
.content-container md-input-container .micro .selector-input-container,
.content-dialog md-input-container .micro .selector-input-container,
.version2 md-input-container .micro .selector-input-container,
.presentation-container md-input-container .micro .selector-input-container {
  padding: 0;
}
.content-container md-input-container .micro .selector-input-container .selector-input,
.content-dialog md-input-container .micro .selector-input-container .selector-input,
.version2 md-input-container .micro .selector-input-container .selector-input,
.presentation-container md-input-container .micro .selector-input-container .selector-input {
  margin: 0;
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-right-width: 0;
  border-radius: 0;
  height: 100%;
}
.content-container md-input-container .micro .selector-input-container .selector-input .icon [class^=flaticon-]:before,
.content-container md-input-container .micro .selector-input-container .selector-input .icon [class*=" flaticon-"]:before,
.content-container md-input-container .micro .selector-input-container .selector-input .icon [class^=flaticon-]:after,
.content-container md-input-container .micro .selector-input-container .selector-input .icon [class*=" flaticon-"]:after,
.content-dialog md-input-container .micro .selector-input-container .selector-input .icon [class^=flaticon-]:before,
.content-dialog md-input-container .micro .selector-input-container .selector-input .icon [class*=" flaticon-"]:before,
.content-dialog md-input-container .micro .selector-input-container .selector-input .icon [class^=flaticon-]:after,
.content-dialog md-input-container .micro .selector-input-container .selector-input .icon [class*=" flaticon-"]:after,
.version2 md-input-container .micro .selector-input-container .selector-input .icon [class^=flaticon-]:before,
.version2 md-input-container .micro .selector-input-container .selector-input .icon [class*=" flaticon-"]:before,
.version2 md-input-container .micro .selector-input-container .selector-input .icon [class^=flaticon-]:after,
.version2 md-input-container .micro .selector-input-container .selector-input .icon [class*=" flaticon-"]:after,
.presentation-container md-input-container .micro .selector-input-container .selector-input .icon [class^=flaticon-]:before,
.presentation-container md-input-container .micro .selector-input-container .selector-input .icon [class*=" flaticon-"]:before,
.presentation-container md-input-container .micro .selector-input-container .selector-input .icon [class^=flaticon-]:after,
.presentation-container md-input-container .micro .selector-input-container .selector-input .icon [class*=" flaticon-"]:after {
  font-size: 15px;
  line-height: 22px;
}
.content-container md-input-container .micro .selector-input-container .selector-input .text,
.content-dialog md-input-container .micro .selector-input-container .selector-input .text,
.version2 md-input-container .micro .selector-input-container .selector-input .text,
.presentation-container md-input-container .micro .selector-input-container .selector-input .text {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
.content-container md-input-container .micro .selector-input-container .selector-input:hover,
.content-dialog md-input-container .micro .selector-input-container .selector-input:hover,
.version2 md-input-container .micro .selector-input-container .selector-input:hover,
.presentation-container md-input-container .micro .selector-input-container .selector-input:hover {
  background: #f2f6fa;
}
.content-container md-input-container .micro .selector-input-container .selector-input.active,
.content-dialog md-input-container .micro .selector-input-container .selector-input.active,
.version2 md-input-container .micro .selector-input-container .selector-input.active,
.presentation-container md-input-container .micro .selector-input-container .selector-input.active {
  background: #2196F3;
  color: #fff;
  font-weight: 500;
}
.content-container md-input-container .micro .selector-input-container:first-child .selector-input,
.content-dialog md-input-container .micro .selector-input-container:first-child .selector-input,
.version2 md-input-container .micro .selector-input-container:first-child .selector-input,
.presentation-container md-input-container .micro .selector-input-container:first-child .selector-input {
  border-radius: 4px 0 0 4px;
}
.content-container md-input-container .micro .selector-input-container:last-child .selector-input,
.content-dialog md-input-container .micro .selector-input-container:last-child .selector-input,
.version2 md-input-container .micro .selector-input-container:last-child .selector-input,
.presentation-container md-input-container .micro .selector-input-container:last-child .selector-input {
  border-radius: 0 4px 4px 0;
  border-right-width: 1px;
}
.content-container md-input-container md-select ._md-select-value ._md-container,
.content-dialog md-input-container md-select ._md-select-value ._md-container,
.version2 md-input-container md-select ._md-select-value ._md-container,
.presentation-container md-input-container md-select ._md-select-value ._md-container {
  display: none;
}
.content-container md-input-container .md-errors-spacer,
.content-dialog md-input-container .md-errors-spacer,
.version2 md-input-container .md-errors-spacer,
.presentation-container md-input-container .md-errors-spacer {
  min-height: 0px;
}
.content-container md-input-container ._md-select-value._md-select-placeholder,
.content-dialog md-input-container ._md-select-value._md-select-placeholder,
.version2 md-input-container ._md-select-value._md-select-placeholder,
.presentation-container md-input-container ._md-select-value._md-select-placeholder {
  padding-left: 10px;
}
.content-container md-input-container .ng-invalid:not(.ng-untouched) ._md-select-value,
.content-dialog md-input-container .ng-invalid:not(.ng-untouched) ._md-select-value,
.version2 md-input-container .ng-invalid:not(.ng-untouched) ._md-select-value,
.presentation-container md-input-container .ng-invalid:not(.ng-untouched) ._md-select-value {
  border-color: #dd2c00;
}
.content-container md-input-container.currency .md-input,
.content-dialog md-input-container.currency .md-input,
.version2 md-input-container.currency .md-input,
.presentation-container md-input-container.currency .md-input {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: auto;
  float: none;
}
.content-container md-input-container .info,
.content-dialog md-input-container .info,
.version2 md-input-container .info,
.presentation-container md-input-container .info {
  font-size: 12px;
  font-weight: 100;
  color: #434343;
  margin: 2px 0;
}
.content-container md-input-container .answer,
.content-dialog md-input-container .answer,
.version2 md-input-container .answer,
.presentation-container md-input-container .answer {
  font-weight: 500;
  line-height: 25px;
  color: #064250;
  margin-left: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
@media only screen and (max-width: 600px) {
  .content-container md-input-container,
.content-dialog md-input-container,
.version2 md-input-container,
.presentation-container md-input-container {
    margin: 0px 0 20px 10px;
  }
}
.content-container .wizard-form md-input-container,
.content-dialog .wizard-form md-input-container,
.version2 .wizard-form md-input-container,
.presentation-container .wizard-form md-input-container {
  margin: 0px 5px 25px 0;
}
.content-container .wizard-form .label-spacer,
.content-dialog .wizard-form .label-spacer,
.version2 .wizard-form .label-spacer,
.presentation-container .wizard-form .label-spacer {
  margin-right: 5px;
  margin-bottom: 25px;
}
.content-container .wizard-form .conditionSection.ng-enter,
.content-dialog .wizard-form .conditionSection.ng-enter,
.version2 .wizard-form .conditionSection.ng-enter,
.presentation-container .wizard-form .conditionSection.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.7s;
}
.content-container .wizard-form .conditionSection.ng-leave,
.content-dialog .wizard-form .conditionSection.ng-leave,
.version2 .wizard-form .conditionSection.ng-leave,
.presentation-container .wizard-form .conditionSection.ng-leave {
  display: none;
}
.content-container .wizard-form .subSection,
.content-dialog .wizard-form .subSection,
.version2 .wizard-form .subSection,
.presentation-container .wizard-form .subSection {
  padding: 10px;
  background: #f2f6fa;
  border-radius: 5px;
}
.content-container .checkbox-margin,
.content-dialog .checkbox-margin,
.version2 .checkbox-margin,
.presentation-container .checkbox-margin {
  margin-right: 30px;
}
.content-container .formIndent,
.content-dialog .formIndent,
.version2 .formIndent,
.presentation-container .formIndent {
  margin-left: 20px;
}
.content-container .inline-inputs md-select,
.content-container .inline-inputs input,
.content-dialog .inline-inputs md-select,
.content-dialog .inline-inputs input,
.version2 .inline-inputs md-select,
.version2 .inline-inputs input,
.presentation-container .inline-inputs md-select,
.presentation-container .inline-inputs input {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  margin: 0;
  float: none;
}

/*checkbox*/
md-checkbox {
  margin: 0;
}
md-checkbox.textInputLayout {
  margin: 30px 0 0 10px;
}
md-checkbox .info {
  font-size: 12px;
  font-weight: 100;
  color: #434343;
  line-height: 1.2;
}
md-checkbox.macro {
  min-height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}
md-checkbox.macro ._md-container {
  width: 40px;
  height: 40px;
}
md-checkbox.macro ._md-label {
  margin-left: 50px;
}
md-checkbox.macro ._md-icon {
  width: 40px;
  height: 40px;
}
md-checkbox.macro ._md-icon::after {
  top: 12px;
  left: 17px;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2196F3;
}
md-checkbox.md-checked .md-ink-ripple {
  color: #2196F3;
}

/*Selector Button Bar*/
.buttonBar {
  border-radius: 5px;
  background: #043743;
  overflow: hidden;
}
.buttonBar .item {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/*md-slider*/
md-slider ._md-track-container {
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
}
md-slider ._md-thumb-container {
  cursor: pointer;
}
md-slider._md-min ._md-thumb::after {
  border-color: rgba(255, 255, 255, 0.38);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
md-slider ._md-track._md-track-fill {
  background-color: #2196F3;
}
md-slider ._md-thumb:after {
  background-color: #2196F3;
  border-color: #2196F3;
}

md-slider-container .payment .number {
  line-height: 20px;
}
md-slider-container > *:first-child:not(md-slider),
md-slider-container > *:last-child:not(md-slider) {
  max-width: 100%;
}

.datepicker-container {
  margin: 0px 0 20px 10px;
}
.datepicker-container.nomargin {
  margin: 0px;
}
.datepicker-container label {
  display: block;
}
.datepicker-container md-datepicker {
  margin-top: 5px;
  margin-right: 0;
  display: block;
}
.datepicker-container .md-input-message-animation {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  padding-top: 5px;
  color: #b04e4e;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s;
}
.datepicker-container .md-datepicker-button.md-button.md-icon-button {
  margin: 0;
  padding: 8px 5px 8px 0;
}
.datepicker-container .md-datepicker-input-container {
  border-width: 1px;
  border-color: #ACACAC;
  border-style: solid;
  min-height: 30px;
  padding: 2px 10px 1px;
  font-size: 14px;
  font-weight: 100;
  box-shadow: none;
  text-align: left;
  margin: 0;
  border-radius: 3px;
}
.datepicker-container .md-datepicker-input-container .md-datepicker-input {
  min-height: 30px;
}
.datepicker-container .md-datepicker-input-container .md-datepicker-triangle-button.md-button.md-icon-button {
  top: 7px;
  right: 7px;
}

.md-calendar-scroll-container {
  width: auto;
}

.ng-submitted md-datepicker.ng-invalid .md-datepicker-input-container {
  /*border-color: $error;*/
}

/*multiple select dropdown (popup)*/
._md-select-menu-container md-option ._md-container {
  border: 1px solid #707070;
  border-radius: 3px;
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px;
}
._md-select-menu-container md-option[selected=selected] ._md-container, ._md-select-menu-container md-option:checked ._md-container {
  border-color: #2196F3;
  background: #2196F3;
}
._md-select-menu-container md-option[selected=selected] ._md-icon, ._md-select-menu-container md-option:checked ._md-icon {
  background: url("/assets/img/svg/basic-tick.svg") center/100% 100% no-repeat;
  height: 13px;
  margin: 2px auto;
  width: 13px;
}

/*submitted errors*/
.ng-submitted {
  /*.invalid .md-chips{
        border-color:  $error !important;
    	}*/
}
.ng-submitted .ng-invalid-required {
  /*border-color:  $error !important;*/
}
.ng-submitted .ng-invalid-required .imageUploader-container {
  border-color: #b04e4e;
}

/*******************************
    Expounder
 ********************************/
.expounder {
  margin: 0 0 20px;
  border: 2px solid transparent;
  padding: 20px;
  border-radius: 5px;
  /*******************************
  Media Queries - md-input-container
  ********************************/
}
.expounder.active {
  /*border-color: $accent;*/
}
.expounder h3.check {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.expounder .table {
  margin-left: 50px;
}
.expounder .infographic {
  width: 230px;
}
.expounder .infographic img {
  width: 100%;
}
.expounder .description {
  padding: 0 0 0 40px;
}
.expounder .tagline {
  font-size: 25px;
  color: #064250;
}
.expounder .points {
  padding: 0 0 0 20px;
}
.expounder .examples {
  position: relative;
  width: 100%;
  background: #e8e8e8;
  padding: 30px 10px 10px;
  border-radius: 3px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.expounder .examples .image {
  background: #fff;
  width: auto;
  height: 130px;
  float: left;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 5px 0;
  border: 2px solid transparent;
}
.expounder .examples .image img {
  height: 100%;
  margin: 0 auto;
}
.expounder .examples .image:hover {
  border-color: #2196F3;
}
.expounder .selector-input-container {
  min-width: 100px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.expounder .group {
  margin: 20px 0;
}
.expounder .group.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
.expounder .group.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
@media only screen and (max-width: 960px) {
  .expounder .infographic {
    width: 180px;
    margin: 0 auto;
  }
  .expounder .description {
    padding: 0;
    margin: 10px 0 5px;
  }
}
@media only screen and (max-width: 600px) {
  .expounder {
    padding: 20px 0;
  }
  .expounder .infographic {
    width: 100px;
  }
  .expounder .tagline {
    font-size: 18px;
  }
  .expounder .examples .image {
    height: 100px;
  }
}

.circle-selector {
  cursor: pointer;
}
.circle-selector .circle {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  background: #f2f6fa;
  overflow: hidden;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
  border: 2px solid transparent;
}
.circle-selector .circle .image {
  width: 100%;
}
.circle-selector .circle .image img {
  width: 100%;
}
.circle-selector .circle .icon {
  color: #707070;
}
.circle-selector .title {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #707070;
  margin: 5px 0;
}
.circle-selector.filter:not(.active):not(:hover) .circle svg {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.circle-selector.active .circle {
  border-color: #2196F3;
  background: #2196F3;
}
.circle-selector.active .title {
  color: #2196F3;
}
.circle-selector:hover .circle {
  background: #b3ddfe;
}

.select-image img {
  width: 30px;
  margin-right: 10px;
}

.toggle.animated.ng-hide-add {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.toggle.animated.ng-hide-remove {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}

.navSearch .search {
  background-image: url("/assets/img/icon_search.png");
  background-position: right 10px;
  background-size: auto 45px;
  background-repeat: no-repeat;
  font-size: 14px;
  height: 30px;
  border: 0;
  background-color: #043743;
  color: #fff;
  border-radius: 15px;
  padding: 2px 20px;
  width: 100%;
}

.popSearch-container .popsearch {
  display: inline-block;
  position: relative;
  height: 25px;
  width: 25px;
  box-sizing: border-box;
  margin: 13px 8px 7px 0px;
  padding: 7px 9px 0px 9px;
  border: 2px solid #064250;
  border-radius: 25px;
  transition: all 200ms ease;
  cursor: pointer;
}
.popSearch-container .popsearch:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 16px;
  right: -5px;
  top: 15px;
  background: #064250;
  border-radius: 3px;
  transform: rotate(-45deg);
  transition: all 200ms ease;
}
.popSearch-container .popsearch input {
  width: 100%;
  border: none;
  box-sizing: border-box;
  font-family: Helvetica;
  font-size: 15px;
  color: inherit;
  background: transparent;
  outline-width: 0px;
}
.popSearch-container:hover, .popSearch-container.active {
  cursor: text;
}
.popSearch-container:hover .popsearch, .popSearch-container.active .popsearch {
  width: 200px;
  margin-right: 0px;
  border-radius: 0px;
  border-width: 1px;
  border-color: #ACACAC;
}
.popSearch-container:hover .popsearch:after, .popSearch-container.active .popsearch:after {
  height: 0px;
}

md-switch.md-default-theme.md-checked ._md-bar,
md-switch.md-checked ._md-bar {
  background-color: rgba(99, 181, 9, 0.5);
}

md-switch.md-default-theme.md-checked ._md-thumb,
md-switch.md-checked ._md-thumb {
  background-color: #63b509;
}

.form-spacer {
  margin: 60px 0 10px;
}

/*******************************
    Menus
 ********************************/
.navMenu ul {
  list-style-type: none;
}
.navMenu ul li:not(.dropdown-item) {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  vertical-align: middle;
}
.navMenu ul li:not(.dropdown-item) a {
  display: block;
  cursor: pointer;
  padding: 0 5px;
  text-transform: uppercase;
}
.navMenu ul li:not(.dropdown-item) .btn {
  padding: 7px 15px;
}
.navMenu.links li {
  border-left: 1px solid #064250;
  padding: 0px 5px;
}
.navMenu.links li a {
  line-height: 12px;
  cursor: pointer;
}
.navMenu.links li a:hover {
  cursor: pointer;
}
.navMenu.links li:first-child {
  border-left: none;
  padding-left: 0;
}

md-sidenav {
  z-index: 60;
}

/*******************************
    Dialogs
 ********************************/
md-dialog {
  /*******************************
     Media Queries - Dialog
     ********************************/
}
md-dialog .content {
  padding: 45px;
  text-align: center;
}
md-dialog .content.left {
  text-align: left;
}
md-dialog .close {
  background: #78878a;
  box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 18px;
  text-align: center;
  line-height: 15px;
  z-index: 1;
  cursor: pointer;
  color: #fff;
  font-weight: 500;
}
md-dialog .close ::after,
md-dialog .close ::before {
  font-size: 8px;
  font-weight: 500;
}
md-dialog .close:hover {
  background: #2196F3;
}
md-dialog h2 {
  color: #064250;
}
md-dialog h2.header {
  font-size: 25px;
  margin: 20px 0;
}
md-dialog .fullImage img {
  width: 100%;
}
md-dialog .para {
  color: #434343;
}
md-dialog.align .content {
  text-align: left;
}
md-dialog.content-dialog h1, md-dialog.content-dialog .h1-class {
  font-size: 30px;
  font-weight: 100;
  margin: 10px 0;
}
md-dialog.content-dialog h1.pageHeader, md-dialog.content-dialog .h1-class.pageHeader {
  margin: 10px 0 30px;
}
md-dialog.content-dialog h1.pageHeader .pageDescription, md-dialog.content-dialog .h1-class.pageHeader .pageDescription {
  font-size: 16px;
  font-weight: 100;
  color: #707070;
}
md-dialog.content-dialog h1 .pageDescription, md-dialog.content-dialog .h1-class .pageDescription {
  font-size: 15px;
  font-weight: 100;
  color: #707070;
  line-height: 1.5;
}
md-dialog.content-dialog h1 .icon, md-dialog.content-dialog .h1-class .icon {
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
}
md-dialog.content-dialog h2 {
  font-size: 24px;
  font-weight: 100;
  margin: 0;
}
md-dialog.content-dialog h2.margin {
  margin: 0 0px 20px 0;
}
md-dialog.content-dialog h2 .pageDescription {
  font-size: 16px;
  font-weight: 100;
  color: #707070;
}
md-dialog.content-dialog h2.left-align {
  text-align: left;
}
md-dialog.content-dialog h2 .icon {
  margin: 0 5px 0 0;
  height: 30px;
  width: auto;
}
md-dialog.content-dialog h3 {
  font-size: 18px;
  font-weight: 100;
}
md-dialog.content-dialog h4 {
  font-size: 18px;
  font-weight: 500;
}
md-dialog.content-dialog .slides {
  overflow: hidden;
}
md-dialog.content-dialog .slide.ng-enter {
  animation-name: bounceInRight;
  animation-duration: 0.8s;
}
md-dialog.content-dialog .slide.ng-leave {
  display: none;
}
md-dialog.content-dialog .separator {
  margin: 20px 0;
}
md-dialog.noScroll md-dialog-content {
  overflow: hidden;
}
md-dialog .athleteWidget .image-container {
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 600px) {
  md-dialog.content-dialog h1 {
    font-size: 30px;
    font-weight: 700;
  }
  md-dialog.content-dialog h2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }
  md-dialog.content-dialog h2.header {
    margin: 30px 0 20px;
  }
  md-dialog.content-dialog h3 {
    font-size: 16px;
    font-weight: 700;
  }
  md-dialog.content-dialog h4 {
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
  }
  md-dialog.content-dialog .title {
    font-size: 12px;
  }
  md-dialog.mobile {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
  }
  md-dialog.mobile .content {
    padding: 45px 20px;
  }
}

.md-dialog-container {
  z-index: 100;
}

md-toast {
  position: fixed;
  top: 90px !important;
  left: 0;
}
md-toast .md-toast-content {
  background: #2196F3;
  max-width: 100% !important;
}
md-toast .md-toast-text {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
md-toast.error .md-toast-content {
  background: #b04e4e;
}
md-toast.success .md-toast-content {
  background: #63b509;
}

/*******************************
    Panels
 ********************************/
.panel {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  width: 100%;
  padding: 20px;
}
.panel h3.title {
  margin: 0 0 20px;
}
.panel h3.title .pageDescription {
  font-size: 15px;
  color: #434343;
}
.panel .summary {
  border-radius: 5px;
  overflow: hidden;
  margin: 20px 0 0;
  padding: 10px 0;
  background: #edf5f6;
}
.panel .summary .summary-container {
  text-align: center;
  padding: 0 10px;
  color: #707070;
}
.panel .summary .summary-container h3 {
  color: #fff;
  margin: 10px 0;
}
.panel .summary .summary-container .number {
  font-size: 30px;
}
.panel .summary .summary-container .label {
  font-size: 13px;
  font-weight: 500;
}
.panel .summary .summary-container:not(:last-child) {
  border-right: 1px solid #D8D8D8;
}

.spanel {
  overflow: hidden;
  border-radius: 5px;
  background: #eaeded;
  padding: 20px;
}

/*******************************
    Presentation View
 ********************************/
.presentationView {
  text-align: center;
  overflow: hidden !important;
}
.presentationView h2 {
  font-size: 25px;
  font-weight: 100;
}
.presentationView h3 {
  font-size: 20px;
  font-weight: 100;
}
.presentationView .presentation-container {
  max-width: 600px;
  padding: 10px 20px;
  position: relative;
}
.presentationView .context {
  color: #707070;
}
.presentationView .context .btn {
  min-width: 200px;
}
.presentationView .slides.ng-enter {
  animation-name: fadeInRight;
  animation-duration: 1s;
}
.presentationView .slides.ng-leave {
  display: none;
}
.presentationView .slide-dots {
  padding: 0;
  margin: 10px 0 20px;
}
.presentationView .slide-dots li {
  display: inline-block;
}
.presentationView .slide-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #ACACAC;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
.presentationView .slide-dots li.active .dot {
  background: #2196F3;
}
.presentationView .svgIcon {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.presentationView .svgIcon img {
  width: 100%;
}

/*******************************
    Illustration
 ********************************/
.illustration {
  position: relative;
}
.illustration .image-container {
  width: 100px;
}
.illustration .image-container svg,
.illustration .image-container img {
  width: 100%;
}
.illustration .background-circle {
  position: absolute;
  border-radius: 100px;
  width: 200px;
  height: 200px;
  background: #edf5f6;
}
.illustration .browser {
  background-image: url("/assets/img/browser.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 400px;
  height: 300px;
  margin: 0 0 20px;
  position: relative;
  padding: 22px 0 0 0;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
  /*******************************
            Media Queries
        ********************************/
}
.illustration .browser.overflow {
  overflow: hidden;
}
.illustration .browser .scroller-content {
  position: absolute;
  top: 22px;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.illustration .browser .fade {
  background-image: url("/assets/img/browser-fade.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: 140px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
}
.illustration .browser img {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .illustration .browser {
    width: 200px;
    height: 165px;
  }
  .illustration .browser .scroller-content {
    top: 11px;
  }
}

/*******************************
    Member Cards
 ********************************/
.std_card {
  padding: 10px;
}
.std_card a {
  cursor: pointer;
}
.std_card .content-holder {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.3);
}
.std_card .content-holder:hover {
  box-shadow: 5px 5px 7px -3px rgba(0, 0, 0, 0.4);
}
.std_card .close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.std_card .close .icon::after, .std_card .close .icon::before {
  font-size: 12px;
}
.std_card .image-container .image {
  min-width: 200px;
  min-height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #e3edee;
  font-size: 20px;
  position: relative;
}
.std_card .image-container .image .icon::after, .std_card .image-container .image .icon::before {
  font-size: 50px;
  color: #ACACAC;
}
.std_card .image-container .image .titleOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 10px 10px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.std_card .image-container .userImage {
  border-radius: 30px;
  width: 60px;
  height: 60px;
}
.std_card .info {
  background: #edf5f6;
  padding: 10px 20px;
  color: #434343;
  font-size: 13px;
}
.std_card .info .title {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}
.std_card .info ul {
  margin: 0;
  padding: 0 20px;
}
.std_card .info .head {
  margin: 10px 0 20px;
}
.std_card label {
  margin: 10px 0;
}
.std_card.fixed .content-holder {
  width: 200px !important;
}
.std_card.template .info {
  min-height: 150px;
}

/*******************************
    Member Cards
 ********************************/
.memberCard {
  overflow: hidden;
  border-radius: 5px;
  background: #043743;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #043743, #155969);
  color: #D8D8D8;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  width: 350px;
  padding: 30px 20px 100px;
  margin: 0 10px 20px 10px;
  text-align: center;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  /*******************************
     Media Queries - Member Card
     ********************************/
}
.memberCard .userImage {
  border-radius: 70px;
  width: 140px;
  height: 140px;
}
.memberCard .name,
.memberCard a .name {
  font-size: 22px;
  margin: 15px 10px 30px;
  color: #fff;
}
.memberCard .title,
.memberCard a .title {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
}
.memberCard .sports {
  margin: 0 0 10px;
}
.memberCard label {
  display: block;
  color: #9bc2cb;
}
.memberCard .tag {
  background: #043743;
  color: #9bc2cb;
  margin: 5px 5px 0 0;
  float: left;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 16px;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
}
.memberCard .social {
  position: absolute;
  bottom: 0;
  padding: 15px;
  width: 100%;
  left: 0;
  right: 0;
  border-top: 1px solid #155969;
  animation-name: fadeIn;
  animation-duration: 1s;
}
.memberCard .social .linkedIn {
  color: #006699;
}
.memberCard .social .twitter {
  color: #55acee;
}
.memberCard .social .fav.active {
  color: #155969;
}
.memberCard .social .fav.active:hover {
  color: #e06969;
}
.memberCard .topBar {
  background: #f5f5f5;
  border-bottom: 1px solid #e8e8e8;
  height: 50px;
  width: 100%;
}
.memberCard .topBar .controls {
  text-align: center;
}
.memberCard .topBar .controls .icon,
.memberCard .topBar .controls [class^=flaticon-]:before,
.memberCard .topBar .controls [class*=" flaticon-"]:before,
.memberCard .topBar .controls [class^=flaticon-]:after,
.memberCard .topBar .controls [class*=" flaticon-"]:after {
  line-height: 50px;
  cursor: pointer;
}
.memberCard .topBar .controls .fav {
  color: #064250;
}
.memberCard .topBar .controls .fav.active {
  color: #e43f3f;
}
.memberCard .topBar .controls .linkedIn {
  color: #006699;
}
.memberCard .topBar .controls .twitter {
  color: #55acee;
}
.memberCard:hover {
  box-shadow: 20px 20px 30px 0px rgba(0, 0, 0, 0.3), 0px 1px 20px 10px rgba(0, 0, 0, 0.3), 0 1px 10px 0 rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 1500px) {
  .memberCard .appearance {
    width: 150px;
  }
  .memberCard .appearance .image {
    border-radius: 50px;
    width: 100px;
    height: 100px;
  }
  .memberCard .details .sports {
    margin: 35px 20px 20px;
  }
  .memberCard .details .tags {
    margin: 0 20px 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .memberCard .toolbar ul li {
    width: 50px;
  }
  .memberCard .toolbar ul li .text,
.memberCard .toolbar ul li .fav .text {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  .memberCard {
    display: block;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
  }
  .memberCard .toolbar ul li {
    width: auto;
  }
  .memberCard .toolbar ul li .text {
    display: table-cell;
  }
  .memberCard .toolbar ul li .fav .text {
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
  .memberCard .cell {
    display: block;
  }
  .memberCard .appearance {
    width: 100%;
  }
  .memberCard .appearance .controls {
    visibility: visible;
  }
  .memberCard .details .topBar {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .memberCard {
    margin-right: 0;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
    max-width: 350px;
  }
  .memberCard .toolbar ul li {
    width: 50px;
  }
  .memberCard .toolbar ul li .text,
.memberCard .toolbar ul li .fav .text {
    display: none;
  }
}

.loading {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.loading .overlay {
  position: absolute;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.5;
  z-index: 100;
}
.loading .spinner {
  z-index: 100;
}

.preloader {
  background: transparent;
  width: 40px;
  height: 40px;
  position: relative;
  z-index: 2;
  margin: 20px auto 10px;
  animation: squish-bouncing 1s linear infinite;
}
.preloader.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.preloader.ng-leave {
  display: none;
}
.preloader-dots svg {
  width: 40px;
}

.process-cogs {
  width: 100%;
  height: 350px;
  position: relative;
  z-index: 2;
  margin: 20px auto 10px;
}
.process-cogs.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.process-cogs.ng-leave {
  display: none;
}

.preloader-container {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.preloader-container .overlay {
  position: absolute;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
  z-index: 10;
}
.preloader-container .preloader {
  z-index: 100;
}
.preloader-container.holder {
  margin: 100px 0;
}
.preloader-container.overlay {
  position: absolute;
  margin: 0;
}
.preloader-container .text {
  font-size: 12px;
  text-align: center;
  color: #979797;
  position: relative;
  z-index: 10;
  margin: 10px 0 0;
}
.preloader-container .shadow {
  width: 40px;
  height: 8px;
  margin: -14px auto 0 auto;
  border-radius: 40%;
  background-color: rgba(0, 0, 0, 0.05);
  animation: bouncing-shadow 1s linear infinite;
}

.listLoader {
  position: relative;
}
.listLoader .item {
  border-radius: 5px;
  background-color: #edf5f6;
  margin: 5px 0;
  height: 55px;
}
.listLoader .text {
  text-align: center;
  color: #ACACAC;
  font-size: 14px;
  font-weight: 500;
}
.listLoader .animatedBackground {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #e3edee;
  background: #fff;
  background: linear-gradient(to right, #fff 8%, #edf5f6 18%, #fff 33%);
  background-size: 1500px 104px;
  position: relative;
}

.infinite-loader {
  height: 100%;
  position: relative;
  margin: auto;
  width: 100%;
}
.infinite-loader_overlay {
  width: 150px;
  height: 150px;
  background: transparent;
  box-shadow: 0px 0px 0px 100px rgba(234, 237, 237, 0.67), 0px 0px 19px 0px rgba(0, 0, 0, 0.16) inset;
  border-radius: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /*border-top: 2px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  	animation: spin 2s linear infinite;*/
}
.infinite-loader_overlay svg {
  opacity: 0.2;
  display: none;
}
.infinite-loader .text {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  bottom: 0px;
  top: auto;
  font-weight: 500;
  color: #707070;
  margin: 0 25%;
}
.infinite-loader_cogs {
  z-index: -2;
  width: 100px;
  height: 100px;
  top: -120px !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.infinite-loader_cogs__top {
  position: relative;
  width: 100px;
  height: 100px;
  transform-origin: 50px 50px;
  animation: rotate 7s infinite linear;
}
.infinite-loader_cogs__top div:nth-of-type(1) {
  transform: rotate(30deg);
}
.infinite-loader_cogs__top div:nth-of-type(2) {
  transform: rotate(60deg);
}
.infinite-loader_cogs__top div:nth-of-type(3) {
  transform: rotate(90deg);
}
.infinite-loader_cogs__top div.top_part {
  width: 100px;
  border-radius: 10px;
  position: absolute;
  height: 100px;
  background: #2196F3;
}
.infinite-loader_cogs__top div.top_hole {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.infinite-loader_cogs__left {
  position: relative;
  width: 80px;
  transform: rotate(16deg);
  top: 28px;
  transform-origin: 40px 40px;
  animation: rotate_left 20s 0.1s infinite reverse linear;
  left: -24px;
  height: 80px;
}
.infinite-loader_cogs__left div:nth-of-type(1) {
  transform: rotate(30deg);
}
.infinite-loader_cogs__left div:nth-of-type(2) {
  transform: rotate(60deg);
}
.infinite-loader_cogs__left div:nth-of-type(3) {
  transform: rotate(90deg);
}
.infinite-loader_cogs__left div.left_part {
  width: 80px;
  border-radius: 6px;
  position: absolute;
  height: 80px;
  background: #2196F3;
}
.infinite-loader_cogs__left div.left_hole {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.infinite-loader_cogs__bottom {
  position: relative;
  width: 60px;
  top: -65px;
  transform-origin: 30px 30px;
  animation: rotate_left 5.2s 0.4s infinite linear;
  transform: rotate(4deg);
  left: 79px;
  height: 60px;
}
.infinite-loader_cogs__bottom div:nth-of-type(1) {
  transform: rotate(30deg);
}
.infinite-loader_cogs__bottom div:nth-of-type(2) {
  transform: rotate(60deg);
}
.infinite-loader_cogs__bottom div:nth-of-type(3) {
  transform: rotate(90deg);
}
.infinite-loader_cogs__bottom div.bottom_part {
  width: 60px;
  border-radius: 5px;
  position: absolute;
  height: 60px;
  background: #2196F3;
}
.infinite-loader_cogs__bottom div.bottom_hole {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: white;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.content-container .loading {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.content-container .loading .overlay {
  position: absolute;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.5;
  z-index: 9;
}
.content-container .loading .loader {
  margin: 30px auto;
  position: relative;
  z-index: 10;
}
.content-container .loading .loader svg {
  position: absolute;
  left: 50%;
  margin-left: -35px;
}
.content-container .loading .loader .circle {
  fill: #064250;
  opacity: 0.2;
}
.content-container .loading .loader .spinner {
  fill: #064250;
  z-index: 10;
}
.content-container .loading.static {
  position: static;
  height: 50px;
  width: 50px;
  margin: 30px 0;
}
.content-container .loading.static .loader {
  margin: 0;
}

.content-container-background {
  background: #eaeded;
}

.disabledOverlay.disabled {
  position: absolute;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.5;
  z-index: 1;
}

.totalHeight {
  height: 100%;
}

.scroller {
  position: relative;
  width: 100%;
}

.donutChart {
  position: relative;
}
.donutChart .arc {
  cursor: pointer;
}
.donutChart .arc:hover {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.graph {
  position: relative;
}
.graph .tooltip {
  color: #333;
  display: none;
  font-size: 12px;
  font-weight: 900;
  left: 50%;
  margin-left: -50px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 38%;
  width: 100px;
  z-index: 10;
}

.chip {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: #064250;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
}

.switch {
  color: #707070;
  text-align: center;
  /*******************************
     Media Queries - Switch
     ********************************/
}
.switch .circle {
  background: #f5f5f5;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  margin-bottom: 5px;
}
.switch .circle .icon [class^=flaticon-]:before,
.switch .circle .icon [class*=" flaticon-"]:before,
.switch .circle .icon [class^=flaticon-]:after,
.switch .circle .icon [class*=" flaticon-"]:after {
  font-size: 22px;
  line-height: 60px;
  color: #ACACAC;
}
.switch .check {
  position: absolute;
  background: #63b509;
  color: #064250;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  display: none;
}
.switch .check [class^=flaticon-]:before,
.switch .check [class*=" flaticon-"]:before,
.switch .check [class^=flaticon-]:after,
.switch .check [class*=" flaticon-"]:after {
  font-size: 12px;
  line-height: 20px;
  display: block;
}
.switch .text {
  font-size: 16px;
  text-align: center;
  color: #ACACAC;
}
.switch.on .circle, .switch.active .circle {
  background: #064250;
}
.switch.on .circle .icon [class^=flaticon-]:before,
.switch.on .circle .icon [class*=" flaticon-"]:before,
.switch.on .circle .icon [class^=flaticon-]:after,
.switch.on .circle .icon [class*=" flaticon-"]:after, .switch.active .circle .icon [class^=flaticon-]:before,
.switch.active .circle .icon [class*=" flaticon-"]:before,
.switch.active .circle .icon [class^=flaticon-]:after,
.switch.active .circle .icon [class*=" flaticon-"]:after {
  color: #fff;
}
.switch.on .check, .switch.active .check {
  display: block;
}
.switch.on .text, .switch.active .text {
  color: #064250;
}
.switch.flat .circle {
  height: 30px;
}
.switch.flat .circle .icon [class^=flaticon-]:before,
.switch.flat .circle .icon [class*=" flaticon-"]:before,
.switch.flat .circle .icon [class^=flaticon-]:after,
.switch.flat .circle .icon [class*=" flaticon-"]:after {
  font-size: 15px;
  line-height: 30px;
}
.switch.flat .check {
  right: -5px;
}
.switch.mini .circle {
  height: 40px;
  width: 40px;
}
.switch.mini .circle .icon [class^=flaticon-]:before,
.switch.mini .circle .icon [class*=" flaticon-"]:before,
.switch.mini .circle .icon [class^=flaticon-]:after,
.switch.mini .circle .icon [class*=" flaticon-"]:after {
  font-size: 18px;
  line-height: 40px;
}
.switch.mini .check {
  right: -8px;
  bottom: -2px;
}
.switch.mini .check [class^=flaticon-]:before,
.switch.mini .check [class*=" flaticon-"]:before,
.switch.mini .check [class^=flaticon-]:after,
.switch.mini .check [class*=" flaticon-"]:after {
  font-size: 12px;
  line-height: 20px;
}
.switch.buttonSwitch {
  background: #f5f5f5;
  border-radius: 5px;
}
@media only screen and (max-width: 600px) {
  .switch .circle {
    border-radius: 20px;
    width: 40px;
    height: 40px;
  }
  .switch .circle .icon [class^=flaticon-]:before,
.switch .circle .icon [class*=" flaticon-"]:before,
.switch .circle .icon [class^=flaticon-]:after,
.switch .circle .icon [class*=" flaticon-"]:after {
    font-size: 22px;
    line-height: 40px;
  }
  .switch .text {
    font-size: 14px;
  }
}

a.read-more,
a.read-less {
  cursor: pointer;
  color: #2196F3;
  font-size: 12px;
  font-weight: 500;
}

span.more-text {
  display: none;
}

span.more-text.show {
  display: inline !important;
}

.basicIcon {
  text-align: center;
}
.basicIcon .icon {
  width: 40px;
  margin: 0 0 5px;
}
.basicIcon .text {
  font-size: 14px;
  font-weight: 500;
  color: #707070;
}

/*******************************
    List
 ********************************/
.list_header {
  color: #ACACAC;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0;
  margin: 0 5px;
}

.list_std {
  margin: 10px 0;
  /*******************************
     Media Queries - List
     ********************************/
}
.list_std h3 {
  color: #707070 !important;
  font-size: 16px !important;
  border-bottom: 1px solid #D8D8D8;
  padding: 0 0 10px;
}
.list_std .sorter {
  padding: 0px 5px 10px;
  /*border-top : 1px solid $secondary-shade;*/
}
.list_std .sorter .element {
  font-size: 12px;
  font-weight: 500;
  color: #ACACAC;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 10px;
}
.list_std .sorter .element .text {
  margin: 0 5px 0 0;
}
.list_std .sorter .element .arrows {
  display: none;
}
.list_std .sorter .element.active {
  color: #434343;
}
.list_std .sorter .element.active .arrows {
  display: block;
}
.list_std .sorter .element.active .arrows .icon::before, .list_std .sorter .element.active .arrows .icon::after {
  font-size: 10px;
}
.list_std .sorter .element.active .arrows.desc .icon::before, .list_std .sorter .element.active .arrows.desc .icon::after {
  font-size: 10px;
}
.list_std .sorter .element .error {
  color: #b04e4e;
}
.list_std > .item {
  background: #edf5f6;
  padding: 10px;
  margin: 0 0 4px;
  border-left: 3px solid transparent;
  position: relative;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
.list_std > .item.success {
  background: #f5f9f1;
}
.list_std > .item:hover {
  border-left: 3px solid #064250;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
.list_std > .item.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.list_std > .item.ng-leave {
  display: none;
}
.list_std > .item.nopadding {
  padding: 0;
}
.list_std > .item .padded-container {
  padding: 10px;
}
.list_std > .item .numberNotify {
  position: absolute;
  left: -10px;
  top: 8px;
}
.list_std > .item .numberNotify .circle {
  background: #ec551a;
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.5);
}
.list_std > .item .stat {
  color: #707070;
  font-size: 12px;
}
.list_std > .item .stat .number {
  font-size: 16px;
  line-height: 18px;
}
.list_std > .item .controlButtons {
  overflow: hidden;
}
.list_std > .item .controlButtons a {
  padding: 10px 15px;
  color: #0F84E1;
  cursor: pointer;
}
.list_std > .item .controlButtons a:last-child {
  padding-right: 20px;
}
.list_std > .item .controlButtons a .icon::after, .list_std > .item .controlButtons a .icon::before {
  font-size: 14px;
}
.list_std > .item .controlButtons a:hover {
  background: #2196F3;
  color: #fff;
}
.list_std > .item .controlButtons a:hover.alert {
  background: #b04e4e;
}
.list_std .roundedItem {
  background: #edf5f6;
  padding: 10px;
  margin: 0 0 4px;
  position: relative;
  border-radius: 5px;
}
.list_std .roundedItem:hover {
  background: #f4f9fa;
}
.list_std .image {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin: auto;
}
.list_std .image img {
  width: 100%;
}
.list_std .image .type {
  display: none;
}
.list_std .listIcon {
  margin: 0 20px 0 0;
  color: #707070;
}
.list_std .listIcon::after, .list_std .listIcon::before {
  font-size: 14px;
}
.list_std .small-icon {
  width: 13px;
  margin: 0 5px;
}
.list_std .image-container {
  width: 40px;
  margin-right: 15px;
}
.list_std .image-container .status {
  display: none;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  line-height: 18px;
}
.list_std .image-container .status [class^=flaticon-]:before,
.list_std .image-container .status [class*=" flaticon-"]:before,
.list_std .image-container .status [class^=flaticon-]:after,
.list_std .image-container .status [class*=" flaticon-"]:after {
  font-size: 8px;
}
.list_std .image-container .status.private {
  background: #559383;
  color: #fff;
  right: -10px;
  display: block;
}
.list_std .image-container .status.type {
  color: #fff;
}
.list_std .image-container .status.athlete {
  background: #604d70;
}
.list_std .image-container .status.team {
  background: #0eb98b;
}
.list_std .image-container .status.event {
  background: #F5A623;
}
.list_std .image-container .status.draft {
  background-color: #F39D0F;
}
.list_std .image-container .status.pending {
  background-color: #e43f3f;
}
.list_std .image-container .status.published {
  background-color: #63b509;
}
.list_std .image-container .status.new {
  background-color: #63b509;
}
.list_std .image-container .status.on {
  display: block;
}
.list_std .name {
  color: #064250;
}
.list_std .info .title {
  font-size: 15px;
  font-weight: 100;
  color: #434343;
  margin: 0 0 3px;
}
.list_std .info .title .status {
  position: relative;
}
.list_std .info .title.nomargin {
  margin: 0;
}
.list_std .info .title .subtitle {
  font-size: 10px;
}
.list_std .info .title img {
  width: 15px;
}
.list_std .info .status .circle {
  margin: 0 5px 0 0;
}
.list_std .info .subtitle {
  font-size: 11px;
  font-weight: 100;
  color: #707070;
  margin-right: 10px;
}
.list_std .info .subtitle [class^=flaticon-]:before,
.list_std .info .subtitle [class*=" flaticon-"]:before,
.list_std .info .subtitle [class^=flaticon-]:after,
.list_std .info .subtitle [class*=" flaticon-"]:after {
  font-size: 12px;
}
.list_std .dataValue {
  font-size: 12px;
  padding: 0 10px;
}
.list_std .dataValue .icon {
  color: #707070;
}
.list_std .dataValue .icon::before, .list_std .dataValue .icon::after {
  font-size: 12px;
}
.list_std .controls {
  margin-right: 10px;
}
.list_std .controls [class^=flaticon-]:before,
.list_std .controls [class*=" flaticon-"]:before,
.list_std .controls [class^=flaticon-]:after,
.list_std .controls [class*=" flaticon-"]:after {
  font-size: 12px;
}
.list_std .controls .date {
  color: #434343;
  font-size: 11px;
}
.list_std .controls.fixed {
  min-width: 100px;
}
.list_std .link {
  font-size: 11px;
  font-weight: 500;
  color: #064250;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 10px 0 5px;
}
.list_std .link [class^=flaticon-]:before,
.list_std .link [class*=" flaticon-"]:before,
.list_std .link [class^=flaticon-]:after,
.list_std .link [class*=" flaticon-"]:after {
  font-size: 14px;
  margin-right: 3px;
}
.list_std .link:hover {
  color: #2196F3;
  opacity: 1;
}
.list_std .link.alert:hover {
  color: #b04e4e;
}
.list_std .links {
  padding: 0 10px;
}
.list_std .links .ref {
  padding: 0 5px;
}
.list_std .links .ref:not(:first-child) {
  border-left: 1px solid #D8D8D8;
}
.list_std .links .icon::before, .list_std .links .icon::after {
  font-size: 12px;
}
.list_std .pagination {
  margin: 30px auto;
}
.list_std.grid .item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 200px;
  height: 255px;
  position: relative;
  padding: 0;
  margin: 0 20px 20px 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.1s ease 0s;
  border-radius: 5px;
  overflow: hidden;
}
.list_std.grid .item:hover {
  border-left: 0;
  background: #064250;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
.list_std.grid .item:hover .link {
  color: #fff;
}
.list_std.grid .image {
  border-radius: 50px;
  width: 100px;
  height: 100px;
  margin: auto;
}
.list_std.grid .image img {
  width: 100%;
}
.list_std.grid .image .type {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.list_std.grid .image-container {
  width: 100%;
  margin-right: 0;
  position: absolute;
  z-index: 1;
  top: 30px;
}
.list_std.grid .status {
  right: -3px;
  display: block;
}
.list_std.grid .info {
  width: 100%;
  bottom: 0;
  top: 85px;
  position: absolute;
  background: #064250;
  color: #fff;
  text-align: center;
  padding: 55px 10px 10px;
}
.list_std.grid .info .override {
  display: block !important;
}
.list_std.grid .info .override > * {
  display: block !important;
  max-width: 100%;
}
.list_std.grid .info .title {
  color: #fff;
  margin: 0;
}
.list_std.grid .info .subtitle {
  font-size: 12px;
  font-weight: 100;
  color: #D8D8D8;
}
.list_std.grid .info .subtitle [class^=flaticon-]:before,
.list_std.grid .info .subtitle [class*=" flaticon-"]:before,
.list_std.grid .info .subtitle [class^=flaticon-]:after,
.list_std.grid .info .subtitle [class*=" flaticon-"]:after {
  font-size: 12px;
}
.list_std.grid .info .campaignStatus .status {
  display: none;
}
.list_std.grid .controls {
  position: absolute;
  top: 5px;
  right: 0px;
}
.list_std.grid .link {
  font-size: 14px;
  font-weight: 500;
  color: #064250;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 2px;
  opacity: 0.6;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.list_std.grid .link [class^=flaticon-]:before,
.list_std.grid .link [class*=" flaticon-"]:before,
.list_std.grid .link [class^=flaticon-]:after,
.list_std.grid .link [class*=" flaticon-"]:after {
  font-size: 19px;
  margin-right: 5px;
}
.list_std.grid .link .text {
  display: none;
}
.list_std.grid .link:hover {
  color: #2196F3;
}
.list_std.grid .link.alert:hover {
  color: #b04e4e;
}
.list_std.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
.list_std.ng-leave {
  display: none;
}
@media only screen and (max-width: 960px) {
  .list_std.grid {
    text-align: center;
  }
  .list_std.grid .item {
    margin: 0 10px 10px 10px;
  }
  .list_std .info .title {
    font-size: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .list_std .link [class^=flaticon-]:before,
.list_std .link [class*=" flaticon-"]:before,
.list_std .link [class^=flaticon-]:after,
.list_std .link [class*=" flaticon-"]:after {
    font-size: 20px;
  }
  .list_std .link .text {
    display: none;
  }
}

.list_std-placeholder {
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  color: #434343;
  margin: 20px 0;
}
.list_std-placeholder h3 {
  color: #707070 !important;
}
.list_std-placeholder.action:hover {
  border-color: #2196F3;
}
.list_std-placeholder.simple {
  background: #edf5f6;
  font-size: 14px;
}
.list_std-placeholder.simple h3 {
  font-size: 16px;
  font-weight: 500;
}
.list_std-placeholder.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.list_std-placeholder.ng-leave {
  display: none;
}

.drawer-control .open {
  display: none;
}
.drawer-control.opened .open {
  display: block;
}
.drawer-control.opened .close {
  display: none;
}

.list_drawer .item {
  background-color: transparent;
  padding: 0;
}
.list_drawer .item .row {
  background: #edf5f6;
  padding: 10px;
}
.list_drawer .item .drawerToggle {
  cursor: pointer !important;
}
.list_drawer .item .drawerToggle .close {
  color: #707070;
  background: transparent;
  position: static;
  width: auto;
  height: auto;
  box-shadow: none;
}
.list_drawer .sortSelection {
  margin-right: 10px;
  color: #434343;
  font-size: 15px;
}
.list_drawer .sortSelection .notice {
  color: #043743;
  font-weight: 500;
  font-size: 18px;
}
.list_drawer .controls {
  margin-right: 10px;
}
.list_drawer .controls [class^=flaticon-]:before,
.list_drawer .controls [class*=" flaticon-"]:before,
.list_drawer .controls [class^=flaticon-]:after,
.list_drawer .controls [class*=" flaticon-"]:after {
  font-size: 12px;
}
.list_drawer .controls .date {
  color: #434343;
  font-size: 11px;
}
.list_drawer .open {
  display: none;
}
.list_drawer .opened .open {
  display: block;
}
.list_drawer .opened .close {
  display: none;
}
.list_drawer .opened:hover {
  border-left: 0;
}
.list_drawer .drawer {
  border: 1px solid #D8D8D8;
  border-top: 0;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 0px 0px 5px 5px;
  display: none;
}
.list_drawer .drawer.nomargin {
  padding: 0px;
}
.list_drawer .drawer .conjunction {
  font-size: 12px;
  font-weight: 500;
  color: #064250;
  margin-right: 25px;
}
.list_drawer .drawer .output-group {
  margin: 0 0 15px;
}
.list_drawer .drawer .image-container {
  margin: auto;
}
.list_drawer.noOverflow {
  overflow: hidden;
}
@media only screen and (max-width: 960px) {
  .list_drawer .sortSelection {
    font-size: 14px;
  }
  .list_drawer .sortSelection .notice {
    font-size: 15px;
  }
  .list_drawer .buttonPanel .btn {
    display: block;
    margin: 3px 0;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .list_drawer .sortSelection .subtitle {
    display: block;
  }
}

.list_messages {
  border-right: 1px solid #edf5f6;
  border-left: 1px solid #edf5f6;
}
.list_messages .item {
  padding: 10px;
  cursor: pointer;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #edf5f6;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
.list_messages .item:hover, .list_messages .item.active {
  border-left: 3px solid #064250;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
.list_messages .item.active {
  background: #edf5f6;
}
.list_messages .item.deleted-message {
  background-color: #f2d4d4;
}
.list_messages .item.deleted-message.active {
  background: #f8bebe;
}
.list_messages .item.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.list_messages .item.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.list_messages .status {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  margin: 0 8px 0 0;
}
.list_messages .status.on {
  background: #559b08;
}
.list_messages .image {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin: auto;
}
.list_messages .image img {
  width: 100%;
}
.list_messages .image .type {
  display: none;
}
.list_messages .image-container {
  width: 50px;
  margin-right: 15px;
}
.list_messages .info {
  padding: 5px 10px;
}
.list_messages .info .title {
  font-size: 16px;
  font-weight: 500;
  color: #064250;
  margin: 0 0 3px;
}
.list_messages .info .subtitle {
  font-size: 12px;
  font-weight: 100;
  color: #434343;
}
.list_messages .info .subtitle .userImage {
  border-radius: 6px;
  width: 12px;
  height: 12px;
  margin: 0 3px 0 0;
}
.list_messages .info .subtitle .small {
  font-size: 8px;
}
.list_messages .info .subject {
  font-size: 13px;
  font-weight: 100;
  color: #1a1a1a;
  margin: 3px 0 5px;
}
.list_messages .replied {
  color: #9bc2cb;
}
.list_messages .sent {
  background: #f5f5f5;
  color: #434343;
  border-radius: 10px;
  font-size: 11px;
  padding: 3px 7px;
  margin: 0 5px 0 3px;
}
.list_messages .numberNotify .circle {
  background: #2196F3;
}

.list_steps .image {
  width: 75px;
}
.list_steps .item {
  margin: 10px 0;
}
.list_steps .item.ng-enter {
  animation-name: fadeInUp;
  animation-duration: 1s;
}
.list_steps .item .bullet {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  background: #D8D8D8;
  width: 20px;
  margin: 0 10px;
}
.list_steps .item .text {
  color: #707070;
}

.illustration_steps .item.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.illustration_steps .item .innerContainer {
  padding: 20px 10px;
}
.illustration_steps .item .image {
  width: 75px;
}
.illustration_steps .item .title {
  font-weight: 500;
  color: #707070;
  margin: 5px 0 10px;
}

.illustration_engagement {
  max-width: 600px;
}
.illustration_engagement .image_container {
  background-color: #edf5f6;
  border-radius: 10px;
  padding: 20px;
}
.illustration_engagement .image {
  width: 100px;
}
.illustration_engagement .image img {
  width: 100%;
}
.illustration_engagement .engaement_content {
  padding: 20px;
}
.illustration_engagement .description {
  margin: 10px 0 0;
}

box-drawer .row a.small {
  font-size: 11px;
}
box-drawer .row .open {
  display: none;
}
box-drawer .row .closed {
  display: initial;
}
box-drawer .row.opened .open {
  display: initial;
}
box-drawer .row.opened .closed {
  display: none;
}
box-drawer .drawer.topPadding {
  padding-top: 5px;
}

.listSearch {
  width: 100%;
}

.breakdown .key .key-item {
  margin: 0 0 5px;
  padding: 0 0 5px;
  color: #707070;
}
.breakdown .key .key-item:not(:last-child) {
  border-bottom: 1px solid #eaeded;
}
.breakdown .key .color {
  border-radius: 7px;
  width: 14px;
  height: 14px;
  margin: 5px;
}
.breakdown .key .title {
  margin: 0;
  padding: 0;
  border: none;
  text-align: none;
  color: #707070;
  font-size: 13px;
}
.breakdown .key .value {
  font-size: 14px;
}

.tools.margin {
  margin: 20px 0;
}
.tools .row-padding {
  padding: 0 0 5px;
}
.tools input,
.tools md-select {
  margin: 0 !important;
}
.tools input ._md-select-value,
.tools md-select ._md-select-value {
  font-size: 12px !important;
}
.tools input ._md-select-value ._md-select-icon,
.tools md-select ._md-select-value ._md-select-icon {
  margin: 0 !important;
  width: 20px !important;
}
.tools md-select ._md-select-value {
  min-height: 26px !important;
}
.tools .label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ACACAC;
}
.tools .results {
  margin: 4px 0;
  font-size: 15px;
  color: #707070;
}
.tools .circleBtn {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  border: 1px solid #D8D8D8;
}
.tools .circleBtn .icon {
  line-height: 28px;
  color: #707070;
}
.tools .circleBtn .icon::after, .tools .circleBtn .icon::before {
  font-size: 12px;
}
.tools .circleBtn:hover {
  background-color: #2196F3;
  border-color: #2196F3;
}
.tools .circleBtn:hover .icon {
  color: #fff;
}

.tools .spacer {
  height: 25px;
  border-left: 1px solid #D8D8D8;
  margin: 0 10px;
}
.tools .spacer.nomargin {
  margin: 0;
}

.viewControls {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 10px;
  /*width: 80px;*/
  height: 27px;
  white-space: nowrap;
}
.viewControls .view {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #ACACAC;
  cursor: pointer;
  padding: 2px 3px;
  position: relative;
}
.viewControls .view.active {
  color: #2196F3;
}
.viewControls .view:hover {
  color: #0F84E1;
}
.viewControls.nomargin {
  margin: 0;
}

.sortControls .control {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 3px;
  border: 1px solid #ACACAC;
  font-size: 12px;
  padding: 5px 10px;
  color: #ACACAC;
  cursor: pointer;
}
.sortControls .control:hover {
  color: #2196F3;
}

.filterBlocks {
  margin: 0 10px 0 0;
}
.filterBlocks.nomargin {
  margin: 0;
}
.filterBlocks .block {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 3px;
  border: 1px solid #ACACAC;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 10px;
  margin: 0 3px;
  color: #707070;
  cursor: pointer;
  background-color: #fff;
}
.filterBlocks .block.margin {
  margin: 3px;
}
.filterBlocks .block .icon::before, .filterBlocks .block .icon::after {
  font-size: 14px;
}
.filterBlocks .block.active, .filterBlocks .block:hover {
  background: #0F84E1;
  border-color: #0F84E1;
  color: #fff;
}
.filterBlocks .block.applied.active {
  background-color: #F5A623;
  border-color: #F5A623;
}
.filterBlocks .block.notInterested.active {
  background-color: #b04e4e;
  border-color: #b04e4e;
}
.filterBlocks .block.proposal.active {
  background-color: #63b509;
  border-color: #63b509;
}
.filterBlocks .block.save.active {
  background-color: #604d70;
  border-color: #604d70;
}
.filterBlocks .block.social.active {
  background-color: #559383;
  border-color: #559383;
}
.filterBlocks .block.appearance.active {
  background-color: #5a576f;
  border-color: #5a576f;
}
.filterBlocks .block.logo.active {
  background-color: #a65d7f;
  border-color: #a65d7f;
}
.filterBlocks .block.feedback.active {
  background-color: #ed9300;
  border-color: #ed9300;
}
.filterBlocks .block.autographs.active {
  background-color: #c3a943;
  border-color: #c3a943;
}

/*******************************
    Pagination
 ********************************/
.pagination {
  margin: 10px auto;
  padding: 0;
  text-align: center;
  font-size: 14px;
}
.pagination li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.pagination li a {
  border-radius: 3px;
  line-height: 20px;
  color: #707070;
  min-width: 22px;
  display: block;
  font-weight: 500;
  border: 1px solid transparent;
  margin: 0 3px;
}
.pagination li a:hover:not(.ellipsis) {
  border-color: #ACACAC;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.7s ease 0s;
}
.pagination li.active a {
  color: #fff;
  background: #0d4c5b;
  border-color: #0d4c5b;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.pagination li.active a:hover {
  border-color: #0d4c5b;
}
.pagination li.previous a {
  margin-right: 3px;
  line-height: 20px;
  border: 1px solid #707070;
}
.pagination li.previous a [class^=flaticon-]:before,
.pagination li.previous a [class*=" flaticon-"]:before,
.pagination li.previous a [class^=flaticon-]:after,
.pagination li.previous a [class*=" flaticon-"]:after {
  font-size: 12px;
}
.pagination li.next a {
  margin-left: 3px;
  line-height: 20px;
  border: 1px solid #707070;
}
.pagination li.next a [class^=flaticon-]:before,
.pagination li.next a [class*=" flaticon-"]:before,
.pagination li.next a [class^=flaticon-]:after,
.pagination li.next a [class*=" flaticon-"]:after {
  font-size: 12px;
}

/*******************************
    User Image
 ********************************/
.userImage {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/assets/img/avatar_placeholder.png");
}
.userImage .status {
  position: absolute;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  right: -1px;
  bottom: -1px;
  background: #559b08;
  text-align: center;
  line-height: 9px;
  color: #064250;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
}
.userImage .status [class^=flaticon-]:before,
.userImage .status [class*=" flaticon-"]:before,
.userImage .status [class^=flaticon-]:after,
.userImage .status [class*=" flaticon-"]:after {
  font-size: 8px;
}
.userImage .attention {
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-radius: 7px;
  width: 14px;
  height: 14px;
  background: #e06969;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}
.userImage .numberNotify {
  position: absolute;
  left: -8px;
  top: -1px;
}
.userImage .numberNotify .circle {
  background: #ec551a;
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.3);
}
.userImage.margin {
  margin: 0 5px 0 0;
}
.userImage.nomargin {
  margin: 0;
}
.userImage.small {
  border-radius: 12px;
  width: 24px;
  height: 24px;
}
.userImage .verified {
  position: absolute;
  top: -2px;
  left: -2px;
}

.bgImage {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.squareImage {
  border-radius: 5px !important;
  width: 40px;
  height: 40px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.squareImage.small {
  width: 24px;
  height: 24px;
}

.dropCap {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background-color: #559383;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
}
.dropCap.margin {
  margin: 0 5px 0 0;
}

.emptyPlaceholder {
  border-radius: 5px;
  border: 3px dashed #D8D8D8;
  width: 100%;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: 500;
  color: #ACACAC;
  display: block;
}
.emptyPlaceholder.padding {
  padding: 40px;
}
.emptyPlaceholder.cursor {
  cursor: pointer;
}
.emptyPlaceholder .svgIcon {
  width: 45px;
  padding: 10px 10px 0 0;
}

a.emptyPlaceholder {
  cursor: pointer;
}

.close-x {
  background: #78878a;
  box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -5px;
  right: -5px;
  text-align: center;
  line-height: 11px;
  cursor: pointer;
}
.close-x ::after,
.close-x ::before {
  font-size: 7px;
  font-weight: 500;
}
.close-x:hover {
  background: #2196F3;
}

/*******************************
    Wizard
********************************/
.wizard {
  overflow: hidden;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  padding: 30px;
  margin-bottom: 20px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  /*******************************
     Media Queries - Wizard
     ********************************/
}
.wizard.noBorder {
  border: 0;
  box-shadow: none;
}
.wizard.nomargin {
  padding: 0;
  margin: 0;
}
.wizard .wizard-state-container {
  margin: 0 30px 40px 10px;
}
.wizard .wizard-state {
  display: table;
  width: 100%;
}
.wizard .wizard-state .step-container {
  display: table-cell;
}
.wizard .step {
  position: relative;
  width: 100%;
  height: 75px;
}
.wizard .step .count {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  background: #e0e0e0;
  position: absolute;
  right: 0;
}
.wizard .step .count .check {
  display: none;
}
.wizard .step .count .state {
  position: absolute;
  text-align: center;
  width: 100px;
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  right: 50%;
  margin: 7px -50px 0 auto;
  line-height: 15px;
}
.wizard .step .bar {
  position: absolute;
  top: 14px;
  height: 2px;
  display: block;
}
.wizard .step .bar.off {
  width: 100%;
  background: #e0e0e0;
}
.wizard .step .bar.on {
  background: #559b08;
  width: 0;
}
.wizard .step.active .count {
  background: #559b08;
  transition: background 1s ease 0s;
  transition-delay: 1s;
  box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.3);
}
.wizard .step.active .bar.on {
  width: 100%;
  transition: all 1s ease 0s;
}
.wizard .step.completed .count {
  background: #559b08;
}
.wizard .step.completed .count .number {
  display: none;
}
.wizard .step.completed .count .check {
  display: inline;
}
.wizard .step.completed .count .check::before, .wizard .step.completed .count .check::after {
  font-size: 14px;
}
.wizard .step.completed .bar {
  background: #559b08;
}
.wizard .step-container:first-child {
  width: 40px;
}
.wizard .step-container:first-child .step .bar {
  display: none;
}
.wizard .wizard-form .buttonPanel {
  margin: 40px 0 10px;
}
.wizard .wizard-form-container.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.2s;
}
@media only screen and (max-width: 960px) {
  .wizard {
    border: 0;
    padding: 0;
    box-shadow: none;
  }
  .wizard .wizard-state-container {
    margin: 0 0 20px;
  }
  .wizard .step {
    position: relative;
    width: 100%;
    height: 75px;
  }
  .wizard .step .count .state {
    display: none;
  }
}
.wizard .info-placeholder {
  margin: 10px 0;
}
.wizard .info-placeholder .image {
  margin: 0;
}
.wizard .preview {
  animation: toColor 5s;
  box-shadow: 15px 15px 15px -3px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 960px) {
  .buttonPanelMobile .btn {
    margin: 10px 0;
    width: 100%;
    text-align: center;
  }
}
.upload-error {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  padding-top: 5px;
  color: #b04e4e;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s;
  text-align: center;
}

.imageUploader-container-error {
  border: 1px dotted #b04e4e;
}

.imageUploader-container {
  border-radius: 60px;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px dotted #ACACAC;
  margin: 5px;
}
.imageUploader-container .userImage {
  border-radius: 60px;
  width: 120px;
  height: 120px;
}
.imageUploader-container .upload {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px auto auto -12px;
}
.imageUploader-container:hover {
  border-color: #2196F3;
}
.imageUploader-container:hover .material-icons {
  color: #2196F3;
}
.imageUploader-container .preview {
  position: absolute;
  top: calc(50% - 11px);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.imageUploader-container .preview p {
  margin: 0;
}

.imageUploader-container.large {
  border-radius: 180px;
  width: 360px;
  height: 360px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.imageUploader-container.large .userImage {
  border-radius: 180px;
  width: 360px;
  height: 360px;
}

/*******************************
    Table
 ********************************/
.table-wrapper {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

.tabulate {
  /*******************************
     Media Queries - Tabulate
     ********************************/
}
.tabulate .row {
  border-bottom: 1px solid #e0e0e0;
}
.tabulate .data {
  padding: 10px;
}
.tabulate th {
  background: #f5f5f5;
  text-align: left;
  color: #0d4c5b;
  font-size: 12px;
  padding: 10px 10px 10px 20px;
}
.tabulate td {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #f5f5f5;
}
.tabulate tr:last-child td {
  border-bottom: 0;
}
.tabulate .dt-header {
  border-radius: 3px;
}
.tabulate .dt-header .dt-header-cell {
  background: #f5f5f5;
  text-align: left;
  color: #0d4c5b;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px 5px 10px;
}
.tabulate .dt-header .dt-header-cell .sort-btn::after, .tabulate .dt-header .dt-header-cell .sort-btn::before {
  font-size: 8px;
}
.tabulate .dt-header .dt-header-cell .dt-resize-handle {
  border-right: 1px dotted #e0e0e0;
}
.tabulate .dt-cell {
  padding: 10px;
}
.tabulate .dt-cell .dt-data {
  color: #707070;
  font-size: 16px;
}
.tabulate .dt-cell .dt-data .image-container .userImage {
  margin: 0 10px 0 0;
}
.tabulate.alternate .dt-row:nth-child(even) {
  background: #edf5f6;
}
.tabulate.separator .dt-row:not(:last-child) .dt-cell {
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (max-width: 1280px) {
  .tabulate th {
    font-size: 12px;
  }
  .tabulate td {
    padding: 10px;
  }
}
@media only screen and (max-width: 400px) {
  .tabulate td,
.tabulate th {
    padding: 5px;
  }
}

.table.defaultTable .head {
  font-size: 12px;
  font-weight: 500;
  color: #ACACAC;
  padding: 0 10px 5px;
  text-transform: uppercase;
  text-align: left;
}
.table.defaultTable .data {
  padding: 10px;
  font-size: 14px;
}
.table.defaultTable .data a {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
}
.table.defaultTable .data .image-container {
  margin: 0 5px 0 0;
}
.table.defaultTable .data .image-container .userImage {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
.table.defaultTable .row:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.table.defaultTable a.row {
  cursor: pointer;
}
.table.defaultTable a.row:hover {
  background: #edf5f6;
}

.orderTable .order:not(:last-child) {
  border-bottom: 2px solid #0d4c5b;
  margin-bottom: 30px;
}
.orderTable .total {
  font-size: 18px;
}

/*******************************
    Tabs
 ********************************/
md-tabs.accent md-ink-bar {
  background: #2196F3;
  color: #2196F3;
}
md-tabs .md-tab .icon {
  margin: 0 5px 0 0;
}
md-tabs .md-tab .userImage {
  border-radius: 8px;
  width: 16px;
  height: 16px;
}
md-tabs.tabs > md-tabs-wrapper > md-tabs-canvas {
  border-bottom: 1px solid #D8D8D8;
  overflow: visible;
  height: 39px;
}
md-tabs.tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper {
  top: 1px;
}
md-tabs.tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > .md-tab {
  color: #0d4c5b;
  font-size: 12px;
  padding: 7px 20px;
  overflow: visible;
}
md-tabs.tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > .md-tab.md-active {
  background: #fff;
  color: #064250;
  box-shadow: inset 0px 1px 0px 1px #D8D8D8;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
md-tabs.tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > .md-tab .numberNotify {
  position: absolute;
  z-index: 1;
  top: -1px;
}
md-tabs.tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  bottom: auto;
  top: 0;
  background: #2196F3;
  color: #2196F3;
}
md-tabs.tabs > md-tabs-wrapper md-prev-button,
md-tabs.tabs > md-tabs-wrapper md-next-button {
  background: #2196F3;
}
md-tabs.tabs > md-tabs-wrapper md-prev-button md-icon,
md-tabs.tabs > md-tabs-wrapper md-next-button md-icon {
  color: #fff;
}
md-tabs.tabs > md-tabs-content-wrapper > md-tab-content {
  padding: 10px 0px 20px 0;
}
md-tabs.tabs.paddedContent > md-tabs-content-wrapper > md-tab-content {
  padding: 20px 0px 20px 0;
}
md-tabs.tabs.background > md-tabs-wrapper md-pagination-wrapper {
  margin: 0 0 0 40px;
}
md-tabs.tabs.background > md-tabs-wrapper .md-tab.md-active {
  background: #edf5f6;
  box-shadow: none;
}
md-tabs.tabs.background > md-tabs-wrapper md-tabs-canvas {
  border: 0;
}
md-tabs.tabs.background > md-tabs-content-wrapper > md-tab-content {
  background: #edf5f6;
  padding: 40px 20px;
}
md-tabs.tabs.background > md-tabs-content-wrapper > md-tab-content > div > md-content {
  background: #edf5f6;
}
md-tabs .md-tab .icon::after, md-tabs .md-tab .icon::before {
  font-size: 14px;
}
md-tabs.padding {
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 600px) {
  md-tabs.tabs > md-tabs-content-wrapper > md-tab-content {
    padding: 0;
  }
}

.tabContent {
  background: #fff;
}

/*******************************
    Ribbon
 ********************************/
.ribbon .item {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 20px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5 ease 0s;
}
.ribbon .focus {
  font-size: 18px;
  line-height: 35px;
}
.ribbon .error {
  background: #b04e4e;
}
.ribbon .error a {
  color: #b3ddfe;
}
.ribbon .success {
  background: #63b509;
}
.ribbon .success a {
  color: #064250;
}
.ribbon .warning {
  background: #F5A623;
}
.ribbon .warning a {
  color: #064250;
}
.ribbon .plain {
  color: #707070;
  background: #e3edee;
}
.ribbon .plain .btn.contrast {
  color: #707070;
}
.ribbon .link {
  cursor: pointer;
}
.ribbon .btn:not(:hover) {
  color: #fff;
}
.ribbon .ratingStars .star {
  padding: 0 10px;
}
.ribbon .ratingStars .star .icon {
  color: #fff;
}
.ribbon .ratingStars:hover .star .icon {
  color: #F39D0F;
}
.ribbon .ratingStars:hover .star:hover ~ .star .icon {
  color: #fff;
}

.notabene {
  background: #edf5f6;
  color: #434343;
  padding: 10px;
  margin: 3px 0;
  font-size: 14px;
}
.notabene.rounded {
  border-radius: 8px;
}
.notabene .circleIcon {
  margin-right: 10px;
}
.notabene .circleIcon .circle {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background: #9bc2cb;
  color: #edf5f6;
  text-align: center;
  line-height: 30px;
}
.notabene.warning {
  background: #b57070;
  color: #fff;
}
.notabene.warning .circle {
  background: #b04e4e;
}
.notabene.caution {
  background: #ffdf93;
}
.notabene.caution .circle {
  background: #F5A623;
}
.notabene.rounded {
  border-radius: 5px;
}
.notabene .image {
  width: auto;
  height: auto;
  margin: 10px;
}
.notabene .image img {
  width: 100%;
  height: auto;
  max-width: 500px;
}
.notabene .icon::before, .notabene .icon::after {
  font-size: 14px;
}

/*******************************
    Notes
 ********************************/
.note {
  width: auto !important;
  max-width: 700px;
  margin: 0 auto 20px;
  border: 2px solid #9bc2cb;
  border-radius: 5px;
  color: #0d4c5b;
  font-weight: 500;
  padding: 20px;
}
.note .cell {
  padding: 10px;
}
.note .icon [class^=flaticon-]:before,
.note .icon [class*=" flaticon-"]:before,
.note .icon [class^=flaticon-]:after,
.note .icon [class*=" flaticon-"]:after {
  font-size: 30px;
}

/*******************************
    Filter Column
 ********************************/
.content-container .filterColumn {
  background: #064250;
  color: #fff;
  padding: 10px 20px 20px;
  font-size: 15px;
  line-height: 25px;
  position: relative;
  margin: 0 20px 0 0;
  width: 300px;
  border-radius: 5px;
}
.content-container .filterColumn h3 {
  color: #fff;
}
.content-container .filterColumn md-switch.md-default-theme ._md-bar,
.content-container .filterColumn md-switch ._md-bar {
  background-color: #043743;
}
.content-container .filterColumn md-switch.md-default-theme ._md-thumb,
.content-container .filterColumn md-switch ._md-thumb {
  background-color: #0d4c5b;
}
.content-container .filterColumn md-switch.md-default-theme.md-checked ._md-bar,
.content-container .filterColumn md-switch.md-checked ._md-bar {
  background-color: rgba(99, 181, 9, 0.5);
}
.content-container .filterColumn md-switch.md-default-theme.md-checked ._md-thumb,
.content-container .filterColumn md-switch.md-checked ._md-thumb {
  background-color: #63b509;
}
.content-container .filterColumn .criterion {
  padding: 20px 0;
  border-bottom: 1px solid #0d4c5b;
}
.content-container .filterColumn .criterion label {
  color: #fff;
}
.content-container .filterColumn .criterion .head md-switch {
  margin: 0 0 0 5px;
  display: block;
}
.content-container .filterColumn .criterion:last-child {
  border-bottom: 0px;
}
.content-container .filterColumn .criterion .options.ng-enter {
  animation-name: fadeInDown;
  animation-duration: 0.3s;
}
.content-container .filterColumn .criterion .options.ng-leave {
  animation-name: fadeOutUp;
  animation-duration: 0.3s;
}
.content-container .filterColumn .criterion md-slider-container md-input-container {
  margin: 0;
  max-width: 100%;
  height: 100%;
}
.content-container .filterColumn .criterion md-slider-container > *:first-child:not(md-slider) {
  margin: 0;
}
.content-container .filterColumn .criterion md-slider-container md-input-container input[type=number] {
  margin: 0;
  border-color: transparent;
  background: transparent;
  color: #fff;
  border: 0;
  border-bottom: 1px;
  width: 90px;
}
.content-container .filterColumn .criterion .switch {
  cursor: pointer;
}
.content-container .filterColumn .criterion .switch .selector-input .directive-check {
  display: none;
}
.content-container .filterColumn .criterion .switch .circle {
  background: #043743;
}
.content-container .filterColumn .criterion .switch .circle .icon [class^=flaticon-]:before,
.content-container .filterColumn .criterion .switch .circle .icon [class*=" flaticon-"]:before,
.content-container .filterColumn .criterion .switch .circle .icon [class^=flaticon-]:after,
.content-container .filterColumn .criterion .switch .circle .icon [class*=" flaticon-"]:after {
  color: #0d4c5b;
}
.content-container .filterColumn .criterion .switch .text {
  color: #fff;
  font-size: 14px;
}
.content-container .filterColumn .criterion .switch.on .circle, .content-container .filterColumn .criterion .switch.active .circle {
  background: #0d4c5b;
}
.content-container .filterColumn .criterion .switch.on .circle .icon [class^=flaticon-]:before,
.content-container .filterColumn .criterion .switch.on .circle .icon [class*=" flaticon-"]:before,
.content-container .filterColumn .criterion .switch.on .circle .icon [class^=flaticon-]:after,
.content-container .filterColumn .criterion .switch.on .circle .icon [class*=" flaticon-"]:after, .content-container .filterColumn .criterion .switch.active .circle .icon [class^=flaticon-]:before,
.content-container .filterColumn .criterion .switch.active .circle .icon [class*=" flaticon-"]:before,
.content-container .filterColumn .criterion .switch.active .circle .icon [class^=flaticon-]:after,
.content-container .filterColumn .criterion .switch.active .circle .icon [class*=" flaticon-"]:after {
  color: #fff;
}
.content-container .filterColumn .criterion .switch.on .text, .content-container .filterColumn .criterion .switch.active .text {
  color: #fff;
  font-weight: 500;
}
.content-container .filterColumn .criterion .switch.buttonSwitch {
  background: #043743;
  border-radius: 5px;
}
.content-container .filterColumn .criterion .switch.buttonSwitch .icon,
.content-container .filterColumn .criterion .switch.buttonSwitch .text {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/*******************************
    Filter Draw
 ********************************/
.content-container .filterDraw {
  background: #0d4c5b;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  position: relative;
  margin: 0 0px 40px 0;
  border-radius: 5px;
}
.content-container .filterDraw h3,
.content-container .filterDraw h2 {
  color: #fff;
}
.content-container .filterDraw md-switch.md-default-theme ._md-bar,
.content-container .filterDraw md-switch ._md-bar {
  background-color: #043743;
}
.content-container .filterDraw md-switch.md-default-theme ._md-thumb,
.content-container .filterDraw md-switch ._md-thumb {
  background-color: #0d4c5b;
}
.content-container .filterDraw md-switch.md-default-theme.md-checked ._md-bar,
.content-container .filterDraw md-switch.md-checked ._md-bar {
  background-color: rgba(99, 181, 9, 0.5);
}
.content-container .filterDraw md-switch.md-default-theme.md-checked ._md-thumb,
.content-container .filterDraw md-switch.md-checked ._md-thumb {
  background-color: #63b509;
}
.content-container .filterDraw .draw-head {
  padding: 10px;
  text-align: center;
  position: relative;
}
.content-container .filterDraw .draw-head .close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  padding: 8px 20px;
  cursor: pointer;
}
.content-container .filterDraw .draw-head .close [class^=flaticon-]:before,
.content-container .filterDraw .draw-head .close [class*=" flaticon-"]:before,
.content-container .filterDraw .draw-head .close [class^=flaticon-]:after,
.content-container .filterDraw .draw-head .close [class*=" flaticon-"]:after {
  font-size: 22px;
}
.content-container .filterDraw .draw-content {
  background: #064250;
  padding: 10px 20px;
}
.content-container .filterDraw .draw-handle {
  border-top: 1px solid #064250;
  text-align: center;
  color: #043743;
  cursor: pointer;
}
.content-container .filterDraw .filters {
  width: 100%;
  padding: 0 20px;
}
.content-container .filterDraw .criterion {
  padding: 20px 0;
  border-bottom: 1px solid #0d4c5b;
}
.content-container .filterDraw .criterion td {
  border-bottom: 1px solid #0d4c5b;
  padding: 0;
  vertical-align: top;
}
.content-container .filterDraw .criterion label {
  color: #fff;
}
.content-container .filterDraw .criterion .head {
  width: 300px;
}
.content-container .filterDraw .criterion .head md-switch {
  margin: 10px;
  display: block;
}
.content-container .filterDraw .criterion .options.ng-enter {
  animation-name: fadeInDown;
  animation-duration: 0.3s;
}
.content-container .filterDraw .criterion .options.ng-leave {
  animation-name: fadeOutUp;
  animation-duration: 0.3s;
}
.content-container .filterDraw .criterion .options .option {
  padding: 1px;
  position: relative;
}
.content-container .filterDraw .criterion md-input-container .info {
  color: #ACACAC;
}
.content-container .filterDraw .criterion md-slider-container md-input-container {
  margin: 0;
  max-width: 100%;
  height: 100%;
}
.content-container .filterDraw .criterion md-slider-container > *:first-child:not(md-slider) {
  margin: 0;
}
.content-container .filterDraw .criterion md-slider-container md-input-container input[type=number] {
  margin: 0;
  border-color: transparent;
  background: transparent;
  color: #fff;
  border: 0;
  border-bottom: 1px;
  width: 90px;
}
.content-container .filterDraw .criterion .switch {
  cursor: pointer;
}
.content-container .filterDraw .criterion .switch .selector-input .directive-check {
  display: none;
}
.content-container .filterDraw .criterion .switch .circle {
  background: #043743;
}
.content-container .filterDraw .criterion .switch .icon [class^=flaticon-]:before,
.content-container .filterDraw .criterion .switch .icon [class*=" flaticon-"]:before,
.content-container .filterDraw .criterion .switch .icon [class^=flaticon-]:after,
.content-container .filterDraw .criterion .switch .icon [class*=" flaticon-"]:after {
  color: #0d4c5b;
}
.content-container .filterDraw .criterion .switch .text {
  color: #fff;
  font-size: 14px;
}
.content-container .filterDraw .criterion .switch.on .circle, .content-container .filterDraw .criterion .switch.active .circle {
  background: #0d4c5b;
}
.content-container .filterDraw .criterion .switch.on .icon [class^=flaticon-]:before,
.content-container .filterDraw .criterion .switch.on .icon [class*=" flaticon-"]:before,
.content-container .filterDraw .criterion .switch.on .icon [class^=flaticon-]:after,
.content-container .filterDraw .criterion .switch.on .icon [class*=" flaticon-"]:after, .content-container .filterDraw .criterion .switch.active .icon [class^=flaticon-]:before,
.content-container .filterDraw .criterion .switch.active .icon [class*=" flaticon-"]:before,
.content-container .filterDraw .criterion .switch.active .icon [class^=flaticon-]:after,
.content-container .filterDraw .criterion .switch.active .icon [class*=" flaticon-"]:after {
  color: #fff;
}
.content-container .filterDraw .criterion .switch.on .text, .content-container .filterDraw .criterion .switch.active .text {
  color: #fff;
  font-weight: 500;
}
.content-container .filterDraw .criterion .switch.on .selector-input .directive-check, .content-container .filterDraw .criterion .switch.active .selector-input .directive-check {
  display: block;
}
.content-container .filterDraw .criterion .buttonSwitch .selector-input.switch {
  border-color: transparent;
  background: #043743;
  border-radius: 5px;
  position: relative;
  margin: 5px 8px 0 0;
  padding: 10px;
}
.content-container .filterDraw .criterion .buttonSwitch .selector-input.switch .icon,
.content-container .filterDraw .criterion .buttonSwitch .selector-input.switch .text {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 5px;
}
.content-container .filterDraw .criterion .buttonSwitch .selector-input.switch .icon.block,
.content-container .filterDraw .criterion .buttonSwitch .selector-input.switch .text.block {
  display: block;
}
.content-container .filterDraw .criterion .buttonSwitch .selector-input.switch.on, .content-container .filterDraw .criterion .buttonSwitch .selector-input.switch.active {
  background: #0d4c5b;
}
.content-container .filterDraw.closed {
  background: #f5f5f5;
  color: #064250;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.content-container .filterDraw.closed .draw-head h2 {
  color: #064250;
}
.content-container .filterDraw.closed .draw-handle {
  border-top: 1px solid #fafafa;
  color: #434343;
}
@media only screen and (max-width: 960px) {
  .content-container .filterDraw .filters {
    padding: 0;
  }
  .content-container .filterDraw .criterion td {
    display: block;
  }
  .content-container .filterDraw .criterion .head {
    border: none;
  }
  .content-container .filterDraw .criterion .socialNetworks .buttonSwitch selector-input-container {
    padding: 0 5px 0 0;
  }
  .content-container .filterDraw .criterion .socialNetworks .buttonSwitch .selector-input.switch {
    padding: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .content-container .filterDraw .draw-content {
    padding: 10px 5px;
  }
  .content-container .filterDraw .criterion .socialNetworks .buttonSwitch .selector-input.switch {
    padding: 0;
  }
  .content-container .filterDraw .criterion .socialNetworks .buttonSwitch .selector-input.switch .text {
    display: none;
  }
}

/*******************************
    Number Notification
 ********************************/
.numberNotify {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 1px;
}
.numberNotify .circle {
  background: #064250;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 21px;
  width: auto;
  min-width: 20px;
  padding: 0 5px;
}
.numberNotify.warning .circle {
  background-color: #ec551a;
}
.numberNotify.success .circle {
  background-color: #63b509;
}

.notifyIcon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  margin-right: 15px;
}
.notifyIcon .icon {
  color: #064250;
}
.notifyIcon .icon::before,
.notifyIcon .icon::after {
  font-size: 30px;
}
.notifyIcon .image {
  text-align: center;
}
.notifyIcon .numberNotify {
  position: absolute;
  right: -3px;
  top: 0;
}
.notifyIcon .numberNotify .circle {
  background-color: #F5A623;
}
.notifyIcon .text {
  color: #064250;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

/*******************************
    Status
 ********************************/
.status {
  font-size: 12px;
  font-weight: 500;
  color: #F39D0F;
  margin: 0 10px 0 0;
}
.status .circle {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  border: 1px solid transparent;
  margin: 0 5px;
  background: #F39D0F;
}
.status.neutral,
.status .neutral,
.status .plain {
  color: #58777d;
}
.status.neutral .circle,
.status .neutral .circle,
.status .plain .circle {
  background: #58777d;
}
.status.draft, .status.closed,
.status .warning {
  color: #F39D0F;
}
.status.draft .circle, .status.closed .circle,
.status .warning .circle {
  background: #F39D0F;
}
.status.saved {
  color: #ff7693;
}
.status.saved .circle {
  background: #ff7693;
}
.status.pending {
  color: #e43f3f;
}
.status.pending .circle {
  background: #e43f3f;
}
.status.published, .status.accepted, .status.opened, .status.success,
.status .success {
  color: #63b509;
}
.status.published .circle,
.status.published .success + .cirle, .status.accepted .circle,
.status.accepted .success + .cirle, .status.opened .circle,
.status.opened .success + .cirle, .status.success .circle,
.status.success .success + .cirle,
.status .success .circle,
.status .success .success + .cirle {
  background: #63b509;
}
.status.applied {
  color: #F39D0F;
}
.status.applied .circle {
  background: #F39D0F;
}
.status.not-interested, .status.cancel, .status.error, .status.important,
.status .important,
.status .error {
  color: #b04e4e;
}
.status.not-interested .circle,
.status.not-interested .important + .circle, .status.cancel .circle,
.status.cancel .important + .circle, .status.error .circle,
.status.error .important + .circle, .status.important .circle,
.status.important .important + .circle,
.status .important .circle,
.status .important .important + .circle,
.status .error .circle,
.status .error .important + .circle {
  background: #b04e4e;
}
.status.sent-proposal {
  color: #63b509;
}
.status.sent-proposal .circle {
  background: #63b509;
}
.status.save-for-later, .status.in-discussion {
  color: #604d70;
}
.status.save-for-later .circle, .status.in-discussion .circle {
  background: #604d70;
}
.status.new {
  color: #63b509;
}
.status.new .circle {
  background: #63b509;
}
.status.plain {
  color: #fff;
}
.status.plain .circle {
  background: #fff;
}
.status.chip {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 20px;
  padding: 5px 10px;
  color: #fff;
  background: #F5A623;
  margin-top: 10px;
}
.status.chip .circle {
  background: #fff;
  margin-left: 0;
}
.status.chip.neutral {
  background-color: #58777d;
}
.status.chip.draft {
  background-color: #F39D0F;
}
.status.chip.pending {
  background-color: #e43f3f;
}
.status.chip.published, .status.chip.accepted, .status.chip.success {
  background-color: #63b509;
}
.status.chip.applied {
  background-color: #F39D0F;
}
.status.chip.not-interested, .status.chip.cancel, .status.chip.important, .status.chip.error {
  background-color: #b04e4e;
}
.status.chip.sent-proposal {
  background-color: #63b509;
}
.status.chip.save-for-later, .status.chip.in-discussion {
  background-color: #604d70;
}
.status.chip.saved {
  background-color: #ff7693;
}
.status.chip.new {
  background-color: #63b509;
}

/*******************************
    Example
 ********************************/
.example {
  font-size: 12px;
  color: #434343;
}
.example .text {
  font-style: italic;
  font-weight: 100;
  text-transform: none;
}
.example .text.error {
  color: #b04e4e;
}

/*******************************
    View Chip
 ********************************/
.viewChip,
.viewChip.status {
  background: #938a9a;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 10px;
  margin: 3px 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 10px;
}
.viewChip .circle,
.viewChip.status .circle {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 3px;
  width: 6px;
  height: 6px;
  border: 1px solid transparent;
  margin: 0 3px 0 0;
  background: #fff;
}
.viewChip.success,
.viewChip.status.success {
  background: #abd978;
}
.viewChip.draft,
.viewChip.status.draft {
  background: #F39D0F;
}
.viewChip.pending,
.viewChip.status.pending {
  background: #e43f3f;
}
.viewChip.published,
.viewChip.status.published {
  background: #63b509;
}
.viewChip.applied,
.viewChip.status.applied {
  background: #F39D0F;
}
.viewChip.not-interested,
.viewChip.status.not-interested {
  background: #b04e4e;
}
.viewChip.error,
.viewChip.status.error {
  background: #e68c8c;
}
.viewChip.sent-proposal,
.viewChip.status.sent-proposal {
  background: #63b509;
}
.viewChip.save-for-later,
.viewChip.status.save-for-later {
  background: #604d70;
}
.viewChip.new,
.viewChip.status.new {
  background: #63b509;
}
.viewChip.type.sponsorship,
.viewChip.status.type.sponsorship {
  background-color: #604d70;
}
.viewChip.type.product,
.viewChip.status.type.product {
  background-color: #ff7676;
}
.viewChip.type.affiliate,
.viewChip.status.type.affiliate {
  background-color: #F5A623;
}
.viewChip.type.nonprofit,
.viewChip.status.type.nonprofit {
  background-color: #73a937;
}
.viewChip.type.equity,
.viewChip.status.type.equity {
  background-color: #0eb98b;
}
.viewChip.type.pitch,
.viewChip.status.type.pitch {
  background-color: #b3ddfe;
}

/*******************************
    Input Images
 ********************************/
.inputImages,
.selectImages {
  margin-left: 10px;
}
.inputImages.nomargin,
.selectImages.nomargin {
  margin: 0;
}
.inputImages .imageInput,
.selectImages .imageInput {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  margin: 0 8px 8px;
}
.inputImages .imageInput.placeholder,
.selectImages .imageInput.placeholder {
  border: 1px dashed #ACACAC;
  cursor: pointer;
}
.inputImages .imageTray,
.selectImages .imageTray {
  margin: 5px 0;
}
.inputImages .image-container,
.selectImages .image-container {
  position: relative;
}
.inputImages .image-container.ng-enter,
.selectImages .image-container.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.inputImages .image-container.ng-leave,
.selectImages .image-container.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.inputImages .image-container:hover .tick,
.selectImages .image-container:hover .tick {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.inputImages .tick,
.selectImages .tick {
  background: #fff;
  position: absolute;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  left: 50%;
  margin-left: -30px;
  top: 20px;
  opacity: 0.9;
  cursor: pointer;
}
.inputImages .tick [class^=flaticon-]:before,
.inputImages .tick [class*=" flaticon-"]:before,
.inputImages .tick [class^=flaticon-]:after,
.inputImages .tick [class*=" flaticon-"]:after,
.selectImages .tick [class^=flaticon-]:before,
.selectImages .tick [class*=" flaticon-"]:before,
.selectImages .tick [class^=flaticon-]:after,
.selectImages .tick [class*=" flaticon-"]:after {
  color: #63b509;
  font-size: 22px;
}
.inputImages .close,
.selectImages .close {
  position: absolute;
  right: -5px;
  top: -5px;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  background: #fff;
  cursor: pointer;
}
.inputImages .close [class^=flaticon-]:before,
.inputImages .close [class*=" flaticon-"]:before,
.inputImages .close [class^=flaticon-]:after,
.inputImages .close [class*=" flaticon-"]:after,
.selectImages .close [class^=flaticon-]:before,
.selectImages .close [class*=" flaticon-"]:before,
.selectImages .close [class^=flaticon-]:after,
.selectImages .close [class*=" flaticon-"]:after {
  color: #2196F3;
}
@media only screen and (max-width: 960px) {
  .inputImages .imageInput,
.selectImages .imageInput {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .inputImages .tick,
.selectImages .tick {
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background: none;
  }
}
@media only screen and (max-width: 600px) {
  .inputImages .imageInput,
.selectImages .imageInput {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .inputImages .tick,
.selectImages .tick {
    top: 0px;
  }
}

.selectImages .imageInput {
  margin: 0 10px 0 0;
  width: 80px;
  height: 80px;
  cursor: pointer;
  line-height: 75px;
  border: 2px solid transparent;
  position: relative;
}
.selectImages .imageInput.placeholder {
  border: 1px dashed #ACACAC;
}
.selectImages .imageInput .check {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #2196F3;
  text-align: center;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  display: none;
  line-height: 17px;
}
.selectImages .imageInput .check [class^=flaticon-]:before,
.selectImages .imageInput .check [class*=" flaticon-"]:before,
.selectImages .imageInput .check [class^=flaticon-]:after,
.selectImages .imageInput .check [class*=" flaticon-"]:after {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.selectImages .imageInput:hover {
  border-color: #2196F3;
}
.selectImages .imageInput.active {
  border-color: #2196F3;
}
.selectImages .imageInput.active .check {
  display: block;
}
.selectImages .selectedImage .image {
  margin: 10px 0 0 0;
  width: 200px;
  height: 200px;
  cursor: pointer;
  border: 1px dashed #ACACAC;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 200px;
  text-align: center;
}
.selectImages .selectedImage .image img {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .selectImages .imageTray .imageInput {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .selectImages .selectedImage .image {
    width: 100%;
    height: auto;
  }
}

.cropArea {
  border: 1px dashed #ACACAC;
  position: relative;
}
.cropArea.fixed {
  width: 100%;
  height: 100%;
  min-height: 200px;
  max-width: 200px;
}
.cropArea .cropper {
  width: 100%;
  height: 100%;
}
.cropArea .placeholder {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #ACACAC;
  cursor: pointer;
}
.cropArea.deliverable {
  width: 200px;
  height: 200px;
  margin: 10px 0 5px 0;
}
.cropArea img {
  width: 100%;
}

.video-holder {
  padding: 0 20px;
}
.video-holder .preview-placeholder {
  height: 200px;
  border: 3px solid #D8D8D8;
  color: #D8D8D8;
}

.summaryRow .summary:not(:last-child) {
  margin-right: 5px !important;
}
.summaryRow .summary-container {
  padding: 20px !important;
}

/*******************************
    Application View
 ********************************/
.modalFullView {
  max-width: 1140px;
}
.modalFullView .close:hover {
  color: #fff;
}
.modalFullView .head {
  background-color: #0d4c5b;
  padding: 15px 20px;
  color: #fff;
  min-height: 50px;
}
.modalFullView .head .title {
  margin: 0 30px 0 0;
  font-size: 16px;
}
.modalFullView .head .title .circleIcon {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background: #043743;
  text-align: center;
  line-height: 28px;
  margin-right: 5px;
  color: #fff;
  overflow: hidden;
}
.modalFullView .head .title .circleIcon .icon::before,
.modalFullView .head .title .circleIcon .icon::after {
  font-size: 15px;
}
.modalFullView .content {
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
.modalFullView .content a.link {
  font-size: 11px;
}
.modalFullView .modalButtonPanel {
  bottom: 0;
  right: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  padding: 20px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}
.modalFullView .modalButtonPanel a.link {
  color: #2196F3 !important;
  margin: 0 5px 0 0;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
}
.modalFullView .modalButtonPanel a.link:hover {
  text-decoration: underline;
}
.modalFullView .athlete {
  border-bottom: 1px solid #D8D8D8;
  padding: 0 0 10px 0;
  margin: 0 0 10px;
}
.modalFullView .athlete .info {
  margin: 0 10px 0 0;
}
.modalFullView .athlete .name {
  color: #707070;
}
.modalFullView .athlete .name:hover {
  color: #2196F3;
}
.modalFullView .athlete .applied {
  margin: 0 0 3px;
}
.modalFullView .athlete .control {
  margin: 0 0 0 20px;
}
.modalFullView .athlete .archived {
  font-size: 12px;
  font-weight: 500;
  color: #ACACAC;
  position: relative;
}
.modalFullView .athlete .archived .icon {
  width: 20px;
  margin: 0 0 0 5px;
}
.modalFullView .status {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 20px;
  padding: 3px 10px;
  color: #fff;
  background: #F5A623;
  margin: 0;
}
.modalFullView .status .circle {
  background: #fff;
  margin-left: 0;
}
.modalFullView .status.not-interested, .modalFullView .status.cancel {
  background: #b04e4e;
}
.modalFullView .status.sent-proposal, .modalFullView .status.accepted {
  background: #63b509;
}
.modalFullView .status.save-for-later, .modalFullView .status.in-discussion {
  background: #604d70;
}
.modalFullView .status.saved {
  background: #ff7693;
}
.modalFullView .main {
  margin-right: 20px;
}
.modalFullView .main .output-group {
  color: #434343;
  font-size: 14px;
  padding: 10px 20px 25px 0;
}
.modalFullView .main .output-group label {
  font-size: 13px;
}
.modalFullView .main .output-group ul {
  margin: 5px 0 3px;
}
.modalFullView .main .activities {
  min-width: 240px;
}
.modalFullView .main .questions ol {
  padding: 0 0 0 15px;
  margin: 3px 0;
}
.modalFullView .main .questions .answer {
  margin: 8px 0 10px;
  background: #edf5f6;
  padding: 5px 10px;
  line-height: 20px;
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.modalFullView .main .timeline .event .date {
  width: 40px;
}
.modalFullView .main .timeline .event .date .day {
  color: #707070;
  font-size: 16px;
}
.modalFullView .main .payment {
  text-align: left;
  color: #434343;
  font-size: 14px;
}
.modalFullView .main .payment .subpayment {
  margin: 0 5px 5px 0;
  background: #edf5f6;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
}
.modalFullView .main .payment .number {
  font-size: 20px;
  text-align: right;
}
.modalFullView .main .payment .number.total {
  font-size: 30px;
  font-weight: 500;
}
.modalFullView .main .payment hr {
  margin: 5px 0;
}
.modalFullView .main .notes {
  border-top: 1px solid #D8D8D8;
}
.modalFullView .summary .summary-container {
  border-radius: 5px;
  background: #edf5f6;
  padding: 20px;
  min-width: 250px;
  text-align: left;
}
.modalFullView .summary .group:not(:last-child) {
  margin: 0 0 20px;
}
.modalFullView .athleteAnalysis .overall {
  margin: 10px 0 0;
}
.modalFullView .athleteAnalysis .overall .stat {
  top: 30px;
}
.modalFullView .athleteAnalysis .overall .stat .number {
  font-size: 32px;
}
.modalFullView .athleteAnalysis .overall .stat .title {
  font-size: 13px;
}
.modalFullView .ccrequest {
  color: #707070;
  margin: 3px 0 0;
}
@media screen and (max-width: 600px) {
  .modalFullView .athlete .control {
    margin: 0;
  }
}

/*******************************
    Social Content
 ********************************/
.socialContent {
  margin: 3px 0 15px;
  cursor: pointer;
}
.socialContent .athlete {
  margin: 5px 0;
}
.socialContent .athlete .image-container {
  margin: 0 5px 0 0;
}
.socialContent .athlete .name {
  font-size: 13px;
  font-weight: 500;
  color: #434343;
}
.socialContent .athlete .date {
  font-size: 11px;
  color: #707070;
}
.socialContent .description {
  font-size: 13px;
  font-weight: 100;
  margin: 10px 0;
}
.socialContent .postContent {
  padding: 0;
}
.socialContent .postContent .image {
  width: 100%;
  min-height: 200px;
  min-width: 150px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #edf5f6;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.socialContent .postContent .image .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 13px;
  color: #fff;
  background: rgba(47, 130, 149, 0.8);
  background: rgba(0, 0, 0, 0.5);
}
.socialContent .postContent .image .platform {
  color: #fff;
  padding: 10px;
  text-shadow: 2px 2px #434343;
  text-align: left;
}
.socialContent .postContent .image em {
  border-radius: 3px;
  background: #fff;
  color: #707070;
  padding: 0 2px;
}
.socialContent .postContent .video {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.socialContent .postContent .video .info {
  color: #fff;
  background: rgba(47, 130, 149, 0.8);
  background: black;
}
.socialContent .postContent .video .platform {
  color: #fff;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.socialContent .postContent .video em {
  border-radius: 3px;
  background: #fff;
  color: #707070;
  padding: 0 2px;
}
.socialContent .postContent .info {
  padding: 10px 5px;
}
.socialContent .postContent .sponsored {
  padding: 5px 0;
  font-size: 13px;
  font-weight: 700;
}
.socialContent .postContent .sponsored img {
  width: 25px;
}
.socialContent .postContent .date {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin: 5px 5px 5px 0;
}
.socialContent .postContent .noImage .platform {
  color: #707070;
  margin: 0 5px 5px;
}
.socialContent .postContent .text {
  background: #edf5f6;
  color: #707070;
  position: relative;
  border-radius: 5px;
}
.socialContent .postContent .text::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  left: 6px;
  top: -20px;
  border-bottom: 10px solid #edf5f6;
}
.socialContent .postContent .text .string {
  padding: 10px 10px 0 10px;
  font-size: 13px;
}
.socialContent .postContent .text .postHighlight {
  padding: 10px;
  font-size: 13px;
  word-wrap: break-word;
}
.socialContent .postContent .text .postHighlight em {
  border-radius: 3px;
  background: #9bc2cb;
  color: #fff;
  padding: 0 2px;
}
.socialContent .postContent .text .platform {
  margin: 0 0 0 5px;
  color: #ACACAC;
}
.socialContent .postContent .text .date {
  color: #707070;
}
.socialContent .postContent .engagement .box {
  padding: 0 10px;
  font-size: 13px;
}
.socialContent .postContent .engagement .box:not(:first-child) {
  border-left: 1px solid #D8D8D8;
}
.socialContent .postContent .engagement .box .icon {
  margin: 0 3px 0 0;
}
.socialContent .postContent .engagement .box .icon::before, .socialContent .postContent .engagement .box .icon::after {
  font-size: 13px;
}
.socialContent.manual .postContent .platform {
  color: #ffdf93;
}
.socialContent hr {
  border-color: #D8D8D8;
}
.socialContent.small .postContent .image {
  min-height: 100px;
}
.socialContent.small .postContent .engagement {
  display: none;
}
.socialContent:last-child hr {
  border: none;
}
.socialContent:hover .image,
.socialContent:hover .text {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
}
.socialContent:hover .postContent .image .info {
  background: rgba(0, 0, 0, 0.8);
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
}

#SelectSocialPost .tools {
  padding: 10px 0;
  margin-top: 10px;
  border-top: 1px solid #e0e0e0;
}
#SelectSocialPost .socialContent {
  margin: 5px;
}
#SelectSocialPost .posts-container {
  margin: 20px 0 30px;
  min-height: 100px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#SelectSocialPost .selected-container {
  position: relative;
  cursor: pointer;
}
#SelectSocialPost .itemOverlay {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#SelectSocialPost .itemOverlay .icon {
  display: none;
  color: #fff;
}
#SelectSocialPost .itemOverlay .icon::before, #SelectSocialPost .itemOverlay .icon::after {
  font-size: 30px;
}
#SelectSocialPost .itemOverlay .text {
  color: #434343;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  display: none;
}
#SelectSocialPost .selected .itemOverlay {
  opacity: 1;
  background: rgba(33, 150, 243, 0.7);
  border-radius: 5px;
}
#SelectSocialPost .selected .itemOverlay .icon {
  display: block;
}
#SelectSocialPost .used .itemOverlay {
  opacity: 1;
  background: rgba(224, 224, 224, 0.8);
  border-radius: 5px;
}
#SelectSocialPost .used .itemOverlay .text {
  display: block;
}

.feedbackText {
  position: relative;
  min-height: 200px;
  margin-bottom: 10px;
  cursor: pointer;
}
.feedbackText .border {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
.feedbackText .text {
  margin-top: 10px;
  color: #707070;
  font-size: 14px;
  font-weight: bold;
  min-height: 150px;
  z-index: 1;
}
.feedbackText .marks {
  color: #e0e0e0;
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0.5;
}
.feedbackText .marks::after, .feedbackText .marks::before {
  font-size: 25px;
}
.feedbackText:hover .border {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
}

/*******************************
    Notes
 ********************************/
.notesWidget label {
  position: relative;
}
.notesWidget .notes-container {
  margin: 20px 0 10px;
}
.notesWidget .image-container {
  margin: 0 5px 0 0;
}
.notesWidget .image {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
.notesWidget .name {
  font-weight: 500;
}
.notesWidget .dropCap {
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
}
.notesWidget .input .dropCap {
  background-color: #e3edee;
  color: #707070;
}
.notesWidget .n-note {
  border: none;
  border-radius: 5px;
  padding: 8px 10px 10px;
  margin: 5px;
}
.notesWidget .n-note.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
.notesWidget .n-note.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
.notesWidget .n-note .n-head .timestamp {
  font-size: 12px;
  font-weight: 500;
  color: #D8D8D8;
}
.notesWidget .n-note .text {
  font-size: 14px;
  margin: 0 0 0 30px;
}
.notesWidget .n-note.saving {
  opacity: 0.5;
}
.notesWidget .owner .dropCap {
  background-color: #2f8295;
  color: #fff;
}
.notesWidget .admin .dropCap {
  background-color: #ed9300;
  color: #fff;
}
.notesWidget .admin.n-note {
  background: #fae6c5;
}

.checkList .item .check {
  width: 25px;
  height: 20px;
  position: relative;
  margin: 0 10px 0 0;
}
.checkList .item .icon {
  position: absolute;
  color: #63b509;
  top: 3px;
  left: 6px;
}
.checkList .item .icon::before, .checkList .item .icon::after {
  font-size: 16px;
}
.checkList .item .label {
  color: #707070;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.checkList .item .label.off {
  color: #ACACAC;
}
.checkList .item .number {
  color: #434343;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: right;
  position: relative;
  width: 25px;
  height: 20px;
  margin: 0 10px 0 0;
}
.checkList .item .number.off {
  color: #ACACAC;
}

.device {
  background-image: url("/assets/img/img_imac.webp");
  background-repeat: no-repeat;
  width: 525px;
  height: 516px;
  position: relative;
  margin: 0 auto;
}
.device .screen {
  width: 480px;
  height: 288px;
  position: absolute;
  top: 21px;
  left: 22px;
  overflow: hidden;
}
.device .screen.overflow {
  overflow: visible;
}
.device .screen img {
  width: 100%;
}
.device .glare {
  background-image: url("/assets/img/img_imac-glare.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}
.device.screen-macbook {
  background-image: url("/assets/img/img_macbook.webp");
  width: 534px;
  height: 324px;
}
.device.screen-macbook .screen {
  width: 403px;
  height: 252px;
  top: 17px;
  left: 66px;
}
.device.screen-macbook .glare {
  background-image: url("/assets/img/img_macbook-glare.png");
  background-size: 534px auto;
}
@media only screen and (max-width: 1500px) {
  .device:not(.noresize) {
    background-size: 400px auto;
    width: 400px;
    height: 370px;
  }
  .device:not(.noresize) .screen {
    top: 17px;
    left: 18px;
    width: 365px;
    height: 222px;
  }
  .device:not(.noresize) .glare {
    background-size: 400px auto;
  }
  .device:not(.noresize).screen-macbook {
    background-image: url("/assets/img/img_macbook.webp");
  }
  .device:not(.noresize).screen-macbook .screen {
    width: 300px;
    height: 188px;
    top: 15px;
    left: 52px;
  }
  .device:not(.noresize).screen-macbook .glare {
    background-size: 400px auto;
    width: 400px;
  }
}
@media only screen and (max-width: 1280px) {
  .device:not(.noresize).screen-macbook {
    background-size: 400px auto;
    width: 400px;
    height: 245px;
  }
  .device:not(.noresize).screen-macbook .screen {
    width: 300px;
    height: 188px;
    top: 15px;
    left: 52px;
  }
  .device:not(.noresize).screen-macbook .glare {
    background-size: 400px auto;
    width: 400px;
  }
}
@media only screen and (max-width: 960px) {
  .device:not(.noresize) {
    background-size: 320px auto;
    width: 320px;
    height: 300px;
  }
  .device:not(.noresize) .screen {
    top: 15px;
    left: 17px;
    width: 290px;
    height: 179px;
  }
  .device:not(.noresize) .glare {
    background-size: 320px auto;
    width: 320px;
  }
}
@media only screen and (max-width: 600px) {
  .device:not(.noresize).screen-macbook {
    background-size: 300px auto;
    width: 300px;
    height: 210px;
  }
  .device:not(.noresize).screen-macbook .screen {
    width: 226px;
    height: 140px;
    top: 10px;
    left: 37px;
  }
  .device:not(.noresize).screen-macbook .glare {
    background-size: 300px auto;
    width: 300px;
  }
}
@media only screen and (max-width: 400px) {
  .device:not(.noresize).screen-macbook {
    background-size: 200px auto;
    width: 200px;
    height: 195px;
  }
  .device:not(.noresize).screen-macbook .screen {
    width: 146px;
    height: 94px;
    top: 7px;
    left: 27px;
  }
  .device:not(.noresize).screen-macbook .glare {
    background-size: 200px auto;
    width: 200px;
  }
}

.keyPanel {
  background: #e8e8e8;
  border-radius: 5px;
  width: auto;
  padding: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.keyPanel .title {
  margin: 5px 0 10px;
  color: #064250;
  font-weight: 500;
}

.timeline .event .date {
  text-align: center;
  color: #707070;
  position: relative;
  border-radius: 3px;
  width: 75px;
  line-height: 9px;
}
.timeline .event .date .point {
  position: absolute;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background: #ACACAC;
  top: 20px;
  right: -6px;
}
.timeline .event .date .day {
  font-size: 20px;
  color: #064250;
  line-height: 28px;
}
.timeline .event .date .month {
  text-transform: uppercase;
  font-size: 12px;
}
.timeline .event .date .year {
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 500;
}
.timeline .event .info {
  border-left: 2px solid #ACACAC;
  padding: 12px 0 10px 10px;
  color: #434343;
  font-size: 14px;
  min-height: 55px;
}
.timeline .event .info.background {
  padding: 0 0 10px 10px;
}
.timeline .event .info.background .background-container {
  border-radius: 3px;
  overflow: hidden;
  padding: 20px 10px 10px 15px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.timeline .event .info.background .background-container .overlay {
  background: #f2f6fa;
  opacity: 0.9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.timeline .event .info.background .background-container .name {
  font-size: 15px;
  margin: 0 0 5px;
}
.timeline .event .info.background .background-container .location {
  font-size: 14px;
}
.timeline .event .info.background .background-container a {
  color: #0F84E1;
  font-weight: 500;
}
.timeline .event .details {
  position: relative;
}
.timeline .event .name {
  font-weight: 500;
  position: relative;
}
.timeline .event .name a {
  color: #434343;
}
.timeline .event .name a:hover {
  color: #2196F3;
}
.timeline .event .location {
  font-size: 12px;
  position: relative;
}
.timeline .event .url {
  color: #2196F3;
  position: relative;
}
.timeline .event .remove {
  padding: 0 10px;
}
.timeline .occasion {
  min-height: 30px;
  position: relative;
  margin: 0 0 32px 20px;
}
.timeline .occasion .bar {
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #D8D8D8;
}
.timeline .occasion .bar.on {
  background-color: #559b08;
  bottom: 100%;
}
.timeline .occasion .point {
  border-radius: 16px;
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  color: #707070;
  background: #fff;
  border: 1px solid #D8D8D8;
  position: absolute;
  bottom: -32px;
  left: -16px;
}
.timeline .occasion .point .icon::before, .timeline .occasion .point .icon::after {
  font-size: 14px;
}
.timeline .occasion .check {
  display: none;
}
.timeline .occasion .info {
  text-align: left;
  position: absolute;
  left: 45px;
  line-height: 15px;
  font-size: 12px;
  white-space: nowrap;
  margin: 0;
}
.timeline .occasion .state {
  top: 5px;
  text-transform: uppercase;
}
.timeline .occasion .status {
  text-align: left;
  font-weight: 500;
  color: #707070;
  top: 20px;
}
.timeline .occasion.completed .point {
  background: #559b08;
  border-color: #559b08;
}
.timeline .occasion.completed .point .number {
  display: none;
}
.timeline .occasion.completed .point .check {
  display: inline;
}
.timeline .occasion.completed .point .icon {
  color: #fff;
}
.timeline .occasion.completed .bar {
  background: #559b08;
}
.timeline .occasion.active .point {
  background: #559b08;
  border-color: #559b08;
  transition: background 1s ease 0s;
  transition-delay: 1s;
}
.timeline .occasion.active .point .icon,
.timeline .occasion.active .point .number {
  color: #fff;
}
.timeline .occasion.active .bar.on {
  bottom: 0;
  transition: all 1s ease 0s;
}
.timeline .occasion.progress .bar.on {
  bottom: 50%;
  transition: all 1s ease 0s;
  transition-delay: 1s;
}
.timeline .occasion:first-child {
  min-height: 0;
}
.timeline .occasion:first-child .bar {
  display: none;
}
.timeline.horizontal {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 15px;
}
.timeline.horizontal .occasion {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0 32px 0 0;
}
.timeline.horizontal .occasion .bar {
  width: 100%;
  height: 2px;
  top: 36px;
}
.timeline.horizontal .occasion .bar.on {
  width: 0;
}
.timeline.horizontal .occasion .point {
  top: 20px;
  right: -32px;
  left: auto;
  bottom: auto;
}
.timeline.horizontal .occasion .info {
  text-align: center;
  top: auto;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  white-space: normal;
  padding: 3px 5px;
}
.timeline.horizontal .occasion .state {
  bottom: 32px;
}
.timeline.horizontal .occasion .status {
  top: 36px;
}
.timeline.horizontal .occasion:first-child {
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.timeline.horizontal .occasion:first-child .bar {
  display: none;
}
.timeline.horizontal .occasion.active .bar.on {
  width: 100%;
  bottom: auto;
}
.timeline.horizontal .occasion.progress .bar.on {
  width: 33%;
  transition-property: width;
  transition-duration: 2s;
  transition-timing-function: linear;
  transition-delay: 1s;
}
.timeline.warning .occasion .bar.on {
  background-color: #F39D0F;
}
.timeline.warning .occasion.completed .point {
  background: #F39D0F;
  border-color: #F39D0F;
}
.timeline.warning .occasion.completed .bar {
  background: #F39D0F;
}
.timeline.warning .occasion.active .point {
  background: #F39D0F;
  border-color: #F39D0F;
}

.progressBar-linear {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 5px;
  background: #D8D8D8;
  overflow: hidden;
}
.progressBar-linear .indicator {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 0;
  background: #7ED321;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
  border-radius: 5px;
}

.progressBar-points {
  width: 100%;
}
.progressBar-points .step:first-child {
  width: 6px;
}
.progressBar-points .step:first-child .bar, .progressBar-points .step:first-child .indicator {
  border-radius: 5px 0 0 5px;
}
.progressBar-points .step:first-child .text {
  left: 0;
  text-align: left;
}
.progressBar-points .step:last-child {
  width: 6px;
}
.progressBar-points .step:last-child .bar, .progressBar-points .step:last-child .indicator {
  border-radius: 0 5px 5px 0;
}
.progressBar-points .bar {
  position: relative;
  background: #D8D8D8;
  width: 100%;
}
.progressBar-points .point {
  position: absolute;
  border-radius: 3px;
  width: 6px;
  height: 6px;
  background: #fff;
  right: 0px;
  top: 50%;
  margin-top: -3px;
}
.progressBar-points .indicator {
  width: 0;
  background: #559b08;
  position: relative;
}
.progressBar-points .text {
  font-size: 12px;
  color: #979797;
  padding: 0 5px;
  text-align: right;
}
.progressBar-points .completed .indicator {
  width: 100%;
}
.progressBar-points .active .indicator {
  border-radius: 0 5px 5px 0;
  width: 100%;
  transition: all 1s ease 0s;
  transition-delay: 1s;
}

.progressBar-chart {
  position: relative;
  width: 100%;
  height: 7px;
  border-radius: 5px;
  background: #D8D8D8;
  overflow: hidden;
}
.progressBar-chart .sector {
  top: -10px;
  width: 0;
  position: relative;
  height: 7px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
}

.progressPie {
  position: relative;
}
.progressPie circle {
  transition: stroke-dashoffset 2s linear;
}
.progressPie .stat {
  position: absolute;
  top: 40px;
  width: 100%;
}
.progressPie .title {
  font-size: 16px;
}
.progressPie.mini .stat {
  position: static;
  margin: 0 0 0 4px;
}
.progressPie.mini .stat .number {
  font-size: 18px;
  line-height: 11px;
}
.progressPie.mini .stat .title {
  font-size: 11px !important;
}
.progressPie.noLabel .stat .title {
  display: none;
}

.valueSticker {
  position: absolute;
  width: 60px;
  margin-right: 10px;
  top: -40px;
  right: -35px;
  transform: rotate(12deg);
}
.valueSticker #SVG-Sticker {
  width: 100%;
}
.valueSticker #SVG-Sticker .fold {
  opacity: 0.5;
}
.valueSticker .text {
  color: #fff;
  position: absolute;
  top: 15px;
  width: 100%;
  text-align: center;
  line-height: 14px;
  font-size: 15px;
}
.valueSticker .text .title {
  text-transform: uppercase;
  font-size: 8px !important;
  font-weight: 500;
  color: #fff !important;
}
.valueSticker.poor #SVG-Sticker .circle {
  fill: #b04e4e;
}
.valueSticker.poor #SVG-Sticker .fold {
  fill: #fff;
}
.valueSticker.good #SVG-Sticker .circle {
  fill: #0F84E1;
}
.valueSticker.good #SVG-Sticker .fold {
  fill: #fff;
}
.valueSticker.great #SVG-Sticker .circle {
  fill: #0eb98b;
}
.valueSticker.great #SVG-Sticker .fold {
  fill: #fff;
}
.payment {
  text-align: right;
}
.payment .number {
  font-size: 30px;
}

.analyticItem {
  margin: 0 0 10px;
}
.analyticItem .bar {
  margin: 0 10px 10px;
}
.analyticItem .label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #707070;
  margin: 0 0 3px;
}
.analyticItem .label .icon::before,
.analyticItem .label .icon::after {
  font-size: 14px;
  color: #064250;
}
.analyticItem .binary {
  background-color: #edf5f6;
  padding: 3px 10px;
  border-radius: 20px;
}
.analyticItem .binary .label {
  color: #63b509;
  margin: 0;
}
.analyticItem .binary .label.off {
  color: #b04e4e;
}
.analyticItem .number {
  width: 50px;
  font-size: 22px;
  color: #064250;
}
.analyticItem .check {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background-color: #63b509;
  color: #fff;
  line-height: 30px;
  text-align: center;
  margin: 0 5px;
}
.analyticItem .check .icon::before,
.analyticItem .check .icon::after {
  font-size: 14px;
}
.analyticItem .check.on {
  background-color: #63b509;
}
.analyticItem .check.off {
  background-color: #b04e4e;
}

.viewportHeight {
  overflow-x: auto !important;
}
.viewportHeight > * {
  height: calc(100vh - 405px);
}
.viewportHeight.innerShadow {
  box-shadow: inset -7px -8px 15px rgba(0, 0, 0, 0.1);
}

.hoverParent .hover {
  visibility: hidden;
}
.hoverParent:hover .hover {
  visibility: visible;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}

.paymentTag {
  border-radius: 40px;
  background: #2f8295;
  padding: 4px 8px 4px 4px;
  color: #064250;
  margin: 0 0 5px 5px;
}
.paymentTag .circleIcon {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background: #b3ddfe;
  text-align: center;
  line-height: 30px;
  margin-right: 5px;
  color: #2196F3;
}
.paymentTag .circleIcon .icon::before,
.paymentTag .circleIcon .icon::after {
  font-size: 15px;
}
.paymentTag label {
  color: #fff !important;
  font-size: 12px;
  margin: 0 !important;
}
.paymentTag .productDetails {
  font-size: 10px;
  color: #fff;
}
.paymentTag .number {
  font-size: 20px;
  margin-left: 10px;
  color: #fff;
}
.paymentTag .subtitle {
  color: #fff;
}
.paymentTag.alt {
  background: transparent;
  margin: 0;
}
.paymentTag.alt label {
  color: #434343 !important;
}
.paymentTag.alt .number {
  color: #434343;
}
.paymentTag.alt .subtitle {
  color: #707070;
}

.deliverableType .icon-circle {
  text-align: center;
  margin-right: 10px;
}
.deliverableType .name {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  color: #064250;
}

.imageBox .image-container {
  width: 100%;
  min-width: 250px;
  height: 200px;
  position: relative;
}
.imageBox .image-container .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}
.imageBox .image-container .titleOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 10px 10px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.imageBox .imageBox-container {
  border-radius: 5px;
  overflow: hidden;
}
.imageBox .info {
  background: #edf5f6;
  padding: 10px 20px;
  color: #434343;
  font-size: 13px;
}
.imageBox .info .title {
  font-size: 15px;
  font-weight: 500;
  margin: 0 10px 0 0;
}
.imageBox .info ul {
  margin: 0;
  padding: 0 20px;
}
.imageBox .info .controls {
  margin-right: 10px;
}
.imageBox .info .controls [class^=flaticon-]:before,
.imageBox .info .controls [class*=" flaticon-"]:before,
.imageBox .info .controls [class^=flaticon-]:after,
.imageBox .info .controls [class*=" flaticon-"]:after {
  font-size: 12px;
}

.info-placeholder,
.list_std-placeholder {
  text-align: center;
}
.info-placeholder.left,
.list_std-placeholder.left {
  text-align: left;
}
.info-placeholder h3,
.list_std-placeholder h3 {
  font-size: 16px;
  padding: 0 10px;
}
.info-placeholder .image,
.list_std-placeholder .image {
  width: 80px;
  margin: 0 auto;
}
.info-placeholder .image .icon,
.list_std-placeholder .image .icon {
  color: #0d4c5b;
}
.info-placeholder .image .icon::before,
.info-placeholder .image .icon::after,
.list_std-placeholder .image .icon::before,
.list_std-placeholder .image .icon::after {
  font-size: 70px;
}
.info-placeholder .image.margin,
.list_std-placeholder .image.margin {
  margin: 50px auto 0;
}
.info-placeholder .check,
.list_std-placeholder .check {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background: #63b509;
  color: #fff;
  text-align: center;
  line-height: 30px;
  margin-left: 10px;
}
.info-placeholder .check .icon::before,
.info-placeholder .check .icon::after,
.list_std-placeholder .check .icon::before,
.list_std-placeholder .check .icon::after {
  font-size: 18px;
}
.info-placeholder .content h3,
.list_std-placeholder .content h3 {
  font-weight: 100;
}
.info-placeholder .content p,
.list_std-placeholder .content p {
  max-width: 550px;
}
.zero_state {
  max-width: 350px;
  text-align: center;
  margin: 0 0 20px;
}
.zero_state .image {
  max-width: 250px;
  margin: 20px;
  border-radius: 40px;
  width: 80px;
  height: 80px;
}
.zero_state .image.circle {
  background: #edf5f6;
  overflow: hidden;
}
.zero_state .image.overflow {
  overflow: visible;
}
.zero_state .image img {
  width: 100%;
}
.zero_state .image .icon {
  line-height: 80px;
  color: #2f8295;
}
.zero_state .image .icon::after, .zero_state .image .icon::before {
  font-size: 50px;
}
.zero_state .image.brand-ga.circle {
  background: #f8a105;
}
.zero_state .image.brand-ga .icon {
  color: #fff;
}
.zero_state .thumbnail {
  margin: 10px;
}
.zero_state .thumbnail h3 {
  margin: 0;
}
.zero_state .thumbnail .image-container {
  width: 80px;
}
.zero_state .thumbnail .image-container img {
  width: 100%;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.zero_state h3 {
  font-size: 15px !important;
  color: #707070 !important;
}

.advert {
  text-align: center;
  margin: 20px 10px 10px;
}
.advert h2 {
  max-width: 500px;
  margin: 0 0 20px !important;
}
.advert h4 {
  color: #434343 !important;
}
.advert .infoGraphic {
  margin: 10px 0 20px;
}
.advert .section {
  padding: 0 20px;
}
.advert .section:not(:last-child) {
  border-right: 1px solid #D8D8D8;
}
.advert .section h3 {
  margin: 10px 0 0;
}
.advert .section h3 .info {
  color: #707070;
  font-size: 15px;
}
.advert .section .image {
  max-width: 75px;
  margin: 10px auto 0;
}
@media screen and (max-width: 600px) {
  .advert .section:not(:last-child) {
    border-right: 0;
  }
}

.priceTable {
  padding: 10px 20px;
  border-radius: 5px;
  margin: 0 0 10px;
}
.priceTable .line {
  margin: 10px 0;
  line-height: 30px;
}
.priceTable label {
  margin: 0 10px 0 0;
  color: #064250;
}
.priceTable .marked .number {
  font-size: 20px;
}
.priceTable .suggested .number {
  font-size: 25px;
}
.priceTable .suggested .subtitle {
  line-height: 15px;
}
.priceTable .selected .payment {
  background: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}
.priceTable .selected .number,
.priceTable .selected .number input {
  color: #434343;
  font-size: 40px;
  font-weight: 100;
}
.priceTable .selected .number.error, .priceTable .selected .number.error input,
.priceTable .selected .number input.error,
.priceTable .selected .number input.error input {
  color: #b04e4e;
}
.priceTable .selected .number input {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}
.priceTable .selected .message {
  font-size: 12px;
  color: #ec551a;
  line-height: 15px;
  margin: 3px 0 0;
}
.priceTable .selected .message .notabene {
  margin: 0px 10px 20px 30px;
}
.priceTable md-slider-container {
  line-height: 24px;
}
@media only screen and (max-width: 960px) {
  .priceTable .selected .number,
.priceTable .selected .number input {
    font-size: 30px;
  }
  .priceTable .selected .number input,
.priceTable .selected .number input input {
    width: 125px;
  }
}

.reimbursement {
  border-radius: 5px;
  padding: 8px 0;
}
.reimbursement.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
.reimbursement.ng-leave {
  display: none;
}
.reimbursement .item {
  border-right: 1px solid #D8D8D8;
  font-size: 12px;
  padding: 0 8px;
  text-align: center;
  color: #707070;
}
.reimbursement .item:last-child {
  border-right: 0;
}
.reimbursement .item .icon::after, .reimbursement .item .icon::before {
  font-size: 14px;
}
.reimbursement .item .number {
  color: #434343;
  font-size: 16px;
}
.reimbursement.output {
  background: #edf5f6;
  margin: 0;
}

.output {
  background: #edf5f6;
  padding: 15px 20px 10px;
  margin: 0 20px 10px;
  color: #434343;
  border-radius: 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.output.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.output.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.output:last-child {
  border-bottom: 0;
}
.output.error {
  animation-name: shake;
  animation-duration: 1s;
}
.output .control.ref {
  text-transform: uppercase;
  font-size: 12px;
  margin: 3px 5px;
}
.output .control.ref .icon::before, .output .control.ref .icon::after {
  font-size: 14px;
}
.bullet .description {
  font-size: 15px;
  font-weight: 100;
  margin: 0;
  color: #979797;
}

.bulletNumber {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background: #064250;
  color: #fff;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}

.summaryPanel {
  position: relative;
}
.summaryPanel .buttonPanel {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.panelSummary .summary-container {
  border-radius: 5px;
  background: #f6fafa;
  padding: 20px;
  text-align: left;
}
.panelSummary .bullets {
  list-style-type: none;
}
.panelSummary .bullets .li {
  position: relative;
  padding: 0 0 0 30px;
  counter-increment: step-counter;
  margin: 0 0 25px;
  font-size: 14px;
  color: #434343;
}
.panelSummary .bullets .li::before {
  content: counter(step-counter);
  color: #D8D8D8;
  font-size: 30px;
  font-weight: 500;
  position: absolute;
  left: 0px;
}
.panelSummary .bullets .li img {
  width: 75px;
}
.panelSummary .group:not(:last-child) {
  margin: 0 0 20px;
}
.panelSummary .panelIcon {
  width: 40px;
}
.panelSummary .panelIcon img {
  width: 100%;
}

md-dialog.alternate {
  background: #064250;
  color: #fff;
}
md-dialog.alternate h2,
md-dialog.alternate .pageHeader {
  color: #fff;
}
md-dialog.alternate h2 .pageDescription,
md-dialog.alternate .pageHeader .pageDescription {
  color: #D8D8D8;
}

md-dialog.subBackground {
  background: #edf5f6;
}

md-dialog.md-osDialog-theme {
  background: #064250;
  color: #fff;
  font-weight: 500;
}
md-dialog.md-osDialog-theme .md-dialog-content {
  padding: 30px 20px 15px;
  max-width: 550px;
}
md-dialog.md-osDialog-theme .md-dialog-content p {
  margin: 0;
}
md-dialog.md-osDialog-theme md-dialog-actions {
  padding: 0 20px;
}
md-dialog.md-osDialog-theme md-dialog-actions .md-button {
  background: #0d4c5b;
  color: #fff;
  margin: 8px 0 15px 8px;
}
md-dialog.md-osDialog-theme md-dialog-actions .md-button.md-primary {
  background: #0d4c5b;
  color: #fff;
}
md-dialog.md-osDialog-theme md-dialog-actions .md-button.md-primary:hover, md-dialog.md-osDialog-theme md-dialog-actions .md-button.md-primary:active, md-dialog.md-osDialog-theme md-dialog-actions .md-button.md-primary:focus {
  background: #2196F3;
}
.attachment-download {
  background: #edf5f6;
  border: 1px solid #9bc2cb;
  border-radius: 3px;
  padding: 5px;
  color: #be88ee;
  margin: 0 0 3px 0;
}
.attachment-download .image {
  border-radius: 3px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  margin-right: 5px;
  background-color: #9bc2cb;
}
.attachment-download .image .fileimage {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.attachment-download .image .icon {
  color: #064250;
}
.attachment-download .text {
  color: #064250;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.attachment-download .download {
  color: #064250;
  margin-right: 10px;
}
.attachment-download .download .icon::before,
.attachment-download .download .icon::before {
  font-size: 14px;
}
.attachment-download:hover .text {
  color: #2196F3;
}
.attachment-download:hover .download {
  color: #2196F3;
}
.attachment-download:last-child {
  margin: 0;
}

.customMenu {
  position: relative;
}
.customMenu .customMenuContent {
  position: absolute;
  background: #fff;
  top: 23px;
  left: 6px;
  z-index: 10;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  overflow: hidden;
  border-radius: 3px;
}
.customMenu .customMenuContent .option {
  padding: 10px;
  border: 0;
  border-bottom: 1px solid #D8D8D8;
  cursor: pointer;
  white-space: nowrap;
  color: #434343;
  font-size: 14px;
}
.customMenu .customMenuContent .option .icon {
  margin-right: 5px;
}
.customMenu .customMenuContent .option .icon::before,
.customMenu .customMenuContent .option .icon::after {
  font-size: 14px;
}
.customMenu .customMenuContent .option a,
.customMenu .customMenuContent .option a:active,
.customMenu .customMenuContent .option a:focus {
  display: block;
  color: #434343;
}
.customMenu .customMenuContent .option a:hover,
.customMenu .customMenuContent .option a:active:hover,
.customMenu .customMenuContent .option a:focus:hover {
  color: #2196F3;
}
.customMenu .customMenuContent .option:last-child {
  border-bottom: 0;
}
.customMenu.right .customMenuContent {
  left: auto;
  right: 9px;
}
.customMenu.active .btn {
  background: #fff;
  color: #064250;
  border-color: #fff;
}

#LogoLoader {
  background: #2196F3;
  border-radius: 50%;
}
#LogoLoader .cls-1 {
  fill: #fff;
}
#LogoLoader .cls-2 {
  fill: #2196F3;
}

#DotsLoader {
  fill: #fff;
}
#DotsLoader.tertiary {
  fill: #064250;
}

/*******************************
    Athlete Widget
 ********************************/
.athleteWidget {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
}
.athleteWidget .image-container {
  cursor: pointer;
}
.athleteWidget .athleteName .name {
  cursor: pointer;
}
.athleteWidget .athleteName .subtitle {
  line-height: 15px;
}
.athleteWidget .athleteName .ref {
  display: block;
  line-height: 12px;
}
.athleteWidget.focus {
  z-index: 100;
}
.athleteWidget.animated {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.athleteWidget.animated.ng-leave {
  display: none;
}
.athleteWidget.animated.default.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}

.agentWidget .agentControl {
  padding: 2px;
  margin: 1px 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 3px;
}
.agentWidget .agentControl:hover {
  background: #2196F3;
  color: #fff;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.agentWidget .userImage {
  border-radius: 8px;
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
}

.athleteWidgetPopup, .agentWidgetPopup, .fitWidgetPopup {
  display: none;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px;
  position: absolute;
  top: 0;
  left: 50px;
  text-align: left;
  color: #fff;
  z-index: 100;
  min-width: 300px;
  font-size: 12px;
}
.athleteWidgetPopup.fixed, .agentWidgetPopup.fixed, .fitWidgetPopup.fixed {
  position: fixed;
}
.athleteWidgetPopup::before, .agentWidgetPopup::before, .fitWidgetPopup::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  position: absolute;
  top: 10px;
  left: -16px;
  border-right: 8px solid rgba(0, 0, 0, 0.85);
}
.athleteWidgetPopup .top, .agentWidgetPopup .top, .fitWidgetPopup .top {
  border-bottom: 1px solid #434343;
  padding: 0 0 5px;
  margin: 0 0 10px;
}
.athleteWidgetPopup section, .agentWidgetPopup section, .fitWidgetPopup section {
  margin: 0 0 15px;
  line-height: 18px;
}
.athleteWidgetPopup label, .agentWidgetPopup label, .fitWidgetPopup label {
  color: #fff;
  text-transform: none;
  font-weight: 500;
}
.athleteWidgetPopup .name, .agentWidgetPopup .name, .fitWidgetPopup .name {
  font-size: 14px;
  font-weight: 500;
}
.athleteWidgetPopup .sport, .agentWidgetPopup .sport, .fitWidgetPopup .sport {
  font-size: 11px;
}
.athleteWidgetPopup .ratingNumber, .agentWidgetPopup .ratingNumber, .fitWidgetPopup .ratingNumber {
  font-size: 11px;
}
.athleteWidgetPopup .primaryInfo, .agentWidgetPopup .primaryInfo, .fitWidgetPopup .primaryInfo {
  font-size: 12px;
}
.athleteWidgetPopup .primaryInfo .icon::before, .athleteWidgetPopup .primaryInfo .icon::after, .agentWidgetPopup .primaryInfo .icon::before, .agentWidgetPopup .primaryInfo .icon::after, .fitWidgetPopup .primaryInfo .icon::before, .fitWidgetPopup .primaryInfo .icon::after {
  font-size: 12px;
}
.athleteWidgetPopup .social .circleBtn, .agentWidgetPopup .social .circleBtn, .fitWidgetPopup .social .circleBtn {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
.athleteWidgetPopup .social .circleBtn .icon, .agentWidgetPopup .social .circleBtn .icon, .fitWidgetPopup .social .circleBtn .icon {
  line-height: 30px;
}
.athleteWidgetPopup .social .circleBtn .icon::after, .athleteWidgetPopup .social .circleBtn .icon::before, .agentWidgetPopup .social .circleBtn .icon::after, .agentWidgetPopup .social .circleBtn .icon::before, .fitWidgetPopup .social .circleBtn .icon::after, .fitWidgetPopup .social .circleBtn .icon::before {
  font-size: 13px;
  line-height: 13px;
}
.athleteWidgetPopup .social table, .agentWidgetPopup .social table, .fitWidgetPopup .social table {
  text-align: center;
}
.athleteWidgetPopup .social table th, .agentWidgetPopup .social table th, .fitWidgetPopup .social table th {
  padding: 0 5px;
}
.athleteWidgetPopup .btn, .agentWidgetPopup .btn, .fitWidgetPopup .btn {
  font-size: 12px;
  padding: 5px 10px;
}
.athleteWidgetPopup .progress, .agentWidgetPopup .progress, .fitWidgetPopup .progress {
  margin: 20px 0;
}
.athleteWidgetPopup .progress .head, .agentWidgetPopup .progress .head, .fitWidgetPopup .progress .head {
  margin: 0 0 5px;
}
.athleteWidgetPopup .progress .number, .agentWidgetPopup .progress .number, .fitWidgetPopup .progress .number {
  font-size: 22px;
}
@media only screen and (max-width: 960px) {
  .athleteWidgetPopup, .agentWidgetPopup, .fitWidgetPopup {
    min-width: 200px;
    left: 20% !important;
    right: 20% !important;
  }
  .athleteWidgetPopup::before, .agentWidgetPopup::before, .fitWidgetPopup::before {
    display: none;
  }
}

.creditCard-container .creditCard {
  border-radius: 10px;
  background: #043743;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #043743, #155969);
  padding: 20px;
  width: 100%;
  position: relative;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.creditCard-container .creditCard .title {
  margin: 5px 0 15px;
  color: #b3ddfe;
  border: none !important;
  font-weight: 100 !important;
  text-transform: none !important;
}
.creditCard-container .creditCard md-input-container {
  margin: 0px 5px 15px 0px;
}
.creditCard-container .creditCard md-input-container .md-input {
  border-color: #fff;
}
.creditCard-container .creditCard md-input-container .md-input-messages-animation .md-input-message-animation {
  background: #b04e4e;
  color: #fff;
  padding: 3px 5px;
  margin: 5px 0 0 0 !important;
}
.creditCard-container .creditCard label {
  color: #ACACAC !important;
  text-align: left;
}
.creditCard-container .creditCard .cardType {
  font-size: 25px;
  font-weight: 700;
  padding: 0 10px 0 0;
  color: #155969;
  position: absolute;
  right: 20px;
  top: 25px;
}
@media only screen and (max-width: 600px) {
  .creditCard-container .creditCard {
    width: 100%;
  }
}

/*******************************
    Dashmeter
 ********************************/
.dashmeter {
  padding: 20px;
  border-radius: 3px;
  background: #eaeded;
  color: #58777d;
  display: block;
}
.dashmeter .image {
  margin: 0 20px 0 0;
}
.dashmeter .image .icon::before,
.dashmeter .image .icon::after {
  font-size: 40px;
}
.dashmeter .number {
  font-size: 45px;
  line-height: 55px;
}
.dashmeter .number.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.dashmeter .number.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.dashmeter .type {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  margin: -5px 0 0;
}
.dashmeter .details {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 10px 0;
  margin: 20px 0 0;
  text-align: right;
  font-size: 15px;
}
.dashmeter .details .direction {
  margin-right: 5px;
}
.dashmeter .details .increase {
  color: #63b509;
}
.dashmeter .details .decrease {
  color: #b04e4e;
}
.dashmeter .details .direction::after,
.dashmeter .details .direction::before {
  font-size: 15px;
}
.dashmeter.applications {
  background: #6d5ca8;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #6d5ca8, #8a7ac0);
  color: #fff;
}
.dashmeter.messages {
  background: #ed9300;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #ed9300, #f2a425);
  color: #fff;
}
.dashmeter.proposals {
  background: #2f8295;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #2f8295, #6ba596);
  color: #fff;
}
.dashmeter.colorOne {
  background: #6d5ca8;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #6d5ca8, #8a7ac0);
  color: #fff;
}
.dashmeter.colorTwo {
  background: #ed9300;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #ed9300, #f2a425);
  color: #fff;
}
.dashmeter.colorThree {
  background: #559383;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #559383, #6ba596);
  color: #fff;
}
.dashmeter.colorFour {
  background: #2f8295;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #2f8295, #4899ab);
  color: #fff;
}
.dashmeter.colorTertiary {
  background: #043743;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #043743, #0d4c5b);
  color: #fff;
}
@media only screen and (max-width: 1280px) {
  .dashmeter.portfolio-performance .number {
    font-size: 28px;
    line-height: 35px;
  }
  .dashmeter.assets .number {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 960px) {
  .dashmeter {
    padding: 15px;
  }
  .dashmeter .number {
    font-size: 28px;
    line-height: 35px;
  }
  .dashmeter .type {
    font-size: 14px;
  }
  .dashmeter .image {
    margin: 0 10px 0 0;
  }
  .dashmeter .image .icon::before,
.dashmeter .image .icon::after {
    font-size: 25px;
  }
}

.chips .chip-holder.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.chips .chip-holder.ng-leave {
  animation-name: zoomOut;
  animation-duration: 0.3s;
}
.chips .chip {
  background: #938a9a;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  padding: 0;
  margin: 3px 3px 3px 0;
  display: inherit;
  cursor: pointer;
}
.chips .chip.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.chips .chip.ng-leave {
  animation-name: zoomOut;
  animation-duration: 0.3s;
}
.chips .chip .text {
  padding: 5px 5px 5px 10px;
}
.chips .chip .delete {
  padding: 5px 10px 5px 7px;
  border-left: 1px solid #73687c;
  border-radius: 0 5px 5px 0;
}
.chips .chip .delete .icon::after,
.chips .chip .delete .icon::before {
  font-size: 10px;
  font-weight: 500;
}
.chips .chip .delete:hover {
  background: #73687c;
}
.chips .clear {
  color: #2196F3;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin: 5px 0px 5px 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}

.phone {
  margin: 5px 0;
}
.phone a {
  padding: 4px 10px;
  border-radius: 20px;
  background: #edf5f6;
  color: #2196F3;
  font-size: 14px;
  font-weight: 500;
}
.phone a .icon::before, .phone a .icon::after {
  font-size: 14px;
}
.phone a:hover {
  background: #2196F3;
  color: #fff;
}

.miniIcon.tooltipInfo {
  cursor: pointer;
}
.miniIcon.tooltipInfo.circle {
  border-radius: 6px;
  width: 12px;
  height: 12px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #fff;
  background: #ACACAC;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  line-height: 12px;
}

.customTooltip {
  position: absolute;
  display: none;
  z-index: 10;
}
.customTooltip .tooltip-container {
  box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  padding: 10px;
  position: relative;
  max-width: 300px;
  margin-left: -10px;
}
.customTooltip .tooltip-container.dark {
  background: rgba(10, 56, 67, 0.9);
  color: #f2f6fa;
}
.customTooltip .tooltip-container .content {
  text-align: left;
  font-size: 13px;
  text-transform: none;
  padding: 0 !important;
  line-height: 16px;
}
.customTooltip .chevron {
  position: absolute;
  opacity: 0.9;
  width: 0;
  height: 0;
}
.customTooltip .chevron.top {
  top: -10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #0a3843;
}
.customTooltip .chevron.left {
  left: -10px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #0a3843;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  min-height: 50px;
}

.allEventsList.md-autocomplete-suggestions li {
  line-height: normal;
  height: auto;
  padding: 5px;
}
.allEventsList .event .image-container {
  margin: 0 5px 0 0;
}
.allEventsList .event .image {
  width: 30px;
  height: 30px;
}
.allEventsList .event .name {
  font-weight: 500;
}
.allEventsList .event .date {
  text-align: center;
  color: #707070;
}
.allEventsList .event .date .day {
  font-size: 18px;
  color: #064250;
  line-height: 21px;
}
.allEventsList .event .date .month {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
.allEventsList .event .date .year {
  padding: 3px 5px;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
}

.modal .pac-container {
  position: fixed !important;
}

.singleEvent.event .image-container {
  margin: 0 10px 0 0;
}
.singleEvent.event .image {
  width: 50px;
  height: 50px;
}
.singleEvent.event .name {
  font-size: 23px;
}
.singleEvent.event .date {
  text-align: center;
  color: #707070;
  line-height: 9px;
  margin: 0 10px 0 0;
}
.singleEvent.event .date .day {
  font-size: 20px;
  color: #064250;
  line-height: 28px;
}
.singleEvent.event .date .month {
  text-transform: uppercase;
  font-size: 12px;
}
.singleEvent.event .date .year {
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 500;
}
.singleEvent.event .output-group {
  margin: 5px 0 10px;
  font-size: 15px;
  color: #707070;
}

.ratingStars {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ratingStars .star {
  padding: 10px;
}
.ratingStars .star .icon {
  color: #ACACAC;
  cursor: pointer;
}
.ratingStars .star .icon::before, .ratingStars .star .icon::after {
  font-size: 30px;
}
.ratingStars .star.active .icon {
  color: #F5A623;
  background-image: -webkit-linear-gradient(95deg, #F5A623, #ffdf93);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ratingStars .star.selected {
  animation-name: tada;
  animation-duration: 1s;
}
.ratingStars:hover:not(.readOnly) .star .icon {
  color: #F39D0F;
}
.ratingStars:hover:not(.readOnly) .star:hover ~ .star .icon {
  color: #ACACAC;
}
.ratingStars.readOnly .star {
  padding: 5px;
  display: none;
}
.ratingStars.readOnly .star .icon {
  cursor: inherit;
}
.ratingStars.readOnly .star .icon::before, .ratingStars.readOnly .star .icon::after {
  font-size: 15px;
}
.ratingStars.readOnly .star.active {
  display: block;
}

.ratingCircles .circleContainer {
  padding: 10px;
}
.ratingCircles .circleContainer .circle {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #ACACAC;
  box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.2);
}
.ratingCircles .circleContainer .circle .number {
  color: #fff;
  font-weight: 500;
}
.ratingCircles .circleContainer.active .circle {
  background-color: #F5A623;
  background: #ffdf93;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #ffdf93, #F5A623);
  /* Standard syntax */
}
.ratingCircles .circleContainer.selected {
  animation-name: tada;
  animation-duration: 1s;
}
.ratingCircles:hover:not(.readOnly) .circleContainer .circle {
  background-color: #F39D0F;
}
.ratingCircles:hover:not(.readOnly) .circleContainer:hover ~ .circleContainer .circle {
  background-color: #ACACAC;
}

#RatingDialog {
  max-width: 450px;
}
#RatingDialog .content {
  padding: 30px;
}
#RatingDialog h3 {
  margin: 10px 0;
}
#RatingDialog form {
  text-align: left;
}
#RatingDialog .selectedRating {
  margin: 20px 0;
}
#RatingDialog .selectedRatingIcon {
  width: 100px;
}
#RatingDialog .selectedRatingIcon .svg.ng-enter {
  animation-name: zoomIn;
  animation-duration: 0.5s;
}
#RatingDialog .selectedRatingIcon .svg.ng-leave {
  display: none;
}
#RatingDialog .selectedRatingTitle {
  font-size: 25px;
  font-weight: 500;
  color: #0d4c5b;
}
#RatingDialog .ratingStars {
  margin: 10px 0;
}
#RatingDialog .checkIcon {
  margin: 10px 0 0;
}
#RatingDialog .checkIcon .icon {
  color: #0d4c5b;
}
#RatingDialog .checkIcon .icon::before, #RatingDialog .checkIcon .icon::after {
  font-size: 35px;
}

.selector-tags {
  clear: both;
}
.selector-tags .tag {
  background: #043743;
  margin: 5px 5px 0 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding: 3px 8px;
  border-radius: 3px;
  cursor: pointer;
}
.selector-tags .tag .image {
  margin: 0 5px 0 0;
  color: #155969;
}
.selector-tags .tag .image .icon::before, .selector-tags .tag .image .icon::after {
  font-size: 12px;
}
.selector-tags .tag.active {
  background: #2196F3;
}
.selector-tags .tag.active .image {
  color: #fff;
}

.new-callout {
  position: absolute;
  background: #ec551a;
  padding: 5px 8px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.new-callout.bounce {
  animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
}
.new-callout.top::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  position: absolute;
  left: 15px;
  top: -15px;
  border-bottom: 8px solid #ec551a;
}
.new-callout.bottom::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  position: absolute;
  left: 15px;
  bottom: -15px;
  border-top: 8px solid #ec551a;
}
.new-callout.align-bottom {
  top: -35px;
  margin-left: -21px;
  left: 50%;
}

.testimonial {
  position: relative;
}
.testimonial .callout {
  border-radius: 5px;
  position: relative;
  padding: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  margin: 25px 20px 15px;
  min-height: 50px;
  background: #fff;
}
.testimonial .callout::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  left: 15px;
  bottom: -20px;
  border-top: 10px solid #fff;
}
.testimonial .marks {
  color: #D8D8D8;
}
.testimonial .quote {
  color: #707070;
  font-style: italic;
}
.testimonial .person {
  margin: 0 0 0 30px;
}
.testimonial .person .image {
  margin: 0 5px 0 0;
}
.testimonial .person .brandImage {
  height: 45px;
}
.testimonial .person .brandImage img {
  height: 100%;
}
.testimonial .person .name {
  color: #707070;
  font-weight: 500;
  font-size: 16px;
}
.testimonial .person .description {
  color: #707070;
  font-size: 12px;
  margin: 0;
}
.testimonial .person.disabled {
  opacity: 1 !important;
}
.testimonial .person.link:hover .name {
  color: #2196F3;
}

.breakdown {
  margin: 25px 0;
}
.breakdown .info {
  font-size: 12px;
  color: #707070;
}
.breakdown .info .icon::before, .breakdown .info .icon::after {
  font-size: 11px;
}
.breakdown .total {
  font-size: 12px;
}
.breakdown .key {
  margin: 10px 0 0;
}
.breakdown .key .row {
  margin: 10px 0;
}
.breakdown .key .title {
  margin: 0;
  padding: 0;
  border: none;
  text-transform: none !important;
  font-weight: 100 !important;
  color: #707070 !important;
}
.shareProfile .platforms {
  opacity: 0;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.shareProfile .platforms .circleBtn {
  line-height: 36px;
  border: 0;
}
.shareProfile .platforms .close {
  margin: 0 10px;
}
.shareProfile .share {
  position: absolute;
}
.shareProfile:before {
  content: "";
  position: absolute;
  margin: 0;
  z-index: 1;
  height: auto;
  width: auto;
  right: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.8);
  border: 0;
  transition: 0.4;
  opacity: 0;
}
.shareProfile.active {
  position: static;
}
.shareProfile.active:before {
  opacity: 1;
}
.shareProfile.active .share {
  display: none;
}
.shareProfile.active .platforms {
  opacity: 1;
  display: inherit;
}
.shareProfile.active .platforms .circleBtn {
  animation-name: bounceInDown;
  animation-duration: 0.5s;
}
.shareProfile.active .platforms .circleBtn.facebook {
  background-color: #3b5998;
}
.shareProfile.active .platforms .circleBtn.facebook:hover {
  background-color: #2c4882;
}
.shareProfile.active .platforms .circleBtn.twitter {
  background-color: #55acee;
}
.shareProfile.active .platforms .circleBtn.twitter:hover {
  background-color: #4095d5;
}
.shareProfile.active .platforms .circleBtn.linkedin {
  background-color: #006699;
}
.shareProfile.active .platforms .circleBtn.linkedin:hover {
  background-color: #025179;
}
.shareProfile.active .platforms .circleBtn.link {
  background-color: #ed9300;
}
.shareProfile.active .platforms .circleBtn.link:hover {
  background-color: #e18c00;
}
.shareProfile.active .platforms .close {
  transform: rotate(-90deg);
  transition: 0.5s;
}
.shareProfile.active .platforms .close ::after,
.shareProfile.active .platforms .close ::before {
  font-size: 14px;
}

.userReviews .review .head {
  margin: 0 0 5px;
}
.userReviews .review .name {
  font-size: 14px;
  font-weight: 500;
}
.userReviews .review .image-container {
  margin: 0 5px 0 0;
}
.userReviews .review .image-container .userImage {
  border-radius: 8px;
  width: 16px;
  height: 16px;
}
.userReviews .review .rateNumber {
  margin: 0 5px;
  font-weight: 500;
}
.userReviews .review .content {
  font-size: 12px;
  margin: 0 0 5px;
  padding: 0;
}
.userReviews .review .deal {
  text-transform: uppercase;
}
.userReviews .review .ratingStars.readOnly .star {
  padding: 0 5px;
}
.userReviews .review .tags .tag {
  background-color: #F5A623;
}
.userReviews .review-container {
  border-radius: 5px;
  padding: 15px;
  margin: 5px 10px;
  background: #edf5f6;
}
.userReviews .review-container.canceled {
  background: #e4a9a9;
}
.userReviews .ratingIcon {
  width: 15px;
  height: 15px;
}

.psCategories .category {
  border-radius: 10px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  border: 1px solid #D8D8D8;
  color: #434343;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.psCategories .category.sub {
  font-size: 13px;
  font-weight: 100;
}
.psCategories .category.sub.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.psCategories .category.sub.ng-leave {
  display: none;
}
.psCategories .category .icon {
  margin: 0 0 0 3px;
}
.psCategories .category .icon::after, .psCategories .category .icon::before {
  font-size: 12px;
}
.psCategories .category:hover {
  background-color: #edf5f6;
  border-color: #edf5f6;
}
.psCategories .category.active {
  background-color: #2196F3;
  color: #fff;
  border-color: #2196F3;
  font-weight: 500;
}

.quantityIncrementer .control {
  border-radius: 9px;
  width: 18px;
  height: 18px;
  background: #2196F3;
  color: #fff;
  text-align: center;
  line-height: 16px !important;
  cursor: pointer;
}
.quantityIncrementer .control:hover {
  background: #0F84E1;
}
.quantityIncrementer .control .icon {
  color: #fff;
}
.quantityIncrementer .control .icon::after, .quantityIncrementer .control .icon::before {
  font-size: 9px !important;
}
.quantityIncrementer .number {
  padding: 0 5px;
}
.quantityIncrementer .number.embolden {
  font-weight: 500;
  color: #000;
}

.profileImages-container .userImage {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.profileImages-container .number {
  background: #fff;
  color: #707070;
  text-align: center;
}

.verified {
  background: url("/assets/img/icon_verified.png") no-repeat;
  width: 30px;
  height: 30px;
}
.verified.mini {
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
}

.osSocial a {
  color: #fff;
}
.osSocial .icon {
  margin: 0 10px 10px;
}

.smallIcon::after, .smallIcon::before {
  font-size: 18px !important;
}

.miniIcon::after, .miniIcon::before {
  font-size: 14px !important;
}

.textIcon::after, .textIcon::before {
  font-size: 16px;
}

.svgTextIcon {
  width: 100%;
  max-width: 20px;
  margin: 0 5px 0 0;
}

.modalIcon {
  width: 100px;
}

#Chartdiv {
  min-height: 300px;
}

.pieGraphDiv,
.gaugeGraphDiv {
  width: 100%;
  font-size: 11px;
}

.bulletGraph image {
  border-radius: 50%;
}

.amcharts-pie-slice:hover {
  transform: scale(1.1);
}

.strengthBar {
  width: 100%;
  padding-top: 2px;
}
.strengthBar.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1.5s;
}
.strengthBar.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
.strengthBar .strengthText {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #707070;
}

/* DEAL DELIVERABLES */
.usage-container {
  width: 75%;
}
@media only screen and (max-width: 600px) {
  .usage-container {
    width: 100%;
  }
}
.usage-container .usage {
  background: #edf5f6;
  padding: 10px 15px;
  margin: 2px 0;
  border-radius: 5px;
}
.usage-container .quantity-used {
  line-height: 1;
}

/* MASS UPDATE */
.mass-update-modal,
.verified-profile-required {
  width: 50%;
}
@media only screen and (max-width: 600px) {
  .mass-update-modal,
.verified-profile-required {
    width: 100%;
  }
}

.available-social {
  font-size: 12px;
  line-height: 1.2;
}

/* DEAL NOTES */
.notes-title {
  margin: 0;
}

.note-content {
  white-space: pre;
}

.note-dialog {
  min-width: 30%;
  min-height: 30%;
}

.dash-panel {
  margin: 10px;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  /*&:first-child{
  	margin-left: 0;
  }

  &:last-child{
  	margin-right: 0;
  }*/
}
.dash-panel.margin-bottom {
  margin: 0 0 20px;
}
.dash-panel .imageTitle {
  height: 50px;
  padding: 10px;
  background: #2f8295;
}
.dash-panel .imageTitle img {
  height: 100%;
}
.dash-panel > .title {
  padding: 0 0 8px;
  margin: 15px 20px 10px 20px;
  color: #064250;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #eaeded;
}
.dash-panel > .title .subtitle {
  text-transform: none;
  margin: 2px 0 0;
}
.dash-panel h2.title {
  text-transform: none;
}
.dash-panel .fullTitle {
  padding: 20px;
  font-size: 16px;
  background: #2f8295;
  color: #fff;
}
.dash-panel .content {
  padding: 10px 20px 20px;
}
.dash-panel .group:not(:last-child) {
  margin: 0 0 20px 0;
}
.dash-panel .group_section {
  padding: 0 10px 0;
}
.dash-panel .margin {
  margin: 0 0 20px;
}
.dash-panel hr {
  border: 0;
  border-bottom: 1px solid #eaeded;
}
.dash-panel .carousel {
  margin: 20px 0 0;
}
.dash-panel .carousel .slick-slider .slick-button {
  top: -20px;
}
.dash-panel .athleteHolder .slide.ng-enter {
  animation-name: fadeInRight;
  animation-duration: 0.5s;
}
.dash-panel .athleteHolder .slide.ng-leave {
  display: none;
}
.dash-panel .athleteHolder .athlete-container {
  padding: 10px;
}
.dash-panel .athleteHolder .athlete-container:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.dash-panel .athleteHolder .athlete-container:hover {
  border-color: transparent;
  background: #edf5f6;
}
.dash-panel .athleteHolder .athlete-container .name {
  font-size: 14px;
  color: #434343;
}
.dash-panel .athleteHolder .athlete-container .number {
  font-size: 14px;
  color: #707070;
}
.dash-panel .athleteHolder .athlete-container .info {
  border-left: 1px solid #e0e0e0;
  color: #707070;
  font-size: 12px;
  padding-left: 10px;
  margin-left: 10px;
}
.dash-panel .athleteHolder .athlete-container.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.dash-panel .athleteHolder .athlete-container.ng-leave {
  display: none;
}
.dash-panel.transparent {
  background: transparent;
}
.dash-panel.transparent .content {
  padding: 10px 0 0;
}
.dash-panel.glassy {
  background-color: #edf5f6;
}
.dash-panel.border {
  border: 1px solid #e0e0e0;
}
.dash-panel.shadow {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.dash-panel.spacer {
  margin: 25px 10px 30px;
}
.dash-panel .controls {
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  font-weight: 500;
  border: 1px solid #e0e0e0;
}

.orContainer {
  color: #707070;
}
.orContainer .rule {
  padding: 5px 20px;
  min-width: 1px;
  min-height: 1px;
  background-color: #e0e0e0;
}
.orContainer .hrule {
  border-top: 1px solid #e0e0e0;
  margin: 5px 20px;
}
.orContainer .vrule {
  border-left: 1px solid #e0e0e0;
  margin: 20px 5px;
}

.bucketKey {
  font-size: 12px;
}
.bucketKey table {
  text-align: left;
  width: 100%;
}
.bucketKey table th {
  text-align: center;
}
.bucketKey table .name {
  text-align: right;
  width: 55%;
}

.ratingStarsChart .number {
  font-size: 30px;
  color: #707070;
}
.ratingStarsChart .starGroup {
  margin: 5px 10px;
}
.ratingStarsChart .starGroup .progressBar-linear {
  margin: 0 5px;
}
.ratingStarsChart .starGroup .percentage {
  font-size: 18px;
  font-weight: 500;
  min-width: 35px;
}
.ratingStarsChart .sectionImage {
  margin: 0 0 20px;
  padding: 20px;
}
.ratingStarsChart .sectionImage img {
  width: 75px;
}

.hashLists {
  background: #2f8295;
  color: #fff;
  padding: 20px 0 20px 20px;
  border-radius: 3px;
}
.hashLists .label {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 10px;
}
.hashLists .item {
  padding: 10px;
  border-radius: 5px 0 0 5px;
}
.hashLists .item .number {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background: #4e9aac;
  color: #20778b;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 30px;
  margin: 0 10px 0 0;
}
.hashLists .item .text {
  font-size: 15px;
  font-weight: 500;
}
.hashLists .item:hover {
  background: #4e9aac;
}
.hashLists .item.selected {
  background: #fff;
  color: #2f8295;
}

.matchProfile .profile-container {
  margin: 5px;
  text-align: center;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
  color: #fff;
}
.matchProfile .profile-container .background .image {
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20a27f);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.matchProfile .profile-container .background .overlay {
  background: #000;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20a27f);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  border-radius: 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.matchProfile .profile-container .profile-content {
  position: relative;
}
.matchProfile .profile-container .profile-images {
  margin: 10px 0 25px;
  position: relative;
  min-height: 80px;
}
.matchProfile .profile-container .profile-images .image {
  border-radius: 35px;
  width: 70px;
  height: 70px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
  position: absolute;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border: 2px solid #fff;
  font-size: 40px;
  text-align: center;
  line-height: 70px;
}
.matchProfile .profile-container .profile-images .image1 {
  right: 50%;
  margin-right: -8px;
  background-color: #2f8295;
}
.matchProfile .profile-container .profile-images .image2 {
  left: 50%;
  margin-left: -8px;
}
.matchProfile .profile-container .info .name {
  font-weight: 500;
}
.matchProfile .profile-container .buttonPanel {
  max-width: 200px;
}
.matchProfile .profile-container:hover {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}
.matchProfile .profile-container:hover .background .overlay {
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20a27f);
  opacity: 0.9;
}
.matchProfile .profile-container:hover .profile-images .image {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
  line-height: 80px;
}

.either {
  position: relative;
}
.either .option {
  min-width: 300px;
}
.either .or {
  position: relative;
  padding: 5px 20px;
}
.either .or .text {
  font-size: 20px;
  color: #707070;
}

.map-marker {
  /* adjusting for the marker dimensions
     so that it is centered on coordinates */
  margin-left: -8px;
  margin-top: -8px;
}
.map-marker .pulse {
  width: 10px;
  height: 10px;
  border: 5px solid #f7f14c;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
}

.map-marker.map-clickable {
  cursor: pointer;
}

.map-marker .dot {
  border: 10px solid #fff601;
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  animation: pulse 3s ease-out;
  animation-iteration-count: infinite;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  opacity: 0;
}

.infoGraphicIcon {
  width: 100px;
}

.leagueIcon {
  width: 30px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.leagueIcon img {
  width: 100%;
}

.percentageChangeIcon::after, .percentageChangeIcon::before {
  font-size: 12px;
}
.percentageChangeIcon.success {
  color: #7ED321;
}

.ng-messages-error {
  font-size: 12px;
  line-height: 14px;
  color: #dd2c00;
}

.calendarDate .calendarDate-container {
  width: 40px;
  height: 40px;
  position: relative;
}
.calendarDate .calendarDate-container img {
  width: 100%;
}
.calendarDate .dateContent {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  text-align: center;
  padding: 4px;
}
.calendarDate .dateContent .month {
  border-radius: 2px;
  background: #2f8295;
  color: #fff;
  font-size: 8px;
  font-weight: 500;
}
.calendarDate .dateContent .day {
  color: #434343;
  font-size: 15px;
  font-weight: 500;
}
.calendarDate .dateContent .year {
  color: #707070;
}

.overlay-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.overlay-block .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
}
.overlay-block .message-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 260px;
  width: 100%;
}
.overlay-block .message-container .message {
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3);
  position: fixed;
}

.svgIcon {
  width: 30px;
}
.svgIcon img {
  width: 100%;
}
.svgIcon.margin {
  margin: 0 5px 0 0;
}

.string_highlighter {
  position: relative;
  left: 0;
  right: 0;
}
.string_highlighter .highlighter {
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  margin-top: 6px;
  font-size: 14px;
  line-height: 26px;
  padding: 10px;
}
.string_highlighter .highlighter .restrictColor {
  background: #fdf482;
}
.string_highlighter textarea {
  position: relative;
  background: transparent !important;
}
.string_highlighter .notification-container {
  position: absolute;
  bottom: 5px;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #707070;
  font-size: 14px;
}
.string_highlighter .notification-container.ng-enter {
  animation-name: fadeInUp;
  animation-duration: 0.3s;
}
.string_highlighter .notification-container.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
.string_highlighter .notification-container .close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.string_highlighter .notification-container .close::after, .string_highlighter .notification-container .close::before {
  font-size: 12px;
}
.string_highlighter .notification-container h1 {
  font-size: 16px;
}
.string_highlighter .notification-container .description {
  margin: 0 0 10px;
}

.contextBtn {
  margin: 10px;
}
.contextBtn.nomargin {
  margin: 0;
}

.demoSummary .image {
  width: 20px;
  height: auto;
  margin: 0 3px 0 0;
}

.paymentThermometer .thermometer-container {
  border-radius: 5px;
  overflow: hidden;
}
.paymentThermometer .header {
  background: #f6fafa;
  color: #434343;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}
.paymentThermometer .bucket {
  font-size: 12px;
  font-weight: 500;
  padding: 15px 2px;
  text-align: center;
  color: #fff;
  position: relative;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.paymentThermometer .bucket.margin {
  margin-bottom: 20px;
}
.paymentThermometer .bucket .rank {
  margin-bottom: 5px;
}
.paymentThermometer .bucket .rank [class^=flaticon-]:before,
.paymentThermometer .bucket .rank [class*=" flaticon-"]:before,
.paymentThermometer .bucket .rank [class^=flaticon-]:after,
.paymentThermometer .bucket .rank [class*=" flaticon-"]:after {
  font-size: 11px;
}
.paymentThermometer .bucket .name {
  font-size: 18px;
  line-height: 22px;
  min-width: 100px;
}
.paymentThermometer .bucket .type {
  font-size: 18px;
  font-weight: 100;
  margin: 5px 0;
}
.paymentThermometer .bucket .followers .number {
  font-size: 14px;
}
.paymentThermometer .bucket .cost {
  border-top: 1px solid #D8D8D8;
  margin-top: 8px;
  padding-top: 8px;
}
.paymentThermometer .bucket .cost .number {
  font-size: 20px;
}
.paymentThermometer .bucket .examples {
  border-top: 1px solid #D8D8D8;
  margin-top: 8px;
  padding-top: 8px;
  font-size: 11px;
}
.paymentThermometer .bucket .examples .name {
  color: #fff;
  font-size: 10px;
}
.paymentThermometer .bucket .details {
  padding: 0 10px;
}
.paymentThermometer .bucket .caret {
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  width: 0px;
  height: 0px;
  display: block;
  position: absolute;
}
.paymentThermometer .bucket .caret.bottom {
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.paymentThermometer .bucket .caret.right {
  right: -20px;
  top: 50%;
  margin-top: -10px;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
.paymentThermometer .td {
  padding: 5px 10px;
  border-bottom: 1px solid #f6fafa;
}
.paymentThermometer .costTD {
  font-size: 14px;
  color: #707070;
}
.paymentThermometer.mini .bucket {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
}
.paymentThermometer.mini .bucket .cost .number {
  font-size: 16px;
}
@media only screen and (max-width: 960px) {
  .paymentThermometer .bucket .cost {
    border: 0;
  }
}

.svgShadow {
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
}

.public_margins {
  margin: 20px;
}

code {
  background-color: #eaeded;
  padding: 20px;
  border-radius: 5px;
  display: block;
}
code pre {
  white-space: pre-wrap;
}

.clouds {
  top: -100px;
  left: 50%;
  margin-left: -100px;
  overflow: hidden;
}
.clouds .cloud {
  position: absolute;
  color: #fff;
  animation: fall 1.8s linear infinite;
}
.clouds .cloud1 {
  animation-delay: -0.1s;
}
.clouds .cloud1::after, .clouds .cloud1::before {
  font-size: 100px;
}
.clouds .cloud2 {
  left: 20px;
  animation-delay: -0.8s;
}
.clouds .cloud2::after, .clouds .cloud2::before {
  font-size: 40px;
}
.clouds .cloud3 {
  right: 10px;
  animation-delay: -0.9s;
}
.clouds .cloud3::after, .clouds .cloud3::before {
  font-size: 30px;
}
.clouds .cloud4 {
  left: 50px;
  animation-delay: -1s;
}
.clouds .cloud4::after, .clouds .cloud4::before {
  font-size: 70px;
}

.filter-panel {
  background: #fff;
  max-height: 450px;
}
.filter-panel .content-checkbox {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}

.dynamicNotification {
  background: #78878a;
  border-radius: 5px;
  padding: 15px;
  color: #fff;
  margin: 0 0 20px;
  font-size: 13px;
  position: relative;
}
.dynamicNotification.ng-enter {
  animation-name: fadeInDown;
  animation-duration: 0.8s;
}
.dynamicNotification.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.dynamicNotification .icon-holder {
  border-radius: 5px;
  color: #b04e4e;
  margin: 0 10px 0 0;
  width: 40px;
}
.dynamicNotification .icon-holder.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.dynamicNotification .icon-holder .icon::after, .dynamicNotification .icon-holder .icon::before {
  font-size: 20px;
}
.dynamicNotification .icon-holder .icon img {
  width: 100%;
}
.dynamicNotification .label {
  font-size: 18px;
  font-weight: 500;
  display: block;
  color: #fff;
}
.dynamicNotification .close {
  background: #78878a;
  box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -5px;
  right: -5px;
  text-align: center;
  line-height: 12px;
  cursor: pointer;
}
.dynamicNotification .close ::after,
.dynamicNotification .close ::before {
  font-size: 8px;
  font-weight: 500;
}
.dynamicNotification .close:hover {
  background: #2196F3;
}

.timeTicker .unitContainer {
  padding: 0 5px;
}
.timeTicker .numberContainer {
  background: #fff;
  border-radius: 8px;
  padding: 5px;
  min-width: 40px;
}
.timeTicker .number {
  font-family: "robotomedium";
  color: #707070;
  font-size: 23px;
  font-weight: 500;
}
.timeTicker .label {
  font-size: 12px;
  margin: 5px 0;
}

.arrowTimeLine .item {
  position: relative;
  border-top: 3px solid #e0e0e0;
  border-bottom: 3px solid #e0e0e0;
  height: 70px;
}
.arrowTimeLine .item .arrow-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 25px;
  z-index: 1;
}
.arrowTimeLine .item .arrow-right img {
  height: 100%;
}
.arrowTimeLine .item .itemContent {
  position: relative;
  padding: 20px 0 20px 30px;
}
.arrowTimeLine .item .count {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  background: #e0e0e0;
  margin-right: 5px;
}
.arrowTimeLine .item .count .check {
  display: none;
}
.arrowTimeLine .item .count .state {
  position: absolute;
  text-align: center;
  width: 100px;
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  right: 50%;
  margin: 7px -50px 0 auto;
  line-height: 15px;
}
.arrowTimeLine .item .name {
  font-size: 13px;
  font-weight: 500;
}
.arrowTimeLine .item .date {
  font-size: 12px;
  color: #707070;
}
.arrowTimeLine .item:first-child {
  border-left: 3px solid #e0e0e0;
  border-radius: 8px 0px 0 8px;
}
.arrowTimeLine .item:first-child .itemContent {
  padding-left: 20px;
}
.arrowTimeLine .item:last-child {
  border-right: 3px solid #e0e0e0;
  border-radius: 0px 8px 8px 0px;
}
.arrowTimeLine .item:last-child .arrow-right {
  display: none;
}
.arrowTimeLine .item.active .count {
  background: #559b08;
  transition: background 1s ease 0s;
  transition-delay: 1s;
  box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.3);
}
.arrowTimeLine .item.completed .count {
  background: #559b08;
}
.arrowTimeLine .item.completed .count .number {
  display: none;
}
.arrowTimeLine .item.completed .count .check {
  display: inline;
}
.arrowTimeLine .item.completed .count .check::before, .arrowTimeLine .item.completed .count .check::after {
  font-size: 14px;
}

.notificationSettings .categoriesContainer {
  padding: 40px 20px;
}
.notificationSettings .category {
  padding: 10px;
  border-bottom: 1px solid #f6fafa;
}
.notificationSettings .category .typeLabel {
  margin: 10px 0;
}
.notificationSettings .category .options {
  padding: 0 20px;
  font-size: 14px;
}
.notificationSettings .category:hover {
  background-color: #edf5f6;
}

.moodboardOptions {
  padding: 10px 20px;
}
.moodboardOptions .newBoardContainer,
.moodboardOptions .selectedBoardContainer {
  padding: 20px;
  border-radius: 5px;
  font-size: 14px;
}
.moodboardOptions .newBoardContainer a.ref,
.moodboardOptions .selectedBoardContainer a.ref {
  color: #edf5f6;
}
.moodboardOptions .newBoardContainer {
  background: #4e9aac;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #4e9aac, #20778b);
  color: #fff;
}
.moodboardOptions .newBoardContainer .imageIcon {
  width: 50px;
  margin-right: 20px;
}
.moodboardOptions .newBoardContainer .imageIcon img {
  width: 100%;
}
.moodboardOptions .selectedBoardContainer {
  background: #5fab97;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #5fab97, #437d6e);
  color: #fff;
}
.moodboardOptions .selectedBoardContainer .collageContainer {
  width: 200px;
  margin-right: 20px;
}
.moodboardOptions .close {
  background: #fff;
  box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 15px;
  z-index: 1;
  cursor: pointer;
  color: #707070;
  font-weight: 500;
}
.moodboardOptions .close ::after,
.moodboardOptions .close ::before {
  font-size: 8px;
  font-weight: 500;
}
.moodboardOptions .close:hover {
  background: #2196F3;
  color: #fff;
}
.moodboardOptions .title {
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.moodboardOptions .info {
  margin: 10px 0;
}

.moodBoardResults .moodboardContainer {
  background: #155969;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #155969, #043743);
  border-radius: 5px;
  padding: 20px;
}
.moodBoardResults .pinItem {
  padding: 15px;
}
.moodBoardResults .pinItem .innerContainer {
  position: relative;
  padding: 10px;
  background: #fff;
  box-shadow: 4px 4px 10px 10px rgba(0, 0, 0, 0.3);
}
.moodBoardResults .pinItem.even .innerContainer {
  top: 10px;
}
.moodBoardResults .pinItem .imageContainer {
  position: relative;
}
.moodBoardResults .pinItem .imageContainer .tapeContainer {
  position: absolute;
  top: -20px;
  left: -40px;
  transform: rotate(-45deg);
  opacity: 0.8;
}
.moodBoardResults .pinItem .imageContainer .tape {
  width: 75px;
}
.moodBoardResults .pinItem .imageContainer .tape img {
  height: 30px;
}
.moodBoardResults .pinItem .imageContainer img {
  width: 100%;
  border-radius: 5px;
}
.moodBoardResults .pinItem .contentContainer .title {
  margin: 10px 0;
  color: #ACACAC;
  font-size: 16px;
  font-weight: 800;
}
.moodBoardResults .categoryContainer {
  margin-bottom: 20px;
}
.moodBoardResults .category {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.moodBoardResults .category .categoryName {
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
  padding: 10px;
}
.moodBoardResults .category .results .item {
  margin-bottom: 5px;
}
.moodBoardResults .category .results .imageContainer {
  width: 100px;
  margin-right: 20px;
  cursor: pointer;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.moodBoardResults .category .results .imageContainer img {
  width: 100%;
}
.moodBoardResults .category .results .imageContainer.zoom {
  width: 500px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.moodBoardResults .category .results .imageContainer.zoom img {
  box-shadow: 4px 4px 15px 10px rgba(0, 0, 0, 0.1);
}
.moodBoardResults .category .results .title {
  margin: 10px 0 5px;
  color: #ACACAC;
  font-size: 30px;
  font-weight: 800;
}
.moodBoardResults .category .results .description {
  color: #707070;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

.moddboard-selected-container {
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  padding: 20px;
  font-size: 13px;
  cursor: pointer;
}
.moddboard-selected-container .imageIcon {
  width: 30px;
  margin-right: 10px;
}
.moddboard-selected-container .imageIcon img {
  width: 100%;
}
.moddboard-selected-container .title {
  font-size: 16px;
  margin: 0 0 3px 0;
}
.moddboard-selected-container:hover {
  background: #edf5f6;
}

.collage .imageContainer {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-width: 5px;
  border-style: solid;
  border-radius: 3px;
}
.collage .imageContainer.one {
  border-color: #2f8295;
}
.collage .imageContainer.two {
  border-color: #f4505f;
}
.collage .imageContainer.three {
  border-color: #ed9300;
}
.collage .imageContainer.four {
  border-color: #6d5ca8;
}

.demographicImpactContainer {
  padding: 10px;
}
@media only screen and (max-width: 960px) {
  .demographicImpactContainer {
    padding: 10px 0;
  }
}

.demographicImpactItem {
  border-radius: 8px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
}
.demographicImpactItem .subtitle {
  margin: 0;
}
.demographicImpactItem .label {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #707070;
  padding: 0 10px;
  margin-top: 10px;
}
.demographicImpactItem .demographic {
  padding: 2px 2px 10px;
}
.demographicImpactItem .demographic .processingContainer {
  position: relative;
}
.demographicImpactItem .demographic .icon {
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  padding: 10px;
  margin: 10px 5px;
}
.demographicImpactItem .demographic .icon img {
  width: 100%;
}
.demographicImpactItem .chart {
  position: relative;
}
.demographicImpactItem .chart .valueContainer {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 0;
}
.demographicImpactItem .chart .value {
  color: #707070;
}
.demographicImpactItem .chart .value .number {
  font-size: 23px;
}
.demographicImpactItem .chart .value .valueLabel {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 3px;
  border-radius: 5px;
  font-size: 14px;
}
.demographicImpactItem .impact {
  padding: 0px 10px;
  font-size: 13px;
}
.demographicImpactItem .impact .innerContainer {
  border-top: 1px solid #e0e0e0;
  padding: 10px 0;
}
.demographicImpactItem .impact .checkbox {
  font-size: 15px;
  margin: 5px 0;
}
.demographicImpactItem .impact .inputContainer {
  text-align: left;
  margin: 5px 0 0;
}
.demographicImpactItem:hover {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.demographicImpactItem:hover .impact .innerContainer {
  border-top-color: transparent;
}
.demographicImpactItem.selected {
  background-color: #f5f9f1;
}
.demographicImpactItem.selected .impact .innerContainer {
  border-top-color: transparent;
  color: #fff;
}
@media only screen and (max-width: 960px) {
  .demographicImpactItem {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .demographicImpactItem .demographic {
    min-width: 100px;
    padding: 10px 5px;
  }
  .demographicImpactItem .impact .innerContainer {
    border-top-color: transparent;
    text-align: left;
  }
}

.profileSelector .user-select {
  min-height: 30px;
  margin-bottom: 10px;
}
.profileSelector .user-select .userImage {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
.profileSelector .user-select .userImage.on {
  background-color: #D8D8D8;
}

.profileSelectorItem {
  background: #fff;
  width: 100%;
  border: 2px solid #fff;
  position: relative;
  margin: 5px 0;
  border-radius: 4px;
  padding: 10px;
  color: #707070;
  font-size: 14px;
  cursor: pointer;
}
.profileSelectorItem .check {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #2196F3;
  text-align: center;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  display: none;
  line-height: 17px;
}
.profileSelectorItem .check [class^=flaticon-]:before, .profileSelectorItem .check [class*=" flaticon-"]:before,
.profileSelectorItem .check [class^=flaticon-]:after, .profileSelectorItem .check [class*=" flaticon-"]:after {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.profileSelectorItem .nameContainer {
  padding: 0 10px 0 0;
}
.profileSelectorItem .profileName {
  font-size: 16px;
  color: #1a1a1a;
}
.profileSelectorItem .fitContainer {
  padding: 0 15px;
}
.profileSelectorItem .fit.unavailable {
  font-size: 11px;
}
.profileSelectorItem .priceContainer {
  padding: 0 10px;
}
.profileSelectorItem .priceContainer .price {
  font-size: 20px;
  color: #646464;
  margin: 0 10px 0 0;
}
.profileSelectorItem .priceContainer .subtitle {
  margin: 0;
  font-size: 11px;
}
.profileSelectorItem .priceBtn {
  background: #2196F3 !important;
  border-color: #2196F3;
  color: #fff !important;
}
.profileSelectorItem .priceBtn .icon {
  color: #fff !important;
}
.profileSelectorItem .priceBtn:hover:not(.disabled) {
  background: #559b08 !important;
  border-color: #559b08 !important;
}
.profileSelectorItem .disabledContainer {
  font-weight: 700;
  color: #2196F3;
}
.profileSelectorItem:hover:not(.disabled) {
  border-color: #2196F3;
  border-width: 2px;
  color: #0F84E1;
  background-color: #edf5f6;
}
.profileSelectorItem.active {
  border-color: #2196F3;
  border-width: 2px;
  color: #064250;
}
.profileSelectorItem.active .check {
  display: block;
}
.profileSelectorItem.active .priceBtn {
  background: #63b509 !important;
  border-color: #63b509;
  color: #fff !important;
}
.profileSelectorItem.disabled {
  background: #f2f6fa;
  opacity: 1;
}
@media only screen and (min-width: 600px) {
  .profileSelectorItem {
    margin: 10px 0 10px;
  }
  .profileSelectorItem .profileContainer {
    min-width: 200px;
  }
}

.duedateExtensionRequest {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin-bottom: 10px;
}
.duedateExtensionRequest .header {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px;
  font-size: 12px;
}
.duedateExtensionRequest .extensionDetails {
  padding: 20px;
}
.duedateExtensionRequest .title {
  margin: 0 5px 0 0;
  font-size: 14px;
}
.duedateExtensionRequest .uniqueId {
  color: #ACACAC;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
}
.duedateExtensionRequest .newDateContainer {
  background-color: #f7f7f7;
  padding: 10px 20px;
  border-radius: 5px;
  margin: 10px 0 20px;
}
.duedateExtensionRequest .newDate {
  font-size: 20px;
  color: #434343;
}
.duedateExtensionRequest .editContainer {
  margin: 20px 0;
}
.duedateExtensionRequest .output-group {
  margin-bottom: 15px;
  color: #434343;
  font-size: 14px;
}

.inputSpecialMessages {
  padding: 10px 0;
}
.inputSpecialMessages .inputMessage {
  padding: 5px;
  color: #434343;
  font-size: 14px;
}
.inputSpecialMessages .inputMessage .statusCircle {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px solid #D8D8D8;
}
.inputSpecialMessages .inputMessage .icon {
  line-height: 8px;
}
.inputSpecialMessages .inputMessage .icon::after, .inputSpecialMessages .inputMessage .icon::before {
  font-size: 8px;
  font-weight: 700;
}
.inputSpecialMessages .inputMessage .error {
  background-color: #b04e4e;
  color: #fff;
  border-color: #b04e4e;
}
.inputSpecialMessages .inputMessage .success {
  background-color: #63b509;
  color: #fff;
  border-color: #63b509;
}

/*******************************
    Fit Widget
 ********************************/
.fitWidget {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
}
.fitWidget.focus {
  z-index: 100;
}
.fitWidget.animated {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.fitWidget.animated.ng-leave {
  display: none;
}
.fitWidget.animated.default.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}

.fitWidgetPopup {
  min-width: 0;
}
.fitWidgetPopup .top .title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 10px 0 0;
}
.fitWidgetPopup .top .number {
  font-size: 22px;
}
.fitWidgetPopup .properties .prop {
  padding: 5px 0;
}
.fitWidgetPopup .properties .nameContainer {
  font-size: 16px;
  padding-right: 10px;
}

/*******************************
    Rich Text Editor
 ********************************/
#EditAuction .ta-editor {
  min-height: 100px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  margin: 20px 0;
  background: #fff;
  border: 1px solid #d8d8d8;
  padding: 2px 10px 1px;
  font-size: 14px;
  font-weight: 100;
  color: #434343;
  border-radius: 3px;
}
#EditAuction .placeholder-text {
  font-weight: 100;
  color: #4343437c;
}

.thumbFeedback .tButton {
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
  margin: 5px;
  cursor: pointer;
}
.thumbFeedback .tButton .icon svg {
  height: 20px;
}
.thumbFeedback .tButton .cuff {
  fill: #ACACAC;
}
.thumbFeedback .tButton .hand {
  fill: #ACACAC;
}
.thumbFeedback .tButton.disable {
  border-color: transparent;
}
.thumbFeedback .tButton.disable .cuff {
  fill: #D8D8D8;
}
.thumbFeedback .tButton.disable .hand {
  fill: #D8D8D8;
}
.thumbFeedback .tButton:hover .cuff {
  fill: #2196F3;
}
.thumbFeedback .tButton:hover .hand {
  fill: #ffc107;
}
.thumbFeedback .tButton:hover.down {
  background-color: #b04e4e;
  border-color: #b04e4e;
}
.thumbFeedback .tButton:hover.up {
  background-color: #63b509;
  border-color: #63b509;
}
.thumbFeedback .tButton.active .cuff {
  fill: #2196F3;
}
.thumbFeedback .tButton.active .hand {
  fill: #ffc107;
}

.verifiedPrice {
  border-radius: 8px;
  width: 16px;
  height: 16px;
  background-color: #a65d7f;
  text-align: center;
  color: #fff;
  line-height: 16px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: -2px 6px 10px -2px rgba(0, 0, 0, 0.5);
}
.verifiedPrice:hover {
  line-height: 24px;
  transform: rotate(12deg);
}

.onboadring_image-container {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background: #F39D0F;
  margin-right: 15px;
}
.onboadring_image-container svg {
  width: 100%;
  animation: arocket 0.7s linear infinite;
}

.campaignCard {
  margin: 0 8px 5px 8px;
  position: relative;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  animation-name: fadeUp;
  animation-duration: 0.5s;
}
.campaignCard .background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 220px;
  border-radius: 8px 8px 0px 0;
  position: relative;
  overflow: hidden;
}
.campaignCard .background .overlay {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  opacity: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
.campaignCard .background .tagContainer {
  position: absolute;
  left: 10px;
  top: 10px;
  opacity: 0.9;
}
.campaignCard .background .fitContainer {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 5px;
  border-radius: 5px;
}
.campaignCard .background .bottomContainer {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
}
.campaignCard .background .applied-container {
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
}
.campaignCard .tag {
  border-radius: 5px;
  padding: 3px 7px;
  background: #2196F3;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  top: 12px;
  right: 12px;
  z-index: 1;
  text-transform: uppercase;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
}
.campaignCard .tag.call {
  background: #63b509;
}
.campaignCard .tag.warn {
  background: #F39D0F;
}
.campaignCard .tag.warn .number {
  border-radius: 10px;
  padding: 1px 5px;
  background-color: #dc8e0c;
  font-size: 10px;
}
.campaignCard .tag.type ::before,
.campaignCard .tag.type ::after {
  font-size: 11px;
  margin-left: 5px;
}
.campaignCard .tag.type.sponsorship {
  background-color: #604d70;
}
.campaignCard .tag.type.product {
  background-color: #ff7676;
}
.campaignCard .tag.type.affiliate {
  background-color: #F5A623;
}
.campaignCard .tag.type.nonprofit {
  background-color: #73a937;
}
.campaignCard .tag.type.equity {
  background-color: #0eb98b;
}
.campaignCard .tag.type.pitch {
  background-color: #b3ddfe;
}
.campaignCard .applications {
  padding: 0 5px 0 0px;
}
.campaignCard .applications .userImage {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  margin: 0 1px;
}
.campaignCard .applications .number {
  background: #fff;
  color: #434343;
  border: 1px solid #e0e0e0;
  line-height: 21px;
  text-align: center;
}
.campaignCard .detailsContainer {
  padding: 10px 15px;
}
.campaignCard .detailsContainer .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #707070;
  margin-bottom: 15px;
}
.campaignCard .detailsContainer .criteriaContainer {
  background-color: #f7f7f7;
  padding: 10px;
  border-radius: 8px;
  color: #000;
}
.campaignCard .detailsContainer .fitContainer {
  background-color: #f7f7f7;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 5px;
}
.campaignCard .detailsContainer .fitContainer .fitText {
  color: #979797;
  font-size: 13px;
  padding-left: 10px;
}
.campaignCard .detailsContainer .strictContainer .notabene {
  font-size: 12px;
  color: #707070;
  margin-bottom: 5px;
}
.campaignCard .output-group {
  margin: 10px 0;
  line-height: 15px;
  font-size: 12px;
}
.campaignCard .output-group .icon::before, .campaignCard .output-group .icon::after {
  font-size: 13px;
}
.campaignCard .output-group .socialIcon {
  height: 15px;
  width: 15px;
}
.campaignCard .output-group .socialIcon img {
  width: 100%;
}
.campaignCard .paymentContainer {
  padding: 10px 15px;
}
.campaignCard .paymentType .payment {
  text-align: center;
  color: #ACACAC;
  padding: 5px 3px;
  background-color: #f7f7f7;
  color: #2f8295;
  font-weight: 500;
  margin: 2px;
  border-radius: 8px;
}
.campaignCard .paymentType .payment .number {
  color: #2f8295;
  font-size: 15px;
  line-height: 26px;
}
.campaignCard .paymentType .payment .subtitle {
  text-align: right;
  margin: 0 0 5px;
}
.campaignCard .paymentType .payment label {
  color: #000;
  font-size: 10px;
  line-height: 10px;
  margin: 0 0 5px 0;
}
.campaignCard:hover {
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
}
.campaignCard:hover .background .overlay {
  opacity: 0.1;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}

.wizardPresentation {
  background-color: #f5f5f5;
}
.wizardPresentation .wizardHeader {
  position: relative;
  padding: 20px 0 0;
}
.wizardPresentation .wizardContentContainer {
  overflow-y: auto;
  overflow-x: hidden;
}
.wizardPresentation .wizardContentHolder {
  max-width: 1280px;
  padding: 20px 40px;
}
.wizardPresentation .wizardContentHolder h3 {
  margin: 0 10px 20px;
}
@media screen and (max-width: 600px) {
  .wizardPresentation .wizardContentHolder {
    padding: 10px;
  }
}
.wizardPresentation .wizardContent {
  z-index: 1;
  position: relative;
}
.wizardPresentation .wizardSidebar {
  z-index: 2;
}
.wizardPresentation .wizardSidebar.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.wizardPresentation .wizardSidebar.ng-leave {
  animation-name: fadeOutRight;
  animation-duration: 1s;
}
.wizardPresentation .wizardFixedContainer {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 180px;
  bottom: 100px;
  z-index: 1;
}
.wizardPresentation .wizardFooter {
  padding: 10px 75px;
  position: relative;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .wizardPresentation .wizardFooter {
    padding: 10px;
  }
}
.wizardPresentation .wizardClose {
  background: #78878a;
  box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 18px;
  right: 90px;
  text-align: center;
  line-height: 25px;
  z-index: 1;
  cursor: pointer;
  color: #fff;
  font-weight: 500;
}
.wizardPresentation .wizardClose ::after,
.wizardPresentation .wizardClose ::before {
  font-size: 8px;
  font-weight: 500;
}
.wizardPresentation .wizardClose:hover {
  background: #2196F3;
}
@media screen and (max-width: 600px) {
  .wizardPresentation .wizardClose {
    right: 10px;
  }
}
.wizardPresentation .pageMargin {
  max-width: 1280px;
  position: relative;
}
.wizardPresentation .wizard-state-container {
  margin: 0;
}
.wizardPresentation .wizard-state-container .wizard-state .step-container {
  min-width: 100px;
}
.wizardPresentation .wizard-state-container .step {
  position: relative;
  height: 50px;
}
.wizardPresentation .wizard-state-container .step .count {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 19px;
  color: #ACACAC;
  background: #fff;
  border: 2px solid #e0e0e0;
  position: absolute;
  right: 0;
}
.wizardPresentation .wizard-state-container .step .count .check {
  display: none;
}
.wizardPresentation .wizard-state-container .step .count .state {
  position: absolute;
  text-align: center;
  width: 100px;
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  right: 50%;
  margin: 7px -50px 0 auto;
  line-height: 15px;
}
.wizardPresentation .wizard-state-container .step .bar {
  position: absolute;
  top: 11px;
  height: 3px;
  display: block;
}
.wizardPresentation .wizard-state-container .step .bar.off {
  width: 100%;
  background: #e0e0e0;
}
.wizardPresentation .wizard-state-container .step .bar.on {
  background: #559b08;
  width: 0;
}
.wizardPresentation .wizard-state-container .step.active .count {
  background: #559b08;
  transition: background 1s ease 0s;
  transition-delay: 1s;
  box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.3);
  color: #fff;
  border-color: #559b08;
}
.wizardPresentation .wizard-state-container .step.active .bar.on {
  width: 100%;
  transition: all 1s ease 0s;
}
.wizardPresentation .wizard-state-container .step.completed .count {
  background: #559b08;
  border-color: #559b08;
  color: #fff;
}
.wizardPresentation .wizard-state-container .step.completed .count .number {
  display: none;
}
.wizardPresentation .wizard-state-container .step.completed .count .check {
  display: inline;
}
.wizardPresentation .wizard-state-container .step.completed .count .check::before, .wizardPresentation .wizard-state-container .step.completed .count .check::after {
  font-size: 12px;
}
.wizardPresentation .wizard-state-container .step.completed .bar {
  background: #559b08;
}
.wizardPresentation .wizard-state-container .step-container:first-child {
  min-width: 25px;
}
.wizardPresentation .wizard-state-container .step-container:first-child .step .bar {
  display: none;
}
.wizardPresentation .wizard-step-content {
  padding: 20px;
}
.wizardPresentation .wizard-step-content h3 {
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .wizardPresentation .wizard-state-container .wizard-state .step-container {
    min-width: 50px;
  }
  .wizardPresentation .wizard-state-container .step .count .state {
    display: none;
  }
}

.selectorAction {
  padding: 20px;
  border-radius: 5px;
}
.selectorAction .icon {
  width: 30px;
  margin-right: 5px;
}
.selectorAction .icon img {
  width: 100%;
}
.selectorAction .title {
  font-size: 20px;
}
.selectorAction .description {
  font-size: 14px;
}
.selectorAction .description.margin {
  margin-bottom: 20px !important;
}
.selectorAction:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.rocketLaunch img {
  width: 100%;
  animation: arocket 0.7s linear infinite;
}

.summaryTerms ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.summaryTerms li {
  background-color: #f2f6fa;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 0 0 5px;
  font-size: 13px;
}

.ratingSmiles .smileButton {
  cursor: pointer;
  text-align: center;
  padding: 5px 10px;
}
.ratingSmiles .smileButton .svg .circle {
  fill: #e0e0e0;
}
.ratingSmiles .smileButton .text {
  font-size: 12px;
}
.ratingSmiles .smileButton:hover .emotion0, .ratingSmiles .smileButton.selected .emotion0 {
  fill: #e43f3f;
}
.ratingSmiles .smileButton:hover .emotion1, .ratingSmiles .smileButton.selected .emotion1 {
  fill: #f86a33;
}
.ratingSmiles .smileButton:hover .emotion2, .ratingSmiles .smileButton.selected .emotion2 {
  fill: #F39D0F;
}
.ratingSmiles .smileButton:hover .emotion3, .ratingSmiles .smileButton.selected .emotion3 {
  fill: #F5A623;
}
.ratingSmiles .smileButton:hover .emotion4, .ratingSmiles .smileButton.selected .emotion4 {
  fill: #f5cb23;
}
@media only screen and (max-width: 600px) {
  .ratingSmiles .smileButton {
    padding: 5px;
  }
}

.sponsoredTag {
  font-size: 13px;
  font-weight: 700;
  border: 1px solid #e0e0e0;
  padding: 5px 8px;
  border-radius: 8px;
}
.sponsoredTag img {
  width: 25px;
}

.suggestedCampaignsContainer {
  border-radius: 10px;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20778b);
  padding: 20px;
  margin: 5px 0 20px;
}
.suggestedCampaignsContainer h2 {
  color: #fff !important;
  text-align: center;
}
.suggestedCampaignsContainer h2 .pageDescription {
  color: #e0e0e0 !important;
}
.suggestedCampaignsContainer .campaignList {
  margin-bottom: 10px;
}
.suggestedCampaignsContainer .pagination a {
  color: #fff;
}

.campaignLineContainer {
  width: 100%;
  border: 2px solid #fff;
  background-color: #fff;
  position: relative;
  margin: 5px 0;
  border-radius: 4px;
  padding: 10px;
  color: #707070;
  font-size: 14px;
  cursor: pointer;
  max-width: 775px;
}
.campaignLineContainer .image-container {
  padding-right: 10px;
}
.campaignLineContainer .image-container .image {
  width: 40px;
}
.campaignLineContainer .title {
  margin: 0 20px 0 0;
  font-size: 14px;
  font-weight: 500;
}
.campaignLineContainer .paymentContainer {
  padding: 0 10px;
}
.campaignLineContainer .paymentType .payment {
  text-align: center;
  color: #ACACAC;
  padding: 5px 3px;
  background-color: #f7f7f7;
  color: #2f8295;
  font-weight: 500;
  margin: 2px;
  border-radius: 8px;
}
.campaignLineContainer .paymentType .payment .number {
  color: #2f8295;
  font-size: 15px;
  line-height: 26px;
}
.campaignLineContainer .paymentType .payment .subtitle {
  text-align: right;
  margin: 0 0 5px;
}
.campaignLineContainer .paymentType .payment label {
  color: #000;
  font-size: 10px;
  line-height: 10px;
  margin: 0 0 5px 0;
}
.campaignLineContainer .fitContainer {
  padding: 0 10px;
}
.campaignLineContainer:hover:not(.disabled) {
  border-color: #2196F3;
  border-width: 2px;
  color: #0F84E1;
  background-color: #edf5f6;
}
.campaignLineContainer.active {
  border-color: #2196F3;
  border-width: 2px;
  color: #064250;
}
.campaignLineContainer.active .check {
  display: block;
}
.campaignLineContainer.active .priceBtn {
  background: #63b509 !important;
  border-color: #63b509;
  color: #fff !important;
}
.campaignLineContainer.disabled {
  background: #f2f6fa;
  opacity: 1;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 10px;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(6, 66, 80, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(6, 66, 80, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url("/assets/img/flags.webp") no-repeat;
}

.flag.flag-gw {
  background-position: -144px -55px;
}

.flag.flag-gu {
  background-position: -128px -55px;
}

.flag.flag-gt {
  background-position: -112px -55px;
}

.flag.flag-gs {
  background-position: -96px -55px;
}

.flag.flag-gr {
  background-position: -80px -55px;
}

.flag.flag-gq {
  background-position: -64px -55px;
}

.flag.flag-gp {
  background-position: -48px -55px;
}

.flag.flag-gy {
  background-position: -160px -55px;
}

.flag.flag-gg {
  background-position: -208px -44px;
}

.flag.flag-gf {
  background-position: -192px -44px;
}

.flag.flag-ge {
  background-position: -176px -44px;
}

.flag.flag-gd {
  background-position: -160px -44px;
}

.flag.flag-gb {
  background-position: -144px -44px;
}

.flag.flag-ga {
  background-position: -128px -44px;
}

.flag.flag-gn {
  background-position: -32px -55px;
}

.flag.flag-gm {
  background-position: -16px -55px;
}

.flag.flag-gl {
  background-position: 0 -55px;
}

.flag.flag-gi {
  background-position: -240px -44px;
}

.flag.flag-gh {
  background-position: -224px -44px;
}

.flag.flag-lb {
  background-position: -208px -77px;
}

.flag.flag-lc {
  background-position: -224px -77px;
}

.flag.flag-la {
  background-position: -192px -77px;
}

.flag.flag-tv {
  background-position: -32px -154px;
}

.flag.flag-tw {
  background-position: -48px -154px;
}

.flag.flag-tt {
  background-position: -16px -154px;
}

.flag.flag-tr {
  background-position: 0 -154px;
}

.flag.flag-lk {
  background-position: 0 -88px;
}

.flag.flag-li {
  background-position: -240px -77px;
}

.flag.flag-lv {
  background-position: -80px -88px;
}

.flag.flag-to {
  background-position: -240px -143px;
}

.flag.flag-lt {
  background-position: -48px -88px;
}

.flag.flag-lu {
  background-position: -64px -88px;
}

.flag.flag-lr {
  background-position: -16px -88px;
}

.flag.flag-ls {
  background-position: -32px -88px;
}

.flag.flag-th {
  background-position: -128px -143px;
}

.flag.flag-tf {
  background-position: -96px -143px;
}

.flag.flag-tg {
  background-position: -112px -143px;
}

.flag.flag-td {
  background-position: -80px -143px;
}

.flag.flag-tc {
  background-position: -64px -143px;
}

.flag.flag-ly {
  background-position: -96px -88px;
}

.flag.flag-do {
  background-position: -112px -33px;
}

.flag.flag-dm {
  background-position: -96px -33px;
}

.flag.flag-dj {
  background-position: -64px -33px;
}

.flag.flag-dk {
  background-position: -80px -33px;
}

.flag.flag-um {
  background-position: -112px -154px;
}

.flag.flag-de {
  background-position: -48px -33px;
}

.flag.flag-ye {
  background-position: -96px -165px;
}

.flag.flag-dz {
  background-position: -128px -33px;
}

.flag.flag-uy {
  background-position: -144px -154px;
}

.flag.flag-yt {
  background-position: -112px -165px;
}

.flag.flag-catalonia {
  background-position: -32px -22px;
}

.flag.flag-vu {
  background-position: -16px -165px;
}

.flag.flag-qa {
  background-position: -128px -121px;
}

.flag.flag-tm {
  background-position: -208px -143px;
}

.flag.flag-england {
  background-position: -208px -33px;
}

.flag.flag-eh {
  background-position: -192px -33px;
}

.flag.flag-wf {
  background-position: -48px -165px;
}

.flag.flag-ee {
  background-position: -160px -33px;
}

.flag.flag-eg {
  background-position: -176px -33px;
}

.flag.flag-za {
  background-position: -128px -165px;
}

.flag.flag-ec {
  background-position: -144px -33px;
}

.flag.flag-us {
  background-position: -128px -154px;
}

.flag.flag-eu {
  background-position: -16px -44px;
}

.flag.flag-et {
  background-position: 0 -44px;
}

.flag.flag-zw {
  background-position: -176px -165px;
}

.flag.flag-es {
  background-position: -240px -33px;
}

.flag.flag-er {
  background-position: -224px -33px;
}

.flag.flag-ru {
  background-position: -192px -121px;
}

.flag.flag-rw {
  background-position: -208px -121px;
}

.flag.flag-rs {
  background-position: -176px -121px;
}

.flag.flag-re {
  background-position: -144px -121px;
}

.flag.flag-it {
  background-position: -176px -66px;
}

.flag.flag-ro {
  background-position: -160px -121px;
}

.flag.flag-tk {
  background-position: -176px -143px;
}

.flag.flag-tz {
  background-position: -64px -154px;
}

.flag.flag-bd {
  background-position: -16px -11px;
}

.flag.flag-be {
  background-position: -32px -11px;
}

.flag.flag-bf {
  background-position: -48px -11px;
}

.flag.flag-bg {
  background-position: -64px -11px;
}

.flag.flag-vg {
  background-position: -224px -154px;
}

.flag.flag-ba {
  background-position: -240px 0;
}

.flag.flag-bb {
  background-position: 0 -11px;
}

.flag.flag-tibet {
  background-position: -144px -143px;
}

.flag.flag-bm {
  background-position: -112px -11px;
}

.flag.flag-bn {
  background-position: -128px -11px;
}

.flag.flag-bo {
  background-position: -144px -11px;
}

.flag.flag-bh {
  background-position: -80px -11px;
}

.flag.flag-bj {
  background-position: -96px -11px;
}

.flag.flag-bt {
  background-position: -192px -11px;
}

.flag.flag-jm {
  background-position: -208px -66px;
}

.flag.flag-bv {
  background-position: -208px -11px;
}

.flag.flag-bw {
  background-position: -224px -11px;
}

.flag.flag-ws {
  background-position: -64px -165px;
}

.flag.flag-br {
  background-position: -160px -11px;
}

.flag.flag-bs {
  background-position: -176px -11px;
}

.flag.flag-je {
  background-position: -192px -66px;
}

.flag.flag-by {
  background-position: -240px -11px;
}

.flag.flag-bz {
  background-position: 0 -22px;
}

.flag.flag-tn {
  background-position: -224px -143px;
}

.flag.flag-om {
  background-position: -144px -110px;
}

.flag.flag-zm {
  background-position: -160px -165px;
}

.flag.flag-ua {
  background-position: -80px -154px;
}

.flag.flag-jo {
  background-position: -224px -66px;
}

.flag.flag-mz {
  background-position: -192px -99px;
}

.flag.flag-ck {
  background-position: -128px -22px;
}

.flag.flag-xk {
  background-position: -80px -165px;
}

.flag.flag-ci {
  background-position: -112px -22px;
}

.flag.flag-ch {
  background-position: -96px -22px;
}

.flag.flag-co {
  background-position: -192px -22px;
}

.flag.flag-cn {
  background-position: -176px -22px;
}

.flag.flag-cm {
  background-position: -160px -22px;
}

.flag.flag-cl {
  background-position: -144px -22px;
}

.flag.flag-ca {
  background-position: -16px -22px;
}

.flag.flag-cg {
  background-position: -80px -22px;
}

.flag.flag-cf {
  background-position: -64px -22px;
}

.flag.flag-cd {
  background-position: -48px -22px;
}

.flag.flag-cz {
  background-position: -32px -33px;
}

.flag.flag-cy {
  background-position: -16px -33px;
}

.flag.flag-vc {
  background-position: -192px -154px;
}

.flag.flag-cr {
  background-position: -208px -22px;
}

.flag.flag-cw {
  background-position: 0 -33px;
}

.flag.flag-cv {
  background-position: -240px -22px;
}

.flag.flag-cu {
  background-position: -224px -22px;
}

.flag.flag-ve {
  background-position: -208px -154px;
}

.flag.flag-pr {
  background-position: -48px -121px;
}

.flag.flag-ps {
  background-position: -64px -121px;
}

.flag.flag-pw {
  background-position: -96px -121px;
}

.flag.flag-pt {
  background-position: -80px -121px;
}

.flag.flag-py {
  background-position: -112px -121px;
}

.flag.flag-tl {
  background-position: -192px -143px;
}

.flag.flag-iq {
  background-position: -128px -66px;
}

.flag.flag-pa {
  background-position: -160px -110px;
}

.flag.flag-pf {
  background-position: -192px -110px;
}

.flag.flag-pg {
  background-position: -208px -110px;
}

.flag.flag-pe {
  background-position: -176px -110px;
}

.flag.flag-pk {
  background-position: -240px -110px;
}

.flag.flag-ph {
  background-position: -224px -110px;
}

.flag.flag-pn {
  background-position: -32px -121px;
}

.flag.flag-kurdistan {
  background-position: -128px -77px;
}

.flag.flag-pl {
  background-position: 0 -121px;
}

.flag.flag-pm {
  background-position: -16px -121px;
}

.flag.flag-hr {
  background-position: -224px -55px;
}

.flag.flag-ht {
  background-position: -240px -55px;
}

.flag.flag-hu {
  background-position: 0 -66px;
}

.flag.flag-hk {
  background-position: -176px -55px;
}

.flag.flag-hn {
  background-position: -208px -55px;
}

.flag.flag-vn {
  background-position: 0 -165px;
}

.flag.flag-hm {
  background-position: -192px -55px;
}

.flag.flag-jp {
  background-position: -240px -66px;
}

.flag.flag-wales {
  background-position: -32px -165px;
}

.flag.flag-me {
  background-position: -160px -88px;
}

.flag.flag-md {
  background-position: -144px -88px;
}

.flag.flag-mg {
  background-position: -176px -88px;
}

.flag.flag-ma {
  background-position: -112px -88px;
}

.flag.flag-mc {
  background-position: -128px -88px;
}

.flag.flag-uz {
  background-position: -160px -154px;
}

.flag.flag-mm {
  background-position: -240px -88px;
}

.flag.flag-ml {
  background-position: -224px -88px;
}

.flag.flag-mo {
  background-position: -16px -99px;
}

.flag.flag-mn {
  background-position: 0 -99px;
}

.flag.flag-mh {
  background-position: -192px -88px;
}

.flag.flag-mk {
  background-position: -208px -88px;
}

.flag.flag-mu {
  background-position: -112px -99px;
}

.flag.flag-mt {
  background-position: -96px -99px;
}

.flag.flag-mw {
  background-position: -144px -99px;
}

.flag.flag-mv {
  background-position: -128px -99px;
}

.flag.flag-mq {
  background-position: -48px -99px;
}

.flag.flag-mp {
  background-position: -32px -99px;
}

.flag.flag-ms {
  background-position: -80px -99px;
}

.flag.flag-mr {
  background-position: -64px -99px;
}

.flag.flag-im {
  background-position: -80px -66px;
}

.flag.flag-ug {
  background-position: -96px -154px;
}

.flag.flag-my {
  background-position: -176px -99px;
}

.flag.flag-mx {
  background-position: -160px -99px;
}

.flag.flag-il {
  background-position: -64px -66px;
}

.flag.flag-va {
  background-position: -176px -154px;
}

.flag.flag-sa {
  background-position: -224px -121px;
}

.flag.flag-ae {
  background-position: -16px 0;
}

.flag.flag-ad {
  background-position: 0 0;
}

.flag.flag-ag {
  background-position: -48px 0;
}

.flag.flag-af {
  background-position: -32px 0;
}

.flag.flag-ai {
  background-position: -64px 0;
}

.flag.flag-vi {
  background-position: -240px -154px;
}

.flag.flag-is {
  background-position: -160px -66px;
}

.flag.flag-ir {
  background-position: -144px -66px;
}

.flag.flag-am {
  background-position: -96px 0;
}

.flag.flag-al {
  background-position: -80px 0;
}

.flag.flag-ao {
  background-position: -128px 0;
}

.flag.flag-an {
  background-position: -112px 0;
}

.flag.flag-as {
  background-position: -160px 0;
}

.flag.flag-ar {
  background-position: -144px 0;
}

.flag.flag-au {
  background-position: -192px 0;
}

.flag.flag-at {
  background-position: -176px 0;
}

.flag.flag-aw {
  background-position: -208px 0;
}

.flag.flag-in {
  background-position: -96px -66px;
}

.flag.flag-ic {
  background-position: -16px -66px;
}

.flag.flag-az {
  background-position: -224px 0;
}

.flag.flag-ie {
  background-position: -48px -66px;
}

.flag.flag-id {
  background-position: -32px -66px;
}

.flag.flag-zanzibar {
  background-position: -144px -165px;
}

.flag.flag-ni {
  background-position: -32px -110px;
}

.flag.flag-nl {
  background-position: -48px -110px;
}

.flag.flag-no {
  background-position: -64px -110px;
}

.flag.flag-na {
  background-position: -208px -99px;
}

.flag.flag-nc {
  background-position: -224px -99px;
}

.flag.flag-scotland {
  background-position: -16px -132px;
}

.flag.flag-ne {
  background-position: -240px -99px;
}

.flag.flag-nf {
  background-position: 0 -110px;
}

.flag.flag-ng {
  background-position: -16px -110px;
}

.flag.flag-nz {
  background-position: -128px -110px;
}

.flag.flag-sh {
  background-position: -80px -132px;
}

.flag.flag-np {
  background-position: -80px -110px;
}

.flag.flag-so {
  background-position: -176px -132px;
}

.flag.flag-nr {
  background-position: -96px -110px;
}

.flag.flag-nu {
  background-position: -112px -110px;
}

.flag.flag-somaliland {
  background-position: -192px -132px;
}

.flag.flag-fr {
  background-position: -112px -44px;
}

.flag.flag-io {
  background-position: -112px -66px;
}

.flag.flag-sv {
  background-position: 0 -143px;
}

.flag.flag-sb {
  background-position: -240px -121px;
}

.flag.flag-fi {
  background-position: -32px -44px;
}

.flag.flag-fj {
  background-position: -48px -44px;
}

.flag.flag-fk {
  background-position: -64px -44px;
}

.flag.flag-fm {
  background-position: -80px -44px;
}

.flag.flag-fo {
  background-position: -96px -44px;
}

.flag.flag-tj {
  background-position: -160px -143px;
}

.flag.flag-sz {
  background-position: -48px -143px;
}

.flag.flag-sy {
  background-position: -32px -143px;
}

.flag.flag-sx {
  background-position: -16px -143px;
}

.flag.flag-kg {
  background-position: -16px -77px;
}

.flag.flag-ke {
  background-position: 0 -77px;
}

.flag.flag-ss {
  background-position: -224px -132px;
}

.flag.flag-sr {
  background-position: -208px -132px;
}

.flag.flag-ki {
  background-position: -48px -77px;
}

.flag.flag-kh {
  background-position: -32px -77px;
}

.flag.flag-kn {
  background-position: -80px -77px;
}

.flag.flag-km {
  background-position: -64px -77px;
}

.flag.flag-st {
  background-position: -240px -132px;
}

.flag.flag-sk {
  background-position: -112px -132px;
}

.flag.flag-kr {
  background-position: -112px -77px;
}

.flag.flag-si {
  background-position: -96px -132px;
}

.flag.flag-kp {
  background-position: -96px -77px;
}

.flag.flag-kw {
  background-position: -144px -77px;
}

.flag.flag-sn {
  background-position: -160px -132px;
}

.flag.flag-sm {
  background-position: -144px -132px;
}

.flag.flag-sl {
  background-position: -128px -132px;
}

.flag.flag-sc {
  background-position: 0 -132px;
}

.flag.flag-kz {
  background-position: -176px -77px;
}

.flag.flag-ky {
  background-position: -160px -77px;
}

.flag.flag-sg {
  background-position: -64px -132px;
}

.flag.flag-se {
  background-position: -48px -132px;
}

.flag.flag-sd {
  background-position: -32px -132px;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0);
}

/**
 * angular-bootstrap-calendar - A pure AngularJS bootstrap themed responsive calendar that can display events and has views for year, month, week and day
 * @version v0.29.1
 * @link https://github.com/mattlewis92/angular-bootstrap-calendar
 * @license MIT
 */
mwl-calendar [class*=cal-cell] {
  float: left;
  margin-left: 0;
  min-height: 1px;
}

mwl-calendar .cal-row-fluid {
  width: 100%;
  *zoom: 1;
}

mwl-calendar .cal-row-fluid:after, mwl-calendar .cal-row-fluid:before {
  display: table;
  content: "";
  line-height: 0;
}

mwl-calendar .cal-row-fluid:after {
  clear: both;
}

mwl-calendar .cal-row-fluid [class*=cal-cell] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  float: left;
  margin-left: 0;
  *margin-left: -0.05213764%;
}

mwl-calendar .cal-row-fluid .controls-row [class*=cal-cell] + [class*=cal-cell], mwl-calendar .cal-row-fluid [class*=cal-cell]:first-child {
  margin-left: 0;
}

mwl-calendar .cal-row-fluid .cal-cell7 {
  width: 100%;
  *width: 99.9466951%;
}

mwl-calendar .cal-row-fluid .cal-cell6 {
  width: 85.71428571%;
  *width: 85.66098081%;
}

mwl-calendar .cal-row-fluid .cal-cell5 {
  width: 71.42857143%;
  *width: 71.37526652%;
}

mwl-calendar .cal-row-fluid .cal-cell4 {
  width: 57.14285714%;
  *width: 57.08955224%;
}

mwl-calendar .cal-row-fluid .cal-cell3 {
  width: 42.85714286%;
  *width: 42.80383795%;
}

mwl-calendar .cal-row-fluid .cal-cell2 {
  width: 28.57142857%;
  *width: 28.51812367%;
}

mwl-calendar .cal-row-fluid .cal-cell1 {
  *width: 14.23240938%;
}

mwl-calendar .cal-row-fluid .cal-offset7, mwl-calendar .cal-row-fluid .cal-offset7:first-child, mwl-calendar .cal-week-box .cal-offset7 {
  margin-left: 100%;
  *margin-left: 99.89339019%;
}

mwl-calendar .cal-row-fluid .cal-offset6, mwl-calendar .cal-row-fluid .cal-offset6:first-child, mwl-calendar .cal-week-box .cal-offset6 {
  margin-left: 85.71428571%;
  *margin-left: 85.60767591%;
}

mwl-calendar .cal-row-fluid .cal-offset5, mwl-calendar .cal-row-fluid .cal-offset5:first-child, mwl-calendar .cal-week-box .cal-offset5 {
  margin-left: 71.42857143%;
  *margin-left: 71.32196162%;
}

mwl-calendar .cal-row-fluid .cal-offset4, mwl-calendar .cal-row-fluid .cal-offset4:first-child, mwl-calendar .cal-week-box .cal-offset4 {
  margin-left: 57.14285714%;
  *margin-left: 57.03624733%;
}

mwl-calendar .cal-row-fluid .cal-offset3, mwl-calendar .cal-row-fluid .cal-offset3:first-child, mwl-calendar .cal-week-box .cal-offset3 {
  margin-left: 42.85714286%;
  *margin-left: 42.75053305%;
}

mwl-calendar .cal-row-fluid .cal-offset2, mwl-calendar .cal-row-fluid .cal-offset2:first-child, mwl-calendar .cal-week-box .cal-offset2 {
  margin-left: 28.57142857%;
  *margin-left: 28.46481876%;
}

mwl-calendar .cal-row-fluid .cal-offset1, mwl-calendar .cal-row-fluid .cal-offset1:first-child, mwl-calendar .cal-week-box .cal-offset1 {
  margin-left: 14.28571429%;
  *margin-left: 14.17910448%;
}

mwl-calendar .cal-row-fluid .cal-cell1 {
  width: 14.28571429%;
  *width: 14.23357664%;
}

mwl-calendar .cal-row-fluid [class*=cal-cell].hide, mwl-calendar [class*=cal-cell].hide {
  display: none;
}

mwl-calendar .cal-row-fluid [class*=cal-cell].pull-right, mwl-calendar [class*=cal-cell].pull-right {
  float: right;
}

mwl-calendar .cal-row-head [class*=cal-cell], mwl-calendar .cal-row-head [class*=cal-cell]:first-child {
  min-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

mwl-calendar .cal-events-num {
  margin-top: 20px;
}

mwl-calendar .cal-month-day {
  position: relative;
  display: block;
  width: 100%;
}

mwl-calendar .cal-month-day .cal-events-num {
  margin-left: 10px;
  margin-top: 18px;
}

mwl-calendar #cal-week-box {
  position: absolute;
  width: 70px;
  left: -71px;
  top: -1px;
  padding: 8px 5px;
  cursor: pointer;
}

mwl-calendar .cal-day-tick {
  position: absolute;
  right: 50%;
  bottom: -21px;
  padding: 0 5px;
  cursor: pointer;
  z-index: 5;
  width: 26px;
  margin-right: -17px;
}

mwl-calendar .cal-year-box #cal-day-tick {
  margin-right: -7px;
}

mwl-calendar .cal-slide-box {
  position: relative;
}

mwl-calendar .cal-slide-tick {
  position: absolute;
  width: 16px;
  margin-left: -7px;
  height: 9px;
  top: -1px;
  z-index: 1;
}

mwl-calendar .cal-slide-tick.tick-month1 {
  left: 12.5%;
}

mwl-calendar .cal-slide-tick.tick-month2 {
  left: 37.5%;
}

mwl-calendar .cal-slide-tick.tick-month3 {
  left: 62.5%;
}

mwl-calendar .cal-slide-tick.tick-month4 {
  left: 87.5%;
}

mwl-calendar .cal-slide-tick.tick-day1 {
  left: 7.14285714%;
}

mwl-calendar .cal-slide-tick.tick-day2 {
  left: 21.42857143%;
}

mwl-calendar .cal-slide-tick.tick-day3 {
  left: 35.71428571%;
}

mwl-calendar .cal-slide-tick.tick-day4 {
  left: 50%;
}

mwl-calendar .cal-slide-tick.tick-day5 {
  left: 64.28571429%;
}

mwl-calendar .cal-slide-tick.tick-day6 {
  left: 78.57142857%;
}

mwl-calendar .cal-slide-tick.tick-day7 {
  left: 92.85714286%;
}

mwl-calendar .events-list {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 50;
}

mwl-calendar .cal-slide-content ul.unstyled {
  margin-bottom: 0;
}

mwl-calendar .cal-slide-content ul li.dragging-active .event-item {
  color: #000;
}

mwl-calendar .cal-day-selected {
  background-color: #ededed;
}

.cal-week-box {
  position: relative;
}

.cal-week-box [data-event-class] {
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 12px;
  padding: 0 3px !important;
}

.cal-week-box .cal-day-panel {
  border: 0 !important;
}

.cal-week-box:not(.cal-day-box) .cal-row-fluid {
  margin-bottom: 2px;
}

.cal-week-box:not(.cal-day-box) .cal-row-fluid:hover, .cal-week-box:not(.cal-day-box) [class*=cal-cell]:hover {
  background-color: inherit !important;
}

.cal-week-box:not(.cal-day-box) [data-event-class] {
  margin-left: 2px;
  margin-right: 2px;
}

.cal-week-box:not(.cal-day-box) .border-left-rounded {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.cal-week-box:not(.cal-day-box) .border-right-rounded {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cal-week-box.cal-day-box .cal-row-head {
  padding-left: 60px;
}

.cal-week-box.cal-day-box .cal-day-panel {
  overflow-x: hidden;
}

.cal-day-box {
  text-wrap: none;
  overflow-x: auto !important;
  overflow-y: hidden;
}

.cal-day-box .cal-day-hour-part {
  height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: thin dashed #e1e1e1;
}

.cal-day-box .cal-day-hour-part .cal-day-hour-part-time {
  width: 60px;
  text-align: center;
  float: left;
}

.cal-day-box .cal-day-hour-part .cal-day-hour-part-spacer {
  height: 30px;
  display: inline-block;
}

.cal-day-box .cal-day-hour-part:hover {
  background-color: #ededed;
}

.cal-day-box .cal-day-hour-part-selected {
  background-color: #e1e1e1;
}

.cal-day-box .cal-day-hour {
  background-color: #fff;
}

.cal-day-box .cal-day-hour .day-highlight {
  height: 30px;
}

.cal-day-box .cal-day-hour:nth-child(odd) {
  background-color: #fafafa;
}

.cal-day-box .cal-hours {
  font-weight: 700;
  font-size: 12px;
}

.cal-day-box .cal-day-panel {
  position: relative;
  padding-left: 60px;
  border: 1px solid #e1e1e1;
}

.cal-day-box .cal-day-panel-hour {
  position: absolute;
  width: 100%;
  margin-left: -60px;
}

.cal-day-box .day-event {
  position: absolute;
  width: 150px;
  overflow: hidden;
  padding: 2px 3px !important;
}

.cal-day-box .day-event a {
  font-size: 12px;
  text-overflow: ellipsis;
}

.cal-day-box .day-highlight {
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #c3c3c3;
  margin: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

mwl-calendar-day.time-hidden .cal-day-hour-part-time {
  display: none;
}

mwl-calendar-day.time-on-side .cal-day-box {
  overflow: visible !important;
  margin-left: 55px;
}

mwl-calendar-day.time-on-side .cal-day-panel {
  min-width: 0 !important;
}

mwl-calendar-day.time-on-side .cal-day-hour-part-time {
  margin-left: -55px;
}

mwl-calendar .event {
  display: block;
  background-color: #c3c3c3;
  width: 12px;
  height: 12px;
  margin-right: 2px;
  margin-bottom: 2px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  border: 1px solid #fff;
}

mwl-calendar .event-block {
  display: block;
  background-color: #c3c3c3;
  width: 20px;
  height: 100%;
}

mwl-calendar .cal-event-list .event.pull-left {
  margin-top: 3px;
}

mwl-calendar .day-highlight, mwl-calendar .day-highlight:hover {
  background-color: #ddd;
}

mwl-calendar .cal-row-head [class*=cal-cell], mwl-calendar .cal-row-head [class*=cal-cell]:first-child {
  font-weight: bolder;
  text-align: center;
  border: 0 solid;
  padding: 5px 0;
}

mwl-calendar .cal-row-head [class*=cal-cell] small {
  font-weight: 400;
}

mwl-calendar .cal-row-fluid:hover, mwl-calendar .cal-year-box .row:hover {
  background-color: #fafafa;
}

mwl-calendar .cal-month-day {
  height: 100px;
}

mwl-calendar .cal-cell.drop-active, mwl-calendar .cal-day-hour-part.drop-active, mwl-calendar .cal-week-box .cal-cell1.drop-active, mwl-calendar .cell-focus, mwl-calendar [class*=cal-cell] .drop-active, mwl-calendar [class*=cal-cell]:hover {
  background-color: #ededed;
}

mwl-calendar .cal-month-box [class*=cal-cell], mwl-calendar .cal-year-box [class*=span] {
  min-height: 100px;
  border-right: 1px solid #e1e1e1;
  position: relative;
}

mwl-calendar .cal-year-box [class*=span] {
  min-height: 60px;
}

mwl-calendar .cal-month-box .cal-row [class*=cal-cell]:last-child, mwl-calendar .cal-year-box .row [class*=col-]:last-child {
  border-right: 0;
}

mwl-calendar .cal-month-box .cal-row-fluid, mwl-calendar .cal-year-box .row {
  border-bottom: 1px solid #e1e1e1;
  margin-left: 0;
  margin-right: 0;
}

mwl-calendar .cal-month-box .cal-row-fluid:last-child, mwl-calendar .cal-year-box .row:last-child {
  border-bottom: 0;
}

mwl-calendar .cal-month-box, mwl-calendar .cal-week-box, mwl-calendar .cal-year-box {
  border: 1px solid #e1e1e1;
  border-radius: 2px;
}

mwl-calendar .cal-month-box {
  border-right: 0;
  border-bottom: 0;
}

mwl-calendar span[data-cal-date] {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  margin-top: 15px;
  margin-right: 15px;
}

mwl-calendar span[data-cal-date]:hover {
  opacity: 1;
}

mwl-calendar .cal-day-outmonth span[data-cal-date] {
  opacity: 0.1;
  cursor: default;
}

mwl-calendar .cal-day-today {
  background-color: #e8fde7;
}

mwl-calendar .cal-day-today span[data-cal-date] {
  color: #006400;
}

mwl-calendar .cal-month-box .cal-day-today span[data-cal-date] {
  font-size: 1.9em;
}

mwl-calendar .cal-day-holiday span[data-cal-date] {
  color: purple;
}

mwl-calendar .cal-day-weekend span[data-cal-date] {
  color: darkred;
}

mwl-calendar #cal-week-box {
  border: 1px solid #e1e1e1;
  border-right: 0;
  border-radius: 5px 0 0 5px;
  background-color: #fafafa;
  text-align: right;
}

mwl-calendar .cal-week-box .cal-row-head {
  border-bottom: 1px solid #e1e1e1;
}

mwl-calendar .cal-day-tick {
  border: 1px solid #e1e1e1;
  border-top: 0 solid;
  border-radius: 0 0 5px 5px;
  background-color: #ededed;
  text-align: center;
}

mwl-calendar .cal-day-tick .fa {
  display: none;
}

mwl-calendar .cal-slide-box {
  border-top: 0 solid #8c8c8c;
}

mwl-calendar .cal-slide-content {
  padding: 20px;
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

mwl-calendar .cal-slide-content a.event-item {
  color: #fff;
  font-weight: 400;
}

mwl-calendar a.event-item-action, mwl-calendar a.event-item-delete, mwl-calendar a.event-item-edit {
  padding-left: 5px;
}

mwl-calendar .cal-year-box .cal-slide-content a.event-item, mwl-calendar .cal-year-box a.event-item-action, mwl-calendar .cal-year-box a.event-item-delete, mwl-calendar .cal-year-box a.event-item-edit {
  position: relative;
  top: -3px;
}

mwl-calendar .events-list {
  max-height: 47px;
  padding-left: 5px;
}

mwl-calendar .cal-column {
  border-left: 1px solid #e1e1e1;
}

mwl-calendar a.cal-event-week {
  text-decoration: none;
  color: #151515;
}

mwl-calendar .badge-important {
  background-color: #b94a48;
}

mwl-calendar .pointer {
  cursor: pointer;
}

mwl-calendar .cal-year-box:last-child {
  border-bottom: 0;
}

mwl-calendar .cal-context {
  width: 100%;
}

@media (max-width: 991px) {
  mwl-calendar .cal-year-box [class*=span]:nth-child(2) {
    border-right: 0;
  }

  mwl-calendar .cal-year-box [class*=span]:first-child, mwl-calendar .cal-year-box [class*=span]:nth-child(2) {
    border-bottom: 1px solid #e1e1e1;
  }
}
.ng-gallery {
  width: 100%;
  height: 100%;
}

img.ng-thumb {
  width: 100%;
  display: block;
  cursor: pointer;
}

.ng-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.85;
  z-index: 9999;
}

.ng-gallery-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  text-align: center;
}

.ng-gallery-content > a.close-popup {
  font-size: 42px;
  float: right;
  color: #fff;
  text-decoration: none;
  margin: 0 20px 0 0;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 0;
}

.ng-gallery-content .content-wrapper img {
  width: 100%;
}

.ng-gallery-content > a.nav-left, .ng-gallery-content > a.nav-right {
  color: #fff;
  text-decoration: none;
  font-size: 60px;
  cursor: pointer;
  outline: none;
}

.ng-gallery-content > a.nav-left {
  position: fixed;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.ng-gallery-content > a.nav-right {
  position: fixed;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.ng-gallery-content > img {
  height: auto;
  max-height: calc(100% - 150px);
  max-width: calc(100% - 100px);
  position: relative;
  display: block;
  margin: 0 auto 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer;
}

.ng-gallery-content > img.effect {
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
.ng-gallery-content > span.info-text {
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 20px;
  font-weight: bold;
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 100px;
}

.ng-gallery-content > .ng-thumbnails-wrapper {
  width: 400px;
  height: 70px;
  text-align: center;
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
}

.ng-gallery-content > .ng-thumbnails-wrapper > .ng-thumbnails {
  width: 4000px;
  height: 70px;
}

.ng-gallery-content > .ng-thumbnails-wrapper > .ng-thumbnails > div > img {
  width: auto;
  height: 70px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0.6;
}

.ng-gallery-content > .ng-thumbnails-wrapper > .ng-thumbnails > div > img:hover,
.ng-gallery-content > .ng-thumbnails-wrapper > .ng-thumbnails > div > img.active {
  transition: opacity 0.25s ease;
  opacity: 1;
}

/* Loading - from http://loading.io */
uiload {
  display: inline-block;
  position: relative;
}

uiload > div {
  position: relative;
}
@keyframes uil-ring-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.uil-ring-css {
  background: none;
  position: relative;
  top: 0;
  margin: 180px auto 0 auto;
  width: 100px;
  height: 100px;
}

.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 80px;
  height: 80px;
  top: 20px;
  left: 20px;
  border-radius: 40px;
  box-shadow: 0 6px 0 0 #fff;
  animation: uil-ring-anim 1s linear infinite;
}

/*******************************
    Common
********************************/
html,
body {
  background: #fff;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-weight: 300;
  padding: 0;
  min-width: 320px;
  height: 100%;
}
html.presentation,
body.presentation {
  overflow: hidden;
  max-height: 100%;
}

*:hover,
*:active,
*:focus {
  outline: 0;
}

h1,
h2,
h3,
h4 {
  color: #064250;
}
h1.italic,
h2.italic,
h3.italic,
h4.italic {
  font-style: italic;
}
h1.margin,
h2.margin,
h3.margin,
h4.margin {
  margin: 0 0 75px;
}
h1.nomargin,
h2.nomargin,
h3.nomargin,
h4.nomargin {
  margin: 0 !important;
}
h1 .pageDescription,
h2 .pageDescription,
h3 .pageDescription,
h4 .pageDescription {
  font-size: 15px;
  font-weight: 100;
  color: #707070;
  line-height: 1.5;
}
h1 .sectionDescription,
h2 .sectionDescription,
h3 .sectionDescription,
h4 .sectionDescription {
  font-size: 12px;
  font-weight: 100;
  color: #707070;
}

h1 {
  font-size: 45px;
  font-weight: 700;
}

h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
}

h3 {
  font-size: 27px;
  font-weight: 700;
}

h4 {
  font-size: 30px;
  font-weight: 300;
  line-height: 43px;
  margin: 0;
}

.title {
  font-size: 20px;
  margin: 5px 0 25px;
}

h1.heading {
  font-weight: 100;
}

h2.heading {
  font-size: 25px;
  font-weight: 100;
}

hr {
  margin: 25px 0;
  border: 0;
  border-bottom: 1px solid #D8D8D8;
}

ul.left {
  text-align: left;
}

label {
  font-size: 14px;
  font-weight: 500;
  color: #434343;
  text-transform: uppercase;
  white-space: normal !important;
}
label.margin {
  margin: 0 0 0 12px;
}
label.margin .info {
  margin: 0 0 0 12px;
}
label.margin-bottom {
  margin-bottom: 5px;
}
label .info {
  font-size: 14px;
  font-weight: 100;
  text-transform: none;
  color: #434343;
}
label .info.wrap {
  white-space: normal !important;
}
label.nowrap {
  white-space: nowrap !important;
}

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

span.line {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.display-block {
  display: block;
}

.clear {
  clear: both;
}

.floatright {
  float: right;
}

.table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.table .cell {
  display: table-cell;
  vertical-align: top;
}

a {
  text-decoration: none;
}

a.ref {
  color: #0F84E1;
  font-weight: 500;
  cursor: pointer;
}
a.ref.bright {
  color: #b3ddfe;
}
a.ref:hover {
  color: #0060ac;
}
a.ref.small {
  font-size: 12px;
}
a.ref.small .icon::before, a.ref.small .icon::after {
  font-size: 11px;
}
a.ref.hover {
  color: inherit;
}
a.ref.hover:hover {
  color: #0060ac;
}
a.ref .icon::after, a.ref .icon::before {
  font-size: 12px;
}

ol {
  list-style-type: decimal;
}

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

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

.make-relative {
  position: relative !important;
}

.not-visible {
  visibility: hidden;
}
.not-visible.visible {
  visibility: visible;
}

md-content.pageContent {
  background: transparent !important;
}

.no-padding {
  padding: 0 !important;
}

.margin-top-bottom {
  margin: 10px 0px;
}

.clickable {
  cursor: pointer;
}

.fullHeight {
  height: 100% !important;
}

.highlight em {
  border-radius: 5px;
  padding: 0 4px;
  background: #F39D0F;
  color: #fff;
  font-weight: 500;
  font-style: normal;
}

/*******************************
Media Queries - Common
********************************/
@media only screen and (max-width: 600px) {
  .mobile-no-padding {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .hide-xsmall {
    display: none;
  }
}
/*********************************
    Layout
*********************************/
.main-content {
  padding: 60px 0 0;
  min-height: 100%;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  /*******************************
  Media Queries - Layout
  ********************************/
}
.main-content.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.main-content.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.main-content.public.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1.5s;
}
.main-content.public.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
.main-content.homeHeader {
  padding: 0;
}
.main-content.auth {
  margin: 0 0 0 200px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.main-content.auth.collapsed {
  margin: 0 0 0 75px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.main-content.presentation {
  margin: 0 !important;
  overflow: hidden;
  max-height: 100%;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.main-content .container {
  padding: 0 10%;
}
@media only screen and (max-width: 960px) {
  .main-content.auth {
    min-height: calc(100% - 70px);
    margin: 0 !important;
    z-index: 1;
  }
}

.paddedContainer {
  padding: 65px 0;
}

.paddedSection {
  padding: 20px 0;
}

.bank {
  width: 100%;
  display: block;
}

.vertical {
  display: table;
  height: 100%;
}
.vertical > :nth-child(1) {
  display: table-cell;
  vertical-align: middle;
}

.absoluteSpan {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: calc(100vh - 60px);
}

/*a, a.md-default-theme:not(.md-button), a:not(.md-button), a :hover:not(.md-button), a :hover:not(.md-button *) {
    color: $tertiary;
}*/
.content-container {
  /*height: 100%;*/
  color: #434343;
}
.content-container md-content {
  overflow: visible;
  background: #fff;
  margin: 0;
}
.content-container > md-content {
  /*height: 100%;*/
  overflow: visible;
  background: #fff;
  padding: 20px 40px;
  margin: 0;
  overflow: auto;
}
.content-container .contentPadding {
  padding: 20px 40px;
}
.content-container .page-padding {
  padding: 20px 40px;
}
.content-container h1,
.content-container h2,
.content-container h3,
.content-container h4 {
  color: #064250;
}
.content-container h1.margin,
.content-container h2.margin,
.content-container h3.margin,
.content-container h4.margin {
  margin: 0 0 40px;
}
.content-container h1.pageHeader,
.content-container h2.pageHeader,
.content-container h3.pageHeader,
.content-container h4.pageHeader {
  margin: 10px 0 30px;
}
.content-container h1.pageHeader .icon:not(.star .icon),
.content-container h2.pageHeader .icon:not(.star .icon),
.content-container h3.pageHeader .icon:not(.star .icon),
.content-container h4.pageHeader .icon:not(.star .icon) {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: #064250;
  color: #fff;
  text-align: center;
  line-height: 40px;
  animation-name: pulse;
  animation-duration: 0.8s;
  animation-delay: 1s;
}
.content-container h1.pageHeader .icon:not(.star .icon) [class^=flaticon-]:before,
.content-container h1.pageHeader .icon:not(.star .icon) [class*=" flaticon-"]:before,
.content-container h1.pageHeader .icon:not(.star .icon) [class^=flaticon-]:after,
.content-container h1.pageHeader .icon:not(.star .icon) [class*=" flaticon-"]:after,
.content-container h2.pageHeader .icon:not(.star .icon) [class^=flaticon-]:before,
.content-container h2.pageHeader .icon:not(.star .icon) [class*=" flaticon-"]:before,
.content-container h2.pageHeader .icon:not(.star .icon) [class^=flaticon-]:after,
.content-container h2.pageHeader .icon:not(.star .icon) [class*=" flaticon-"]:after,
.content-container h3.pageHeader .icon:not(.star .icon) [class^=flaticon-]:before,
.content-container h3.pageHeader .icon:not(.star .icon) [class*=" flaticon-"]:before,
.content-container h3.pageHeader .icon:not(.star .icon) [class^=flaticon-]:after,
.content-container h3.pageHeader .icon:not(.star .icon) [class*=" flaticon-"]:after,
.content-container h4.pageHeader .icon:not(.star .icon) [class^=flaticon-]:before,
.content-container h4.pageHeader .icon:not(.star .icon) [class*=" flaticon-"]:before,
.content-container h4.pageHeader .icon:not(.star .icon) [class^=flaticon-]:after,
.content-container h4.pageHeader .icon:not(.star .icon) [class*=" flaticon-"]:after {
  font-size: 20px;
}
.content-container h1.pageHeader .sub,
.content-container h2.pageHeader .sub,
.content-container h3.pageHeader .sub,
.content-container h4.pageHeader .sub {
  font-size: 24px;
}
.content-container h1 .pageDescription,
.content-container h2 .pageDescription,
.content-container h3 .pageDescription,
.content-container h4 .pageDescription {
  font-size: 15px;
  font-weight: 100;
  color: #707070;
}
.content-container h1 .imageMargin,
.content-container h2 .imageMargin,
.content-container h3 .imageMargin,
.content-container h4 .imageMargin {
  margin-left: 10px;
}
.content-container h1.hasIcon .pageDescription,
.content-container h2.hasIcon .pageDescription,
.content-container h3.hasIcon .pageDescription,
.content-container h4.hasIcon .pageDescription {
  margin-left: 45px;
}
.content-container h1 {
  font-size: 28px;
  font-weight: 100;
  margin: 10px 0;
}
.content-container h1.pageHeader {
  margin: 10px 0 30px;
}
.content-container h1.pageHeader .pageDescription {
  font-size: 15px;
  font-weight: 100;
  color: #707070;
}
.content-container h2 {
  font-size: 24px;
  font-weight: 100;
  margin: 0;
}
.content-container h3 {
  font-size: 20px;
  font-weight: 500;
}
.content-container h4 {
  font-size: 15px;
  font-weight: 500;
}
.content-container a.link {
  font-size: 11px;
}

.errormsg {
  color: #dd2c00;
  font-size: 12px;
}

.container {
  width: 100%;
  /*max-width: $maxDisplay;*/
  margin: 0 auto;
  padding: 0 40px;
}
.container.block {
  display: block;
}
.container.padded {
  padding: 10px 40px;
}

.systemHelp {
  color: #0F84E1;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.systemHelp a {
  color: #0F84E1;
}
.systemHelp .icon::before, .systemHelp .icon::after {
  font-size: 18px;
}

/*******************************
Media Queries - Layout
********************************/
@media only screen and (max-width: 1280px) {
  .container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 960px) {
  .container {
    padding: 0 30px;
  }
  .container.padded {
    padding: 10px 30px;
  }

  .content-container > md-content {
    padding: 0px 30px;
  }
  .content-container .contentPadding {
    padding: 0px 30px;
  }
  .content-container .page-padding {
    padding: 20px 30px;
  }
  .content-container h1,
.content-container h2,
.content-container h3,
.content-container h4 {
    color: #064250;
  }
  .content-container h1.margin,
.content-container h2.margin,
.content-container h3.margin,
.content-container h4.margin {
    margin: 0 0 40px;
  }
  .content-container h1 {
    font-size: 25px;
    font-weight: 500;
    margin: 10px 0;
  }
  .content-container h1.pageHeader {
    margin: 10px 0 25px;
  }
  .content-container h1.pageHeader .pageDescription {
    font-size: 14px;
    font-weight: 100;
    color: #434343;
  }
  .content-container h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
  }
  .content-container h3 {
    font-size: 16px;
    font-weight: 500;
  }
  .content-container h4 {
    font-size: 16px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 600px) {
  .content-container > md-content {
    padding: 0px 20px;
  }
  .content-container .contentPadding {
    padding: 0px 20px;
  }
  .content-container .page-padding {
    padding: 20px 20px;
  }

  .container {
    padding: 0px 20px;
  }
}
/*********************************
    Header
*********************************/
header {
  background: #fff;
  color: #064250;
  font-size: 16px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 70;
  /*******************************
  Media Queries - Header
  ********************************/
  /*********************************
  Auth Navigation
  *********************************/
}
header .header .dynamicNotification {
  background: #2196F3;
  border-radius: 0;
  margin: 0;
  padding: 15px 75px;
}
header .header .dynamicNotification .close {
  top: 15px;
  right: 15px;
}
header .container {
  padding: 10px 50px;
}
header .topNavContainer {
  position: relative;
  height: 100%;
}
header .logoContainer {
  cursor: pointer;
}
header .logoContainer .logo {
  width: 40px;
  height: 40px;
}
header .logoContainer .logo_name {
  width: 200px;
  height: 20px;
  margin: 0 0 0 10px;
}
header .navSearch {
  margin: 0 0 0 30px;
  min-width: 250px;
}
header #LogoOS .cls-1 {
  fill: #2196F3;
}
header #LogoOS .cls-2 {
  fill: #064250;
}
header #LogoOS_name .cls-1 {
  fill: #064250;
}
header .navMenu a,
header .navMenu a:active,
header .navMenu a:focus {
  color: #064250;
  font-weight: 500;
}
header .navMenu a:hover,
header .navMenu a:active:hover,
header .navMenu a:focus:hover {
  color: #2196F3;
}
header .navMenu ul {
  padding-left: 5px;
}
header .navMenu [class^=flaticon-]:before,
header .navMenu [class*=" flaticon-"]:before,
header .navMenu [class^=flaticon-]:after,
header .navMenu [class*=" flaticon-"]:after {
  font-size: 14px;
}
header .mainNav {
  font-size: 13px;
  margin-right: 50px;
}
header .authentication {
  margin-top: 2px;
}
header .authentication .link {
  font-weight: 500;
}
header .authentication .btn {
  padding: 0 15px !important;
}
header .rightNav {
  padding-right: 20px;
}
header .rightNav .option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 15px;
  position: relative;
}
header .rightNav .option.link {
  cursor: pointer;
  color: inherit;
}
header .rightNav .option.link:hover, header .rightNav .option.link.active {
  background: #043743;
  color: #fff;
}
header .rightNav .logout {
  font-size: 11px;
  text-transform: uppercase;
  height: 60px;
}
header .rightNav .logout .icon {
  margin-right: 5px;
}
header .rightNav .logout [class^=flaticon-]:before,
header .rightNav .logout [class*=" flaticon-"]:before,
header .rightNav .logout [class^=flaticon-]:after,
header .rightNav .logout [class*=" flaticon-"]:after {
  color: #2196F3;
  font-size: 14px;
}
header .rightNav .name .icon {
  margin-left: 8px;
}
header .rightNav .name [class^=flaticon-]:before,
header .rightNav .name [class*=" flaticon-"]:before,
header .rightNav .name [class^=flaticon-]:after,
header .rightNav .name [class*=" flaticon-"]:after {
  font-size: 12px;
}
header .rightNav .notifications .numberNotify {
  position: absolute;
  top: 12px;
  right: 5px;
}
header .rightNav .notifications .numberNotify .circle {
  background: #ec551a;
}
header .rightNav .upgrade {
  padding: 0 40px;
  color: #7ED321;
  font-size: 14px;
  font-weight: 500;
}
header .rightNav .upgrade:hover {
  color: #2196F3 !important;
}
header .rightNav .upgrade ::before,
header .rightNav .upgrade ::after {
  font-size: 12px;
}
header .rightNav .customMenu .customMenuContent {
  right: -71px;
}
header .rightNav .customMenu .customMenuContent .option {
  width: 100%;
  text-align: right;
}
header .rightNav .customMenu .customMenuContent .option a,
header .rightNav .customMenu .customMenuContent .option a:active,
header .rightNav .customMenu .customMenuContent .option a:focus {
  color: #0d4c5b;
  font-weight: 500;
}
header .rightNav .customMenu .customMenuContent .option:hover {
  background: #63b509;
  color: #fff;
}
header .rightNav .customMenu .customMenuContent .option:hover a,
header .rightNav .customMenu .customMenuContent .option:hover a:active,
header .rightNav .customMenu .customMenuContent .option:hover a:focus {
  color: #fff;
}
header .rightNav .customMenu.active .btn {
  border-color: #63b509;
}
header.homeHeader.isTop {
  background: transparent;
  color: #fff;
}
header.homeHeader.isTop #LogoOS .cls-1,
header.homeHeader.isTop #LogoOS .cls-2,
header.homeHeader.isTop #LogoOS_name .cls-1,
header.homeHeader.isTop #LogoOS_name .cls-2 {
  fill: #fff;
}
header.homeHeader.isTop .navMenu a {
  color: #fff;
}
header.homeHeader.isTop .navMenu.links li {
  border-color: #fff;
}
header.homeHeader.isTop .userAccount .name {
  color: #fff;
}
@media only screen and (max-width: 1500px) {
  header .rightNav .upgrade {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 1280px) {
  header .mainNav {
    margin-right: 0px;
  }
  header .rightNav .upgrade {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 960px) {
  header .rightNav .upgrade .text {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  header .logoContainer .logo {
    height: 45px;
    width: 45px;
  }
  header .logoContainer .logo_name {
    height: 25px;
    width: 150px;
  }
}
header .authenticatedNav {
  background: #0d4c5b;
  color: #9bc2cb;
  position: relative;
  height: 100%;
}
header .authenticatedNav .logoContainer {
  margin-left: 20px;
}
header .authenticatedNav .logoContainer .logo {
  width: 30px;
  height: 30px;
}
header .authenticatedNav .logoContainer .logo_name {
  width: 125px;
  height: 20px;
  margin: 0 0 0 10px;
}
header .authenticatedNav #LogoOS .cls-1,
header .authenticatedNav #LogoOS .cls-2,
header .authenticatedNav #LogoOS_name .cls-1,
header .authenticatedNav #LogoOS_name .cls-2 {
  fill: #fff;
}
header .authenticatedNav .userAccount .name {
  color: #fff;
}
@media only screen and (max-width: 960px) {
  header .authenticatedNav .logoContainer {
    position: absolute;
    left: 50%;
    top: 14px;
    margin-left: -15px;
  }
}

nav ul li {
  margin: 0;
}

/*********************************
    Side Navigation
*********************************/
md-backdrop {
  top: 0 !important;
}

.sideNav .group {
  margin: 25px 0 10px;
}
.sideNav .group .title {
  font-size: 12px;
  color: #9bc2cb;
  padding: 5px 12px;
  margin: 0;
  text-transform: uppercase;
}
.sideNav .links {
  margin: 0;
  padding: 0;
}
.sideNav .links .item {
  margin: 0;
  padding: 0;
  position: relative;
}
.sideNav .links .item a {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 12px;
  color: #9bc2cb;
  display: block;
  cursor: pointer;
  border-left: 3px solid transparent;
  position: relative;
}
.sideNav .links .item a:hover {
  background: #0d4c5b;
}
.sideNav .links .item a.active {
  background: #043743;
  color: #fff;
  border-color: #fff;
}
.sideNav .links .item a .icon {
  margin-right: 5px;
}
.sideNav .links .item a [class^=flaticon-]:before,
.sideNav .links .item a [class*=" flaticon-"]:before,
.sideNav .links .item a [class^=flaticon-]:after,
.sideNav .links .item a [class*=" flaticon-"]:after {
  font-size: 14px;
}
.sideNav .links .item a .numberNotify {
  position: absolute;
  right: 15px;
}
.sideNav .links .item a .numberNotify.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.sideNav .links .item a .numberNotify .circle {
  background: #ec551a;
}
.sideNav .links .item a.disabled {
  opacity: 1;
  color: #58777d;
}
.sideNav .links .item a.disabled:hover {
  background: none;
}
.sideNav .links .item a .comingSoon {
  position: absolute;
  background: #043743;
  border-radius: 15px;
  font-size: 10px;
  font-weight: 500;
  right: 12px;
  top: 10px;
  padding: 4px 10px;
}
.sideNav .links .item a .comingSoon [class^=flaticon-]:before,
.sideNav .links .item a .comingSoon [class*=" flaticon-"]:before,
.sideNav .links .item a .comingSoon [class^=flaticon-]:after,
.sideNav .links .item a .comingSoon [class*=" flaticon-"]:after {
  font-size: 9px;
}
.sideNav .links .item a .tag {
  position: absolute;
  border-radius: 5px;
  right: 12px;
  top: 13px;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 4px;
  color: #fff;
}
.sideNav .links .item a .tag.success {
  background: #559b08;
}
.sideNav .links .item a .tag.warm {
  background: #F39D0F;
}
.sideNav #publicLinks {
  margin-top: 20px;
}
.sideNav #publicLinks .item a {
  padding: 12px 30px;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
}
.sideNav #publicLinks .item a:hover {
  color: #fff;
  background-color: #0d4c5b;
}

#SideNavigation {
  position: fixed;
  top: 60px;
  background: #064250;
  color: #fff;
  width: 200px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  left: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#SideNavigation.ng-enter {
  display: block;
}
#SideNavigation.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
#SideNavigation .mobile {
  display: none;
}
#SideNavigation .collapseControl {
  position: absolute;
  bottom: 60px;
  display: block;
  width: 100%;
  height: 50px;
  background-color: #0d4c5b;
  padding: 12px;
  cursor: poiner;
}
#SideNavigation .collapseControl .icon {
  margin-right: 10px;
}
#SideNavigation.collapsed {
  width: 75px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#SideNavigation.collapsed .group {
  border-bottom: 1px solid #043743;
}
#SideNavigation.collapsed .group .title {
  display: none;
}
#SideNavigation.collapsed .group:last-child {
  border-bottom: 0;
}
#SideNavigation.collapsed .links .item a {
  text-align: center;
}
#SideNavigation.collapsed .links .item a [class^=flaticon-]:before,
#SideNavigation.collapsed .links .item a [class*=" flaticon-"]:before,
#SideNavigation.collapsed .links .item a [class^=flaticon-]:after,
#SideNavigation.collapsed .links .item a [class*=" flaticon-"]:after {
  font-size: 20px;
}
#SideNavigation.collapsed .links .item a .text {
  display: none;
}
#SideNavigation.collapsed .links .item a .comingSoon {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  padding: 0;
  text-align: center;
}
#SideNavigation.collapsed .links .item a .comingSoon [class^=flaticon-]:before,
#SideNavigation.collapsed .links .item a .comingSoon [class*=" flaticon-"]:before,
#SideNavigation.collapsed .links .item a .comingSoon [class^=flaticon-]:after,
#SideNavigation.collapsed .links .item a .comingSoon [class*=" flaticon-"]:after {
  font-size: 10px;
  line-height: 20px;
}
#SideNavigation.collapsed .links .item a .comingSoon .text {
  display: none;
}
#SideNavigation.collapsed .collapseControl {
  text-align: center;
}
@media only screen and (max-width: 960px) {
  #SideNavigation {
    display: none;
  }
}

#MobileNavigation {
  padding: 70px 0 0;
  top: 0 !important;
  background: #0d4c5b;
  color: #fff;
  width: 450px;
  max-width: 100%;
  z-index: 80;
  height: 100%;
  overflow: hidden;
  /*******************************
  Media Queries - Header
  ********************************/
}
#MobileNavigation .desktop {
  display: none;
}
#MobileNavigation .btn,
#MobileNavigation .link {
  color: #fff;
}
#MobileNavigation .btn:hover,
#MobileNavigation .link:hover {
  color: #2196F3;
}
#MobileNavigation .signUp {
  margin: 10px 0 0;
  display: block;
  font-weight: 500;
}
#MobileNavigation .sideNavigation {
  background: #064250;
}
#MobileNavigation .logoContainer {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -25px;
}
#MobileNavigation .logoContainer .logo {
  width: 50px;
  height: 50px;
}
#MobileNavigation .navSearch {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 30px 0 100px;
  height: 75px;
}
#MobileNavigation .navSearch .search {
  width: 100%;
}
#MobileNavigation .account-container {
  padding: 20px;
}
#MobileNavigation .userAccount {
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-right: 20px;
  position: relative;
}
#MobileNavigation .userAccount .name .text.xsmall {
  display: none;
}
#MobileNavigation .userAccount .account-dropdown-menu {
  right: auto;
  left: -5px;
}
#MobileNavigation .userAccount .account-dropdown-menu .caret {
  right: auto;
  left: 10px;
}
#MobileNavigation .help {
  margin: 0 10px;
}
#MobileNavigation .logout {
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 20px;
  cursor: pointer;
  border-left: 1px solid #9bc2cb;
}
#MobileNavigation .logout .icon {
  margin-right: 5px;
}
#MobileNavigation .logout [class^=flaticon-]:before,
#MobileNavigation .logout [class*=" flaticon-"]:before,
#MobileNavigation .logout [class^=flaticon-]:after,
#MobileNavigation .logout [class*=" flaticon-"]:after {
  color: #2196F3;
  font-size: 14px;
}
#MobileNavigation .logout:hover {
  color: #2196F3;
}
#MobileNavigation .auxilaryLinks {
  background: #0d4c5b;
  height: 40px;
}
#MobileNavigation .footerNav ul {
  padding: 0;
}
#MobileNavigation .footerNav ul a {
  color: #9bc2cb;
  font-size: 11px;
}
@media only screen and (max-width: 400px) {
  #MobileNavigation .userAccount .name .text.small {
    display: none;
  }
  #MobileNavigation .userAccount .name .text.xsmall {
    display: inline;
  }
}
@media only screen and (max-width: 275px) {
  #MobileNavigation .userAccount .name .text {
    display: none !important;
  }
}

.heartsvg {
  background: url("/assets/img/svg/heart-1.svg") center/100% 100% no-repeat;
  display: block;
  width: 23px;
  height: 23px;
}

md-backdrop,
md-sidenav {
  position: fixed;
}

#Hamburger {
  position: fixed;
  margin: 0 20px 0 0;
  top: 0px;
  left: 30px;
  z-index: 100;
  height: 60px;
  outline: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  /*******************************
  Media Queries - Hamburger
  ********************************/
}
#Hamburger:active, #Hamburger:focus {
  outline: 0;
}
#Hamburger.isTop.public.homeHeader {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#Hamburger.isTop.public.homeHeader #nav-icon span {
  background-color: #fff;
}
#Hamburger.isTop.open {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#Hamburger.auth #nav-icon span {
  background-color: #fff;
}
@media only screen and (max-width: 960px) {
  #Hamburger {
    height: 60px;
  }
  #Hamburger.isTop.public {
    /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
  }
  #Hamburger.open {
    height: 75px;
  }
}

/*********************************
    Footer
*********************************/
footer {
  position: relative;
  z-index: 1;
}
footer .public.container {
  background: #043743 url("/assets/img/bg_insetShadow.png") repeat-x top;
  color: #58777d;
  padding: 45px 0;
  /*******************************
  Media Queries - Footer
  ********************************/
}
footer .public.container .logoContainer {
  cursor: pointer;
  margin: 0 0 10px;
}
footer .public.container .logoContainer .logo {
  width: 40px;
  height: 40px;
}
footer .public.container .logoContainer .logo_name {
  width: 200px;
  height: 20px;
  margin: 0 0 0 10px;
}
footer .public.container .logoContainer #LogoOS .cls-1,
footer .public.container .logoContainer #LogoOS .cls-2 {
  fill: #58777d;
}
footer .public.container .logoContainer #LogoOS_name .cls-1 {
  fill: #58777d;
}
footer .public.container label {
  color: #58777d;
  margin: 0 0 50px;
}
footer .public.container .legal {
  font-size: 14px;
  margin-bottom: 10px;
}
footer .public.container .featuredIn {
  margin: 30px 0;
}
footer .public.container .featuredIn .logo {
  padding: 5px 10px;
}
footer .public.container .featuredIn .logo img {
  width: 150px;
}
footer .public.container .footerNav {
  margin: 10px 0 20px;
}
footer .public.container .footerNav ul {
  padding: 0;
  text-align: center;
}
footer .public.container .footerNav li {
  border-left: 2px solid #064250;
  padding: 1px 10px;
}
footer .public.container .footerNav li:first-child {
  border-left: none;
  padding-left: 0;
}
footer .public.container .footerNav a {
  color: #eaeded;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
footer .public.container .footerNav a.active {
  color: #064250;
}
footer .public.container .footerNav a:hover {
  color: #2196F3;
}
footer .public.container a.link {
  color: #eaeded;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
footer .public.container a.link.active {
  color: #064250;
}
footer .public.container a.link:hover {
  color: #2196F3;
}
footer .public.container .copyright {
  margin: 0 0 20px;
  color: #ACACAC;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  footer .public.container .footerNav li {
    padding: 0;
  }
  footer .public.container .featuredIn {
    text-align: center;
  }
  footer .public.container .legal {
    text-align: center;
  }
  footer .public.container .socialMedia {
    text-align: center;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 400px) {
  footer .public.container .footerNav li {
    display: block;
    float: none !important;
    text-align: center;
    border: 0;
    padding: 5px 0;
  }
}
footer .authenticated {
  background: #043743;
  margin: 0;
  height: 50px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  color: #58777d;
  font-size: 12px;
  position: relative;
  padding: 5px 20px;
  /*.container{
      height: 100%;
  }*/
}
footer .authenticated a {
  color: #fff;
}
footer .authenticated a:hover {
  color: #2196F3;
}
footer .authenticated .logoContainer {
  cursor: pointer;
}
footer .authenticated .logoContainer .logo {
  width: 25px;
  margin-right: 10px;
}
footer .authenticated .logoContainer .logo .cls-1,
footer .authenticated .logoContainer .logo .cls-2 {
  fill: #58777d;
}
footer .authenticated .footerNav {
  text-align: center;
}
footer .authenticated .footerNav ul {
  padding: 0;
}
footer.auth:not(.public) {
  margin: 0 0 0 200px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  /*******************************
  Media Queries - Footer Auth
  ********************************/
}
footer.auth:not(.public).collapsed {
  margin: 0 0 0 75px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 960px) {
  footer.auth:not(.public) {
    margin: 0 !important;
    z-index: 1;
  }
  footer.auth:not(.public) .authenticated {
    height: 70px;
    padding: 10px 0;
  }
  footer.auth:not(.public) .authenticated ul {
    padding-left: 0;
  }
}

/*********************************
    Social Media
*********************************/
.socialMedia {
  color: #ACACAC;
}
.socialMedia .icon {
  cursor: pointer;
  color: #ACACAC;
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 25px;
  width: 25px;
  margin: 0 8px;
}
.socialMedia .icon i,
.socialMedia .icon [class^=flaticon-]:before,
.socialMedia .icon [class*=" flaticon-"]:before,
.socialMedia .icon [class^=flaticon-]:after,
.socialMedia .icon [class*=" flaticon-"]:after {
  font-size: 30px;
}
.socialMedia .icon .cl-1 {
  fill: #ACACAC;
}
.socialMedia .icon.facebookLink :hover {
  color: #3b5998;
  fill: #3b5998;
}
.socialMedia .icon.twitterLink :hover {
  color: #55acee;
  fill: #55acee;
}
.socialMedia .icon.instagramLink {
  position: relative;
}
.socialMedia .icon.instagramLink #Instagram_SVG .cl-1 {
  fill: #ACACAC !important;
}
.socialMedia .icon.instagramLink #Instagram_SVG_color {
  background: url("/assets/img/svg/instagram.svg") no-repeat;
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}
.socialMedia .icon.instagramLink:hover #Instagram_SVG_color {
  display: block;
}
.socialMedia .holder {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 26px;
  background: #9bc2cb;
  color: #043743;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.socialMedia .holder .cl-1 {
  fill: #043743;
}
.socialMedia .holder .icon {
  height: 16px;
  width: 100%;
  margin: 2px auto;
  color: #043743;
}
.socialMedia .holder .icon i,
.socialMedia .holder .icon [class^=flaticon-]:before,
.socialMedia .holder .icon [class*=" flaticon-"]:before,
.socialMedia .holder .icon [class^=flaticon-]:after,
.socialMedia .holder .icon [class*=" flaticon-"]:after {
  font-size: 15px;
}

.icon-facebook {
  background: url("/assets/img/svg/facebook.svg") no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  height: 100%;
}

.icon-twitter {
  background: url("/assets/img/svg/twitter.svg") no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  height: 100%;
}

.icon-instagram {
  background: url("/assets/img/svg/instagram.svg") no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  height: 100%;
}

.icon-youtube {
  background: url("/assets/img/svg/youtube.svg") no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  height: 100%;
}

.icon-twitch {
  background: url("/assets/img/svg/twitch.svg") no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  height: 100%;
}

.icon-tiktok {
  background: url("/assets/img/svg/tiktok.svg") no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  height: 100%;
}

/*********************************
    Home
*********************************/
#Home {
  /*******************************
  Media Queries - Home
  ********************************/
}
#Home .dynamicNotification {
  margin: 0;
  background-color: #2196F3;
  padding: 15px 30px;
  border-radius: 0;
}
#Home .dynamicNotification .close {
  top: 15px;
  right: 15px;
}
#Home .container {
  max-width: 1500px;
}
#Home .hero-introtitle {
  font-size: 18px;
  font-weight: 500;
}
#Home h1.hero-title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}
#Home h2.hero-subtitle {
  font-size: 20px;
  font-weight: 100;
  color: #fff;
  margin: 10px 0 30px;
}
#Home h2.header {
  font-size: 25px;
  font-weight: 100;
  margin: 0 0 50px;
  line-height: 40px;
}
#Home h3 {
  font-weight: 100;
  font-size: 24px;
}
#Home h4 {
  font-weight: 100;
  font-size: 18px;
}
#Home hr {
  margin: 50px 0;
  border: 0;
  border: 1px solid #979797;
}
#Home .banner {
  height: 80vh;
  min-height: 450px;
  width: 100%;
  z-index: 1;
  position: fixed;
}
#Home .banner .innerBanner {
  padding: 0 10%;
}
#Home .hero-title-section {
  max-width: 1300px;
}
#Home .hero-section {
  background: linear-gradient(-45deg, #0d4c5b, #0060ac, #064250, #559b08);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  color: #fff;
  min-height: 600px;
  height: 100vh;
  padding: 60px 0 0;
  position: relative;
}
#Home .hero-section .hero-background {
  background-color: #064250;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}
#Home .hero-section .hero-background.ng-enter {
  animation-name: fadeIn;
  animation-duration: 5s;
}
#Home .hero-section .hero-background.ng-leave {
  animation-name: fadeOut;
  animation-duration: 5s;
}
#Home .hero-section .searchSvg {
  background: url("/assets/img/svg/search.svg") center/100% 100% no-repeat;
  width: 25px;
  height: 25px;
  margin: 0 0 0 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#Home .hero-section .buttonPanel {
  margin: 10px 0;
  max-width: 500px;
}
#Home .hero-section .btn {
  font-size: 16px;
  padding: 10px;
}
#Home .hero-section .btn:hover {
  background: #63b509;
  color: #fff;
  border-color: transparent;
}
#Home .hero-section a.sub {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
}
#Home .hero-section a.sub:hover {
  text-decoration: underline;
}
#Home .hero-text {
  padding: 0 50px 0 0;
}
#Home .hero-graphics {
  width: 350px;
}
#Home .hero-graphics .graphicsContainer {
  position: relative;
  overflow: hidden;
  height: 375px;
}
#Home .hero-graphics .imagesContainer .phone {
  position: absolute;
  left: 50%;
  animation-name: bounceInUp;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#Home .hero-graphics .imagesContainer .phoneOne {
  width: 200px;
  margin-left: -140px;
  rotate: -10deg;
  top: 20px;
  z-index: 2;
  animation-duration: 3s;
}
#Home .hero-graphics .imagesContainer .phoneTwo {
  width: 195px;
  margin-left: -53px;
  rotate: 10deg;
  top: 40px;
  z-index: 1;
  animation-duration: 2s;
}
#Home .hero-graphics .imagesContainer .phoneTwo:hover {
  z-index: 3;
}
#Home .hero-graphics .imagesContainer img {
  width: 100%;
}
#Home .hero-graphics .dataContainer {
  position: relative;
}
#Home .hero-graphics .data-bar {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
}
#Home .hero-graphics .data-bar .item {
  text-align: center;
  color: #064250;
}
#Home .hero-graphics .data-bar .item:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
#Home .hero-graphics .data-bar .item .number {
  font-size: 20px;
  font-weight: 500;
}
#Home .hero-graphics .data-bar .item .label {
  color: #979797;
  font-size: 11px;
  font-weight: 700;
}
#Home .hero-graphics .sticker {
  position: absolute;
  top: -50px;
  right: 50px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  rotate: 25deg;
  background: #2196F3;
  padding: 10px;
  z-index: 4;
  box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
}
#Home .hero-graphics .sticker .text {
  font-weight: 700;
  text-align: center;
}
#Home .scroller {
  width: 200px;
  height: 50px;
  text-align: center;
  margin: 0 auto;
  /*background: $secondary;
  border: 1px solid $secondary;*/
  color: #064250;
  cursor: pointer !important;
  position: absolute;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  bottom: 0;
  border-radius: 5px 5px 0 0px;
  transition: opacity 0.9s linear;
}
#Home .scroller .icon {
  margin: 10px 0 0;
  animation: scrollbounce 2s linear infinite;
}
#Home .scroller.tint {
  background: #eaeded;
  border-color: #eaeded;
}
#Home .scroller.white {
  color: #fff !important;
}
#Home .hero_computer .body {
  background-image: url("/assets/img/content/home_iMac.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 600px;
  height: 507px;
}
#Home .hero_computer .screen {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: 130px;
  left: 18px;
}
#Home .content-section {
  background: #fff;
  z-index: 1;
  position: relative;
}
#Home .dashmeter {
  margin: 10px;
}
#Home .logoRoller {
  width: 100%;
  padding: 20px 0 50px;
  position: absolute;
  bottom: 0;
  background: #fff;
  transition: background 1s linear;
  z-index: 1;
}
#Home .logoRoller .header {
  text-align: center;
  color: #f2f6fa;
  font-size: 12px;
  margin: 0 0 20px;
  opacity: 0.7;
}
#Home .logoRoller .logoHolder {
  height: 40px;
  width: 100%;
  background-position: 0px 0px;
  background-repeat: repeat-x;
  opacity: 1;
  transition: opacity 1s linear;
}
#Home .logoRoller .logoHolder.enterprise {
  background-image: url("/assets/img/brands/logo_scroller.webp");
  animation: roller-enterprise 100s linear infinite;
}
#Home .logoRoller .logoHolder.agency {
  background-image: url("/assets/img/brands/logo_agencies.webp");
  animation: roller-agency 100s linear infinite;
}
#Home .segmentBox {
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 1px 2px 20px 10px rgba(0, 0, 0, 0.1);
  color: #0d4c5b;
  margin: 20px;
}
#Home .segmentBox .imageContainer {
  min-height: 130px;
  position: relative;
}
#Home .segmentBox .imageContainer .circle {
  position: absolute;
  top: 30px;
  background: #7ED321;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #7ED321, #043743);
  /* Standard syntax */
  border-radius: 50px;
  width: 100px;
  height: 100px;
  left: 50%;
  margin-left: -50px;
}
#Home .segmentBox .imageContainer img {
  position: relative;
  z-index: 1;
  margin-top: 40px;
  max-width: 500px;
}
#Home .segmentBox .title {
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 15px;
}
#Home .segmentBox:hover {
  margin: 15px;
  box-shadow: 1px 2px 30px 15px rgba(0, 0, 0, 0.15);
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
}
#Home .segmentBox:hover .circle {
  border-radius: 75px;
  width: 150px;
  height: 150px;
  margin-left: -75px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 1280px) {
  #Home .hero-text {
    padding: 0 70px 0 0;
  }
  #Home .hero-graphics {
    width: 500px;
  }
  #Home .hero-graphics .imagesContainer .phoneOne {
    margin-left: -170px;
  }
  #Home .hero-graphics .imagesContainer .phoneTwo {
    margin-left: -15px;
  }
}
@media only screen and (max-width: 960px) {
  #Home .banner {
    height: auto;
    position: relative;
  }
  #Home .hero-section {
    height: auto;
  }
  #Home .hero-text {
    text-align: center;
    padding: 40px 0 10px;
  }
  #Home h1.hero-title {
    font-size: 28px;
  }
  #Home h2.hero-subtitle {
    font-size: 20px;
  }
  #Home h2.hero-subtitle b {
    font-weight: 500;
  }
  #Home h3 {
    font-size: 22px;
    font-weight: 700;
  }
  #Home h4 {
    font-size: 22px;
    font-weight: 300;
    line-height: 35px;
  }
  #Home .title {
    font-size: 16px;
  }
  #Home .hero-graphics {
    width: 300px;
    margin-bottom: 175px;
  }
  #Home .hero-graphics .graphicsContainer {
    height: 250px;
  }
  #Home .hero-graphics .imagesContainer .phoneOne {
    width: 120px;
    margin-left: -90px;
  }
  #Home .hero-graphics .imagesContainer .phoneTwo {
    width: 120px;
    margin-left: -20px;
  }
}
@media only screen and (max-width: 600px) {
  #Home h1.hero-title {
    font-size: 28px;
  }
  #Home h2.hero-subtitle {
    font-size: 16px;
    margin: 0 0 20px;
  }
  #Home .hero-text {
    text-align: center;
    padding: 40px 0 10px;
  }
  #Home .hero-graphics {
    width: 300px;
  }
  #Home .hero-graphics .graphicsContainer {
    height: 250px;
  }
  #Home .hero-graphics .imagesContainer .phoneOne {
    width: 120px;
    margin-left: -90px;
  }
  #Home .hero-graphics .imagesContainer .phoneTwo {
    width: 120px;
    margin-left: -20px;
  }
}
#Home .exploreAs {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  margin: 30px;
}
#Home .exploreAs .background {
  background-color: #064250;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
}
#Home .exploreAs .overlay {
  background: #043743;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 0;
  opacity: 0.7;
}
#Home .exploreAs .content {
  padding: 20px;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 27px;
  height: 100%;
}
#Home .exploreAs.athlete .background {
  background-image: url("/assets/img/content/exploreas_athlete.png");
}
#Home .exploreAs.agencies .background {
  background-image: url("/assets/img/content/exploreas_agency.png");
}
#Home .exploreAs.enterprises .background {
  background-image: url("/assets/img/content/exploreas_enterprise.png");
}
#Home .exploreAs:hover .overlay {
  opacity: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 960px) {
  #Home .exploreAs {
    margin: 15px;
  }
  #Home .exploreAs .content {
    font-size: 20px;
  }
}
#Home #Problems {
  padding-top: 20px;
}
#Home #Problems .background {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0d4c5b;
}
#Home #Problems h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
#Home #Problems h3 {
  margin: 10px 0 25px;
  font-size: 18px;
  font-weight: 500;
}
#Home #Problems .description {
  margin: 5px 10px 20px;
}
@media only screen and (max-width: 1280px) {
  #Home #Problems .problem {
    padding: 10px;
  }
  #Home #Problems .description {
    font-size: 14px;
    line-height: 27px;
  }
}
#Home #Stats {
  background: #0d4c5b;
  color: #eaeded;
}
#Home #Stats .stat {
  margin: 10px 0;
}
#Home #Stats label {
  color: #fff;
}
#Home #Stats .dropContent {
  margin: 0 0 90px;
}
#Home #Stats .bikers {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#Home #Stats .layer-1 {
  animation: parallax_fg linear 20s infinite both;
  background: url(/assets/img/grass1.webp) 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 136px;
}
#Home #Stats .layer-2 {
  animation: parallax_fg linear 30s infinite both;
  background: url(/assets/img/grass2.webp) 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 145px;
}
#Home #Stats .layer-3 {
  animation: parallax_fg linear 55s infinite both;
  background: url(/assets/img/grass3.webp) 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 158px;
}
#Home #Stats .layer-4 {
  animation: parallax_fg linear 75s infinite both;
  background: url(/assets/img/grass4.webp) 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 468px;
}
#Home #Stats .layer-5 {
  animation: parallax_fg linear 95s infinite both;
  background: url(/assets/img/grass5.webp) 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 311px;
}
#Home #Stats .layer-6 {
  animation: parallax_fg linear 120s infinite both;
  background: url(/assets/img/grass6.webp) 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 222px;
}
#Home #Stats .bike-1,
#Home #Stats .bike-2 {
  background: url(/assets/img/bike.png) 0 100% no-repeat;
  z-index: 1;
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 75px;
}
#Home #Stats .bike-1 {
  animation: parallax_bike linear 10s infinite both;
}
#Home #Stats .bike-2 {
  animation: parallax_bike linear 15s infinite both;
}
#Home #CaseStudies {
  background: #043743;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #043743, #0d4c5b);
  /* Standard syntax */
}
#Home #CaseStudies h2 {
  color: #fff;
}
#Home #CaseStudies #CaseStudiesCarousel {
  margin: 0 50px 50px;
}
#Home #CaseStudies #CaseStudiesCarousel .slide {
  margin: 0 10px;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .innerContainer {
  position: relative;
  padding: 20px;
  min-height: 500px;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .foregroundContent {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 2px 15px 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
  padding: 20px;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .imageContainer {
  position: absolute;
  right: 10px;
  z-index: 1;
  max-width: 200px;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 1px 2px 15px 10px rgba(0, 0, 0, 0.1);
}
#Home #CaseStudies #CaseStudiesCarousel .slide .imageContainer img {
  width: 100%;
  border-radius: 10px;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .logoContainer img {
  width: 150px;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .contentContainer {
  color: #434343;
  text-align: right;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .contentContainer .metricContainer {
  font-size: 14px;
  margin-top: 20px;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .contentContainer .metricContainer .number {
  font-size: 30px;
  font-weight: 700;
  color: #0F84E1;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .contentContainer .description {
  font-size: 14px;
  margin: 0;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .contentContainer .seemore {
  margin: 10px 0 0;
  color: #2196F3;
}
#Home #CaseStudies #CaseStudiesCarousel .slide .backgroundBlock {
  position: absolute;
  bottom: 0;
  border-radius: 10px;
  background-color: #2196F3;
  opacity: 0.7;
  height: 75px;
  right: 0;
  left: 25%;
}
#Home #CaseStudies #CaseStudiesCarousel .slide:hover .innerContainer {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
  padding-top: 0px;
}
#Home #CaseStudies #CaseStudiesCarousel .slide:hover .backgroundBlock {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
  background-color: #0F84E1;
}
#Home #CaseStudies #CaseStudiesCarousel .slide:hover .contentContainer .seemore {
  color: #0F84E1;
  font-weight: 700;
}
#Home #CaseStudies #CaseStudiesCarousel .slick-button {
  top: 50%;
  margin-top: -50px;
  color: #fff;
}
#Home #CaseStudies #CaseStudiesCarousel .slick-button[class^=flaticon-]:before, #Home #CaseStudies #CaseStudiesCarousel .slick-button[class*=" flaticon-"]:before, #Home #CaseStudies #CaseStudiesCarousel .slick-button[class^=flaticon-]:after, #Home #CaseStudies #CaseStudiesCarousel .slick-button[class*=" flaticon-"]:after {
  font-size: 35px;
}
#Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev {
  left: -130px;
}
#Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-next {
  right: -130px;
}
#Home #CaseStudies #CaseStudiesCarousel .slick-dots {
  position: relative;
  text-align: center;
  padding: 0;
}
#Home #CaseStudies #CaseStudiesCarousel .slick-dots li {
  display: inline-block;
}
#Home #CaseStudies #CaseStudiesCarousel .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #fff;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
#Home #CaseStudies #CaseStudiesCarousel .slick-dots li.slick-active .dot {
  background: #2196F3;
}
#Home #CaseStudies .content-container {
  max-width: 400px;
}
#Home #CaseStudies .content-container label {
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  #Home #CaseStudies #CaseStudiesCarousel {
    margin: 0 75px 50px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .description {
    font-size: 16px;
    line-height: 25px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev {
    left: -90px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-next {
    right: -90px;
  }
}
@media only screen and (max-width: 960px) {
  #Home #CaseStudies #CaseStudiesCarousel .imageContent {
    margin: 5px 20px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .athlete {
    margin: 10px 20px 40px 0;
  }
  #Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev {
    left: -70px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-next {
    right: -70px;
  }
}
@media only screen and (max-width: 600px) {
  #Home #CaseStudies #CaseStudiesCarousel {
    margin: 0 10px 40px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .slick-button {
    top: 200px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .slick-button[class^=flaticon-]:before, #Home #CaseStudies #CaseStudiesCarousel .slick-button[class*=" flaticon-"]:before, #Home #CaseStudies #CaseStudiesCarousel .slick-button[class^=flaticon-]:after, #Home #CaseStudies #CaseStudiesCarousel .slick-button[class*=" flaticon-"]:after {
    font-size: 30px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev {
    left: -27px;
  }
  #Home #CaseStudies #CaseStudiesCarousel .slick-button.slick-next {
    right: -27px;
  }
}
#Home #HomeProfiles {
  background: #fff;
}
#Home #HomeProfiles .paddedContainer {
  padding-bottom: 0;
}
#Home #HomeProfiles md-tabs {
  margin: 10px 0 0px;
}
#Home #HomeProfiles md-tabs md-tabs-wrapper {
  border-color: #064250;
}
#Home #HomeProfiles md-tabs md-tabs-wrapper md-tab-item {
  color: #707070;
}
#Home #HomeProfiles md-tabs md-tabs-wrapper md-tab-item.md-active {
  background-color: #064250;
  color: #fff;
  border-radius: 10px 10px 0 0;
}
#Home #HomeProfiles md-tabs md-tabs-wrapper md-ink-bar {
  background: #fff;
  color: #fff;
  bottom: auto;
  top: 0;
}
#Home #HomeProfiles md-tabs md-tabs-wrapper md-icon {
  fill: #fff;
}
#Home #HomeProfiles md-tabs .tabContent {
  background: #064250;
  color: #fff;
  padding: 30px 20px 60px;
}
#Home #HomeProfiles .slide .imageContainer {
  width: 140px;
  padding: 20px 0 0;
}
#Home #HomeProfiles .slide .imageContainer .imageBorder {
  border-radius: 50%;
  border: 5px solid #2196F3;
  padding: 10px;
}
#Home #HomeProfiles .slide .imageContainer img {
  width: 100%;
  border-radius: 50%;
}
#Home #HomeProfiles .slide .name {
  color: #fff;
  margin: 10px;
  font-weight: 700;
}
#Home #HomeProfiles .slide:hover .imageContainer {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
  width: 150px;
}
#Home #HomeProfiles .slide:hover .imageBorder {
  border-color: #edf5f6;
  box-shadow: 0px 10px 30px 15px rgba(0, 0, 0, 0.5);
}
#Home #HomeProfiles .slick-button {
  top: 50%;
  margin-top: -30px;
  color: #fff;
}
#Home #HomeProfiles .slick-button[class^=flaticon-]:before, #Home #HomeProfiles .slick-button[class*=" flaticon-"]:before, #Home #HomeProfiles .slick-button[class^=flaticon-]:after, #Home #HomeProfiles .slick-button[class*=" flaticon-"]:after {
  font-size: 35px;
}
#Home #HomeProfiles .slick-button.slick-prev {
  left: -80px;
}
#Home #HomeProfiles .slick-button.slick-next {
  right: -80px;
}
@media only screen and (max-width: 600px) {
  #Home #HomeProfiles .slick-button.slick-prev {
    left: -20px;
  }
  #Home #HomeProfiles .slick-button.slick-next {
    right: -20px;
  }
}
#Home #HomeProfiles .slick-dots {
  position: relative;
  text-align: center;
  padding: 0;
}
#Home #HomeProfiles .slick-dots li {
  display: inline-block;
}
#Home #HomeProfiles .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #fff;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
#Home #HomeProfiles .slick-dots li.slick-active .dot {
  background: #2196F3;
}
#Home #FullService .background {
  position: absolute;
  height: 300px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0d4c5b;
}
#Home #FullService .paddedContainer {
  position: relative;
}
#Home #FullService h2 .emphasis {
  font-size: 50px;
}
#Home #FullService .fullserviceText {
  color: #434343;
  font-size: 18px;
}
#Home #FullService .fullserviceImageContainer img {
  width: 100%;
  max-width: 500px;
}
#Home #FullService .problemContainer .imageContainer .circle {
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f889d);
}
#Home #FullService .problemContainer .imageContainer img {
  max-width: 120px;
}
#Home #FullService .problemContainer .segmentBox:hover .circle {
  border-radius: 55px;
  width: 110px;
  height: 110px;
  margin-left: -55px;
}
#Home #Features {
  background: #043743;
  color: #eaeded;
}
#Home #Features h2.header {
  color: #fff;
}
#Home #Features md-tabs {
  margin: 90px auto 10px;
}
#Home #Features md-tabs md-tabs-wrapper {
  border-color: #0d4c5b;
}
#Home #Features md-tabs md-tabs-wrapper md-tab-item {
  color: #9bc2cb;
}
#Home #Features md-tabs md-tabs-wrapper md-tab-item.md-active {
  color: #fff;
}
#Home #Features md-tabs md-tabs-wrapper md-ink-bar {
  background: #fff;
  color: #fff;
}
#Home #Features md-tabs md-tabs-wrapper md-icon {
  fill: #fff;
}
#Home #Features md-tabs md-content {
  background: transparent;
  padding: 30px 20px 20px;
}
#Home #Features .slide {
  color: #9bc2cb;
}
#Home #Features .slide .content {
  margin: 20px 40px 0 0;
}
#Home #Features .slide h2 {
  color: #fff;
  font-weight: 100;
}
#Home #Features .slide .description {
  font-size: 18px;
  line-height: 28px;
  margin: 0;
}
#Home #Features .slide .description p {
  margin: 10px 0 15px;
}
@media only screen and (max-width: 960px) {
  #Home #Features md-tabs md-content {
    padding: 30px 0 20px;
  }
  #Home #Features .slide .content {
    margin: 0;
  }
}
#Home #AllReviews {
  background: #043743;
  color: #fff;
}
#Home #Opportunities {
  background-color: #064250;
  background-image: url("/assets/img/img_runner.webp");
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
#Home #Opportunities h2.header {
  color: #fff;
  font-size: 40px;
  font-weight: 100;
}
#Home #Opportunities h3 {
  color: #fff;
  font-weight: bold;
}
#Home #Opportunities .opportunity .item {
  border-radius: 5px;
  padding: 10px;
  margin: 0 10px 20px;
}
#Home #Opportunities .opportunity h3 {
  color: #fff;
  line-height: 16px;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px;
  text-align: center;
}
#Home #Opportunities .opportunity .image {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 150px;
  border-radius: 5px;
}
@media only screen and (max-width: 600px) {
  #Home #Opportunities h2.header {
    font-size: 28px;
  }
  #Home #Opportunities .opportunity .item {
    min-height: 60px;
  }
  #Home #Opportunities .opportunity h3 {
    margin: 0;
  }
}
@media only screen and (max-width: 400px) {
  #Home #Opportunities .opportunity .item {
    margin: 0 5px 10px;
  }
}

#AllReviews .container {
  max-width: 1200px;
}
#AllReviews .container section {
  padding: 0 20px;
}
#AllReviews h2.header {
  color: #fff;
}
#AllReviews .image {
  width: 75px;
}
#AllReviews .userReviews {
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #D8D8D8;
}

#Showcase {
  font-size: 16px;
  line-height: 28px;
  color: #58777d;
  /*******************************
      Media Queries - Showcase
      ********************************/
}
#Showcase h2 {
  font-size: 30px;
  font-weight: 100;
}
#Showcase .showcase {
  margin: 100px 0;
}
#Showcase .slick-slider {
  position: static;
}
#Showcase .slick-button {
  top: 50%;
  margin-top: -50px;
}
#Showcase .slick-button[class^=flaticon-]:before, #Showcase .slick-button[class*=" flaticon-"]:before, #Showcase .slick-button[class^=flaticon-]:after, #Showcase .slick-button[class*=" flaticon-"]:after {
  font-size: 45px;
}
#Showcase .slick-button.slick-prev {
  left: -100px;
}
#Showcase .slick-button.slick-next {
  right: -100px;
}
#Showcase .slick-dots {
  position: absolute;
  width: 100%;
  bottom: -100px;
  text-align: center;
  padding: 0;
}
#Showcase .slick-dots li {
  display: inline-block;
}
#Showcase .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #064250;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
#Showcase .slick-dots li.slick-active .dot {
  background: #2196F3;
}
#Showcase .screen {
  background: #064250;
}
#Showcase .loader {
  position: absolute;
  width: 100%;
  top: 45%;
  text-align: center;
  color: #eaeded;
}
#Showcase .slide {
  background: #064250;
  color: #fff;
  height: 100%;
}
#Showcase .slide .profile {
  margin: 0;
}
#Showcase .slide .profile .basicView .image {
  border-radius: 60px;
  width: 120px;
  height: 120px;
}
#Showcase .slide .profile .basicView .name {
  color: #fff;
}
#Showcase .profile-showcase .content {
  padding-right: 30px;
}
#Showcase .profile-showcase img {
  width: 100%;
}
#Showcase .social-showcase img {
  width: 100%;
  max-width: 425px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 1500px) {
  #Showcase .slick-button.slick-prev {
    left: -75px;
  }
  #Showcase .slick-button.slick-next {
    right: -75px;
  }
  #Showcase .slide .profile .basicView {
    padding: 10px;
  }
  #Showcase .slide .profile .basicView .image {
    border-radius: 45px;
    width: 90px;
    height: 90px;
    margin-top: 20px;
  }
  #Showcase .slide .profile .basicView .type {
    display: none;
  }
  #Showcase .slide .profile .basicView .name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  #Showcase .slick-button {
    margin-top: -15px;
  }
  #Showcase .slide .profile .basicView {
    padding: 10px;
  }
  #Showcase .slide .profile .basicView .image {
    border-radius: 35px;
    width: 70px;
    height: 70px;
    margin: 0px auto;
  }
  #Showcase .slide .profile .basicView .type {
    display: none;
  }
  #Showcase .slide .profile .basicView .name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 400px) {
  #Showcase .slide .profile .basicView {
    padding: 5px;
  }
  #Showcase .slide .profile .basicView .image {
    border-radius: 25px;
    width: 50px;
    height: 50px;
    margin: 0px auto;
  }
  #Showcase .slide .profile .basicView .name {
    font-size: 14px;
  }
}

.isTop #Home .scroller {
  opacity: 0.5;
  transition: opacity 0.9s linear;
}
.isTop #Home .scroller:hover {
  opacity: 1;
}
.isTop #Home .logoRoller {
  background: transparent;
  transition: background 1s linear;
}
.isTop #Home .logoRoller .logoHolder {
  opacity: 0.5;
  transition: opacity 1s linear;
  filter: brightness(0) invert(1);
}

#Subscription {
  position: relative;
}
#Subscription .margin-width {
  max-width: 630px;
  margin: 0 auto;
}
#Subscription h2 {
  font-size: 30px;
  font-weight: 100;
  margin: 20px 0;
}
#Subscription h4 {
  font-size: 18px;
  font-weight: 100;
  line-height: 30px;
}
#Subscription .btn {
  margin: 5px;
}
@media only screen and (max-width: 600px) {
  #Subscription md-input-container {
    width: 100%;
    margin: 0 0 5px;
  }
  #Subscription .btn {
    margin: 0;
  }
}

/*********************************
    Login
*********************************/
#Login {
  min-height: 500px;
}
#Login .hero-background {
  background-image: url("/assets/img/content/home_golf.jpg");
  background-color: #064250;
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 0;
}
#Login .login-holder {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
#Login .login-form {
  color: #fff;
  background: #064250;
  z-index: 1;
  border-radius: 5px;
  position: relative;
  width: 100%;
  max-width: 450px;
  padding: 25px;
}
#Login .login-form .md-input {
  border: 0 !important;
}
#Login h1 {
  color: #fff;
  text-align: center;
  font-size: 25px;
}
#Login label {
  color: #58777d;
}
#Login .error-message {
  background: #b04e4e;
  color: #fff;
  display: block;
  padding: 5px 10px;
  margin: 3px 0 5px;
}
#Login .buttonPanel {
  margin: 20px 0;
}
#Login .buttonPanel .btn {
  color: #fff;
  margin: 3px 5px;
}
#Login .buttonPanel .btn:hover {
  color: #064250;
}
#Login md-input-container {
  margin: 0;
}
#Login .options {
  text-align: center;
  color: #eaeded;
  margin: 30px 0 0;
}
#Login .options a {
  color: #fff;
}
#Login .options a:hover {
  color: #2196F3;
}
#Login .options .signup {
  margin: 20px 0 0;
}
@media only screen and (max-width: 600px) {
  #Login .hero-background {
    background: #064250;
  }
  #Login .login-form {
    box-shadow: none;
  }
  #Login .login-holder {
    position: relative;
    padding-top: 60px;
  }
}

md-dialog.subscriptionDialog {
  max-width: 725px;
}
md-dialog.subscriptionDialog .content {
  padding: 45px;
  text-align: center;
}
md-dialog.subscriptionDialog .description {
  line-height: 43px;
}
md-dialog.subscriptionDialog md-input-container .md-input {
  width: 100%;
}
md-dialog.subscriptionDialog .socialMedia {
  margin: 50px 0 0;
}
@media only screen and (max-width: 600px) {
  md-dialog.subscriptionDialog .description {
    margin: 20px 20px 5px;
  }
  md-dialog.subscriptionDialog h2 {
    margin: 0 0 10px;
  }
}
md-dialog.bookingDialog {
  width: 70%;
  -ms-flex-pack: center;
      justify-content: center;
}
md-dialog .limitForm {
  max-width: 400px;
  margin: 0 auto;
}

/*slick carousel*/
.slick-slider {
  position: relative;
}
.slick-slider [class^=flaticon-]:before,
.slick-slider [class*=" flaticon-"]:before,
.slick-slider [class^=flaticon-]:after,
.slick-slider [class*=" flaticon-"]:after {
  font-size: 25px;
}
.slick-slider .slick-button {
  position: absolute;
  top: -35px;
  cursor: pointer;
  color: #064250;
}
.slick-slider .slick-button:hover {
  color: #2196F3;
}
.slick-slider .slick-button.slick-disabled {
  color: #979797;
}
.slick-slider .slick-button.slick-disabled:hover {
  color: #979797;
}
.slick-slider .slick-dots {
  position: absolute;
}
.slick-slider .slick-dots ul {
  text-align: center;
}
.slick-slider .slick-dots li {
  display: inline-block;
}
/*********************************
    Register
*********************************/
#Register .circle-selector {
  margin: 0 5px 5px;
}
#Register md-radio-group {
  margin: 5px 0 0;
}
#Register .athleteRole {
  margin: 5px 0 0 0;
}
#Register .athleteRole.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
#Register .athleteRole.ng-leave {
  display: none;
}
#Register .buttonPanel {
  margin: 20px 0 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#Register .terms {
  font-size: 10px;
  margin: 10px 0;
}
@media only screen and (max-width: 600px) {
  #Register {
    width: 100%;
  }
}

.package {
  background: #e0e0e0;
  border-radius: 8px;
  border: 1px solid #979797;
  overflow: hidden;
  margin: 10px 0;
  cursor: pointer;
}
.package .level-container {
  background: #064250;
  color: #2196F3;
  text-align: center;
}
.package .level {
  margin: 20px 0;
}
.package .level .name {
  font-size: 20px;
}
.package .level .price {
  font-size: 32px;
}
.package .level .time {
  font-size: 18px;
}
.package .description {
  color: #646464;
  text-align: left;
  font-style: italic;
  margin: 0;
  padding: 20px;
}
.package:hover .level-container {
  background: #043743;
}
.package:hover .description {
  color: #000;
}
.package.active .level-container {
  background: #2196F3;
  color: #fff;
}
.package.active .description {
  background: #fff;
}

#PackageRequest {
  max-width: 550px;
}

/*********************************
    Layout
*********************************/
.userAccount .userAccount-container {
  height: 100%;
}
.userAccount .image {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
}
.userAccount .avatar {
  background-image: url("/assets/img/avatar_placeholder.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 500px;
  box-shadow: none;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin: 0 10px 0 0;
  width: 30px;
}
.userAccount .info {
  display: table-cell;
  vertical-align: middle;
}
.userAccount .info .name {
  font-size: 16px;
  line-height: 12px;
  color: #000;
}
.userAccount .info .navMenu {
  margin-top: 2px;
}
.userAccount .info .navMenu .options {
  padding: 0;
  margin: 0;
}
.userAccount .info .navMenu li {
  border-left-width: 1px;
  font-size: 11px;
  cursor: pointer;
}
.userAccount .info .navMenu li:hover {
  color: #2196F3;
}
.userAccount#UserAccount-sidenav {
  width: 100%;
  height: auto;
  padding: 0 30px 25px;
}
.userAccount#UserAccount-sidenav .image {
  width: 40px;
}
.userAccount#UserAccount-sidenav .info .name {
  float: left;
  font-size: 20px;
  color: #fff;
}
.userAccount#UserAccount-sidenav .info .navMenu {
  float: right;
}
.userAccount#UserAccount-sidenav .info .navMenu li {
  color: #2196F3;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (max-width: 400px) {
  .userAccount#UserAccount-sidenav .info .name {
    float: none;
  }
  .userAccount#UserAccount-sidenav .info .navMenu {
    float: none;
  }
  .userAccount#UserAccount-sidenav .info .navMenu li {
    float: left;
  }
}

.noavatar {
  background-image: url("/assets/img/avatar_placeholder.png");
}

.nocampaign {
  background-image: url("/assets/img/campaign_placeholder.png");
}

.context-dropdown {
  background: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: calc(100% + 10px);
  right: -12px;
  left: auto;
  text-transform: none;
  z-index: 1;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 3px;
  padding: 20px;
}
.context-dropdown .caret {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  right: 20px;
  top: -10px;
}
@media only screen and (max-width: 960px) {
  .context-dropdown {
    /*top: calc(100% + 7px);

    .caret{
        right:28px;
    }*/
  }
}

.context-dropdown::after {
  border: 0;
}

.account-dropdown-menu {
  min-width: 275px;
  background: #043743;
  padding: 5px 0px;
}
.account-dropdown-menu.ng-enter {
  animation-name: bounceInUp;
  animation-duration: 0.3s;
}
.account-dropdown-menu.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
.account-dropdown-menu .caret {
  border-bottom-color: #043743;
}
.account-dropdown-menu ul {
  padding: 0;
}
.account-dropdown-menu li {
  border-bottom: 1px solid #064250;
  padding: 0;
}
.account-dropdown-menu li:last-child {
  border-bottom: 0;
}
.account-dropdown-menu li a.link {
  display: block;
  font-size: 18px;
  text-transform: none;
  cursor: pointer;
  padding: 10px 20px;
}
.account-dropdown-menu li a.link .icon {
  margin-right: 15px;
  color: #2196F3;
}
.account-dropdown-menu li a.link .text {
  color: #fff;
  font-size: 16px;
}
.account-dropdown-menu li a.link:hover {
  background: #0d4c5b;
}
.account-dropdown-menu li a.link:hover .icon {
  color: #fff;
}
.account-dropdown-menu li .btn {
  margin: 10px;
}

/*********************************
    Onboarding
*********************************/
#Onboarding {
  /*******************************
      Media Queries
  ********************************/
}
#Onboarding.presentationView p {
  font-size: 18px;
}
#Onboarding.presentationView .or {
  font-size: 20px;
  padding: 20px;
}
#Onboarding.presentationView .options .item {
  padding: 0 5px 0 0;
}
#Onboarding.presentationView .options .item .svgIcon {
  border: 5px solid #fff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  margin: 10px;
}
#Onboarding.presentationView .options .item p {
  font-size: 14px;
  text-align: left;
}
#Onboarding.presentationView .slideControl {
  border-radius: 18px;
  width: 36px;
  height: 36px;
  background: #fff;
  text-align: center;
  line-height: 36px;
  margin-right: 5px;
  color: #979797;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 300px;
  z-index: 100;
  cursor: pointer;
}
#Onboarding.presentationView .slideControl .icon::before,
#Onboarding.presentationView .slideControl .icon::after {
  font-size: 14px;
}
#Onboarding.presentationView .slideControl.left {
  left: 10px;
}
#Onboarding.presentationView .slideControl.right {
  right: 10px;
}
#Onboarding.presentationView .slideControl:hover {
  background-color: #2196F3;
  color: #fff;
}
#Onboarding.presentationView .slideControl.disabled {
  background: #fff;
  color: #ACACAC;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 600px) {
  #Onboarding.presentationView p {
    font-size: 15px;
  }
}
#Onboarding .wiazrd {
  margin-bottom: 0;
}
#Onboarding .wizard-state-container {
  max-width: 500px;
  margin: auto;
  padding: 5px 20px;
}
#Onboarding .illustration {
  margin: 0 0 10px;
}
#Onboarding .illus-menu {
  margin: 0 10px 0 20px;
  text-align: left;
}
#Onboarding .illus-menu .item {
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 10px;
  background-color: #edf5f6;
  font-weight: 500;
  font-size: 12px;
  color: #064250;
  cursor: pointer;
  display: block;
  margin: 20px 0;
}
#Onboarding .illus-menu .item.active {
  background-color: #2196F3;
  color: #fff;
  position: relative;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
#Onboarding .illus-menu .item.active::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -10px;
  border-right: 10px solid #2196F3;
}
#Onboarding .innerSlide.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.7s;
}
#Onboarding .innerSlide.ng-leave {
  display: none;
}
#Onboarding .foundProfile {
  overflow-y: auto;
  min-height: 200px;
  height: 200px;
  max-height: auto;
  width: 100%;
  max-width: 500px;
}
#Onboarding .foundProfile .item {
  border-bottom: 1px solid #e0e0e0;
  border-left: 0 !important;
}
#Onboarding .foundProfile .item .row {
  border-radius: 5px;
  background: #fff;
}
#Onboarding .foundProfile .item:hover {
  border-left: 0 !important;
  border-bottom: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0s ease 0s;
}
#Onboarding .foundProfile .item:hover .row {
  background: #edf5f6;
}
#Onboarding .foundProfile .drawer {
  text-align: left;
  font-size: 14px;
  border: none;
  background: #edf5f6;
}
#Onboarding h2 {
  margin-bottom: 10px;
}
#Onboarding md-select {
  min-width: 270px;
}
#Onboarding .hash {
  color: #ACACAC;
  font-size: 18px;
  font-weight: 500;
}
#Onboarding .circle-container {
  background: #edf5f6;
  overflow: hidden;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  animation-name: zoomIn;
  animation-duration: 0.5s;
}
#Onboarding .circle-container.sm {
  border-radius: 20px;
  width: 40px;
  height: 40px;
}
#Onboarding .circle-container.md {
  border-radius: 40px;
  width: 80px;
  height: 80px;
}
#Onboarding .circle-container.lg {
  border-radius: 50px;
  width: 100px;
  height: 100px;
}
#Onboarding .ng-enter .hash {
  animation-name: fadeInRight;
  animation-duration: 7s;
}
#Onboarding .brandReason .subtitle {
  margin: 0;
}
#Onboarding .brandReason .subtitle.on {
  color: #646464;
  font-weight: 500;
}
#Onboarding .brandReason .sliderContainer {
  margin-bottom: 75px;
}
#Onboarding .brandReason .sliderContainer md-slider ._md-track-container {
  height: 10px;
}
#Onboarding .brandReason .sliderContainer md-slider ._md-track-container {
  top: 19px;
}
#Onboarding .brandReason .sliderContainer md-slider ._md-thumb {
  left: -20px;
  top: 10px;
}
#Onboarding .brandReason .sliderContainer md-slider ._md-thumb:after {
  width: 30px;
  height: 30px;
  box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.4);
}
#Onboarding .brandReason .imageContainer {
  padding: 10px;
}
#Onboarding .brandReason .imageContainer .image {
  border-radius: 50px;
  width: 100px;
  height: 100px;
  background: #e0e0e0;
  overflow: hidden;
}
#Onboarding .brandReason .imageContainer .image .icon {
  color: #fff;
}
#Onboarding .brandReason .imageContainer .image .icon::after, #Onboarding .brandReason .imageContainer .image .icon::before {
  font-size: 50px;
}
#Onboarding .brandReason .imageContainer .image.bad {
  background-color: #e4a9a9;
}
#Onboarding .brandReason .imageContainer .image.neutral {
  background-color: #edf5f6;
}
#Onboarding .brandReason .imageContainer .image.good {
  background-color: #f5f9f1;
}
#Onboarding .brandReason .imageContainer .text {
  margin: 5px 0 0;
  height: 20px;
  color: #2196F3;
  font-size: 14px;
  font-weight: 500;
}
#Onboarding .brandReason .keyContainer {
  position: relative;
  top: -20px;
}
#Onboarding .brandReason .pointer {
  height: 10px;
  width: 1px;
  margin: 0 5px;
  background-color: #ACACAC;
}
#Onboarding .brandReason .selector-input-container {
  padding: 10px;
}
#Onboarding .brandReason .selector-input .image-container {
  margin: 20px;
}
#Onboarding .brandReason .selector-input .text {
  margin: 20px 0;
  font-size: 15px;
  line-height: 20px;
}
#Onboarding .cardProfiles {
  position: relative;
  height: 400px;
  width: 400px;
  margin: auto;
  /*******************************
      Media Queries
  ********************************/
}
#Onboarding .cardProfiles .card-container {
  position: absolute;
  width: 250px;
}
#Onboarding .cardProfiles .card-container:hover {
  z-index: 10;
}
#Onboarding .cardProfiles .profileCard {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
#Onboarding .cardProfiles #Card_one {
  top: 0px;
  left: -15%;
  animation-delay: 0.3s;
}
#Onboarding .cardProfiles #Card_two {
  top: 15px;
  right: -15%;
  animation-delay: 0.8s;
}
#Onboarding .cardProfiles #Card_three {
  top: 35px;
  left: 20%;
  animation-delay: 1.3s;
}
@media only screen and (max-width: 960px) {
  #Onboarding .cardProfiles #Card_one {
    left: 0;
  }
  #Onboarding .cardProfiles #Card_two {
    right: 0;
  }
  #Onboarding .cardProfiles #Card_three {
    left: 50%;
    margin-left: -120px;
  }
}
#Onboarding .applicationCards {
  margin: 0 0 20px;
}
#Onboarding .applicationCards #Application_one {
  animation-delay: 0.3s;
}
#Onboarding .applicationCards #Application_two {
  animation-delay: 0.8s;
}
#Onboarding .applicationCards #Application_three {
  animation-delay: 1.3s;
}
#Onboarding .profiles {
  position: relative;
  height: 300px;
  width: 265px;
}
#Onboarding .profiles .circle-container {
  position: absolute;
}
#Onboarding .profiles #Tennis {
  top: 25%;
  left: 50%;
  animation-delay: 0.3s;
}
#Onboarding .profiles #Football {
  bottom: 18%;
  left: 0%;
  animation-delay: 1.5s;
}
#Onboarding .profiles #Kickboxer {
  top: 30%;
  right: -10%;
  animation-delay: 1.4s;
}
#Onboarding .profiles #Swimmer {
  bottom: 25%;
  right: 50%;
  animation-delay: 0.4s;
}
#Onboarding .profiles #Soccer {
  left: 15%;
  animation-delay: 0.9s;
}
#Onboarding .profiles #Baseball {
  bottom: 0;
  left: 25%;
  animation-delay: 0.7s;
}
#Onboarding .profiles #Cyclist {
  top: 53%;
  right: -5%;
  animation-delay: 2s;
}
#Onboarding .profiles #Fencer {
  bottom: 10%;
  left: 50%;
  animation-delay: 1.9s;
}
#Onboarding .profiles #Basketball {
  top: 25%;
  left: -5%;
  animation-delay: 1.6s;
}
#Onboarding .profiles #Gymnast {
  bottom: 5%;
  right: -5%;
  animation-delay: 0.6s;
}
#Onboarding .profiles #WeightLifter {
  top: 0%;
  right: 25%;
  animation-delay: 0.8s;
}
#Onboarding .profiles #Cricket {
  top: 10%;
  right: 5%;
  animation-delay: 0.9s;
}
#Onboarding .profiles #RaceCar {
  top: 30%;
  left: 25%;
  animation-delay: 1.3s;
}
#Onboarding .magnify {
  position: absolute;
  top: 40px;
  left: 25px;
  width: 200px;
  height: 200px;
  animation-delay: 2s;
}
#Onboarding .magnify img {
  width: 100%;
}
#Onboarding .whyAthletes .loom {
  color: #979797;
  font-size: 25px;
  font-family: "Helvetica";
  font-weight: 700;
  padding: 0 20px 10px;
}
#Onboarding .whyAthletes .loom .highlighted {
  color: #0F84E1;
  font-size: 30px;
}
#Onboarding .whyAthletes .loom.left {
  text-align: left;
  max-width: 250px;
}
#Onboarding .whyAthletes .loom.right {
  text-align: right;
  max-width: 250px;
}
#Onboarding .whyAthletes .instagramFollowers {
  position: relative;
  max-width: 350px;
  min-height: 448px;
}
#Onboarding .whyAthletes .instagramFollowers .illustrationPhone {
  margin: 0 auto;
  width: 55%;
}
#Onboarding .whyAthletes .instagramFollowers .illustrationFollower {
  position: absolute;
  z-index: 1;
  top: 35%;
  width: 100%;
  animation-delay: 1s;
}
#Onboarding .whyAthletes .illustrationPost {
  width: 100%;
}
#Onboarding .whyAthletes .barGraphDiv {
  min-width: 300px;
}
#Onboarding #Profile {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 0;
  background: #e3edee;
  overflow: hidden;
  border-radius: 50px;
  width: 100px;
  height: 100px;
}
#Onboarding #Pointer {
  position: absolute;
  right: -30px;
  margin-left: -50px;
  width: 55px;
  top: 50px;
  transform: rotate(7deg);
}
#Onboarding .applications .campaign {
  background: #edf5f6;
  border-radius: 5px;
  padding: 20px;
  text-align: left;
}
#Onboarding .applications .campaign h3 {
  color: #434343;
  font-weight: 500;
}
#Onboarding .applications .campaign .info {
  font-size: 13px;
}
#Onboarding .applications .campaign .stat {
  padding: 10px;
  text-align: center;
  background-color: #e3edee;
  border-radius: 5px;
  margin: 0 0 0 10px;
}
#Onboarding .applications .campaign .stat .number {
  font-size: 24px;
}
#Onboarding .applications .application {
  background: #edf5f6;
  height: 40px;
  padding: 4px 15px;
  margin: 3px 0;
  border-radius: 5px;
  animation-delay: 1.5s;
}
#Onboarding .applications .application .userImage {
  border-radius: 13px;
  width: 26px;
  height: 26px;
  margin: 0 15px 0 0;
  overflow: hidden;
}
#Onboarding .applications .application .contentline {
  background: #e3edee;
  margin: 5px;
  height: 10px;
  width: 50%;
  border-radius: 10px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#Onboarding .applications .application .contentline.active {
  width: 75%;
  background: #ffdf93;
}
#Onboarding .athleteLevel {
  width: 500px;
}
#Onboarding .athleteLevel .selector-input .text {
  font-size: 16px;
  font-weight: 500;
}
#Onboarding .athleteLevel .description {
  height: 50px;
  font-size: 13px;
}
#Onboarding .athleteLevel .description.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
@media only screen and (max-width: 600px) {
  #Onboarding .illus-menu {
    margin: 0;
  }
  #Onboarding .illus-menu .item {
    display: none;
  }
  #Onboarding .athleteLevel {
    min-width: 320px;
    width: auto;
  }
  #Onboarding .athleteLevel .selector-input .text {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
  }
}

#ExternalProfileDialog .item {
  max-width: 600px;
  padding: 10px 20px;
}
#ExternalProfileDialog .item .profileHeading {
  padding: 0 0 20px 0;
}
#ExternalProfileDialog .item .profileHeading .image-container {
  width: 40px;
  margin-right: 15px;
}
#ExternalProfileDialog .item .profileHeading .image-container .image.userImage img {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
#ExternalProfileDialog .item .info .title {
  font-size: 15px;
  font-weight: 100;
  margin: 0 0 3px;
}
#ExternalProfileDialog .item .info .subtitle {
  font-size: 11px;
  font-weight: 100;
}
#ExternalProfileDialog .item .details {
  padding: 20px;
  text-align: left;
  border: none;
  background: #edf5f6;
  border-radius: 0 0 5px 5px;
}
@media only screen and (max-width: 600px) {
  #ExternalProfileDialog {
    width: 100%;
  }
}

/*********************************
    Static Pages
*********************************/
.static {
  overflow: auto;
  color: #434343;
  /*.banner{
      background-attachment: fixed;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      min-height: 75vh;
      padding-top: 52px;

      h1{
          margin:0;
          font-size: 36px;
          color: $tertiary;
          line-height: 50px;
          text-transform: uppercase;
      }

      h4{
          font-size: 37px;
          color: $secondary;
          line-height: 52px;
      }

      h2{
          font-size: 32px;
          font-style: italic;
          color: $secondary;
          line-height: 48px;
      }

      .container{
          padding: 0 $headerPadding;
          margin: 50px 0;
      }

      @media only screen and (max-width: $breakpoint_large){

          padding-top: 25px;



          h1{
              font-size: 40px;
              font-weight: 700;
          }

          h2{
              font-size: 25px;
              font-weight: 700;
              line-height: 32px;
          }

          h3{
              font-size: 22px;
              font-weight: 700;
          }

          h4{
              font-size: 22px;
              font-weight: 300;
              line-height: 35px;
          }

          .title{
              font-size: 16px;

          }

      }
  }*/
}
.static .hero-section {
  background: #064250;
  background-image: none;
  color: #fff;
  min-height: 200px;
  height: 50vh;
  width: 100%;
  text-align: center;
  position: absolute;
}
.static .hero-section .hero-background {
  background-color: #064250;
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/assets/img/content/home_golf.jpg");
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 0;
}
.static .hero-section .hero-overlay {
  background: #043743;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 0;
  opacity: 0.55;
}
.static .static-content {
  margin: 0;
  position: relative;
  width: auto;
  min-height: 50vh;
  color: #434343;
  /*******************************
      Media Queries - Static Content
  ********************************/
}
.static .static-content.margin {
  margin: 0 40px;
}
.static .static-content .intro {
  color: #fff;
  text-align: center;
  margin: 75px 0;
  left: 0;
  right: 0;
  top: 60px;
}
.static .static-content .intro md-radio-group {
  color: #fff;
}
.static .static-content .intro md-radio-group ._md-off {
  border-color: #D8D8D8;
}
.static .static-content .intro md-radio-group .save {
  font-size: 12px;
}
.static .static-content .pageHeader .pageDescription {
  font-size: 15px;
  color: #434343;
}
.static .static-content h1.pageHeader {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  padding: 0 10%;
  margin: auto;
}
.static .static-content h1.pageHeader .pageDescription,
.static .static-content h1.pageHeader h2 {
  font-size: 18px;
  color: #D8D8D8;
}
.static .static-content h1.pageHeader .buttonPanel {
  margin: 40px 0 10px;
}
.static .static-content h2.pageHeader {
  font-size: 18px;
  color: #D8D8D8;
}
.static .static-content h2 {
  font-size: 25px;
  font-weight: 100;
}
.static .static-content h3 {
  font-size: 20px;
  font-weight: 100;
}
.static .static-content h5 {
  font-size: 18px;
  color: #0d4c5b;
  font-weight: 100;
}
.static .static-content .canvas {
  margin: 50px 0 0;
  position: relative;
  border-radius: 3px;
}
.static .static-content .canvas.blank {
  background: #fff;
}
.static .static-content .panel {
  background: #fff;
  border-color: #fff;
  min-height: 200px;
}
@media only screen and (max-width: 1280px) {
  .static .static-content.margin {
    margin: 0 30px;
  }
}
.static.fixed {
  position: relative;
}
.static.fixed .static-content .intro {
  position: fixed;
}
.static.fixed .static-content .canvas {
  margin: 220px 0 0;
}
@media only screen and (max-width: 960px) {
  .static .hero-section {
    height: 100vh;
  }
}

/*Testimonials**********************/
.callout {
  border-radius: 5px;
  position: relative;
  padding: 20px;
  box-shadow: 0px 0px 20px #D8D8D8;
  margin: 25px 20px 15px;
  min-height: 50px;
}
.callout::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  left: 15px;
  bottom: -20px;
  border-top: 10px solid #fff;
}

.testimonials {
  margin: 70px 0 0;
  padding: 20px 0;
  background: #155969;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #155969, #043743);
  box-shadow: 1px 5px 10px 2px rgba(0, 0, 0, 0.25);
}
.testimonials h3 {
  color: #D8D8D8;
}
.testimonials .logoHolder {
  height: 100px;
  width: 100%;
  background-position: 0px 0px;
  background-repeat: repeat-x;
  opacity: 1;
  transition: opacity 1s linear;
  background-image: url("/assets/img/brands/logo_work.webp");
  animation: roller-enterprise 100s linear infinite;
}

.agency-clients {
  padding: 20px 0;
}
.agency-clients h3 {
  color: #043743;
}
.agency-clients .logoHolder {
  height: 100px;
  width: 100%;
  background-repeat: repeat-x;
  opacity: 1;
  transition: opacity 1s linear;
  background-image: url("/assets/img/brands/logo-agency.webp");
  animation: roller-enterprise 100s linear infinite;
}

/*Contact**********************/
#Contact.static .static-content.margin {
  margin: 0 10%;
}
#Contact.static .static-content .panel {
  padding: 0;
  border: 0;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 0 20px;
}
#Contact .poster {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/assets/img/content/contact_map.png");
}
#Contact .contact-content {
  padding: 20px 20px 20px 30px;
  color: #434343;
}
#Contact .contact-content .element {
  margin: 10px 0 20px;
}
#Contact .contact-content h4 {
  font-size: 25px;
}
#Contact .contact-content h4 .icon {
  margin-right: 5px;
}
#Contact .contact-content h4 .icon::before,
#Contact .contact-content h4 .icon::after {
  font-size: 25px;
}

/*How it Works**********************/
#HowItWorks {
  /*******************************
  Media Queries - How It works
  ********************************/
}
#HowItWorks .timeline {
  margin: 50px 0;
  color: #58777d;
}
#HowItWorks .timeline h4 {
  margin: 0 0 20px;
}
#HowItWorks .timeline .left {
  position: relative;
}
#HowItWorks .timeline .left .info {
  padding: 90px 40px 80px 25px;
}
#HowItWorks .timeline .left h2 {
  text-align: right;
}
#HowItWorks .timeline .right {
  border-left: 3px solid #D8D8D8;
  position: relative;
  position: relative;
  vertical-align: middle;
  transition: color 0.25s;
}
#HowItWorks .timeline .right::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  border-left: 3px solid transparent;
  top: 0;
  left: -3px;
  width: 3px;
  height: 0;
}
#HowItWorks .timeline .right.active::after {
  border-bottom-color: #63b509;
  border-left-color: #63b509;
  height: 100%;
  transition: border-color 0s ease-out 0s, height 2s ease-out 1s;
}
#HowItWorks .timeline .right .info {
  padding: 90px 25px 80px 40px;
}
#HowItWorks .timeline .horizontalLine {
  border-top: 3px solid #D8D8D8;
  margin: 0 300px;
  position: relative;
  vertical-align: middle;
  transition: color 0.25s;
}
#HowItWorks .timeline .horizontalLine::before, #HowItWorks .timeline .horizontalLine::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
}
#HowItWorks .timeline .horizontalLine.left::before {
  top: -3px;
  left: 0;
}
#HowItWorks .timeline .horizontalLine.right::before {
  top: -3px;
  right: 0;
}
#HowItWorks .timeline .horizontalLine.active::before, #HowItWorks .timeline .horizontalLine.active::after {
  width: 100%;
  height: 100%;
}
#HowItWorks .timeline .horizontalLine.active::before {
  border-top-color: #63b509;
  border-right-color: #63b509;
  transition: width 1s ease-out 0s, height 1s ease-out 0s;
}
#HowItWorks .timeline .horizontalLine.active.delay::before {
  transition: width 1s ease-out 3s, height 1s ease-out 3s;
}
#HowItWorks .timeline .imageHolder {
  width: 300px;
}
#HowItWorks .timeline .imageHolder .image {
  padding: 50px 40px 20px 20px;
  width: 200px;
}
#HowItWorks .timeline .imageHolder .image img {
  width: 100%;
}
#HowItWorks .timeline .numberStep {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 3px solid #ACACAC;
  color: #0F84E1;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  line-height: 33px;
  opacity: 0;
  position: absolute;
  left: -22px;
  top: 90px;
  z-index: 1;
}
#HowItWorks .timeline .numberStep.active {
  border-color: #63b509;
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-delay: 0.5s;
  opacity: 1;
}
#HowItWorks .timeline .info {
  border: 0;
  font-size: 16px;
  color: #58777d;
}
#HowItWorks .timeline .info .description {
  max-width: 500px;
}
#HowItWorks .timeline .examples .example {
  overflow: hidden;
  width: 300px;
  height: 188px;
  border-radius: 3px;
  cursor: pointer;
}
#HowItWorks .timeline .examples .example img {
  width: 100%;
}
#HowItWorks .timeline .slick-slider {
  position: static;
}
#HowItWorks .timeline .slick-button {
  top: 75px;
  z-index: 100;
}
#HowItWorks .timeline .slick-button[class^=flaticon-]:before, #HowItWorks .timeline .slick-button[class*=" flaticon-"]:before, #HowItWorks .timeline .slick-button[class^=flaticon-]:after, #HowItWorks .timeline .slick-button[class*=" flaticon-"]:after {
  font-size: 45px;
}
#HowItWorks .timeline .slick-button.slick-prev {
  left: -60px;
}
#HowItWorks .timeline .slick-button.slick-next {
  right: -60px;
}
#HowItWorks .timeline .slick-dots {
  position: absolute;
  width: 100%;
  bottom: -70px;
  text-align: center;
  padding: 0;
}
#HowItWorks .timeline .slick-dots li {
  display: inline-block;
}
#HowItWorks .timeline .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #064250;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
#HowItWorks .timeline .slick-dots li.slick-active .dot {
  background: #2196F3;
}
#HowItWorks .tabs {
  margin: 20px 0;
}
#HowItWorks .tabs md-content {
  background: #fff;
  padding: 20px 20px 20px 0;
}
#HowItWorks .device.screen-macbook {
  width: 405px;
  height: 270px;
  margin: 20px 0 0;
  background-size: 400px auto;
}
#HowItWorks .device.screen-macbook .screen {
  width: 300px;
  height: 188px;
  top: 15px;
  left: 52px;
}
#HowItWorks .scroller {
  width: 200px;
  height: 50px;
  text-align: center;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #fff;
  color: #064250;
  cursor: pointer !important;
  bottom: 0;
  border-radius: 5px 5px 0 0px;
  transition: opacity 0.9s linear;
}
#HowItWorks .scroller .icon {
  margin: 10px 0 0;
  animation: scrollbounce 2s linear infinite;
}
#HowItWorks .scroller.tint {
  background: #eaeded;
}
#HowItWorks .dashmeter .number {
  font-size: 30px;
}
@media only screen and (max-width: 960px) {
  #HowItWorks .timeline .imageHolder {
    width: 0;
  }
  #HowItWorks .timeline .right {
    margin: 0 30px;
  }
  #HowItWorks .timeline .right .info {
    padding: 50px 0 50px 30px;
  }
  #HowItWorks .timeline .left {
    margin: 0;
  }
  #HowItWorks .timeline .left .info {
    padding: 50px 0 50px 30px;
  }
  #HowItWorks .timeline .info .description {
    margin: 5px;
  }
  #HowItWorks .timeline .number {
    top: 50px;
  }
  #HowItWorks .timeline .horizontalLine.left {
    margin: 0 30px;
  }
  #HowItWorks .timeline .examples .example {
    overflow: hidden;
    width: 146px;
    height: 95px;
  }
  #HowItWorks .timeline .slick-button {
    top: 30px;
  }
  #HowItWorks .timeline .slick-button[class^=flaticon-]:before, #HowItWorks .timeline .slick-button[class*=" flaticon-"]:before, #HowItWorks .timeline .slick-button[class^=flaticon-]:after, #HowItWorks .timeline .slick-button[class*=" flaticon-"]:after {
    font-size: 30px;
  }
  #HowItWorks .device.screen-macbook {
    background-size: 200px auto;
    width: 200px;
    height: 195px;
    margin: 20px 30px 0;
  }
  #HowItWorks .device.screen-macbook .screen {
    width: 146px;
    height: 94px;
    top: 7px;
    left: 27px;
  }
}

.discoveryPeekForm {
  max-width: 350px;
}

/*Premium**********************/
#Premium .bio {
  margin: 10px 20px 20px;
}
#Premium .opportunities {
  padding: 20px 0;
}
#Premium .oppportunity {
  border-radius: 5px;
  padding: 10px;
  margin: 0 10px 20px;
  color: #707070;
  text-align: center;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
#Premium .oppportunity .image {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 150px;
  border-radius: 5px;
}
#Premium .oppportunity h3 {
  color: #707070;
  line-height: 17px;
  font-size: 16px;
  font-weight: 500;
  margin: 15px 0 8px;
}
#Premium .oppportunity .desc {
  font-size: 13px;
}

/*Team**********************/
#Team .panel {
  overflow: visible;
  max-width: 800px;
}
#Team .teamContainer {
  margin: 50px 0 10px;
}
#Team .banner {
  background-image: url("/assets/img/bg_aboutUs.png");
}
#Team .leadProfileImage {
  border-radius: 100px;
  width: 200px;
  height: 200px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: -70px;
  left: 50%;
  margin-left: -100px;
  border: 5px solid #fff;
}
#Team .leadProfileImage img {
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
#Team .leadProfile {
  margin: 110px auto 0;
  text-align: center;
}
#Team .leadProfile .name {
  font-size: 22px;
  margin: 15px 10px 30px;
}
#Team .leadProfile .name .title {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
}
#Team .bio {
  margin: 10px 20px 0;
  text-align: center;
}
#Team .memberCard-container {
  margin: 15px 15px 0px 0;
}

/*Pricing**********************/
#Pricing .hero-section {
  height: 450px;
}
#Pricing .canvas {
  margin: 80px 0 0;
}
#Pricing .panel {
  margin: 30px 0 0;
}
#Pricing .small {
  font-size: 14px;
}
#Pricing.fixed .canvas {
  margin: 300px 0 0;
}
#Pricing .subtitle {
  font-size: 14px;
}
#Pricing .toolbar.toogle {
  padding: 0;
}
#Pricing .toolbar.toogle li {
  min-width: 150px;
  text-align: center;
}
#Pricing md-radio-group {
  color: #fff;
}
#Pricing md-radio-group ._md-off {
  border-color: #D8D8D8;
}
#Pricing md-radio-group .save {
  font-size: 12px;
}
#Pricing .svg-holder {
  width: 75px;
}
#Pricing .testimonials h2 {
  font-size: 25px;
  font-weight: 100;
  margin: 0 0 50px 0;
}
#Pricing .testimonials .slick-slider .slick-next {
  right: 0;
}
#Pricing .testimonials .testimonial {
  border-radius: 3px;
  padding: 20px;
}
#Pricing .testimonials .testimonial .logo {
  height: 20px;
  margin: 0 0 10px;
}
#Pricing .testimonials .testimonial .logo img {
  height: 100%;
}
#Pricing .testimonials .testimonial .quote {
  color: #434343;
  font-style: italic;
}
#Pricing .testimonials .testimonial .quote .marks {
  color: #D8D8D8;
}
#Pricing .testimonials .testimonial .name {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  margin: 0 30px 0 0;
}
#Pricing .testimonials .slideshow {
  overflow: hidden;
  height: 140px;
  width: 1200px;
  position: relative;
  transform: translate3d(0, 0, 0);
}
#Pricing .testimonials .slideshow .slideshow-track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
#Pricing .testimonials .slideshow .slideshow-track > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
}
#Pricing .testimonials .collage {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  max-height: 210px;
}
#Pricing .testimonials .collage img {
  height: 100%;
}
#Pricing .testimonials .one {
  height: 100px;
  top: 20px;
  margin: 0 80px 0 20px;
}
#Pricing .testimonials .two.userImage {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  margin: 0 45px 0 0;
}
#Pricing .testimonials .three {
  top: 60px;
}
#Pricing .testimonials .three.userImage {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  margin: 0 50px 0 0;
}
#Pricing .testimonials .four {
  top: 20px;
  height: 100px;
  margin: 0 80px 0 0;
}
#Pricing .testimonials .five.userImage {
  top: 8px;
  border-radius: 70px;
  width: 140px;
  height: 140px;
  margin: 0 50px 8px 0;
}
#Pricing .testimonials .six {
  top: 70px;
  margin: 0 75px 0 0;
  height: 30px;
}
#Pricing .testimonials .seven.userImage {
  top: 10px;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  margin: 0 70px 0 0;
}
#Pricing .testimonials .eight {
  top: 20px;
  margin: 0 75px 0 0;
  height: 100px;
}
#Pricing .testimonials .nine.userImage {
  top: 50px;
  border-radius: 41px;
  width: 82px;
  height: 82px;
  margin: 0 40px 0 0;
}
#Pricing .pricingHelp {
  max-width: 1300px;
  margin: 0 auto;
}
#Pricing .pricingHelp .plan {
  padding: 10px;
}
#Pricing .pricingHelp .plan .icon {
  color: #9bc2cb;
}
#Pricing .pricingHelp .plan .icon::before,
#Pricing .pricingHelp .plan .icon::after {
  font-size: 40px;
}
#Pricing .pricingHelp .details {
  font-size: 14px;
  text-align: center;
}
#Pricing md-slider ._md-sign {
  width: 75px;
}
#Pricing .athleteCommission {
  margin: 50px 20px 30px;
}
#Pricing .athleteCommission .percentage {
  color: #63b509;
  font-size: 50px;
  text-align: center;
  margin: 0 0 10px;
}
#Pricing .athleteCommission .percentage .small {
  font-size: 14px;
}
#Pricing .athleteCommission md-slider-container .end {
  font-size: 20px;
  font-weight: 500;
  color: #707070;
  text-align: center;
}
#Pricing .athleteCommission .summary {
  font-size: 18px;
  background: #eaeded;
  border-radius: 3px;
  padding: 10px;
  margin: 40px 0 20px 20px;
}
#Pricing .athleteCommission .summary .title {
  margin: 0;
  color: #064250;
  font-weight: 500;
  font-size: 18px;
  padding: 0 10px;
}
#Pricing .athleteCommission .summary .answer {
  color: #2196F3;
}

.pricing {
  margin: 0 auto;
  /*******************************
      Media Queries - Static Content
  ********************************/
}
.pricing .divider {
  width: 5px;
  background-color: #ACACAC;
  margin: 10px;
  border-radius: 5px;
  opacity: 0.5;
}
.pricing .planGroup {
  background-color: #155969;
  border-radius: 3px;
  padding: 10px 0px;
  color: #fff;
  margin: 10px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
.pricing .planGroup.athlete {
  background-color: #F5A623;
}
.pricing .planGroup.brand {
  background-color: #2196F3;
}
.pricing .description {
  height: 390px;
}
.pricing .description.noPrice {
  height: auto;
}
.pricing .features {
  margin: 20px 0 0;
}
.pricing .features .item {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 22px;
  min-height: 44px;
}
.pricing .features .item.hover {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
  background: #fff;
  border-color: transparent;
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.2);
}
.pricing .featureList {
  padding: 10px 0;
}
.pricing .featureList .details {
  height: 270px;
}
.pricing .featureList .features .item.hover {
  border-radius: 5px 0 0 5px;
}
.pricing .plans {
  padding: 0px 0 20px;
}
.pricing .plan {
  background: #155969;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #155969, #043743);
  border-radius: 3px;
  box-shadow: 14px 15px 22px -5px rgba(0, 0, 0, 0.3);
  padding: 10px 0px;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.pricing .plan .signup {
  margin: 10px 0 0;
  bottom: 70px;
  right: 10px;
  left: 10px;
}
.pricing .plan .signup:hover a {
  color: #fff;
}
.pricing .plan:first-child {
  margin-left: 0;
}
.pricing .plan:last-child {
  margin-right: 0;
}
.pricing .plan .title {
  color: #D8D8D8;
  margin: 20px 0 15px;
  font-size: 25px;
  white-space: nowrap;
}
.pricing .plan .popular {
  background: #2196F3;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 3px;
}
.pricing .plan .popular.current {
  background: #064250;
}
.pricing .plan .icon .circle {
  border-radius: 60px;
  width: 120px;
  height: 120px;
  background: rgba(33, 150, 243, 0.1);
  position: relative;
  padding: 10px;
}
.pricing .plan .icon .circle .inner-circle {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  background: rgba(33, 150, 243, 0.1);
}
.pricing .plan .icon .circle img {
  width: 60px;
}
.pricing .plan .price {
  margin: 25px 10px;
}
.pricing .plan .price .circle {
  border-radius: 70px;
  width: 140px;
  height: 140px;
  background: #eaeded;
  position: relative;
  padding: 10px;
}
.pricing .plan .price .number {
  color: #fff;
  font-size: 40px;
  line-height: 35px;
}
.pricing .plan .price .number .dollar {
  font-size: 15px;
  vertical-align: super;
}
.pricing .plan .price .super {
  color: #D8D8D8;
  font-size: 12px;
  line-height: 13px;
}
.pricing .plan .price .per {
  font-size: 12px;
  color: #D8D8D8;
}
.pricing .plan .price .saving {
  border-radius: 3px;
  padding: 2px 4px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  width: auto;
  margin: 5px 0 0;
  color: #ec551a;
  display: inline;
  z-index: 0;
}
.pricing .plan .price .onboarding {
  margin: 5px 0 0;
}
.pricing .plan .details {
  font-size: 14px;
  color: #D8D8D8;
  border-bottom: 1px solid #58777d;
  margin: 0 10% 10px;
  min-height: 270px;
}
.pricing .plan .details .planDescription {
  font-size: 13px;
}
.pricing .plan .details .buttonPanel {
  margin: 10px 0 20px;
}
.pricing .plan .details .buttonPanel a {
  margin: 5px 0;
}
.pricing .plan .newDetails {
  font-size: 16px;
}
.pricing .plan .features {
  color: #D8D8D8;
  font-weight: 500;
}
.pricing .plan .features .bullet {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  background: #2196F3;
  box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);
  margin: 0 8px 0 0;
}
.pricing .plan .features .icon::before,
.pricing .plan .features .icon::after {
  font-size: 10px;
  line-height: 25px;
  color: #fff;
}
.pricing .plan .features .feature .item {
  border-color: #58777d;
}
.pricing .plan .features .feature .item.highlight {
  background: #eaeded;
  color: #434343;
}
.pricing .plan .features .feature .item.hover {
  color: #434343;
}
.pricing .plan .features .feature .item.noBorder {
  border: 0;
}
.pricing .plan.noFeatures, .pricing .plan.margin {
  margin: 10px;
}
.pricing .plan .buttonPanel {
  margin: 20px 10px;
}
.pricing .plan .buttonPanel a {
  margin: 5px 0px;
}
.pricing .plan .buttonPanel .btn {
  color: #fff;
}
.pricing .plan .buttonPanel .btn:hover {
  color: #434343;
}
.pricing .plan:hover {
  background: #155969;
}
.pricing .plan:hover .icon .circle {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  padding: 10px;
}
.pricing .plan:hover .icon .circle .inner-circle {
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
  background: rgba(255, 255, 255, 0.9);
}
.pricing .plan:hover .features .feature .item {
  margin: 0 5%;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.pricing .plan.selected .icon .circle {
  background: rgba(4, 55, 67, 0.9);
}
.pricing .plan.selected .icon .circle .inner-circle {
  background: rgba(4, 55, 67, 0.9);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}
.pricing .promotion {
  color: #043743;
  padding: 0 0 30px;
  border-bottom: 1px solid #ACACAC;
}
@media only screen and (max-width: 960px) {
  .pricing .plan {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 600px) {
  .pricing .plan {
    margin: 10px 0;
  }
  .pricing .plan .buttonPanel a {
    margin: 5px 20px;
  }
}

#Payment .login-form {
  width: 550px;
}
#Payment .login-form .ribbon {
  margin-left: 10px;
}
#Payment .login-form .buttonPanel {
  margin: 10px 0 10px 10px;
}
#Payment .login-form .buttonPanel .btn {
  margin: 5px;
}
#Payment .login-form md-input-container {
  margin: 0 0 10px 10px;
}
#Payment .userAuth-container.userSignup.ng-enter {
  animation-name: bounceInRight;
  animation-duration: 1s;
}
#Payment .userAuth-container.userSignup.ng-leave {
  animation-name: bounceOutRight;
  animation-duration: 0.3s;
}
#Payment .userAuth-container.userLogin.ng-enter {
  animation-name: bounceInLeft;
  animation-duration: 1s;
}
#Payment .userAuth-container.userLogin.ng-leave {
  animation-name: bounceOutLeft;
  animation-duration: 0.3s;
}
#Payment .payment-container {
  max-width: 900px;
}
#Payment .payment-container.ng-enter {
  animation-name: bounceInLeft;
  animation-duration: 1s;
}
#Payment .payment-container.ng-leave {
  animation-name: bounceOutLeft;
  animation-duration: 0.3s;
}
#Payment .getUser-content {
  margin: 40px 0 0;
}
#Payment .getUser-content .getUser {
  margin: 20px 0 0 40px;
  padding-left: 40px;
  border-left: 1px solid #D8D8D8;
}
@media only screen and (max-width: 960px) {
  #Payment .login-form {
    width: auto;
  }
  #Payment .getUser-content {
    margin: 0;
  }
  #Payment .getUser-content .getUser {
    margin: 20px 0 0 0px;
    padding-left: 0px;
    border: 0;
  }
}

#BillingInfo {
  margin: 20px 10px;
}
#BillingInfo h2 {
  font-size: 25px;
  font-weight: 100;
}
#BillingInfo h3 {
  font-size: 20px;
  font-weight: 100;
}
#BillingInfo .content-container {
  margin: 40px 40px 0 0;
}
#BillingInfo .shoppingCart {
  margin: 0px 0 0 40px;
  padding-left: 40px;
  border-left: 1px solid #D8D8D8;
  text-align: left;
}
#BillingInfo .shoppingCart .save {
  font-size: 20px;
}
#BillingInfo .reminder {
  max-width: 480px;
  margin: 10px 5px 5px;
  color: #707070;
  font-size: 14px;
}
#BillingInfo .info {
  color: #0d4c5b;
  margin: 15px 0;
  font-size: 15px;
}
#BillingInfo .price {
  font-size: 35px;
  line-height: 30px;
  margin: 10px 0 0;
  color: #2196F3;
}
#BillingInfo .buttonPanel md-checkbox {
  margin: 0 20px 0 0;
}
@media only screen and (max-width: 960px) {
  #BillingInfo .content-container {
    margin: 40px 0 0;
  }
}

.creditCardOptions .card {
  padding: 0px 0 20px;
}
.creditCardOptions .card .type {
  border-radius: 3px;
  background: #559383;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #559383, #a4decf);
  padding: 10px 20px;
  margin: 0 20px 0 0;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  position: relative;
}
.creditCardOptions .card.cursor {
  cursor: pointer;
}
.creditCardOptions .card.cursor:hover {
  background-color: #edf5f6;
}
.creditCardOptions .card .default {
  position: absolute;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  background: #559b08;
  text-align: center;
  line-height: 11px;
  top: -2px;
  right: -5px;
  color: #fff;
}
.creditCardOptions .card .default .icon::after, .creditCardOptions .card .default .icon::before {
  font-size: 12px;
}
.creditCardOptions .card:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.creditCardOptions .card:not(:first-child) {
  padding: 20px 0;
}
.creditCardOptions .card.small {
  font-size: 13px;
}
.creditCardOptions .card.small .type {
  padding: 5px 10px;
  margin: 0 10px 0 0;
  font-size: 16px;
  font-weight: 700;
}
.creditCardOptions .card.small .default {
  border-radius: 8px;
  width: 16px;
  height: 16px;
}
.creditCardOptions .card.small .default .icon::after, .creditCardOptions .card.small .default .icon::before {
  font-size: 8px;
}
.creditCardOptions .card.nopadding {
  padding: 0;
}

#Membership .content {
  text-align: left;
}
#Membership .planType {
  color: #fff;
}
#Membership .planType .plan {
  background: #043743;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #043743, #155969);
  border-radius: 5px;
  padding: 20px;
  margin: 20px 0;
}
#Membership .planType .plan label {
  color: #D8D8D8;
  text-align: center;
  display: block;
}
#Membership .planType .plan .small {
  font-size: 12px;
}
#Membership .planType .plan .title {
  color: #fff;
  font-size: 40px;
  margin: 0;
}
#Membership .planType .plan .title .icon::before,
#Membership .planType .plan .title .icon::after {
  font-size: 40px;
}
#Membership .planType .plan .details {
  text-align: right;
}
#Membership .planType .plan .price {
  font-size: 32px;
}
#Membership .planType .plan .time {
  font-size: 15px;
}
#Membership .planType .plan billing {
  margin: 10px 0 0;
}
#Membership .upgrade h2 {
  margin: 20px 0 40px;
}

/*********************************
    Error pages
*********************************/
#Error {
  text-align: center;
  padding: 0 20px 20px;
}
#Error .errorCode {
  font-size: 45px;
  font-weight: 500;
  color: #D8D8D8;
}
#Error .errorCode .small {
  font-size: 15px;
  line-height: 0px;
}
#Error .illustration {
  max-width: 200px;
  margin: 40px 0 10px;
}
#Error .illustration img {
  width: 100%;
}
#Error .info {
  color: #707070;
  font-size: 18px;
  margin: 20px 0 0;
}
#Error .info .description {
  margin: 5px 0;
}

/*********************************
    Deal Showcase
*********************************/
#DealShowcase #Showcase {
  margin: 0 0 30px;
}
#DealShowcase .type {
  margin: 30px 0 0;
}
#DealShowcase .item .item-container {
  margin: 17px;
  cursor: pointer;
  overflow: hidden;
}
#DealShowcase .item .background {
  background: #043743;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#DealShowcase .item .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f889d);
  opacity: 0;
  border-radius: 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#DealShowcase .item .view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  opacity: 0;
}
#DealShowcase .item .view .icon::before, #DealShowcase .item .view .icon::after {
  font-size: 40px;
}
#DealShowcase .item .playButton {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
}
#DealShowcase .item .playButton .icon {
  color: #fff;
}
#DealShowcase .item .playButton .icon::before, #DealShowcase .item .playButton .icon::after {
  font-size: 50px;
}
#DealShowcase .item .image {
  position: relative;
  height: 350px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
#DealShowcase .item .image:hover .overlay {
  opacity: 0.7;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#DealShowcase .item .image:hover .view {
  opacity: 1;
}
#DealShowcase .item .image:hover .playButton {
  opacity: 0;
}
#DealShowcase .item .content {
  margin: 10px 0;
}
#DealShowcase .item .content .title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 500;
}
#DealShowcase .item .content .description {
  margin: 0;
  font-size: 14px;
  color: #707070;
}
#DealShowcase .item .content .ref {
  font-size: 12px;
  text-transform: uppercase;
}

.caseStudies-holder {
  margin: 30px 0 0;
}

#Packages .imageBox {
  margin: 0 0 20px 0;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.3);
}
#Packages .imageBox .image-container .titleOverlay {
  bottom: 0;
  left: 0;
  top: 0;
  right: 66%;
  padding: 10px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
  font-size: 22px;
}
#Packages .imageBox .imageBox-container {
  border-radius: 0;
  overflow: hidden;
}
#Packages .imageBox .drawer {
  /*border: 1px solid $secondary-shade;*/
  background-color: #e3edee;
  border-top: 0;
  padding: 20px 20px 5px;
  border-radius: 0px 0px 5px 5px;
  display: none;
}
#Packages .imageBox .content-container {
  color: #434343;
  font-size: 14px;
}
#Packages .imageBox .content-container .icon {
  color: #63b509;
}
#Packages .imageBox .content-container .icon::before, #Packages .imageBox .content-container .icon::after {
  font-size: 12px;
}
#Packages .imageBox .content-container .min {
  margin: 10px 0 0;
}
#Packages .imageBox .content-container .options {
  font-size: 12px;
  font-weight: 500;
  margin: 10px 0 0 20px;
}
#Packages .imageBox .content-container .options ul {
  padding: 0 0 0 18px;
  margin: 5px 0;
}
#Packages .panelSummary {
  margin: 0 0 0 20px;
}

#CaseStudyDialog .output-group {
  margin: 20px 0;
}
#CaseStudyDialog .output-group .title {
  color: #0d4c5b;
  font-size: 25px;
  border-bottom: 2px solid #eaeded;
  margin: 20px 0 30px;
}
#CaseStudyDialog .output-group ul {
  margin: 0;
}
#CaseStudyDialog .campaignImg .device.screen-macbook {
  /*width: 400px;
  height: 240px;*/
}
#CaseStudyDialog .stats .stat {
  margin: 0 0 10px;
  padding: 0 20px;
  border-right: 1px solid #D8D8D8;
}
#CaseStudyDialog .stats .stat:last-child {
  border-right: 0;
}
#CaseStudyDialog .stats .stat .number {
  color: #2196F3;
  font-size: 23px;
}
#CaseStudyDialog .stats .stat label {
  color: #707070;
  font-size: 15px;
}
#CaseStudyDialog .items .item {
  position: relative;
  padding: 0 10px 10px 0;
  cursor: pointer;
}
#CaseStudyDialog .items .item img {
  width: 100%;
}
#CaseStudyDialog .items .item .background {
  background: #043743;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}

#PreProposal {
  max-width: 1000px;
  min-width: 400px;
}
#PreProposal .wizardContainer {
  padding: 0 20px;
}
#PreProposal .wizard-state-container {
  max-width: 250px;
  margin: 0 auto;
}
#PreProposal .formContainer {
  padding-bottom: 10px;
}
#PreProposal .inputSection {
  margin: 5px 0 15px;
}
#PreProposal .summary-container {
  z-index: 1;
  margin-left: 10px;
}
#PreProposal .totalEstimation {
  text-align: right;
  border-top: 1px solid #D8D8D8;
  font-size: 22px;
  padding: 10px;
  margin-top: 10px;
}

/*********************************
    Social Statistics
*********************************/
.social-statistics .item {
  padding: 0 10px;
  text-align: center;
  color: #58777d;
  position: relative;
  cursor: pointer;
}
.social-statistics .item .title {
  font-size: 20px;
  font-weight: 100;
  text-transform: none;
  margin: 0 0 10px;
  color: #58777d;
}
.social-statistics .item .value {
  font-size: 22px;
  margin: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
}
.social-statistics .item label {
  font-size: 12px;
}
.social-statistics .item .description {
  font-size: 12px;
  font-weight: 100;
  margin: 10px 20px 5px;
}
.social-statistics .item .description .number {
  font-size: 12px;
}
.social-statistics .item:not(:last-child) {
  border-right: 1px solid #D8D8D8;
}
.social-statistics .item .chevron {
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 20px solid #58777d;
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -18px;
}
.social-statistics .item .chevron.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
.social-statistics .item .chevron.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
.social-statistics .item:hover .value {
  font-weight: 500;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.social-statistics .rateIcon {
  color: #064250;
  font-size: 15px;
}
.social-statistics .rateIcon.flaticon-triangle-up, .social-statistics .dashmeter .details .rateIcon.increase, .dashmeter .details .social-statistics .rateIcon.increase {
  color: #63b509;
}
.social-statistics .rateIcon.flaticon-triangle-down, .social-statistics .dashmeter .details .rateIcon.decrease, .dashmeter .details .social-statistics .rateIcon.decrease {
  color: #b04e4e;
}
.social-statistics .rateIcon::after, .social-statistics .rateIcon::before {
  font-size: 15px;
}
.social-statistics .content-holder {
  border-radius: 5px;
  background: #58777d;
  padding: 20px;
  margin: 20px 0;
  color: #fff;
}
.social-statistics .content-holder h3 {
  color: #fff;
  font-size: 15px;
  font-weight: 100;
  margin: 0 0 20px;
}
.social-statistics .content-holder .chart-container {
  color: #707070;
  background: #fff;
  padding: 20px;
  margin: 0 20px 0 0;
  border-radius: 3px;
}
.social-statistics .content-holder .bigNumber {
  font-size: 30px;
}
.social-statistics .content-holder .progressPie {
  text-align: center;
}
.social-statistics .content-holder .progressPie .stat {
  top: 40px;
  width: 100%;
}
.social-statistics .content-holder .progressPie .stat .number {
  font-size: 50px;
  line-height: 70px;
  color: #fff;
}
.social-statistics .content-holder .progressPie .title {
  font-size: 16px;
  color: #fff;
}
.social-statistics .content-holder .priceRank {
  margin: 0 0 10px 0;
  padding: 0;
}
.social-statistics .content-holder .stat {
  color: #fff;
}
.social-statistics .content-holder .stat .title {
  margin: 0;
  color: #D8D8D8;
  font-size: 18px;
}
.social-statistics .content-holder .stat .value {
  color: #fff;
  font-size: 22px;
}
.social-statistics .content-holder .stat label {
  color: #eaeded;
}
.social-statistics .content-holder .stat .description {
  margin: 0 0 20px;
  font-size: 11px;
}
.social-statistics .content-holder .stat .number {
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  .social-statistics .content-holder .chart-container {
    margin: 0 0 20px 0;
  }
}
.social-statistics .amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}
.social-statistics .amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}

.socialPosts .post {
  border-radius: 5px;
  padding: 15px;
  background: #fff;
  color: #707070;
  margin: 5px 0;
  display: block;
}
.socialPosts .post .account .userImage {
  margin: 0 5px 0 0;
}
.socialPosts .post .account .name {
  font-size: 16px;
  font-weight: 500;
}
.socialPosts .post .account .date {
  font-size: 12px;
  color: #ACACAC;
}
.socialPosts .post a.link {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #2196F3;
}
.socialPosts .post .engagement {
  margin: 5px 0 0;
}
.socialPosts .post .engagement .box {
  font-size: 14px;
  cursor: auto;
  padding: 0 10px;
}
.socialPosts .post .engagement .box:not(:last-child) {
  border-right: 1px solid #D8D8D8;
}
.socialPosts .post .engagement .likes {
  color: #e06969;
}
.socialPosts .post .engagement .comments {
  color: #4e9aac;
}
.socialPosts .post .engagement .shares {
  color: #559383;
}
.socialPosts .post .engagement .icon {
  margin: 0 3px 0 0;
}
.socialPosts .post .engagement .icon::before, .socialPosts .post .engagement .icon::after {
  font-size: 14px;
}
.socialPosts .post .content {
  font-size: 14px;
}
.socialPosts .post .content .text {
  margin: 10px 0 0;
}
.socialPosts .post .content .tags .tag {
  background: #ACACAC;
  padding: 3px 5px;
  font-size: 13px;
  border-radius: 3px;
}
.socialPosts .post .content .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 5px 0 0;
}
.socialPosts .post .content .image img {
  max-width: 100%;
}

/*********************************
    Profiles
*********************************/
.profile {
  color: #434343;
  /**** Athlete ****/
  /*.tag{
      background: $tertiary-tint;
      color: $secondary;
      margin: 5px 5px 0 0;
      float: left;
      @include roundedCorners(20px);
      @include inline-block;
      font-size: 14px;
      padding: 5px 15px;
  }*/
  /*******************************
  Media Queries - Profile
  ********************************/
}
.profile .profile-container {
  overflow: hidden;
  width: 100%;
  min-height: 200px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.profile .profile-placeholder {
  padding: 20px;
  text-align: center;
  color: #707070;
  margin: 20px 0;
}
.profile .profile-placeholder h3 {
  font-weight: 500;
  color: #707070;
}
.profile .socialIcon {
  width: 20px;
  height: 20px;
}
.profile .socialIcon img {
  width: 100%;
}
.profile.editPage {
  margin-top: 30px;
}
.profile #Athlete h2 {
  font-size: 22px;
  font-weight: 500;
}
.profile #Athlete h2 .sponsor {
  font-size: 18px;
}
.profile #Athlete h2.margin {
  margin: 0 0 20px;
}
.profile #Athlete section {
  margin: 0 0 30px;
}
.profile #Athlete .sidePadding:not(:last-child) {
  padding: 0 40px 0 0;
}
.profile #Athlete .sidePadding:not(:first-child) {
  padding: 0 0 0 40px;
}
.profile #Athlete md-tabs.tabs > md-tabs-content-wrapper > md-tab-content {
  background: #fff;
  padding: 20px;
}
.profile #Athlete h3 {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}
.profile #Athlete .dash-panel.edit {
  border: 1px solid #e0e0e0;
  cursor: pointer !important;
}
.profile #Athlete .dash-panel.edit .addInput {
  background: #D8D8D8;
  color: #fff;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}
.profile #Athlete .dash-panel.edit .person {
  padding-bottom: 5px;
}
.profile #Athlete .dash-panel.edit .price-box {
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  padding: 5px 10px;
  font-size: 14px;
}
.profile #Athlete .dash-panel.edit .price-box-empty {
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  color: #D8D8D8;
  padding: 5px 10px;
  font-size: 14px;
}
.profile #Athlete .header {
  min-height: 160px;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20a27f);
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
  padding: 20px 40px;
  position: relative;
}
.profile #Athlete .header.dash-panel {
  overflow: visible;
  margin-bottom: 50px;
}
.profile #Athlete .header .edit {
  position: absolute;
  top: 0;
  right: -10px;
}
.profile #Athlete .header .edit a {
  color: #fff;
}
.profile #Athlete .header .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #0d4c5b);
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
  z-index: 0;
}
.profile #Athlete .header .headerInnerContainer {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
.profile #Athlete .header .image-container {
  position: relative;
  width: 210px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  z-index: 10;
}
.profile #Athlete .header .header-content-container {
  z-index: 1;
}
.profile #Athlete .header .image.profileImage {
  border-radius: 90px;
  width: 180px;
  height: 180px;
  margin: 0px auto 30px;
  overflow: hidden;
  position: absolute;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.profile #Athlete .header .image.profileImage img {
  width: 180px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile #Athlete .header .image.profileImage.on {
  cursor: pointer;
  background-color: #064250;
}
.profile #Athlete .header .image.profileImage.add {
  cursor: pointer;
}
.profile #Athlete .header .image.profileImage .icon {
  color: #fff;
  opacity: 0.7;
}
.profile #Athlete .header .image.profileImage .icon::after, .profile #Athlete .header .image.profileImage .icon::before {
  font-size: 35px;
}
.profile #Athlete .header .image.profileImage .icon:hover {
  opacity: 1;
}
.profile #Athlete .header .progressPie {
  position: absolute;
  top: -10px;
  left: -10px;
}
.profile #Athlete .header .verified {
  position: absolute;
  top: 10px;
  left: 10px;
}
.profile #Athlete .header .verified.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.profile #Athlete .header .basic {
  color: #fff;
  font-size: 15px;
  position: relative;
  margin: 10px 0;
}
.profile #Athlete .header .basic .name {
  font-size: 24px;
  margin: 0;
  font-weight: 500;
  color: #fff;
}
.profile #Athlete .header .basic .name h1 {
  display: inline-block;
}
.profile #Athlete .header .basic .type {
  font-size: 13px;
  color: #fff;
  padding: 1px 7px;
  margin: 4px 0 0;
  background: #0d4c5b;
  border-radius: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.profile #Athlete .header .basic .type .circle {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 2px solid #fff;
  margin: 2px 3px 0 0;
}
.profile #Athlete .header .basic .type h4 {
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
}
.profile #Athlete .header .basic .type.athlete {
  background: #604d70;
}
.profile #Athlete .header .basic .type.team {
  background: #20a27f;
}
.profile #Athlete .header .basic .type.event {
  background: #F5A623;
}
.profile #Athlete .header .basic .managed {
  font-size: 13px;
}
.profile #Athlete .header .basic .ratingNumber {
  font-size: 12px;
  font-weight: 500;
}
.profile #Athlete .header .actions {
  margin: 0 0 30px 0;
}
.profile #Athlete .header .actions .btn {
  animation-name: bounceIn;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
}
.profile #Athlete .header .actions .forward {
  z-index: 1;
}
.profile #Athlete .header .summary {
  position: absolute;
  background: #064250;
  right: 40px;
  bottom: -45px;
  border-radius: 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
}
.profile #Athlete .header .summary .stat {
  margin: 10px 0;
  padding: 0 20px;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
}
.profile #Athlete .header .summary .stat:not(:last-child) {
  border-right: 1px solid #ACACAC;
}
.profile #Athlete .header .summary .stat .value {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.profile #Athlete .header .summary .stat label {
  color: #ACACAC;
  font-size: 10px;
}
.profile #Athlete .header .summary.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.profile #Athlete .header .summary.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.profile #Athlete .header:not(.isTop) .background {
  opacity: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
}
.profile #Athlete .header:not(.isTop) .image-container {
  width: 180px;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.profile #Athlete .header:not(.isTop) .image.profileImage {
  border-radius: 70px;
  width: 140px;
  height: 140px;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.profile #Athlete .mainView {
  padding: 80px 40px 0;
}
.profile #Athlete .mainView .left {
  max-width: 300px;
  margin: 0 40px 10px 0;
  background: #edf5f6;
  font-size: 14px;
  border-radius: 3px;
  padding: 15px;
}
.profile #Athlete .mainView .left .output-group {
  word-wrap: break-word;
  margin: 10px 20px 0 0;
}
.profile #Athlete .mainView .output-group {
  margin: 0 20px 25px 0;
  color: #707070;
  font-size: 14px;
}
.profile #Athlete .mainView .output-group label {
  font-size: 14px;
  color: #434343;
  margin: 0;
}
.profile #Athlete .mainView .output-group h2 {
  font-size: 14px;
  color: #434343;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
}
.profile #Athlete .primaryInfo {
  color: #434343;
  margin: 0 0 5px;
  padding: 0 0 10px;
}
.profile #Athlete .primaryInfo .location a,
.profile #Athlete .primaryInfo .league a {
  color: #434343;
}
.profile #Athlete .primaryInfo .location a:hover,
.profile #Athlete .primaryInfo .league a:hover {
  color: #0F84E1;
}
.profile #Athlete .primaryInfo .icon::after, .profile #Athlete .primaryInfo .icon::before {
  font-size: 14px;
}
.profile #Athlete .primaryInfo .divider {
  margin: 0 10px;
}
.profile #Athlete .primaryInfo .league {
  margin: 5px 0;
  font-weight: 500;
}
.profile #Athlete .primaryInfo .league .image {
  width: 30px;
  margin: 0 5px 0 0;
}
.profile #Athlete .primaryInfo .league .image img {
  width: 100%;
}
.profile #Athlete .about .managed {
  font-weight: 500;
}
.profile #Athlete .about .report {
  font-size: 9px;
  text-transform: uppercase;
}
.profile #Athlete .about .popularity {
  margin: 0 40px 0 0;
}
.profile #Athlete .about .badges .badge {
  margin: 0 10px 10px 0;
}
.profile #Athlete .interests .tag {
  background: #9bc2cb;
  color: #fff;
  font-weight: 500;
  border-radius: 5px;
  padding: 3px 10px;
  margin: 5px 5px 0 0;
}
.profile #Athlete .osProcess .processContainer {
  margin: 0 0 15px;
}
.profile #Athlete .osProcess .processContainer .item {
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.profile #Athlete .osProcess .processContainer .item .icon {
  width: 50px;
}
.profile #Athlete .osProcess .processContainer .item img {
  width: 100%;
}
.profile #Athlete .socialstats .info {
  margin: 0 0 30px 0;
  font-size: 18px;
  line-height: 24px;
}
.profile #Athlete .socialstats .info .description {
  font-size: 14px;
  color: #707070;
  margin: 0;
}
.profile #Athlete .socialstats .socialPosts .post {
  margin: 0 10px 10px 0;
}
.profile #Athlete .socialstats .socialPosts .post a.link {
  font-size: 11px;
}
.profile #Athlete .socialstats .socialPosts .carousel {
  margin: 30px 0 0;
}
.profile #Athlete .socialstats .socialPosts .carousel .slick-slider .slick-button:not(.slick-disabled) {
  color: #fff;
}
.profile #Athlete .socialstats .socialPosts md-tabs .md-tab {
  color: #D8D8D8;
}
.profile #Athlete .socialstats .socialPosts md-tabs .md-tab .md-active {
  color: #fff;
}
.profile #Athlete .socialstats .socialPosts md-tabs > md-tabs-content-wrapper md-tab-content {
  padding: 10px 0;
}
.profile #Athlete .socialstats .socialPosts md-tabs .tab-content {
  overflow: visible;
  /*
  overflow-y : hidden;
  overflow-x : scroll;*/
}
.profile #Athlete .socialstats .socialPosts md-tabs .tab-content .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.5);
}
.profile #Athlete .socialstats .socialPosts .mCSB_container_wrapper .mCSB_container {
  padding: 0;
}
.profile #Athlete .recentNews .newsItem {
  padding: 0 0 10px;
}
.profile #Athlete .recentNews .newsItem:not(:last-child) {
  margin: 10px 0;
  border-bottom: 1px solid #D8D8D8;
}
.profile #Athlete .recentNews .newsItem .image {
  width: 75px;
  height: 55px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 10px 0 0;
  border-radius: 3px;
}
.profile #Athlete .recentNews .newsItem .title {
  color: #58777d;
  font-size: 15px;
  margin: 0 0 5px;
}
.profile #Athlete .recentNews .newsItem .date {
  color: #707070;
  font-size: 12px;
  font-weight: 500;
}
.profile #Athlete .recentNews .newsItem:hover .title {
  color: #2196F3;
}
.profile #Athlete .relatedAthletes {
  max-width: 100%;
  width: auto;
}
.profile #Athlete .relatedAthletes .carousel {
  margin: 0;
}
.profile #Athlete .profileCard {
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f889d);
}
.profile #Athlete .profileCard h2.name {
  color: #fff;
  margin: 5px 0 0 0;
  font-size: 18px;
  font-weight: 500;
}
.profile #Athlete .profileCard .icon {
  color: #fff;
}
.profile #Athlete .profileCard .info,
.profile #Athlete .profileCard .info a {
  color: #fff;
}
.profile #Athlete .titleText {
  font-size: 20px;
}
.profile #Athlete .categories .category {
  text-align: center;
  margin: 5px 10px 5px 0;
}
.profile #Athlete .categories .category .icon-circle {
  background: #2f8295;
  color: #fff;
  border: 0;
}
.profile #Athlete .categories .category .icon-circle .icon {
  color: #fff;
}
.profile #Athlete .timeline .event .date {
  width: auto;
  padding: 0 15px 0 0;
}
.profile #Athlete .mock_socialData {
  position: relative;
}
.profile #Athlete .upgrade {
  position: absolute;
  border-radius: 5px;
  top: 20%;
  bottom: 25%;
  left: 10%;
  right: 10%;
  text-align: center;
}
.profile #Athlete .upgrade .background {
  background: #58777d;
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.profile #Athlete .upgrade .content {
  background: rgba(88, 119, 125, 0.7);
  border-radius: 5px;
  position: relative;
  padding: 20px;
}
.profile #Athlete .upgrade .content h2 {
  color: #fff;
  font-size: 16px;
}
.profile #Athlete .upgrade .content h3 {
  color: #fff;
  font-size: 20px;
}
.profile #Athlete .upgrade .item {
  background: #fff;
  padding: 15px;
  border-radius: 3px;
  color: #707070;
  text-align: left;
  font-size: 13px;
  margin: 3px;
}
.profile #Athlete .upgrade .item .image {
  width: 30px;
  margin: 0 10px 0 0;
}
.profile #Athlete .upgrade .item label {
  font-size: 14px;
  margin: 0;
  color: #707070;
}
.profile #Athlete .deliverableSelector .selector {
  margin: 0 5px 5px 0;
}
.profile #Athlete .deliverableSelector .selector .image .icon::after, .profile #Athlete .deliverableSelector .selector .image .icon::before {
  font-size: 18px;
}
.profile #Athlete .deliverableSelector .selector .title {
  font-size: 18px;
}
.profile #Athlete.unauthenticated .headerInnerContainer,
.profile #Athlete.unauthenticated .mainView {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 960px) {
  .profile #Athlete .header .image-container {
    width: 200px;
    height: 180px;
  }
  .profile #Athlete .header .basic {
    text-align: center;
  }
  .profile #Athlete .mainView .left {
    max-width: 100%;
    margin: 0;
  }
  .profile #Athlete .mainView .left .output-group {
    margin: 0 30px 25px 0;
  }
  .profile #Athlete .sidePadding:not(:last-child) {
    padding: 0 0 40px;
  }
  .profile #Athlete .sidePadding:not(:first-child) {
    padding: 40px 0 0;
  }
  .profile #Athlete .socialstats .item {
    height: 150px;
    padding: 0;
  }
  .profile #Athlete .socialstats .item .head {
    transform: rotate(-90deg);
    transform-origin: top left;
    height: 65px;
    width: 200px;
    position: relative;
    top: 135px;
    left: 50%;
    margin-left: -34px;
    text-align: left;
  }
  .profile #Athlete .socialstats .item .title {
    font-size: 15px;
    margin: 0;
  }
  .profile #Athlete .socialstats .item .description {
    margin: 10px 3px 5px;
  }
}
@media only screen and (max-width: 600px) {
  .profile #Athlete .header .headerInnerContainer {
    padding: 0;
  }
  .profile #Athlete .header .edit {
    right: -25px;
  }
  .profile #Athlete .header .image-container {
    width: 180px;
    height: 180px;
  }
  .profile #Athlete .header .btn {
    margin: 10px 0;
  }
  .profile #Athlete .header .actions {
    margin: 30px 0 60px;
  }
  .profile #Athlete .header .summary {
    right: 30px;
    left: 30px;
  }
  .profile #Athlete .header .summary .stat {
    padding: 0;
  }
  .profile #Athlete .header .summary .stat .value {
    font-size: 14px;
  }
  .profile #Athlete .header:not(.isTop) .image-container {
    width: 140px;
  }
  .profile #Athlete .primaryInfo {
    text-align: center;
  }
  .profile #Athlete .mainView {
    margin: 80px 20px 0;
  }
  .profile #Athlete .mainView .left {
    width: 100%;
  }
  .profile #Athlete .mainView .output-group {
    margin: 0 0px 25px 0;
  }
  .profile #Athlete .deliverableSelector .btn {
    margin: 5px;
  }
  .profile #Athlete md-tabs.tabs > md-tabs-content-wrapper > md-tab-content {
    padding: 20px 0 0;
  }
  .profile #Athlete .upgrade .content {
    padding: 10px;
  }
}
.profile .mainView .loader {
  margin-top: 80px;
}
.profile .top-container .basicView.cell {
  width: 325px;
}
.profile .placeholder {
  border-radius: 5px;
}
.profile .basicView {
  background: #064250;
  color: #fff;
  padding: 40px;
  text-align: center;
  font-size: 15px;
  line-height: 25px;
  position: relative;
}
.profile .basicView.related {
  border-radius: 5px;
}
.profile .basicView .fav {
  position: absolute;
  right: 20px;
  top: 20px;
}
.profile .basicView .fav [class^=flaticon-]:before,
.profile .basicView .fav [class*=" flaticon-"]:before,
.profile .basicView .fav [class^=flaticon-]:after,
.profile .basicView .fav [class*=" flaticon-"]:after {
  color: #e43f3f;
  font-size: 20px;
}
.profile .basicView label {
  color: #fff;
}
.profile .basicView .info {
  margin: 0 0 50px 0;
}
.profile .basicView .image-container {
  position: relative;
}
.profile .basicView .image-container .type {
  background: #064250;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 60px;
  position: absolute;
  bottom: 0;
  left: 58%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 30px;
  width: 60px;
  height: 60px;
}
.profile .basicView .image-container .type.athlete {
  background: #604d70;
}
.profile .basicView .image-container .type.team {
  background: #0eb98b;
}
.profile .basicView .image-container .type.event {
  background: #F39D0F;
}
.profile .basicView .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 80px;
  width: 160px;
  height: 160px;
  margin: 0px auto 30px;
  overflow: hidden;
}
.profile .basicView .image img {
  width: 100%;
}
.profile .basicView .image.on {
  cursor: pointer;
  background-color: #fff;
}
.profile .basicView .gallery .image {
  border-radius: 0px;
  width: 0px;
  height: 0px;
  height: 270px;
  width: 270px;
}
.profile .basicView .imageTray .image {
  height: 55px;
  width: 55px;
  cursor: pointer;
  margin: 0 5px 0 0;
}
.profile .basicView .imageTray .image.last-child {
  margin: 0;
}
.profile .basicView a {
  color: #fff;
  overflow-wrap: break-word;
}
.profile .basicView [class^=flaticon-]:before,
.profile .basicView [class*=" flaticon-"]:before,
.profile .basicView [class^=flaticon-]:after,
.profile .basicView [class*=" flaticon-"]:after {
  color: #fff;
  font-size: 14px;
}
.profile .basicView .name {
  font-size: 22px;
  margin: 5px 0;
  font-weight: 500;
  color: #fff;
}
.profile .basicView .placeholder h1 {
  color: #fff;
}
.profile .basicView .placeholder h2 {
  color: #fff;
  margin: 10px 0 50px;
}
.profile .basicView .placeholder .refine {
  margin: 20px 0;
}
.profile .basicView .age,
.profile .basicView .gender {
  margin: 0 10px;
}
.profile .basicView .report {
  font-size: 12px;
  margin: 10px 0;
  color: #eaeded;
  display: block;
  cursor: pointer;
}
.profile .basicView .report:hover {
  color: #fff;
}
.profile .basicView .report:hover .icon::before,
.profile .basicView .report:hover .icon::after {
  color: #fff;
}
.profile .toolbar {
  margin: 0;
  background: #f5f5f5;
  border-bottom: 1px solid #e8e8e8;
  height: 50px;
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
}
.profile .toolbar ul {
  margin: 0;
  padding: 0;
  float: right;
}
.profile .toolbar ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  height: 50px;
  padding-right: 20px;
  font-size: 12px;
  color: #064250;
}
.profile .toolbar ul li:last-child {
  padding-right: 0;
}
.profile .toolbar ul li .icon,
.profile .toolbar ul li [class^=flaticon-]:before,
.profile .toolbar ul li [class*=" flaticon-"]:before,
.profile .toolbar ul li [class^=flaticon-]:after,
.profile .toolbar ul li [class*=" flaticon-"]:after {
  color: #064250;
  font-size: 20px;
  display: table-cell;
  vertical-align: middle;
}
.profile .toolbar ul li .icon.ng-enter {
  animation-name: pulse;
}
.profile .toolbar ul li .icon.ng-leave {
  display: none;
}
.profile .toolbar ul li .fav .icon {
  position: absolute;
}
.profile .toolbar ul li .fav .on[class^=flaticon-]:before,
.profile .toolbar ul li .fav .on[class*=" flaticon-"]:before,
.profile .toolbar ul li .fav .on[class^=flaticon-]:after,
.profile .toolbar ul li .fav .on[class*=" flaticon-"]:after {
  color: #e43f3f;
}
.profile .toolbar ul li .fav .text {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 22px;
}
.profile .toolbar ul li .text {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: 500;
}
.profile .toolbar ul li a {
  display: block;
  height: 100%;
  line-height: 50px;
}
.profile .toolbar ul li a.link,
.profile .toolbar ul li a.link span {
  cursor: pointer;
  color: #064250;
}
.profile .toolbar ul li a.link:hover,
.profile .toolbar ul li a.link span:hover {
  color: #064250;
}
.profile .secondary-info {
  margin: 70px auto 0;
  text-align: left;
}
.profile .secondary-info hr {
  border-bottom: 1px solid #0d4c5b;
}
.profile .secondary-info .lifestyle {
  margin-bottom: 70px !important;
}
.profile .secondary-info .output-group {
  margin: 0 0 20px;
}
.profile .secondary-info .switch .circle {
  background: #043743;
}
.profile .secondary-info .switch .circle .icon [class^=flaticon-]:before,
.profile .secondary-info .switch .circle .icon [class*=" flaticon-"]:before,
.profile .secondary-info .switch .circle .icon [class^=flaticon-]:after,
.profile .secondary-info .switch .circle .icon [class*=" flaticon-"]:after {
  color: #0d4c5b;
}
.profile .secondary-info .switch .text {
  color: #fff;
  font-size: 14px;
}
.profile .secondary-info .switch.on .circle {
  background: #0d4c5b;
}
.profile .secondary-info .switch.on .circle .icon [class^=flaticon-]:before,
.profile .secondary-info .switch.on .circle .icon [class*=" flaticon-"]:before,
.profile .secondary-info .switch.on .circle .icon [class^=flaticon-]:after,
.profile .secondary-info .switch.on .circle .icon [class*=" flaticon-"]:after {
  color: #fff;
}
.profile .secondary-info .switch.on .text {
  color: #fff;
  font-weight: 500;
}
.profile .secondary-info .budget .number {
  text-align: center;
  font-size: 40px;
  margin: 3px 0;
}
.profile .profile-info {
  padding: 20px;
}
.profile .profile-info .lifestyle {
  margin-bottom: 60px;
}
.profile .profilePriceRank .rank-container {
  font-size: 12px;
  font-weight: 500;
  position: relative;
  width: 185px;
  height: 85px;
  float: right;
  cursor: pointer;
}
.profile .profilePriceRank .rank-container .badgeIcon {
  position: absolute;
}
.profile .profilePriceRank .rank-container .badgeIcon .icon {
  color: #0d4c5b;
}
.profile .profilePriceRank .rank-container .badgeIcon [class^=flaticon-]:before,
.profile .profilePriceRank .rank-container .badgeIcon [class*=" flaticon-"]:before,
.profile .profilePriceRank .rank-container .badgeIcon [class^=flaticon-]:after,
.profile .profilePriceRank .rank-container .badgeIcon [class*=" flaticon-"]:after {
  font-size: 200px;
}
.profile .profilePriceRank .rank-container .content {
  position: relative;
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotate(10deg);
  color: #fff;
  top: 135px;
  left: 8px;
  text-align: center;
}
.profile .profilePriceRank .rank-container .rank {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
.profile .profilePriceRank .rank-container.low1 .icon {
  color: #2887aa;
}
.profile .profilePriceRank .rank-container.low2 .icon {
  color: #3ea9c1;
}
.profile .profilePriceRank .rank-container.middle1 .icon {
  color: #56b6b5;
}
.profile .profilePriceRank .rank-container.middle2 .icon {
  color: #81c2b2;
}
.profile .profilePriceRank .rank-container.high1 .icon {
  color: #58bd6b;
}
.profile .profilePriceRank .rank-container.high2 .icon {
  color: #8dc33b;
}
.profile .profilePriceRank .rank-container:hover .icon {
  color: #064250;
}
.profile .output-group {
  margin: 0 40px 20px 0;
}
.profile .output-group.margin {
  margin: 0 70px 70px 0;
}
.profile .output-group.block {
  width: 100%;
}
.profile .output-group.title h1 {
  margin: 0 0 10px;
}
.profile .representative .type {
  border-radius: 5px;
  padding: 10px 20px;
  margin: 0px 10px 5px 0;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 2px solid transparent;
  text-align: center;
}
.profile .representative .athlete {
  color: #604d70;
  border-color: #604d70;
}
.profile .representative .event {
  color: #F39D0F;
  border-color: #F39D0F;
}
.profile .representative .team {
  color: #0eb98b;
  border-color: #0eb98b;
}
.profile label {
  color: #064250;
  margin: 0 0 5px;
  display: block;
}
.profile p {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
}
.profile .profile-section {
  padding: 20px;
}
.profile .profile-subsection {
  padding: 30px 0;
}
.profile .socialreach .graph {
  padding: 20px;
}
.profile .socialstats {
  width: 100%;
}
.profile .socialstats .stat {
  font-size: 17px;
  line-height: 20px;
  cursor: pointer;
}
.profile .socialstats .result {
  font-size: 25px;
  line-height: 20px;
  padding: 0 0 0 10px;
}
.profile .deals .price-package {
  width: 50%;
}
.profile .deals .result {
  font-size: 20px;
  font-weight: 500;
}
.profile .deals .table-wrapper {
  color: #434343;
  width: 100%;
  border-radius: 5px;
  background: #e8e8e8;
}
.profile .deals .tabulate {
  width: 100%;
}
.profile .deals .icon-circle {
  background: #fff;
  margin-right: 10px;
}
.profile .deals .moreInfo {
  padding: 20px;
  border: 1px solid #e8e8e8;
  background: #f5f5f5;
  border-radius: 5px;
}
.profile .deals .light {
  font-weight: 100;
  font-size: 14px;
}
.profile .deals .minpayment .result {
  font-weight: 100;
}
.profile .deals .categories .category {
  float: left;
  padding: 10px;
}
.profile .deals .categories .icon-circle {
  display: block;
  margin: 0 auto 5px;
}
.profile .deals .categories .text {
  text-align: center;
  font-size: 14px;
  color: #064250;
  max-width: 95px;
  min-height: 50px;
}
.profile .questions h3 {
  margin: 0 0 10px;
}
.profile .budget {
  text-align: right;
}
.profile .deliverables {
  width: 100%;
}
.profile .deliverables .item {
  margin: 15px 0 0;
  font-size: 13px;
}
.profile .deliverables .item label {
  font-size: 12px;
  margin: 0;
}
.profile .deliverables .item .platformIcon::before, .profile .deliverables .item .platformIcon::after,
.profile .deliverables .item .icon::before,
.profile .deliverables .item .icon::after {
  font-size: 13px;
}
.profile .deliverables .dueDate {
  font-size: 12px;
  font-weight: 500;
  text-align: right;
}
.profile .deliverables .dueDate .icon::before, .profile .deliverables .dueDate .icon::after {
  font-size: 13px;
}
.profile .moreDetailsContent {
  padding: 20px;
  position: relative;
}
.profile .moreDetailsContent .output-group {
  background-color: #edf5f6;
  padding: 20px;
  border-radius: 5px;
}
.profile .moreDetailsContent .gallery .image {
  min-width: 200px;
  min-height: 200px;
  margin: 5px;
}
.profile .moreDetailsContent .video {
  margin: 0 5px;
}
.profile .moreDetailsContent .moreDetails_mock {
  min-height: 550px;
}
.profile .moreDetailsContent .moreDetails_mock img {
  width: 100%;
}
.profile .relatedAthletes {
  max-width: 400px;
  width: 400px;
}
.profile .pageHeader {
  font-weight: 500;
}
.profile .pageHeader .pageDescription {
  margin: 0 5px 0 0;
}
.profile hr {
  border-color: #e8e8e8;
}
@media only screen and (max-width: 1500px) {
  .profile .otherInfo .relatedAthletes {
    width: 100%;
    max-width: 100%;
  }
  .profile .otherInfo .table,
.profile .otherInfo .cell {
    display: block;
  }
}
@media only screen and (max-width: 1280px) {
  .profile .profilePriceRank .rank-container {
    float: none;
    height: 200px;
  }
  .profile .socialstats th {
    font-size: 12px;
  }
  .profile .socialstats td {
    padding: 10px;
  }
  .profile .socialstats .stat {
    font-size: 16px;
  }
  .profile .socialstats .result {
    font-size: 18px;
  }
  .profile .socialstats .socialIcon {
    height: 20px;
    width: 20px;
    margin: 0 5px 0px 0;
  }
  .profile .socialstats .socialIcon.trend {
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background: #63b509;
    text-align: center;
    line-height: 19px;
  }
  .profile .socialstats .socialIcon.trend .social-trend-indicator {
    font-size: 18px;
    color: #fff;
    width: auto;
    height: auto;
  }
  .profile .socialstats .socialIcon.trend.down {
    background: #b04e4e;
  }
  .profile .deals .output-group {
    margin: 0;
  }
  .profile .deals .info {
    border-radius: 0 0 5px 5px;
  }
  .profile .otherInfo .relatedAthletes {
    width: 100%;
    max-width: 100%;
  }
  .profile .otherInfo .table,
.profile .otherInfo .cell {
    display: block;
  }
}
@media only screen and (max-width: 1100px) {
  .profile .top-container .basicView.cell {
    width: 100%;
  }
  .profile .top-container.table,
.profile .top-container .cell {
    display: block;
  }
}
@media only screen and (max-width: 960px) {
  .profile {
    /*.top-container{
        .basicView.cell{
            width: 100%;
        }

        &.table, .cell{
            display: block;
        }
    }*/
  }
  .profile .socialstats .stat {
    font-size: 16px;
  }
  .profile .socialstats .result {
    font-size: 18px;
  }
  .profile .payment {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .profile {
    margin: 0;
  }
  .profile .output-group {
    margin-right: 0;
  }
  .profile .toolbar ul li {
    margin-left: 30px;
  }
  .profile .toolbar ul li .text,
.profile .toolbar ul li .fav .text {
    display: none;
  }
  .profile .socialstats .socialIcon {
    height: 20px;
    width: 20px;
    margin: 0 5px 0px 0;
  }
  .profile .socialstats .socialIcon.trend {
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background: #63b509;
    text-align: center;
    line-height: 19px;
  }
  .profile .socialstats .socialIcon.trend .social-trend-indicator {
    font-size: 18px;
    color: #fff;
    width: auto;
    height: auto;
  }
  .profile .socialstats .socialIcon.trend.down {
    background: #b04e4e;
  }
  .profile .socialstats .stat {
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
  }
  .profile .socialstats .result {
    font-size: 18px;
    line-height: 20px;
    padding: 0 0 0 10px;
  }
}
.profile #Campaign {
  color: #707070;
  font-size: 14px;
}
.profile #Campaign label {
  margin: 0 0 3px;
  color: #434343;
}
.profile #Campaign .dash-panel .addInput {
  background: #D8D8D8;
  color: #fff;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}
.profile #Campaign .dash-panel .content .see-more {
  margin-top: 1em;
}
.profile #Campaign .output-group {
  margin: 0 40px 20px 0;
}
.profile #Campaign .output-group.nomargin {
  margin: 0 0 20px 0;
}
.profile #Campaign .top-container {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20a27f);
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
  min-height: 150px;
  color: #fff;
  padding: 20px;
}
.profile #Campaign .top-container .overlay {
  background: #064250;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
  z-index: 0;
}
.profile #Campaign .top-container .content {
  position: relative;
  z-index: 1;
}
.profile #Campaign .top-container .info {
  padding: 0 0 0 20px;
}
.profile #Campaign .top-container .info .text {
  margin: 0 5px 0 0;
}
.profile #Campaign .top-container .info h1 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.profile #Campaign .top-container .info .description {
  margin: 5px 0 0 0;
  font-size: 15px;
}
.profile #Campaign .coverImage .image {
  width: 150px;
  height: 150px;
}
.profile #Campaign .strictSettings {
  padding: 0px;
  margin: 0 0 10px;
}
.profile #Campaign .strictSettings .summary-container {
  padding: 10px;
  background: #fae6c5;
}
.profile #Campaign .strictSettings .panelIcon {
  width: 25px;
}
.profile #Campaign .profile-info {
  padding: 20px;
  background: #eaeded;
}
.profile #Campaign .profile-info h3 {
  background: #edf5f6;
  padding: 5px 10px;
  margin: 0 5px 20px 0;
  font-weight: 100;
  border-radius: 3px;
}
.profile #Campaign .profile-info .camp-section {
  margin: 0 0 40px;
}
.profile #Campaign .profile-info .representative {
  margin: 0 0 10px;
}
.profile #Campaign .profile-info .deliverables .deliverable {
  margin: 0 0 10px;
  padding: 10px;
}
.profile #Campaign .profile-info .deliverables .info {
  margin: 10px 0 0;
}
.profile #Campaign .profile-info .deliverables .title {
  border: 0;
  text-transform: capitalize;
  font-size: 15px;
  padding: 0;
}
.profile #Campaign .profile-info .deliverables .dueDate {
  color: #707070;
  font-size: 12px;
}
.profile #Campaign .profile-info .deliverables .details {
  font-size: 14px;
}
.profile #Campaign .profile-info .website {
  margin: 0 0 10px 0;
}
.profile #Campaign .profile-info .socialstats {
  width: auto;
}
.profile #Campaign .profile-info .campaignType {
  border-top: 1px solid #ACACAC;
  padding: 10px 0;
  margin: 10px 0;
  font-weight: 500;
}
.profile #Campaign .profile-info .campaignType .icon {
  width: 24px;
  margin: 0 5px 0 0;
}
.profile #Campaign .terms ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.profile #Campaign .paymentType {
  margin: 10px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.profile #Campaign .paymentType .paymentTag {
  max-width: 400px;
}
.profile #Campaign .maxOffers {
  border-radius: 5px;
  background: #fae6c5;
  padding: 10px;
  margin: 15px;
}
.profile #Campaign .maxOffers .number {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  background: #edf5f6;
  border: 2px solid #e3edee;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
}
.profile #Campaign .athleteCard {
  border-radius: 5px;
  background: #edf5f6;
  padding: 10px;
  margin: 0 0 5px;
}
.profile #Campaign .athleteCard .image {
  margin: 0 5px 0 0;
}
.profile #Campaign .athleteCard .name {
  font-weight: 500;
  color: #434343;
}
.profile #Campaign .gallery .image {
  border-radius: 5px;
  height: 100px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 10px 10px;
  cursor: pointer;
}
.profile #Campaign .gallery .imageTray .image {
  height: 55px;
  width: 55px;
  cursor: pointer;
  margin: 0 5px 0 0;
}
.profile #Campaign .gallery .imageTray .image img {
  width: 100%;
}
.profile #Campaign .gallery .imageTray .image.on {
  cursor: pointer;
  background-color: #fff;
}
.profile #Campaign .gallery .imageTray .image.last-child {
  margin: 0;
}
.profile #Campaign .gallery.vertical {
  height: auto;
}
.profile #Campaign .gallery.vertical .image {
  width: 312px;
  height: 312px;
}
.profile #Campaign .gallery.vertical .imageTray {
  margin: 0 0 0 3px;
}
.profile #Campaign .gallery.vertical .imageTray .image {
  width: 60px;
  height: 60px;
  margin: 0 0 3px;
}
.profile #Campaign .gallery.vertical .imageTray .image:last-child {
  margin: 0;
}
.profile #Campaign .socialstats .platform {
  border-radius: 5px;
  background: #edf5f6;
  padding: 10px;
  margin: 0 5px 5px 0;
}
.profile #Campaign .socialstats .icon {
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
}
.profile #Campaign .socialstats .number {
  font-size: 16px;
  font-weight: 500;
}
.profile #Campaign .productImages {
  margin: 0 20px 20px 0;
}
.profile #Campaign .question {
  margin: 0 0 0 5px;
  font-size: 14px;
}
.profile #Campaign .question .number {
  font-weight: 500;
}
.profile #Campaign .statCard {
  border-radius: 5px;
  background: #edf5f6;
  padding: 0 0.5em 1.5em;
}
.profile #Campaign .statCard .number {
  font-size: 2.5em;
}
@media only screen and (max-width: 600px) {
  .profile #Campaign .coverImage .image {
    width: 75px;
    height: 75px;
  }
  .profile #Campaign .top-container .info h1 {
    font-size: 20px;
  }
}
.profile #Leagues .header {
  min-height: 120px;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20a27f);
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
  padding: 20px 40px;
  position: relative;
}
.profile #Leagues .header .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #0d4c5b);
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
  z-index: 0;
}
.profile #Leagues .header .image-container {
  position: relative;
  width: 200px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  z-index: 10;
}
.profile #Leagues .header .header-content-container {
  z-index: 1;
}
.profile #Leagues .header .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 90px;
  width: 180px;
  height: 180px;
  margin: 0px auto 30px;
  overflow: hidden;
  position: absolute;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.profile #Leagues .header .image img {
  width: 100%;
}
.profile #Leagues .header .image.on {
  cursor: pointer;
  background-color: #fff;
}
.profile #Leagues .header .basic {
  color: #fff;
  font-size: 15px;
  position: relative;
  margin: 10px 0;
}
.profile #Leagues .header .basic .name {
  font-size: 24px;
  margin: 0;
  font-weight: 500;
  color: #fff;
}
.profile #Leagues .header .basic .type {
  font-size: 13px;
  color: #fff;
  padding: 1px 7px;
  margin: 4px 0 0;
  background: #0d4c5b;
  border-radius: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.profile #Leagues .header .basic .type .circle {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 2px solid #fff;
  margin: 2px 3px 0 0;
}
.profile #Leagues .header .basic .ratingNumber {
  font-size: 12px;
  font-weight: 500;
}
.profile #Leagues .header .actions {
  margin: 0 0 30px 0;
}
.profile #Leagues .header .actions .btn {
  animation-name: bounceIn;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
}
.profile #Leagues .header .actions .forward {
  z-index: 1;
}
.profile #Leagues .header .summary {
  position: absolute;
  background: #064250;
  right: 40px;
  bottom: -30px;
  border-radius: 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
}
.profile #Leagues .header .summary .stat {
  margin: 10px 0;
  padding: 0 20px;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
}
.profile #Leagues .header .summary .stat:not(:last-child) {
  border-right: 1px solid #ACACAC;
}
.profile #Leagues .header .summary .stat .value {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.profile #Leagues .header .summary .stat label {
  color: #ACACAC;
  font-size: 10px;
}
.profile #Leagues .header .summary.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.profile #Leagues .header .summary.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.profile #Leagues .header:not(.isTop) .background {
  opacity: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
}
.profile #Leagues .header:not(.isTop) .image-container {
  width: 130px;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.profile #Leagues .header:not(.isTop) .image {
  border-radius: 55px;
  width: 110px;
  height: 110px;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.profile #Leagues .mainView {
  margin: 55px 40px 0;
}
.profile #Leagues .mainView .left {
  max-width: 300px;
  margin: 0 40px 0 0;
}
.profile #Leagues .mainView .left .output-group {
  word-wrap: break-word;
}
.profile #Leagues .mainView .output-group {
  margin: 0 20px 25px 0;
  color: #707070;
  font-size: 14px;
}
.profile #Leagues .mainView .output-group label {
  font-size: 14px;
  color: #434343;
  margin: 0;
}
@media only screen and (max-width: 960px) {
  .profile #Leagues .header .image-container {
    width: 200px;
    height: 180px;
  }
  .profile #Leagues .header .basic {
    text-align: center;
  }
  .profile #Leagues .mainView .left {
    max-width: 100%;
    margin: 0;
  }
  .profile #Leagues .mainView .left .output-group {
    margin: 0 30px 25px 0;
  }
  .profile #Leagues .sidePadding:not(:last-child) {
    padding: 0 0 40px;
  }
  .profile #Leagues .sidePadding:not(:first-child) {
    padding: 40px 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .profile #Leagues .header .image-container {
    width: 180px;
    height: 180px;
  }
  .profile #Leagues .header .btn {
    margin: 10px 0;
  }
  .profile #Leagues .header .actions {
    margin: 30px 0 60px;
  }
  .profile #Leagues .header .summary {
    right: 30px;
    left: 30px;
  }
  .profile #Leagues .header .summary .stat {
    padding: 0;
  }
  .profile #Leagues .header .summary .stat .value {
    font-size: 14px;
  }
  .profile #Leagues .header:not(.isTop) .image-container {
    width: 140px;
  }
  .profile #Leagues .primaryInfo {
    text-align: center;
  }
  .profile #Leagues .mainView {
    margin: 80px 20px 0;
  }
  .profile #Leagues .mainView .left {
    width: 100%;
  }
  .profile #Leagues .mainView .output-group {
    margin: 0 0px 25px 0;
  }
}

/*******************************
    Profile Card
********************************/
.profileCard {
  background: #edf5f6;
  color: #434343;
  text-align: center;
  font-size: 15px;
  line-height: 25px;
  position: relative;
  border-radius: 5px;
  padding: 25px;
  overflow: hidden;
  margin: 0 10px 10px 0;
  cursor: pointer;
  /* Hover */
  /* Athlete grid */
}
.profileCard a:not(.btn) {
  color: #2196F3;
}
.profileCard.extend {
  height: 100%;
}
.profileCard label {
  color: #fff;
}
.profileCard .info {
  margin: 0 0 50px 0;
}
.profileCard .image-container {
  position: relative;
}
.profileCard .image-container .type {
  background: #064250;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 60px;
  position: absolute;
  bottom: 0;
  left: 58%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 30px;
  width: 60px;
  height: 60px;
}
.profileCard .image-container .type.athlete {
  background: #604d70;
}
.profileCard .image-container .type.team {
  background: #0eb98b;
}
.profileCard .image-container .type.event {
  background: #F39D0F;
}
.profileCard .image-container .type.success {
  background: #559b08;
}
.profileCard .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 80px;
  width: 160px;
  height: 160px;
  margin: 0px auto 20px;
  line-height: 160px;
}
.profileCard .image [class^=flaticon-]:before,
.profileCard .image [class*=" flaticon-"]:before,
.profileCard .image [class^=flaticon-]:after,
.profileCard .image [class*=" flaticon-"]:after {
  color: #58777d;
  font-size: 70px;
}
.profileCard .image img {
  width: 100%;
}
.profileCard .image.on {
  cursor: pointer;
  background-color: #fff;
}
.profileCard .image.off {
  cursor: pointer;
  background-color: #064250;
}
.profileCard .image.ng-enter {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-delay: 1s;
}
.profileCard .verified {
  position: absolute;
  top: 8%;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
.profileCard .verified.mini {
  background-size: 15px 15px;
  top: 0;
  width: 15px;
  height: 15px;
}
@media only screen and (max-width: 1280px) {
  .profileCard .image {
    border-radius: 50px;
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .profileCard .image [class^=flaticon-]:before,
.profileCard .image [class*=" flaticon-"]:before,
.profileCard .image [class^=flaticon-]:after,
.profileCard .image [class*=" flaticon-"]:after {
    font-size: 35px;
  }
}
.profileCard hr {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  border-top: 3px solid #064250;
  transition: width 0.5s;
}
.profileCard hr.athlete {
  border-color: #604d70;
}
.profileCard hr.team {
  border-color: #20a27f;
}
.profileCard hr.event {
  border-color: #F5A623;
}
.profileCard .info {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  color: #434343;
}
.profileCard .info .intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.profileCard .info .image {
  border-radius: 70px;
  width: 140px;
  height: 140px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
.profileCard .info h1.name {
  color: #0d4c5b;
  font-size: 18px;
  font-weight: 500;
  margin: 5px 0 0;
}
.profileCard .info .type {
  margin: 0 0 20px;
  line-height: 18px;
  font-weight: 500;
  color: #0d4c5b;
}
.profileCard .info .type .circle {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 2px solid #0d4c5b;
  margin: 2px 3px 0 0;
}
.profileCard .info .type.athlete {
  color: #604d70;
}
.profileCard .info .type.athlete .circle {
  border-color: #604d70;
}
.profileCard .info .type.team {
  color: #20a27f;
}
.profileCard .info .type.team .circle {
  border-color: #20a27f;
}
.profileCard .info .type.event {
  color: #F5A623;
}
.profileCard .info .type.event .circle {
  border-color: #F5A623;
}
.profileCard .info .social .stat {
  padding: 5px 15px;
  border-left: 1px solid #ACACAC;
}
.profileCard .info .social .stat .number {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.profileCard .info .social .stat:first-child {
  border-left: 0;
}
.profileCard .info .priceRank {
  padding: 0;
}
.profileCard .info .responseRate {
  text-align: center;
}
.profileCard .info a {
  color: #434343;
}
.profileCard .info .extra {
  margin: 30px 0 0;
}
.profileCard .info .hover {
  opacity: 0;
  display: none;
  width: 100%;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.1s ease 0s;
}
.profileCard .info .icon {
  color: #434343;
}
.profileCard .info .icon::after, .profileCard .info .icon::before {
  font-size: 14px;
}
.profileCard .position {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 5px;
  font-weight: 500;
  margin: 5px 0;
  text-align: center;
}
.profileCard .fav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.profileCard .fav .ribbon {
  width: 75px;
  background: #e06969;
  position: absolute;
  top: -17px;
  left: -26px;
  text-align: center;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  height: 50px;
}
.profileCard .fav .icon {
  position: relative;
  color: #fff;
  right: 6px;
  top: 3px;
}
.profileCard .fav .icon ::after,
.profileCard .fav .icon ::before {
  font-size: 10px;
}
.profileCard .fav .icon.off {
  color: #e68c8c;
}
.profileCard .buttonPanel {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
.profileCard .context {
  position: relative;
  margin: 10px 0 0 0;
  font-size: 12px;
}
.profileCard .context .price {
  padding: 5px 0;
}
.profileCard .context .price .number {
  font-size: 18px;
  font-weight: 500;
}
.profileCard .thumbFeedbackContainer {
  border-top: 1px solid #e0e0e0;
  padding: 20px 10px 10px;
  margin: 20px 0 0;
}
.profileCard .thumbFeedbackContainer .subtitle {
  margin: 0;
  line-height: 1.2;
}
@media only screen and (min-width: 960px) {
  .profileCard:hover:not(.listview).athlete {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    background: #0d4c5b;
  }
  .profileCard:hover:not(.listview).athlete .background {
    opacity: 1;
    /* For Safari 3.1 to 6.0 */
    transition: all 1s ease 0s;
  }
  .profileCard:hover:not(.listview).athlete .overlay {
    opacity: 0.9;
  }
  .profileCard:hover:not(.listview).athlete hr {
    width: 100%;
    transition: width 0.1s;
  }
  .profileCard:hover:not(.listview).athlete .info {
    text-align: left;
    color: #D8D8D8;
    font-size: 15px;
  }
  .profileCard:hover:not(.listview).athlete .info .intro {
    margin-bottom: 10px;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .profileCard:hover:not(.listview).athlete .info .image-container {
    padding: 3px 5px 0 0;
  }
  .profileCard:hover:not(.listview).athlete .info .image-container .image {
    border-radius: 22px;
    width: 44px;
    height: 44px;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.1s ease 0s;
  }
  .profileCard:hover:not(.listview).athlete .info .image-container .verified {
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
  }
  .profileCard:hover:not(.listview).athlete .info h1.name {
    font-size: 16px;
    color: #fff;
  }
  .profileCard:hover:not(.listview).athlete .info .type {
    font-size: 13px;
    color: #fff;
    padding: 1px 7px;
    margin: 4px 0 0;
    background: #0d4c5b;
    border-radius: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
  .profileCard:hover:not(.listview).athlete .info .type .circle {
    border-color: #fff;
  }
  .profileCard:hover:not(.listview).athlete .info .type.athlete {
    background: #604d70;
  }
  .profileCard:hover:not(.listview).athlete .info .type.team {
    background: #20a27f;
  }
  .profileCard:hover:not(.listview).athlete .info .type.event {
    background: #F5A623;
  }
  .profileCard:hover:not(.listview).athlete .info .person > span:first-child {
    margin-left: 0;
  }
  .profileCard:hover:not(.listview).athlete .info .icon::after, .profileCard:hover:not(.listview).athlete .info .icon::before {
    color: #fff !important;
  }
  .profileCard:hover:not(.listview).athlete .info a {
    color: #fff;
  }
  .profileCard:hover:not(.listview).athlete .context {
    color: #fff;
  }
  .profileCard:hover:not(.listview).athlete .subtitle {
    color: #fff;
  }
  .profileCard:hover:not(.listview) .hover {
    opacity: 1;
    display: block;
    height: auto;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s ease 0s;
    transition-delay: 0.2s;
  }
  .profileCard:hover:not(.listview) .hidehover {
    opacity: 0;
    height: 0;
  }
}
.profileCard.athlete {
  min-height: 350px;
}
.profileCard.athlete .background {
  background: #043743;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.profileCard.athlete .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f889d);
  opacity: 0;
  border-radius: 5px;
}
@media only screen and (max-width: 960px) {
  .profileCard.athlete {
    min-height: 0;
  }
  .profileCard.athlete .image-container .image {
    border-radius: 35px;
    width: 70px;
    height: 70px;
  }
  .profileCard.athlete .verified {
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
  }
}

#EditProfile {
  max-width: 800px;
}

.card-container {
  margin: 0 0px 20px 0;
  position: relative;
}
.card-container .certified {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 1;
  top: -10px;
  right: -2px;
}
.card-container .certified img {
  width: 100%;
}

/*******************************
    Media Card
********************************/
/*******************************
   Carousel
********************************/
.carousel {
  position: relative;
  padding: 20px 0;
}
.carousel .slick-slider .slick-button {
  cursor: pointer !important;
}
.carousel .slick-slider .slick-button::before, .carousel .slick-slider .slick-button::after {
  font-size: 14px;
}
.carousel .slick-slider .slick-button.slick-prev {
  right: 60px;
}
.carousel .slick-slider .slick-button.slick-next {
  right: 20px;
}
.carousel .slick-slider.presentation .slick-button {
  border-radius: 18px;
  width: 36px;
  height: 36px;
  background: #fff;
  text-align: center;
  line-height: 36px;
  margin-right: 5px;
  color: #979797;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  top: 45%;
}
.carousel .slick-slider.presentation .slick-button.slick-prev {
  left: -20px;
  right: auto;
}
.carousel .slick-slider.presentation .slick-button.slick-next {
  left: auto;
  right: -20px;
}
.carousel .slick-slider.presentation .slick-dots {
  position: relative;
  text-align: center;
  padding: 0;
  margin: 0;
}
.carousel .slick-slider.presentation .slick-dots li {
  display: inline-block;
}
.carousel .slick-slider.presentation .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #064250;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
.carousel .slick-slider.presentation .slick-dots li.slick-active .dot {
  background: #2196F3;
}
.carousel.shadow {
  padding-top: 30px;
}
.carousel.shadow .slick-slider .slick-button {
  border-radius: 25px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  height: 25px;
  width: 25px;
  top: -29px;
  text-align: center;
}
.carousel.shadow .slick-slider .slick-button::before, .carousel.shadow .slick-slider .slick-button::after {
  font-size: 12px;
}
.carousel.shadow .slick-slider .slick-dots {
  position: relative;
  text-align: center;
  padding: 0;
  margin: 0;
}
.carousel.shadow .slick-slider .slick-dots li {
  display: inline-block;
}
.carousel.shadow .slick-slider .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #064250;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
.carousel.shadow .slick-slider .slick-dots li.slick-active .dot {
  background: #2196F3;
}
.carousel .gradient {
  background: url("/assets/img/gradient_fff.png") left/100% repeat-y;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 90px;
}

/*******************************
    Profile List
********************************/
#ProfileList .image-container,
#ProfileList .info {
  cursor: pointer;
}

#SocialList .athlete {
  font-weight: 100;
  margin: 5px 0;
}
#SocialList .athlete .image {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
#SocialList .athlete .image-container {
  margin: 0 5px 0 0;
}
#SocialList .social {
  margin: 0 0 20px 30px;
}
#SocialList .social .item {
  border-radius: 3px;
}
#SocialList .social .platformName {
  margin: 0 10px;
}
#SocialList .social .handle {
  font-size: 12px;
  font-weight: 500;
}
#SocialList .social .links {
  padding: 0 10px;
}
#SocialList .social .links .ref {
  padding: 0 5px;
}
#SocialList .social .links .ref:not(:first-child) {
  border-left: 1px solid #D8D8D8;
}
#SocialList .social .links .icon::before, #SocialList .social .links .icon::after {
  font-size: 12px;
}

/*******************************
    New Athlete Wizard
********************************/
.socialsignup .selector-input .handle {
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.socialAccount {
  margin: 0 0 40px 0;
}
.socialAccount .image-container {
  margin: 0 5px 0 0;
  position: relative;
}
.socialAccount .image-container .userImage {
  border-radius: 30px;
  width: 60px;
  height: 60px;
}
.socialAccount .image-container .network {
  position: absolute;
  text-align: center;
  bottom: 2px;
  right: 2px;
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  width: 20px;
  height: 20px;
}
.socialAccount .image-container .network .icon {
  color: #fff;
  line-height: 18px;
}
.socialAccount .image-container .network .icon::before, .socialAccount .image-container .network .icon::after {
  font-size: 10px;
}
.socialAccount .image-container .network.instagram {
  background: #D70A64;
}
.socialAccount .image-container .network.twitter {
  background: #55acee;
}
.socialAccount .image-container .network.facebook {
  background: #3b5998;
}
.socialAccount .image-container .network.twitch {
  background: #6441A4;
}
.socialAccount .image-container .network.youtube {
  background: #ff0000;
}
.socialAccount .image-container .network.snapchat {
  background: #fffc01;
}
.socialAccount .name {
  font-size: 18px;
  text-align: left;
}
.socialAccount .handle {
  font-size: 14px;
  color: #707070;
  text-align: left;
}
.socialAccount .followers {
  font-size: 11px;
  text-align: center;
}
.socialAccount .followers .number {
  font-size: 16px;
  color: #2196F3;
}

.addSocial .selector-input-container .image {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.addSocial .selector-input-container .image .icon {
  color: #fff;
  text-align: center;
}
.addSocial .selector-input-container .image .icon::before, .addSocial .selector-input-container .image .icon::after {
  font-size: 15px;
}
.addSocial .selector-input-container .text {
  text-align: left;
  font-size: 14px !important;
}
.addSocial .selector-input-container .handle {
  word-wrap: break-word;
}
.addSocial .selector-input-container .add {
  font-size: 30px;
  margin: 0 10px 0 0;
}
.addSocial .selector-input-container .add .symbol {
  transition: transform 0.3s ease-in-out;
}
.addSocial .selector-input-container:hover .add .symbol {
  transform: rotate(90deg);
  transform-origin: center center;
  color: #2196F3;
}

#NewProfile .showChart.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
#NewProfile .showChart.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}

/*******************************
    Plan Pricing
********************************/
#PlanPricing .payment {
  margin: 40px 10px 65px;
  text-align: right;
}
#PlanPricing .payment .commitment {
  font-size: 14px;
}
#PlanPricing .payment .plan {
  font-size: 22px;
  margin-bottom: 12px;
}
#PlanPricing .payment .total {
  color: #064250;
  font-size: 13px;
  font-weight: 500;
}
#PlanPricing .payment .number {
  font-size: 40px;
  color: #064250;
}

#MyBadges .badge {
  margin: 0 5px 5px 0;
}

/*******************************
    Discovery Engine
********************************/
.discoveryEngine {
  padding: 50px 0 0;
}
.discoveryEngine .animated.ng-enter {
  animation-name: fadeInUp;
  animation-duration: 1s;
}
.discoveryEngine .results.animated.ng-leave {
  animation-name: fadeOutUp;
  animation-duration: 0.3s;
}
.discoveryEngine .preloader.animated.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.discoveryEngine .profile .animated.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.discoveryEngine .profile .animated.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
.discoveryEngine .suggestions .slick-track {
  height: 500px;
}
.discoveryEngine .suggestions .card {
  margin: 0 10px 20px 0;
}
.discoveryEngine .suggestions .basicView {
  height: 100%;
}
.discoveryEngine .suggestions .basicView.contact {
  background-color: #58777d;
}
.discoveryEngine .budgetSlider .budget {
  margin: 0 20%;
}
.discoveryEngine .spacer {
  margin: 0 0 40px;
}
.discoveryEngine .preloader {
  height: 350px;
}

.priceRange-container {
  overflow: auto;
  padding: 5px;
}
.priceRange-container .priceRange {
  min-width: 800px;
}

.priceCategories {
  padding: 5px;
  width: 100px;
}
.priceCategories .item {
  text-align: right;
  color: #064250;
  height: 65px;
  font-weight: 500;
}

.budgetSlider {
  background: #f5f5f5;
  padding: 10px 20px 30px;
  border-radius: 5px;
  position: relative;
}
.budgetSlider .maxNumber {
  text-align: center;
  font-size: 35px;
  color: #559b08;
}
.budgetSlider .maxNumber .limit {
  font-size: 15px;
  color: #064250;
  margin-right: 10px;
}
.budgetSlider .maxNumber .prefix {
  margin: 0 5px;
  font-size: 20px;
}
.budgetSlider .prefixInput {
  margin: 10px 0 0 0;
}

.pricingKey .title {
  padding-left: 10px;
}
.pricingKey .number {
  color: #064250;
  font-size: 20px;
}
.pricingKey .text-center {
  text-align: center;
}

.priceRange {
  width: 100%;
}
.priceRange .category {
  text-align: right;
  font-weight: 500;
  color: #064250;
}
.priceRange md-input-container {
  margin: 0 5px;
}
.priceRange md-input-container .selector-input {
  margin: 0;
  padding: 5px 3px;
}

.priceRank {
  font-size: 12px;
  font-weight: 500;
  padding: 15px 8px;
  text-align: center;
  margin: 3px 3px 15px;
  color: #434343;
  color: #fff;
  position: relative;
}
.priceRank .rank {
  margin-bottom: 10px;
}
.priceRank .rank [class^=flaticon-]:before,
.priceRank .rank [class*=" flaticon-"]:before,
.priceRank .rank [class^=flaticon-]:after,
.priceRank .rank [class*=" flaticon-"]:after {
  font-size: 11px;
}
.priceRank .name {
  font-size: 22px;
  line-height: 22px;
}
.priceRank .type {
  font-size: 18px;
  font-weight: 100;
  margin: 5px 0;
}
.priceRank .followers .number {
  font-size: 20px;
}
.priceRank .examples {
  border-top: 1px solid #D8D8D8;
  margin-top: 8px;
  padding-top: 8px;
  cursor: pointer;
}
.priceRank .caret {
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  width: 0px;
  height: 0px;
  display: block;
  position: absolute;
}
.priceRank .caret.bottom {
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.priceRank .caret.right {
  right: -20px;
  top: 50%;
  margin-top: -10px;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
.priceRank.low1 {
  background-color: #2887aa;
}
.priceRank.low1 .caret.bottom {
  border-top-color: #2887aa;
}
.priceRank.low1 .caret.right {
  border-left-color: #2887aa;
}
.priceRank.low2 {
  background-color: #3ea9c1;
}
.priceRank.low2 .caret.bottom {
  border-top-color: #3ea9c1;
}
.priceRank.low2 .caret.right {
  border-left-color: #3ea9c1;
}
.priceRank.middle1 {
  background-color: #56b6b5;
}
.priceRank.middle1 .caret.bottom {
  border-top-color: #56b6b5;
}
.priceRank.middle1 .caret.right {
  border-left-color: #56b6b5;
}
.priceRank.middle2 {
  background-color: #81c2b2;
}
.priceRank.middle2 .caret.bottom {
  border-top-color: #81c2b2;
}
.priceRank.middle2 .caret.right {
  border-left-color: #81c2b2;
}
.priceRank.high1 {
  background-color: #58bd6b;
}
.priceRank.high1 .caret.bottom {
  border-top-color: #58bd6b;
}
.priceRank.high1 .caret.right {
  border-left-color: #58bd6b;
}
.priceRank.high2 {
  background-color: #8dc33b;
}
.priceRank.high2 .caret.bottom {
  border-top-color: #8dc33b;
}
.priceRank.high2 .caret.right {
  border-left-color: #8dc33b;
}
.priceRank a {
  color: #fff;
}
.priceRank .hover {
  visibility: hidden;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 3px;
}
.priceRank:hover .hover {
  visibility: visible;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}

.pricingDialog {
  padding: 10px;
}

.pricingChart {
  background: #fff;
}
.pricingChart h3 {
  margin: 0 0 10px;
}
.pricingChart table {
  border-collapse: collapse;
}
.pricingChart table td {
  border-top: 4px solid #fff !important;
  padding: 10px 20px 10px 10px;
}
.pricingChart .priceRank {
  text-align: left;
}
.pricingChart .priceRank .examples .example {
  margin-top: 3px;
}
.pricingChart .priceRank .userImage {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
}
.pricingChart.showRank .priceRank {
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.pricingChart.showRank .priceRank:not(.selected) {
  /*background: $secondary;
  border-bottom: 1px solid $secondary-shade;
  color: $primary1-tint;*/
  /* Safari 6.0 - 9.0 */
  filter: grayscale(90%);
}

/*******************************
    Search
********************************/
#SearchBar {
  position: relative;
}
#SearchBar .searchBar-container {
  padding: 0;
}
#SearchBar input {
  margin: 0;
  padding: 2px 60px 1px 10px;
}
#SearchBar a.btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  border-radius: 0 3px 3px 0;
}

.campaignSelector.mini .campaign-container {
  display: block;
  background: #edf5f6;
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  overflow: hidden;
  margin: 0 5px 3px;
}
.campaignSelector.mini .image-container {
  margin: 0 10px 0 0;
}
.campaignSelector.mini .image-container .image {
  border-radius: 5px;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.campaignSelector.mini .info {
  padding: 10px;
  min-height: 90px;
}
.campaignSelector.mini .info .name {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  color: #434343;
  margin: 0 0 5px;
}
.campaignSelector.mini .paymentType .imageIcon {
  margin: 0 2px 0 0;
}
.campaignSelector.mini .paymentType .imageIcon .icon::after, .campaignSelector.mini .paymentType .imageIcon .icon::before {
  font-size: 12px;
  line-height: 12px;
}
.campaignSelector.mini .paymentType label {
  font-size: 10px;
}
.campaignSelector.mini .paymentType .number {
  font-size: 15px;
  line-height: 26px;
}
.campaignSelector.mini .paymentType .subtitle {
  text-align: right;
  margin: 0 0 5px;
}
.campaignSelector.mini .paymentType .payment {
  text-align: center;
  color: #D8D8D8;
  padding: 10px 5px;
  background: #fff;
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.campaignSelector.mini .paymentType .payment label {
  color: #D8D8D8;
  line-height: 10px;
  margin: 0 0 5px 0;
}
.campaignSelector.mini .paymentType .payment.active {
  background-color: #edf5f6;
  color: #2f8295;
  font-weight: 500;
  box-shadow: none;
}
.campaignSelector.mini .paymentType .payment.active .number {
  color: #2f8295;
}
.campaignSelector.mini .paymentType .payment.active label {
  color: #000;
}

#SearchPage {
  /* List View */
  /*.list_std{
      @media only screen and (min-width: $breakpoint_large){
          @include flex(column);
          @include transition-all(0.2s);
          transition-delay: 0.3s;

          .item{
              max-width: 100%;
              padding: 0;
              flex: 1;
              min-height: 0;
          }

          .profileCard{
              margin:0 0 4px;

              text-align: left;
              min-height: 0px;

          }
      }
  }*/
}
#SearchPage .tools {
  margin: 20px 10px 10px 0;
  /*md-input-container{
      input, md-select ._md-select-value{
          border-color: $secondary-shade;
      }
  }*/
}
#SearchPage .searchBar {
  margin: 0 0 20px;
}
#SearchPage .searchBar md-input-container .md-input {
  border-color: #D8D8D8;
}
#SearchPage .filterPanel-container {
  border-radius: 7px;
  padding: 15px;
  margin: 0 0 20px 0;
  background: #f6fafa;
}
#SearchPage .filterPanel-container hr {
  margin: 15px 0;
  border-color: #e3edee;
}
#SearchPage .filterPanel-container md-input-container {
  margin: 0;
}
#SearchPage .filterPanel-container .checkbox-wrap {
  padding: 5px 15px 0 0;
}
#SearchPage .filterPanel-container .checkbox-wrap .icon {
  border-radius: 14px;
  width: 28px;
  height: 28px;
  background: #e0e0e0;
  margin: 0 5px 0 0;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
#SearchPage .filterPanel-container .checkbox-wrap .icon.selected {
  background: #2196F3;
}
#SearchPage .filterPanel-container.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.7s;
}
#SearchPage .filterPanel-container.ng-leave {
  display: none;
}
#SearchPage .filterPanel {
  border-radius: 7px;
  padding: 15px;
  margin: 0 0 20px 0;
  background: #edf5f6;
  transition: background 1s ease;
}
#SearchPage .filterPanel md-input-container input,
#SearchPage .filterPanel md-input-container md-select ._md-select-value,
#SearchPage .filterPanel md-input-container md-autocomplete-wrap,
#SearchPage .filterPanel md-input-container textarea {
  border-color: #D8D8D8;
}
#SearchPage .filterPanel .selector-input-container {
  padding: 0;
  margin: 5px 0 0;
}
#SearchPage .filterPanel .selector-input-container .selector-input {
  margin: 0;
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-right-width: 0;
  border-radius: 0;
}
#SearchPage .filterPanel .selector-input-container .selector-input .text {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
#SearchPage .filterPanel .selector-input-container .selector-input:hover {
  background: #f2f6fa;
}
#SearchPage .filterPanel .selector-input-container .selector-input.active {
  background: #2196F3;
  color: #fff;
  font-weight: 500;
}
#SearchPage .filterPanel .selector-input-container:first-child .selector-input {
  border-radius: 4px 0 0 4px;
}
#SearchPage .filterPanel .selector-input-container:last-child .selector-input {
  border-radius: 0 4px 4px 0;
  border-right-width: 1px;
}
#SearchPage .filterPanel md-autocomplete {
  background: transparent;
}
#SearchPage .filterPanel .sliderInput-container .label {
  font-size: 15px;
}
#SearchPage .filterPanel .sliderInput-container input {
  border-width: 1px;
  border-color: #D8D8D8;
  border-style: solid;
  height: 30px;
  max-width: 100px;
  padding: 2px 10px 1px;
  font-size: 13px;
  font-weight: 100;
  color: #434343;
  box-shadow: none;
  border-radius: 5px;
}
#SearchPage .filterPanel md-slider-container > :first-child {
  min-width: 0;
}
#SearchPage .filterPanel .checkboxes {
  margin: 10px 0;
}
#SearchPage .filterPanel md-checkbox ._md-container::before {
  background-color: #fff;
}
#SearchPage .filterPanel md-checkbox ._md-icon {
  border-color: #D8D8D8;
  border-width: 1px;
}
#SearchPage .filterPanel md-checkbox ._md-label {
  font-size: 15px;
}
#SearchPage .filterContainer .filterRow {
  margin: 8px 0;
}
#SearchPage .filterContainer .filterRow.firstrow {
  margin: 10px 0 25px;
}
#SearchPage .filterContainer .criteria-container {
  margin: 0 15px;
}
#SearchPage .filterContainer .criteria-container:first-child {
  margin-left: 0;
}
#SearchPage .filterContainer .criteria-container:last-child {
  margin-right: 0;
}
#SearchPage .filterContainer md-input-container input,
#SearchPage .filterContainer md-input-container md-select ._md-select-value,
#SearchPage .filterContainer md-input-container md-autocomplete-wrap,
#SearchPage .filterContainer md-input-container textarea {
  border-color: #D8D8D8;
}
#SearchPage .filterContainer label {
  font-size: 12px;
}
#SearchPage .filterContainer .selector-input-container {
  padding: 0;
  margin: 5px 0 0;
}
#SearchPage .filterContainer .selector-input-container .selector-input {
  margin: 0;
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-right-width: 0;
  border-radius: 0;
}
#SearchPage .filterContainer .selector-input-container .selector-input .text {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
#SearchPage .filterContainer .selector-input-container .selector-input:hover {
  background: #f2f6fa;
}
#SearchPage .filterContainer .selector-input-container .selector-input.active {
  background: #2196F3;
  color: #fff;
  font-weight: 500;
}
#SearchPage .filterContainer .selector-input-container:first-child .selector-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#SearchPage .filterContainer .selector-input-container:last-child .selector-input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
#SearchPage .filterContainer md-autocomplete {
  background: transparent;
}
#SearchPage .filterContainer .sliderInput-container .label {
  font-size: 15px;
}
#SearchPage .filterContainer .sliderInput-container input {
  border-width: 1px;
  border-color: #D8D8D8;
  border-style: solid;
  height: 30px;
  max-width: 100px;
  padding: 2px 10px 1px;
  font-size: 13px;
  font-weight: 100;
  color: #434343;
  box-shadow: none;
  border-radius: 5px;
}
#SearchPage .filterContainer md-slider-container > :first-child {
  min-width: 0;
}
#SearchPage .filterContainer .checkboxes {
  margin: 2px 0 10px;
}
#SearchPage .filterContainer .checkboxes .checkbox {
  padding: 0px 20px 10px 0;
}
#SearchPage .filterContainer .checkboxes .checkbox md-checkbox ._md-label {
  margin-left: 25px;
  font-size: 14px;
}
#SearchPage .filterContainer md-checkbox ._md-container::before {
  background-color: #fff;
}
#SearchPage .filterContainer md-checkbox ._md-icon {
  border-color: #D8D8D8;
  border-width: 1px;
}
#SearchPage .filterContainer md-checkbox ._md-label {
  font-size: 15px;
}
#SearchPage .filterContainer .hits {
  color: #938a9a;
  font-size: 14px;
  font-weight: 500;
  margin: 0 10px;
}
#SearchPage .filterContainer .hits .icon::after,
#SearchPage .filterContainer .hits .icon::before {
  font-size: 13px;
}
#SearchPage .filterContainer .hits .number {
  font-size: 20px;
  font-weight: 100;
}
#SearchPage .filterContainer .disabledFilter {
  margin: 10px 0;
  padding: 10px;
  background: #2196F3;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
#SearchPage .filterContainer .disabledFilter .icon {
  width: 30px;
  color: #b3ddfe;
}
#SearchPage .filterContainer .disabledFilter .icon::before, #SearchPage .filterContainer .disabledFilter .icon::after {
  font-size: 30px;
}
#SearchPage .filterContainer .advancedFilter {
  padding: 2px 10px;
  margin: 10px;
  border-left: 1px solid #D8D8D8;
}
#SearchPage .filterContainer .advancedFilter-control {
  font-size: 14px;
}
#SearchPage .filterContainer .advancedFilter-control .icon::before,
#SearchPage .filterContainer .advancedFilter-control .icon::after {
  font-size: 12px;
}
#SearchPage .filterContainer .filter-chips .tag {
  cursor: pointer !important;
  color: #2196F3;
  background: #fff;
  font-weight: 500;
  border-radius: 5px;
  padding: 3px 10px;
  margin: 5px 5px 0 0;
  border: 1px solid #2196F3;
}
#SearchPage .filterContainer .filter-chips .tag.active {
  background: #2196F3;
  color: #fff;
  border: none;
}
#SearchPage .filterContainer.open {
  background: #eaeded;
  transition: background 1s ease;
}
@media only screen and (max-width: 960px) {
  #SearchPage .filterContainer .criteria-container {
    margin: 0;
  }
}
@media only screen and (max-width: 600px) {
  #SearchPage .filterContainer .advancedFilter {
    border-left: none;
    margin: 0;
  }
}
#SearchPage .filterSelectors .header {
  color: #707070;
}
#SearchPage .filterSelectors .selector-input-container {
  margin: 0;
}
#SearchPage .filterSelectors md-checkbox ._md-label {
  display: block;
}
#SearchPage .filter-dropdown .dropdown {
  min-width: 200px;
}
#SearchPage .filter-dropdown .dropdown label {
  margin: 0 0 10px;
  white-space: nowrap !important;
}
#SearchPage .filter-dropdown .dropdown .upgrade {
  font-size: 14px;
}
#SearchPage .filterChip-container.ng-enter {
  animation-name: slideInUp;
  animation-duration: 0.5s;
}
#SearchPage .filterChip-container.ng-leave {
  animation-name: slideOutDown;
  animation-duration: 0.5s;
}
#SearchPage .recommended {
  margin: 25px 0 0;
}
#SearchPage .recommended .carousel {
  margin: 5px 0 0px;
}
#SearchPage .search-filter-container {
  border: 1px solid #ACACAC;
  margin: 0 20px 0 0;
  border-radius: 5px;
}
#SearchPage .search-filter-container .head {
  padding: 20px 20px 0;
}
#SearchPage .search-filter-container .head h1 {
  margin: 0;
  padding: 0;
}
#SearchPage .search-ordering-section {
  padding: 0px 0px 30px 0px;
}
#SearchPage .showing {
  margin: 0px 10px 0px 0;
  font-size: 15px;
}
#SearchPage .showing.ng-enter {
  animation-name: fadeIn;
  animation-duration: 2s;
}
#SearchPage .showing.ng-leave {
  display: none;
}
#SearchPage .searchResults {
  padding: 10px 0px 30px 0px;
  width: 100%;
}
#SearchPage .results-container {
  background: #eaeded;
}
#SearchPage .card-container.ng-enter {
  animation-name: slideInUp;
  animation-duration: 0.1s;
}
#SearchPage .card-container.ng-leave {
  display: none;
}
#SearchPage .profileCard {
  background: #edf5f6;
  color: #434343;
  position: relative;
  padding: 40px 25px 25px;
  overflow: hidden;
  margin: 0 10px 10px 0;
  /* Hover */
  /* Athlete grid */
}
#SearchPage .profileCard a:not(.btn) {
  color: #2196F3;
}
#SearchPage .profileCard.featured {
  background: #f5f9f1;
}
#SearchPage .profileCard hr {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  border-top: 3px solid #064250;
  transition: width 0.5s;
}
#SearchPage .profileCard hr.athlete {
  border-color: #604d70;
}
#SearchPage .profileCard hr.team {
  border-color: #20a27f;
}
#SearchPage .profileCard hr.event {
  border-color: #F5A623;
}
#SearchPage .profileCard .top {
  -ms-flex: 1;
      flex: 1;
}
#SearchPage .profileCard .select {
  margin: 0 0 10px;
  text-align: left;
  font-weight: 400;
  font-size: 14;
}
#SearchPage .profileCard .info {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  color: #434343;
}
#SearchPage .profileCard .info .intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#SearchPage .profileCard .info .intro.blurred {
  filter: blur(10px);
}
#SearchPage .profileCard .info .image {
  border-radius: 70px;
  width: 140px;
  height: 140px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
#SearchPage .profileCard .info h1.name {
  color: #0d4c5b;
  font-size: 17px;
  margin: 5px 0 0;
}
#SearchPage .profileCard .info .typeContainer {
  margin: 0 0 20px;
}
#SearchPage .profileCard .info .type {
  margin: 0;
  line-height: 18px;
  font-weight: 500;
  color: #0d4c5b;
}
#SearchPage .profileCard .info .type .circle {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 2px solid #0d4c5b;
  margin: 2px 3px 0 0;
}
#SearchPage .profileCard .info .type.athlete {
  color: #604d70;
}
#SearchPage .profileCard .info .type.athlete .circle {
  border-color: #604d70;
}
#SearchPage .profileCard .info .type.team {
  color: #20a27f;
}
#SearchPage .profileCard .info .type.team .circle {
  border-color: #20a27f;
}
#SearchPage .profileCard .info .type.event {
  color: #F5A623;
}
#SearchPage .profileCard .info .type.event .circle {
  border-color: #F5A623;
}
#SearchPage .profileCard .info .managed {
  background-color: #e0e0e0;
  color: #434343;
  border-radius: 5px;
  display: inline-block;
  padding: 1px 5px;
  font-size: 11px;
}
#SearchPage .profileCard .info .social .stat {
  padding: 5px 15px;
  border-left: 1px solid #ACACAC;
}
#SearchPage .profileCard .info .social .stat .number {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
#SearchPage .profileCard .info .social .stat:first-child {
  border-left: 0;
}
#SearchPage .profileCard .info .priceRank {
  padding: 0;
}
#SearchPage .profileCard .info .responseRate {
  text-align: center;
}
#SearchPage .profileCard .info a {
  color: #434343;
}
#SearchPage .profileCard .info [class^=flaticon-]:before,
#SearchPage .profileCard .info [class*=" flaticon-"]:before,
#SearchPage .profileCard .info [class^=flaticon-]:after,
#SearchPage .profileCard .info [class*=" flaticon-"]:after {
  color: #434343;
}
#SearchPage .profileCard .info .rateIcon::after, #SearchPage .profileCard .info .rateIcon::before {
  font-size: 12px;
  color: #63b509;
}
#SearchPage .profileCard .info .extra {
  margin: 150px 0 0;
}
#SearchPage .profileCard .info .hover {
  opacity: 0;
  height: 0;
  width: 100%;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.1s ease 0s;
}
#SearchPage .profileCard .info.subEvent .introBox {
  padding: 2px 0 10px 0;
  text-align: left;
}
#SearchPage .profileCard .info.subEvent .image {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  margin: 5px 10px 0 0;
  background-image: url("/assets/img/calendar_placeholder.png");
  padding: 14px;
}
#SearchPage .profileCard .info.subEvent .image .month {
  background: #2f8295;
  border-radius: 2px;
  padding: 2px;
  color: #fff !important;
  line-height: 8px;
  font-size: 8px !important;
  text-align: center;
}
#SearchPage .profileCard .info.subEvent .image .date {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
#SearchPage .profileCard .duplicate {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  background-color: #e3edee;
  border-radius: 8px;
  padding: 0px 5px;
  font-weight: 500;
  font-size: 10px;
  line-height: 17px;
}
#SearchPage .profileCard .fav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
#SearchPage .profileCard .fav .ribbon {
  width: 75px;
  background: #e06969;
  position: absolute;
  top: -17px;
  left: -26px;
  text-align: center;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  height: 50px;
}
#SearchPage .profileCard .fav .icon {
  position: relative;
  right: 6px;
  top: 3px;
}
#SearchPage .profileCard .fav .icon ::after,
#SearchPage .profileCard .fav .icon ::before {
  font-size: 10px;
}
#SearchPage .profileCard .ribbonContainer {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 1;
}
#SearchPage .profileCard .ribbonContainer .ribbon .icon::after, #SearchPage .profileCard .ribbonContainer .ribbon .icon::before {
  font-size: 70px;
}
#SearchPage .profileCard .ribbonContainer .text {
  position: absolute;
  top: -3px;
  left: 8px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
  color: #f5f9f1;
}
#SearchPage .profileCard .ribbonContainer.new .ribbon .icon {
  color: #4e9aac;
}
#SearchPage .profileCard .ribbonContainer.featured .ribbon .icon {
  color: #F39D0F;
}
#SearchPage .profileCard .verifiedPrice {
  margin: 3px;
}
#SearchPage .profileCard .context {
  position: relative;
  margin: 10px 0 0 0;
}
#SearchPage .profileCard .actionPanel {
  position: relative;
  margin: 10px 0 0 0;
}
#SearchPage .profileCard .higlight-container {
  border-top: 1px solid #D8D8D8;
  margin: 10px 0 0 0;
  padding: 10px 0 0;
  text-align: left;
  line-height: 15px;
}
#SearchPage .profileCard .higlight-container label {
  color: #707070;
}
#SearchPage .profileCard .higlight-container .highlight-text {
  font-size: 11px;
  line-height: 12px;
}
#SearchPage .profileCard .higlight-container .moreHits {
  font-size: 11px;
  font-weight: 500;
}
#SearchPage .profileCard .higlight-container .stat {
  margin: 0 7px;
}
#SearchPage .profileCard .higlight-container .stat .number {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
#SearchPage .profileCard .higlight-container .stat .embold {
  color: #2f8295;
}
#SearchPage .profileCard .higlight-container .stat .small {
  font-size: 10px;
}
#SearchPage .profileCard .higlight-container .icon::before,
#SearchPage .profileCard .higlight-container .icon::after {
  font-size: 12px;
}
#SearchPage .profileCard .higlight-container .thumbnail {
  background-color: #fff;
  border-radius: 5px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #979797;
  font-weight: 500;
}
#SearchPage .profileCard .higlight-container .thmbnailContainer {
  padding: 5px;
}
#SearchPage .profileCard .buttonPanel {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
#SearchPage .profileCard:hover:not(.listview).athlete {
  padding-top: 70px;
}
@media only screen and (min-width: 960px) {
  #SearchPage .profileCard:hover:not(.listview).athlete {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    background: #0d4c5b;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .background {
    opacity: 1;
    /* For Safari 3.1 to 6.0 */
    transition: all 1s ease 0s;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .overlay {
    opacity: 0.95;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete hr {
    width: 100%;
    transition: width 0.1s;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info {
    text-align: left;
    color: #D8D8D8;
    font-size: 15px;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .intro {
    margin-bottom: 10px;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .image-container {
    padding: 3px 5px 0 0;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .image-container .image {
    border-radius: 22px;
    width: 44px;
    height: 44px;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.1s ease 0s;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info h1.name {
    font-size: 16px;
    color: #fff;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .type {
    font-size: 13px;
    color: #fff;
    padding: 1px 7px;
    margin: 4px 0 0;
    background: #0d4c5b;
    border-radius: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .type .circle {
    border-color: #fff;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .type.athlete {
    background: #604d70;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .type.team {
    background: #20a27f;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .type.event {
    background: #F5A623;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .person > span:first-child {
    margin-left: 0;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .icon::after, #SearchPage .profileCard:hover:not(.listview).athlete .info .icon::before {
    color: #fff !important;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info a {
    color: #fff;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info .details {
    font-size: 12px;
    text-align: center;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info.subEvent .image-container .image {
    border-radius: 30px;
    width: 60px;
    height: 60px;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.1s ease 0s;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info.subEvent .image-container .image .month {
    background: #F5A623;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .info.subEvent .image-container .image .date {
    color: #434343;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .higlight-container label {
    color: #fff;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .higlight-container .stat .small {
    color: #fff;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .higlight-container .stat .number {
    color: #fff;
  }
  #SearchPage .profileCard:hover:not(.listview).athlete .context {
    color: #fff;
  }
  #SearchPage .profileCard:hover:not(.listview) .hover {
    opacity: 1;
    height: auto;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s ease 0s;
    transition-delay: 0.2s;
  }
  #SearchPage .profileCard:hover:not(.listview) .hidehover {
    opacity: 0;
    height: 0;
  }
}
#SearchPage .profileCard.athlete {
  min-height: 350px;
}
#SearchPage .profileCard.athlete .background {
  background: #043743;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#SearchPage .profileCard.athlete .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f889d);
  opacity: 0;
  border-radius: 5px;
}
@media only screen and (max-width: 960px) {
  #SearchPage .profileCard.athlete {
    min-height: 0;
  }
  #SearchPage .profileCard.athlete .image-container .image {
    border-radius: 35px;
    width: 70px;
    height: 70px;
  }
}
#SearchPage .mediaCard {
  margin: 0 20px 0 0;
}
#SearchPage.campaigns .tools {
  margin: 0;
}
#SearchPage.campaigns .tools .advancedFilter-control.open .view {
  color: #2196F3;
}
#SearchPage.campaigns .filterPanel {
  margin: 10px 0 20px 0;
  position: relative;
  display: none;
}
#SearchPage.campaigns .filterPanel.open {
  display: block;
}
#SearchPage.campaigns .filterPanel::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  position: absolute;
  right: 105px;
  top: -20px;
  border-bottom: 10px solid #eaeded;
}
@media only screen and (min-width: 600px) {
  #SearchPage.campaigns .list_std {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s ease 0s;
    transition-delay: 0.3s;
  }
  #SearchPage.campaigns .list_std .item {
    max-width: 100%;
    padding: 0;
    -ms-flex: 1;
        flex: 1;
    min-height: 0;
    background: transparent;
    margin: 0 0 10px;
  }
  #SearchPage.campaigns .list_std .profileCard {
    margin: 0 0 4px;
    text-align: left;
    min-height: 0px;
    padding: 10px 10px 60px;
  }
  #SearchPage.campaigns .list_std .profileCard .content {
    display: -ms-flexbox;
    display: flex;
  }
  #SearchPage.campaigns .list_std .profileCard .image-container {
    width: 80px;
    height: auto;
  }
  #SearchPage.campaigns .list_std .profileCard .image-container img {
    border-radius: 5px;
    overflow: hidden;
  }
  #SearchPage.campaigns .list_std .profileCard .info {
    padding: 0;
    margin: 0 100px 5px 0;
  }
  #SearchPage.campaigns .list_std .profileCard .info h1.name {
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
}
@media only screen and (max-width: 600px) {
  #SearchPage.campaigns .list_std .item {
    padding: 0;
    margin: 0 0 20px;
    background: transparent;
  }
  #SearchPage.campaigns .list_std .item .image-container {
    width: auto;
    margin: 0;
  }
  #SearchPage.campaigns .list_std .item .profileCard.campaign {
    margin: 0;
  }
}
@media only screen and (min-width: 960px) {
  #SearchPage:not(.campaigns) .list_std {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s ease 0s;
    transition-delay: 0.3s;
  }
  #SearchPage:not(.campaigns) .list_std .item {
    max-width: 100%;
    padding: 0;
    -ms-flex: 1;
        flex: 1;
    min-height: 0;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard {
    margin: 0 0 4px;
    text-align: left;
    min-height: 0px;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete {
    border-radius: 0;
    padding: 10px;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .background {
    display: none;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .overlay {
    display: none;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    margin-right: 10px;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .intro .image {
    border-radius: 20px;
    width: 40px;
    height: 40px;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.1s ease 0s;
    margin: 0;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .intro h1.name {
    font-weight: 100;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .intro .type {
    margin: 0;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .details {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .extra {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-pack: end;
        justify-content: flex-end;
    max-width: 100%;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-line-pack: center;
        align-content: center;
    opacity: 1;
    position: static;
    width: auto;
    margin: 0;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .extra .social .stat .number {
    color: #2196F3;
    font-size: 18px;
    font-weight: 100;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .extra .priceRank {
    color: #434343;
    margin: 5px;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .extra .priceRank .rank .name {
    font-size: 18px;
    color: #2196F3;
    font-weight: 100;
  }
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info .extra .responseRate {
    display: none;
  }
}
@media only screen and (min-width: 960px) and (min-width: 1280px) {
  #SearchPage:not(.campaigns) .list_std .profileCard.athlete .info h1.name {
    font-size: 20px;
    line-height: 27px;
  }
}
#SearchPage .upgradeBanner {
  border-radius: 5px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  background-color: #0F84E1;
  color: #fff;
  padding: 20px;
  margin: 0 0 10px;
}
#SearchPage .upgradeBanner .bannerText {
  padding: 0 20px 10px 0px;
}
#SearchPage .upgradeBanner .title {
  font-weight: 500;
}
#SearchPage .upgradeBanner .title .resultsCount {
  font-size: 20px;
  background-color: #2196F3;
  padding: 5px;
  border-radius: 50%;
}
#SearchPage .upgradeBanner .priceContainer {
  text-align: right;
}
#SearchPage .upgradeBanner .linethrough {
  text-decoration: line-through;
}
#SearchPage .upgradeBanner .number {
  font-weight: 500;
  font-size: 35px;
}
#SearchPage .upgradeBanner .image-container {
  padding-left: 10px;
}
#SearchPage .upgradeBanner .image-container .image {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background: #F39D0F;
}
#SearchPage .upgradeBanner .image-container .image img {
  width: 100%;
  animation: arocket 0.7s linear infinite;
}

#FavoritesPage .card-container.ng-enter {
  animation-name: slideInUp;
  animation-duration: 0.1s;
}
#FavoritesPage .card-container.ng-leave {
  display: none;
}
#FavoritesPage .profileCard {
  background: #edf5f6;
  color: #434343;
  position: relative;
  padding: 25px;
  overflow: hidden;
  margin: 0 10px 10px 0;
  /* Hover */
  /* Athlete grid */
}
#FavoritesPage .profileCard a:not(.btn) {
  color: #2196F3;
}
#FavoritesPage .profileCard hr {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  border-top: 3px solid #064250;
  transition: width 0.5s;
}
#FavoritesPage .profileCard hr.athlete {
  border-color: #604d70;
}
#FavoritesPage .profileCard hr.team {
  border-color: #20a27f;
}
#FavoritesPage .profileCard hr.event {
  border-color: #F5A623;
}
#FavoritesPage .profileCard .top {
  -ms-flex: 1;
      flex: 1;
}
#FavoritesPage .profileCard .select {
  margin: 0 0 10px;
  text-align: left;
  font-weight: 400;
  font-size: 14;
}
#FavoritesPage .profileCard .info {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  color: #434343;
}
#FavoritesPage .profileCard .info .intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#FavoritesPage .profileCard .info .intro.blurred {
  filter: blur(10px);
}
#FavoritesPage .profileCard .info .image {
  border-radius: 70px;
  width: 140px;
  height: 140px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s ease 0s;
}
#FavoritesPage .profileCard .info h1.name {
  color: #0d4c5b;
  font-size: 17px;
  margin: 5px 0 0;
}
#FavoritesPage .profileCard .info .typeContainer {
  margin: 0 0 20px;
}
#FavoritesPage .profileCard .info .type {
  margin: 0;
  line-height: 18px;
  font-weight: 500;
  color: #0d4c5b;
}
#FavoritesPage .profileCard .info .type .circle {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 2px solid #0d4c5b;
  margin: 2px 3px 0 0;
}
#FavoritesPage .profileCard .info .type.athlete {
  color: #604d70;
}
#FavoritesPage .profileCard .info .type.athlete .circle {
  border-color: #604d70;
}
#FavoritesPage .profileCard .info .type.team {
  color: #20a27f;
}
#FavoritesPage .profileCard .info .type.team .circle {
  border-color: #20a27f;
}
#FavoritesPage .profileCard .info .type.event {
  color: #F5A623;
}
#FavoritesPage .profileCard .info .type.event .circle {
  border-color: #F5A623;
}
#FavoritesPage .profileCard .info .managed {
  background-color: #e0e0e0;
  color: #434343;
  border-radius: 5px;
  display: inline-block;
  padding: 1px 5px;
  font-size: 11px;
}
#FavoritesPage .profileCard .info .social .stat {
  padding: 5px 15px;
  border-left: 1px solid #ACACAC;
}
#FavoritesPage .profileCard .info .social .stat .number {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
#FavoritesPage .profileCard .info .social .stat:first-child {
  border-left: 0;
}
#FavoritesPage .profileCard .info .priceRank {
  padding: 0;
}
#FavoritesPage .profileCard .info .responseRate {
  text-align: center;
}
#FavoritesPage .profileCard .info a {
  color: #434343;
}
#FavoritesPage .profileCard .info [class^=flaticon-]:before,
#FavoritesPage .profileCard .info [class*=" flaticon-"]:before,
#FavoritesPage .profileCard .info [class^=flaticon-]:after,
#FavoritesPage .profileCard .info [class*=" flaticon-"]:after {
  color: #434343;
}
#FavoritesPage .profileCard .info .rateIcon::after, #FavoritesPage .profileCard .info .rateIcon::before {
  font-size: 12px;
  color: #63b509;
}
#FavoritesPage .profileCard .info .extra {
  margin: 150px 0 0;
}
#FavoritesPage .profileCard .info .hover {
  opacity: 0;
  height: 0;
  width: 100%;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.1s ease 0s;
}
#FavoritesPage .profileCard .info.subEvent .introBox {
  padding: 2px 0 10px 0;
  text-align: left;
}
#FavoritesPage .profileCard .info.subEvent .image {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  margin: 5px 10px 0 0;
  background-image: url("/assets/img/calendar_placeholder.png");
  padding: 14px;
}
#FavoritesPage .profileCard .info.subEvent .image .month {
  background: #2f8295;
  border-radius: 2px;
  padding: 2px;
  color: #fff !important;
  line-height: 8px;
  font-size: 8px !important;
  text-align: center;
}
#FavoritesPage .profileCard .info.subEvent .image .date {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
#FavoritesPage .profileCard .fav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
#FavoritesPage .profileCard .fav .ribbon {
  width: 75px;
  background: #e06969;
  position: absolute;
  top: -17px;
  left: -26px;
  text-align: center;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  height: 50px;
}
#FavoritesPage .profileCard .fav .icon {
  position: relative;
  right: 6px;
  top: 3px;
}
#FavoritesPage .profileCard .fav .icon ::after,
#FavoritesPage .profileCard .fav .icon ::before {
  font-size: 10px;
}
#FavoritesPage .profileCard .new {
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 1;
}
#FavoritesPage .profileCard .new .ribbon .icon {
  color: #4e9aac;
}
#FavoritesPage .profileCard .new .ribbon .icon::after, #FavoritesPage .profileCard .new .ribbon .icon::before {
  font-size: 70px;
}
#FavoritesPage .profileCard .new .text {
  position: absolute;
  top: -3px;
  left: 8px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
  color: #f5f9f1;
}
#FavoritesPage .profileCard .context {
  position: relative;
  margin: 10px 0 0 0;
}
#FavoritesPage .profileCard .higlight-container {
  border-top: 1px solid #D8D8D8;
  margin: 10px 0 0 0;
  padding: 10px 0 0;
  text-align: left;
  line-height: 15px;
}
#FavoritesPage .profileCard .higlight-container label {
  color: #707070;
}
#FavoritesPage .profileCard .higlight-container .highlight-text {
  font-size: 11px;
  line-height: 12px;
}
#FavoritesPage .profileCard .higlight-container .moreHits {
  font-size: 11px;
  font-weight: 500;
}
#FavoritesPage .profileCard .higlight-container .stat {
  margin: 0 7px;
}
#FavoritesPage .profileCard .higlight-container .stat .number {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
#FavoritesPage .profileCard .higlight-container .stat .embold {
  color: #2f8295;
}
#FavoritesPage .profileCard .higlight-container .stat .small {
  font-size: 10px;
}
#FavoritesPage .profileCard .higlight-container .icon::before,
#FavoritesPage .profileCard .higlight-container .icon::after {
  font-size: 12px;
}
#FavoritesPage .profileCard .higlight-container .thumbnail {
  background-color: #fff;
  border-radius: 5px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #979797;
  font-weight: 500;
}
#FavoritesPage .profileCard .higlight-container .thmbnailContainer {
  padding: 5px;
}
#FavoritesPage .profileCard .buttonPanel {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  #FavoritesPage .profileCard:hover:not(.listview).athlete {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    background: #0d4c5b;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .background {
    opacity: 1;
    /* For Safari 3.1 to 6.0 */
    transition: all 1s ease 0s;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .overlay {
    opacity: 0.95;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete hr {
    width: 100%;
    transition: width 0.1s;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info {
    text-align: left;
    color: #D8D8D8;
    font-size: 15px;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .intro {
    margin-bottom: 10px;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .image-container {
    padding: 3px 5px 0 0;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .image-container .image {
    border-radius: 22px;
    width: 44px;
    height: 44px;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.1s ease 0s;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info h1.name {
    font-size: 16px;
    color: #fff;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .type {
    font-size: 13px;
    color: #fff;
    padding: 1px 7px;
    margin: 4px 0 0;
    background: #0d4c5b;
    border-radius: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .type .circle {
    border-color: #fff;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .type.athlete {
    background: #604d70;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .type.team {
    background: #20a27f;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .type.event {
    background: #F5A623;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .person > span:first-child {
    margin-left: 0;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .icon::after, #FavoritesPage .profileCard:hover:not(.listview).athlete .info .icon::before {
    color: #fff !important;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info a {
    color: #fff;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info .details {
    font-size: 12px;
    text-align: center;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info.subEvent .image-container .image {
    border-radius: 30px;
    width: 60px;
    height: 60px;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.1s ease 0s;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info.subEvent .image-container .image .month {
    background: #F5A623;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .info.subEvent .image-container .image .date {
    color: #434343;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .higlight-container label {
    color: #fff;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .higlight-container .stat .small {
    color: #fff;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .higlight-container .stat .number {
    color: #fff;
  }
  #FavoritesPage .profileCard:hover:not(.listview).athlete .context {
    color: #fff;
  }
  #FavoritesPage .profileCard:hover:not(.listview) .hover {
    opacity: 1;
    height: auto;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s ease 0s;
    transition-delay: 0.2s;
  }
  #FavoritesPage .profileCard:hover:not(.listview) .hidehover {
    opacity: 0;
    height: 0;
  }
}
#FavoritesPage .profileCard.athlete {
  min-height: 350px;
}
#FavoritesPage .profileCard.athlete .background {
  background: #043743;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#FavoritesPage .profileCard.athlete .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f889d);
  opacity: 0;
  border-radius: 5px;
}
@media only screen and (max-width: 960px) {
  #FavoritesPage .profileCard.athlete {
    min-height: 0;
  }
  #FavoritesPage .profileCard.athlete .image-container .image {
    border-radius: 35px;
    width: 70px;
    height: 70px;
  }
}
#FavoritesPage .profileCard.campaign {
  padding: 0 0 50px;
  margin: 0 8px 5px 8px;
  position: relative;
  background: #fff;
  animation-name: zoomIn;
  animation-duration: 0.5s;
}
#FavoritesPage .profileCard.campaign .tagbackground {
  position: absolute;
  top: 0;
  width: 100%;
  height: 60px;
  overflow: hidden;
}
#FavoritesPage .profileCard.campaign .tagbackground .tag {
  position: absolute;
  border-radius: 15px;
}
#FavoritesPage .profileCard.campaign .tagbackground img {
  width: 110%;
  filter: blur(1px);
}
#FavoritesPage .profileCard.campaign .tagbackground .overlay {
  background: #064250;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.6;
}
#FavoritesPage .profileCard.campaign .background {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 0;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
}
#FavoritesPage .profileCard.campaign .overlay {
  background: #f2f6fa;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 0;
  opacity: 0.7;
}
#FavoritesPage .profileCard.campaign .tag {
  border-radius: 5px;
  padding: 0px 10px;
  background: #2196F3;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  top: 12px;
  right: 12px;
  z-index: 1;
  text-transform: uppercase;
}
#FavoritesPage .profileCard.campaign .tag.call {
  background: #63b509;
}
#FavoritesPage .profileCard.campaign .tag.warn {
  right: 12px;
  left: auto;
  background: #F39D0F;
}
#FavoritesPage .profileCard.campaign .content {
  position: relative;
  top: 0px;
  color: #434343;
  font-size: 12px;
}
#FavoritesPage .profileCard.campaign .top-container {
  position: relative;
  min-height: 100px;
  margin-bottom: 20px;
  text-align: start;
  line-height: 0;
}
#FavoritesPage .profileCard.campaign .top-container .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
#FavoritesPage .profileCard.campaign .top-container .background ul {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#FavoritesPage .profileCard.campaign .top-container .background ul li {
  height: 100px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
#FavoritesPage .profileCard.campaign .top-container .background ul li img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
#FavoritesPage .profileCard.campaign .top-container .background .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(27, 65, 79, 0.5), rgba(0, 0, 0, 0.9));
}
#FavoritesPage .profileCard.campaign .top-container .image-container {
  position: relative;
  width: 80px;
}
#FavoritesPage .profileCard.campaign .top-container .image {
  position: absolute;
  height: 50px;
  width: 50px;
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3);
  top: 20px;
  left: 20px;
  line-height: normal;
  background: #559383;
}
#FavoritesPage .profileCard.campaign .top-container .image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#FavoritesPage .profileCard.campaign .info {
  position: relative;
  padding: 0 15px;
  text-align: left;
  margin: 5px 0 15px;
}
#FavoritesPage .profileCard.campaign .info label {
  color: #ACACAC;
  font-size: 11px;
}
#FavoritesPage .profileCard.campaign .info .name {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #707070;
  margin-bottom: 15px;
}
#FavoritesPage .profileCard.campaign .info .output-group {
  margin: 10px 0;
  line-height: 15px;
  font-size: 12px;
}
#FavoritesPage .profileCard.campaign .info .output-group .socialIcon {
  height: 15px;
  width: 15px;
}
#FavoritesPage .profileCard.campaign .info .details {
  border-top: 1px solid #e0e0e0;
}
#FavoritesPage .profileCard.campaign .applied-container {
  padding: 10px;
  border-top: 1px solid #e0e0e0;
  color: #707070;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  margin: 0 10px 0;
}
#FavoritesPage .profileCard.campaign .applied-container .applications {
  padding: 0 0 0 5px;
}
#FavoritesPage .profileCard.campaign .applied-container .applications .userImage {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  margin: 0 1px;
}
#FavoritesPage .profileCard.campaign .applied-container .applications .number {
  background: #fff;
  color: #434343;
  border: 1px solid #e0e0e0;
}
#FavoritesPage .profileCard.campaign .paymentType {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
#FavoritesPage .profileCard.campaign .paymentType .imageIcon {
  margin: 0 2px 0 0;
}
#FavoritesPage .profileCard.campaign .paymentType .imageIcon .icon::after, #FavoritesPage .profileCard.campaign .paymentType .imageIcon .icon::before {
  font-size: 12px;
  line-height: 12px;
}
#FavoritesPage .profileCard.campaign .paymentType label {
  font-size: 10px;
}
#FavoritesPage .profileCard.campaign .paymentType .number {
  font-size: 15px;
  line-height: 26px;
}
#FavoritesPage .profileCard.campaign .paymentType .subtitle {
  text-align: right;
  margin: 0 0 5px;
}
#FavoritesPage .profileCard.campaign .paymentType .payment {
  text-align: center;
  color: #ACACAC;
  padding: 5px 3px;
  background: #f2f6fa;
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#FavoritesPage .profileCard.campaign .paymentType .payment label {
  color: #ACACAC;
  line-height: 10px;
  margin: 0 0 5px 0;
}
#FavoritesPage .profileCard.campaign .paymentType .payment.active {
  background-color: #fff;
  color: #2f8295;
  font-weight: 500;
  box-shadow: none;
}
#FavoritesPage .profileCard.campaign .paymentType .payment.active .number {
  color: #2f8295;
}
#FavoritesPage .profileCard.campaign .paymentType .payment.active label {
  color: #000;
}
#FavoritesPage .profileCard.campaign .time {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  color: #434343;
  font-size: 12px;
  text-align: left;
}
#FavoritesPage .profileCard.campaign .switch {
  margin: 0 5px;
}
#FavoritesPage .profileCard.campaign .switch .circle {
  background-color: #58777d;
}
#FavoritesPage .profileCard.campaign .switch [class^=flaticon-]:before,
#FavoritesPage .profileCard.campaign .switch [class*=" flaticon-"]:before,
#FavoritesPage .profileCard.campaign .switch [class^=flaticon-]:after,
#FavoritesPage .profileCard.campaign .switch [class*=" flaticon-"]:after {
  color: #fff;
}
#FavoritesPage .profileCard.campaign .switch .text {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 10px;
  text-align: center;
}
#FavoritesPage .profileCard.campaign .budget {
  font-size: 22px;
}
#FavoritesPage .profileCard.campaign:hover {
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1500px) {
  #FavoritesPage .profileCard.campaign .image {
    /*@include circle(50px);
    line-height: 100px;

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
        font-size: 35px;
    }*/
  }
}

/*********************************
    Messages
*********************************/
#MessageCenter {
  /*height: 100%;
  position: relative;

  > md-content{
      position: static;
  }*/
  /*******************************
  Media Queries - Messages
  ********************************/
}
#MessageCenter .messageCenter-container {
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-radius: 5px;
  /*position: absolute;
  top: 120px;
  bottom: 0px;
  overflow: scroll;*/
}
#MessageCenter .md-sidenav-left {
  overflow: hidden;
}
#MessageCenter .newMessage {
  padding: 20px;
}
#MessageCenter .newMessage h2 {
  margin: 0 0 20px;
}
#MessageCenter .newMessage .userImage {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#MessageCenter .messages_toolbar {
  background: #0d4c5b;
  color: #fff;
  padding: 10px;
  border-radius: 5px 0 0 0;
}
#MessageCenter .messages_toolbar h3 {
  margin: 0 0 3px 3px;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
}
#MessageCenter .messages_toolbar .numberNotify .circle {
  background: #ec551a;
}
#MessageCenter .messages_toolbar .messages_alert .text {
  font-size: 12px;
}
#MessageCenter .ribbon .item {
  margin: 0;
}
#MessageCenter .messages-thread-container {
  /*position: absolute;*/
  /*top: 63px;*/
  width: 100%;
  height: 410px;
  overflow-y: auto;
  overflow-x: hidden;
}
#MessageCenter .messages_thread {
  background: #edf5f6;
  border-radius: 0 5px 0 0;
  position: relative;
  min-height: 700px;
  overflow: hidden;
}
#MessageCenter .messages_thread .thread_toolbar {
  background: #e8e8e8;
  color: #064250;
  padding: 10px 20px;
  width: 100%;
}
#MessageCenter .messages_thread .thread_toolbar .head {
  padding: 0;
}
#MessageCenter .messages_thread .thread_toolbar .head .allMessages .icon {
  margin-right: 10px;
}
#MessageCenter .messages_thread .thread_toolbar .head .userImage {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin: 0 5px 0 0;
}
#MessageCenter .messages_thread .thread_toolbar .head .userName {
  font-size: 15px;
}
#MessageCenter .messages_thread .thread_toolbar .head .subject {
  color: #707070;
  font-size: 12px;
}
#MessageCenter .messages_thread .thread_toolbar .title {
  margin: 0;
  font-size: 15px;
}
#MessageCenter .messages_thread .thread_toolbar .title .link {
  cursor: pointer;
}
#MessageCenter .messages_thread .thread_toolbar .addIcon {
  margin: 0 10px;
}
#MessageCenter .messages_thread .thread_toolbar .buttonPanel {
  margin: 0;
}
#MessageCenter .messages_thread .thread_toolbar .buttonPanel.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
#MessageCenter .messages_thread .thread_toolbar .buttonPanel.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
#MessageCenter .messages_thread .thread_toolbar .buttonPanel a.link {
  font-size: 12px;
  margin: 0 10px;
}
#MessageCenter .messages_thread .thread_toolbar .buttonPanel .btn {
  line-height: 30px;
  font-size: 14px;
}
#MessageCenter .messages_thread .thread_reply {
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  min-height: 195px;
}
#MessageCenter .messages_thread .thread_reply md-input-container {
  margin: 0;
}
#MessageCenter .messages_thread .thread-message {
  color: #434343;
  padding: 10px;
  margin: 15px;
  border-radius: 5px;
  position: relative;
}
#MessageCenter .messages_thread .thread-message h3 {
  margin: 0px 0 5px;
}
#MessageCenter .messages_thread .thread-message p {
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 5px;
  color: #434343;
}
#MessageCenter .messages_thread .thread-message .members {
  margin: 5px;
  /*padding: 5px;*/
  border-radius: 3px;
}
#MessageCenter .messages_thread .thread-message .members .userImage {
  border-radius: 12px;
  width: 24px;
  height: 24px;
}
#MessageCenter .messages_thread .thread-message .chevron {
  position: absolute;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid red;
}
#MessageCenter .messages_thread .attachments .md-chips md-chip {
  background: #064250;
  color: #fff;
}
#MessageCenter .messages_thread .attachments .md-chips md-chip a {
  color: #fff;
}
#MessageCenter .messages_thread .attachments .chip-remove-button {
  background: #064250;
}
#MessageCenter .messages_thread .attachments .chip-remove-button .material-icons {
  color: #fff;
}
#MessageCenter .messages_thread .user {
  margin: 0px 10px 20px;
  font-size: 14px;
  color: #434343;
}
#MessageCenter .messages_thread .user a {
  color: #434343;
  font-weight: 100;
}
#MessageCenter .messages_thread .user a:hover {
  color: #2196F3;
}
#MessageCenter .messages_thread .user .userImage {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  margin: 0 5px 0;
}
#MessageCenter .messages_thread .sent-from-me {
  background-color: #b3ddfe;
  /*.members{
      background: #abd2f1;
  }*/
}
#MessageCenter .messages_thread .sent-from-me .chevron {
  border-top-color: #b3ddfe;
  right: 10px;
}
#MessageCenter .messages_thread .sent-to-me {
  background-color: #fff;
  /*.members{
      background: #f5f6f6;
  }*/
}
#MessageCenter .messages_thread .sent-to-me .chevron {
  border-top-color: #fff;
  left: 10px;
}
#MessageCenter .messages_thread .timestamp {
  background: #f5f5f5;
  color: #434343;
  border-radius: 10px;
  font-size: 11px;
  padding: 3px 7px;
  margin: 3px 0 0 3px;
}
#MessageCenter .messages_thread .thread_reply {
  padding: 20px;
  /*position: absolute;*/
  width: 100%;
  bottom: 0;
}
#MessageCenter .messages_thread .nudgeButton {
  cursor: pointer;
  color: #559383;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
  border-left: 1px solid #e3edee;
}
#MessageCenter .messages_thread .nudgeButton .icon {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  background: #e18c00;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}
#MessageCenter .messages_thread .nudgeButton .icon img {
  width: 100%;
}
#MessageCenter .landing {
  height: 100%;
  padding: 20px;
}
#MessageCenter .landing a.link,
#MessageCenter .landing a.link span {
  cursor: pointer;
  color: #2196F3;
}
#MessageCenter .landing a.link:hover,
#MessageCenter .landing a.link span:hover {
  color: #0F84E1;
}
@media only screen and (max-width: 960px) {
  #MessageCenter .md-sidenav-left {
    width: 100%;
    max-width: 100%;
  }
}

/*********************************
    Campaigns
*********************************/
#NewCampaign {
  /*.deliverable{
      margin: 10px 0;
      color: $tertiary;

      &.ng-enter{
          -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
          -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
      }

      &.ng-leave{
          -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
          -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
      }

      .icon-circle{
          margin-right: 10px;

          .icon::after, .icon::before{
              font-size: 20px;
          }
      }

      .name{
          font-size: 18px;
          font-weight: 500;
      }

      .date{
          font-size: 14px;
          font-weight: 500;
          text-transform: uppercase;
      }

      .details{
          font-size: 13px;
          margin-left: 52px;
      }
  }*/
}
#NewCampaign .paymentStep {
  margin-top: 10px;
  margin-bottom: 20px;
}
#NewCampaign .inputImages {
  margin-bottom: 40px;
}
#NewCampaign .payment-section {
  margin: 0 0 20px 0;
  padding: 0 10px 10px 10px;
  border-bottom: 1px solid #D8D8D8;
}
#NewCampaign .paymentSelector {
  font-size: 18px;
}
#NewCampaign .moreOptionsControl {
  margin: 0 20px 0 0;
}
#NewCampaign .moreOptions.ng-enter {
  animation-name: fadeInDown;
  animation-duration: 0.5s;
}
#NewCampaign .moreOptions.ng-leave {
  display: none;
}
#NewCampaign .budgetSlider {
  background: none;
  padding: 0;
  margin: 10px 0 10px 30px;
}
#NewCampaign .budgetSlider .disabledOverlay {
  position: relative !important;
}
#NewCampaign .budgetSlider .estimates {
  background: #f5f5f5;
  border-radius: 5px;
}
#NewCampaign .budgetSlider .estimates label {
  display: block;
  width: 100%;
  text-align: center;
}
#NewCampaign .budgetSlider .estimates .values {
  color: #064250;
  font-weight: 500;
  margin: 10px 30px 0;
  text-align: center;
}
#NewCampaign .budgetSlider .estimates .number {
  font-size: 32px;
  font-weight: 100;
  background-color: #e8e8e8;
  border-radius: 5px;
  padding: 10px;
  color: #434343;
}
#NewCampaign .budgetSlider .estimates .number input {
  border: 0;
  background: none;
  width: 100%;
  color: #434343;
  font-size: 40px;
  font-weight: 100;
}
#NewCampaign .budgetSlider .estimates .number input.right {
  text-align: right;
}
#NewCampaign .budgetSlider .estimates .limit {
  text-align: left;
  color: #707070;
}
#NewCampaign .budgetSlider .estimates-innercontainer {
  padding: 10px 20px;
}
#NewCampaign .budgetSlider.small {
  margin: 10px 0 0 0px;
}
#NewCampaign .budgetSlider.small .estimates {
  margin: 0 10px 0 0px;
}
#NewCampaign .deliverable-input .deliverable-section {
  margin: 0 0 20px 10px;
}
#NewCampaign .deliverable-input .deliverable-section .details {
  border-bottom: 1px solid #D8D8D8;
  margin-left: 30px;
}
#NewCampaign .buttonPanel {
  margin: 5px 0 0;
}
#NewCampaign .viewportHeight > * {
  height: calc(100vh - 352px);
}
#NewCampaign md-tabs.tabs > md-tabs-content-wrapper > md-tab-content {
  padding: 10px 0;
}
#NewCampaign .paymentThermometer-Container {
  margin: 15px 15px;
}
#NewCampaign .paymentThermometer-Container .paymentThermometer {
  margin: 5px 0px;
}
@media only screen and (max-width: 960px) {
  #NewCampaign .budgetSlider {
    margin-bottom: 10px;
  }
  #NewCampaign .budgetSlider .estimates .number {
    font-size: 28px;
  }
  #NewCampaign .budgetSlider .estimates .number input {
    font-size: 30px;
  }
}
@media only screen and (max-width: 600px) {
  #NewCampaign .budgetSlider .estimates {
    margin: 0;
  }
}

#CompareApplications .campaign {
  margin: 0 0 20px 0;
}
#CompareApplications .campaign .image {
  margin: 0 10px 0;
}
#CompareApplications .campaign .name {
  font-size: 18px;
  color: #064250;
}
#CompareApplications .tabulate .cost .icon {
  color: #2196F3;
  margin: 0 5px;
}
#CompareApplications .tabulate .cost .icon::before, #CompareApplications .tabulate .cost .icon::after {
  font-size: 12px;
}
#CompareApplications .tabulate .dt-cell .dt-data .image-container .userImage {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}

.terms md-select {
  margin: 0 3px 0 0;
}

.questioning .btn {
  margin-top: 5px;
}
.questioning .questions {
  border-radius: 5px;
  padding: 10px;
  font-size: 18px;
  line-height: 32px;
}
.questioning .questions .icon {
  cursor: pointer;
}
.questioning .questions [class^=flaticon-]:before,
.questioning .questions [class*=" flaticon-"]:before,
.questioning .questions [class^=flaticon-]:after,
.questioning .questions [class*=" flaticon-"]:after {
  font-size: 13px;
}
.questioning .questions.ng-enter {
  animation-name: bounceInUp;
  animation-duration: 0.5s;
}
.questioning .questions.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.questioning .questions ol,
.questioning .questions ul {
  margin: 0;
}
.questioning .questions li,
.questioning .questions .question {
  padding: 5px 10px;
  border-radius: 3px;
  margin-bottom: 5px;
  background: #edf5f6;
  color: #434343;
  font-size: 15px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.questioning .questions li .number,
.questioning .questions .question .number {
  font-weight: 500;
}
.questioning .questions li.ng-enter,
.questioning .questions .question.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.questioning .questions li.ng-leave,
.questioning .questions .question.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
}
.questioning .questions li:hover,
.questioning .questions .question:hover {
  background: #fafafa;
  cursor: pointer;
}
.questioning .questions li:hover .icon,
.questioning .questions .question:hover .icon {
  color: #2196F3;
}

/*******************************
    Dashboard
********************************/
.dash-container .aggregate-data {
  background: #e8e8e8;
  text-align: center;
  margin: 5px;
  border-radius: 3px;
}
.dash-container .aggregate-data div {
  font-size: 24px;
  font-weight: bold;
}
.dash-container .aggregate-data label {
  padding: 15px 5px;
}

.dashboard-content {
  position: relative;
}
.dashboard-content .info {
  font-size: 12px;
}

/*******************************
    Referall
********************************/
.referall-center .section-heading--referral-center {
  border: 0;
}
.referall-center .page-intro-title {
  color: #fff;
}

/*******************************
    Manage Campaigns
 ********************************/
#ManageCampaign .panel {
  margin-top: 20px;
}
#ManageCampaign .panel .intro {
  margin: 0 0 10px;
}
#ManageCampaign .panel .title {
  font-weight: 500;
  font-size: 15px;
  color: #707070;
  margin: 0;
}
#ManageCampaign .panel .viewChip {
  margin: 3px 0;
}
#ManageCampaign .panel .dates {
  margin: 0 0 0 10px;
}
#ManageCampaign .panel .strict {
  margin: 18px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #e0e0e0;
}
#ManageCampaign .panel .strict > label {
  color: #707070;
  font-size: 12px;
}
#ManageCampaign .panel .strict .summary .summary-container {
  text-align: left;
}
#ManageCampaign .panel .strict .summary label {
  font-size: 12px;
  color: #707070;
}
#ManageCampaign .panel .strict .summary .text {
  font-size: 11px;
}
#ManageCampaign .panel .summary {
  margin: 0;
}
#ManageCampaign .panel .timeline-container {
  padding: 0 20px;
}
#ManageCampaign .panel .timeline-container .subtitle {
  color: #434343;
  font-size: 14px;
  margin: 0 5px 10px;
}
#ManageCampaign .panel .timeline {
  height: 100px;
}
#ManageCampaign .panel .timeline .occasion {
  /*&.completed{
      .point{
          background-color: $swatch1;
          border-color: $swatch1;
      }
  }

  &.active{
      .point{
          background-color: $swatch1;
          border-color: $swatch1;
      }
  }*/
}
#ManageCampaign .panel .timeline .occasion .bar {
  height: 2px;
  top: 35px;
  /*&.on{
      background-color: $swatch1;
  }*/
}
#ManageCampaign .panel .nextSteps {
  margin: 10px 0 0;
}
#ManageCampaign .campaign-image-container {
  margin: 0 10px 0 0;
}
#ManageCampaign .campaign-image-container .image {
  width: 60px;
  height: 60px;
}
#ManageCampaign .campaignStatus {
  margin-right: 20px;
}
#ManageCampaign .applications-container {
  padding: 40px 0 0;
}
#ManageCampaign .applications-container h3 {
  margin: 10px 0;
}
#ManageCampaign .applications-container .tools {
  margin: 10px 0;
}
#ManageCampaign .applications-container .filter {
  margin: 5px 0 0;
}
#ManageCampaign .applicationTabs {
  position: relative;
}
#ManageCampaign .applicationTabs .new-callout {
  left: 135px;
}
#ManageCampaign .listLoader {
  margin: 30px 0 0;
}
@media only screen and (max-width: 960px) {
  #ManageCampaign .panel .summary {
    margin: 10px 0;
  }
  #ManageCampaign .panel .timeline-container {
    margin: 10px 0;
    padding: 0;
  }
  #ManageCampaign .campaignStatus {
    margin: 20px 0;
    text-align: center;
  }
}

.campaignApplication,
.dealProposal {
  /*******************************
  Media Queries - Profile
  ********************************/
}
.campaignApplication label,
.dealProposal label {
  margin: 10px 0 0;
}
.campaignApplication p,
.dealProposal p {
  margin: 5px 0;
  font-size: 14px;
}
.campaignApplication .output-group,
.dealProposal .output-group {
  margin: 0 20px 30px 0;
  color: #434343;
  font-size: 14px;
}
.campaignApplication .intro .btn,
.dealProposal .intro .btn {
  margin: 3px;
}
.campaignApplication .about,
.dealProposal .about {
  font-size: 16px;
  line-height: 28px;
  color: #434343;
  margin-right: 30px;
}
.campaignApplication .about .icon,
.dealProposal .about .icon {
  color: #064250;
}
.campaignApplication .about .icon::before, .campaignApplication .about .icon::after,
.dealProposal .about .icon::before,
.dealProposal .about .icon::after {
  font-size: 16px;
}
.campaignApplication .about .sports,
.dealProposal .about .sports {
  font-size: 20px;
}
.campaignApplication .about .person span,
.dealProposal .about .person span {
  margin: 5px;
}
.campaignApplication .about .person span:first-child,
.dealProposal .about .person span:first-child {
  margin-left: 0;
}
.campaignApplication .about .entity,
.dealProposal .about .entity {
  margin: 0 30px 10px 0;
}
.campaignApplication .about .entity a,
.dealProposal .about .entity a {
  color: #434343;
}
.campaignApplication .about .entity a:hover,
.dealProposal .about .entity a:hover {
  color: #2196F3;
}
.campaignApplication .about .userImage,
.dealProposal .about .userImage {
  margin: 0 5px 0 0;
}
.campaignApplication .athleteSummary,
.dealProposal .athleteSummary {
  margin: 0 5px 0 0;
}
.campaignApplication .social,
.dealProposal .social {
  margin: 20px 0;
}
.campaignApplication .social .stat,
.dealProposal .social .stat {
  padding: 5px 20px;
  border-left: 1px solid #D8D8D8;
}
.campaignApplication .social .stat .number,
.dealProposal .social .stat .number {
  color: #2196F3;
  font-size: 25px;
}
.campaignApplication .social .stat:first-child,
.dealProposal .social .stat:first-child {
  border-left: 0;
}
.campaignApplication .overhead,
.dealProposal .overhead {
  text-align: right;
}
.campaignApplication .status,
.dealProposal .status {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 20px;
  padding: 5px 10px;
  color: #fff;
  background: #F5A623;
  margin-top: 10px;
}
.campaignApplication .status .circle,
.dealProposal .status .circle {
  background: #fff;
  margin-left: 0;
}
.campaignApplication .status.not-interested, .campaignApplication .status.cancel,
.dealProposal .status.not-interested,
.dealProposal .status.cancel {
  background: #b04e4e;
}
.campaignApplication .status.sent-proposal, .campaignApplication .status.accepted,
.dealProposal .status.sent-proposal,
.dealProposal .status.accepted {
  background: #63b509;
}
.campaignApplication .status.save-for-later, .campaignApplication .status.in-discussion,
.dealProposal .status.save-for-later,
.dealProposal .status.in-discussion {
  background: #604d70;
}
.campaignApplication .athleteInput,
.dealProposal .athleteInput {
  border-top: 1px solid #D8D8D8;
  margin: 20px 0 0;
  padding-top: 20px;
}
.campaignApplication .questions,
.dealProposal .questions {
  font-size: 14px;
}
.campaignApplication .questions li,
.dealProposal .questions li {
  margin: 5px 0 0;
}
.campaignApplication .questions .question,
.dealProposal .questions .question {
  font-weight: 500;
}
.campaignApplication .questions .answer,
.dealProposal .questions .answer {
  margin-bottom: 5px;
  background: #edf5f6;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.campaignApplication .athleteAnalysis,
.dealProposal .athleteAnalysis {
  margin: 20px 0 0;
}
.campaignApplication .athleteAnalysis .analysis,
.dealProposal .athleteAnalysis .analysis {
  margin: 0 10% 0 0;
}
.campaignApplication .athleteAnalysis .items,
.dealProposal .athleteAnalysis .items {
  margin: 10px 30px 0 0;
}
.campaignApplication .athleteAnalysis .overall,
.dealProposal .athleteAnalysis .overall {
  text-align: center;
}
.campaignApplication .athleteAnalysis .overall .progressPie,
.dealProposal .athleteAnalysis .overall .progressPie {
  margin-top: 20px;
}
.campaignApplication .check-container,
.dealProposal .check-container {
  color: #434343;
  font-size: 15px;
  margin: 0 0 20px;
}
.campaignApplication .check-container .icon,
.dealProposal .check-container .icon {
  color: #63b509;
}
.campaignApplication .check-container .icon::before,
.campaignApplication .check-container .icon::after,
.dealProposal .check-container .icon::before,
.dealProposal .check-container .icon::after {
  font-size: 12px;
}
.campaignApplication .payment.payment-container,
.dealProposal .payment.payment-container {
  text-align: left;
}
.campaignApplication .payment #SVG-Sticker .stick,
.dealProposal .payment #SVG-Sticker .stick {
  fill: #fff;
}
.campaignApplication .payment .subpayment,
.dealProposal .payment .subpayment {
  line-height: 30px;
}
.campaignApplication .payment .subpayment .title,
.dealProposal .payment .subpayment .title {
  margin: 0 20px 0 0;
  color: #707070;
  font-size: 16px;
}
.campaignApplication .payment .subpayment .title .icon-circle,
.dealProposal .payment .subpayment .title .icon-circle {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-color: #707070;
  color: #707070;
  border-width: 1px;
}
.campaignApplication .payment .subpayment .number,
.dealProposal .payment .subpayment .number {
  color: #938a9a;
  font-size: 22px;
}
.campaignApplication .payment .summary,
.dealProposal .payment .summary {
  border-top: 1px solid #D8D8D8;
  padding: 10px 0 75px 0;
  margin: 15px 0 0;
  position: relative;
}
.campaignApplication .payment .summary .title,
.dealProposal .payment .summary .title {
  color: #707070;
  font-size: 18px;
}
.campaignApplication .payment .summary .total,
.dealProposal .payment .summary .total {
  text-align: right;
}
.campaignApplication .payment .summary .number,
.dealProposal .payment .summary .number {
  color: #938a9a;
  font-size: 35px;
}
.campaignApplication .payment .summary .valueSticker,
.dealProposal .payment .summary .valueSticker {
  position: absolute;
  right: -8px;
  top: 50px;
}
.campaignApplication.synopsis .athlete,
.dealProposal.synopsis .athlete {
  background: #edf5f6;
  padding: 10px;
  margin: 0 0 10px;
}
.campaignApplication.synopsis .athlete .image-container,
.dealProposal.synopsis .athlete .image-container {
  margin: 0 10px 0 0;
}
.campaignApplication.synopsis .athlete .name,
.dealProposal.synopsis .athlete .name {
  font-size: 18px;
  color: #064250;
  margin: 0 10px 0 0;
}
.campaignApplication.synopsis .sports,
.dealProposal.synopsis .sports {
  font-size: 18px;
}
@media only screen and (max-width: 1280px) {
  .campaignApplication .payment,
.dealProposal .payment {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .campaignApplication .overhead,
.dealProposal .overhead {
    margin: 10px 0 0;
  }
  .campaignApplication .athleteAnalysis .analysis,
.dealProposal .athleteAnalysis .analysis {
    margin: 0 0 20px;
  }
  .campaignApplication .athleteAnalysis .items,
.dealProposal .athleteAnalysis .items {
    margin: 10px;
    width: 100%;
  }
}
.campaignTemplateCarousel {
  margin: 60px 0 10px;
  padding: 20px 0 0 0;
  border-top: 1px solid #D8D8D8;
}
.campaignTemplateCarousel .title {
  color: #707070;
  margin: 10px;
  font-size: 18px;
}
.campaignTemplateCarousel .carousel {
  margin: 0 0 20px;
}

#AddPost {
  min-width: 300px;
}

.sentProposals {
  text-align: left;
}
.sentProposals .item {
  background: #2196F3;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  margin: 0 0 3px;
  cursor: pointer;
}
.sentProposals .item .right {
  text-align: right;
}
.sentProposals .item .icon::before,
.sentProposals .item .icon::after {
  font-size: 12px;
}
.sentProposals .item:hover {
  background: #0F84E1;
  color: #fff;
}
.sentProposals .item.canceled {
  background: #b57070;
}
.sentProposals .item.active {
  background: #559b08;
}

#SelectAthlete {
  text-align: left;
  max-height: 100%;
}
#SelectAthlete .scroller {
  min-height: 100px;
}
#SelectAthlete .content {
  text-align: left;
}
#SelectAthlete .content a.ref {
  color: #2196F3;
}
#SelectAthlete .user-select {
  margin: 5px 0 40px;
}
#SelectAthlete .user-select .placeholder {
  background: #eaeded;
  border-radius: 5px;
  padding: 5px 10px;
  width: 100%;
}
#SelectAthlete .user-select .placeholder .image {
  opacity: 0.5;
  margin-right: 20px;
}
#SelectAthlete .user-select .placeholder .text {
  color: #ACACAC;
}
#SelectAthlete .user-select .userImage {
  margin: 0 3px 0 0;
}
#SelectAthlete .user-select .userImage.on {
  cursor: pointer;
}
#SelectAthlete .selector-input .fit {
  width: 100px;
}
#SelectAthlete .selector-input .unavailable {
  font-size: 12px;
  color: #707070;
  text-transform: uppercase;
}
#SelectAthlete .selector-input.applied .appliedText {
  color: #63b509;
  font-size: 14px;
  font-weight: 500;
}
#SelectAthlete .selector-input.applied:hover {
  background: none;
}
#SelectAthlete .selector-input .invited {
  color: #63b509;
}
#SelectAthlete .selector-input.notVerified {
  opacity: 0.8;
}
#SelectAthlete .selector-input.notVerified .grayscale {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
#SelectAthlete .selector-input.notVerified .notverifiedText {
  font-size: 12px;
  font-weight: 500;
  color: #434343;
  margin: 0 5px 0 0;
}
#SelectAthlete .selector-input.notVerified.selector-input:hover {
  background: none;
}
#SelectAthlete .selector-input.notVerified .message {
  position: absolute;
  padding: 10px;
  border-radius: 3px;
  font-size: 14px;
  top: -8px;
  left: 10px;
  background: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 140px 0 0;
}
#SelectAthlete .selector-input .notFit {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  margin: 0 5px 0 0;
}
#SelectAthlete .tag {
  border-radius: 5px;
  padding: 0px 10px;
  background: #63b509;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  z-index: 1;
}
#SelectAthlete .tag .icon::before,
#SelectAthlete .tag .icon::after {
  font-size: 12px;
  line-height: 27px;
}
#SelectAthlete .userImage {
  overflow: hidden;
  margin: 0 3px 0 0;
}
#SelectAthlete .userImage .applied {
  color: #fff;
  text-align: center;
}
#SelectAthlete .userImage .applied .overlay {
  background: #63b509;
  opacity: 0.7;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
#SelectAthlete .userImage .applied .icon::before,
#SelectAthlete .userImage .applied .icon::after {
  font-size: 17px;
  line-height: 40px;
  position: relative;
}
#SelectAthlete .userImage .notVerified {
  color: #fff;
  text-align: center;
}
#SelectAthlete .userImage .notVerified .overlay {
  background: #434343;
  opacity: 0.5;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
#SelectAthlete .userImage .notVerified .icon::before,
#SelectAthlete .userImage .notVerified .icon::after {
  font-size: 17px;
  line-height: 40px;
  position: relative;
}

#SelectCampaign {
  max-width: 50%;
}
@media only screen and (max-width: 1280px) {
  #SelectCampaign {
    max-width: 70%;
  }
}
@media only screen and (max-width: 960px) {
  #SelectCampaign {
    max-width: 80%;
  }
}
@media only screen and (max-width: 600px) {
  #SelectCampaign {
    max-width: 100%;
  }
}
#SelectCampaign .content {
  text-align: left;
}
#SelectCampaign md-input-container .selector-input-container .selector-input {
  text-align: left !important;
  padding: 5px 10px;
  border: 0;
}
#SelectCampaign md-input-container .selector-input-container .selector-input.active {
  background-color: #edf5f6;
}
#SelectCampaign md-input-container .selector-input-container .selector-input .image {
  margin-right: 10px;
  overflow: hidden;
}
#SelectCampaign md-input-container .selector-input-container .selector-input .image .applied {
  color: #fff;
  text-align: center;
}
#SelectCampaign md-input-container .selector-input-container .selector-input .image .applied .overlay {
  background: #63b509;
  opacity: 0.7;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
#SelectCampaign md-input-container .selector-input-container .selector-input .image .applied .icon::before,
#SelectCampaign md-input-container .selector-input-container .selector-input .image .applied .icon::after {
  font-size: 17px;
  line-height: 40px;
  position: relative;
}
#SelectCampaign md-input-container .selector-input-container .selector-input .fit {
  width: 100px;
}
#SelectCampaign md-input-container .selector-input-container .selector-input .unavailable {
  font-size: 12px;
  color: #707070;
  text-transform: uppercase;
}
#SelectCampaign md-input-container .selector-input-container .selector-input.disable .appliedText {
  color: #63b509;
  font-size: 14px;
  font-weight: 500;
}
#SelectCampaign md-input-container .selector-input-container .selector-input.disable:hover {
  background: none;
}
#SelectCampaign md-input-container .selector-input-container .selector-input .overbudget .info {
  padding: 0;
  font-size: 12px;
  color: #b04e4e;
}

#ApplicationForm md-slider {
  min-width: 200px;
}
#ApplicationForm .campaignFit {
  margin: 20px 0 0 20px;
  padding: 10px;
  border-radius: 10px;
  background: #edf5f6;
  text-align: center;
  min-width: 125px;
}
#ApplicationForm .campaignFit label {
  color: #707070;
  color: 13px !important;
}
#ApplicationForm .campaign {
  margin: 20px 0 40px;
}
#ApplicationForm .campaign .switch {
  width: 60px;
  margin-right: 5px;
}
#ApplicationForm .campaign .image {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
#ApplicationForm .campaign .title {
  margin: 0;
  font-size: 20px;
  color: #064250;
}
#ApplicationForm .campaign .paymentType .subtitle {
  text-align: right;
  margin: 0 0 5px;
}
#ApplicationForm .campaignDeliverables {
  margin: 5px 0 0;
}
#ApplicationForm .campaignDeliverables label {
  text-align: right;
}
#ApplicationForm .campaignDeliverables .deliverableType {
  margin: 0 5px;
  padding-left: 10px;
  border-left: 1px solid #D8D8D8;
}
#ApplicationForm .campaignDeliverables .deliverableType:first-child {
  border-left: 0;
}
#ApplicationForm .campaignDeliverables .deliverableType .icon {
  margin-right: 5px;
  color: #707070;
}
#ApplicationForm .campaignDeliverables .deliverableType .icon::before,
#ApplicationForm .campaignDeliverables .deliverableType .icon::after {
  font-size: 14px;
}
#ApplicationForm .campaignDeliverables .deliverableType .name {
  font-size: 13px;
  color: #707070;
}
#ApplicationForm .compatibility {
  padding: 0 0 0 20px;
}
#ApplicationForm .compatibility .compatibility-container {
  background: #edf5f6;
  padding: 20px 20px;
  border-radius: 5px;
  margin: 0 0 10px;
}
#ApplicationForm .compatibility .items {
  margin: 0 0 20px 0;
}
#ApplicationForm .compatibility .evaluation {
  padding-left: 20px;
}
#ApplicationForm .compatibility .priceRank {
  padding: 20px;
  cursor: pointer;
}
#ApplicationForm .compatibility .overall {
  text-align: center;
  margin-left: 20px;
}
#ApplicationForm .compatibility .overall .progressPie {
  margin-top: 20px;
}
#ApplicationForm .compatibility .deliverables .icon-circle {
  margin-right: 5px;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 26px;
  border-color: #434343;
  border-width: 1px;
  color: #434343;
}
#ApplicationForm .compatibility .deliverables .deliverable {
  margin: 10px 0;
  font-size: 14px;
}
#ApplicationForm .compatibility .deliverables .strike {
  text-decoration: line-through;
  margin: 0 5px;
}
#ApplicationForm .compatibility .deliverables .payment .number {
  font-size: 22px;
}
#ApplicationForm .compatibility .deliverables .payment.total {
  margin-top: 5px;
  border-top: 1px solid #D8D8D8;
}
#ApplicationForm .compatibility .deliverables .payment.total .number {
  font-size: 35px;
}
#ApplicationForm .priceTable .summary-container {
  margin: 0 0 0 10px;
}
#ApplicationForm .paidToYou {
  text-align: right;
}
#ApplicationForm .paidToYou label {
  margin: 0;
}
#ApplicationForm .paidToYou .number {
  border-top: 1px solid #e0e0e0;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  font-size: 20px;
}
#ApplicationForm .costNumber {
  margin-right: 10px;
}
#ApplicationForm .events {
  padding: 0 0 0 10px;
}
#ApplicationForm .timeline .event {
  cursor: pointer;
}
#ApplicationForm .timeline .event:hover {
  background-color: #edf5f6;
  border-radius: 3px;
}
@media only screen and (max-width: 960px) {
  #ApplicationForm .compatibility {
    padding: 0;
  }
  #ApplicationForm .drawer-control {
    padding: 5px 20px;
    border-radius: 3px;
  }
  #ApplicationForm .drawer-control.splash {
    background: #edf5f6;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s ease 0s;
  }
}
@media only screen and (max-width: 600px) {
  #ApplicationForm .campaign {
    margin: 20px 0;
  }
  #ApplicationForm .paymentType .paymentTag {
    margin: 3px 0;
  }
  #ApplicationForm .campaignDeliverables .deliverableType {
    border-left: 0;
  }
}

#ApplicationList .about .squareImage {
  margin: 0 10px 0 0;
}
#ApplicationList .about .title {
  margin: 0;
}
#ApplicationList .dataValue.success {
  color: #559b08;
  font-weight: 500;
}
#ApplicationList .demoSummary {
  margin: 5px 10px 5px 0;
  max-width: 110px;
}

#Invitations .invitationNotification {
  color: #0d4c5b;
  font-size: 16px;
  font-weight: 500;
  margin: 0 10px 20px;
}
#Invitations .invitationNotification .image {
  position: relative;
  margin-right: 15px;
}
#Invitations .invitationNotification .image .icon {
  color: #064250;
}
#Invitations .invitationNotification .image .icon::before,
#Invitations .invitationNotification .image .icon::after {
  font-size: 28px;
}
#Invitations .invitationNotification .image .numberNotify {
  position: absolute;
  right: -10px;
  top: 0;
}
#Invitations .invitationNotification .image .numberNotify .circle {
  background-color: #F5A623;
}

#Proposal .summary-container {
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
}
#Proposal .summary {
  background: #edf5f6;
  border: 0;
  margin: 0 0 20px 0px;
  padding-bottom: 70px;
  font-size: 14px;
  color: #434343;
}
#Proposal .summary h3 {
  margin: 0 0 20px;
  font-weight: 100;
}
#Proposal .summary hr {
  border-color: #D8D8D8;
}
#Proposal .summary .intro {
  margin: 20px 0 0 10px;
}
#Proposal .summary .intro .message {
  text-align: center;
  margin: 30px 0 0;
}
#Proposal .summary .intro .squareImage,
#Proposal .summary .intro .userImage {
  margin: 0;
}
#Proposal .summary .intro .icon {
  color: #2196F3;
  text-align: center;
  margin: 10px;
}
#Proposal .summary .intro .icon::before,
#Proposal .summary .intro .icon::after {
  font-size: 40px;
}
#Proposal .summary .entity {
  margin: 10px 0;
}
#Proposal .summary .entity .name {
  color: #064250;
  margin: 0 0 0 10px;
}
#Proposal .summary .entity:hover .name {
  color: #2196F3;
}
#Proposal .summary .element {
  padding: 10px 0;
}
#Proposal .summary .deliverable {
  margin: 10px 0;
  color: #064250;
}
#Proposal .summary .deliverable.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
#Proposal .summary .deliverable.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
#Proposal .summary .deliverable .icon::after,
#Proposal .summary .deliverable .icon::before {
  font-size: 14px;
}
#Proposal .summary .deliverable .quantity {
  border-radius: 13px;
  width: 26px;
  height: 26px;
  background: #2f8295;
  color: #b3ddfe;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 26px;
  margin: 0 5px;
}
#Proposal .summary .deliverable .name {
  font-size: 16px;
  font-weight: 500;
}
#Proposal .summary .deliverable .date {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
#Proposal .summary .deliverable .details {
  font-size: 13px;
  margin-left: 52px;
}
#Proposal .summary .terms-container ul {
  margin: 0;
  color: #064250;
  font-size: 15px;
}
#Proposal .summary .terms-container ul li {
  margin: 5px 0;
}
#Proposal .terms {
  padding: 18px 0 0;
}
#Proposal .terms md-input-container md-select {
  margin: 0 3px 0 0;
}
#Proposal .payment {
  text-align: left;
  margin: 0 0 10px;
}
#Proposal .payment .paymentTag-container {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#Proposal .payment .priceTable {
  margin: 10px;
  border: 1px solid #D8D8D8;
}
#Proposal .payment .selected .payment {
  margin: 0 0 0 50px;
}
#Proposal .payment .selected .payment .number {
  line-height: 25px;
  font-size: 32px;
}
#Proposal .payment .selected .payment .number.right {
  text-align: right;
}

.actionDialog md-input-container .selector-input {
  min-height: 115px;
  border-color: #2196F3;
  background: #2196F3;
  color: #fff;
}
.actionDialog md-input-container .selector-input .cls-1,
.actionDialog md-input-container .selector-input .cls-2 {
  fill: #fff;
}
.actionDialog md-input-container .selector-input .title {
  margin: 10px 0;
  font-weight: 500;
}
.actionDialog md-input-container .selector-input .icon {
  color: #fff !important;
}
.actionDialog md-input-container .selector-input .icon img {
  width: 100%;
}
.actionDialog md-input-container .selector-input .banner {
  position: relative;
  top: -12px;
  margin-left: -12px;
  margin-right: -12px;
  width: auto;
  background-color: #7ED321;
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}
.actionDialog md-input-container .selector-input:hover {
  background: #0F84E1;
  border-color: #0F84E1;
  color: #fff;
}
.actionDialog md-input-container .selector-input.white {
  border-color: #fff;
  background: #fff;
  color: #707070;
}
.actionDialog md-input-container .selector-input.white:hover {
  background: #0F84E1;
  border-color: #0F84E1;
  color: #fff;
}

#DealList .dealStats {
  margin: 0;
}
#DealList .dealStats .number {
  font-size: 18px;
  line-height: 20px;
}
#DealList .dealStats > div {
  border-right: 1px solid #D8D8D8;
  padding: 0px 10px;
  color: #064250;
}
#DealList .dealStats > div:last-child {
  border-right: 0;
}
#DealList .paymentValue {
  color: #707070;
}
#DealList .paymentValue .icon {
  margin: 0 3px 0 10px;
}
#DealList .paymentValue .icon ::after,
#DealList .paymentValue .icon ::before {
  font-size: 11px;
}
#DealList .paymentValue .number {
  font-size: 13px;
}

#ProposalView .deal-section {
  padding: 0 20px;
  border-right: 1px solid #D8D8D8;
}
#ProposalView .deal-section:first-child {
  padding-left: 0;
}
#ProposalView .deal-section:last-child {
  padding-right: 0;
  border-right: 0;
}
#ProposalView .payment {
  text-align: left;
  margin: 0 0 10px;
}
#ProposalView .commission {
  font-size: 12px;
  margin: 0 10px 0 0;
}
#ProposalView .deliverable {
  margin: 0 0 15px;
}
#ProposalView .deliverable .icon-circle {
  margin: 0 5px 0 0;
}
#ProposalView .deliverable .name {
  font-weight: 500;
}
#ProposalView .deliverable .date {
  font-weight: 500;
}
#ProposalView .intro .entity {
  margin: 3px 10px;
}
#ProposalView .intro .entity .name {
  color: #1a1a1a;
  font-size: 15px;
}
#ProposalView .intro .entity:hover .name {
  color: #2196F3;
}
#ProposalView .intro .parties {
  padding-right: 20px;
}
#ProposalView .intro .squareImage,
#ProposalView .intro .userImage {
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin: 0 10px 0 0;
}
#ProposalView .intro .icon {
  color: #e3edee;
  margin: 10px 0;
  padding-left: 8px;
}
#ProposalView .intro .icon::before,
#ProposalView .intro .icon::after {
  font-size: 20px;
}
#ProposalView .intro .control {
  margin: 0 10px;
}
#ProposalView .proposalContent {
  border-top: 1px solid #d8d8d8;
  margin: 20px 0 50px;
  padding-top: 20px;
  font-size: 14px;
}
#ProposalView .proposalContent label {
  margin: 0 0 5px;
  display: block;
}
#ProposalView .proposalContent .entity {
  margin-bottom: 30px;
}
#ProposalView .proposalContent .entity ul {
  margin: 0 0 15px;
}
#ProposalView .declinedView {
  font-size: 14px;
  margin: 20px 0 0;
  border-top: 1px solid #d8d8d8;
  padding: 20px 0 0;
  position: relative;
}
#ProposalView .declinedView .entity {
  margin-bottom: 30px;
  position: relative;
}
#ProposalView .declinedView .entity ul {
  margin: 0 0 15px;
}
#ProposalView .declinedView .entity .payment {
  margin: 0;
}
@media only screen and (max-width: 960px) {
  #ProposalView .deal-section {
    border: 0;
  }
}

/*******************************
    Deliverables
********************************/
.deliverableSelector .selector {
  padding: 15px;
  margin: 0 0 10px;
  background: #2f8295;
  border-radius: 3px;
  color: #daf2f8;
  /*border: 2px solid $secondary-tint;
  padding: 20px;
  margin: 0 0 10px;
  @include roundedCorners(3px);
  color: $primary1;

  .image{
      margin: 0 15px 0 0;

      .icon{
          color: $swatch4;

          &::before, &::after{
              font-size: 35px;
          }
      }
  }

  .title{
      margin: 0;
      font-size: 20px;
      font-weight: 500;
      color: $swatch4;
  }

  .description{
      font-size: 14px;
      margin: 0;
  }

  .add{
      padding: 0 0 0 20px;
  }

  .addIcon{
      color: $secondary-shade;
      margin: 0 0 0 10px;

      &::before, &::after{
          font-size: 30px;
      }
  }

  &:hover{
      border-color: $accent;
      cursor: pointer;

      .addIcon{
          color: $accent;
      }
  }

  &.social{

      .image{
          .icon{
              color : $swatch3;
          }
      }

      .title{
         color : $swatch3;
      }
  }

  &.feedback{

      .image{
          .icon{
              color : $swatch2;
          }
      }

      .title{
         color : $swatch2;
      }
  }

  &.appearance{

      .image{

          .icon{
              color : $swatch6;
          }
      }

      .title{
         color : $swatch6;
      }
  }



  &.logo{

      .image{
          .icon{
              color : $swatch7;
          }
      }

      .title{
         color : $swatch7;
      }

  }*/
}
.deliverableSelector .selector .image {
  margin: 0 15px 0 0;
}
.deliverableSelector .selector .image .icon {
  color: #daf2f8;
}
.deliverableSelector .selector .image .icon::before, .deliverableSelector .selector .image .icon::after {
  font-size: 25px;
}
.deliverableSelector .selector .title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.deliverableSelector .selector .description {
  font-size: 14px;
  margin: 0;
}
.deliverableSelector .selector .add {
  padding: 0 0 0 20px;
}
.deliverableSelector .selector .addIcon {
  color: #D8D8D8;
  margin: 0 0 0 10px;
}
.deliverableSelector .selector .addIcon::before, .deliverableSelector .selector .addIcon::after {
  font-size: 20px;
}
.deliverableSelector .selector.subSelector {
  margin: 0 0 10px 20px;
}
.deliverableSelector .selector.subSelector:last-child {
  margin: 0 0 20px 20px;
}
.deliverableSelector .selector.subSelector.ng-enter {
  animation-name: fadeInDown;
  animation-duration: 0.3s;
}
.deliverableSelector .selector.subSelector.ng-leave {
  animation-name: fadeOutUp;
  animation-duration: 0.3s;
}
.deliverableSelector .selector:hover {
  border-color: #2196F3;
  cursor: pointer;
}
.deliverableSelector .selector:hover .addIcon {
  color: #fff;
}
.deliverableSelector .selector.social {
  background: #559383;
  color: #a4decf;
}
.deliverableSelector .selector.social .image .icon {
  color: #a4decf;
}
.deliverableSelector .selector.autographs {
  background: #c3a943;
  color: #f4e4a2;
}
.deliverableSelector .selector.autographs .image .icon {
  color: #f4e4a2;
}
.deliverableSelector .selector.feedback {
  background: #ed9300;
  color: #fae6c5;
}
.deliverableSelector .selector.feedback .image .icon {
  color: #fae6c5;
}
.deliverableSelector .selector.appearance {
  background: #5a576f;
  color: #c8bfe7;
}
.deliverableSelector .selector.appearance .image .icon {
  color: #c8bfe7;
}
.deliverableSelector .selector.logo {
  background: #a65d7f;
  color: #dca3be;
}
.deliverableSelector .selector.logo .image .icon {
  color: #dca3be;
}
.deliverableSelector .selector.longterm {
  background: #559383;
  color: #a4decf;
}
.deliverableSelector .selector.longterm .image .icon {
  color: #a4decf;
}
.deliverableSelector .selector.pitch {
  background: #ed9300;
  color: #fae6c5;
}
.deliverableSelector .selector.pitch .image .icon {
  color: #fae6c5;
}
.deliverableSelector .selector.traditional {
  background: #ed9300;
  color: #fae6c5;
}
.deliverableSelector .selector.traditional .image .icon {
  color: #fae6c5;
}
.deliverableSelector .selector.digital {
  background: #559383;
  color: #a4decf;
}
.deliverableSelector .selector.digital .image .icon {
  color: #a4decf;
}
.deliverableSelector .selector.hospitality {
  background: #c3a943;
  color: #f4e4a2;
}
.deliverableSelector .selector.hospitality .image .icon {
  color: #f4e4a2;
}
.deliverableSelector .selector.signage {
  background: #5a576f;
  color: #c8bfe7;
}
.deliverableSelector .selector.signage .image .icon {
  color: #c8bfe7;
}
.deliverableSelector .selector.subevents {
  background: #a65d7f;
  color: #dca3be;
}
.deliverableSelector .selector.subevents .image .icon {
  color: #dca3be;
}
.deliverableSelector .selector.ugc {
  background: #853c43;
  color: #d19da2;
}
.deliverableSelector .selector.ugc .image .icon {
  color: #d19da2;
}

.deliverableStat {
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  color: #064250;
  font-weight: 500;
  border-right: 1px solid #e3edee;
}
.deliverableStat:last-child {
  border-right: 0;
}
.deliverableStat .image {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: auto;
  height: auto;
}
.deliverableStat .image .icon {
  color: #064250;
}
.deliverableStat .image .icon::after, .deliverableStat .image .icon::before {
  font-size: 16px;
}
.deliverableStat.ugc {
  color: #853c43;
}
.deliverableStat.ugc .image .icon {
  color: #853c43;
}
.deliverableStat.ugc .title {
  color: #853c43;
}
.deliverableStat.social {
  color: #559383;
}
.deliverableStat.social .image .icon {
  color: #559383;
}
.deliverableStat.social .title {
  color: #559383;
}
.deliverableStat.feedback {
  color: #ed9300;
}
.deliverableStat.feedback .image .icon {
  color: #ed9300;
}
.deliverableStat.feedback .title {
  color: #ed9300;
}
.deliverableStat.appearance {
  color: #5a576f;
}
.deliverableStat.appearance .image .icon {
  color: #5a576f;
}
.deliverableStat.appearance .title {
  color: #5a576f;
}
.deliverableStat.logo {
  color: #a65d7f;
}
.deliverableStat.logo .image .icon {
  color: #a65d7f;
}
.deliverableStat.logo .title {
  color: #a65d7f;
}

.deliverableQuote {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin: 0 0 5px;
  padding: 10px;
}
.deliverableQuote .marks {
  color: #D8D8D8;
}
.deliverableQuote .quote {
  color: #707070;
  font-style: italic;
}

#CompletedDeal .congratsIcon {
  width: 100px;
}
#CompletedDeal .stats {
  margin: 20px 0 0;
}
#CompletedDeal .stats .stat {
  margin: 0 0 10px;
  padding: 0 20px;
  border-right: 1px solid #D8D8D8;
}
#CompletedDeal .stats .stat:last-child {
  border-right: 0;
}
#CompletedDeal .stats .stat .number {
  color: #2196F3;
  font-size: 23px;
}
#CompletedDeal .stats .stat label {
  color: #707070;
  font-size: 15px;
}

#Redo {
  max-width: 600px;
}

#AddAddress .content {
  padding: 20px 30px;
}
#AddAddress md-input-container {
  margin: 0 5px 10px;
}
#AddAddress .autograph-usage md-input-container {
  margin: 0;
}
#AddAddress .autograph-usage .datepicker-container {
  margin: 10px 0;
}

#AddInviteNote {
  max-width: 600px;
}
#AddInviteNote .reimbursement-container {
  margin: 20px 0 0;
}

#CampaignTemplateDialog .content {
  /*max-width: 750px;*/
}
#CampaignTemplateDialog .carousel {
  display: block;
}
#CampaignTemplateDialog .conditionalHolder {
  /*max-width: 550px;*/
}
#CampaignTemplateDialog .std_card .info {
  min-height: 120px;
}

#NewDeliverableDialog .content,
#EditNoPrefDeliverableDialog .content,
#NewEventDialog .content {
  padding: 20px 30px;
}
#NewDeliverableDialog md-input-container,
#EditNoPrefDeliverableDialog md-input-container,
#NewEventDialog md-input-container {
  margin: 0 5px 30px;
}
#NewDeliverableDialog .selector-input,
#EditNoPrefDeliverableDialog .selector-input,
#NewEventDialog .selector-input {
  min-width: 80px;
}
#NewDeliverableDialog label,
#EditNoPrefDeliverableDialog label,
#NewEventDialog label {
  white-space: nowrap !important;
}
#NewDeliverableDialog .imageLogo-container,
#EditNoPrefDeliverableDialog .imageLogo-container,
#NewEventDialog .imageLogo-container {
  margin: 0 10px 0 0;
}
#NewDeliverableDialog .image-container,
#EditNoPrefDeliverableDialog .image-container,
#NewEventDialog .image-container {
  width: 200px;
}
#NewDeliverableDialog .image-container img,
#EditNoPrefDeliverableDialog .image-container img,
#NewEventDialog .image-container img {
  width: 100%;
}
#NewDeliverableDialog .selectedProfiles,
#EditNoPrefDeliverableDialog .selectedProfiles,
#NewEventDialog .selectedProfiles {
  margin: 10px 0 20px;
}

.deliverablesSelectedPanel.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.deliverablesSelectedPanel.ng-leave {
  animation-name: fadeOutRight;
  animation-duration: 0.3s;
}
.deliverablesSelectedPanel .panelTitle {
  background: #064250;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px 3px 0 0;
  text-transform: uppercase;
  font-weight: 500;
}
.deliverablesSelectedPanel .panelTitle .numberNotify .circle {
  background: transparent;
}
.deliverablesSelectedPanel .deliverable {
  background: #edf5f6;
  padding: 15px 20px 10px;
  margin: 0 0px 10px;
  color: #434343;
  border-radius: 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
.deliverablesSelectedPanel .deliverable.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
.deliverablesSelectedPanel .deliverable.ng-leave {
  animation-name: fadeOut;
  animation-duration: 1s;
}
.deliverablesSelectedPanel .deliverable:last-child {
  border-bottom: 0;
}
.deliverablesSelectedPanel .deliverable.error {
  animation-name: shake;
  animation-duration: 1s;
}
.deliverablesSelectedPanel .deliverable .imageIcon {
  margin: 0 5px 0 0;
}
.deliverablesSelectedPanel .deliverable .imageIcon ::after,
.deliverablesSelectedPanel .deliverable .imageIcon ::before {
  font-size: 15px;
  font-weight: 500;
}
.deliverablesSelectedPanel .deliverable .image {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background: #2f8295;
  margin: 0 5px 0 0;
}
.deliverablesSelectedPanel .deliverable .image .icon {
  color: #daf2f8;
}
.deliverablesSelectedPanel .deliverable .image .icon::before, .deliverablesSelectedPanel .deliverable .image .icon::after {
  font-size: 16px;
}
.deliverablesSelectedPanel .deliverable .image-container {
  margin: 5px 10px 5px 0;
  width: 100%;
  padding: 0 3px;
  border-radius: 3px;
  overflow: hidden;
}
.deliverablesSelectedPanel .deliverable .image-container img {
  width: 100%;
}
.deliverablesSelectedPanel .deliverable .title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #2f8295;
}
.deliverablesSelectedPanel .deliverable .dueDate {
  font-weight: 500;
  font-size: 14px;
}
.deliverablesSelectedPanel .deliverable .dueDate .icon::before, .deliverablesSelectedPanel .deliverable .dueDate .icon::after {
  font-size: 14px;
}
.deliverablesSelectedPanel .deliverable .dueDate.error {
  color: #b04e4e;
}
.deliverablesSelectedPanel .deliverable label {
  color: #434343;
}
.deliverablesSelectedPanel .deliverable .description {
  font-size: 14px;
  margin: 5px 0 0;
}
.deliverablesSelectedPanel .deliverable .tags .tag {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: #4e9aac;
  padding: 3px 5px;
  border-radius: 4px;
  color: #daf2f8;
  margin: 0 3px 0 0;
  font-size: 13px;
}
.deliverablesSelectedPanel .deliverable .platformIcon::before, .deliverablesSelectedPanel .deliverable .platformIcon::after {
  font-size: 14px;
}
.deliverablesSelectedPanel .deliverable .item {
  margin: 15px 0 10px;
}
.deliverablesSelectedPanel .deliverable .item.boolean {
  font-weight: 500;
}
.deliverablesSelectedPanel .deliverable .item.boolean .icon {
  color: #63b509;
}
.deliverablesSelectedPanel .deliverable .item.boolean .icon::before, .deliverablesSelectedPanel .deliverable .item.boolean .icon::after {
  font-size: 14px;
}
.deliverablesSelectedPanel .deliverable .item.error, .deliverablesSelectedPanel .deliverable .item.error label {
  color: #b04e4e;
}
.deliverablesSelectedPanel .deliverable .remove {
  border-radius: 5px;
  padding: 5px 7px;
  cursor: pointer;
}
.deliverablesSelectedPanel .deliverable .remove::before, .deliverablesSelectedPanel .deliverable .removeafter {
  font-size: 15px;
}
.deliverablesSelectedPanel .deliverable .remove:hover {
  background: #4e9aac;
}
.deliverablesSelectedPanel .deliverable .control.ref {
  text-transform: uppercase;
  font-size: 12px;
  margin: 3px 5px;
}
.deliverablesSelectedPanel .deliverable .control.ref .icon::before, .deliverablesSelectedPanel .deliverable .control.ref .icon::after {
  font-size: 14px;
}
.deliverablesSelectedPanel .deliverable.longterm .image {
  background: #559383;
}
.deliverablesSelectedPanel .deliverable.longterm .image .icon {
  color: #a4decf;
}
.deliverablesSelectedPanel .deliverable.longterm .title {
  color: #559383;
}
.deliverablesSelectedPanel .deliverable.pitch .image {
  background: #ed9300;
}
.deliverablesSelectedPanel .deliverable.pitch .image .icon {
  color: #fae6c5;
}
.deliverablesSelectedPanel .deliverable.pitch .title {
  color: #ed9300;
}
.deliverablesSelectedPanel .deliverable.ugc .image {
  background: #853c43;
}
.deliverablesSelectedPanel .deliverable.ugc .image .icon {
  color: #d19da2;
}
.deliverablesSelectedPanel .deliverable.ugc .title {
  color: #853c43;
}
.deliverablesSelectedPanel .deliverable.ugc .tags .tag {
  background: #853c43;
  color: #d19da2;
}
.deliverablesSelectedPanel .deliverable.social .image {
  background: #559383;
}
.deliverablesSelectedPanel .deliverable.social .image .icon {
  color: #a4decf;
}
.deliverablesSelectedPanel .deliverable.social .title {
  color: #559383;
}
.deliverablesSelectedPanel .deliverable.social .tags .tag {
  background: #559383;
  color: #a4decf;
}
.deliverablesSelectedPanel .deliverable.autographs .image {
  background: #c3a943;
}
.deliverablesSelectedPanel .deliverable.autographs .image .icon {
  color: #f4e4a2;
}
.deliverablesSelectedPanel .deliverable.autographs .title {
  color: #c3a943;
}
.deliverablesSelectedPanel .deliverable.appearance .image {
  background: #5a576f;
}
.deliverablesSelectedPanel .deliverable.appearance .image .icon {
  color: #c8bfe7;
}
.deliverablesSelectedPanel .deliverable.appearance .title {
  color: #5a576f;
}
.deliverablesSelectedPanel .deliverable.feedback .image {
  background: #ed9300;
}
.deliverablesSelectedPanel .deliverable.feedback .image .icon {
  color: #fae6c5;
}
.deliverablesSelectedPanel .deliverable.feedback .title {
  color: #ed9300;
}
.deliverablesSelectedPanel .deliverable.logo .image {
  background: #a65d7f;
}
.deliverablesSelectedPanel .deliverable.logo .image .icon {
  color: #dca3be;
}
.deliverablesSelectedPanel .deliverable.logo .title {
  color: #a65d7f;
}
.deliverablesSelectedPanel .addNewDeliverable {
  padding: 15px 20px 10px;
  margin: 0 0px 10px;
  width: auto;
  height: 75px;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
}

#OrderSummaryDialog {
  max-width: 750px;
}
#OrderSummaryDialog .acknowledgment {
  padding: 10px;
  font-size: 13px;
}
#OrderSummaryDialog .deliverables-selected-container .deliverable {
  margin: 0 0 5px;
}
#OrderSummaryDialog .deliverables-selected-container .deliverable .icon::before,
#OrderSummaryDialog .deliverables-selected-container .deliverable .icon::before {
  font-size: 14px;
}
#OrderSummaryDialog .deliverables-selected-container .deliverable .name {
  font-size: 15px;
}
#OrderSummaryDialog .info {
  font-size: 14px;
  margin: 10px 0 0 0;
}
#OrderSummaryDialog .summaryPayment .item {
  margin: 5px 0;
  font-size: 14px;
}
#OrderSummaryDialog .summaryPayment .item .paymentTitle {
  padding-right: 20px;
}
#OrderSummaryDialog .summaryPayment .item.total {
  padding: 5px 0 0;
  font-size: 16px;
  border-top: 1px solid #e0e0e0;
}
#OrderSummaryDialog .summaryPayment .item.total .number {
  font-weight: 500;
}

#CampaignApproval {
  max-width: 600px;
  font-size: 14px;
}

#bio_ep {
  max-height: 400px;
  max-width: 550px;
  width: auto;
  height: auto;
  margin-left: -275px;
  margin-top: -155px;
  padding: 40px;
  border-radius: 5px;
}
#bio_ep #bio_ep_close {
  background: none;
  color: #155969;
  margin: -30px 0 0 -30px;
}
#bio_ep #bio_ep_close:hover {
  color: #2196F3;
}
#bio_ep h1 {
  font-size: 28px;
  font-weight: 500;
  margin: 0 0 20px;
}
#bio_ep h2 {
  font-size: 23px;
  font-weight: 100;
}
#bio_ep md-input-container {
  margin: 0 0 5px 0;
}

/*******************************
    Dashboard
********************************/
#Dashboard,
.dashboard-dialog,
#Metrics,
#ReportDetails {
  position: relative;
}
#Dashboard.content-container,
.dashboard-dialog.content-container,
#Metrics.content-container,
#ReportDetails.content-container {
  background: #f5f5f5;
}
#Dashboard.content-container md-content,
.dashboard-dialog.content-container md-content,
#Metrics.content-container md-content,
#ReportDetails.content-container md-content {
  background: transparent;
  color: #434343;
  padding: 20px 30px;
}
#Dashboard label,
.dashboard-dialog label,
#Metrics label,
#ReportDetails label {
  color: #707070;
}
#Dashboard label.border,
.dashboard-dialog label.border,
#Metrics label.border,
#ReportDetails label.border {
  border-bottom: 1px solid #D8D8D8;
  display: block;
  padding: 0 0 5px;
  margin: 5px 0;
}
#Dashboard .labelIcon,
.dashboard-dialog .labelIcon,
#Metrics .labelIcon,
#ReportDetails .labelIcon {
  width: 30px;
}
#Dashboard .slick-button::before, #Dashboard .slick-button::after,
.dashboard-dialog .slick-button::before,
.dashboard-dialog .slick-button::after,
#Metrics .slick-button::before,
#Metrics .slick-button::after,
#ReportDetails .slick-button::before,
#ReportDetails .slick-button::after {
  font-size: 18px;
}
#Dashboard .slick-button.slick-prev,
.dashboard-dialog .slick-button.slick-prev,
#Metrics .slick-button.slick-prev,
#ReportDetails .slick-button.slick-prev {
  right: 25px;
}
#Dashboard .slick-button.slick-next,
.dashboard-dialog .slick-button.slick-next,
#Metrics .slick-button.slick-next,
#ReportDetails .slick-button.slick-next {
  right: 0px;
}
#Dashboard .dashboardRating,
.dashboard-dialog .dashboardRating,
#Metrics .dashboardRating,
#ReportDetails .dashboardRating {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  margin: 0 0 30px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
#Dashboard .dashboardRating.ng-enter,
.dashboard-dialog .dashboardRating.ng-enter,
#Metrics .dashboardRating.ng-enter,
#ReportDetails .dashboardRating.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#Dashboard .dashboardRating.ng-leave,
.dashboard-dialog .dashboardRating.ng-leave,
#Metrics .dashboardRating.ng-leave,
#ReportDetails .dashboardRating.ng-leave {
  animation-name: fadeOut;
  animation-duration: 1s;
}
#Dashboard .dashboardRating .header,
.dashboard-dialog .dashboardRating .header,
#Metrics .dashboardRating .header,
#ReportDetails .dashboardRating .header {
  margin-bottom: 20px;
  max-width: 700px;
}
#Dashboard .dashboardRating .lastFeedbackDate,
.dashboard-dialog .dashboardRating .lastFeedbackDate,
#Metrics .dashboardRating .lastFeedbackDate,
#ReportDetails .dashboardRating .lastFeedbackDate {
  font-size: 12px;
  font-weight: 100;
  color: #707070;
}
#Dashboard .features .slick-button,
#Dashboard .carousel.cards .slick-button,
.dashboard-dialog .features .slick-button,
.dashboard-dialog .carousel.cards .slick-button,
#Metrics .features .slick-button,
#Metrics .carousel.cards .slick-button,
#ReportDetails .features .slick-button,
#ReportDetails .carousel.cards .slick-button {
  top: 50%;
  margin-top: -15px;
  cursor: pointer;
}
#Dashboard .features .slick-button::before, #Dashboard .features .slick-button::after,
#Dashboard .carousel.cards .slick-button::before,
#Dashboard .carousel.cards .slick-button::after,
.dashboard-dialog .features .slick-button::before,
.dashboard-dialog .features .slick-button::after,
.dashboard-dialog .carousel.cards .slick-button::before,
.dashboard-dialog .carousel.cards .slick-button::after,
#Metrics .features .slick-button::before,
#Metrics .features .slick-button::after,
#Metrics .carousel.cards .slick-button::before,
#Metrics .carousel.cards .slick-button::after,
#ReportDetails .features .slick-button::before,
#ReportDetails .features .slick-button::after,
#ReportDetails .carousel.cards .slick-button::before,
#ReportDetails .carousel.cards .slick-button::after {
  font-size: 20px;
}
#Dashboard .features .slick-button.slick-prev,
#Dashboard .carousel.cards .slick-button.slick-prev,
.dashboard-dialog .features .slick-button.slick-prev,
.dashboard-dialog .carousel.cards .slick-button.slick-prev,
#Metrics .features .slick-button.slick-prev,
#Metrics .carousel.cards .slick-button.slick-prev,
#ReportDetails .features .slick-button.slick-prev,
#ReportDetails .carousel.cards .slick-button.slick-prev {
  left: -20px;
}
#Dashboard .features .slick-button.slick-next,
#Dashboard .carousel.cards .slick-button.slick-next,
.dashboard-dialog .features .slick-button.slick-next,
.dashboard-dialog .carousel.cards .slick-button.slick-next,
#Metrics .features .slick-button.slick-next,
#Metrics .carousel.cards .slick-button.slick-next,
#ReportDetails .features .slick-button.slick-next,
#ReportDetails .carousel.cards .slick-button.slick-next {
  right: -20px;
}
#Dashboard .features .slick-dots,
#Dashboard .carousel.cards .slick-dots,
.dashboard-dialog .features .slick-dots,
.dashboard-dialog .carousel.cards .slick-dots,
#Metrics .features .slick-dots,
#Metrics .carousel.cards .slick-dots,
#ReportDetails .features .slick-dots,
#ReportDetails .carousel.cards .slick-dots {
  position: relative;
  text-align: center;
  padding: 0;
  margin: 0;
}
#Dashboard .features .slick-dots li,
#Dashboard .carousel.cards .slick-dots li,
.dashboard-dialog .features .slick-dots li,
.dashboard-dialog .carousel.cards .slick-dots li,
#Metrics .features .slick-dots li,
#Metrics .carousel.cards .slick-dots li,
#ReportDetails .features .slick-dots li,
#ReportDetails .carousel.cards .slick-dots li {
  display: inline-block;
}
#Dashboard .features .slick-dots li .dot,
#Dashboard .carousel.cards .slick-dots li .dot,
.dashboard-dialog .features .slick-dots li .dot,
.dashboard-dialog .carousel.cards .slick-dots li .dot,
#Metrics .features .slick-dots li .dot,
#Metrics .carousel.cards .slick-dots li .dot,
#ReportDetails .features .slick-dots li .dot,
#ReportDetails .carousel.cards .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #064250;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
#Dashboard .features .slick-dots li.slick-active .dot,
#Dashboard .carousel.cards .slick-dots li.slick-active .dot,
.dashboard-dialog .features .slick-dots li.slick-active .dot,
.dashboard-dialog .carousel.cards .slick-dots li.slick-active .dot,
#Metrics .features .slick-dots li.slick-active .dot,
#Metrics .carousel.cards .slick-dots li.slick-active .dot,
#ReportDetails .features .slick-dots li.slick-active .dot,
#ReportDetails .carousel.cards .slick-dots li.slick-active .dot {
  background: #2196F3;
}
#Dashboard .intro,
.dashboard-dialog .intro,
#Metrics .intro,
#ReportDetails .intro {
  margin: 20px 15px;
}
#Dashboard .intro .welcomeLine,
.dashboard-dialog .intro .welcomeLine,
#Metrics .intro .welcomeLine,
#ReportDetails .intro .welcomeLine {
  color: #064250;
  font-size: 25px;
}
#Dashboard .intro .tags,
.dashboard-dialog .intro .tags,
#Metrics .intro .tags,
#ReportDetails .intro .tags {
  margin: 0 0 0 5px;
}
#Dashboard .brand .image,
#Dashboard .athlete .image,
.dashboard-dialog .brand .image,
.dashboard-dialog .athlete .image,
#Metrics .brand .image,
#Metrics .athlete .image,
#ReportDetails .brand .image,
#ReportDetails .athlete .image {
  margin: 0 5px 0 0;
}
#Dashboard .brand .userImage,
#Dashboard .athlete .userImage,
.dashboard-dialog .brand .userImage,
.dashboard-dialog .athlete .userImage,
#Metrics .brand .userImage,
#Metrics .athlete .userImage,
#ReportDetails .brand .userImage,
#ReportDetails .athlete .userImage {
  background-color: #fff;
}
#Dashboard .brand .name,
#Dashboard .athlete .name,
.dashboard-dialog .brand .name,
.dashboard-dialog .athlete .name,
#Metrics .brand .name,
#Metrics .athlete .name,
#ReportDetails .brand .name,
#ReportDetails .athlete .name {
  color: #434343;
  line-height: 18px;
}
#Dashboard .brand .category,
#Dashboard .athlete .category,
.dashboard-dialog .brand .category,
.dashboard-dialog .athlete .category,
#Metrics .brand .category,
#Metrics .athlete .category,
#ReportDetails .brand .category,
#ReportDetails .athlete .category {
  font-size: 12px;
  color: #707070;
}
#Dashboard .brand .info,
#Dashboard .athlete .info,
.dashboard-dialog .brand .info,
.dashboard-dialog .athlete .info,
#Metrics .brand .info,
#Metrics .athlete .info,
#ReportDetails .brand .info,
#ReportDetails .athlete .info {
  margin: 2px;
}
#Dashboard .brand,
.dashboard-dialog .brand,
#Metrics .brand,
#ReportDetails .brand {
  margin: 20px 0;
}
#Dashboard .athlete .name,
.dashboard-dialog .athlete .name,
#Metrics .athlete .name,
#ReportDetails .athlete .name {
  margin: 0 5px;
}
#Dashboard .athlete .ratingStars .star,
.dashboard-dialog .athlete .ratingStars .star,
#Metrics .athlete .ratingStars .star,
#ReportDetails .athlete .ratingStars .star {
  padding: 0 5px;
}
#Dashboard .tdate,
.dashboard-dialog .tdate,
#Metrics .tdate,
#ReportDetails .tdate {
  color: #ACACAC;
}
#Dashboard .keywords.group,
.dashboard-dialog .keywords.group,
#Metrics .keywords.group,
#ReportDetails .keywords.group {
  margin: 0 0 5px;
  cursor: pointer;
}
#Dashboard .dashSummary .summary,
.dashboard-dialog .dashSummary .summary,
#Metrics .dashSummary .summary,
#ReportDetails .dashSummary .summary {
  margin: 20px 10px 0 10px;
}
#Dashboard .brand-basic,
.dashboard-dialog .brand-basic,
#Metrics .brand-basic,
#ReportDetails .brand-basic {
  margin: 0 10px;
}
#Dashboard .onboarding,
.dashboard-dialog .onboarding,
#Metrics .onboarding,
#ReportDetails .onboarding {
  border-radius: 10px;
  padding: 15px;
  background: #ffdf93;
  font-size: 15px;
  color: #0d4c5b;
}
#Dashboard .onboarding .image-container,
.dashboard-dialog .onboarding .image-container,
#Metrics .onboarding .image-container,
#ReportDetails .onboarding .image-container {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background: #F39D0F;
  margin-right: 15px;
}
#Dashboard .onboarding .image-container svg,
.dashboard-dialog .onboarding .image-container svg,
#Metrics .onboarding .image-container svg,
#ReportDetails .onboarding .image-container svg {
  width: 100%;
  animation: arocket 0.7s linear infinite;
}
#Dashboard .profile-completeness .fit,
.dashboard-dialog .profile-completeness .fit,
#Metrics .profile-completeness .fit,
#ReportDetails .profile-completeness .fit {
  position: relative;
  margin: 0 10px 0 0;
}
#Dashboard .profile-completeness .image-container,
.dashboard-dialog .profile-completeness .image-container,
#Metrics .profile-completeness .image-container,
#ReportDetails .profile-completeness .image-container {
  position: absolute;
  margin: 0;
  top: 5px;
  left: 5px;
}
#Dashboard .profile-completeness .image-container .userImage,
.dashboard-dialog .profile-completeness .image-container .userImage,
#Metrics .profile-completeness .image-container .userImage,
#ReportDetails .profile-completeness .image-container .userImage {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
#Dashboard .profile-completeness .carousel,
.dashboard-dialog .profile-completeness .carousel,
#Metrics .profile-completeness .carousel,
#ReportDetails .profile-completeness .carousel {
  margin: 30px 20px 20px;
}
#Dashboard .profile-completeness .carousel .slick-button,
.dashboard-dialog .profile-completeness .carousel .slick-button,
#Metrics .profile-completeness .carousel .slick-button,
#ReportDetails .profile-completeness .carousel .slick-button {
  top: -10px;
}
#Dashboard .profile-completeness .agent .header,
.dashboard-dialog .profile-completeness .agent .header,
#Metrics .profile-completeness .agent .header,
#ReportDetails .profile-completeness .agent .header {
  margin: 0 0 10px;
}
#Dashboard .profile-completeness .list .item,
.dashboard-dialog .profile-completeness .list .item,
#Metrics .profile-completeness .list .item,
#ReportDetails .profile-completeness .list .item {
  cursor: pointer;
}
#Dashboard .profile-completeness .head.icon,
.dashboard-dialog .profile-completeness .head.icon,
#Metrics .profile-completeness .head.icon,
#ReportDetails .profile-completeness .head.icon {
  background-image: -webkit-linear-gradient(95deg, #F5A623, #ffdf93);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#Dashboard .profile-completeness .head.icon::before, #Dashboard .profile-completeness .head.icon::after,
.dashboard-dialog .profile-completeness .head.icon::before,
.dashboard-dialog .profile-completeness .head.icon::after,
#Metrics .profile-completeness .head.icon::before,
#Metrics .profile-completeness .head.icon::after,
#ReportDetails .profile-completeness .head.icon::before,
#ReportDetails .profile-completeness .head.icon::after {
  font-size: 40px;
}
#Dashboard .profile-completeness .completedProfile,
.dashboard-dialog .profile-completeness .completedProfile,
#Metrics .profile-completeness .completedProfile,
#ReportDetails .profile-completeness .completedProfile {
  margin: 15px 0 0;
}
#Dashboard .profile-completeness .completedProfile .icon::before, #Dashboard .profile-completeness .completedProfile .icon::after,
.dashboard-dialog .profile-completeness .completedProfile .icon::before,
.dashboard-dialog .profile-completeness .completedProfile .icon::after,
#Metrics .profile-completeness .completedProfile .icon::before,
#Metrics .profile-completeness .completedProfile .icon::after,
#ReportDetails .profile-completeness .completedProfile .icon::before,
#ReportDetails .profile-completeness .completedProfile .icon::after {
  font-size: 12px;
}
#Dashboard .profile-completeness .zero,
.dashboard-dialog .profile-completeness .zero,
#Metrics .profile-completeness .zero,
#ReportDetails .profile-completeness .zero {
  padding: 20px;
  text-align: center;
}
#Dashboard .profile-completeness .zero .text,
.dashboard-dialog .profile-completeness .zero .text,
#Metrics .profile-completeness .zero .text,
#ReportDetails .profile-completeness .zero .text {
  color: #707070;
  font-weight: 500;
  padding: 0 0 5px;
}
@media only screen and (max-width: 1280px) {
  #Dashboard .profile-completeness .list,
.dashboard-dialog .profile-completeness .list,
#Metrics .profile-completeness .list,
#ReportDetails .profile-completeness .list {
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width: 960px) {
  #Dashboard .profile-completeness .list,
.dashboard-dialog .profile-completeness .list,
#Metrics .profile-completeness .list,
#ReportDetails .profile-completeness .list {
    margin: 0;
  }
}
#Dashboard .summary,
.dashboard-dialog .summary,
#Metrics .summary,
#ReportDetails .summary {
  border-radius: 5px;
  overflow: hidden;
  margin: 10px 0;
}
#Dashboard .summary hr,
.dashboard-dialog .summary hr,
#Metrics .summary hr,
#ReportDetails .summary hr {
  margin: 0;
}
#Dashboard .summary .summary-container,
.dashboard-dialog .summary .summary-container,
#Metrics .summary .summary-container,
#ReportDetails .summary .summary-container {
  color: #fff;
  text-align: center;
  padding: 10px;
  transition: width 0.8s;
}
#Dashboard .summary .summary-container .block,
.dashboard-dialog .summary .summary-container .block,
#Metrics .summary .summary-container .block,
#ReportDetails .summary .summary-container .block {
  margin: 20px 0 0;
}
#Dashboard .summary .summary-container h3,
.dashboard-dialog .summary .summary-container h3,
#Metrics .summary .summary-container h3,
#ReportDetails .summary .summary-container h3 {
  color: #fff;
  margin: 10px 0;
}
#Dashboard .summary .summary-container .number,
.dashboard-dialog .summary .summary-container .number,
#Metrics .summary .summary-container .number,
#ReportDetails .summary .summary-container .number {
  font-size: 28px;
}
#Dashboard .summary .summary-container .label,
.dashboard-dialog .summary .summary-container .label,
#Metrics .summary .summary-container .label,
#ReportDetails .summary .summary-container .label {
  font-size: 13px;
  font-weight: 500;
}
#Dashboard .summary .summary-container.campaigns,
.dashboard-dialog .summary .summary-container.campaigns,
#Metrics .summary .summary-container.campaigns,
#ReportDetails .summary .summary-container.campaigns {
  background: #6d5ca8;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #6d5ca8, #8a7ac0);
}
#Dashboard .summary .summary-container.deals,
.dashboard-dialog .summary .summary-container.deals,
#Metrics .summary .summary-container.deals,
#ReportDetails .summary .summary-container.deals {
  background: #2f8295;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #2f8295, #4899ab);
}
#Dashboard .summary .summary-container.deal-tips,
.dashboard-dialog .summary .summary-container.deal-tips,
#Metrics .summary .summary-container.deal-tips,
#ReportDetails .summary .summary-container.deal-tips {
  background: #2f8295;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #2f8295, #4899ab);
  color: #fff;
}
#Dashboard .summary .summary-container.campaign-tips,
.dashboard-dialog .summary .summary-container.campaign-tips,
#Metrics .summary .summary-container.campaign-tips,
#ReportDetails .summary .summary-container.campaign-tips {
  background: #2f8295;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #2f8295, #4899ab);
}
#Dashboard .summary .summary-container.completed,
.dashboard-dialog .summary .summary-container.completed,
#Metrics .summary .summary-container.completed,
#ReportDetails .summary .summary-container.completed {
  background: #669630;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #669630, #73a937);
}
#Dashboard .summary .summary-container.applications, #Dashboard .summary .summary-container.athletes,
.dashboard-dialog .summary .summary-container.applications,
.dashboard-dialog .summary .summary-container.athletes,
#Metrics .summary .summary-container.applications,
#Metrics .summary .summary-container.athletes,
#ReportDetails .summary .summary-container.applications,
#ReportDetails .summary .summary-container.athletes {
  color: #434343;
  background: #edf5f6;
}
#Dashboard .summary .summary-container.applicationsList,
.dashboard-dialog .summary .summary-container.applicationsList,
#Metrics .summary .summary-container.applicationsList,
#ReportDetails .summary .summary-container.applicationsList {
  background: #ed9b14;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #ed9b14, #e18c00);
}
#Dashboard .summary .summary-container.warning,
.dashboard-dialog .summary .summary-container.warning,
#Metrics .summary .summary-container.warning,
#ReportDetails .summary .summary-container.warning {
  color: #fff;
  background-color: #e06969;
}
#Dashboard .summary .summary-container.roi,
.dashboard-dialog .summary .summary-container.roi,
#Metrics .summary .summary-container.roi,
#ReportDetails .summary .summary-container.roi {
  color: #434343;
  background: #fff;
}
#Dashboard .summary .summary-container.roi .number,
.dashboard-dialog .summary .summary-container.roi .number,
#Metrics .summary .summary-container.roi .number,
#ReportDetails .summary .summary-container.roi .number {
  color: #2f8295;
}
#Dashboard .summary .summary-container.info,
.dashboard-dialog .summary .summary-container.info,
#Metrics .summary .summary-container.info,
#ReportDetails .summary .summary-container.info {
  background: #326f9f;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #326f9f, #5790be);
  color: #fff;
}
#Dashboard .summary .summary-container.info.new,
.dashboard-dialog .summary .summary-container.info.new,
#Metrics .summary .summary-container.info.new,
#ReportDetails .summary .summary-container.info.new {
  background: #ff7676;
}
#Dashboard .summary .summary-container.info h3,
.dashboard-dialog .summary .summary-container.info h3,
#Metrics .summary .summary-container.info h3,
#ReportDetails .summary .summary-container.info h3 {
  margin: 10px 0;
  color: #fff;
}
#Dashboard .summary .summary-container.info h4,
.dashboard-dialog .summary .summary-container.info h4,
#Metrics .summary .summary-container.info h4,
#ReportDetails .summary .summary-container.info h4 {
  margin: 10px 0;
  color: #fff;
  line-height: 20px;
}
#Dashboard .summary .summary-container.info .description,
.dashboard-dialog .summary .summary-container.info .description,
#Metrics .summary .summary-container.info .description,
#ReportDetails .summary .summary-container.info .description {
  margin: 0 10px 5px;
}
#Dashboard .summary .stats-container .stat,
.dashboard-dialog .summary .stats-container .stat,
#Metrics .summary .stats-container .stat,
#ReportDetails .summary .stats-container .stat {
  padding: 20px;
}
#Dashboard .summary .stats,
.dashboard-dialog .summary .stats,
#Metrics .summary .stats,
#ReportDetails .summary .stats {
  background-color: #fff;
  padding: 20px 0;
}
#Dashboard .summary .stats .stat,
.dashboard-dialog .summary .stats .stat,
#Metrics .summary .stats .stat,
#ReportDetails .summary .stats .stat {
  background-color: #fff;
  text-align: center;
  border-left: 1px solid #D8D8D8;
  padding: 5px 20px;
}
#Dashboard .summary .stats .stat .number,
.dashboard-dialog .summary .stats .stat .number,
#Metrics .summary .stats .stat .number,
#ReportDetails .summary .stats .stat .number {
  font-size: 30px;
  color: #2f8295;
}
#Dashboard .summary .stats .stat label,
.dashboard-dialog .summary .stats .stat label,
#Metrics .summary .stats .stat label,
#ReportDetails .summary .stats .stat label {
  font-size: 13px;
  font-weight: 100;
  text-transform: none;
}
#Dashboard .summary .stats .stat.small .number,
.dashboard-dialog .summary .stats .stat.small .number,
#Metrics .summary .stats .stat.small .number,
#ReportDetails .summary .stats .stat.small .number {
  font-size: 18px;
}
#Dashboard .card,
.dashboard-dialog .card,
#Metrics .card,
#ReportDetails .card {
  background: #edf5f6;
  padding: 10px;
  border-radius: 3px;
  text-align: center;
}
#Dashboard .card .name,
.dashboard-dialog .card .name,
#Metrics .card .name,
#ReportDetails .card .name {
  font-size: 16px;
  font-weight: 500;
  color: #434343;
}
#Dashboard .card .sports,
.dashboard-dialog .card .sports,
#Metrics .card .sports,
#ReportDetails .card .sports {
  font-size: 13px;
  color: #434343;
}
#Dashboard .card:hover .name,
.dashboard-dialog .card:hover .name,
#Metrics .card:hover .name,
#ReportDetails .card:hover .name {
  color: #2196F3;
}
#Dashboard .list .item,
.dashboard-dialog .list .item,
#Metrics .list .item,
#ReportDetails .list .item {
  background: #edf5f6;
  padding: 10px;
  border-radius: 3px;
  margin: 0 0 4px 0;
  color: #707070;
}
#Dashboard .list .item .image-container,
.dashboard-dialog .list .item .image-container,
#Metrics .list .item .image-container,
#ReportDetails .list .item .image-container {
  margin: 0 8px 0 0;
}
#Dashboard .list .item .image,
.dashboard-dialog .list .item .image,
#Metrics .list .item .image,
#ReportDetails .list .item .image {
  margin: 0;
}
#Dashboard .list .item .name,
.dashboard-dialog .list .item .name,
#Metrics .list .item .name,
#ReportDetails .list .item .name {
  font-size: 14px;
  font-weight: 500;
}
#Dashboard .list .item .description,
.dashboard-dialog .list .item .description,
#Metrics .list .item .description,
#ReportDetails .list .item .description {
  font-size: 13px;
  margin: 0;
}
#Dashboard .list .item .action,
.dashboard-dialog .list .item .action,
#Metrics .list .item .action,
#ReportDetails .list .item .action {
  margin: 0 0 0 3px;
}
#Dashboard .list .item a.btn,
.dashboard-dialog .list .item a.btn,
#Metrics .list .item a.btn,
#ReportDetails .list .item a.btn {
  font-size: 12px;
}
#Dashboard .list .item .postHighlight,
.dashboard-dialog .list .item .postHighlight,
#Metrics .list .item .postHighlight,
#ReportDetails .list .item .postHighlight {
  margin: 5px 0 0;
  font-size: 11px;
}
#Dashboard .list .item .postHighlight em,
.dashboard-dialog .list .item .postHighlight em,
#Metrics .list .item .postHighlight em,
#ReportDetails .list .item .postHighlight em {
  border-radius: 3px;
  background: #9bc2cb;
  color: #fff;
  padding: 0 2px;
}
#Dashboard .list .item .stats .stat .number,
.dashboard-dialog .list .item .stats .stat .number,
#Metrics .list .item .stats .stat .number,
#ReportDetails .list .item .stats .stat .number {
  font-size: 15px;
  color: #2f8295;
}
#Dashboard .list .item .stats .stat .number .icon::after, #Dashboard .list .item .stats .stat .number .icon::before,
.dashboard-dialog .list .item .stats .stat .number .icon::after,
.dashboard-dialog .list .item .stats .stat .number .icon::before,
#Metrics .list .item .stats .stat .number .icon::after,
#Metrics .list .item .stats .stat .number .icon::before,
#ReportDetails .list .item .stats .stat .number .icon::after,
#ReportDetails .list .item .stats .stat .number .icon::before {
  font-size: 15px;
}
#Dashboard .list .item .stats .stat label,
.dashboard-dialog .list .item .stats .stat label,
#Metrics .list .item .stats .stat label,
#ReportDetails .list .item .stats .stat label {
  color: #707070;
  font-size: 12px;
}
#Dashboard .list .item:hover,
.dashboard-dialog .list .item:hover,
#Metrics .list .item:hover,
#ReportDetails .list .item:hover {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease 0s;
}
#Dashboard .list .placeholder,
.dashboard-dialog .list .placeholder,
#Metrics .list .placeholder,
#ReportDetails .list .placeholder {
  color: #58777d;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  border-radius: 5px;
}
#Dashboard .list .placeholder .tags,
.dashboard-dialog .list .placeholder .tags,
#Metrics .list .placeholder .tags,
#ReportDetails .list .placeholder .tags {
  margin: 5px 0;
}
#Dashboard .list .placeholder .exampleItem,
.dashboard-dialog .list .placeholder .exampleItem,
#Metrics .list .placeholder .exampleItem,
#ReportDetails .list .placeholder .exampleItem {
  text-align: left;
  background: #e3edee;
  padding: 10px;
  border-radius: 3px;
  margin: 0 0 4px 0;
}
#Dashboard .toDoList .content,
.dashboard-dialog .toDoList .content,
#Metrics .toDoList .content,
#ReportDetails .toDoList .content {
  padding-top: 0;
}
#Dashboard .toDoList .list .head,
.dashboard-dialog .toDoList .list .head,
#Metrics .toDoList .list .head,
#ReportDetails .toDoList .list .head {
  margin: 8px 10px 0 0;
}
#Dashboard .toDoList .list .label,
.dashboard-dialog .toDoList .list .label,
#Metrics .toDoList .list .label,
#ReportDetails .toDoList .list .label {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  text-transform: uppercase;
}
#Dashboard .toDoList .list .item,
.dashboard-dialog .toDoList .list .item,
#Metrics .toDoList .list .item,
#ReportDetails .toDoList .list .item {
  background: #e06969;
  color: #fff;
  position: relative;
  cursor: pointer;
  padding: 8px;
}
#Dashboard .toDoList .list .item.ng-enter,
.dashboard-dialog .toDoList .list .item.ng-enter,
#Metrics .toDoList .list .item.ng-enter,
#ReportDetails .toDoList .list .item.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
#Dashboard .toDoList .list .item.ng-leave,
.dashboard-dialog .toDoList .list .item.ng-leave,
#Metrics .toDoList .list .item.ng-leave,
#ReportDetails .toDoList .list .item.ng-leave {
  display: none;
}
#Dashboard .toDoList .list .item .userImage,
.dashboard-dialog .toDoList .list .item .userImage,
#Metrics .toDoList .list .item .userImage,
#ReportDetails .toDoList .list .item .userImage {
  background-color: #fff;
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
#Dashboard .toDoList .list .item a.btn,
.dashboard-dialog .toDoList .list .item a.btn,
#Metrics .toDoList .list .item a.btn,
#ReportDetails .toDoList .list .item a.btn {
  font-size: 12px;
}
#Dashboard .toDoList .list .placeholder,
.dashboard-dialog .toDoList .list .placeholder,
#Metrics .toDoList .list .placeholder,
#ReportDetails .toDoList .list .placeholder {
  background: #edf5f6;
  padding: 10px;
  margin: 20px;
}
#Dashboard .toDoList .list a.ref.small,
.dashboard-dialog .toDoList .list a.ref.small,
#Metrics .toDoList .list a.ref.small,
#ReportDetails .toDoList .list a.ref.small {
  font-size: 11px;
}
#Dashboard #FAQ .carousel,
.dashboard-dialog #FAQ .carousel,
#Metrics #FAQ .carousel,
#ReportDetails #FAQ .carousel {
  margin: 0;
}
#Dashboard #FAQ .carousel .slick-button,
.dashboard-dialog #FAQ .carousel .slick-button,
#Metrics #FAQ .carousel .slick-button,
#ReportDetails #FAQ .carousel .slick-button {
  top: -55px;
}
#Dashboard #FAQ .answer,
.dashboard-dialog #FAQ .answer,
#Metrics #FAQ .answer,
#ReportDetails #FAQ .answer {
  font-size: 12px;
}
#Dashboard #FAQ .faqLink,
.dashboard-dialog #FAQ .faqLink,
#Metrics #FAQ .faqLink,
#ReportDetails #FAQ .faqLink {
  margin: 10px 0 0 0;
}
#Dashboard #FAQ .image,
.dashboard-dialog #FAQ .image,
#Metrics #FAQ .image,
#ReportDetails #FAQ .image {
  width: 75px;
  margin: 0 10px 0 0;
}
#Dashboard #FAQ .image img,
.dashboard-dialog #FAQ .image img,
#Metrics #FAQ .image img,
#ReportDetails #FAQ .image img {
  width: 100%;
}
#Dashboard .tracking,
.dashboard-dialog .tracking,
#Metrics .tracking,
#ReportDetails .tracking {
  max-width: 300px;
}
#Dashboard .tracking .progressBar-linear,
.dashboard-dialog .tracking .progressBar-linear,
#Metrics .tracking .progressBar-linear,
#ReportDetails .tracking .progressBar-linear {
  margin: 5px 0;
}
#Dashboard .p1,
.dashboard-dialog .p1,
#Metrics .p1,
#ReportDetails .p1 {
  margin: 0 0 20px 0;
}
#Dashboard .p1 .dash-panel,
.dashboard-dialog .p1 .dash-panel,
#Metrics .p1 .dash-panel,
#ReportDetails .p1 .dash-panel {
  margin-bottom: 0;
}
#Dashboard .title,
.dashboard-dialog .title,
#Metrics .title,
#ReportDetails .title {
  color: #064250;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
#Dashboard .title .numberNotify .circle,
.dashboard-dialog .title .numberNotify .circle,
#Metrics .title .numberNotify .circle,
#ReportDetails .title .numberNotify .circle {
  border: 1px solid #0d4c5b;
  background: none;
  color: #064250;
  line-height: 18px;
}
#Dashboard .stats,
.dashboard-dialog .stats,
#Metrics .stats,
#ReportDetails .stats {
  color: #434343;
}
#Dashboard .stats .row,
.dashboard-dialog .stats .row,
#Metrics .stats .row,
#ReportDetails .stats .row {
  padding: 20px 0;
}
#Dashboard .stats .row:not(:last-child),
.dashboard-dialog .stats .row:not(:last-child),
#Metrics .stats .row:not(:last-child),
#ReportDetails .stats .row:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
#Dashboard .stats .stat,
.dashboard-dialog .stats .stat,
#Metrics .stats .stat,
#ReportDetails .stats .stat {
  padding: 5px;
}
#Dashboard .stats .stat:not(:first-child),
.dashboard-dialog .stats .stat:not(:first-child),
#Metrics .stats .stat:not(:first-child),
#ReportDetails .stats .stat:not(:first-child) {
  border-left: 1px solid #D8D8D8;
}
#Dashboard .stats .stat .number,
.dashboard-dialog .stats .stat .number,
#Metrics .stats .stat .number,
#ReportDetails .stats .stat .number {
  font-size: 22px;
}
#Dashboard .stats .stat label,
.dashboard-dialog .stats .stat label,
#Metrics .stats .stat label,
#ReportDetails .stats .stat label {
  font-size: 13px;
}
#Dashboard .stats .stat.big .number,
.dashboard-dialog .stats .stat.big .number,
#Metrics .stats .stat.big .number,
#ReportDetails .stats .stat.big .number {
  font-size: 28px;
}
#Dashboard .social-overview-container .athleteHeader,
.dashboard-dialog .social-overview-container .athleteHeader,
#Metrics .social-overview-container .athleteHeader,
#ReportDetails .social-overview-container .athleteHeader {
  margin: 0 0 10px 0;
}
#Dashboard .social-overview-container .athlete-basic .image,
.dashboard-dialog .social-overview-container .athlete-basic .image,
#Metrics .social-overview-container .athlete-basic .image,
#ReportDetails .social-overview-container .athlete-basic .image {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
#Dashboard .social-overview-container .scroller,
.dashboard-dialog .social-overview-container .scroller,
#Metrics .social-overview-container .scroller,
#ReportDetails .social-overview-container .scroller {
  height: 250px;
}
#Dashboard .social-overview-container .social,
.dashboard-dialog .social-overview-container .social,
#Metrics .social-overview-container .social,
#ReportDetails .social-overview-container .social {
  padding: 10px 0;
}
#Dashboard .social-overview-container .social:not(:last-child),
.dashboard-dialog .social-overview-container .social:not(:last-child),
#Metrics .social-overview-container .social:not(:last-child),
#ReportDetails .social-overview-container .social:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
#Dashboard .social-overview-container .social .circleBtn,
.dashboard-dialog .social-overview-container .social .circleBtn,
#Metrics .social-overview-container .social .circleBtn,
#ReportDetails .social-overview-container .social .circleBtn {
  border-radius: 12px;
  width: 24px;
  height: 24px;
}
#Dashboard .social-overview-container .social .circleBtn .icon::after, #Dashboard .social-overview-container .social .circleBtn .icon::before,
.dashboard-dialog .social-overview-container .social .circleBtn .icon::after,
.dashboard-dialog .social-overview-container .social .circleBtn .icon::before,
#Metrics .social-overview-container .social .circleBtn .icon::after,
#Metrics .social-overview-container .social .circleBtn .icon::before,
#ReportDetails .social-overview-container .social .circleBtn .icon::after,
#ReportDetails .social-overview-container .social .circleBtn .icon::before {
  font-size: 10px;
}
#Dashboard .social-overview-container .social .platformName,
.dashboard-dialog .social-overview-container .social .platformName,
#Metrics .social-overview-container .social .platformName,
#ReportDetails .social-overview-container .social .platformName {
  font-weight: 500;
  color: #707070;
}
#Dashboard .social-overview-container .social .socialStat .item,
.dashboard-dialog .social-overview-container .social .socialStat .item,
#Metrics .social-overview-container .social .socialStat .item,
#ReportDetails .social-overview-container .social .socialStat .item {
  margin: 2px 0;
}
#Dashboard .social-overview-container .social .socialStat .label,
.dashboard-dialog .social-overview-container .social .socialStat .label,
#Metrics .social-overview-container .social .socialStat .label,
#ReportDetails .social-overview-container .social .socialStat .label {
  font-size: 13px;
  margin: 0 0 0 45px;
}
#Dashboard .social-overview-container .social .socialStat .number,
.dashboard-dialog .social-overview-container .social .socialStat .number,
#Metrics .social-overview-container .social .socialStat .number,
#ReportDetails .social-overview-container .social .socialStat .number {
  font-weight: 500;
  font-size: 12px;
  color: #707070;
}
#Dashboard .gridGallery,
.dashboard-dialog .gridGallery,
#Metrics .gridGallery,
#ReportDetails .gridGallery {
  min-height: 400px;
  border-radius: 5px;
  overflow: hidden;
}
#Dashboard .gridGallery .item,
.dashboard-dialog .gridGallery .item,
#Metrics .gridGallery .item,
#ReportDetails .gridGallery .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  position: relative;
  color: #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  cursor: pointer;
}
#Dashboard .gridGallery .item .athlete,
.dashboard-dialog .gridGallery .item .athlete,
#Metrics .gridGallery .item .athlete,
#ReportDetails .gridGallery .item .athlete {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px;
  background: rgba(4, 55, 67, 0.7);
  color: #fff;
}
#Dashboard .gridGallery .item .athlete .image-container,
.dashboard-dialog .gridGallery .item .athlete .image-container,
#Metrics .gridGallery .item .athlete .image-container,
#ReportDetails .gridGallery .item .athlete .image-container {
  margin: 0 5px 0 0;
}
#Dashboard .gridGallery .item .athlete .name,
.dashboard-dialog .gridGallery .item .athlete .name,
#Metrics .gridGallery .item .athlete .name,
#ReportDetails .gridGallery .item .athlete .name {
  font-size: 13px;
  font-weight: 500;
}
#Dashboard .gridGallery .item .athlete .date,
.dashboard-dialog .gridGallery .item .athlete .date,
#Metrics .gridGallery .item .athlete .date,
#ReportDetails .gridGallery .item .athlete .date {
  font-size: 11px;
}
#Dashboard .gridGallery .item .info,
.dashboard-dialog .gridGallery .item .info,
#Metrics .gridGallery .item .info,
#ReportDetails .gridGallery .item .info {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  background: rgba(4, 55, 67, 0.7);
}
#Dashboard .gridGallery .item .engagement .box,
.dashboard-dialog .gridGallery .item .engagement .box,
#Metrics .gridGallery .item .engagement .box,
#ReportDetails .gridGallery .item .engagement .box {
  padding: 0 10px;
}
#Dashboard .gridGallery .item .engagement .box:not(:first-child),
.dashboard-dialog .gridGallery .item .engagement .box:not(:first-child),
#Metrics .gridGallery .item .engagement .box:not(:first-child),
#ReportDetails .gridGallery .item .engagement .box:not(:first-child) {
  border-left: 1px solid #D8D8D8;
}
#Dashboard .gridGallery .item .engagement .box .icon,
.dashboard-dialog .gridGallery .item .engagement .box .icon,
#Metrics .gridGallery .item .engagement .box .icon,
#ReportDetails .gridGallery .item .engagement .box .icon {
  margin: 0 3px 0 0;
}
#Dashboard .gridGallery .item .engagement .box .icon::before, #Dashboard .gridGallery .item .engagement .box .icon::after,
.dashboard-dialog .gridGallery .item .engagement .box .icon::before,
.dashboard-dialog .gridGallery .item .engagement .box .icon::after,
#Metrics .gridGallery .item .engagement .box .icon::before,
#Metrics .gridGallery .item .engagement .box .icon::after,
#ReportDetails .gridGallery .item .engagement .box .icon::before,
#ReportDetails .gridGallery .item .engagement .box .icon::after {
  font-size: 14px;
}
#Dashboard .gridGallery .item:hover .athlete,
#Dashboard .gridGallery .item:hover .info,
.dashboard-dialog .gridGallery .item:hover .athlete,
.dashboard-dialog .gridGallery .item:hover .info,
#Metrics .gridGallery .item:hover .athlete,
#Metrics .gridGallery .item:hover .info,
#ReportDetails .gridGallery .item:hover .athlete,
#ReportDetails .gridGallery .item:hover .info {
  opacity: 1;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#Dashboard #Highlights .timeline,
.dashboard-dialog #Highlights .timeline,
#Metrics #Highlights .timeline,
#ReportDetails #Highlights .timeline {
  margin-left: 10px;
}
#Dashboard #Highlights .timeline .event,
.dashboard-dialog #Highlights .timeline .event,
#Metrics #Highlights .timeline .event,
#ReportDetails #Highlights .timeline .event {
  position: relative;
}
#Dashboard #Highlights .timeline .event .info,
.dashboard-dialog #Highlights .timeline .event .info,
#Metrics #Highlights .timeline .event .info,
#ReportDetails #Highlights .timeline .event .info {
  padding: 0 0 15px 15px;
  border-color: #eaeded;
  font-size: 13px;
}
#Dashboard #Highlights .timeline .event:last-child .info,
.dashboard-dialog #Highlights .timeline .event:last-child .info,
#Metrics #Highlights .timeline .event:last-child .info,
#ReportDetails #Highlights .timeline .event:last-child .info {
  padding: 0 0 10px 20px;
  border-width: 0;
  border-left-width: 2px;
  -o-border-image: linear-gradient(to bottom, #ACACAC, rgba(0, 0, 0, 0)) 1 100%;
     border-image: linear-gradient(to bottom, #ACACAC, rgba(0, 0, 0, 0)) 1 100%;
}
#Dashboard #Highlights .timeline .point,
.dashboard-dialog #Highlights .timeline .point,
#Metrics #Highlights .timeline .point,
#ReportDetails #Highlights .timeline .point {
  border-radius: 6px;
  width: 12px;
  height: 12px;
  background: #D8D8D8;
  position: absolute;
  left: -5px;
}
#Dashboard #Highlights .timeline .point.recent-posts,
.dashboard-dialog #Highlights .timeline .point.recent-posts,
#Metrics #Highlights .timeline .point.recent-posts,
#ReportDetails #Highlights .timeline .point.recent-posts {
  background: #fff;
  width: 25px;
  height: 25px;
  left: -12px;
}
#Dashboard #Highlights .timeline .point .image,
.dashboard-dialog #Highlights .timeline .point .image,
#Metrics #Highlights .timeline .point .image,
#ReportDetails #Highlights .timeline .point .image {
  width: 25px;
  height: 25px;
}
#Dashboard #Highlights .timeline .text,
.dashboard-dialog #Highlights .timeline .text,
#Metrics #Highlights .timeline .text,
#ReportDetails #Highlights .timeline .text {
  position: relative;
  top: -3px;
}
#Dashboard #Highlights .timeline .detail a,
.dashboard-dialog #Highlights .timeline .detail a,
#Metrics #Highlights .timeline .detail a,
#ReportDetails #Highlights .timeline .detail a {
  color: #2196F3;
  font-weight: 500;
}
#Dashboard #Highlights .timeline .time,
.dashboard-dialog #Highlights .timeline .time,
#Metrics #Highlights .timeline .time,
#ReportDetails #Highlights .timeline .time {
  font-size: 12px;
  color: #707070;
  margin-left: 5px;
}
#Dashboard #Highlights .timeline .search .point,
.dashboard-dialog #Highlights .timeline .search .point,
#Metrics #Highlights .timeline .search .point,
#ReportDetails #Highlights .timeline .search .point {
  background-color: #f4505f;
}
#Dashboard #Highlights .timeline .search .info,
.dashboard-dialog #Highlights .timeline .search .info,
#Metrics #Highlights .timeline .search .info,
#ReportDetails #Highlights .timeline .search .info {
  border-color: #f4505f;
}
#Dashboard #Highlights .timeline .campaigns .point,
.dashboard-dialog #Highlights .timeline .campaigns .point,
#Metrics #Highlights .timeline .campaigns .point,
#ReportDetails #Highlights .timeline .campaigns .point {
  background-color: #6d5ca8;
}
#Dashboard #Highlights .timeline .campaigns .info,
.dashboard-dialog #Highlights .timeline .campaigns .info,
#Metrics #Highlights .timeline .campaigns .info,
#ReportDetails #Highlights .timeline .campaigns .info {
  border-color: #6d5ca8;
}
#Dashboard #Highlights .timeline .applications .point,
.dashboard-dialog #Highlights .timeline .applications .point,
#Metrics #Highlights .timeline .applications .point,
#ReportDetails #Highlights .timeline .applications .point {
  background-color: #6d5ca8;
}
#Dashboard #Highlights .timeline .applications .info,
.dashboard-dialog #Highlights .timeline .applications .info,
#Metrics #Highlights .timeline .applications .info,
#ReportDetails #Highlights .timeline .applications .info {
  border-color: #6d5ca8;
}
#Dashboard #Highlights .timeline .messages .point,
.dashboard-dialog #Highlights .timeline .messages .point,
#Metrics #Highlights .timeline .messages .point,
#ReportDetails #Highlights .timeline .messages .point {
  background-color: #ed9300;
}
#Dashboard #Highlights .timeline .messages .info,
.dashboard-dialog #Highlights .timeline .messages .info,
#Metrics #Highlights .timeline .messages .info,
#ReportDetails #Highlights .timeline .messages .info {
  border-color: #ed9300;
}
#Dashboard #Highlights .timeline .proposals .point,
.dashboard-dialog #Highlights .timeline .proposals .point,
#Metrics #Highlights .timeline .proposals .point,
#ReportDetails #Highlights .timeline .proposals .point {
  background-color: #559383;
}
#Dashboard #Highlights .timeline .proposals .info,
.dashboard-dialog #Highlights .timeline .proposals .info,
#Metrics #Highlights .timeline .proposals .info,
#ReportDetails #Highlights .timeline .proposals .info {
  border-color: #559383;
}
#Dashboard #Highlights .timeline .deals .point,
#Dashboard #Highlights .timeline .deliverables .point,
.dashboard-dialog #Highlights .timeline .deals .point,
.dashboard-dialog #Highlights .timeline .deliverables .point,
#Metrics #Highlights .timeline .deals .point,
#Metrics #Highlights .timeline .deliverables .point,
#ReportDetails #Highlights .timeline .deals .point,
#ReportDetails #Highlights .timeline .deliverables .point {
  background-color: #2f8295;
}
#Dashboard #Highlights .timeline .deals .info,
#Dashboard #Highlights .timeline .deliverables .info,
.dashboard-dialog #Highlights .timeline .deals .info,
.dashboard-dialog #Highlights .timeline .deliverables .info,
#Metrics #Highlights .timeline .deals .info,
#Metrics #Highlights .timeline .deliverables .info,
#ReportDetails #Highlights .timeline .deals .info,
#ReportDetails #Highlights .timeline .deliverables .info {
  border-color: #2f8295;
}
#Dashboard #Highlights .timeline .discovery .point,
.dashboard-dialog #Highlights .timeline .discovery .point,
#Metrics #Highlights .timeline .discovery .point,
#ReportDetails #Highlights .timeline .discovery .point {
  background-color: #f4505f;
}
#Dashboard #Highlights .timeline .discovery .info,
.dashboard-dialog #Highlights .timeline .discovery .info,
#Metrics #Highlights .timeline .discovery .info,
#ReportDetails #Highlights .timeline .discovery .info {
  border-color: #f4505f;
}
#Dashboard #Highlights .timeline .signup .point,
.dashboard-dialog #Highlights .timeline .signup .point,
#Metrics #Highlights .timeline .signup .point,
#ReportDetails #Highlights .timeline .signup .point {
  background-color: #63b509;
}
#Dashboard #Highlights .timeline .signup .info,
.dashboard-dialog #Highlights .timeline .signup .info,
#Metrics #Highlights .timeline .signup .info,
#ReportDetails #Highlights .timeline .signup .info {
  border: 0;
}
#Dashboard .dealTimeline.timeline,
.dashboard-dialog .dealTimeline.timeline,
#Metrics .dealTimeline.timeline,
#ReportDetails .dealTimeline.timeline {
  margin-left: 10px;
}
#Dashboard .dealTimeline.timeline .event,
.dashboard-dialog .dealTimeline.timeline .event,
#Metrics .dealTimeline.timeline .event,
#ReportDetails .dealTimeline.timeline .event {
  position: relative;
}
#Dashboard .dealTimeline.timeline .event .info,
.dashboard-dialog .dealTimeline.timeline .event .info,
#Metrics .dealTimeline.timeline .event .info,
#ReportDetails .dealTimeline.timeline .event .info {
  padding: 0 0 30px 20px;
}
#Dashboard .dealTimeline.timeline .event:last-child .info,
.dashboard-dialog .dealTimeline.timeline .event:last-child .info,
#Metrics .dealTimeline.timeline .event:last-child .info,
#ReportDetails .dealTimeline.timeline .event:last-child .info {
  padding: 0 0 10px 20px;
}
#Dashboard .dealTimeline.timeline .point,
.dashboard-dialog .dealTimeline.timeline .point,
#Metrics .dealTimeline.timeline .point,
#ReportDetails .dealTimeline.timeline .point {
  border-radius: 8px;
  width: 16px;
  height: 16px;
  background: #ACACAC;
  position: absolute;
  top: 0;
  left: -7px;
}
#Dashboard .dealTimeline.timeline .point.recent-posts,
.dashboard-dialog .dealTimeline.timeline .point.recent-posts,
#Metrics .dealTimeline.timeline .point.recent-posts,
#ReportDetails .dealTimeline.timeline .point.recent-posts {
  background: #fff;
  width: 25px;
  height: 25px;
  left: -12px;
}
#Dashboard .dealTimeline.timeline .point .image,
.dashboard-dialog .dealTimeline.timeline .point .image,
#Metrics .dealTimeline.timeline .point .image,
#ReportDetails .dealTimeline.timeline .point .image {
  width: 25px;
  height: 25px;
}
#Dashboard .dealTimeline.timeline .detail a,
.dashboard-dialog .dealTimeline.timeline .detail a,
#Metrics .dealTimeline.timeline .detail a,
#ReportDetails .dealTimeline.timeline .detail a {
  color: #2196F3;
  font-weight: 500;
}
#Dashboard .dealTimeline.timeline .time,
.dashboard-dialog .dealTimeline.timeline .time,
#Metrics .dealTimeline.timeline .time,
#ReportDetails .dealTimeline.timeline .time {
  font-size: 12px;
  color: #707070;
  margin-left: 5px;
}
#Dashboard .dealTimeline.timeline .search .point,
.dashboard-dialog .dealTimeline.timeline .search .point,
#Metrics .dealTimeline.timeline .search .point,
#ReportDetails .dealTimeline.timeline .search .point {
  background-color: #f4505f;
}
#Dashboard .dealTimeline.timeline .campaigns .point,
.dashboard-dialog .dealTimeline.timeline .campaigns .point,
#Metrics .dealTimeline.timeline .campaigns .point,
#ReportDetails .dealTimeline.timeline .campaigns .point {
  background-color: #6d5ca8;
}
#Dashboard .dealTimeline.timeline .applications .point,
.dashboard-dialog .dealTimeline.timeline .applications .point,
#Metrics .dealTimeline.timeline .applications .point,
#ReportDetails .dealTimeline.timeline .applications .point {
  background-color: #6d5ca8;
}
#Dashboard .dealTimeline.timeline .messages .point,
.dashboard-dialog .dealTimeline.timeline .messages .point,
#Metrics .dealTimeline.timeline .messages .point,
#ReportDetails .dealTimeline.timeline .messages .point {
  background-color: #ed9300;
}
#Dashboard .dealTimeline.timeline .proposals .point,
.dashboard-dialog .dealTimeline.timeline .proposals .point,
#Metrics .dealTimeline.timeline .proposals .point,
#ReportDetails .dealTimeline.timeline .proposals .point {
  background-color: #559383;
}
#Dashboard .dealTimeline.timeline .deals .point,
#Dashboard .dealTimeline.timeline .deliverables .point,
.dashboard-dialog .dealTimeline.timeline .deals .point,
.dashboard-dialog .dealTimeline.timeline .deliverables .point,
#Metrics .dealTimeline.timeline .deals .point,
#Metrics .dealTimeline.timeline .deliverables .point,
#ReportDetails .dealTimeline.timeline .deals .point,
#ReportDetails .dealTimeline.timeline .deliverables .point {
  background-color: #2f8295;
}
#Dashboard .dealTimeline.timeline .discovery .point,
.dashboard-dialog .dealTimeline.timeline .discovery .point,
#Metrics .dealTimeline.timeline .discovery .point,
#ReportDetails .dealTimeline.timeline .discovery .point {
  background-color: #f4505f;
}
#Dashboard .dealTimeline.timeline .signup .point,
.dashboard-dialog .dealTimeline.timeline .signup .point,
#Metrics .dealTimeline.timeline .signup .point,
#ReportDetails .dealTimeline.timeline .signup .point {
  background-color: #63b509;
}
#Dashboard .dealTimeline.timeline .signup .info,
.dashboard-dialog .dealTimeline.timeline .signup .info,
#Metrics .dealTimeline.timeline .signup .info,
#ReportDetails .dealTimeline.timeline .signup .info {
  border: 0;
}
#Dashboard .dealTimeline.timeline.latest-posts .info div,
.dashboard-dialog .dealTimeline.timeline.latest-posts .info div,
#Metrics .dealTimeline.timeline.latest-posts .info div,
#ReportDetails .dealTimeline.timeline.latest-posts .info div {
  padding-bottom: 5px;
}
#Dashboard .dealTimeline.timeline.latest-posts .info div .image,
.dashboard-dialog .dealTimeline.timeline.latest-posts .info div .image,
#Metrics .dealTimeline.timeline.latest-posts .info div .image,
#ReportDetails .dealTimeline.timeline.latest-posts .info div .image {
  padding-bottom: 0px;
}
#Dashboard .dealTimeline.timeline.latest-posts .info .name a,
.dashboard-dialog .dealTimeline.timeline.latest-posts .info .name a,
#Metrics .dealTimeline.timeline.latest-posts .info .name a,
#ReportDetails .dealTimeline.timeline.latest-posts .info .name a {
  font-size: 16px;
  text-transform: uppercase;
  color: #064250;
  font-weight: 500;
}
#Dashboard .dealTimeline.timeline.latest-posts .info .metrics .engagement,
.dashboard-dialog .dealTimeline.timeline.latest-posts .info .metrics .engagement,
#Metrics .dealTimeline.timeline.latest-posts .info .metrics .engagement,
#ReportDetails .dealTimeline.timeline.latest-posts .info .metrics .engagement {
  padding-right: 5px;
}
#Dashboard .dealTimeline.timeline.latest-posts .info.facebook,
.dashboard-dialog .dealTimeline.timeline.latest-posts .info.facebook,
#Metrics .dealTimeline.timeline.latest-posts .info.facebook,
#ReportDetails .dealTimeline.timeline.latest-posts .info.facebook {
  border-left-color: #3b5998;
}
#Dashboard .dealTimeline.timeline.latest-posts .info.instagram,
.dashboard-dialog .dealTimeline.timeline.latest-posts .info.instagram,
#Metrics .dealTimeline.timeline.latest-posts .info.instagram,
#ReportDetails .dealTimeline.timeline.latest-posts .info.instagram {
  border-left-color: #D70A64;
}
#Dashboard .dealTimeline.timeline.latest-posts .info.twitter,
.dashboard-dialog .dealTimeline.timeline.latest-posts .info.twitter,
#Metrics .dealTimeline.timeline.latest-posts .info.twitter,
#ReportDetails .dealTimeline.timeline.latest-posts .info.twitter {
  border-left-color: #55acee;
}
#Dashboard .dealTimeline.timeline .point,
.dashboard-dialog .dealTimeline.timeline .point,
#Metrics .dealTimeline.timeline .point,
#ReportDetails .dealTimeline.timeline .point {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  width: auto;
  min-width: 24px;
  text-align: center;
  color: #fff;
  background: #D8D8D8;
  padding: 3px;
}
#Dashboard .dealTimeline.timeline .point .number,
.dashboard-dialog .dealTimeline.timeline .point .number,
#Metrics .dealTimeline.timeline .point .number,
#ReportDetails .dealTimeline.timeline .point .number {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
#Dashboard .dealTimeline.timeline .event .name,
.dashboard-dialog .dealTimeline.timeline .event .name,
#Metrics .dealTimeline.timeline .event .name,
#ReportDetails .dealTimeline.timeline .event .name {
  font-size: 16px;
  font-weight: 500;
  color: #ACACAC;
}
#Dashboard .dealTimeline.timeline .event .info,
.dashboard-dialog .dealTimeline.timeline .event .info,
#Metrics .dealTimeline.timeline .event .info,
#ReportDetails .dealTimeline.timeline .event .info {
  border-color: #eaeded;
  margin: 0 0 0 3px;
  padding: 0 0 15px 20px;
  min-height: 50px;
}
#Dashboard .dealTimeline.timeline .event:last-child .info,
.dashboard-dialog .dealTimeline.timeline .event:last-child .info,
#Metrics .dealTimeline.timeline .event:last-child .info,
#ReportDetails .dealTimeline.timeline .event:last-child .info {
  border-color: transparent;
}
#Dashboard .dealTimeline.timeline .event.active,
.dashboard-dialog .dealTimeline.timeline .event.active,
#Metrics .dealTimeline.timeline .event.active,
#ReportDetails .dealTimeline.timeline .event.active {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#Dashboard .dealTimeline.timeline .event.active .name,
.dashboard-dialog .dealTimeline.timeline .event.active .name,
#Metrics .dealTimeline.timeline .event.active .name,
#ReportDetails .dealTimeline.timeline .event.active .name {
  color: #2f8295;
}
#Dashboard .dealTimeline.timeline .event.active .point,
.dashboard-dialog .dealTimeline.timeline .event.active .point,
#Metrics .dealTimeline.timeline .event.active .point,
#ReportDetails .dealTimeline.timeline .event.active .point {
  background: #2f8295;
}
#Dashboard .dealTimeline.timeline .event.active.complete .point,
.dashboard-dialog .dealTimeline.timeline .event.active.complete .point,
#Metrics .dealTimeline.timeline .event.active.complete .point,
#ReportDetails .dealTimeline.timeline .event.active.complete .point {
  background: #559b08;
}
#Dashboard #Requests,
.dashboard-dialog #Requests,
#Metrics #Requests,
#ReportDetails #Requests {
  border-bottom: 1px solid #D8D8D8;
  margin: 0 0 10px 0;
}
#Dashboard #Requests .labelIcon svg,
.dashboard-dialog #Requests .labelIcon svg,
#Metrics #Requests .labelIcon svg,
#ReportDetails #Requests .labelIcon svg {
  width: 100%;
}
#Dashboard #Requests .requests,
.dashboard-dialog #Requests .requests,
#Metrics #Requests .requests,
#ReportDetails #Requests .requests {
  margin: 10px 0;
}
#Dashboard #Requests .request,
.dashboard-dialog #Requests .request,
#Metrics #Requests .request,
#ReportDetails #Requests .request {
  padding: 10px;
  margin: 10px 0;
  border-radius: 3px;
  background: #edf5f6;
}
#Dashboard #Requests .request.ng-enter,
.dashboard-dialog #Requests .request.ng-enter,
#Metrics #Requests .request.ng-enter,
#ReportDetails #Requests .request.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#Dashboard #Requests .request.ng-leave,
.dashboard-dialog #Requests .request.ng-leave,
#Metrics #Requests .request.ng-leave,
#ReportDetails #Requests .request.ng-leave {
  animation-name: fadeOut;
  animation-duration: 1s;
}
#Dashboard #Requests .request .close,
.dashboard-dialog #Requests .request .close,
#Metrics #Requests .request .close,
#ReportDetails #Requests .request .close {
  line-height: 10px;
}
#Dashboard #Requests .request .close .icon::after, #Dashboard #Requests .request .close .icon::before,
.dashboard-dialog #Requests .request .close .icon::after,
.dashboard-dialog #Requests .request .close .icon::before,
#Metrics #Requests .request .close .icon::after,
#Metrics #Requests .request .close .icon::before,
#ReportDetails #Requests .request .close .icon::after,
#ReportDetails #Requests .request .close .icon::before {
  font-size: 10px;
}
#Dashboard #Requests .request .request-container,
.dashboard-dialog #Requests .request .request-container,
#Metrics #Requests .request .request-container,
#ReportDetails #Requests .request .request-container {
  margin: 0 0 10px 0;
}
#Dashboard #Requests .request .image-container,
.dashboard-dialog #Requests .request .image-container,
#Metrics #Requests .request .image-container,
#ReportDetails #Requests .request .image-container {
  margin: 0 10px 0 5px;
}
#Dashboard #Requests .request .name,
.dashboard-dialog #Requests .request .name,
#Metrics #Requests .request .name,
#ReportDetails #Requests .request .name {
  font-size: 13px;
}
#Dashboard #Requests .request .ratingStars.readOnly .star,
.dashboard-dialog #Requests .request .ratingStars.readOnly .star,
#Metrics #Requests .request .ratingStars.readOnly .star,
#ReportDetails #Requests .request .ratingStars.readOnly .star {
  padding: 0 5px;
}
#Dashboard .tips ul,
.dashboard-dialog .tips ul,
#Metrics .tips ul,
#ReportDetails .tips ul {
  text-align: left;
  padding: 0 15px 0 35px;
}
#Dashboard .tips li,
.dashboard-dialog .tips li,
#Metrics .tips li,
#ReportDetails .tips li {
  font-size: 13px;
}
#Dashboard #Deals .dateDuration,
.dashboard-dialog #Deals .dateDuration,
#Metrics #Deals .dateDuration,
#ReportDetails #Deals .dateDuration {
  font-size: 12px;
  color: #707070;
  font-weight: 500;
  background-color: #edf5f6;
  padding: 8px 10px;
  border-radius: 5px;
}
#Dashboard #Deals .stats,
.dashboard-dialog #Deals .stats,
#Metrics #Deals .stats,
#ReportDetails #Deals .stats {
  margin: 0 0 20px 0;
}
#Dashboard #Deals .stats .stat .number,
.dashboard-dialog #Deals .stats .stat .number,
#Metrics #Deals .stats .stat .number,
#ReportDetails #Deals .stats .stat .number {
  font-size: 20px;
  color: #2f8295;
}
#Dashboard #Deals .stats .stat label,
.dashboard-dialog #Deals .stats .stat label,
#Metrics #Deals .stats .stat label,
#ReportDetails #Deals .stats .stat label {
  font-size: 11px;
}
#Dashboard #Deals .summary,
.dashboard-dialog #Deals .summary,
#Metrics #Deals .summary,
#ReportDetails #Deals .summary {
  margin: 10px 0;
}
#Dashboard #Deals .deliverablesDonut,
.dashboard-dialog #Deals .deliverablesDonut,
#Metrics #Deals .deliverablesDonut,
#ReportDetails #Deals .deliverablesDonut {
  position: relative;
}
#Dashboard #Deals .deliverablesDonut .stat,
.dashboard-dialog #Deals .deliverablesDonut .stat,
#Metrics #Deals .deliverablesDonut .stat,
#ReportDetails #Deals .deliverablesDonut .stat {
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -35px;
}
#Dashboard #Deals .deliverablesDonut .stat .number,
.dashboard-dialog #Deals .deliverablesDonut .stat .number,
#Metrics #Deals .deliverablesDonut .stat .number,
#ReportDetails #Deals .deliverablesDonut .stat .number {
  font-size: 28px;
  color: #2f8295;
}
#Dashboard #Deals .deliverablesDonut .stat .title,
.dashboard-dialog #Deals .deliverablesDonut .stat .title,
#Metrics #Deals .deliverablesDonut .stat .title,
#ReportDetails #Deals .deliverablesDonut .stat .title {
  font-size: 12px;
  border: none;
}
#Dashboard #Campaigns .stats .stat .number,
.dashboard-dialog #Campaigns .stats .stat .number,
#Metrics #Campaigns .stats .stat .number,
#ReportDetails #Campaigns .stats .stat .number {
  color: #6d5ca8;
}
#Dashboard #Campaigns .summary,
.dashboard-dialog #Campaigns .summary,
#Metrics #Campaigns .summary,
#ReportDetails #Campaigns .summary {
  margin: 0 0 10px;
}
#Dashboard #Campaigns .topApplications .description,
.dashboard-dialog #Campaigns .topApplications .description,
#Metrics #Campaigns .topApplications .description,
#ReportDetails #Campaigns .topApplications .description {
  color: #6d5ca8;
  font-weight: 500;
}
#Dashboard #Campaigns .topApplications .description .icon::before, #Dashboard #Campaigns .topApplications .description .icon::after,
.dashboard-dialog #Campaigns .topApplications .description .icon::before,
.dashboard-dialog #Campaigns .topApplications .description .icon::after,
#Metrics #Campaigns .topApplications .description .icon::before,
#Metrics #Campaigns .topApplications .description .icon::after,
#ReportDetails #Campaigns .topApplications .description .icon::before,
#ReportDetails #Campaigns .topApplications .description .icon::after {
  font-size: 13px;
}
#Dashboard #Campaigns .recommendations .campaign,
.dashboard-dialog #Campaigns .recommendations .campaign,
#Metrics #Campaigns .recommendations .campaign,
#ReportDetails #Campaigns .recommendations .campaign {
  font-size: 12px;
  margin: 3px 0 0;
}
#Dashboard #Campaigns .recommendations .squareImage,
.dashboard-dialog #Campaigns .recommendations .squareImage,
#Metrics #Campaigns .recommendations .squareImage,
#ReportDetails #Campaigns .recommendations .squareImage {
  margin: 0 0 0 5px;
}
#Dashboard #Athletes .summary,
.dashboard-dialog #Athletes .summary,
#Metrics #Athletes .summary,
#ReportDetails #Athletes .summary {
  margin: 10px;
}
#Dashboard #Athletes .features,
.dashboard-dialog #Athletes .features,
#Metrics #Athletes .features,
#ReportDetails #Athletes .features {
  background: none;
  margin: 0;
}
#Dashboard #Athletes .feature,
.dashboard-dialog #Athletes .feature,
#Metrics #Athletes .feature,
#ReportDetails #Athletes .feature {
  text-align: center;
  padding: 20px;
}
#Dashboard #Athletes .feature a,
.dashboard-dialog #Athletes .feature a,
#Metrics #Athletes .feature a,
#ReportDetails #Athletes .feature a {
  color: #fff;
}
#Dashboard #Athletes .feature .athlete-holder,
.dashboard-dialog #Athletes .feature .athlete-holder,
#Metrics #Athletes .feature .athlete-holder,
#ReportDetails #Athletes .feature .athlete-holder {
  display: block;
  padding: 10px 20px;
}
#Dashboard #Athletes .feature .title,
.dashboard-dialog #Athletes .feature .title,
#Metrics #Athletes .feature .title,
#ReportDetails #Athletes .feature .title {
  border-color: #9bc2cb;
}
#Dashboard #Athletes .feature .image-container,
.dashboard-dialog #Athletes .feature .image-container,
#Metrics #Athletes .feature .image-container,
#ReportDetails #Athletes .feature .image-container {
  margin: 0;
}
#Dashboard #Athletes .feature .name,
.dashboard-dialog #Athletes .feature .name,
#Metrics #Athletes .feature .name,
#ReportDetails #Athletes .feature .name {
  font-size: 18px;
}
#Dashboard #Athletes .feature .priceRank,
.dashboard-dialog #Athletes .feature .priceRank,
#Metrics #Athletes .feature .priceRank,
#ReportDetails #Athletes .feature .priceRank {
  padding: 0;
  margin: 5px 10px 5px 5px;
  text-align: left;
}
#Dashboard #Athletes .feature .priceRank .rank,
.dashboard-dialog #Athletes .feature .priceRank .rank,
#Metrics #Athletes .feature .priceRank .rank,
#ReportDetails #Athletes .feature .priceRank .rank {
  margin: 0;
}
#Dashboard #Athletes .feature .priceRank .name,
.dashboard-dialog #Athletes .feature .priceRank .name,
#Metrics #Athletes .feature .priceRank .name,
#ReportDetails #Athletes .feature .priceRank .name {
  font-size: 16px;
}
#Dashboard #Athletes .feature .social .number,
.dashboard-dialog #Athletes .feature .social .number,
#Metrics #Athletes .feature .social .number,
#ReportDetails #Athletes .feature .social .number {
  font-size: 18px;
}
#Dashboard #Athletes .feature .content,
.dashboard-dialog #Athletes .feature .content,
#Metrics #Athletes .feature .content,
#ReportDetails #Athletes .feature .content {
  padding: 0 10px;
}
#Dashboard #Athletes .feature .content .buttonPanel,
.dashboard-dialog #Athletes .feature .content .buttonPanel,
#Metrics #Athletes .feature .content .buttonPanel,
#ReportDetails #Athletes .feature .content .buttonPanel {
  position: static;
  margin: 0px 0 10px;
}
#Dashboard #Athletes .feature .small,
.dashboard-dialog #Athletes .feature .small,
#Metrics #Athletes .feature .small,
#ReportDetails #Athletes .feature .small {
  text-align: left;
}
#Dashboard #Athletes .feature .small .image-container,
.dashboard-dialog #Athletes .feature .small .image-container,
#Metrics #Athletes .feature .small .image-container,
#ReportDetails #Athletes .feature .small .image-container {
  margin: 0 10px 0 0;
}
#Dashboard #Athletes .feature .small .name,
.dashboard-dialog #Athletes .feature .small .name,
#Metrics #Athletes .feature .small .name,
#ReportDetails #Athletes .feature .small .name {
  font-size: 15px;
  margin: 5px 0 0;
}
#Dashboard #Athletes .feature .small .userImage,
.dashboard-dialog #Athletes .feature .small .userImage,
#Metrics #Athletes .feature .small .userImage,
#ReportDetails #Athletes .feature .small .userImage {
  border-radius: 35px;
  width: 70px;
  height: 70px;
}
#Dashboard #Athletes .slick-button,
.dashboard-dialog #Athletes .slick-button,
#Metrics #Athletes .slick-button,
#ReportDetails #Athletes .slick-button {
  margin-top: -8px;
}
#Dashboard .cards.carousel,
.dashboard-dialog .cards.carousel,
#Metrics .cards.carousel,
#ReportDetails .cards.carousel {
  margin: 0 0 20px;
}
#Dashboard .cards.carousel .slick-button.slick-prev,
.dashboard-dialog .cards.carousel .slick-button.slick-prev,
#Metrics .cards.carousel .slick-button.slick-prev,
#ReportDetails .cards.carousel .slick-button.slick-prev {
  left: 10px;
}
#Dashboard .cards.carousel .slick-button.slick-next,
.dashboard-dialog .cards.carousel .slick-button.slick-next,
#Metrics .cards.carousel .slick-button.slick-next,
#ReportDetails .cards.carousel .slick-button.slick-next {
  right: 10px;
}
#Dashboard #OurAthletes .summary,
.dashboard-dialog #OurAthletes .summary,
#Metrics #OurAthletes .summary,
#ReportDetails #OurAthletes .summary {
  margin: 0 0 20px;
}
#Dashboard #OurAthletes .summary-container,
.dashboard-dialog #OurAthletes .summary-container,
#Metrics #OurAthletes .summary-container,
#ReportDetails #OurAthletes .summary-container {
  background: #559383;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #559383, #6ba596);
}
#Dashboard #OurAthletes .md-tab,
.dashboard-dialog #OurAthletes .md-tab,
#Metrics #OurAthletes .md-tab,
#ReportDetails #OurAthletes .md-tab {
  font-size: 11px;
}
#Dashboard #OurDeals .summary,
.dashboard-dialog #OurDeals .summary,
#Metrics #OurDeals .summary,
#ReportDetails #OurDeals .summary {
  margin: 0 0 20px;
}
#Dashboard #OurDeals .summary-container,
.dashboard-dialog #OurDeals .summary-container,
#Metrics #OurDeals .summary-container,
#ReportDetails #OurDeals .summary-container {
  background: #ed9300;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #ed9300, #f2a425);
}
#Dashboard #OurDeals .featuredDeal .content,
.dashboard-dialog #OurDeals .featuredDeal .content,
#Metrics #OurDeals .featuredDeal .content,
#ReportDetails #OurDeals .featuredDeal .content {
  margin: 0;
}
#Dashboard #OSUpdates .item,
.dashboard-dialog #OSUpdates .item,
#Metrics #OSUpdates .item,
#ReportDetails #OSUpdates .item {
  color: #707070;
  padding: 20px 0 0;
}
#Dashboard #OSUpdates .item:not(:last-child),
.dashboard-dialog #OSUpdates .item:not(:last-child),
#Metrics #OSUpdates .item:not(:last-child),
#ReportDetails #OSUpdates .item:not(:last-child) {
  padding: 20px 0;
  border-bottom: 1px solid #D8D8D8;
}
#Dashboard #OSUpdates .item:first-child,
.dashboard-dialog #OSUpdates .item:first-child,
#Metrics #OSUpdates .item:first-child,
#ReportDetails #OSUpdates .item:first-child {
  padding-top: 0;
}
#Dashboard #OSUpdates .item .squareImage,
.dashboard-dialog #OSUpdates .item .squareImage,
#Metrics #OSUpdates .item .squareImage,
#ReportDetails #OSUpdates .item .squareImage {
  width: 55px;
  height: 55px;
}
#Dashboard #OSUpdates .item .image-container,
.dashboard-dialog #OSUpdates .item .image-container,
#Metrics #OSUpdates .item .image-container,
#ReportDetails #OSUpdates .item .image-container {
  margin: 0 10px 0 0;
}
#Dashboard #OSUpdates .item .name,
.dashboard-dialog #OSUpdates .item .name,
#Metrics #OSUpdates .item .name,
#ReportDetails #OSUpdates .item .name {
  font-weight: 500;
}
#Dashboard #OSUpdates .item .date,
.dashboard-dialog #OSUpdates .item .date,
#Metrics #OSUpdates .item .date,
#ReportDetails #OSUpdates .item .date {
  font-size: 12px;
  color: #ACACAC;
}
#Dashboard #OSUpdates .item .description,
.dashboard-dialog #OSUpdates .item .description,
#Metrics #OSUpdates .item .description,
#ReportDetails #OSUpdates .item .description {
  font-size: 14px;
  margin: 0;
}
#Dashboard #OSUpdates .item:hover .name,
.dashboard-dialog #OSUpdates .item:hover .name,
#Metrics #OSUpdates .item:hover .name,
#ReportDetails #OSUpdates .item:hover .name {
  color: #2196F3;
}
#Dashboard #MentionStats,
.dashboard-dialog #MentionStats,
#Metrics #MentionStats,
#ReportDetails #MentionStats {
  margin: 0 10px;
}
#Dashboard #MentionStats .summary,
.dashboard-dialog #MentionStats .summary,
#Metrics #MentionStats .summary,
#ReportDetails #MentionStats .summary {
  margin: 0;
}
#Dashboard #MentionStats .summary-container,
.dashboard-dialog #MentionStats .summary-container,
#Metrics #MentionStats .summary-container,
#ReportDetails #MentionStats .summary-container {
  color: #434343;
  background: #edf5f6;
}
#Dashboard #MentionStats section:not(:last-child),
.dashboard-dialog #MentionStats section:not(:last-child),
#Metrics #MentionStats section:not(:last-child),
#ReportDetails #MentionStats section:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
#Dashboard #MentionStats section:not(:first-child),
.dashboard-dialog #MentionStats section:not(:first-child),
#Metrics #MentionStats section:not(:first-child),
#ReportDetails #MentionStats section:not(:first-child) {
  padding: 10px 0 0;
}
#Dashboard #MentionStats .stat,
.dashboard-dialog #MentionStats .stat,
#Metrics #MentionStats .stat,
#ReportDetails #MentionStats .stat {
  padding: 10px;
  margin: 0 0 10px 0;
}
#Dashboard #MentionStats .stat:not(:last-child),
.dashboard-dialog #MentionStats .stat:not(:last-child),
#Metrics #MentionStats .stat:not(:last-child),
#ReportDetails #MentionStats .stat:not(:last-child) {
  border-right: 1px solid #D8D8D8;
}
#Dashboard #MentionStats .other .number,
.dashboard-dialog #MentionStats .other .number,
#Metrics #MentionStats .other .number,
#ReportDetails #MentionStats .other .number {
  font-size: 15px;
}
#Dashboard #MentionStats .athletes .number,
.dashboard-dialog #MentionStats .athletes .number,
#Metrics #MentionStats .athletes .number,
#ReportDetails #MentionStats .athletes .number {
  font-size: 22px;
}
#Dashboard #MentionStats .unique .number,
.dashboard-dialog #MentionStats .unique .number,
#Metrics #MentionStats .unique .number,
#ReportDetails #MentionStats .unique .number {
  font-size: 22px;
}
#Dashboard #MentionStats .likes .number,
.dashboard-dialog #MentionStats .likes .number,
#Metrics #MentionStats .likes .number,
#ReportDetails #MentionStats .likes .number {
  font-size: 15px;
}
#Dashboard #MentionStats .comments .number,
.dashboard-dialog #MentionStats .comments .number,
#Metrics #MentionStats .comments .number,
#ReportDetails #MentionStats .comments .number {
  font-size: 15px;
}
#Dashboard #MentionStats .shares .number,
.dashboard-dialog #MentionStats .shares .number,
#Metrics #MentionStats .shares .number,
#ReportDetails #MentionStats .shares .number {
  font-size: 15px;
}
#Dashboard #Mentions,
.dashboard-dialog #Mentions,
#Metrics #Mentions,
#ReportDetails #Mentions {
  margin: 20px 0 0;
}
#Dashboard #Mentions .socialContent,
.dashboard-dialog #Mentions .socialContent,
#Metrics #Mentions .socialContent,
#ReportDetails #Mentions .socialContent {
  padding: 10px;
}
#Dashboard #Mentions .socialContent .postHighlight,
.dashboard-dialog #Mentions .socialContent .postHighlight,
#Metrics #Mentions .socialContent .postHighlight,
#ReportDetails #Mentions .socialContent .postHighlight {
  font-size: 15px;
  font-weight: 500;
  padding: 5px 10px;
}
#Dashboard #SocialAthletes .list,
.dashboard-dialog #SocialAthletes .list,
#Metrics #SocialAthletes .list,
#ReportDetails #SocialAthletes .list {
  padding: 0 5px;
}
#Dashboard.viewPosts .socialContent,
.dashboard-dialog.viewPosts .socialContent,
#Metrics.viewPosts .socialContent,
#ReportDetails.viewPosts .socialContent {
  padding: 0 10px 10px;
}
#Dashboard .topAthletes,
.dashboard-dialog .topAthletes,
#Metrics .topAthletes,
#ReportDetails .topAthletes {
  padding: 0 5px;
}
#Dashboard .features,
.dashboard-dialog .features,
#Metrics .features,
#ReportDetails .features {
  border-radius: 5px;
  background: #043743;
  margin: 10px 10px 0 0;
  overflow: hidden;
}
#Dashboard .features .slick-button,
.dashboard-dialog .features .slick-button,
#Metrics .features .slick-button,
#ReportDetails .features .slick-button {
  color: #eaeded;
}
#Dashboard .features .slick-button.slick-prev,
.dashboard-dialog .features .slick-button.slick-prev,
#Metrics .features .slick-button.slick-prev,
#ReportDetails .features .slick-button.slick-prev {
  left: 5px;
}
#Dashboard .features .slick-button.slick-next,
.dashboard-dialog .features .slick-button.slick-next,
#Metrics .features .slick-button.slick-next,
#ReportDetails .features .slick-button.slick-next {
  right: 5px;
}
#Dashboard .feature,
.dashboard-dialog .feature,
#Metrics .feature,
#ReportDetails .feature {
  border-radius: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  position: relative;
  padding: 20px;
  overflow: hidden;
}
#Dashboard .feature .overlay,
.dashboard-dialog .feature .overlay,
#Metrics .feature .overlay,
#ReportDetails .feature .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f889d);
  opacity: 0.95;
  border-radius: 5px;
}
#Dashboard .feature .content,
.dashboard-dialog .feature .content,
#Metrics .feature .content,
#ReportDetails .feature .content {
  position: relative;
}
#Dashboard .feature .content .title,
.dashboard-dialog .feature .content .title,
#Metrics .feature .content .title,
#ReportDetails .feature .content .title {
  margin: 0 0 15px;
  font-weight: 500;
  color: #fff;
}
#Dashboard .feature .content .about,
.dashboard-dialog .feature .content .about,
#Metrics .feature .content .about,
#ReportDetails .feature .content .about {
  font-size: 14px;
}
#Dashboard .feature .content .buttonPanel,
.dashboard-dialog .feature .content .buttonPanel,
#Metrics .feature .content .buttonPanel,
#ReportDetails .feature .content .buttonPanel {
  position: absolute;
  top: -13px;
  right: -7px;
}
#Dashboard .feature .athlete-holder,
.dashboard-dialog .feature .athlete-holder,
#Metrics .feature .athlete-holder,
#ReportDetails .feature .athlete-holder {
  padding: 0 20px;
}
#Dashboard .feature .image-container,
.dashboard-dialog .feature .image-container,
#Metrics .feature .image-container,
#ReportDetails .feature .image-container {
  margin-right: 20px;
}
#Dashboard .feature .userImage,
.dashboard-dialog .feature .userImage,
#Metrics .feature .userImage,
#ReportDetails .feature .userImage {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  cursor: pointer;
}
#Dashboard .feature .priceRank,
.dashboard-dialog .feature .priceRank,
#Metrics .feature .priceRank,
#ReportDetails .feature .priceRank {
  border-radius: 2px;
}
#Dashboard .feature .name,
.dashboard-dialog .feature .name,
#Metrics .feature .name,
#ReportDetails .feature .name {
  font-size: 22px;
  font-weight: 500;
}
#Dashboard .feature .social .stat,
.dashboard-dialog .feature .social .stat,
#Metrics .feature .social .stat,
#ReportDetails .feature .social .stat {
  margin: 10px;
}
#Dashboard .feature .social .engagement,
.dashboard-dialog .feature .social .engagement,
#Metrics .feature .social .engagement,
#ReportDetails .feature .social .engagement {
  border-left: 1px solid #ACACAC;
  padding-left: 10px;
}
#Dashboard .feature .social .number,
.dashboard-dialog .feature .social .number,
#Metrics .feature .social .number,
#ReportDetails .feature .social .number {
  font-size: 22px;
}
#Dashboard .feature .social .priceRank,
.dashboard-dialog .feature .social .priceRank,
#Metrics .feature .social .priceRank,
#ReportDetails .feature .social .priceRank {
  margin: 3px;
  padding: 15px 8px 0;
}
@media only screen and (max-width: 960px) {
  #Dashboard .feature .priceRank .name,
.dashboard-dialog .feature .priceRank .name,
#Metrics .feature .priceRank .name,
#ReportDetails .feature .priceRank .name {
    font-size: 12px;
  }
  #Dashboard .newAthletes,
.dashboard-dialog .newAthletes,
#Metrics .newAthletes,
#ReportDetails .newAthletes {
    margin: 30px 0 10px;
  }
  #Dashboard .exert,
.dashboard-dialog .exert,
#Metrics .exert,
#ReportDetails .exert {
    margin: 20px;
  }
}
@media only screen and (max-width: 600px) {
  #Dashboard.content-container,
.dashboard-dialog.content-container,
#Metrics.content-container,
#ReportDetails.content-container {
    background: #eaeded;
  }
  #Dashboard.content-container md-content,
.dashboard-dialog.content-container md-content,
#Metrics.content-container md-content,
#ReportDetails.content-container md-content {
    padding: 20px;
  }
  #Dashboard .intro .welcomeLine,
.dashboard-dialog .intro .welcomeLine,
#Metrics .intro .welcomeLine,
#ReportDetails .intro .welcomeLine {
    font-size: 18px;
  }
  #Dashboard .tdate,
.dashboard-dialog .tdate,
#Metrics .tdate,
#ReportDetails .tdate {
    font-size: 12px;
  }
  #Dashboard .feature .priceRank .name,
.dashboard-dialog .feature .priceRank .name,
#Metrics .feature .priceRank .name,
#ReportDetails .feature .priceRank .name {
    font-size: 12px;
  }
  #Dashboard #Athletes .feature .content .title,
.dashboard-dialog #Athletes .feature .content .title,
#Metrics #Athletes .feature .content .title,
#ReportDetails #Athletes .feature .content .title {
    margin-bottom: 10px;
  }
  #Dashboard #Athletes .feature .small .name,
#Dashboard #Athletes .feature .priceRank,
.dashboard-dialog #Athletes .feature .small .name,
.dashboard-dialog #Athletes .feature .priceRank,
#Metrics #Athletes .feature .small .name,
#Metrics #Athletes .feature .priceRank,
#ReportDetails #Athletes .feature .small .name,
#ReportDetails #Athletes .feature .priceRank {
    text-align: center;
  }
}
@media only screen and (max-width: 400px) {
  #Dashboard.content-container,
.dashboard-dialog.content-container,
#Metrics.content-container,
#ReportDetails.content-container {
    background: #eaeded;
  }
  #Dashboard.content-container md-content,
.dashboard-dialog.content-container md-content,
#Metrics.content-container md-content,
#ReportDetails.content-container md-content {
    padding: 20px 10px;
  }
  #Dashboard .feature .content .title,
.dashboard-dialog .feature .content .title,
#Metrics .feature .content .title,
#ReportDetails .feature .content .title {
    margin-bottom: 45px;
  }
  #Dashboard .feature .content .buttonPanel,
.dashboard-dialog .feature .content .buttonPanel,
#Metrics .feature .content .buttonPanel,
#ReportDetails .feature .content .buttonPanel {
    top: 18px;
  }
}

#ViewContent .athlete .image-container {
  margin: 0 10px 0 0;
}
#ViewContent .athlete .name {
  font-size: 18px;
  color: #434343;
}
#ViewContent .athlete .name:hover {
  color: #2196F3;
}
#ViewContent .athlete .sport {
  font-size: 14px;
  color: #707070;
}
#ViewContent .fullImage {
  margin: 10px 0;
}
#ViewContent .fullImage img {
  width: 100%;
}
#ViewContent .engagement .box {
  padding: 0 10px;
}
#ViewContent .engagement .box:not(:first-child) {
  border-left: 1px solid #D8D8D8;
}
#ViewContent .engagement .box .icon {
  margin: 0 3px 0 0;
}
#ViewContent .engagement .box .icon::before, #ViewContent .engagement .box .icon::after {
  font-size: 14px;
}

/*******************************
    DealManage
********************************/
#DealManage .content-container > md-content {
  background-color: #f5f5f5;
}
#DealManage .summary {
  border-radius: 5px;
  overflow: hidden;
  margin: 10px 0;
}
#DealManage .summary .summary-container {
  color: #707070;
  text-align: center;
  padding: 10px;
  transition: width 0.8s;
}
#DealManage .summary .summary-container .number {
  font-size: 22px;
}
#DealManage .summary .summary-container .label {
  font-size: 13px;
  font-weight: 500;
}
#DealManage .summary .summary-container .label ::after,
#DealManage .summary .summary-container .label ::before {
  font-size: 12px;
}
#DealManage .summary .summary-container.neutral {
  background: #fff;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #fff, #f5f9f1);
}
#DealManage .summary .summary-container.success {
  background: #669630;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #669630, #73a937);
}
#DealManage .summary .summary-container.warning {
  color: #fff;
  background-color: #e06969;
}
#DealManage .totalRoi {
  border-radius: 5px;
  background: #938a9a;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
}
#DealManage .totalRoi .number {
  font-size: 18px;
  font-weight: 100;
}
#DealManage .dealBasic .athleteDetails {
  margin: 20px 0;
}
#DealManage .dealBasic .athleteDetails .address {
  font-size: 14px;
  color: #707070;
}
#DealManage .users {
  padding: 0 0px 10px 0;
  margin: 0 20px 10px 0;
}
#DealManage .progress .status {
  margin: 0 0 5px;
}
#DealManage .progress .bar {
  margin: 3px 0 0;
}
#DealManage .progress .bar .title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #707070;
}
#DealManage .progress .bar .title .number {
  font-size: 18px;
  font-weight: 100;
  color: #434343;
  margin: 0 0 0 10px;
}
#DealManage .progress .progressPie {
  text-align: center;
}
#DealManage .progress .progressPie .stat {
  top: 30px;
  width: 100%;
}
#DealManage .progress .progressPie .stat .number {
  font-size: 28px;
}
#DealManage .progress .progressPie .title {
  font-size: 12px;
  border: none;
  text-align: center;
  margin: 5px 10px;
  padding: 0;
  width: 100%;
}
#DealManage .progress .checkList {
  margin: 10px 0 0px 0;
}
#DealManage .progress .checkList ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#DealManage .progress .checkList li {
  color: #707070;
  font-weight: 500;
  margin: 0px 20px 10px 0;
}
#DealManage .progress .checkList .check {
  border-radius: 13px;
  width: 26px;
  height: 26px;
  background: #D8D8D8;
  color: #fff;
  text-align: center;
  line-height: 25px;
  margin: 0 10px 0 0;
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.15);
}
#DealManage .progress .checkList .check .icon {
  display: none;
}
#DealManage .progress .checkList .check .icon::before, #DealManage .progress .checkList .check .icon::after {
  font-size: 14px;
}
#DealManage .progress .checkList .progress .check {
  background: #F5A623;
}
#DealManage .progress .checkList .on .check {
  background: #63b509;
  box-shadow: none;
}
#DealManage .progress .checkList .on .check .icon {
  display: block;
}
#DealManage .dealDetails {
  font-size: 13px;
  color: #707070;
}
#DealManage .dealDetails md-tabs-canvas {
  border-bottom: 1px solid #f7f7f7;
}
#DealManage .dealDetails .output-group {
  margin: 5px;
}
#DealManage .dealDetails .output-group label {
  margin-bottom: 5px;
}
#DealManage .dealDetails .tabContent {
  padding: 20px 0 0;
}
#DealManage .dealDetails .profileGroup.output-group {
  margin-right: 40px;
}
@media only screen and (max-width: 600px) {
  #DealManage .dealDetails .profileGroup.output-group {
    margin-right: 0px;
  }
}
#DealManage .dealDetails .dealNumber {
  color: #707070;
  font-size: 16px;
}
#DealManage .dealDetails .priceRank {
  color: #434343;
  margin: 0;
  padding: 0 0 0 20px;
  cursor: pointer;
  font-weight: 100;
  border-left: 1px solid #D8D8D8;
}
#DealManage .dealDetails .priceRank .name {
  font-size: 15px;
}
#DealManage .dealDetails .item {
  margin: 0 20px 10px 0;
}
#DealManage .dealDetails .item.total {
  margin: 0 0px 10px 20px;
  background: #edf5f6;
  padding: 15px;
  text-align: right;
  border-radius: 3px;
}
#DealManage .dealDetails .item.total:first-child {
  margin: 0 0 10px 0;
}
#DealManage .dealDetails .item.roi .number {
  color: #064250;
}
#DealManage .dealDetails .number {
  font-size: 28px;
  color: #938a9a;
}
#DealManage .dealDetails .addIcon {
  margin: 0 20px 0 0;
}
#DealManage .dealDetails .athlete,
#DealManage .dealDetails .brand {
  margin: 0 20px 0 0;
}
#DealManage .dealDetails .athlete .image,
#DealManage .dealDetails .brand .image {
  margin: 0 5px 0 0;
}
#DealManage .dealDetails .athlete .name,
#DealManage .dealDetails .brand .name {
  font-size: 18px;
  color: #434343;
}
#DealManage .dealDetails .athlete a:hover,
#DealManage .dealDetails .brand a:hover {
  color: #2196F3;
}
#DealManage .dealDetails .athlete .sport,
#DealManage .dealDetails .brand .sport {
  font-size: 14px;
  color: #707070;
}
#DealManage .dealDetails .progress .status {
  margin: 0 0 5px;
}
#DealManage .dealDetails .progress .bar {
  margin: 3px 0 0;
}
#DealManage .dealDetails .progress .bar .title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #707070;
}
#DealManage .dealDetails .progress .bar .title .number {
  font-size: 18px;
  font-weight: 100;
  color: #434343;
  margin: 0 0 0 10px;
}
#DealManage .dealDetails .progress .progressPie {
  text-align: center;
  margin: 10px;
}
#DealManage .dealDetails .progress .progressPie .stat {
  top: 30px;
  width: 100%;
}
#DealManage .dealDetails .progress .progressPie .stat .number {
  font-size: 28px;
}
#DealManage .dealDetails .progress .progressPie .title {
  font-size: 12px;
  border: none;
  text-align: center;
  margin: 5px 10px;
  padding: 0;
  width: 100%;
}
#DealManage .dealDetails .progress .checkList {
  margin: 20px 0 0px 20px;
}
#DealManage .dealDetails .progress .checkList ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#DealManage .dealDetails .progress .checkList li {
  color: #707070;
  font-weight: 500;
  margin: 0px 20px 10px 0;
}
#DealManage .dealDetails .progress .checkList .check {
  border-radius: 13px;
  width: 26px;
  height: 26px;
  background: #D8D8D8;
  color: #fff;
  text-align: center;
  line-height: 25px;
  margin: 0 10px 0 0;
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.15);
}
#DealManage .dealDetails .progress .checkList .check .icon {
  display: none;
}
#DealManage .dealDetails .progress .checkList .check .icon::before, #DealManage .dealDetails .progress .checkList .check .icon::after {
  font-size: 14px;
}
#DealManage .dealDetails .progress .checkList .progress .check {
  background: #F5A623;
}
#DealManage .dealDetails .progress .checkList .on .check {
  background: #63b509;
  box-shadow: none;
}
#DealManage .dealDetails .progress .checkList .on .check .icon {
  display: block;
}
#DealManage .dealStats .number {
  font-size: 22px;
  line-height: 20px;
  color: #2196F3;
}
#DealManage .dealStats .stat .title {
  color: #064250;
  margin: 5px 0 20px;
}
#DealManage .dealStats > div {
  border-right: 1px solid #D8D8D8;
  padding: 0px 10px;
}
#DealManage .dealStats > div:last-child {
  border-right: 0;
}
#DealManage .dealStats .deliverableStat {
  margin: 10px 0 0 0;
  font-size: 12px;
}
#DealManage .dealStats .deliverableStat .number {
  color: #064250;
}
#DealManage .list_std {
  margin: 5px 0 10px;
}
#DealManage .list_header {
  padding: 5px 0 0;
}
#DealManage .item.deliverable.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#DealManage .item.deliverable.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.5s;
  display: block !important;
}
#DealManage .item.deliverable .row .image-container {
  margin-right: 15px;
}
#DealManage .item.deliverable .row .image-container .statusTag {
  position: absolute;
  line-height: 10px;
  left: -6px;
  top: 15px;
}
#DealManage .item.deliverable .row .image {
  background: #2f8295;
  color: #fff;
  text-align: center;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
}
#DealManage .item.deliverable .row .image .icon::after, #DealManage .item.deliverable .row .image .icon::before {
  font-size: 16px;
}
#DealManage .item.deliverable .row .image.post-image {
  width: 200px;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0;
  border: none;
}
#DealManage .item.deliverable .title {
  color: #2f8295;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 3px;
}
#DealManage .item.deliverable .description {
  margin: 0;
  font-size: 12px;
  color: #707070;
}
#DealManage .item.deliverable .description .platform .icon::after, #DealManage .item.deliverable .description .platform .icon::before {
  font-size: 12px;
}
#DealManage .item.deliverable .bonusTag {
  margin: 0 3px;
  font-size: 9px;
  font-weight: 500;
  color: #fff;
  background: #938a9a;
  padding: 1px 5px;
  border-radius: 10px;
}
#DealManage .item.deliverable .roi {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  margin: 0 10px 0 0;
  color: #707070;
}
#DealManage .item.deliverable .roi .number {
  font-size: 14px;
}
#DealManage .item.deliverable .status {
  margin: 0;
  white-space: nowrap;
}
#DealManage .item.deliverable .controls {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #edf5f6;
  padding: 0;
  border: none;
  margin: 0;
}
#DealManage .item.deliverable .success.row {
  background: #f5f9f1;
}
#DealManage .item.deliverable .ugc .image {
  background: #853c43;
}
#DealManage .item.deliverable .ugc .title {
  color: #853c43;
}
#DealManage .item.deliverable .social .image {
  background: #559383;
}
#DealManage .item.deliverable .social .title {
  color: #559383;
}
#DealManage .item.deliverable .appearance .image {
  background: #5a576f;
}
#DealManage .item.deliverable .appearance .title {
  color: #5a576f;
}
#DealManage .item.deliverable .feedback .image {
  background: #ed9300;
}
#DealManage .item.deliverable .feedback .title {
  color: #ed9300;
}
#DealManage .item.deliverable .logo .image {
  background: #a65d7f;
}
#DealManage .item.deliverable .logo .title {
  color: #a65d7f;
}
#DealManage .item.deliverable .row {
  border-radius: 3px;
}
#DealManage .item.deliverable .row:hover {
  border-color: transparent;
}
#DealManage .item.deliverable .row:hover .row {
  background: #e3edee;
  /*&.success{
      background: $accent10-shade;
  }

  &.important{
      background: $accent4;
  }*/
}
#DealManage .item.deliverable .row.opened .row {
  box-shadow: 9px 5px 5px -3px rgba(0, 0, 0, 0.3);
}
#DealManage .drawer .innerContainerMargin,
#DealManage .singleDealDeliverable .innerContainerMargin {
  padding: 20px;
}
#DealManage .drawer md-tabs-canvas,
#DealManage .singleDealDeliverable md-tabs-canvas {
  border-bottom: 1px solid #e0e0e0;
}
#DealManage .drawer .uniqueId,
#DealManage .singleDealDeliverable .uniqueId {
  color: #ACACAC;
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
}
#DealManage .drawer .output-group,
#DealManage .singleDealDeliverable .output-group {
  margin: 0 0 15px;
  color: #707070;
  font-size: 14px;
}
#DealManage .drawer .output-group .dueDateContainer,
#DealManage .singleDealDeliverable .output-group .dueDateContainer {
  color: #707070;
  font-size: 12px;
  border-radius: 15px;
  background-color: #f7f7f7;
  padding: 10px 20px;
}
#DealManage .drawer .output-group.error,
#DealManage .singleDealDeliverable .output-group.error {
  color: #b04e4e;
  font-size: 16px;
  font-weight: 500;
}
#DealManage .drawer .output-group.error label,
#DealManage .singleDealDeliverable .output-group.error label {
  color: #b04e4e;
}
#DealManage .drawer .output-group.error .dueDateContainer,
#DealManage .singleDealDeliverable .output-group.error .dueDateContainer {
  background-color: #b04e4e;
  color: #fff;
}
#DealManage .drawer .output-group.error .dueDateContainer label,
#DealManage .singleDealDeliverable .output-group.error .dueDateContainer label {
  color: #fff;
}
#DealManage .drawer .output-group .tags .tag,
#DealManage .singleDealDeliverable .output-group .tags .tag {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 5px;
  padding: 3px 5px;
  margin: 0 3px 3px 0;
  font-weight: 500;
}
#DealManage .drawer .output-group a.ref,
#DealManage .singleDealDeliverable .output-group a.ref {
  word-wrap: break-word;
}
#DealManage .drawer .output-group a.tracking,
#DealManage .singleDealDeliverable .output-group a.tracking {
  font-weight: 100;
}
#DealManage .drawer .rightPanel,
#DealManage .singleDealDeliverable .rightPanel {
  border-left: 1px solid #D8D8D8;
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
}
@media only screen and (max-width: 1280px) {
  #DealManage .drawer .rightPanel,
#DealManage .singleDealDeliverable .rightPanel {
    border-left: 0;
    padding: 0;
    margin: 0;
  }
}
#DealManage .drawer .carousel .item,
#DealManage .singleDealDeliverable .carousel .item {
  padding: 0 5px 5px 0;
}
#DealManage .drawer .tabContent,
#DealManage .singleDealDeliverable .tabContent {
  padding: 20px 0 0;
}
#DealManage .drawer .results,
#DealManage .singleDealDeliverable .results {
  border-radius: 5px;
  padding: 15px;
  background: #edf5f6;
}
#DealManage .drawer .results .title,
#DealManage .singleDealDeliverable .results .title {
  color: #ACACAC;
  margin: 0 0 20px;
  padding: 0 0 5px;
  border-bottom: 1px solid #D8D8D8;
}
#DealManage .drawer .results .socialContent,
#DealManage .singleDealDeliverable .results .socialContent {
  margin: 5px 0 0;
}
#DealManage .drawer .results .socialContent .postContent .text,
#DealManage .singleDealDeliverable .results .socialContent .postContent .text {
  background: #fff;
}
#DealManage .drawer .results .socialContent .postContent .text::after, #DealManage .drawer .results .socialContent .postContent .text::before,
#DealManage .singleDealDeliverable .results .socialContent .postContent .text::after,
#DealManage .singleDealDeliverable .results .socialContent .postContent .text::before {
  border-bottom-color: #fff;
}
#DealManage .drawer .highlight em,
#DealManage .singleDealDeliverable .highlight em {
  background: #559383;
}
#DealManage .drawer .documentFile,
#DealManage .singleDealDeliverable .documentFile {
  margin: 10px 0;
}
#DealManage .deliverableMetrics .metricItem {
  padding: 2px 15px 0 0px;
  margin: 5px 0;
}
#DealManage .deliverableMetrics .metricItem:not(:first-child) {
  border-left: 1px solid #D8D8D8;
  padding-left: 15px;
}
#DealManage .deliverableMetrics .icon {
  width: 18px;
  padding: 0 5px 0 0;
}
#DealManage .deliverableMetrics .number {
  font-size: 14px;
  font-weight: 100;
}
#DealManage .deliverableMetrics .label {
  font-size: 10px;
}
#DealManage .deliverableMetrics .total {
  border-top: 1px solid #D8D8D8;
  margin: 0 5px 0 0;
  padding: 5px 0;
}
#DealManage .deliverableMetrics .total .label {
  font-size: 22px;
}
#DealManage .deliverableMetrics .total .number {
  font-size: 22px;
  font-weight: 100;
}
#DealManage .singleDealDeliverable {
  margin: 10px 0 0 10px;
}
#DealManage .singleDealDeliverable .heading {
  margin: 0 0 10px;
}
#DealManage .payments {
  margin: 0 0 0 30px;
}
#DealManage .payments .payment {
  text-align: left;
  margin: 0 0 5px;
}
#DealManage .payments .payment:last-child {
  border-bottom: 0;
}
#DealManage .payments .payment .paymentTag {
  padding: 20px;
  background: #2f8295;
  color: #D8D8D8;
  border-radius: 5px;
}
#DealManage .payments .payment .paymentTag label {
  font-size: 15px;
}
#DealManage .payments .payment .paymentTag.success {
  background: #73a937;
}
#DealManage .payments .payment .paymentTag a,
#DealManage .payments .payment .paymentTag a.ref {
  color: #b3ddfe;
}
#DealManage .payments .payment .trackingInfo {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 8px;
}
#DealManage .payments .payment .trackingInfo .trackingNumber {
  font-size: 16px;
  overflow-wrap: break-word;
}
#DealManage .payments .payment .trackingInfo .provider {
  font-size: 16px;
  font-weight: 700;
}
#DealManage .payments .payment .trackingInfo .deliveryProgressContainer {
  margin: 20px 0;
}
#DealManage .payments .payment .trackingInfo .deliveryProgressContainer .currentLocation {
  margin: 5px 0 0;
  border-radius: 20px;
  padding: 5px 8px;
  background-color: #2f8295;
  color: #fff;
}
#DealManage .payments .payment .trackingInfo .deliveryProgressContainer .currentLocation .image {
  width: 15px;
}
#DealManage .payments .payment .trackingInfo .deliveryProgressContainer .currentLocation .image img {
  width: 100%;
}
#DealManage .payments .payment .info {
  margin: 10px 0px 0 0;
  font-size: 13px;
}
#DealManage .payments .payment .value .number {
  color: #fff;
  font-size: 20px;
}
#DealManage .payments .payment ul {
  margin: 0 0 30px 0;
  padding: 0 0 0 25px;
}
#DealManage .payments .payment .item {
  margin: 0 0 3px;
}
#DealManage .payments .payment .bullet {
  font-size: 30px;
  margin: 0 10px;
  line-height: 23px;
}
#DealManage .payments .payment .status {
  margin: 10px 0 0 5px;
}
#DealManage .payments .payment .commission {
  text-align: right;
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 500;
}
#DealManage .payments .payment .commission.overdue {
  background-color: #b04e4e;
  padding: 3px 5px;
  border-radius: 10px;
}
#DealManage .payments .payment .commission a.ref {
  color: #b3ddfe;
  text-decoration: underline;
}
#DealManage .payments .payment .buttonPanel {
  margin: 30px 0 0px;
}
#DealManage .payments .totalPayment {
  font-size: 16px;
  text-align: right;
  color: #434343;
  border-top: 1px solid #D8D8D8;
  margin: 20px 0 0 0;
  padding: 20px 0 0 20px;
}
#DealManage .payments .totalPayment .number {
  font-size: 22px;
  color: #938a9a;
}
#DealManage .payments .totalPayment .total {
  margin: 10px 0;
}
#DealManage .payments .totalPayment .total .number {
  font-size: 30px;
}
@media only screen and (max-width: 960px) {
  #DealManage .payments {
    margin: 0;
  }
}
#DealManage .tabPanel {
  /* @include roundedCorners(5px);
  background: $secondary;
  margin: 0 0 20px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 20px;*/
}
#DealManage .tabPanel .title {
  font-size: 18px;
  color: #0d4c5b;
  margin: 5px 0 20px;
}
#DealManage .tabPanel .title .icon-circle {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  border-width: 1px;
  line-height: 26px;
}
#DealManage .tabPanel .meta {
  color: #707070;
}
#DealManage .tabPanel .meta .dealStats .number {
  font-size: 22px;
  line-height: 20px;
  color: #2196F3;
}
#DealManage .tabPanel .meta .dealStats > div {
  border-right: 1px solid #D8D8D8;
  padding: 0px 10px;
}
#DealManage .tabPanel .meta .dealStats > div:last-child {
  border-right: 0;
}
#DealManage .tabPanel .meta .item {
  background: #edf5f6;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 3px;
}
#DealManage .tabPanel .meta .inventory {
  margin: 0 0 0 10px;
}
#DealManage .tabPanel .meta .inventory .number {
  font-size: 18px;
  font-weight: 500;
}
#DealManage .tabPanel .meta .icon::before, #DealManage .tabPanel .meta .icon::after {
  font-size: 16px;
  font-weight: 700;
  color: #2196F3;
}
#DealManage .tabPanel .list_std .item .row {
  background: #f5f9f1;
}
#DealManage .tabPanel .list_std .item .row .date {
  min-width: 70px;
}
#DealManage .tabPanel .list_std .image-container {
  margin-right: 5px;
}
#DealManage .tabPanel .list_std .image-container .image {
  border-radius: 10px;
  width: 20px;
  height: 20px;
}
#DealManage .tabPanel .list_std .image-container [class^=flaticon-]:before,
#DealManage .tabPanel .list_std .image-container [class*=" flaticon-"]:before,
#DealManage .tabPanel .list_std .image-container [class^=flaticon-]:after,
#DealManage .tabPanel .list_std .image-container [class*=" flaticon-"]:after {
  color: #064250;
}
#DealManage .tabPanel .list_std .title {
  margin: 0;
  font-size: 16px;
}
#DealManage .tabPanel .payments {
  margin: 0;
}
#DealManage .tabPanel .payments .payment {
  text-align: left;
}
#DealManage .tabPanel .payments .payment .paymentTag {
  background: #edf5f6;
  padding: 5px;
  border-radius: 20px;
}
#DealManage .tabPanel .payments .payment .paymentTag label {
  color: #064250 !important;
}
#DealManage .tabPanel .payments .payment .number {
  color: #938a9a;
  font-size: 20px;
}
#DealManage .tabPanel .payments .payment ul {
  margin: 0 0 30px 0;
  padding: 0 0 0 25px;
}
#DealManage .tabPanel .payments .payment .item {
  margin: 0 0 3px;
}
#DealManage .tabPanel .payments .payment .bullet {
  font-size: 30px;
  margin: 0 10px;
  line-height: 23px;
}
#DealManage .tabPanel .payments .totalPayment {
  font-size: 16px;
  text-align: right;
  color: #434343;
  padding: 0 0 0 20px;
  margin: 30px 0 0;
  border: 0;
  margin: 20px 0 0 20px;
}
#DealManage .tabPanel .payments .totalPayment .number {
  font-size: 22px;
  color: #938a9a;
}
#DealManage .tabPanel .payments .totalPayment .total {
  margin: 10px 0;
}
#DealManage .tabPanel .payments .totalPayment .total .number {
  font-size: 30px;
}
#DealManage .metrics md-tabs.tabs > md-tabs-content-wrapper md-tab-content {
  padding: 40px 20px 0px 0;
}
#DealManage .metrics .reach {
  padding: 8px;
  margin: 0 10px 30px 0;
  border-radius: 5px;
}
#DealManage .metrics .reach .title {
  font-size: 18px;
  margin: 0 10px 0 0;
  color: #434343;
  font-weight: 100;
}
#DealManage .metrics .reach .number {
  color: #2196F3;
  font-size: 20px;
}
#DealManage .metrics .reach .reach-container {
  background: rgba(42, 153, 242, 0.1);
  border-radius: 10px;
  padding: 8px;
  border: 2px solid #2196F3;
}
#DealManage .metrics .results {
  margin: 20px 0 10px 27px;
}
#DealManage .metrics .stats {
  padding: 0 20px;
  border-right: 1px solid #D8D8D8;
}
#DealManage .metrics .stats:last-child {
  border-right: 0;
}
#DealManage .metrics .stats .stat {
  margin: 0 0 10px;
}
#DealManage .metrics .stats .stat .number {
  color: #2196F3;
  font-size: 22px;
}
#DealManage .metrics .stats .stat label {
  color: #707070;
  font-size: 13px;
}
#DealManage .metrics .stats .subStat .number {
  color: #2196F3;
  font-size: 16px;
}
#DealManage .metrics .stats .subStat label {
  color: #707070;
  font-size: 13px;
  text-align: center;
}
#DealManage .socialSummary {
  background: #edf5f6;
  border-radius: 5px;
  overflow: hidden;
  margin: 20px 0;
}
#DealManage .socialSummary .numbers {
  padding: 20px;
}
#DealManage .socialSummary .number {
  font-size: 22px;
  color: #938a9a;
}
#DealManage .socialSummary .number.large {
  font-size: 30px;
}
#DealManage .socialSummary .number.loss {
  color: #b04e4e;
}
#DealManage .socialSummary .number.gain {
  color: #63b509;
}
#DealManage .socialSummary label {
  font-size: 13px;
}
#DealManage .socialSummary .roiTotal {
  background: #63b509;
  color: #fff;
  padding: 10px 20px;
}
#DealManage .socialSummary .roiTotal label {
  font-size: 16px;
  color: #fff;
}
#DealManage .socialSummary .roiTotal .number {
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  color: #fff;
  line-height: 25px;
}
#DealManage .socialSummary .roiTotal .small {
  font-size: 14px;
}
#DealManage .socialSummary .roiTotal .small ::before,
#DealManage .socialSummary .roiTotal .small ::after {
  font-size: 14px;
}
#DealManage .socialSummary .roiTotal.loss {
  background-color: #b04e4e;
}
@media only screen and (max-width: 600px) {
  #DealManage .metrics .stats {
    border-right: 0;
    margin-bottom: 5px;
  }
  #DealManage .metrics .stats .stat .number {
    font-size: 18px;
  }
  #DealManage .metrics .socialSummary .number {
    font-size: 18px;
  }
  #DealManage .metrics .socialSummary .number.large {
    font-size: 25px;
  }
}

/*******************************
    Calendar
********************************/
#Calendar .calendar-header {
  color: #707070;
  margin: 0 5px;
}
#Calendar .calendar-header .btn {
  margin: 0;
}
#Calendar .calendar-controls .calendar-control {
  margin: 0 10px;
  color: #ACACAC;
  cursor: pointer;
}
#Calendar .calendar-controls .calendar-control .icon::before, #Calendar .calendar-controls .calendar-control .icon::after {
  font-size: 15px;
}
#Calendar .calendar-controls .calendar-control .icon:hover {
  color: #2196F3;
}
#Calendar .calendar-controls .title {
  font-size: 25px;
  line-height: 50px;
  margin: 0 10px;
}
#Calendar .mainCalendar {
  /*overrides*/
  /*custom*/
}
#Calendar .mainCalendar #cal-week-box {
  display: none;
}
#Calendar .mainCalendar span[data-cal-date] {
  font-size: 15px;
}
#Calendar .mainCalendar .cal-day-weekend span[data-cal-date] {
  color: #707070;
}
#Calendar .mainCalendar .cal-row-fluid:hover {
  background: transparent;
}
#Calendar .mainCalendar [class*=cal-cell]:hover {
  background: transparent;
}
#Calendar .mainCalendar .cal-row-head {
  color: #ACACAC;
  font-size: 12px;
  text-transform: uppercase;
}
#Calendar .mainCalendar .cal-month-box [class*=cal-cell] {
  min-height: 0;
}
#Calendar .mainCalendar .cal-month-box .cal-row-fluid.openSlideBox {
  border-bottom: 0;
}
#Calendar .mainCalendar .cal-month-box .cal-day-today {
  background: transparent;
}
#Calendar .mainCalendar .cal-month-box .cal-day-today span[data-cal-date] {
  font-size: 15px;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  line-height: 34px;
  margin: 5px;
  background: #559b08;
  color: #fff;
  text-align: center;
}
#Calendar .mainCalendar .cal-month-day {
  overflow: hidden;
  position: relative;
  height: 80px;
  /* For Safari 3.1 to 6.0 */
  transition: all 2s ease 0s;
}
#Calendar .mainCalendar .cal-month-day .background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#Calendar .mainCalendar .cal-month-day .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #064250;
  opacity: 0;
  border-radius: 3px;
}
#Calendar .mainCalendar .cal-month-day .content {
  position: relative;
  z-index: 1;
  height: 100%;
}
#Calendar .mainCalendar .cal-month-day.cal-day-hasEvents:not(cal-day-past) span[data-cal-date] {
  opacity: 1;
  margin: 0;
  padding: 5px 8px;
  background: #fff;
  color: #434343;
  line-height: 24px;
  border-radius: 0px 0px 0 3px;
}
#Calendar .mainCalendar .cal-month-day.cal-day-hasEvents.cal-day-today span[data-cal-date] {
  font-size: 15px;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  line-height: 27px;
  margin: 5px;
  background: #559b08;
  color: #fff;
  text-align: center;
}
#Calendar .mainCalendar .cal-month-day.cal-day-hasEvents .eventName {
  font-size: 12px;
  font-weight: 500;
  border-left: 3px solid #F39D0F;
  color: #434343;
  text-transform: uppercase;
  padding: 2px 10px;
  background: rgba(255, 255, 255, 0.8);
}
#Calendar .mainCalendar .cal-month-day.cal-day-hasEvents .badge {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  background: #ec551a;
  color: #fff;
  font-size: 11px;
  margin: 0;
  line-height: 24px;
  font-weight: 500;
  padding: 0;
  display: block;
  text-align: center;
}
#Calendar .mainCalendar .cal-month-day .cal-day-tick {
  position: absolute;
  top: auto;
  left: auto;
  right: 14px;
  bottom: 0px;
  width: 0;
  height: 0;
  padding: 0;
  background: none;
  margin: 0;
}
#Calendar .mainCalendar .cal-month-day .chevron {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #2f8295;
  border-radius: 0;
}
#Calendar .mainCalendar .cal-month-day.cal-day-outmonth {
  opacity: 0.4;
  background: #e0e0e0;
}
#Calendar .mainCalendar .cal-month-day.cal-day-outmonth .eventName {
  background: rgba(255, 255, 255, 0.3);
}
#Calendar .mainCalendar .cal-month-day:hover {
  /* For Safari 3.1 to 6.0 */
  transition: all 1s ease 0s;
}
#Calendar .mainCalendar .cal-month-day:hover .overlay {
  opacity: 0;
}
#Calendar .mainCalendar .cal-month-day:hover.cal-day-outmonth {
  opacity: 1;
}
#Calendar .mainCalendar .cal-slide-box {
  /*-webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;*/
}
#Calendar .mainCalendar .cal-slide-box .close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fff;
  cursor: pointer;
}
#Calendar .mainCalendar .cal-slide-content {
  background: #2f8295;
  box-shadow: 9px 5px 5px -3px rgba(0, 0, 0, 0.3);
  box-shadow: none;
  padding: 20px 30px 20px 10px;
}
#Calendar .mainCalendar .cal-slide-content .eventsTitle {
  margin: 0 0 10px 10px;
}
#Calendar .mainCalendar .cal-slide-content ul {
  margin: 0;
  padding: 0;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 0 10px 10px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #064250;
  opacity: 0.5;
  border-radius: 3px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .content {
  position: relative;
  z-index: 1;
  height: 100%;
  background: #fff;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .event-header {
  padding: 10px;
  font-weight: 500;
  font-size: 15px;
  color: #434343;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .event-header .image-container {
  margin-right: 5px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .event-header .time {
  font-size: 12px;
  font-weight: 100;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .event-header .icon {
  color: #F5A623;
  margin: 0 0 0 5px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .event-header .icon::before, #Calendar .mainCalendar .cal-slide-content .eventInfo .event-header .icon::after {
  font-size: 30px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo hr {
  border-bottom: 1px solid #ACACAC;
  margin: 0 10px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo label {
  color: #434343;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .details {
  padding: 10px;
  font-size: 14px;
  color: #434343;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .details .output-group {
  margin: 10px 0 0 0;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .details .output-group label {
  font-size: 12px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .details .title {
  margin: 5px 0;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .attendees {
  color: #434343;
  padding: 10px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .attendees .title {
  padding: 10px 5px;
  margin: 5px 10px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .attendees .athlete {
  padding: 10px 0px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .attendees .athlete .image-container {
  margin-right: 5px;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .attendees .athlete .rank {
  font-size: 12px;
  cursor: pointer;
}
#Calendar .mainCalendar .cal-slide-content .eventInfo .attendees .athlete .rank .icon::before, #Calendar .mainCalendar .cal-slide-content .eventInfo .attendees .athlete .rank .icon::after {
  font-size: 11px;
}
#Calendar .mainCalendar .cal-slide-content .placeholder {
  border: 2px solid #edf5f6;
  border-radius: 5px;
  padding: 10px;
  margin: 0 10px 10px;
}

#ProfileDialog {
  max-width: 700px;
}
#ProfileDialog .header {
  padding: 20px;
  position: relative;
  color: #fff;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20a27f);
  overflow: hidden;
}
#ProfileDialog .header .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#ProfileDialog .header .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), black);
}
#ProfileDialog .header .image-container {
  margin: 0 10px 0 0px;
}
#ProfileDialog .header .image-container .image {
  width: 65px;
  height: 65px;
}
#ProfileDialog .header .text {
  position: relative;
  color: #fff;
  font-size: 14px;
}
#ProfileDialog .header .text h1 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
#ProfileDialog > .close {
  color: #fff;
}
#ProfileDialog.template {
  font-size: 14px;
}
#ProfileDialog.template h3 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 500;
  color: #707070;
}
#ProfileDialog.template label {
  color: #434343;
}
#ProfileDialog.template .tab {
  border-radius: 5px;
  padding: 10px;
  background: #edf5f6;
}
#ProfileDialog.template .socialstats {
  width: auto;
}
#ProfileDialog.template .camp-section {
  margin: 20px 0 30px;
}
#ProfileDialog.template .representative .type {
  border: 0;
  margin: 0;
  padding: 0;
}
#ProfileDialog.template .deliverables .icon-circle {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background: #2f8295;
  color: #fff;
  border: 0;
  line-height: 30px;
}
#ProfileDialog.template .gallery.vertical .image {
  width: 312px;
  height: 312px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0px auto 15px;
  overflow: hidden;
}
#ProfileDialog.template .gallery.vertical .imageTray .image {
  width: 60px;
  height: 60px;
  margin: 0 0 3px;
}
#ProfileDialog.template .tab {
  margin: 0 0 0 10px;
}

/*******************************
    Feedback Service
********************************/
#Feedback .answers .reason {
  margin: 0 0 0 30px;
}
#Feedback .group {
  margin: 0 0 15px;
}
#Feedback .group md-radio-button {
  margin: 0;
}
#Feedback .checkIcon {
  margin: 10px 0 0;
}
#Feedback .checkIcon .icon {
  color: #0d4c5b;
}
#Feedback .checkIcon .icon::before, #Feedback .checkIcon .icon::after {
  font-size: 35px;
}

/*******************************
    Email Settings
********************************/
#EmailSettings {
  padding: 0 20px;
}
#EmailSettings .settings-container.ng-enter {
  animation-name: slideInRight;
  animation-duration: 1s;
}
#EmailSettings .settings-container.ng-leave {
  animation-name: slideOutLeft;
  animation-duration: 0.3s;
}
#EmailSettings .successIcon {
  width: 100px;
}
#EmailSettings .email {
  margin: 0 0 20px;
  font-size: 14px;
}
#EmailSettings .email .icon {
  margin: 0 10px 0 0;
}
#EmailSettings .email .icon::after, #EmailSettings .email .icon::before {
  font-size: 42px;
}
#EmailSettings .options {
  margin: 0 20px 40px;
}
#EmailSettings .options .output-group {
  padding: 15px 0 0;
}
#EmailSettings .options .output-group:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
#EmailSettings .options .output-group .title {
  color: #064250;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  line-height: 25px;
}
#EmailSettings .options .output-group .description {
  font-size: 14px;
  margin: 0;
}

#CampaignSuggestions {
  max-width: 950px;
}
#CampaignSuggestions .suggestion {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#CampaignSuggestions .suggestion a.link {
  margin: 5px 0 0;
}
#CampaignSuggestions .suggestion.ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
#CampaignSuggestions .suggestion.ng-leave {
  display: none;
}
@media only screen and (max-width: 960px) {
  #CampaignSuggestions .suggestion .std_card .userImage {
    border-radius: 20px;
    width: 40px;
    height: 40px;
  }
}

#AthleteComparePricing {
  position: relative;
  width: 700px;
  height: 700px;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
}
#AthleteComparePricing .circle {
  background: #fff;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #fff, #daf2f8);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  position: relative;
}
#AthleteComparePricing .circle.swatch1 {
  background: #7d6eb2;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #7d6eb2, #594d84);
  /* Standard syntax */
}
#AthleteComparePricing .circle.swatch2 {
  background: #ed9b14;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #ed9b14, #e18c00);
  /* Standard syntax */
}
#AthleteComparePricing .circle.swatch3 {
  background: #5fab97;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #5fab97, #437d6e);
  /* Standard syntax */
}
#AthleteComparePricing .circle.swatch4 {
  background: #4e9aac;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #4e9aac, #20778b);
  /* Standard syntax */
}
#AthleteComparePricing .inner-circle {
  width: 50%;
}
#AthleteComparePricing .inner-circle .content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 125px 10% 0;
  display: -ms-flexbox;
  display: flex;
}
#AthleteComparePricing .inner-circle:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#AthleteComparePricing .circle-content {
  color: #fff;
  text-align: center;
  margin: 15px 0 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
#AthleteComparePricing .circle-content .title {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}
#AthleteComparePricing .circle-content .label {
  font-size: 12px;
  text-transform: uppercase;
}
#AthleteComparePricing .circle-content .athletes {
  margin: 10px;
  z-index: 1;
}
#AthleteComparePricing .circle-content .athletes .athleteWidget {
  margin-left: -5px;
}
#AthleteComparePricing .circle-content.primary {
  top: 50%;
  margin-top: -85px;
}
#AthleteComparePricing .blowout {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 200px;
  width: 400px;
  height: 400px;
  font-size: 23px;
  padding: 100px;
  color: #064250;
  overflow: hidden;
  border: 4px solid #fff;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.2);
}
#AthleteComparePricing .blowout .text {
  text-align: center;
}
#AthleteComparePricing .blowout.one {
  border-radius: 250px;
  width: 500px;
  height: 500px;
  left: -300px;
  top: 100px;
}
#AthleteComparePricing .blowout.two {
  border-radius: 180px;
  width: 360px;
  height: 360px;
  right: -100px;
  top: 150px;
}

#Calculator .calculator-container {
  max-width: 600px;
}
#Calculator .calculator-container h2 {
  font-size: 20px;
}
#Calculator .calculator-container .ng-enter {
  animation-name: fadeIn;
  animation-duration: 1s;
}
#Calculator .calculator-container .ng-leave {
  display: none;
}
#Calculator .calculatorForm .number {
  font-size: 20px;
  height: 40px;
  text-align: right;
}
#Calculator .calculatorForm .slide.ng-enter {
  animation-name: slideInRight;
  animation-duration: 0.3s;
}
#Calculator .calculatorForm .slide.ng-leave {
  animation-name: slideOutLeft;
  animation-duration: 0.3s;
}
#Calculator .calculating {
  height: 150px;
}
#Calculator .final .result {
  margin: 20px 0;
}
#Calculator .final .result .image {
  margin: 0 10px 0 0;
}
#Calculator .final .number {
  font-size: 35px;
  color: #559b08;
}

.ccrequest {
  font-weight: 500;
  font-size: 15px;
  margin: 10px 0 0;
}
.ccrequest .svgTextIcon {
  width: 25px;
  height: 20px;
}

#RequestCC {
  max-width: 800px;
}

.conditionalHolder {
  border-left: 1px solid #D8D8D8;
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  position: relative;
}
.conditionalHolder .or {
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -23px;
  background: #fff;
  color: #ACACAC;
  padding: 10px 0;
}

#SocialAccount:not(.wide) {
  max-width: 500px;
}
@media screen and (min-width: 959px) {
  #SocialAccount .conditionalHolder {
    border-left: 1px solid #D8D8D8;
    padding: 0 0 0 20px;
    margin: 0 0 0 20px;
    position: relative;
  }
  #SocialAccount .conditionalHolder .or {
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -23px;
    background: #fff;
    color: #ACACAC;
    padding: 10px 0;
  }
}
@media screen and (max-width: 959px) {
  #SocialAccount .conditionalHolder {
    border: none;
    padding: 0;
    margin: 0;
  }
}

#dialogContent_SocialAccount .shareLink-container {
  border-top: 1px solid #D8D8D8;
  padding-top: 20px;
  margin: 20px 0;
  text-align: center;
}
#dialogContent_SocialAccount .shareLink-container .info {
  font-size: 12px;
  font-weight: 100;
  color: #434343;
  margin: 2px 0;
}
#dialogContent_SocialAccount .shareLink-container textarea {
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  background: #e0e0e0;
  font-size: 12px;
  color: #000;
}

#oAuthPublic .connect .athlete {
  margin: 10px 0;
}
#oAuthPublic .connect .athlete .image {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  margin: 0 3px;
}

#SendInstructions {
  max-width: 550px;
}

#CampaignList h4 {
  color: #434343;
}
#CampaignList .myCampaignList {
  margin: 0 20px 0 0;
}
#CampaignList .myCampaignList .controlButtons {
  min-width: 138px;
}
#CampaignList .panelSummary {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#CampaignList .panelSummary label {
  margin: 0 0 20px;
  display: block;
}
#CampaignList .panelSummary .btn {
  margin-bottom: 20px;
}
#CampaignList .panelSummary .bullets .li {
  max-width: 200px;
  animation-name: fadeInUp;
  animation-duration: 1.5s;
}
#CampaignList .panelSummary .bullets .li img {
  width: 75px;
}
#CampaignList .margin-right .panelSummary {
  margin: 0 20px 0 0px;
}
#CampaignList .margin-left .panelSummary {
  margin: 0 0px 0 20px;
}

#Metrics .mainSummary,
#ReportDetails .mainSummary {
  margin-bottom: 20px;
}
#Metrics .dashLabel,
#ReportDetails .dashLabel {
  margin: 10px 0 0 10px;
}
#Metrics .tabContent,
#ReportDetails .tabContent {
  background: #eaeded;
}
#Metrics .tools,
#ReportDetails .tools {
  margin: 10px 5px 20px;
}
#Metrics .tools .title,
#ReportDetails .tools .title {
  margin: 0 0 10px;
}
#Metrics .statCard,
#ReportDetails .statCard {
  padding: 10px;
}
#Metrics .statCard .intro,
#ReportDetails .statCard .intro {
  margin: 0 0 20px;
}
#Metrics .statCard .card-container,
#ReportDetails .statCard .card-container {
  background-color: #edf5f6;
  min-height: 210px;
}
#Metrics .statCard .completed,
#ReportDetails .statCard .completed {
  color: #2f8295;
  font-size: 13px;
  font-weight: 500;
}
#Metrics .socialstats > .title,
#ReportDetails .socialstats > .title {
  margin: 5px 0 0;
}
#Metrics .socialstats .info,
#ReportDetails .socialstats .info {
  margin: 10px 0;
}
#Metrics .userReviews .review.ng-enter,
#ReportDetails .userReviews .review.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
#Metrics .userReviews .review.ng-leave,
#ReportDetails .userReviews .review.ng-leave {
  display: none;
}
#Metrics .summary .summary-container,
#ReportDetails .summary .summary-container {
  background: #edf5f6;
  color: #434343;
}
#Metrics .summary .summary-container .section:not(:last-child),
#ReportDetails .summary .summary-container .section:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
#Metrics .summary .summary-container .stat:not(:last-child),
#ReportDetails .summary .summary-container .stat:not(:last-child) {
  border-right: 1px solid #D8D8D8;
}
#Metrics .summary .summary-container .number,
#ReportDetails .summary .summary-container .number {
  line-height: 24px;
  color: #434343;
}
#Metrics .summary .summary-container .label,
#ReportDetails .summary .summary-container .label {
  color: #707070;
}
#Metrics .summary .summary-container.deals .number,
#ReportDetails .summary .summary-container.deals .number {
  color: #fff;
}
#Metrics .summary .summary-container.deals .label,
#ReportDetails .summary .summary-container.deals .label {
  color: #fff;
}
#Metrics .summary .summary-container.default,
#ReportDetails .summary .summary-container.default {
  background: #fff;
}
#Metrics .summary .summary-container.left,
#ReportDetails .summary .summary-container.left {
  text-align: left;
}
#Metrics .summary .breakdown,
#ReportDetails .summary .breakdown {
  text-align: left;
  margin: 15px 0 5px;
}
#Metrics .summary.marginHorizontal,
#ReportDetails .summary.marginHorizontal {
  margin-left: 10px;
  margin-right: 10px;
}
#Metrics .dash-panel.ng-enter,
#Metrics .fadeSection.ng-enter,
#ReportDetails .dash-panel.ng-enter,
#ReportDetails .fadeSection.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.8s;
}
#Metrics .dash-panel.ng-leave,
#Metrics .fadeSection.ng-leave,
#ReportDetails .dash-panel.ng-leave,
#ReportDetails .fadeSection.ng-leave {
  display: none;
}
#Metrics .dash-panel .sectionLabel,
#Metrics .fadeSection .sectionLabel,
#ReportDetails .dash-panel .sectionLabel,
#ReportDetails .fadeSection .sectionLabel {
  margin: 15px 0 0;
}
#Metrics section .margin-bottom,
#ReportDetails section .margin-bottom {
  margin-bottom: 30px;
}
#Metrics .athleteSelector,
#ReportDetails .athleteSelector {
  font-size: 15px;
  margin: 5px 0;
  color: #707070;
}
#Metrics .athleteSelector label,
#ReportDetails .athleteSelector label {
  font-size: 10px;
}
#Metrics .athleteSelector md-input-container,
#ReportDetails .athleteSelector md-input-container {
  margin: 5px 0 0;
}
#Metrics em.emphasis,
#ReportDetails em.emphasis {
  background: #ed9300;
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
  font-style: normal;
  white-space: nowrap;
  line-height: 34px;
}

#DealsByAthlete .dealItem {
  padding: 10px;
  margin: 0 0 10px;
}
#DealsByAthlete .dealItem:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
#DealsByAthlete .dealItem .title {
  margin: 5px 0 10px;
}
#DealsByAthlete .dealItem .title .circleBtn {
  background: #2f8295;
  border: 0;
}
#DealsByAthlete .dealItem .title .circleBtn .icon {
  color: #fff;
}
#DealsByAthlete .dealItem .title .dealId {
  font-size: 14px;
}
#DealsByAthlete .dealItem .title .ratingStars.readOnly .star {
  padding: 5px 3px 5px 0;
}
#DealsByAthlete .dealItem .title .rating {
  font-size: 12px;
}
#DealsByAthlete .dealItem .title .overhead {
  margin: 0 0 0 10px;
  text-align: right;
}
#DealsByAthlete .dealItem .output-group {
  padding: 10px 0;
}
#DealsByAthlete .dealItem .output-group .output {
  margin: 3px 0 15px;
}
#DealsByAthlete .dealItem .feedback .text {
  font-style: italic;
  font-weight: 500;
}
#DealsByAthlete .summary-container .group {
  color: #707070;
  font-size: 14px;
}
#DealsByAthlete .summary-container .deliverable {
  margin: 2px 0 5px;
}
#DealsByAthlete .summary-container .deliverable .quantity {
  border-radius: 9px;
  background-color: #2f8295;
  color: #fff;
  margin: 0 3px 0 0;
  padding: 0 6px;
  text-align: center;
}
#DealsByAthlete .summary-container .deliverable .icon::before, #DealsByAthlete .summary-container .deliverable .icon::after {
  font-size: 12px;
}
#DealsByAthlete .scroller {
  height: calc(80vh - 210px);
  overflow-x: auto;
}

#SocialPostSelector {
  padding: 20px 0 0 0;
}
#SocialPostSelector .content {
  padding-bottom: 10px;
}
#SocialPostSelector .buttonPanel {
  position: absolute;
  bottom: 0;
  right: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  padding: 20px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}
#SocialPostSelector .socialContent .postContent .image {
  min-width: 200px;
}
@media screen and (max-width: 960px) {
  #SocialPostSelector {
    padding: 0 0 70px 0;
  }
  #SocialPostSelector .content {
    padding: 10px;
  }
}

#PricePackages .customize {
  border-left: 1px solid #e0e0e0;
  margin: 0 0 0 20px;
  padding: 10px 20px;
}
#PricePackages .customize h4 {
  line-height: normal;
}
#PricePackages .customize hr {
  margin: 15px 0;
}
#PricePackages .customize .option.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#PricePackages .customize .option.ng-leave {
  display: none;
}
#PricePackages .output.summary {
  margin: 20px 0 0;
}
#PricePackages .output.summary .output-group {
  margin: 10px 0;
  font-size: 14px;
}
#PricePackages .output.summary .output-group.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#PricePackages .output.summary .output-group.ng-leave {
  animation-name: fadeOut;
  animation-duration: 1s;
}
#PricePackages .output.summary .output-group .icon::after, #PricePackages .output.summary .output-group .icon::before {
  font-size: 14px;
}
#PricePackages .output.summary .prices .packagePrice {
  margin: 0 0 0 20px;
  padding: 10px;
  border-bottom: 1px solid #D8D8D8;
}
#PricePackages .output.summary .prices .packagePrice:last-child {
  border: 0;
}
#PricePackages .output.summary .prices .packagePrice.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#PricePackages .output.summary .prices .packagePrice.ng-leave {
  animation-name: fadeOut;
  animation-duration: 1s;
}
#PricePackages .output.summary .prices .packagePrice .dataValue {
  padding: 0 20px 0 0;
}
#PricePackages .output.summary .prices .packagePrice .dataValue:last-child {
  padding: 0;
}
#PricePackages .output.summary .prices .packagePrice .dataValue .number {
  font-size: 16px;
}
#PricePackages .output.summary .prices .totals {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#PricePackages .output.summary .prices .totals .title {
  margin: 5px 0 10px;
  font-size: 14px;
  text-align: right;
}
#PricePackages .output.summary .prices .totals .dataValue .number {
  font-size: 18px;
}

#priceList {
  color: #707070;
  font-size: 14px;
}
#priceList .roundedItem.ng-enter {
  animation-name: slideInUp;
  animation-duration: 0.5s;
}
#priceList .roundedItem.ng-leave {
  display: none;
}
#priceList .roundedItem .dataValue.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.3s;
}
#priceList .roundedItem .dataValue.ng-leave {
  animation-name: fadeOut;
  animation-duration: 0.3s;
}
#priceList .roundedItem .attention.ng-enter {
  animation-name: fadeIn;
  animation-duration: 2s;
  color: #559b08;
}
#priceList .roundedItem .attention.ng-leave {
  display: none;
}
#priceList .roundedItem .check {
  position: absolute;
  left: -5px;
  top: -5px;
  background: #63b509;
  text-align: center;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  display: none;
  line-height: 17px;
  color: #fff;
}
#priceList .roundedItem .check ::after,
#priceList .roundedItem .check ::before {
  font-size: 12px;
}
#priceList .roundedItem.selected {
  background: #f5f9f1;
}
#priceList .roundedItem.selected .check {
  display: block;
}
#priceList .price {
  font-weight: 500;
  font-size: 16px;
}

#ApplicationView .summary-container {
  color: #707070;
  font-size: 14px;
}
#ApplicationView .summary-container .squareImage {
  width: 25px;
  height: 25px;
  margin: 0 5px 0 0;
}
#ApplicationView .guaranteedApplicationn {
  border-radius: 5px;
  padding: 10px;
  background: #e3edee;
  color: #707070;
  font-size: 14px;
  word-wrap: break-word;
  max-width: 300px;
}
#ApplicationView .guaranteedApplicationn .svgIcon {
  width: 20px;
}

#DealTemplateDialog {
  max-width: 550px;
}

#SocialPosts {
  max-width: 550px;
}
#SocialPosts .output-group {
  margin: 5px 0 20px;
  font-size: 13px;
}
#SocialPosts img {
  width: 100%;
}
#SocialPosts .cursor {
  cursor: pointer;
}

#Media-dialog {
  min-height: 50px;
  height: 80%;
  background: #000;
}
#Media-dialog .mediaContent {
  height: 100%;
}
#Media-dialog .mediaContent .fullImage {
  height: 100%;
  width: 100%;
}
#Media-dialog .mediaContent .fullImage img {
  max-height: 100%;
  width: auto;
}
#Media-dialog .mediaContent .text {
  height: 100%;
}
#Media-dialog .mediaContent .video {
  height: 100%;
}
#Media-dialog .testimonial {
  margin: 40px 20px;
}
#Media-dialog .testimonial .userImage {
  margin: 0 5px 0 0;
}
#Media-dialog .buttonPanel {
  margin: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
}

#DeclineProposal {
  max-width: 550px;
}

#InvoiceDialog .status-container .status {
  text-align: right;
  font-size: 20px;
  font-weight: 100;
}
#InvoiceDialog .status-container .status.success {
  color: #559b08;
}
#InvoiceDialog .status-container .status.warning {
  color: #cd430d;
}
#InvoiceDialog .overhead {
  margin: 20px 0;
}
#InvoiceDialog .overhead .output {
  font-size: 14px;
  color: #707070;
  margin: 0 10px 0 0;
}
#InvoiceDialog .defaultTable .subtotal {
  border-top: 1px solid #e0e0e0;
}

#Compare {
  /*******************************
  Media Queries - Compare
  ********************************/
}
#Compare.content-dialog {
  max-width: 100%;
}
#Compare .content {
  padding-top: 0;
  padding-bottom: 0;
}
#Compare .head {
  padding: 45px 0 25px;
}
#Compare .results {
  padding: 15px 0 45px;
  background: #eaeded;
}
#Compare .selectProfile {
  min-width: 250px;
  padding: 0 0 5px 0;
}
#Compare .selectProfile:not(:last-child) {
  padding-right: 5px;
}
#Compare .selectProfile .profile-container {
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  background: #2196F3;
  color: #fff;
  min-height: 62px;
}
#Compare .selectProfile .profile-container.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#Compare .selectProfile .profile-container.ng-leave {
  display: none;
}
#Compare .selectProfile .profile-container .info {
  padding: 10px;
  color: #fff;
}
#Compare .selectProfile .profile-container .info .image-container {
  margin-right: 5px;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
}
#Compare .selectProfile .profile-container .info .name {
  white-space: nowrap;
}
#Compare .selectProfile .profile-container .info .moreInfo {
  color: #e0e0e0;
  font-size: 10px;
}
#Compare .selectProfile .profile-container .info .userImage {
  border: 3px solid rgba(255, 255, 255, 0.7);
}
#Compare .selectProfile .profile-container .control {
  overflow: hidden;
}
#Compare .selectProfile .profile-container .control .icon {
  opacity: 0.7;
}
#Compare .selectProfile .profile-container .control .icon::after, #Compare .selectProfile .profile-container .control .icon::before {
  font-size: 12px;
}
#Compare .selectProfile .profile-container .control:hover {
  background: rgba(0, 0, 0, 0.3);
}
#Compare .selectProfile .profile-container .control:hover .icon {
  opacity: 1;
}
#Compare .selectProfile .profile-container .remove {
  padding: 10px 20px;
}
#Compare .selectProfile .profile-container .remove .icon:hover {
  transform: rotate(90deg);
  transform-origin: center center;
}
#Compare .selectProfile .profile-container:hover {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}
#Compare .selectProfile .profile-container.blank {
  border: 1px solid #D8D8D8;
  background: #fff;
  color: #ACACAC;
}
#Compare .selectProfile .profile-container.blank .add {
  font-size: 30px;
}
#Compare .selectProfile .athleteWidget .name {
  white-space: nowrap;
}
#Compare .selectProfile .athleteWidget .moreInfo .ref {
  color: #e0e0e0;
  font-size: 10px;
}
#Compare .selectProfile .athleteWidget .userImage {
  border: 3px solid rgba(255, 255, 255, 0.7);
}
#Compare .tabContent {
  background: transparent;
  min-height: 200px;
}
#Compare .charts {
  padding: 20px 0 0;
}
#Compare .dash-panel.ng-enter {
  animation-name: zoomIn;
  animation-duration: 0.8s;
}
#Compare .dash-panel.ng-leave {
  display: none;
}
#Compare .dash-panel .content {
  padding: 10px 20px 20px;
}
#Compare .profileLegend {
  color: #707070;
  margin: 0 0 5px;
}
#Compare .profileLegend .item {
  padding: 0 10px 5px 0;
}
#Compare .profileLegend .item .bullet {
  border-radius: 5px;
  width: 10px;
  height: 10px;
  margin: 0 3px 0 0;
}
#Compare .profileLegend .item .name {
  font-size: 12px;
  color: #707070;
}
#Compare .profileLegend .userImage {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  border: 3px solid #fff;
  margin: 0 3px 0 0;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
#Compare .profileLegend .name {
  font-size: 12px;
}
#Compare .legendSpacer {
  margin: 5px 3px 20px;
  text-align: left;
  color: #434343;
}
#Compare .legendSpacer.gauge {
  padding: 0 0 10px 0;
}
#Compare .legendSpacer.gauge:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
#Compare .legendSpacer.gauge .header {
  font-size: 15px;
  font-weight: 500;
  padding: 0 10px 0 0;
  margin: 0;
  color: #434343;
  text-transform: none;
  border: 0;
}
#Compare .legendSpacer.gauge .progressBar-chart {
  max-width: 150px;
  height: 10px;
}
#Compare .legendSpacer.gauge .progressBar-chart .sector {
  height: 10px;
  top: -7px;
}
#Compare .legendSpacer .age {
  font-size: 20px;
  font-weight: 100;
}
#Compare .selectAProfile .userInput {
  display: none;
}
#Compare .selectAProfile .userInput md-autocomplete {
  margin: 10px 0;
}
#Compare .selectAProfile .userInput .md-whiteframe-z1 {
  box-shadow: none;
}
#Compare .post-holder {
  background: #2196F3;
  padding: 3px 5px;
  border-radius: 5px;
}
#Compare .post-holder label {
  color: #fff;
  margin-bottom: 5px;
}
@media only screen and (max-width: 960px) {
  #Compare .selectProfile:not(:last-child) {
    padding: 0 0 5px 0;
  }
}

.compareBar {
  position: fixed;
  top: 60px;
  left: 200px;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: -2px 6px 10px -2px rgba(0, 0, 0, 0.5);
  min-height: 80px;
  z-index: 10;
  color: #ACACAC;
  padding: 20px 25px;
  /*******************************
  Media Queries - Compare Bar
  ********************************/
}
.compareBar.ng-enter {
  animation-name: slideInDown;
  animation-duration: 0.5s;
}
.compareBar.ng-leave {
  animation-name: slideOutUp;
  animation-duration: 0.5s;
}
.compareBar .close {
  color: #ACACAC;
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
}
.compareBar .close ::after,
.compareBar .close ::before {
  font-size: 12px;
}
.compareBar .header {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.compareBar .add {
  font-size: 14px;
  color: #fff;
}
.compareBar .profile {
  margin: 5px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.compareBar .profile:not(:last-child) {
  margin-right: 20px;
}
.compareBar .profile .image-container {
  margin-right: 5px;
}
.compareBar .profile .name {
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
}
.compareBar .profile .moreInfo {
  color: #e0e0e0;
  font-size: 10px;
}
.compareBar .profile .userImage {
  border: 3px solid rgba(255, 255, 255, 0.7);
}
.compareBar .profile.ng-enter .userImage {
  animation-name: zoomIn;
  animation-duration: 0.5s;
}
.compareBar .profile.ng-enter .text {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.compareBar .profile.ng-leave {
  display: none;
}
@media only screen and (max-width: 960px) {
  .compareBar {
    left: 0;
  }
}

.selectAProfileDropDown .userImage {
  border-radius: 12px;
  width: 24px;
  height: 24px;
  margin: 0 5px 0 0;
}

.emailPreview {
  margin: 20px 0;
}
.emailPreview .preview-container {
  border: 1px dashed #ACACAC;
}

#SubEvent {
  max-width: 400px;
  color: #434343;
  font-size: 14px;
}
#SubEvent hr {
  margin: 15px 0;
}
#SubEvent .calendarDate {
  margin: 0 10px 0 0;
}
#SubEvent .name {
  font-size: 16px;
  font-weight: 500;
}
#SubEvent .time {
  font-size: 13px;
}
#SubEvent .output-group {
  margin: 0 0 10px;
}
#SubEvent .details {
  margin: 0 0 20px;
}
#SubEvent .attendees {
  margin: 0 0 20px;
}
#SubEvent .attendees .athlete {
  padding: 5px 0;
}
#SubEvent .contact {
  font-size: 11px;
}

.brandProfile .brand .name {
  font-size: 18px;
  font-weight: 100;
  color: #ACACAC;
}
.brandProfile .brand .info {
  font-size: 13px;
}
.brandProfile .content-holder {
  padding: 30px;
}
.brandProfile .social-holder {
  margin: 10px 0;
}
.brandProfile .socialstats {
  padding: 10px;
}
.brandProfile .socialstats .social-container {
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  padding: 20px;
}
.brandProfile .socialstats .social-container .header {
  margin: 0 0 10px 0;
}
.brandProfile .socialstats .social-container .socialIcon {
  width: 30px;
  height: 30px;
}
.brandProfile .socialstats .social-container .handle {
  font-size: 12px;
}
.brandProfile .socialstats .social-container .stats {
  color: #707070;
  border-top: 1px solid #D8D8D8;
  padding: 15px 0 0;
}
.brandProfile .socialstats .social-container .stats .stat {
  padding: 5px;
}
.brandProfile .socialstats .social-container .stats .stat .number {
  font-size: 25px;
}
.brandProfile .socialstats .social-container .stats .stat label {
  color: #707070;
  font-size: 10px;
}
.brandProfile .results {
  background: #eaeded;
  padding: 20px;
}
.brandProfile .hashTags {
  margin: 0 0 0 20px;
}
.brandProfile .hashTags .selector {
  font-size: 18px;
  border-radius: 5px 0 0px 5px;
  margin: 5px 0;
  padding: 5px 25px 5px;
  color: #0F84E1;
  font-weight: 500;
}
.brandProfile .hashTags .selector.selected {
  background: #2f8295;
  color: #fff;
}
.brandProfile .hashTags .athleteList {
  border-radius: 5px;
  background: #2f8295;
  padding: 10px 20px;
  color: #fff;
}
.brandProfile .hashTags .athleteList label {
  color: #fff;
}
.brandProfile .hashTags .athlete {
  color: #fff;
  margin: 15px 0;
}
.brandProfile .hashTags .athlete:not(:last-child) {
  border-bottom: 1px solid #20778b;
  padding-bottom: 15px;
}
.brandProfile .hashTags .athlete .image {
  margin: 0 5px 0 0;
}
.brandProfile .hashTags .athlete .name {
  font-weight: 500;
}
.brandProfile .hashTags .athlete .sport {
  font-size: 10px;
}
.brandProfile .hashTags .athlete .highlight {
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 1px solid #4e9aac;
  font-size: 12px;
}

.athleteChart {
  margin: 10px 0 0 10px;
  position: relative;
}
.athleteChart .wall {
  margin: 30px 10% 25px;
}
.athleteChart .wall h2 {
  font-size: 15px;
  text-align: center;
}
.athleteChart .chart-container {
  height: 225px;
  position: relative;
}
.athleteChart .chart-container .sector {
  position: relative;
}
.athleteChart .chart-container .sector .guide {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #ACACAC;
  border-radius: 20px;
}
.athleteChart .chart-container .sector .cost {
  position: absolute;
  bottom: 0px;
  right: 0;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background: #ACACAC;
  padding: 5px;
  border-radius: 5px 0 0 5px;
  box-shadow: -4px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.athleteChart .chart-container .sector .span {
  background: rgba(33, 150, 243, 0.2);
  position: absolute;
  top: 50px;
  left: 0;
  right: 2px;
  bottom: 30%;
  padding: 5px;
}
.athleteChart .chart-container .sector .spanTitle {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: 40%;
  background: #2196F3;
  color: #fff;
  font-size: 11px;
  text-align: center;
  padding: 5px;
  border-radius: 2px;
}
.athleteChart .chart-container .sector .descriptor {
  transform: rotate(-90deg);
  transform-origin: right top 0;
  text-align: right;
  position: absolute;
  right: 20px;
  min-width: 200px;
}
.athleteChart .chart-container .sector .descriptor .title {
  margin: 0;
  font-size: 11px;
  color: #707070;
}
.athleteChart .chart-container .sector:hover {
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
.athleteChart .chart-container .sector:hover .cost {
  font-size: 14px;
  z-index: 10;
}
.athleteChart .chart-container .sectors {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.athleteChart .chart-container .sectors.range .guide {
  background: #2196F3;
  top: 50px;
  bottom: 30px;
}
.athleteChart .chart-container .sectors.range .cost {
  background: #2196F3;
  bottom: 25px;
}
.athleteChart .chart-container .bar-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
}
.athleteChart .chart-container .bar-container .bar {
  border-radius: 10px;
  background: #D8D8D8;
  height: 5px;
}
.athleteChart .key {
  padding: 20px 20px 0 20px;
}
.athleteChart .key .item {
  margin: 0 0 5px 0;
}
.athleteChart .key .marker {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  background: #ACACAC;
  margin: 5px 10px 5px 0;
  box-shadow: -4px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.athleteChart .key .title {
  margin: 0;
  font-size: 13px;
}
.athleteChart .key .range .marker {
  background: #0F84E1;
}

#AthletePricePackages .heading {
  margin: 15px 0 5px;
  font-size: 17px;
}
#AthletePricePackages .packageContainer {
  margin-bottom: 10px;
}
#AthletePricePackages .packageContainer .innerContainer {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 20px;
  margin: 0 5px;
  cursor: pointer;
}
#AthletePricePackages .packageContainer .innerContainer:hover {
  background-color: #f2f6fa;
}
#AthletePricePackages .packageContainer .innerContainer .title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}
#AthletePricePackages .packageContainer .innerContainer .description {
  font-size: 14px;
  margin: 0;
  margin-bottom: 3px;
}
#AthletePricePackages .packageContainer .innerContainer .pricing {
  margin: 0;
  font-size: 15px;
}
#AthletePricePackages .packageContainer .innerContainer .pricing .number {
  font-weight: 500;
  font-size: 18px;
}
#AthletePricePackages .packageContainer .innerContainer .pricing .small {
  font-size: 13px;
}
#AthletePricePackages .packageContainer .innerContainer .icon {
  padding-top: 3px;
  margin-right: 5px;
  color: #ACACAC;
}
#AthletePricePackages .packageContainer .innerContainer .icon::before, #AthletePricePackages .packageContainer .innerContainer .icon::after {
  font-size: 17px;
}

#ProcessingDialog {
  background: transparent;
  box-shadow: none;
}

#AthleteSelector {
  max-width: 550px;
}
#AthleteSelector h3 {
  margin: 0 20px 20px 0;
}
#AthleteSelector .selectedProfiles {
  margin: 0 0 20px 0;
}
#AthleteSelector .numberAthletes {
  margin: 0 5px;
}

#PaymentOptions {
  max-width: 500px;
}

#ReportList {
  /*******************************
  Media Queries - Report List
  ********************************/
}
#ReportList .summary-container {
  margin: 0 0 0 20px;
  max-width: 300px;
}
@media only screen and (max-width: 960px) {
  #ReportList .summary-container {
    margin: 20px 0;
  }
}

#ReportDetails .topInfo {
  margin: 20px 0;
}
#ReportDetails .topInfo .squareImage {
  margin: 0 5px 0 0;
}
#ReportDetails .topInfo .intro {
  margin: 0 5px 0 0;
}
#ReportDetails .topInfo .intro .name a {
  font-size: 14px;
  color: #707070;
  font-weight: 500;
}
#ReportDetails .topInfo .intro .subtitle {
  font-size: 14px;
  margin: 5px 0;
}
#ReportDetails .topInfo .panelSummary .progressBar-linear {
  margin: 10px 0 0;
}
#ReportDetails .goalSummary {
  /*******************************
  Media Queries - Columns
  ********************************/
}
#ReportDetails .goalSummary .summary {
  margin: 3px 0;
}
#ReportDetails .goalSummary .right {
  margin-left: 10px;
}
@media only screen and (max-width: 600px) {
  #ReportDetails .goalSummary .right {
    margin-left: 0px;
  }
}
#ReportDetails .goal {
  padding: 10px;
  color: #707070;
  text-align: left;
}
#ReportDetails .goal .check {
  border-radius: 18px;
  width: 36px;
  height: 36px;
  background: #D8D8D8;
  color: #fff;
  margin: 0 10px 0 0;
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.15);
}
#ReportDetails .goal .check .icon {
  display: none;
  line-height: 36px;
  text-align: center;
}
#ReportDetails .goal.active .check {
  background: #F5A623;
}
#ReportDetails .goal.complete .check {
  background: #63b509;
}
#ReportDetails .goal.complete .check .icon {
  display: block;
}
#ReportDetails .goal .goalTitle {
  font-weight: 500;
}
#ReportDetails .goal .details {
  font-size: 12px;
}
#ReportDetails .goal .entities {
  margin: 10px 0 0;
}
#ReportDetails .goal .entities .userImage {
  border-radius: 8px;
  width: 16px;
  height: 16px;
  margin: 0 1px;
}
#ReportDetails .goal .entities .elipsis {
  font-size: 14px;
  font-weight: 500;
}
#ReportDetails .overallGoal {
  position: relative;
}
#ReportDetails .overallGoal .summary-container {
  color: #707070;
  text-align: center;
  padding: 20px;
}
#ReportDetails .overallGoal .title {
  text-transform: none;
  font-size: 18px;
  color: #707070;
}
#ReportDetails .overallGoal .icon {
  width: 50px;
  margin: 10px;
}
#ReportDetails .overallGoal .pie {
  position: relative;
}
#ReportDetails .overallGoal .pie .number {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#ReportDetails .overallGoal .subtitle {
  margin: 10PX 0 0;
}
#ReportDetails .overallGoal .success_content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
}
#ReportDetails .overallGoal .success_content .confetti {
  position: absolute;
  left: -70px;
}
#ReportDetails .overallGoal .success_content .confetti svg {
  width: 200%;
}
#ReportDetails .overallGoal.success .success_content {
  display: block;
}
#ReportDetails .overallGoal.success .summary-container {
  background: #2f8295;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #2f8295, #20778b);
  color: #fff;
}
#ReportDetails .overallGoal.success .summary-container .title,
#ReportDetails .overallGoal.success .summary-container label,
#ReportDetails .overallGoal.success .summary-container .subtitle,
#ReportDetails .overallGoal.success .summary-container .pie,
#ReportDetails .overallGoal.success .summary-container .number {
  color: #fff;
}
#ReportDetails .campaignSummary .deliverablesDetails {
  margin: 15px 0 0;
}
#ReportDetails .defaultTable {
  margin: 10px;
}
#ReportDetails .mediaCarousel {
  margin: 10px 20px;
  position: relative;
}
#ReportDetails .mediaCarousel .mediaItem {
  height: 350px;
  border-radius: 5px;
  overflow: hidden;
}
#ReportDetails .mediaCarousel .userImage {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
}
#ReportDetails .mediaCarousel .image {
  width: 100%;
  min-width: 150px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #edf5f6;
  position: relative;
}
#ReportDetails .mediaCarousel .video {
  position: relative;
}
#ReportDetails .mediaCarousel .video videogular vg-media video {
  width: 100%;
  height: 350px;
}
#ReportDetails .mediaCarousel .video .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#ReportDetails .mediaCarousel .video .playIcon {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.5);
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
#ReportDetails .mediaCarousel .video .playIcon .icon {
  opacity: 1;
}
#ReportDetails .mediaCarousel .video .playIcon .icon::after, #ReportDetails .mediaCarousel .video .playIcon .icon::before {
  font-size: 20px;
}
#ReportDetails .mediaCarousel .feedback {
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #2f8295);
}
#ReportDetails .mediaCarousel .feedback .testimonial .callout {
  margin: 25px 40px 15px;
}
#ReportDetails .mediaCarousel .feedback .testimonial .name {
  color: #fff;
}
#ReportDetails .mediaCarousel .feedback .testimonial .quote {
  font-size: 14px;
}
#ReportDetails .mediaCarousel .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 13px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 10;
}
#ReportDetails .mediaCarousel .slick-button {
  top: 0;
  bottom: 0;
  width: 40px;
  line-height: 350px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  padding: 0 10px;
}
#ReportDetails .mediaCarousel .slick-button.slick-disabled {
  color: #ACACAC;
}
#ReportDetails .mediaCarousel .slick-button:hover:not(.slick-disabled) {
  background: rgba(0, 0, 0, 0.5);
}
#ReportDetails .mediaCarousel .slick-button[class^=flaticon-]:before, #ReportDetails .mediaCarousel .slick-button[class*=" flaticon-"]:before, #ReportDetails .mediaCarousel .slick-button[class^=flaticon-]:after, #ReportDetails .mediaCarousel .slick-button[class*=" flaticon-"]:after {
  font-size: 20px;
}
#ReportDetails .mediaCarousel .slick-button.slick-prev {
  left: 0px;
}
#ReportDetails .mediaCarousel .slick-button.slick-next {
  right: 0px;
}
#ReportDetails .mediaCarousel .slick-dots {
  position: relative;
  text-align: center;
  padding: 0;
}
#ReportDetails .mediaCarousel .slick-dots li {
  display: inline-block;
}
#ReportDetails .mediaCarousel .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #064250;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
#ReportDetails .mediaCarousel .slick-dots li.slick-active .dot {
  background: #2196F3;
}

#RelationshipDetails .header .summary-container {
  padding: 20px;
}
#RelationshipDetails .mediaGrid {
  padding: 10px;
}

#BrandProfile .right {
  padding: 20px 0 20px 30px;
}
#BrandProfile .aboutBrand {
  padding: 20px !important;
  text-align: left !important;
}
#BrandProfile .aboutBrand .head {
  margin: 0 0 5px;
}
#BrandProfile .aboutBrand .image {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  line-height: 31px;
}
#BrandProfile .aboutBrand .name {
  font-size: 23px;
  padding-right: 5px;
}
#BrandProfile .aboutBrand .info {
  font-size: 12px;
  color: #707070;
}
#BrandProfile .aboutBrand .tags {
  margin: 5px 0 0;
}
#BrandProfile .activityLegend .user {
  margin: 0 10px 5px 0;
}
#BrandProfile .activityLegend .user .dropCap {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 5px 0 0;
  font-size: 10px;
}
#BrandProfile .activityLegend .user .name {
  color: #707070;
  font-size: 11px;
}
@media only screen and (min-width: 960px) {
  #BrandProfile .dash-panel.reviews .loaderHolder {
    min-height: 620px;
  }
}

#ProfilePopup .header {
  min-height: 100px;
  background: #064250;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #064250, #20a27f);
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
  padding: 20px;
  position: relative;
  color: #fff;
}
#ProfilePopup .header .image-container {
  position: relative;
  width: 120px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  z-index: 10;
}
#ProfilePopup .header .image.profileImage {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  margin: 0px auto 30px;
  overflow: hidden;
  position: absolute;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
}
#ProfilePopup .header .image.profileImage img {
  width: 100%;
}
#ProfilePopup .header .name {
  font-size: 20px;
}
#ProfilePopup .output-group {
  word-wrap: break-word;
  margin: 10px 20px 0 0;
  color: #707070;
}
#ProfilePopup .output-group label {
  font-size: 14px;
  color: #434343;
  margin: 0;
  display: block;
}

#LocationMap {
  border-radius: 10px;
}

#CampaignUpgrade .text_content {
  font-size: 15px;
}
#CampaignUpgrade .text_content .linkAction {
  text-align: right;
}
#CampaignUpgrade .creditcard-holder {
  padding: 10px;
}
#CampaignUpgrade .dash-panel {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}
#CampaignUpgrade md-input-container .selector-input {
  min-height: 100px;
}
#CampaignUpgrade md-input-container .selector-input .info {
  color: #fff;
}
#CampaignUpgrade md-input-container .selector-input.active .info {
  color: #000;
}
#CampaignUpgrade .upgradeContent .innerContainer {
  position: relative;
  background-color: #edf5f6;
  border-radius: 20px;
  padding: 20px;
  overflow: hidden;
  margin: 10px 0;
}
#CampaignUpgrade .upgradeContent .innerContainer .buttonPanel {
  z-index: 3;
  position: relative;
}
#CampaignUpgrade .upgradeContent .innerContainer:hover {
  background-color: #2196F3;
  color: #fff !important;
}
#CampaignUpgrade .upgradeContent .innerContainer:hover .price {
  color: #fff !important;
}
#CampaignUpgrade .upgradeContent .text {
  width: 90%;
  z-index: 1;
  position: relative;
}
#CampaignUpgrade .upgradeContent .clouds {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}
#CampaignUpgrade .upgradeContent .rocket {
  position: absolute;
  top: 50%;
  right: -10px;
  width: 80px;
  margin: -50px 0 0 0;
}
#CampaignUpgrade .upgradeContent .rocket img {
  width: 100%;
  animation: arocket 0.7s linear infinite;
}
#CampaignUpgrade .otherPlan {
  margin: 10px 0 0;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
#CampaignUpgrade .otherPlan:hover {
  background-color: #edf5f6;
}
#CampaignUpgrade .price {
  color: #979797;
  padding: 10px;
  line-height: 28px;
  font-size: 13px;
  text-align: right;
}
#CampaignUpgrade .price .number {
  font-size: 45px;
  font-weight: 500;
}

.illus_campaignUpgrade .innerContainer {
  width: 300px;
  position: relative;
  background-color: #edf5f6;
  border-radius: 20px;
  padding: 20px;
}
.illus_campaignUpgrade .clouds {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
}
.illus_campaignUpgrade .rocket {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  margin: -50px 0 0 0;
}
.illus_campaignUpgrade .rocket img {
  width: 100%;
  animation: arocket 0.7s linear infinite;
}
.illus_campaignUpgrade .text {
  position: absolute;
  bottom: 30px;
  left: 40px;
  color: #707070;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  font-family: "robotomedium";
}
.illus_campaignUpgrade .text .number {
  color: #707070;
  font-size: 50px;
}

#PermissionModal {
  max-height: 80%;
  overflow: hidden;
}
#PermissionModal .dialogContent {
  padding: 40px 40px 0 40px;
}
#PermissionModal .scrollable {
  overflow: auto;
  padding: 10px 0;
}
#PermissionModal .selectAll {
  padding: 0 20px 20px;
}
#PermissionModal .athleteRow {
  padding: 5px 20px 5px 0;
}

.termsLink {
  color: #2096F3 !important;
}

.termsLink:visited * {
  color: #2096F3 !important;
}

.favorites .collectionListItem .selector-input {
  padding: 20px;
}
.favorites .collectionListItem .selector-input .text {
  margin: 0 !important;
}
.favorites .collectionListItem .collectionContent {
  padding-left: 10px;
  text-align: left !important;
}
.favorites .collectionListItem .title {
  margin: 0 0 5px;
}
.favorites:hover {
  cursor: pointer;
}

.collectionImages {
  border-radius: 5px;
  background: #043743;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #043743, #155969);
  overflow: hidden;
}
.collectionImages .image {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.collectionCard .collectionContent {
  border-radius: 5px;
  margin: 10px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.collectionCard .collectionContent .info {
  padding: 20px;
}
.collectionCard .collectionContent .name {
  font-size: 18px;
  font-weight: 500;
  color: #064250;
}
.collectionCard .collectionContent .notes {
  background-color: #f6fafa;
  border-radius: 5px;
  padding: 10px;
}
.collectionCard .collectionContent .description {
  color: #000;
  font-size: 14px;
  margin: 10px 0 10px 0;
}
.collectionCard .collectionContent:hover {
  cursor: pointer;
  box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.2);
}

.paymentManager .paymentItem {
  margin: 5px 0;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  padding: 10px;
}
.paymentManager .paymentItem.clickable:hover {
  background-color: #edf5f6;
}

.campaignCategoryCarousel {
  margin: 20px 0;
}
.campaignCategoryCarousel .categoryContainer {
  padding: 10px 15px 10px 0;
}
.campaignCategoryCarousel .category {
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  min-height: 260px;
  border: 0;
}
.campaignCategoryCarousel .category.selected {
  border: 3px solid #2196F3;
}
.campaignCategoryCarousel .category .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  border-radius: 5px;
}
.campaignCategoryCarousel .category .info {
  position: relative;
}
.campaignCategoryCarousel .category .title {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 15px;
}
.campaignCategoryCarousel .category .details {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 10px;
  font-weight: 500;
}
.campaignCategoryCarousel .category .available {
  margin-top: 10px;
  position: relative;
  font-size: 12px;
}
.campaignCategoryCarousel .category .selectedCheck {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  background: #2196F3;
  color: #fff;
  position: absolute;
  top: -10px;
  right: -10px;
  text-align: center;
}
.campaignCategoryCarousel .category .selectedCheck ::before,
.campaignCategoryCarousel .category .selectedCheck ::after {
  font-size: 12px;
}
.campaignCategoryCarousel .category.sponsorship .overlay {
  background: #be88ee;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #be88ee, #604d70);
}
.campaignCategoryCarousel .category.product .overlay {
  background: #ff7676;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #ff7676, #FF5252);
}
.campaignCategoryCarousel .category.affiliate .overlay {
  background: #F5A623;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #F5A623, #F39D0F);
}
.campaignCategoryCarousel .category.nonprofit .overlay {
  background: #73a937;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #73a937, #669630);
}
.campaignCategoryCarousel .category.equity .overlay {
  background: #0eb98b;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #0eb98b, #20a27f);
}
.campaignCategoryCarousel .category.pitch .overlay {
  background: #0F84E1;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #0F84E1, #b3ddfe);
}
.campaignCategoryCarousel .category:hover {
  cursor: pointer;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}
.campaignCategoryCarousel .carousel .slick-slider .slick-button {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  top: -30px;
  text-align: center;
  line-height: 29px;
}

/*******************************
    Temp
********************************/
.disabled {
  opacity: 0.4;
  cursor: default !important;
}

md-chips .md-chips {
  box-shadow: 0 0px rgba(0, 0, 0, 0.12);
}

/*#MobileNavigation{
    .menu_list{
        background: transparent;

        .md-1-line{
            color: $secondary;

            md-icon{
                color: $secondary;
            }
        }

        a{
            color: $secondary;

            &:hover{
                color: $accent;
            }
        }
    }

    md-input-container.md-default-theme.md-input-has-value:not(.md-input-invalid) label, md-input-container.md-input-has-value:not(.md-input-invalid) label {
        color: $secondary;
    }

    md-input-container .md-input {
        color: $secondary;
    }

    md-input-container label:not(.md-no-float):not(._md-container-ignore), md-input-container ._md-placeholder{
        color: $secondary-tint;
    }
}*/
#AgencyPlan .hero-section {
  height: 50vh;
}
#AgencyPlan .agency-clients {
  padding: 20px 0;
}
#AgencyPlan .agency-clients h3 {
  color: #043743;
}
#AgencyPlan .agency-clients .logoHolder {
  height: 100px;
  width: 100%;
  background-repeat: repeat-x;
  opacity: 1;
  transition: opacity 1s linear;
  background-image: url("/assets/img/brands/logo-agency.webp");
  animation: roller-enterprise 100s linear infinite;
}
#AgencyPlan .showcase .showcase-inner {
  padding: 0 10%;
}
#AgencyPlan .showcase.gray {
  background-color: #eaeded;
  margin: 0;
  padding: 100px 0;
}
#AgencyPlan .showcase .agency-benefits-container .benefits-box {
  border-radius: 20px;
  padding: 20px 40px;
  margin: 10px 0;
  background-color: #0d4c5b;
}
#AgencyPlan .showcase .agency-benefits-container .benefits-box ul {
  padding: 0 0 0 20px;
}
#AgencyPlan .showcase .agency-benefits-container .benefits-box * {
  color: white;
}
#AgencyPlan .showcase .agency-benefits-container .icon-container {
  border-radius: 100px;
  width: 200px;
  height: 200px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #043743;
}
#AgencyPlan .showcase .agency-benefits-container .icon-container image {
  max-width: 100%;
  margin: auto;
}
#AgencyPlan #CaseStudies {
  background: #eaeded;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel {
  position: relative;
  margin: 0 125px;
  font-size: 18px;
  font-weight: 100;
  line-height: 23px;
  color: #58777d;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .logo {
  height: 35px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .logo img {
  height: 100%;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .description {
  margin: 5px 0 40px;
  font-size: 15px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .callout {
  position: relative;
  margin: 25px 30px 15px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .callout::before {
  border: none;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .imageHolder {
  position: absolute;
  top: -20px;
  left: -25px;
  right: 0;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .testimonialHolder {
  margin: 0 0 0 300px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .testimonial {
  min-height: 300px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .testimonial .quote {
  font-size: 15px;
  font-style: italic;
  margin: 0 0 10px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .testimonial .quote .marks {
  color: #D8D8D8;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .testimonial .name {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .imageContent {
  border-radius: 150px;
  width: 300px;
  height: 300px;
  margin: 0 40px 0 10px;
  overflow: hidden;
  position: relative;
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3);
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .imageContent img {
  height: 100%;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .athlete {
  color: #58777d;
  margin: 10px 40px 0 0;
  float: right;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .athlete .image {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 5px 0 10px;
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .athlete .name {
  font-size: 14px;
  font-weight: 500;
  color: #707070;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .athlete:hover .name {
  color: #2196F3;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button {
  top: 50%;
  margin-top: -50px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button[class^=flaticon-]:before, #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button[class*=" flaticon-"]:before, #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button[class^=flaticon-]:after, #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button[class*=" flaticon-"]:after {
  font-size: 35px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev {
  left: -130px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-next {
  right: -130px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-dots {
  position: relative;
  text-align: center;
  padding: 0;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-dots li {
  display: inline-block;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #064250;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
#AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-dots li.slick-active .dot {
  background: #2196F3;
}
@media only screen and (max-width: 960px) {
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .imageHolder {
    position: relative;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .imageContent {
    border-radius: 75px;
    width: 150px;
    height: 150px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .testimonialHolder {
    margin: 0;
  }
}
#AgencyPlan #CaseStudies #Branding {
  border-top: 1px solid #58777d;
  margin: 30px 10% 0;
  padding: 40px 0 0;
}
#AgencyPlan #CaseStudies #Branding.noborder {
  border-top: 0;
  padding: 0;
}
#AgencyPlan #CaseStudies #Branding .brandHolder img {
  max-height: 40px;
}
#AgencyPlan #CaseStudies #Branding .brandHolder img.noheight {
  max-height: auto;
}
#AgencyPlan #CaseStudies #Branding .brand {
  margin: 10px 20px;
}
@media only screen and (max-width: 1280px) {
  #AgencyPlan #CaseStudies #CaseStudiesCarousel {
    margin: 0 75px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .description {
    font-size: 16px;
    line-height: 25px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev {
    left: -90px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-next {
    right: -90px;
  }
}
@media only screen and (max-width: 960px) {
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .imageContent {
    margin: 5px 20px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .athlete {
    margin: 10px 20px 40px 0;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev {
    left: -70px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-next {
    right: -70px;
  }
}
@media only screen and (max-width: 600px) {
  #AgencyPlan #CaseStudies #CaseStudiesCarousel {
    margin: 0 10px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button {
    top: 200px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button[class^=flaticon-]:before, #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button[class*=" flaticon-"]:before, #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button[class^=flaticon-]:after, #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button[class*=" flaticon-"]:after {
    font-size: 30px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-prev {
    left: -27px;
  }
  #AgencyPlan #CaseStudies #CaseStudiesCarousel .slick-button.slick-next {
    right: -27px;
  }
}

#Landing .filterPanel-container {
  border-radius: 7px;
  padding: 15px;
  background: #f6fafa;
}
#Landing .pgDescription {
  margin: 0 0 20px;
  color: #979797;
  font-size: 15px;
}
#Landing .tabular hr {
  margin: 0;
  width: 100%;
}
#Landing .tabular .head {
  font-size: 14px;
  font-weight: 500;
  color: #979797;
  padding: 10px;
  text-transform: uppercase;
}
#Landing .tabular .body {
  background: #f6fafa;
}
#Landing .tabular .item {
  background: #fff;
  padding: 10px;
  border-radius: 7px;
  margin: 10px 0;
  color: #434343;
  font-size: 14px;
}
#Landing .tabular .item:hover {
  background: #edf5f6;
}
#Landing .tabular .item .message-member-avatar {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 15px 0 0;
}
#Landing .tabular .item .name {
  font-weight: 500;
}
#Landing .tabular .item .icon {
  margin-right: 3px;
}
#Landing .tabular .item .icon::after, #Landing .tabular .item .icon::before {
  font-size: 10px;
}
#Landing .imageCard {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 8px;
  min-width: 200px;
  min-height: 150px;
  position: relative;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
}
#Landing .imageCard:hover {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
#Landing .imageCard .innerContainer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: transparent;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, transparent, #064250);
  /* Standard syntax */
  padding: 20px;
}
#Landing .imageCard .name {
  font-size: 20px;
  font-weight: 700;
}
#Landing .cat_link {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  color: #707070;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
}
#Landing .cat_link:hover {
  color: #2196F3;
  background: #edf5f6;
}
#Landing .cat_link .message-member-avatar {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 15px 0 0;
}

#NewDeliverableDialog .wizard .wizard-state-container,
#EditNoPrefDeliverableDialog .wizard .wizard-state-container {
  margin: 0;
}

#Auction.profile-container .header {
  min-height: 100px;
  padding: 20px 40px;
  position: relative;
  margin: 20px;
}
#Auction.profile-container .header .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  /* For Safari 3.1 to 6.0 */
  transition: all 3s ease 0s;
  border-radius: 10px;
  z-index: 0;
}
#Auction.profile-container .header .headerInnerContainer {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
#Auction.profile-container .header .image-container {
  position: relative;
  width: 190px;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  z-index: 10;
}
#Auction.profile-container .header .profileImage {
  margin: 20px auto 30px;
  position: absolute;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.5s ease 0s;
  border-radius: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
#Auction.profile-container .header .profileImage img {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
#Auction.profile-container .header .profileImage.on {
  cursor: pointer;
}
#Auction.profile-container .header .basic {
  color: #fff;
  font-size: 15px;
  position: relative;
  margin: 10px 0;
}
#Auction.profile-container .header .basic .name {
  font-size: 24px;
  margin: 0;
  font-weight: 500;
  color: #fff;
}
#Auction.profile-container .header .basic .sponsor {
  font-size: 22px;
  margin: 0;
  font-weight: 100;
  color: #fff;
}
#Auction.profile-container .header .actions {
  color: #fff;
}
#Auction.profile-container .header .actions label {
  color: #fff;
}
#Auction.profile-container .header .actions .timeTicker .numberContainer {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
#Auction.profile-container .header .actions .btn {
  animation-name: bounceIn;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
}
#Auction.profile-container .header .actions .forward {
  z-index: 1;
}
#Auction.profile-container .mainView {
  padding: 40px 40px;
}
#Auction.profile-container .mediaContainer {
  padding: 10px;
}
#Auction.profile-container .mediaContainer .innerContainer {
  border-radius: 5px;
  background: #000;
  overflow: hidden;
}
#Auction.profile-container .mediaContainer .image-container {
  width: 100%;
}
#Auction.profile-container .mediaContainer .image-container img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#Auction.profile-container .timelineContainer {
  padding: 20px 0;
}
#Auction.profile-container .overviewContainer {
  min-width: 250px;
}
#Auction.profile-container .overviewContainer .priceContainer {
  padding: 20px;
  color: #fff;
}
#Auction.profile-container .overviewContainer .priceContainer label {
  color: #e0e0e0;
}
#Auction.profile-container .overviewContainer .priceContainer .number {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
#Auction.profile-container .timeProgress {
  padding: 10px;
}
#Auction.profile-container .timeProgress .icon {
  width: 30px;
  margin-right: 20px;
}
#Auction.profile-container .timeProgress .textHeader {
  margin-bottom: 5px;
}
#Auction.profile-container .timeProgress .remaining {
  font-size: 12px;
  color: #707070;
}
#Auction.profile-container .output-group {
  margin: 0 20px 25px 0;
  color: #707070;
  font-size: 14px;
}
#Auction.profile-container .output-group label {
  font-size: 14px;
  color: #434343;
  margin: 0;
}
#Auction.profile-container .backgroundSection {
  box-shadow: inset 0 7px 15px -7px rgba(0, 0, 0, 0.4);
  padding: 40px;
}
#Auction.profile-container .backgroundSection h3 {
  color: #fff;
  margin: 0 0 10px;
}
#Auction.profile-container .rightsContainer {
  margin-bottom: 20px;
}
#Auction.profile-container .rightsContainer .rightItem {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
#Auction.profile-container .rightsContainer .rightItem .iconCircle {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
#Auction.profile-container .rightsContainer .rightItem .iconCircle .icon {
  color: #fff;
}
#Auction.profile-container .rightsContainer .rightItem .name {
  font-weight: 500;
}
#Auction.profile-container .rightsContainer .rightItem .description {
  color: #979797;
  font-size: 12px;
  margin: 0;
}
#Auction.profile-container .rightsContainer .rightItem .more {
  padding: 10px;
}
#Auction.profile-container .rightsContainer .rightItem .more .icon {
  color: #979797;
}
#Auction.profile-container .rightsContainer .rightItem .more .icon::before, #Auction.profile-container .rightsContainer .rightItem .more .icon::after {
  font-size: 15px;
}
#Auction.profile-container .rightsContainer .rightItem:hover {
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 960px) {
  #Auction.profile-container .rightsContainer .rightItem {
    margin-right: 20px;
  }
  #Auction.profile-container .rightsContainer .rightItem.active {
    border-radius: 5px 0 0 5px;
    margin-right: 0;
  }
  #Auction.profile-container .rightsContainer .rightItem.active .more {
    display: none;
  }
}
#Auction.profile-container .rightsContainer .detailsContainer {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}
#Auction.profile-container .rightsContainer .detailsContainer .description {
  color: #434343;
  font-size: 14px;
  padding: 10px;
  margin: 0;
}
#Auction.profile-container .rightsContainer .detailsContainer .ta-bind h3 {
  color: #064250;
  margin: auto;
}
#Auction.profile-container .rightsContainer .detailsContainer .ta-bind h1 {
  margin: auto;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel {
  margin: 0px 20px;
  position: relative;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .mediaItem {
  height: 500px;
  border-radius: 5px;
  overflow: hidden;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .image {
  width: 100%;
  min-width: 150px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #edf5f6;
  position: relative;
  background-size: contain;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .video {
  position: relative;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .video videogular vg-media video {
  width: 100%;
  height: 350px;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .video .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .video .playIcon {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.5);
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .video .playIcon .icon {
  opacity: 1;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .video .playIcon .icon::after, #Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .video .playIcon .icon::before {
  font-size: 20px;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button {
  top: 0;
  bottom: 0;
  width: 40px;
  line-height: 500px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  padding: 0 10px;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button.slick-disabled {
  color: #ACACAC;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button:hover:not(.slick-disabled) {
  background: rgba(0, 0, 0, 0.5);
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button[class^=flaticon-]:before, #Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button[class*=" flaticon-"]:before, #Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button[class^=flaticon-]:after, #Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button[class*=" flaticon-"]:after {
  font-size: 20px;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button.slick-prev {
  left: 0px;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-button.slick-next {
  right: 0px;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-dots {
  position: relative;
  text-align: center;
  padding: 0;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-dots li {
  display: inline-block;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-dots li .dot {
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: #064250;
  overflow: hidden;
  border: none;
  margin: 0 5px;
}
#Auction.profile-container .rightsContainer .detailsContainer .mediaCarousel .slick-dots li.slick-active .dot {
  background: #2196F3;
}
#Auction.profile-container .tagContainer .tag {
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  margin: 0 5px 5px 0;
}
#Auction.profile-container .sponsors .sponsorContainer {
  border-radius: 8px;
  padding: 20px;
  overflow: hidden;
}
#Auction.profile-container .sponsors .sponsor {
  position: relative;
}
#Auction.profile-container .sponsors .sponsor .sponsorInnerContainer {
  padding: 20px;
  margin: 10px;
  background: #fff;
  border-radius: 5px;
}
#Auction.profile-container .sponsors .sponsor .image {
  height: 50px;
  margin-bottom: 10px;
}
#Auction.profile-container .sponsors .sponsor .image img {
  height: 100%;
}
#Auction.profile-container .sponsors .sponsor .name {
  font-weight: 700;
  color: #707070;
}
#Auction.profile-container .backgroundImage {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#Auction.profile-container .overlayContainer {
  opacity: 0.3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#Auction.profile-container .detailsSection {
  margin: 20px 0;
}
#Auction.profile-container .detailsSection .tabInfo {
  padding: 20px 0 0;
}
#Auction.profile-container .detailsSection .carousel {
  margin: 0;
  padding: 0;
}
#Auction.profile-container .detailsSection .slick-slider .slick-button {
  top: -52px !important;
}
#Auction.profile-container .detailsSection #demographics h3 {
  margin-bottom: 10px;
}
#Auction.profile-container .detailsSection #demographics > label {
  margin-bottom: 27px;
}
#Auction.profile-container .profileCard h2 {
  font-size: 18px;
  font-weight: 300;
}
#Auction.profile-container .deckSection {
  padding: 20px;
  min-height: 200px;
}
#Auction.profile-container .deckSection .overlay {
  opacity: 0.3;
}
#Auction.profile-container .deckSection .buttonContainer {
  position: relative;
}
#Auction.profile-container.unauthenticated .headerInnerContainer,
#Auction.profile-container.unauthenticated .mainView {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 600px) {
  #Auction.profile-container .header .headerInnerContainer {
    padding: 0;
  }
  #Auction.profile-container .header .edit {
    right: -25px;
  }
  #Auction.profile-container .header .image-container {
    width: 180px;
    height: 180px;
  }
  #Auction.profile-container .header .btn {
    margin: 10px 0;
  }
  #Auction.profile-container .header .actions {
    margin: 30px 0 60px;
  }
  #Auction.profile-container .header .summary {
    right: 30px;
    left: 30px;
  }
  #Auction.profile-container .header .summary .stat {
    padding: 0;
  }
  #Auction.profile-container .header .summary .stat .value {
    font-size: 14px;
  }
  #Auction.profile-container .header:not(.isTop) .image-container {
    width: 140px;
  }
  #Auction.profile-container .primaryInfo {
    text-align: center;
  }
  #Auction.profile-container .mainView {
    margin: 20px 20px;
    padding: 0;
  }
  #Auction.profile-container .mainView .left {
    width: 100%;
  }
  #Auction.profile-container .mainView .output-group {
    margin: 0 0px 25px 0;
  }
  #Auction.profile-container .backgroundSection {
    padding: 20px 5px;
  }
  #Auction.profile-container md-tabs.tabs > md-tabs-content-wrapper > md-tab-content {
    padding: 20px 0 0;
  }
}

#Quiz .step.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}
#Quiz .step.ng-leave {
  display: none;
}
#Quiz .intro .canvas {
  border-radius: 10px;
  position: relative;
  padding: 20px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 400px;
  max-width: 600px;
}
#Quiz .intro .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(6, 66, 80, 0.7), rgba(6, 66, 80, 0.3));
}
#Quiz .intro .introContent {
  position: relative;
  color: #fff;
  border-radius: 10px;
  padding: 20px;
  background: #0d4c5b;
  margin: 20px;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}
#Quiz .intro .title {
  font-family: "robotomedium";
  color: #fff;
  font-size: 32px;
  margin: 10px;
}
#Quiz .intro .text {
  margin: 25px 0 30px;
}
#Quiz .questionContainer .question {
  margin: 30px 0 20px;
}
#Quiz .questionContainer .title {
  color: #1a1a1a;
  font-weight: 500;
  margin: 0;
}
#Quiz .questionContainer .description {
  color: #707070;
  font-size: 14px;
  margin: 0;
}
#Quiz .questionContainer .selector-input-container {
  padding: 10px;
}
#Quiz .questionContainer .selector-input .imageContainer {
  width: 150px;
}
#Quiz .questionContainer .selector-input .imageContainer img {
  width: 100%;
}

#ReccomendationSetup .dataProcessing .loaderContainer {
  max-width: 300px;
  width: 100%;
}
#ReccomendationSetup .dataProcessing .message {
  color: #707070;
  margin: 5px;
}

#CampaignSuggestionInvites .content {
  padding: 30px;
}

#RecommendationsStartCampaignModal {
  max-width: 600px;
  min-width: 370px;
}
#RecommendationsStartCampaignModal .selectionContainer .innerSelectionContainer {
  border-radius: 5px;
  padding: 10px;
  background-color: #f2f6fa;
}
#RecommendationsStartCampaignModal .campaignContainer {
  margin: 20px 0;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}
#RecommendationsStartCampaignModal .similarProfilesContainer .title {
  font-size: 20px;
  margin: 0 0 5px;
  text-align: center;
}
#RecommendationsStartCampaignModal .similarProfilesContainer .number {
  font-weight: 700;
  font-size: 23px;
}
#RecommendationsStartCampaignModal .similarProfilesContainer .userImage {
  border-radius: 15px;
  width: 30px;
  height: 30px;
}
#RecommendationsStartCampaignModal .similarProfilesContainer .more {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background-color: #f2f6fa;
  text-align: center;
}
#RecommendationsStartCampaignModal .create {
  margin: 20px 0 10px;
  font-size: 15px;
}
#TrackingDetailsDialog .eta {
  font-size: 20px;
  font-weight: 700;
  color: #979797;
}
#TrackingDetailsDialog .trackingInfo {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 10px 0;
  border-radius: 8px;
}
#TrackingDetailsDialog .trackingInfo .trackingNumber {
  font-size: 18px;
}
#TrackingDetailsDialog .trackingInfo .provider {
  font-size: 16px;
  font-weight: 700;
}
#TrackingDetailsDialog .trackingInfo .deliveryProgressContainer {
  margin: 20px 0 0;
}
#TrackingDetailsDialog .trackingInfo .deliveryProgressContainer .currentLocation {
  margin: 5px 0 0;
  border-radius: 20px;
  padding: 5px 8px;
  background-color: #2f8295;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
#TrackingDetailsDialog .trackingInfo .deliveryProgressContainer .currentLocation .image {
  width: 15px;
}
#TrackingDetailsDialog .trackingInfo .deliveryProgressContainer .currentLocation .image img {
  width: 100%;
}
#TrackingDetailsDialog .historyContainer {
  margin: 20px 0 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #e0e0e0;
}

._md-select-menu-container {
  z-index: 900;
}

md-backdrop._md-select-backdrop {
  z-index: 899;
}

#CampaignCreation .wizardSidebarContainer {
  width: 350px;
}
#CampaignCreation .wizardFixedContainer {
  width: 350px;
  top: 228px;
}
#CampaignCreation .wizardSidebarInnerContainer {
  padding: 0 5px;
}
#CampaignCreation .matchPreview {
  border-radius: 10px;
  background: #2f8295;
  /* For browsers that do not support gradients */
  background: linear-gradient(to bottom right, #2f8295, #4899ab);
  padding: 20px;
  margin: 10px;
  color: #fff;
}
#CampaignCreation .matchPreview .number {
  font-size: 34px;
  line-height: 32px;
}
#CampaignCreation .matchPreview .text {
  font-size: 15px;
  margin-left: 8px;
}
#CampaignCreation .matchPreview .profiles {
  margin: 10px 0 0;
}
#CampaignCreation .matchPreview .userImage {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background-color: #fff;
}
#CampaignCreation .matchPreview .more {
  border-radius: 15px;
  min-width: 30px;
  padding: 5px;
  color: #043743;
  background-color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
}
#CampaignCreation .campaignSummary .summaryGroup > .title {
  padding: 0 0 8px;
  margin: 15px 20px 10px 20px;
  color: #064250;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #eaeded;
}
#CampaignCreation .campaignSummary .output-group {
  background-color: #f2f6fa;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 0 0 5px;
  font-size: 13px;
}
#CampaignCreation .campaignSummary .output-group.strict {
  background-color: #ffdf93;
}
#CampaignCreation .campaignSummary .output-group .icon {
  width: 20px;
  margin-right: 5px;
}

#ProfilePriceUpdateDialog .profileItem.ng-enter {
  animation-name: fadeIn;
  animation-duration: 0.2s;
}
#ProfilePriceUpdateDialog .profileItem.ng-leave {
  animation-name: fadeOut;
  animation-duration: 1s;
}