@charset "UTF-8";
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), url("../fonts/raleway.woff") format("woff");
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato-Hairline'), url('../fonts/Lato-Hairline.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato-Light'), url('../fonts/Lato-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato-Regular'), url('../fonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato-Bold'), url('../fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
}
/* stylelint-disable indentation */
/* Media Queries */
/* UI Vars */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
textarea,
select,
button,
label {
  margin: 0;
  line-height: normal;
  font-family: inherit;
  font-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::-moz-focus-inner {
  padding: 0 !important;
  border: 0 !important;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
/* stylelint-disable rule-nested-empty-line-before, declaration-colon-space-after */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate-top-right {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -webkit-transform-origin: 20% 20%;
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate-top-left {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 80% 20%;
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-bottom-right {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -webkit-transform-origin: 80% 80%;
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate-bottom-left {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 20% 80%;
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(-180deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate-top-right {
  0% {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(-180deg);
    -moz-transform-origin: 20% 20%;
  }
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate-top-left {
  0% {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 80% 20%;
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-bottom-right {
  0% {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(-180deg);
    -moz-transform-origin: 80% 80%;
  }
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate-bottom-left {
  0% {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 20% 80%;
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
/*
  12 COLUMN - RESPONSIVE GRID SYSTEM
  DEVELOPED BY DENIS LEBLANC
  URL - http://responsive.gs
  VERSION - 2.0
  LICENSED UNDER GPL & MIT
*/
/*  SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
  If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* MAIN CONTAINER */
.container {
  margin: 0 auto;
}
/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after,
.col:after,
.clr:after,
.group:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* DEFAULT ROW STYLES */
.row {
  margin-bottom: 0;
}
/* set according to preference*/
.row-horizontal-overflow {
  margin-bottom: 0;
  overflow: auto;
  overflow-y: hidden;
  -ms-overflow-y: hidden;
}
/* DEFAULT COLUMN STYLES */
.col {
  display: block;
  float: left;
  width: 100%;
}
.col-totals {
  font-size: 13px;
  font-weight: bold;
}
@media (min-width: 641px) {
  .col {
    margin-left: 2%;
  }
}
/* RESET MARGINS */
.col:first-child {
  margin-left: 0;
}
/* all browsers except IE6 and lower */
/* COLUMN WIDTH ON DISPLAYS +768px */
@media (min-width: 641px) {
  .span_1 {
    width: 6.5%;
  }
  .span_2 {
    width: 15%;
  }
  .span_3 {
    width: 23.5%;
  }
  .span_4 {
    width: 32%;
  }
  .span_5 {
    width: 40.5%;
  }
  .span_6 {
    width: 49%;
  }
  .span_7 {
    width: 57.5%;
  }
  .span_8 {
    width: 66%;
  }
  .span_9 {
    width: 74.5%;
  }
  .span_10 {
    width: 83%;
  }
  .span_11 {
    width: 91.5%;
  }
  .span_12 {
    width: 100%;
  }
}
/* stylelint-disable indentation */
.button,
.auth-submit {
  font-size: 11px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1.5px solid transparent;
  padding: 7px 9px;
  text-transform: capitalize;
  text-decoration: none;
  margin: 0;
}
.button:hover {
  cursor: pointer;
}
.button:active,
.button-dropdown:hover > .toggle,
.button-dropdown.open > .toggle {
  outline: 0;
}
.button:focus {
  outline: 0;
}
.disabled {
  pointer-events: none;
}
/* RESETTING BUTTON */
/* THIS IS USED ON THE DASHBOARD PAGE FOR TOP 5 POSTS */
.button-reset {
  font-size: 12px;
  border: none;
  padding: 0;
  border-radius: 0;
  margin: 0;
  line-height: 20px;
  font-weight: normal;
  color: #6c7683;
}
/* BUTTON TEXT */
.button-text {
  color: #7c8ca1;
}
.button-text:hover {
  color: #182334;
  background: #eaeff5;
}
.button-text:active {
  color: #268bd2;
  border: 2px solid #278cd8;
}
.button-text:focus {
  border: 1.5px solid #278cd8;
}
.button-text[disabled] {
  color: #abb9ca;
}
/* BUTTON BASIC */
.button-basic {
  border: 1px solid #ccd6e2;
  box-shadow: 0 1px 0 0 #eff3f6;
  color: #182334;
}
.button-basic:active {
  border: 2px solid #278cd8;
  color: #182334;
  background-color: #eaeff5;
}
.button-basic:hover:not([disabled]) {
  background-color: #eaeff5;
}
.button-basic:focus {
  border: 2px solid #278cd8;
}
/* BUTTON OUTLINE */
.button-outline {
  border: 1px solid #eff3f6;
  box-shadow: 0 1px 0 0 #eff3f6;
  color: #182334;
}
.button-outline:active {
  border: 2px solid #278cd8;
  color: #182334;
  background-color: #eaeff5;
}
.button-outline:hover:not([disabled]) {
  background-color: #ccd6e2;
}
.button-outline:focus {
  border: 2px solid #278cd8;
}
/* BUTTON PRIMARY */
.button-primary {
  color: #ffffff;
  border: 1px solid #278cd8;
  background: #278cd8;
}
.button-primary:active {
  color: #eaeff5;
  border: 2px solid #278cd8;
  background: #1c74bc;
}
.button-primary:hover:not([disabled]) {
  background: linear-gradient(180deg, #278cd8 0%, #1c74bc 100%);
}
.button-primary:focus {
  border: 2px solid #278cd8;
}
/* BUTTON_DESTRUCT */
.button-destruct {
  color: #ffffff;
  border: 1px solid #ac1612;
  background: #dd362c;
}
.button-destruct:active {
  color: #eaeff5;
  border: 2px solid #ac1612;
  background: #ac1612;
}
.button-destruct:hover:not([disabled]) {
  background: linear-gradient(180deg, #dd362c 0%, #ac1612 100%);
}
.button-destruct:focus {
  border: 2px solid #ac1612;
}
/* BUTTON DISABLED */
.button-outline[disabled],
.button-outline:disabled,
.button-basic[disabled],
.button-basic:disabled,
.button-primary[disabled],
.button-primary:disabled,
.button-destruct[disabled],
.button-destruct:disabled {
  color: #abb9ca;
  border: 1px solid #ccd6e2;
  background-color: #eff3f6;
  pointer-events: none;
}
@media (min-width: 641px) {
  .button-big {
    height: 100%;
    font-size: 14px;
    padding: 10px 30px;
    line-height: 25px;
  }
}
.button-small {
  font-size: 11px;
  padding: 6px 9px !important;
  vertical-align: middle;
}
.button-small,
.button-large {
  margin: 0;
}
.button-arrow-left {
  margin-left: 5px;
  margin-right: -2px;
  background-color: white;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #ccd6e2;
}
.button-arrow-right {
  margin-right: 5px;
  margin-left: -3px;
  background-color: white;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #ccd6e2;
}
.button-arrow:after {
  font-family: "FontAwesome";
  color: #ffffff;
  content: "\f0a9";
  text-decoration: none;
  display: inline-block;
  margin-left: 14px;
}
.colored-button,
.button-green,
.button-red,
.button-blue,
.button-blue--flat,
.button-orange,
.button-gray,
.button-gray--flat,
.button-purple,
.button-darkblue,
.button-skyblue,
.button-pink {
  color: #ffffff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.06);;
  box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.06);;
}
.colored-button:hover,
.button-green:hover,
.button-red:hover,
.button-blue:hover,
.button-blue--flat:hover,
.button-orange:hover,
.button-gray:hover,
.button-gray--flat:hover,
.button-purple:hover,
.button-darkblue:hover,
.button-skyblue:hover,
.button-pink:hover {
  color: #ffffff;
}
.colored-button:active,
.colored-button.active,
.button-green:active,
.button-green.active,
.button-red:active,
.button-red.active,
.button-blue:active,
.button-blue.active,
.button-blue--flat:active,
.button-blue--flat.active,
.button-orange:active,
.button-orange.active,
.button-gray:active,
.button-gray.active,
.button-gray--flat:active,
.button-gray--flat.active,
.button-purple:active,
.button-purple.active,
.button-darkblue:active,
.button-darkblue.active,
.button-skyblue:active,
.button-skyblue.active,
.button-pink:active,
.button-pink.active {
  -webkit-box-shadow: "inset 0 1px 3px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .1)";
  box-shadow: "inset 0 1px 3px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .1)";
}
.button-green {
  background: #81c33d;
  border-color: #7ba845 #7ba845 #6f983f;
  background-image: -webkit-linear-gradient(top, #77a343, #81c33d 66%, #75a143);
  background-image: -moz-linear-gradient(top, #77a343, #81c33d 66%, #75a143);
  background-image: -o-linear-gradient(top, #77a343, #81c33d 66%, #75a143);
  background-image: linear-gradient(to bottom, #77a343, #81c33d 66%, #75a143);
}
.button-green:active,
.button-green.active {
  background: #81c33d;
  border-color: #6f983f #7ba845 #7ba845;
}
.button-green:disabled,
.button-green[disabled] {
  background: #81c33d;
  border-color: #6f983f #7ba845 #7ba845;
}
.button-red {
  background: #dd362c;
  border-color: #ac1612 #ac1612 #8b0f0b;
  background-image: -webkit-linear-gradient(top, #dd362c, #dd362c 66%, #dd362c);
  background-image: -moz-linear-gradient(top, #dd362c, #dd362c 66%, #dd362c);
  background-image: -o-linear-gradient(top, #dd362c, #dd362c 66%, #dd362c);
  background-image: linear-gradient(to bottom, #dd362c, #dd362c 66%, #dd362c);
}
.button-red:active,
.button-red.active {
  background: #dd362c;
  border-color: #8b0f0b #ac1612 #ac1612;
}
.button-red:disabled,
.button-red[disabled] {
  background: #dd362c;
  border-color: #ac1612 #ac1612 #8b0f0b;
}
.button-blue {
  background: #278cd8;
  border-color: #1c74bc #1c74bc #165f9b;
  background-image: -webkit-linear-gradient(top, #2180ce, #278cd8 66%, #145b96);
  background-image: -moz-linear-gradient(top, #2180ce, #278cd8 66%, #145b96);
  background-image: -o-linear-gradient(top, #2180ce, #278cd8 66%, #145b96);
  background-image: linear-gradient(to bottom, #2180ce, #278cd8 66%, #145b96);
}
.button-blue:active,
.button-blue.active {
  background: #2180ce;
  border-color: #145b96 #165f9b #2180ce;
}
.button-blue:disabled,
.button-blue[disabled] {
  background: #278cd8;
  border-color: #165f9b #1c74bc #1c74bc;
}
.button-blue--flat {
  background: #278cd8;
  border: none;
}
.button-blue--flat:active,
.button-blue--flat.active {
  background: #2180ce;
}
.button-blue--flat:disabled,
.button-blue--flat[disabled] {
  background: #278cd8;
}
.button-orange {
  background: #f4902a;
  border-color: #df770c #df770c #c76a0a;
  background-image: -webkit-linear-gradient(top, #f69f47, #f4902a 66%, #f69f47);
  background-image: -moz-linear-gradient(top, #f69f47, #f4902a 66%, #f69f47);
  background-image: -o-linear-gradient(top, #f69f47, #f4902a 66%, #f69f47);
  background-image: linear-gradient(to bottom, #f69f47, #f4902a 66%, #f69f47);
}
.button-orange:active,
.button-orange.active {
  background: #f4902a;
  border-color: #c76a0a #df770c #df770c;
}
.button-gray {
  background: #47494f;
  border-color: #2f3034 #2f3034 #232427;
  background-image: -webkit-linear-gradient(top, #55585f, #47494f 66%, #3d3f44);
  background-image: -moz-linear-gradient(top, #55585f, #47494f 66%, #3d3f44);
  background-image: -o-linear-gradient(top, #55585f, #47494f 66%, #3d3f44);
  background-image: linear-gradient(to bottom, #55585f, #47494f 66%, #3d3f44);
}
.button-gray:active,
.button-gray.active {
  background: #47494f;
  border-color: #232427 #2f3034 #2f3034;
}
.button-gray--flat {
  background: #8e8f90;
  border: none;
}
.button-gray--flat:active,
.button-gray--flat.active {
  background: #47494f;
}
.button-gray--flat:disabled,
.button-gray--flat[disabled] {
  background: #8e8f90;
}
.button-purple {
  background: #9966cb;
  border-color: #8040be #8040be #733aab;
  background-image: -webkit-linear-gradient(top, #a87dd3, #9966cb 66%, #8f57c6);
  background-image: -moz-linear-gradient(top, #a87dd3, #9966cb 66%, #8f57c6);
  background-image: -o-linear-gradient(top, #a87dd3, #9966cb 66%, #8f57c6);
  background-image: linear-gradient(to bottom, #a87dd3, #9966cb 66%, #8f57c6);
}
.button-purple:active {
  background: #9966cb;
  border-color: #733aab #8040be #8040be;
}
.button-darkblue {
  background: #3b5ca0;
  border-color: #2d477b #2d477b #263c68;
  background-image: -webkit-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
  background-image: -moz-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
  background-image: -o-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
  background-image: linear-gradient(to bottom, #4369b6, #3b5ca0 66%, #365391);
}
.button-darkblue:active {
  background: #3b5ca0;
  border-color: #263c68 #2d477b #2d477b;
}
.button-skyblue {
  color: #ffffff;
  text-shadow: none;
  background-image: linear-gradient(-180deg, #77b1f6 30%, #589ced 100%);
  border: 1px solid #4580e4;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1);
}
.button-skyblue:active {
  background-image: linear-gradient(-180deg, #589ced 100%, #77b1f6 30%);
  border: 1px solid #4580e4;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.3);
}
.button-pink {
  background: #e8367f;
  border-color: #d31865 #d31865 #bc165a;
  background-image: -webkit-linear-gradient(top, #eb5190, #e8367f 66%, #e62473);
  background-image: -moz-linear-gradient(top, #eb5190, #e8367f 66%, #e62473);
  background-image: -o-linear-gradient(top, #eb5190, #e8367f 66%, #e62473);
  background-image: linear-gradient(to bottom, #eb5190, #e8367f 66%, #e62473);
}
.button-pink:active {
  background: #e8367f;
  border-color: #bc165a #d31865 #d31865;
}
.text-blue {
  color: #268bd2;
  font-weight: bold;
}
.button.network-page__button {
  height: auto;
  line-height: 18px;
  padding: 5px 15px;
}
.button-company {
  width: 50%;
}
.button-white {
  background: #ffffff;
}
.analytics-user-id {
  color: #ccd6e2;
  font-style: italic;
  margin: 0 0 0 10px;
}
.chart-hidden {
  height: 0px;
  visibility: hidden;
}
.chart-visible {
  height: default;
}
.chart-visible .span_12 {
  margin: 0;
  margin-top: 2%;
}
.leaderboard-chart {
  width: 100%;
  height: 280px;
  margin-top: -25px;
}
.sort-arrow-padding {
  padding-right: 12px;
}
/* User Analytics */
.user-profile-networks {
  padding: 10px;
}
.user-profile-analytics img {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.user-profile-analytics .img {
  position: relative;
}
.user-profile-analytics .fa-twitter,
.user-profile-analytics .fa-facebook,
.user-profile-analytics .fa-linkedin {
  position: absolute;
  box-sizing: border-box;
  right: -7px;
  bottom: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  text-align: center;
  line-height: 23px;
  border: 1px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
}
.user-profile-analytics .fa-twitter {
  background: #55acee;
}
.user-profile-analytics .fa-linkedin {
  background: #007bb6;
}
.user-profile-analytics .fa-facebook {
  background: #3b5998;
}
.user-profile-analytics-username {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}
/* Reader Analytics */
.analytics-articles {
  font-family: "Lato", Verdana, Arial, sans-serif;
}
.analytics-articles__filters {
  margin-bottom: 20px;
  width: 100%;
  overflow: auto;
}
@media (min-width: 961px) {
  .analytics-articles__filters {
    width: 69%;
  }
}
.analytics-articles__filters span {
  font-size: 14px;
  font-weight: 300;
  margin-top: 3px;
  display: inline-block;
  color: #929fb2;
}
.analytics-articles__filters .filters__pagination {
  width: 49%;
  text-align: right;
}
.analytics-articles__filters .filters__pagination span {
  margin: 3px 10px 0 10px;
}
.analytics-articles__filters .filters__num-articles {
  width: 49%;
}
.analytics-articles__filters .filters__num-articles .dropdown-menu {
  min-width: 0;
  text-align: center;
}
.analytics-articles__filters .filters__num-articles .dropdown-menu .active {
  background-color: #0088cc;
  color: #ffffff;
}
.analytics-articles__filters .num-articles-dropdown-element {
  margin: 0 5px;
  text-decoration: none;
}
.analytics-articles__list {
  width: 100%;
}
@media (min-width: 961px) {
  .analytics-articles__list {
    width: 69%;
  }
}
.analytics-articles__list-item {
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.33);;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.33);;
  margin-bottom: 30px;
}
.analytics-articles__list-item .article {
  display: table;
  width: 100%;
  padding: 15px 25px;
  background: #ccd6e2;
}
.analytics-articles__list-item .article__title {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 30px;
}
.analytics-articles__list-item .article__content,
.analytics-articles__list-item .article__extended-link {
  font-size: 15px;
  line-height: 21px;
  word-break: break-word;
}
.analytics-articles__list-item .article__media {
  height: 125px;
  max-height: 125px;
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.analytics-articles__list-item .article__media--mobile {
  padding: 10px 0 0 0;
  display: none;
}
@media (max-width: 641px) {
  .analytics-articles__list-item .article__media--mobile {
    display: block;
  }
}
.analytics-articles__list-item .article__media--desktop {
  text-align: right;
}
@media (max-width: 641px) {
  .analytics-articles__list-item .article__media--desktop {
    display: none;
  }
}
.analytics-articles__list-item .article__image {
  width: 100%;
}
.analytics-articles__list-item .article__actions {
  display: table;
  width: 100%;
  overflow: visible;
  padding: 0 25px 15px 25px;
  background: #f4f6f8;
  border-bottom: 2px solid #eff3f6;
}
.analytics-articles__list-item .article__actions--right,
.analytics-articles__list-item .article__actions--left {
  width: 49%;
}
.analytics-articles__list-item .article__actions--right {
  text-align: right;
}
.analytics-articles__list-item .article__actions--right.active svg {
  stroke: #4a90e2;
}
.analytics-articles__list-item .article__actions--right.active .actions__name {
  color: #4a90e2;
}
.analytics-articles__list-item .article__actions a {
  text-decoration: none;
}
.analytics-articles__list-item .article__actions .actions__icon {
  width: 22px;
  height: 16px;
  padding-right: 5px;
  vertical-align: middle;
}
.analytics-articles__list-item .article__actions .actions__name {
  font-size: 13px;
  line-height: 18px;
  color: #7b828b;
  vertical-align: middle;
}
.analytics-articles__list-item .article__stats {
  display: table;
  width: 100%;
  padding: 25px 0;
}
@media (max-width: 641px) {
  .analytics-articles__list-item .article__stats {
    display: none;
  }
}
.analytics-articles__list-item .article__stats--dropdown {
  display: none;
}
@media (max-width: 641px) {
  .analytics-articles__list-item .article__stats--dropdown {
    display: block;
  }
}
.analytics-articles__list-item .article__stats--dropdown .dropdown__list {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.analytics-articles__list-item .article__stats--dropdown .dropdown__list .stat {
  font-size: 15px;
  padding: 10px 20px;
  display: table;
  width: 100%;
}
.analytics-articles__list-item .article__stats--dropdown .dropdown__list .stat:first-of-type {
  padding-top: 20px;
}
.analytics-articles__list-item .article__stats--dropdown .dropdown__list .stat:last-of-type {
  padding-bottom: 20px;
}
.analytics-articles__list-item .article__stats--dropdown .dropdown__list .stat__name {
  width: 56%;
}
.analytics-articles__list-item .article__stats--dropdown .dropdown__list .stat__value {
  width: 44%;
  text-align: right;
}
.analytics-articles__list-item .article__stats--dropdown .dropdown__list.open {
  height: 200px;
}
.analytics-articles__list-item .article__stats--dropdown a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  font-size: 40px;
  text-decoration: none;
  color: #7b828b;
}
.analytics-articles__list-item .article__stats--dropdown a i {
  pointer-events: none;
  display: block;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  transform: rotate(0deg) !important;
}
.analytics-articles__list-item .article__stats--dropdown a.open i {
  transform: rotate(180deg) !important;
}
.analytics-articles__list-item .article__stat {
  width: 20%;
  margin: 0;
  padding: 10px 0;
  color: #7b828b;
  text-align: center;
  font-weight: 300;
  box-sizing: border-box;
}
.analytics-articles__list-item .article__stat:not(:last-child) {
  border-right: 1px solid #7b828b;
}
.analytics-articles__list-item .article__stat .stat__icon {
  width: 32px;
  height: 32px;
  margin-bottom: -4px;
  margin-right: 10px;
}
.analytics-articles__list-item .article__stat .stat__value {
  font-size: 32px;
  line-height: 32px;
  letter-spacing: 0.5px;
  display: inline-block;
  width: 50%;
}
.analytics-articles__list-item .article__stat .stat__value--small {
  font-size: 27px;
}
.analytics-articles__list-item .article__stat .stat__name {
  font-size: 12px;
  line-height: 12px;
  padding: 10px 10px 0;
}
.analytics-articles__user-list {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.33);;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.33);;
  min-height: 281px;
  max-height: 650px;
  overflow-y: auto;
  width: inherit;
  position: relative;
  border: 1px solid #ccd6e2;
  display: none;
  top: inherit;
}
@media (min-width: 961px) {
  .analytics-articles__user-list {
    position: absolute;
    display: block;
  }
}
.analytics-articles__user-list.stickied {
  position: fixed;
  top: 65px;
}
.analytics-articles__user-list .loading {
  margin: 55px auto;
}
.analytics-articles__user-list,
.analytics-articles__user-list-modal {
  font-family: "Lato", Verdana, Arial, sans-serif;
}
.analytics-articles__user-list .user-list__close,
.analytics-articles__user-list-modal .user-list__close {
  font-size: 48px;
  color: #929fb2;
  font-weight: 100;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 18px;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.analytics-articles__user-list .user-list__title,
.analytics-articles__user-list-modal .user-list__title {
  padding: 20px;
  background: #f4f6f8;
  font-size: 18px;
  border-bottom: 1px solid #ccd6e2;
  height: 62px;
}
.analytics-articles__user-list .user-list__empty,
.analytics-articles__user-list-modal .user-list__empty {
  text-align: center;
  padding: 90px 20px 0 20px;
  font-family: "Lato", Verdana, Arial, sans-serif;
  line-height: 30px;
  font-size: 19px;
}
.analytics-articles__user-list .user-list__list-item,
.analytics-articles__user-list-modal .user-list__list-item {
  padding: 13px;
  display: table;
  width: 100%;
}
.analytics-articles__user-list .user-list__list-item:not(:last-child),
.analytics-articles__user-list-modal .user-list__list-item:not(:last-child) {
  border-bottom: 1px solid #f4f6f8;
}
.analytics-articles__user-list .user-list__list-item .user-info,
.analytics-articles__user-list-modal .user-list__list-item .user-info {
  width: 50%;
  display: inline-block;
}
.analytics-articles__user-list .user-list__list-item .user-avatar,
.analytics-articles__user-list-modal .user-list__list-item .user-avatar {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  object-fit: cover;
}
.analytics-articles__user-list .user-list__list-item .user-name,
.analytics-articles__user-list-modal .user-list__list-item .user-name {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 18px;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100px;
  text-overflow: ellipsis;
}
.analytics-articles__user-list .user-list__list-item .user-stats,
.analytics-articles__user-list-modal .user-list__list-item .user-stats {
  display: inline-block;
  width: 49%;
  text-align: right;
}
.analytics-articles__user-list .user-list__list-item .user-stat,
.analytics-articles__user-list-modal .user-list__list-item .user-stat {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-weight: 300;
  color: #7b828b;
  padding-right: 5px;
}
.analytics-articles__user-list .user-list__list-item .user-stat__icon,
.analytics-articles__user-list-modal .user-list__list-item .user-stat__icon {
  line-height: 11px;
}
.analytics-articles__user-list .user-list__list-item .user-stat__icon img,
.analytics-articles__user-list-modal .user-list__list-item .user-stat__icon img {
  width: 14px;
  height: 14px;
}
.analytics-articles__user-list .user-list__list-item .user-stat__icon--large img,
.analytics-articles__user-list-modal .user-list__list-item .user-stat__icon--large img {
  width: 18px;
}
.reveal-modal.analytics-articles__user-list-modal {
  padding: 0;
  min-height: 300px;
  max-height: 700px;
  overflow-y: auto;
}
.reveal-modal.analytics-articles__user-list-modal .user-name {
  width: 98px;
}
.stat-table__header--narrow {
  width: 200px;
}
.table-foot .select {
  width: 50px;
}
.analytics__chart {
  width: 100%;
  min-height: 350px;
}
.analytics__chart--clickthrough {
  height: 340px;
}
.analytics__chart--user-adoption {
  height: 500px;
}
.table-width--half {
  width: 50%;
}
.table-percentage--left {
  width: 10%;
}
.dashboard-clickthrough__chart {
  width: 100%;
  height: 350px;
  margin: 40px 0;
}
.table-analytics tr > td:not(:first-child).content-analytics__post-title {
  text-align: left;
  font-weight: 700;
}
.table-analytics tr > td:not(:first-child).content-analytics__content-access-value {
  text-align: center;
}
.email-line-chart--empty,
.content-bar-charts--empty {
  border: 1px solid #ccd6e2;
  width: 100%;
  height: 537px;
}
.email-line-chart--empty .error,
.content-bar-charts--empty .error {
  margin: 200px 0;
}
.email-line-chart .stat-table,
.content-bar-charts .stat-table {
  display: table;
  width: 100%;
  padding: 0 20px 0 15px;
  font-family: "Lato", Verdana, Arial, sans-serif;
}
.email-line-chart .stat-table--top,
.content-bar-charts .stat-table--top {
  margin-bottom: -20px;
}
.email-line-chart .stat-table--bottom,
.content-bar-charts .stat-table--bottom {
  margin-top: -11px;
}
.email-line-chart .stat-col,
.content-bar-charts .stat-col {
  display: table-cell;
  padding: 21px;
  border: 1px solid #f4f6f8;
  width: 33%;
  background: #ccd6e2;
}
.email-line-chart .stat-col:first-of-type,
.content-bar-charts .stat-col:first-of-type {
  border-right: none;
}
.email-line-chart .stat-col:nth-of-type(3),
.content-bar-charts .stat-col:nth-of-type(3) {
  border-left: none;
}
.email-line-chart .stat-col--bottom,
.content-bar-charts .stat-col--bottom {
  position: relative;
  padding-top: 0;
  text-align: center;
  background: #ffffff;
}
.email-line-chart .left-stat,
.content-bar-charts .left-stat {
  float: left;
}
.email-line-chart .total-stat,
.content-bar-charts .total-stat {
  text-align: right;
  color: #929fb2;
}
.email-line-chart .stat-name,
.content-bar-charts .stat-name {
  font-size: 13px;
  padding-bottom: 19px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: 500;
  color: #929fb2;
  letter-spacing: 0.5px;
}
.email-line-chart .stat-name .fa-info-circle,
.content-bar-charts .stat-name .fa-info-circle {
  cursor: pointer;
  font-size: 14px;
}
.email-line-chart .stat-value,
.content-bar-charts .stat-value {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.email-line-chart .arrow,
.content-bar-charts .arrow {
  width: 55px;
  height: 55px;
  border-radius: 55px;
  padding: 14px;
  margin: -28px 0 6px 0;
  position: relative;
}
.email-line-chart .arrow--positive,
.content-bar-charts .arrow--positive {
  background: #1fbba9;
}
.email-line-chart .arrow--negative,
.content-bar-charts .arrow--negative {
  background: #ff3936;
  transform: rotate(180deg);
}
.email-line-chart .stat-difference__icon,
.content-bar-charts .stat-difference__icon {
  width: 55px;
  height: 55px;
  border-radius: 55px;
  padding: 14px;
  margin: -48px 0 6px 0;
  position: relative;
}
.email-line-chart .stat-difference--positive,
.content-bar-charts .stat-difference--positive {
  color: #2fc394;
}
.email-line-chart .stat-difference--positive .stat-difference__icon,
.content-bar-charts .stat-difference--positive .stat-difference__icon {
  background: #2fc394;
}
.email-line-chart .stat-difference--negative,
.content-bar-charts .stat-difference--negative {
  color: #fe5f57;
}
.email-line-chart .stat-difference--negative .stat-difference__icon,
.content-bar-charts .stat-difference--negative .stat-difference__icon {
  background: #fe5f57;
  transform: rotate(180deg);
}
.email-line-chart .stat-difference--no-change,
.content-bar-charts .stat-difference--no-change {
  color: #929fb2;
}
.email-line-chart .stat-difference--no-change .stat-difference__icon,
.content-bar-charts .stat-difference--no-change .stat-difference__icon {
  background: #929fb2;
}
.email-line-chart .stat-difference__name,
.content-bar-charts .stat-difference__name {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 13px;
  margin-bottom: 6px;
}
.email-line-chart .stat-difference__percentage,
.content-bar-charts .stat-difference__percentage {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.email-line-chart .stat-difference__value,
.content-bar-charts .stat-difference__value {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.email-line-chart .stat-difference--infinite,
.content-bar-charts .stat-difference--infinite {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 6px;
}
.email-line-chart .stat-block,
.content-bar-charts .stat-block {
  float: left;
  width: 50%;
  min-width: 385px;
  border: 1px solid #ccd6e2;
  background: #ffffff;
}
.email-line-chart .stat-block:first-of-type,
.content-bar-charts .stat-block:first-of-type {
  border-right: none;
}
.email-line-chart .stat-block:nth-of-type(3),
.content-bar-charts .stat-block:nth-of-type(3) {
  border-left: none;
}
.email-line-chart .stat-block--top,
.content-bar-charts .stat-block--top {
  padding: 21px;
  border-bottom: 1px solid #eff3f6;
  width: 100%;
  background: #ffffff;
}
.email-line-chart .stat-block--bottom,
.content-bar-charts .stat-block--bottom {
  position: relative;
  padding-top: 0;
  padding-bottom: 20px;
  text-align: center;
  background: #ffffff;
  max-height: 100px;
}
.visuallyhidden {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}
.date-range-picker__container {
  padding: 20px 20px 20px 15px;
  margin-top: -13px;
  display: table;
}
.date-range-picker .formatted-dates {
  float: left;
  text-align: right;
  padding-top: 3px;
  padding-right: 3px;
}
.date-range-picker .formatted-dates .daterange,
.date-range-picker .formatted-dates .daterange-compare {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 12px;
  color: #929fb2;
  vertical-align: middle;
}
.date-range-picker .formatted-dates .daterange:not(.only) {
  font-weight: bold;
  padding-bottom: 4px;
}
.date-range-picker .formatted-dates .daterange.only {
  padding-top: 6px;
}
.date-range-picker .formatted-dates .daterange-compare {
  font-size: 0.9em;
}
.date-range-picker .inline-nav {
  display: inline-block;
  margin: 0 0 0 20px;
}
.date-range-picker .inline-nav ul {
  vertical-align: middle;
}
/* Content Analytics Data Table */
.analytics-content-table th {
  text-align: center;
}
.analytics-content-table th:first-of-type {
  width: 50%;
}
.analytics-content-table .table--first-col {
  text-align: left !important;
}
.analytics-content-table__filters {
  margin: 20px 0 15px 0;
  padding: 15px 10px;
  width: 100%;
  display: inline-block;
  background: #ffffff;
  border: 1px solid #ccd6e2;
}
.analytics-content-table__filters .inline-nav {
  display: inline-block;
  margin: 0 0 0 5px;
}
.analytics-content-table__filters .inline-nav ul {
  vertical-align: middle;
}
.analytics-content-table__filters .filters--right {
  text-align: right;
}
.analytics-content-table__filters .filters__num-items {
  display: inline-block;
  vertical-align: middle;
}
.analytics-content-table__filters .filters__num-items .num-items-dropdown,
.analytics-content-table__filters .filters__num-items span {
  vertical-align: middle;
}
.analytics-content-table__filters .filters__num-items .dropdown-menu {
  min-width: 0;
  text-align: center;
}
.analytics-content-table__filters .filters__pagination {
  display: inline-block;
}
.analytics-content-table__filters .filters__pagination span {
  vertical-align: middle;
}
.analytics-content-table__filters .filters__pagination .button {
  vertical-align: middle;
}
.analytics-content-table--empty .loading,
.analytics-content-table--empty .error {
  margin-top: 10px;
}
.analytics-content-table .table-foot span,
.analytics-content-table .table-foot button {
  vertical-align: middle;
}
.analytics-content-table select {
  cursor: pointer;
}
.analytics-content-icon--empty {
  background-image: url(/images/analytics/icon-empty.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 90px;
}
.analytics-content-icon--error {
  background-image: url(/images/analytics/icon-error.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 81px;
}
.email-line-chart--empty {
  border: 1px solid #f4f6f8;
  width: 100%;
  height: 537px;
}
.email-line-chart--empty .error {
  margin: 200px 0;
}
.email-line-chart .stat-table {
  display: table;
  width: 100%;
  padding: 0 20px 0 15px;
  font-family: "Lato", Verdana, Arial, sans-serif;
}
.email-line-chart .stat-table--top {
  margin-bottom: -20px;
}
.email-line-chart .stat-table--bottom {
  margin-top: -11px;
}
.email-line-chart .stat-col {
  display: table-cell;
  padding: 21px;
  border: 1px solid #ccd6e2;
  width: 33%;
  background: #f4f6f8;
}
.email-line-chart .stat-col:first-of-type {
  border-right: none;
}
.email-line-chart .stat-col:nth-of-type(3) {
  border-left: none;
}
.email-line-chart .stat-col--bottom {
  padding-top: 0;
  text-align: center;
  background: #ffffff;
}
.email-line-chart .stat-name {
  font-size: 13px;
  padding-bottom: 19px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: 500;
  color: #929fb2;
  letter-spacing: 0.5px;
}
.email-line-chart .stat-name .icon-info-sign {
  cursor: pointer;
  font-size: 14px;
}
.email-line-chart .stat-value {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.email-line-chart .arrow {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  padding: 14px;
  margin: -28px 0 6px 0;
  position: relative;
}
.email-line-chart .arrow--positive {
  background: #1fbba9;
}
.email-line-chart .arrow--negative {
  background: #ff3936;
  transform: rotate(180deg);
}
.email-line-chart .stat-difference__icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  padding: 14px;
  margin: -28px 0 6px 0;
  position: relative;
}
.email-line-chart .stat-difference--positive {
  color: #1fbba9;
}
.email-line-chart .stat-difference--positive .stat-difference__icon {
  background: #1fbba9;
}
.email-line-chart .stat-difference--negative {
  color: #ff3936;
}
.email-line-chart .stat-difference--negative .stat-difference__icon {
  background: #ff3936;
  transform: rotate(180deg);
}
.email-line-chart .stat-difference--no-change {
  color: #7b828b;
}
.email-line-chart .stat-difference--no-change .stat-difference__icon {
  background: #7b828b;
}
.email-line-chart .stat-difference__name {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 13px;
  margin-bottom: 6px;
}
.email-line-chart .stat-difference__percentage {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.email-line-chart .stat-difference__value {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.analytic-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  color: #7b828b;
  text-transform: uppercase;
  font-family: "Lato", Verdana, Arial, sans-serif;
}
.analytic-title.top {
  padding-top: 10px;
  padding-bottom: 30px;
  padding-left: 20px;
}
.analytic-title a {
  text-transform: capitalize;
  padding-left: 5px;
}
.title .root {
  color: #00008b;
}
.analytics-email-table {
  padding: 0 20px 0 15px;
}
.analytics-email-table .table-analytics tr > td:not(:first-child) {
  text-align: center;
}
.analytics-email-table td:first-of-type {
  text-align: left;
}
.analytics-email-table td:first-of-type span {
  vertical-align: middle;
}
.analytics-email-table__filters {
  margin: 20px 0;
  padding: 0 20px 0 15px;
  width: 100%;
  display: table;
}
.analytics-email-table__filters .inline-nav {
  display: inline-block;
  margin: 0 0 0 5px;
}
.analytics-email-table__filters .inline-nav ul {
  vertical-align: middle;
}
.analytics-email-table__filters .filters--right {
  text-align: right;
}
.analytics-email-table__filters .filters__num-items {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.analytics-email-table__filters .filters__num-items .num-items-dropdown,
.analytics-email-table__filters .filters__num-items span {
  vertical-align: middle;
}
.analytics-email-table__filters .filters__num-items .dropdown-menu {
  min-width: 0;
  text-align: center;
}
.analytics-email-table__filters .filters__pagination {
  display: inline-block;
}
.analytics-email-table__filters .filters__pagination span {
  vertical-align: middle;
}
.analytics-email-table__filters .filters__pagination .button {
  vertical-align: middle;
}
.analytics-email-table--empty .loading,
.analytics-email-table--empty .error {
  margin-top: 10px;
}
.analytics-email-table .user-avatar {
  height: 23px;
  width: 23px;
  vertical-align: middle;
  margin-right: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.analytics-content-icon--empty {
  background-image: url(/images/analytics/icon-empty.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 90px;
}
.analytics-content-icon--error {
  background-image: url(/images/analytics/icon-error.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 81px;
}
.main.content-analytics-page {
  overflow-x: scroll;
}
.reward-btn {
  width: 30px;
  vertical-align: middle;
  position: absolute;
  right: 14px;
  cursor: pointer;
}
.chart-container {
  background: #ffffff;
  padding: 15px 10px;
  border: 1px solid #ccd6e2;
}
.user-adoption {
  background: #ffffff;
  padding: 15px;
  border: 1px solid #ccd6e2;
}
.topics-analytics {
  background: #ffffff;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ccd6e2;
}
.groups-bar-chart {
  background: #ffffff;
  padding: 15px;
  border: 1px solid #ccd6e2;
}
.user-analytics {
  background: #ffffff;
  padding: 15px;
  border: 1px solid #ccd6e2;
}
.users-line-chart {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #ccd6e2;
}
.compliance-chart-container {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #ccd6e2;
}
.attribution-analytics-explainer {
  margin-top: 5px;
}
.campaign-add-wrapper {
  margin-left: .5% !important;
}
.campaign-add-wrapper label {
  font-size: 14px;
}
.campaign-add-label-explainer {
  color: #929fb2;
  margin-bottom: 5px;
}
.campaign-parameter-dropdown-tooltip {
  font-size: 16px;
  position: absolute;
  left: 93%;
  top: 50%;
}
.campaign-parameter-dropdown-tooltip__select {
  top: 5%;
  font-size: 16px;
  position: absolute;
  left: 90%;
  z-index: 2;
}
.campaign-parameter-dropdown-tooltip__select__disabled {
  top: 50%;
  font-size: 16px;
  position: absolute;
  left: 90%;
  z-index: 2;
}
.campaigns-list {
  margin-bottom: 200px;
}
.campaigns-list__radio-options-section {
  margin-top: 3px;
  margin-left: 8px;
}
.campaigns-list__radio-options-section__input-label {
  padding-right: 5px;
}
.campaigns-list #group-filter {
  z-index: 100;
}
@media (min-width: 641px) {
  .campaigns-list .pagination {
    float: right;
  }
}
.campaigns-list .table-clean {
  margin-top: 20px;
  border-collapse: separate;
}
.campaigns-list .table-clean th {
  background-color: #f5f7f8;
  border-bottom: 1px solid #ccd6e2;
}
.campaigns-list .table-clean td {
  border-bottom: 1px solid #f4f6f8;
}
.campaigns-list .table-clean .table-head .campaign-groups {
  width: 120px;
  text-align: center;
}
.campaigns-list .table-clean .table-head .controls {
  min-width: 150px;
}
.campaigns-list .table-clean .campaign-row {
  padding: 20px 25px;
  border-bottom: 1px solid #ececec;
}
.campaigns-list .table-clean .campaign-row td {
  padding: 10px 10px;
}
.campaigns-list .table-clean .campaign-row .campaign-name {
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  color: #404040;
}
.campaigns-list .table-clean .campaign-row .campaign-name.muted {
  color: #ccc !important;
}
.campaigns-list .table-clean .campaign-row .campaign-createdby {
  font-style: italic;
  color: #8d8d8d;
}
.campaigns-list .table-clean .campaign-row .stat-value {
  margin: 10px 0;
}
.campaigns-list .table-clean .campaign-row .campaign-groups {
  text-align: center;
  display: block;
  height: 60px;
}
.campaigns-list__name {
  padding-left: 7px;
  font-size: 18px;
  font-weight: 800;
}
.campaigns-list .section-divider {
  border-bottom: 1px solid #ececec;
}
.campaigns-list .section-title {
  padding-left: 7px;
  font-size: 14px;
  font-weight: 700;
}
.campaigns-list .section-control {
  padding-left: 7px;
}
.campaigns-list .section-main-label {
  padding: 0 7px;
}
.campaigns-list .section-secondary-label {
  padding: 0 7px;
  color: #909090;
}
.campaigns-list .campaign-multiplier {
  margin-bottom: 10px;
  position: relative;
  padding: 0 7px;
  height: 44px;
}
.campaigns-list .campaign-multiplier input,
.campaigns-list .campaign-multiplier textarea {
  width: 50px;
}
.campaigns-list .campaign-multiplier div {
  float: right;
}
.campaigns-list .form-error {
  position: absolute;
  font-size: 10px;
  white-space: nowrap;
  width: 100%;
  text-align: right;
}
.campaigns-list .form-error__end-date {
  color: #db3e3b;
  position: relative;
  left: 10em;
}
.campaigns-list .disabled {
  background-color: inherit !important;
  color: #d7d7d7 !important;
  pointer-events: none !important;
}
.campaigns-pager {
  position: relative;
  float: right !important;
}
.campaign-view-wrapper .campaign-name {
  font-size: 25px;
}
.campaign-view-wrapper .campaign-field-label {
  font-weight: 700;
  font-size: 15px;
}
.campaign-view-wrapper .campaign-field-value {
  font-weight: 400;
  font-size: 12px;
}
.campaign-view-wrapper .parameter-cell {
  border: 1px solid #ccd6e2;
  margin-left: -1px;
  margin-top: -1px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 15px;
}
.campaign-view-wrapper .parameter-cell__addon {
  border: 1px solid #ccd6e2;
  margin-left: -1px;
  margin-top: -1px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 15px;
  background-color: #f4f6f8;
}
.campaign-view-wrapper .parameter-row {
  display: flex;
}
.campaign-view-wrapper .label-cell {
  font-weight: 600;
}
.campaign-adobe-input {
  width: 104% !important;
}
.campaign-adobe-addon {
  background: #f4f6f8;
  border: 1px solid #ccd6e2;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  line-height: 15px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.campaigns-dropdown-search {
  display: flex;
  padding: 10px;
}
.campaigns-dropdown-search:before {
  top: 18px !important;
  left: 19px !important;
}
.campaigns-dropdown-search:after {
  top: 28px !important;
  left: 27px !important;
}
.campaigns-dropdown-search .search-input-erase {
  margin-top: -19px !important;
}
.campaign-analytics-info {
  min-height: 100px;
  background: #ffffff;
  color: #929fb2;
}
.campaign-analytics-info > table {
  width: 100%;
}
.campaign-analytics-info__left {
  padding: 20px;
  width: 30%;
  vertical-align: top;
  word-break: break-word;
}
.campaign-analytics-info__right {
  position: relative;
  width: 70%;
  padding: 20px;
}
.campaign-post-warning {
  position: relative !important;
}
/* @group Base */
.chosen-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
.chosen-container .chosen-drop {
  background: #ffffff;
  border: 1px solid #929fb2;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: -9999px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 1010;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #4a4a4a;
  text-decoration: none;
}
.chosen-container-single .chosen-default {
  color: #999999;
}
.chosen-container-single .chosen-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chosen-container-single .chosen-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("/images/chosen-sprite.png") -42px 1px no-repeat;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chosen-container-single .chosen-single div b {
  background: url("/images/chosen-sprite.png") no-repeat 0px 2px;
  display: block;
  width: 100%;
  height: 100%;
}
.chosen-container-single .chosen-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chosen-container-single .chosen-search input {
  background: #ffffff url("/images/chosen-sprite.png") no-repeat 100% -20px;
  background: url("/images/chosen-sprite.png") no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("/images/chosen-sprite.png") no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/images/chosen-sprite.png") no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/images/chosen-sprite.png") no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/images/chosen-sprite.png") no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaaaaa;
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaaaaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-choices .search-field input {
  color: #666666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.chosen-container-multi .chosen-choices .search-field .default {
  color: #999999;
}
.chosen-container-multi .chosen-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #404040;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chosen-container-multi .chosen-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}
.chosen-container-multi .chosen-choices .search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("/images/chosen-sprite.png") -42px 1px no-repeat;
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container .chosen-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chosen-container .chosen-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chosen-container .chosen-results .highlighted {
  background-color: #589ced;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #589ced), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #589ced 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #589ced 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #589ced 20%, #2a62bc 90%);
  background-image: linear-gradient(#589ced 20%, #2a62bc 90%);
  color: #ffffff;
}
.chosen-container .chosen-results li em {
  background: #f0f0f0;
  font-style: normal;
}
.chosen-container .chosen-results .highlighted em {
  background: transparent;
}
.chosen-container .chosen-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chosen-container .chosen-results .group-result {
  cursor: default;
  color: #999999;
  font-weight: bold;
}
.chosen-container .chosen-results .group-option {
  padding-left: 15px;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: none;
}
.chosen-container .chosen-results-scroll {
  background: #ffffff;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1;
}
.chosen-container .chosen-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chosen-container .chosen-results-scroll-down {
  bottom: 0;
}
.chosen-container .chosen-results-scroll-down span {
  background: url("/images/chosen-sprite.png") no-repeat -4px -3px;
}
.chosen-container .chosen-results-scroll-up span {
  background: url("/images/chosen-sprite.png") no-repeat -22px -3px;
}
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #589ced;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 1px 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 #ffffff inset;
  box-shadow: 0 1px 0 #ffffff inset;
  background-color: #eeeeee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  background: transparent;
  border-left: none;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #589ced;
}
.chosen-container-active .chosen-choices .search-field input {
  color: #000000 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.chosen-rtl .chosen-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}
.chosen-rtl .chosen-single div {
  left: 3px;
  right: auto;
}
.chosen-rtl .chosen-single abbr {
  left: 26px;
  right: auto;
}
.chosen-rtl .chosen-choices .search-field input {
  direction: rtl;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}
.chosen-rtl .chosen-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
}
.chosen-rtl .chosen-search {
  left: 9999px;
}
.chosen-rtl.chosen-with-drop .chosen-search {
  left: 0px;
}
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input {
  background: #ffffff url("/images/chosen-sprite.png") no-repeat -30px -20px;
  background: url("/images/chosen-sprite.png") no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("/images/chosen-sprite.png") no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/images/chosen-sprite.png") no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/images/chosen-sprite.png") no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/images/chosen-sprite.png") no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.chosen-container-single.chosen-rtl .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-container-single.chosen-rtl.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input,
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input,
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("/images/chosen-sprite@2x.png") !important;
    background-repeat: no-repeat !important;
    background-size: 52px 37px !important;
  }
}
/* @end */
/* stylelint-disable rule-nested-empty-line-before, declaration-colon-space-after */
html {
  height: 100%;
}
body {
  font: 12px / 21px "Lato", Verdana, Arial, sans-serif;
  color: #404040;
  background: #ffffff;
  height: 100%;
}
.logo-app {
  z-index: -10;
  margin: 0;
}
@media (min-width: 641px) {
  .logo-app {
    bottom: 20px;
    position: absolute;
    display: block;
    left: 15px;
    width: 26px;
  }
}
@media (min-width: 961px) {
  .logo-app {
    left: 35px;
    display: block;
    width: 120px;
  }
}
.logo {
  margin: 10px auto;
  width: 150px;
}
.media {
  margin: 10px 0px;
}
.media,
.bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.media .img {
  float: left;
  margin-right: 10px;
  min-height: 48px;
  min-width: 48px;
}
.media .img img {
  display: block;
}
.media .imgExt {
  float: right;
  margin-left: 10px;
}
.wrapper {
  position: relative;
  min-height: 100%;
  height: 100%;
}
.profile {
  margin-top: 20px;
  display: none;
  margin-left: 20px;
}
@media (min-width: 641px) {
  .profile {
    display: block;
    margin: 20px 0 0 0;
  }
  .profile .bd {
    display: none;
  }
}
@media (min-width: 961px) {
  .profile {
    margin: 20px 0 0 20px;
  }
  .profile .bd {
    display: block;
  }
}
.nav {
  z-index: 1;
  margin-top: 20px;
}
@media (min-width: 961px) {
  .nav .nav-no-desktop {
    display: none;
  }
}
.nav .nav-no-mobile {
  display: none;
}
@media (min-width: 641px) {
  .nav .nav-no-mobile {
    display: block;
  }
}
.nav .nav-open {
  position: absolute;
  top: 10px;
  right: 10px;
}
@media (min-width: 641px) {
  .nav .nav-open {
    display: none;
  }
}
.nav a {
  margin-left: 10px;
  font-size: 13px;
  color: #6c7683;
  padding: 10px;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  text-shadow: 1px 1px #ffffff;
}
.nav i {
  width: 20px !important;
  display: inline-block !important;
  vertical-align: top;
  line-height: 20px;
}
@media (min-width: 641px) {
  .nav span {
    display: none;
    padding-left: 3px;
  }
}
@media (min-width: 961px) {
  .nav span {
    display: inline-block;
  }
}
.nav ul {
  display: none;
}
.nav ul li {
  overflow: hidden;
  width: 100%;
  padding: 0;
}
.nav ul li:hover {
  background-color: #f5f7f8;
  color: #000000;
}
.nav ul li.active,
.nav ul li.active:hover {
  background-color: #f5f7f8;
  border-left: 5px solid #4a90e2;
  font-weight: bold;
}
.nav ul li.active a,
.nav ul li.active:hover a {
  color: #454545;
  padding-left: 7px;
}
.nav ul li.submenu {
  display: block;
}
@media (min-width: 641px) {
  .nav ul li.submenu {
    display: none;
  }
}
@media (min-width: 961px) {
  .nav ul li.submenu {
    display: block;
  }
}
.nav ul li.submenu ul li {
  border: 0;
  background-color: #f5f7f8;
}
.nav ul li.submenu ul li a {
  padding: 10px 5px 10px 43px;
  margin: 0;
}
.nav ul li.submenu ul li:hover a {
  background-color: #d2d2d2;
  text-shadow: none;
}
.nav ul li.submenu ul li:hover {
  border: 0;
  background-color: #f5f7f8;
}
.nav ul li.submenu ul li.active a,
.nav ul li.submenu ul li.active:hover a {
  padding: 10px 5px 10px 43px;
  background: #4a90e2;
  color: #ffffff;
  text-shadow: none;
}
@media (min-width: 641px) {
  .nav ul {
    display: block !important;
  }
}
.main {
  background-color: #eff3f6;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: -1;
  min-height: 100%;
  max-height: 100%;
}
@media (min-width: 641px) {
  .main {
    margin-left: 50px;
  }
}
@media (min-width: 961px) {
  .main {
    margin-left: 200px;
  }
}
.title {
  padding: 20px;
  font-size: 23px;
  border-bottom: 1px solid #ebebeb;
  color: #000000;
  margin: 0;
  z-index: 200;
  float: none;
  font-family: "Lato", Verdana, Arial, sans-serif;
}
.title .chain-link {
  text-decoration: none;
  color: #0088cc;
}
@media (min-width: 641px) {
  .title {
    padding: 20px;
    position: fixed;
    background: #ffffff;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
  }
}
.title-controls {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #ebebeb;
  z-index: 200;
  margin: 0 0 20px 0;
  float: none;
}
@media (min-width: 641px) {
  .title-controls {
    float: left;
    text-align: right;
    padding: 20px;
    position: fixed;
    right: 0;
    display: block;
    border: 0;
    width: auto;
  }
}
.content {
  background: #eff3f6;
  padding-bottom: 100px;
  clear: both;
  min-height: 1000px;
}
@media (min-width: 641px) {
  .content {
    padding: 80px 20px 100px 20px;
  }
}
.content_inbox {
  background: #ffffff;
  margin: 0;
  padding-bottom: 100px;
  clear: both;
}
@media (min-width: 641px) {
  .content_inbox {
    padding-bottom: 0;
    margin: 63px 0 0 0;
  }
}
.table-posts td:nth-child(2),
.table-posts th:nth-child(2) {
  display: none;
}
@media (min-width: 641px) {
  .table-posts td:nth-child(2),
  .table-posts th:nth-child(2),
  .table-posts td:nth-child(3),
  .table-posts th:nth-child(3) {
    display: table-cell;
  }
}
.clearfix {
  display: block;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.no-mobile {
  display: none;
}
@media (min-width: 641px) {
  .no-mobile {
    display: block;
  }
}
.user {
  max-width: 250px;
  position: relative;
  height: 32px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}
.user .user-username {
  height: 18px;
  overflow: hidden;
}
.user .topbar-logo-img,
.user img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.user h5 {
  height: 32px;
  cursor: default;
  text-align: left;
  float: left;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  overflow: hidden;
  max-width: 200px;
}
@media (min-width: 641px) {
  .user h5 {
    max-width: 140px;
  }
}
@media (min-width: 961px) {
  .user h5 {
    max-width: 200px;
  }
}
.user .user-company {
  display: block;
  max-height: 18px;
  overflow: hidden;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
.user:hover ul {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  padding: 4px 0 6px;
  display: block;
}
@media (min-width: 641px) {
  .user:hover ul {
    visibility: visible;
    opacity: 1;
  }
}
.user ul {
  display: none;
  min-width: 120px;
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #d9e3fa;
  border: 1px solid;
  border-color: #aaa #aaa #aaa;
  border-radius: 5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transition-property: opacity, padding, visibility;
  -moz-transition-property: opacity, padding, visibility;
  -o-transition-property: opacity, padding, visibility;
  transition-property: opacity, padding, visibility;
  background-image: -webkit-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -moz-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -o-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: linear-gradient(to bottom, #eef3fe, #d9e3fa);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
@media (min-width: 641px) {
  .user ul {
    display: block;
    visibility: hidden;
    opacity: 0;
  }
}
.user ul:before,
.user ul:after,
.user li:first-child:after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  width: 0;
  height: 0;
  border: 7px outset transparent;
  top: 100%;
}
.user ul:before {
  top: -14px;
  border-bottom: 7px solid #555;
}
.user li:first-child:after {
  top: -13px;
  border-bottom: 7px solid #ffffff;
}
.user ul:after {
  top: -12px;
  border-bottom: 7px solid #eef3fe;
}
.user li {
  padding: 0 12px;
  font-size: 11px;
  color: #838ca2;
  text-shadow: 0 1px #ffffff;
}
.user li.sep {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #b4bbce;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}
.user li a {
  display: block;
  position: relative;
  margin: 0 -13px;
  padding: 0 12px 0 12px;
  color: #313a4f;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
}
.user li a:hover {
  color: #ffffff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  background: #5a70b0;
  border-color: #5a70b0 #495d98 #42558a;
  background-image: -webkit-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -moz-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -o-linear-gradient(top, #7688bd, #4e64a3);
  background-image: linear-gradient(to bottom, #7688bd, #4e64a3);
}
.alert-directive-top {
  position: fixed;
  z-index: 1000;
  top: -48px;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(169, 211, 232, 0.93);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  padding: 12px;
  color: #3f3f44;
  font-size: 15px;
  display: block;
  height: 48px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: top 0.3s linear, box-shadow 0.3s linear;
  -webkit-transition: top 0.3s linear, box-shadow 0.3s linear;
  -moz-transition: top 0.3s linear, box-shadow 0.3s linear;
}
.alert-directive-top-visible {
  top: 0;
}
.alert-directive-bottom {
  position: fixed;
  z-index: 13;
  bottom: -48px;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(169, 211, 232, 0.93);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  padding: 12px;
  color: #0b121f;
  font-size: 15px;
  display: block;
  height: 48px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: bottom 0.3s linear, box-shadow 0.3s linear;
  -webkit-transition: bottom 0.3s linear, box-shadow 0.3s linear;
  -moz-transition: bottom 0.3s linear, box-shadow 0.3s linear;
}
.alert-directive-bottom-visible {
  bottom: 0;
}
.employee-page-container {
  margin: 1px 0 0 0;
  bottom: 0;
}
@media (min-width: 641px) {
  .employee-page-container {
    margin: 10px 0 0 0;
  }
}
@media (min-width: 641px) {
  .employee-page-container {
    margin: auto;
    padding: 67px 0 0 0;
  }
}
.employee-settings-container {
  width: 100%;
  margin-bottom: 70px;
}
@media (min-width: 641px) {
  .employee-settings-container {
    margin: auto;
    width: 70%;
  }
}
.post-queue-delete {
  display: inline-block;
  color: #d2d2d2;
  font-size: 15px;
  margin: 3px 0 0 8px;
}
.post-queue-delete:hover {
  color: #ccd6e2;
  cursor: pointer;
}
p.with-margin {
  margin: 10px 0;
}
.strong {
  font-weight: bold;
}
.getting-started-box {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #eff3f6;
  margin-bottom: 100px;
}
.getting-started-box .getting-started-left {
  padding: 20px;
  border-bottom: 1px solid #eff3f6;
}
@media (min-width: 641px) {
  .getting-started-box .getting-started-left {
    border-bottom: 0;
  }
}
@media (min-width: 641px) {
  .getting-started-box .getting-started-right {
    border-left: 1px solid #eff3f6;
  }
}
.getting-started-box .info {
  font-size: 13px;
  line-height: 22px;
  margin: 12px 0;
  color: #909090;
}
.getting-started-box .info-title {
  font-size: 16px;
  color: #53541c;
}
.getting-started-box .step {
  background: #f4f6f8;
  padding: 10px;
  min-height: 100px;
  position: relative;
}
.getting-started-box .step-number {
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 99px;
  border: 2px solid #d2d2d2;
  width: 33px;
  height: 33px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  padding-top: 4px;
  color: #7b828b;
}
.getting-started-box .step-title {
  margin: 15px 0 0 53px;
  color: #909090;
  font-size: 15px;
  font-weight: bold;
}
.getting-started-box .step-description {
  margin: 15px 0 0 53px;
}
.getting-started-box .step:not(:last-child) {
  border-bottom: 1px solid #eff3f6;
}
.step-completed {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.step-completed .fa-check {
  color: #387038 !important;
}
.onboarding {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 18px;
  text-align: center;
  padding: 20px;
  color: #ffffff;
  background: #000000;
  opacity: 0.9;
  filter: alpha(opacity=90);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.onboarding .onboarding-link {
  color: #ffc40d;
  text-decoration: none;
  font-weight: bold;
}
.onboarding .onboarding-link:hover {
  text-decoration: underline;
}
.onboarding .button {
  margin: -5px 10px;
}
.align--center {
  text-align: center;
}
.align--right {
  text-align: right;
}
.align--left {
  text-align: left;
}
/* Loading */
.loading {
  color: #7b828b;
  margin: 50px 0 0 0;
  padding: 80px 0 0 0;
  text-align: center;
  font-size: 15px;
  background-image: url("/images/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.loading--infinite-scroll {
  padding: 63px 0 0;
  margin-top: -6px !important;
}
.loading--no-margin {
  margin: 20px 0 0 0 !important;
  padding: 70px 0 0 0 !important;
}
.loading--small {
  background-image: url("/images/loading-small-trans.gif");
  width: 16px;
  height: 16px;
  display: inline-block;
}
.loading--integrations-inline {
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
}
.loading--reader {
  color: #7b828b;
  padding: 60px 0 0 0;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  font-family: "Lato", Verdana, Arial, sans-serif;
  background-image: url("/images/reader/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
  position: relative;
  top: 50%;
}
/* Errors and Error Pages */
.error {
  color: #7b828b;
  margin: 50px 0 0 0;
  padding: 0;
  text-align: center;
  font-size: 15px;
}
/* Empty, No Results Page */
.empty-page {
  text-align: center;
  margin: 60px 0 60px 0;
  text-transform: capitalize;
}
.empty-page .pb-icon {
  margin: 0 auto 20px auto;
}
.empty-page p {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #909090;
}
.empty-page p.empty-page-title {
  color: #909090;
  font-size: 22px;
  line-height: 30px;
}
.empty-page p.empty-page-reload {
  color: #65b2e6;
  font-size: 13px;
  margin: 5px 0 0 0;
  cursor: pointer;
}
/* Icons */
.fa-twitter {
  color: #55acee;
}
.fa-linkedin {
  color: #007bb6;
}
.fa-facebook,
.fa-facebook-square {
  color: #3b5998;
}
.fa-rss,
.fa-rss-square {
  color: #c87423;
}
.fa-youtube,
.fa-youtube-square {
  color: #e52d27;
}
.checkbox-label-disabled,
.icon--disabled {
  color: #ccd6e2;
}
/* Tablet portrait */
.inbox-loading {
  margin-top: 130px;
}
.branded-button {
  display: inline-block;
  background: #404040;
  padding: 15px 20px;
  cursor: pointer;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.branded-button .text {
  display: inline-block;
  color: #eff3f6;
}
.branded-button .icon {
  display: inline-block;
  color: #ffffff;
  padding-left: 10px;
}
.selectable {
  cursor: pointer;
}
.centered {
  margin: 0 auto;
}
.checkbox-label__subtext-container {
  display: inline-block;
  vertical-align: top;
}
.checkbox-label__subtext {
  margin-left: 10px;
  font-size: 12px;
  color: #ccd6e2;
}
.checkbox-label__subtext--error {
  color: #d31e19;
}
.checkbox-label__subtext--warning {
  color: #f4bf5e;
}
/* Input fields */
input.text-input[readonly],
input.text-input[readonly="readonly"] {
  background-color: #eff3f6;
  cursor: not-allowed;
}
input.text-input[readonly]:focus,
input.text-input[readonly="readonly"]:focus {
  background-color: #eff3f6;
  cursor: not-allowed;
}
.title-bar-label {
  display: inline-block;
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 12px;
  color: #909090;
  vertical-align: middle;
}
@media (min-width: 641px) {
  .title-bar-label {
    display: none;
  }
}
@media (min-width: 961px) {
  .title-bar-label {
    display: inline-block;
  }
}
#group-filter {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  width: 400px;
  border: 1px solid #ccd6e2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
}
#group-filter .groups-pane {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  border: none;
  border-bottom: 1px solid #ccd6e2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#group-filter .groups-pane .selectable-groups-tree {
  padding: 10px 20px;
}
#group-filter .group-filter-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid #eff3f6;
  padding: 15px 20px;
}
#group-filter .group-filter-footer span {
  margin-left: 5px;
}
#group-filter .group-filter-footer a:first-child {
  margin-right: 5px;
}
#group-filter .group-filter-footer label:hover,
#group-filter .group-filter-footer input:hover {
  cursor: pointer;
}
#topics-filter {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  width: 400px;
  border: 1px solid #ccd6e2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
}
#topics-filter .topics-pane {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  border: none;
  border-bottom: 1px solid #ccd6e2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#topics-filter .topics-pane label:hover,
#topics-filter .topics-pane input:hover {
  cursor: pointer;
}
#topics-filter .topics-filter-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid #eff3f6;
  padding: 15px 20px;
}
#topics-filter .topics-filter-footer span {
  margin-left: 5px;
}
#topics-filter .topics-filter-footer a:first-child {
  margin-right: 5px;
}
#post-type-filter {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  width: 250px;
  border: 1px solid #ccd6e2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
}
#post-type-filter .topics-pane {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: none;
  border-bottom: 1px solid #ccd6e2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#post-type-filter .topics-pane label:hover,
#post-type-filter .topics-pane input:hover {
  cursor: pointer;
}
#post-type-filter .topics-filter-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid #eff3f6;
  padding: 15px 20px;
}
#post-type-filter .topics-filter-footer span {
  margin-left: 5px;
}
#post-type-filter .topics-filter-footer a:first-child {
  margin-right: 5px;
}
#campaigns-filter {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  width: 400px;
  border: 1px solid #ccd6e2;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ffffff;
}
#campaigns-filter .topics-pane {
  padding: 10px;
  max-height: 350px;
  overflow: auto;
  border-top: 1px solid #ccd6e2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#campaigns-filter .topics-pane label:hover,
#campaigns-filter .topics-pane input:hover {
  cursor: pointer;
}
#campaigns-filter .topics-filter-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid #eff3f6;
  padding: 15px 20px;
  background-color: #ffffff;
  border-top: 1px solid #ccd6e2;
}
#campaigns-filter .topics-filter-footer span {
  margin-left: 5px;
}
#campaigns-filter .topics-filter-footer a:first-child {
  margin-right: 5px;
}
.pagination {
  float: right;
  font-weight: bold;
}
.selectable-topics-tree__item-checkbox {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  display: block;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 5px;
}
#warning-modal p {
  margin-bottom: 15px;
}
.border-none {
  border: 1px solid transparent !important;
}
.loading-spinner-adjust {
  margin-top: 130px;
}
.loading-spinner-adjust2 {
  margin: 65px 0px 0px 60px;
}
.loading-spinner-adjust3 {
  margin: 130px 0px 0px 0px;
}
.loading-spinner-mentions {
  margin: 0px 0px 0px 0px;
}
.full_width {
  width: 100% !important;
}
.centered {
  text-align: center !important;
}
.invite-body {
  height: 200px !important;
}
.remind-invite-body {
  height: 250px !important;
}
.form-image {
  display: inline-block;
  position: relative;
}
.form-image i {
  cursor: pointer;
  font-size: 20px;
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
.form-image:hover i {
  display: block;
}
.form-image .company-logo {
  width: 200px;
  max-width: 200px;
}
.form-help {
  margin: 10px 0;
}
.form-help h1 {
  font-size: 20px;
  margin-bottom: 15px;
}
.form-help p {
  color: #8c8c8c;
  font-size: 13px;
}
.control-group {
  margin-bottom: 20px;
  position: relative;
}
.control-group .select {
  width: 100%;
}
.empty-control-group {
  height: 49px;
}
.control-group .field-label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.control-group-dollar-value .dollar-value-field-label {
  margin-bottom: 5px;
  font-weight: bold;
  display: inline-block;
  max-width: 200px;
}
.control-group input {
  width: 100%;
}
.control-group textarea {
  width: 100%;
  padding-top: 5px;
}
.control-group-company-name {
  width: 300px;
}
.control-group-company-avg-impressions {
  width: 100px !important;
}
.control-group-dollar-value {
  margin-bottom: 10px;
  position: relative;
  padding: 0 7px;
  height: 29px;
}
.control-group-dollar-value input,
.control-group-dollar-value textarea {
  width: 50px;
}
.control-group-dollar-value div {
  float: right;
}
.control-group-hashtag {
  position: relative;
  height: unset;
}
.control-group-hashtag .select2-selection__choice {
  font-size: 12px;
  display: inline-flex;
}
.control-group-hashtag .select2-search {
  font-size: 12px;
  padding-top: 3px;
}
.control-group-hashtag .select2-selection__rendered {
  display: flex!;
  align-items: center;
}
.control-group-hashtag .select2-selection--multiple {
  border-radius: 4px!important;
  border-color: #ccd6e2 !important;
}
.control-group-hashtag .hashtag-warnings {
  margin-top: -20px;
}
.control-group-hashtag input {
  width: 200px;
  margin-top: -3px;
}
.control-group-hashtag span {
  font-size: large;
  margin-right: 5px;
}
.control-group-hashtag input[type=checkbox] {
  width: 20px;
}
.control-group-hashtag p {
  margin-bottom: 5px;
  position: inherit;
}
.control-group-hashtag label {
  font-style: bold;
  margin-bottom: 3px;
  padding-bottom: 5px;
}
.control-group-hashtag-default {
  margin-top: 5px;
  margin-left: 0px;
}
.control-group-hashtag-default label {
  margin-top: -4px;
  margin-left: 5px;
}
.control-group-hashtag-default input[type=checkbox] {
  width: 20px;
  margin-top: -2px;
}
.control-group-hashtag-company-settings {
  white-space: nowrap;
}
.control-group-hashtag-disabled {
  color: #ccd6e2;
  cursor: default;
}
.control-group textarea {
  min-height: 100px;
}
.control-group .network-option {
  margin: 2px 5px 0 0;
}
.control-group .network-option:not(:first-child) {
  margin-left: 8px;
}
.modal-option {
  margin-top: 10px;
  position: absolute;
}
.control-group input[type="checkbox"],
.control-group .option + label {
  cursor: pointer;
}
.control-group .group-option {
  margin: 2px 5px 0 0;
}
.control-group .group-option:not(:first-child) {
  margin-left: 2px;
}
.control-group .groups {
  margin: 15px 0 0 0;
}
.control-group .groups li {
  display: inline-block;
}
.control-group .groups li:not(:last-child) {
  margin: 0 10px 15px 0;
}
.control-group-hashtag-post {
  display: flex;
}
.control-group-hashtag-post span {
  font-size: x-large;
  margin-right: 5px;
  margin-top: 2.5px;
}
.controls {
  text-align: right;
}
.form-error,
.form-warning,
.form-warning-2,
.form-warning-3 {
  color: #db3e3b;
  right: 0;
  position: absolute;
}
.form-warning {
  color: #ff7a00 !important;
}
.form-warning-2 {
  color: #ff7a00 !important;
  top: -3px;
}
.form-warning-3 {
  color: #db3e3b !important;
  font-size: 11.5px;
  max-width: 320px;
}
.form-error-inline {
  font-weight: normal;
  color: #db3e3b;
  position: relative;
}
.form-error-inline-2 {
  padding-top: 10px;
  font-weight: bolder;
  color: #db3e3b;
  position: relative;
}
.form-error-left {
  left: 0 !important;
}
.control-group .chosen-container {
  font-family: "Lato", Verdana, Arial, sans-serif !important;
  font-size: 12px;
}
.control-group .chosen-choices,
.control-group .chosen-container {
  border-radius: 3px;
  width: 100% !important;
}
.control-group .chosen-container-active .chosen-choices {
  -webkit-box-shadow: inset 0 0 2px #51b5fb, 0 0 3px #51b5fb;
  box-shadow: inset 0 0 2px #51b5fb, 0 0 3px #51b5fb;
}
.control-group .chosen-container-multi .chosen-choices .search-field input {
  margin: 5px 0 0 2px !important;
  color: #b3b3b3 !important;
  font-size: 12px !important;
  font-family: "Lato", Verdana, Arial, sans-serif !important;
}
.fileinput-file {
  position: relative;
  overflow: hidden;
  cursor: pointer !important;
}
.fileinput-file input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  direction: ltr;
  cursor: pointer !important;
}
.branded-form {
  text-align: left;
}
.branded-form .form-controls .field {
  margin-top: 20px;
}
.branded-form .form-content,
.branded-form .form-controls {
  padding: 20px 0;
}
.branded-form .form-controls-border {
  border-bottom: 1px solid #ccd6e2;
}
.branded-form .form-controls .left {
  text-align: center;
}
@media (min-width: 641px) {
  .branded-form .form-controls .left {
    text-align: left;
  }
}
.branded-form .form-controls .right {
  text-align: center;
}
@media (min-width: 641px) {
  .branded-form .form-controls .right {
    text-align: right;
  }
}
.branded-form .field-thin {
  margin: 0 !important;
}
.branded-form .field {
  position: relative;
  margin: 0 0 20px 0;
  font-family: "Lato", Verdana, Arial, sans-serif;
  -webkit-border-radius: inset -1px 0 1px 0 rgba(190,190,190,0.1);
  -moz-border-radius: inset -1px 0 1px 0 rgba(190,190,190,0.1);
  border-radius: inset -1px 0 1px 0 rgba(190,190,190,0.1);
}
.branded-form .field a {
  margin: 10px 0 0 0;
  text-decoration: underline;
  font-size: 14px;
  color: #ccd6e2;
}
.branded-form .field label {
  font-size: 14px;
  color: #7b828b;
}
@media (min-width: 641px) {
  .branded-form .field label {
    font-size: 16px;
  }
}
.branded-form .field .label-text {
  display: block;
  margin: 0 0 10px 0;
}
.branded-form .field .label-checkbox {
  font-size: 14px;
}
.branded-form .field label.error {
  display: block;
  margin: 10px 0;
  color: #c76b6b;
}
.branded-form .field i {
  display: static;
  position: absolute;
  color: #53541c;
  background: #ccd6e2;
  border-right: 1px solid #ccd6e2;
  text-align: center;
  width: 30px;
  height: 30px;
  padding: 7px 0 0 0;
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media (min-width: 641px) {
  .branded-form .field i {
    font-size: 16px;
    height: 50px;
    width: 65px;
    padding: 20px 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
.branded-form .field .input-text {
  width: 100%;
  outline: none;
  border: 1px solid #ccd6e2;
  color: #3f3f44;
  height: 30px;
  padding-left: 37px;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
@media (min-width: 641px) {
  .branded-form .field .input-text {
    height: 50px;
    padding-left: 75px;
    font-size: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
.branded-form .field .disabled {
  background-color: #eff3f6;
  color: #909090;
}
.password-violation {
  background-color: #ff3936;
  position: absolute;
  text-align: center;
  border-radius: 4px;
  max-width: 300px;
  opacity: 0.9;
  padding: 3px;
  z-index: 1000;
  color: #ffffff;
}
.password-validation {
  display: flex;
  flex-flow: column wrap;
  column-gap: 10px;
  color: #7b828b;
}
.password-validation i {
  font-size: 12px;
  margin-right: 5px;
}
.password-validation i.fa-check {
  color: #67caaa;
}
.password-validation i.fa-times {
  color: #ccd6e2;
}
.languageSelector.ng-pristine.ng-valid {
  display: inline-block;
  vertical-align: top;
  padding: 0 7px;
  height: 29px;
  width: 100%;
  color: #6c7683;
  background: #ffffff;
  border: 1px solid #ccd6e2;
  border-top-color: #b3b3b3;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px rgba(255, 255, 255, 0.4);
}
.label-with-info-tooltip {
  display: flex;
  align-items: center;
}
.label-with-info-tooltip i {
  margin-left: 5px;
  margin-bottom: 5px;
}
.locked-tag .select2-selection__choice__remove {
  display: none!important;
}
.reveal-modal-bg {
  background: #000000;
  background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.625) 100%);
  background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.625) 100%);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900;
}
.reveal-modal {
  background: #eff3f6;
  left: 10%;
  padding: 30px 20px 20px 20px;
  position: absolute;
  right: 10%;
  top: 30px;
  visibility: hidden;
  max-height: 575px;
  overflow-y: auto;
  z-index: 1000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  box-shadow: 0 0 10px rgba(0,0,0,.4);
}
@media (min-width: 641px) {
  .reveal-modal {
    left: 30%;
    right: 30%;
    top: 100px;
  }
}
.reveal-modal h1 {
  font-size: 20px;
  margin: 0 0 15px 0;
}
.reveal-modal .reveal-modal-header {
  width: 67%;
  position: fixed;
}
.reveal-modal .close-reveal-modal {
  color: #929fb2;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  line-height: 0.5;
  position: absolute;
  right: 15px;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  top: 15px;
}
.reveal-modal--onboarding {
  padding: 0;
  left: 5%;
  right: 5%;
  top: 5%;
  bottom: 10%;
}
@media (min-width: 641px) {
  .reveal-modal--onboarding {
    left: 10%;
    right: 10%;
    top: 8%;
    bottom: 8%;
  }
}
@media (min-width: 961px) {
  .reveal-modal--onboarding {
    left: 15%;
    right: 15%;
  }
}
@media (min-width: 641px) {
  .reveal-modal-large {
    left: 15%;
    right: 15%;
    top: 100px;
    bottom: 100px;
  }
}
.reveal-modal-small {
  top: 30px !important;
}
@media (min-width: 641px) {
  .reveal-modal-small {
    top: 100px !important;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    bottom: auto !important;
  }
}
.reveal-modal-deferred {
  top: 30px !important;
  left: 50%;
  width: 258px;
  margin-left: -125px;
}
@media (min-width: 641px) {
  .reveal-modal-deferred {
    top: 100px !important;
    left: 50%;
    width: 258px;
    margin-left: -125px;
    bottom: auto !important;
  }
}
.reveal-modal-deferred .tags-span {
  padding: 0 7px 0 6px !important;
  max-width: 40px !important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
}
.reveal-modal-email-preview {
  top: 50px !important;
  bottom: 50px !important;
  left: 50% !important;
  width: 400px;
  margin-left: -200px;
}
@media (min-width: 641px) {
  .reveal-modal-email-preview {
    width: 700px;
    margin-left: -350px;
  }
}
.reveal-modal-email-preview iframe {
  width: 100%;
  height: 100%;
}
.reveal-modal-group-topic-subscription {
  overflow-y: inherit;
}
.reveal-modal--image-lightbox {
  overflow: visible;
  max-height: 600px;
  padding: 0;
}
.reveal-modal-tall {
  max-height: 620px !important;
  top: 70px;
}
.reveal-modal-preview-video {
  background: none;
  box-shadow: none;
  border-radius: 0px;
  height: 50%;
  display: inline-flex;
  width: 50%;
  justify-content: center;
}
.datepicker {
  margin: 5px 0 0 0;
  padding: 0;
  position: absolute;
  width: 216px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  direction: ltr;
  border-radius: 0;
}
.datepicker-inline {
  width: 216px;
  position: relative;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker table {
  margin: 0;
  width: 216px;
  background: #3f3f44;
}
.datepicker table .prev,
.datepicker table .datepicker-switch,
.datepicker table .next {
  line-height: 32px;
  color: #eff3f6;
  text-align: center;
  background: #3f3f44;
}
.datepicker table .prev:hover,
.datepicker table .datepicker-switch:hover,
.datepicker table .next:hover {
  background: #3f3f44;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: none;
  border-radius: 0;
}
.datepicker table tr td.day {
  height: 30px;
  font-size: 11px;
  font-weight: bold;
  border-top: 1px solid #929fb2;
  border-left: 1px solid #929fb2;
  color: #404040;
  background: #eff3f6;
  vertical-align: middle;
}
.datepicker table tr td.day:hover {
  background: #f5f7f8;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  background: #f5f7f8;
  color: #929fb2;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: #ffffff;
  color: #929fb2;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  border: 0;
  background-color: #f8b406;
  background-image: -moz-linear-gradient(top, #f89406, #f8e506);
  background-image: -ms-linear-gradient(top, #f89406, #f8e506);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#f8e506));
  background-image: -webkit-linear-gradient(top, #f89406, #f8e506);
  background-image: -o-linear-gradient(top, #f89406, #f8e506);
  background-image: linear-gradient(top, #f89406, #f8e506);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89406', endColorstr='#f8e506', GradientType=0);
  border-color: #f8e506 #f8e506 #ada004;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #ffffff;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #f8e506;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #c6b705 \9;
}
.datepicker table tr td.today.active:hover {
  color: #ffffff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #f5f7f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f8b406;
  background-image: -moz-linear-gradient(top, #f89406, #f8e506);
  background-image: -ms-linear-gradient(top, #f89406, #f8e506);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#f8e506));
  background-image: -webkit-linear-gradient(top, #f89406, #f8e506);
  background-image: -o-linear-gradient(top, #f89406, #f8e506);
  background-image: linear-gradient(top, #f89406, #f8e506);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89406', endColorstr='#f8e506', GradientType=0);
  border-color: #f8e506 #f8e506 #ada004;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f8e506;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #c6b705 \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #ecf0f4;
  background-image: -moz-linear-gradient(top, #ffffff, #cedbe4);
  background-image: -ms-linear-gradient(top, #ffffff, #cedbe4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cedbe4));
  background-image: -webkit-linear-gradient(top, #ffffff, #cedbe4);
  background-image: -o-linear-gradient(top, #ffffff, #cedbe4);
  background-image: linear-gradient(top, #ffffff, #cedbe4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cedbe4', GradientType=0);
  border-color: #cedbe4 #cedbe4 #9db6c8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #cedbe4;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #aec2d1 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #4a90e2 !important;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 0;
}
.datepicker table tr td span {
  display: block;
  width: 33.33%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 0;
  border-radius: 0;
  background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
  -webkit-box-shadow: inset 1px 1px #ccd6e2;
  box-shadow: inset 1px 1px #ccd6e2;
  vertical-align: middle;
  color: #6c7683;
}
.datepicker table tr td span.focused {
  background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
}
.datepicker table tr td span:hover {
  background: #f5f7f8;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: #ffffff;
  color: #eff3f6;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #4a90e2 !important;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #eff3f6;
}
.datepicker .dow {
  line-height: 20px;
  font-size: 8px;
  color: #6c7683;
  text-transform: uppercase;
  background: #f5f7f8;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
/* Date Range Picker */
.date-picker-dropdown {
  width: 453px;
}
.date-picker-dropdown .dropdown-table .table-header {
  vertical-align: top;
  display: inline-block;
  line-height: 20px;
}
.date-picker-dropdown .dropdown-table .table-header--left {
  margin-left: 5px;
}
.date-picker-dropdown .dropdown-table .table-header--right {
  max-width: 135px;
}
.date-picker-with-time-wrapper {
  padding: 15px !important;
  width: 279px!important;
}
.date-picker-with-time-wrapper .datepicker-wrapper {
  padding: 15px;
}
.date-picker-with-time-wrapper .timezone-wrapper {
  margin-left: 70px;
  display: flex;
  margin-top: 5px;
  margin-bottom: -15px;
}
.date-picker-with-time-wrapper .timezone-wrapper i {
  margin-left: 5px;
  padding-top: 5px;
}
.date-picker-with-time-wrapper select {
  margin-right: 3px;
  width: 42px;
  height: 27px;
  background: #ffffff;
  border: 1px solid #ccd6e2;
  border-radius: 3px;
}
.date-picker-with-time-wrapper button {
  margin-left: 170px;
}
.alert {
  margin: 10px 0 10px 0;
  position: relative;
  line-height: 17px;
  padding: 10px;
  color: #6c7683;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  background: #fcf0b0;
  border: 1px solid #d7cd89;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #fef5bd, #faeca4);
  background-image: -moz-linear-gradient(top, #fef5bd, #faeca4);
  background-image: -o-linear-gradient(top, #fef5bd, #faeca4);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .4), inset 0 0 0 1px rgba(255, 255, 255, .3), 0 1px 1px rgba(255, 255, 255, .04);
  box-shadow: inset 0 1px rgba(255, 255, 255, .4), inset 0 0 0 1px rgba(255, 255, 255, .3), 0 1px 1px rgba(255, 255, 255, .04);
}
.alert.notice {
  color: #526e4f;
  background: #bff1bc;
  border-color: #387038;
  background-image: -webkit-linear-gradient(top, #cef4d0, #b2eeaa);
  background-image: -moz-linear-gradient(top, #cef4d0, #b2eeaa);
  background-image: -o-linear-gradient(top, #cef4d0, #b2eeaa);
}
.alert-close {
  cursor: pointer;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 10%;
  right: 0;
  margin-top: -9px;
  padding: inherit;
  font: bold 18px / 18px "Lato", Verdana, Arial, sans-serif;
  color: inherit;
  opacity: 0.75;
}
.alert-close:hover {
  color: inherit;
  text-decoration: none;
  opacity: 1;
}
.button-dropdown {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 30px;
  font-size: 0;
  white-space: nowrap;
}
.button-dropdown > .button {
  position: relative;
  z-index: 1;
  height: inherit;
  line-height: 28px;
  padding: 0 12px;
  border-radius: 3px 0 0 3px;
}
.button-dropdown > .toggle {
  width: 29px;
  font: 0/0 serif;
  color: transparent;
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-dropdown > .toggle:before,
.button-dropdown > .toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -floor(2.5px) 0 0 -5px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #7b828b;
}
.button-dropdown > .toggle:before {
  margin-top: 3px;
  border-top-color: rgba(0, 0, 0, 0.5);
}
.button-dropdown:hover > .dropdown-element,
.button-dropdown.open > .dropdown-element {
  display: block;
}
.button-dropdown:hover > .button,
.button-dropdown.open > .button {
  border-bottom-left-radius: 0;
}
.button-dropdown:hover > .toggle,
.button-dropdown.open > .toggle {
  border-bottom-right-radius: 0;
}
.dropdown-element {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -1px;
  font-size: 12px;
  background: #f5f7f8;
  border: 1px solid #ccd6e2;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
}
.dropdown-element:hover {
  display: block;
}
.dropdown-element > li > a {
  display: block;
  line-height: 28px;
  padding: 0 12px;
  color: #3f3f44;
  text-decoration: none;
  text-shadow: 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px #fafafa;
  box-shadow: inset 0 0 0 1px #fafafa;
}
.dropdown-element > li > a:hover,
.dropdown-element > li > a:focus {
  position: relative;
  z-index: 2;
  color: #ffffff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  background: #268bd2;
  outline: none;
  background-image: -webkit-linear-gradient(top, #5ea8fc, #2e86e7);
  background-image: -moz-linear-gradient(top, #5ea8fc, #2e86e7);
  background-image: -o-linear-gradient(top, #5ea8fc, #2e86e7);
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .2), 0 1px #1e6abe, 0 0 0 1px #277edd;
  box-shadow: inset 0 1px rgba(0, 0, 0, .2), 0 1px #1e6abe, 0 0 0 1px #277edd;
}
.dropdown-element > li + li {
  border-top: 1px solid #ccd6e2;
}
.dropdown-element > li:last-child > a {
  border-radius: 0 0 2px 2px;
}
.button-group {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  font-size: 0;
  white-space: nowrap;
}
.button-group > .button {
  margin-left: -1px;
  height: inherit;
  line-height: 28px;
  padding: 0 15px;
  border-radius: 0;
}
.button-group > .button:first-child {
  margin-left: 0;
  border-radius: 3px 0 0 3px;
}
.button-group > .button:last-child {
  border-radius: 0 3px 3px 0;
}
.button-group > .button:focus {
  position: relative;
  z-index: 1;
}
.directional-button,
.button-left,
.button-right {
  position: relative;
}
.directional-button:before,
.button-left:before,
.button-right:before {
  content: '';
  position: absolute;
  top: 2px;
  z-index: -1;
  width: 22px;
  height: 22px;
  background-color: inherit;
  border: 1px solid;
  border-color: inherit;
}
.directional-button.button:active,
.directional-button.button-dropdown:hover > .toggle,
.directional-button.button-dropdown.open > .toggle,
.button-left.button:active,
.button-right.button:active {
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .05), 0 1px rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px rgba(0, 0, 0, .05), 0 1px rgba(255, 255, 255, .1);
}
.directional-button.button:active:before,
.directional-button.button-dropdown:hover > .toggle:before,
.directional-button.button-dropdown.open > .toggle:before,
.button-left.button:active:before,
.button-right.button:active:before {
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .05), -1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px rgba(0, 0, 0, .05), -1px 0 rgba(255, 255, 255, .1);
}
.button-left {
  padding: 0 12px 0 7px;
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
}
.button-left:before {
  left: -11px;
  border-radius: 2px 5px 0 5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.button-right {
  padding: 0 7px 0 12px;
  border-right-width: 0;
  border-radius: 3px 0 0 3px;
}
.button-right:before {
  right: -11px;
  border-radius: 5px 2px 5px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.button.button-left {
  -webkit-box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, .3), inset -1px 0 rgba(255, 255, 255, .3), 0 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, .3), inset -1px 0 rgba(255, 255, 255, .3), 0 1px rgba(0, 0, 0, .05);
}
.button.button-left:before {
  background-image: -webkit-linear-gradient(top right, #fcfcfc, #e8e8e8);
  background-image: -moz-linear-gradient(top right, #fcfcfc, #e8e8e8);
  background-image: -o-linear-gradient(top right, #fcfcfc, #e8e8e8);
  -webkit-box-shadow: inset 0 1px #fff, inset 1px 0 rgba(255, 255, 255, .3), -1px 0 rgba(0, 0, 0, .03);
  box-shadow: inset 0 1px #fff, inset 1px 0 rgba(255, 255, 255, .3), -1px 0 rgba(0, 0, 0, .03);
}
.button.button-left:active:before {
  background-image: -webkit-linear-gradient(top right, #e8e8e8, #fafafa);
  background-image: -moz-linear-gradient(top right, #e8e8e8, #fafafa);
  background-image: -o-linear-gradient(top right, #e8e8e8, #fafafa);
}
.button.button-right {
  -webkit-box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, .3), inset 1px 0 rgba(255, 255, 255, .3), 0 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, .3), inset 1px 0 rgba(255, 255, 255, .3), 0 1px rgba(0, 0, 0, .05);
}
.button.button-right:before {
  background-image: -webkit-linear-gradient(top left, #fcfcfc, #e8e8e8);
  background-image: -moz-linear-gradient(top left, #fcfcfc, #e8e8e8);
  background-image: -o-linear-gradient(top left, #fcfcfc, #e8e8e8);
  -webkit-box-shadow: inset 0 1px #fff, inset -1px 0 rgba(255, 255, 255, .3), 1px 0 rgba(0, 0, 0, .03);
  box-shadow: inset 0 1px #fff, inset -1px 0 rgba(255, 255, 255, .3), 1px 0 rgba(0, 0, 0, .03);
}
.button.button-right:active:before {
  background-image: -webkit-linear-gradient(top left, #e8e8e8, #fafafa);
  background-image: -moz-linear-gradient(top left, #e8e8e8, #fafafa);
  background-image: -o-linear-gradient(top left, #e8e8e8, #fafafa);
}
.colored-directional-button.button-left,
.button-blue.button-left,
.button-green.button-left,
.button-red.button-left {
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 -1px rgba(255, 255, 255, .1), inset -1px 0 rgba(255, 255, 255, .1), 0 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 -1px rgba(255, 255, 255, .1), inset -1px 0 rgba(255, 255, 255, .1), 0 1px rgba(0, 0, 0, .05);
}
.colored-directional-button.button-left:before,
.button-blue.button-left:before,
.button-green.button-left:before,
.button-red.button-left:before {
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 1px 0 rgba(255, 255, 255, .1), -1px 0 rgba(0, 0, 0, .03);
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 1px 0 rgba(255, 255, 255, .1), -1px 0 rgba(0, 0, 0, .03);
}
.colored-directional-button.button-right,
.button-blue.button-right,
.button-green.button-right,
.button-red.button-right {
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 -1px rgba(255, 255, 255, .1), inset 1px 0 rgba(255, 255, 255, .1), 0 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 -1px rgba(255, 255, 255, .1), inset 1px 0 rgba(255, 255, 255, .1), 0 1px rgba(0, 0, 0, .05);
}
.colored-directional-button.button-right:before,
.button-blue.button-right:before,
.button-green.button-right:before,
.button-red.button-right:before {
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset -1px 0 rgba(255, 255, 255, .1), 1px 0 rgba(0, 0, 0, .03);
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset -1px 0 rgba(255, 255, 255, .1), 1px 0 rgba(0, 0, 0, .03);
}
.button-blue.button-left:before {
  background-image: -webkit-linear-gradient(top right, #33a0e8, #1b7aca);
  background-image: -moz-linear-gradient(top right, #33a0e8, #1b7aca);
  background-image: -o-linear-gradient(top right, #33a0e8, #1b7aca);
}
.button-blue.button-left:active:before {
  background-image: -webkit-linear-gradient(top right, #2180ce, #33a0e8);
  background-image: -moz-linear-gradient(top right, #2180ce, #33a0e8);
  background-image: -o-linear-gradient(top right, #2180ce, #33a0e8);
}
.button-blue.button-right:before {
  background-image: -webkit-linear-gradient(top left, #33a0e8, #1b7aca);
  background-image: -moz-linear-gradient(top left, #33a0e8, #1b7aca);
  background-image: -o-linear-gradient(top left, #33a0e8, #1b7aca);
}
.button-blue.button-right:active:before {
  background-image: -webkit-linear-gradient(top left, #2180ce, #33a0e8);
  background-image: -moz-linear-gradient(top left, #2180ce, #33a0e8);
  background-image: -o-linear-gradient(top left, #2180ce, #33a0e8);
}
.button-green.button-left:before {
  background-image: -webkit-linear-gradient(top right, #a0d44d, #72ba35);
  background-image: -moz-linear-gradient(top right, #a0d44d, #72ba35);
  background-image: -o-linear-gradient(top right, #a0d44d, #72ba35);
}
.button-green.button-left:active:before {
  background-image: -webkit-linear-gradient(top right, #75bd35, #a0d44d);
  background-image: -moz-linear-gradient(top right, #75bd35, #a0d44d);
  background-image: -o-linear-gradient(top right, #75bd35, #a0d44d);
}
.button-green.button-right:before {
  background-image: -webkit-linear-gradient(top left, #a0d44d, #72ba35);
  background-image: -moz-linear-gradient(top left, #a0d44d, #72ba35);
  background-image: -o-linear-gradient(top left, #a0d44d, #72ba35);
}
.button-green.button-right:active:before {
  background-image: -webkit-linear-gradient(top left, #75bd35, #a0d44d);
  background-image: -moz-linear-gradient(top left, #75bd35, #a0d44d);
  background-image: -o-linear-gradient(top left, #75bd35, #a0d44d);
}
.button-red.button-left:before {
  background-image: -webkit-linear-gradient(top right, #fc4138, #ce3026);
  background-image: -moz-linear-gradient(top right, #fc4138, #ce3026);
  background-image: -o-linear-gradient(top right, #fc4138, #ce3026);
}
.button-red.button-left:active:before {
  background-image: -webkit-linear-gradient(top right, #cf3025, #fc4138);
  background-image: -moz-linear-gradient(top right, #cf3025, #fc4138);
  background-image: -o-linear-gradient(top right, #cf3025, #fc4138);
}
.button-red.button-right:before {
  background-image: -webkit-linear-gradient(top left, #fc4138, #ce3026);
  background-image: -moz-linear-gradient(top left, #fc4138, #ce3026);
  background-image: -o-linear-gradient(top left, #fc4138, #ce3026);
}
.button-red.button-right:active:before {
  background-image: -webkit-linear-gradient(top left, #cf3025, #fc4138);
  background-image: -moz-linear-gradient(top left, #cf3025, #fc4138);
  background-image: -o-linear-gradient(top left, #cf3025, #fc4138);
}
.lt-ie9 .button-left,
.lt-ie9 .button-right {
  padding: 0 12px;
  border-width: 1px;
}
.lt-ie9 .button-left:before,
.lt-ie9 .button-right:after {
  display: inline;
  position: static;
  background: none;
  border: 0;
}
.lt-ie9 .button-left:before {
  content: '\2190';
  margin-right: 8px;
}
.lt-ie9 .button-right:before {
  content: none;
}
.lt-ie9 .button-right:after {
  content: '\2192';
  margin-left: 8px;
}
.heading {
  overflow: hidden;
  line-height: 33px;
  padding: 0 11px;
  color: #495564;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  background: #eff3f6;
  border: 1px solid;
  border-color: #ccd6e2;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #f4f6fc, #e2e6f8);
  background-image: -moz-linear-gradient(top, #f4f6fc, #e2e6f8);
  background-image: -o-linear-gradient(top, #f4f6fc, #e2e6f8);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .5), inset 0 0 0 1px rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px rgba(255, 255, 255, .5), inset 0 0 0 1px rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .05);
}
.heading > h2 {
  float: left;
  font-size: 13px;
  font-weight: bold;
}
.heading-links {
  float: right;
  line-height: 18px;
  margin: 8px -floor(11.55px) 0 11px;
}
.heading-links > li {
  float: left;
}
.heading-links > li > a {
  display: block;
  padding: 0 11px;
}
.heading-links > li + li {
  border-left: 1px solid #ccd6e2;
  border-left-color: rgba(183, 192, 223, 0.6);
  -webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, .2), -1px 0 rgba(255, 255, 255, .2);
  box-shadow: inset 1px 0 rgba(255, 255, 255, .2), -1px 0 rgba(255, 255, 255, .2);
}
.option {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 16px;
  height: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 2px 5px 0 0;
}
.option > input {
  position: absolute;
  left: 0;
  width: inherit;
  height: inherit;
  opacity: 0;
}
.option-box,
.checkbox,
.radio {
  display: block;
  height: 100%;
  background: #f4f6f8;
  border: 1px solid #ccd6e2;
  border-top-color: #b3b3b3;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 1px rgba(255, 255, 255, .4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 1px rgba(255, 255, 255, .4);
}
.option-box:before,
.checkbox:before,
.radio:before {
  content: "";
  display: none;
}
input:focus + .option-box,
input.focus + .option-box,
input:focus + .checkbox,
input.focus + .checkbox,
input:focus + .radio,
input.focus + .radio {
  border-color: #51b5fb;
  -webkit-box-shadow: inset 0 0 2px rgba(81, 181, 251, .8), 0 0 3px rgba(81, 181, 251, .8);
  box-shadow: inset 0 0 2px rgba(81, 181, 251, .8), 0 0 3px rgba(81, 181, 251, .8);
}
input:checked + .option-box,
input:checked + .checkbox,
input:checked + .radio {
  background: #ffffff;
}
input:checked + .option-box:before,
input:checked + .checkbox:before,
input:checked + .radio:before {
  display: block;
}
.checkbox:before {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 7px;
  height: 3px;
  border: solid #929fb2;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.radio {
  border-radius: 8px;
}
.radio:before {
  margin: 4px;
  width: 6px;
  height: 6px;
  background: #929fb2;
  border-radius: 3px;
}
.lt-ie9 .option > input {
  position: static;
  padding: 0;
}
.lt-ie9 .checkbox,
.lt-ie9 .radio {
  display: none;
}
.option-middle {
  vertical-align: middle !important;
}
.option-checkbox {
  margin-right: 10px;
}
.progress {
  position: relative;
  height: 13px;
  background: #ffffff;
  border: 1px solid #ccd6e2;
  border-top-color: #b3b3b3;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 1px rgba(255, 255, 255, .4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 1px rgba(255, 255, 255, .4);
}
.progress > span {
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  min-width: 13px;
  background: #f4f6f8;
  border: 1px solid #ccd6e2;
  border-bottom-color: #ccd6e2;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(top, #fcfcfc, #e6e6e6);
  background-image: -moz-linear-gradient(top, #fcfcfc, #e6e6e6);
  background-image: -o-linear-gradient(top, #fcfcfc, #e6e6e6);
  -webkit-box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, .3), 1px 1px 1px rgba(0, 0, 0, .06);
  box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, .3), 1px 1px 1px rgba(0, 0, 0, .06);
}
.progress-blue > span {
  background: #4a90e2;
  border-color: #6898c8 #5a87b5 #4573a1;
  background-image: -webkit-linear-gradient(top, #5ea8fc, #2e86e7);
  background-image: -moz-linear-gradient(top, #5ea8fc, #2e86e7);
  background-image: -o-linear-gradient(top, #5ea8fc, #2e86e7);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 0 0 1px rgba(255, 255, 255, .08), 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 0 0 1px rgba(255, 255, 255, .08), 1px 1px 1px rgba(0, 0, 0, .1);
}
.progress-green > span {
  background: #5eb95e;
  border-color: #7ba845 #77a343 #6f983f;
  background-image: -webkit-linear-gradient(top, #a0d44d, #70b834);
  background-image: -moz-linear-gradient(top, #a0d44d, #70b834);
  background-image: -o-linear-gradient(top, #a0d44d, #70b834);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 0 0 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 0 0 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .1);
}
.search {
  position: relative;
  border-radius: 15px !important;
}
.search > input {
  width: 100%;
  height: 29px;
  padding: 0 13px 0 30px;
  border-radius: 15px;
}
.search:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 6px;
  height: 6px;
  border: 2px solid #929fb2;
  border-radius: 8px;
  z-index: 1;
}
.search:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 17px;
  width: 6px;
  height: 2px;
  background: #929fb2;
  border-radius: 1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: -1px 0 #929fb2;
  box-shadow: -1px 0 #929fb2;
}
.search .search-input-erase {
  cursor: pointer;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  padding: inherit;
  font: bold 18px / 18px "Lato", Verdana, Arial, sans-serif;
  color: inherit;
  opacity: 0.75;
}
.search .search-input-erase:hover {
  color: inherit;
  text-decoration: none;
  opacity: 1;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  display: none;
}
.lt-ie9 .search:before,
.lt-ie9 .search:after {
  content: none;
}
.lt-ie9 .search > input {
  padding: 0 7px;
}
.select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 27px;
  background: #ffffff;
  border: 1px solid #ccd6e2;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select > select {
  display: block;
  position: relative;
  width: 112%;
  height: 25px;
  line-height: 17px;
  margin: 0;
  padding: 4px;
  padding-left: 9px;
  color: #62717a;
  text-shadow: 0 1px #ffffff;
  background: transparent;
  background: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select > select:focus {
  z-index: 2;
  width: 100%;
  outline: 1px solid #51b5fb;
  outline-offset: -1px;
}
.select > select:disabled {
  cursor: not-allowed;
}
.select > select::-ms-expand {
  display: none;
}
.select option {
  text-shadow: none;
}
.select:before,
.select:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 10px;
  width: 0;
  height: 0;
  border: 3px dashed;
  border-color: #ccd6e2 transparent;
  border-color: rgba(0, 0, 0, 0.4) transparent;
  pointer-events: none;
}
.select:before {
  border-bottom-style: solid;
  border-top: none;
}
.select:after {
  margin-top: 6px;
  border-top-style: solid;
  border-bottom: none;
}
.select-100-width {
  width: 100% !important;
}
.select-50 {
  width: 50px;
}
.select-105 {
  width: 105px;
}
.switch {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 54px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch > label {
  display: block;
  position: relative;
  height: 21px;
  line-height: 19px;
  font-size: 10px;
  color: #909090;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px #ffffff;
  background: #ffffff;
  border: 1px solid;
  border-color: #bbb #c8c8c8 #cbcbcb;
  border-radius: 11px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), inset 0 10px -1px #f6f6f6;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), inset 0 10px -1px #f6f6f6;
  -webkit-transition: padding-left 0.15s ease-out;
  -moz-transition: padding-left 0.15s ease-out;
  -o-transition: padding-left 0.15s ease-out;
  transition: padding-left 0.15s ease-out;
}
.switch > label:before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background: #f5f7f8;
  border-radius: 11px;
  background-image: -webkit-linear-gradient(top, #e8e8e8, white);
  background-image: -moz-linear-gradient(top, #e8e8e8, white);
  background-image: -o-linear-gradient(top, #e8e8e8, white);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4), 1px 0 1px rgba(0, 0, 0, .3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4), 1px 0 1px rgba(0, 0, 0, .3);
}
.switch > label:after {
  content: attr(data-off);
  position: absolute;
  top: 0;
  right: 0;
  width: 33px;
}
.switch > input {
  position: absolute;
  z-index: 0;
  top: 2px;
  left: 2px;
  width: 50px;
  height: 17px;
  padding: 0;
  opacity: 0;
  -webkit-appearance: none;
}
.switch > input:checked + label {
  padding-left: 33px;
  color: #ffffff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
  background: #33a0e8;
  border-color: #1867a8 #197ccc #1c81d2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), inset 0 10px -1px #138bf2;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), inset 0 10px -1px #138bf2;
}
.switch > input:checked + label:before {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4), -1px 0 1px rgba(0, 0, 0, .3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4), -1px 0 1px rgba(0, 0, 0, .3);
}
.switch > input:checked + label:after {
  content: attr(data-on);
  left: 0;
}
.switch-square > label {
  border-radius: 2px;
}
.switch-square > label:before {
  width: 25px;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top, #fff, #e8e8e8);
  background-image: -moz-linear-gradient(top, #fff, #e8e8e8);
  background-image: -o-linear-gradient(top, #fff, #e8e8e8);
}
.switch-square > label:after {
  width: 25px;
}
.switch-square > input:checked + label {
  padding-left: 27px;
}
.switch-green > input:checked + label {
  background: #9dcf4a;
  border-color: #709a3f #7dab47 #84b54b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), inset 0 10px -1px #91bf45;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), inset 0 10px -1px #91bf45;
}
.lt-ie9 .switch {
  width: 52px;
  height: 19px;
  background: #ffffff;
  border: 1px solid #ccd6e2;
}
.lt-ie9 .switch > label {
  display: none;
}
.lt-ie9 .switch > input {
  position: static;
  width: inherit;
  height: inherit;
  vertical-align: top;
}
.table-title {
  margin: 10px 0;
  color: #7b828b;
}
.table {
  width: 100%;
  line-height: 29px;
  text-align: left;
  background: #ffffff;
  border-collapse: separate;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
}
.table .table-head {
  text-transform: capitalize;
}
.table .table-head > tr > th {
  padding: 0 10px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  background: #268bd2;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #1d87e2 #187ed9 #1670c1;
  background-image: -webkit-linear-gradient(top, #49a4fc, #208be7);
  background-image: -moz-linear-gradient(top, #49a4fc, #208be7);
  background-image: -o-linear-gradient(top, #49a4fc, #208be7);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .2), inset 0 0 0 1px rgba(255, 255, 255, .06), 0 1px rgba(0, 0, 0, .04);
  box-shadow: inset 0 1px rgba(255, 255, 255, .2), inset 0 0 0 1px rgba(255, 255, 255, .06), 0 1px rgba(0, 0, 0, .04);
}
.table .table-head > tr > th:first-child {
  border-left-width: 1px;
  border-top-left-radius: 3px;
}
.table .table-head > tr > th:last-child {
  border-top-right-radius: 3px;
}
.table .table-head th.table-checkbox {
  width: 20px;
}
.table .table-head-bulk > tr > th {
  background: #f4f6f8 !important;
  background-image: -webkit-linear-gradient(top, #fbfbfb, #ededed) !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, #ededed) !important;
  background-image: -o-linear-gradient(top, #fbfbfb, #ededed) !important;
  border-color: #d7d7d7;
  text-shadow: none !important;
}
.table .table-head-bulk > tr > th:first-child {
  border-color: #d7d7d7;
}
.table .table-body > tr:nth-child(2n) {
  background: #f5f7f8;
}
.table .table-body > tr:hover {
  background: #f4f6f8;
}
.table .table-body > tr > td {
  vertical-align: middle;
  padding: 10px;
  text-shadow: 0 1px #ffffff;
  border-right: 1px solid #eff3f6;
  border-right-color: rgba(0, 0, 0, 0.07);
}
.table .table-body > tr > td label.option {
  vertical-align: middle;
}
.table .table-body > tr > td:first-child {
  border-left: 1px solid #d2d2d2;
}
.table .table-body > tr > td:last-child {
  border-right-color: #d2d2d2;
}
.table .table-body .link {
  color: #268bd2;
}
.table .table-body .link:hover {
  cursor: pointer;
}
.table .table-foot > tr > td {
  position: relative;
  line-height: 26px;
  padding-left: 9px;
  font-size: 11px;
  color: #7b828b;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  background: #f4f6f8;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #d7d7d7 #d2d2d2 #ccd6e2;
  background-image: -webkit-linear-gradient(top, #fbfbfb, #ededed);
  background-image: -moz-linear-gradient(top, #fbfbfb, #ededed);
  background-image: -o-linear-gradient(top, #fbfbfb, #ededed);
  -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, .2);
  box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, .2);
}
.table .table-foot > tr > td:first-child {
  border-left-width: 1px;
  border-bottom-left-radius: 3px;
}
.table .table-foot > tr > td:last-child {
  border-bottom-right-radius: 3px;
}
.table .table-pager {
  float: right;
}
.table .table-pager-link {
  cursor: pointer;
  float: left;
  position: relative;
  overflow: hidden;
  width: 26px;
  height: 26px;
  font: 0/0 serif;
  color: transparent;
  border-left: 1px solid #d2d2d2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, .2), -1px 0 rgba(255, 255, 255, .2);
  box-shadow: inset 1px 0 rgba(255, 255, 255, .2), -1px 0 rgba(255, 255, 255, .2);
}
.table .table-pager-link:hover {
  background: #f4f6f8;
  background: rgba(0, 0, 0, 0.015);
}
.table .table-pager-link:hover:after {
  border-color: transparent #7b828b;
}
.table .table-pager-link:active {
  background: #d2d2d2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03), 0 -1px rgba(0, 0, 0, .02), -1px 0 rgba(255, 255, 255, .2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03), 0 -1px rgba(0, 0, 0, .02), -1px 0 rgba(255, 255, 255, .2);
}
.table .table-pager-link:active:after {
  border-color: transparent #909090;
}
.table .table-pager-link:before,
.table .table-pager-link:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #909090;
}
.table .table-pager-link:before {
  margin-top: -3px;
  border-color: transparent rgba(255, 255, 255, 0.5);
}
.table .table-pager-link.prev:before,
.table .table-pager-link.prev:after {
  border-width: 4px 4px 4px 0;
}
.table .table-pager-link.next:before,
.table .table-pager-link.next:after {
  border-width: 4px 0 4px 4px;
}
.table .table-pager-link:last-child {
  border-bottom-right-radius: 2px;
}
.table .table-pager-link.disabled,
.table .table-pager-link[disabled] {
  pointer-events: none !important;
  color: #ccd6e2;
  cursor: default;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.table .table-pager-link.disabled:after,
.table .table-pager-link[disabled]:after {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.table .table-pager-link.disabled:hover,
.table .table-pager-link[disabled]:hover {
  background: none !important;
}
.table .table-pager-link.disabled:hover:after,
.table .table-pager-link[disabled]:hover:after {
  border-color: transparent #909090;
}
.table-clean {
  width: 100%;
  line-height: 29px;
  text-align: left;
  background: #ffffff;
  border-collapse: collapse;
  border: 1px solid #ccd6e2;
}
.table-clean td.table-checkbox {
  width: 1px;
}
.table-clean td.table-checkbox label.option {
  vertical-align: middle;
}
.table-clean .table-head > tr {
  border-bottom: 1px solid #eff3f6;
  padding-bottom: 10px;
}
.table-clean .table-head > tr > th {
  padding: 10px 10px;
  font-weight: bold;
  color: #000000;
}
.table-clean .table-foot > tr {
  border-top: 1px solid #eff3f6;
  padding-top: 10px;
}
.table-clean .table-foot > tr > th {
  padding: 10px 10px;
  font-weight: bold;
  color: #000000;
}
.table-clean .table-body > tr:not(:last-child) {
  border-bottom: 1px solid #eff3f6;
}
.table-clean .table-body > tr > td {
  padding: 10px 10px;
  text-shadow: 0 1px #ffffff;
}
.table-settings {
  background: #ffffff;
  margin: 0 0 14px 0;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
}
.table-settings thead tr > th {
  text-align: left;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
}
@media (min-width: 641px) {
  .table-settings thead tr > th {
    padding: 20px;
  }
}
.table-settings tr {
  border-top: 1px solid #d2d2d2;
}
.table-settings tr > td:first-child {
  width: 50%;
}
@media (min-width: 641px) {
  .table-settings tr > td:first-child {
    width: 35%;
  }
}
.table-settings tr:last-child > td {
  text-align: right;
}
.table-settings tr > td {
  position: relative;
  vertical-align: middle;
  padding: 10px;
}
@media (min-width: 641px) {
  .table-settings tr > td {
    padding: 20px;
  }
}
.table-settings tr > td label {
  color: #495564;
  font-size: 13px;
  font-weight: bold;
}
.table-settings tr > td input {
  width: 100%;
}
.table-settings tr > td .settings-form-error {
  color: #d31e19;
  bottom: 9px;
  position: absolute;
}
.table-settings tr > td .queue-settings {
  margin: 10px 0;
}
.table-settings tr > td .queue-settings .field-label {
  margin: 0 15px 0 0;
}
.table-settings tr > td .queue-settings .option {
  margin: 3px 0 0 0;
}
.table-settings tr > td .queue-time-item {
  margin: 15px 0;
}
.table-users td.table-users-full-name {
  width: 30%;
}
.table-users td.table-users-username {
  width: 30%;
}
.table-analytics {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", Verdana, Arial, sans-serif;
  border: 1px solid #ccd6e2;
}
.table-analytics .page-controls {
  display: inline-block;
}
.table-analytics thead > tr > th {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  border-bottom: 1px solid #eff3f6;
  padding: 15px;
  padding-right: 5px;
  background-color: #ffffff;
  position: relative;
}
.table-analytics thead > tr > th:first-child {
  text-align: left;
  padding-left: 20px;
}
.table-analytics thead > tr > th:last-child {
  border-right: 1px solid #ccd6e2;
}
.table-analytics thead > tr > th:hover {
  cursor: pointer;
  background-color: #f5f7f8;
  -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,.2);
  box-shadow: inset 0px 1px 5px rgba(0,0,0,.2);
}
.table-analytics th.not-sortable:hover {
  cursor: default;
  background-color: #eff3f6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.table-analytics tr {
  border-bottom: 1px solid #eff3f6;
}
.table-analytics tr:last-child {
  border-bottom: 1px solid #ccd6e2;
}
.table-analytics tr > td {
  background: #ffffff;
  color: #3f3f44;
  padding: 15px 20px;
  letter-spacing: 0.5px;
}
.table-analytics tr > td:last-child {
  border-right: 1px solid #ccd6e2;
}
.table-analytics tr > td a {
  text-decoration: none;
  font-weight: bold;
  color: #4a90e2;
}
.table-analytics tr > td:not(:first-child) {
  text-align: right;
}
.table-analytics td.left {
  text-align: left !important;
}
.table-analytics td.center {
  text-align: center !important;
}
.table-earned-media-td {
  padding: 5px;
  width: 50%;
}
.table-team {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 0 0;
}
.table-team .table-team-arrow {
  position: absolute;
  top: 15px;
  right: 10px;
}
.table-team thead > tr > th {
  font-weight: bold;
  text-align: left;
  border: 1px solid #ccd6e2;
  padding: 10px;
  background-color: #eff3f6;
  position: relative;
}
.table-team thead > tr > th:hover {
  cursor: pointer;
  background-color: #f4f6f8;
  -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,.2);
  box-shadow: inset 0px 1px 5px rgba(0,0,0,.2);
}
.table-team th.not-sortable:hover {
  cursor: default;
  background-color: #eff3f6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.table-team tr > td {
  border: 1px solid #d7d7d7;
  padding: 10px;
}
.table-team tr > td a {
  text-decoration: none;
  font-weight: bold;
  color: #0088cc;
}
.table-team td.table-team-full-name {
  width: 20%;
}
.table-team td.table-team-full-name .manager-tag {
  text-shadow: none;
  font-weight: bold;
  background: #909090;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 4px 2px;
}
.table-team td.table-team-options {
  width: 7%;
}
.table-team td.table-team-groups {
  width: 50%;
}
.table-team td.table-team-checkbox {
  width: 3%;
}
.table-team tr > td {
  text-align: left;
}
.table-business-accounts thead > tr > th {
  font-weight: bold;
  text-align: left;
  padding: 10px;
  position: relative;
}
.table-business-accounts tbody > tr > td {
  padding: 10px;
  position: relative;
  text-align: left;
}
.text-input-holder {
  position: relative;
}
.text-input-holder .text-input-erase {
  cursor: pointer;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  padding: inherit;
  font: bold 18px / 18px "Lato", Verdana, Arial, sans-serif;
  color: inherit;
  opacity: 0.75;
}
.text-input-holder .text-input-erase:hover {
  color: inherit;
  text-decoration: none;
  opacity: 1;
}
.text-input,
.textarea-input {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 7px;
  height: 29px;
  color: #666666;
  background: #ffffff;
  border: 1px solid #ccd6e2;
  border-top-color: #b3b3b3;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 1px rgba(255, 255, 255, .4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 1px rgba(255, 255, 255, .4);
}
.text-input__mentionable,
.textarea-input__mentionable {
  color: transparent;
  caret-color: #000;
}
.text-input__modal,
.textarea-input__modal {
  width: 100%;
  height: 100px;
  resize: none;
  padding: 5px;
  margin-bottom: 10px;
}
.text-input:focus,
.textarea-input:focus {
  border-color: #51b5fb;
  outline: none;
  -webkit-box-shadow: inset 0 0 2px #51b5fb, 0 0 3px #51b5fb;
  box-shadow: inset 0 0 2px #51b5fb, 0 0 3px #51b5fb;
}
.text-input__highlighter-wrapper,
.textarea-input__highlighter-wrapper {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100px;
}
.text-input__highlighter-inner-wrapper,
.textarea-input__highlighter-inner-wrapper {
  height: 100%;
  padding-right: 17px;
  box-sizing: content-box;
  width: 100%;
  line-height: 19px;
}
.text-input__highlighter,
.textarea-input__highlighter {
  height: 100px;
  width: 100%;
  z-index: -1;
  overflow-y: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 6px 8px;
  color: #666666;
}
.text-input__highlighter mark,
.textarea-input__highlighter mark {
  color: #55acee;
  background-color: transparent;
}
.text-input__textarea-wrapper,
.textarea-input__textarea-wrapper {
  position: relative;
  margin: 0 20px;
  flex-grow: 1;
  overflow: hidden;
}
.text-input__textarea-wrapper--disabled,
.textarea-input__textarea-wrapper--disabled {
  opacity: 0.5;
}
.textarea-input {
  padding: 4px 7px;
  height: 67px;
  line-height: 19px;
  overflow: auto;
  resize: none;
  background: transparent;
}
.textarea-input:focus {
  background: transparent;
}
.text-input[disabled],
.text-input[disabled="disabled"],
.textarea-input[disabled],
.textarea-input[disabled="disabled"] {
  background: #eff3f6;
  cursor: not-allowed;
}
:-moz-placeholder {
  color: #aaaaaa !important;
}
::-moz-placeholder {
  color: #aaaaaa !important;
  opacity: 1;
}
::-webkit-input-placeholder {
  color: #aaaaaa;
}
:-ms-input-placeholder {
  color: #aaaaaa;
}
.lt-ie9 input {
  line-height: 27px;
}
.validation,
.valid,
.invalid {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.validation > input:focus,
.valid > input:focus,
.invalid > input:focus {
  position: relative;
  z-index: 2;
}
.valid > input {
  color: #404040;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #ddfabf;
  border-color: #7ba845 #89bc4d #89bc4d;
}
.valid:before {
  content: "";
  position: absolute;
  top: 9px;
  right: 8px;
  width: 10px;
  height: 4px;
  border: solid #508f29;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.invalid > input {
  color: #833230;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #fbd3c4;
  border-color: #e55d48 #e5725a #e5725a;
}
.invalid:before,
.invalid:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 12px;
  width: 3px;
  height: 12px;
  background: #db3e3b;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.invalid:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.lt-ie9 .valid:before,
.lt-ie9 .invalid:before,
.lt-ie9 .valid:after,
.lt-ie9 .invalid:after {
  display: none;
}
.fc-event .pb-event {
  display: none;
}
.fc-event:hover .pb-event {
  display: block;
}
.auth-background {
  background: #0ca3d2;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.auth {
  position: relative;
  margin: 50px auto 20px auto;
  padding: 20px 20px 20px;
  width: 300px;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 12px;
}
.auth:before {
  content: "";
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.auth h1 {
  margin: -20px -20px 21px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #53541c;
  text-align: center;
  text-shadow: 0 1px #ffffff;
  background: #f4f6f8;
  border-bottom: 1px solid #ccd6e2;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, @white, #eef2f5);
  background-image: -moz-linear-gradient(top, @white, #eef2f5);
  background-image: -o-linear-gradient(top, @white, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke;
}
.auth p:first-child {
  margin-top: 0;
}
.auth p:last-child {
  margin-bottom: 0 !important;
}
.auth p.auth-row {
  margin: 20px 0 20px 0;
}
.auth p.auth-row .auth-inline {
  display: inline-block;
  margin: 0;
  padding: 5px 0 0 0;
}
.auth p.auth-row .auth-inline a {
  color: #2a85a1;
  text-decoration: none;
}
.auth p.auth-row .auth-inline a:hover {
  text-decoration: underline;
}
.auth .auth-row-center {
  text-align: center;
}
.auth p.remember_me {
  float: left;
}
.auth p.remember_me .option {
  margin: 2px 0 0 0;
}
.auth p.agree .option {
  margin: 2px 0 0 0;
}
.auth p.submit {
  text-align: right;
}
.auth .select {
  width: 100%;
  margin: 0 0 0 0;
}
.auth-help {
  margin: 20px 0;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px #2a85a1;
}
.auth-help a {
  color: #ccd6e2;
  text-decoration: none;
}
.auth-help a:hover {
  text-decoration: underline;
}
.auth-field-text:-moz-placeholder,
.auth-field-password:-moz-placeholder {
  color: #ccd6e2 !important;
  font-size: 13px;
}
.auth-field-text::-webkit-input-placeholder,
.auth-field-password::-webkit-input-placeholder {
  color: #ccd6e2;
  font-size: 13px;
}
.auth-field-text,
.auth-field-password {
  margin: 5px;
  padding: 0 10px;
  height: 34px;
  color: #404040;
  background: #ffffff;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  font-size: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  width: 250px;
}
.auth-field-text:focus,
.auth-field-password:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}
.auth-field-text[disabled],
.auth-field-text[disabled="disabled"] {
  background: #ececec;
}
.auth-row-select {
  padding: 5px;
  background: #eff4f7;
  overflow: hidden;
  margin: 0 0 20px 0;
}
.auth-submit {
  color: #527881;
  font-weight: bold;
  background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
.auth-submit:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.auth-submit.disabled,
.auth-submit[disabled] {
  pointer-events: none;
  border-color: #cfcfcf #ccc #c6c6c6;
  background: #eee;
  cursor: default;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.lt-ie9 input[type="text"],
.lt-ie9 input[type="password"] {
  line-height: 34px;
}
/* stylelint-disable rule-nested-empty-line-before, declaration-colon-space-after */
.posts-search {
  margin: 5px 0 20px 0;
}
.posts-pagination {
  margin: 10px 0;
  text-align: right;
}
@media (min-width: 641px) {
  .posts-pagination {
    margin: 0;
  }
}
.posts-pagination span {
  vertical-align: middle;
}
.posts-pagination .button {
  vertical-align: middle;
}
.posts-pagination .select {
  width: 50px;
}
.posts-pagination .page-controls {
  display: inline-block;
  margin: 0 10px;
}
.char-counter {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
  background: #51b5fb;
  color: #ffffff;
  text-shadow: 0px 1px #000000;
}
.char-counter--warning {
  background: #ff3936;
}
/* Manager Post View */
.post {
  border-radius: 3px;
  border: 1px solid #ccd6e2;
  margin: 20px 0;
  position: relative;
  background: #ffffff;
}
.post .post-main {
  min-height: 100px;
  background: #ffffff;
  color: #929fb2;
}
.post .post-main > table {
  width: 100%;
}
.post .post-main .post-main-left {
  padding: 20px;
  width: 80%;
  vertical-align: top;
  word-break: break-word;
}
.post .post-main .post-main-left .post-extended-link {
  text-decoration: none;
  display: inline-block;
  color: #476dba;
}
.post .post-main .post-main-left .post-extended-link:hover {
  color: #6398cf;
}
.post .post-main .post-main-left .post-hashtag {
  color: #000000;
}
.post .post-main .post-main-right {
  position: relative;
  width: 20%;
  padding: 20px;
}
.post .post-title {
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 10px 0;
  color: #000000;
}
.post .post-creation-info {
  margin-top: 10px;
}
.post .post-creation-info .post-date {
  text-transform: capitalize;
}
.post .post-creation-info > span .post-expiration {
  margin-right: 5px;
  margin-left: -5px;
}
.post .post-creation-info > span:nth-child(n + 5)::before {
  content: "\2022";
  margin-right: 5px;
}
.post .post-creation-info > span:nth-child(2)::after {
  content: "\2022";
}
.post .post-content {
  margin-top: 10px;
}
.post .post-media {
  width: 100%;
}
.post .post-multi-image-tooltip {
  display: block;
  position: relative;
  top: -35px;
  left: 85%;
  background: white;
  width: 23px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid;
}
.post .post-footer {
  position: relative;
  background: #ffffff;
  border-top: 1px solid #ccd6e2;
}
.post .post-footer .post-networks {
  padding: 10px 0;
  display: inline-block;
}
.post .post-footer .post-networks > i:not(:last-child) {
  margin-right: 15px;
}
.post .post-footer .post-networks > a {
  text-decoration: none;
}
.post .post-footer .post-controls {
  font-size: 15px;
  color: #7b828b;
  border-left: 1px solid #eff3f6;
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
}
.post .post-footer .post-controls a {
  cursor: pointer;
  padding: 10px 20px;
  display: block;
}
.post .post-footer .post-tags {
  padding: 10px 20px;
  display: inline-block;
}
.post .post-footer .post-homegroups {
  padding: 10px 20px 10px 0;
  display: inline-block;
}
.post .post-footer .post-tag {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: none;
  background: #f4f6f8;
  color: #4a90e2;
  padding: 2px 8px;
}
.post .post-footer .post-tag:not(:last-child) {
  margin-right: 5px;
}
.post .post-footer .post-category {
  background: #eff3f6;
  margin-left: 3px;
}
.post-content-error {
  color: #cc0000;
  margin-bottom: 5px;
}
/* Post Add / Edit Page */
@media (min-width: 641px) {
  .content-card-preview {
    left: 70%;
    top: -152px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
    align-self: center;
  }
}
.content-card-preview img {
  max-height: 100px;
  max-width: 350px;
}
.content-card-preview__label {
  margin: 0 0 10px 50px;
}
.content-card-preview__media {
  margin-left: 50px;
  max-width: 350px;
}
.content-card-preview__video-adjust {
  margin-top: -245px;
  padding-bottom: 95px;
}
.content-card-preview__video-adjust-image-selected {
  margin-top: -245px;
  padding-bottom: 95px;
}
.post-add-edit .groups-pane {
  max-height: 225px;
  padding: 10px;
  border-radius: 4px;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  border-bottom: 1px solid #ccd6e2;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.post-add-edit .divider-header {
  display: flex;
}
.post-add-edit .sub-title {
  margin: 0 0 20px 0;
  font-size: 20px;
}
.post-add-edit .subsection-title {
  margin: 0 0 20px 0;
  font-size: 15px;
  font-weight: bold;
}
.post-add-edit .accordion-icon-desc {
  background-color: #6398cf;
  width: 30px;
  font-size: 22px;
  display: flex;
  justify-content: center;
  border-radius: 25px;
  height: 30px;
  color: #ffffff;
  cursor: pointer;
}
.post-add-edit .accordion-icon-asc {
  background-color: #6398cf;
  width: 30px;
  font-size: 22px;
  display: flex;
  justify-content: center;
  border-radius: 25px;
  height: 30px;
  color: #ffffff;
  cursor: pointer;
  padding-top: 8px;
}
.post-add-edit .accordion-controls {
  padding-left: 40px;
}
.post-add-edit .post-media {
  display: inline-block;
  position: relative;
}
.post-add-edit .post-media i {
  cursor: pointer;
  font-size: 20px;
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
.post-add-edit .post-media:hover i {
  display: block;
}
.post-add-edit .feature-post__container {
  margin-top: 50px;
}
.networks .form-error {
  left: 0;
}
.post-ai {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.post-ai .button-primary:focus {
  outline: none;
}
.post-ai select {
  min-width: 200px;
  max-width: 200px;
}
.list-of-posts-controls-bar-container {
  background: #ccd6e2;
  border-bottom: 1px solid #ccd6e2;
  padding: 20px 0;
}
.list-of-posts-controls-bar-container .share-post {
  display: block;
  text-align: center;
  font-size: 34px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #3f3f44;
}
@media (min-width: 641px) {
  .list-of-posts-controls-bar-container .share-post {
    text-align: left;
    padding-top: 15px;
  }
}
.list-of-posts-controls-bar-container .list-of-posts-controls-bar {
  margin: auto;
  position: relative;
  padding: 10px 0 20px 0;
}
@media (min-width: 641px) {
  .list-of-posts-controls-bar-container .list-of-posts-controls-bar {
    max-width: 1245px;
    margin: auto;
  }
}
.list-of-posts-controls-bar-container .list-of-posts-controls-bar .list-of-posts-controls-bar-left {
  position: relative;
}
.list-of-posts-controls-bar-container .list-of-posts-controls-bar .list-of-posts-controls-bar-right {
  text-align: center;
}
@media (min-width: 641px) {
  .list-of-posts-controls-bar-container .list-of-posts-controls-bar .list-of-posts-controls-bar-right {
    text-align: right;
  }
}
.list-of-posts-controls-sub-bar {
  padding: 10px 0;
  margin: auto;
}
@media (min-width: 641px) {
  .list-of-posts-controls-sub-bar {
    max-width: 1245px;
    margin: auto;
  }
}
.list-of-posts-controls-sub-bar .row {
  position: relative;
}
.list-of-posts-controls-sub-bar .category-select {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 641px) {
  .list-of-posts-controls-sub-bar .category-select {
    text-align: left;
    margin: 0;
  }
}
.list-of-posts-controls-sub-bar .search-container {
  text-align: center;
}
@media (min-width: 641px) {
  .list-of-posts-controls-sub-bar .search-container {
    text-align: right;
  }
}
.list-of-posts-controls-sub-bar .search-branded {
  position: relative;
  max-width: 300px;
  display: inline-block;
}
.list-of-posts-controls-sub-bar .search-branded > input {
  width: 100%;
  height: 47px;
  padding: 0 21px 0 42px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: inherit;
  font-size: 16px;
  font-weight: normal;
}
.list-of-posts-controls-sub-bar .search-branded:before {
  content: "";
  position: absolute;
  top: 17px;
  left: 19px;
  width: 6px;
  height: 6px;
  border: 2px solid #4a4a4a;
  border-radius: 8px;
}
.list-of-posts-controls-sub-bar .search-branded:after {
  content: "";
  position: absolute;
  top: 27px;
  left: 26px;
  width: 6px;
  height: 2px;
  background: #6c7683;
  border-radius: 1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: -1px 0 #929fb2;
  box-shadow: -1px 0 #929fb2;
}
.list-of-posts-controls-sub-bar .search-branded .search-input-erase {
  cursor: pointer;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  padding: inherit;
  font: bold 18px / 18px "Lato", Verdana, Arial, sans-serif, sans-serif;
  color: inherit;
  opacity: 0.75;
}
.list-of-posts-controls-sub-bar .search-branded .search-input-erase:hover {
  color: inherit;
  text-decoration: none;
  opacity: 1;
}
.list-of-posts-controls-sub-bar .branded-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 255px;
  height: 47px;
  background: inherit;
  border: 1px solid #ccd6e2;
  border-bottom-color: #929fb2;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list-of-posts-controls-sub-bar .branded-select > select {
  font-family: "Lato", Verdana, Arial, sans-serif;
  display: block;
  position: relative;
  width: 112%;
  height: 45px;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  padding: 11px;
  padding-left: 16px;
  color: #495564;
  background: transparent;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-appearance: none;
}
.list-of-posts-controls-sub-bar .branded-select > select:focus {
  z-index: 2;
  width: 100%;
  outline: 1px solid #51b5fb;
  outline-offset: -1px;
}
.list-of-posts-controls-sub-bar .branded-select > select::-ms-expand {
  display: none;
}
.list-of-posts-controls-sub-bar .branded-select option {
  text-shadow: none;
  font-size: 15px;
}
.list-of-posts-controls-sub-bar .branded-select:before,
.list-of-posts-controls-sub-bar .branded-select:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 18px;
  right: 18px;
  width: 0;
  height: 0;
  border: 3px dashed;
  border-color: rgba(0, 0, 0, 0.4) transparent;
  pointer-events: none;
}
.list-of-posts-controls-sub-bar .branded-select:before {
  border-bottom-style: solid;
  border-top: none;
}
.list-of-posts-controls-sub-bar .branded-select:after {
  margin-top: 6px;
  border-top-style: solid;
  border-bottom: none;
}
.new-posts-button-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0px auto;
  z-index: 9;
  text-align: center;
  color: #eff3f6;
  pointer-events: none;
  top: 125px;
}
@media (min-width: 641px) {
  .new-posts-button-wrapper {
    top: 0;
  }
}
.new-posts-button-wrapper.stickied {
  position: fixed;
  top: 0;
}
@media (min-width: 641px) {
  .new-posts-button-wrapper.stickied {
    top: 72px;
  }
}
.new-posts-button-wrapper.stickied .new-posts-button {
  border-radius: 7px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0 5px;
}
.new-posts-button-wrapper.stickied .new-posts-button .text {
  padding: 3px 12px;
  font-size: 12px;
}
.new-posts-button {
  background: #4a90e2;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 5px;
  cursor: pointer;
  pointer-events: auto;
}
.new-posts-button .text {
  display: inline-block;
  color: #eff3f6;
  padding: 8px;
  font-size: 14px;
}
.post-topics {
  z-index: 3;
}
.post-link {
  text-align: right;
}
.post-link a {
  position: relative;
  text-decoration: none;
  background-color: #eff3f6;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  padding: 3px 15px;
  display: inline-block;
  margin-right: -15px;
  margin-top: 5px;
  font-size: 12px;
}
.post-link a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.post-link__icon {
  width: 10px;
  height: 13px;
  vertical-align: middle;
  margin-top: -2px;
}
.list-of-posts {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
.list-of-posts.empty {
  height: auto !important;
}
.list-of-posts .loading {
  margin: 0 auto;
}
.list-of-posts .post-item {
  display: none;
  width: 300px;
  background: #ffffff;
  text-align: left;
  word-wrap: break-word;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);;
}
.list-of-posts .post-item .post-dismiss {
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  color: #ccd6e2;
}
.list-of-posts .post-item .post-media:hover .post-media-remove {
  display: block;
}
.list-of-posts .post-item .post-media-container {
  position: relative;
}
.list-of-posts .post-item .post-media-container .post-media-remove {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #3f3f44;
  color: #ffffff;
  padding: 10px;
  font-size: 20px;
  display: none;
}
.list-of-posts .post-item .post-media-dropzone {
  height: 200px;
  background: #f5f7f8;
}
.list-of-posts .post-item .post-media-dropzone .pb-icon-image-upload {
  margin: auto;
}
.list-of-posts .post-item .post-media-dropzone-info {
  margin: 0 0 10px 0;
}
.list-of-posts .post-item .post-media-dropzone-hover {
  border: 5px dashed #3f3f44;
  opacity: 0.3;
}
.list-of-posts .post-item .post-pager {
  text-align: right;
}
.list-of-posts .post-item .post-pager .button-arrow-left,
.list-of-posts .post-item .post-pager .button-arrow-right {
  outline: none !important;
}
.list-of-posts .post-item .post-pager .inbox-form-warnings {
  padding: 10px 10px 0;
}
.featured-post {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 30px 30px 0 0;
  /* adjust for size of triangle */
  border-color: #4a4a4a transparent transparent transparent;
  /* adjust for color of triangle */
  top: 0;
  left: 0;
  color: #ffffff;
}
.featured-post i {
  position: relative;
  top: -31px;
  left: 2px;
  font-size: 14px;
}
.featured-post--toggle {
  margin-right: 8px;
}
.featured-post--toggle + span {
  vertical-align: middle;
}
.post-item .post-title,
.single-post-modal .post-title,
.post-item .post-content,
.single-post-modal .post-content,
.post-item .post-pager,
.single-post-modal .post-pager,
.post-item .post-configuration,
.single-post-modal .post-configuration {
  border-bottom: 1px solid #eff3f6;
  padding: 15px;
}
.post-item .post-title,
.single-post-modal .post-title {
  font-size: 14px;
  font-weight: bold;
}
.post-item .post-media,
.single-post-modal .post-media {
  text-align: center;
  width: 300px;
}
.post-item .post-media img,
.single-post-modal .post-media img {
  max-width: 300px;
}
.post-item .post-suggested-by,
.single-post-modal .post-suggested-by {
  background: #f5f7f8;
}
.post-item .post-suggested-by .media,
.single-post-modal .post-suggested-by .media {
  margin-top: 0;
  padding: 9px 5px;
}
.post-item .post-suggested-by .media .img,
.single-post-modal .post-suggested-by .media .img {
  min-width: 38px;
  min-height: 38px;
}
.post-item .post-suggested-by .media .img img,
.single-post-modal .post-suggested-by .media .img img {
  width: 38px;
  height: 38px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.post-item .post-suggested-by .media .suggested-info,
.single-post-modal .post-suggested-by .media .suggested-info {
  font-size: 8px;
  text-transform: uppercase;
  color: #3f3f44;
}
.post-item .post-suggested-by .media .suggested-name,
.single-post-modal .post-suggested-by .media .suggested-name {
  font-size: 10px;
  margin-top: -6px;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #3f3f44;
}
.post-item .post-edit,
.single-post-modal .post-edit,
.post-item .post-schedule,
.single-post-modal .post-schedule,
.post-item .post-share-button,
.single-post-modal .post-share-button {
  width: 100%;
  padding: 10px 0;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.post-item .post-edit i,
.single-post-modal .post-edit i,
.post-item .post-schedule i,
.single-post-modal .post-schedule i,
.post-item .post-share-button i,
.single-post-modal .post-share-button i {
  font-size: 20px;
  color: #ccd6e2;
}
.post-item .post-edit i.fa-check,
.single-post-modal .post-edit i.fa-check,
.post-item .post-schedule i.fa-check,
.single-post-modal .post-schedule i.fa-check,
.post-item .post-share-button i.fa-check,
.single-post-modal .post-share-button i.fa-check {
  font-size: 10px !important;
  display: none;
}
.post-item .post-share-button i.fa-clock-o,
.single-post-modal .post-share-button i.fa-clock-o {
  position: absolute;
  top: 10px;
  right: 6px;
  font-size: 10px !important;
  display: none;
}
.post-item .post-share-button i.icon-adjust,
.single-post-modal .post-share-button i.icon-adjust {
  position: absolute;
  top: 10px;
  right: 6px;
  font-size: 10px !important;
  display: none;
}
.post-item .post-schedule:hover i,
.single-post-modal .post-schedule:hover i {
  color: #5eb95e;
}
.post-item .post-edit:hover i,
.single-post-modal .post-edit:hover i {
  color: #ffc40d;
}
.post-item .post-edit i,
.single-post-modal .post-edit i {
  color: #ccd6e2;
}
.post-item .post-twitter:hover i,
.single-post-modal .post-twitter:hover i {
  color: #55acee;
}
.post-item .post-twitter.post-deferred i.fa-clock-o,
.single-post-modal .post-twitter.post-deferred i.fa-clock-o {
  display: inline-block;
}
.post-item .post-twitter-shared,
.single-post-modal .post-twitter-shared {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.post-item .post-twitter-shared i,
.single-post-modal .post-twitter-shared i {
  color: #55acee !important;
}
.post-item .post-twitter-shared i.fa-check,
.single-post-modal .post-twitter-shared i.fa-check {
  display: inline-block;
}
.post-item .post-twitter-disabled,
.single-post-modal .post-twitter-disabled {
  display: none;
  cursor: default;
}
.post-item .post-twitter-disabled i,
.single-post-modal .post-twitter-disabled i {
  color: #ccd6e2 !important;
}
.post-item .post-twitter-disabled i.fa-check,
.single-post-modal .post-twitter-disabled i.fa-check {
  display: none;
}
.post-item .post-facebook:hover i,
.single-post-modal .post-facebook:hover i {
  color: #3b5998;
}
.post-item .post-facebook.post-deferred i.fa-clock-o,
.single-post-modal .post-facebook.post-deferred i.fa-clock-o {
  display: inline-block;
}
.post-item .post-facebook-shared,
.single-post-modal .post-facebook-shared {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.post-item .post-facebook-shared i,
.single-post-modal .post-facebook-shared i {
  color: #3b5998 !important;
}
.post-item .post-facebook-shared i.fa-check,
.single-post-modal .post-facebook-shared i.fa-check {
  display: inline-block;
}
.post-item .post-facebook-disabled,
.single-post-modal .post-facebook-disabled {
  display: none;
  cursor: default;
}
.post-item .post-facebook-disabled i,
.single-post-modal .post-facebook-disabled i {
  color: #ccd6e2 !important;
}
.post-item .post-linkedin:hover i,
.single-post-modal .post-linkedin:hover i {
  color: #007bb6;
}
.post-item .post-linkedin.post-deferred i.fa-clock-o,
.single-post-modal .post-linkedin.post-deferred i.fa-clock-o {
  display: inline-block;
}
.post-item .post-linkedin-shared,
.single-post-modal .post-linkedin-shared {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.post-item .post-linkedin-shared i,
.single-post-modal .post-linkedin-shared i {
  color: #007bb6 !important;
}
.post-item .post-linkedin-shared i.fa-check,
.single-post-modal .post-linkedin-shared i.fa-check {
  display: inline-block;
}
.post-item .post-linkedin-disabled,
.single-post-modal .post-linkedin-disabled {
  display: none;
  cursor: default;
}
.post-item .post-linkedin-disabled i,
.single-post-modal .post-linkedin-disabled i {
  color: #ccd6e2 !important;
}
.post-item .post-linkedin-disabled i.fa-check,
.single-post-modal .post-linkedin-disabled i.fa-check {
  display: none;
}
.post-item .approval-waiting,
.single-post-modal .approval-waiting {
  pointer-events: none;
  cursor: default;
}
.post-item .approval-waiting i.icon-adjust,
.single-post-modal .approval-waiting i.icon-adjust {
  display: inline-block;
}
.post-item .approval-confirmed,
.single-post-modal .approval-confirmed {
  pointer-events: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.post-item .approval-confirmed i.fa-check,
.single-post-modal .approval-confirmed i.fa-check {
  display: inline-block;
}
.post-item .approval-rejected,
.single-post-modal .approval-rejected {
  pointer-events: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.post-item .approval-rejected i.fa-check,
.single-post-modal .approval-rejected i.fa-check {
  display: inline-block;
}
.post-item .post-controls-container,
.single-post-modal .post-controls-container {
  position: relative;
  width: 300px;
  min-height: 43px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.post-item .post-controls,
.single-post-modal .post-controls {
  text-align: center;
  display: inline-block;
  width: 56px;
}
.post-item .post-controls a,
.single-post-modal .post-controls a {
  cursor: pointer;
}
.suggest-post-form {
  display: block;
  position: relative;
  width: 90%;
  margin: auto;
}
@media (min-width: 961px) {
  .suggest-post-form {
    width: 80%;
    padding-top: 60px;
  }
}
@media (min-width: 641px) {
  .suggest-post-form {
    padding-top: 60px;
  }
}
.file-upload__message {
  position: absolute;
  padding: 5px 10px;
}
.content-length-error {
  background-color: #fe5f57;
  position: absolute;
  right: 0;
  border-radius: 4px;
  max-width: 300px;
  opacity: 0.9;
  color: #ffffff;
  z-index: 101;
}
.content-length-error p {
  padding: 10px;
}
.content-tab-wrapper {
  padding-top: 15px;
  display: flex;
  padding-left: 10px;
}
.content-tab-wrapper .content-tab-icon {
  width: 60px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  line-height: 20px;
}
.content-tab-wrapper .content-tab-icon:last-of-type {
  font-size: 20px;
}
.content-tab-wrapper .content-tab-icon-disabled {
  width: 60px;
  font-size: 16px;
  cursor: not-allowed;
  text-align: center;
  line-height: 20px;
  color: #929fb2;
}
.content-tab-wrapper .content-tab-icon-disabled:last-of-type {
  font-size: 20px;
}
.content-tab-wrapper .content-tab-text {
  font-weight: bold;
  width: 60px;
  cursor: pointer;
  text-align: center;
  line-height: 20px;
}
.content-tab-wrapper .content-tab-text:first-of-type {
  color: #4a90e2;
}
.content-tab-wrapper .content-tab-selected {
  border-bottom: 5px solid #4a90e2;
  overflow: hidden;
}
.content-tab-wrapper .content-tab-edited:after {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #ffc40d;
  border-radius: 50%;
  display: inline-block;
  margin-left: 7px;
  margin-bottom: 7px;
}
.content-tab-wrapper .content-tab-empty:after {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #ffc40d;
  border-radius: 50%;
  display: inline-block;
  margin-left: 7px;
  margin-bottom: 7px;
}
.content-tab-wrapper .content-tab-error:after {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #ff3936;
  border-radius: 50%;
  display: inline-block;
  margin-left: 7px;
  margin-bottom: 7px;
}
.content-legend {
  margin-top: -20px;
  padding-bottom: 10px;
}
.content-tab-edited-legend.warning:before {
  background-color: #ffc40d;
}
.content-tab-edited-legend:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #4a90e2;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.content-tab-edited-legend a {
  margin-left: 10px;
  text-decoration: none;
}
.content-tab-empty-legend:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #ffc40d;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.content-tab-error-legend:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #ff3936;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.image-control {
  display: flex;
  z-index: 2;
}
.image-control .all-suggested-images {
  flex-grow: 1;
  overflow-x: auto;
  height: 120px;
}
.image-control .all-suggested-images__no-upload {
  margin-left: -5px;
}
.image-control .all-suggested-images > .scroller {
  width: 900em;
  max-height: 100%;
}
.image-control .all-suggested-images .image {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100px;
  overflow: hidden;
  float: left;
}
.image-control .all-suggested-images .image img {
  max-height: 100px;
  border-radius: 5px;
}
.image-control .all-suggested-images .image:not(:first-child) {
  margin: 0 5px;
}
.image-control .image-selected {
  border: 3px solid #4a90e2;
  border-radius: 5px;
}
.image-control .post-image-upload {
  height: 100px;
  border-radius: 5px;
}
.image-control .post-image-upload img {
  border-radius: 5px;
}
.image-control .post-image-upload__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed;
  min-width: 177.77px;
  flex-basis: 177.77px;
}
.image-control .post-image-upload__empty input {
  height: 100%;
  width: 100%;
}
.image-control .post-image-upload__empty i {
  font-size: 45px;
}
.image-control .post-image-upload__uploaded {
  float: left;
  margin-left: 10px;
  max-height: 100%;
}
.image-control .post-image-upload__uploaded img {
  height: 100%;
}
.list-of-posts-controls {
  text-align: center;
}
.employee-no-posts {
  text-align: center;
  padding: 20px;
  margin: auto;
  width: 50%;
  font-family: "Lato", Verdana, Arial, sans-serif;
  line-height: 60px;
  font-size: 30px;
}
.employee-no-posts .pb-icon-post {
  margin: 0 auto 20px auto;
}
.post-social {
  border-bottom: 1px solid #eff3f6;
  padding: 15px;
  background: #f4f6f8;
}
.post-social a.social-menu-link {
  cursor: pointer;
}
.post-social a.social-menu-link:hover {
  text-decoration: underline;
}
.post-social input,
.post-social textarea {
  width: 100%;
  border: 0;
  padding: 5px;
  background: transparent;
  outline: none;
}
.post-social input:focus,
.post-social textarea:focus {
  background: #f4f6f8;
  outline: none;
}
.post-social .pb-social-title {
  font-weight: bold;
}
.post-social .pb-social-description {
  height: 50px;
  min-height: 50px !important;
}
.post-social .pb-social-image {
  width: 270px;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.post-social .pb-social-image img {
  max-width: 100%;
}
.post-social .pb-social-image .pb-social-image-left {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 17px;
}
.post-social .pb-social-image .pb-social-image-right {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 17px;
}
.post-media-title-label {
  font-weight: bold;
}
.post-image-upload-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 150px;
}
.post-image-upload-container .pb-icon-image-upload {
  margin: auto;
  height: 115px;
}
.post-image-upload-container .suggest-images-loader {
  margin-top: 40px;
}
.post-image-upload-container-hidden {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.post-image-upload-container-hidden .pb-icon-image-upload {
  margin: auto;
}
.post-image-upload-container-hidden .suggest-images-loader {
  margin-top: 40px;
}
.post-image-upload-container-inbox {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: auto;
  margin-bottom: 10px;
}
.post-image-upload-container-inbox .pb-icon-image-upload {
  margin: auto;
}
.post-image-upload-container-inbox .suggest-images-loader {
  margin-top: 40px;
}
.post-image-upload-container-inbox .all-suggested-images {
  margin-left: 0px;
  margin-top: 10px;
}
.post-image-upload-container-inbox .post-image-upload {
  width: auto !important;
}
.post-image-upload-container-inbox .image-control {
  display: block;
}
.post-image-upload-container-inbox .remove-media {
  position: absolute;
  margin-left: -25px;
  margin-top: 5px;
  font-size: 20px;
}
.post-image-upload-container-inbox .content-card-preview {
  z-index: 1;
  width: auto;
  padding-left: 0px;
  margin-top: 10px;
  position: initial;
}
.post-image-upload-container-inbox .content-card-preview__label {
  margin: 0 0 0 0;
}
.post-image-upload-container-inbox .content-card-preview__media {
  margin-left: 0px;
  max-width: 350px;
}
.post-selected-media {
  display: inline-block;
  position: relative;
}
.post-selected-media i {
  cursor: pointer;
  font-size: 20px;
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
.post-selected-media:hover i {
  display: block;
}
.post-selected-media img {
  max-width: 100px;
}
@media (min-width: 641px) {
  .post-selected-media img {
    max-width: 200px;
  }
}
@media (min-width: 961px) {
  .post-selected-media img {
    max-width: 300px;
  }
}
.post-list-title {
  display: inline-block;
}
.post-approval-content {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  margin: 10px 0 0 0;
  background-color: #eff3f6;
}
.expired-post-notify {
  height: 48px;
  width: 277px;
  background: rgba(174, 33, 37, 0.9);
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font: lighter 12px "Lato", Verdana, Arial, sans-serif;
  text-align: center;
  padding: 10px 20px;
  bottom: 50px;
  right: 10px;
}
.expired-post-notify .hide-notification {
  position: absolute;
  top: 3px;
  right: 5px;
  cursor: pointer;
  font-size: 10px;
}
.expired-post-twitter:before,
.expired-post-facebook:before,
.expired-post-linkedin:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 30px;
  top: 48px;
  border: 7px solid;
  border-color: rgba(174, 33, 37, 0.9) transparent transparent transparent;
}
.hide-expired-notification {
  display: none;
}
.additional-content {
  min-height: 21px;
  width: 100%;
  margin-top: -10px;
}
.additional-content__status {
  position: relative;
  margin-top: -10px;
  z-index: 2;
}
.additional-content__status a {
  text-decoration: none;
}
.additional-content__preview {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  opacity: 0;
  position: relative;
  z-index: 2;
}
.additional-content__preview .tinymce__wrapper {
  padding-top: 10px;
}
.additional-content__preview .tinymce__wrapper .field-label {
  padding-bottom: 10px;
  margin-top: -10px;
  margin-bottom: 0;
}
.additional-content__preview.visible {
  z-index: 200;
  max-height: 500px;
  overflow: visible;
  transition: all 0.3s ease;
  opacity: 1;
  margin-bottom: 20px;
}
.hashtag-toggle {
  z-index: 2;
}
.hashtag-toggle-label {
  display: flex;
  align-items: center;
}
.redactor-box ul {
  list-style: disc;
}
.redactor-box ol {
  list-style: decimal;
}
.redactor-box img {
  display: block;
  margin: 0 auto;
  padding: 20px 0;
}
.single-post-modal {
  background: #ffffff;
  text-align: left;
  word-wrap: break-word;
  padding: 0;
}
@media (min-width: 641px) {
  .single-post-modal {
    width: 400px;
    margin: 0 auto;
  }
}
.single-post-modal .post-media {
  text-align: center;
  width: 100%;
}
.single-post-modal .post-media img {
  max-width: 300px;
}
.single-post-modal .post-controls-container {
  position: relative;
  width: 100%;
  min-height: 43px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.single-post-modal .post-controls {
  text-align: center;
  display: inline-block;
  width: 19%;
}
.single-post-modal .post-controls a {
  cursor: pointer;
}
.visuallyhidden {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}
.post-meta__wrapper {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  opacity: 0;
}
.post-meta__wrapper.visible {
  max-height: 500px;
  overflow: visible;
  transition: all 0.5s ease;
  opacity: 1;
  margin-bottom: 20px;
}
.input-featured {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  padding-top: 4px;
  font-size: 12px;
}
.form-container {
  background: #ffffff;
  padding: 20px;
  border: 1px solid #ccd6e2;
  display: inline-block;
  width: 98%;
}
.form-container-adjusted {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
}
#group-filter .group-filter-footer {
  justify-content: space-around;
}
#group-filter .group-filter-footer span {
  margin-left: initial;
}
#group-filter .group-filter-footer a:first-of-type {
  margin-right: 5px;
}
#group-filter .group-filter-footer div {
  margin-right: auto;
  padding-right: 35px;
}
#postAddWrapper .fa-twitter::before,
#editPostWrapper .fa-twitter::before {
  content: "\e61b";
  /* Unicode for the new X icon */
  font-family: 'Font Awesome 6 Brands';
}
#postAddWrapper .fa-twitter,
#editPostWrapper .fa-twitter {
  color: #1DA1F2;
}
.reveal-modal--onboarding {
  background: transparent;
}
.slide {
  height: 100%;
}
.slide__title {
  font-size: 23px;
  padding: 0 15px;
  color: #ffffff;
  margin: 0 auto;
  line-height: 34px;
  text-align: center;
}
@media (min-width: 641px) {
  .slide__title {
    font-size: 25px;
    line-height: 43px;
  }
}
.slide-wrap {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 27px;
}
@media (min-width: 641px) {
  .slide-wrap {
    padding-top: 60px;
  }
}
.slide-left,
.slide-right {
  display: inline-block;
}
.slide-left {
  width: 100%;
  height: 49%;
}
@media (min-width: 641px) {
  .slide-left {
    width: 65%;
    height: 100%;
  }
}
.slide-right {
  background: #ffffff;
  width: 100%;
  height: 51%;
  padding: 0 30px;
}
@media (min-width: 641px) {
  .slide-right {
    width: 35%;
    height: 100%;
    position: absolute;
    padding: 60px 35px;
  }
}
.slide-right__title {
  font-size: 20px;
  color: #589ced;
  margin: 0 auto;
  line-height: 40px;
  padding-top: 10px;
}
@media (min-width: 641px) {
  .slide-right__title {
    font-size: 24px;
    line-height: 45px;
    padding-top: 0;
  }
}
.slide-right__subtitle {
  font-size: 12px;
  color: #909090;
  line-height: 19px;
}
@media (min-width: 641px) {
  .slide-right__subtitle {
    font-size: 14px;
    line-height: 22px;
  }
}
.close-reveal-modal.onboarding__close {
  color: #ffffff;
  font-size: 22px;
  opacity: 0.7;
}
@media (min-width: 641px) {
  .close-reveal-modal.onboarding__close {
    color: #589ced;
  }
}
.slide-nav--right {
  position: absolute;
  right: 35px;
  bottom: 15px;
}
@media (min-width: 641px) {
  .slide-nav--right {
    bottom: 30px;
  }
}
.slide-nav--left {
  position: absolute;
  bottom: 15px;
}
@media (min-width: 641px) {
  .slide-nav--left {
    bottom: 30px;
  }
}
.slide-nav--left-full {
  position: absolute;
  bottom: 15px;
  right: 0;
  left: 0;
  text-align: center;
}
@media (min-width: 641px) {
  .slide-nav--left-full {
    bottom: 35px;
    left: 35px;
    right: initial;
  }
}
.img-wrap {
  margin: 0 auto;
}
.img-wrap img {
  position: absolute;
}
.slide-wrap--1 {
  background-color: #ffc40d;
}
.slide-wrap--1 .img-wrap {
  width: 250px;
  padding-top: 50px;
}
@media (min-width: 641px) {
  .slide-wrap--1 .img-wrap {
    width: 350px;
  }
}
@media (min-width: 961px) {
  .slide-wrap--1 .img-wrap {
    width: 425px;
  }
}
.slide-wrap--1 .img-wrap img {
  width: 250px;
}
@media (min-width: 641px) {
  .slide-wrap--1 .img-wrap img {
    width: 350px;
  }
}
@media (min-width: 961px) {
  .slide-wrap--1 .img-wrap img {
    width: 425px;
  }
}
.slide-wrap--1 .slide__title {
  max-width: 500px;
  padding-top: 20px;
}
@media (min-width: 641px) {
  .slide-wrap--1 .slide__title {
    padding-top: 0;
  }
}
.slide-wrap--2 {
  background-color: #4ec29c;
}
.slide-wrap--2 .img-wrap {
  width: 80%;
  padding-top: 15px;
}
@media (min-width: 641px) {
  .slide-wrap--2 .img-wrap {
    padding-top: 100px;
    width: 85%;
  }
}
.slide-wrap--2 .img-wrap img {
  width: 80%;
}
@media (min-width: 641px) {
  .slide-wrap--2 .img-wrap img {
    width: 85%;
  }
}
.slide-wrap--2 .slide__title {
  font-size: 17px;
  line-height: 26px;
  max-width: 570px;
}
@media (min-width: 641px) {
  .slide-wrap--2 .slide__title {
    font-size: 25px;
    line-height: 43px;
  }
}
.slide-wrap--3 {
  background-color: #fe5f57;
}
.slide-wrap--3 .img-wrap {
  width: 110px;
  padding-top: 20px;
}
@media (min-width: 641px) {
  .slide-wrap--3 .img-wrap {
    width: 275px;
    padding-top: 75px;
  }
}
.slide-wrap--3 .img-wrap img {
  width: 110px;
}
@media (min-width: 641px) {
  .slide-wrap--3 .img-wrap img {
    width: 275px;
  }
}
.slide-wrap--3 .slide__title {
  font-size: 17px;
  line-height: 26px;
  max-width: 375px;
}
@media (min-width: 641px) {
  .slide-wrap--3 .slide__title {
    font-size: 25px;
    line-height: 43px;
    max-width: 530px;
  }
}
.slide-wrap--4 {
  background-color: #eba756;
}
.slide-wrap--4 .img-wrap {
  width: 120px;
  padding-top: 10px;
}
@media (min-width: 641px) {
  .slide-wrap--4 .img-wrap {
    width: 275px;
    padding-top: 50px;
  }
}
.slide-wrap--4 .img-wrap img {
  width: 120px;
}
@media (min-width: 641px) {
  .slide-wrap--4 .img-wrap img {
    width: 275px;
  }
}
.slide-wrap--4 .slide__title {
  font-size: 19px;
  line-height: 28px;
  max-width: 300px;
}
@media (min-width: 641px) {
  .slide-wrap--4 .slide__title {
    font-size: 25px;
    line-height: 43px;
    max-width: 400px;
  }
}
.slide-wrap--5 {
  background-color: #589ced;
}
.slide-wrap--5 .img-wrap {
  width: 300px;
  padding-top: 50px;
}
@media (min-width: 641px) {
  .slide-wrap--5 .img-wrap {
    width: 325px;
    padding-top: 75px;
  }
}
.slide-wrap--5 .img-wrap img {
  width: 300px;
}
@media (min-width: 641px) {
  .slide-wrap--5 .img-wrap img {
    width: 325px;
  }
}
.slide-wrap--5 .slide__title {
  font-size: 19px;
  line-height: 28px;
}
@media (min-width: 641px) {
  .slide-wrap--5 .slide__title {
    font-size: 25px;
    line-height: 43px;
  }
}
.slide-dots-wrapper {
  position: absolute;
  bottom: 105px;
  left: 0;
  right: 0;
  text-align: center;
}
.slide-dots-wrapper--left {
  bottom: 3px;
}
@media (min-width: 641px) {
  .slide-dots-wrapper {
    bottom: 35px;
  }
}
.slide-dot {
  top: -5px;
  width: 7px;
  height: 7px;
  margin: 0 6px;
  position: relative;
  border-radius: 100%;
  display: inline-block;
  background-color: #ffffff;
  opacity: 0.4;
}
.slide-dot--is-active {
  opacity: 1;
}
@media (min-width: 641px) {
  .slide-dot {
    width: 9px;
    height: 9px;
  }
}
.button.button--onboarding {
  font-size: 19px;
  padding: 8px 20px;
  border-radius: 31px;
  height: auto;
  border: none;
  background: #ffffff;
  color: #589ced;
}
.button.button--onboarding:hover {
  color: #80b1ea;
}
.button-wrapper {
  position: absolute;
  bottom: 50px;
  right: 0;
  left: 0;
  text-align: center;
}
@media (min-width: 641px) {
  .button-wrapper {
    font-size: 27px;
    right: 35px;
    bottom: 35px;
    left: auto;
  }
}
.button--text {
  font-size: 20px;
  color: #589ced;
  cursor: pointer;
}
@media (min-width: 641px) {
  .button--text {
    font-size: 27px;
  }
}
.button--text-light {
  color: #ffffff;
}
.network-buttons {
  text-align: center;
  padding: 13px 0;
}
@media (min-width: 641px) {
  .network-buttons {
    padding: 75px 0;
  }
}
.network-buttons i {
  color: #ffffff;
  font-size: 14px;
  padding-right: 2px;
}
@media (min-width: 641px) {
  .network-buttons i {
    font-size: 17px;
    padding-right: 5px;
  }
}
.network-buttons .button {
  display: block;
  height: auto;
  font-size: 11px;
  padding: 3px 10px;
  margin-bottom: 10px;
}
@media (min-width: 641px) {
  .network-buttons .button {
    font-size: 13px;
    padding: 5px 10px;
    margin-bottom: 20px;
  }
}
.post-queue {
  text-align: center;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 641px) {
  .post-queue {
    max-height: 450px;
  }
}
.post-queue .networks {
  margin: 20px 0;
}
.post-queue .days {
  margin-bottom: 20px;
}
.post-queue .empty-alert {
  max-width: 183px;
  margin: 10px auto;
}
.post-queue .queue-time-item {
  margin-bottom: 10px;
}
.post-queue .add {
  margin: 10px 0 15px;
}
.post-queue .add .button {
  display: block;
  height: auto;
  padding: 3px 35px;
  margin: 0 auto;
}
.post-queue__timezone {
  margin: 0 auto 20px auto;
}
.post-queue__timezone .select {
  width: 185px;
}
.profile-settings {
  max-height: 200px;
  overflow: auto;
}
@media (min-width: 641px) {
  .profile-settings {
    max-height: 100%;
    padding-top: 25px;
  }
}
.profile-settings__user-avatar {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.profile-settings__user-avatar:hover .user-avatar-remove {
  display: block;
}
.profile-settings__user-avatar img {
  max-width: 100%;
  vertical-align: middle;
}
.user-avatar-container {
  position: relative;
  border: 2px dashed #b3b3b3;
  margin: 15px 0;
}
.user-avatar-container .user-avatar-remove {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #454545;
  color: #ffffff;
  padding: 10px;
  font-size: 20px;
  display: block;
}
@media (min-width: 961px) {
  .user-avatar-container .user-avatar-remove {
    display: none;
  }
}
.user-avatar-container .loading {
  margin: 32px 0 46px 0;
}
.user-avatar-dropzone {
  margin: 15px 0;
  padding: 10px;
  background: #ffffff;
  border: 2px dashed #b3b3b3;
  opacity: 0.8;
}
.user-avatar-dropzone .pb-icon-image-upload {
  margin: auto;
}
.user-avatar-dropzone-info {
  margin: 0 0 10px 0;
}
.user-avatar-dropzone-hover {
  opacity: 0.3;
}
.img12,
.img18,
.img19,
.img21,
.img32,
.img40,
.img47,
.img49,
.img50 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.img13,
.img16,
.img110,
.img22,
.img24,
.img33,
.img45,
.img46,
.img53 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.img111,
.img23,
.img26,
.img34 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
/*----------------------------------------------*/
@-webkit-keyframes slideInUpItem {
  from {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUpItem {
  from {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUpItem {
  -webkit-animation-name: slideInUpItem;
  animation-name: slideInUpItem;
}
/*-------------------------------------*/
@-webkit-keyframes fadeInUpItem {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpItem {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpItem {
  -webkit-animation-name: fadeInUpItem;
  animation-name: fadeInUpItem;
}
/*------------------------------------------------*/
@-webkit-keyframes bounceInRightItem {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRightItem {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-4%, 0, 0);
    transform: translate3d(-4%, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-1%, 0, 0);
    transform: translate3d(-1%, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRightItem {
  -webkit-animation-name: bounceInRightItem;
  animation-name: bounceInRightItem;
}
.settings__user-avatar {
  text-align: center;
  max-width: 240px;
}
.settings__user-avatar:hover .user-avatar-remove {
  display: block;
}
.settings__user-avatar img {
  max-width: 100%;
  vertical-align: middle;
}
.settings__button-wrapper {
  padding: 10px;
}
.settings__form-item {
  margin: 10px 0;
}
.attribution__title {
  font-size: 20px;
  padding: 0 7px;
}
.attribution__help {
  padding: 0 7px;
}
.attribution__confirm_modal_domain {
  font-weight: 700;
}
.attribution__domain_list {
  font-weight: 700;
  font-size: medium;
  padding-top: 5px;
}
.branding__title {
  font-size: 23px;
  padding: 0 7px;
}
.branding__subtitle {
  font-size: 18px;
  padding: 0 7px;
}
.branding__image {
  max-height: 100px;
  max-width: 525px;
}
.branding__remove-logo-icon {
  position: relative;
  left: 90%;
  top: -80%;
  font-size: 12.5px;
  cursor: pointer;
}
.branding__error {
  color: #db3e3b;
}
.branding__colorpicker-area {
  height: 250px;
  border-radius: 5px;
}
.branding__colorpicker-wrapper {
  display: flex;
  margin-bottom: 35px;
}
.integration__title {
  font-size: 20px;
  padding: 20px 20px 0 20px;
}
.integration__row {
  border-bottom: 1px solid #eff3f6;
  padding-bottom: 20px;
}
.integration__text-field {
  width: 370px !important;
  padding-bottom: 8px;
}
.integration__text-field--subdomain {
  width: 270px !important;
  text-align: right;
}
.integration__text-field--webhook input {
  padding: 0 7px;
}
.integration__text-field--webhook input.text-input[readonly],
.integration__text-field--webhook input.text-input[readonly="readonly"] {
  cursor: pointer;
}
.integration__text-field--webhook button {
  position: relative;
  top: -1px;
}
.integration__text-field--webhook button i {
  margin-right: 0;
}
.integration__side-label {
  display: inline-block;
  padding-top: 4px;
  font-weight: 700;
}
.integration__error-text {
  padding-top: 5px;
}
.integration__warning-text {
  position: revert;
}
.integration-status.is-linked {
  font-weight: bold;
  color: #008000;
  margin: 10px 0;
}
.integration-text--bold {
  font-weight: bold;
}
.shortener__title {
  font-size: 20px;
}
.shortener__value {
  margin: 50px 0;
  font-size: 30px;
  color: #4a90e2;
}
.shortener__form-item {
  margin: 20px 0;
}
.integration-settings__icon--instagram {
  height: 60px;
  margin: 20px 0;
}
.integration-settings__icon--achievers {
  width: 100px;
  margin: 20px 0;
}
.integration-settings__icon--teams {
  height: 60px;
  width: 60px;
  margin: 20px 0;
}
.integration-settings__link-btn {
  padding: 10px;
}
.integration-settings__link-btn i {
  font-size: 12px;
  margin-right: 5px;
}
.integration-settings__link-btn i.fa-check {
  color: #67caaa;
}
.integration-settings__link-btn i.fa-times {
  color: #db3e3b;
}
.integration-settings__link-btn i.clock-o {
  color: #ccd6e2;
}
.integration-settings__link-btn button[disabled="disabled"] {
  cursor: not-allowed;
}
.integration-account__picture {
  width: 48px;
  height: 48px;
}
.integration-account__name {
  font-size: 14px;
  font-weight: 700;
}
.integration-account__user-name {
  color: #7b828b;
}
.api-token {
  word-wrap: break-word;
  width: 50%;
}
.saml_integration__code {
  overflow-x: scroll;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #ccd6e2;
  background-color: #f5f7f8;
}
.saml_integration__textarea {
  width: 0px;
  height: 0px;
  opacity: 0;
}
.influitive_textarea {
  width: 80%;
  height: 150px;
  padding: 5px;
  background: #f4f6f8;
  resize: none;
  display: block;
  margin-bottom: 5px;
}
.influitive_textarea:focus {
  outline: none;
}
.compliance-settings__input-select {
  width: 100% !important;
}
.compliance-settings__input-number {
  width: 50px !important;
  height: 30px !important;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #929fb2;
  margin-top: 5px;
}
.compliance-settings__hide-select2-search {
  display: none !important;
}
.compliance-settings__prohibited .select2-selection__choice {
  background-color: #f8bfc6 !important;
  color: #e0003c !important;
  border-color: #f8bfc6 !important;
}
.compliance-settings__prohibited .select2-selection__choice__remove {
  color: #e0003c !important;
}
.compliance-settings__limited .select2-selection__choice {
  background-color: #ffeed1 !important;
  color: #a16600 !important;
  border-color: #ffeed1 !important;
}
.compliance-settings__limited .select2-selection__choice__remove {
  color: #d7cd89 !important;
}
.compliance-settings .select2-search--inline {
  margin-top: 8px !important;
}
.compliance-settings .select2-selection__choice {
  border-radius: 15px !important;
  padding: 5px 10px !important;
}
.compliance-settings .select2-selection__choice__remove {
  float: right;
  margin-left: 4px;
  margin-right: 0px !important;
}
.compliance-settings .select2-selection--multiple {
  min-height: 150px !important;
  max-height: 150px;
  overflow-y: auto;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.leaderboard-container {
  background: #ffffff;
  border: 1px solid #ccd6e2;
  display: inline-block;
  width: 98%;
  padding: 20px 20px 20px 20px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 80px;
}
.leaderboard-view {
  margin-top: 80px;
  margin-left: 15px;
  margin-right: 15px;
}
.leaderboard-view-points-explainer {
  background: #ffffff;
  border: 1px solid #ccd6e2;
  display: inline-block;
  width: 98%;
  padding: 20px 20px 20px 20px;
}
.leaderboard-view-points-explainer .section-title {
  padding-left: 7px;
  font-size: 14px;
  font-weight: 700;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key {
  margin-top: 5px;
  border: #f4f6f8;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key th.header,
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key td.header {
  height: 25px;
  padding: 0 1rem;
  border: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
  background-color: #f5f7f8;
  text-align: left;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key th.header {
  background-color: #f5f7f8;
  font-weight: 600;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key th.header--empty {
  padding: 0;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key th.header--points {
  width: 171px;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key th.header--network {
  width: 57px;
  height: 29px;
  padding: 0 1rem;
  border-left: 2px solid #f5f7f8;
  font-size: 1rem;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key td.cell {
  height: 29px;
  padding: 0 1rem;
  border: none;
  border-left: 2px solid #f5f7f8;
  font-size: 13px;
  vertical-align: middle;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key td.cell--value {
  text-align: center;
  vertical-align: middle;
  height: 29px;
  padding: 0 1rem;
  border: none;
  border-left: 2px solid #f5f7f8;
  font-size: 13px;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key tbody tr:nth-child(2n + 1) td {
  background-color: #f5f7f8;
}
.leaderboard-view-points-explainer .pb-leaderboard-explainer-key .footnote {
  padding-left: 1rem;
  font-size: 12px;
  line-height: 28px;
}
.leaderboard-view-description {
  background: #ffffff;
  border: 1px solid #ccd6e2;
  display: inline-block;
  width: 98%;
  padding: 10px 20px 10px 20px;
}
.leaderboard-view-filter-row {
  width: 98%;
}
.leaderboard-view-points-ranking {
  display: inline-block;
  width: 98%;
}
.leaderboard-view-points-ranking .table-clean {
  margin-top: 20px;
  border-collapse: separate;
}
.leaderboard-view-points-ranking .table-clean th {
  background-color: #f5f7f8;
  border-bottom: 1px solid #ccd6e2;
}
.leaderboard-view-points-ranking .table-clean td {
  border-bottom: 1px solid #f4f6f8;
}
.leaderboard-view-points-ranking .table-clean .table-head .leaderboard-groups {
  width: 120px;
  text-align: center;
}
.leaderboard-view-points-ranking .table-clean .table-head .controls {
  min-width: 150px;
}
.leaderboard-view-points-ranking .table-clean .table-foot {
  border-bottom: 1px solid #ccd6e2;
}
.leaderboard-view-points-ranking .table-clean .leaderboard-row {
  padding: 20px 25px;
  border-bottom: 1px solid #ececec;
}
.leaderboard-view-points-ranking .table-clean .leaderboard-row td {
  padding: 0 10px;
}
.leaderboard-view-points-ranking .table-clean .leaderboard-row .leaderboard-name {
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  color: #404040;
}
.leaderboard-view-points-ranking .table-clean .leaderboard-row .leaderboard-name.muted {
  color: #ccc !important;
}
.leaderboard-view-points-ranking .table-clean .leaderboard-row .leaderboard-createdby {
  font-style: italic;
  color: #8d8d8d;
}
.leaderboard-view-points-ranking .table-clean .leaderboard-row .stat-value {
  margin: 10px 0;
}
.leaderboard-view-points-ranking .table-clean .leaderboard-row .leaderboard-groups {
  display: block;
  text-align: center;
}
.leaderboard-section-title {
  font-size: 20px;
  margin: 10px 0;
  text-align: center;
}
.leaderboard-button-container {
  left: 0;
  right: 0;
  bottom: -20px;
  position: absolute;
  text-align: center;
}
.leaderboard-multiplier-value-field-label {
  margin-bottom: 5px;
  font-weight: bold;
  display: inline-block;
  max-width: 200px;
}
.leaderboard-toggle {
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-left-radius: 7px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  padding: 3px 12px;
  font-size: 12px;
}
.leaderboard-toggle .fa-arrow-circle-down {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  display: inline-block;
}
.leaderboard-toggle.active {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.leaderboard-toggle.active .fa-arrow-circle-down {
  transform: rotate(180deg);
}
.leaderboard-toggle .icon {
  padding-left: 7px;
}
.list-of-posts-leaderboard-container {
  background: #f5f7f8;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  position: relative;
  padding: 20px 0;
  overflow: hidden;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard.hidden {
  max-height: 0px;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
@media (min-width: 641px) {
  .list-of-posts-leaderboard-container .list-of-posts-leaderboard {
    max-width: 1245px;
    margin: 0 auto;
    max-height: 340px;
  }
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-explainer {
  position: absolute;
  left: 10px;
  top: 35px;
  font-size: 15px;
  color: #909090;
  cursor: pointer;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-explainer:hover + div {
  display: block;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-explainer-contents {
  display: none;
  position: absolute;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  padding: 10px;
  top: 20px;
  left: 30px;
  width: 300px;
  border-radius: 10px;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-close {
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  font-size: 20px;
  cursor: pointer;
  color: #929fb2;
  position: absolute;
  right: 10px;
  top: 10px;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-close:hover {
  transform: rotate(90deg);
  color: #3f3f44;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .col {
  margin-bottom: 20px;
}
@media (min-width: 641px) {
  .list-of-posts-leaderboard-container .list-of-posts-leaderboard .col {
    margin-bottom: 0;
  }
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .inline-nav {
  text-align: center;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-table {
  width: 100%;
  color: #000000;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-table td {
  padding: 10px;
  border-bottom: 1px solid #d2d2d2;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-table .leaderboard-table-attribute {
  font-weight: bold;
  width: 70%;
}
.list-of-posts-leaderboard-container .list-of-posts-leaderboard .leaderboard-table .leaderboard-table-highlight {
  background: #f5f7f8;
}
.leaderboard {
  margin-bottom: 200px;
}
.leaderboard__filters {
  position: relative;
}
.leaderboard__filter {
  display: block;
  float: left;
  margin-top: 10px;
  width: 100%;
}
@media (min-width: 641px) {
  .leaderboard__filter {
    width: auto;
    margin-top: 3px;
    margin-left: 30px;
  }
}
.leaderboard__filter #group-filter-trigger {
  position: relative;
  top: -3px;
}
.leaderboard__radio-options-section {
  margin-top: 3px;
  margin-left: 8px;
}
.leaderboard__radio-options-section__input-label {
  padding-right: 5px;
}
.leaderboard #group-filter {
  z-index: 100;
}
@media (min-width: 641px) {
  .leaderboard .pagination {
    float: right;
  }
}
.leaderboard .table-clean {
  margin-top: 20px;
  border-collapse: separate;
}
.leaderboard .table-clean th {
  background-color: #f5f7f8;
  border-bottom: 1px solid #ccd6e2;
}
.leaderboard .table-clean td {
  border-bottom: 1px solid #f4f6f8;
}
.leaderboard .table-clean .table-head .leaderboard-groups {
  width: 120px;
  text-align: center;
}
.leaderboard .table-clean .table-head .controls {
  min-width: 150px;
}
.leaderboard .table-clean .leaderboard-row {
  padding: 20px 25px;
  border-bottom: 1px solid #ececec;
}
.leaderboard .table-clean .leaderboard-row td {
  padding: 0 10px;
}
.leaderboard .table-clean .leaderboard-row .leaderboard-name {
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  color: #404040;
}
.leaderboard .table-clean .leaderboard-row .leaderboard-name.muted {
  color: #ccc !important;
}
.leaderboard .table-clean .leaderboard-row .leaderboard-createdby {
  font-style: italic;
  color: #8d8d8d;
}
.leaderboard .table-clean .leaderboard-row .stat-value {
  margin: 10px 0;
}
.leaderboard .table-clean .leaderboard-row .leaderboard-groups {
  text-align: center;
  display: block;
  height: 60px;
}
.leaderboard__name {
  padding-left: 7px;
  font-size: 18px;
  font-weight: 800;
}
.leaderboard .section-divider {
  border-bottom: 1px solid #ececec;
}
.leaderboard .section-title {
  padding-left: 7px;
  font-size: 14px;
  font-weight: 700;
}
.leaderboard .section-control {
  padding-left: 7px;
}
.leaderboard .section-main-label {
  padding: 0 7px;
}
.leaderboard .section-secondary-label {
  padding: 0 7px;
  color: #909090;
}
.leaderboard .leaderboard-multiplier {
  margin-bottom: 10px;
  position: relative;
  padding: 0 7px;
  height: 44px;
}
.leaderboard .leaderboard-multiplier input,
.leaderboard .leaderboard-multiplier textarea {
  width: 50px;
}
.leaderboard .leaderboard-multiplier div {
  float: right;
}
.leaderboard .form-error {
  position: absolute;
  font-size: 10px;
  white-space: nowrap;
  width: 100%;
  text-align: right;
}
.leaderboard .form-error__end-date {
  color: #db3e3b;
  position: relative;
  left: 10em;
}
.leaderboard .disabled {
  background-color: inherit !important;
  color: #d7d7d7 !important;
  pointer-events: none !important;
}
.leaderboard-update-create #group-filter {
  width: 100%;
  z-index: 100;
}
.leaderboard-update-create__groups-filter-wrapper {
  display: flex;
  align-items: center;
}
.leaderboard-update-create__groups-filter {
  display: inline-flex;
  align-items: center;
  flex: 1;
}
.leaderboard-update-create__groups-filter i {
  margin-left: auto;
}
.leaderboard-update-create__groups-filter--select-all {
  justify-content: center;
}
.leaderboard-update-create__or-label {
  display: inline-flex;
  text-transform: uppercase;
  margin: 0 10px;
}
.leaderboard-update-create__filters {
  margin-top: 20px;
}
.leaderboard-update-create__filters .select {
  width: 100%;
  margin-bottom: 10px;
}
.leaderboard-update-create__filters .select > select {
  width: 100%;
}
@media (min-width: 641px) {
  .leaderboard-update-create__filters .select {
    margin-bottom: 0;
  }
}
.leaderboard-update-create__groups-table-wrapper {
  height: 360px;
  overflow-y: auto;
  border: 1px solid #eff3f6;
}
.leaderboard-update-create__groups-table {
  width: 100%;
}
.leaderboard-update-create__groups-table-header {
  font-weight: 700;
}
.leaderboard-update-create__groups-table-header th {
  border-bottom: 1px solid #eff3f6;
  padding: 15px 20px;
}
.leaderboard-update-create__groups-table-header th:first-child {
  text-align: left;
}
.leaderboard-update-create__groups-table-cell {
  padding: 10px 20px;
}
.leaderboard-update-create__groups-table-cell:first-child {
  width: 60%;
}
.leaderboard-update-create__group-post-count {
  text-align: center;
}
@media (min-width: 641px) {
  .leaderboard-update-create__first-col {
    padding-right: 20px;
  }
}
.leaderboard-update-create__delete-button {
  display: inline-block;
  width: 150px;
}
.leaderboard-create-button.disabled {
  background-color: inherit !important;
  color: #d7d7d7 !important;
  pointer-events: none !important;
}
.not-found {
  text-align: center;
  margin: 150px 0 0 0;
}
.not-found .not-found-title {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 40px;
  color: #ffffff;
  text-shadow: 1px 1px #000000;
  margin: 0 0 40px 0;
  font-weight: bold;
}
.not-found .not-found-subtitle {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #ffc40d;
}
/* stylelint-disable declaration-colon-space-after */
.ammapAlert {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #cc0000;
}
.ammapDescriptionWindow {
  font-size: 11px;
  font-family: "Lato", Verdana, Arial, sans-serif;
  background-color: #ffffff;
  border-style: solid;
  border-color: #f4f6f8;
  border-width: 1px;
  color: #000000;
  padding: 8px;
}
.ammapDescriptionTitle {
  font-size: 12px;
  font-weight: bold;
  font-family: "Lato", Verdana, Arial, sans-serif;
  padding-bottom: 5px;
}
.ammapObjectList ul {
  padding-left: 20px;
  list-style: square outside;
  color: #7b828b;
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
}
.ammapObjectList ul ul {
  padding-left: 14px;
}
.ammapObjectList a {
  color: #000000;
}
.ammapObjectList a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 2px;
}
.ammapObjectList a:hover {
  color: #cc0000;
  text-decoration: none;
  background: #ffffff;
  cursor: pointer;
  display: block;
}
.ammapDescriptionText {
  overflow: auto;
}
.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  overflow: hidden;
}
.jq-dropdown .dropdown-table {
  background: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  overflow: hidden;
  padding: 4px 2px;
  margin: 0;
  height: 100%;
}
.jq-dropdown.jq-dropdown-tip:before {
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.jq-dropdown .jq-dropdown-menu li.disabled > a,
.jq-dropdown .jq-dropdown-menu li.disabled > label {
  pointer-events: none;
  color: #ccd6e2;
}
.jq-dropdown .jq-dropdown-menu li.disabled > a:hover,
.jq-dropdown .jq-dropdown-menu li.disabled > label:hover {
  background-color: #ccd6e2;
  color: #ccd6e2;
}
.jq-dropdown .jq-dropdown-menu li.disabled > a .fa-facebook,
.jq-dropdown .jq-dropdown-menu li.disabled > label .fa-facebook,
.jq-dropdown .jq-dropdown-menu li.disabled > a .fa-twitter,
.jq-dropdown .jq-dropdown-menu li.disabled > label .fa-twitter,
.jq-dropdown .jq-dropdown-menu li.disabled > a .fa-linkedin,
.jq-dropdown .jq-dropdown-menu li.disabled > label .fa-linkedin {
  color: #ccd6e2;
}
.jq-dropdown .jq-dropdown-menu li > a,
.jq-dropdown .jq-dropdown-menu label {
  color: #4a4a4a;
  position: relative;
}
.jq-dropdown .jq-dropdown-menu li > a .fa-facebook,
.jq-dropdown .jq-dropdown-menu label .fa-facebook,
.jq-dropdown .jq-dropdown-menu li > a .fa-twitter,
.jq-dropdown .jq-dropdown-menu label .fa-twitter,
.jq-dropdown .jq-dropdown-menu li > a .fa-linkedin,
.jq-dropdown .jq-dropdown-menu label .fa-linkedin {
  position: absolute;
  top: 6px;
  right: 10px;
}
.jq-dropdown .jq-dropdown-menu li > a:hover,
.jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #0088cc;
  color: #ffffff;
  cursor: pointer;
}
.jq-dropdown .jq-dropdown-menu li > a:hover .fa-facebook,
.jq-dropdown .jq-dropdown-menu label:hover .fa-facebook,
.jq-dropdown .jq-dropdown-menu li > a:hover .fa-twitter,
.jq-dropdown .jq-dropdown-menu label:hover .fa-twitter,
.jq-dropdown .jq-dropdown-menu li > a:hover .fa-linkedin,
.jq-dropdown .jq-dropdown-menu label:hover .fa-linkedin {
  color: #ffffff;
}
.pb-dropdown-search {
  z-index: 199 !important;
  position: absolute !important;
  width: max-content;
  background-color: #ffffff;
}
.pb-dropdown-search ul {
  border: #ccd6e2 1px solid;
  border-radius: 5px;
  width: 200px;
}
.pb-dropdown-search ul li {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-flex;
  width: 100%;
}
.pb-dropdown-search ul li img {
  max-height: 25px;
  border-radius: 25%;
  margin-right: 10px;
}
.pb-dropdown-search__main-account-name {
  font-weight: 700;
}
.pb-dropdown-search__option-selected {
  background-color: #eff3f6;
}
.jq-dropdown-sticky {
  z-index: 199 !important;
  position: fixed;
}
.tags {
  zoom: 1;
}
.tags:before,
.tags:after {
  content: "";
  display: table;
}
.tags:after {
  clear: both;
}
.tags li {
  cursor: auto;
  position: relative;
  float: left;
  margin: 0 10px 0 0;
}
.tags li:after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 10px;
  right: -2px;
  width: 5px;
  height: 6px;
  opacity: 0.95;
  background: #eb6b22;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: inset 1px 0 #99400e;
  box-shadow: inset 1px 0 #99400e;
}
.tags a,
.tags span.tags-span {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tags a {
  cursor: default;
  white-space: nowrap;
  height: 26px;
  line-height: 23px;
  padding: 0 9px 0 8px;
  font-size: 12px;
  color: #4a4a4a;
  text-decoration: none;
  text-shadow: 0 1px #ffffff;
  background: #fafafa;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #dadada #d2d2d2 #c5c5c5;
  border-radius: 3px 0 0 3px;
  background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tags a:hover span.tags-span {
  padding: 0 7px 0 6px;
  max-width: 40px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.tags span.tags-span {
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: 100%;
  z-index: 1;
  overflow: hidden;
  height: 24px;
  line-height: 21px;
  color: #ffffff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #eb6b22;
  border: 1px solid;
  border-color: #d15813 #c85412 #bf5011;
  border-radius: 0 2px 2px 0;
  opacity: 0.95;
  background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);
  background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);
  background-image: -o-linear-gradient(top, #ed7b39, #df5e14);
  background-image: linear-gradient(to bottom, #ed7b39, #df5e14);
  padding: 0 7px 0 6px;
  max-width: 40px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transition-property: padding, max-width;
  -moz-transition-property: padding, max-width;
  -o-transition-property: padding, max-width;
  transition-property: padding, max-width;
}
@media (min-width: 961px) {
  .tags span.tags-span {
    max-width: 0;
    padding: 0 0 0 2px;
  }
}
.tags-green li:after {
  background: #65bb34;
  -webkit-box-shadow: inset 1px 0 #3a6b1e;
  box-shadow: inset 1px 0 #3a6b1e;
}
.tags-green span.tags-span {
  background: #65bb34;
  border-color: #549b2b #4f9329 #4b8b27;
  background-image: -webkit-linear-gradient(top, #71ca3f, #5aa72e);
  background-image: -moz-linear-gradient(top, #71ca3f, #5aa72e);
  background-image: -o-linear-gradient(top, #71ca3f, #5aa72e);
  background-image: linear-gradient(to bottom, #71ca3f, #5aa72e);
}
.tags-blue li:after {
  background: #56a3d5;
  -webkit-box-shadow: inset 1px 0 #276f9e;
  box-shadow: inset 1px 0 #276f9e;
}
.tags-blue span.tags-span {
  background: #56a3d5;
  border-color: #3591cd #318cc7 #2f86be;
  background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0);
  background-image: -moz-linear-gradient(top, #6aaeda, #4298d0);
  background-image: -o-linear-gradient(top, #6aaeda, #4298d0);
  background-image: linear-gradient(to bottom, #6aaeda, #4298d0);
}
.pb-import-row {
  margin: 0 0 30px 0;
}
.pb-import-csv,
.pb-import-twitter,
.pb-import-or,
.pb-import-pocket,
.pb-import-feedly {
  text-align: center;
}
.pb-import-csv .pb-import-icon,
.pb-import-twitter .pb-import-icon,
.pb-import-or .pb-import-icon,
.pb-import-pocket .pb-import-icon,
.pb-import-feedly .pb-import-icon {
  margin: 0 auto 20px auto;
}
.pb-import-or {
  font-size: 25px;
  font-weight: bold;
  color: #7b828b;
  padding: 30px;
}
@media (min-width: 641px) {
  .pb-import-or {
    padding: 60px 20px;
  }
}
.pb-import-data-filename {
  margin: 10px;
}
.pb-import-data-error {
  margin: 10px;
  color: #833230;
}
.pb-import-post {
  position: relative;
  background-color: #ffffff;
  padding: 15px;
  margin: 0 0 10px 0;
  border: 1px solid #ccd6e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pb-import-post .control-group {
  margin: 0 !important;
}
.pb-import-post .groups-pane {
  max-height: 150px;
  width: 310px;
}
.pb-import-post-error {
  color: #d31e19;
  font-weight: bold;
}
.pb-import-post-save,
.pb-import-post-edit {
  color: #4a4a4a;
  font-weight: bold;
  cursor: pointer;
}
.pb-import-post-save:hover,
.pb-import-post-edit:hover {
  text-decoration: underline;
}
.pb-import-post-selection {
  padding: 5px 0 0 0;
  float: left;
  width: 20px;
  text-align: center;
}
.pb-import-post-main {
  float: left;
  padding: 0 0 0 10px;
  margin: 0 200px 0 0;
  opacity: 1;
}
.pb-import-post-main.pb-import-post-active {
  opacity: 1;
}
.pb-import-post-title {
  padding: 0 0 10px 0;
}
.pb-import-post-title-view {
  font-weight: bold;
}
.pb-import-post-content {
  padding: 0 0 10px 0;
}
.pb-import-post-content-view {
  margin: 0 0 5px 0;
}
.pb-import-post-networks {
  padding: 0 0 10px 0;
}
.pb-import-post-groups-category {
  position: relative;
  margin: 0 0 10px 0;
}
.pb-import-post-groups {
  float: left;
}
.pb-import-post-groups .chosen-container {
  width: 200px !important;
}
.pb-import-post-category {
  float: left;
}
.pb-import-post-category .chosen-container {
  width: 200px !important;
}
@media (min-width: 641px) {
  .pb-import-post-category {
    padding-left: 10px;
  }
}
.pb-import-post-group-suggestions {
  float: left;
}
.pb-import-post-group-suggestions .chosen-container {
  width: 200px !important;
}
@media (min-width: 641px) {
  .pb-import-post-group-suggestions {
    padding-left: 10px;
  }
}
.pb-import-post-dates {
  margin: 0 0 10px 0;
}
.pb-import-post-start .text-input-erase,
.pb-import-post-expiration .text-input-erase {
  margin: -5px 0 0 0 !important;
}
.pb-import-post-media {
  text-align: center;
}
.pb-import-post-media img {
  max-width: 100px;
}
@media (min-width: 641px) {
  .pb-import-post-media img {
    max-width: 150px;
  }
}
@media (min-width: 961px) {
  .pb-import-post-media img {
    max-width: 200px;
  }
}
@media (min-width: 961px) {
  .pb-import-post-media {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.email-container {
  background: #ffffff;
  padding: 2%;
  border: 1px solid #ccd6e2;
}
.email-container .table-clean .table-body > tr > td {
  padding: 10px 0 10px 10px;
}
.email-history {
  background: #ffffff;
  border: 1px solid #ccd6e2;
  margin-top: 20px;
}
.email-row {
  padding: 20px 25px;
  border-bottom: 1px solid #eff3f6;
}
.email-row .col:first-child {
  text-align: center;
}
.email-row .fa-check-circle {
  color: #5eb95e;
  font-size: 24px;
}
.email-row .fa-clock-o {
  font-size: 24px;
}
.email-row .fa-pencil-square-o {
  font-size: 24px;
}
.email-row .email-subject {
  font-weight: bold;
  font-size: 15px;
}
.email-row .email-sent {
  font-style: italic;
  color: #8d8d8d;
}
.email-row .email-sent__full-name::after {
  padding-left: 5px;
  content: "\2022";
}
.email-row .stat-value {
  margin: 0 0 15px 0;
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 20px;
}
.email-row .email-recipients {
  text-align: center;
}
.email-row .email-view-control {
  color: #589ced;
  position: relative;
  top: 10px;
  text-decoration: none;
  cursor: pointer;
}
.email-row .email-view-control.disabled {
  background-color: inherit;
  color: #d7d7d7;
  pointer-events: none;
}
.email-row .expanded-email {
  margin-top: 10px;
}
.email-row .expanded-email-label {
  font-weight: bold;
}
.email-pager {
  float: right;
  margin: 20px 0;
}
.email-pager-text {
  margin: 2px 10px 0 0;
  float: left;
}
.email-pager-link {
  cursor: pointer;
  float: right;
  position: relative;
  overflow: hidden;
  width: 26px;
  height: 26px;
  font: 0/0 serif;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, .2), -1px 0 rgba(255, 255, 255, .2);
  box-shadow: inset 1px 0 rgba(255, 255, 255, .2), -1px 0 rgba(255, 255, 255, .2);
}
.email-pager-link:last-child {
  border-right: 1px solid #d2d2d2;
}
.email-pager-link:hover {
  background: #f5f7f8;
  background: rgba(0, 0, 0, 0.015);
}
.email-pager-link:hover:after {
  border-color: transparent #909090;
}
.email-pager-link:active {
  background: #eff3f6;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03), 0 -1px rgba(0, 0, 0, .02), -1px 0 rgba(255, 255, 255, .2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03), 0 -1px rgba(0, 0, 0, .02), -1px 0 rgba(255, 255, 255, .2);
}
.email-pager-link:active:after {
  border-color: transparent #909090;
}
.email-pager-link:before,
.email-pager-link:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #909090;
}
.email-pager-link:before {
  margin-top: -3px;
  border-color: transparent rgba(255, 255, 255, 0.5);
}
.email-pager-link.prev:before,
.email-pager-link.prev:after {
  border-width: 4px 4px 4px 0;
}
.email-pager-link.next:before,
.email-pager-link.next:after {
  border-width: 4px 0 4px 4px;
}
.email-pager-link:last-child {
  border-bottom-right-radius: 2px;
}
.email-pager-link.disabled,
.email-pager-link[disabled] {
  pointer-events: none !important;
  color: #d2d2d2;
  cursor: default;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.email-pager-link.disabled:after,
.email-pager-link[disabled]:after {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.email-pager-link.disabled:hover,
.email-pager-link[disabled]:hover {
  background: none !important;
}
.email-pager-link.disabled:hover:after,
.email-pager-link[disabled]:hover:after {
  border-color: transparent #909090;
}
.schedule-email {
  margin-bottom: 5px;
}
.email-html {
  font-family: "Courier New";
  padding: 10px;
  border: 1px solid #d2d2d2;
  word-wrap: break-word;
  max-height: 400px;
  overflow-y: scroll;
}
.email-update-history {
  margin-bottom: 80px;
}
.email-update-history__filters {
  position: relative;
}
.email-update-history__filter {
  display: block;
  float: left;
  margin-top: 10px;
  width: 100%;
}
@media (min-width: 641px) {
  .email-update-history__filter {
    width: auto;
    margin-top: 3px;
    margin-left: 30px;
  }
}
.email-update-history__filter #group-filter-trigger {
  position: relative;
  top: -3px;
}
.email-update-history #group-filter {
  z-index: 100;
}
@media (min-width: 641px) {
  .email-update-history .pagination {
    float: right;
  }
}
.email-template-selection-container {
  margin-top: 38px;
}
.email-template {
  text-align: center;
}
.email-template__image {
  width: 150px;
  margin: 9px auto;
  display: block;
}
.email-template__name {
  display: inline-block;
  margin-left: 4px;
}
.email-template label {
  cursor: pointer;
}
.email-template input[type="radio"]:checked + label > .email-template__image {
  border: 2px solid #589ced;
}
.email-update-create #group-filter {
  z-index: 100;
  width: 24%;
}
.email-update-create .formatted-dates {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 12px;
  color: #929fb2;
  vertical-align: middle;
  padding-right: 10px;
}
.email-update-create__groups-filter-wrapper {
  display: flex;
  align-items: center;
}
.email-update-create__groups-filter {
  display: inline-flex;
  align-items: center;
  flex: 1;
}
.email-update-create__groups-filter i {
  margin-left: auto;
}
.email-update-create__groups-filter--select-all {
  justify-content: center;
}
.email-update-create__or-label {
  display: inline-flex;
  text-transform: uppercase;
  margin: 0 10px;
}
.email-update-create__filters {
  margin-top: 20px;
}
.email-update-create__filters .button-arrow-right {
  margin-right: 0;
}
.email-update-create__filters .select {
  width: 100%;
  margin-bottom: 10px;
}
.email-update-create__filters .select > select {
  width: 100%;
}
@media (min-width: 641px) {
  .email-update-create__filters .select {
    margin-bottom: 0;
  }
}
.email-update-create__groups-table-wrapper {
  height: 360px;
  overflow-y: auto;
  border: 1px solid #eff3f6;
}
.email-update-create__groups-table {
  width: 100%;
}
.email-update-create__groups-table-header {
  font-weight: 700;
}
.email-update-create__groups-table-header th {
  border-bottom: 1px solid #eff3f6;
  padding: 15px 20px;
}
.email-update-create__groups-table-header th:first-child {
  text-align: left;
}
.email-update-create__groups-table-cell {
  padding: 10px 20px;
}
.email-update-create__groups-table-cell:first-child {
  width: 60%;
}
.email-update-create__group-post-count {
  text-align: center;
}
@media (min-width: 641px) {
  .email-update-create__first-col {
    padding-right: 20px;
  }
}
.email-preview {
  height: 90%;
}
html[data-browser*="iPad"] .email-preview {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
html[data-browser*="iPod"] .email-preview {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
html[data-browser*="iPhone"] .email-preview {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.schedule-email-modal {
  text-align: center;
}
.schedule-email-modal .email-datepicker {
  margin: 10px 70px 20px;
}
.schedule-email-modal .controls {
  text-align: center;
}
.email-header-remove-button {
  cursor: pointer;
  margin-left: 25px;
  z-index: 1;
}
.email-header-uploaded-image {
  display: flex !important;
  margin-left: -15px !important;
}
.email-header-error {
  margin-left: 25px;
  color: #db3e3b;
}
.email-history-dropdown-buttons {
  height: 90px;
}
.dashboard {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.33);;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.33);;
  margin-bottom: 30px;
  border: 1px solid #dbe9f9;
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-weight: 400;
}
.dashboard.span_6 {
  margin-left: 0;
  width: 100%;
}
@media (min-width: 961px) {
  .dashboard.span_6 {
    width: 49%;
  }
  .dashboard.span_6:not(:first-child) {
    margin-left: 2%;
  }
}
.dashboard__header {
  background: #f5f7f8;
  overflow: auto;
  display: table;
  width: 100%;
}
.dashboard__title {
  font-size: 16px;
  line-height: 16px;
  color: #0b121f;
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  padding: 26px 0 26px 20px;
}
@media (min-width: 641px) {
  .dashboard__title {
    font-size: 18px;
    line-height: 18px;
  }
}
.dashboard__dates {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  text-align: right;
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}
@media (min-width: 641px) {
  .dashboard__dates {
    font-size: 13px;
  }
}
.dashboard__dates ul li {
  display: inline-block;
}
.dashboard__dates ul li a {
  color: #495564;
  text-decoration: none;
  display: block;
  padding: 26px 10px;
  cursor: pointer;
}
@media (min-width: 961px) {
  .dashboard__dates ul li a {
    padding: 26px 8px;
  }
}
.dashboard__dates ul li a.active {
  color: #4a90e2;
  border-bottom: 1px solid #4a90e2;
}
.dashboard__two-col {
  padding: 15px;
  display: block;
  width: 100%;
  overflow: auto;
}
.dashboard__two-col .span_6 {
  width: 100%;
}
@media (min-width: 961px) {
  .dashboard__two-col .span_6 {
    width: 49%;
    display: table;
  }
}
.dashboard__two-col--left {
  border-bottom: 1px solid #ccd6e2;
}
@media (min-width: 961px) {
  .dashboard__two-col--left {
    border-right: 1px solid #ccd6e2;
    border-bottom: none;
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
}
.dashboard__two-col--right {
  font-size: 15px;
  line-height: 18px;
  color: #495564;
  padding: 15px 0;
}
@media (min-width: 961px) {
  .dashboard__two-col--right {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
  }
}
.dashboard__two-col .dashboard__content {
  padding: 16px 25px;
}
.dashboard__content {
  padding: 31px 10px;
}
@media (min-width: 641px) {
  .dashboard__content {
    padding: 31px 25px;
  }
}
.dashboard__content a {
  text-decoration: none;
}
.dashboard__stats {
  margin-bottom: 50px;
  width: 100%;
  overflow: auto;
  display: table;
}
.dashboard__stat {
  text-align: center;
  color: #7b828b;
}
.dashboard__stat.span_4 {
  width: 33%;
  padding: 5px;
  display: table-cell;
  vertical-align: top;
}
.dashboard__stat.span_4:first-child {
  padding-left: 0;
}
.dashboard__stat.span_4:last-child {
  padding-right: 0;
}
.dashboard__stat.span_4:not(:last-child) {
  border-right: 1px solid #ccd6e2;
}
.dashboard__stat.span_4 .stat__icon {
  width: 25px;
  height: 25px;
}
@media (min-width: 641px) {
  .dashboard__stat.span_4 .stat__icon {
    width: 32px;
    height: 32px;
  }
}
.dashboard__stat.span_4 .stat__value {
  font-size: 25px;
}
@media (min-width: 641px) {
  .dashboard__stat.span_4 .stat__value {
    font-size: 33px;
  }
}
.dashboard__stat a {
  color: #7b828b;
  display: block;
}
.dashboard__stat .stat__icon {
  width: 32px;
  height: 32px;
  margin-bottom: -4px;
  margin-right: 10px;
}
.dashboard__stat .stat__value {
  font-size: 33px;
  line-height: 32px;
  letter-spacing: 0.5px;
  font-weight: 300;
}
.dashboard__stat .stat__name {
  font-size: 14px;
  line-height: 12px;
  padding-top: 7px;
  font-weight: 300;
}
@media (min-width: 641px) {
  .dashboard__stat .stat__name {
    font-size: 12px;
    font-weight: 400;
  }
}
.dashboard__readers-list {
  padding: 15px 0;
}
@media (min-width: 961px) {
  .dashboard__readers-list {
    padding: 15px 20px;
  }
}
.dashboard__readers-list li {
  padding: 15px 10px;
}
.dashboard__readers-list li:first-child {
  padding-top: 0;
}
.dashboard__readers-list li:last-child {
  padding-bottom: 0;
}
.dashboard__readers-list li:not(:last-child) {
  border-bottom: 1px solid #ccd6e2;
}
.dashboard__readers-list .readers-list__avatar {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  margin-right: 10px;
  vertical-align: middle;
}
@media (min-width: 641px) {
  .dashboard__readers-list .readers-list__avatar {
    width: 35px;
    height: 35px;
  }
}
.dashboard__readers-list .readers-list__name {
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  vertical-align: middle;
}
@media (min-width: 641px) {
  .dashboard__readers-list .readers-list__name {
    font-size: 15px;
  }
}
.dashboard-stat {
  background: #ffffff;
  padding: 20px;
  border: 1px solid #ccd6e2;
}
.dashboard-stat-padding-none {
  padding: 0;
}
.dashboard-stat .stat-title {
  color: #404040;
  font-size: 11px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 20px 0 20px 0;
}
@media (min-width: 641px) {
  .dashboard-stat .stat-title {
    margin: 0 0 20px 0;
  }
}
.dashboard-stat .stat-value {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 43px;
  margin: 20px 0px;
}
@media (min-width: 641px) {
  .dashboard-stat .stat-value {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 74px;
  }
}
@media (min-width: 961px) {
  .dashboard-stat .stat-value {
    font-size: 3vw;
  }
}
.dashboard-stat .earned-media-value {
  color: #4ec29c;
}
.dashboard-stat .stat-change {
  margin: 10px 0;
}
.dashboard-stat .stat-change .fa-caret-up {
  color: #aad26a;
}
.dashboard-stat .stat-change .fa-caret-down {
  color: #fe5f57;
}
.dashboard-stat .stat-chart-holder {
  margin: auto;
}
.dashboard-stat .stat-chart-holder .stat-chart {
  margin-top: 30px;
  width: 100%;
  height: 80px;
  text-align: center;
}
.dashboard-stat .stat-chart-holder .stat-chart-pie {
  width: 100%;
  height: 200px;
  text-align: center;
}
.dashboard-stat .pbi {
  background: #dbe9f9;
  padding: 5px;
  margin: 0 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.dashboard-stat .pbi .pbi-value {
  font-size: 12px;
}
.dashboard-stat .pbi .pbi-title {
  font-size: 10px;
  font-weight: normal;
}
.dashboard-stat .stat-table-holder {
  margin: 10px auto;
  margin-bottom: 0;
  min-height: 200px;
}
.dashboard-stat .stat-table-holder .stat-table-title {
  color: #000000;
  text-transform: capitalize;
  width: 100%;
  display: block;
  font-weight: bold;
}
.dashboard-stat .stat-table-holder .stat-table-title a {
  float: right;
  color: #000000;
  padding: 0 !important;
  text-decoration: none;
}
.dashboard-stat .stat-table-holder .stat-table {
  font-size: 12px;
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #ffffff;
}
.dashboard-stat .stat-table-holder .stat-table tr {
  color: #7b828b;
}
.dashboard-stat .stat-table-holder .stat-table .stat-table-head th {
  font-weight: normal;
  text-align: left;
}
.dashboard-stat .stat-table-holder .stat-table .stat-table-key {
  padding: 3px 0;
  text-align: left;
  width: 70%;
}
.dashboard-stat .stat-table-holder .stat-table .stat-table-key a {
  color: #4a90e2;
  text-decoration: none;
}
.dashboard-stat .stat-table-holder .stat-table .stat-table-key a:hover {
  text-decoration: underline;
}
.dashboard-stat .stat-table-holder .stat-table .stat-table-value {
  padding: 5px;
  text-align: right;
  font-weight: bold;
}
.dashboard-stat .stat-actions {
  margin: 0 0 10px 0;
}
.earned-media-value-line-chart {
  background: #ffffff;
  padding: 15px 5px;
  border: 1px solid #ccd6e2;
}
.span_full-width {
  background: #ffffff;
}
.volume-clicks {
  text-align: center;
  padding: 20px;
}
.volume-clicks #miniChannelsChartContainer {
  margin: 30px 0;
}
.volume-clicks .clicks-total {
  font-size: 45px;
  margin: 30px 0;
}
.volume-clicks .clicks-title {
  font-size: 14px;
  margin-top: 10px;
  font-weight: bold;
}
.volume-clicks a {
  margin: 40px 0;
}
.clickthrough-container {
  border-left: 1px solid #ccd6e2;
}
@media (min-width: 1001px) {
  .small-chart,
  .medium-chart {
    display: none;
  }
  .large-chart {
    display: inline-block;
  }
}
@media (min-width: 640px) and (max-width: 1000px) {
  .small-chart,
  .large-chart {
    display: none;
  }
  .medium-chart {
    display: inline-block;
  }
}
@media (max-width: 639px) {
  .medium-chart,
  .large-chart {
    display: none;
  }
  .small-chart {
    display: inline-block;
  }
}
.stat-table-list__small {
  display: none;
}
@media (min-width: 640px) and (max-width: 800px) {
  .stat-table-list__small {
    display: inline-block;
  }
  .stat-table-list {
    display: none;
  }
}
.export-container {
  margin: 0px 0 15px 0 !important;
}
.export-container .button {
  font-size: 12px;
  font-weight: 400;
  color: #7b828b;
  text-decoration: none;
}
.export-container .button-primary,
.export-container .button-destruct {
  color: #ffffff;
}
.export-container .user-total {
  margin-left: 10px;
  vertical-align: middle;
}
.groups-tree {
  border: 1px solid #ccd6e2;
  padding: 0 20px;
  background: #ffffff;
  margin-bottom: 80px;
}
.groups-tree__branch {
  overflow: hidden;
}
.groups-tree__branch--collapsed {
  height: 0;
}
.groups-tree__item {
  font-size: 14px;
  color: #929fb2;
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 2px solid #eff3f6;
}
.groups-tree__number-of-users::before {
  content: "\2022";
  padding-right: 4px;
}
.groups-tree__id::before {
  content: "//";
  padding: 0 4px;
}
.groups-tree__dropdown-item a {
  max-width: 358px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.groups-tree__item-label {
  padding-left: 20px;
  position: relative;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.groups-tree__item-label:hover {
  cursor: pointer;
}
.groups-tree__item-icon {
  position: absolute;
  left: 0;
  top: 3px;
  color: #404040;
}
.groups-tree__item-control {
  margin-left: auto;
}
.groups-tree__item-control-ellipsis {
  padding: 0 20px;
}
.groups-tree__item-control-ellipsis:hover {
  cursor: pointer;
}
.groups-tree__item-selected {
  color: #404040;
}
.groups-tree__bottom-border {
  position: relative;
  left: 0;
  bottom: 2px;
  background-color: #ffffff;
  height: 2px;
  z-index: 1;
  width: 100%;
}
.selectable-groups-tree {
  padding: 0 10px;
}
.selectable-groups-tree__branch {
  overflow: hidden;
  transition: max-height 0.5s;
}
.selectable-groups-tree__branch--collapsed {
  height: 0;
}
.selectable-groups-tree__item {
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 24px;
}
.selectable-groups-tree__item-label {
  padding-left: 0px;
  position: relative;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectable-groups-tree__item-icon {
  position: absolute;
  left: 0;
  top: 3px;
  color: #404040;
  padding: 0 10px 0 0;
}
.selectable-groups-tree__item-hg-icon {
  position: relative;
  margin-left: 5px;
  cursor: pointer;
}
.selectable-groups-tree__item-hg-icon i {
  color: #b3b3b3;
}
.selectable-groups-tree__item-hg-icon i.selected {
  color: #404040;
}
.selectable-groups-tree__item-checkbox {
  position: relative;
  margin-left: 20px;
}
.selectable-groups-tree__item-checkbox input {
  width: auto;
}
.selectable-groups-tree__item-checkbox input:disabled {
  cursor: default;
}
.selectable-groups-tree__item-checkbox input[type="radio"] + span {
  position: relative;
  top: 2px;
}
.selectable-groups-tree__item-checkbox:not(.disabled) label,
.selectable-groups-tree__item-checkbox:not(.disabled) input {
  cursor: pointer;
}
.selectable-groups-tree__item-checkbox.disabled {
  cursor: default;
}
.selectable-groups-tree__item-checkbox-selector {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.selectable-groups-tree__item-control {
  margin-left: auto;
  padding: 0 20px;
}
.selectable-groups-tree__item-control:hover {
  cursor: pointer;
}
.groups-pane {
  max-height: 225px;
  padding: 10px;
  border: 1px solid #ccd6e2;
  border-radius: 4px;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: scroll;
}
#create-group-modal .groups-pane,
#move-group-modal .groups-pane {
  max-height: 200px;
}
.topic-subscription-header {
  overflow: auto;
  text-overflow: ellipsis;
}
.business-page__section-title {
  font-size: 20px;
  padding-bottom: 20px;
}
.colorpicker-visible,
.colorpicker-visible .dropdown-menu {
  display: block !important;
  background-color: #eff3f6;
  border-radius: 5px;
}
colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("https://pb-dev-assets.s3.us-west-2.amazonaws.com/pb-misc/pb-colorpicker-saturation.png");
  background-size: contain;
  cursor: crosshair;
  float: left;
}
colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #fff;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
colorpicker-hue,
colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
colorpicker-hue i,
colorpicker-alpha i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
colorpicker-hue {
  background-image: url("https://pb-dev-assets.s3.us-west-2.amazonaws.com/pb-misc/pb-colorpicker-hue.png");
  background-size: contain;
}
colorpicker-alpha {
  display: none;
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}
.colorpicker colorpicker-hue,
.colorpicker colorpicker-alpha,
.colorpicker colorpicker-saturation {
  position: relative;
}
.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}
.colorpicker.alpha {
  min-width: 140px;
}
.colorpicker.alpha colorpicker-alpha {
  display: block;
}
.colorpicker.dropdown {
  position: absolute;
  margin-top: 25px;
}
.colorpicker.colorpicker-fixed-position {
  position: fixed;
}
.colorpicker .dropdown-menu::after,
.colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute;
}
.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px;
}
.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px;
}
.colorpicker .dropdown-menu {
  position: relative;
  top: -8px;
  left: 0;
  min-width: 129px;
  padding: 10px;
  margin-top: 0;
}
.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px;
}
.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px;
}
.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
}
.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px;
}
.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px;
}
colorpicker-preview {
  display: none;
}
.close-colorpicker {
  display: none;
}
/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.pb-icon-alert {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -889px;
  width: 128px;
  height: 128px;
}
.pb-icon-analytics {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -764px;
  width: 180px;
  height: 125px;
}
.pb-icon-email {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -303px;
  width: 157px;
  height: 109px;
}
.pb-icon-image-placeholder-small {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -133px;
  width: 32px;
  height: 32px;
}
.pb-icon-image-placeholder {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -200px;
  width: 48px;
  height: 48px;
}
.pb-icon-image-upload {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -1017px;
  width: 128px;
  height: 128px;
}
.pb-icon-inbox-alert-blue {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px 0px;
  width: 24px;
  height: 20px;
}
.pb-icon-inbox-alert-red {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -20px;
  width: 24px;
  height: 20px;
}
.pb-icon-inbox-alert-yellow {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -40px;
  width: 24px;
  height: 20px;
}
.pb-icon-inbox-created {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -60px;
  width: 24px;
  height: 24px;
}
.pb-icon-inbox-marked {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -84px;
  width: 24px;
  height: 24px;
}
.pb-icon-mailchimp-large {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -412px;
  width: 100px;
  height: 110px;
}
.pb-icon-mailchimp {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -248px;
  width: 50px;
  height: 55px;
}
.pb-icon-post-deferred {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -1145px;
  width: 174px;
  height: 129px;
}
.pb-icon-post-deleted {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -1403px;
  width: 136px;
  height: 134px;
}
.pb-icon-post-suggest {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -1274px;
  width: 174px;
  height: 129px;
}
.pb-icon-post {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -522px;
  width: 159px;
  height: 118px;
}
.pb-icon-user {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -640px;
  width: 113px;
  height: 124px;
}
.pb-loading-logo {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -1537px;
  width: 122px;
  height: 213px;
}
.pb-sidebar-logo {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -108px;
  width: 120px;
  height: 25px;
}
.pb-topbar-logo {
  background-image: url(/images/pb-sprites.png);
  background-position: 0px -165px;
  width: 169px;
  height: 35px;
}
/*!
 * FullCalendar v2.4.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
  background-color: #ffffff;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #f4f6f8;
}
.fc-unthemed .fc-popover {
  background-color: #ffffff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eff3f6;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #7b828b;
}
.fc-unthemed .fc-today {
  background: #ccd6e2;
}
.fc-highlight {
  /* when user is selecting cells */
  background: #f4f6f8;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
}
.fc-bgevent {
  /* default look for background events */
  background: #67caaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
}
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #eff3f6;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Lato", Verdana, Arial, sans-serif;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
  left: -2%;
}
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
  left: 2%;
}
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 0.2em;
  vertical-align: middle;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f7f8;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f7f8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f7f8));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f7f8);
  background-image: -o-linear-gradient(top, #ffffff, #f5f7f8);
  background-image: linear-gradient(to bottom, #ffffff, #f5f7f8);
  background-repeat: repeat-x;
  border-color: #f5f7f8 #f5f7f8 #929fb2;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #3f3f44;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #3f3f44;
  background-color: #f4f6f8;
}
.fc-state-hover {
  color: #3f3f44;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
  background-color: #ccd6e2;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 0.9em;
  margin-top: 2px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}
.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 3px;
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
  color: #000000;
  border: 1px solid #ccd6e2;
  /* default BORDER color */
  background-color: #f5f7f8;
  /* default BACKGROUND color */
  cursor: default;
}
.fc-event:hover {
  z-index: 10;
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #000000;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #ffffff;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /* for IE */
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
.fc-event .fc-resizer {
  position: absolute;
  z-index: 3;
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* resizer */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px;
}
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: normal;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px;
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  padding: 10px;
  text-align: center;
  margin-bottom: 1em;
}
.fc-toolbar .fc-left {
  float: left;
  font-size: 20px;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: 0.75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view .fc-body .fc-row {
  min-height: 128px;
  /* ensure that all rows are at least this tall */
  height: auto !important;
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
  text-align: center;
}
.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}
.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}
.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}
.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}
.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}
.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer */
.fc-time-grid-event .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 12px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event .fc-resizer:after {
  content: "=";
}
.pb-event {
  position: relative;
  margin: 5px 0 5px 0;
}
.pb-event .pb-event-media {
  max-width: 100%;
}
.pb-event .pb-event-edit {
  position: absolute;
  top: 0;
  left: 10px;
  cursor: pointer;
}
.pb-calendar-title {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 28px;
  text-align: center;
  margin: 40px 0;
}
.pb-calendar-back {
  margin: 0 0 10px 0;
  text-align: center;
}
.pb-event-content {
  margin-left: 10px;
}
.pb-event-content .calendar__content {
  word-wrap: break-word;
}
.pb-event-content .post-link a {
  padding: 0px 5px;
  position: relative;
  bottom: 2px;
  right: 16px;
  font-size: 10px;
}
.smartbanner-show {
  margin-top: 80px;
}
.smartbanner-show .smartbanner {
  display: block;
}
/** Default **/
.smartbanner {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-family: "Lato", Verdana, Arial, sans-serif;
  background: #f5f7f8;
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none;
}
.smartbanner-container {
  margin: 0 auto;
  white-space: nowrap;
}
.smartbanner-close {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 5px;
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  color: #7b828b;
  text-decoration: none;
  border: 0;
  border-radius: 14px;
  -webkit-font-smoothing: subpixel-antialiased;
}
.smartbanner-close:active,
.smartbanner-close:hover {
  color: #7b828b;
}
.smartbanner-icon {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  margin-right: 12px;
  background-size: cover;
  border-radius: 10px;
}
.smartbanner-info {
  display: inline-block;
  vertical-align: middle;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold;
}
.smartbanner-title {
  font-size: 13px;
  line-height: 18px;
}
.smartbanner-button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #495564;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-button:active,
.smartbanner-button:hover {
  color: #7b828b;
}
/** iOS **/
.smartbanner-ios {
  background: #f5f7f8;
  background: linear-gradient(to bottom, #f5f7f8, #ccd6e2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
}
.smartbanner-ios .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #495564;
  text-shadow: 0 1px 0 #ffffff;
}
.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
  color: #7b828b;
}
.smartbanner-ios .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.smartbanner-ios .smartbanner-info {
  color: #495564;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-ios .smartbanner-title {
  color: #4a4a4a;
  font-weight: bold;
}
.smartbanner-ios .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #495564;
  background: #f4f6f8;
  background: linear-gradient(to bottom, #f4f6f8, #ccd6e2);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #ccd6e2, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}
.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
  background: #ccd6e2;
  background: linear-gradient(to bottom, #ccd6e2, #f4f6f8);
}
/** Android **/
.smartbanner-android {
  background: #3f3f44 url("dark_background_stripes.gif");
  box-shadow: inset 0 4px 0 #5eb95e;
  line-height: 82px;
}
.smartbanner-android .smartbanner-close {
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  margin-right: 7px;
  color: #ccd6e2;
  background: #0b121f;
  text-shadow: 0 1px 1px #000000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}
.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
  color: #eff3f6;
}
.smartbanner-android .smartbanner-icon {
  background-color: transparent;
  box-shadow: none;
}
.smartbanner-android .smartbanner-info {
  color: #ccd6e2;
  text-shadow: 0 1px 2px #000000;
}
.smartbanner-android .smartbanner-title {
  color: #ffffff;
  font-weight: bold;
}
.smartbanner-android .smartbanner-button {
  min-width: 12%;
  color: #ccd6e2;
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: 0 0 0 1px #3f3f44, 0 0 0 2px #ccd6e2;
}
.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
  background: none;
}
.smartbanner-android .smartbanner-button-text {
  text-align: center;
  display: block;
  padding: 0 10px;
  background: #42b6c9;
  background: linear-gradient(to bottom, #42b6c9, #39a9bb);
  text-transform: none;
  text-shadow: none;
  box-shadow: none;
}
.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
  background: #39a9bb;
}
/** Windows **/
.smartbanner-windows {
  background: #f5f7f8;
  background: linear-gradient(to bottom, #f5f7f8, #eff3f6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
}
.smartbanner-windows .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #6c7683;
  text-shadow: 0 1px 0 #ffffff;
}
.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
  color: #929fb2;
}
.smartbanner-windows .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.smartbanner-windows .smartbanner-info {
  color: #6c7683;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-windows .smartbanner-title {
  color: #3f3f44;
  font-weight: bold;
}
.smartbanner-windows .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #7b828b;
  background: #eff3f6;
  background: linear-gradient(to bottom, #f4f6f8, #ccd6e2);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #929fb2, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}
.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
  background: #ccd6e2;
  background: linear-gradient(to bottom, #ccd6e2, #f4f6f8);
}
/* stylelint-disable rule-nested-empty-line-before, declaration-colon-space-after */
.inbox_refreshing {
  position: absolute;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 1120px;
}
.inbox_sorted_subscription .media {
  padding-left: 20px;
}
@media (min-width: 641px) {
  .inbox {
    position: absolute;
    top: 63px;
    bottom: 0;
  }
}
.inbox_folder {
  position: relative;
  cursor: pointer;
}
.inbox_folder .img {
  min-height: 15px;
  min-width: 15px;
  font-size: 15px;
}
.inbox_folder_title {
  font-weight: bold;
  margin-left: 5px;
}
.inbox_folder_selected {
  position: absolute;
  right: 0;
  top: -10px;
  bottom: 0;
  width: 3px;
  background: #bff1bc;
}
.inbox_folder_details {
  color: #929fb2;
}
.inbox_folder_details .fa-trash,
.inbox_folder_details .icon-external-link {
  margin-right: 10px;
  color: #6c7683;
}
.inbox_folder .fa-rss {
  color: #f89406;
}
.inbox_subscription {
  border-bottom: 1px solid #eff3f6;
  position: relative;
  cursor: pointer;
}
.inbox_subscription .img {
  min-height: 20px;
  min-width: 20px;
  font-size: 20px;
}
.inbox_subscription_title {
  font-weight: bold;
}
.inbox_subscription_title_groups_title {
  font-weight: bold;
  display: block;
  margin-top: 4px;
}
.inbox_subscription_selected {
  position: absolute;
  right: 0;
  top: -10px;
  bottom: 0;
  width: 5px;
  background: #4a90e2;
}
.inbox_subscription_details {
  color: #929fb2;
}
.inbox_subscription_details .fa-trash,
.inbox_subscription_details .icon-external-link {
  margin-right: 10px;
  color: #6c7683;
}
.inbox_subscription_btn {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}
.inbox_subscription .fa-rss {
  color: #f89406;
}
.inbox_subscription .inbox-groups-image {
  margin-right: 5px !important;
}
.inbox_subscription .img img {
  display: block;
  max-width: 14px;
  max-height: 14px;
  width: auto;
  height: auto;
  margin: 7px;
}
.inbox_subscription_add {
  padding: 20px;
}
.inbox_subscription_add_header {
  font-size: 20px;
  margin: 20px 0;
  text-align: center;
}
.inbox_subscription_add .dd-option-image,
.inbox_subscription_add .dd-selected-image {
  display: block;
  max-width: 32px;
  max-height: 32px;
  width: auto;
  height: auto;
  margin-right: 16px;
  margin-left: 6px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.inbox_subscription_add .dd-selected-description-truncated {
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 66%;
}
.inbox_subscription_add .inbox_subscription_suggestions,
.inbox_subscription_add .control-group {
  width: 260px;
}
.inbox_subscription_add .inbox_subscription_suggestion_ddslick {
  margin-bottom: 30px;
}
.inbox_subscription_add .control-group {
  margin: 20px 0;
}
.inbox_subscription_add .control-group-submit {
  text-align: center;
}
.inbox_subscription_add .inbox_subscription_suggestions_wrapper {
  margin: 10px 0;
}
.inbox_subscription_add .inbox_subscription_suggestions_wrapper p {
  margin: 10px 0;
}
.inbox_subscriptions_column {
  background: #ffffff;
}
.inbox_subscriptions_column .inline-nav {
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #eff3f6;
}
.inbox_subscriptions_column .inline-nav li {
  display: table-cell;
  vertical-align: middle;
  float: none;
  max-width: 33%;
}
.inbox_subscriptions_column .inline-nav a {
  padding: 5px 10px;
  height: auto;
  line-height: 15px;
}
.inbox_subscriptions_column .fa-comment {
  margin-left: 7px;
}
@media (min-width: 641px) {
  .inbox_subscriptions_column {
    width: 290px;
    position: absolute;
    overflow: auto;
    height: 100%;
  }
}
.inbox_content_column {
  background: #ffffff;
}
@media (min-width: 641px) {
  .inbox_content_column {
    border-left: 1px solid #eff3f6;
    border-right: 1px solid #eff3f6;
    position: absolute;
    width: 430px;
    margin-left: 290px;
    height: 100%;
    overflow: auto;
  }
}
.inbox_content_column .inbox_content_no_content {
  padding: 20px;
  text-align: center;
}
.inbox_content_column .inbox_content_no_content_title {
  font-weight: bold;
  font-size: 18px;
  margin: 20px;
}
.inbox_content_column .inbox_content_no_content_description {
  margin: 20px;
}
.inbox_content_column .inbox_content_item {
  padding: 10px 5px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #ffffff;
}
.inbox_content_column .inbox_content_item:hover {
  background-color: #f5f7f8;
}
.inbox_content_column .inbox_content_item_marked {
  background-color: #eff3f6;
  border-bottom: 1px solid #f5f7f8;
}
.inbox_content_column .inbox_content_item_marked:hover {
  background-color: #eff3f6;
}
.inbox_content_column .inbox_content_item_created {
  opacity: 0.2;
}
.inbox_content_column .inbox_content_item_created .pb-icon-inbox-created {
  display: block;
}
.inbox_content_column .inbox_content_item .inbox_content_media {
  max-width: 100%;
  margin-top: 20px;
}
.inbox_content_column .inbox_content_item .pb-icon-inbox-marked,
.inbox_content_column .inbox_content_item .pb-icon-inbox-alert-blue,
.inbox_content_column .inbox_content_item .pb-icon-inbox-alert-yellow,
.inbox_content_column .inbox_content_item .pb-icon-inbox-alert-red,
.inbox_content_column .inbox_content_item .pb-icon-inbox-created {
  position: absolute;
  top: 20px;
  right: 20px;
}
.inbox_content_column .inbox_content_item .media .bd {
  margin-right: 30px;
}
.inbox_content_column .inbox_content_picture {
  display: block;
  max-width: 40px;
  max-height: 40px;
  width: auto;
  height: auto;
  margin: 20px;
}
.inbox_content_column .inbox_content_name {
  font-weight: bold;
}
.inbox_content_column .inbox_content_date {
  color: #929fb2;
  font-size: 11px;
}
.inbox_content_column .inbox_suggesting_user_full_name {
  color: #929fb2;
  font-size: 11px;
}
.inbox_content_column .inbox_suggesting_user_full_name::after {
  padding-left: 5px;
  content: "\2022";
}
.inbox_content_column .inbox_content_tweet .inbox_content_tweet_picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  max-width: none;
  max-height: none;
  margin: auto;
}
.inbox_content_column .inbox_content_tweet .inbox_content_tweet_name {
  font-size: 14px;
}
.inbox_content_column .inbox_content_tweet .inbox_content_tweet_screen_name {
  color: #929fb2;
}
.inbox_content_column .inbox_content_instagram .inbox_content_picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  max-width: none;
  max-height: none;
  margin: auto;
}
.inbox_content_column .inbox_content_instagram .inbox_content_ig_logo_picture {
  width: 40px;
  height: 40px;
  max-width: none;
  max-height: none;
  margin: auto;
}
.inbox_content_column .inbox_content_instagram .inbox_content_instagram_name {
  font-size: 14px;
}
.inbox_content_column .inbox_content_instagram .inbox_content_instagram_screen_name {
  color: #929fb2;
}
.inbox_content_column .inbox_content_linkedin .inbox_content_li_logo_picture {
  height: 40px;
  max-width: none;
  max-height: none;
  margin: auto;
  padding-left: 5px;
}
.inbox_content_column .inbox_content_linkedin .inbox_content_linkedin_name {
  font-size: 14px;
}
.inbox_content_column .inbox_content_pagination {
  text-align: center;
  margin: 20px;
}
.inbox .inbox_content_facebook_avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  max-width: none;
  max-height: none;
  margin: auto;
}
.inbox_presets_column {
  background: #ffffff;
  padding: 20px;
}
@media (min-width: 641px) {
  .inbox_presets_column {
    position: absolute;
    width: 400px;
    margin-left: 720px;
    height: 100%;
    overflow: auto;
  }
}
.inbox_presets_column .post-item {
  display: block;
  width: 100%;
}
.inbox_presets_column .post-item .post-media {
  width: 100%;
}
.inbox_presets_column .post-item .post-media img {
  max-width: 100%;
}
.inbox_presets_column .post-title {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #ffffff;
}
.inbox_presets_column .post-title:hover {
  border: 2px dashed #ccd6e2;
  opacity: 0.3;
}
.inbox_presets_column .post-content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #ffffff;
}
.inbox_presets_column .post-content:hover {
  border: 2px dashed #ccd6e2;
  opacity: 0.3;
}
.inbox_presets_column .post-title-edit {
  position: relative;
}
.inbox_presets_column .post-title-edit textarea {
  padding: 15px;
  border: 0;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  resize: none;
  min-height: 55px;
}
.inbox_presets_column .post-title-edit .fa-check {
  position: absolute;
  bottom: 0;
  right: 10px;
  cursor: pointer;
  padding: 10px;
}
.inbox_presets_column .post-content-edit {
  position: relative;
}
.inbox_presets_column .post-content-edit textarea {
  padding: 15px;
  border: 0;
  width: 100%;
  border-bottom: 1px solid #eff3f6;
  resize: none;
}
.inbox_presets_column .post-content-edit .fa-check {
  position: absolute;
  bottom: 0;
  right: 10px;
  cursor: pointer;
  padding: 10px;
}
.inbox_presets_column .post-groups {
  width: 100%;
  background: #f4f6f8;
  border: 1px solid #ccd6e2;
  border-radius: 3px;
  color: #62717a;
}
.inbox_presets_column .post-groups option {
  padding: 5px;
}
.inbox_presets_column .select {
  width: 100%;
}
.inbox_presets_column .pb-social {
  border-bottom: 1px solid #eff3f6;
  padding: 15px;
  background: #f5f7f8;
}
.inbox_presets_column .pb-social a.social-menu-link {
  cursor: pointer;
}
.inbox_presets_column .pb-social a.social-menu-link:hover {
  text-decoration: underline;
}
.inbox_presets_column .pb-social input,
.inbox_presets_column .pb-social textarea {
  width: 100%;
  border: 0;
  padding: 5px;
  background: transparent;
  outline: none;
}
.inbox_presets_column .pb-social input:focus,
.inbox_presets_column .pb-social textarea:focus {
  background: #f5f7f8;
  outline: none;
}
.inbox_presets_column .pb-social .pb-social-title {
  font-weight: bold;
}
.inbox_presets_column .pb-social .pb-social-description {
  height: 100px;
}
.inbox_presets_column .pb-social .pb-social-image {
  width: 270px;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.inbox_presets_column .pb-social .pb-social-image img {
  max-width: 100%;
}
.inbox_presets_column .pb-social .pb-social-image .pb-social-image-left {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 17px;
}
.inbox_presets_column .pb-social .pb-social-image .pb-social-image-right {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 17px;
}
.inbox .group-suggestion {
  border-bottom: 1px solid #f4f6f8;
}
.inbox .group-suggestion__item-wrapper {
  position: relative;
}
.inbox .group-suggestion__body {
  padding: 0 85px;
}
.inbox .group-suggestion__category {
  border-radius: 3px;
  text-shadow: none;
  font-weight: 700;
  background: #526e4f;
  color: #ffffff;
  padding: 1px 4px 2px;
  margin-right: 5px;
}
.inbox .group-suggestion .pb-icon-inbox-marked {
  right: 36px;
}
.inbox .group-suggestion__dismiss {
  display: none;
  position: absolute;
  top: 20px;
  left: 36px;
  font-size: 24px;
  color: #b3b3b3;
  z-index: 100;
  cursor: pointer;
}
.inbox .group-suggestion:hover .group-suggestion__dismiss {
  display: block;
}
.inbox .group-suggestion__title {
  font-size: 14px;
  font-weight: 700;
}
.inbox .group-suggestion__image {
  width: 100%;
}
.inbox .group-suggestion__creation-info {
  color: #909090;
}
.inbox .group-suggestion__creation-info > span:nth-child(2)::after {
  content: "\2022";
}
.inbox .group-suggestion__network-icon {
  margin-right: 5px;
}
.inbox_subscription_suggestion .inbox_subscription_suggestion_image {
  width: 24px;
  height: 24px;
}
.inbox_subscription_suggestion .inbox_subscription_suggestion_content {
  margin-left: 30px;
}
.inbox_subscription_suggestion .inbox_subscription_suggestion_title {
  font-weight: bold;
}
.inbox_subscription_suggestion .fa-check {
  color: #008000;
}
.folder-tray {
  transition: height 0.8s ease-out;
  height: 0px;
  overflow: hidden;
}
.folder-tray-open {
  transition: height 0.8s ease-in;
  height: auto;
}
.post-configuration .pb-import-post-dates input {
  width: 155px;
}
.post-configuration .apply-to-all {
  width: 50%;
}
.post-configuration .submit {
  display: block;
  margin-left: auto;
}
.inbox-form-warnings {
  padding: 5px 10px;
  text-align: right;
}
.inbox-form-warnings .form-warning,
.inbox-form-warnings .form-warning-2,
.inbox-form-warnings .form-error {
  top: 0;
  right: 0;
  position: relative;
}
.inbox-folder-content {
  border-bottom: 1px solid #eff3f6;
}
.inbox-folder-content .fa-folder {
  margin-left: 7px;
}
.inbox-folder-content .fa-folder-open {
  margin-left: 7px;
  margin-right: -2px;
}
.inbox-file-upload-button {
  display: inline-block;
}
.inbox-file-upload-button .button.fileinput-file {
  font-size: 10px;
  height: 26px;
}
.instagram-tag-account {
  border-top: 1px solid #eff3f6;
  padding-top: 5px;
  margin-top: 20px;
}
.main_inbox {
  background: #ffffff;
}
.bd-radi {
  border-radius: 3px;
}
.pagi-rotated {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.disabled {
  background-color: #ffffff;
  border-color: #d7d7d7;
  color: #d7d7d7;
}
.title-font {
  color: #4a4a4a;
  font-weight: 700;
}
.dot {
  list-style: disc;
}
.dot:before {
  color: #d7d7d7;
}
.dot:before,
.dot-blue:before,
.dot-red:before,
.dot-yellow:before {
  content: "•";
  font-size: 22px;
  vertical-align: sub;
}
.dot-blue:before {
  color: #589ced;
}
.dot-red:before {
  color: #f1706a;
}
.dot-yellow:before {
  color: #ffcb5e;
}
.pagination .select {
  width: 50px;
}
.button-password-gen {
  background: #589ced;
  border-radius: 0px 3px 3px 0px;
  height: 29px;
}
.button-password-gen.lock {
  background: #4580e4;
  border-radius: 0 3px 3px 0;
}
.button-password-gen.lock.active,
.button-password-gen.lock:active {
  background: #5373e4;
}
.button-password-gen.active,
.button-password-gen:active {
  background: #4580e4;
}
.password-textbox {
  display: inline-block;
  width: 60%;
}
.password-textbox-button {
  display: inline-block;
}
.pagination-top {
  display: inline-block;
  float: right;
}
@media (min-width: 961px) {
  .pagination-top {
    position: fixed;
    right: 20px;
  }
}
.btn-bar {
  padding-bottom: 20px;
  margin: -5px 0 -10px 0;
}
.pagi-text {
  vertical-align: text-top;
  font-size: 10px;
}
.checkbox:before {
  border: solid #589ced;
  border-width: 0 0 3px 3px;
}
.checkbox.indeterminate.checkbox:before {
  top: 6px;
  left: 3px;
  width: 6px;
  height: 0;
  border: 2px solid #589ced;
  transform: rotate(0deg);
}
.teampage .content {
  background-color: #eff3f6;
  padding: 80px 20px 100px 20px;
}
.team-add-new {
  height: auto;
  width: 200px;
  padding: 20px 10px;
  border: 1px dashed #ccd6e2;
  text-align: center;
  color: #ebebeb;
  border-radius: 3px;
}
.team-loading {
  margin-top: 300px;
  padding: 40px 0 0 0;
  background-position: top;
  background-color: #eff3f6;
}
.user-info {
  color: #4a4a4a;
  font-weight: 700;
}
.user-info-textbox {
  padding: 6px 3px;
  border: 1px #d7d7d7 solid;
  border-radius: 3px;
}
.user-info-modal {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.user-info-modal-content {
  position: relative;
  z-index: 1001;
  background: #ffffff;
  border: 1px solid #ccd6e2;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.17);
  border-radius: 6px;
  padding: 5% 30px;
}
.user-avatar {
  width: 57px;
  height: 57px;
  object-fit: cover;
}
.user-avatar-small {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 5px;
}
.icon-check-mark {
  color: #4580e4;
}
.icon-trash,
.icon-pencil,
.icon-arrow-up,
.icon-arrow-down {
  color: #4a4a4a;
}
.teamtag {
  background: #d7d7d7;
  color: #000000;
  padding: 0 3px;
  margin: 2px;
  text-shadow: #e0e0e0 1px 1px 0px;
  display: inline-block;
  border-radius: 3px;
}
.team-table {
  width: 100%;
  text-align: left;
  background: #ffffff;
  border-collapse: collapse;
  z-index: 10;
  border-bottom: #ccd6e2 1px solid;
  border-left: #ccd6e2 1px solid;
  border-right: #ccd6e2 1px solid;
}
@media (min-width: 641px) {
  .team-table {
    min-width: 640px;
  }
}
@media (min-width: 961px) {
  .team-table {
    min-width: initial;
  }
}
.team-table thead {
  text-align: center;
  background-color: #ffffff;
  z-index: 20;
  border-top: #ccd6e2 1px solid;
  border-bottom: #ccd6e2 1px solid;
}
.team-table th {
  min-width: 140px;
  vertical-align: middle;
  text-align: left;
}
.team-table th .fa-arrow-down,
.team-table th .fa-arrow-up {
  font-size: 10px;
}
.team-table th.fullname {
  min-width: 150px;
  max-width: 150px;
  padding-right: 20px;
}
.team-table th.username {
  min-width: 225px;
  max-width: 225px;
  padding-right: 20px;
}
.team-table th.groups {
  min-width: 60px;
  max-width: 60px;
  padding-right: 20px;
}
.team-table th.home-group {
  min-width: 130px;
  max-width: 130px;
}
.team-table th.last-shared {
  min-width: 95px;
  max-width: 95px;
  padding-right: 10px;
}
.team-table th.last-signed-in {
  min-width: 95px;
  max-width: 95px;
  padding-right: 10px;
}
.team-table th.status {
  min-width: 85px;
  max-width: 85px;
  padding-right: 10px;
}
.team-table th:first-child {
  padding-left: 15px;
}
.team-table th:last-child {
  min-width: 75px;
}
.team-table tbody {
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (min-width: 641px) {
  .team-table tbody {
    margin-top: 0px;
  }
}
.team-table tr {
  border: solid #ebebeb;
  border-width: 1px 0 1px 0;
  height: 60px;
  max-height: 60px;
}
.team-table tr.checked {
  background-color: #ebebeb;
}
.team-table tr:first-child {
  border-top: 0;
}
.team-table tr:last-child {
  border-bottom: 0;
}
.team-table td {
  min-width: 140px;
  vertical-align: middle;
  word-wrap: break-word;
}
.team-table td.fullname {
  min-width: 150px;
  max-width: 150px;
  padding-right: 20px;
}
.team-table td.username {
  min-width: 225px;
  max-width: 225px;
  padding-right: 20px;
}
.team-table td.groups {
  min-width: 60px;
  max-width: 60px;
  padding-right: 20px;
}
.team-table td.home-group {
  min-width: 130px;
  max-width: 130px;
}
.team-table td.last-shared {
  min-width: 95px;
  max-width: 95px;
  padding-right: 10px;
}
.team-table td.last-signed-in {
  min-width: 95px;
  max-width: 95px;
  padding-right: 10px;
}
.team-table td.status {
  min-width: 85px;
  max-width: 85px;
  padding-right: 10px;
}
.team-table td:first-child {
  padding-left: 5px;
}
.team-table td:last-child {
  min-width: 75px;
}
.team-table .team-td-checkbox {
  padding: 0 10px 0 5px;
  text-align: center;
  vertical-align: middle;
  min-width: 80px;
  width: 80px;
}
.team-table .table-user-username:hover {
  color: #4580e4;
}
.team-table .table-user-username:hover .fa-pencil {
  color: #4580e4;
}
.team-table .table-user-user-id {
  color: #ccd6e2;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 0 10px;
}
.team-table tfoot {
  line-height: 30px;
  border: none;
}
.team-table tfoot tr {
  border: none;
}
.team-table tfoot .team-table-pager {
  float: right;
}
.table-no-content {
  height: 500px;
}
.table-controls {
  width: 100%;
  background-color: #eff3f6;
  padding-top: 200px;
  margin-top: -200px !important;
  z-index: 21;
}
.table-container {
  padding-left: 0px;
  overflow: scroll;
}
@media (min-width: 641px) {
  .table-container {
    padding-left: 0px;
    overflow: scroll;
  }
}
@media (min-width: 961px) {
  .table-container {
    overflow: auto;
  }
}
.hover-menu {
  margin-top: 6px;
  pointer-events: visible !important;
}
.hover-menu:hover .table-user-username {
  cursor: pointer;
}
.hover-menu .hover-menu-btn {
  display: none;
}
.hover-menu:hover .hover-menu-btn {
  display: inline-block;
}
.hover-menu i {
  margin-left: 4px;
}
.hide {
  display: none;
}
.vertical-centre {
  vertical-align: middle;
  position: relative;
  top: 50%;
}
.horizontal-centre {
  text-align: center;
}
.valign-top {
  vertical-align: top;
}
.full-width {
  width: 100%;
}
.disp-inline-block {
  display: inline-block;
}
.editable-group {
  cursor: pointer;
}
.group-label {
  max-width: 120px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: inline-block;
}
.editable-group .edit-view {
  display: none;
}
.editable-group .display-view {
  display: inline-block;
}
.editable-group.active .edit-view {
  display: inline-block;
}
.editable-group .edit-view > input {
  width: 120px;
}
.editable-group.active .display-view {
  display: none;
}
.dash-border {
  border: 1px dashed #ccd6e2;
}
.page-number {
  display: inline-block;
  height: 30px;
  vertical-align: text-top;
  text-align: center;
  padding-left: 10px;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.groups-pane-empty {
  height: 110px;
  width: 190px;
  text-align: center;
  padding-top: 30px;
}
.dropdown-filter-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
  padding-left: 150px;
  padding-bottom: 10px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ccd6e2;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.dropdown-filter-footer span {
  margin-left: 5px;
}
.dropdown-filter-footer a:first-child {
  margin-right: 5px;
}
.dropdown-filter-footer label:hover,
.dropdown-filter-footer input:hover {
  cursor: pointer;
}
.dropdown-filter-date-range {
  display: grid;
}
.dropdown-filter-footer-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ccd6e2;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.dropdown-filter-footer-checkbox span {
  white-space: nowrap;
}
.dropdown-filter-footer-checkbox a {
  margin-right: 5px;
}
.dropdown-filter-footer-checkbox div {
  padding-right: 35px;
}
.dropdown-filter-footer-checkbox label:hover,
.dropdown-filter-footer-checkbox input:hover {
  cursor: pointer;
}
.sub-title {
  font-size: 16px;
  font-weight: 700;
  margin: 10px;
}
.heavy-type {
  font-weight: 800;
}
.larger-type {
  font-size: 22px;
}
.large-type {
  font-size: 18px;
}
.medium-type {
  font-size: 14px;
}
.small-type {
  font-size: 12px;
}
.smaller-type {
  font-size: 10px;
}
.muted {
  color: #929fb2;
}
.non-sortable {
  cursor: default;
}
.team-footer {
  margin: 20px 30px 0 0;
  text-align: right;
  height: 100px;
}
.mt-0 {
  margin-top: 0;
}
.mr-0 {
  margin-right: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.ml-0 {
  margin-left: 0;
}
.mt-2 {
  margin-top: 2px;
}
.mt-5 {
  margin-top: 5px;
}
.ml-5 {
  margin-left: 5px;
}
.mr-5 {
  margin-right: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.m-10 {
  margin: 10px;
}
.ml-0 {
  margin-left: 0;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.ml-20 {
  margin-left: 20px;
}
.mr-20 {
  margin-right: 20px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.ml-30 {
  margin-left: 30px;
}
.mr-30 {
  margin-right: 30px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.p-10 {
  padding: 10px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pl-10 {
  padding-left: 10px;
}
.pr-10 {
  padding-right: 10px;
}
.p-15 {
  padding: 15px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.p-20 {
  padding: 20px;
}
.pt-20 {
  padding-top: 20px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pl-20 {
  padding-left: 20px;
}
.pr-20 {
  padding-right: 20px;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.jq-dropdown {
  z-index: 900;
}
.inline-block {
  display: inline-block;
}
.input-error {
  border-color: #b94a48;
}
#addUserModal {
  background-color: #ffffff;
  width: 50vw;
  padding: 50px;
  left: 36em;
  margin-left: unset;
  max-height: 620px;
}
#addUserModal .groups-pane {
  max-height: 216px;
  border-bottom: 1px solid #ccd6e2;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#addUserModal .groups-pane.invalid-element {
  border-color: #b94a48;
}
#addUserModal .invalid-element,
#addUserModal .ng-invalid.ng-dirty:not(:focus),
#addUserModal .ng-invalid.ng-touched:not(:focus) {
  border-color: #b94a48;
}
#addUserModal .form-error {
  color: #b94a48;
  position: initial;
}
#addUserModal .form-error i.fa-times {
  color: #b94a48;
}
#editUserModal {
  background-color: #ffffff;
  width: 50vw;
  padding: 30px 50px;
  left: 36em;
  margin-left: unset;
  max-height: 665px;
}
#editUserModal .groups-pane {
  max-height: 223px;
  border-bottom: 1px solid #ccd6e2;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#editUserModal .groups-pane.invalid-element {
  border-color: #b94a48;
}
#editUserModal .invalid-element,
#editUserModal .ng-invalid.ng-dirty:not(:focus),
#editUserModal .ng-invalid.ng-touched:not(:focus) {
  border-color: #b94a48;
}
#editUserModal .form-error {
  color: #b94a48;
  position: initial;
}
#editUserModal .form-error i.fa-times {
  color: #b94a48;
}
.modal-halign {
  left: 25%;
  right: 25%;
}
.hr-grey {
  clear: both;
  border-color: #ccd6e2;
  border-top: 1px;
}
.groups-pane {
  max-height: 225px;
  padding: 10px;
  border-radius: 4px;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: scroll;
}
.activity-pane-days-ago {
  padding: 10px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ccd6e2;
  border-radius: 0px;
  border-bottom: none;
}
.filter-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  margin-top: -20px;
  padding-top: 20px;
}
@media (min-width: 641px) {
  .filter-container {
    position: initial;
    border-right: 0px;
    padding-bottom: 20px;
  }
}
@media (min-width: 961px) {
  .filter-container {
    position: fixed;
    border-right: 2px #eff3f6 solid;
  }
}
.filter-container .groups-panel {
  padding-bottom: 70px;
}
.filter-container .groups-panel .groups-pane {
  width: 400px;
  padding: 0 0 30px 0;
  max-height: none;
  border: none;
}
.filter-container .groups-pane-wrapper {
  width: 200px;
  overflow-x: auto;
  border-radius: 4px;
}
.filter-container .search {
  margin: 20px 10px 10px 10px;
}
.filter-container .filter__panel {
  margin: 20px 10px 10px 10px;
}
.import-csv-modal {
  background: #ffffff;
  padding: 0;
}
.import-csv-modal .header {
  border-bottom: 1px solid #ccd6e2;
  padding: 20px;
}
.import-csv-modal .team-csv-modal-body {
  padding: 20px;
}
.import-csv-modal .team-csv-modal-body__text {
  margin-top: 20px;
}
.import-csv-modal .team-csv-modal-footer {
  border-top: 1px solid #ccd6e2;
  padding: 20px;
  text-align: right;
}
.import-csv-modal .loading {
  margin: auto;
  background-color: #eff3f6;
}
.sample-csv-link {
  color: #00008b;
}
.upload-csv-link {
  float: right;
  cursor: pointer;
  position: relative;
  top: 10px;
  right: 20px;
  color: #00008b;
}
.add-group-icon-button {
  cursor: pointer;
  padding-left: 2px;
}
.assign-group-menu {
  padding-left: 10px;
  z-index: 1000 !important;
}
.assign-group-menu .search {
  margin-bottom: 10px;
}
button.select {
  text-align: start;
  min-width: 118px;
}
button.select span {
  color: #62717a;
}
.invite-content {
  overflow: auto;
}
.invite-content .control-group {
  margin: 20px 10px;
}
[id^="group-filter__"],
[id^="home-group-filter__"] {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  min-width: 270px;
  max-width: 400px;
  border: 1px solid #eff3f6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
}
[id^="group-filter__"] .groups-pane,
[id^="home-group-filter__"] .groups-pane {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  border: none;
  border-bottom: 1px solid #eff3f6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
[id^="group-filter__"] .groups-pane .selectable-groups-tree,
[id^="home-group-filter__"] .groups-pane .selectable-groups-tree {
  padding: 10px 20px;
}
[id^="group-filter__"] .group-filter-footer,
[id^="home-group-filter__"] .group-filter-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid #eff3f6;
  padding: 15px 20px;
}
[id^="group-filter__"] .group-filter-footer span,
[id^="home-group-filter__"] .group-filter-footer span {
  margin-left: 5px;
}
[id^="group-filter__"] .group-filter-footer a:first-child,
[id^="home-group-filter__"] .group-filter-footer a:first-child {
  margin-right: 5px;
}
[id^="group-filter__"] .group-filter-footer label:hover,
[id^="home-group-filter__"] .group-filter-footer label:hover,
[id^="group-filter__"] .group-filter-footer input:hover,
[id^="home-group-filter__"] .group-filter-footer input:hover {
  cursor: pointer;
}
[id^="topics-filter__"] {
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-size: 12px;
  min-width: 270px;
  max-width: 400px;
  border: 1px solid #eff3f6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
}
[id^="topics-filter__"] .topics-pane {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  border: none;
  border-bottom: 1px solid #eff3f6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
[id^="topics-filter__"] .topics-filter-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid #eff3f6;
  padding: 15px 20px;
}
[id^="topics-filter__"] .topics-filter-footer span {
  margin-left: 5px;
}
[id^="topics-filter__"] .topics-filter-footer a:first-child {
  margin-right: 5px;
}
[id^="topics-filter__"] .topics-filter-footer label:hover,
[id^="topics-filter__"] .topics-filter-footer input:hover {
  cursor: pointer;
}
.table-clean .form-error {
  color: #b94a48;
  right: 10px;
  position: absolute;
  bottom: -11px;
  font-size: 10px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.table-clean .table-body tr {
  border-bottom: none !important;
}
.table-clean th.muted {
  color: #ccd6e2 !important;
}
.table-clean th.name {
  min-width: 180px;
  max-width: 180px;
  padding-right: 20px;
}
.table-clean th.email {
  min-width: 225px;
  max-width: 225px;
  padding-right: 20px;
}
.table-clean th.role {
  min-width: 100px;
  padding-right: 20px;
}
.table-clean th.groups {
  min-width: 170px;
  padding-right: 20px;
}
.table-clean th.row-number {
  padding-right: 20px;
}
.table-clean th.failure-reason {
  min-width: 170px;
  padding-right: 20px;
}
.table-clean td.name {
  min-width: 180px;
  max-width: 180px;
  padding-right: 20px;
  position: relative;
}
.table-clean td.email {
  min-width: 225px;
  max-width: 225px;
  padding-right: 20px;
  position: relative;
}
.table-clean td.role {
  min-width: 100px;
  padding-right: 20px;
  position: relative;
}
.table-clean td.groups {
  min-width: 170px;
  padding-right: 20px;
  position: relative;
}
.table-clean td.row-number {
  padding-right: 20px;
}
.table-clean td.failure-reason {
  min-width: 170px;
  padding-right: 20px;
  color: #b94a48;
}
.invite-file-upload-button {
  display: inline-block;
}
.invite-file-upload-button .button.fileinput-file {
  font-size: 10px;
  height: 26px;
}
.invite-dropzone {
  text-align: center;
  height: 75px;
  background: #f4f6f8;
  border: 1px dashed;
  border-radius: 5px;
}
.invite-dropzone .pb-icon-image-upload {
  margin: auto;
}
.invite-dropzone-info {
  margin: 5px 0;
}
.invite-dropzone-hover {
  border: 5px dashed #53541c;
  opacity: 0.3;
}
.invite-dropzone-filename {
  margin-top: 25px;
}
.csv-dropzone {
  text-align: center;
  height: 75px;
  background: #f4f6f8;
  border: 1px dashed;
  border-radius: 5px;
}
.csv-dropzone .pb-icon-image-upload {
  margin: auto;
}
.csv-dropzone-info {
  margin: 5px 0;
}
.csv-dropzone-hover {
  border: 5px dashed #53541c;
  opacity: 0.3;
}
.csv-dropzone-filename {
  margin-top: 25px;
}
.reader-container {
  min-height: 100%;
}
.read-progress__container {
  width: 100%;
  height: 4px;
  margin-top: 71px;
  position: fixed;
}
.read-progress__bar {
  width: 0%;
  height: 100%;
  display: none;
  background: #589ced;
}
@media (min-width: 641px) {
  .read-progress__bar {
    display: block;
  }
}
.jq-dropdown .reader-settings-dropdown-panel {
  padding: 20px;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-group .btn {
  position: relative;
  float: left;
  display: inline-block;
  padding: 8px 25px;
  max-height: 44px;
  height: 44px;
  width: 90px;
  margin: 0 3px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  border-color: #ccd6e2;
  outline: none;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-group .btn.active {
  border: 1px solid #589ced;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-group .btn:first-child {
  margin-left: 0;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-group .btn:last-child {
  margin-right: 0;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-settings-wrapper {
  line-height: normal;
  margin-bottom: 20px;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-settings-wrapper:last-child {
  margin-bottom: 0;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-settings-wrapper--font-size {
  display: table;
  width: 100%;
  text-align: center;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__label {
  display: table-cell;
  width: 13%;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__typeface .btn {
  width: 138px;
  font-size: 18px;
  color: #3f3f44;
  background-color: #ffffff;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__typeface .btn:last-child {
  float: right;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__font-size {
  width: 95%;
  display: table-cell;
  -webkit-appearance: none;
  border: 1px solid #ccd6e2;
  height: 0;
  position: relative;
  cursor: pointer;
  left: 2px;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__font-size:focus {
  outline: none;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__font-size:after {
  content: "";
  position: absolute;
  background-color: #ccd6e2;
  width: 7px;
  left: 0;
  border-radius: 50%;
  height: 7px;
  top: -3px;
  z-index: 1;
  box-shadow: 49px 0 0 #ccd6e2, 94px 0 0 #ccd6e2, 139px 0 0 #ccd6e2, 188px 0 0 #ccd6e2;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__font-size::-webkit-slider-thumb {
  background-color: #589ced;
  -webkit-appearance: none;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  z-index: 2;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__font-size::-moz-range-thumb {
  background-color: #589ced;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  z-index: 2;
}
.jq-dropdown .reader-settings-dropdown-panel .reader-setting__font-size::-moz-range-track {
  border: 1px solid #ccd6e2;
  height: 0;
  position: relative;
  cursor: pointer;
  left: 2px;
  width: 100%;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-reader-theme--light {
  background-color: #ffffff;
  color: #3f3f44;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-reader-theme--dark {
  background-color: #3f3f44;
  color: #ccd6e2;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-reader-theme--sepia {
  background-color: #f5f7f8;
  color: #53541c;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-reader-typeface--sans {
  font-family: "Lato", Verdana, Arial, sans-serif;
}
.jq-dropdown .reader-settings-dropdown-panel .btn-reader-typeface--serif {
  font-family: "Lato", Verdana, Arial, sans-serif;
}
.video-list {
  background: #ffffff;
  border: 1px solid #ccd6e2;
  margin-top: 20px;
}
.video-header-row {
  padding: 20px 25px;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #eff3f6;
}
.video-space-used {
  font-weight: bold;
}
.video-row {
  padding: 20px 25px;
  border-bottom: 1px solid #eff3f6;
}
.video-row .video-media-image {
  display: flex;
  max-height: 75px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.video-row .video-info-text {
  display: flex;
  justify-content: center;
}
.video-row .video-info-left-justified {
  display: flex;
  justify-content: left;
}
.video-footer {
  padding-right: 15px;
}
.video-dropzone {
  text-align: center;
  height: 175px;
  border: 1px dashed;
  border-radius: 5px;
}
.video-dropzone .pb-icon-image-upload {
  margin: auto;
}
.video-dropzone-info {
  margin-bottom: 25px;
  font-size: 25px;
}
.video-dropzone-hover {
  border: 5px dashed #53541c;
  opacity: 0.3;
}
.video-dropzone-filename {
  margin-top: 88px;
}
.video-dropzone .video-upload-icon {
  font-size: 65px;
}
.video-requirements-content {
  margin-top: 15px;
  padding: 10px;
  background: #eff3f6;
}
.video-requirements-content .video-requirements-header {
  font-weight: bold;
}
.video-upload-bar {
  height: 20px;
  position: relative;
  background: #555;
  border-radius: 25px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.video-upload-bar span {
  display: block;
  height: 100%;
  border-radius: 25px;
  background-color: #268bd2;
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
  overflow: hidden;
}
.video-upload-title {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 10px;
}
.video-upload-subtitle {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 15px;
}
.video-upload-percentage {
  display: flex;
  justify-content: center;
  font-size: 17px;
}
.video-upload-help-text {
  display: flex;
  justify-content: center;
  font-size: 12px;
}
.video-upload-bar-wrapper {
  margin: auto;
  width: 66%;
}
.empty-video-thumbnail {
  width: 100%;
  height: 100%;
  display: flex;
}
.video-requirements-wrapper {
  padding: 10px;
}
.video-preview-close-modal-x {
  font-size: 20px;
  color: #000000;
  margin-left: 10px;
  margin-top: -30px;
  background: #ffffff;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.video-processing-thumbnail {
  height: 200px;
  background: #ccd6e2;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-processing-thumbnail span {
  font-size: 18px;
}
.video-details-wrapper {
  background: #ffffff;
  border: 1px solid #ccd6e2;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: block;
}
.video-details-label {
  font-weight: bold;
  font-size: 15px;
}
.video-details-save-button {
  float: left;
  position: relative;
  top: 21px;
  left: 10px;
}
.video-details-save-button i {
  font-size: 29px;
  color: #ccd6e2;
}
.video-details-save-button .dirty {
  color: #268bd2;
  cursor: pointer;
}
.video-preview {
  max-height: 600px;
  height: 100%;
  width: 100%;
}
.video-select-title {
  font-size: 20px;
  font-weight: bold;
}
.video-search-bar {
  width: 100%;
  border-radius: 25px;
}
.available-videos-wrapper {
  max-height: 430px;
  overflow-y: scroll;
  min-height: 430px;
}
.video-select-modal-warning {
  position: relative;
  display: flex;
  top: 34%;
  font-weight: 700;
  font-size: 16px;
  justify-content: center;
  margin-top: 5%;
}
.video-select-modal-warning-icon {
  position: relative;
  left: 45%;
  top: 30%;
  margin-top: 10%;
}
.video-select {
  display: flex;
  flex-wrap: wrap;
}
.video-selected {
  border: 3px solid #268bd2;
}
.video-select-video-wrapper {
  width: 230px;
  margin: 0 10px;
  vertical-align: text-top;
  min-height: 265px;
  padding: 10px 0 20px;
}
.video-select-video-thumbnail {
  max-width: 200px;
  max-height: 113px;
}
.video-select-video-title {
  font-weight: bold;
}
.video-select-radio-button-wrapper {
  text-align: center;
  margin-top: 15px;
  font-size: 15px;
}
.video-select-radio-button {
  border: 0;
  height: 2em;
  width: 65%;
}
.video-select-selected-video-thumbnail {
  max-height: 100px;
  max-width: fit-content;
}
.video-select-search-erase {
  cursor: pointer;
  display: flex;
  position: relative;
  left: 94%;
  font: 18px / 18px "Lato", Verdana, Arial, sans-serif, sans-serif;
  color: inherit;
  opacity: .75;
  top: 22px;
}
.video-select-search-erase:hover {
  color: inherit;
  text-decoration: none;
  opacity: 1;
}
.video-search {
  margin-top: -18px;
}
.video-redirect-warning-wrapper {
  max-height: 500px;
  min-height: 500px;
  height: 500px;
}
.video-processing-complete {
  height: 100%;
  text-align: center;
}
.video-processing-error-text {
  font-size: 14px;
}
.video-processing-requirements-label {
  font-weight: bold;
}
.video-error-wrapper {
  background: #ffffff;
  border: 1px solid #ccd6e2;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  width: fit-content;
  margin: 30px auto;
}
.video-error-divider {
  padding-left: 5px;
  padding-right: 5px;
}
.video-error-title {
  text-align: center;
  margin-bottom: 20px;
}
.video-error-subtext {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.video-error-subsection-title {
  font-size: 15px;
  font-weight: bold;
}
.video-error-subsection-wrapper {
  padding-top: 35px;
}
.video-error-subsection-wrapper:first-child {
  padding-top: 20px;
}
.video-error-item {
  margin-top: 10px;
  opacity: 0.7;
}
.video-error-details {
  position: relative;
  left: 25%;
}
.video-error-deemphasize-background {
  background: #eff3f6;
}
.image-lightbox__content {
  max-height: 600px;
  overflow: scroll;
  border: 20px solid #f4f6f8;
}
.image-lightbox__thumbnail {
  cursor: pointer;
}
.image-lightbox__image {
  width: 100%;
}
.image-lightbox-modal .image-lightbox__close {
  font-size: 50px;
  font-weight: 300;
  font-family: "Lato", Verdana, Arial, sans-serif;
  right: -40px;
  top: 0;
  color: #ffffff;
}
.sidebar {
  z-index: 1;
  overflow: auto;
  font: 12px / 21px "Lato", Verdana, Arial, sans-serif;
  border-right: 1px solid #d7d7d7;
}
.sidebar .company-logo {
  display: none;
}
@media (min-width: 961px) {
  .sidebar .company-logo {
    margin: 15px;
    display: block;
  }
  .sidebar .company-logo img {
    width: 170px;
  }
}
.sidebar .settings {
  text-decoration: none;
  color: #495564;
  cursor: pointer;
  margin: 0 0 0 5px;
}
.sidebar .settings:hover {
  color: #0088cc;
}
.sidebar .sign-in,
.sidebar .sign-out {
  cursor: pointer;
  color: #6c7683;
  text-decoration: none;
}
.sidebar .sign-in i,
.sidebar .sign-out i {
  margin: 0 3px 0 0;
}
.sidebar .sign-in:hover,
.sidebar .sign-out:hover {
  color: #0088cc;
}
.sidebar .user-company-selector {
  display: none;
}
@media (min-width: 961px) {
  .sidebar .user-company-selector {
    display: block;
    padding: 10px;
  }
}
@media (min-width: 641px) {
  .sidebar {
    width: 50px;
    position: fixed;
    height: 100%;
  }
}
@media (min-width: 961px) {
  .sidebar {
    width: 200px;
  }
}
.topbar {
  background: #ffffff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.1);;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.1);;
}
.topbar-background .topbar-profile-holder,
.topbar-background .topbar-logo-holder {
  background: #ffffff;
}
.topbar .topbar-contents {
  max-width: 1245px;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 641px) {
  .topbar {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}
.topbar .topbar-logo {
  text-align: center;
}
.topbar .topbar-logo-holder {
  padding: 15px;
  display: inline-block;
}
@media (min-width: 641px) {
  .topbar .topbar-logo {
    text-align: left;
  }
}
.topbar .topbar-logo a {
  display: inline-block;
}
.topbar .topbar-logo .company-logo {
  max-height: 35px;
}
.topbar .topbar-profile {
  text-align: center;
}
.topbar .topbar-profile-holder {
  padding: 15px 20px 18px 20px;
  display: inline-block;
}
@media (min-width: 641px) {
  .topbar .topbar-profile {
    text-align: right;
  }
}
.topbar .user-role-selector {
  text-align: center;
  padding: 5px;
}
@media (min-width: 641px) {
  .topbar .user-role-selector {
    text-align: left;
    padding: 10px;
  }
}
.topbar .user-company-selector {
  text-align: center;
  padding: 5px 5px 20px 5px;
}
@media (min-width: 641px) {
  .topbar .user-company-selector {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
  }
}
.topbar__reader-controls {
  font-size: 22px;
  font-family: "Lato", Verdana, Arial, sans-serif;
  font-weight: 300;
  line-height: 50px;
  text-align: center;
}
@media (min-width: 641px) {
  .topbar__reader-controls {
    text-align: right;
  }
}
.topbar__reader-controls .view-original-link {
  font-size: 18px;
}
.topbar__reader-controls a {
  text-decoration: none;
  color: #929fb2;
  margin-right: 40px;
  vertical-align: middle;
}
.topbar__reader-controls i {
  font-size: 0.8em;
}
.topbar__reader-left-controls {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  line-height: 70px;
  padding-right: 37px;
  letter-spacing: 0.5px;
}
.topbar__reader-right-controls {
  display: inline-block;
}
.topbar__reader-right-controls .reader__close {
  font-size: 35px;
  color: #929fb2;
  font-weight: 100;
  vertical-align: middle;
}
.topbar #reader-settings-dropdown {
  width: 325px;
}
@media (max-width: 640px) {
  .topbar #reader-settings-dropdown {
    left: 0 !important;
    right: 0;
    margin: 8px auto 0 auto;
  }
}
.topbar #reader-settings-dropdown:before,
.topbar #reader-settings-dropdown:after {
  display: none;
}
@media (min-width: 641px) {
  .topbar #reader-settings-dropdown:before,
  .topbar #reader-settings-dropdown:after {
    display: inline-block;
  }
}
.inline-nav {
  margin: 0 0 10px 0;
  text-align: center;
}
.inline-nav ul {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: #d7d7d7 #d2d2d2;
  border-radius: 3px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.inline-nav li {
  position: relative;
  float: left;
  border-left: 1px solid #d2d2d2;
}
.inline-nav li:first-child {
  border-left: 0;
}
.inline-nav li:first-child a {
  border-radius: 3px 0 0 3px;
}
.inline-nav li:last-child a {
  border-radius: 0 3px 3px 0;
}
.inline-nav a {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 4px 14px;
  font-size: 12px;
  color: #495564;
  text-decoration: none;
  border-left: 1px solid #ccd6e2;
  background: #ffffff;
  background: linear-gradient(180deg, #ffffff 0%, #f5f7f8 100%);
  box-shadow: inset 0 0 0 1px #f5f7f8;
}
.inline-nav a:hover {
  color: #182334;
  background: #eff3f6;
  z-index: 2;
}
.inline-nav li.active a,
.inline-nav a:active {
  color: #182334;
  background: #eff3f6;
}
.inline-nav .badge {
  z-index: 3;
  display: block;
  position: absolute;
  top: -12px;
  right: 3px;
  line-height: 16px;
  height: 16px;
  padding: 0 5px;
  font-family: "Lato", Verdana, Arial, sans-serif;
  color: #ffffff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
}
.inline-nav .badge {
  background: #67c1ef;
  border-color: #30aae9;
  background-image: -webkit-linear-gradient(top, #acddf6, #67c1ef);
  background-image: -moz-linear-gradient(top, #acddf6, #67c1ef);
  background-image: -o-linear-gradient(top, #acddf6, #67c1ef);
  background-image: linear-gradient(to bottom, #acddf6, #67c1ef);
}
.inline-nav .badge.green {
  background: #77cc51;
  border-color: #59ad33;
  background-image: -webkit-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: -moz-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: -o-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: linear-gradient(to bottom, #a5dd8c, #77cc51);
}
.inline-nav .badge.yellow {
  background: #faba3e;
  border-color: #f4a306;
  background-image: -webkit-linear-gradient(top, #fcd589, #faba3e);
  background-image: -moz-linear-gradient(top, #fcd589, #faba3e);
  background-image: -o-linear-gradient(top, #fcd589, #faba3e);
  background-image: linear-gradient(to bottom, #fcd589, #faba3e);
}
.inline-nav .badge.red {
  background: #fa623f;
  border-color: #fa5a35;
  background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
}
@media (min-width: 641px) {
  .inline-nav {
    text-align: left;
  }
}
.inline-posts {
  display: inline-block;
}
#loading {
  height: 100%;
  position: relative;
  background-color: #f5f7f8;
  overflow: hidden;
}
#loading .lb {
  position: absolute;
  top: 40%;
  left: 50%;
  margin: -105.5px 0 0 -60px;
}
#loading .lb .loader1 {
  margin: 49px auto 0 auto;
  height: 20px;
  width: 20px;
  position: relative;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
}
#loading .lb .loader1 i {
  height: 20px;
  width: 20px;
  border-radius: 25px;
  display: block;
  position: absolute;
}
#loading .lb .loader1 i:before,
#loading .lb .loader1 i:after {
  content: "";
  display: block;
  position: absolute;
  height: inherit;
  width: inherit;
  border-radius: inherit;
}
#loading .lb .loader1 i:first-child:before {
  background: rgba(0, 153, 117, 0.9);
  -webkit-animation: rotate-top-left 1.5s linear infinite;
  -moz-animation: rotate-top-left 1.5s linear infinite;
}
#loading .lb .loader1 i:first-child:after {
  background: rgba(225, 73, 44, 0.9);
  -webkit-animation: rotate-top-right 1.5s linear infinite;
  -moz-animation: rotate-top-right 1.5s linear infinite;
}
#loading .lb .loader1 i:last-child:before {
  background: rgba(249, 206, 43, 0.9);
  -webkit-animation: rotate-bottom-left 1.5s linear infinite;
  -moz-animation: rotate-bottom-left 1.5s linear infinite;
}
#loading .lb .loader1 i:last-child:after {
  background: rgba(52, 149, 221, 0.9);
  -webkit-animation: rotate-bottom-right 1.5s linear infinite;
  -moz-animation: rotate-bottom-right 1.5s linear infinite;
}
.tooltip {
  text-transform: initial;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
  opacity: 0 !important;
}
/* stylelint-disable-next-line declaration-colon-space-after */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}