@charset "UTF-8";
/* colors.scss */
.lightest-orange-color, .lightest-orange-text {
  color: #f4d9d1 !important;
}
.lightest-orange-background {
  background-color: #f4d9d1 !important;
}
.lightest-orange-border {
  border-color: #f4d9d1 !important;
}

.light-orange-color, .light-orange-text {
  color: #db8773 !important;
}
.light-orange-background {
  background-color: #db8773 !important;
}
.light-orange-border {
  border-color: #db8773 !important;
}

.orange-color, .orange-text {
  color: #d17760 !important;
}
.orange-background {
  background-color: #d17760 !important;
}
.orange-border {
  border-color: #d17760 !important;
}

.dark-orange-color, .dark-orange-text {
  color: #bc6148 !important;
}
.dark-orange-background {
  background-color: #bc6148 !important;
}
.dark-orange-border {
  border-color: #bc6148 !important;
}

.darkest-orange-color, .darkest-orange-text {
  color: #a74a30 !important;
}
.darkest-orange-background {
  background-color: #a74a30 !important;
}
.darkest-orange-border {
  border-color: #a74a30 !important;
}

.bright-orange-dark-color, .bright-orange-dark-text {
  color: #e76642 !important;
}
.bright-orange-dark-background {
  background-color: #e76642 !important;
}
.bright-orange-dark-border {
  border-color: #e76642 !important;
}

/* Bright Orange */
.bright-orange-color, .bright-orange-text {
  color: #f37e5d !important;
}
.bright-orange-background {
  background-color: #f37e5d !important;
}
.bright-orange-border {
  border-color: #f37e5d !important;
}

.bright-orange-light-color, .bright-orange-light-text {
  color: #f9a97d !important;
}
.bright-orange-light-background {
  background-color: #f9a97d !important;
}
.bright-orange-light-border {
  border-color: #f9a97d !important;
}

.gray-1-color, .gray-1-text {
  color: #f7f7f7 !important;
}
.gray-1-background {
  background-color: #f7f7f7 !important;
}
.gray-1-border {
  border-color: #f7f7f7 !important;
}

.gray-2-color, .gray-2-text {
  color: #e6e6e6 !important;
}
.gray-2-background {
  background-color: #e6e6e6 !important;
}
.gray-2-border {
  border-color: #e6e6e6 !important;
}

.gray-3-color, .gray-3-text {
  color: #cccccc !important;
}
.gray-3-background {
  background-color: #cccccc !important;
}
.gray-3-border {
  border-color: #cccccc !important;
}

.gray-4-color, .gray-4-text {
  color: #b3b3b3 !important;
}
.gray-4-background {
  background-color: #b3b3b3 !important;
}
.gray-4-border {
  border-color: #b3b3b3 !important;
}

.gray-5-color, .gray-5-text {
  color: #999999 !important;
}
.gray-5-background {
  background-color: #999999 !important;
}
.gray-5-border {
  border-color: #999999 !important;
}

.gray-6-color, .gray-6-text {
  color: #808080 !important;
}
.gray-6-background {
  background-color: #808080 !important;
}
.gray-6-border {
  border-color: #808080 !important;
}

.gray-7-color, .gray-7-text {
  color: #666666 !important;
}
.gray-7-background {
  background-color: #666666 !important;
}
.gray-7-border {
  border-color: #666666 !important;
}

.gray-8-color, .gray-8-text {
  color: #4d4d4d !important;
}
.gray-8-background {
  background-color: #4d4d4d !important;
}
.gray-8-border {
  border-color: #4d4d4d !important;
}

.gray-9-color, .gray-9-text {
  color: #333333 !important;
}
.gray-9-background {
  background-color: #333333 !important;
}
.gray-9-border {
  border-color: #333333 !important;
}

.gray-10-color, .gray-10-text {
  color: #1a1a1a !important;
}
.gray-10-background {
  background-color: #1a1a1a !important;
}
.gray-10-border {
  border-color: #1a1a1a !important;
}

.lightest-blue-color, .lightest-blue-text {
  color: #e9f0f4 !important;
}
.lightest-blue-background {
  background-color: #e9f0f4 !important;
}
.lightest-blue-border {
  border-color: #e9f0f4 !important;
}

.light-blue-color, .light-blue-text {
  color: #c1cfd9 !important;
}
.light-blue-background {
  background-color: #c1cfd9 !important;
}
.light-blue-border {
  border-color: #c1cfd9 !important;
}

.blue-color, .blue-text {
  color: #62acc4 !important;
}
.blue-background {
  background-color: #62acc4 !important;
}
.blue-border {
  border-color: #62acc4 !important;
}

.dark-blue-color, .dark-blue-text {
  color: #448499 !important;
}
.dark-blue-background {
  background-color: #448499 !important;
}
.dark-blue-border {
  border-color: #448499 !important;
}

.darkest-blue-color, .darkest-blue-text {
  color: #2f6d82 !important;
}
.darkest-blue-background {
  background-color: #2f6d82 !important;
}
.darkest-blue-border {
  border-color: #2f6d82 !important;
}

.lightest-green-color, .lightest-green-text {
  color: #e0f7cf !important;
}
.lightest-green-background {
  background-color: #e0f7cf !important;
}
.lightest-green-border {
  border-color: #e0f7cf !important;
}

.light-green-color, .light-green-text {
  color: #8ac884 !important;
}
.light-green-background {
  background-color: #8ac884 !important;
}
.light-green-border {
  border-color: #8ac884 !important;
}

.green-color, .green-text {
  color: #6ba066 !important;
}
.green-background {
  background-color: #6ba066 !important;
}
.green-border {
  border-color: #6ba066 !important;
}

.dark-green-color, .dark-green-text {
  color: #527a4e !important;
}
.dark-green-background {
  background-color: #527a4e !important;
}
.dark-green-border {
  border-color: #527a4e !important;
}

.darkest-green-color, .darkest-green-text {
  color: #43633f !important;
}
.darkest-green-background {
  background-color: #43633f !important;
}
.darkest-green-border {
  border-color: #43633f !important;
}

.lightest-red-color, .lightest-red-text {
  color: #fce9e8 !important;
}
.lightest-red-background {
  background-color: #fce9e8 !important;
}
.lightest-red-border {
  border-color: #fce9e8 !important;
}

.light-red-color, .light-red-text {
  color: #daa1a0 !important;
}
.light-red-background {
  background-color: #daa1a0 !important;
}
.light-red-border {
  border-color: #daa1a0 !important;
}

.red-color, .red-text {
  color: #d15451 !important;
}
.red-background {
  background-color: #d15451 !important;
}
.red-border {
  border-color: #d15451 !important;
}

.dark-red-color, .dark-red-text {
  color: #b94a48 !important;
}
.dark-red-background {
  background-color: #b94a48 !important;
}
.dark-red-border {
  border-color: #b94a48 !important;
}

.darkest-red-color, .darkest-red-text {
  color: #963c3b !important;
}
.darkest-red-background {
  background-color: #963c3b !important;
}
.darkest-red-border {
  border-color: #963c3b !important;
}

.lightest-navy-color, .lightest-navy-text {
  color: #e7e9ed !important;
}
.lightest-navy-background {
  background-color: #e7e9ed !important;
}
.lightest-navy-border {
  border-color: #e7e9ed !important;
}

.light-navy-color, .light-navy-text {
  color: #afb4c1 !important;
}
.light-navy-background {
  background-color: #afb4c1 !important;
}
.light-navy-border {
  border-color: #afb4c1 !important;
}

.navy-color, .navy-text {
  color: #9fb0ce !important;
}
.navy-background {
  background-color: #9fb0ce !important;
}
.navy-border {
  border-color: #9fb0ce !important;
}

.dark-navy-color, .dark-navy-text {
  color: #49495b !important;
}
.dark-navy-background {
  background-color: #49495b !important;
}
.dark-navy-border {
  border-color: #49495b !important;
}

.darkest-navy-color, .darkest-navy-text {
  color: #2a2c40 !important;
}
.darkest-navy-background {
  background-color: #2a2c40 !important;
}
.darkest-navy-border {
  border-color: #2a2c40 !important;
}

.lightest-yellow-color, .lightest-yellow-text {
  color: #fbf3db !important;
}
.lightest-yellow-background {
  background-color: #fbf3db !important;
}
.lightest-yellow-border {
  border-color: #fbf3db !important;
}

.light-yellow-color, .light-yellow-text {
  color: #fdecac !important;
}
.light-yellow-background {
  background-color: #fdecac !important;
}
.light-yellow-border {
  border-color: #fdecac !important;
}

.yellow-color, .yellow-text {
  color: #f2c069 !important;
}
.yellow-background {
  background-color: #f2c069 !important;
}
.yellow-border {
  border-color: #f2c069 !important;
}

.dark-yellow-color, .dark-yellow-text {
  color: #c09853 !important;
}
.dark-yellow-background {
  background-color: #c09853 !important;
}
.dark-yellow-border {
  border-color: #c09853 !important;
}

.darkest-yellow-color, .darkest-yellow-text {
  color: #ad894b !important;
}
.darkest-yellow-background {
  background-color: #ad894b !important;
}
.darkest-yellow-border {
  border-color: #ad894b !important;
}

.white-color, .white-text {
  color: #ffffff !important;
}
.white-background {
  background-color: #ffffff !important;
}
.white-border {
  border-color: #ffffff !important;
}

.facebook-color, .facebook-text {
  color: #3b5998 !important;
}
.facebook-background {
  background-color: #3b5998 !important;
}
.facebook-border {
  border-color: #3b5998 !important;
}

.facebook-page-color, .facebook-page-text {
  color: #3b5998 !important;
}
.facebook-page-background {
  background-color: #3b5998 !important;
}
.facebook-page-border {
  border-color: #3b5998 !important;
}

.facebook-group-color, .facebook-group-text {
  color: #3b5998 !important;
}
.facebook-group-background {
  background-color: #3b5998 !important;
}
.facebook-group-border {
  border-color: #3b5998 !important;
}

.twitter-color, .twitter-text {
  color: #2ca9e1 !important;
}
.twitter-background {
  background-color: #2ca9e1 !important;
}
.twitter-border {
  border-color: #2ca9e1 !important;
}

.linkedin-color, .linkedin-text {
  color: #0073a5 !important;
}
.linkedin-background {
  background-color: #0073a5 !important;
}
.linkedin-border {
  border-color: #0073a5 !important;
}

.tumblr-color, .tumblr-text {
  color: #2c4862 !important;
}
.tumblr-background {
  background-color: #2c4862 !important;
}
.tumblr-border {
  border-color: #2c4862 !important;
}

.buffer-color, .buffer-text {
  color: #000000 !important;
}
.buffer-background {
  background-color: #000000 !important;
}
.buffer-border {
  border-color: #000000 !important;
}

.pinterest-color, .pinterest-text {
  color: #bd081c !important;
}
.pinterest-background {
  background-color: #bd081c !important;
}
.pinterest-border {
  border-color: #bd081c !important;
}

.instagram-color, .instagram-text {
  color: #e34061 !important;
}
.instagram-background {
  background-color: #e34061 !important;
}
.instagram-border {
  border-color: #e34061 !important;
}

.tiktok-color, .tiktok-text {
  color: #000000 !important;
}
.tiktok-background {
  background-color: #000000 !important;
}
.tiktok-border {
  border-color: #000000 !important;
}

.youtube-color, .youtube-text {
  color: #ff0000 !important;
}
.youtube-background {
  background-color: #ff0000 !important;
}
.youtube-border {
  border-color: #ff0000 !important;
}

.youtube_social-color, .youtube_social-text {
  color: #ff0000 !important;
}
.youtube_social-background {
  background-color: #ff0000 !important;
}
.youtube_social-border {
  border-color: #ff0000 !important;
}

.mastodon-color, .mastodon-text {
  color: #6364ff !important;
}
.mastodon-background {
  background-color: #6364ff !important;
}
.mastodon-border {
  border-color: #6364ff !important;
}

.google_my_business-color, .google_my_business-text {
  color: #4989f5 !important;
}
.google_my_business-background {
  background-color: #4989f5 !important;
}
.google_my_business-border {
  border-color: #4989f5 !important;
}

.bluesky-color, .bluesky-text {
  color: #1185fe !important;
}
.bluesky-background {
  background-color: #1185fe !important;
}
.bluesky-border {
  border-color: #1185fe !important;
}

.threads-color, .threads-text {
  color: #000000 !important;
}
.threads-background {
  background-color: #000000 !important;
}
.threads-border {
  border-color: #000000 !important;
}

.gdocs-color, .gdocs-text {
  color: #4680eb !important;
}
.gdocs-background {
  background-color: #4680eb !important;
}
.gdocs-border {
  border-color: #4680eb !important;
}

.wordpress-color, .wordpress-text {
  color: #21759b !important;
}
.wordpress-background {
  background-color: #21759b !important;
}
.wordpress-border {
  border-color: #21759b !important;
}

.evernote-color, .evernote-text {
  color: #848484 !important;
}
.evernote-background {
  background-color: #848484 !important;
}
.evernote-border {
  border-color: #848484 !important;
}

.evernote-green-color, .evernote-green-text {
  color: #6fb536 !important;
}
.evernote-green-background {
  background-color: #6fb536 !important;
}
.evernote-green-border {
  border-color: #6fb536 !important;
}

.evernote-light-green-color, .evernote-light-green-text {
  color: #e0ecc5 !important;
}
.evernote-light-green-background {
  background-color: #e0ecc5 !important;
}
.evernote-light-green-border {
  border-color: #e0ecc5 !important;
}

.dropbox-color, .dropbox-text {
  color: #0061ff !important;
}
.dropbox-background {
  background-color: #0061ff !important;
}
.dropbox-border {
  border-color: #0061ff !important;
}

.google-drive-color, .google-drive-text {
  color: #19a65f !important;
}
.google-drive-background {
  background-color: #19a65f !important;
}
.google-drive-border {
  border-color: #19a65f !important;
}

.onedrive-color, .onedrive-text {
  color: #0178d5 !important;
}
.onedrive-background {
  background-color: #0178d5 !important;
}
.onedrive-border {
  border-color: #0178d5 !important;
}

.calendar-blue-color, .calendar-blue-text {
  color: #59b5cc !important;
}
.calendar-blue-background {
  background-color: #59b5cc !important;
}
.calendar-blue-border {
  border-color: #59b5cc !important;
}

.calendar-red-color, .calendar-red-text {
  color: #ab272b !important;
}
.calendar-red-background {
  background-color: #ab272b !important;
}
.calendar-red-border {
  border-color: #ab272b !important;
}

.calendar-yellow-color, .calendar-yellow-text {
  color: #c89a57 !important;
}
.calendar-yellow-background {
  background-color: #c89a57 !important;
}
.calendar-yellow-border {
  border-color: #c89a57 !important;
}

.calendar-green-color, .calendar-green-text {
  color: #63a961 !important;
}
.calendar-green-background {
  background-color: #63a961 !important;
}
.calendar-green-border {
  border-color: #63a961 !important;
}

.calendar-purple-color, .calendar-purple-text {
  color: #8f70a2 !important;
}
.calendar-purple-background {
  background-color: #8f70a2 !important;
}
.calendar-purple-border {
  border-color: #8f70a2 !important;
}

.calendar-navy-color, .calendar-navy-text {
  color: #4a74aa !important;
}
.calendar-navy-background {
  background-color: #4a74aa !important;
}
.calendar-navy-border {
  border-color: #4a74aa !important;
}

.calendar-fuchsia-color, .calendar-fuchsia-text {
  color: #ac4770 !important;
}
.calendar-fuchsia-background {
  background-color: #ac4770 !important;
}
.calendar-fuchsia-border {
  border-color: #ac4770 !important;
}

.calendar-fuschia-color, .calendar-fuschia-text {
  color: #ac4770 !important;
}
.calendar-fuschia-background {
  background-color: #ac4770 !important;
}
.calendar-fuschia-border {
  border-color: #ac4770 !important;
}

.calendar-orange-color, .calendar-orange-text {
  color: #d58654 !important;
}
.calendar-orange-background {
  background-color: #d58654 !important;
}
.calendar-orange-border {
  border-color: #d58654 !important;
}

.calendar-grass-green-color, .calendar-grass-green-text {
  color: #86b285 !important;
}
.calendar-grass-green-background {
  background-color: #86b285 !important;
}
.calendar-grass-green-border {
  border-color: #86b285 !important;
}

.calendar-violet-color, .calendar-violet-text {
  color: #584aaa !important;
}
.calendar-violet-background {
  background-color: #584aaa !important;
}
.calendar-violet-border {
  border-color: #584aaa !important;
}

.label-default-color, .label-default-text {
  color: #666666 !important;
}
.label-default-background {
  background-color: #666666 !important;
}
.label-default-border {
  border-color: #666666 !important;
}

.label-purple-color, .label-purple-text {
  color: #b12eee !important;
}
.label-purple-background {
  background-color: #b12eee !important;
}
.label-purple-border {
  border-color: #b12eee !important;
}

.label-blue-color, .label-blue-text {
  color: #1d82ff !important;
}
.label-blue-background {
  background-color: #1d82ff !important;
}
.label-blue-border {
  border-color: #1d82ff !important;
}

.label-teal-color, .label-teal-text {
  color: #0ee3bd !important;
}
.label-teal-background {
  background-color: #0ee3bd !important;
}
.label-teal-border {
  border-color: #0ee3bd !important;
}

.label-green-color, .label-green-text {
  color: #a4ec32 !important;
}
.label-green-background {
  background-color: #a4ec32 !important;
}
.label-green-border {
  border-color: #a4ec32 !important;
}

.label-gold-color, .label-gold-text {
  color: #fff010 !important;
}
.label-gold-background {
  background-color: #fff010 !important;
}
.label-gold-border {
  border-color: #fff010 !important;
}

.label-orange-color, .label-orange-text {
  color: #ff890a !important;
}
.label-orange-background {
  background-color: #ff890a !important;
}
.label-orange-border {
  border-color: #ff890a !important;
}

.label-pink-color, .label-pink-text {
  color: #e30e6d !important;
}
.label-pink-background {
  background-color: #e30e6d !important;
}
.label-pink-border {
  border-color: #e30e6d !important;
}

.purple-color, .purple-text {
  color: #403056 !important;
}
.purple-background {
  background-color: #403056 !important;
}
.purple-border {
  border-color: #403056 !important;
}

.shadow-0 {
  box-shadow: none !important;
}

.shadow-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.shadow-2 {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}

.shadow-3 {
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
}

.shadow-4 {
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
}

.text-shadow-0 {
  text-shadow: none !important;
}

.text-shadow-1 {
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.text-shadow-2 {
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.text-shadow-3 {
  text-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);
}

.text-shadow-4 {
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1.bottom-border,
h2.bottom-border,
h3.bottom-border,
h4.bottom-border,
h5.bottom-border,
h6.bottom-border {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 5px;
}
h1.bottom-border a,
h2.bottom-border a,
h3.bottom-border a,
h4.bottom-border a,
h5.bottom-border a,
h6.bottom-border a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
}

h1,
h2 {
  font-size: 14px;
  line-height: 40px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
  line-height: 40px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

.small-banner,
.medium-banner,
.large-banner {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  font-weight: normal;
  font-style: normal;
  color: #666666;
}

.small-banner {
  font-size: 18px;
  font-weight: 700;
}

.medium-banner {
  font-size: 28px;
  font-weight: 500;
}

.large-banner {
  font-size: 39px;
  font-weight: 400;
}

a {
  color: #d17760;
  cursor: pointer;
}
a:hover {
  color: #bc6148;
}
a.button-font, a.display-font {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.capitalize {
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.capitalize span {
  vertical-align: -1px;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic !important;
}

.small {
  font-size: 12px;
  line-height: 1.4;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline !important;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
ul li,
ol li {
  line-height: 20px;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #666666;
}

a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

select,
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.img-circle {
  border-radius: 500px;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media > .pull-left,
.media-body > .pull-left {
  margin-right: 10px;
}
.media > .pull-right,
.media-body > .pull-right {
  margin-left: 10px;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  max-width: 100%;
}
table tr th,
table tr td {
  border-bottom: 1px solid #e6e6e6;
}
table tr th {
  text-align: left;
}
table tr td {
  line-height: 20px;
}

.nowrap {
  white-space: nowrap;
}

.margin-auto, .margin-all-auto {
  margin: auto !important;
}
.margin-top-auto {
  margin-top: auto !important;
}
.margin-right-auto {
  margin-right: auto !important;
}
.margin-bottom-auto {
  margin-bottom: auto !important;
}
.margin-left-auto {
  margin-left: auto !important;
}
.margin-top-bottom-auto, .margin-bottom-top-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.margin-right-left-auto, .margin-left-right-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.padding-auto, .padding-all-auto {
  padding: auto !important;
}
.padding-top-auto {
  padding-top: auto !important;
}
.padding-right-auto {
  padding-right: auto !important;
}
.padding-bottom-auto {
  padding-bottom: auto !important;
}
.padding-left-auto {
  padding-left: auto !important;
}
.padding-top-bottom-auto, .padding-bottom-top-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.padding-right-left-auto, .padding-left-right-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}

.margin-inherit, .margin-all-inherit {
  margin: inherit !important;
}
.margin-top-inherit {
  margin-top: inherit !important;
}
.margin-right-inherit {
  margin-right: inherit !important;
}
.margin-bottom-inherit {
  margin-bottom: inherit !important;
}
.margin-left-inherit {
  margin-left: inherit !important;
}
.margin-top-bottom-inherit, .margin-bottom-top-inherit {
  margin-top: inherit !important;
  margin-bottom: inherit !important;
}
.margin-right-left-inherit, .margin-left-right-inherit {
  margin-right: inherit !important;
  margin-left: inherit !important;
}

.padding-inherit, .padding-all-inherit {
  padding: inherit !important;
}
.padding-top-inherit {
  padding-top: inherit !important;
}
.padding-right-inherit {
  padding-right: inherit !important;
}
.padding-bottom-inherit {
  padding-bottom: inherit !important;
}
.padding-left-inherit {
  padding-left: inherit !important;
}
.padding-top-bottom-inherit, .padding-bottom-top-inherit {
  padding-top: inherit !important;
  padding-bottom: inherit !important;
}
.padding-right-left-inherit, .padding-left-right-inherit {
  padding-right: inherit !important;
  padding-left: inherit !important;
}

.margin-initial, .margin-all-initial {
  margin: initial !important;
}
.margin-top-initial {
  margin-top: initial !important;
}
.margin-right-initial {
  margin-right: initial !important;
}
.margin-bottom-initial {
  margin-bottom: initial !important;
}
.margin-left-initial {
  margin-left: initial !important;
}
.margin-top-bottom-initial, .margin-bottom-top-initial {
  margin-top: initial !important;
  margin-bottom: initial !important;
}
.margin-right-left-initial, .margin-left-right-initial {
  margin-right: initial !important;
  margin-left: initial !important;
}

.padding-initial, .padding-all-initial {
  padding: initial !important;
}
.padding-top-initial {
  padding-top: initial !important;
}
.padding-right-initial {
  padding-right: initial !important;
}
.padding-bottom-initial {
  padding-bottom: initial !important;
}
.padding-left-initial {
  padding-left: initial !important;
}
.padding-top-bottom-initial, .padding-bottom-top-initial {
  padding-top: initial !important;
  padding-bottom: initial !important;
}
.padding-right-left-initial, .padding-left-right-initial {
  padding-right: initial !important;
  padding-left: initial !important;
}

.margin-0, .margin-all-0 {
  margin: 0px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-right-0 {
  margin-right: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.margin-left-0 {
  margin-left: 0px !important;
}
.margin-top-bottom-0, .margin-bottom-top-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.margin-right-left-0, .margin-left-right-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.padding-0, .padding-all-0 {
  padding: 0px !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-top-bottom-0, .padding-bottom-top-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.padding-right-left-0, .padding-left-right-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.margin-1, .margin-all-1 {
  margin: 1px !important;
}
.margin-top-1 {
  margin-top: 1px !important;
}
.margin-right-1 {
  margin-right: 1px !important;
}
.margin-bottom-1 {
  margin-bottom: 1px !important;
}
.margin-left-1 {
  margin-left: 1px !important;
}
.margin-top-bottom-1, .margin-bottom-top-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.margin-right-left-1, .margin-left-right-1 {
  margin-right: 1px !important;
  margin-left: 1px !important;
}

.padding-1, .padding-all-1 {
  padding: 1px !important;
}
.padding-top-1 {
  padding-top: 1px !important;
}
.padding-right-1 {
  padding-right: 1px !important;
}
.padding-bottom-1 {
  padding-bottom: 1px !important;
}
.padding-left-1 {
  padding-left: 1px !important;
}
.padding-top-bottom-1, .padding-bottom-top-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.padding-right-left-1, .padding-left-right-1 {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

.margin-2, .margin-all-2 {
  margin: 2px !important;
}
.margin-top-2 {
  margin-top: 2px !important;
}
.margin-right-2 {
  margin-right: 2px !important;
}
.margin-bottom-2 {
  margin-bottom: 2px !important;
}
.margin-left-2 {
  margin-left: 2px !important;
}
.margin-top-bottom-2, .margin-bottom-top-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.margin-right-left-2, .margin-left-right-2 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.padding-2, .padding-all-2 {
  padding: 2px !important;
}
.padding-top-2 {
  padding-top: 2px !important;
}
.padding-right-2 {
  padding-right: 2px !important;
}
.padding-bottom-2 {
  padding-bottom: 2px !important;
}
.padding-left-2 {
  padding-left: 2px !important;
}
.padding-top-bottom-2, .padding-bottom-top-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.padding-right-left-2, .padding-left-right-2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.margin-3, .margin-all-3 {
  margin: 3px !important;
}
.margin-top-3 {
  margin-top: 3px !important;
}
.margin-right-3 {
  margin-right: 3px !important;
}
.margin-bottom-3 {
  margin-bottom: 3px !important;
}
.margin-left-3 {
  margin-left: 3px !important;
}
.margin-top-bottom-3, .margin-bottom-top-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.margin-right-left-3, .margin-left-right-3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

.padding-3, .padding-all-3 {
  padding: 3px !important;
}
.padding-top-3 {
  padding-top: 3px !important;
}
.padding-right-3 {
  padding-right: 3px !important;
}
.padding-bottom-3 {
  padding-bottom: 3px !important;
}
.padding-left-3 {
  padding-left: 3px !important;
}
.padding-top-bottom-3, .padding-bottom-top-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.padding-right-left-3, .padding-left-right-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.margin-4, .margin-all-4 {
  margin: 4px !important;
}
.margin-top-4 {
  margin-top: 4px !important;
}
.margin-right-4 {
  margin-right: 4px !important;
}
.margin-bottom-4 {
  margin-bottom: 4px !important;
}
.margin-left-4 {
  margin-left: 4px !important;
}
.margin-top-bottom-4, .margin-bottom-top-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.margin-right-left-4, .margin-left-right-4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.padding-4, .padding-all-4 {
  padding: 4px !important;
}
.padding-top-4 {
  padding-top: 4px !important;
}
.padding-right-4 {
  padding-right: 4px !important;
}
.padding-bottom-4 {
  padding-bottom: 4px !important;
}
.padding-left-4 {
  padding-left: 4px !important;
}
.padding-top-bottom-4, .padding-bottom-top-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.padding-right-left-4, .padding-left-right-4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.margin-5, .margin-all-5 {
  margin: 5px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-top-bottom-5, .margin-bottom-top-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.margin-right-left-5, .margin-left-right-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.padding-5, .padding-all-5 {
  padding: 5px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-top-bottom-5, .padding-bottom-top-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.padding-right-left-5, .padding-left-right-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.margin-6, .margin-all-6 {
  margin: 6px !important;
}
.margin-top-6 {
  margin-top: 6px !important;
}
.margin-right-6 {
  margin-right: 6px !important;
}
.margin-bottom-6 {
  margin-bottom: 6px !important;
}
.margin-left-6 {
  margin-left: 6px !important;
}
.margin-top-bottom-6, .margin-bottom-top-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.margin-right-left-6, .margin-left-right-6 {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.padding-6, .padding-all-6 {
  padding: 6px !important;
}
.padding-top-6 {
  padding-top: 6px !important;
}
.padding-right-6 {
  padding-right: 6px !important;
}
.padding-bottom-6 {
  padding-bottom: 6px !important;
}
.padding-left-6 {
  padding-left: 6px !important;
}
.padding-top-bottom-6, .padding-bottom-top-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.padding-right-left-6, .padding-left-right-6 {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.margin-7, .margin-all-7 {
  margin: 7px !important;
}
.margin-top-7 {
  margin-top: 7px !important;
}
.margin-right-7 {
  margin-right: 7px !important;
}
.margin-bottom-7 {
  margin-bottom: 7px !important;
}
.margin-left-7 {
  margin-left: 7px !important;
}
.margin-top-bottom-7, .margin-bottom-top-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
.margin-right-left-7, .margin-left-right-7 {
  margin-right: 7px !important;
  margin-left: 7px !important;
}

.padding-7, .padding-all-7 {
  padding: 7px !important;
}
.padding-top-7 {
  padding-top: 7px !important;
}
.padding-right-7 {
  padding-right: 7px !important;
}
.padding-bottom-7 {
  padding-bottom: 7px !important;
}
.padding-left-7 {
  padding-left: 7px !important;
}
.padding-top-bottom-7, .padding-bottom-top-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.padding-right-left-7, .padding-left-right-7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.margin-8, .margin-all-8 {
  margin: 8px !important;
}
.margin-top-8 {
  margin-top: 8px !important;
}
.margin-right-8 {
  margin-right: 8px !important;
}
.margin-bottom-8 {
  margin-bottom: 8px !important;
}
.margin-left-8 {
  margin-left: 8px !important;
}
.margin-top-bottom-8, .margin-bottom-top-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.margin-right-left-8, .margin-left-right-8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.padding-8, .padding-all-8 {
  padding: 8px !important;
}
.padding-top-8 {
  padding-top: 8px !important;
}
.padding-right-8 {
  padding-right: 8px !important;
}
.padding-bottom-8 {
  padding-bottom: 8px !important;
}
.padding-left-8 {
  padding-left: 8px !important;
}
.padding-top-bottom-8, .padding-bottom-top-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.padding-right-left-8, .padding-left-right-8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.margin-9, .margin-all-9 {
  margin: 9px !important;
}
.margin-top-9 {
  margin-top: 9px !important;
}
.margin-right-9 {
  margin-right: 9px !important;
}
.margin-bottom-9 {
  margin-bottom: 9px !important;
}
.margin-left-9 {
  margin-left: 9px !important;
}
.margin-top-bottom-9, .margin-bottom-top-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
.margin-right-left-9, .margin-left-right-9 {
  margin-right: 9px !important;
  margin-left: 9px !important;
}

.padding-9, .padding-all-9 {
  padding: 9px !important;
}
.padding-top-9 {
  padding-top: 9px !important;
}
.padding-right-9 {
  padding-right: 9px !important;
}
.padding-bottom-9 {
  padding-bottom: 9px !important;
}
.padding-left-9 {
  padding-left: 9px !important;
}
.padding-top-bottom-9, .padding-bottom-top-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.padding-right-left-9, .padding-left-right-9 {
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.margin-10, .margin-all-10 {
  margin: 10px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-top-bottom-10, .margin-bottom-top-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.margin-right-left-10, .margin-left-right-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.padding-10, .padding-all-10 {
  padding: 10px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-top-bottom-10, .padding-bottom-top-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.padding-right-left-10, .padding-left-right-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.margin-15, .margin-all-15 {
  margin: 15px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-top-bottom-15, .margin-bottom-top-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.margin-right-left-15, .margin-left-right-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.padding-15, .padding-all-15 {
  padding: 15px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-top-bottom-15, .padding-bottom-top-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.padding-right-left-15, .padding-left-right-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.margin-20, .margin-all-20 {
  margin: 20px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-top-bottom-20, .margin-bottom-top-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.margin-right-left-20, .margin-left-right-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.padding-20, .padding-all-20 {
  padding: 20px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-top-bottom-20, .padding-bottom-top-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.padding-right-left-20, .padding-left-right-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.margin-25, .margin-all-25 {
  margin: 25px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.margin-right-25 {
  margin-right: 25px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-left-25 {
  margin-left: 25px !important;
}
.margin-top-bottom-25, .margin-bottom-top-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.margin-right-left-25, .margin-left-right-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.padding-25, .padding-all-25 {
  padding: 25px !important;
}
.padding-top-25 {
  padding-top: 25px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-bottom-25 {
  padding-bottom: 25px !important;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.padding-top-bottom-25, .padding-bottom-top-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.padding-right-left-25, .padding-left-right-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.margin-30, .margin-all-30 {
  margin: 30px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-top-bottom-30, .margin-bottom-top-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.margin-right-left-30, .margin-left-right-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.padding-30, .padding-all-30 {
  padding: 30px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-top-bottom-30, .padding-bottom-top-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.padding-right-left-30, .padding-left-right-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.margin-35, .margin-all-35 {
  margin: 35px !important;
}
.margin-top-35 {
  margin-top: 35px !important;
}
.margin-right-35 {
  margin-right: 35px !important;
}
.margin-bottom-35 {
  margin-bottom: 35px !important;
}
.margin-left-35 {
  margin-left: 35px !important;
}
.margin-top-bottom-35, .margin-bottom-top-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.margin-right-left-35, .margin-left-right-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.padding-35, .padding-all-35 {
  padding: 35px !important;
}
.padding-top-35 {
  padding-top: 35px !important;
}
.padding-right-35 {
  padding-right: 35px !important;
}
.padding-bottom-35 {
  padding-bottom: 35px !important;
}
.padding-left-35 {
  padding-left: 35px !important;
}
.padding-top-bottom-35, .padding-bottom-top-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.padding-right-left-35, .padding-left-right-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.margin-40, .margin-all-40 {
  margin: 40px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-top-bottom-40, .margin-bottom-top-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.margin-right-left-40, .margin-left-right-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.padding-40, .padding-all-40 {
  padding: 40px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.padding-top-bottom-40, .padding-bottom-top-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.padding-right-left-40, .padding-left-right-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.margin-45, .margin-all-45 {
  margin: 45px !important;
}
.margin-top-45 {
  margin-top: 45px !important;
}
.margin-right-45 {
  margin-right: 45px !important;
}
.margin-bottom-45 {
  margin-bottom: 45px !important;
}
.margin-left-45 {
  margin-left: 45px !important;
}
.margin-top-bottom-45, .margin-bottom-top-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.margin-right-left-45, .margin-left-right-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.padding-45, .padding-all-45 {
  padding: 45px !important;
}
.padding-top-45 {
  padding-top: 45px !important;
}
.padding-right-45 {
  padding-right: 45px !important;
}
.padding-bottom-45 {
  padding-bottom: 45px !important;
}
.padding-left-45 {
  padding-left: 45px !important;
}
.padding-top-bottom-45, .padding-bottom-top-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.padding-right-left-45, .padding-left-right-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.margin-50, .margin-all-50 {
  margin: 50px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-top-bottom-50, .margin-bottom-top-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.margin-right-left-50, .margin-left-right-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.padding-50, .padding-all-50 {
  padding: 50px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}
.padding-top-bottom-50, .padding-bottom-top-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.padding-right-left-50, .padding-left-right-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.margin-55, .margin-all-55 {
  margin: 55px !important;
}
.margin-top-55 {
  margin-top: 55px !important;
}
.margin-right-55 {
  margin-right: 55px !important;
}
.margin-bottom-55 {
  margin-bottom: 55px !important;
}
.margin-left-55 {
  margin-left: 55px !important;
}
.margin-top-bottom-55, .margin-bottom-top-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}
.margin-right-left-55, .margin-left-right-55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.padding-55, .padding-all-55 {
  padding: 55px !important;
}
.padding-top-55 {
  padding-top: 55px !important;
}
.padding-right-55 {
  padding-right: 55px !important;
}
.padding-bottom-55 {
  padding-bottom: 55px !important;
}
.padding-left-55 {
  padding-left: 55px !important;
}
.padding-top-bottom-55, .padding-bottom-top-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}
.padding-right-left-55, .padding-left-right-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.margin-60, .margin-all-60 {
  margin: 60px !important;
}
.margin-top-60 {
  margin-top: 60px !important;
}
.margin-right-60 {
  margin-right: 60px !important;
}
.margin-bottom-60 {
  margin-bottom: 60px !important;
}
.margin-left-60 {
  margin-left: 60px !important;
}
.margin-top-bottom-60, .margin-bottom-top-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.margin-right-left-60, .margin-left-right-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.padding-60, .padding-all-60 {
  padding: 60px !important;
}
.padding-top-60 {
  padding-top: 60px !important;
}
.padding-right-60 {
  padding-right: 60px !important;
}
.padding-bottom-60 {
  padding-bottom: 60px !important;
}
.padding-left-60 {
  padding-left: 60px !important;
}
.padding-top-bottom-60, .padding-bottom-top-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.padding-right-left-60, .padding-left-right-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.margin-65, .margin-all-65 {
  margin: 65px !important;
}
.margin-top-65 {
  margin-top: 65px !important;
}
.margin-right-65 {
  margin-right: 65px !important;
}
.margin-bottom-65 {
  margin-bottom: 65px !important;
}
.margin-left-65 {
  margin-left: 65px !important;
}
.margin-top-bottom-65, .margin-bottom-top-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}
.margin-right-left-65, .margin-left-right-65 {
  margin-right: 65px !important;
  margin-left: 65px !important;
}

.padding-65, .padding-all-65 {
  padding: 65px !important;
}
.padding-top-65 {
  padding-top: 65px !important;
}
.padding-right-65 {
  padding-right: 65px !important;
}
.padding-bottom-65 {
  padding-bottom: 65px !important;
}
.padding-left-65 {
  padding-left: 65px !important;
}
.padding-top-bottom-65, .padding-bottom-top-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}
.padding-right-left-65, .padding-left-right-65 {
  padding-right: 65px !important;
  padding-left: 65px !important;
}

.margin-70, .margin-all-70 {
  margin: 70px !important;
}
.margin-top-70 {
  margin-top: 70px !important;
}
.margin-right-70 {
  margin-right: 70px !important;
}
.margin-bottom-70 {
  margin-bottom: 70px !important;
}
.margin-left-70 {
  margin-left: 70px !important;
}
.margin-top-bottom-70, .margin-bottom-top-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.margin-right-left-70, .margin-left-right-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.padding-70, .padding-all-70 {
  padding: 70px !important;
}
.padding-top-70 {
  padding-top: 70px !important;
}
.padding-right-70 {
  padding-right: 70px !important;
}
.padding-bottom-70 {
  padding-bottom: 70px !important;
}
.padding-left-70 {
  padding-left: 70px !important;
}
.padding-top-bottom-70, .padding-bottom-top-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.padding-right-left-70, .padding-left-right-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.margin-75, .margin-all-75 {
  margin: 75px !important;
}
.margin-top-75 {
  margin-top: 75px !important;
}
.margin-right-75 {
  margin-right: 75px !important;
}
.margin-bottom-75 {
  margin-bottom: 75px !important;
}
.margin-left-75 {
  margin-left: 75px !important;
}
.margin-top-bottom-75, .margin-bottom-top-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.margin-right-left-75, .margin-left-right-75 {
  margin-right: 75px !important;
  margin-left: 75px !important;
}

.padding-75, .padding-all-75 {
  padding: 75px !important;
}
.padding-top-75 {
  padding-top: 75px !important;
}
.padding-right-75 {
  padding-right: 75px !important;
}
.padding-bottom-75 {
  padding-bottom: 75px !important;
}
.padding-left-75 {
  padding-left: 75px !important;
}
.padding-top-bottom-75, .padding-bottom-top-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}
.padding-right-left-75, .padding-left-right-75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}

.margin-80, .margin-all-80 {
  margin: 80px !important;
}
.margin-top-80 {
  margin-top: 80px !important;
}
.margin-right-80 {
  margin-right: 80px !important;
}
.margin-bottom-80 {
  margin-bottom: 80px !important;
}
.margin-left-80 {
  margin-left: 80px !important;
}
.margin-top-bottom-80, .margin-bottom-top-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.margin-right-left-80, .margin-left-right-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.padding-80, .padding-all-80 {
  padding: 80px !important;
}
.padding-top-80 {
  padding-top: 80px !important;
}
.padding-right-80 {
  padding-right: 80px !important;
}
.padding-bottom-80 {
  padding-bottom: 80px !important;
}
.padding-left-80 {
  padding-left: 80px !important;
}
.padding-top-bottom-80, .padding-bottom-top-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.padding-right-left-80, .padding-left-right-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.margin-85, .margin-all-85 {
  margin: 85px !important;
}
.margin-top-85 {
  margin-top: 85px !important;
}
.margin-right-85 {
  margin-right: 85px !important;
}
.margin-bottom-85 {
  margin-bottom: 85px !important;
}
.margin-left-85 {
  margin-left: 85px !important;
}
.margin-top-bottom-85, .margin-bottom-top-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}
.margin-right-left-85, .margin-left-right-85 {
  margin-right: 85px !important;
  margin-left: 85px !important;
}

.padding-85, .padding-all-85 {
  padding: 85px !important;
}
.padding-top-85 {
  padding-top: 85px !important;
}
.padding-right-85 {
  padding-right: 85px !important;
}
.padding-bottom-85 {
  padding-bottom: 85px !important;
}
.padding-left-85 {
  padding-left: 85px !important;
}
.padding-top-bottom-85, .padding-bottom-top-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}
.padding-right-left-85, .padding-left-right-85 {
  padding-right: 85px !important;
  padding-left: 85px !important;
}

.margin-90, .margin-all-90 {
  margin: 90px !important;
}
.margin-top-90 {
  margin-top: 90px !important;
}
.margin-right-90 {
  margin-right: 90px !important;
}
.margin-bottom-90 {
  margin-bottom: 90px !important;
}
.margin-left-90 {
  margin-left: 90px !important;
}
.margin-top-bottom-90, .margin-bottom-top-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.margin-right-left-90, .margin-left-right-90 {
  margin-right: 90px !important;
  margin-left: 90px !important;
}

.padding-90, .padding-all-90 {
  padding: 90px !important;
}
.padding-top-90 {
  padding-top: 90px !important;
}
.padding-right-90 {
  padding-right: 90px !important;
}
.padding-bottom-90 {
  padding-bottom: 90px !important;
}
.padding-left-90 {
  padding-left: 90px !important;
}
.padding-top-bottom-90, .padding-bottom-top-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.padding-right-left-90, .padding-left-right-90 {
  padding-right: 90px !important;
  padding-left: 90px !important;
}

.margin-95, .margin-all-95 {
  margin: 95px !important;
}
.margin-top-95 {
  margin-top: 95px !important;
}
.margin-right-95 {
  margin-right: 95px !important;
}
.margin-bottom-95 {
  margin-bottom: 95px !important;
}
.margin-left-95 {
  margin-left: 95px !important;
}
.margin-top-bottom-95, .margin-bottom-top-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}
.margin-right-left-95, .margin-left-right-95 {
  margin-right: 95px !important;
  margin-left: 95px !important;
}

.padding-95, .padding-all-95 {
  padding: 95px !important;
}
.padding-top-95 {
  padding-top: 95px !important;
}
.padding-right-95 {
  padding-right: 95px !important;
}
.padding-bottom-95 {
  padding-bottom: 95px !important;
}
.padding-left-95 {
  padding-left: 95px !important;
}
.padding-top-bottom-95, .padding-bottom-top-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}
.padding-right-left-95, .padding-left-right-95 {
  padding-right: 95px !important;
  padding-left: 95px !important;
}

.margin-100, .margin-all-100 {
  margin: 100px !important;
}
.margin-top-100 {
  margin-top: 100px !important;
}
.margin-right-100 {
  margin-right: 100px !important;
}
.margin-bottom-100 {
  margin-bottom: 100px !important;
}
.margin-left-100 {
  margin-left: 100px !important;
}
.margin-top-bottom-100, .margin-bottom-top-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.margin-right-left-100, .margin-left-right-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.padding-100, .padding-all-100 {
  padding: 100px !important;
}
.padding-top-100 {
  padding-top: 100px !important;
}
.padding-right-100 {
  padding-right: 100px !important;
}
.padding-bottom-100 {
  padding-bottom: 100px !important;
}
.padding-left-100 {
  padding-left: 100px !important;
}
.padding-top-bottom-100, .padding-bottom-top-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.padding-right-left-100, .padding-left-right-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+handlebars+sass+scss+sql */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*=language-],
pre[class*=language-] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #272822;
}

/* Inline code */
:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #f8f8f2;
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672;
}

.token.boolean,
.token.number {
  color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function {
  color: #e6db74;
}

.token.keyword {
  color: #66d9ef;
}

.token.regex,
.token.important {
  color: #fd971f;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

@media only percy {
  .percy-test * {
    animation: none;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .percy-test .fs-takeover-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: scale(1) !important;
  }
  [data-test-screenshot-hidden] {
    visibility: hidden;
  }
  [data-test-screenshot-no-transition] {
    opacity: 1 !important;
    animation: none !important;
    transform: scale(1) !important;
  }
  .bottom-navbar {
    opacity: 1 !important;
    animation: none !important;
    transform: scale(1) !important;
  }
  .day-cell .card,
.day-cell .task-card,
.day-cell .card-expand-wrapper,
.day-cell .timeline-bar {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: scale(1) !important;
    margin-bottom: 5px !important;
  }
  .upcoming-list-wrapper .ember-dragula > .ember-view {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
  }
  .fs-takeover-wrapper * {
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
  }
  .my-upcoming-task {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: scale(1) !important;
  }
  .circle-image {
    visibility: hidden !important;
  }
  .profile-picture {
    visibility: hidden !important;
  }
  .img-circle {
    visibility: hidden !important;
  }
  .service-profile-photo {
    visibility: hidden !important;
  }
  .profile-image {
    visibility: hidden !important;
  }
  .service-image {
    visibility: hidden !important;
  }
  .img-profile.img-circle.pull-left {
    visibility: hidden !important;
  }
  .card-owner-img {
    visibility: hidden !important;
  }
  .upcoming-empty-day-wrapper {
    visibility: hidden !important;
  }
  #chat-widget-container {
    visibility: hidden !important;
  }
}
/*--------------------------------------------------
  Mixins
	-------------------------------------------------- */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

.width-100 {
  width: 100% !important;
}

.width-75 {
  width: 75% !important;
}

.width-50 {
  width: 50% !important;
}

.width-25 {
  width: 25% !important;
}

.border {
  border: 1px solid;
}
.border-top {
  border-top: 1px solid;
}
.border-right {
  border-right: 1px solid;
}
.border-bottom {
  border-bottom: 1px solid;
}
.border-left {
  border-left: 1px solid;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.application-container .resources-container {
  display: none;
}
.application-container .resources-container iframe {
  box-sizing: border-box;
  width: 100%;
  outline: 0;
  border: 0;
  height: 100vh;
  background-color: #ffffff;
  border-left: 10px solid #1a1a1a;
}
.application-container.sidebar-open {
  grid-template-columns: 1fr 300px;
  overflow: hidden;
  display: grid;
  height: 100vh;
  animation: sidebar-animate 0.5s ease;
}
@keyframes sidebar-animate {
  0% {
    grid-template-columns: 1fr 1px;
  }
  100% {
    grid-template-columns: 1fr 300px;
  }
}
.application-container.sidebar-open .coschedule-app {
  overflow: auto;
}
.application-container.sidebar-open .resources-container {
  display: block;
  animation: sidebar-hide-content 0.5s ease;
}
@keyframes sidebar-hide-content {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: hidden;
  }
}

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .integration-modal .container.enabled .body .header .btn, .btn[disabled] {
  color: #333;
  background-color: #e6e6e6;
}
.btn:active, .btn.active {
  background-color: #cccccc \9 ;
}
.btn:hover, .btn:focus {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled, .integration-modal .container.enabled .body .header .btn, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  border-radius: 6px;
}

.btn-large [class^=icon-],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  border-radius: 3px;
}

.btn-small [class^=icon-],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^=icon-],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0px 6px;
  font-size: 10.5px;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.btn-primary.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002b80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .integration-modal .container.enabled .body .header .btn-primary.btn, .btn-primary[disabled] {
  color: #fff;
  background-color: #0044cc;
}
.btn-primary:active, .btn-primary.active {
  background-color: #003399 \9 ;
}

button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/**
 * @license
 * MyFonts Webfont Build ID 3832130, 2019-10-31T13:38:01-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: MuseoSans-700 by exljbris
 * URL: https://www.myfonts.com/fonts/exljbris/museo-sans/700/
 * Licensed pageviews: 5,000,000
 *
 * Webfont: MuseoSans-300 by exljbris
 * URL: https://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * Licensed pageviews: 5,000,000
 *
 * Webfont: MuseoSans-500 by exljbris
 * URL: https://www.myfonts.com/fonts/exljbris/museo-sans/500/
 * Licensed pageviews: Unlimited
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3832130
 * Webfonts copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 *
 * © 2019 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/museo-sans/3A7942_0_0-07fe498a3fe082a571940f04038f2e34.eot");
  src: url("../fonts/museo-sans/3A7942_0_0-07fe498a3fe082a571940f04038f2e34.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/3A7942_0_0-016cb4466f344055b755f09f8573ebaa.woff2") format("woff2"), url("../fonts/museo-sans/3A7942_0_0-a7503e7bd16d6c233054db65537c16f4.woff") format("woff"), url("../fonts/museo-sans/3A7942_0_0-c7c5b04f2618971cae6fb8a08cd6b7b6.ttf") format("truetype");
}
@font-face {
  font-family: "MuseoSans-300";
  src: url("../fonts/museo-sans/3A7942_1_0-a4ddbfd1acddafe7c7582973170d5d13.eot");
  src: url("../fonts/museo-sans/3A7942_1_0-a4ddbfd1acddafe7c7582973170d5d13.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/3A7942_1_0-6867247091c512b7982a97d2ef7f93b7.woff2") format("woff2"), url("../fonts/museo-sans/3A7942_1_0-38f9c1113a732539324dad2c2e25ccd3.woff") format("woff"), url("../fonts/museo-sans/3A7942_1_0-72ac5892dca33a4e1bf94036acbe5892.ttf") format("truetype");
}
@font-face {
  font-family: "MuseoSans-500";
  src: url("../fonts/museo-sans/3A7942_2_0-28cc2d7e8bb2439e0ebcee98a7507e9e.eot");
  src: url("../fonts/museo-sans/3A7942_2_0-28cc2d7e8bb2439e0ebcee98a7507e9e.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/3A7942_2_0-73c58f0dcfab8ec7f4de2a1da1486a8c.woff2") format("woff2"), url("../fonts/museo-sans/3A7942_2_0-1c3a9da84cac0ccea9b88b7d213060f2.woff") format("woff"), url("../fonts/museo-sans/3A7942_2_0-461a6ba7f112b8c975c89c401b02c694.ttf") format("truetype");
}
.icon-facebook.reversed:before {
  content: "\eeef";
}

.icon-facebook_group.reversed:before {
  content: "\e935";
}

.icon-facebook_page.reversed:before {
  content: "\e92b";
}

.icon-linkedin_company:before {
  content: "\e903";
}

.icon-linkedin.reversed:before,
.icon-linkedin_company.reversed:before {
  content: "\ef29";
}

.icon-twitter.reversed:before {
  content: "\eef5";
}

.icon-tumblr.reversed:before {
  content: "\ef18";
}

.icon-pinterest.reversed:before {
  content: "\ef31";
}

.icon-instagram.reversed:before {
  content: "\e934";
}

.icon-tiktok.reversed:before {
  content: "\e9de";
}

.icon-youtube.reversed:before {
  content: "\e9e1";
}

.icon-mastodon.reversed:before {
  content: "\e9e3";
}

.icon-bluesky.reversed:before {
  content: "\e9ea";
}

.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker table {
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background: #f7f7f7;
  cursor: pointer;
}
.datepicker table tr td.old, .datepicker table tr td.new {
  color: #b3b3b3;
}
.datepicker table tr td.disabled, .datepicker table tr .integration-modal .container.enabled .body .header td.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.btn, .datepicker table tr td.disabled:hover {
  background: none;
  color: #b3b3b3;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr .integration-modal .container.enabled .body .header td.today.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.today.btn, .datepicker table tr td.today.disabled:hover {
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #f3ddd7, #f3e6d7);
  background-repeat: repeat-x;
  border-color: #f3e6d7 #f3e6d7 #e2c19b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.today:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:active, .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr .integration-modal .container.enabled .body .header td.today.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.today.btn, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover[disabled] {
  color: #000000;
  background-color: #f3e6d7;
}
.datepicker table tr td.today:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled:active, .datepicker table tr .integration-modal .container.enabled .body .header td.today.btn:active, .integration-modal .container.enabled .body .header .datepicker table tr td.today.btn:active, .datepicker table tr td.today.disabled.active, .datepicker table tr .integration-modal .container.enabled .body .header td.today.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.today.active.btn, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover.active {
  background-color: #e8ceaf \9 ;
}
.datepicker table tr td.today:hover:hover {
  color: #000000;
}
.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 .integration-modal .container.enabled .body .header td.range.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.range.btn, .datepicker table tr td.range.disabled:hover {
  background: #f7f7f7;
  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 .integration-modal .container.enabled .body .header td.range.today.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.range.today.btn, .datepicker table tr td.range.today.disabled:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #e4b7ac, #e4caac);
  background-repeat: repeat-x;
  border-color: #e4caac #e4caac #d1a572;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 0;
}
.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr .integration-modal .container.enabled .body .header td.range.today.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.range.today.btn, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #e4caac;
}
.datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr .integration-modal .container.enabled .body .header td.range.today.btn:active, .integration-modal .container.enabled .body .header .datepicker table tr td.range.today.btn:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr .integration-modal .container.enabled .body .header td.range.today.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.range.today.active.btn, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #d7b186 \9 ;
}
.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr .integration-modal .container.enabled .body .header td.selected.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.selected.btn, .datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #e6e6e6, #999999);
  background-repeat: repeat-x;
  border-color: #999999 #999999 #737373;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr .integration-modal .container.enabled .body .header td.selected.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.selected.btn, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #999999;
}
.datepicker table tr td.selected:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr .integration-modal .container.enabled .body .header td.selected.btn:active, .integration-modal .container.enabled .body .header .datepicker table tr td.selected.btn:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr .integration-modal .container.enabled .body .header td.selected.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.selected.active.btn, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover.active {
  background-color: #808080 \9 ;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr .integration-modal .container.enabled .body .header td.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.active.btn, .datepicker table tr td.active.disabled:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002b80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:active, .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr .integration-modal .container.enabled .body .header td.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.active.btn, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
}
.datepicker table tr td.active:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active, .datepicker table tr .integration-modal .container.enabled .body .header td.active.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td.active.active.btn, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9 ;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover, .datepicker table tr td span.focused {
  background: #f7f7f7;
}
.datepicker table tr td span.disabled, .datepicker table tr td .integration-modal .container.enabled .body .header span.btn, .integration-modal .container.enabled .body .header .datepicker table tr td span.btn, .datepicker table tr td span.disabled:hover {
  background: none;
  color: #b3b3b3;
  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 .integration-modal .container.enabled .body .header span.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td span.active.btn, .datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002b80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td .integration-modal .container.enabled .body .header span.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td span.active.btn, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
}
.datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td .integration-modal .container.enabled .body .header span.active.active.btn, .integration-modal .container.enabled .body .header .datepicker table tr td span.active.active.btn, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9 ;
}
.datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #b3b3b3;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #f7f7f7;
}
.datepicker .prev.disabled, .datepicker .integration-modal .container.enabled .body .header .prev.btn, .integration-modal .container.enabled .body .header .datepicker .prev.btn,
.datepicker .next.disabled,
.datepicker .integration-modal .container.enabled .body .header .next.btn,
.integration-modal .container.enabled .body .header .datepicker .next.btn {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #f7f7f7;
  border: 1px solid #cccccc;
  margin-left: -5px;
  margin-right: -5px;
}

/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}

.bootstrap-timepicker .add-on {
  cursor: pointer;
}

.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 2px 3px 2px 2px;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}

.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}

.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
  width: 100%;
}

.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}

.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  border-radius: 4px;
  border-color: #ddd;
}

.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
}

.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
}

.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}
/*
Version: 3.5.0 Timestamp: Mon Jun 16 19:29:44 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */ /* webkit */ /* firefox */
  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir=rtl] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 36px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir=rtl] .select2-container .select2-choice > .select2-chosen {
  margin-left: 36px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("/img/select2-43cb5480fa727f93c319dd4650aa6484.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#cccccc", GradientType=0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir=rtl] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/select2-43cb5480fa727f93c319dd4650aa6484.png") no-repeat 0 1px;
}

html[dir=rtl] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  box-shadow: none;
  background: url("/img/select2-43cb5480fa727f93c319dd4650aa6484.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir=rtl] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: url("/img/select2-43cb5480fa727f93c319dd4650aa6484.png") no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: url("/img/select2-spinner-7b9776076d5fceef4993b55c9383dedd.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir=rtl] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("/img/select2-spinner-7b9776076d5fceef4993b55c9383dedd.gif") no-repeat 100%;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir=rtl] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

html[dir=rtl] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("/img/select2-spinner-7b9776076d5fceef4993b55c9383dedd.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

html[dir=rtl] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("/img/select2-43cb5480fa727f93c319dd4650aa6484.png") right top no-repeat;
}

html[dir=rtl] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir=rtl] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */
@media only screen and (min-resolution: 2dppx) {
  .select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
    background-image: url("/img/select2x2-ce85d1c044eaf398750f855bfac27e9b.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.form-control .select2-choice {
  border: 0;
  border-radius: 2px;
}

.form-control .select2-choice .select2-arrow {
  border-radius: 0 2px 2px 0;
}

.form-control.select2-container {
  height: auto !important;
  padding: 0;
}

.form-control.select2-container.select2-dropdown-open {
  border-color: #5897fb;
  border-radius: 3px 3px 0 0;
}

.form-control .select2-container.select2-dropdown-open .select2-choices {
  border-radius: 3px 3px 0 0;
}

.form-control.select2-container .select2-choices {
  border: 0 !important;
  border-radius: 3px;
}

.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container .select2-choices,
.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-active .select2-choices,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #c09853 !important;
}

.control-group.warning .select2-container .select2-choice div {
  border-left: 1px solid #c09853 !important;
  background: #fcf8e3 !important;
}

.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container .select2-choices,
.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-active .select2-choices,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #b94a48 !important;
}

.control-group.error .select2-container .select2-choice div {
  border-left: 1px solid #b94a48 !important;
  background: #f2dede !important;
}

.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container .select2-choices,
.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-active .select2-choices,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #3a87ad !important;
}

.control-group.info .select2-container .select2-choice div {
  border-left: 1px solid #3a87ad !important;
  background: #d9edf7 !important;
}

.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container .select2-choices,
.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-active .select2-choices,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #468847 !important;
}

.control-group.success .select2-container .select2-choice div {
  border-left: 1px solid #468847 !important;
  background: #dff0d8 !important;
}

.daterange .dr-input {
  height: 30px;
  border-radius: 0;
  border-color: #b3b3b3;
}
.daterange .dr-input:hover {
  border-color: #b3b3b3;
}
.daterange .dr-input.dr-active {
  box-shadow: none;
  border-color: #b3b3b3;
}
.daterange .dr-input .dr-dates {
  padding: 4px 25px 4px 8px;
}
.daterange .dr-input .dr-dates .dr-date {
  padding: 5px 0;
  font-size: 13px;
}
.daterange .dr-input .dr-dates .dr-date.dr-active, .daterange .dr-input .dr-dates .dr-date:focus, .daterange .dr-input .dr-dates .dr-date:hover {
  color: #4d4d4d;
  cursor: pointer;
}
.daterange .dr-input .dr-presets.dr-active, .daterange .dr-input .dr-presets:hover {
  border-color: #b3b3b3;
}
.daterange .dr-input .dr-presets.dr-active .dr-preset-bar, .daterange .dr-input .dr-presets:hover .dr-preset-bar {
  background-color: #d17760;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover:not(.dr-current) {
  background-color: #e3a393 !important;
  color: #ffffff;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day .dr-current {
  color: #d17760 !important;
  border: 1px solid #d17760 !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-start.dr-maybe, .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-end.dr-maybe {
  color: #4d4d4d !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-start:not(.dr-maybe), .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-end:not(.dr-maybe) {
  background-color: #d17760 !important;
  color: #ffffff !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-start:not(.dr-maybe).dr-hover, .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-end:not(.dr-maybe).dr-hover {
  background-color: #d17760 !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-before, .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-after {
  border-color: #d17760 !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-start:not(.dr-maybe), .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-before {
  border-radius: 20px 0 0 20px;
  border-color: transparent !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-end:not(.dr-maybe), .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-after {
  border-radius: 0 20px 20px 0;
  border-color: transparent !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-maybe {
  background-color: #f7f7f7 !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-selected {
  background-color: #f4d9d1 !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-selected.dr-hover {
  background-color: #eab7a8 !important;
  border-radius: 0;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-fade {
  color: #999999;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher {
  border: initial;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i {
  top: 1px;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:before, .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:after, .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:before, .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:after {
  font-family: CoS;
  top: 8px;
  transform: translate(-50%, -50%) rotate(0deg);
  font-style: normal;
  width: 12px;
  height: 12px;
  background-color: transparent;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:before {
  content: "<";
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:before {
  content: ">";
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:hover:after, .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:hover:before {
  color: #666666;
}
.daterange .dr-selections .dr-calendar .dr-days-of-week-list {
  background-color: #f7f7f7;
  font-size: 12px;
  font-weight: 700;
  color: #999999;
  text-transform: uppercase;
}
.daterange .dr-selections .dr-list-item {
  border-color: #e6e6e6;
  color: #d17760;
}
.daterange .dr-selections .dr-list-item:hover {
  background-color: #f7f7f7;
}

/* Highcharts color variables for use outside of a chart
(actual colors are determined in utils/highcharts-theme.js) */
.engagement-color,
.overall-color {
  color: #e5816a !important;
}
.engagement-color-dark,
.overall-color-dark {
  color: #dd5c3f !important;
}
.engagement-color-light,
.overall-color-light {
  color: #eda695 !important;
}
.engagement-background,
.overall-background {
  background-color: #e5816a !important;
}
.engagement-background-dark,
.overall-background-dark {
  background-color: #dd5c3f !important;
}
.engagement-background-light,
.overall-background-light {
  background-color: #eda695 !important;
}
.engagement-border,
.overall-border {
  border-color: #e5816a !important;
}
.engagement-border-dark,
.overall-border-dark {
  border-color: #dd5c3f !important;
}
.engagement-border-light,
.overall-border-light {
  border-color: #eda695 !important;
}

.messages-color {
  color: #d1d3d4 !important;
}
.messages-color-dark {
  color: #b7babb !important;
}
.messages-color-light {
  color: #ebeced !important;
}
.messages-background {
  background-color: #d1d3d4 !important;
}
.messages-background-dark {
  background-color: #b7babb !important;
}
.messages-background-light {
  background-color: #ebeced !important;
}
.messages-border {
  border-color: #d1d3d4 !important;
}
.messages-border-dark {
  border-color: #b7babb !important;
}
.messages-border-light {
  border-color: #ebeced !important;
}

.clicks-color {
  color: #807d89 !important;
}
.clicks-color-dark {
  color: #67646f !important;
}
.clicks-color-light {
  color: #9a98a1 !important;
}
.clicks-background {
  background-color: #807d89 !important;
}
.clicks-background-dark {
  background-color: #67646f !important;
}
.clicks-background-light {
  background-color: #9a98a1 !important;
}
.clicks-border {
  border-color: #807d89 !important;
}
.clicks-border-dark {
  border-color: #67646f !important;
}
.clicks-border-light {
  border-color: #9a98a1 !important;
}

.likes-color,
.favorites-color {
  color: #8abcc9 !important;
}
.likes-color-dark,
.favorites-color-dark {
  color: #67a8b9 !important;
}
.likes-color-light,
.favorites-color-light {
  color: #add0d9 !important;
}
.likes-background,
.favorites-background {
  background-color: #8abcc9 !important;
}
.likes-background-dark,
.favorites-background-dark {
  background-color: #67a8b9 !important;
}
.likes-background-light,
.favorites-background-light {
  background-color: #add0d9 !important;
}
.likes-border,
.favorites-border {
  border-color: #8abcc9 !important;
}
.likes-border-dark,
.favorites-border-dark {
  border-color: #67a8b9 !important;
}
.likes-border-light,
.favorites-border-light {
  border-color: #add0d9 !important;
}

.comments-color,
.replies-color {
  color: #86aa83 !important;
}
.comments-color-dark,
.replies-color-dark {
  color: #699466 !important;
}
.comments-color-light,
.replies-color-light {
  color: #a4bfa1 !important;
}
.comments-background,
.replies-background {
  background-color: #86aa83 !important;
}
.comments-background-dark,
.replies-background-dark {
  background-color: #699466 !important;
}
.comments-background-light,
.replies-background-light {
  background-color: #a4bfa1 !important;
}
.comments-border,
.replies-border {
  border-color: #86aa83 !important;
}
.comments-border-dark,
.replies-border-dark {
  border-color: #699466 !important;
}
.comments-border-light,
.replies-border-light {
  border-color: #a4bfa1 !important;
}

.shares-color,
.retweets-color,
.repins-color,
.dash-team-color {
  color: #eab75c !important;
}
.shares-color-dark,
.retweets-color-dark,
.repins-color-dark,
.dash-team-color-dark {
  color: #e4a32f !important;
}
.shares-color-light,
.retweets-color-light,
.repins-color-light,
.dash-team-color-light {
  color: #f0cb89 !important;
}
.shares-background,
.retweets-background,
.repins-background,
.dash-team-background {
  background-color: #eab75c !important;
}
.shares-background-dark,
.retweets-background-dark,
.repins-background-dark,
.dash-team-background-dark {
  background-color: #e4a32f !important;
}
.shares-background-light,
.retweets-background-light,
.repins-background-light,
.dash-team-background-light {
  background-color: #f0cb89 !important;
}
.shares-border,
.retweets-border,
.repins-border,
.dash-team-border {
  border-color: #eab75c !important;
}
.shares-border-dark,
.retweets-border-dark,
.repins-border-dark,
.dash-team-border-dark {
  border-color: #e4a32f !important;
}
.shares-border-light,
.retweets-border-light,
.repins-border-light,
.dash-team-border-light {
  border-color: #f0cb89 !important;
}

.facebook-color {
  color: #3b5998 !important;
}
.facebook-color-dark {
  color: #2d4373 !important;
}
.facebook-color-light {
  color: #4c70ba !important;
}
.facebook-background {
  background-color: #3b5998 !important;
}
.facebook-background-dark {
  background-color: #2d4373 !important;
}
.facebook-background-light {
  background-color: #4c70ba !important;
}
.facebook-border {
  border-color: #3b5998 !important;
}
.facebook-border-dark {
  border-color: #2d4373 !important;
}
.facebook-border-light {
  border-color: #4c70ba !important;
}

.twitter-color {
  color: #2ca9e1 !important;
}
.twitter-color-dark {
  color: #1b8cbf !important;
}
.twitter-color-light {
  color: #59bbe7 !important;
}
.twitter-background {
  background-color: #2ca9e1 !important;
}
.twitter-background-dark {
  background-color: #1b8cbf !important;
}
.twitter-background-light {
  background-color: #59bbe7 !important;
}
.twitter-border {
  border-color: #2ca9e1 !important;
}
.twitter-border-dark {
  border-color: #1b8cbf !important;
}
.twitter-border-light {
  border-color: #59bbe7 !important;
}

.pinterest-color {
  color: #bd081c !important;
}
.pinterest-color-dark {
  color: #8c0615 !important;
}
.pinterest-color-light {
  color: #ee0a23 !important;
}
.pinterest-background {
  background-color: #bd081c !important;
}
.pinterest-background-dark {
  background-color: #8c0615 !important;
}
.pinterest-background-light {
  background-color: #ee0a23 !important;
}
.pinterest-border {
  border-color: #bd081c !important;
}
.pinterest-border-dark {
  border-color: #8c0615 !important;
}
.pinterest-border-light {
  border-color: #ee0a23 !important;
}

.tumblr-color {
  color: #2c4862 !important;
}
.tumblr-color-dark {
  color: #1c2e3f !important;
}
.tumblr-color-light {
  color: #3c6285 !important;
}
.tumblr-background {
  background-color: #2c4862 !important;
}
.tumblr-background-dark {
  background-color: #1c2e3f !important;
}
.tumblr-background-light {
  background-color: #3c6285 !important;
}
.tumblr-border {
  border-color: #2c4862 !important;
}
.tumblr-border-dark {
  border-color: #1c2e3f !important;
}
.tumblr-border-light {
  border-color: #3c6285 !important;
}

.linkedin-color {
  color: #0073a5 !important;
}
.linkedin-color-dark {
  color: #004f72 !important;
}
.linkedin-color-light {
  color: #0097d8 !important;
}
.linkedin-background {
  background-color: #0073a5 !important;
}
.linkedin-background-dark {
  background-color: #004f72 !important;
}
.linkedin-background-light {
  background-color: #0097d8 !important;
}
.linkedin-border {
  border-color: #0073a5 !important;
}
.linkedin-border-dark {
  border-color: #004f72 !important;
}
.linkedin-border-light {
  border-color: #0097d8 !important;
}

.instagram-color {
  color: #e34061 !important;
}
.instagram-color-dark {
  color: #d11f43 !important;
}
.instagram-color-light {
  color: #ea6c86 !important;
}
.instagram-background {
  background-color: #e34061 !important;
}
.instagram-background-dark {
  background-color: #d11f43 !important;
}
.instagram-background-light {
  background-color: #ea6c86 !important;
}
.instagram-border {
  border-color: #e34061 !important;
}
.instagram-border-dark {
  border-color: #d11f43 !important;
}
.instagram-border-light {
  border-color: #ea6c86 !important;
}

.network-title {
  width: 100%;
  text-align: center;
  color: #666;
  z-index: 1;
}
.classic .network-title span.network-icon {
  font-size: 20px;
}
.report .network-title span.network-icon {
  font-size: 60px;
}

.charts-tooltip {
  z-index: 9998;
  background-color: #fff;
  padding: 7px 8px 8px 7px;
  position: relative;
  left: -7px;
  top: -7px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  border-radius: 2px;
  border: 1px solid #fff;
}

.highcharts-container {
  margin-left: auto;
  margin-right: auto;
}

/* ===========================================================================================
Base CSS
============================================================================================== */
.twitter {
  color: #2ca9e1;
}
.twitter.color-background {
  color: #fff;
  background-color: #2ca9e1;
}

.facebook {
  color: #3b5998;
}
.facebook.color-background {
  color: #fff;
  background-color: #3b5998;
}

.facebook_page {
  color: #3b5998;
}
.facebook_page.color-background {
  color: #fff;
  background-color: #3b5998;
}

.facebook_group {
  color: #3b5998;
}
.facebook_group.color-background {
  color: #fff;
  background-color: #3b5998;
}

.linkedin {
  color: #0073a5;
}
.linkedin.color-background {
  color: #fff;
  background-color: #0073a5;
}

.linkedin_company {
  color: #0073a5;
}
.linkedin_company.color-background {
  color: #fff;
  background-color: #0073a5;
}

.tumblr {
  color: #2c4862;
}
.tumblr.color-background {
  color: #fff;
  background-color: #2c4862;
}

.pinterest {
  color: #bd081c;
}
.pinterest.color-background {
  color: #fff;
  background-color: #bd081c;
}

.instagram {
  color: #e34061;
}
.instagram.color-background {
  color: #fff;
  background-color: #e34061;
}

.tiktok {
  color: #000000;
}
.tiktok.color-background {
  color: #fff;
  background-color: #000000;
}

.youtube {
  color: #ff0000;
}
.youtube.color-background {
  color: #fff;
  background-color: #ff0000;
}

.youtube_social {
  color: #ff0000;
}
.youtube_social.color-background {
  color: #fff;
  background-color: #ff0000;
}

.mastodon {
  color: #6364ff;
}
.mastodon.color-background {
  color: #fff;
  background-color: #6364ff;
}

.google_my_business {
  color: #4989f5;
}
.google_my_business.color-background {
  color: #fff;
  background-color: #4989f5;
}

.bluesky {
  color: #1185fe;
}
.bluesky.color-background {
  color: #fff;
  background-color: #1185fe;
}

.treads {
  color: #000000;
}
.treads.color-background {
  color: #fff;
  background-color: #000000;
}

.evernote {
  color: #848484 !important;
}

.orange,
a.orange {
  color: #d17760;
}

a.orange:hover {
  color: #bc6148;
}

.blue,
a.blue {
  color: #62acc4;
}

a.blue:hover {
  color: #448499;
}

.green,
a.green {
  color: #6ba066;
}
.green:hover,
a.green:hover {
  color: #6ba066;
}

.yellow,
a.yellow {
  color: #c09853;
}
.yellow:hover,
a.yellow:hover {
  color: #c09853;
}

.grey,
.gray {
  color: #999999 !important;
}

a.grey,
a.gray {
  color: #999999 !important;
}
a.grey:hover,
a.gray:hover {
  color: #666666 !important;
}

.red,
a.red {
  color: #b94a48;
}
.red:hover,
a.red:hover {
  color: #b94a48;
}

.vertical-align-middle {
  display: inline-block;
  vertical-align: middle;
}

.no-overflow {
  overflow: hidden !important;
}

.liquid-container.show-overflow {
  overflow: initial;
}
.liquid-container.show-overflow .liquid-child {
  overflow: initial;
}

.loading-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 120px;
  flex-flow: column;
}
.loading-wrapper.full-browser-height {
  height: 100vh;
}

.loading-icon {
  border-radius: 50%;
  height: 32px;
  display: inline-block;
  width: 32px;
  position: relative;
  transform: translate(-50%, -50%);
}
.loading-icon:before, .loading-icon:after {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: 50%;
  right: 50%;
  background-color: #db8773;
  border-radius: 50%;
  animation: orangeCircle infinite alternate 1175ms ease;
}
.loading-icon:after {
  background-color: white;
  animation: whiteCircle infinite alternate 1175ms ease;
}
.loading-icon.icon-16 {
  height: 16px !important;
  width: 16px !important;
}
.loading-icon.icon-24 {
  height: 24px !important;
  width: 24px !important;
}
.loading-icon.icon-48 {
  height: 48px !important;
  width: 48px !important;
}

@keyframes whiteCircle {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes orangeCircle {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  background-image: none;
  background-color: transparent;
  border: 1px solid #b3b3b3;
  color: #999999;
  text-shadow: none;
  outline: 0 !important;
  border-radius: 2px;
  box-shadow: 2px 2px 5px transparent;
  transition: all 0.2s ease;
}
.btn.active, .btn:active, .btn:hover, .btn:focus {
  background-image: none;
  outline: 0;
  border: 1px solid transparent;
  box-shadow: 1px 1px 5px #999999;
  transition: all 0.2s ease;
  background-color: #fff;
}
.btn:hover {
  color: #666666;
}
.btn:visited {
  background-image: none;
  outline: 0;
}
.btn [class^=icon-],
.btn [class*=" icon-"] {
  font-size: 16px;
}
.btn.small, .btn.btn-small {
  font-size: 12px;
}
.btn.btn-large {
  font-size: 16px;
}
.btn.disabled, .integration-modal .container.enabled .body .header .btn, .btn:disabled {
  color: #999999;
  background-color: transparent;
  opacity: 0.5;
  outline: 0;
  cursor: not-allowed;
}
.btn .caret {
  border-top-color: #999999;
}
.btn .loading-icon {
  display: none;
}

.btn-orange {
  background-image: none;
  background-color: #d17760;
  text-shadow: none;
  color: #ffffff;
  border-color: #d17760;
  filter: none;
  box-shadow: inset 0 -1px 0 #bc6148;
}
.btn-orange label {
  color: #ffffff;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus, .btn-orange.active {
  background-image: none;
  background-color: #bc6148;
  border-color: #bc6148;
  text-shadow: none;
  color: #ffffff;
  filter: none;
}
.btn-orange:focus {
  box-shadow: none;
  outline: none !important;
  outline-style: none !important;
  background-color: #bc6148;
  border-color: #bc6148;
}
.btn-orange.disabled, .integration-modal .container.enabled .body .header .btn-orange.btn, .btn-orange:disabled {
  background-color: #a74a30;
  border-color: #a74a30;
  color: #ffffff;
  opacity: 0.5;
}
.btn-orange.disabled .loading-icon:after, .integration-modal .container.enabled .body .header .btn-orange.btn .loading-icon:after, .btn-orange:disabled .loading-icon:after {
  background-color: #a74a30 !important;
}
.btn-orange:not([disabled]) .loading-icon:before {
  background-color: white !important;
}
.btn-orange:not([disabled]) .loading-icon:after {
  background-color: #d17760 !important;
}
.btn-orange.btn-text {
  background-color: transparent;
  border-color: transparent;
  color: #d17760;
  box-shadow: none;
}
.btn-orange.btn-text:hover, .btn-orange.btn-text:active, .btn-orange.btn-text:focus, .btn-orange.btn-text.active {
  background-color: transparent;
  border-color: transparent;
  color: #bc6148;
}
.btn-orange.btn-text.disabled, .integration-modal .container.enabled .body .header .btn-orange.btn-text.btn, .btn-orange.btn-text:disabled {
  color: #db8773 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.btn-blue {
  background: none #62acc4;
  text-shadow: none;
  color: white;
  border-color: #62acc4;
  filter: none;
  box-shadow: 0 1px 0 #448499;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue.active {
  background: none #448499;
  border-color: #448499;
  text-shadow: none;
  color: white;
  filter: none;
}
.btn-blue.disabled, .integration-modal .container.enabled .body .header .btn-blue.btn,
.btn-blue .btn.btn[disabled], .btn-blue:disabled {
  background-color: #448499;
  border-color: #448499;
  opacity: 0.5;
  color: #e6e6e6;
}
.btn-blue.disabled .loading-icon:after, .integration-modal .container.enabled .body .header .btn-blue.btn .loading-icon:after,
.btn-blue .btn.btn[disabled] .loading-icon:after, .btn-blue:disabled .loading-icon:after {
  background-color: #448499 !important;
}
.btn-blue .loading-icon:before {
  background-color: white !important;
}
.btn-blue .loading-icon:after {
  background-color: #62acc4 !important;
}

.btn-text {
  color: #999999;
  line-height: 22px;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.btn-text:hover, .btn-text:active, .btn-text.active, .btn-text:focus {
  color: #666666;
  box-shadow: none;
  text-decoration: none;
  border: none;
  background-color: transparent;
}
.btn-text.small {
  color: #b3b3b3;
}
.btn-text:disabled {
  color: #b3b3b3;
}
.btn-text:disabled:hover {
  cursor: not-allowed;
  color: #b3b3b3 !important;
}

.btn-shadow {
  height: 30px;
  padding: 0 8px;
  font-weight: 500;
  color: #666666;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.btn-shadow:hover, .btn-shadow:focus {
  cursor: pointer;
  color: #4d4d4d;
  background-color: #e6e6e6;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.btn-loading {
  position: relative;
  padding-left: 38px;
}
.btn-loading .loading-icon {
  display: block;
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  height: 20px;
  top: 11px;
  left: 8px;
  width: 20px;
  transform: translate(-50%, -50%);
}
.btn-loading .loading-icon:before, .btn-loading .loading-icon:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  bottom: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  background-color: #db8773;
  border-radius: 50%;
  animation: orangeCircle infinite alternate 1175ms ease;
}
.btn-loading .loading-icon:after {
  background-color: white;
  animation: whiteCircle infinite alternate 1175ms ease;
}

.btn-fab {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: transparent;
  color: #fff;
  background-color: #999999;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.btn-fab:hover {
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  transition: all 0.3s ease;
  will-change: box-shadow, opacity;
  background-color: #808080;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
}
.close:hover, .close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.2;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn-group {
  display: flex;
  position: relative;
}
.btn-group .btn:not(:last-of-type) {
  border-right: none;
}

.btn-rounded {
  border-radius: 2px;
}
.btn-rounded:hover {
  border-radius: 2px;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}

.btn-round {
  border-radius: 20px;
  color: white;
}
.btn-round:focus, .btn-round:visited {
  color: white;
  outline: 0;
}
.btn-round:active, .btn-round.active, .btn-round:hover {
  color: white;
  outline: 0;
}
.btn-round [class^=icon-],
.btn-round [class*=" icon-"] {
  display: block;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
}
.btn-round .icon-angle-right {
  margin-right: -2px;
  margin-left: 0;
}
.btn-round .icon-angle-left {
  margin-left: -2px;
  margin-right: 0;
}
.btn-round.btn-icon [class^=icon-],
.btn-round.btn-icon [class*=" icon-"] {
  margin: 0;
}

.dashed-arrow-right {
  width: 175px;
  height: 46px;
  background-image: url("/img/arrow-right-4100b2b44c03e893bdf97059c4ede18b.png");
  background-size: 175px 46px;
  background-position: left bottom;
  background-repeat: no-repeat;
  display: block;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dashed-arrow-right {
    background-image: url("/img/arrow-right@2x-ce105e578446e7e05079821bfe7c0785.png");
    background-size: 175px 46px;
  }
}

.btn-icon {
  padding: 6px 7px;
}
.btn-icon [class^=icon-],
.btn-icon [class*=" icon-"] {
  margin-right: 3px;
}

.btn-group > .btn:first-child, .btn-group > .btn:last-child {
  border-radius: 0;
}

.btn-group button.btn:focus {
  transition: all 0.2s ease;
  box-shadow: none;
}
.btn-group button.btn:focus:hover {
  transition: all 0.2s ease;
  box-shadow: 1px 1px 5px #999999;
}

button::-moz-focus-inner {
  border: 0;
}

button:focus {
  outline: none;
}

a:focus {
  outline: none;
}

label,
legend {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  color: #999999;
  margin-bottom: 5px;
  text-transform: uppercase;
  cursor: initial;
}

.multi-select-box {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  padding: 0px;
}
.multi-select-box .multi-select-overflow {
  height: 134px;
  padding: 10px;
  overflow: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
}
.multi-select-box .multi-select-overflow.multi-select-large {
  height: 198px;
}
.multi-select-box .multi-select-overflow .multi-select-options {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.multi-select-box .multi-select-overflow .multi-select-options .checkbox {
  padding-right: 5px;
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.multi-select-box .multi-select-overflow .multi-select-options .checkbox input[type=checkbox] {
  margin: 1px 0 0 -20px;
}
.multi-select-box .multi-select-overflow .multi-select-options label {
  line-height: 16px;
  color: #999999;
}
.multi-select-box .multi-select-overflow .checkbox {
  color: #666666;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  box-sizing: border-box;
}

textarea,
input,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  box-shadow: none;
  outline-style: none !important;
  outline: none !important;
  color: #666666;
}
textarea.input-jumbo,
input.input-jumbo,
input[type=text].input-jumbo,
input[type=password].input-jumbo,
input[type=datetime].input-jumbo,
input[type=datetime-local].input-jumbo,
input[type=date].input-jumbo,
input[type=month].input-jumbo,
input[type=time].input-jumbo,
input[type=week].input-jumbo,
input[type=number].input-jumbo,
input[type=email].input-jumbo,
input[type=url].input-jumbo,
input[type=search].input-jumbo,
input[type=tel].input-jumbo,
input[type=color].input-jumbo,
.uneditable-input.input-jumbo {
  padding: 0px 15px;
  font-size: 16px;
  line-height: 20px;
  height: 50px;
}
textarea.disabled, .integration-modal .container.enabled .body .header textarea.btn,
input.disabled,
.integration-modal .container.enabled .body .header input.btn,
input[type=text].disabled,
input[type=password].disabled,
input[type=datetime].disabled,
input[type=datetime-local].disabled,
input[type=date].disabled,
input[type=month].disabled,
input[type=time].disabled,
input[type=week].disabled,
input[type=number].disabled,
input[type=email].disabled,
input[type=url].disabled,
input[type=search].disabled,
input[type=tel].disabled,
input[type=color].disabled,
.uneditable-input.disabled,
.integration-modal .container.enabled .body .header .uneditable-input.btn {
  background-color: #f7f7f7;
}
textarea.input-min-height,
input.input-min-height,
input[type=text].input-min-height,
input[type=password].input-min-height,
input[type=datetime].input-min-height,
input[type=datetime-local].input-min-height,
input[type=date].input-min-height,
input[type=month].input-min-height,
input[type=time].input-min-height,
input[type=week].input-min-height,
input[type=number].input-min-height,
input[type=email].input-min-height,
input[type=url].input-min-height,
input[type=search].input-min-height,
input[type=tel].input-min-height,
input[type=color].input-min-height,
.uneditable-input.input-min-height {
  min-height: 100px;
}

.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child,
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  border-radius: 0;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
  border-color: #999999 !important;
  box-shadow: none;
}

select:focus,
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: none;
}

::-ms-clear {
  display: none;
}

* {
  outline: none;
}

.hide,
.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

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

.add-flex,
.display-flex {
  display: flex !important;
}

.flex-center {
  display: flex !important;
  justify-content: center;
}

.justify-content-flex-start {
  justify-content: flex-start;
}
.justify-content-flex-end {
  justify-content: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-space-between {
  justify-content: space-between;
}
.justify-content-space-around {
  justify-content: space-around;
}

.align-content-flex-start {
  align-content: flex-start;
}
.align-content-flex-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-baseline {
  align-content: baseline;
}
.align-content-stretch {
  align-content: stretch;
}

.align-self-auto {
  align-self: auto;
}
.align-self-flex-start {
  align-self: flex-start;
}
.align-self-flex-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-stretch {
  align-self: stretch;
}

.align-items-flex-start {
  align-items: flex-start;
}
.align-items-flex-end {
  align-items: flex-end;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}

.flex-direction-column {
  flex-direction: column;
}
.flex-direction-column-reverse {
  flex-direction: column-reverse;
}
.flex-direction-inherit {
  flex-direction: inherit;
}
.flex-direction-row {
  flex-direction: row;
}
.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-inherit {
  flex-wrap: inherit;
}
.flex-wrap-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}

.height-100 {
  height: 100%;
}

.float-left,
.pull-left {
  float: left;
}

.float-right,
.pull-right {
  float: right;
}

a.kill-underline:hover {
  text-decoration: none !important;
}
a.kill-underline:focus {
  text-decoration: none !important;
}

.pointer {
  cursor: pointer;
}

.user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.position-relative {
  position: relative;
}

.ie-only {
  display: none;
}

/* ===========================================================================================
Componenets
============================================================================================== */
html {
  padding: 0px;
  margin: 0px;
  min-height: 100%;
  position: relative;
}

body {
  padding: 0px;
  margin: 0px;
  height: 100%;
}

.avatar {
  width: 58px;
  height: 58px;
  display: inline-block;
  float: left;
  position: relative;
  margin-right: 5px;
  margin-bottom: 8px;
}
.avatar:last-child {
  *zoom: 1;
}
.avatar:last-child:before, .avatar:last-child:after {
  display: table;
  content: "";
  line-height: 0;
}
.avatar:last-child:after {
  clear: both;
}
.avatar .avatar-user {
  max-width: 48px;
  width: 48px;
  _width: 48px;
  margin-right: 10px;
  position: relative;
  border: 5px solid transparent;
}
.avatar [class^=icon-],
.avatar [class*=" icon-"],
.avatar .item-icon {
  position: absolute;
  bottom: 10px;
  right: 7px;
  width: 16px;
  height: 16px;
  background-color: white;
  font-size: 16px;
  border: 1px solid white;
}
.avatar.active .avatar-user {
  border: 5px solid #c1cfd9;
}
.avatar.linkedin {
  background-color: white;
  display: table-cell;
  vertical-align: middle;
}
.avatar.small {
  width: 24px !important;
  height: 24px !important;
}
.avatar.small .avatar-user {
  max-width: 24px !important;
  width: 24px !important;
  _width: 24px !important;
}
.avatar.small [class^=icon-],
.avatar.small [class*=" icon-"],
.avatar.small .item-icon {
  bottom: -12px;
  right: -12px;
}

.bootstrap-timepicker-widget {
  z-index: 2000 !important;
}
.bootstrap-timepicker-widget table td {
  height: 20px;
}
.bootstrap-timepicker-widget table td input {
  border-radius: 2px;
}
.bootstrap-timepicker-widget table td a {
  padding: 2px 0;
  border: none;
  color: #999999;
}
.bootstrap-timepicker-widget table td a:hover {
  background-color: #ffffff;
  color: #4d4d4d;
  border: none;
}
.bootstrap-timepicker-widget table td a:focus {
  text-decoration: none;
}
.bootstrap-timepicker-widget.dropdown-menu {
  top: auto;
  bottom: 50%;
  margin: 0 0 10px;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  content: "";
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  border-top: 8px solid white;
  position: absolute;
  left: 32px;
  top: auto;
  bottom: -16px;
  margin-left: -8px;
  display: block;
  z-index: 1202;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid whiteSmoke;
  position: absolute;
  left: 32px;
  top: auto;
  bottom: -17px;
  margin-left: -8px;
  display: block;
  z-index: 1201;
}

.calendar-label {
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}
.calendar-label .calendar-icon {
  margin-right: 8px;
  padding: 20px;
  float: left;
  display: inline-block;
  color: #f4d9d1;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  text-align: center;
}
.calendar-label .calendar-icon .calendar-color-dot {
  width: 25px;
  height: 25px;
  background-color: white;
  position: relative;
  padding: 0px;
  display: block;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 50%;
}
.calendar-label .calendar-icon .calendar-color-dot .dot {
  content: "";
  width: 19px;
  height: 19px;
  margin: 3px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}
.calendar-label .calendar-name {
  font-size: 24px;
  line-height: 56px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
}
.calendar-label a.calendar-plan {
  display: flex;
}
.calendar-label a.calendar-plan:hover, .calendar-label a.calendar-plan:focus, .calendar-label a.calendar-plan:visited {
  text-decoration: none;
}
.calendar-label a.calendar-plan .label {
  text-shadow: none;
  height: 16px;
  margin-left: 10px;
  display: flex;
  align-self: center;
  line-height: 15px;
}
.calendar-label a.calendar-plan .label.solo-marketing, .calendar-label a.calendar-plan .label.solo-automation {
  color: white;
  background-color: #62acc4;
}
.calendar-label a.calendar-plan .label.solo-standard {
  color: #999999;
  background-color: #b3b3b3;
}
.calendar-label a.calendar-plan .label.team-marketing {
  color: white;
  background-color: #f2c069;
}
.calendar-label a.calendar-plan .label.team-automation {
  color: white;
  background-color: #f2c069;
}
.calendar-label a.calendar-plan .label.team-pro {
  color: white;
  background-color: #d17760;
}
.calendar-label a.calendar-plan .label.advanced-plus, .calendar-label a.calendar-plan .label.advanced-standard {
  color: white;
  background-color: #d17760;
}
.calendar-label a.calendar-plan .label.enterprise {
  color: white;
  background-color: #9fb0ce;
}
.calendar-label a.calendar-plan .label.trial, .calendar-label a.calendar-plan .label.legacy {
  color: white;
  background-color: #403056;
}
.calendar-label a.calendar-plan .label.multi-cal-multi-cal-marketing {
  color: white;
  background: #9fb0ce;
}
.calendar-label a.calendar-plan .label.multi-cal-multi-cal-plus {
  color: white;
  background-color: #9fb0ce;
}
.calendar-label a.calendar-plan .label.multi-cal-multi-cal-pro {
  color: white;
  background: #9fb0ce;
}

.container {
  margin: 0 auto;
  *zoom: 1;
}
.container:before, .container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}

.container-fluid {
  *zoom: 1;
  min-width: 940px;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}

.datepicker.datepicker-inline,
.datepicker.datepicker-dropdown.dropdown-menu {
  z-index: 20000;
  color: #666666;
  border-radius: 0;
}
.datepicker.datepicker-inline thead tr:first-child th:hover,
.datepicker.datepicker-dropdown.dropdown-menu thead tr:first-child th:hover {
  background-color: #f4d9d1 !important;
}
.datepicker.datepicker-inline tbody td span.month,
.datepicker.datepicker-inline tbody td span.year,
.datepicker.datepicker-dropdown.dropdown-menu tbody td span.month,
.datepicker.datepicker-dropdown.dropdown-menu tbody td span.year {
  border-radius: 20px;
}
.datepicker.datepicker-inline tbody td span.month:hover,
.datepicker.datepicker-inline tbody td span.year:hover,
.datepicker.datepicker-dropdown.dropdown-menu tbody td span.month:hover,
.datepicker.datepicker-dropdown.dropdown-menu tbody td span.year:hover {
  background-color: #f4d9d1 !important;
}
.datepicker.datepicker-inline tbody td span.month.active,
.datepicker.datepicker-inline tbody td span.year.active,
.datepicker.datepicker-dropdown.dropdown-menu tbody td span.month.active,
.datepicker.datepicker-dropdown.dropdown-menu tbody td span.year.active {
  background-image: none;
  background-color: #d17760 !important;
}
.datepicker.datepicker-inline tbody td span.month.active:hover,
.datepicker.datepicker-inline tbody td span.year.active:hover,
.datepicker.datepicker-dropdown.dropdown-menu tbody td span.month.active:hover,
.datepicker.datepicker-dropdown.dropdown-menu tbody td span.year.active:hover {
  background-color: #bc6148 !important;
}
.datepicker.datepicker-inline tbody td.day,
.datepicker.datepicker-dropdown.dropdown-menu tbody td.day {
  border-radius: 20px;
}
.datepicker.datepicker-inline tbody td.day:hover,
.datepicker.datepicker-dropdown.dropdown-menu tbody td.day:hover {
  background-color: #f4d9d1;
}
.datepicker.datepicker-inline tbody td.day.active,
.datepicker.datepicker-dropdown.dropdown-menu tbody td.day.active {
  background-image: none;
  background-color: #d17760;
}
.datepicker.datepicker-inline tbody td.day.active:hover,
.datepicker.datepicker-dropdown.dropdown-menu tbody td.day.active:hover {
  background-color: #bc6148;
}

.dropdown-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  border-radius: 0;
  background-color: white;
  margin: 10px 0 0;
  padding: 8px;
  border: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  zoom: 1;
  z-index: 1200;
  color: #666666;
}
.dropdown-menu .dropdown-scroll {
  min-height: 46px;
  max-height: 200px;
  min-width: 250px;
  z-index: 1000;
  overflow: hidden;
  overflow-y: scroll;
}
.dropdown-menu.no-caret {
  margin-top: 0px;
}
.dropdown-menu.no-caret:before, .dropdown-menu.no-caret:after {
  content: "";
  display: none;
}
.dropdown-menu .nav.nav-list {
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
}
.dropdown-menu .nav.nav-list li .divider {
  margin: 3px 1px;
}
.dropdown-menu .nav.nav-list li a {
  margin-left: 0px;
  margin-right: 0px;
  padding: 3px 3px;
  font-size: 13px;
  color: #999999;
}
.dropdown-menu .nav.nav-list li a:hover {
  color: #666666;
  background-color: transparent;
}
.dropdown-menu .nav.nav-list li a.disabled, .dropdown-menu .nav.nav-list li .integration-modal .container.enabled .body .header a.btn, .integration-modal .container.enabled .body .header .dropdown-menu .nav.nav-list li a.btn {
  color: #e6e6e6 !important;
}

.dropdown.up .dropdown-menu {
  bottom: 100% !important;
  top: auto !important;
  margin-bottom: 16px;
}
.dropdown.up .dropdown-menu:before {
  top: auto !important;
  bottom: -15px;
  border-top: 8px solid white;
  border-bottom: 8px solid transparent;
}
.dropdown.up .dropdown-menu:after {
  top: auto !important;
  bottom: -16px;
  border-top: 8px solid whiteSmoke;
  border-bottom: 8px solid transparent;
}

footer {
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 11px;
  line-height: 100%;
  color: #b3b3b3;
  text-align: center;
}
footer a {
  color: #b3b3b3;
}
footer span {
  display: inline-block;
  margin: 0 8px;
}

.help-hint {
  padding: 1px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  border-radius: 50%;
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  color: #b3b3b3;
  margin-right: 3px;
}

hr.small {
  margin: 8px 0px;
}
hr.transparent {
  border-color: transparent;
}
hr.bottom {
  margin-bottom: 10px;
}
hr.top {
  margin-top: 10px;
}
hr.dark {
  border-bottom-color: #b3b3b3;
}

[class^=icon-],
[class*=" icon-"] {
  text-decoration: none;
}
[class^=icon-]:hover, [class^=icon-]:focus,
[class*=" icon-"]:hover,
[class*=" icon-"]:focus {
  text-decoration: none;
}
[class^=icon-].icon-12,
[class*=" icon-"].icon-12 {
  font-size: 12px !important;
}
[class^=icon-].icon-16,
[class*=" icon-"].icon-16 {
  font-size: 16px !important;
}
[class^=icon-].icon-20,
[class*=" icon-"].icon-20 {
  font-size: 20px !important;
}
[class^=icon-].icon-24,
[class*=" icon-"].icon-24 {
  font-size: 24px !important;
}
[class^=icon-].icon-32,
[class*=" icon-"].icon-32 {
  font-size: 32px !important;
}
[class^=icon-].icon-48,
[class*=" icon-"].icon-48 {
  font-size: 48px !important;
}
[class^=icon-].icon-64,
[class*=" icon-"].icon-64 {
  font-size: 64px !important;
}
[class^=icon-].icon-128,
[class*=" icon-"].icon-128 {
  font-size: 128px !important;
}
[class^=icon-].icon-twitter-retweet,
[class*=" icon-"].icon-twitter-retweet {
  font-weight: bold;
}
[class^=icon-].icon-facebook,
[class*=" icon-"].icon-facebook {
  color: #3b5998;
  background-color: #fff;
}
[class^=icon-].icon-facebook_page,
[class*=" icon-"].icon-facebook_page {
  color: #3b5998;
  background-color: #fff;
}
[class^=icon-].icon-facebook_group,
[class*=" icon-"].icon-facebook_group {
  color: #3b5998;
  background-color: #fff;
}
[class^=icon-].icon-twitter,
[class*=" icon-"].icon-twitter {
  color: #2ca9e1;
  background-color: #fff;
}
[class^=icon-].icon-linkedin, [class^=icon-].icon-linkedin_company,
[class*=" icon-"].icon-linkedin,
[class*=" icon-"].icon-linkedin_company {
  color: #0073a5;
  background-color: #fff;
}
[class^=icon-].icon-tumblr,
[class*=" icon-"].icon-tumblr {
  color: #2c4862;
  background-color: #fff;
}
[class^=icon-].icon-instagram,
[class*=" icon-"].icon-instagram {
  color: #e34061;
  background-color: #fff;
}
[class^=icon-].icon-tiktok,
[class*=" icon-"].icon-tiktok {
  color: #000000;
  background-color: #fff;
}
[class^=icon-].icon-youtube,
[class*=" icon-"].icon-youtube {
  color: #ff0000;
}
[class^=icon-].icon-mastodon,
[class*=" icon-"].icon-mastodon {
  color: #6364ff;
  background-color: #fff;
}
[class^=icon-].icon-youtube_social,
[class*=" icon-"].icon-youtube_social {
  color: #ff0000;
  background-color: #fff;
}
[class^=icon-].icon-google_my_business,
[class*=" icon-"].icon-google_my_business {
  color: #4989f5;
  background-color: #fff;
}
[class^=icon-].icon-bluesky,
[class*=" icon-"].icon-bluesky {
  color: #1185fe;
  background-color: #fff;
}
[class^=icon-].icon-threads,
[class*=" icon-"].icon-threads {
  color: #000000;
  background-color: #fff;
}
[class^=icon-].icon-wordpress,
[class*=" icon-"].icon-wordpress {
  color: #21759b;
}
[class^=icon-].icon-wordpress.icon-round,
[class*=" icon-"].icon-wordpress.icon-round {
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin-bottom: -2px;
  background-color: #fff;
  line-height: initial !important;
}
[class^=icon-].icon-buffer,
[class*=" icon-"].icon-buffer {
  color: #000000;
}
[class^=icon-].icon-pinterest,
[class*=" icon-"].icon-pinterest {
  color: #bd081c;
  background-color: #ffffff;
}
[class^=icon-].icon-evernote.evernote,
[class*=" icon-"].icon-evernote.evernote {
  border: 1px solid #6fb536;
  border-radius: 50%;
  color: #848484 !important;
  font-size: 11px !important;
  padding: 1px !important;
  width: 12px;
  height: 12px;
  display: inline-block;
  line-height: 14px !important;
  text-align: center;
}
[class^=icon-].icon-evernote.evernote.icon-24,
[class*=" icon-"].icon-evernote.evernote.icon-24 {
  font-size: 18px !important;
  padding: 3px !important;
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 18px !important;
}
[class^=icon-].icon-evernote.evernote.icon-32,
[class*=" icon-"].icon-evernote.evernote.icon-32 {
  font-size: 22px !important;
  padding: 4px !important;
  width: 22px;
  height: 22px;
  display: inline-block;
  line-height: 22px !important;
}
[class^=icon-].icon-evernote.evernote.icon-48,
[class*=" icon-"].icon-evernote.evernote.icon-48 {
  vertical-align: middle;
  font-size: 32px !important;
  padding: 3px !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
}
[class^=icon-].icon-chrome.icon-16,
[class*=" icon-"].icon-chrome.icon-16 {
  height: 16px;
  width: 16px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-chrome-48-8e59ec3e1624594b9ea944fb4a995d12.png");
  background-size: 16px 16px;
  vertical-align: middle;
  margin-top: -3px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-chrome.icon-16,
[class*=" icon-"].icon-chrome.icon-16 {
    background-image: url("/img/icon-chrome-48@2x-4610a955e5baad99534455e2a570f382.png");
    background-size: 16px 16px;
  }
}
[class^=icon-].icon-chrome.icon-16:before,
[class*=" icon-"].icon-chrome.icon-16:before {
  content: "";
}
[class^=icon-].icon-chrome.icon-18,
[class*=" icon-"].icon-chrome.icon-18 {
  height: 18px;
  width: 18px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-chrome-48-8e59ec3e1624594b9ea944fb4a995d12.png");
  background-size: 18px 18px;
  vertical-align: middle;
  margin-top: -3px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-chrome.icon-18,
[class*=" icon-"].icon-chrome.icon-18 {
    background-image: url("/img/icon-chrome-48@2x-4610a955e5baad99534455e2a570f382.png");
    background-size: 18px 18px;
  }
}
[class^=icon-].icon-chrome.icon-18:before,
[class*=" icon-"].icon-chrome.icon-18:before {
  content: "";
}
[class^=icon-].icon-chrome.icon-32,
[class*=" icon-"].icon-chrome.icon-32 {
  height: 32px;
  width: 32px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-chrome-48-8e59ec3e1624594b9ea944fb4a995d12.png");
  background-size: 32px 32px;
  vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-chrome.icon-32,
[class*=" icon-"].icon-chrome.icon-32 {
    background-image: url("/img/icon-chrome-48@2x-4610a955e5baad99534455e2a570f382.png");
    background-size: 32px 32px;
  }
}
[class^=icon-].icon-chrome.icon-32:before,
[class*=" icon-"].icon-chrome.icon-32:before {
  content: "";
}
[class^=icon-].icon-chrome.icon-48,
[class*=" icon-"].icon-chrome.icon-48 {
  height: 48px;
  width: 48px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-chrome-48-8e59ec3e1624594b9ea944fb4a995d12.png");
  background-size: 48px 48px;
  vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-chrome.icon-48,
[class*=" icon-"].icon-chrome.icon-48 {
    background-image: url("/img/icon-chrome-48@2x-4610a955e5baad99534455e2a570f382.png");
    background-size: 48px 48px;
  }
}
[class^=icon-].icon-chrome.icon-48:before,
[class*=" icon-"].icon-chrome.icon-48:before {
  content: "";
}
[class^=icon-].icon-chrome.icon-64,
[class*=" icon-"].icon-chrome.icon-64 {
  height: 64px;
  width: 64px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-chrome-64-0d8f97725518a2d93c9c98da7cd91dcd.png");
  background-size: 64px 64px;
  vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-chrome.icon-64,
[class*=" icon-"].icon-chrome.icon-64 {
    background-image: url("/img/icon-chrome-64@2x-dec56f83b07bb5ec256b8f1fb01da963.png");
    background-size: 64px 64px;
  }
}
[class^=icon-].icon-chrome.icon-64:before,
[class*=" icon-"].icon-chrome.icon-64:before {
  content: "";
}
[class^=icon-].icon-headline-analyzer.icon-16,
[class*=" icon-"].icon-headline-analyzer.icon-16 {
  height: 16px;
  width: 16px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-ha-48-161dc22c73b5e40c1848ec63e9f5c274.png");
  background-size: 16px 16px;
  vertical-align: middle;
  margin-top: -3px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-headline-analyzer.icon-16,
[class*=" icon-"].icon-headline-analyzer.icon-16 {
    background-image: url("/img/icon-ha-48@2x-4755cd70e7adb3d430cf06c5974b8d5d.png");
    background-size: 16px 16px;
  }
}
[class^=icon-].icon-headline-analyzer.icon-18,
[class*=" icon-"].icon-headline-analyzer.icon-18 {
  height: 18px;
  width: 18px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-ha-48-161dc22c73b5e40c1848ec63e9f5c274.png");
  background-size: 18px 18px;
  vertical-align: middle;
  margin-top: -3px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-headline-analyzer.icon-18,
[class*=" icon-"].icon-headline-analyzer.icon-18 {
    background-image: url("/img/icon-ha-48@2x-4755cd70e7adb3d430cf06c5974b8d5d.png");
    background-size: 18px 18px;
  }
}
[class^=icon-].icon-headline-analyzer.icon-32,
[class*=" icon-"].icon-headline-analyzer.icon-32 {
  height: 32px;
  width: 32px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-ha-48-161dc22c73b5e40c1848ec63e9f5c274.png");
  background-size: 32px 32px;
  vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-headline-analyzer.icon-32,
[class*=" icon-"].icon-headline-analyzer.icon-32 {
    background-image: url("/img/icon-ha-48@2x-4755cd70e7adb3d430cf06c5974b8d5d.png");
    background-size: 32px 32px;
  }
}
[class^=icon-].icon-headline-analyzer.icon-48,
[class*=" icon-"].icon-headline-analyzer.icon-48 {
  height: 48px;
  width: 48px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-ha-48-161dc22c73b5e40c1848ec63e9f5c274.png");
  background-size: 48px 48px;
  vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-headline-analyzer.icon-48,
[class*=" icon-"].icon-headline-analyzer.icon-48 {
    background-image: url("/img/icon-ha-48@2x-4755cd70e7adb3d430cf06c5974b8d5d.png");
    background-size: 48px 48px;
  }
}
[class^=icon-].icon-headline-analyzer.icon-64,
[class*=" icon-"].icon-headline-analyzer.icon-64 {
  height: 64px;
  width: 64px;
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/icon-ha-64-85884e683eede1a4400eb70026b2ebe3.png");
  background-size: 64px 64px;
  vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  [class^=icon-].icon-headline-analyzer.icon-64,
[class*=" icon-"].icon-headline-analyzer.icon-64 {
    background-image: url("/img/icon-ha-64@2x-b4c519036dd3b141061588ad06a0ca65.png");
    background-size: 64px 64px;
  }
}

.label.label-reverse {
  background-color: transparent;
  color: #999999;
  text-shadow: none;
  font-weight: normal;
}
.label.label-outline {
  background: rgba(0, 0, 0, 0);
  text-shadow: none;
}
.label.label-outline.label-success {
  border: 1px solid #6ba066;
  color: #6ba066;
}

.logo {
  width: 56px;
  height: 30px;
  overflow: hidden;
  vertical-align: middle;
  display: block;
  background: transparent url(/img/coschedule-icon-a523d2e8241f58aaedb12196c4dc1a44.png) no-repeat left top;
  background-size: 56px 30px;
}
.logo.white {
  background: transparent url(/img/coschedule-icon-white-49dc06de2d97586ed36f16fccb974c88.png) no-repeat left top;
}
.logo.large {
  width: 225px;
  height: 114px;
  background: transparent url(/img/coschedule-icon-lg-c30ce77853ca6ddb29b6cf67620de0a5.png) no-repeat left top;
  background-size: 225px 114px;
}
.logo.circle {
  width: 165px;
  height: 48px;
  background: transparent url(/img/cos-logo-no-tag-96x96-d15d9ffe56ed798af06815db34ba8949.png) no-repeat left top;
  background-size: 165px 48px;
}

.onoffswitch {
  position: relative;
  width: 70px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.onoffswitch .onoffswitch-checkbox {
  display: none;
}
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #b3b3b3;
}
.onoffswitch .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch .onoffswitch-inner:before,
.onoffswitch .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch .onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #62acc4;
  color: #ffffff;
}
.onoffswitch .onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #f8f8f8;
  color: #666666;
  text-align: right;
}
.onoffswitch .onoffswitch-switch {
  display: block;
  width: 24px;
  margin: 0px;
  background: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 44px;
  transition: all 0.3s ease-in 0s;
  background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
  border: 1px solid #999999;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
  border: 1px solid #999999;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-100 {
  opacity: 1;
}

.page-header {
  padding-bottom: 0px;
  margin: 20px 0 20px;
  border-bottom: 1px solid #e6e6e6;
}
.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4,
.page-header h5,
.page-header h6 {
  color: #666666;
}
@media screen and (max-width: 1200px) {
  .page-header.billing h2 {
    font-size: 23px;
  }
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #ffffff;
}

.permissions-toggle {
  background-color: #f7f7f7;
  border-radius: 10px;
  padding: 20px 25px;
  margin-bottom: 30px;
}
.permissions-toggle .permissions-settings {
  display: none;
  flex-direction: column;
}
.permissions-toggle.active .permissions-settings {
  display: flex;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  border-top: 1px solid #e6e6e6;
  padding: 8px;
  vertical-align: top;
}
.table th.profile-image img,
.table td.profile-image img {
  width: 36px;
}
.table.table-expanded td,
.table.table-expanded th {
  padding: 12px 8px;
}

.toolbar {
  background-color: #f7f7f7;
  position: relative;
  display: block;
  min-height: 32px;
  padding: 10px 10px 2px;
  line-height: 32px;
}
.toolbar .divider {
  height: 32px;
  width: 1px;
  background-color: #b3b3b3;
  display: inline-block;
}
.toolbar [class^=icon-],
.toolbar [class*=" icon-"] {
  line-height: 32px;
}
.toolbar .input-med {
  width: 110px;
}
.toolbar .input-small {
  width: 80px;
  margin-top: -2px;
}

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

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

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

.comma-separate:after {
  content: ",";
}
.comma-separate:last-of-type:after {
  content: "";
}

.comma-separate-children *:after {
  content: ", ";
}
.comma-separate-children *:last-of-type:after {
  content: "";
}

.hint-hover-target {
  position: relative;
  display: inline-block;
}
.hint-hover-target .hint-hover {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  font-weight: normal;
  font-style: normal;
  display: block;
  position: absolute;
  width: 200px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 2px 2px 5px #999999;
  padding: 5px 8px;
  color: #999999;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.hint-hover-target .hint-hover:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  position: absolute;
  display: block;
  z-index: 1001;
}
.hint-hover-target .hint-hover.top {
  bottom: 125%;
  left: 50%;
  transform: translate(-50%, 0);
}
.hint-hover-target .hint-hover.top:after {
  border-top: 8px solid #fff;
  left: 50%;
  bottom: -15px;
  margin-left: -8px;
}
.hint-hover-target .hint-hover.right {
  bottom: 50%;
  left: 125%;
  transform: translate(0, -50%);
}
.hint-hover-target .hint-hover.right:after {
  border-right: 8px solid #fff;
  bottom: 50%;
  left: -15px;
  margin-bottom: -8px;
}
.hint-hover-target .hint-hover.bottom {
  top: 125%;
  left: 50%;
  transform: translate(-50%, 0);
}
.hint-hover-target .hint-hover.bottom:after {
  border-bottom: 8px solid #fff;
  left: 50%;
  top: -15px;
  margin-left: -8px;
}
.hint-hover-target .hint-hover.left {
  top: 50%;
  right: 125%;
  transform: translate(0, -50%);
}
.hint-hover-target .hint-hover.left:after {
  border-left: 8px solid #fff;
  top: 50%;
  right: -15px;
  margin-top: -8px;
}
.hint-hover-target:hover .hint-hover {
  opacity: 0.9;
  visibility: visible;
  transition: all 0.5s ease;
}
.hint-hover-target:hover .hint-hover.top {
  transform: translate(-50%, -5%);
}
.hint-hover-target:hover .hint-hover.right {
  transform: translate(-5%, -50%);
}
.hint-hover-target:hover .hint-hover.bottom {
  transform: translate(-50%, -5%);
}
.hint-hover-target:hover .hint-hover.left {
  transform: translate(-5%, -50%);
}

.helper-pulse {
  height: 0;
  width: 0;
  position: absolute;
}
.helper-pulse:before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: radial-gradient(circle, #366fb2, #262262);
  border-radius: 20px;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  transform-origin: center;
  transform: scale(0);
  animation: helper-pulse 2.5s ease-out 0s 3;
}
@keyframes helper-pulse {
  0% {
    opacity: 0;
  }
  15% {
    transform: scale(0);
    opacity: 0.7;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}

.discussions-pulse {
  height: 0;
  width: 0;
  position: absolute;
}
.discussions-pulse:before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: radial-gradient(circle, #db8773, #bc6148);
  border-radius: 50%;
  left: -18px;
  top: 0;
  opacity: 0;
  position: absolute;
  transform-origin: center;
  transform: scale(0);
  animation: discussions-pulse 2.5s ease-out 0s infinite;
}
@keyframes discussions-pulse {
  0% {
    opacity: 0;
  }
  15% {
    transform: scale(0);
    opacity: 0.7;
  }
  100% {
    transform: scale(1.25);
    opacity: 0;
  }
}

.click-helper-dot {
  position: absolute;
  z-index: 3000;
  width: 15px;
  height: 15px;
  background-color: #366fb2;
  border-radius: 50%;
  border: 2px solid #ffffff;
  animation: shadow-pulse 2s infinite;
  opacity: 0.9;
}
.click-helper-dot.large-helper-dot {
  width: 20px;
  height: 20px;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(42, 69, 100, 0.8);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(42, 69, 100, 0);
  }
}
.well {
  border-radius: 0px;
  box-shadow: none;
  background-color: #e9f0f4;
  border: 1px solid #e9f0f4;
  margin-bottom: 10px;
  padding: 19px;
  min-height: 20px;
}
.well .table td,
.well .table th {
  border-color: #c1cfd9;
}
.well .avatar [class^=icon-],
.well .avatar [class*=" icon-"] {
  border: 1px solid #e9f0f4;
}
.well.well-white {
  background-color: white;
  padding: 10px;
  border: 1px solid #b3b3b3;
  border-radius: 0;
  margin-bottom: 10px;
}
.well.well-small {
  padding: 5px;
  border-radius: 0;
  min-height: 1px;
}
.well.no-border {
  border: none;
}
.well.well-large {
  padding: 40px;
  border-radius: 6px;
}
.well.warning {
  background-color: #fce9e8;
  border-color: #fce9e8;
}
.well.well-grey {
  background-color: #f7f7f7;
  border-color: #e6e6e6;
}

.cos-install-chrome-extension .btn-primary:hover {
  background-color: #f7f7f7;
  transition: background-color 0.2s ease;
}

.file-input-clear {
  position: absolute;
  width: 16px !important;
  height: 16px !important;
  opacity: 0;
  top: 0px;
  left: 0px;
  border: black solid 1px !important;
  cursor: pointer;
}

.picker.picker-dialog-bg {
  z-index: 99999999;
}
.picker.picker-dialog {
  z-index: 999999999;
}

.is-adding {
  overflow: hidden;
  animation: item-expand-flash 1s 1 ease-out;
}
@keyframes item-expand-flash {
  0% {
    max-height: 0;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    background-color: rgba(98, 172, 196, 0.1);
  }
  100% {
    max-height: 300px;
    background-color: transparent;
  }
}

.is-removing {
  overflow: hidden;
  animation: item-collapse 0.7s 1 ease-out;
}
@keyframes item-collapse {
  0% {
    max-height: 100px;
  }
  30% {
    opacity: 1;
  }
  100% {
    max-height: 0;
    opacity: 0;
  }
}

button.wistia_placebo_close_button {
  opacity: 1 !important;
}
button.wistia_placebo_close_button img {
  display: none;
}
button.wistia_placebo_close_button:after {
  font-family: "CoS";
  content: "\58";
  font-size: 20px;
  color: #ffffff;
  opacity: 0.8;
}
button.wistia_placebo_close_button:hover:after {
  opacity: 1;
}

.no-pointer-events {
  pointer-events: none;
}

.overlay-scroll {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  overflow-y: scroll;
  animation: overlayFadeIn 0.4s;
  background-color: rgba(255, 255, 255, 0.6);
}

.overlay {
  width: 920px;
  min-height: 278px;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 6000;
  margin-top: 40px;
  margin-left: -460px;
  margin-bottom: 20px;
  border: 1px solid #b3b3b3;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  color: #999999;
  background-color: white;
}
.overlay .overlay-footer {
  padding: 9px 0 9px 15px;
  border-top: 1px solid #b3b3b3;
  *zoom: 1;
}
.overlay .overlay-footer:before, .overlay .overlay-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.overlay .overlay-footer:after {
  clear: both;
}
.overlay .overlay-header {
  padding: 9px 0 9px 15px;
  border-bottom: 1px solid #b3b3b3;
  *zoom: 1;
}
.overlay .overlay-header:before, .overlay .overlay-header:after {
  display: table;
  content: "";
  line-height: 0;
}
.overlay .overlay-header:after {
  clear: both;
}
.overlay .overlay-header h1,
.overlay .overlay-header h2,
.overlay .overlay-header h3,
.overlay .overlay-header h4,
.overlay .overlay-header h5,
.overlay .overlay-header h6 {
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  color: #999999;
  text-transform: uppercase;
}
.overlay .overlay-header .create-btn {
  margin: -9px 0;
  padding: 8px 15px 8px;
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  border-left: 1px solid #e6e6e6;
  color: #b3b3b3;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.overlay .overlay-header .create-btn:hover {
  text-decoration: none;
  background-color: #f7f7f7;
  color: #999999;
}
.overlay .overlay-header .create-btn.action {
  background-color: #e0f7cf;
}
.overlay .overlay-header .create-btn.disabled, .overlay .overlay-header .integration-modal .container.enabled .body .header .create-btn.btn, .integration-modal .container.enabled .body .header .overlay .overlay-header .create-btn.btn {
  background-color: white;
  opacity: 0.5;
}
.overlay .overlay-header .create-btn.attention {
  background-color: #db8773;
  color: white;
}
.overlay .overlay-header .create-btn.attention:hover {
  background-color: #d17760;
}

.overlay-body {
  padding: 15px;
}
.overlay-body.overlay-body-scroll {
  height: 70vh;
  overflow-y: scroll;
}
.overlay-body.overlay-body-scroll-sm {
  height: 50vh;
  min-height: 500px;
  overflow-y: scroll;
}
.overlay-body.overlay-body-noscroll-sm {
  height: 50vh;
  min-height: 500px;
}

.overlay-actions {
  padding: 9px 15px;
  border-bottom: 1px solid #b3b3b3;
  *zoom: 1;
}
.overlay-actions:before, .overlay-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.overlay-actions:after {
  clear: both;
}

@keyframes overlayFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.overlay-evernote-picker.overlay {
  position: fixed;
  top: 50%;
  margin-top: -236px;
}
.overlay-evernote-picker.overlay .overlay-body {
  padding: 0;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-actions .nav.nav-pills {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
  *zoom: 1;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-actions .nav.nav-pills:before, .overlay-evernote-picker.overlay .overlay-body .overlay-actions .nav.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-actions .nav.nav-pills:after {
  clear: both;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-actions .nav.nav-pills li {
  float: left;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-actions .nav.nav-pills li a {
  font-size: 17px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  padding: 8px 12px;
  color: #999999;
  border-radius: 5px;
  margin: 2px 10px 2px 0;
  transition: all 0.25s ease-in-out;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-actions .nav.nav-pills li a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #666666;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-actions .nav.nav-pills li a.active {
  background-color: #f7f7f7;
  color: #999999;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns {
  *zoom: 1;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns:before, .overlay-evernote-picker.overlay .overlay-body .overlay-split-columns:after {
  display: table;
  content: "";
  line-height: 0;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns:after {
  clear: both;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left {
  float: left;
  display: inline-block;
  border-right: 1px solid #b3b3b3;
  width: 30%;
  height: 360px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left label {
  padding: 6px 25px;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 0;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left p {
  margin: 0px;
  padding: 26px;
  font-style: italic;
  background-color: #e0ecc5;
  border-top: 1px solid #b3b3b3;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li {
  display: block;
  line-height: 44px;
  width: 100%;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li a {
  display: block;
  position: relative;
  width: calc(100% - 52px);
  padding: 12px 26px;
  line-height: 20px;
  text-decoration: none;
  color: #999999;
  transition: all 0.25s ease;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li a.notebook-name:after {
  font-family: "CoS";
  content: "▲";
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #b3b3b3;
  transition: all 0.25s ease;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li a:hover, .overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li a.active {
  background-color: #f7f7f7;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li a:hover:after, .overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li a.active:after {
  opacity: 1;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li a.active {
  background-color: #e0ecc5;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-left .notebook-list li a span {
  font-size: 12px;
  margin-right: 5px;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right {
  float: left;
  display: inline-block;
  width: 70%;
  height: 360px;
  padding: 12px 0 12px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note {
  width: 48%;
  float: left;
  display: inline-block;
  background-color: white;
  margin: 0 12px 12px 0;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  box-sizing: border-box;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-contents {
  padding: 12px;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-contents .item-icon-inner {
  margin-top: 4px;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-contents .media {
  height: 58px;
  max-height: 58px;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-contents h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  color: #666666;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-contents:hover {
  cursor: pointer;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-contents p {
  font-size: 12px;
  line-height: 18px;
  color: #b3b3b3;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-meta {
  padding: 8px;
  border-top: 1px solid #e6e6e6;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-meta a {
  color: #b3b3b3;
}
.overlay-evernote-picker.overlay .overlay-body .overlay-split-columns .overlay-right .evernote-note .note-meta a:hover {
  text-decoration: none;
}

.evernote-empty {
  position: relative;
  padding: 10px 90px;
}
.evernote-empty .evernote-empty-arrow {
  width: 274px;
  height: 88px;
  display: block;
  background-image: url("/img/evernote-arrow-empty-75935c0832d1bba9fbc5aa34f72a169d.png");
  background-size: 274px 88px;
  background-size: 274px 88px;
  position: absolute;
  left: -44px;
  top: 55px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .evernote-empty .evernote-empty-arrow {
    background-image: url("/img/evernote-arrow-empty@2x-ff43d2960752714722f347432f7cc1e2.png");
    background-size: 274px 88px;
  }
}
.evernote-empty .evernote-empty-icon {
  text-align: center;
  padding: 30px 0px 40px;
}
.evernote-empty .evernote-empty-icon .icon-evernote {
  background-color: #848484;
  color: white;
  padding: 14px;
  border-radius: 50%;
}
.evernote-empty .evernote-empty-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
  text-align: left;
}
.evernote-empty .evernote-empty-text li {
  line-height: 24px;
}

.alert-evernote {
  background-color: #e0ecc5;
  color: #999999;
}

.evernote-toggle-notebook {
  color: #999999;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 26px;
  position: relative;
  transition: all 0.25s ease-in-out;
  border-top: 1px solid #e6e6e6;
}
.evernote-toggle-notebook:after {
  font-family: "CoS";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "✔";
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #b3b3b3;
  opacity: 0;
}
.evernote-toggle-notebook:hover {
  background-color: whiteSmoke;
  cursor: pointer;
}
.evernote-toggle-notebook.active {
  background-color: #848484;
  color: white;
}
.evernote-toggle-notebook.active:after {
  color: white;
  opacity: 1;
}

.evernote-attached-row {
  vertical-align: middle !important;
}
.evernote-attached-row img.img-circle {
  width: 24px;
  height: 24px;
  margin-top: 0px;
  margin-left: 10px;
}

.notebook-picker-modal {
  z-index: 1001 !important;
}

.select2-container {
  font-size: 13px;
  width: 100%;
}
.select2-container.select2-container-active {
  border-color: #666666;
  box-shadow: none;
}
.select2-container.select2-container-active .select2-choice {
  background-image: none;
  background-color: white;
  border: 1px solid #999999;
  color: #4d4d4d;
  box-shadow: none;
}
.select2-container.select2-container-active.select2-dropdown-open .select2-choice {
  border: 1px solid #999999;
  border-bottom-color: #e6e6e6;
  border-radius: 4px 4px 0 0;
}
.select2-container.select2-container-active.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -13px 1px;
}
.select2-container.select2-container-active.select2-dropdown-open.select2-drop-above .select2-choice {
  border: 1px solid #999999;
  border-top-color: #e6e6e6;
}
.select2-container .select2-choice {
  height: 28px;
  border-color: #b3b3b3;
  border-radius: 4px;
  background-image: none;
  overflow: visible;
}
.select2-container .select2-choice .select2-arrow {
  background-color: #f7f7f7;
  background-image: none;
  border-radius: 0 4px 4px 0;
  width: 26px;
  border-left: 1px solid #cccccc;
}
.select2-container .select2-choice .select2-arrow b {
  background-position: 5px 1px;
}
.select2-container .select2-choice .img-circle {
  margin-top: 1px;
}
.select2-container.select2-drop-above {
  border-radius: 4px 4px 0 0;
}
.select2-container.select2-drop-above .select2-choice {
  border-radius: 0;
}
.select2-container .select2-chosen img {
  margin-right: 5px;
}

.select2-drop {
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
}
.select2-drop .select2-results {
  margin: 4px 0;
  padding: 0;
  font-size: 13px;
}
.select2-drop .select2-results .select2-highlighted {
  background-color: #62acc4;
}
.select2-drop .select2-results img {
  margin-right: 5px;
  margin-bottom: 1px;
  height: 25px;
  width: 25px;
}
.select2-drop.select2-drop-active {
  margin-top: 0;
  margin-right: -1px;
  border-color: #999999;
}
.select2-drop.select2-drop-above {
  border-radius: 0;
  margin-top: 0;
}

.select2-container,
.select2-drop {
  color: #666666;
}
.select2-container i,
.select2-drop i {
  margin-right: 20px;
  background-color: white;
  font-size: 16px;
  vertical-align: middle;
}
.select2-container i.icon-angle-90,
.select2-drop i.icon-angle-90 {
  vertical-align: text-top;
  margin: 0px 10px 0px 20px;
  font-size: 9px;
  background-color: transparent;
}

.best-time-drop,
.best-time-legacy {
  color: #666666;
}
.best-time-drop .best-time-icon-static:before,
.best-time-legacy .best-time-icon-static:before {
  font-family: "CoS" !important;
  content: "◴";
  font-size: 12px;
  vertical-align: 0;
  margin-left: 0;
  color: #666666;
}
.best-time-drop .best-time-icon:before,
.best-time-legacy .best-time-icon:before {
  font-family: "CoS" !important;
  content: "\e90a";
  font-size: 8px;
  vertical-align: 3px;
  margin-left: 19px;
}
.best-time-drop span.best-time-drop-open,
.best-time-legacy span.best-time-drop-open {
  display: inline-block;
}
.best-time-drop span.best-time-drop-selected,
.best-time-legacy span.best-time-drop-selected {
  display: none;
}

.select2-container span .best-time-icon:before {
  font-family: "CoS" !important;
  content: "◴";
  font-size: 12px;
  vertical-align: 0px;
  margin-left: 0px;
}
.select2-container span.best-time-drop-open {
  display: none;
}
.select2-container span.best-time-drop-selected {
  display: inline-block;
}

.select2-small .select2-container {
  font-size: 11.9px;
  min-height: 26px;
}
.select2-small .select2-container .select2-choice {
  height: 24px;
  line-height: 24px;
}
.select2-small .select2-container .select2-choice .select2-arrow {
  width: 24px;
}
.select2-small .select2-container .select2-choice .select2-arrow b {
  background-position: 3px 0px;
}

.small-color-select .btn.btn-color {
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 80px;
  position: relative;
  opacity: 0.8;
  box-sizing: content-box;
  overflow: visible;
  background-color: white;
}
.small-color-select .btn.btn-color.no-color {
  border: 1px solid #b3b3b3;
  box-sizing: border-box;
}
.small-color-select .btn.btn-color.dropdown-toggle {
  position: relative;
}
.small-color-select .btn.btn-color:hover {
  opacity: 0.2;
  box-shadow: 1px 1px 3px #999999;
  background-image: none;
}
.small-color-select .btn.btn-color:hover:after {
  border-top-color: #999999;
}
.small-color-select.disabled, .integration-modal .container.enabled .body .header .small-color-select.btn {
  pointer-events: none;
}

.btn.btn-color {
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid #999999;
  border-radius: 80px;
  position: relative;
  opacity: 0.8;
  box-sizing: content-box;
  overflow: visible;
  background-color: white;
}
.btn.btn-color.dropdown-toggle {
  position: relative;
}
.btn.btn-color.dropdown-toggle .caret {
  display: block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #b3b3b3;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  right: -12px;
  position: absolute;
  top: 10px;
  background-color: white;
}
.btn.btn-color.active {
  box-shadow: none;
}
.btn.btn-color:hover {
  opacity: 1;
  background-image: none;
}
.btn.btn-color:hover:after {
  border-top-color: #999999;
}
.btn.btn-color .btn-inner {
  width: 20px;
  height: 40px;
  padding: 0px;
  margin: 0px;
  border: none;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  background-color: white;
  border-radius: 80px 0 0 80px;
}
.btn.btn-color .btn-inner div {
  width: 40px;
  height: 40px;
  padding: 0px;
  margin: 0px;
  border: none;
  border-radius: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.colors-menu li,
.calendar-colors-menu li {
  padding: 5px;
  float: left;
  display: inline-block;
}

.color-blue.color-light.color-background {
  background-color: fade(#59b5cc, 15%) !important;
}
.color-blue.color-light.color-text {
  color: fade(#59b5cc, 15%) !important;
}
.color-blue.color-light.color-border {
  border-color: fade(#59b5cc, 15%) !important;
}
.color-blue.color-dark.color-background {
  background-color: #59b5cc !important;
}
.color-blue.color-dark.color-text {
  color: #59b5cc !important;
}
.color-blue.color-dark.color-border {
  border-color: #59b5cc !important;
}

.color-red.color-light.color-background {
  background-color: fade(#ab272b, 15%) !important;
}
.color-red.color-light.color-text {
  color: fade(#ab272b, 15%) !important;
}
.color-red.color-light.color-border {
  border-color: fade(#ab272b, 15%) !important;
}
.color-red.color-dark.color-background {
  background-color: #ab272b !important;
}
.color-red.color-dark.color-text {
  color: #ab272b !important;
}
.color-red.color-dark.color-border {
  border-color: #ab272b !important;
}

.color-yellow.color-light.color-background {
  background-color: fade(#c89a57, 15%) !important;
}
.color-yellow.color-light.color-text {
  color: fade(#c89a57, 15%) !important;
}
.color-yellow.color-light.color-border {
  border-color: fade(#c89a57, 15%) !important;
}
.color-yellow.color-dark.color-background {
  background-color: #c89a57 !important;
}
.color-yellow.color-dark.color-text {
  color: #c89a57 !important;
}
.color-yellow.color-dark.color-border {
  border-color: #c89a57 !important;
}

.color-green.color-light.color-background {
  background-color: fade(#63a961, 15%) !important;
}
.color-green.color-light.color-text {
  color: fade(#63a961, 15%) !important;
}
.color-green.color-light.color-border {
  border-color: fade(#63a961, 15%) !important;
}
.color-green.color-dark.color-background {
  background-color: #63a961 !important;
}
.color-green.color-dark.color-text {
  color: #63a961 !important;
}
.color-green.color-dark.color-border {
  border-color: #63a961 !important;
}

.color-purple.color-light.color-background {
  background-color: fade(#8f70a2, 15%) !important;
}
.color-purple.color-light.color-text {
  color: fade(#8f70a2, 15%) !important;
}
.color-purple.color-light.color-border {
  border-color: fade(#8f70a2, 15%) !important;
}
.color-purple.color-dark.color-background {
  background-color: #8f70a2 !important;
}
.color-purple.color-dark.color-text {
  color: #8f70a2 !important;
}
.color-purple.color-dark.color-border {
  border-color: #8f70a2 !important;
}

.color-navy.color-light.color-background {
  background-color: fade(#4a74aa, 15%) !important;
}
.color-navy.color-light.color-text {
  color: fade(#4a74aa, 15%) !important;
}
.color-navy.color-light.color-border {
  border-color: fade(#4a74aa, 15%) !important;
}
.color-navy.color-dark.color-background {
  background-color: #4a74aa !important;
}
.color-navy.color-dark.color-text {
  color: #4a74aa !important;
}
.color-navy.color-dark.color-border {
  border-color: #4a74aa !important;
}

.color-fuschia.color-light.color-background {
  background-color: fade(#ac4770, 15%) !important;
}
.color-fuschia.color-light.color-text {
  color: fade(#ac4770, 15%) !important;
}
.color-fuschia.color-light.color-border {
  border-color: fade(#ac4770, 15%) !important;
}
.color-fuschia.color-dark.color-background {
  background-color: #ac4770 !important;
}
.color-fuschia.color-dark.color-text {
  color: #ac4770 !important;
}
.color-fuschia.color-dark.color-border {
  border-color: #ac4770 !important;
}

.color-orange.color-light.color-background {
  background-color: fade(#d58654, 15%) !important;
}
.color-orange.color-light.color-text {
  color: fade(#d58654, 15%) !important;
}
.color-orange.color-light.color-border {
  border-color: fade(#d58654, 15%) !important;
}
.color-orange.color-dark.color-background {
  background-color: #d58654 !important;
}
.color-orange.color-dark.color-text {
  color: #d58654 !important;
}
.color-orange.color-dark.color-border {
  border-color: #d58654 !important;
}

.color-grass-green.color-light.color-background {
  background-color: fade(#86b285, 15%) !important;
}
.color-grass-green.color-light.color-text {
  color: fade(#86b285, 15%) !important;
}
.color-grass-green.color-light.color-border {
  border-color: fade(#86b285, 15%) !important;
}
.color-grass-green.color-dark.color-background {
  background-color: #86b285 !important;
}
.color-grass-green.color-dark.color-text {
  color: #86b285 !important;
}
.color-grass-green.color-dark.color-border {
  border-color: #86b285 !important;
}

.color-violet.color-light.color-background {
  background-color: fade(#584aaa, 15%) !important;
}
.color-violet.color-light.color-text {
  color: fade(#584aaa, 15%) !important;
}
.color-violet.color-light.color-border {
  border-color: fade(#584aaa, 15%) !important;
}
.color-violet.color-dark.color-background {
  background-color: #584aaa !important;
}
.color-violet.color-dark.color-text {
  color: #584aaa !important;
}
.color-violet.color-dark.color-border {
  border-color: #584aaa !important;
}

.onboard-purple.color-background {
  background-color: #403056 !important;
}
.onboard-purple.color-text {
  color: #403056 !important;
}
.onboard-purple.color-border {
  border-color: #403056 !important;
}

/* ===========================================================================================
Access Pages (Login & Register)
============================================================================================== */
.access-wrapper,
.auto-installer-outer-wrapper.calendar-bg {
  width: 100%;
  height: 100vh;
  background: #ffffff url(/img/login_bg-f9f229313dd92399f5f92a7ba961b94b.jpg) no-repeat left top;
  background-size: cover;
}
.access-wrapper.access-extension,
.auto-installer-outer-wrapper.calendar-bg.access-extension {
  background: transparent;
}

.access,
.auto-installer-body {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 900px;
  height: 550px;
  margin: -275px 0 0 -450px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.5);
  box-shadow: 1px 1px 5px #b3b3b3;
  background: linear-gradient(-45deg, #275a9a, #262262);
}
@media (max-width: 950px) {
  .access,
.auto-installer-body {
    width: 700px;
    height: 460px;
    margin: -230px 0 0 -350px;
  }
}
@media (max-width: 790px) {
  .access,
.auto-installer-body {
    width: 400px;
    height: 420px;
    margin: -210px 0 0 -200px;
  }
}
.access input,
.auto-installer-body input {
  margin-bottom: 10px;
  color: #4d4d4d !important;
  box-shadow: none !important;
}
.access h3,
.auto-installer-body h3 {
  color: #ffffff;
}
.access .access-body,
.auto-installer-body .access-body {
  padding: 30px 40px;
  position: relative;
}
.access .access-body h3,
.auto-installer-body .access-body h3 {
  font-size: 20px;
}
.access .access-body h4,
.auto-installer-body .access-body h4 {
  line-height: 26px;
}
.access .access-body .login-logo,
.auto-installer-body .access-body .login-logo {
  width: 220px;
  margin-bottom: 30px;
  margin-top: 80px;
}
@media (max-width: 950px) {
  .access .access-body .login-logo,
.auto-installer-body .access-body .login-logo {
    margin-top: 25px;
  }
}
@media (max-width: 790px) {
  .access .access-body .login-logo,
.auto-installer-body .access-body .login-logo {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.access .access-body .login-illustration,
.auto-installer-body .access-body .login-illustration {
  position: absolute;
  right: 0;
  top: 35px;
  width: 55%;
}
@media (max-width: 950px) {
  .access .access-body .login-illustration,
.auto-installer-body .access-body .login-illustration {
    top: 30px;
  }
}
@media (max-width: 790px) {
  .access .access-body .login-illustration,
.auto-installer-body .access-body .login-illustration {
    display: none;
  }
}
.access .access-body .access-alert-wrapper .alert,
.auto-installer-body .access-body .access-alert-wrapper .alert {
  margin-top: 15px;
}
.access .access-body .access-alert-wrapper .alert p.alert-text,
.auto-installer-body .access-body .access-alert-wrapper .alert p.alert-text {
  color: #c09853;
  margin-bottom: 0;
}
.access .access-body .access-form,
.auto-installer-body .access-body .access-form {
  width: 40%;
}
.access .access-body .access-form label,
.auto-installer-body .access-body .access-form label {
  color: rgba(255, 255, 255, 0.5);
}
.access .access-body .access-form input,
.auto-installer-body .access-body .access-form input {
  border-radius: 2px;
  border: none;
  font-size: 14px;
}
@media (max-width: 790px) {
  .access .access-body .access-form,
.auto-installer-body .access-body .access-form {
    width: 100%;
  }
}
.access .access-body .btn,
.auto-installer-body .access-body .btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  padding: 10px 0;
  margin-top: 5px;
  border-radius: 50px;
  border: 2px solid #366fb2;
  background-color: transparent;
  box-shadow: none;
}
.access .access-body .btn:hover,
.auto-installer-body .access-body .btn:hover {
  background-color: rgba(54, 111, 178, 0.5);
}
.access .access-body .team-profile,
.auto-installer-body .access-body .team-profile {
  width: 45px;
  padding: 4px;
}
.access .access-body a,
.auto-installer-body .access-body a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
}
.access .access-body a.btn,
.auto-installer-body .access-body a.btn {
  text-decoration: none;
  color: #ffffff;
}
.access .access-links,
.auto-installer-body .access-links {
  position: absolute;
  bottom: 30px;
  left: 40px;
}
.access .access-links a,
.auto-installer-body .access-links a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  display: inline-block;
}
.access .access-links .link-divider,
.auto-installer-body .access-links .link-divider {
  padding: 0 6px;
}
.access .access-links .btn-text,
.auto-installer-body .access-links .btn-text {
  padding: 0;
  color: rgba(255, 255, 255, 0.5);
}
.access.access-small,
.auto-installer-body.access-small {
  width: 450px;
  height: auto;
  margin: -200px 0 0 -225px;
}
.access.access-small .access-body,
.auto-installer-body.access-small .access-body {
  margin: auto;
  text-align: center;
}
.access.access-small .access-body .login-logo,
.auto-installer-body.access-small .access-body .login-logo {
  width: 240px;
  margin: 10px 0;
}
.access.access-small .access-body .access-form,
.auto-installer-body.access-small .access-body .access-form {
  width: 100%;
}
.access.access-small .access-body .access-form.text-align-left,
.auto-installer-body.access-small .access-body .access-form.text-align-left {
  text-align: left;
}
.access.access-small .access-body.request-access .login-logo,
.auto-installer-body.access-small .access-body.request-access .login-logo {
  width: 240px;
  margin-bottom: 30px;
}
.access.access-small .access-links,
.auto-installer-body.access-small .access-links {
  position: initial;
  text-align: center;
  margin-top: 20px;
}
.access.access-small .btn-small-width,
.auto-installer-body.access-small .btn-small-width {
  width: 70%;
}
.access.browser-not-supported,
.auto-installer-body.browser-not-supported {
  width: 600px;
  height: 450px;
  margin: -225px 0 0 -300px;
}
.access.browser-not-supported .access-body .login-logo,
.auto-installer-body.browser-not-supported .access-body .login-logo {
  margin: 40px 0 20px;
}
.access.browser-not-supported .access-body .sad-browser,
.auto-installer-body.browser-not-supported .access-body .sad-browser {
  width: 180px;
  height: 108px;
  margin: 30px auto 50px;
  background: transparent url(/img/sad-browser-7393b3cf56c0ef247c87cf88be719651.png) no-repeat left top;
  background-size: 180px 108px;
  opacity: 0.4;
}

.access-wrapper.access-extension {
  background: transparent;
}
.access-wrapper.access-extension .access {
  width: 600px;
  height: 500px;
  margin: -250px 0 0 -300px;
}
.access-wrapper.access-extension .access .access-head .close-popup {
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 10px;
  right: 5px;
  padding: 5px 10px;
}
.access-wrapper.access-extension .access .access-head .close-popup:hover {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
.access-wrapper.access-extension .access .access-form {
  width: 100%;
}
.access-wrapper.access-extension .access .access-body a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
}
.access-wrapper.access-extension .login-logo {
  margin: 20px 0;
}
.access-wrapper.access-extension .login-illustration {
  display: none;
}

.auto-installer-body {
  height: auto;
}
.auto-installer-body .access-body button.btn {
  width: 300px;
}

.access-wrapper.mobile-login {
  background: initial;
}
.access-wrapper.mobile-login .access {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  position: initial;
  text-align: center;
  background: initial;
  box-shadow: initial;
  margin: initial;
  width: initial;
  height: initial;
}
.access-wrapper.mobile-login .access .app-title {
  padding-top: 15vh;
  max-width: 480px;
  margin: 0 auto;
}
@media (min-width: 1000px) {
  .access-wrapper.mobile-login .access .app-title {
    padding-top: 15vh;
  }
}
@media (min-height: 1100px) {
  .access-wrapper.mobile-login .access .app-title {
    padding-top: 25vh;
  }
}
@media (max-height: 700px) {
  .access-wrapper.mobile-login .access .app-title {
    padding-top: 7vh;
  }
}
@media (max-height: 575px) {
  .access-wrapper.mobile-login .access .app-title {
    padding-top: 0;
  }
}
.access-wrapper.mobile-login .access .app-title .cos-logo {
  width: 70%;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.access-wrapper.mobile-login .access .access-body {
  padding: 0;
}
.access-wrapper.mobile-login .access .access-form {
  width: initial;
}
.access-wrapper.mobile-login .access input[type=email],
.access-wrapper.mobile-login .access input[type=password] {
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  border-radius: 30px;
  box-shadow: none;
  padding: 1px 13px 0;
  margin: 3px auto;
  width: 70%;
  height: 45px;
  color: #4d4d4d;
  font-size: 16px;
  font-family: inherit;
  outline: none;
  -webkit-appearance: none;
}
.access-wrapper.mobile-login .access .list-block-label {
  width: 60%;
  margin: 20% auto 20px;
  line-height: 18px;
  color: #666666;
}
.access-wrapper.mobile-login .access .item-link.list-button {
  color: #ffffff;
  padding: 0;
}
.access-wrapper.mobile-login .access .alert {
  padding: 8px 14px;
  margin-bottom: 0;
}
.access-wrapper.mobile-login .access .btn {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
  padding: initial;
  flex-grow: 1;
  height: 46px;
  color: #ffffff;
  border: initial;
  border-radius: 30px;
  cursor: pointer;
  background-image: linear-gradient(to right, rgb(208, 86, 53) 0px, rgb(255, 137, 106) 100%);
  width: 70%;
  margin: 11px auto;
}
.access-wrapper.mobile-login .access .btn:hover {
  background-position: initial;
}
.access-wrapper.mobile-login .cos-button {
  font-size: 14px;
  width: 30%;
  border: 1px solid #b3b3b3;
  border-radius: 25px;
  color: #999999;
  text-align: center;
  padding: 10px 30px;
  margin: 20px auto 20%;
  -webkit-tap-highlight-color: transparent;
}

.cos-welcome-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #d17760;
  display: table;
  color: white;
}
.cos-welcome-wrapper.calendar-bg {
  background: white url(/img/Calendar-bg-3.png) no-repeat center top;
  background-size: cover;
}
.cos-welcome-wrapper h3 {
  color: white;
  font-size: 24px;
}
.cos-welcome-wrapper p {
  color: #666666;
  margin-bottom: 20px;
}

.cos-welcome-outer {
  height: 735px;
  display: table;
  width: 80%;
  margin: 0 auto;
}
.cos-welcome-outer .cos-welcome-inner {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  width: 100%;
}
.cos-welcome-outer .cos-welcome-header {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 20px 40px;
  border-bottom: 1px solid #b3b3b3;
  color: #666666;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
}
.cos-welcome-outer .cos-welcome-header .cos-plugin-sales-pitch {
  margin-top: 20px;
}
.cos-welcome-outer .cos-welcome-header .cos-plugin-sales-pitch ul {
  margin: 0 0 20px 265px;
}
.cos-welcome-outer .cos-welcome-header .cos-plugin-sales-pitch ul li {
  margin-bottom: 0;
}
.cos-welcome-outer .cos-welcome-header .cos-plugin-sales-pitch:before {
  content: "";
  width: 258px;
  height: 212px;
  display: block;
  background-image: url("/img/cos-plugin-calendar-graphic.png");
  background-size: 258px 212px;
  position: absolute;
  left: 10px;
  bottom: -64px;
  z-index: 10;
  zoom: 1;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .cos-welcome-outer .cos-welcome-header .cos-plugin-sales-pitch:before {
    background-image: url("/img/cos-plugin-calendar-graphic@2x.png");
    background-size: 258px 212px;
  }
}
.cos-welcome-outer .cos-welcome-body {
  background-color: white;
  padding: 40px;
  text-align: left;
  position: relative;
}
.cos-welcome-outer .cos-welcome-body h1,
.cos-welcome-outer .cos-welcome-body h2,
.cos-welcome-outer .cos-welcome-body h3,
.cos-welcome-outer .cos-welcome-body h4,
.cos-welcome-outer .cos-welcome-body h5,
.cos-welcome-outer .cos-welcome-body h6 {
  color: #d17760;
  margin-bottom: 10px;
}
.cos-welcome-outer .cos-welcome-body.transparent {
  background-color: rgba(255, 255, 255, 0.7);
}
.cos-welcome-outer .cos-welcome-body .form-group {
  position: relative;
}
.cos-welcome-outer .cos-welcome-body .form-group .flag {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #62acc4;
  padding: 10px;
  border-radius: 0 6px 6px 0;
  color: white;
  display: inline-block;
  position: absolute;
  top: -3px;
  right: -3px;
  opacity: 0.8;
  text-align: center;
  animation-duration: 1s;
  animation-delay: 0.75s;
  animation-iteration-count: 1;
  visibility: hidden;
}
.cos-welcome-outer .cos-welcome-body .form-group .flag.animated {
  visibility: visible;
}
.cos-welcome-outer .cos-welcome-body .form-group .flag strong {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cos-welcome-outer .cos-welcome-body .form-group .flag:before {
  content: "";
  width: 0;
  height: 0;
  border: 28px solid transparent;
  border-right-color: #62acc4;
  position: absolute;
  top: 0;
  left: -56px;
}
.cos-welcome-outer .cos-welcome-body .cos-installer-loading {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  padding: 110px 0 0;
  display: block;
  position: relative;
  text-align: center;
  color: #999999;
  min-height: 34px;
}
.cos-welcome-outer .cos-welcome-body .cos-installer-loading:before {
  content: "";
  background-image: url("/img/cos-loading.png");
  background-size: 48px 48px;
  position: absolute;
  left: 50%;
  top: 20px;
  margin-top: 0px;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  z-index: 10001;
  animation: spin 1.1s linear infinite;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .cos-welcome-outer .cos-welcome-body .cos-installer-loading:before {
    background-image: url("/img/cos-loading@2x.png");
    background-size: 48px 48px;
  }
}
.cos-welcome-outer .cos-welcome-body .cos-installer-loading .alert {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
}
.cos-welcome-outer .cos-welcome-body .cos-installer-loading .alert strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-style: normal;
}
.cos-welcome-outer .cos-plugin-footer {
  border-top: 1px solid #b3b3b3;
  background-color: white;
  padding: 20px 60px 20px;
  position: relative;
  color: #999999;
  font-size: 14px;
}
.cos-welcome-outer .cos-plugin-footer .customer-logos {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #f4d9d1;
}
.cos-welcome-outer .cos-plugin-footer .customer-logos img {
  max-width: 526px;
  width: 100%;
  margin: 10px auto;
  display: block;
}

.ellipsis-menu {
  position: relative;
  display: inline-block;
}
.ellipsis-menu .ellipsis-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: medium;
}
.ellipsis-menu .ellipsis-button:hover {
  opacity: 0.7;
}
.ellipsis-menu .menu-list {
  position: absolute;
  right: 0;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
}
.ellipsis-menu .menu-list .menu-item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.ellipsis-menu .menu-list .menu-item:hover {
  background-color: #f0f0f0;
}
.ellipsis-menu .menu-list .menu-item .menu-icon {
  margin-right: 8px;
  font-size: small;
}

/* ===========================================================================================
Schedule
============================================================================================== */
/* ---------- Modals ----------------- */
.edit-overlay .top-border {
  border-top: 5px solid #c1cfd9;
  display: block;
  height: 0;
  width: 100%;
}
.edit-overlay .overlay-body .alert {
  margin-bottom: 10px;
}
.edit-overlay .overlay-body .post-details .owner-image {
  margin-top: 10px;
}
.edit-overlay .overlay-body .post-details .owner-image img {
  width: 100px;
}
.edit-overlay .overlay-body .post-details .owner-name {
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 135px;
}
.edit-overlay .overlay-body .post-details .owner-change {
  display: block;
  font-size: 11px;
  font-style: italic;
}
.edit-overlay .overlay-body .post-details .owner-edit hr {
  margin: 17px 0;
}
.edit-overlay .overlay-body .post-details .status-wrapper {
  padding: 0 0 15px 15px;
}
.edit-overlay .overlay-body .post-details .btn-wordpress-open {
  border: none;
}
.edit-overlay .overlay-body .post-details .btn-wordpress-open .icon-wordpress-open {
  vertical-align: middle;
}
.edit-overlay .overlay-body .post-details .btn-wordpress-open:hover {
  background-color: whiteSmoke;
}
.edit-overlay .overlay-body .post-details .alert-status.alert {
  padding: 15px;
  margin-top: -15px;
  margin-bottom: 10px;
  margin-right: -15px;
  background-color: transparent;
  border-color: transparent;
}
.edit-overlay .overlay-body .post-details .alert-status.alert.draft {
  background-color: #fdecac;
  border-color: #fdecac;
  color: #c09853;
}
.edit-overlay .overlay-body .post-details .alert-status.alert.draft label {
  color: #c09853;
}
.edit-overlay .overlay-body .post-meta small {
  color: #b3b3b3;
  font-size: 12px;
  display: block;
  margin-top: 5px;
  font-style: italic;
}
.edit-overlay .overlay-body .post-meta .icon-btn {
  color: #b3b3b3;
}
.edit-overlay .overlay-body .post-meta .icon-btn:hover {
  color: #999999;
  text-decoration: none;
}
.edit-overlay .overlay-body .post-meta .icon-btn .icon-pencil {
  font-size: 14px;
}
.edit-overlay .overlay-body .post-meta .link-image {
  height: 150px;
  position: relative;
  border: 1px solid #b3b3b3;
  overflow: hidden;
  background-color: #f7f7f7;
}
.edit-overlay .overlay-body .post-meta .link-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  max-width: 1000px;
  max-height: 150px;
}
.edit-overlay .overlay-body .post-meta .link-image-actions {
  margin-top: 4px;
}
.edit-overlay .overlay-body .post-meta .link-image-actions .btn-small {
  padding: 4px 4px 0;
  margin-left: 4px;
}
.edit-overlay .overlay-body .post-meta .link-image-actions .btn-attachment {
  font-size: 16px;
  vertical-align: middle;
  color: #999999;
}
.edit-overlay .overlay-body .post-meta .link-image-actions form {
  margin: 0;
}
.edit-overlay .overlay-body .post-meta .link-image-actions form .file-input-container {
  padding: 4px;
}
.edit-overlay .overlay-body .post-meta .link-image-actions form .file-input-container a {
  margin-top: 4px;
  color: #b3b3b3;
}
.edit-overlay .overlay-body .post-meta .link-image-actions form .file-input-container:hover {
  cursor: pointer;
}
.edit-overlay .overlay-body .post-meta .link-image-actions form .file-input-container:hover a {
  color: #999999;
}
.edit-overlay .create-footer {
  padding: 15px;
  *zoom: 1;
}
.edit-overlay .create-footer:before, .edit-overlay .create-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.edit-overlay .create-footer:after {
  clear: both;
}
.edit-overlay .create-footer a {
  color: #999999;
}
.edit-overlay.standalone-message {
  top: 10%;
  width: 560px;
  margin-left: -280px;
  min-height: initial;
}

.input-append-date-new {
  width: 218px;
}

.input-append-date-edit {
  width: 213px;
}

.input-append-remove {
  position: absolute;
  right: 20px;
}

/* ---------- Schedule Items ----------- */
.loading-overlay {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  left: 13px;
  top: 49px;
  right: 12px;
  border-radius: 6px 6px 0 0;
  z-index: 1205;
}
.loading-overlay.mobile-loading {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3100;
}

/* ---------- Calendar ---------------- */
#aj-calendar-container.calendar-container {
  height: calc(100% - 45px);
  padding: 0;
  overflow-y: auto;
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
}

.calendar-container.calendar-blur {
  filter: blur(5px);
}

.fs-takeover-wrapper {
  display: block;
  position: relative;
  height: 100vh;
  overflow: hidden;
  min-width: 1000px;
  min-height: 600px;
}
@media screen and (max-device-width: 760px) and (any-hover: none) {
  .fs-takeover-wrapper {
    display: none !important;
  }
}
.fs-takeover-wrapper .fs-takeover-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 30%;
  width: 65%;
  margin: auto;
  text-align: center;
  opacity: 0;
}
.fs-takeover-wrapper .fs-takeover-header.final {
  height: 10%;
  margin-top: 10%;
}
.fs-takeover-wrapper .fs-takeover-header h3 {
  margin: 0 auto 10px;
  font-size: 24px;
  line-height: 36px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fs-takeover-wrapper .fs-takeover-header p {
  font-size: 17px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 80%;
}
.fs-takeover-wrapper .fs-takeover-back-btn {
  display: flex;
  align-items: center;
  position: absolute;
  left: 30px;
  top: 30px;
}
.fs-takeover-wrapper .button.fs-takeover-close {
  position: absolute;
  right: 30px;
  top: 30px;
}
.fs-takeover-wrapper .button.fs-takeover-close .icon-close {
  margin: 0;
  font-size: 16px;
}
.fs-takeover-wrapper .fs-takeover-content {
  height: 70%;
  display: flex;
  justify-content: flex-start;
  position: relative;
  opacity: 0;
  animation: fs-takeover-contentFade 1s ease-out 750ms forwards;
}
.fs-takeover-wrapper .fs-takeover-content .fs-content-copy {
  font-size: 17px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}
.fs-takeover-wrapper .fs-content-todo-copy {
  color: #275a9a;
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  min-height: 20px;
  opacity: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  animation: fs-takeover-contentFade 1.5s ease-out 0.5s forwards;
}
.fs-takeover-wrapper .fs-content-todo-copy.hide-todo {
  opacity: 0 !important;
  animation: none;
}
.fs-takeover-wrapper .fs-takeover-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  height: 60px;
  padding: 0 2%;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.25);
  z-index: 10;
  background-color: #ffffff;
}
.fs-takeover-wrapper .fs-takeover-footer .to-do {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #275a9a;
  margin: 0 10px;
}
.fs-takeover-wrapper .fs-takeover-footer .icon-busy {
  font-size: 28px;
  color: #b3b3b3;
}
.fs-takeover-wrapper .fs-takeover-footer img {
  height: 25px;
  width: auto;
}
.fs-takeover-wrapper.flip-canvas {
  flex-direction: row-reverse;
  display: flex;
  width: 100%;
}
.fs-takeover-wrapper.flip-canvas .fs-takeover-header {
  width: 35%;
  text-align: left;
  margin: 125px 60px 0 0;
}
.fs-takeover-wrapper.flip-canvas .fs-takeover-header p {
  max-width: 100%;
  margin: 0;
}
.fs-takeover-wrapper.flip-canvas .fs-takeover-header h3 {
  margin: 10px 0;
  width: 100%;
}
.fs-takeover-wrapper.flip-canvas .fs-takeover-content {
  width: 65%;
  height: 100%;
  z-index: -1;
}
.fs-takeover-wrapper.flip-canvas-alt {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  height: 100%;
}
.fs-takeover-wrapper.flip-canvas-alt .fs-takeover-content {
  position: initial;
  height: 100%;
  width: 65%;
}
.fs-takeover-wrapper.flip-canvas-alt .fs-takeover-header {
  width: 35%;
  text-align: left;
  margin: 125px 60px 0 0;
}
.fs-takeover-wrapper.flip-canvas-alt .fs-takeover-header p {
  max-width: 100%;
  margin: 0;
}
.fs-takeover-wrapper.flip-canvas-alt .fs-takeover-header h3 {
  margin: 10px 0;
  width: 100%;
}
@keyframes fs-takeover-contentFade {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fs-takeover-populateElement {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  60% {
    opacity: 0;
    transform: scale(0);
  }
  70% {
    opacity: 1;
    transform: scale(0);
  }
  80% {
    opacity: 1;
    transform: scale(0);
  }
  90% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.modal-evernote-notebook-picker {
  z-index: 7000 !important;
}
.modal-evernote-notebook-picker .evernote-notebook-list .evernote-notebook {
  cursor: pointer;
  display: block;
  font-size: 18px;
  color: #666666;
  padding: 10px;
}
.modal-evernote-notebook-picker .evernote-notebook-list .evernote-notebook.active {
  background-color: #848484;
  color: white;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row {
  color: #999999;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 26px;
  position: relative;
  transition: all 0.25s ease-in-out;
  border-top: 1px solid #e6e6e6;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row:after {
  font-family: "CoS";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "✔";
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #b3b3b3;
  opacity: 0;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row:hover {
  background-color: whiteSmoke;
  cursor: pointer;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row.active {
  background-color: #848484;
  color: white;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row.active:after {
  color: white;
  opacity: 1;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row.connected {
  background-color: #f7f7f7;
  color: #b3b3b3;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row.connected:after {
  color: #b3b3b3;
  opacity: 1;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row.connected.active {
  background-color: #848484;
  color: white;
}
.modal-evernote-notebook-picker .notebook-picker-toggle-row.connected.active:after {
  color: white;
  opacity: 1;
}

.drop-down {
  position: relative;
}
.drop-down .drop-down-trigger {
  padding: 0 30px 0 10px;
  background-color: #ffffff;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  color: #666666;
  height: 35px;
  text-align: left;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drop-down .drop-down-trigger i {
  font-size: 12px;
  color: #999999;
  position: absolute;
  right: 10px;
  top: 12px;
}
.drop-down .drop-down-trigger img {
  margin-top: -1px;
}
.drop-down .drop-down-trigger:hover, .drop-down .drop-down-trigger:focus {
  border-color: #b3b3b3;
  cursor: pointer;
}
.drop-down .aj-dropdown {
  position: absolute;
  left: 2px;
  right: 2px;
  z-index: 100;
  max-height: 175px;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.drop-down .aj-dropdown .aj-drop-down-options {
  list-style-type: none;
  margin: 0;
  font-size: 13px;
}
.drop-down .aj-dropdown .aj-drop-down-options .aj-drop-down-row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 12px;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.drop-down .aj-dropdown .aj-drop-down-options .aj-drop-down-row:hover {
  cursor: pointer;
}
.drop-down .aj-dropdown .aj-drop-down-options .aj-drop-down-row.disabled:hover, .drop-down .aj-dropdown .aj-drop-down-options .integration-modal .container.enabled .body .header .aj-drop-down-row.btn:hover, .integration-modal .container.enabled .body .header .drop-down .aj-dropdown .aj-drop-down-options .aj-drop-down-row.btn:hover {
  cursor: not-allowed;
}
.drop-down .aj-dropdown .aj-drop-down-options .aj-drop-down-row.active {
  background-color: #f7f7f7;
}
.drop-down .aj-dropdown .aj-drop-down-options .aj-drop-down-row .aj-drop-down-option-empty p {
  margin: 0;
}
.drop-down .aj-dropdown .aj-drop-down-options .section-header {
  padding: 5px 10px 5px 5px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #b3b3b3;
}
.drop-down .aj-dropdown .aj-dropdown-input.search {
  width: 100%;
  box-sizing: border-box;
  height: 35px;
  padding: 5px 0 5px 30px;
  margin-bottom: 0;
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.drop-down .aj-dropdown .icon-search {
  position: absolute;
  top: 9px;
  left: 9px;
  color: #b3b3b3;
}
.drop-down.rounded .cos-dropdown {
  top: 30px;
  left: 0;
  min-width: 80px;
  border-radius: 6px;
  margin: 0;
  box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.4);
}
.drop-down.rounded .cos-dropdown ul.cos-dropdown-menu li {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 9px;
  font-size: 13px;
  color: #666666;
}
.drop-down.rounded .cos-dropdown ul.cos-dropdown-menu li .icon {
  order: -1;
}

.promo button.button.flat {
  color: #db8773;
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0.5;
}
.promo button.button.flat:hover, .promo button.button.flat:focus {
  opacity: 1;
  color: #db8773;
  background-color: transparent;
}
.promo h3,
.promo h4 {
  color: #db8773;
  font-weight: 700;
  line-height: 130%;
}
.promo p,
.promo ul li {
  color: #ffffff;
}
.promo ul li {
  text-align: left;
}
.promo ul {
  margin: 20px 0;
}
.promo-banner {
  background-color: #f4d9d1;
  width: 100%;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
.promo-banner .promo-banner-container {
  display: flex;
  padding: 10px 10px;
  max-width: 100%;
  margin: auto;
  justify-content: center;
}
.promo-banner .promo-banner-graphic {
  min-width: 58px;
  position: relative;
}
.promo-banner .promo-banner-content {
  padding: 0 20px 0 15px;
}
.promo-banner img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -15px;
}
.promo-banner p {
  color: #d17760;
}
.promo-banner a {
  text-decoration: underline;
}
.promo-banner .button.text-link {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: underline;
  padding: 0 0 0 5px;
  color: #d17760;
}
.promo-banner .button.text-link:hover, .promo-banner .button.text-link:focus {
  color: #bc6148;
}
.promo-banner.black-friday {
  background-color: #323248;
}
.promo-banner.black-friday p {
  color: #babaf7;
}
.promo-banner.black-friday .button.text-link {
  color: #babaf7;
}
.promo-banner.black-friday .button.text-link:hover, .promo-banner.black-friday .button.text-link:focus {
  color: #e6e6e6;
}
.promo-banner.banner-calendar {
  z-index: 6001;
}

.modal.promo-modal {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow-y: auto;
  z-index: 10001;
  background-color: transparent;
  top: 0;
}
.modal.promo-modal + .modal-backdrop {
  z-index: 10000;
}
.modal.promo-modal .modal-inner {
  background-color: #f8e8e3;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  max-width: 700px;
  margin: auto;
  border-radius: 4px;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
}
@media (max-width: 740px) {
  .modal.promo-modal .modal-inner {
    left: 20px;
    right: 20px;
  }
}
.modal.promo-modal .modal-content {
  padding: 50px;
}
.modal.promo-modal h3 {
  max-width: 400px;
  margin: auto;
}
.modal.promo-modal p,
.modal.promo-modal ul li {
  font-size: 15px;
  line-height: 21px;
  max-width: 470px;
  margin: 10px auto 30px;
  color: #2a2c40;
}
.modal.promo-modal ul {
  margin: 30px auto;
}
.modal.promo-modal ul li {
  margin: 5px auto;
}
.modal.promo-modal.upgrade ul li {
  padding-left: 200px;
  list-style-position: inside;
}
.modal.promo-modal.black-friday .modal-content {
  padding-bottom: 10px;
}
.modal.promo-modal.black-friday .modal-inner {
  background-color: #323248;
}
.modal.promo-modal.black-friday .modal-inner h3 {
  color: #babaf7;
}
.modal.promo-modal.black-friday .modal-inner p,
.modal.promo-modal.black-friday .modal-inner ul li {
  color: #ffffff;
}
.modal.promo-modal.black-friday .modal-inner img {
  height: auto;
  width: 70%;
}
.modal.promo-modal.black-friday .modal-inner button.button.flat.close-button {
  color: #babaf7;
  opacity: 1;
}
.modal.promo-modal.black-friday .modal-inner button.button.flat.close-button:hover, .modal.promo-modal.black-friday .modal-inner button.button.flat.close-button:focus {
  background-color: #babaf7;
  color: #323248;
}
.modal.promo-modal.black-friday .modal-inner button.button.flat.close-button:focus {
  background-color: #5b5b7f;
}

.workspace-layout-grid.promo-banner-present,
.workspace-layout-grid.warning-banner-present {
  height: calc(100vh - 90px);
}
.workspace-layout-grid.promo-banner-present .grid-body,
.workspace-layout-grid.promo-banner-present .calendar-tab-wrapper,
.workspace-layout-grid.warning-banner-present .grid-body,
.workspace-layout-grid.warning-banner-present .calendar-tab-wrapper {
  height: calc(100vh - 90px);
}
.workspace-layout-grid.promo-banner-present .grid-body .calendar-tab-scroll,
.workspace-layout-grid.promo-banner-present .calendar-tab-wrapper .calendar-tab-scroll,
.workspace-layout-grid.warning-banner-present .grid-body .calendar-tab-scroll,
.workspace-layout-grid.warning-banner-present .calendar-tab-wrapper .calendar-tab-scroll {
  height: calc(100% - 43px);
}
.workspace-layout-grid.promo-banner-present .marketing-campaign-calendar-wrapper .marketing-campaign-calendar,
.workspace-layout-grid.warning-banner-present .marketing-campaign-calendar-wrapper .marketing-campaign-calendar {
  height: calc(100% - 30px);
}
.workspace-layout-grid.promo-banner-present .marketing-campaign-calendar-wrapper .content-wrapper .content-outlet,
.workspace-layout-grid.warning-banner-present .marketing-campaign-calendar-wrapper .content-wrapper .content-outlet {
  height: calc(100vh - 225px);
}
.workspace-layout-grid.promo-banner-present .content-wrapper .content-outlet,
.workspace-layout-grid.warning-banner-present .content-wrapper .content-outlet {
  height: calc(100vh - 170px);
}

.home.promo-banner-present,
.home.warning-banner-present {
  height: calc(100% - 88px);
}

.delinquent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 6001;
  background-color: #daa1a0;
  color: #963c3b;
  min-height: 42px;
  padding: 5px 10px;
  box-sizing: border-box;
}
.delinquent-banner .leading-icon {
  font-size: 18px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.delinquent-banner .delinquent-copy {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.delinquent-banner .delinquent-copy a {
  color: #963c3b;
  text-decoration: underline;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.delinquent-banner .delinquent-copy a:hover, .delinquent-banner .delinquent-copy a:focus {
  color: #712d2c;
}

.home.delinquent-banner-present,
.workspace-layout-grid.delinquent-banner-present .react-calendar {
  height: calc(100vh - 90px);
}

.quick-prompts {
  position: relative;
}

.quick-prompt-button {
  font-size: 13px !important;
  margin-left: 5px;
}

.quick-prompts-popup {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 380px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.options-header {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
  color: #808080;
}

.ai-back-button {
  border: none;
  background-color: transparent;
  color: #808080;
  cursor: pointer;
  padding: 4px 6px 2px;
  margin-right: 3px;
  border-radius: 4px;
}
.ai-back-button:hover {
  background-color: #f7f7f7;
}

.options-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

.arrow-icon {
  font-size: 10px;
  margin-left: auto;
  color: #999999;
}

.options-button {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 7px;
  font-size: 13px;
  background-color: transparent;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  padding: 5px 8px;
  color: #666666;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.options-button:hover {
  background-color: #f7f7f7;
}

.option-icon {
  font-size: 14px;
  color: #999999;
}

@media screen and (max-width: 768px) {
  .hide-on-narrow {
    display: none;
  }
  .quick-prompt-icon {
    margin-right: 0 !important;
  }
}
.chip-container {
  min-height: 100px;
}
.chip-container .chip {
  display: inline-block;
  background-color: #f7f7f7;
  width: auto;
  height: 30px;
  color: #666666;
  padding-left: 10px;
  border-radius: 20px;
  margin: 5px 5px 0 0;
  font-size: 10px;
  line-height: 12px;
}
.chip-container .chip button.btn-text {
  color: #999999;
}
.chip-container .chip button.btn-text span.icon-close {
  font-size: 12px;
}
.chip-container .chip button.btn-text:hover {
  color: #4d4d4d;
}
.chip-container .no-chips {
  display: flex;
  width: 100%;
  min-height: 100px;
  justify-content: center;
  align-items: center;
  color: #b3b3b3;
}

.multi-selector {
  margin-bottom: -4px;
  position: relative;
}
.multi-selector .multi-selector-select {
  background-color: white;
  min-height: 42px;
  padding: 5px 35px 5px 10px;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  border: 1px solid #b3b3b3;
}
.multi-selector .multi-selector-select .avatar {
  margin-bottom: 0;
  position: relative;
}
.multi-selector .multi-selector-select .avatar:hover {
  background-color: #fce9e8;
  cursor: pointer;
}
.multi-selector .multi-selector-select .avatar:hover:after {
  content: "X";
  font-size: 24px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #ffffff;
  font-family: "CoS";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.multi-selector .multi-selector-select .avatar:hover .social-service-popover {
  visibility: visible;
  opacity: 0.92;
  left: 50px;
  transition: all 0.3s ease;
}
.multi-selector .multi-selector-select .avatar-blank {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  background-color: #f7f7f7;
  display: inline-block;
  float: left;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -6px;
  margin-left: -10px;
}
.multi-selector .multi-selector-select .avatar-blank:before {
  content: "U";
  font-family: "CoS";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 5px;
  top: 3px;
  color: #b3b3b3;
  font-size: 22px;
}
.multi-selector .multi-selector-select .select-toggle {
  padding: 19px 14px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background-color: transparent;
}
.multi-selector .multi-selector-select .select-toggle .icon-chevron-down {
  vertical-align: 2px;
}
.multi-selector .multi-selector-select .empty {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 11px 10px;
  color: #999999;
}
.multi-selector .multi-selector-select .empty .loading-icon {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: -10px 10px -10px -3px;
}
.multi-selector .multi-selector-select .social-service-popover {
  display: block;
  visibility: hidden;
  opacity: 0;
  left: 40px;
  top: 6px;
  white-space: nowrap;
  border-radius: 6px;
  position: absolute;
  text-align: left;
  color: #999999;
  font-size: 12px;
  padding: 0 8px;
  background-color: #ffffff;
  border: solid #e8e8e8 1px;
  z-index: 10;
  box-shadow: 2px 2px 5px #b3b3b3;
}
.multi-selector .multi-selector-select .social-service-popover:before {
  display: block;
  content: "";
  border: solid transparent 8px;
  border-right: solid #e8e8e8 9px;
  position: absolute;
  top: 7px;
  left: -16px;
}
.multi-selector .multi-selector-select .social-service-popover:after {
  display: block;
  content: "";
  border: solid transparent 8px;
  border-right: solid #ffffff 9px;
  position: absolute;
  top: 7px;
  left: -15px;
}
.multi-selector .multi-selector-select .social-service-popover .popover-title {
  display: block;
  text-align: left;
  color: #999999;
  position: relative;
}
.multi-selector .multi-selector-select .social-service-popover .popover-title .icon-pinterest {
  display: inline-block;
  font-size: 14px;
  position: initial;
  height: initial;
  background-color: transparent;
  border: none;
}
.multi-selector .multi-selector-select .social-service-popover .popover-content {
  padding: 5px 0;
}
.multi-selector .multi-selector-select .social-service-popover .pin-board-list {
  list-style-type: none;
  margin: 0;
}
.multi-selector .multi-selector-select .social-service-popover .pin-board {
  padding: 10px 15px;
  background-color: #ffffff;
}
.multi-selector .multi-selector-select .social-service-popover .pin-board .icon-close {
  display: none;
  opacity: 0;
  margin-top: 3px;
  color: #999999;
  font-size: 14px;
  position: initial;
  height: initial;
  background-color: transparent;
  border: none;
}
.multi-selector .multi-selector-select .social-service-popover .pin-board:hover {
  background-color: #efefef;
  transition: all 0.2s ease;
}
.multi-selector .multi-selector-select .social-service-popover .pin-board:hover .icon-close {
  display: block;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.multi-selector .multi-selector-select .social-service-popover .pin-board:hover .icon-close:hover {
  color: #666666;
  text-decoration: none;
}
.multi-selector .multi-selector-dropdown {
  display: none;
  border: 1px solid #b3b3b3;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  margin-top: -6px;
  max-width: 350px;
  width: 340px !important;
  z-index: 3000;
  overflow: hidden;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.multi-selector .multi-selector-dropdown.active {
  display: block;
  animation: multi-selector-fade 0.1s ease-in-out;
}
@keyframes multi-selector-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.multi-selector .multi-selector-dropdown .multi-selector-search {
  display: block;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.multi-selector .multi-selector-dropdown .multi-selector-search input[type=text] {
  margin-bottom: 0;
}
.multi-selector .multi-selector-dropdown .multi-selector-search .btn-remove {
  position: absolute;
  top: 7px;
  right: 5px;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner {
  width: 100%;
  min-height: 46px;
  max-height: 165px;
  overflow: hidden;
  overflow-y: scroll;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row {
  display: block;
  padding: 2px 5px;
  position: relative;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row .avatar span {
  border-radius: 20px;
  overflow: hidden;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row .account-name {
  *zoom: 1;
  height: 42px;
  line-height: 42px;
  overflow: hidden;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row .account-name:before, .multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row .account-name:after {
  display: table;
  content: "";
  line-height: 0;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row .account-name:after {
  clear: both;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row .account-name .twitter-no-multi {
  position: absolute;
  width: 18px;
  right: 9px;
  top: 0;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row .icon-warning {
  color: #c09853;
  margin-top: -30px;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row .icon-angle-right {
  display: none;
  position: absolute;
  top: 16px;
  right: 8px;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row.with-arrow .icon-angle-right {
  display: block;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row.deactivate-item {
  cursor: not-allowed;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row.deactivate-item .avatar,
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row.deactivate-item .account-name {
  opacity: 0.5;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row.deactivate-item .hint-hover {
  opacity: 0;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row.deactivate-item .hint-hover .deactivate-msg {
  padding: 5px 5px 5px 10px;
  margin: auto;
  font-size: 10px;
  display: inline-block;
  position: absolute;
  width: 280px;
  line-height: 13px;
  top: 5px;
  right: 5px;
  background-color: #f7f7f7;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row.deactivate-item .hint-hover .deactivate-msg .deactivate-link {
  font-size: 10px;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row.deactivate-item:hover .hint-hover {
  opacity: 1;
  transition: 0.2s ease-in 1s;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .dropdown-row:hover .hint-hover {
  opacity: 1;
  transition: 0.2s ease-in-out 1s;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .hint-hover {
  opacity: 0;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .hint-hover .deactivate-msg {
  padding: 5px 5px 5px 5px;
  margin: auto;
  font-size: 10px;
  display: inline-block;
  position: absolute;
  width: 275px;
  line-height: 13px;
  top: 5px;
  right: 5px;
  background-color: #f7f7f7;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-inner .hint-hover .deactivate-msg .deactivate-link {
  font-size: 10px;
}
.multi-selector .multi-selector-dropdown .multi-selector-dropdown-nested {
  display: block;
  position: absolute;
  top: 40px;
  right: -351px;
}
.multi-selector .avatar {
  width: 42px;
  height: 42px;
  margin-bottom: 0;
}
.multi-selector .avatar .avatar-user {
  max-width: 32px;
  width: 32px;
  border-radius: 50px;
}

.bottom-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid #efefef 1px;
  padding: 8px;
}
.bottom-toolbar .back-button-wrapper {
  color: #999999;
  text-decoration: none;
  vertical-align: middle;
}
.bottom-toolbar .back-button-wrapper:hover {
  color: #666666;
  text-decoration: none;
}
.bottom-toolbar .back-button-wrapper .icon-angle-left {
  font-size: 12px;
  display: inline-block;
}
.bottom-toolbar .back-button-wrapper .back-button {
  display: inline-block;
}
.bottom-toolbar .add-new-board {
  display: inline-block;
  margin-left: 15px;
  width: 188px;
}
.bottom-toolbar .add-new-board input {
  margin-bottom: 0;
}
.bottom-toolbar .btn-orange {
  margin-left: 2px;
}

.multi-selector-drop-zone {
  background-color: white;
  border: 1px solid #b3b3b3;
  min-height: 50px;
  max-height: 200px;
  padding: 10px 0 0 10px;
  overflow: hidden;
  overflow-y: scroll;
  min-height: 212px;
}
.multi-selector-drop-zone .drop-zone-element {
  background-color: white;
  border: 1px solid #b3b3b3;
  padding: 5px;
  line-height: 42px;
  height: 56px;
  overflow: hidden;
  width: 47%;
  margin-right: 3%;
  margin-bottom: 10px;
  float: left;
  display: inline-block;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.multi-selector-drop-zone .drop-zone-element .account-name {
  width: 10000px;
}
.multi-selector-drop-zone .drop-zone-element .btn-remove {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
}
.multi-selector-drop-zone .drop-zone-empty {
  padding: 80px 40px;
  text-align: center;
  color: #b3b3b3;
}
.multi-selector-drop-zone .avatar {
  width: 42px;
  height: 42px;
  margin-bottom: 0;
}
.multi-selector-drop-zone .avatar .avatar-user {
  max-width: 32px;
  width: 32px;
  border-radius: 50px;
}

.multi-selector-owner .multi-selector-current-owner .owner-image {
  display: inline-block;
}
.multi-selector-owner .multi-selector-current-owner .caret {
  margin-top: 56px;
  margin-left: 4px;
  border-top-color: #b3b3b3;
}
.multi-selector-owner button:disabled .multi-selector-current-owner .owner-image {
  opacity: 0.5;
}
.multi-selector-owner .multi-selector-dropdown {
  padding: 0;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu {
  margin-top: 5px;
  text-align: center;
  border-radius: 4px;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .multi-selector-search {
  position: relative;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .multi-selector-search .search-icon {
  position: absolute;
  left: 14px;
  top: 8px;
  font-size: 15px;
  color: #999999;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .multi-selector-search input {
  border: none;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  height: 34px;
  padding: 6px 10px 5px 42px;
  margin-bottom: 0;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .multi-selector-search input:focus {
  border-color: #f7f7f7 !important;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .dropdown-row {
  display: block;
  padding: 5px 10px;
  text-align: left;
  color: #999999;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .dropdown-row .avatar {
  width: 25px;
  height: 25px;
  margin-bottom: 0px;
  margin-right: 7px;
  border-radius: 50%;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .dropdown-row .avatar .avatar-user {
  max-width: 25px;
  width: 25px;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .dropdown-row .account-name {
  *zoom: 1;
  height: 30px;
  line-height: 26px;
  overflow: hidden;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .dropdown-row .account-name:before, .multi-selector-owner .multi-selector-dropdown.dropdown-menu .dropdown-row .account-name:after {
  display: table;
  content: "";
  line-height: 0;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .dropdown-row .account-name:after {
  clear: both;
}
.multi-selector-owner .multi-selector-dropdown.dropdown-menu .dropdown-row:hover {
  background-color: #f7f7f7;
  color: #666666;
  cursor: pointer;
}

.cos-ui-btn-confirm {
  position: relative;
}
.cos-ui-btn-confirm a {
  color: #b3b3b3;
}
.cos-ui-btn-confirm .confirm {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  padding: 6px 12px;
  color: #999999;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  z-index: 100000;
  zoom: 1;
  background-color: white;
}
.cos-ui-btn-confirm .confirm .text {
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
}
.cos-ui-btn-confirm .confirm .buttons a {
  display: inline-block;
  color: #b3b3b3;
  font-size: 12px;
  text-decoration: none;
  padding: 0px 4px;
}
.cos-ui-btn-confirm .confirm .buttons a:hover {
  color: #666666;
  text-decoration: underline;
}

.coschedule {
  color: #999999;
}
.coschedule .legacy-upgrade-btn {
  margin-bottom: -55px;
}

.metabox-toolbar-wrapper {
  background-color: #d17760;
}
.metabox-toolbar-wrapper .calendar-label .calendar-name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff !important;
  flex-shrink: 0;
  max-width: 65%;
}
@media screen and (max-width: 960px) {
  .metabox-toolbar-wrapper .calendar-label .calendar-name {
    max-width: 75%;
  }
}
.metabox-toolbar-wrapper .calendar-label .calendar-info {
  display: flex;
}
.metabox-toolbar-wrapper .calendar-label .calendar-info .trial-indicator,
.metabox-toolbar-wrapper .calendar-label .calendar-info .calendar-plan {
  display: flex;
  align-items: center;
  margin-left: 10px;
  color: #e6e6e6;
  white-space: nowrap;
}
.metabox-toolbar-wrapper .calendar-label .calendar-info .trial-indicator .label,
.metabox-toolbar-wrapper .calendar-label .calendar-info .calendar-plan .label {
  border: 1px solid white;
  padding: 2px 5px;
  border-radius: 10px;
}
.metabox-toolbar-wrapper button {
  margin-top: 13px;
  margin-right: 7px;
}
.metabox-toolbar-wrapper button [class^=icon-] {
  margin-right: 7px;
}
.metabox-toolbar-wrapper button.btn-text {
  color: white;
}
.metabox-toolbar-wrapper button.btn-text:hover {
  color: #b3b3b3;
}
.metabox-toolbar-wrapper .onboarding {
  margin-right: 10px;
  position: relative;
  width: 50px;
}
.metabox-toolbar-wrapper .onboarding .icon-rocket {
  margin-left: -1px;
}
.metabox-toolbar-wrapper .onboarding .has-tasks {
  border-radius: 50%;
  background-color: #403056;
  color: #fff;
  position: absolute;
  width: 15px;
  height: 15px;
  font-size: 10px;
  line-height: 14px;
  bottom: 5px;
  right: 8px;
}
@media screen and (max-width: 960px) {
  .metabox-toolbar-wrapper button .text {
    display: none;
  }
  .metabox-toolbar-wrapper button [class^=icon-] {
    margin-right: 0;
  }
}

.evernote-empty {
  position: relative;
  padding: 10px 90px;
}
.evernote-empty .evernote-empty-arrow {
  width: 274px;
  height: 88px;
  display: block;
  background-image: url("/img/evernote-arrow-empty-75935c0832d1bba9fbc5aa34f72a169d.png");
  background-size: 274px 88px;
  background-size: 274px 88px;
  position: absolute;
  left: -44px;
  top: 55px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .evernote-empty .evernote-empty-arrow {
    background-image: url("/img/evernote-arrow-empty@2x-ff43d2960752714722f347432f7cc1e2.png");
    background-size: 274px 88px;
  }
}
.evernote-empty .evernote-empty-icon {
  text-align: center;
  padding: 30px 0 40px;
}
.evernote-empty .evernote-empty-icon .icon-evernote {
  background-color: transparent;
  color: #848484;
  padding: 14px;
  border-radius: 50%;
}
.evernote-empty .evernote-empty-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
  text-align: left;
}
.evernote-empty .evernote-empty-text p,
.evernote-empty .evernote-empty-text li {
  font-size: 16px;
  line-height: 24px;
}

.teams-page-empty {
  padding: 145px 0px;
}

.content-to-wordpress {
  display: block;
  padding-bottom: 10px;
}
.content-to-wordpress .text-large {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  padding-left: 30px;
  padding-right: 30px;
}
.content-to-wordpress .site-container {
  width: 100%;
  position: relative;
}
.content-to-wordpress .site-container .site {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
  height: 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.content-to-wordpress .site-container .site:last-of-type {
  border-bottom: none;
}
.content-to-wordpress .site-container .site:hover {
  background-color: #f7f7f7;
}
.content-to-wordpress .site-container .site:hover .site-name {
  color: #4d4d4d;
}
.content-to-wordpress .site-container .site:hover .site-url {
  color: #999999;
}
.content-to-wordpress .site-container .site.disabled, .content-to-wordpress .site-container .integration-modal .container.enabled .body .header .site.btn, .integration-modal .container.enabled .body .header .content-to-wordpress .site-container .site.btn {
  opacity: 0.5;
  cursor: default;
}
.content-to-wordpress .site-container .site.disabled:hover, .content-to-wordpress .site-container .integration-modal .container.enabled .body .header .site.btn:hover, .integration-modal .container.enabled .body .header .content-to-wordpress .site-container .site.btn:hover {
  background-color: inherit;
}
.content-to-wordpress .site-container .site.disabled:hover .site-name, .content-to-wordpress .site-container .integration-modal .container.enabled .body .header .site.btn:hover .site-name, .integration-modal .container.enabled .body .header .content-to-wordpress .site-container .site.btn:hover .site-name {
  color: inherit;
}
.content-to-wordpress .site-container .site.disabled:hover .site-url, .content-to-wordpress .site-container .integration-modal .container.enabled .body .header .site.btn:hover .site-url, .integration-modal .container.enabled .body .header .content-to-wordpress .site-container .site.btn:hover .site-url {
  color: inherit;
}
.content-to-wordpress .site-container .site .site-name {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  margin: 0 10px 0 30px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0 10px 0 30px;
}
.content-to-wordpress .site-container .site .site-url {
  text-align: right;
  margin: 0 10px;
  white-space: nowrap;
  color: #b3b3b3;
  font-size: 12px;
  line-height: 20px;
}
.content-to-wordpress .site-container .site.selected {
  background-color: #e6e6e6;
}
.content-to-wordpress .site-container .site.selected:before {
  font-family: "CoS";
  content: "✓";
  color: #4d4d4d;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.content-to-wordpress .site-container .site.selected .site-name,
.content-to-wordpress .site-container .site.selected .site-url {
  color: #4d4d4d;
}
.content-to-wordpress .site-container .loading-wrapper {
  width: 100%;
  position: relative;
}
.content-to-wordpress .convert-status .convert-status-row {
  padding: 5px 10px 15px;
  margin: 10px;
  border-bottom: 1px solid #e6e6e6;
  line-height: 30px;
}
.content-to-wordpress .convert-status .convert-status-row .status-icon {
  width: 50px;
  height: 30px;
  display: inline-block;
  float: left;
  text-align: center;
  margin-right: 10px;
}
.content-to-wordpress .convert-status .convert-status-row .status-icon:after {
  font-family: "CoS";
  font-size: 18px;
  line-height: 30px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content-to-wordpress .convert-status .convert-status-row .status-text {
  font-size: 17px;
  line-height: 25px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content-to-wordpress .convert-status .convert-status-row.unstarted {
  color: #e6e6e6;
}
.content-to-wordpress .convert-status .convert-status-row.unstarted .status-icon:after {
  content: "";
}
.content-to-wordpress .convert-status .convert-status-row.pending {
  color: #b3b3b3;
}
.content-to-wordpress .convert-status .convert-status-row.pending .status-icon {
  position: relative !important;
  margin-right: 40px;
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  height: 20px;
  top: 3px;
  left: 15px;
  width: 20px;
  transform: translate(-50%, -50%);
}
.content-to-wordpress .convert-status .convert-status-row.pending .status-icon:before, .content-to-wordpress .convert-status .convert-status-row.pending .status-icon:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  bottom: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  background-color: #db8773;
  border-radius: 50%;
  animation: orangeCircle infinite alternate 1175ms ease;
}
.content-to-wordpress .convert-status .convert-status-row.pending .status-icon:after {
  background-color: white;
  animation: whiteCircle infinite alternate 1175ms ease;
}
.content-to-wordpress .convert-status .convert-status-row.warning .status-icon {
  color: #c09853;
}
.content-to-wordpress .convert-status .convert-status-row.warning .status-icon:after {
  content: "\e002";
}
.content-to-wordpress .convert-status .convert-status-row.error .status-icon {
  color: #b94a48;
}
.content-to-wordpress .convert-status .convert-status-row.error .status-icon:after {
  content: "\e002";
}
.content-to-wordpress .convert-status .convert-status-row.success .status-icon {
  color: #6ba066;
}
.content-to-wordpress .convert-status .convert-status-row.success .status-icon:after {
  content: "✓";
}
.content-to-wordpress .convert-status .convert-status-row.success .status-text {
  text-decoration: line-through;
}
.content-to-wordpress .convert-status .convert-status-row .status-files {
  display: block;
  margin-left: 60px;
  margin-top: 8px;
}
.content-to-wordpress .status-files {
  display: block;
}
.content-to-wordpress .status-files .status-file {
  padding: 3px 6px;
  background-color: #f7f7f7;
  color: #b3b3b3;
  border-radius: 2px;
  padding-left: 22px;
  position: relative;
  display: inline-block;
  margin: 4px;
  font-size: 12px;
  line-height: 18px;
}
.content-to-wordpress .status-files .status-file:after {
  font-family: "CoS";
  font-size: 12px;
  line-height: 18px !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 4px;
  top: 2px;
}
.content-to-wordpress .status-files .status-file.unstarted:after {
  content: "";
}
.content-to-wordpress .status-files .status-file.pending {
  color: #b3b3b3;
}
.content-to-wordpress .status-files .status-file.pending .status-file-icon {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  height: 12px;
  top: 5.5px;
  left: 6px;
  width: 12px;
  transform: translate(-50%, -50%);
}
.content-to-wordpress .status-files .status-file.pending .status-file-icon:before, .content-to-wordpress .status-files .status-file.pending .status-file-icon:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  bottom: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  background-color: #db8773;
  border-radius: 50%;
  animation: orangeCircle infinite alternate 1175ms ease;
}
.content-to-wordpress .status-files .status-file.pending .status-file-icon:after {
  background-color: white;
  animation: whiteCircle infinite alternate 1175ms ease;
}
.content-to-wordpress .status-files .status-file.warning {
  color: #c09853;
}
.content-to-wordpress .status-files .status-file.warning:after {
  content: "\ec7a";
}
.content-to-wordpress .status-files .status-file.error {
  color: #b94a48;
}
.content-to-wordpress .status-files .status-file.error:after {
  content: "\ec7a";
}
.content-to-wordpress .status-files .status-file.success {
  color: #6ba066;
}
.content-to-wordpress .status-files .status-file.success:after {
  content: "✓";
}
.content-to-wordpress .status-files .status-file.success .status-text {
  text-decoration: line-through;
}

.wordpress-access-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 1999;
  top: 0px;
  left: 0px;
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.wordpress-access-overlay .well.well-white {
  width: 450px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -100px;
  margin-left: -225px;
}

table.wordpress-authors {
  margin-top: 20px;
  width: 100%;
}
table.wordpress-authors th {
  text-align: left;
  padding-bottom: 10px;
}
table.wordpress-authors tr {
  border-bottom: 1px solid #e6e6e6;
}
table.wordpress-authors td.wordpress-author {
  width: 35%;
  padding: 8px;
}
table.wordpress-authors td.wordpress-author .wordpress-author-ns {
  opacity: 0.5;
}
table.wordpress-authors td.wordpress-gravatar-name {
  width: 55%;
}
table.wordpress-authors td.wordpress-gravatar-name img {
  margin-right: 10px;
}

.social-helpers {
  margin-left: 0 !important;
  position: relative;
}
.social-helpers .social-helpers-wrapper {
  border: none;
  padding: 10px 0 10px;
  margin-bottom: 0;
  background-color: #ffffff;
  right: 0;
}
.social-helpers .social-helpers-wrapper .helper-row,
.social-helpers .social-helpers-wrapper .image-helper-row {
  border-bottom: 1px solid whitesmoke;
  margin-bottom: 10px;
  position: relative;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-tag,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-tag {
  margin-top: 0px;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-tag .social-helper,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-tag .social-helper {
  margin: 10px 0;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-tag .social-helper input,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-tag .social-helper input {
  width: initial;
  display: inline;
  border-radius: 2px;
  border: 1px solid transparent;
  margin: 0;
  padding: 0 4px;
  height: 20px;
  font-size: 12px;
  min-height: initial;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-tag .social-helper input:disabled,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-tag .social-helper input:disabled {
  background-color: transparent;
  color: inherit;
  font-size: 13px;
  padding: 0;
  height: initial;
  border: none;
}
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data {
  position: relative;
  margin-top: -10px;
  color: #999;
  font-weight: 400;
  padding-top: 5px;
  min-width: 50%;
  margin-left: 0;
}
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data input,
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data textarea,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data input,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data textarea {
  width: calc(100% - 12px);
  border-radius: 2px;
  border: 1px solid #ccc;
  resize: none;
  padding: 4px 6px;
  max-height: 300px;
  margin: 0 0 10px 0;
  line-height: 140%;
  font-size: 12px;
  color: #999999;
  word-wrap: break-word;
  transition: all 0.2s ease;
}
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data input:hover, .social-helpers .social-helpers-wrapper .helper-row .social-helper-data input:focus,
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data textarea:hover,
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data textarea:focus,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data input:hover,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data input:focus,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data textarea:hover,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data textarea:focus {
  border: 1px solid #ccc;
  cursor: pointer;
}
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data p,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data p {
  padding: 4px 12px 4px 0;
  box-sizing: border-box;
  width: calc(100% + 2px);
  border-radius: 2px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  overflow: hidden;
  max-height: 100px;
  transition: border 0.2s ease, padding 0.2s ease, max-height 0.7s ease-out;
}
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data.editable p:hover, .social-helpers .social-helpers-wrapper .helper-row .social-helper-data.editable p:focus,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data.editable p:hover,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data.editable p:focus {
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
  display: block;
  overflow: hidden;
  max-height: 1000px;
  cursor: text;
  border: 1px solid #ccc;
  padding: 4px 6px;
  transition: border 0.2s ease, padding 0.2s ease, max-height 1.5s ease-out;
}
.social-helpers .social-helpers-wrapper .helper-row .social-helper-data .og-img.is-loading,
.social-helpers .social-helpers-wrapper .image-helper-row .social-helper-data .og-img.is-loading {
  filter: blur(5px);
  background-color: #333;
}
.social-helpers .social-helpers-wrapper .helper-row .delete-helper,
.social-helpers .social-helpers-wrapper .image-helper-row .delete-helper {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 12px;
}
.social-helpers .social-helpers-wrapper .helper-row .delete-helper a:hover, .social-helpers .social-helpers-wrapper .helper-row .delete-helper a:focus,
.social-helpers .social-helpers-wrapper .image-helper-row .delete-helper a:hover,
.social-helpers .social-helpers-wrapper .image-helper-row .delete-helper a:focus {
  text-decoration: none;
}
.social-helpers .social-helpers-wrapper .helper-row .delete-helper .icon-close,
.social-helpers .social-helpers-wrapper .image-helper-row .delete-helper .icon-close {
  color: #999999;
  padding-right: 5px;
}
.social-helpers .social-helpers-wrapper .helper-row:hover .delete-helper,
.social-helpers .social-helpers-wrapper .image-helper-row:hover .delete-helper {
  visibility: visible;
}
.social-helpers .social-helpers-wrapper .helper-row:hover .delete-helper:hover .icon-close,
.social-helpers .social-helpers-wrapper .image-helper-row:hover .delete-helper:hover .icon-close {
  color: #4d4d4d;
}
.social-helpers .social-helpers-wrapper .helper-row:last-of-type,
.social-helpers .social-helpers-wrapper .image-helper-row:last-of-type {
  border: none;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-row-item,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-row-item {
  padding: 5px 10px;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-row-item .file-error-drive,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-row-item .file-error-drive {
  background-color: #fbf3db;
  color: #c09853;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 8px;
  border-radius: 0 0 4px 4px;
  position: absolute;
  bottom: 0;
  right: 10px;
  left: 10px;
  z-index: 102;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-row-item .file-error-drive .warning-link,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-row-item .file-error-drive .warning-link {
  color: #c09853;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-drag-icon,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-drag-icon {
  position: absolute;
  visibility: hidden;
  right: 0;
  padding-right: 10px;
  top: -1px;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-drag-icon.sortable-icon-helper,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-drag-icon.sortable-icon-helper {
  position: absolute;
  z-index: 104;
  right: 30px;
  background-color: #ffffff;
  width: 14px;
  border-radius: 0 2px 2px 0;
  padding: 7px 8px 4px 8px;
  opacity: 0.9;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-drag-icon.sortable-icon-helper:hover,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-drag-icon.sortable-icon-helper:hover {
  opacity: 1;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-drag-icon a:hover, .social-helpers .social-helpers-wrapper .helper-row .helper-drag-icon a:focus,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-drag-icon a:hover,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-drag-icon a:focus {
  text-decoration: none;
  color: #999999;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-drag-icon .icon-menu,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-drag-icon .icon-menu {
  cursor: grab;
  margin-right: 10px;
  display: inline-block;
  color: #999999;
}
.social-helpers .social-helpers-wrapper .helper-row .helper-drag-icon .icon-menu.text-sort-marg,
.social-helpers .social-helpers-wrapper .image-helper-row .helper-drag-icon .icon-menu.text-sort-marg {
  margin-top: 10px;
}
.social-helpers .social-helpers-wrapper .helper-row:hover .helper-drag-icon,
.social-helpers .social-helpers-wrapper .image-helper-row:hover .helper-drag-icon {
  visibility: visible;
}
.social-helpers .social-helpers-wrapper .helper-row:hover .helper-drag-icon:hover .icon-menu,
.social-helpers .social-helpers-wrapper .image-helper-row:hover .helper-drag-icon:hover .icon-menu {
  color: #666666;
}
.social-helpers .social-helpers-wrapper .tour-guide-popover {
  right: 75px;
}
.social-helpers .social-helpers-wrapper .placeholder-copy {
  font-style: italic;
  color: #b3b3b3;
  font-weight: 300;
  padding-left: 2px;
  font-size: 12px;
}
.social-helpers .social-helpers-wrapper ::-webkit-input-placeholder {
  font-style: italic;
  color: #b3b3b3;
  font-weight: 300;
  font-size: 12px;
}
.social-helpers .social-helpers-wrapper .error-message {
  color: #daa1a0;
  font-size: 10px;
  position: absolute;
  left: 2px;
  font-weight: 200;
}
.social-helpers .social-helpers-wrapper .helper-name {
  position: relative;
}
.social-helpers .social-helpers-wrapper .helper-name .helper-name-error-wrapper {
  height: 30px;
  position: relative;
}
.social-helpers .social-helpers-wrapper .helper-name .helper-name-error-wrapper .error-message {
  bottom: -24px;
}
.social-helpers .social-helpers-wrapper .helper-name input {
  width: 100%;
  margin: auto 0;
  border-radius: 2px;
  border: none;
}
.social-helpers .social-helpers-wrapper .helper-name input.error {
  border-color: #daa1a0;
}
.social-helpers .social-helpers-wrapper .helper-tag {
  position: relative;
  padding-right: 5px;
  transition: all 0.4s ease;
}
.social-helpers .social-helpers-wrapper .helper-tag .error-message {
  bottom: -16px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row {
  position: relative;
  margin-bottom: 0;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview {
  position: relative;
  width: 100%;
  display: flex;
  padding: 0;
  border: none;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview > .ember-view {
  width: 100%;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls {
  top: 6px;
  left: 6px;
  visibility: hidden;
  height: 30px;
  width: 95%;
  padding: 0;
  opacity: 0.5;
  z-index: 104;
  transition: all 0.2s ease;
  position: absolute;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls .video-container-controls {
  top: -2px;
  left: -2px;
  opacity: 0.8;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls .video-container-controls:hover {
  opacity: 1;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls .video-container-controls .btn-small {
  padding: 6px 5px 1px 8px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls .btn-small {
  padding: 7px 6px 1px 6px;
  border: none;
  background-color: #fff;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls .btn-small.next-image {
  padding: 7px 4px 1px 8px;
  border-radius: 0 2px 2px 0;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls .btn-small:hover {
  cursor: pointer;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls .btn-small.btn:first-child {
  border-radius: 2px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls.show-toggle {
  width: 99px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls.show-toggle .btn:first-child {
  border-radius: 2px 0 0 2px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container-controls .helper-drag-icon {
  margin-right: 15px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .helper-tag {
  opacity: 1;
  display: flex;
  min-width: initial;
  transition: all 0.2s ease;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .helper-tag.has-image {
  position: absolute;
  top: -3px;
  left: 6px;
  transition: all 0.2s ease;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .helper-tag.has-image .social-helper {
  background-color: rgba(245, 245, 245, 0.9);
  color: #666666;
  box-shadow: 1px 1px 5px #333;
  cursor: default;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank.is-loading, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .is-loading.image-container.multi-0, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .is-loading.image-container.multi-0,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded.is-loading {
  width: 100%;
  height: 220px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .upload-message, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .upload-message, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .upload-message,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .upload-message {
  padding: initial;
  margin: -69px 50px 17px 50px;
  font-size: 12px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .social-helper, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .social-helper, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .social-helper,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .social-helper {
  cursor: default;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .video-processing, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .video-processing, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .video-processing,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .video-failed,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .video-failed,
.social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .video-failed,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .video-processing,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .video-failed {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .video-processing .icon, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .video-processing .icon, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .video-processing .icon,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .video-failed .icon,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .video-failed .icon,
.social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .video-failed .icon,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .video-processing .icon,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .video-failed .icon {
  font-size: 30px;
  margin-bottom: 10px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .video-processing p.small, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .video-processing p.small, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .video-processing p.small,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .video-failed p.small,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .video-failed p.small,
.social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .video-failed p.small,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .video-processing p.small,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .video-failed p.small {
  text-align: center;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .video-processing .upload-progress, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .video-processing .upload-progress, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .video-processing .upload-progress,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank .video-failed .upload-progress,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0 .video-failed .upload-progress,
.social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 .video-failed .upload-progress,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .video-processing .upload-progress,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .video-failed .upload-progress {
  width: 100%;
  margin: 0;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .photo-blank, .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .social-preview .message-media .image-container.multi-0, .social-preview .message-media .social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .image-container.multi-0 {
  min-height: 200px;
  width: 100%;
  background: #cccccc url("/img/photo-blank-2b44fba5ce423f0cd9aad5b2dac181b7.png") no-repeat center center;
  background-size: 100% 100%;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded {
  z-index: 101;
  max-height: 220px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-shadow: none;
  transition: all 0.2s ease-out;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview .has-image-loaded .helper-tag {
  opacity: 0.5;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview:hover .helper-tag,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview:hover .image-container-controls {
  opacity: 1;
  transition: all 0.2s ease-out;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-preview:hover .has-image-loaded {
  z-index: 103;
  max-height: 5000px;
  border-radius: 4px;
  transition: 2s max-height 1s ease-out;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-actions {
  position: absolute;
  top: 5px;
  right: 10px;
  background: #fff;
  visibility: hidden;
  height: 30px;
  width: 30px;
  border-radius: 2px;
  opacity: 0;
  z-index: 104;
  transition: all 0.2s ease;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-actions .delete-helper {
  right: 0;
  top: 0;
  padding: 7px 8px 4px 8px;
  border-radius: 0 2px 2px 0;
  width: 14px;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-actions .delete-helper .icon-close {
  color: #999999;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-actions .delete-helper:hover .icon-close {
  color: #666666;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row .image-helper-actions:hover {
  opacity: 1 !important;
  transition: all 0.2s ease;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row:hover .image-container-controls,
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row:hover .image-helper-actions {
  visibility: visible;
  opacity: 0.9;
  transition: all 0.2s ease;
}
.social-helpers .social-helpers-wrapper .custom-image-helpers .image-helper-row:hover .helper-tag.has-image:not(.link-helper-image) {
  top: 30px;
}
.social-helpers .social-helpers-wrapper .custom-text-helpers,
.social-helpers .social-helpers-wrapper .custom-image-helpers {
  position: relative;
  margin-bottom: 30px;
}
.social-helpers .social-helpers-wrapper .custom-text-helpers:last-of-type,
.social-helpers .social-helpers-wrapper .custom-image-helpers:last-of-type {
  margin-bottom: 0;
}
.social-helpers .social-helpers-wrapper .sortable-wrapper .sortable-item {
  border-radius: 4px;
}
.social-helpers .social-helpers-wrapper .sortable-wrapper .sortable-item.sortable-padding {
  padding: 0 10px;
}
.social-helpers .social-helpers-wrapper .sortable-wrapper .sortable-item.is-dragging {
  background: #f7f7f7;
  cursor: grabbing;
}
.social-helpers .social-helpers-wrapper .sortable-wrapper .sortable-item.is-dropping {
  background: #f7f7f7;
}
.social-helpers .helper-divider {
  width: 100%;
  border-bottom: 1px solid #b3b3b3;
  color: #b3b3b3;
  font-weight: 400;
  font-size: 12px;
  margin-top: 10px;
}
.social-helpers .helper-divider i {
  padding: 0 5px 0 0;
}
.social-helpers .helper-divider i.icon-text-helper {
  font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial !important;
}

.video-helpdoc a {
  color: #999999;
  text-decoration: none;
}

.social-helper {
  display: inline-block;
  border-radius: 6px;
  background: #62acc4;
  color: #ffffff;
  padding: 3px 5px;
  margin: 10px 5px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 200;
  white-space: nowrap;
}
.social-helper.error {
  background-color: #fdecac;
  color: #c09853;
}
.social-helper.is-clickable {
  cursor: pointer;
}

.social-template-modal.modal-scroll {
  z-index: 2000;
}
.social-template-modal.modal-scroll .modal.edit-modal {
  top: 50px;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 850px;
  border-radius: 10px 10px 0 0;
}
@media only screen and (max-width: 900px) {
  .social-template-modal.modal-scroll .modal.edit-modal {
    width: 600px;
  }
}
.social-template-modal.modal-scroll .modal.edit-modal .modal-header, .social-template-modal.modal-scroll .modal.edit-modal .delete-confirmation .delete-header, .delete-confirmation .social-template-modal.modal-scroll .modal.edit-modal .delete-header,
.social-template-modal.modal-scroll .modal.edit-modal .modal-body,
.social-template-modal.modal-scroll .modal.edit-modal .modal-footer {
  flex-shrink: 0;
}
.social-template-modal.modal-scroll .modal.edit-modal .modal-body {
  padding: 0;
  min-height: 0;
  max-height: 85vh;
}

.template-wrapper:not(.is-creating) .template-name-wrapper {
  border-bottom: 1px solid #e6e6e6;
}
.template-wrapper .template-name-wrapper {
  padding: 10px 15px;
  display: flex;
  background-color: #ffffff;
  box-sizing: border-box;
}
.template-wrapper .template-name-wrapper input.template-name {
  border: 1px solid #ffffff;
  font-size: 23px;
  font-weight: bold;
  border-radius: 4px;
  padding: 5px 10px;
  height: 40px;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.template-wrapper .template-name-wrapper input.template-name:hover, .template-wrapper .template-name-wrapper input.template-name:focus {
  border: 1px solid #b3b3b3;
  cursor: pointer;
}
.template-wrapper .template-name-wrapper input.template-name::-moz-placeholder {
  color: #b3b3b3 !important;
}
.template-wrapper .template-name-wrapper input.template-name::placeholder {
  color: #b3b3b3 !important;
}
.template-wrapper .template-name-wrapper .task-ignore-weekends input[type=checkbox] {
  font-size: 16px;
  margin-top: 0;
}
.template-wrapper .template-name-wrapper .ignore-weekends-popover {
  display: inline-block;
  position: relative;
}
.template-wrapper .loading-wrapper.is-cloning {
  flex-flow: column;
  padding-top: 15px;
}
.template-wrapper .social-queue.templates-queue {
  margin: 0 0 70px 0;
}
.template-wrapper .social-queue.templates-queue .queue-column-center .queue-column-wrapper .queue-column:before {
  top: 80px;
  bottom: 80px;
}
.template-wrapper .social-queue.templates-queue .queue-date-exact,
.template-wrapper .social-queue.templates-queue .queue-column-loaded-empty {
  display: none !important;
}
.template-wrapper .social-queue.templates-queue .queue-column-wrapper {
  width: 93%;
}
.template-wrapper .social-queue.templates-queue .queue-column-wrapper .queue-column {
  min-height: 410px;
}
@media screen and (max-width: 900px) {
  .template-wrapper .social-queue.templates-queue .queue-settings-flyout {
    position: absolute;
  }
  .template-wrapper .social-queue.templates-queue .queue-settings-flyout .queue-settings-wrapper {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  }
  .template-wrapper .social-queue.templates-queue .queue-settings-flyout.collapsed .queue-settings-wrapper {
    box-shadow: none;
  }
}

.social-queue .task-social-actions + .queue-column:before {
  border-top: 20px solid #cccccc !important;
}

.dark-fade {
  background-color: #999999;
  opacity: 0.3;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-filter: grayscale(100%);
  z-index: 100;
}

.dark-fade {
  visibility: hidden;
  opacity: 0;
  transition: all 150ms ease-out;
}

.aj_applying_template .dark-fade {
  background-color: #999999;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-filter: grayscale(100%);
  z-index: 100;
  visibility: visible;
  opacity: 0.3;
}
.aj_applying_template .message-associated-list {
  pointer-events: none;
}
.aj_applying_template .message-associated-list .alert {
  margin: 4px -5px -5px;
}
.aj_applying_template .template-message-apply {
  z-index: 1000;
  position: relative;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.25);
}
.aj_applying_template .template-message-apply .message-associated-list {
  pointer-events: initial;
}
.aj_applying_template .template-message-apply .message-associated-list .dark-fade {
  visibility: hidden;
  opacity: 0;
}
.aj_applying_template .message-item:not(.template-message-apply) .message-associated-list {
  border-color: rgba(153, 153, 153, 0.4) !important;
}

.helpers-template-apply {
  background-color: #ffffff;
  z-index: 101;
}

.file-type-icon {
  position: relative;
  margin-left: 16px;
}
.file-type-icon.icon-16 {
  font-family: inherit !important;
  font-size: inherit !important;
  speak: inherit !important;
  font-style: inherit !important;
  font-weight: 500 !important;
  font-variant: inherit !important;
  text-transform: inherit !important;
  line-height: 1.5 !important;
}
.file-type-icon.icon-16:before {
  position: absolute;
  left: -18px;
  content: url(/img/file-type-icons/16px/_blank-8c87b6a93cbcf15a271b55f1218978c4.png);
}
.file-type-icon.icon-16[href$=".aac"]:before {
  content: url(/img/file-type-icons/16px/aac-cf0f56b541b568424c78074176d3fbc5.png);
}
.file-type-icon.icon-16[href$=".ai"]:before {
  content: url(/img/file-type-icons/16px/ai-d539c62b3e646fa634c37986f40ac6d2.png);
}
.file-type-icon.icon-16[href$=".aiff"]:before {
  content: url(/img/file-type-icons/16px/aiff-5a55162d8b1581aabb986f55b6797d1c.png);
}
.file-type-icon.icon-16[href$=".avi"]:before {
  content: url(/img/file-type-icons/16px/avi-7a313015d789eae23990f37de13d8bbc.png);
}
.file-type-icon.icon-16[href$=".bmp"]:before {
  content: url(/img/file-type-icons/16px/bmp-9b087a6d9df43808f5ccf87d241a4652.png);
}
.file-type-icon.icon-16[href$=".c"]:before {
  content: url(/img/file-type-icons/16px/c-64a334155d822c69bb3c4fc164b1fad4.png);
}
.file-type-icon.icon-16[href$=".cpp"]:before {
  content: url(/img/file-type-icons/16px/cpp-5d5876c278f282d10fd6b303f49715c5.png);
}
.file-type-icon.icon-16[href$=".css"]:before {
  content: url(/img/file-type-icons/16px/css-921781e6bed8f5f75c2d8a458edf6155.png);
}
.file-type-icon.icon-16[href$=".dat"]:before {
  content: url(/img/file-type-icons/16px/dat-52018f4b67a6dde2416539ff5cd15dcb.png);
}
.file-type-icon.icon-16[href$=".dmg"]:before {
  content: url(/img/file-type-icons/16px/dmg-029ec6f8b3c2f5287dd77a51e93a956d.png);
}
.file-type-icon.icon-16[href$=".doc"]:before, .file-type-icon.icon-16[href$=".docx"]:before {
  content: url(/img/file-type-icons/16px/doc-639db88e0b676151355797bf6d4503fb.png);
}
.file-type-icon.icon-16[href$=".dotx"]:before {
  content: url(/img/file-type-icons/16px/dotx-fe610c697b6f2ebdfeafd85cd0238626.png);
}
.file-type-icon.icon-16[href$=".dwg"]:before {
  content: url(/img/file-type-icons/16px/dwg-7734d6d88c9b1b56dca161bbd6b8b46f.png);
}
.file-type-icon.icon-16[href$=".dxf"]:before {
  content: url(/img/file-type-icons/16px/dxf-fa779f1a16aa3fdb93feae589fc6c1fa.png);
}
.file-type-icon.icon-16[href$=".eps"]:before {
  content: url(/img/file-type-icons/16px/eps-badd3be50b5805d432549c63903fcd90.png);
}
.file-type-icon.icon-16[href$=".exe"]:before {
  content: url(/img/file-type-icons/16px/exe-b5133a265decbffb8abda67b630f6516.png);
}
.file-type-icon.icon-16[href$=".flv"]:before {
  content: url(/img/file-type-icons/16px/flv-c085383e8dba2dae8ccd33c726a28c73.png);
}
.file-type-icon.icon-16[href$=".gif"]:before {
  content: url(/img/file-type-icons/16px/gif-08d5c3e783dca9c3671d9a04da88ae7f.png);
}
.file-type-icon.icon-16[href$=".h"]:before {
  content: url(/img/file-type-icons/16px/h-b20fe7279e2d471d8c22760e6167b520.png);
}
.file-type-icon.icon-16[href$=".hpp"]:before {
  content: url(/img/file-type-icons/16px/hpp-7ea20dac4c6ec09a01bd5eb13129c78c.png);
}
.file-type-icon.icon-16[href$=".html"]:before {
  content: url(/img/file-type-icons/16px/html-dc4602d44fd8a1a4c995cb906d6e7107.png);
}
.file-type-icon.icon-16[href$=".ics"]:before {
  content: url(/img/file-type-icons/16px/ics-714991d5b34aa9f0e5208ec5196500aa.png);
}
.file-type-icon.icon-16[href$=".iso"]:before {
  content: url(/img/file-type-icons/16px/iso-10619b032f5678d5096ff8cc66a47d0f.png);
}
.file-type-icon.icon-16[href$=".java"]:before {
  content: url(/img/file-type-icons/16px/java-22182aff8a9aa60f2780e9b239d79299.png);
}
.file-type-icon.icon-16[href$=".jpg"]:before {
  content: url(/img/file-type-icons/16px/jpg-80cc137ba52060666f1e48d3ab16e492.png);
}
.file-type-icon.icon-16[href$=".js"]:before {
  content: url(/img/file-type-icons/16px/js-d750c88ebd95a80926885972738c43d8.png);
}
.file-type-icon.icon-16[href$=".key"]:before {
  content: url(/img/file-type-icons/16px/key-45771af9a572ac48026bf88ccb0ed8da.png);
}
.file-type-icon.icon-16[href$=".less"]:before {
  content: url(/img/file-type-icons/16px/less-4faf35a86f86eb33ddee17ab807aa537.png);
}
.file-type-icon.icon-16[href$=".mid"]:before {
  content: url(/img/file-type-icons/16px/mid-1e1d8262a638364ead4f90dcbd7d0450.png);
}
.file-type-icon.icon-16[href$=".mp3"]:before {
  content: url(/img/file-type-icons/16px/mp3-53e11de7a19ac4c761808cacaf24f2db.png);
}
.file-type-icon.icon-16[href$=".mp4"]:before {
  content: url(/img/file-type-icons/16px/mp4-1d9f6d446ccfd35089895aa3ba518290.png);
}
.file-type-icon.icon-16[href$=".mpg"]:before {
  content: url(/img/file-type-icons/16px/mpg-fd0a467cb91184939061eb0e77dee19d.png);
}
.file-type-icon.icon-16[href$=".odf"]:before {
  content: url(/img/file-type-icons/16px/odf-62516dc6d22eedab9a69882492053c0d.png);
}
.file-type-icon.icon-16[href$=".ods"]:before {
  content: url(/img/file-type-icons/16px/ods-81811024eebccde49ba0f1c124150503.png);
}
.file-type-icon.icon-16[href$=".odt"]:before {
  content: url(/img/file-type-icons/16px/odt-0a4e98298772b51f787b5f1378b772f5.png);
}
.file-type-icon.icon-16[href$=".otp"]:before {
  content: url(/img/file-type-icons/16px/otp-3f7d7cbb3442dd7f422917bdcf0e86cd.png);
}
.file-type-icon.icon-16[href$=".ots"]:before {
  content: url(/img/file-type-icons/16px/ots-a820bbcceb523596bcda62e0e4f2a74d.png);
}
.file-type-icon.icon-16[href$=".ott"]:before {
  content: url(/img/file-type-icons/16px/ott-4ff44d28ba33714912a75fa9ee3933cd.png);
}
.file-type-icon.icon-16[href$=".pdf"]:before {
  content: url(/img/file-type-icons/16px/pdf-13c8b3929b59ad87c9b65f90266f515d.png);
}
.file-type-icon.icon-16[href$=".php"]:before {
  content: url(/img/file-type-icons/16px/php-aff1be1660b3d9e77916c44932da0f23.png);
}
.file-type-icon.icon-16[href$=".png"]:before {
  content: url(/img/file-type-icons/16px/png-90f55a517caa844d5a0bc7e268864454.png);
}
.file-type-icon.icon-16[href$=".ppt"]:before {
  content: url(/img/file-type-icons/16px/ppt-a664d1238f5a6f891c104113123b9f76.png);
}
.file-type-icon.icon-16[href$=".psd"]:before {
  content: url(/img/file-type-icons/16px/psd-ed25c27dcb17283606ef7b5a62090ebc.png);
}
.file-type-icon.icon-16[href$=".py"]:before {
  content: url(/img/file-type-icons/16px/py-22e11d6061b84f7d5e3a5f77c12a2427.png);
}
.file-type-icon.icon-16[href$=".qt"]:before {
  content: url(/img/file-type-icons/16px/qt-8c30db095cf07605d49fd93634de3f9d.png);
}
.file-type-icon.icon-16[href$=".rar"]:before {
  content: url(/img/file-type-icons/16px/rar-ef5f323647519c90b655026df089830a.png);
}
.file-type-icon.icon-16[href$=".rb"]:before {
  content: url(/img/file-type-icons/16px/rb-547c10c31fd7e71e8420672b7422a1fb.png);
}
.file-type-icon.icon-16[href$=".rtf"]:before {
  content: url(/img/file-type-icons/16px/rtf-fa529af0153aefedcf10653c4dc6ebe0.png);
}
.file-type-icon.icon-16[href$=".sass"]:before {
  content: url(/img/file-type-icons/16px/sass-fa9c1c7008c4588042705a392574ed0f.png);
}
.file-type-icon.icon-16[href$=".scss"]:before {
  content: url(/img/file-type-icons/16px/scss-86beb0793d726b1409edc5cde317aed2.png);
}
.file-type-icon.icon-16[href$=".sql"]:before {
  content: url(/img/file-type-icons/16px/sql-4f9318021103b22620278c4c9c98eb78.png);
}
.file-type-icon.icon-16[href$=".tga"]:before {
  content: url(/img/file-type-icons/16px/tga-3f4525b9a0d3d6598b8580fafaff3715.png);
}
.file-type-icon.icon-16[href$=".tgz"]:before {
  content: url(/img/file-type-icons/16px/tgz-26d89fd1c69d911ba9ca5329603ac73c.png);
}
.file-type-icon.icon-16[href$=".tiff"]:before {
  content: url(/img/file-type-icons/16px/tiff-4fa01766a8009d0c76a4b1e716479cbe.png);
}
.file-type-icon.icon-16[href$=".txt"]:before {
  content: url(/img/file-type-icons/16px/txt-ad4ff71b5fc58d6aae997d169445f324.png);
}
.file-type-icon.icon-16[href$=".wav"]:before {
  content: url(/img/file-type-icons/16px/wav-4f27771492ac75b31970c35d817c1725.png);
}
.file-type-icon.icon-16[href$=".xls"]:before {
  content: url(/img/file-type-icons/16px/xls-f34ade532935109012abb60ed3b70735.png);
}
.file-type-icon.icon-16[href$=".xlsx"]:before {
  content: url(/img/file-type-icons/16px/xlsx-3b4e6e7181c387a3912a35f0c6a06ab4.png);
}
.file-type-icon.icon-16[href$=".xml"]:before {
  content: url(/img/file-type-icons/16px/xml-d87e22983d23454d12fb2a5a3d7fb9d4.png);
}
.file-type-icon.icon-16[href$=".yml"]:before {
  content: url(/img/file-type-icons/16px/yml-070258aef48a2e1f9e073fe3dbd337bb.png);
}
.file-type-icon.icon-16[href$=".zip"]:before {
  content: url(/img/file-type-icons/16px/zip-baa98ee63c01af66fb3c74af4c69dd78.png);
}
.file-type-icon.icon-512:before {
  position: absolute;
  left: -18px;
  content: url(/img/file-type-icons/512px/_blank-98505650131d4d0484673ac7d5d1de61.png);
}
.file-type-icon.icon-512[file-name$=".aac"]:before {
  content: url(/img/file-type-icons/512px/aac-905dd36a20ece34d2860fe99a8797ff5.png);
}
.file-type-icon.icon-512[file-name$=".ai"]:before {
  content: url(/img/file-type-icons/512px/ai-978827a7facf3480bbdd24999631e597.png);
}
.file-type-icon.icon-512[file-name$=".aiff"]:before {
  content: url(/img/file-type-icons/512px/aiff-0ab2ed8fcf820402f81ade5041372b2b.png);
}
.file-type-icon.icon-512[file-name$=".avi"]:before {
  content: url(/img/file-type-icons/512px/avi-b75187ef1d1e40bd89a5c1d90b66895e.png);
}
.file-type-icon.icon-512[file-name$=".bmp"]:before {
  content: url(/img/file-type-icons/512px/bmp-68d91a303d7c664361ae5353fed55e1f.png);
}
.file-type-icon.icon-512[file-name$=".c"]:before {
  content: url(/img/file-type-icons/512px/c-55eedcf088cdb289c141f0285f8ea140.png);
}
.file-type-icon.icon-512[file-name$=".cpp"]:before {
  content: url(/img/file-type-icons/512px/cpp-0229e1ba38112ca78d60cf59197739d1.png);
}
.file-type-icon.icon-512[file-name$=".css"]:before {
  content: url(/img/file-type-icons/512px/css-dba377f4f9efefcc144f5552d80b9a18.png);
}
.file-type-icon.icon-512[file-name$=".dat"]:before {
  content: url(/img/file-type-icons/512px/dat-a80a79eed4be814b2961e2d4abe5a0ba.png);
}
.file-type-icon.icon-512[file-name$=".dmg"]:before {
  content: url(/img/file-type-icons/512px/dmg-05af48a703ce8fc19ef1106e9a357f28.png);
}
.file-type-icon.icon-512[file-name$=".doc"]:before, .file-type-icon.icon-512[file-name$=".docx"]:before {
  content: url(/img/file-type-icons/512px/doc-676973069b71c5b883db89da2bce55b9.png);
}
.file-type-icon.icon-512[file-name$=".dotx"]:before {
  content: url(/img/file-type-icons/512px/dotx-f59204d435ca60c7550d2d46f049d587.png);
}
.file-type-icon.icon-512[file-name$=".dwg"]:before {
  content: url(/img/file-type-icons/512px/dwg-118790ffde736aced8481d0890862898.png);
}
.file-type-icon.icon-512[file-name$=".dxf"]:before {
  content: url(/img/file-type-icons/512px/dxf-9b4b918e1d0968ecedc1fef1a4969cac.png);
}
.file-type-icon.icon-512[file-name$=".eps"]:before {
  content: url(/img/file-type-icons/512px/eps-c9373e15bc3b1098490d89958af9f6f8.png);
}
.file-type-icon.icon-512[file-name$=".exe"]:before {
  content: url(/img/file-type-icons/512px/exe-a7fb1b0e2f312039d6b07c18d32f732b.png);
}
.file-type-icon.icon-512[file-name$=".flv"]:before {
  content: url(/img/file-type-icons/512px/flv-851cc0fb0aba53f00963f7d7432d94d1.png);
}
.file-type-icon.icon-512[file-name$=".gif"]:before {
  content: url(/img/file-type-icons/512px/gif-b9b6817d0a51765f97962f665829d41c.png);
}
.file-type-icon.icon-512[file-name$=".h"]:before {
  content: url(/img/file-type-icons/512px/h-264a6faa4b075979eaa87c74903c6651.png);
}
.file-type-icon.icon-512[file-name$=".hpp"]:before {
  content: url(/img/file-type-icons/512px/hpp-489f76552b25c1d566a091875d24317b.png);
}
.file-type-icon.icon-512[file-name$=".html"]:before {
  content: url(/img/file-type-icons/512px/html-2f2168474166b0cbf618d72d861dcede.png);
}
.file-type-icon.icon-512[file-name$=".ics"]:before {
  content: url(/img/file-type-icons/512px/ics-1c945e04507afbada6aa3a0877f15cd6.png);
}
.file-type-icon.icon-512[file-name$=".iso"]:before {
  content: url(/img/file-type-icons/512px/iso-b3fd328d3afc738045cacc750746a20a.png);
}
.file-type-icon.icon-512[file-name$=".java"]:before {
  content: url(/img/file-type-icons/512px/java-1f820e0c441f4ee3372cfb17ac0d4e5b.png);
}
.file-type-icon.icon-512[file-name$=".jpg"]:before {
  content: url(/img/file-type-icons/512px/jpg-51ded757d7c51e653a0c9202c9157e4d.png);
}
.file-type-icon.icon-512[file-name$=".js"]:before {
  content: url(/img/file-type-icons/512px/js-36848a06324d9ad017693196afdb67ca.png);
}
.file-type-icon.icon-512[file-name$=".key"]:before {
  content: url(/img/file-type-icons/512px/key-d83f4af22963039c03df88f50488f68b.png);
}
.file-type-icon.icon-512[file-name$=".less"]:before {
  content: url(/img/file-type-icons/512px/less-bed5ceb5ed8c8584a374edddbbe69e23.png);
}
.file-type-icon.icon-512[file-name$=".mid"]:before {
  content: url(/img/file-type-icons/512px/mid-f14375a2e114ce2f1e75898d6808eb9f.png);
}
.file-type-icon.icon-512[file-name$=".mp3"]:before {
  content: url(/img/file-type-icons/512px/mp3-27fecb65ea180c558d05ffa818c258e4.png);
}
.file-type-icon.icon-512[file-name$=".mp4"]:before {
  content: url(/img/file-type-icons/512px/mp4-d12ab6c4ad5c8b1641eb48211bb619a5.png);
}
.file-type-icon.icon-512[file-name$=".mpg"]:before {
  content: url(/img/file-type-icons/512px/mpg-2512301fcf509b39b37bd5a70160b14b.png);
}
.file-type-icon.icon-512[file-name$=".odf"]:before {
  content: url(/img/file-type-icons/512px/odf-131e936daafff5231e63b4bc23ec5e89.png);
}
.file-type-icon.icon-512[file-name$=".ods"]:before {
  content: url(/img/file-type-icons/512px/ods-431f127389b6978e6a94a33f1f1be038.png);
}
.file-type-icon.icon-512[file-name$=".odt"]:before {
  content: url(/img/file-type-icons/512px/odt-a59d7ac0a49851bd87dd29b864198fce.png);
}
.file-type-icon.icon-512[file-name$=".otp"]:before {
  content: url(/img/file-type-icons/512px/otp-586218d5f2c784ef9934d8e825041ee5.png);
}
.file-type-icon.icon-512[file-name$=".ots"]:before {
  content: url(/img/file-type-icons/512px/ots-24e1fb8a303de8eb65b6a426557c9ba6.png);
}
.file-type-icon.icon-512[file-name$=".ott"]:before {
  content: url(/img/file-type-icons/512px/ott-3c3d51130530ac25a8fda88d7010af72.png);
}
.file-type-icon.icon-512[file-name$=".pdf"]:before {
  content: url(/img/file-type-icons/512px/pdf-43ca82bcfe840dca948b93e75f89afee.png);
}
.file-type-icon.icon-512[file-name$=".php"]:before {
  content: url(/img/file-type-icons/512px/php-8fc27caa126f73af938f4d63e83aee5d.png);
}
.file-type-icon.icon-512[file-name$=".png"]:before {
  content: url(/img/file-type-icons/512px/png-79c1022cf918e7018a963da1c5f2c491.png);
}
.file-type-icon.icon-512[file-name$=".ppt"]:before {
  content: url(/img/file-type-icons/512px/ppt-55ecfaee7f6539ab3791fe5aa78cdc6c.png);
}
.file-type-icon.icon-512[file-name$=".psd"]:before {
  content: url(/img/file-type-icons/512px/psd-ff8f6a0c69c26ba71629679c55f1e186.png);
}
.file-type-icon.icon-512[file-name$=".py"]:before {
  content: url(/img/file-type-icons/512px/py-0a61010dd1d6b94b876df6870abd8bc9.png);
}
.file-type-icon.icon-512[file-name$=".qt"]:before {
  content: url(/img/file-type-icons/512px/qt-5da134c0ab83baf9f3787d4390e6f35c.png);
}
.file-type-icon.icon-512[file-name$=".rar"]:before {
  content: url(/img/file-type-icons/512px/rar-16c2d70b69db4d2c9e269fa1e5052bbb.png);
}
.file-type-icon.icon-512[file-name$=".rb"]:before {
  content: url(/img/file-type-icons/512px/rb-2a110c5d9bcaaeac4b9ae5afc29e2479.png);
}
.file-type-icon.icon-512[file-name$=".rtf"]:before {
  content: url(/img/file-type-icons/512px/rtf-ca75fc833b4d7e493700fffb15492dde.png);
}
.file-type-icon.icon-512[file-name$=".sass"]:before {
  content: url(/img/file-type-icons/512px/sass-db774d151d4eab5a0016f61583a36caf.png);
}
.file-type-icon.icon-512[file-name$=".scss"]:before {
  content: url(/img/file-type-icons/512px/scss-1188694caf7693a311eb2c69fcb56ed8.png);
}
.file-type-icon.icon-512[file-name$=".sql"]:before {
  content: url(/img/file-type-icons/512px/sql-401dce2d4347f1ace77c075dfb0f9ab6.png);
}
.file-type-icon.icon-512[file-name$=".tga"]:before {
  content: url(/img/file-type-icons/512px/tga-cd930de93abb4b8ef3b3b8bd6bac85f9.png);
}
.file-type-icon.icon-512[file-name$=".tgz"]:before {
  content: url(/img/file-type-icons/512px/tgz-87b3acc7bcc041746cc4df89cd7e2cb6.png);
}
.file-type-icon.icon-512[file-name$=".tiff"]:before {
  content: url(/img/file-type-icons/512px/tiff-21f589232ec0c7ab6f59ab7de681e54e.png);
}
.file-type-icon.icon-512[file-name$=".txt"]:before {
  content: url(/img/file-type-icons/512px/txt-64840646d28d2756ee42b7bde79d7434.png);
}
.file-type-icon.icon-512[file-name$=".wav"]:before {
  content: url(/img/file-type-icons/512px/wav-11eacb714c2fd67b3c8bee820c88913e.png);
}
.file-type-icon.icon-512[file-name$=".xls"]:before {
  content: url(/img/file-type-icons/512px/xls-9f2a8d9557973bacdcf628a9c622f61b.png);
}
.file-type-icon.icon-512[file-name$=".xlsx"]:before {
  content: url(/img/file-type-icons/512px/xlsx-ed1eb0777b8a662905dd133f6bc59313.png);
}
.file-type-icon.icon-512[file-name$=".xml"]:before {
  content: url(/img/file-type-icons/512px/xml-dbc9b5ac755f930316c1b4095c0596eb.png);
}
.file-type-icon.icon-512[file-name$=".yml"]:before {
  content: url(/img/file-type-icons/512px/yml-c8c4a4b83edb4608e1737ccc0461ba6d.png);
}
.file-type-icon.icon-512[file-name$=".zip"]:before {
  content: url(/img/file-type-icons/512px/zip-377d7426dd773ea6500834952af703cc.png);
}

.sortable-item {
  transition: all 0.125s;
  position: relative;
}

.sortable-item.is-dragging {
  transition-duration: 0s;
  background: red;
}

.sortable-item.is-dropping {
  background: #f66;
}

.cos-dropdown-wrapper {
  position: relative;
}
.cos-dropdown-wrapper .cos-dropdown {
  background-color: #ffffff;
  box-shadow: 1px 1px 5px #999999;
  border-radius: 6px;
  position: absolute;
  top: 25px;
  right: 0;
  width: 267px;
  z-index: 1030;
}
.cos-dropdown-wrapper .cos-dropdown ul.cos-dropdown-menu {
  list-style: none;
  font-size: 12px;
  margin: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 140px;
}
.cos-dropdown-wrapper .cos-dropdown ul.cos-dropdown-menu li {
  padding: 10px;
  color: #999999;
}
.cos-dropdown-wrapper .cos-dropdown ul.cos-dropdown-menu li img {
  height: 20px;
  margin-top: -1px;
}
.cos-dropdown-wrapper .cos-dropdown ul.cos-dropdown-menu li:hover {
  cursor: pointer;
  color: #666666;
}
.cos-dropdown-wrapper .cos-dropdown ul.cos-dropdown-menu li.active {
  background-color: #f7f7f7;
}
.cos-dropdown-wrapper .cos-dropdown input.search {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 0 5px 30px;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 2px 2px 0 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.cos-dropdown-wrapper .cos-dropdown .icon-search {
  position: absolute;
  top: 8px;
  left: 7px;
  font-size: 14px;
  color: #b3b3b3;
}
.cos-dropdown-wrapper .cos-dropdown .icon-search + ul, .cos-dropdown-wrapper .cos-dropdown .icon-search + p {
  margin-top: 32px !important;
}
.cos-dropdown-wrapper.rounded button {
  padding: 5px 8px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  border: none;
  background-color: transparent;
  color: #666666;
}
.cos-dropdown-wrapper.rounded button:hover {
  transition: all 0.2s ease;
  cursor: pointer;
  color: #4d4d4d;
  background-color: #e6e6e6;
}
.cos-dropdown-wrapper.rounded button .icon-chevron-down,
.cos-dropdown-wrapper.rounded button .icon-chevron-up {
  font-size: 14px;
  color: #999999;
  margin-left: 3px;
}
.cos-dropdown-wrapper.rounded .cos-dropdown {
  top: 30px;
  left: 0;
  width: auto;
  border-radius: 6px;
  margin: 0;
  box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.4);
  overflow-y: hidden;
  animation: dropdown-in 0.1s;
}
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 9px;
  font-size: 13px;
  color: #666666;
}
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li .icon {
  color: #999999;
  margin-right: 8px;
}
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li .icon-circle-full,
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li .icon-circle,
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li .img-circle {
  font-size: 15px;
  border-radius: 50%;
  margin-right: 8px;
}
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li:hover {
  color: #4d4d4d;
}
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li:hover .icon {
  color: #666666;
}
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li:hover .icon-circle-full,
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li:hover .icon-circle,
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li:hover .img-circle {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}
.cos-dropdown-wrapper.rounded .cos-dropdown ul.cos-dropdown-menu li:last-child {
  border-radius: 0 0 6px 6px;
}
@keyframes dropdown-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sp-replacer {
  border: none;
  background: none;
}
.sp-replacer .sp-preview {
  width: 26px;
  height: 26px;
  border-radius: 20px;
  border: none;
  overflow: hidden;
}
.sp-replacer .sp-preview .sp-preview-inner {
  border-radius: 20px;
}
.sp-replacer .sp-dd {
  font-size: 8px;
  color: #999999;
  padding: 5px 0;
}
.sp-replacer.sp-active .sp-dd {
  color: #666666;
}
.sp-replacer:hover .sp-preview-inner:before {
  content: "";
  background-color: #000;
  opacity: 0.15;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  position: absolute;
}

.sp-container {
  border-radius: 2px;
  background-color: white;
  box-shadow: 1px 1px 5px #999999;
  border: none;
}
.sp-container .sp-palette-container {
  padding: 7px 7px 295px 7px;
}
.sp-container .sp-palette-container .sp-palette .sp-palette-row .sp-thumb-el {
  border-radius: 50%;
}
.sp-container .sp-palette-container .sp-palette .sp-palette-row .sp-thumb-el .sp-thumb-inner {
  border-radius: 50%;
}
.sp-container .sp-palette-container button.sp-palette-toggle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  background: none;
  border: none;
  color: #999999;
}
.sp-container .sp-palette-container button.sp-palette-toggle:hover {
  color: #666666;
}
.sp-container .sp-picker-container {
  width: 55px;
  height: 138px;
}
.sp-container .sp-picker-container .sp-top {
  height: 100%;
}
.sp-container .sp-picker-container .sp-top .sp-color {
  display: none;
}
.sp-container .sp-picker-container .sp-top .sp-hue {
  left: 0;
  width: 100%;
  border-radius: 2px;
  border: initial;
}
.sp-container .sp-picker-container .sp-top .sp-hue .sp-slider {
  border-radius: 5px;
}
.sp-container .sp-picker-container .sp-input-container {
  margin-bottom: 0;
}
.sp-container .sp-picker-container .sp-input-container .sp-input {
  margin-bottom: 0;
  border-radius: 2px;
  padding: 4px 2px;
}
.sp-container .sp-palette-toggle {
  text-shadow: initial;
}
.sp-container .sp-palette-toggle:active {
  box-shadow: initial;
}

.label-color-dot {
  border-radius: 50%;
  height: 25px;
  width: 25px;
  border: 1px solid #b3b3b3;
}

.picker-color .btn-round-text {
  background: none;
}
.picker-color .btn-round-text .caret {
  margin-top: 17px;
  margin-left: 46px;
}
.picker-color.color-labels .btn-round-text,
.picker-color.color-labels .btn-text {
  padding: 0;
}
.picker-color.color-labels .btn-round-text p.label-name,
.picker-color.color-labels .btn-text p.label-name {
  display: inline-block;
  max-width: 370px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.picker-color.color-labels .btn-round-text:hover .btn-color,
.picker-color.color-labels .btn-text:hover .btn-color {
  box-shadow: 1px 1px 3px #999999;
  opacity: 1;
}
.picker-color.color-labels .btn-round-text:hover .label-name,
.picker-color.color-labels .btn-text:hover .label-name {
  color: #666666;
}
.picker-color.color-labels .dropdown-menu {
  display: none;
  padding: 0;
  top: 100%;
  margin: 0;
  overflow: initial;
  border-radius: 4px;
}
.picker-color.color-labels .dropdown-menu .labels-scroll {
  min-width: 178px;
  max-width: 400px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.picker-color.color-labels .dropdown-menu .labels-scroll ul.titled-labels {
  margin: 0;
  padding: 5px 0;
  border-bottom: solid 1px #e6e6e6;
  list-style-type: none;
}
.picker-color.color-labels .dropdown-menu .labels-scroll ul.titled-labels li {
  padding: 0 10px;
  width: 100%;
}
.picker-color.color-labels .dropdown-menu .labels-scroll ul.titled-labels li .btn-text {
  padding: 0;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}
.picker-color.color-labels .dropdown-menu .labels-scroll ul.titled-labels li p.label-name {
  width: calc(100% - 50px);
  margin: 5px;
}
.picker-color.color-labels .dropdown-menu .labels-scroll ul.untitled-labels {
  padding: 10px;
  margin: 0;
  list-style-type: none;
}
.picker-color.color-labels .dropdown-menu .labels-scroll ul.untitled-labels li {
  display: inline-block;
  margin: 2px 1px;
}
.picker-color.color-labels .dropdown-menu .labels-scroll ul.untitled-labels li .btn-color .icon-close {
  font-size: 12px;
}
.picker-color.open .dropdown-menu {
  display: block;
}
.picker-color.open > [class*=tooltip]:after, .picker-color.open > [class*=tooltip].no-attr .tooltip-text, .picker-color.open > .tooltip:after, .picker-color.open > .tooltip.no-attr .tooltip-text {
  display: none;
}

.floater-task .picker-color.color-labels {
  position: relative;
}
.floater-task .picker-color.color-labels .dropdown-menu {
  top: initial;
  bottom: 0;
  margin: 0 0 5px 0;
}
.floater-task.is-creating-floater-task .picker-color.color-labels .dropdown-menu {
  top: 100%;
  bottom: initial;
  margin: 5px 0 0 0;
}

.calendar-color-dropdown .cos-basic-dropdown-content-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.calendar-color-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option {
  margin: 8px 0px;
  padding: 0;
}
.calendar-color-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option:hover {
  background-color: transparent;
}
.calendar-color-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .btn.btn-color:hover {
  opacity: 1;
  box-shadow: none;
}

.link-helper {
  margin-bottom: 55px;
  white-space: nowrap;
  padding-top: 10px;
  display: flex;
  max-width: 0;
  min-width: 0;
  width: 90%;
  align-self: center;
  position: relative;
  transition: all 0.5s ease;
  z-index: 100;
}
.link-helper:before {
  content: "";
  width: 2px;
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  bottom: -85px;
  margin-left: -1px;
  height: 0;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(198, 198, 198, 0.7);
  transition: all 0.2s ease-out;
}
.link-helper button.btn-fab {
  position: absolute;
  top: 27px;
  left: -24px;
  z-index: 2;
}
.link-helper button.btn-fab .click-helper-dot {
  left: -5px;
  top: 35px;
}
.link-helper .link-box {
  max-width: 50px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: all 0.5s ease;
  height: 40px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.link-helper .link-box input.link {
  display: none;
  opacity: 0;
  width: calc(100% - 60px);
  padding: 10px 30px 10px 30px;
  font-size: 20px;
  border: transparent;
  border-bottom: 1px solid #e6e6e6;
  background-color: transparent;
  margin-bottom: 0;
}
.link-helper .link-box input.link::-webkit-input-placeholder {
  color: #b3b3b3;
}
.link-helper .link-box input.link:-moz-placeholder {
  color: #b3b3b3;
}
.link-helper .link-box input.link::-moz-placeholder {
  color: #b3b3b3;
}
.link-helper .link-box input.link:-ms-input-placeholder {
  color: #b3b3b3;
}
.link-helper .link-box .open-link-button {
  margin-left: -41px;
  margin-top: 3px;
}
.link-helper .link-box .open-link-button i {
  color: #e6e6e6;
}
.link-helper .link-box .open-link-button:hover, .link-helper .link-box .open-link-button:focus {
  background-color: transparent;
}
.link-helper .link-box .open-link-button:hover i, .link-helper .link-box .open-link-button:focus i {
  color: #999999;
}
.link-helper .link-box .link-contents {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  -webkit-filter: blur(0);
  position: relative;
  transition: all 0.5s ease;
}
.link-helper .link-box .link-contents:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  z-index: 1;
  background-color: white;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .helper-tag {
  margin-right: 0;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .social-helper-data {
  word-break: break-all;
  margin-top: 3px;
  width: 85%;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .social-helper-data.editable {
  padding-right: 20px;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .social-helper-data.is-editing {
  margin-bottom: 0;
  padding-right: 0;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper {
  flex-flow: row wrap;
  margin: 0;
  border-radius: 2px;
  background-color: white;
  position: relative;
  transition: all 0.5s ease;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-img-preview {
  flex-flow: column;
  width: 28%;
  padding: 0;
  border: none;
  height: 129px;
  background-color: whitesmoke;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-img-preview .og-img {
  height: 130px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-img-preview .og-img img {
  max-width: initial;
  position: absolute;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-img-preview:hover .btn-img-wrapper {
  opacity: 1;
  transition: all 0.2s ease;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt {
  flex-direction: row;
  width: 72%;
  max-width: 85%;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-text {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-text.has-stats {
  width: 85%;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-text .permalink-title {
  padding: 8px;
  width: calc(100% - 16px);
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-text .permalink-description,
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-text .permalink-excerpt-data {
  padding: 2px 8px;
  width: calc(100% - 16px);
  white-space: normal;
  overflow: hidden;
  max-height: 80px;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-social-shares {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-social-shares .shares-container {
  margin-right: 4px;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-social-shares .shares-container .shares-network .social-shares-network {
  display: inline-block;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper .permalink-excerpt .permalink-social-shares .shares-container .shares-network p {
  display: inline-block;
  padding-left: 5px;
}
.link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper:hover, .link-helper .link-box .link-contents .default-helpers.permalink-helper .permalink-metadata-wrapper:focus {
  background-color: #fff;
  transition: all 0.5s ease;
}
.link-helper .link-box.open {
  height: 170px;
  transition: all 0.5s ease;
}
.link-helper .link-box.open .link-contents {
  transition: all 0.5s ease;
  visibility: visible;
  opacity: 1;
}
.link-helper .link-box.is-loading.open {
  height: 170px;
}
.link-helper .link-box.is-loading.open .loading-icon-wrapper {
  position: absolute;
  top: calc(50% + 10px);
  left: calc(50% - 10px);
  z-index: 2;
}
.link-helper .link-box.is-loading .loading-icon-wrapper {
  position: absolute;
  top: 8px;
  left: initial;
  right: 30px;
  z-index: 2;
}
.link-helper .link-box.is-loading .link-contents,
.link-helper .link-box.is-loading .link-media-item {
  -webkit-filter: blur(2px);
  transition: all 0.5s ease;
}
.link-helper .link-box.is-loading .link-contents:before,
.link-helper .link-box.is-loading .link-media-item:before {
  visibility: visible;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.link-helper.open {
  max-width: 700px;
  min-width: 350px;
  transition: all 0.5s ease;
}
.link-helper.open .link-box {
  max-width: 700px;
  transition: all 0.5s ease;
  border-color: #b3b3b3;
}
.link-helper.open .link-box input.link {
  display: inline-flex;
  transition: all 0.5s ease;
  opacity: 1;
}
.link-helper.open .link-box input.link:hover, .link-helper.open .link-box input.link:focus, .link-helper.open .link-box input.link:active {
  border-color: #b3b3b3;
}
.link-helper.open:before {
  height: 85px;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.link-helper.has-link button.btn-fab {
  background-color: #62acc4;
}
.link-helper.has-link button.btn-fab:hover {
  background-color: #75b6cb;
}
.link-helper.campaign-link {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
.link-helper.campaign-link .multi-function-wrapper {
  padding: 0;
}
.link-helper.campaign-link .multi-function-wrapper .link-media-item {
  width: 100%;
  padding: 0;
}
.link-helper.campaign-link .multi-function-wrapper .link-media-item .link-preview {
  padding: 5px 0 5px 5px;
}
.link-helper.campaign-link .multi-function-wrapper .link-media-item:hover {
  box-shadow: none;
}
.link-helper.campaign-link .multi-function-wrapper .link-media-item .link-details {
  white-space: initial;
}
.link-helper.campaign-link .multi-function-wrapper .link-media-item .link-details .description {
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.link-helper.campaign-link .link-box {
  max-width: 100%;
  height: initial;
}
.link-helper.campaign-link .link-box input.link {
  margin-bottom: 20px;
  display: inline-flex;
  opacity: 1;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
  font-size: 16px;
  width: calc(100% - 42px);
}
.link-helper.campaign-link .link-box input.link:hover, .link-helper.campaign-link .link-box input.link:focus, .link-helper.campaign-link .link-box input.link:active {
  border-color: #b3b3b3;
}
.link-helper.campaign-link .link-box .link-contents {
  visibility: visible;
  opacity: 1;
  background-color: #f7f7f7;
  border: none;
  border-radius: 10px;
}
.link-helper.campaign-link .link-box .link-contents .permalink-helper .permalink-metadata-wrapper {
  background-color: initial;
}
.link-helper.campaign-link:before {
  display: none;
}

.billing-details h3 {
  margin-bottom: 0 !important;
}
.billing-details hr {
  clear: both;
  margin: 5px 0 20px;
}
.billing-details .invoice-notes {
  position: relative;
}
.billing-details .invoice-notes textarea {
  width: 94%;
  min-height: 100px;
  border-color: #b3b3b3;
  padding: 8px 10px;
}
.billing-details .alert {
  border-radius: 2px;
  background-color: #e7c2c1;
  padding: 15px 20px;
}
.billing-details .alert.alert-error {
  margin-bottom: 30px;
}
.billing-details .alert.alert-error h3 {
  margin: 0 0 2px;
  color: #963c3b !important;
}
.billing-details .alert.alert-error h3 span {
  margin-top: 7px;
  font-size: 20px;
  float: right;
}
.billing-details .alert.alert-error p {
  color: #963c3b;
}
.billing-details .alert.alert-error a {
  text-decoration: none;
}
.billing-details .alert.alert-error .btn-outline-red {
  margin: 5px 0;
  border: 1px solid #daa1a0;
  color: #b84d4c;
}
.billing-details .billing-contacts {
  margin-top: 20px;
  position: relative;
}
.billing-details .billing-contacts ul {
  list-style: none;
  margin-left: 0px;
}
.billing-details .billing-contacts ul li.owner {
  color: #999999;
}
.billing-details .billing-contacts ul li.billing-email {
  margin-top: 7px;
  color: #666666;
}
.billing-details .billing-contacts ul li.billing-email button {
  float: right;
  color: #b3b3b3;
}
.billing-details .billing-contacts .add-billing-email {
  margin-top: 15px;
  height: 30px;
}
.billing-details .billing-contacts .add-billing-email a.toggle-email {
  color: #999999;
  text-decoration: none;
  font-size: 12px;
}
.billing-details .billing-contacts .add-billing-email a.toggle-email:hover {
  color: #666666;
}
.billing-details .billing-contacts .add-billing-email a.toggle-email.add {
  display: inline-block;
  margin-top: 5px;
}
.billing-details .billing-contacts .add-billing-email a.toggle-email span {
  vertical-align: -1px;
}
.billing-details .billing-contacts .add-billing-email input[type=text] {
  width: 70%;
  margin-bottom: 0px;
  margin-left: 5px;
}
.billing-details .billing-contacts .email-preference {
  border-top: 1px solid #e6e6e6;
  position: relative;
  margin: 18px 0px;
  padding: 10px 0px;
}
.billing-details .billing-contacts .email-preference .toggle-container {
  position: absolute;
  right: 12px;
  top: 5px;
}
.billing-details .billing-contacts .email-preference p {
  color: #999999;
}
.billing-details .upgrade-form .credit-card-form {
  width: auto;
}
.billing-details .other-payment-details {
  background-color: #f7f7f7;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
  padding: 15px 20px 10px;
  margin-bottom: 10px;
}
.billing-details .jp-card-identified {
  box-shadow: none;
}

.settings-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  width: 100%;
  background-color: #f7f7f7;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 100;
}
.settings-top-bar .settings-title {
  color: #4d4d4d;
  display: flex;
  align-items: center;
}
.settings-top-bar .settings-title span {
  font-size: 18px;
  line-height: 20px;
  margin-right: 8px;
}
.settings-top-bar .settings-title h4 {
  margin: 0;
  font-size: 17px;
  line-height: 20px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.settings-section {
  padding: 0 40px;
  min-width: 700px;
}
.settings-section,
.settings-section * {
  box-sizing: border-box;
}
.settings-section ul.settings-nav {
  display: flex;
  list-style: none;
  margin: 30px 0;
  border-bottom: 1px solid #cccccc;
  padding: 0 2px;
}
.settings-section ul.settings-nav button {
  border: 0;
  background-color: transparent;
  padding: 0;
}
.settings-section ul.settings-nav a:hover,
.settings-section ul.settings-nav a:focus {
  text-decoration: none;
}
.settings-section ul.settings-nav li {
  margin-right: 40px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #4d4d4d;
  position: relative;
  padding-bottom: 10px;
}
.settings-section ul.settings-nav li:after {
  display: none;
  width: 100%;
  position: absolute;
  content: "";
  height: 4px;
  background-color: #d17760;
  border-radius: 4px;
  bottom: -2px;
}
.settings-section ul.settings-nav li:hover, .settings-section ul.settings-nav li:focus {
  color: #d17760;
}
.settings-section ul.settings-nav li.active {
  color: #d17760;
}
.settings-section ul.settings-nav li.active:after {
  display: block;
}
.settings-section .settings-body .main-calendar-settings,
.settings-section .settings-body .settings-billing-container:not(.free),
.settings-section .settings-body .team-member-settings,
.settings-section .settings-body .social-profile-settings.has-profiles {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-gap: 30px;
}
.settings-section .settings-body .social-profile-settings.has-profiles {
  grid-template-columns: 300px 1fr;
}
.settings-section .settings-body ul.settings-side-nav {
  list-style: none;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.settings-section .settings-body ul.settings-side-nav a {
  color: #808080;
  text-decoration: none !important;
}
.settings-section .settings-body ul.settings-side-nav a li,
.settings-section .settings-body ul.settings-side-nav a li.child-active {
  padding: 10px 20px 10px 10px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 1px;
  position: relative;
}
.settings-section .settings-body ul.settings-side-nav a li:after,
.settings-section .settings-body ul.settings-side-nav a li.child-active:after {
  display: none;
  font-family: "CoS";
  content: "\25b2";
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.settings-section .settings-body ul.settings-side-nav a:hover li, .settings-section .settings-body ul.settings-side-nav a:focus li {
  background-color: #f7f7f7;
}
.settings-section .settings-body ul.settings-side-nav a + ul.item-sub-nav {
  display: none;
  list-style: none;
  margin: 0 0 0 20px;
}
.settings-section .settings-body ul.settings-side-nav a.active li:not(.child-active) {
  background-color: rgba(244, 217, 209, 0.5);
  color: #bc6148;
}
.settings-section .settings-body ul.settings-side-nav a.active li:not(.child-active):after {
  display: block;
}
.settings-section .settings-body ul.settings-side-nav a.active + ul.item-sub-nav, .settings-section .settings-body ul.settings-side-nav a.active + ul.item-sub-nav a.active {
  display: block;
}
.settings-section .settings-body .social-profile-nav .error-container {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 15px;
  background-color: #d36765;
  color: #ffffff;
  border: 1px solid #b94a48;
  border-radius: 4px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.settings-section .settings-body .social-profile-nav .error-container .error-count {
  position: relative;
  top: 2px;
}
.settings-section .settings-body .social-profile-nav .error-container:hover, .settings-section .settings-body .social-profile-nav .error-container:focus {
  text-decoration: none;
  border-color: #963c3b;
  background-color: #d15451;
}
.settings-section .settings-body .social-profile-nav .add-group {
  font-size: 12px;
  margin-left: 5px;
  border-color: #cccccc;
  background-color: #f7f7f7;
  color: #808080;
}
.settings-section .settings-body .social-profile-nav .add-group:hover {
  background-color: #e6e6e6;
}
.settings-section .settings-body .social-profile-nav .profile-list-search {
  width: 100%;
}
.settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input {
  border-radius: 8px 0 0 8px;
  background-color: #f7f7f7;
  border: 0;
  width: 100%;
  padding: 6px 5px 6px 30px;
}
.settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input + button.btn-clear {
  background-color: #f7f7f7;
  border-radius: 0 8px 8px 0;
  border: 0;
  padding: 6px 7px 4px 5px;
}
.settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:hover, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:focus, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:active {
  background-color: #efefef;
}
.settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:hover + button.btn-clear, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:focus + button.btn-clear, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:active + button.btn-clear {
  background-color: #efefef;
}
.settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:hover + button.btn-clear:hover, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:hover + button.btn-clear:focus, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:focus + button.btn-clear:hover, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:focus + button.btn-clear:focus, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:active + button.btn-clear:hover, .settings-section .settings-body .social-profile-nav .profile-list-search input.filter-search-input:active + button.btn-clear:focus {
  color: #4d4d4d;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list {
  margin: 0 0 30px;
  list-style: none;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .collapsible-item {
  overflow: initial;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .collapsible-item.is-opening {
  animation: height-transition-open 1.3s ease-out 1;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .collapsible-item i.icon-chevron-up {
  display: block;
  transition: all 150ms ease;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .collapsible-item.collapsed {
  min-height: 76px;
  max-height: 76px;
  overflow: hidden;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .collapsible-item.collapsed.is-closing {
  animation: height-transition-closed 500ms ease-out 1;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .collapsible-item.collapsed i.icon-chevron-up {
  transform: rotate(180deg);
}
@keyframes height-transition-closed {
  0% {
    max-height: 100vh;
    overflow: hidden;
  }
  80% {
    max-height: 76px;
    overflow: hidden;
  }
  100% {
    max-height: 76px;
    overflow: hidden;
  }
}
@keyframes height-transition-open {
  0% {
    max-height: 76px;
    overflow: hidden;
  }
  80% {
    max-height: 100vh;
    overflow: hidden;
  }
  100% {
    max-height: 100vh;
    overflow: hidden;
  }
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .social-group-children {
  margin: 0 5px 0 20px;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .social-group-children.collapsed {
  display: none;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .group {
  position: relative;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .group .dropdown-trigger {
  position: absolute;
  right: 20px;
  top: 26px;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .group .dropdown-trigger .button {
  color: #b3b3b3;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .group .group-name {
  display: flex;
  align-items: center;
  color: #4d4d4d;
  margin: 0;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list .group .group-name .group-icon {
  background-color: #e9f0f4;
  border: 1px solid #c1cfd9;
  color: #666666;
  padding: 9px;
  font-size: 20px;
  border-radius: 50px;
  margin-right: 15px;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list button {
  border: 0;
  background-color: transparent;
  padding: 0;
  width: 100%;
  text-align: left;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile {
  display: flex;
  align-items: center;
  border: 1px solid #e6e6e6;
  padding: 15px 30px 15px 15px;
  margin-bottom: 5px;
  border-radius: 4px;
  position: relative;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.header:after {
  font-family: "CoS";
  content: "\25b2";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #b3b3b3;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.header.selected {
  border-color: #e6e6e6;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.header.selected:after {
  font-family: "CoS";
  content: "\2329";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #b3b3b3;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile:hover, .settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile:focus, .settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.selected {
  border-color: #b3b3b3;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile:hover:after, .settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile:focus:after, .settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.selected:after {
  font-family: "CoS";
  content: "\25b2";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #808080;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.selected {
  border-color: #d17760;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.selected:after {
  color: #d17760;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.profile-error {
  border-color: #daa1a0;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.profile-error:hover, .settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile.profile-error:focus {
  border-color: #d15451;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-image {
  position: relative;
  margin-right: 15px;
  flex-shrink: 0;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-image img {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  border: 1px solid #e6e6e6;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-image .service-icon {
  font-size: 20px;
  position: absolute;
  right: -5px;
  bottom: -3px;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-image .service-icon.icon-tiktok, .settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-image .service-icon.icon-youtube_social {
  border-radius: 50%;
  padding: 4px;
  border: 1px solid #e6e6e6;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-image .service-icon.icon-tiktok {
  color: #ffffff;
  background-color: #000000;
  font-size: 15px;
  right: -8px;
  bottom: -6px;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-image .service-icon.icon-youtube_social {
  background-color: #ffffff;
  font-size: 20px;
  right: -9px;
  bottom: -7px;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-info {
  overflow: hidden;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-info h5,
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
  color: #4d4d4d;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .profile-info p {
  color: #808080;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .error-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #d15451;
  font-size: 16px;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .error-icon + .notification-icon {
  right: 26px;
}
.settings-section .settings-body .social-profile-nav ul.social-profile-list li.social-profile .notification-icon {
  position: absolute;
  font-size: 10px;
  color: #62acc4;
  right: 8px;
  top: 9px;
}
.settings-section .settings-body .settings-section-container {
  padding: 0 10px;
}
.settings-section .settings-body .settings-side-nav-cal-dropdown button.header-option-button {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 20px;
}
.settings-section .settings-body .settings-side-nav-cal-dropdown button.header-option-button:hover, .settings-section .settings-body .settings-side-nav-cal-dropdown button.header-option-button:focus {
  background-color: #e6e6e6;
}
.settings-section .settings-body .settings-side-nav-cal-dropdown button.header-option-button .calendar-color-dot {
  margin-right: 5px;
}
.settings-section .settings-body .settings-side-nav-cal-dropdown button.header-option-button .calendar-color-dot span.dot {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}
.settings-section .settings-body .settings-side-nav-cal-dropdown button.header-option-button .calendar-picker-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.profile-content footer {
  margin-top: 100px;
}
.profile-content .my-profile-settings {
  display: flex;
}
.profile-content .my-profile-settings .profile-info {
  width: 60%;
  margin-right: 50px;
}
.profile-content .my-profile-settings .profile-info input {
  border-radius: 2px;
  font-size: 15px;
  color: #666666;
  height: 35px;
  margin-top: 3px;
}
.profile-content .my-profile-settings .profile-info input::-moz-placeholder {
  color: #b3b3b3;
  font-size: 13px;
}
.profile-content .my-profile-settings .profile-info input::placeholder {
  color: #b3b3b3;
  font-size: 13px;
}
.profile-content .my-profile-settings .profile-info form {
  margin-bottom: 0px;
}
.profile-content .my-profile-settings .profile-info label.label-small {
  font-size: 11px;
  margin-bottom: 0px;
  margin-top: 2px;
  color: #999999;
}
.profile-content .my-profile-settings .profile-info .alert {
  margin-bottom: 10px;
}
.profile-content .my-profile-settings .profile-info .alert.alert-warning.pending-email-change {
  padding: 15px 20px;
}
.profile-content .my-profile-settings .profile-info .alert.alert-warning.pending-email-change .btn-text {
  color: #c09853;
  padding: 0px;
}
.profile-content .my-profile-settings .profile-info .alert.alert-warning.pending-email-change .btn-text:hover {
  text-decoration: underline;
}
.profile-content .my-profile-settings .profile-info .icon-pencil {
  opacity: 0;
  position: absolute;
  top: 4px;
  right: 10px;
  color: #b3b3b3;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
}
.profile-content .my-profile-settings .profile-info .edit-name,
.profile-content .my-profile-settings .profile-info .edit-email,
.profile-content .my-profile-settings .profile-info .change-password {
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.profile-content .my-profile-settings .profile-info .edit-name .email-address,
.profile-content .my-profile-settings .profile-info .edit-email .email-address,
.profile-content .my-profile-settings .profile-info .change-password .email-address {
  font-size: 15px;
}
.profile-content .my-profile-settings .profile-info .edit-name .icon-pencil,
.profile-content .my-profile-settings .profile-info .edit-email .icon-pencil,
.profile-content .my-profile-settings .profile-info .change-password .icon-pencil {
  position: absolute;
  top: 4px;
  right: 10px;
}
.profile-content .my-profile-settings .profile-info .edit-name:hover .icon-pencil,
.profile-content .my-profile-settings .profile-info .edit-email:hover .icon-pencil,
.profile-content .my-profile-settings .profile-info .change-password:hover .icon-pencil {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.profile-content .my-profile-settings .profile-info .edit-name.read-only,
.profile-content .my-profile-settings .profile-info .edit-email.read-only,
.profile-content .my-profile-settings .profile-info .change-password.read-only {
  cursor: auto;
}
.profile-content .my-profile-settings .profile-info .profile-edit {
  background-color: #f7f7f7;
  padding: 10px 15px 0;
  margin-bottom: 10px;
}
.profile-content .my-profile-settings .profile-info .profile-edit .btn {
  margin-top: 5px;
  margin-bottom: 15px;
}
.profile-content .my-profile-settings .profile-info .password-feedback {
  background-color: #f7f7f7;
  font-size: 13px;
  padding: 10px 15px;
  border-radius: 2px;
  margin-bottom: 10px;
}
.profile-content .my-profile-settings .profile-info .password-feedback .warning {
  color: #b94a48;
}
.profile-content .my-profile-settings .profile-info .password-feedback .Very-Weak,
.profile-content .my-profile-settings .profile-info .password-feedback .Weak {
  color: #b94a48;
}
.profile-content .my-profile-settings .profile-info .password-feedback .Moderate {
  color: #c09853;
}
.profile-content .my-profile-settings .profile-info .password-feedback .Strong {
  color: #6ba066;
}
.profile-content .my-profile-settings .profile-info .password-feedback ul {
  margin-left: 15px;
}
.profile-content .my-profile-settings .profile-image-upload {
  min-width: 175px;
}
.profile-content .my-profile-settings .my-profile-image p {
  text-align: center;
  font-size: 10px;
  color: #999999;
}
.profile-content .my-profile-settings .my-profile-image .profile-image-bg {
  margin-top: -20px;
}
.profile-content .my-profile-settings .my-profile-image label:hover {
  opacity: 0.7px;
  transition: 0.2px;
}
.profile-content .my-profile-settings .my-profile-image label:hover .icon-file-upload2 {
  top: 45px;
  left: 55px;
  color: white;
  opacity: 0.9;
}
.profile-content .my-profile-settings .my-profile-image label img {
  border: 2px #f7f7f7 solid;
}
.profile-content .my-profile-settings .my-profile-image input[type=file]:focus + label {
  outline: none !important;
}
.profile-content .my-profile-settings .my-profile-image .icon-file-upload2 {
  color: white;
  position: absolute;
  top: 45px;
  right: 55px;
  font-size: 36px;
  opacity: 0;
}

.profile-image-upload {
  text-align: center;
  position: relative;
}
.profile-image-upload .profile-image-bg {
  transition-duration: 0.3s;
  display: block;
  position: absolute;
  top: 20px;
  background-color: #666666;
  border-radius: 50%;
  width: 132px;
  height: 132px;
  opacity: 0;
}
.profile-image-upload label {
  text-align: center;
}
.profile-image-upload label:hover {
  transition: 0.2s;
}
.profile-image-upload label:hover .icon-file-upload2 {
  opacity: 0.9;
}
.profile-image-upload label:hover .profile-image-bg {
  opacity: 0.8;
}
.profile-image-upload label:hover .btn {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.profile-image-upload label img {
  border: 2px #f7f7f7 solid;
  background-color: #f7f7f7;
  height: 128px;
  width: 128px;
}
.profile-image-upload input[type=file]:focus + label {
  outline: none !important;
}
.profile-image-upload .icon-file-upload2 {
  color: #ffffff;
  position: absolute;
  z-index: 2;
  top: 68px;
  left: 268px;
  font-size: 36px;
  opacity: 0;
}
.profile-image-upload .loading-wrapper {
  min-height: 138px;
}
.profile-image-upload .btn,
.profile-image-upload p {
  display: block;
  margin: 15px auto 5px;
}
.profile-image-upload .btn-ask {
  margin: 0 auto;
}
.profile-image-upload .cos-ui-btn-confirm .confirm {
  left: 33px;
  right: initial;
}

table.calendar-settings .help-hint {
  position: relative;
  border: none;
}
table.calendar-settings th {
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
table.calendar-settings td input {
  margin: 0;
}
table.calendar-settings .settings-power-tip {
  background-color: #f7f7f7;
  border-radius: 4px;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
table.calendar-settings .settings-power-tip .power-tip-btn-wrapper {
  display: inline;
}
table.calendar-settings .settings-power-tip button.button.power-tip-btn {
  font-size: 13px;
  padding: 0;
  color: #d17760;
  text-decoration: underline;
}
table.calendar-settings .pause-social-messages {
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
table.calendar-settings .pause-social-messages .pause-messages-settings {
  display: inline-block;
  border: none;
}
table.calendar-settings .pause-social-messages td .pause-settings-spacer {
  padding-bottom: 10px;
  display: flex;
  justify-content: flex-end;
}
table.calendar-settings .pause-social-messages td .pause-settings-spacer .icon-angle-right {
  cursor: pointer;
  color: #b3b3b3;
  margin-top: 5px;
}

.modal-timezone .modal-container .modal-content {
  height: 130px;
  display: flex;
  align-items: center;
}
.modal-timezone .modal-container .modal-content .cos-dropdown-wrapper .cos-dropdown-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 285px;
}
.modal-timezone .modal-container .modal-content .cos-dropdown-wrapper .cos-dropdown-btn i {
  margin-left: auto;
}
.modal-timezone .modal-container .modal-content .cos-dropdown-wrapper .cos-dropdown {
  top: 31px;
  right: 0;
  width: 285px;
}
.modal-timezone .modal-container .modal-content .cos-dropdown-wrapper .cos-dropdown .cos-dropdown-menu {
  text-align: left;
  max-height: 400px;
}
.modal-timezone .modal-container .modal-content .cos-dropdown-wrapper .cos-dropdown .cos-dropdown-menu .timezone-group {
  font-weight: 700;
  padding-left: 10px;
}
.modal-timezone .modal-container .modal-content .cos-dropdown-wrapper .cos-dropdown .cos-dropdown-menu li {
  padding-left: 20px;
  line-height: 12px;
}

.ro-logo-upload .cos-ui-btn-confirm .confirm {
  position: absolute;
  left: -50px;
  right: inherit;
  top: -10px;
}
.ro-logo-upload .has-logo label {
  position: relative;
  margin-bottom: 0;
}
.ro-logo-upload .has-logo label .company-logo {
  height: 35px;
  max-width: 215px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  opacity: 1;
  transition: all 0.3s ease;
}
.ro-logo-upload .has-logo label .btn.btn-small {
  opacity: 0;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -17px;
  width: 30px;
  height: 35px;
  padding: 0;
  transition: all 0.3s ease;
}
.ro-logo-upload .has-logo label .btn.btn-small span {
  font-size: 30px;
  color: #666666;
  background-color: #ffffff;
  border-radius: 4px;
}
.ro-logo-upload .has-logo label:hover .company-logo {
  opacity: 0.4;
  transition: all 0.3s ease;
}
.ro-logo-upload .has-logo label:hover .btn.btn-small {
  opacity: 1;
  transition: all 0.3s ease;
}
.ro-logo-upload .no-logo {
  background-color: #f7f7f7;
  border-radius: 2px;
  text-align: center;
  width: 100%;
}
.ro-logo-upload .no-logo.read-only input.x-file--input {
  display: none;
}
.ro-logo-upload .no-logo.read-only label {
  font-size: 10px;
  margin-top: 10px;
  transition: all 0.2s ease;
}
.ro-logo-upload .no-logo.read-only label i {
  font-size: 20px !important;
}
.ro-logo-upload .no-logo.read-only:hover label {
  color: #999999;
  transition: all 0.2s ease;
}

.access-logs .access-controls .label {
  padding: 2px 4px;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #999999;
  border-radius: 3px;
  letter-spacing: 0.8px;
  line-height: 14px;
}
.access-logs .pager a {
  color: #d17760;
  background-color: #ffffff;
  padding: 8px 15px;
  margin: 3px;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
}
.access-logs .pager a:hover {
  text-decoration: none;
  background-image: none;
  outline: 0;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease;
  background-color: #fff;
}

.calendar-access-wrapper {
  display: flex;
  flex-flow: column;
}

.calendar-access {
  position: relative;
  background-color: #f7f7f7;
  margin-bottom: 10px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  border-radius: 2px;
}
.calendar-access .access-toggle {
  background-color: #ffffff;
  padding: 0px;
  height: 26px;
  width: 26px;
  flex-shrink: 0;
  border: 1px solid #b3b3b3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 14px;
}
.calendar-access .access-toggle.toggled {
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
}
.calendar-access .access-toggle .icon {
  font-size: 17px;
}
.calendar-access .calendar-label {
  display: flex;
}
.calendar-access .calendar-label .calendar-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 530px;
  font-size: 16px;
  margin-bottom: 0 !important;
}
.calendar-access .calendar-label .calendar-icon {
  margin-right: 0px;
  padding: 21px 10px 10px 22px;
}
.calendar-access .calendar-label .calendar-icon .calendar-color-dot {
  width: 20px;
  height: 20px;
}
.calendar-access .calendar-label .calendar-icon .calendar-color-dot .dot {
  width: 14px;
  height: 14px;
}
.calendar-access .calendar-role-admin {
  text-align: right;
  margin-right: 20px;
  font-size: 12px;
  font-style: italic;
}
.calendar-access .calendar-role-select {
  width: 150px;
  min-width: 150px;
  margin: 0 20px 0 auto;
}
.calendar-access .calendar-role-select p {
  color: #999999;
  font-size: 12px;
  position: absolute;
  font-style: italic;
  right: 200px;
  top: 18px;
}
.calendar-access .customize-permissions-btn {
  padding: 20px 14px 14px;
  background-color: #f7f7f7;
  border-left: 2px solid #ffffff;
}
.calendar-access .customize-permissions-btn:hover {
  background-color: #cccccc;
}

.custom-permissions-wrapper {
  display: flex;
  flex-flow: column;
  background-color: #f7f7f7;
  padding: 20px;
  margin-top: -8px;
}
.custom-permissions-wrapper .custom-permissions-inner {
  -moz-columns: 50px 2;
       columns: 50px 2;
  margin: 0;
}
.custom-permissions-wrapper .custom-permissions-inner .custom-permissions-row {
  display: block;
  list-style: none;
  margin-bottom: 10px;
  font-size: 16px;
}
.custom-permissions-wrapper .custom-permissions-inner .custom-permissions-row .checkbox {
  margin: 0;
}
.custom-permissions-wrapper .custom-permissions-inner .custom-permissions-row input.orange-checkbox:disabled + label {
  color: #666666;
}
.custom-permissions-wrapper .custom-permissions-inner .custom-permissions-row label {
  padding: 4px 0 0 31px;
}
.custom-permissions-wrapper .custom-permissions-inner .custom-permissions-row label span {
  margin-right: 4px;
}
.custom-permissions-wrapper .custom-permissions-inner .custom-permissions-row .tooltip-text {
  left: 110px;
}
.custom-permissions-wrapper .btn {
  margin: 20px 0 0;
  justify-self: flex-start;
  width: 93px;
  padding: 5px 0 0;
}
.custom-permissions-wrapper .alert {
  margin-right: auto;
  border-radius: 20px;
  background-color: #e6e6e6;
  color: #666666;
}

.billing-invoices {
  color: #666666;
}
@media print {
  .billing-invoices .modal-setup {
    background-color: #ffffff !important;
    top: 0 !important;
  }
  .billing-invoices .modal-setup .modal-container {
    margin-top: 100px;
  }
  .billing-invoices .modal-setup .modal-container .modal-header .icon-close, .billing-invoices .modal-setup .modal-container .delete-confirmation .delete-header .icon-close, .delete-confirmation .billing-invoices .modal-setup .modal-container .delete-header .icon-close {
    display: none;
  }
  .billing-invoices .modal-setup .modal-container .modal-footer {
    display: none;
  }
}
.billing-invoices .modal-setup {
  top: 5%;
  bottom: 0;
  position: absolute;
}
.billing-invoices .modal-setup .modal-container {
  width: 800px;
}
.billing-invoices .modal-setup .modal-container .modal-content {
  padding-top: 40px;
  text-align: left;
}
.billing-invoices .modal-setup .modal-container .modal-footer .modal-btn-left {
  position: absolute;
  bottom: 18px;
  left: 15px;
}
.billing-invoices .flex2 {
  width: 50%;
}
.billing-invoices .flex2.text-align-right {
  text-align: right;
}
.billing-invoices .invoice-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.billing-invoices .invoice-header .invoice-logo {
  width: 220px;
  padding-bottom: 10px;
}
.billing-invoices .invoice-header .address {
  margin-left: 60px;
}
.billing-invoices .invoice-header .invoice-status {
  padding: 10px 20px;
  border-radius: 2px;
  margin-left: auto;
  font-weight: bold;
  letter-spacing: 2px;
  width: 25%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
.billing-invoices .invoice-header .invoice-status.paid {
  background-color: #e0f7cf;
}
.billing-invoices .invoice-header .invoice-status.past-due {
  background-color: #fce9e8;
}
.billing-invoices .invoice-header .invoice-status.due, .billing-invoices .invoice-header .invoice-status.forgiven {
  background-color: #f7f7f7;
}
.billing-invoices .invoice-bill-to,
.billing-invoices .invoice-bill-details {
  background-color: #f7f7f7;
  margin: 40px 0;
  border-radius: 2px;
}
.billing-invoices .invoice-bill-to.flex2,
.billing-invoices .invoice-bill-details.flex2 {
  width: 44%;
  padding: 2% 3%;
}
.billing-invoices .invoice-items {
  margin-top: 30px;
}
.billing-invoices .invoice-items label.header {
  color: #666666;
  background-color: #f7f7f7;
  padding: 10px 20px;
  border-radius: 2px;
}
.billing-invoices .invoice-items ul {
  list-style-type: none;
  margin: 20px;
}
.billing-invoices .invoice-items ul li {
  margin-bottom: 15px;
}
.billing-invoices .invoice-items ul.invoice-total {
  margin: 30px 20px 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
  text-align: right;
}
.billing-invoices .invoice-items ul.invoice-total li {
  margin-bottom: 0;
}
.billing-invoices h3 {
  margin-bottom: 0px;
}
.billing-invoices hr {
  clear: both;
  margin: 5px 0px 20px;
}
.billing-invoices table {
  width: 100%;
}
.billing-invoices table tr:nth-child(even) {
  background: #f7f7f7;
}
.billing-invoices table th {
  color: #666666;
  text-align: left;
  padding: 10px 15px;
}
.billing-invoices table td {
  padding: 10px 15px;
  font-size: 13px;
}
.billing-invoices table td a.view-invoice {
  text-align: right;
  font-size: 13px;
  display: block;
  padding-left: 20px;
}
.billing-invoices table td.paid {
  padding-left: 25px;
}
.billing-invoices table td.paid .icon-checkmark-2 {
  color: #8ac884;
}
.billing-invoices table td.paid .icon-cross {
  color: #d15451;
  font-size: 11px;
}

.calendar-setup-wrapper .calendar-setup-inner .setup-box .modal-video {
  height: 340px;
  width: 93%;
  margin: 25px auto 70px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-back {
  position: absolute;
  left: 23px;
  bottom: 20px;
}

.calendar-notifications .alert {
  border-radius: 20px;
  margin: 5px 0;
  min-height: 42px;
  padding: 0 20px 0 16px;
  display: flex;
  align-items: center;
}
.calendar-notifications .alert span {
  margin-right: 5px;
}
.calendar-notifications .alert.schedule-call-alert {
  color: #f7f7f7;
  font-size: 13px;
  background-color: #49495b;
}
.calendar-notifications .alert.schedule-call-alert p {
  display: inline;
  margin: 0 10px 0 0;
}
.calendar-notifications .alert.schedule-call-alert p .emoji {
  vertical-align: -2px;
  display: inline-block;
  font-size: 16px;
}
.calendar-notifications .alert.schedule-call-alert .btn {
  font-size: 13px;
  color: #f7f7f7;
  border-color: #606077;
  white-space: nowrap;
  margin-right: 5px;
}
.calendar-notifications .alert.schedule-call-alert .btn:hover, .calendar-notifications .alert.schedule-call-alert .btn:active, .calendar-notifications .alert.schedule-call-alert .btn:focus {
  background-color: #606077;
  box-shadow: none;
}
.calendar-notifications .alert.schedule-call-alert .btn span {
  font-size: 10px;
  margin-left: 3px;
}
.calendar-notifications .alert.schedule-call-alert .btn.btn-dismiss-call {
  border: none;
  position: absolute;
  top: 1px;
  right: -8px;
  color: #b0b0c0;
}
.calendar-notifications .alert.schedule-call-alert .btn.btn-dismiss-call:hover, .calendar-notifications .alert.schedule-call-alert .btn.btn-dismiss-call:active, .calendar-notifications .alert.schedule-call-alert .btn.btn-dismiss-call:focus {
  background-color: transparent;
  box-shadow: none;
}
.calendar-notifications .alert.schedule-call-alert .btn.btn-dismiss-call span {
  font-size: 12px;
}
.calendar-notifications .alert.price-change-notification {
  color: #f7f7f7;
  background-color: #545469;
}
.calendar-notifications .alert.price-change-notification p {
  margin: 0 10px 0 0;
}
.calendar-notifications .alert.price-change-notification p a {
  color: #ffffff;
  text-decoration: underline;
}

.marketing-campaign-wrapper {
  position: fixed;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 50px;
  z-index: 1984;
  background-color: #f7f7f7;
}
.marketing-campaign-wrapper .loading-overlay {
  background-color: rgba(247, 247, 247, 0.6);
  z-index: 1505;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row {
  display: flex;
  padding: 0 13px 0 0;
  margin-left: 13px;
  overflow: hidden;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item {
  display: inline-flex;
  align-items: center;
  color: #666666;
  font-size: 12px;
  background-color: #e6e6e6;
  margin: 7px 3px 0 0;
  padding: 6px 10px;
  height: 34px;
  width: calc(20% - 25px);
  position: relative;
  z-index: 1050;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 #ffffff;
  box-sizing: border-box;
  transition: all 150ms ease-out;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item.calendar {
  width: initial;
  min-width: initial;
  max-width: initial;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item.calendar .icon-calendar {
  font-size: 16px;
  color: #808080;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item.active {
  background-color: #ffffff;
  box-shadow: 0 7px 17px #b3b3b3;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item.active:hover, .marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item.active:focus {
  background-color: #f7f7f7;
  cursor: initial;
  box-shadow: 0 7px 17px #b3b3b3;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item.animate-tab {
  animation: tab-slide-in 250ms ease;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .item-pill {
  margin-right: 5px;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .project-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .tab-pinned,
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .tab-unpinned {
  margin-left: auto;
  padding: 3px 0 3px 3px;
  transition: all 150ms ease;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .tab-pinned .icon-pushpin,
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .tab-unpinned .icon-pushpin {
  font-size: 14px;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .tab-unpinned {
  visibility: hidden;
  opacity: 0;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .tab-pinned {
  transform: rotate(-45deg);
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item .tab-pinned .icon-pushpin {
  color: #d17760;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item:hover, .marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item:focus {
  background-color: #cccccc;
  cursor: pointer;
  text-decoration: none;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item:hover .project-title, .marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item:focus .project-title {
  text-decoration: none;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item:hover .tab-pinned,
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item:hover .tab-unpinned, .marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item:focus .tab-pinned,
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-item:focus .tab-unpinned {
  visibility: visible;
  opacity: 1;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-create-new {
  display: inline-flex;
  align-items: center;
  color: #999999;
  font-size: 10px;
  padding: 19px 10px 8px;
  transition: all 150ms ease-out;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-create-new:hover, .marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-tab-create-new:focus {
  color: #666666;
  text-decoration: none;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-overflow-dropdown-wrapper {
  position: relative;
  margin-top: 7px;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-overflow-dropdown-wrapper .marketing-campaign-overflow-tab {
  padding: 7px 10px;
  background-color: #b3b3b3;
  color: #666666;
  border-radius: 5px 5px 0 0;
  animation: tab-slide-in 0.5s ease;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-overflow-dropdown-wrapper .marketing-campaign-overflow-tab:hover {
  background-color: #cccccc;
  cursor: pointer;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-overflow-dropdown-wrapper .marketing-campaign-overflow-dropdown {
  position: fixed;
  top: 80px;
  right: 38px;
  min-height: 30px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
  z-index: 1400;
  background-color: white;
  box-shadow: 1px 1px 10px #999999;
  border-radius: 2px;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-overflow-dropdown-wrapper .marketing-campaign-overflow-dropdown .marketing-campaign-tab-item {
  width: 100%;
  animation: none;
  height: 34px;
  margin-top: 0;
  padding: 8px;
  border-radius: 0;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-overflow-dropdown-wrapper .marketing-campaign-overflow-dropdown .marketing-campaign-tab-item.active {
  box-shadow: none;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .marketing-campaign-overflow-dropdown-wrapper .marketing-campaign-overflow-dropdown .marketing-campaign-tab-item + .marketing-campaign-tab-item {
  margin-top: 1px;
}
.marketing-campaign-wrapper .marketing-campaign-tab-row .dark-fade {
  display: none;
}
.marketing-campaign-wrapper .marketing-campaign-header .project-header {
  border-bottom: 1px solid #e6e6e6;
}
.marketing-campaign-wrapper .marketing-campaign-header .datepicker {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.marketing-campaign-wrapper .marketing-campaign-header .tasks-wrapper {
  padding: 11px 8px;
  bottom: -39px;
}
.marketing-campaign-wrapper .marketing-campaign-header .tasks-wrapper .tasks-progress {
  padding: initial;
  margin: initial;
}
.marketing-campaign-wrapper .overlay-scroll {
  background-color: transparent;
}
.marketing-campaign-wrapper .marketing-campaign-inner {
  height: calc(100vh - 90px);
  display: flex;
  flex-flow: column;
  margin: 0 13px;
  border-radius: 0 10px 0 0;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
}
.marketing-campaign-wrapper .marketing-campaign-inner .sub-navbar {
  border-radius: 0;
  border-bottom: 1px solid #e6e6e6;
}
.marketing-campaign-wrapper .marketing-campaign-calendar-wrapper {
  overflow: hidden;
}
.marketing-campaign-wrapper .marketing-campaign-calendar {
  overflow: auto;
  height: 100%;
  background-color: #ffffff;
}
.marketing-campaign-wrapper .calendar-tab-wrapper {
  background-color: #ffffff;
  height: calc(100vh - 203px);
}
.marketing-campaign-wrapper .project-header {
  border-radius: 0 10px 0 0;
}
.marketing-campaign-wrapper .project-header .end-date-hyphen {
  display: inline-block;
  margin: 0 0 0 3px;
}
.marketing-campaign-wrapper .project-header .marketing-campaign-end-date {
  margin-left: 0;
}
.marketing-campaign-wrapper .project-header .marketing-campaign-end-date .btn-icon {
  display: none;
}
.marketing-campaign-wrapper .project-header .marketing-campaign-end-date p {
  margin-left: 10px;
}
@media (max-width: 900px) {
  .marketing-campaign-wrapper .project-header .date-time-select {
    margin-right: 7px;
  }
  .marketing-campaign-wrapper .project-header .marketing-campaign-end-date .btn-icon {
    display: initial;
  }
  .marketing-campaign-wrapper .project-header .marketing-campaign-end-date .btn-icon.icon-plus-2 {
    box-shadow: 1px 1px 5px #ffffff;
    border: 0px white;
  }
}
.marketing-campaign-wrapper .content-wrapper {
  height: calc(100vh - 80px);
  box-shadow: none;
  z-index: 1220;
  top: 81px;
  left: 63px;
  border-radius: 0 10px 0 0;
}
.marketing-campaign-wrapper .content-wrapper .dark-fade.header {
  top: -2px;
  border-radius: 0 10px 0 0;
}
.marketing-campaign-wrapper .content-wrapper .project-header {
  border-radius: 0 10px 0 0;
}
.marketing-campaign-wrapper .content-wrapper .content-outlet .content-sidebar {
  min-height: calc(100vh - 163px);
}
.marketing-campaign-wrapper.is-template {
  top: 13px;
  left: 13px;
  right: 13px;
  z-index: 2001;
  height: calc(100vh - 13px);
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  border-radius: 10px 10px 0 0;
}
.marketing-campaign-wrapper.is-template .content-wrapper {
  top: 109px;
  left: 26px;
  right: 26px;
}

.marketing-campaign-tab-row.is-app-calendar {
  left: 0;
}

@keyframes projectContentHeaderSlideUp {
  0% {
    transform: translate(0, 80vh);
    opacity: 0.75;
    left: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    left: 0;
  }
}
@keyframes footerSlideUp {
  0% {
    transform: translate(0, -75px);
  }
  100% {
    transform: translate(0, -75px);
  }
}
@keyframes tab-slide-in {
  0% {
    max-width: 0;
    overflow: hidden;
    transform: translate(0, 75px);
  }
  99% {
    max-width: 400px;
    overflow: hidden;
    transform: translate(0, 0);
  }
  100% {
    overflow: initial;
  }
}
@keyframes tab-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-ember-action]:not([disabled]) {
  cursor: pointer;
}

.chrome-extension {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  overflow-y: scroll;
}
.chrome-extension .success {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  background-image: radial-gradient(50% 20%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
}
.chrome-extension .top-bar {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3000;
}
.chrome-extension .top-bar .user-info-wrapper {
  display: inline-block;
}
.chrome-extension .top-bar .user-info-wrapper .user-info {
  position: relative;
  margin: 5px;
  max-width: 350px;
  display: inline-block;
  box-shadow: 1px 1px 5px #b3b3b3;
  z-index: 1000;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-image {
  vertical-align: middle;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-image .img-circle {
  height: 30px;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-name-wrapper {
  background-color: #d17760;
  padding: 2px 15px 4px 8px;
  border-radius: 4px;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-name-wrapper .user-name {
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  vertical-align: middle;
  color: #fff;
  margin: 0 0 0 10px;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-name-wrapper .user-sign-out {
  background-color: #a74a30;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  visibility: hidden;
  height: 0;
  padding: 1px 11px;
  margin: 3px -15px -5px -7px;
  display: block;
  width: 100%;
  text-align: center;
  z-index: 900;
  overflow: hidden;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-name-wrapper .user-sign-out a {
  color: #db8773;
  margin-top: 1px;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-name-wrapper:hover {
  background-color: #bc6148;
  transition: all 0.5s ease;
  cursor: pointer;
  border-bottom-right-radius: 4px !important;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-name-wrapper:hover .user-sign-out {
  visibility: visible;
  height: 25px;
  transition: all 0.5s ease;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .user-name-wrapper:hover .user-sign-out:hover a {
  text-decoration: none;
  color: #ffffff;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: -200px;
  z-index: 99999;
  border-radius: 0 4px 4px 0;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper .calendar-icon {
  padding: 0;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper .calendar-name {
  padding: 12px 20px 14px 14px;
  position: relative;
  color: #666666;
  font-size: 16px;
  line-height: 18px;
  background: #ffffff;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  border-radius: 0 4px 4px 0;
  border: solid #b3b3b3 1px;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper .calendar-name .icon-angle-right {
  position: absolute;
  right: 5px;
  top: 15px;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper .calendar-name:hover {
  background-color: #b3b3b3;
  border-bottom-right-radius: 0;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper .calendar-dropdown {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  margin-top: -7px;
  background: #ffffff;
  border: solid #b3b3b3 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: none;
  font-size: 14px;
  width: 198px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper .calendar-dropdown .calendar-dropdown-inner {
  margin: 0;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper .calendar-dropdown .calendar-list-item {
  padding: 10px;
  visibility: hidden;
  margin-bottom: -10px;
  opacity: 0;
  color: #666666;
  width: 178px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper .calendar-dropdown .calendar-list-item:hover {
  background-color: #b3b3b3;
  cursor: pointer;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper:hover {
  cursor: pointer;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper:hover .calendar-dropdown {
  visibility: visible;
  height: 150px;
  border: solid #b3b3b3 1px;
  opacity: 1;
  transition: all 0.5s ease;
}
.chrome-extension .top-bar .user-info-wrapper .user-info .calendar-name-wrapper:hover .calendar-dropdown .calendar-list-item {
  visibility: visible;
  margin-bottom: 0;
  opacity: 1;
  transition: all 0.5s ease;
}
.chrome-extension .top-bar .user-info-wrapper .user-info.open .user-name-wrapper {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.chrome-extension .top-bar .user-info-wrapper .user-info.open .calendar-name-wrapper {
  opacity: 1;
  width: 200px;
  visibility: visible;
  transition: all 0.5s ease;
}
.chrome-extension .top-bar .user-links {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 5px #b3b3b3;
  margin: 5px;
  padding: 6px 8px;
  display: flex;
  align-items: center;
}
.chrome-extension .top-bar .user-links .cos-logo {
  height: 15px;
}
.chrome-extension .top-bar .user-links .calendar-link:before,
.chrome-extension .top-bar .user-links .help-link:before {
  font-family: "CoS";
  content: "\25a6";
  display: none;
}
.chrome-extension .top-bar .user-links .help-link:before {
  content: "\ed53";
}
@media only screen and (max-width: 650px) {
  .chrome-extension .top-bar .user-links .calendar-link span,
.chrome-extension .top-bar .user-links .help-link span {
    display: none;
  }
  .chrome-extension .top-bar .user-links .calendar-link:before,
.chrome-extension .top-bar .user-links .help-link:before {
    display: block;
  }
}
.chrome-extension .social-composer-modal {
  padding: 100px 0;
  background-color: transparent;
}
.chrome-extension .chrome-extension-no-social {
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
}
.chrome-extension .chrome-extension-no-social .no-social-prompt {
  display: flex;
  flex-direction: column;
  width: 350px;
  background-color: #ffffff;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  overflow: hidden;
}
.chrome-extension .chrome-extension-no-social .no-social-prompt .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e9f0f4;
  color: #448499;
  padding: 20px;
  text-align: center;
}
.chrome-extension .chrome-extension-no-social .no-social-prompt .header h4 {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.chrome-extension .chrome-extension-no-social .no-social-prompt p {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@keyframes alert-open {
  from {
    top: -75px;
    border: solid 1px #e9f0f4;
    border-top: none;
  }
  to {
    top: 0;
    border: solid 1px #c1cfd9;
    border-top: none;
  }
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  border-radius: 2px;
  background-color: #fbf3db;
  color: #c09853;
  text-shadow: none;
}
.alert h4 {
  margin: 0;
}
.alert .clickable-alert {
  cursor: pointer;
}
.alert.alert-info {
  background-color: #f7f7f7;
  border-color: #cccccc;
  color: #666666;
}
.alert.alert-info p,
.alert.alert-info strong,
.alert.alert-info .close {
  color: #666666;
}
.alert.alert-success {
  background-color: #e0f7cf;
  border-color: #e0f7cf;
  color: #6ba066;
}
.alert.alert-danger, .alert.alert-error {
  background-color: #fce9e8;
  border-color: #fce9e8;
  color: #b94a48;
}
.alert.alert-danger a, .alert.alert-error a {
  color: #b94a48;
  text-decoration: underline;
}
.alert.alert-danger a:hover, .alert.alert-error a:hover {
  color: #b94a48;
  cursor: pointer;
}
.alert.alert-onboarding {
  background-color: #d0f0ff;
  color: #275a9a;
}
.alert.alert-onboarding .alert-icon.setup-alert {
  color: #275a9a;
  background-color: #8ed9fc;
}
.alert.alert-onboarding .alert-text.onboarding-text,
.alert.alert-onboarding .alert-text a {
  color: #275a9a;
}
.alert.alert-warning a {
  color: #c09853;
  text-decoration: underline;
}
.alert.alert-warning a:hover {
  color: #c09853;
}
.alert.alert-notification {
  background-color: #e9f0f4;
  border: 1px solid #c1cfd9;
  color: #2a4564;
  text-align: center;
  padding: 20px 60px;
  border-radius: 4px;
}
.alert.alert-notification a {
  text-decoration: underline;
  color: #2a4564;
}
.alert.alert-small {
  padding: 4px 8px;
  font-size: 13px;
  line-height: 18px;
}
.alert.alert-status {
  border-radius: 0px;
}
.alert.alert-status label {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.alert.alert-evernote {
  background-color: #e0ecc5;
  color: #999999;
}
.alert.alert-achievement {
  background-color: #275a9a;
  border-color: #275a9a;
  color: #ffffff;
  padding-left: 60px;
  position: relative;
}
.alert.alert-achievement .alert-message {
  color: #ffffff;
  padding-left: 45px;
}
.alert.alert-achievement .vertical-align {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.alert.alert-achievement .achievement-trophy {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
  box-sizing: border-box;
  position: absolute;
  left: 10px;
  top: 15%;
}
.alert.alert-danger + .alert-danger {
  border-top: 2px solid white;
}

.growler-container {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1000000;
  width: 400px;
  min-height: 8px;
  padding-bottom: 30px;
}
.growler-container .alert-growl {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 30px 15px 20px;
  border-radius: 6px;
  margin-bottom: 10px;
  text-shadow: none;
  border: 2px solid transparent;
  color: #4d4d4d;
  opacity: 0.9;
}
.growler-container .alert-growl.alert-danger, .growler-container .alert-growl.alert-error {
  border-color: #b94a48;
}
.growler-container .alert-growl.alert-danger .growl-icon, .growler-container .alert-growl.alert-error .growl-icon {
  color: #b94a48;
}
.growler-container .alert-growl.alert-warning {
  border-color: #ad894b;
}
.growler-container .alert-growl.alert-warning .growl-icon {
  color: #ad894b;
}
.growler-container .alert-growl.alert-success {
  border-color: #6ba066;
}
.growler-container .alert-growl.alert-success .growl-icon {
  color: #6ba066;
}
.growler-container .alert-growl.alert-info {
  border-color: #cccccc;
}
.growler-container .alert-growl .growl-icon {
  font-size: 28px;
  margin-right: 20px;
}
.growler-container .alert-growl button.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 14px;
}
.growler-container .alert-growl.alert-with-action {
  display: block;
}
.growler-container .alert-growl.alert-with-action .button:hover, .growler-container .alert-growl.alert-with-action .button:focus, .growler-container .alert-growl.alert-with-action .button:active, .growler-container .alert-growl.alert-with-action .button:active:hover {
  background-color: transparent;
}
.growler-container .clear-all-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  color: #4d4d4d;
  border: 1px solid #999999;
}
.growler-container .clear-all-btn:hover {
  background-color: #f7f7f7;
  color: #4d4d4d;
}

.alert button.close {
  font-size: 14px;
  line-height: 20px;
  opacity: 1;
  color: #4d4d4d;
  text-shadow: none;
  align-self: flex-start;
}
.alert button.close:hover, .alert button.close:focus {
  color: #999999;
}

ul.breadcrumb-nav {
  width: 100%;
  list-style: none;
  margin: 0;
  display: flex;
}
ul.breadcrumb-nav li {
  font-size: 24.5px;
  line-height: 40px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  padding: 6px 6px 4px 0;
  margin: 10px 0;
  min-width: 0;
}
ul.breadcrumb-nav li a {
  color: #999999;
  transition: all 0.2s ease;
  text-decoration: none !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
ul.breadcrumb-nav li:only-of-type {
  pointer-events: none;
}
ul.breadcrumb-nav li:last-of-type, ul.breadcrumb-nav li:last-of-type a {
  color: #666666;
  cursor: default;
}
ul.breadcrumb-nav li:last-of-type:after, ul.breadcrumb-nav li:last-of-type a:after {
  display: none;
}
ul.breadcrumb-nav li:after {
  display: inline-block;
  font-family: "CoS";
  content: "\25b2";
  font-size: 15px;
  margin-left: 10px;
  line-height: 20px;
  color: #cccccc;
  position: relative;
  top: 0;
  transition: all 0.2s ease;
}
ul.breadcrumb-nav li:hover a,
ul.breadcrumb-nav li:hover a:hover,
ul.breadcrumb-nav li:hover a:focus, ul.breadcrumb-nav li:focus a,
ul.breadcrumb-nav li:focus a:hover,
ul.breadcrumb-nav li:focus a:focus {
  color: #666666;
}
ul.breadcrumb-nav li:hover:after, ul.breadcrumb-nav li:hover ~ li:after, ul.breadcrumb-nav li:focus:after, ul.breadcrumb-nav li:focus ~ li:after {
  top: -1px;
  transform: rotate(180deg);
}
ul.breadcrumb-nav li:hover ~ li:last-of-type, ul.breadcrumb-nav li:focus ~ li:last-of-type {
  color: #999999;
}
ul.breadcrumb-nav li:hover ~ li:last-of-type input,
ul.breadcrumb-nav li:hover ~ li:last-of-type a, ul.breadcrumb-nav li:focus ~ li:last-of-type input,
ul.breadcrumb-nav li:focus ~ li:last-of-type a {
  color: #999999;
}
ul.breadcrumb-nav li span[class^=icon] {
  position: relative;
  top: 2px;
  left: 1px;
  margin-right: 10px;
}
ul.breadcrumb-nav li span[class$="--brand-logo"] {
  display: inline-block;
  height: 25px;
  width: 25px;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
ul.breadcrumb-nav li .icon-canva {
  color: #8b3dff;
}
ul.breadcrumb-nav.small-nav li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  margin: 10px 0;
}
ul.breadcrumb-nav.small-nav li:after {
  font-size: 10px;
}
ul.breadcrumb-nav.small-nav li span[class^=icon] {
  position: relative;
  top: 0;
}

/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
/* Remove default checkbox */
input.checkbox:not(:checked),
input.checkbox:checked {
  position: absolute;
  opacity: 0;
  z-index: 10;
  width: 18px;
  height: 18px;
  min-height: initial;
  margin: 0;
}
input.checkbox:not(:checked):disabled,
input.checkbox:checked:disabled {
  cursor: not-allowed;
}

input.checkbox {
  /* checkbox aspect */
  /* Indeterminate checkbox */
}
input.checkbox + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  height: 18px;
  padding-left: 18px;
  min-height: initial;
  line-height: 18px;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
input.checkbox:disabled + label {
  cursor: not-allowed;
}
input.checkbox + label:before,
input.checkbox + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  z-index: 0;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  transition: 0.2s;
  background-color: #ffffff;
}
input.checkbox:not(.with-borders) + label:after {
  border: 0;
  transform: scale(0);
}
input.checkbox:not(:checked):disabled + label:before {
  background-color: #f7f7f7;
  border-color: #e6e6e6;
}
input.checkbox:focus + label:before, input.checkbox:focus + label:after {
  border-color: #666666;
}
input.checkbox:checked {
  width: 18px;
  height: 18px;
}
input.checkbox:checked + label:before {
  top: -2px;
  left: -4px;
  width: 9px;
  height: 19px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%;
  background-color: transparent;
}
input.checkbox:checked:disabled + label:before {
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
input.checkbox:indeterminate + label:before {
  top: 1px;
  left: 2px;
  width: 0;
  height: 10px;
  z-index: 1;
  border-top: none;
  border-left: none;
  border-right: 2px solid #666666;
  border-bottom: none;
  transform: rotate(90deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%;
}
input.checkbox:indeterminate + label:after {
  transform: scale(1);
  border: 1px solid #999999;
}
input.checkbox:indeterminate:disabled + label:before {
  border-top: none;
  border-left: none;
  border-right: 2px solid #999999;
  border-bottom: none;
  background-color: transparent;
}
input.checkbox:indeterminate:disabled + label:after {
  background-color: #f7f7f7;
}
input.checkbox.with-borders + label:before {
  z-index: 1;
}
input.checkbox.with-borders:checked + label:before {
  border-width: 2px;
  top: 2px;
  left: 0;
  width: 4px;
  height: 10px;
}
input.checkbox.with-borders:disabled + label:before {
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
}
input.checkbox.with-borders:disabled + label:after {
  background-color: #f7f7f7;
}

input.checkbox.checkbox-large {
  width: 25px;
  height: 25px;
}
input.checkbox.checkbox-large + label {
  padding-left: 25px;
  height: 25px;
}
input.checkbox.checkbox-large + label:before,
input.checkbox.checkbox-large + label:after {
  width: 23px;
  height: 23px;
  border-width: 1px;
}
input.checkbox.checkbox-large:checked + label:before {
  top: -5px;
  left: -8px;
  width: 11px;
  height: 24px;
  border-width: 2px;
}
input.checkbox.checkbox-large:checked:disabled + label:before {
  border-right: 2px solid #b3b3b3;
  border-bottom: 2px solid #b3b3b3;
}
input.checkbox.checkbox-large:indeterminate + label:before {
  top: 1px;
  left: 3px;
  width: 0;
  height: 14px;
  border-right: 3px solid #999999;
  border-radius: 0;
}
input.checkbox.checkbox-large:indeterminate:disabled + label:before {
  border-right: 3px solid #999999;
}

input.checkbox.checkbox-small {
  width: 13px;
  height: 13px;
  margin: 0;
}
input.checkbox.checkbox-small + label {
  padding-left: 13px;
  height: 13px;
  margin-bottom: 0;
}
input.checkbox.checkbox-small + label:before,
input.checkbox.checkbox-small + label:after {
  width: 11px;
  height: 11px;
  border-width: 1px;
}
input.checkbox.checkbox-small:checked + label:before {
  top: 1px;
  left: -1px;
  width: 2px;
  height: 7px;
  border-width: 2px;
  z-index: 1;
}
input.checkbox.checkbox-small:checked:disabled + label:before {
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
input.checkbox.checkbox-small:indeterminate + label:before {
  top: -1px;
  left: 1px;
  width: 0;
  height: 7px;
  border-right: 2px solid #999999;
  border-radius: 0;
}
input.checkbox.checkbox-small:indeterminate:disabled + label:before {
  border-right: 2px solid #999999;
  border-bottom: none;
}

input.checkbox.checkbox-text + label {
  font-weight: normal;
  color: #666666;
  text-transform: none;
  font-size: 14px;
  padding-top: 2px;
}
input.checkbox.checkbox-text.checkbox-small + label {
  line-height: 15px;
  font-size: 12px;
  padding-top: 0;
  padding-left: 25px;
}
input.checkbox.checkbox-text.checkbox-large + label {
  font-size: 16px;
}

input.orange-checkbox + label {
  font-weight: normal;
  text-transform: none;
  color: #666666;
}
input.orange-checkbox:checked + label:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  top: 2px;
  left: 0;
  z-index: 1;
  width: 5px;
  height: 11px;
}
input.orange-checkbox:checked + label:after {
  border: 1px solid #d17760;
  background-color: #d17760;
  transform: initial;
}
input.orange-checkbox:checked:disabled + label {
  color: #b3b3b3;
}
input.orange-checkbox:checked:disabled + label:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
input.orange-checkbox:checked:disabled + label:after {
  border-color: #b3b3b3;
  background-color: #b3b3b3;
}
input.orange-checkbox.bold-check:checked + label {
  font-weight: bold;
}
input.orange-checkbox:disabled {
  border-color: #f7f7f7;
}

input.checkbox.gray-checkbox {
  width: 14px;
  height: 14px;
  margin-top: 0;
}
input.checkbox.gray-checkbox + label {
  padding-left: 14px;
  height: 14px;
  font-weight: normal;
  text-transform: none;
  color: #666666;
}
input.checkbox.gray-checkbox + label:before, input.checkbox.gray-checkbox + label:after {
  width: 13px;
  height: 13px;
  border: 1px solid #cccccc;
}
input.checkbox.gray-checkbox:checked + label:before {
  z-index: 1;
  width: 3px;
  height: 7px;
  border-color: transparent;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  left: 0;
  top: 3px;
  transform: rotate(45deg);
}
input.checkbox.gray-checkbox:checked + label:after {
  width: 13px;
  height: 13px;
  border: initial;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  transform: initial;
}
input.checkbox.gray-checkbox:checked:disabled + label {
  color: #b3b3b3;
}
input.checkbox.gray-checkbox:checked:disabled + label:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
input.checkbox.gray-checkbox:checked:disabled + label:after {
  background-color: #b3b3b3;
}
input.checkbox.gray-checkbox.bold-check:checked + label {
  font-weight: bold;
}

input.color-checkbox {
  width: 15px;
  height: 15px;
}
input.color-checkbox + label {
  font-weight: normal;
  text-transform: none;
}
input.color-checkbox + label:before, input.color-checkbox + label:after {
  top: -2px;
  width: 13px;
  height: 13px;
  border: 1px solid var(--primary-color);
  background-color: transparent;
  margin-top: 1px;
}
input.color-checkbox:checked + label:before {
  z-index: 1;
  width: 3px;
  height: 7px;
  left: 0;
  top: 0;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(45deg);
}
input.color-checkbox:checked + label:after {
  width: 15px;
  height: 15px;
  border: initial;
  background-color: var(--primary-color);
  transform: initial;
  margin-top: 1px;
}
input.color-checkbox:checked:disabled + label {
  color: #b3b3b3;
}
input.color-checkbox:checked:disabled + label:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
input.color-checkbox:not(:checked):disabled + label:before {
  border-color: var(--primary-color);
}
input.color-checkbox:indeterminate + label:before {
  top: -2px;
  left: 1px;
  width: 0;
  height: 8.5px;
  border-right: 2px solid var(--primary-color);
  border-radius: 0;
}
input.color-checkbox:indeterminate + label:after {
  border: 1px solid var(--primary-color);
}
input.color-checkbox:indeterminate:disabled + label:before {
  top: -2px;
  left: 1px;
  width: 0;
  height: 8px;
  border-right: 2px solid var(--primary-color);
  border-radius: 0;
}

input.color-checkbox.medium {
  width: 20px;
  height: 20px;
}
input.color-checkbox.medium + label {
  padding-top: 2px;
  font-weight: normal;
  text-transform: none;
}
input.color-checkbox.medium + label:before, input.color-checkbox.medium + label:after {
  top: -2px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--primary-color);
  background-color: transparent;
}
input.color-checkbox.medium:checked + label:before {
  z-index: 1;
  width: 4.5px;
  height: 11px;
  left: 0;
  top: 0;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(45deg);
}
input.color-checkbox.medium:checked + label:after {
  width: 20px;
  height: 20px;
  border: initial;
  background-color: var(--primary-color);
  transform: initial;
  margin-top: 1px;
}
input.color-checkbox.medium:checked:disabled + label {
  color: #b3b3b3;
}
input.color-checkbox.medium:checked:disabled + label:before {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
input.color-checkbox.medium:indeterminate + label:before {
  top: 0;
  left: 2px;
  width: 0;
  height: 8px;
  border-right: 2px solid var(--primary-color);
  border-radius: 0;
}
input.color-checkbox.medium:indeterminate + label:after {
  border: 1px solid var(--primary-color);
}
input.color-checkbox.medium:indeterminate:disabled + label:before {
  top: -2px;
  left: 1px;
  width: 0;
  height: 8px;
  border-right: 2px solid var(--primary-color);
  border-radius: 0;
}

.filter-search {
  display: flex;
  margin-top: 12px;
  position: relative;
}
.filter-search span.icon-search {
  position: absolute;
  z-index: 100;
  left: 10px;
  top: 9px;
  color: #b3b3b3;
}
.filter-search input.filter-search-input {
  width: 195px;
  font-size: 13px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #b3b3b3;
  border-right: none;
  padding: 6px 5px 4px 30px;
}
.filter-search input.filter-search-input::-moz-placeholder {
  color: #b3b3b3;
}
.filter-search input.filter-search-input::placeholder {
  color: #b3b3b3;
}
.filter-search input.filter-search-input:focus {
  border-color: #b3b3b3 !important;
}
.filter-search button.btn-clear {
  border-radius: 0 4px 4px 0;
  color: #b3b3b3;
  background-color: #ffffff;
  padding: 6px 7px 2px 5px;
  height: 32px;
  border: 1px solid #b3b3b3;
  border-left: none;
}
.filter-search button.btn-clear:hover {
  color: #999999;
}
.filter-search.filter-search-orange-sidebar {
  justify-content: center;
  margin: 0;
}
.filter-search.filter-search-orange-sidebar.filter-shown {
  margin: 5px 10px 0;
}
.filter-search.filter-search-orange-sidebar span.icon-search {
  left: 10px;
  z-index: 10;
}
.filter-search.filter-search-orange-sidebar input.filter-search-input {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
}
.filter-search.filter-search-orange-sidebar button.btn-clear {
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
}
.filter-search.filter-calendar-settings input {
  width: 65%;
}
.filter-search.team-profile-settings {
  margin-top: -10px;
}
.filter-search.team-profile-settings.edit {
  margin-top: 0;
}

.combined-search-container {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  border-radius: 40px;
  padding: 0 15px 0 10px;
  position: relative;
  box-sizing: border-box;
}
.combined-search-container:hover {
  border-color: #cccccc;
}
.combined-search-container:hover .search-glass {
  color: #666666;
}
.combined-search-container:focus-within {
  border-color: #b3b3b3;
  background-color: #ffffff;
}
.combined-search-container:focus-within .search-glass {
  color: #666666;
}
.combined-search-container .search-glass {
  color: #999999;
  transition: color 0.2s ease;
  margin-left: 3px;
}
.combined-search-container .search-pill {
  display: flex;
  height: 24px;
  background-color: #e6e6e6;
  color: #666666;
  border-radius: 4px;
  align-items: center;
  padding: 4px;
  box-sizing: border-box;
  margin-left: 10px;
}
.combined-search-container .search-pill .parent-type {
  font-size: 12px;
  margin-right: 3px;
  color: #666666;
}
.combined-search-container .search-pill p {
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 70px;
}
.combined-search-container .search-pill .remove {
  font-size: 10px;
  margin-left: 5px;
}
.combined-search-container .search-pill:hover .remove {
  color: #666666;
}
.combined-search-container input {
  margin: 0;
  border: none;
  background: transparent;
  height: 32px;
  width: 100%;
  margin-right: 10px;
  -webkit-appearance: textfield;
}
.combined-search-container input::-webkit-search-decoration, .combined-search-container input::-webkit-search-cancel-button, .combined-search-container input::-webkit-search-results-button, .combined-search-container input::-webkit-search-results-decoration {
  display: none;
}
.combined-search-container .clear-button {
  position: absolute;
  right: 0;
}
.combined-search-container .clear-button span,
.combined-search-container .clear-button i {
  font-size: 14px;
}
.combined-search-container.disabled, .integration-modal .container.enabled .body .header .combined-search-container.btn, .combined-search-container.disabled:hover {
  border-color: transparent;
  background-color: #f7f7f7;
}
.combined-search-container.disabled .search-glass, .integration-modal .container.enabled .body .header .combined-search-container.btn .search-glass, .combined-search-container.disabled:hover .search-glass {
  color: #b3b3b3;
}
.combined-search-container.disabled input::-moz-placeholder, .integration-modal .container.enabled .body .header .combined-search-container.btn input::-moz-placeholder, .combined-search-container.disabled:hover input::-moz-placeholder {
  opacity: 0.5;
}
.combined-search-container.disabled input::placeholder, .integration-modal .container.enabled .body .header .combined-search-container.btn input::placeholder, .combined-search-container.disabled:hover input::placeholder {
  opacity: 0.5;
}

.cos-list ul {
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 200px;
  list-style: none;
}
.cos-list ul li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  padding: 15px 15px;
  color: #666666;
}
.cos-list ul li span[class*=icon-],
.cos-list ul li span[class$="--brand-logo"] {
  margin-right: 15px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  top: 1px;
}
.cos-list ul li span[class$="--brand-logo"] {
  display: inline-block;
  top: 3px;
  height: 16px;
  width: 16px;
}
.cos-list ul a {
  display: block;
  text-decoration: none;
}
.cos-list ul a li {
  position: relative;
  transition: all 0.2s ease;
}
.cos-list ul a li:after {
  font-family: "CoS";
  content: ">";
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  opacity: 0;
  transition: all 0.2s ease;
  color: #999999;
}
.cos-list ul a:hover li {
  background-color: #f7f7f7;
  color: #4d4d4d;
}
.cos-list ul a:hover li:after {
  opacity: 1;
}
.cos-list ul a:nth-child(n),
.cos-list ul li:nth-child(n) {
  border-bottom: 1px solid #e6e6e6;
}
.cos-list ul a:nth-child(n):last-of-type,
.cos-list ul li:nth-child(n):last-of-type {
  border-bottom: none;
}
.cos-list.bold ul li,
.cos-list.bold ul a li {
  font-weight: bold;
}
.cos-list.small ul li,
.cos-list.small ul a li {
  font-size: 12px;
  line-height: 1.4;
}
.cos-list.truncate ul li,
.cos-list.truncate ul a li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  transform: translateX(-50%);
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  outline: none;
}

.modal-md {
  padding-bottom: 10px;
}

.modal-header, .delete-confirmation .delete-header {
  padding: 9px 15px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.modal-header .close, .delete-confirmation .delete-header .close {
  margin-top: 2px;
  position: absolute;
  top: 0;
  right: 5px;
}
.modal-header h3, .delete-confirmation .delete-header h3 {
  margin: 0 !important;
  line-height: 30px;
}

.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}

.modal-footer {
  padding: 10px;
  margin-bottom: 0;
  border-top: 1px solid #e6e6e6;
  border-radius: 0 0 6px 6px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scroll {
  position: fixed;
  height: 100vh;
  z-index: 6000;
  top: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  background-color: rgba(255, 255, 255, 0.8);
  animation: fade-in 300ms ease-out;
}
.modal-scroll .modal {
  margin-bottom: 135px;
}
.modal-scroll .modal.modal-absolute {
  position: absolute !important;
  top: 10%;
}

.modal-backdrop {
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 5999;
  animation: fade-in 300ms ease-out;
}
.modal-backdrop.recurring-confirm-modal {
  z-index: 6005;
}

.modal {
  border-radius: 4px;
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  animation: fade-in 300ms ease-out;
}
.modal.modal-lg {
  width: 850px;
  margin-left: -425px;
}
.modal.modal-xl {
  position: relative;
  width: 80%;
  min-width: 1000px;
  max-width: 1400px;
  top: 2%;
}
.modal .modal-header, .modal .delete-confirmation .delete-header, .delete-confirmation .modal .delete-header {
  padding: 0;
  *zoom: 1;
}
.modal .modal-header:before, .modal .delete-confirmation .delete-header:before, .delete-confirmation .modal .delete-header:before, .modal .modal-header:after, .modal .delete-confirmation .delete-header:after, .delete-confirmation .modal .delete-header:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal .modal-header:after, .modal .delete-confirmation .delete-header:after, .delete-confirmation .modal .delete-header:after {
  clear: both;
}
.modal .modal-header h1, .modal .delete-confirmation .delete-header h1, .delete-confirmation .modal .delete-header h1,
.modal .modal-header h2,
.modal .delete-confirmation .delete-header h2,
.delete-confirmation .modal .delete-header h2,
.modal .modal-header h3,
.modal .delete-confirmation .delete-header h3,
.delete-confirmation .modal .delete-header h3,
.modal .modal-header h4,
.modal .delete-confirmation .delete-header h4,
.delete-confirmation .modal .delete-header h4,
.modal .modal-header h5,
.modal .delete-confirmation .delete-header h5,
.delete-confirmation .modal .delete-header h5,
.modal .modal-header h6,
.modal .delete-confirmation .delete-header h6,
.delete-confirmation .modal .delete-header h6 {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  background-color: #f7f7f7;
  border-radius: 4px 4px 0 0;
  position: relative;
  text-align: center;
  padding: 15px 0;
  margin: 0;
  letter-spacing: 0.2px;
  text-transform: capitalize;
}
.modal .modal-header h1 [class^=icon-], .modal .delete-confirmation .delete-header h1 [class^=icon-], .delete-confirmation .modal .delete-header h1 [class^=icon-],
.modal .modal-header h1 [class*=" icon-"],
.modal .delete-confirmation .delete-header h1 [class*=" icon-"],
.delete-confirmation .modal .delete-header h1 [class*=" icon-"],
.modal .modal-header h2 [class^=icon-],
.modal .delete-confirmation .delete-header h2 [class^=icon-],
.delete-confirmation .modal .delete-header h2 [class^=icon-],
.modal .modal-header h2 [class*=" icon-"],
.modal .delete-confirmation .delete-header h2 [class*=" icon-"],
.delete-confirmation .modal .delete-header h2 [class*=" icon-"],
.modal .modal-header h3 [class^=icon-],
.modal .delete-confirmation .delete-header h3 [class^=icon-],
.delete-confirmation .modal .delete-header h3 [class^=icon-],
.modal .modal-header h3 [class*=" icon-"],
.modal .delete-confirmation .delete-header h3 [class*=" icon-"],
.delete-confirmation .modal .delete-header h3 [class*=" icon-"],
.modal .modal-header h4 [class^=icon-],
.modal .delete-confirmation .delete-header h4 [class^=icon-],
.delete-confirmation .modal .delete-header h4 [class^=icon-],
.modal .modal-header h4 [class*=" icon-"],
.modal .delete-confirmation .delete-header h4 [class*=" icon-"],
.delete-confirmation .modal .delete-header h4 [class*=" icon-"],
.modal .modal-header h5 [class^=icon-],
.modal .delete-confirmation .delete-header h5 [class^=icon-],
.delete-confirmation .modal .delete-header h5 [class^=icon-],
.modal .modal-header h5 [class*=" icon-"],
.modal .delete-confirmation .delete-header h5 [class*=" icon-"],
.delete-confirmation .modal .delete-header h5 [class*=" icon-"],
.modal .modal-header h6 [class^=icon-],
.modal .delete-confirmation .delete-header h6 [class^=icon-],
.delete-confirmation .modal .delete-header h6 [class^=icon-],
.modal .modal-header h6 [class*=" icon-"],
.modal .delete-confirmation .delete-header h6 [class*=" icon-"],
.delete-confirmation .modal .delete-header h6 [class*=" icon-"] {
  color: #999999;
  font-size: 16px;
  padding: 0 2px 0 0;
}
.modal .modal-header button, .modal .delete-confirmation .delete-header button, .delete-confirmation .modal .delete-header button {
  z-index: 100;
  box-sizing: content-box;
  position: absolute;
  right: 3px;
  top: 5px;
  border-left: none;
  padding: 0 5px;
  margin: 0;
  height: initial;
  width: initial;
  line-height: initial;
}
.modal .modal-header button span.icon-close, .modal .delete-confirmation .delete-header button span.icon-close, .delete-confirmation .modal .delete-header button span.icon-close {
  position: relative !important;
  top: initial !important;
  right: initial !important;
  color: #666666;
  margin: 3px;
  font-size: 15px;
}
.modal .modal-header button:hover, .modal .delete-confirmation .delete-header button:hover, .delete-confirmation .modal .delete-header button:hover {
  background-color: transparent;
  text-decoration: none;
  color: #4d4d4d;
}
.modal .modal-body {
  position: relative;
  min-height: 200px;
}
.modal .modal-body.social-messages {
  overflow-y: visible;
  margin-top: -15px;
}
.modal .modal-body.no-min-height {
  min-height: 0 !important;
}
.modal .modal-body.no-overflow {
  overflow: hidden !important;
  max-height: 9999px;
}
.modal .modal-body .alert.alert-delete {
  display: flex;
  align-items: center;
  padding: 30px 40px;
  margin: -15px;
}
.modal .modal-body .alert.alert-delete .icon-remove {
  font-size: 40px;
  background-color: #f8ebc4;
  padding: 35px;
  border-radius: 50%;
}
.modal .modal-body .alert.alert-delete .alert-message {
  margin-left: 20px;
}
.modal .modal-body .alert.alert-delete .alert-message .alert-bold {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  margin: 10px 0;
}
.modal .modal-body hr {
  margin: 0px -15px 15px;
}
.modal .modal-footer {
  box-shadow: none;
  text-align: left;
}
.modal .modal-footer .alert-status {
  margin: -14px -15px -15px;
  padding: 6px 14px;
}
.modal .modal-footer .alert-status label {
  text-shadow: none;
}
.modal .modal-footer .alert-status input,
.modal .modal-footer .alert-status select {
  margin-bottom: 5px;
}
.modal .modal-footer .cos-ui-btn-confirm .confirm {
  right: -35px;
  top: -17px;
  border: none;
  border-right: 1px solid #b3b3b3;
  padding: 10px 12px;
}
.modal .modal-footer .cos-ui-btn-confirm button.btn.btn-text.btn-ask {
  padding: 0 !important;
}
.modal .modal-footer .switch-monthly-yearly {
  font-size: 12px;
  position: absolute;
  bottom: 26px;
}
.modal .small-color-select .btn-round-text {
  display: flex;
  align-items: center;
  border-radius: 20px;
  border: none;
  transition: all 0.2s ease;
}
.modal .small-color-select .btn-round-text .btn-color {
  width: 32px;
  height: 32px;
}
.modal .small-color-select .btn-round-text p.label-name {
  font-size: 12px;
  margin: 0 10px 0 5px;
  max-width: 175px;
  color: #999999;
}
.modal .small-color-select .btn-round-text:hover {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  border: none;
}
.modal .small-color-select .btn-round-text:hover .btn-color {
  box-shadow: none !important;
}
.modal .small-color-select .btn-round-text:hover p.label-name {
  color: #666666;
}

.modal-setup,
.modal-notification {
  position: fixed;
  width: 100%;
  z-index: 6000;
  top: 20%;
}
.modal-setup.date-picker,
.modal-notification.date-picker {
  top: 15%;
}
.modal-setup.date-picker .modal-container,
.modal-notification.date-picker .modal-container {
  width: 450px;
}
@media (max-height: 800px) {
  .modal-setup.date-picker,
.modal-notification.date-picker {
    top: 5%;
  }
}
.modal-setup .modal-container,
.modal-notification .modal-container {
  position: relative;
  min-height: 300px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.modal-setup .modal-container.no-min-height,
.modal-notification .modal-container.no-min-height {
  min-height: auto;
}
.modal-setup .modal-container .modal-header, .modal-setup .modal-container .delete-confirmation .delete-header, .delete-confirmation .modal-setup .modal-container .delete-header,
.modal-notification .modal-container .modal-header,
.modal-notification .modal-container .delete-confirmation .delete-header,
.delete-confirmation .modal-notification .modal-container .delete-header {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f7f7f7;
  border-radius: 4px 4px 0 0;
  position: relative;
  text-align: center;
  padding: 16px 0 14px;
  color: #666666;
}
.modal-setup .modal-container .modal-header button.button, .modal-setup .modal-container .delete-confirmation .delete-header button.button, .delete-confirmation .modal-setup .modal-container .delete-header button.button,
.modal-notification .modal-container .modal-header button.button,
.modal-notification .modal-container .delete-confirmation .delete-header button.button,
.delete-confirmation .modal-notification .modal-container .delete-header button.button {
  position: absolute;
  right: 5px;
  top: 5px;
}
.modal-setup .modal-container .modal-header button.button span, .modal-setup .modal-container .delete-confirmation .delete-header button.button span, .delete-confirmation .modal-setup .modal-container .delete-header button.button span,
.modal-notification .modal-container .modal-header button.button span,
.modal-notification .modal-container .delete-confirmation .delete-header button.button span,
.delete-confirmation .modal-notification .modal-container .delete-header button.button span {
  margin: 0;
}
.modal-setup .modal-container .modal-header > span.icon-close, .modal-setup .modal-container .delete-confirmation .delete-header > span.icon-close, .delete-confirmation .modal-setup .modal-container .delete-header > span.icon-close,
.modal-notification .modal-container .modal-header > span.icon-close,
.modal-notification .modal-container .delete-confirmation .delete-header > span.icon-close,
.delete-confirmation .modal-notification .modal-container .delete-header > span.icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 16px;
  color: #666666;
  transition: color 0.2s ease;
}
.modal-setup .modal-container .modal-header > span.icon-close:hover, .modal-setup .modal-container .delete-confirmation .delete-header > span.icon-close:hover, .delete-confirmation .modal-setup .modal-container .delete-header > span.icon-close:hover,
.modal-notification .modal-container .modal-header > span.icon-close:hover,
.modal-notification .modal-container .delete-confirmation .delete-header > span.icon-close:hover,
.delete-confirmation .modal-notification .modal-container .delete-header > span.icon-close:hover {
  transition: color 0.2s ease;
  color: #999999;
}
.modal-setup .modal-container .modal-content,
.modal-notification .modal-container .modal-content {
  padding: 20px 50px;
  text-align: center;
}
.modal-setup .modal-container .modal-content h4,
.modal-notification .modal-container .modal-content h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #999999;
}
.modal-setup .modal-container .modal-content.left-align,
.modal-notification .modal-container .modal-content.left-align {
  text-align: left;
}
.modal-setup .modal-container .modal-content .flatpickr-calendar,
.modal-notification .modal-container .modal-content .flatpickr-calendar {
  margin: 20px auto 0;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.modal-setup .modal-container .modal-footer,
.modal-notification .modal-container .modal-footer {
  position: relative;
  height: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10px;
  margin-top: 20px;
}
.modal-setup .modal-container .modal-footer.btn-large,
.modal-notification .modal-container .modal-footer.btn-large {
  height: 65px;
}
.modal-setup .modal-container .modal-footer .modal-back,
.modal-notification .modal-container .modal-footer .modal-back {
  position: absolute;
  bottom: 23px;
}
.modal-setup .modal-container .modal-footer .modal-cancel,
.modal-notification .modal-container .modal-footer .modal-cancel {
  position: absolute;
  font-size: 12px;
  color: #b3b3b3;
  bottom: 20px;
  left: 20px;
}
.modal-setup .modal-container .modal-footer .modal-btn-right,
.modal-notification .modal-container .modal-footer .modal-btn-right {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.modal-setup .modal-container .modal-footer .modal-btn-right span,
.modal-notification .modal-container .modal-footer .modal-btn-right span {
  font-size: 11px;
  margin-left: 5px;
}
.modal-setup .modal-container .modal-footer .modal-btn-left,
.modal-notification .modal-container .modal-footer .modal-btn-left {
  position: absolute;
  bottom: 23px;
  left: 20px;
}
.modal-setup.modal-overlay,
.modal-notification.modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5000;
  top: 0px;
  left: 0px;
  overflow-y: scroll;
  animation: overlayFadeIn 0.4s;
  background-color: rgba(255, 255, 255, 0.6);
}
.modal-setup.modal-overlay .modal-container,
.modal-notification.modal-overlay .modal-container {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}

.modal-setup .modal-container {
  width: 600px;
}
.modal-setup .modal-container .modal-setup-progress {
  position: absolute;
  width: 240px;
  bottom: 20px;
  left: 50%;
  margin-left: -120px;
}
.modal-setup .modal-container .modal-setup-progress .progress-circle {
  display: inline-block;
  background-color: #62acc4;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin: 40px 10px 10px;
  transition: color 0.3s ease-out;
}
.modal-setup .modal-container .modal-setup-progress .progress-circle.grey {
  background-color: #b3b3b3;
}

.modal-notification .modal-container {
  width: 500px;
}

.long-email-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 209px;
}

.modal-team-wordpress-invite .modal-body {
  position: initial;
}
.modal-team-wordpress-invite .modal-body .table-header {
  display: none;
  width: 530px;
  position: absolute;
  z-index: 2000;
  top: 53px;
  left: 15px;
  right: 0;
  padding: 8px 0;
  background-color: white;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
.modal-team-wordpress-invite .modal-body .table-header.show {
  display: block;
}
.modal-team-wordpress-invite .modal-body .table-header .table-heading {
  display: inline-block;
  font-weight: 700;
}
.modal-team-wordpress-invite .modal-body .table-header .table-heading.table-name {
  width: 221px;
  margin-left: 59px;
}
.modal-team-wordpress-invite .modal-body .table-header .table-heading.table-role {
  width: 97px;
}
.modal-team-wordpress-invite .modal-body .table-header .table-heading.table-admin {
  width: 145px;
}

.delete-confirm-modal .modal-body {
  min-height: initial;
}

@keyframes fade-in {
  0% {
    background-color: rgba(255, 255, 255, 0);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.6);
  }
}
.progress {
  display: block;
  overflow: hidden;
  height: 20px;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 20px;
}
.progress .bar {
  background-color: #d17760;
  width: 0%;
  height: 100%;
  float: left;
  box-sizing: border-box;
  transition: width 0.6s ease;
  border-radius: 4px;
}

.radio-container input {
  position: absolute;
  opacity: 0;
  display: none;
  left: 0;
}

.radio-container .radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
}

.radio-container:hover input ~ .radio-checkmark {
  background-color: #f7f7f7;
  border: 1px solid #b3b3b3;
  transition: all 0.2s ease;
  cursor: pointer;
}

.radio-container input:checked ~ .radio-checkmark {
  background-color: #d17760;
  border: 1px solid #d17760;
}

.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

.radio-container .radio-checkmark:after {
  top: 5px;
  left: 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: white;
}

.skeleton, .file-attachment.processing .file-card .file-preview {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background-color: #b3b3b3;
  background-image: linear-gradient(-90deg, #f7f7f7 0%, #e6e6e6 100%);
  animation: skeleton-loader 1s ease-in-out infinite alternate;
}
.skeleton.darker, .file-attachment.processing .file-card .darker.file-preview {
  background-image: linear-gradient(-90deg, #e6e6e6 0%, #cccccc 100%);
}
.skeleton.no-background, .file-attachment.processing .file-card .no-background.file-preview {
  background-image: none;
}
.skeleton.text, .file-attachment.processing .file-card .text.file-preview {
  height: 11.9px;
  border-radius: 11.9px;
  margin-top: 6.885px;
}
.skeleton.text.small, .file-attachment.processing .file-card .text.small.file-preview {
  height: 10.2px;
  border-radius: 10.2px;
  margin-top: 5.61px;
}
.skeleton.skeleton-input, .file-attachment.processing .file-card .skeleton-input.file-preview {
  height: 30px;
}
.skeleton.skeleton-button, .file-attachment.processing .file-card .skeleton-button.file-preview {
  height: 30px;
  border-radius: 10px;
  min-width: 75px;
  width: auto;
}
.skeleton.skeleton-button.round, .file-attachment.processing .file-card .skeleton-button.round.file-preview {
  border-radius: 30px;
}

h1.skeleton, .file-attachment.processing .file-card h1.file-preview,
.skeleton.h1,
.file-attachment.processing .file-card .h1.file-preview {
  height: 32.725px;
  border-radius: 32.725px;
  margin-top: 6.18375px;
}

h2.skeleton, .file-attachment.processing .file-card h2.file-preview,
.skeleton.h2,
.file-attachment.processing .file-card .h2.file-preview {
  height: 26.775px;
  border-radius: 26.775px;
  margin-top: 11.24125px;
}

h3.skeleton, .file-attachment.processing .file-card h3.file-preview,
.skeleton.h3,
.file-attachment.processing .file-card .h3.file-preview {
  height: 20.825px;
  border-radius: 20.825px;
  margin-top: 16.29875px;
}

h4.skeleton, .file-attachment.processing .file-card h4.file-preview,
.skeleton.h4,
.file-attachment.processing .file-card .h4.file-preview {
  height: 14.875px;
  border-radius: 14.875px;
  margin-top: 4.35625px;
}

h5.skeleton, .file-attachment.processing .file-card h5.file-preview,
.skeleton.h5,
.file-attachment.processing .file-card .h5.file-preview {
  height: 11.9px;
  border-radius: 11.9px;
  margin-top: 6.885px;
}

h6.skeleton, .file-attachment.processing .file-card h6.file-preview,
.skeleton.h6,
.file-attachment.processing .file-card .h6.file-preview {
  height: 10.115px;
  border-radius: 10.115px;
  margin-top: 8.40225px;
}

@keyframes skeleton-loader {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.status-picker .button.outline {
  border-color: #cccccc;
  padding: 7px 9px;
}
.status-picker .button.outline .icon-chevron-down {
  color: #b3b3b3;
  font-size: 12px;
}
.status-picker.draft .button.outline {
  border-color: #c09853;
  background-color: #fbf3db;
  color: #ad894b;
}
.status-picker.draft .button.outline .icon-chevron-down {
  color: #ad894b;
}
.status-picker.draft .button.outline:hover, .status-picker.draft .button.outline:focus, .status-picker.draft .button.outline:active {
  background-color: #fbf3db;
  color: #ad894b;
}
.status-picker.status-project-header .button.outline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  border: none;
  border-radius: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-right: 5px;
  padding: 6px 10px;
  font-size: 14px;
  height: 38px;
  background-color: #f7f7f7;
}
.status-picker.status-project-header .button.outline .icon-chevron-down {
  display: none;
}
.status-picker.status-project-header .button.outline:hover {
  box-shadow: 0 0 0 8px #f7f7f7;
}
.status-picker.status-project-header.draft .button.outline {
  background-color: #fbf3db;
}

.status-picker-dropdown .cos-basic-dropdown-content-group {
  padding: 0;
}
.status-picker-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.status-item {
  height: 34px;
}
.status-picker-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.status-item.draft {
  color: #ad894b;
  background-color: #fbf3db;
}
.status-picker-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.status-item.draft:hover {
  background-color: #fcefbf;
}
.status-picker-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.status-item .cos-basic-dropdown-content-option-selected-icon {
  padding-left: 10px;
}
.status-picker-dropdown .cos-basic-dropdown-content-footer {
  padding: 0;
  height: initial;
}
.status-picker-dropdown .cos-basic-dropdown-content-footer .button.flat {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #808080;
  text-align: left;
}

button,
select,
textarea,
input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

select,
textarea,
input {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  color: #666666;
  border-radius: 4px;
}
select[disabled], select[readonly],
textarea[disabled],
textarea[readonly],
input[disabled],
input[readonly] {
  cursor: not-allowed;
  background-color: #f7f7f7;
}
select[disabled].disabled-override, select[readonly].disabled-override,
textarea[disabled].disabled-override,
textarea[readonly].disabled-override,
input[disabled].disabled-override,
input[readonly].disabled-override {
  cursor: pointer;
  background-color: #ffffff;
}
select:focus:invalid,
textarea:focus:invalid,
input:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
select:focus:invalid:focus,
textarea:focus:invalid:focus,
input:focus:invalid:focus {
  border-color: #e9322d;
  box-shadow: 0 0 6px #f8b9b7;
}

textarea,
input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  transition: border 0.2s linear;
  outline: none !important;
  margin-left: 0;
}
textarea::-moz-placeholder, input::-moz-placeholder {
  color: #b3b3b3;
}
textarea::placeholder,
input::placeholder {
  color: #b3b3b3;
}

select {
  height: 30px;
  border: 1px solid #cccccc;
  min-width: 80px;
}
select[multiple], select[size] {
  height: auto;
}

.input-append {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.input-append input {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  border-radius: 4px 0 0 4px;
}
.input-append .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eee;
  border: 1px solid #ccc;
}
.input-append .add-on {
  vertical-align: top;
  border-radius: 0;
  margin-left: -1px;
}
.input-append .add-on:last-child {
  border-radius: 0 4px 4px 0;
}

div.input {
  position: relative;
  padding-top: 20px;
  height: 100%;
  width: 100%;
}
div.input label {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #b3b3b3;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
div.input label.validate:after {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  color: #999999;
  content: attr(data-invalid);
  position: absolute;
  bottom: -18px;
  display: none;
}
div.input label.tooltip:after {
  z-index: 3;
}
div.input label.help a {
  line-height: 14px;
  margin-left: 5px;
  color: #b3b3b3;
}
div.input label.help a:hover {
  text-decoration: none;
  color: #999999;
}
div.input textarea,
div.input input,
div.input input[type=text],
div.input input[type=password],
div.input input[type=datetime],
div.input input[type=datetime-local],
div.input input[type=date],
div.input input[type=month],
div.input input[type=time],
div.input input[type=week],
div.input input[type=number],
div.input input[type=email],
div.input input[type=url],
div.input input[type=search],
div.input input[type=tel],
div.input input[type=color],
div.input .uneditable-input {
  display: block;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  outline-style: none;
  outline: none;
  width: 100%;
  border: 1px solid #b3b3b3;
  color: #666666;
  padding: 4px 6px;
  min-height: 30px;
  font-size: 14px;
  line-height: 20px;
  transition: border-color 0.2s ease;
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
}
div.input textarea:focus,
div.input input:focus,
div.input input[type=text]:focus,
div.input input[type=password]:focus,
div.input input[type=datetime]:focus,
div.input input[type=datetime-local]:focus,
div.input input[type=date]:focus,
div.input input[type=month]:focus,
div.input input[type=time]:focus,
div.input input[type=week]:focus,
div.input input[type=number]:focus,
div.input input[type=email]:focus,
div.input input[type=url]:focus,
div.input input[type=search]:focus,
div.input input[type=tel]:focus,
div.input input[type=color]:focus,
div.input .uneditable-input:focus {
  border-color: #999999;
}
div.input textarea.input-jumbo,
div.input input.input-jumbo,
div.input input[type=text].input-jumbo,
div.input input[type=password].input-jumbo,
div.input input[type=datetime].input-jumbo,
div.input input[type=datetime-local].input-jumbo,
div.input input[type=date].input-jumbo,
div.input input[type=month].input-jumbo,
div.input input[type=time].input-jumbo,
div.input input[type=week].input-jumbo,
div.input input[type=number].input-jumbo,
div.input input[type=email].input-jumbo,
div.input input[type=url].input-jumbo,
div.input input[type=search].input-jumbo,
div.input input[type=tel].input-jumbo,
div.input input[type=color].input-jumbo,
div.input .uneditable-input.input-jumbo {
  padding: 0px 15px;
  font-size: 16px;
  line-height: 20px;
  height: 50px;
}
div.input textarea.disabled, div.input .integration-modal .container.enabled .body .header textarea.btn, .integration-modal .container.enabled .body .header div.input textarea.btn,
div.input input.disabled,
div.input .integration-modal .container.enabled .body .header input.btn,
.integration-modal .container.enabled .body .header div.input input.btn,
div.input input[type=text].disabled,
div.input input[type=password].disabled,
div.input input[type=datetime].disabled,
div.input input[type=datetime-local].disabled,
div.input input[type=date].disabled,
div.input input[type=month].disabled,
div.input input[type=time].disabled,
div.input input[type=week].disabled,
div.input input[type=number].disabled,
div.input input[type=email].disabled,
div.input input[type=url].disabled,
div.input input[type=search].disabled,
div.input input[type=tel].disabled,
div.input input[type=color].disabled,
div.input .uneditable-input.disabled,
div.input .integration-modal .container.enabled .body .header .uneditable-input.btn,
.integration-modal .container.enabled .body .header div.input .uneditable-input.btn {
  background-color: #f7f7f7;
}
div.input textarea.invalid,
div.input input.invalid,
div.input input[type=text].invalid,
div.input input[type=password].invalid,
div.input input[type=datetime].invalid,
div.input input[type=datetime-local].invalid,
div.input input[type=date].invalid,
div.input input[type=month].invalid,
div.input input[type=time].invalid,
div.input input[type=week].invalid,
div.input input[type=number].invalid,
div.input input[type=email].invalid,
div.input input[type=url].invalid,
div.input input[type=search].invalid,
div.input input[type=tel].invalid,
div.input input[type=color].invalid,
div.input .uneditable-input.invalid {
  border-color: #daa1a0;
}
div.input textarea.invalid + label:after,
div.input input.invalid + label:after,
div.input input[type=text].invalid + label:after,
div.input input[type=password].invalid + label:after,
div.input input[type=datetime].invalid + label:after,
div.input input[type=datetime-local].invalid + label:after,
div.input input[type=date].invalid + label:after,
div.input input[type=month].invalid + label:after,
div.input input[type=time].invalid + label:after,
div.input input[type=week].invalid + label:after,
div.input input[type=number].invalid + label:after,
div.input input[type=email].invalid + label:after,
div.input input[type=url].invalid + label:after,
div.input input[type=search].invalid + label:after,
div.input input[type=tel].invalid + label:after,
div.input input[type=color].invalid + label:after,
div.input .uneditable-input.invalid + label:after {
  display: block;
  color: #d15451;
}
div.input textarea.invalid:focus,
div.input input.invalid:focus,
div.input input[type=text].invalid:focus,
div.input input[type=password].invalid:focus,
div.input input[type=datetime].invalid:focus,
div.input input[type=datetime-local].invalid:focus,
div.input input[type=date].invalid:focus,
div.input input[type=month].invalid:focus,
div.input input[type=time].invalid:focus,
div.input input[type=week].invalid:focus,
div.input input[type=number].invalid:focus,
div.input input[type=email].invalid:focus,
div.input input[type=url].invalid:focus,
div.input input[type=search].invalid:focus,
div.input input[type=tel].invalid:focus,
div.input input[type=color].invalid:focus,
div.input .uneditable-input.invalid:focus {
  border-color: #d15451 !important;
}
div.input textarea.valid + label:after,
div.input input.valid + label:after,
div.input input[type=text].valid + label:after,
div.input input[type=password].valid + label:after,
div.input input[type=datetime].valid + label:after,
div.input input[type=datetime-local].valid + label:after,
div.input input[type=date].valid + label:after,
div.input input[type=month].valid + label:after,
div.input input[type=time].valid + label:after,
div.input input[type=week].valid + label:after,
div.input input[type=number].valid + label:after,
div.input input[type=email].valid + label:after,
div.input input[type=url].valid + label:after,
div.input input[type=search].valid + label:after,
div.input input[type=tel].valid + label:after,
div.input input[type=color].valid + label:after,
div.input .uneditable-input.valid + label:after {
  display: block;
  color: #999999;
}
div.input textarea.show-subtext,
div.input input.show-subtext,
div.input input[type=text].show-subtext,
div.input input[type=password].show-subtext,
div.input input[type=datetime].show-subtext,
div.input input[type=datetime-local].show-subtext,
div.input input[type=date].show-subtext,
div.input input[type=month].show-subtext,
div.input input[type=time].show-subtext,
div.input input[type=week].show-subtext,
div.input input[type=number].show-subtext,
div.input input[type=email].show-subtext,
div.input input[type=url].show-subtext,
div.input input[type=search].show-subtext,
div.input input[type=tel].show-subtext,
div.input input[type=color].show-subtext,
div.input .uneditable-input.show-subtext {
  display: block;
}
div.input textarea {
  min-height: 100px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.toggle-container {
  float: left;
  margin-top: 5px;
  cursor: pointer;
}
.toggle-container .toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.toggle-container .toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle-container input.toggle-round + label {
  width: 40px;
  height: 22px;
  border-radius: 60px;
}
.toggle-container input.toggle-round + label:before,
.toggle-container input.toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
.toggle-container input.toggle-round + label:before {
  right: 1px;
  width: 40px;
  height: 22px;
  margin-top: -1px;
  margin-left: -1px;
  background-color: #cccccc;
  border-radius: 60px;
  transition: background 0.4s;
}
.toggle-container input.toggle-round:disabled + label:before {
  background-color: #cccccc;
  cursor: not-allowed;
}
.toggle-container input.toggle-round:disabled:checked + label:before {
  background-color: #e0f7cf;
  cursor: not-allowed;
}
.toggle-container input.toggle-round.darker-toggle + label:before {
  background-color: #b3b3b3;
}
.toggle-container input.toggle-round + label:after {
  margin-top: 1px;
  margin-left: 1px;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 100%;
  transition: margin 0.4s;
}
.toggle-container input.toggle-round:checked + label:before {
  background-color: #8ac884;
  width: 40px;
  height: 22px;
  margin-top: -1px;
  margin-left: -1px;
}
.toggle-container input.toggle-round:checked + label:after {
  margin-left: 19px;
}
.toggle-container.disabled, .integration-modal .container.enabled .body .header .toggle-container.btn {
  cursor: not-allowed;
}
.toggle-container.read-only-toggle {
  margin-top: 0;
  margin-right: 6px;
}
.toggle-container.beta-toggle {
  display: flex;
  align-items: center;
  margin: 0 0 0 6px;
  position: relative;
  padding: 0 8px 0 0;
  border-radius: 7px;
  height: 30px;
}
.toggle-container.beta-toggle input.toggle-round + label {
  transform: scale(0.75);
  margin-bottom: 0;
}
.toggle-container.beta-toggle input.toggle-round:checked + label:before {
  background-color: #275a9a;
}

[class*=tooltip],
.tooltip {
  display: inline-block;
  position: relative;
}
[class*=tooltip]:after, [class*=tooltip].no-attr .tooltip-text,
.tooltip:after,
.tooltip.no-attr .tooltip-text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  white-space: nowrap;
  padding: 6px 8px;
  z-index: 100;
  background: rgba(26, 26, 26, 0.85);
  color: #f7f7f7;
  border-radius: 2px;
  transition: all 0.25s ease;
  transition-delay: 0.4s;
  text-transform: none;
  text-align: center;
  letter-spacing: 0.07em;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
[class*=tooltip]:after,
.tooltip:after {
  pointer-events: none;
}
[class*=tooltip]:hover:after, [class*=tooltip].no-attr:hover .tooltip-text,
.tooltip:hover:after,
.tooltip.no-attr:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 10px);
}
[class*=tooltip][data-tooltip]:after,
.tooltip[data-tooltip]:after {
  content: attr(data-tooltip);
}
[class*=tooltip].always-show:after, [class*=tooltip].no-attr.always-show .tooltip-text,
.tooltip.always-show:after,
.tooltip.no-attr.always-show .tooltip-text {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 10px);
}

.tooltip-reverse:after, .tooltip-reverse.no-attr .tooltip-text {
  background: #ffffff;
  color: #4d4d4d;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  width: 250px;
  white-space: initial;
}

.tooltip-delay:after, .tooltip-delay.no-attr .tooltip-text {
  transition-delay: 0s;
}
.tooltip-delay:hover:after, .tooltip-delay.no-attr .tooltip-text {
  transition-delay: 1s;
}
.tooltip-delay-0_5s:hover:after, .tooltip-delay-0_5s:hover.no-attr .tooltip-text {
  transition-delay: 0.5s;
}
.tooltip-delay-1s:hover:after, .tooltip-delay-1s:hover.no-attr .tooltip-text {
  transition-delay: 1s;
}
.tooltip-delay-1_5s:hover:after, .tooltip-delay-1_5s:hover.no-attr .tooltip-text {
  transition-delay: 1.5s;
}
.tooltip-delay-2s:hover:after, .tooltip-delay-2s:hover.no-attr .tooltip-text {
  transition-delay: 2s;
}
.tooltip-delay-2_5s:hover:after, .tooltip-delay-2_5s:hover.no-attr .tooltip-text {
  transition-delay: 2.5s;
}
.tooltip-delay-3s:hover:after, .tooltip-delay-3s:hover.no-attr .tooltip-text {
  transition-delay: 3s;
}
.tooltip-delay-3_5s:hover:after, .tooltip-delay-3_5s:hover.no-attr .tooltip-text {
  transition-delay: 3.5s;
}
.tooltip-delay-4s:hover:after, .tooltip-delay-4s:hover.no-attr .tooltip-text {
  transition-delay: 4s;
}
.tooltip-delay-4_5s:hover:after, .tooltip-delay-4_5s:hover.no-attr .tooltip-text {
  transition-delay: 4.5s;
}
.tooltip-delay-5s:hover:after, .tooltip-delay-5s:hover.no-attr .tooltip-text {
  transition-delay: 5s;
}

[class*=tooltip-delay]:after, [class*=tooltip-delay].no-attr .tooltip-text {
  transition-delay: 0s;
}

.tooltip-small:after, .tooltip-small.no-attr .tooltip-text,
.tooltip-medium:after,
.tooltip-medium.no-attr .tooltip-text,
.tooltip-large:after,
.tooltip-large.no-attr .tooltip-text,
.tooltip-100:after,
.tooltip-100.no-attr .tooltip-text,
.tooltip-150:after,
.tooltip-150.no-attr .tooltip-text,
.tooltip-200:after,
.tooltip-200.no-attr .tooltip-text,
.tooltip-250:after,
.tooltip-250.no-attr .tooltip-text,
.tooltip-300:after,
.tooltip-300.no-attr .tooltip-text,
.tooltip-350:after,
.tooltip-350.no-attr .tooltip-text,
.tooltip-400:after,
.tooltip-400.no-attr .tooltip-text,
.tooltip-450:after,
.tooltip-450.no-attr .tooltip-text,
.tooltip-500:after,
.tooltip-500.no-attr .tooltip-text {
  width: 10000%;
  white-space: normal;
}

.tooltip-small:after, .tooltip-small.no-attr .tooltip-text,
.tooltip-100:after,
.tooltip-100.no-attr .tooltip-text {
  max-width: 100px;
}

.tooltip-150:after, .tooltip-150.no-attr .tooltip-text {
  max-width: 150px;
}

.tooltip-200:after, .tooltip-200.no-attr .tooltip-text {
  max-width: 200px;
}

.tooltip-medium:after, .tooltip-medium.no-attr .tooltip-text,
.tooltip-250:after,
.tooltip-250.no-attr .tooltip-text {
  max-width: 250px;
}

.tooltip-300:after, .tooltip-300.no-attr .tooltip-text {
  max-width: 300px;
}

.tooltip-350:after, .tooltip-350.no-attr .tooltip-text {
  max-width: 350px;
}

.tooltip-400:after, .tooltip-400.no-attr .tooltip-text {
  max-width: 400px;
}

.tooltip-450:after, .tooltip-450.no-attr .tooltip-text {
  max-width: 450px;
}

.tooltip-large:after, .tooltip-large.no-attr .tooltip-text,
.tooltip-500:after,
.tooltip-500.no-attr .tooltip-text {
  max-width: 500px;
}

.tooltip-top:after, .tooltip-top.no-attr .tooltip-text {
  bottom: 100%;
  left: 50%;
  top: auto;
  right: auto;
  transform: translate(-50%, 10px);
}
.tooltip-top:hover:after, .tooltip-top.no-attr:hover .tooltip-text, .tooltip-top.always-show:after, .tooltip-top.always-show.no-attr .tooltip-text {
  transform: translate(-50%, 0);
}

.tooltip-top-left:after, .tooltip-top-left.no-attr .tooltip-text {
  bottom: 100%;
  left: auto;
  top: auto;
  right: 0;
  transform: translate(0, 10px);
  margin-bottom: 5px;
}
.tooltip-top-left:hover:after, .tooltip-top-left.no-attr:hover .tooltip-text, .tooltip-top-left.always-show:after, .tooltip-top-left.always-show.no-attr .tooltip-text {
  transform: translate(0, 0);
}

.tooltip-top-right:after, .tooltip-top-right.no-attr .tooltip-text {
  bottom: 100%;
  left: 0;
  top: auto;
  right: auto;
  transform: translate(0, 10px);
  margin-bottom: 5px;
}
.tooltip-top-right:hover:after, .tooltip-top-right.no-attr:hover .tooltip-text, .tooltip-top-right.always-show:after, .tooltip-top-right.always-show.no-attr .tooltip-text {
  transform: translate(0, 0);
}

.tooltip-right:after, .tooltip-right.no-attr .tooltip-text {
  left: 100%;
  bottom: 50%;
  top: auto;
  right: auto;
  transform: translateY(50%);
}
.tooltip-right:hover:after, .tooltip-right.no-attr:hover .tooltip-text, .tooltip-right.always-show:after, .tooltip-right.always-show.no-attr .tooltip-text {
  transform: translate(10px, 50%);
}

.tooltip-bottom:after, .tooltip-bottom.no-attr .tooltip-text {
  top: 100%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -10px);
}
.tooltip-bottom:hover:after, .tooltip-bottom.no-attr:hover .tooltip-text, .tooltip-bottom.always-show:after, .tooltip-bottom.always-show.no-attr .tooltip-text {
  transform: translate(-50%, 0);
}

.tooltip-bottom-left:after, .tooltip-bottom-left.no-attr .tooltip-text {
  top: 100%;
  left: auto;
  bottom: auto;
  right: 0;
  transform: translate(0, -10px);
  margin-top: 5px;
}
.tooltip-bottom-left:hover:after, .tooltip-bottom-left.no-attr:hover .tooltip-text, .tooltip-bottom-left.always-show:after, .tooltip-bottom-left.always-show.no-attr .tooltip-text {
  transform: translate(0, 0);
}

.tooltip-bottom-right:after, .tooltip-bottom-right.no-attr .tooltip-text {
  top: 100%;
  left: 0;
  bottom: auto;
  right: auto;
  transform: translate(0, -10px);
  margin-top: 5px;
}
.tooltip-bottom-right:hover:after, .tooltip-bottom-right.no-attr:hover .tooltip-text, .tooltip-bottom-right.always-show:after, .tooltip-bottom-right.always-show.no-attr .tooltip-text {
  transform: translate(0, 0);
}

.tooltip-left:after, .tooltip-left.no-attr .tooltip-text {
  right: 100%;
  bottom: 50%;
  top: auto;
  left: auto;
  transform: translateY(50%);
}
.tooltip-left:hover:after, .tooltip-left.no-attr:hover .tooltip-text, .tooltip-left.always-show:after, .tooltip-left.always-show.no-attr .tooltip-text {
  transform: translate(-10px, 50%);
}

/*This is used by our keyword-complete plugin. The styles above were breaking it.*/
.complete-tooltip {
  display: block;
}

.progress-container, .file .file-thumbnail .processing {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.progress-container .status .detail, .file .file-thumbnail .processing .status .detail {
  min-width: 35px;
  text-align: right;
  display: inline-block;
}

.upload-progress {
  position: relative;
  height: 6px;
  display: block;
  width: 40%;
  background-color: #f3ddd7;
  border-radius: 10px;
  background-clip: padding-box;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}
.upload-progress.width-100 {
  width: 100%;
}
.upload-progress.processing {
  background-color: #d17760;
}
.upload-progress.processing .indeterminate:before {
  background-color: #dfa08f;
}
.upload-progress.processing .indeterminate:after {
  background-color: #eac1b7;
}
.upload-progress .determinate {
  position: absolute;
  background-color: #d17760;
  top: 0;
  bottom: 0;
  transition: width 0.3s linear;
  border-radius: 10px;
}
.upload-progress .indeterminate {
  background-color: #d17760;
}
.upload-progress .indeterminate:before {
  content: "";
  display: block;
  border-radius: 10px;
  width: 25%;
  font-size: 12px;
  line-height: 4px;
  position: absolute;
  background-color: #e2aa9b;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: smooth 2s linear infinite;
}
.upload-progress .indeterminate:after {
  content: "";
  display: block;
  border-radius: 10px;
  width: 15%;
  position: absolute;
  background-color: #d17760;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  will-change: left, right;
  animation: smooth 4s linear infinite;
}
.upload-progress .indeterminate.simplified:before {
  background-color: #d17760;
  animation: indeterminate 2.5s ease-in-out infinite;
}
.upload-progress .indeterminate.simplified:after {
  display: none;
}

@keyframes processing {
  0% {
    left: -10%;
    right: 100%;
  }
  50% {
    left: 95%;
    right: 0%;
  }
  100% {
    left: -10%;
    right: 100%;
  }
}
@keyframes smooth {
  0% {
    left: -35%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.tagify {
  --tags-border-color: #cccccc;
  --tags-hover-border-color: #999999;
  --tags-focus-border-color: #666666;
  --tag-bg: #e6e6e6;
  --tag-hover: #cccccc;
  font-size: 12px;
  border-radius: 6px;
}
.tagify__input {
  color: #666666;
}
.tagify__tag > div {
  border-radius: 20px;
}
.tagify__tag__removeBtn {
  font-size: 12px;
  align-items: flex-start;
  line-height: 1;
}
.tagify__dropdown {
  --tagify-dd-color-primary: #e6e6e6;
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  min-width: 200px;
  max-width: 250px;
  border: none;
}
.tagify__dropdown__wrapper {
  border-radius: 6px;
  border: none;
}
.tagify__dropdown__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.tagify__dropdown__item:hover, .tagify__dropdown__item--active {
  color: #333333;
}

button.button,
a.button,
.button,
input[type=button],
input[type=submit] {
  outline: none;
}
button.button:not(.text-link),
a.button:not(.text-link),
.button:not(.text-link),
input[type=button]:not(.text-link),
input[type=submit]:not(.text-link) {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #999999;
  border: 1px solid transparent;
  text-align: center;
  display: inline-block;
  padding: 7px 12px;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.15s ease;
  box-sizing: border-box;
  white-space: nowrap;
  text-decoration: none;
  height: auto;
}
button.button:not(.text-link):hover, button.button:not(.text-link):focus,
a.button:not(.text-link):hover,
a.button:not(.text-link):focus,
.button:not(.text-link):hover,
.button:not(.text-link):focus,
input[type=button]:not(.text-link):hover,
input[type=button]:not(.text-link):focus,
input[type=submit]:not(.text-link):hover,
input[type=submit]:not(.text-link):focus {
  background-color: #666666;
  color: #ffffff;
  text-decoration: none;
}
button.button:not(.text-link):active, button.button:not(.text-link):active:hover,
a.button:not(.text-link):active,
a.button:not(.text-link):active:hover,
.button:not(.text-link):active,
.button:not(.text-link):active:hover,
input[type=button]:not(.text-link):active,
input[type=button]:not(.text-link):active:hover,
input[type=submit]:not(.text-link):active,
input[type=submit]:not(.text-link):active:hover {
  background-color: #4d4d4d;
}
button.button:not(.text-link).disabled, button.button:not(.text-link):disabled, button.button:not(.text-link)[disabled],
a.button:not(.text-link).disabled,
a.button:not(.text-link):disabled,
a.button:not(.text-link)[disabled],
.button:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.btn:not(.text-link),
.button:not(.text-link):disabled,
.button:not(.text-link)[disabled],
input[type=button]:not(.text-link).disabled,
.integration-modal .container.enabled .body .header input[type=button].btn:not(.text-link),
input[type=button]:not(.text-link):disabled,
input[type=button]:not(.text-link)[disabled],
input[type=submit]:not(.text-link).disabled,
.integration-modal .container.enabled .body .header input[type=submit].btn:not(.text-link),
input[type=submit]:not(.text-link):disabled,
input[type=submit]:not(.text-link)[disabled] {
  cursor: not-allowed;
  background-color: rgba(153, 153, 153, 0.35) !important;
}
button.button [class^=icon-],
a.button [class^=icon-],
.button [class^=icon-],
input[type=button] [class^=icon-],
input[type=submit] [class^=icon-] {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  margin-right: 5px;
}
button.button [class^=icon-].after,
a.button [class^=icon-].after,
.button [class^=icon-].after,
input[type=button] [class^=icon-].after,
input[type=submit] [class^=icon-].after {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
button.button.flat, button.button.outline,
a.button.flat,
a.button.outline,
.button.flat,
.button.outline,
input[type=button].flat,
input[type=button].outline,
input[type=submit].flat,
input[type=submit].outline {
  background-color: transparent;
  color: #666666;
}
button.button.flat:hover, button.button.flat:focus, button.button.outline:hover, button.button.outline:focus,
a.button.flat:hover,
a.button.flat:focus,
a.button.outline:hover,
a.button.outline:focus,
.button.flat:hover,
.button.flat:focus,
.button.outline:hover,
.button.outline:focus,
input[type=button].flat:hover,
input[type=button].flat:focus,
input[type=button].outline:hover,
input[type=button].outline:focus,
input[type=submit].flat:hover,
input[type=submit].flat:focus,
input[type=submit].outline:hover,
input[type=submit].outline:focus {
  background-color: #f7f7f7;
  color: #4d4d4d;
}
button.button.flat:active, button.button.flat:active:hover, button.button.outline:active, button.button.outline:active:hover,
a.button.flat:active,
a.button.flat:active:hover,
a.button.outline:active,
a.button.outline:active:hover,
.button.flat:active,
.button.flat:active:hover,
.button.outline:active,
.button.outline:active:hover,
input[type=button].flat:active,
input[type=button].flat:active:hover,
input[type=button].outline:active,
input[type=button].outline:active:hover,
input[type=submit].flat:active,
input[type=submit].flat:active:hover,
input[type=submit].outline:active,
input[type=submit].outline:active:hover {
  background-color: #e6e6e6;
  color: #333333;
}
button.button.flat.disabled, button.button.flat:disabled, button.button.flat[disabled], button.button.outline.disabled, button.button.outline:disabled, button.button.outline[disabled],
a.button.flat.disabled,
a.button.flat:disabled,
a.button.flat[disabled],
a.button.outline.disabled,
a.button.outline:disabled,
a.button.outline[disabled],
.button.flat.disabled,
.integration-modal .container.enabled .body .header .button.flat.btn,
.button.flat:disabled,
.button.flat[disabled],
.button.outline.disabled,
.integration-modal .container.enabled .body .header .button.outline.btn,
.button.outline:disabled,
.button.outline[disabled],
input[type=button].flat.disabled,
.integration-modal .container.enabled .body .header input[type=button].flat.btn,
input[type=button].flat:disabled,
input[type=button].flat[disabled],
input[type=button].outline.disabled,
.integration-modal .container.enabled .body .header input[type=button].outline.btn,
input[type=button].outline:disabled,
input[type=button].outline[disabled],
input[type=submit].flat.disabled,
.integration-modal .container.enabled .body .header input[type=submit].flat.btn,
input[type=submit].flat:disabled,
input[type=submit].flat[disabled],
input[type=submit].outline.disabled,
.integration-modal .container.enabled .body .header input[type=submit].outline.btn,
input[type=submit].outline:disabled,
input[type=submit].outline[disabled] {
  color: rgba(102, 102, 102, 0.35);
  background-color: transparent !important;
}
button.button.outline,
a.button.outline,
.button.outline,
input[type=button].outline,
input[type=submit].outline {
  border-color: #b3b3b3;
}
button.button.outline.disabled, button.button.outline:disabled, button.button.outline[disabled],
a.button.outline.disabled,
a.button.outline:disabled,
a.button.outline[disabled],
.button.outline.disabled,
.integration-modal .container.enabled .body .header .button.outline.btn,
.button.outline:disabled,
.button.outline[disabled],
input[type=button].outline.disabled,
.integration-modal .container.enabled .body .header input[type=button].outline.btn,
input[type=button].outline:disabled,
input[type=button].outline[disabled],
input[type=submit].outline.disabled,
.integration-modal .container.enabled .body .header input[type=submit].outline.btn,
input[type=submit].outline:disabled,
input[type=submit].outline[disabled] {
  border-color: rgba(179, 179, 179, 0.35);
}
button.button.round,
a.button.round,
.button.round,
input[type=button].round,
input[type=submit].round {
  border-radius: 40px;
}
button.button.small,
a.button.small,
.button.small,
input[type=button].small,
input[type=submit].small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
}
button.button.small [class^=icon-],
a.button.small [class^=icon-],
.button.small [class^=icon-],
input[type=button].small [class^=icon-],
input[type=submit].small [class^=icon-] {
  font-size: 10px;
}
button.button.large,
a.button.large,
.button.large,
input[type=button].large,
input[type=submit].large {
  padding: 12px 20px;
  height: 44px;
  font-size: 16px;
  line-height: 20px;
}
button.button.large [class^=icon-],
a.button.large [class^=icon-],
.button.large [class^=icon-],
input[type=button].large [class^=icon-],
input[type=submit].large [class^=icon-] {
  font-size: 14px;
}
button.button.left,
a.button.left,
.button.left,
input[type=button].left,
input[type=submit].left {
  text-align: left;
}
button.button.light-gray,
a.button.light-gray,
.button.light-gray,
input[type=button].light-gray,
input[type=submit].light-gray {
  color: #666666;
  background-color: #e6e6e6;
}
button.button.light-gray:hover, button.button.light-gray:focus, button.button.light-gray:active, button.button.light-gray:active:hover,
a.button.light-gray:hover,
a.button.light-gray:focus,
a.button.light-gray:active,
a.button.light-gray:active:hover,
.button.light-gray:hover,
.button.light-gray:focus,
.button.light-gray:active,
.button.light-gray:active:hover,
input[type=button].light-gray:hover,
input[type=button].light-gray:focus,
input[type=button].light-gray:active,
input[type=button].light-gray:active:hover,
input[type=submit].light-gray:hover,
input[type=submit].light-gray:focus,
input[type=submit].light-gray:active,
input[type=submit].light-gray:active:hover {
  color: #666666;
  background-color: #cccccc;
}
button.button.text-link,
a.button.text-link,
.button.text-link,
input[type=button].text-link,
input[type=submit].text-link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
  border: none;
  outline: none;
}
button.button.text-link,
button.button.text-link a,
a.button.text-link,
a.button.text-link a,
.button.text-link,
.button.text-link a,
input[type=button].text-link,
input[type=button].text-link a,
input[type=submit].text-link,
input[type=submit].text-link a {
  color: #999999;
}
button.button.text-link:hover, button.button.text-link:focus, button.button.text-link:active, button.button.text-link:active:hover,
a.button.text-link:hover,
a.button.text-link:focus,
a.button.text-link:active,
a.button.text-link:active:hover,
.button.text-link:hover,
.button.text-link:focus,
.button.text-link:active,
.button.text-link:active:hover,
input[type=button].text-link:hover,
input[type=button].text-link:focus,
input[type=button].text-link:active,
input[type=button].text-link:active:hover,
input[type=submit].text-link:hover,
input[type=submit].text-link:focus,
input[type=submit].text-link:active,
input[type=submit].text-link:active:hover {
  color: #4d4d4d;
  text-decoration: underline;
}
button.button.text-link.disabled, button.button.text-link:disabled, button.button.text-link[disabled],
a.button.text-link.disabled,
a.button.text-link:disabled,
a.button.text-link[disabled],
.button.text-link.disabled,
.integration-modal .container.enabled .body .header .button.text-link.btn,
.button.text-link:disabled,
.button.text-link[disabled],
input[type=button].text-link.disabled,
.integration-modal .container.enabled .body .header input[type=button].text-link.btn,
input[type=button].text-link:disabled,
input[type=button].text-link[disabled],
input[type=submit].text-link.disabled,
.integration-modal .container.enabled .body .header input[type=submit].text-link.btn,
input[type=submit].text-link:disabled,
input[type=submit].text-link[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  color: #999999 !important;
  text-decoration: none !important;
}

button.button.orange:not(.text-link),
a.button.orange:not(.text-link),
.button.orange:not(.text-link) {
  background-color: #d17760;
}
button.button.orange:not(.text-link):hover, button.button.orange:not(.text-link):focus,
a.button.orange:not(.text-link):hover,
a.button.orange:not(.text-link):focus,
.button.orange:not(.text-link):hover,
.button.orange:not(.text-link):focus {
  background-color: #bc6148;
}
button.button.orange:not(.text-link):active, button.button.orange:not(.text-link):active:hover,
a.button.orange:not(.text-link):active,
a.button.orange:not(.text-link):active:hover,
.button.orange:not(.text-link):active,
.button.orange:not(.text-link):active:hover {
  background-color: #a74a30;
}
button.button.orange:not(.text-link).disabled, button.button.orange:not(.text-link):disabled, button.button.orange:not(.text-link)[disabled],
a.button.orange:not(.text-link).disabled,
a.button.orange:not(.text-link):disabled,
a.button.orange:not(.text-link)[disabled],
.button.orange:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.orange.btn:not(.text-link),
.button.orange:not(.text-link):disabled,
.button.orange:not(.text-link)[disabled] {
  background-color: rgba(209, 119, 96, 0.35) !important;
}
button.button.orange.flat, button.button.orange.outline,
a.button.orange.flat,
a.button.orange.outline,
.button.orange.flat,
.button.orange.outline {
  background-color: transparent;
  color: #bc6148;
}
button.button.orange.flat:hover, button.button.orange.flat:focus, button.button.orange.outline:hover, button.button.orange.outline:focus,
a.button.orange.flat:hover,
a.button.orange.flat:focus,
a.button.orange.outline:hover,
a.button.orange.outline:focus,
.button.orange.flat:hover,
.button.orange.flat:focus,
.button.orange.outline:hover,
.button.orange.outline:focus {
  background-color: #f4d9d1;
  color: #a74a30;
}
button.button.orange.flat:active, button.button.orange.flat:active:focus, button.button.orange.outline:active, button.button.orange.outline:active:focus,
a.button.orange.flat:active,
a.button.orange.flat:active:focus,
a.button.orange.outline:active,
a.button.orange.outline:active:focus,
.button.orange.flat:active,
.button.orange.flat:active:focus,
.button.orange.outline:active,
.button.orange.outline:active:focus {
  background-color: #db8773;
  color: #a74a30;
}
button.button.orange.flat.disabled, button.button.orange.flat:disabled, button.button.orange.flat[disabled], button.button.orange.outline.disabled, button.button.orange.outline:disabled, button.button.orange.outline[disabled],
a.button.orange.flat.disabled,
a.button.orange.flat:disabled,
a.button.orange.flat[disabled],
a.button.orange.outline.disabled,
a.button.orange.outline:disabled,
a.button.orange.outline[disabled],
.button.orange.flat.disabled,
.integration-modal .container.enabled .body .header .button.orange.flat.btn,
.button.orange.flat:disabled,
.button.orange.flat[disabled],
.button.orange.outline.disabled,
.integration-modal .container.enabled .body .header .button.orange.outline.btn,
.button.orange.outline:disabled,
.button.orange.outline[disabled] {
  color: rgba(188, 97, 72, 0.35) !important;
  background-color: transparent !important;
}
button.button.orange.outline,
a.button.orange.outline,
.button.orange.outline {
  border-color: #db8773;
}
button.button.orange.outline.disabled, button.button.orange.outline:disabled, button.button.orange.outline[disabled],
a.button.orange.outline.disabled,
a.button.orange.outline:disabled,
a.button.orange.outline[disabled],
.button.orange.outline.disabled,
.integration-modal .container.enabled .body .header .button.orange.outline.btn,
.button.orange.outline:disabled,
.button.orange.outline[disabled] {
  border-color: rgba(219, 135, 115, 0.35) !important;
}
button.button.orange.text-link,
button.button.orange.text-link a,
a.button.orange.text-link,
a.button.orange.text-link a,
.button.orange.text-link,
.button.orange.text-link a {
  color: #d17760;
}
button.button.orange.text-link:hover, button.button.orange.text-link:focus, button.button.orange.text-link:active, button.button.orange.text-link:active:hover,
a.button.orange.text-link:hover,
a.button.orange.text-link:focus,
a.button.orange.text-link:active,
a.button.orange.text-link:active:hover,
.button.orange.text-link:hover,
.button.orange.text-link:focus,
.button.orange.text-link:active,
.button.orange.text-link:active:hover {
  color: #a74a30;
  text-decoration: underline;
}
button.button.orange.text-link.disabled, button.button.orange.text-link:disabled, button.button.orange.text-link[disabled],
a.button.orange.text-link.disabled,
a.button.orange.text-link:disabled,
a.button.orange.text-link[disabled],
.button.orange.text-link.disabled,
.integration-modal .container.enabled .body .header .button.orange.text-link.btn,
.button.orange.text-link:disabled,
.button.orange.text-link[disabled] {
  color: #d17760 !important;
}

button.button.green:not(.text-link),
a.button.green:not(.text-link),
.button.green:not(.text-link) {
  background-color: #6ba066;
}
button.button.green:not(.text-link):hover, button.button.green:not(.text-link):focus,
a.button.green:not(.text-link):hover,
a.button.green:not(.text-link):focus,
.button.green:not(.text-link):hover,
.button.green:not(.text-link):focus {
  background-color: #527a4e;
}
button.button.green:not(.text-link):active, button.button.green:not(.text-link):active:hover,
a.button.green:not(.text-link):active,
a.button.green:not(.text-link):active:hover,
.button.green:not(.text-link):active,
.button.green:not(.text-link):active:hover {
  background-color: #43633f;
}
button.button.green:not(.text-link).disabled, button.button.green:not(.text-link):disabled, button.button.green:not(.text-link)[disabled],
a.button.green:not(.text-link).disabled,
a.button.green:not(.text-link):disabled,
a.button.green:not(.text-link)[disabled],
.button.green:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.green.btn:not(.text-link),
.button.green:not(.text-link):disabled,
.button.green:not(.text-link)[disabled] {
  background-color: rgba(107, 160, 102, 0.35) !important;
}
button.button.green.flat, button.button.green.outline,
a.button.green.flat,
a.button.green.outline,
.button.green.flat,
.button.green.outline {
  background-color: transparent;
  color: #527a4e;
}
button.button.green.flat:hover, button.button.green.flat:focus, button.button.green.outline:hover, button.button.green.outline:focus,
a.button.green.flat:hover,
a.button.green.flat:focus,
a.button.green.outline:hover,
a.button.green.outline:focus,
.button.green.flat:hover,
.button.green.flat:focus,
.button.green.outline:hover,
.button.green.outline:focus {
  background-color: #e0f7cf;
  color: #43633f;
}
button.button.green.flat:active, button.button.green.flat:active:focus, button.button.green.outline:active, button.button.green.outline:active:focus,
a.button.green.flat:active,
a.button.green.flat:active:focus,
a.button.green.outline:active,
a.button.green.outline:active:focus,
.button.green.flat:active,
.button.green.flat:active:focus,
.button.green.outline:active,
.button.green.outline:active:focus {
  background-color: #8ac884;
  color: #43633f;
}
button.button.green.flat.disabled, button.button.green.flat:disabled, button.button.green.flat[disabled], button.button.green.outline.disabled, button.button.green.outline:disabled, button.button.green.outline[disabled],
a.button.green.flat.disabled,
a.button.green.flat:disabled,
a.button.green.flat[disabled],
a.button.green.outline.disabled,
a.button.green.outline:disabled,
a.button.green.outline[disabled],
.button.green.flat.disabled,
.integration-modal .container.enabled .body .header .button.green.flat.btn,
.button.green.flat:disabled,
.button.green.flat[disabled],
.button.green.outline.disabled,
.integration-modal .container.enabled .body .header .button.green.outline.btn,
.button.green.outline:disabled,
.button.green.outline[disabled] {
  color: rgba(82, 122, 78, 0.35) !important;
  background-color: transparent !important;
}
button.button.green.outline,
a.button.green.outline,
.button.green.outline {
  border-color: #8ac884;
}
button.button.green.outline.disabled, button.button.green.outline:disabled, button.button.green.outline[disabled],
a.button.green.outline.disabled,
a.button.green.outline:disabled,
a.button.green.outline[disabled],
.button.green.outline.disabled,
.integration-modal .container.enabled .body .header .button.green.outline.btn,
.button.green.outline:disabled,
.button.green.outline[disabled] {
  border-color: rgba(138, 200, 132, 0.35) !important;
}
button.button.green.text-link,
button.button.green.text-link a,
a.button.green.text-link,
a.button.green.text-link a,
.button.green.text-link,
.button.green.text-link a {
  color: #6ba066;
}
button.button.green.text-link:hover, button.button.green.text-link:focus, button.button.green.text-link:active, button.button.green.text-link:active:hover,
a.button.green.text-link:hover,
a.button.green.text-link:focus,
a.button.green.text-link:active,
a.button.green.text-link:active:hover,
.button.green.text-link:hover,
.button.green.text-link:focus,
.button.green.text-link:active,
.button.green.text-link:active:hover {
  color: #43633f;
  text-decoration: underline;
}
button.button.green.text-link.disabled, button.button.green.text-link:disabled, button.button.green.text-link[disabled],
a.button.green.text-link.disabled,
a.button.green.text-link:disabled,
a.button.green.text-link[disabled],
.button.green.text-link.disabled,
.integration-modal .container.enabled .body .header .button.green.text-link.btn,
.button.green.text-link:disabled,
.button.green.text-link[disabled] {
  color: #6ba066 !important;
}

button.button.blue:not(.text-link),
a.button.blue:not(.text-link),
.button.blue:not(.text-link) {
  background-color: #62acc4;
}
button.button.blue:not(.text-link):hover, button.button.blue:not(.text-link):focus,
a.button.blue:not(.text-link):hover,
a.button.blue:not(.text-link):focus,
.button.blue:not(.text-link):hover,
.button.blue:not(.text-link):focus {
  background-color: #448499;
}
button.button.blue:not(.text-link):active, button.button.blue:not(.text-link):active:hover,
a.button.blue:not(.text-link):active,
a.button.blue:not(.text-link):active:hover,
.button.blue:not(.text-link):active,
.button.blue:not(.text-link):active:hover {
  background-color: #2f6d82;
}
button.button.blue:not(.text-link).disabled, button.button.blue:not(.text-link):disabled, button.button.blue:not(.text-link)[disabled],
a.button.blue:not(.text-link).disabled,
a.button.blue:not(.text-link):disabled,
a.button.blue:not(.text-link)[disabled],
.button.blue:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.blue.btn:not(.text-link),
.button.blue:not(.text-link):disabled,
.button.blue:not(.text-link)[disabled] {
  background-color: rgba(98, 172, 196, 0.35) !important;
}
button.button.blue.flat, button.button.blue.outline,
a.button.blue.flat,
a.button.blue.outline,
.button.blue.flat,
.button.blue.outline {
  background-color: transparent;
  color: #448499;
}
button.button.blue.flat:hover, button.button.blue.flat:focus, button.button.blue.outline:hover, button.button.blue.outline:focus,
a.button.blue.flat:hover,
a.button.blue.flat:focus,
a.button.blue.outline:hover,
a.button.blue.outline:focus,
.button.blue.flat:hover,
.button.blue.flat:focus,
.button.blue.outline:hover,
.button.blue.outline:focus {
  background-color: #e9f0f4;
  color: #2f6d82;
}
button.button.blue.flat:active, button.button.blue.flat:active:focus, button.button.blue.outline:active, button.button.blue.outline:active:focus,
a.button.blue.flat:active,
a.button.blue.flat:active:focus,
a.button.blue.outline:active,
a.button.blue.outline:active:focus,
.button.blue.flat:active,
.button.blue.flat:active:focus,
.button.blue.outline:active,
.button.blue.outline:active:focus {
  background-color: #c1cfd9;
  color: #2f6d82;
}
button.button.blue.flat.disabled, button.button.blue.flat:disabled, button.button.blue.flat[disabled], button.button.blue.outline.disabled, button.button.blue.outline:disabled, button.button.blue.outline[disabled],
a.button.blue.flat.disabled,
a.button.blue.flat:disabled,
a.button.blue.flat[disabled],
a.button.blue.outline.disabled,
a.button.blue.outline:disabled,
a.button.blue.outline[disabled],
.button.blue.flat.disabled,
.integration-modal .container.enabled .body .header .button.blue.flat.btn,
.button.blue.flat:disabled,
.button.blue.flat[disabled],
.button.blue.outline.disabled,
.integration-modal .container.enabled .body .header .button.blue.outline.btn,
.button.blue.outline:disabled,
.button.blue.outline[disabled] {
  color: rgba(68, 132, 153, 0.35) !important;
  background-color: transparent !important;
}
button.button.blue.outline,
a.button.blue.outline,
.button.blue.outline {
  border-color: #c1cfd9;
}
button.button.blue.outline.disabled, button.button.blue.outline:disabled, button.button.blue.outline[disabled],
a.button.blue.outline.disabled,
a.button.blue.outline:disabled,
a.button.blue.outline[disabled],
.button.blue.outline.disabled,
.integration-modal .container.enabled .body .header .button.blue.outline.btn,
.button.blue.outline:disabled,
.button.blue.outline[disabled] {
  border-color: rgba(193, 207, 217, 0.35) !important;
}
button.button.blue.text-link,
button.button.blue.text-link a,
a.button.blue.text-link,
a.button.blue.text-link a,
.button.blue.text-link,
.button.blue.text-link a {
  color: #62acc4;
}
button.button.blue.text-link:hover, button.button.blue.text-link:focus, button.button.blue.text-link:active, button.button.blue.text-link:active:hover,
a.button.blue.text-link:hover,
a.button.blue.text-link:focus,
a.button.blue.text-link:active,
a.button.blue.text-link:active:hover,
.button.blue.text-link:hover,
.button.blue.text-link:focus,
.button.blue.text-link:active,
.button.blue.text-link:active:hover {
  color: #2f6d82;
  text-decoration: underline;
}
button.button.blue.text-link.disabled, button.button.blue.text-link:disabled, button.button.blue.text-link[disabled],
a.button.blue.text-link.disabled,
a.button.blue.text-link:disabled,
a.button.blue.text-link[disabled],
.button.blue.text-link.disabled,
.integration-modal .container.enabled .body .header .button.blue.text-link.btn,
.button.blue.text-link:disabled,
.button.blue.text-link[disabled] {
  color: #62acc4 !important;
}

button.button.red:not(.text-link),
a.button.red:not(.text-link),
.button.red:not(.text-link) {
  background-color: #d15451;
}
button.button.red:not(.text-link):hover, button.button.red:not(.text-link):focus,
a.button.red:not(.text-link):hover,
a.button.red:not(.text-link):focus,
.button.red:not(.text-link):hover,
.button.red:not(.text-link):focus {
  background-color: #b94a48;
}
button.button.red:not(.text-link):active, button.button.red:not(.text-link):active:hover,
a.button.red:not(.text-link):active,
a.button.red:not(.text-link):active:hover,
.button.red:not(.text-link):active,
.button.red:not(.text-link):active:hover {
  background-color: #963c3b;
}
button.button.red:not(.text-link).disabled, button.button.red:not(.text-link):disabled, button.button.red:not(.text-link)[disabled],
a.button.red:not(.text-link).disabled,
a.button.red:not(.text-link):disabled,
a.button.red:not(.text-link)[disabled],
.button.red:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.red.btn:not(.text-link),
.button.red:not(.text-link):disabled,
.button.red:not(.text-link)[disabled] {
  background-color: rgba(209, 84, 81, 0.35) !important;
}
button.button.red.flat, button.button.red.outline,
a.button.red.flat,
a.button.red.outline,
.button.red.flat,
.button.red.outline {
  background-color: transparent;
  color: #b94a48;
}
button.button.red.flat:hover, button.button.red.flat:focus, button.button.red.outline:hover, button.button.red.outline:focus,
a.button.red.flat:hover,
a.button.red.flat:focus,
a.button.red.outline:hover,
a.button.red.outline:focus,
.button.red.flat:hover,
.button.red.flat:focus,
.button.red.outline:hover,
.button.red.outline:focus {
  background-color: #fce9e8;
  color: #963c3b;
}
button.button.red.flat:active, button.button.red.flat:active:focus, button.button.red.outline:active, button.button.red.outline:active:focus,
a.button.red.flat:active,
a.button.red.flat:active:focus,
a.button.red.outline:active,
a.button.red.outline:active:focus,
.button.red.flat:active,
.button.red.flat:active:focus,
.button.red.outline:active,
.button.red.outline:active:focus {
  background-color: #daa1a0;
  color: #963c3b;
}
button.button.red.flat.disabled, button.button.red.flat:disabled, button.button.red.flat[disabled], button.button.red.outline.disabled, button.button.red.outline:disabled, button.button.red.outline[disabled],
a.button.red.flat.disabled,
a.button.red.flat:disabled,
a.button.red.flat[disabled],
a.button.red.outline.disabled,
a.button.red.outline:disabled,
a.button.red.outline[disabled],
.button.red.flat.disabled,
.integration-modal .container.enabled .body .header .button.red.flat.btn,
.button.red.flat:disabled,
.button.red.flat[disabled],
.button.red.outline.disabled,
.integration-modal .container.enabled .body .header .button.red.outline.btn,
.button.red.outline:disabled,
.button.red.outline[disabled] {
  color: rgba(185, 74, 72, 0.35) !important;
  background-color: transparent !important;
}
button.button.red.outline,
a.button.red.outline,
.button.red.outline {
  border-color: #daa1a0;
}
button.button.red.outline.disabled, button.button.red.outline:disabled, button.button.red.outline[disabled],
a.button.red.outline.disabled,
a.button.red.outline:disabled,
a.button.red.outline[disabled],
.button.red.outline.disabled,
.integration-modal .container.enabled .body .header .button.red.outline.btn,
.button.red.outline:disabled,
.button.red.outline[disabled] {
  border-color: rgba(218, 161, 160, 0.35) !important;
}
button.button.red.text-link,
button.button.red.text-link a,
a.button.red.text-link,
a.button.red.text-link a,
.button.red.text-link,
.button.red.text-link a {
  color: #d15451;
}
button.button.red.text-link:hover, button.button.red.text-link:focus, button.button.red.text-link:active, button.button.red.text-link:active:hover,
a.button.red.text-link:hover,
a.button.red.text-link:focus,
a.button.red.text-link:active,
a.button.red.text-link:active:hover,
.button.red.text-link:hover,
.button.red.text-link:focus,
.button.red.text-link:active,
.button.red.text-link:active:hover {
  color: #963c3b;
  text-decoration: underline;
}
button.button.red.text-link.disabled, button.button.red.text-link:disabled, button.button.red.text-link[disabled],
a.button.red.text-link.disabled,
a.button.red.text-link:disabled,
a.button.red.text-link[disabled],
.button.red.text-link.disabled,
.integration-modal .container.enabled .body .header .button.red.text-link.btn,
.button.red.text-link:disabled,
.button.red.text-link[disabled] {
  color: #d15451 !important;
}

button.button.yellow:not(.text-link),
a.button.yellow:not(.text-link),
.button.yellow:not(.text-link) {
  background-color: #f2c069;
}
button.button.yellow:not(.text-link):hover, button.button.yellow:not(.text-link):focus,
a.button.yellow:not(.text-link):hover,
a.button.yellow:not(.text-link):focus,
.button.yellow:not(.text-link):hover,
.button.yellow:not(.text-link):focus {
  background-color: #c09853;
}
button.button.yellow:not(.text-link):active, button.button.yellow:not(.text-link):active:hover,
a.button.yellow:not(.text-link):active,
a.button.yellow:not(.text-link):active:hover,
.button.yellow:not(.text-link):active,
.button.yellow:not(.text-link):active:hover {
  background-color: #ad894b;
}
button.button.yellow:not(.text-link).disabled, button.button.yellow:not(.text-link):disabled, button.button.yellow:not(.text-link)[disabled],
a.button.yellow:not(.text-link).disabled,
a.button.yellow:not(.text-link):disabled,
a.button.yellow:not(.text-link)[disabled],
.button.yellow:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.yellow.btn:not(.text-link),
.button.yellow:not(.text-link):disabled,
.button.yellow:not(.text-link)[disabled] {
  background-color: rgba(242, 192, 105, 0.35) !important;
}
button.button.yellow.flat, button.button.yellow.outline,
a.button.yellow.flat,
a.button.yellow.outline,
.button.yellow.flat,
.button.yellow.outline {
  background-color: transparent;
  color: #c09853;
}
button.button.yellow.flat:hover, button.button.yellow.flat:focus, button.button.yellow.outline:hover, button.button.yellow.outline:focus,
a.button.yellow.flat:hover,
a.button.yellow.flat:focus,
a.button.yellow.outline:hover,
a.button.yellow.outline:focus,
.button.yellow.flat:hover,
.button.yellow.flat:focus,
.button.yellow.outline:hover,
.button.yellow.outline:focus {
  background-color: #fbf3db;
  color: #ad894b;
}
button.button.yellow.flat:active, button.button.yellow.flat:active:focus, button.button.yellow.outline:active, button.button.yellow.outline:active:focus,
a.button.yellow.flat:active,
a.button.yellow.flat:active:focus,
a.button.yellow.outline:active,
a.button.yellow.outline:active:focus,
.button.yellow.flat:active,
.button.yellow.flat:active:focus,
.button.yellow.outline:active,
.button.yellow.outline:active:focus {
  background-color: #fdecac;
  color: #ad894b;
}
button.button.yellow.flat.disabled, button.button.yellow.flat:disabled, button.button.yellow.flat[disabled], button.button.yellow.outline.disabled, button.button.yellow.outline:disabled, button.button.yellow.outline[disabled],
a.button.yellow.flat.disabled,
a.button.yellow.flat:disabled,
a.button.yellow.flat[disabled],
a.button.yellow.outline.disabled,
a.button.yellow.outline:disabled,
a.button.yellow.outline[disabled],
.button.yellow.flat.disabled,
.integration-modal .container.enabled .body .header .button.yellow.flat.btn,
.button.yellow.flat:disabled,
.button.yellow.flat[disabled],
.button.yellow.outline.disabled,
.integration-modal .container.enabled .body .header .button.yellow.outline.btn,
.button.yellow.outline:disabled,
.button.yellow.outline[disabled] {
  color: rgba(192, 152, 83, 0.35) !important;
  background-color: transparent !important;
}
button.button.yellow.outline,
a.button.yellow.outline,
.button.yellow.outline {
  border-color: #fdecac;
}
button.button.yellow.outline.disabled, button.button.yellow.outline:disabled, button.button.yellow.outline[disabled],
a.button.yellow.outline.disabled,
a.button.yellow.outline:disabled,
a.button.yellow.outline[disabled],
.button.yellow.outline.disabled,
.integration-modal .container.enabled .body .header .button.yellow.outline.btn,
.button.yellow.outline:disabled,
.button.yellow.outline[disabled] {
  border-color: rgba(253, 236, 172, 0.35) !important;
}
button.button.yellow.text-link,
button.button.yellow.text-link a,
a.button.yellow.text-link,
a.button.yellow.text-link a,
.button.yellow.text-link,
.button.yellow.text-link a {
  color: #f2c069;
}
button.button.yellow.text-link:hover, button.button.yellow.text-link:focus, button.button.yellow.text-link:active, button.button.yellow.text-link:active:hover,
a.button.yellow.text-link:hover,
a.button.yellow.text-link:focus,
a.button.yellow.text-link:active,
a.button.yellow.text-link:active:hover,
.button.yellow.text-link:hover,
.button.yellow.text-link:focus,
.button.yellow.text-link:active,
.button.yellow.text-link:active:hover {
  color: #ad894b;
  text-decoration: underline;
}
button.button.yellow.text-link.disabled, button.button.yellow.text-link:disabled, button.button.yellow.text-link[disabled],
a.button.yellow.text-link.disabled,
a.button.yellow.text-link:disabled,
a.button.yellow.text-link[disabled],
.button.yellow.text-link.disabled,
.integration-modal .container.enabled .body .header .button.yellow.text-link.btn,
.button.yellow.text-link:disabled,
.button.yellow.text-link[disabled] {
  color: #f2c069 !important;
}

button.button.social-calendar:not(.text-link),
a.button.social-calendar:not(.text-link),
.button.social-calendar:not(.text-link) {
  background-color: #50ac75;
}
button.button.social-calendar:not(.text-link):hover, button.button.social-calendar:not(.text-link):focus,
a.button.social-calendar:not(.text-link):hover,
a.button.social-calendar:not(.text-link):focus,
.button.social-calendar:not(.text-link):hover,
.button.social-calendar:not(.text-link):focus {
  background-color: #428e60;
}
button.button.social-calendar:not(.text-link):active, button.button.social-calendar:not(.text-link):active:hover,
a.button.social-calendar:not(.text-link):active,
a.button.social-calendar:not(.text-link):active:hover,
.button.social-calendar:not(.text-link):active,
.button.social-calendar:not(.text-link):active:hover {
  background-color: #428e60;
}
button.button.social-calendar:not(.text-link).disabled, button.button.social-calendar:not(.text-link):disabled, button.button.social-calendar:not(.text-link)[disabled],
a.button.social-calendar:not(.text-link).disabled,
a.button.social-calendar:not(.text-link):disabled,
a.button.social-calendar:not(.text-link)[disabled],
.button.social-calendar:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.social-calendar.btn:not(.text-link),
.button.social-calendar:not(.text-link):disabled,
.button.social-calendar:not(.text-link)[disabled] {
  background-color: rgba(80, 172, 117, 0.35) !important;
}
button.button.social-calendar.flat, button.button.social-calendar.outline,
a.button.social-calendar.flat,
a.button.social-calendar.outline,
.button.social-calendar.flat,
.button.social-calendar.outline {
  background-color: transparent;
  color: #428e60;
}
button.button.social-calendar.flat:hover, button.button.social-calendar.flat:focus, button.button.social-calendar.outline:hover, button.button.social-calendar.outline:focus,
a.button.social-calendar.flat:hover,
a.button.social-calendar.flat:focus,
a.button.social-calendar.outline:hover,
a.button.social-calendar.outline:focus,
.button.social-calendar.flat:hover,
.button.social-calendar.flat:focus,
.button.social-calendar.outline:hover,
.button.social-calendar.outline:focus {
  background-color: #50ac75;
  color: #428e60;
}
button.button.social-calendar.flat:active, button.button.social-calendar.flat:active:focus, button.button.social-calendar.outline:active, button.button.social-calendar.outline:active:focus,
a.button.social-calendar.flat:active,
a.button.social-calendar.flat:active:focus,
a.button.social-calendar.outline:active,
a.button.social-calendar.outline:active:focus,
.button.social-calendar.flat:active,
.button.social-calendar.flat:active:focus,
.button.social-calendar.outline:active,
.button.social-calendar.outline:active:focus {
  background-color: #50ac75;
  color: #428e60;
}
button.button.social-calendar.flat.disabled, button.button.social-calendar.flat:disabled, button.button.social-calendar.flat[disabled], button.button.social-calendar.outline.disabled, button.button.social-calendar.outline:disabled, button.button.social-calendar.outline[disabled],
a.button.social-calendar.flat.disabled,
a.button.social-calendar.flat:disabled,
a.button.social-calendar.flat[disabled],
a.button.social-calendar.outline.disabled,
a.button.social-calendar.outline:disabled,
a.button.social-calendar.outline[disabled],
.button.social-calendar.flat.disabled,
.integration-modal .container.enabled .body .header .button.social-calendar.flat.btn,
.button.social-calendar.flat:disabled,
.button.social-calendar.flat[disabled],
.button.social-calendar.outline.disabled,
.integration-modal .container.enabled .body .header .button.social-calendar.outline.btn,
.button.social-calendar.outline:disabled,
.button.social-calendar.outline[disabled] {
  color: rgba(66, 142, 96, 0.35) !important;
  background-color: transparent !important;
}
button.button.social-calendar.outline,
a.button.social-calendar.outline,
.button.social-calendar.outline {
  border-color: #50ac75;
}
button.button.social-calendar.outline.disabled, button.button.social-calendar.outline:disabled, button.button.social-calendar.outline[disabled],
a.button.social-calendar.outline.disabled,
a.button.social-calendar.outline:disabled,
a.button.social-calendar.outline[disabled],
.button.social-calendar.outline.disabled,
.integration-modal .container.enabled .body .header .button.social-calendar.outline.btn,
.button.social-calendar.outline:disabled,
.button.social-calendar.outline[disabled] {
  border-color: rgba(80, 172, 117, 0.35) !important;
}
button.button.social-calendar.text-link,
button.button.social-calendar.text-link a,
a.button.social-calendar.text-link,
a.button.social-calendar.text-link a,
.button.social-calendar.text-link,
.button.social-calendar.text-link a {
  color: #50ac75;
}
button.button.social-calendar.text-link:hover, button.button.social-calendar.text-link:focus, button.button.social-calendar.text-link:active, button.button.social-calendar.text-link:active:hover,
a.button.social-calendar.text-link:hover,
a.button.social-calendar.text-link:focus,
a.button.social-calendar.text-link:active,
a.button.social-calendar.text-link:active:hover,
.button.social-calendar.text-link:hover,
.button.social-calendar.text-link:focus,
.button.social-calendar.text-link:active,
.button.social-calendar.text-link:active:hover {
  color: #428e60;
  text-decoration: underline;
}
button.button.social-calendar.text-link.disabled, button.button.social-calendar.text-link:disabled, button.button.social-calendar.text-link[disabled],
a.button.social-calendar.text-link.disabled,
a.button.social-calendar.text-link:disabled,
a.button.social-calendar.text-link[disabled],
.button.social-calendar.text-link.disabled,
.integration-modal .container.enabled .body .header .button.social-calendar.text-link.btn,
.button.social-calendar.text-link:disabled,
.button.social-calendar.text-link[disabled] {
  color: #50ac75 !important;
}

button.button.agency-calendar:not(.text-link),
a.button.agency-calendar:not(.text-link),
.button.agency-calendar:not(.text-link) {
  background-color: #0071e4;
}
button.button.agency-calendar:not(.text-link):hover, button.button.agency-calendar:not(.text-link):focus,
a.button.agency-calendar:not(.text-link):hover,
a.button.agency-calendar:not(.text-link):focus,
.button.agency-calendar:not(.text-link):hover,
.button.agency-calendar:not(.text-link):focus {
  background-color: #045ab2;
}
button.button.agency-calendar:not(.text-link):active, button.button.agency-calendar:not(.text-link):active:hover,
a.button.agency-calendar:not(.text-link):active,
a.button.agency-calendar:not(.text-link):active:hover,
.button.agency-calendar:not(.text-link):active,
.button.agency-calendar:not(.text-link):active:hover {
  background-color: #045ab2;
}
button.button.agency-calendar:not(.text-link).disabled, button.button.agency-calendar:not(.text-link):disabled, button.button.agency-calendar:not(.text-link)[disabled],
a.button.agency-calendar:not(.text-link).disabled,
a.button.agency-calendar:not(.text-link):disabled,
a.button.agency-calendar:not(.text-link)[disabled],
.button.agency-calendar:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.agency-calendar.btn:not(.text-link),
.button.agency-calendar:not(.text-link):disabled,
.button.agency-calendar:not(.text-link)[disabled] {
  background-color: rgba(0, 113, 228, 0.35) !important;
}
button.button.agency-calendar.flat, button.button.agency-calendar.outline,
a.button.agency-calendar.flat,
a.button.agency-calendar.outline,
.button.agency-calendar.flat,
.button.agency-calendar.outline {
  background-color: transparent;
  color: #045ab2;
}
button.button.agency-calendar.flat:hover, button.button.agency-calendar.flat:focus, button.button.agency-calendar.outline:hover, button.button.agency-calendar.outline:focus,
a.button.agency-calendar.flat:hover,
a.button.agency-calendar.flat:focus,
a.button.agency-calendar.outline:hover,
a.button.agency-calendar.outline:focus,
.button.agency-calendar.flat:hover,
.button.agency-calendar.flat:focus,
.button.agency-calendar.outline:hover,
.button.agency-calendar.outline:focus {
  background-color: #0071e4;
  color: #045ab2;
}
button.button.agency-calendar.flat:active, button.button.agency-calendar.flat:active:focus, button.button.agency-calendar.outline:active, button.button.agency-calendar.outline:active:focus,
a.button.agency-calendar.flat:active,
a.button.agency-calendar.flat:active:focus,
a.button.agency-calendar.outline:active,
a.button.agency-calendar.outline:active:focus,
.button.agency-calendar.flat:active,
.button.agency-calendar.flat:active:focus,
.button.agency-calendar.outline:active,
.button.agency-calendar.outline:active:focus {
  background-color: #0071e4;
  color: #045ab2;
}
button.button.agency-calendar.flat.disabled, button.button.agency-calendar.flat:disabled, button.button.agency-calendar.flat[disabled], button.button.agency-calendar.outline.disabled, button.button.agency-calendar.outline:disabled, button.button.agency-calendar.outline[disabled],
a.button.agency-calendar.flat.disabled,
a.button.agency-calendar.flat:disabled,
a.button.agency-calendar.flat[disabled],
a.button.agency-calendar.outline.disabled,
a.button.agency-calendar.outline:disabled,
a.button.agency-calendar.outline[disabled],
.button.agency-calendar.flat.disabled,
.integration-modal .container.enabled .body .header .button.agency-calendar.flat.btn,
.button.agency-calendar.flat:disabled,
.button.agency-calendar.flat[disabled],
.button.agency-calendar.outline.disabled,
.integration-modal .container.enabled .body .header .button.agency-calendar.outline.btn,
.button.agency-calendar.outline:disabled,
.button.agency-calendar.outline[disabled] {
  color: rgba(4, 90, 178, 0.35) !important;
  background-color: transparent !important;
}
button.button.agency-calendar.outline,
a.button.agency-calendar.outline,
.button.agency-calendar.outline {
  border-color: #0071e4;
}
button.button.agency-calendar.outline.disabled, button.button.agency-calendar.outline:disabled, button.button.agency-calendar.outline[disabled],
a.button.agency-calendar.outline.disabled,
a.button.agency-calendar.outline:disabled,
a.button.agency-calendar.outline[disabled],
.button.agency-calendar.outline.disabled,
.integration-modal .container.enabled .body .header .button.agency-calendar.outline.btn,
.button.agency-calendar.outline:disabled,
.button.agency-calendar.outline[disabled] {
  border-color: rgba(0, 113, 228, 0.35) !important;
}
button.button.agency-calendar.text-link,
button.button.agency-calendar.text-link a,
a.button.agency-calendar.text-link,
a.button.agency-calendar.text-link a,
.button.agency-calendar.text-link,
.button.agency-calendar.text-link a {
  color: #0071e4;
}
button.button.agency-calendar.text-link:hover, button.button.agency-calendar.text-link:focus, button.button.agency-calendar.text-link:active, button.button.agency-calendar.text-link:active:hover,
a.button.agency-calendar.text-link:hover,
a.button.agency-calendar.text-link:focus,
a.button.agency-calendar.text-link:active,
a.button.agency-calendar.text-link:active:hover,
.button.agency-calendar.text-link:hover,
.button.agency-calendar.text-link:focus,
.button.agency-calendar.text-link:active,
.button.agency-calendar.text-link:active:hover {
  color: #045ab2;
  text-decoration: underline;
}
button.button.agency-calendar.text-link.disabled, button.button.agency-calendar.text-link:disabled, button.button.agency-calendar.text-link[disabled],
a.button.agency-calendar.text-link.disabled,
a.button.agency-calendar.text-link:disabled,
a.button.agency-calendar.text-link[disabled],
.button.agency-calendar.text-link.disabled,
.integration-modal .container.enabled .body .header .button.agency-calendar.text-link.btn,
.button.agency-calendar.text-link:disabled,
.button.agency-calendar.text-link[disabled] {
  color: #0071e4 !important;
}

button.button.bright-orange:not(.text-link),
a.button.bright-orange:not(.text-link),
.button.bright-orange:not(.text-link) {
  background-color: #f37e5d;
}
button.button.bright-orange:not(.text-link):hover, button.button.bright-orange:not(.text-link):focus,
a.button.bright-orange:not(.text-link):hover,
a.button.bright-orange:not(.text-link):focus,
.button.bright-orange:not(.text-link):hover,
.button.bright-orange:not(.text-link):focus {
  background-color: #e76642;
}
button.button.bright-orange:not(.text-link):active, button.button.bright-orange:not(.text-link):active:hover,
a.button.bright-orange:not(.text-link):active,
a.button.bright-orange:not(.text-link):active:hover,
.button.bright-orange:not(.text-link):active,
.button.bright-orange:not(.text-link):active:hover {
  background-color: #e76642;
}
button.button.bright-orange:not(.text-link).disabled, button.button.bright-orange:not(.text-link):disabled, button.button.bright-orange:not(.text-link)[disabled],
a.button.bright-orange:not(.text-link).disabled,
a.button.bright-orange:not(.text-link):disabled,
a.button.bright-orange:not(.text-link)[disabled],
.button.bright-orange:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.bright-orange.btn:not(.text-link),
.button.bright-orange:not(.text-link):disabled,
.button.bright-orange:not(.text-link)[disabled] {
  background-color: rgba(243, 126, 93, 0.35) !important;
}
button.button.bright-orange.flat, button.button.bright-orange.outline,
a.button.bright-orange.flat,
a.button.bright-orange.outline,
.button.bright-orange.flat,
.button.bright-orange.outline {
  background-color: transparent;
  color: #e76642;
}
button.button.bright-orange.flat:hover, button.button.bright-orange.flat:focus, button.button.bright-orange.outline:hover, button.button.bright-orange.outline:focus,
a.button.bright-orange.flat:hover,
a.button.bright-orange.flat:focus,
a.button.bright-orange.outline:hover,
a.button.bright-orange.outline:focus,
.button.bright-orange.flat:hover,
.button.bright-orange.flat:focus,
.button.bright-orange.outline:hover,
.button.bright-orange.outline:focus {
  background-color: #f9a97d;
  color: #e76642;
}
button.button.bright-orange.flat:active, button.button.bright-orange.flat:active:focus, button.button.bright-orange.outline:active, button.button.bright-orange.outline:active:focus,
a.button.bright-orange.flat:active,
a.button.bright-orange.flat:active:focus,
a.button.bright-orange.outline:active,
a.button.bright-orange.outline:active:focus,
.button.bright-orange.flat:active,
.button.bright-orange.flat:active:focus,
.button.bright-orange.outline:active,
.button.bright-orange.outline:active:focus {
  background-color: #f9a97d;
  color: #e76642;
}
button.button.bright-orange.flat.disabled, button.button.bright-orange.flat:disabled, button.button.bright-orange.flat[disabled], button.button.bright-orange.outline.disabled, button.button.bright-orange.outline:disabled, button.button.bright-orange.outline[disabled],
a.button.bright-orange.flat.disabled,
a.button.bright-orange.flat:disabled,
a.button.bright-orange.flat[disabled],
a.button.bright-orange.outline.disabled,
a.button.bright-orange.outline:disabled,
a.button.bright-orange.outline[disabled],
.button.bright-orange.flat.disabled,
.integration-modal .container.enabled .body .header .button.bright-orange.flat.btn,
.button.bright-orange.flat:disabled,
.button.bright-orange.flat[disabled],
.button.bright-orange.outline.disabled,
.integration-modal .container.enabled .body .header .button.bright-orange.outline.btn,
.button.bright-orange.outline:disabled,
.button.bright-orange.outline[disabled] {
  color: rgba(231, 102, 66, 0.35) !important;
  background-color: transparent !important;
}
button.button.bright-orange.outline,
a.button.bright-orange.outline,
.button.bright-orange.outline {
  border-color: #f9a97d;
}
button.button.bright-orange.outline.disabled, button.button.bright-orange.outline:disabled, button.button.bright-orange.outline[disabled],
a.button.bright-orange.outline.disabled,
a.button.bright-orange.outline:disabled,
a.button.bright-orange.outline[disabled],
.button.bright-orange.outline.disabled,
.integration-modal .container.enabled .body .header .button.bright-orange.outline.btn,
.button.bright-orange.outline:disabled,
.button.bright-orange.outline[disabled] {
  border-color: rgba(249, 169, 125, 0.35) !important;
}
button.button.bright-orange.text-link,
button.button.bright-orange.text-link a,
a.button.bright-orange.text-link,
a.button.bright-orange.text-link a,
.button.bright-orange.text-link,
.button.bright-orange.text-link a {
  color: #f37e5d;
}
button.button.bright-orange.text-link:hover, button.button.bright-orange.text-link:focus, button.button.bright-orange.text-link:active, button.button.bright-orange.text-link:active:hover,
a.button.bright-orange.text-link:hover,
a.button.bright-orange.text-link:focus,
a.button.bright-orange.text-link:active,
a.button.bright-orange.text-link:active:hover,
.button.bright-orange.text-link:hover,
.button.bright-orange.text-link:focus,
.button.bright-orange.text-link:active,
.button.bright-orange.text-link:active:hover {
  color: #e76642;
  text-decoration: underline;
}
button.button.bright-orange.text-link.disabled, button.button.bright-orange.text-link:disabled, button.button.bright-orange.text-link[disabled],
a.button.bright-orange.text-link.disabled,
a.button.bright-orange.text-link:disabled,
a.button.bright-orange.text-link[disabled],
.button.bright-orange.text-link.disabled,
.integration-modal .container.enabled .body .header .button.bright-orange.text-link.btn,
.button.bright-orange.text-link:disabled,
.button.bright-orange.text-link[disabled] {
  color: #f37e5d !important;
}

button.button.onboarding-blue:not(.text-link),
a.button.onboarding-blue:not(.text-link),
.button.onboarding-blue:not(.text-link) {
  background-color: #275a9a;
}
button.button.onboarding-blue:not(.text-link):hover, button.button.onboarding-blue:not(.text-link):focus,
a.button.onboarding-blue:not(.text-link):hover,
a.button.onboarding-blue:not(.text-link):focus,
.button.onboarding-blue:not(.text-link):hover,
.button.onboarding-blue:not(.text-link):focus {
  background-color: #2a4564;
}
button.button.onboarding-blue:not(.text-link):active, button.button.onboarding-blue:not(.text-link):active:hover,
a.button.onboarding-blue:not(.text-link):active,
a.button.onboarding-blue:not(.text-link):active:hover,
.button.onboarding-blue:not(.text-link):active,
.button.onboarding-blue:not(.text-link):active:hover {
  background-color: #262262;
}
button.button.onboarding-blue:not(.text-link).disabled, button.button.onboarding-blue:not(.text-link):disabled, button.button.onboarding-blue:not(.text-link)[disabled],
a.button.onboarding-blue:not(.text-link).disabled,
a.button.onboarding-blue:not(.text-link):disabled,
a.button.onboarding-blue:not(.text-link)[disabled],
.button.onboarding-blue:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.onboarding-blue.btn:not(.text-link),
.button.onboarding-blue:not(.text-link):disabled,
.button.onboarding-blue:not(.text-link)[disabled] {
  background-color: rgba(39, 90, 154, 0.35) !important;
}
button.button.onboarding-blue.flat, button.button.onboarding-blue.outline,
a.button.onboarding-blue.flat,
a.button.onboarding-blue.outline,
.button.onboarding-blue.flat,
.button.onboarding-blue.outline {
  background-color: transparent;
  color: #2a4564;
}
button.button.onboarding-blue.flat:hover, button.button.onboarding-blue.flat:focus, button.button.onboarding-blue.outline:hover, button.button.onboarding-blue.outline:focus,
a.button.onboarding-blue.flat:hover,
a.button.onboarding-blue.flat:focus,
a.button.onboarding-blue.outline:hover,
a.button.onboarding-blue.outline:focus,
.button.onboarding-blue.flat:hover,
.button.onboarding-blue.flat:focus,
.button.onboarding-blue.outline:hover,
.button.onboarding-blue.outline:focus {
  background-color: #8ed9fc;
  color: #262262;
}
button.button.onboarding-blue.flat:active, button.button.onboarding-blue.flat:active:focus, button.button.onboarding-blue.outline:active, button.button.onboarding-blue.outline:active:focus,
a.button.onboarding-blue.flat:active,
a.button.onboarding-blue.flat:active:focus,
a.button.onboarding-blue.outline:active,
a.button.onboarding-blue.outline:active:focus,
.button.onboarding-blue.flat:active,
.button.onboarding-blue.flat:active:focus,
.button.onboarding-blue.outline:active,
.button.onboarding-blue.outline:active:focus {
  background-color: #366fb2;
  color: #262262;
}
button.button.onboarding-blue.flat.disabled, button.button.onboarding-blue.flat:disabled, button.button.onboarding-blue.flat[disabled], button.button.onboarding-blue.outline.disabled, button.button.onboarding-blue.outline:disabled, button.button.onboarding-blue.outline[disabled],
a.button.onboarding-blue.flat.disabled,
a.button.onboarding-blue.flat:disabled,
a.button.onboarding-blue.flat[disabled],
a.button.onboarding-blue.outline.disabled,
a.button.onboarding-blue.outline:disabled,
a.button.onboarding-blue.outline[disabled],
.button.onboarding-blue.flat.disabled,
.integration-modal .container.enabled .body .header .button.onboarding-blue.flat.btn,
.button.onboarding-blue.flat:disabled,
.button.onboarding-blue.flat[disabled],
.button.onboarding-blue.outline.disabled,
.integration-modal .container.enabled .body .header .button.onboarding-blue.outline.btn,
.button.onboarding-blue.outline:disabled,
.button.onboarding-blue.outline[disabled] {
  color: rgba(42, 69, 100, 0.35) !important;
  background-color: transparent !important;
}
button.button.onboarding-blue.outline,
a.button.onboarding-blue.outline,
.button.onboarding-blue.outline {
  border-color: #366fb2;
}
button.button.onboarding-blue.outline.disabled, button.button.onboarding-blue.outline:disabled, button.button.onboarding-blue.outline[disabled],
a.button.onboarding-blue.outline.disabled,
a.button.onboarding-blue.outline:disabled,
a.button.onboarding-blue.outline[disabled],
.button.onboarding-blue.outline.disabled,
.integration-modal .container.enabled .body .header .button.onboarding-blue.outline.btn,
.button.onboarding-blue.outline:disabled,
.button.onboarding-blue.outline[disabled] {
  border-color: rgba(54, 111, 178, 0.35) !important;
}
button.button.onboarding-blue.text-link,
button.button.onboarding-blue.text-link a,
a.button.onboarding-blue.text-link,
a.button.onboarding-blue.text-link a,
.button.onboarding-blue.text-link,
.button.onboarding-blue.text-link a {
  color: #275a9a;
}
button.button.onboarding-blue.text-link:hover, button.button.onboarding-blue.text-link:focus, button.button.onboarding-blue.text-link:active, button.button.onboarding-blue.text-link:active:hover,
a.button.onboarding-blue.text-link:hover,
a.button.onboarding-blue.text-link:focus,
a.button.onboarding-blue.text-link:active,
a.button.onboarding-blue.text-link:active:hover,
.button.onboarding-blue.text-link:hover,
.button.onboarding-blue.text-link:focus,
.button.onboarding-blue.text-link:active,
.button.onboarding-blue.text-link:active:hover {
  color: #262262;
  text-decoration: underline;
}
button.button.onboarding-blue.text-link.disabled, button.button.onboarding-blue.text-link:disabled, button.button.onboarding-blue.text-link[disabled],
a.button.onboarding-blue.text-link.disabled,
a.button.onboarding-blue.text-link:disabled,
a.button.onboarding-blue.text-link[disabled],
.button.onboarding-blue.text-link.disabled,
.integration-modal .container.enabled .body .header .button.onboarding-blue.text-link.btn,
.button.onboarding-blue.text-link:disabled,
.button.onboarding-blue.text-link[disabled] {
  color: #275a9a !important;
}

button.button.twitter:not(.text-link),
a.button.twitter:not(.text-link),
.button.twitter:not(.text-link) {
  background-color: #2ca9e1;
}
button.button.twitter:not(.text-link):hover, button.button.twitter:not(.text-link):focus,
a.button.twitter:not(.text-link):hover,
a.button.twitter:not(.text-link):focus,
.button.twitter:not(.text-link):hover,
.button.twitter:not(.text-link):focus {
  background-color: #217fa9;
}
button.button.twitter:not(.text-link):active, button.button.twitter:not(.text-link):active:hover,
a.button.twitter:not(.text-link):active,
a.button.twitter:not(.text-link):active:hover,
.button.twitter:not(.text-link):active,
.button.twitter:not(.text-link):active:hover {
  background-color: #165571;
}
button.button.twitter:not(.text-link).disabled, button.button.twitter:not(.text-link):disabled, button.button.twitter:not(.text-link)[disabled],
a.button.twitter:not(.text-link).disabled,
a.button.twitter:not(.text-link):disabled,
a.button.twitter:not(.text-link)[disabled],
.button.twitter:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.twitter.btn:not(.text-link),
.button.twitter:not(.text-link):disabled,
.button.twitter:not(.text-link)[disabled] {
  background-color: rgba(44, 169, 225, 0.35) !important;
}
button.button.twitter.flat, button.button.twitter.outline,
a.button.twitter.flat,
a.button.twitter.outline,
.button.twitter.flat,
.button.twitter.outline {
  background-color: transparent;
  color: #217fa9;
}
button.button.twitter.flat:hover, button.button.twitter.flat:focus, button.button.twitter.outline:hover, button.button.twitter.outline:focus,
a.button.twitter.flat:hover,
a.button.twitter.flat:focus,
a.button.twitter.outline:hover,
a.button.twitter.outline:focus,
.button.twitter.flat:hover,
.button.twitter.flat:focus,
.button.twitter.outline:hover,
.button.twitter.outline:focus {
  background-color: #c0e5f6;
  color: #165571;
}
button.button.twitter.flat:active, button.button.twitter.flat:active:focus, button.button.twitter.outline:active, button.button.twitter.outline:active:focus,
a.button.twitter.flat:active,
a.button.twitter.flat:active:focus,
a.button.twitter.outline:active,
a.button.twitter.outline:active:focus,
.button.twitter.flat:active,
.button.twitter.flat:active:focus,
.button.twitter.outline:active,
.button.twitter.outline:active:focus {
  background-color: #6bc3ea;
  color: #165571;
}
button.button.twitter.flat.disabled, button.button.twitter.flat:disabled, button.button.twitter.flat[disabled], button.button.twitter.outline.disabled, button.button.twitter.outline:disabled, button.button.twitter.outline[disabled],
a.button.twitter.flat.disabled,
a.button.twitter.flat:disabled,
a.button.twitter.flat[disabled],
a.button.twitter.outline.disabled,
a.button.twitter.outline:disabled,
a.button.twitter.outline[disabled],
.button.twitter.flat.disabled,
.integration-modal .container.enabled .body .header .button.twitter.flat.btn,
.button.twitter.flat:disabled,
.button.twitter.flat[disabled],
.button.twitter.outline.disabled,
.integration-modal .container.enabled .body .header .button.twitter.outline.btn,
.button.twitter.outline:disabled,
.button.twitter.outline[disabled] {
  color: rgba(33, 127, 169, 0.35) !important;
  background-color: transparent !important;
}
button.button.twitter.outline,
a.button.twitter.outline,
.button.twitter.outline {
  border-color: #6bc3ea;
}
button.button.twitter.outline.disabled, button.button.twitter.outline:disabled, button.button.twitter.outline[disabled],
a.button.twitter.outline.disabled,
a.button.twitter.outline:disabled,
a.button.twitter.outline[disabled],
.button.twitter.outline.disabled,
.integration-modal .container.enabled .body .header .button.twitter.outline.btn,
.button.twitter.outline:disabled,
.button.twitter.outline[disabled] {
  border-color: rgba(107, 195, 234, 0.35) !important;
}
button.button.twitter.text-link,
button.button.twitter.text-link a,
a.button.twitter.text-link,
a.button.twitter.text-link a,
.button.twitter.text-link,
.button.twitter.text-link a {
  color: #2ca9e1;
}
button.button.twitter.text-link:hover, button.button.twitter.text-link:focus, button.button.twitter.text-link:active, button.button.twitter.text-link:active:hover,
a.button.twitter.text-link:hover,
a.button.twitter.text-link:focus,
a.button.twitter.text-link:active,
a.button.twitter.text-link:active:hover,
.button.twitter.text-link:hover,
.button.twitter.text-link:focus,
.button.twitter.text-link:active,
.button.twitter.text-link:active:hover {
  color: #165571;
  text-decoration: underline;
}
button.button.twitter.text-link.disabled, button.button.twitter.text-link:disabled, button.button.twitter.text-link[disabled],
a.button.twitter.text-link.disabled,
a.button.twitter.text-link:disabled,
a.button.twitter.text-link[disabled],
.button.twitter.text-link.disabled,
.integration-modal .container.enabled .body .header .button.twitter.text-link.btn,
.button.twitter.text-link:disabled,
.button.twitter.text-link[disabled] {
  color: #2ca9e1 !important;
}

button.button.facebook:not(.text-link),
a.button.facebook:not(.text-link),
.button.facebook:not(.text-link) {
  background-color: #3b5998;
}
button.button.facebook:not(.text-link):hover, button.button.facebook:not(.text-link):focus,
a.button.facebook:not(.text-link):hover,
a.button.facebook:not(.text-link):focus,
.button.facebook:not(.text-link):hover,
.button.facebook:not(.text-link):focus {
  background-color: #2c4372;
}
button.button.facebook:not(.text-link):active, button.button.facebook:not(.text-link):active:hover,
a.button.facebook:not(.text-link):active,
a.button.facebook:not(.text-link):active:hover,
.button.facebook:not(.text-link):active,
.button.facebook:not(.text-link):active:hover {
  background-color: #1e2d4c;
}
button.button.facebook:not(.text-link).disabled, button.button.facebook:not(.text-link):disabled, button.button.facebook:not(.text-link)[disabled],
a.button.facebook:not(.text-link).disabled,
a.button.facebook:not(.text-link):disabled,
a.button.facebook:not(.text-link)[disabled],
.button.facebook:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.facebook.btn:not(.text-link),
.button.facebook:not(.text-link):disabled,
.button.facebook:not(.text-link)[disabled] {
  background-color: rgba(59, 89, 152, 0.35) !important;
}
button.button.facebook.flat, button.button.facebook.outline,
a.button.facebook.flat,
a.button.facebook.outline,
.button.facebook.flat,
.button.facebook.outline {
  background-color: transparent;
  color: #2c4372;
}
button.button.facebook.flat:hover, button.button.facebook.flat:focus, button.button.facebook.outline:hover, button.button.facebook.outline:focus,
a.button.facebook.flat:hover,
a.button.facebook.flat:focus,
a.button.facebook.outline:hover,
a.button.facebook.outline:focus,
.button.facebook.flat:hover,
.button.facebook.flat:focus,
.button.facebook.outline:hover,
.button.facebook.outline:focus {
  background-color: #c4cde0;
  color: #1e2d4c;
}
button.button.facebook.flat:active, button.button.facebook.flat:active:focus, button.button.facebook.outline:active, button.button.facebook.outline:active:focus,
a.button.facebook.flat:active,
a.button.facebook.flat:active:focus,
a.button.facebook.outline:active,
a.button.facebook.outline:active:focus,
.button.facebook.flat:active,
.button.facebook.flat:active:focus,
.button.facebook.outline:active,
.button.facebook.outline:active:focus {
  background-color: #768bb7;
  color: #1e2d4c;
}
button.button.facebook.flat.disabled, button.button.facebook.flat:disabled, button.button.facebook.flat[disabled], button.button.facebook.outline.disabled, button.button.facebook.outline:disabled, button.button.facebook.outline[disabled],
a.button.facebook.flat.disabled,
a.button.facebook.flat:disabled,
a.button.facebook.flat[disabled],
a.button.facebook.outline.disabled,
a.button.facebook.outline:disabled,
a.button.facebook.outline[disabled],
.button.facebook.flat.disabled,
.integration-modal .container.enabled .body .header .button.facebook.flat.btn,
.button.facebook.flat:disabled,
.button.facebook.flat[disabled],
.button.facebook.outline.disabled,
.integration-modal .container.enabled .body .header .button.facebook.outline.btn,
.button.facebook.outline:disabled,
.button.facebook.outline[disabled] {
  color: rgba(44, 67, 114, 0.35) !important;
  background-color: transparent !important;
}
button.button.facebook.outline,
a.button.facebook.outline,
.button.facebook.outline {
  border-color: #768bb7;
}
button.button.facebook.outline.disabled, button.button.facebook.outline:disabled, button.button.facebook.outline[disabled],
a.button.facebook.outline.disabled,
a.button.facebook.outline:disabled,
a.button.facebook.outline[disabled],
.button.facebook.outline.disabled,
.integration-modal .container.enabled .body .header .button.facebook.outline.btn,
.button.facebook.outline:disabled,
.button.facebook.outline[disabled] {
  border-color: rgba(118, 139, 183, 0.35) !important;
}
button.button.facebook.text-link,
button.button.facebook.text-link a,
a.button.facebook.text-link,
a.button.facebook.text-link a,
.button.facebook.text-link,
.button.facebook.text-link a {
  color: #3b5998;
}
button.button.facebook.text-link:hover, button.button.facebook.text-link:focus, button.button.facebook.text-link:active, button.button.facebook.text-link:active:hover,
a.button.facebook.text-link:hover,
a.button.facebook.text-link:focus,
a.button.facebook.text-link:active,
a.button.facebook.text-link:active:hover,
.button.facebook.text-link:hover,
.button.facebook.text-link:focus,
.button.facebook.text-link:active,
.button.facebook.text-link:active:hover {
  color: #1e2d4c;
  text-decoration: underline;
}
button.button.facebook.text-link.disabled, button.button.facebook.text-link:disabled, button.button.facebook.text-link[disabled],
a.button.facebook.text-link.disabled,
a.button.facebook.text-link:disabled,
a.button.facebook.text-link[disabled],
.button.facebook.text-link.disabled,
.integration-modal .container.enabled .body .header .button.facebook.text-link.btn,
.button.facebook.text-link:disabled,
.button.facebook.text-link[disabled] {
  color: #3b5998 !important;
}

button.button.linkedin:not(.text-link),
a.button.linkedin:not(.text-link),
.button.linkedin:not(.text-link) {
  background-color: #0073a5;
}
button.button.linkedin:not(.text-link):hover, button.button.linkedin:not(.text-link):focus,
a.button.linkedin:not(.text-link):hover,
a.button.linkedin:not(.text-link):focus,
.button.linkedin:not(.text-link):hover,
.button.linkedin:not(.text-link):focus {
  background-color: #00567c;
}
button.button.linkedin:not(.text-link):active, button.button.linkedin:not(.text-link):active:hover,
a.button.linkedin:not(.text-link):active,
a.button.linkedin:not(.text-link):active:hover,
.button.linkedin:not(.text-link):active,
.button.linkedin:not(.text-link):active:hover {
  background-color: #003a53;
}
button.button.linkedin:not(.text-link).disabled, button.button.linkedin:not(.text-link):disabled, button.button.linkedin:not(.text-link)[disabled],
a.button.linkedin:not(.text-link).disabled,
a.button.linkedin:not(.text-link):disabled,
a.button.linkedin:not(.text-link)[disabled],
.button.linkedin:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.linkedin.btn:not(.text-link),
.button.linkedin:not(.text-link):disabled,
.button.linkedin:not(.text-link)[disabled] {
  background-color: rgba(0, 115, 165, 0.35) !important;
}
button.button.linkedin.flat, button.button.linkedin.outline,
a.button.linkedin.flat,
a.button.linkedin.outline,
.button.linkedin.flat,
.button.linkedin.outline {
  background-color: transparent;
  color: #00567c;
}
button.button.linkedin.flat:hover, button.button.linkedin.flat:focus, button.button.linkedin.outline:hover, button.button.linkedin.outline:focus,
a.button.linkedin.flat:hover,
a.button.linkedin.flat:focus,
a.button.linkedin.outline:hover,
a.button.linkedin.outline:focus,
.button.linkedin.flat:hover,
.button.linkedin.flat:focus,
.button.linkedin.outline:hover,
.button.linkedin.outline:focus {
  background-color: #b3d5e4;
  color: #003a53;
}
button.button.linkedin.flat:active, button.button.linkedin.flat:active:focus, button.button.linkedin.outline:active, button.button.linkedin.outline:active:focus,
a.button.linkedin.flat:active,
a.button.linkedin.flat:active:focus,
a.button.linkedin.outline:active,
a.button.linkedin.outline:active:focus,
.button.linkedin.flat:active,
.button.linkedin.flat:active:focus,
.button.linkedin.outline:active,
.button.linkedin.outline:active:focus {
  background-color: #4d9dc0;
  color: #003a53;
}
button.button.linkedin.flat.disabled, button.button.linkedin.flat:disabled, button.button.linkedin.flat[disabled], button.button.linkedin.outline.disabled, button.button.linkedin.outline:disabled, button.button.linkedin.outline[disabled],
a.button.linkedin.flat.disabled,
a.button.linkedin.flat:disabled,
a.button.linkedin.flat[disabled],
a.button.linkedin.outline.disabled,
a.button.linkedin.outline:disabled,
a.button.linkedin.outline[disabled],
.button.linkedin.flat.disabled,
.integration-modal .container.enabled .body .header .button.linkedin.flat.btn,
.button.linkedin.flat:disabled,
.button.linkedin.flat[disabled],
.button.linkedin.outline.disabled,
.integration-modal .container.enabled .body .header .button.linkedin.outline.btn,
.button.linkedin.outline:disabled,
.button.linkedin.outline[disabled] {
  color: rgba(0, 86, 124, 0.35) !important;
  background-color: transparent !important;
}
button.button.linkedin.outline,
a.button.linkedin.outline,
.button.linkedin.outline {
  border-color: #4d9dc0;
}
button.button.linkedin.outline.disabled, button.button.linkedin.outline:disabled, button.button.linkedin.outline[disabled],
a.button.linkedin.outline.disabled,
a.button.linkedin.outline:disabled,
a.button.linkedin.outline[disabled],
.button.linkedin.outline.disabled,
.integration-modal .container.enabled .body .header .button.linkedin.outline.btn,
.button.linkedin.outline:disabled,
.button.linkedin.outline[disabled] {
  border-color: rgba(77, 157, 192, 0.35) !important;
}
button.button.linkedin.text-link,
button.button.linkedin.text-link a,
a.button.linkedin.text-link,
a.button.linkedin.text-link a,
.button.linkedin.text-link,
.button.linkedin.text-link a {
  color: #0073a5;
}
button.button.linkedin.text-link:hover, button.button.linkedin.text-link:focus, button.button.linkedin.text-link:active, button.button.linkedin.text-link:active:hover,
a.button.linkedin.text-link:hover,
a.button.linkedin.text-link:focus,
a.button.linkedin.text-link:active,
a.button.linkedin.text-link:active:hover,
.button.linkedin.text-link:hover,
.button.linkedin.text-link:focus,
.button.linkedin.text-link:active,
.button.linkedin.text-link:active:hover {
  color: #003a53;
  text-decoration: underline;
}
button.button.linkedin.text-link.disabled, button.button.linkedin.text-link:disabled, button.button.linkedin.text-link[disabled],
a.button.linkedin.text-link.disabled,
a.button.linkedin.text-link:disabled,
a.button.linkedin.text-link[disabled],
.button.linkedin.text-link.disabled,
.integration-modal .container.enabled .body .header .button.linkedin.text-link.btn,
.button.linkedin.text-link:disabled,
.button.linkedin.text-link[disabled] {
  color: #0073a5 !important;
}

button.button.pinterest:not(.text-link),
a.button.pinterest:not(.text-link),
.button.pinterest:not(.text-link) {
  background-color: #bd081c;
}
button.button.pinterest:not(.text-link):hover, button.button.pinterest:not(.text-link):focus,
a.button.pinterest:not(.text-link):hover,
a.button.pinterest:not(.text-link):focus,
.button.pinterest:not(.text-link):hover,
.button.pinterest:not(.text-link):focus {
  background-color: #8e0615;
}
button.button.pinterest:not(.text-link):active, button.button.pinterest:not(.text-link):active:hover,
a.button.pinterest:not(.text-link):active,
a.button.pinterest:not(.text-link):active:hover,
.button.pinterest:not(.text-link):active,
.button.pinterest:not(.text-link):active:hover {
  background-color: #5f040e;
}
button.button.pinterest:not(.text-link).disabled, button.button.pinterest:not(.text-link):disabled, button.button.pinterest:not(.text-link)[disabled],
a.button.pinterest:not(.text-link).disabled,
a.button.pinterest:not(.text-link):disabled,
a.button.pinterest:not(.text-link)[disabled],
.button.pinterest:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.pinterest.btn:not(.text-link),
.button.pinterest:not(.text-link):disabled,
.button.pinterest:not(.text-link)[disabled] {
  background-color: rgba(189, 8, 28, 0.35) !important;
}
button.button.pinterest.flat, button.button.pinterest.outline,
a.button.pinterest.flat,
a.button.pinterest.outline,
.button.pinterest.flat,
.button.pinterest.outline {
  background-color: transparent;
  color: #8e0615;
}
button.button.pinterest.flat:hover, button.button.pinterest.flat:focus, button.button.pinterest.outline:hover, button.button.pinterest.outline:focus,
a.button.pinterest.flat:hover,
a.button.pinterest.flat:focus,
a.button.pinterest.outline:hover,
a.button.pinterest.outline:focus,
.button.pinterest.flat:hover,
.button.pinterest.flat:focus,
.button.pinterest.outline:hover,
.button.pinterest.outline:focus {
  background-color: #ebb5bb;
  color: #5f040e;
}
button.button.pinterest.flat:active, button.button.pinterest.flat:active:focus, button.button.pinterest.outline:active, button.button.pinterest.outline:active:focus,
a.button.pinterest.flat:active,
a.button.pinterest.flat:active:focus,
a.button.pinterest.outline:active,
a.button.pinterest.outline:active:focus,
.button.pinterest.flat:active,
.button.pinterest.flat:active:focus,
.button.pinterest.outline:active,
.button.pinterest.outline:active:focus {
  background-color: #d15260;
  color: #5f040e;
}
button.button.pinterest.flat.disabled, button.button.pinterest.flat:disabled, button.button.pinterest.flat[disabled], button.button.pinterest.outline.disabled, button.button.pinterest.outline:disabled, button.button.pinterest.outline[disabled],
a.button.pinterest.flat.disabled,
a.button.pinterest.flat:disabled,
a.button.pinterest.flat[disabled],
a.button.pinterest.outline.disabled,
a.button.pinterest.outline:disabled,
a.button.pinterest.outline[disabled],
.button.pinterest.flat.disabled,
.integration-modal .container.enabled .body .header .button.pinterest.flat.btn,
.button.pinterest.flat:disabled,
.button.pinterest.flat[disabled],
.button.pinterest.outline.disabled,
.integration-modal .container.enabled .body .header .button.pinterest.outline.btn,
.button.pinterest.outline:disabled,
.button.pinterest.outline[disabled] {
  color: rgba(142, 6, 21, 0.35) !important;
  background-color: transparent !important;
}
button.button.pinterest.outline,
a.button.pinterest.outline,
.button.pinterest.outline {
  border-color: #d15260;
}
button.button.pinterest.outline.disabled, button.button.pinterest.outline:disabled, button.button.pinterest.outline[disabled],
a.button.pinterest.outline.disabled,
a.button.pinterest.outline:disabled,
a.button.pinterest.outline[disabled],
.button.pinterest.outline.disabled,
.integration-modal .container.enabled .body .header .button.pinterest.outline.btn,
.button.pinterest.outline:disabled,
.button.pinterest.outline[disabled] {
  border-color: rgba(209, 82, 96, 0.35) !important;
}
button.button.pinterest.text-link,
button.button.pinterest.text-link a,
a.button.pinterest.text-link,
a.button.pinterest.text-link a,
.button.pinterest.text-link,
.button.pinterest.text-link a {
  color: #bd081c;
}
button.button.pinterest.text-link:hover, button.button.pinterest.text-link:focus, button.button.pinterest.text-link:active, button.button.pinterest.text-link:active:hover,
a.button.pinterest.text-link:hover,
a.button.pinterest.text-link:focus,
a.button.pinterest.text-link:active,
a.button.pinterest.text-link:active:hover,
.button.pinterest.text-link:hover,
.button.pinterest.text-link:focus,
.button.pinterest.text-link:active,
.button.pinterest.text-link:active:hover {
  color: #5f040e;
  text-decoration: underline;
}
button.button.pinterest.text-link.disabled, button.button.pinterest.text-link:disabled, button.button.pinterest.text-link[disabled],
a.button.pinterest.text-link.disabled,
a.button.pinterest.text-link:disabled,
a.button.pinterest.text-link[disabled],
.button.pinterest.text-link.disabled,
.integration-modal .container.enabled .body .header .button.pinterest.text-link.btn,
.button.pinterest.text-link:disabled,
.button.pinterest.text-link[disabled] {
  color: #bd081c !important;
}

button.button.white,
a.button.white,
.button.white {
  color: #333333;
}
button.button.white:not(.text-link),
a.button.white:not(.text-link),
.button.white:not(.text-link) {
  background-color: #f7f7f7;
}
button.button.white:not(.text-link):hover, button.button.white:not(.text-link):focus,
a.button.white:not(.text-link):hover,
a.button.white:not(.text-link):focus,
.button.white:not(.text-link):hover,
.button.white:not(.text-link):focus {
  background-color: #e6e6e6;
  color: #333333;
}
button.button.white:not(.text-link):active, button.button.white:not(.text-link):active:hover,
a.button.white:not(.text-link):active,
a.button.white:not(.text-link):active:hover,
.button.white:not(.text-link):active,
.button.white:not(.text-link):active:hover {
  background-color: #cccccc;
}
button.button.white:not(.text-link).disabled, button.button.white:not(.text-link):disabled, button.button.white:not(.text-link)[disabled],
a.button.white:not(.text-link).disabled,
a.button.white:not(.text-link):disabled,
a.button.white:not(.text-link)[disabled],
.button.white:not(.text-link).disabled,
.integration-modal .container.enabled .body .header .button.white.btn:not(.text-link),
.button.white:not(.text-link):disabled,
.button.white:not(.text-link)[disabled] {
  background-color: rgba(247, 247, 247, 0.35) !important;
}
button.button.white.flat, button.button.white.outline,
a.button.white.flat,
a.button.white.outline,
.button.white.flat,
.button.white.outline {
  background-color: transparent;
  color: #e6e6e6;
}
button.button.white.flat:hover, button.button.white.flat:focus, button.button.white.outline:hover, button.button.white.outline:focus,
a.button.white.flat:hover,
a.button.white.flat:focus,
a.button.white.outline:hover,
a.button.white.outline:focus,
.button.white.flat:hover,
.button.white.flat:focus,
.button.white.outline:hover,
.button.white.outline:focus {
  background-color: rgba(247, 247, 247, 0.1);
  color: #cccccc;
}
button.button.white.flat:active, button.button.white.flat:active:focus, button.button.white.outline:active, button.button.white.outline:active:focus,
a.button.white.flat:active,
a.button.white.flat:active:focus,
a.button.white.outline:active,
a.button.white.outline:active:focus,
.button.white.flat:active,
.button.white.flat:active:focus,
.button.white.outline:active,
.button.white.outline:active:focus {
  background-color: rgba(247, 247, 247, 0.3);
  color: #cccccc;
}
button.button.white.flat.disabled, button.button.white.flat:disabled, button.button.white.flat[disabled], button.button.white.outline.disabled, button.button.white.outline:disabled, button.button.white.outline[disabled],
a.button.white.flat.disabled,
a.button.white.flat:disabled,
a.button.white.flat[disabled],
a.button.white.outline.disabled,
a.button.white.outline:disabled,
a.button.white.outline[disabled],
.button.white.flat.disabled,
.integration-modal .container.enabled .body .header .button.white.flat.btn,
.button.white.flat:disabled,
.button.white.flat[disabled],
.button.white.outline.disabled,
.integration-modal .container.enabled .body .header .button.white.outline.btn,
.button.white.outline:disabled,
.button.white.outline[disabled] {
  color: rgba(230, 230, 230, 0.35) !important;
  background-color: transparent !important;
}
button.button.white.outline,
a.button.white.outline,
.button.white.outline {
  border-color: rgba(247, 247, 247, 0.3);
}
button.button.white.outline.disabled, button.button.white.outline:disabled, button.button.white.outline[disabled],
a.button.white.outline.disabled,
a.button.white.outline:disabled,
a.button.white.outline[disabled],
.button.white.outline.disabled,
.integration-modal .container.enabled .body .header .button.white.outline.btn,
.button.white.outline:disabled,
.button.white.outline[disabled] {
  border-color: rgba(247, 247, 247, 0.35) !important;
}
button.button.white.text-link,
button.button.white.text-link a,
a.button.white.text-link,
a.button.white.text-link a,
.button.white.text-link,
.button.white.text-link a {
  color: #f7f7f7;
}
button.button.white.text-link:hover, button.button.white.text-link:focus, button.button.white.text-link:active, button.button.white.text-link:active:hover,
a.button.white.text-link:hover,
a.button.white.text-link:focus,
a.button.white.text-link:active,
a.button.white.text-link:active:hover,
.button.white.text-link:hover,
.button.white.text-link:focus,
.button.white.text-link:active,
.button.white.text-link:active:hover {
  color: #cccccc;
  text-decoration: underline;
}
button.button.white.text-link.disabled, button.button.white.text-link:disabled, button.button.white.text-link[disabled],
a.button.white.text-link.disabled,
a.button.white.text-link:disabled,
a.button.white.text-link[disabled],
.button.white.text-link.disabled,
.integration-modal .container.enabled .body .header .button.white.text-link.btn,
.button.white.text-link:disabled,
.button.white.text-link[disabled] {
  color: #f7f7f7 !important;
}

.media-viewer {
  display: grid;
  grid-template-columns: 1fr 320px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100vw;
  height: 100%;
  z-index: 99999999999;
}
.media-viewer.preview-only {
  grid-template-columns: 1fr;
}
@media only screen and (max-width: 699px) {
  .media-viewer.preview-only {
    grid-template-rows: 100vh;
  }
}
@media only screen and (max-width: 699px) {
  .media-viewer {
    grid-template-columns: 1fr;
    grid-template-rows: 75vh 100%;
    overflow-y: auto;
  }
}
.media-viewer * {
  box-sizing: border-box;
}
.media-viewer button.media-close {
  position: fixed;
  top: 10px;
  right: 20px;
  font-size: 20px;
  line-height: 20px;
  border-radius: 3px;
  color: #cccccc;
  z-index: 2;
  background: none;
  border: none;
  mix-blend-mode: difference;
}
.media-viewer button.media-close:hover, .media-viewer button.media-close:focus {
  color: #f7f7f7;
  text-decoration: none;
}
.media-viewer button.media-close:active {
  color: #ffffff;
}
.media-viewer .media-preview {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.media-viewer .media-preview .preview-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .media-viewer .media-preview .preview-container.image, .media-viewer .media-preview .preview-container.video {
    padding: max(40px, 4%) max(80px, 8%);
  }
}
@media only screen and (min-width: 700px) {
  .media-viewer .media-preview .preview-container.image, .media-viewer .media-preview .preview-container.video {
    padding: max(20px, 2%) max(40px, 4%);
  }
}
.media-viewer .media-preview .preview-container.image img, .media-viewer .media-preview .preview-container.video img {
  max-height: 100%;
  max-width: 100%;
}
.media-viewer .media-preview .preview-container.video video.video-player {
  max-width: 100%;
  max-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.media-viewer .media-preview .preview-container.pdf .pdf-preview, .media-viewer .media-preview .preview-container.document .document-viewer {
  height: 100%;
  width: 100%;
}
.media-viewer .media-preview .preview-container.audio .audio-preview {
  width: 80%;
  max-width: 800px;
}
.media-viewer .media-preview .preview-container.no-preview {
  flex-direction: column;
  font-size: 22px;
  line-height: 22px;
  color: #ffffff;
}
.media-viewer .media-info-bar {
  background-color: #000000;
  min-height: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  padding: 0 20px 20px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 700px) {
  .media-viewer .media-info-bar {
    height: 100%;
    overflow-y: auto;
  }
}
.media-viewer .media-info-bar .media-name {
  position: sticky;
  top: 0;
  margin: 50px -20px 0;
  padding: 5px 50px 20px 20px;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 15px, #000000 100%);
  z-index: 1;
  word-break: break-word;
}
.media-viewer .media-info-bar .media-option,
.media-viewer .media-info-bar .media-button {
  padding: 14px 15px;
  border-radius: 4px;
  background-color: #1a1a1a;
  height: 50px;
  color: #ffffff;
  margin-top: 15px;
  transition: background-color 0.2s ease;
}
.media-viewer .media-info-bar .media-option:not(.open):hover, .media-viewer .media-info-bar .media-option:not(.open):focus,
.media-viewer .media-info-bar .media-button:not(.open):hover,
.media-viewer .media-info-bar .media-button:not(.open):focus {
  background-color: #272727;
}
.media-viewer .media-info-bar .media-option:not(.open):active,
.media-viewer .media-info-bar .media-button:not(.open):active {
  background-color: #333333;
}
.media-viewer .media-info-bar .media-option .option-description,
.media-viewer .media-info-bar .media-button .option-description {
  display: flex;
  align-items: center;
}
.media-viewer .media-info-bar .media-option .option-icon,
.media-viewer .media-info-bar .media-button .option-icon {
  font-size: 22px;
  line-height: 22px;
  margin-right: 15px;
}
.media-viewer .media-info-bar .media-option.open {
  background-color: #333333;
  height: -moz-fit-content;
  height: fit-content;
}
.media-viewer .media-info-bar .media-option.open .option-description {
  margin-bottom: 10px;
}
.media-viewer .media-info-bar .media-option.open.alt-text textarea {
  width: 100%;
  resize: none;
  background-color: #333333;
  color: #ffffff;
  border-color: #333333;
}
.media-viewer .media-info-bar .media-option.open.alt-text textarea:-moz-placeholder-shown {
  border-color: #4d4d4d;
}
.media-viewer .media-info-bar .media-option.open.alt-text textarea:placeholder-shown {
  border-color: #4d4d4d;
}
.media-viewer .media-info-bar .media-option.open.alt-text textarea:hover {
  border-color: #999999;
}
.media-viewer .media-info-bar .media-option.open.alt-text textarea:active, .media-viewer .media-info-bar .media-option.open.alt-text textarea:focus {
  border-color: #ffffff !important;
}
.media-viewer .media-info-bar .media-button {
  outline: none;
  border: 0;
  display: flex;
  align-items: center;
  text-decoration: none !important;
}

.report-filter .report-filter-flex,
.report-filter .saved-view-filter-flex,
.saved-view-filter .report-filter-flex,
.saved-view-filter .saved-view-filter-flex {
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  min-height: 60px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
}
.report-filter .report-filter-flex.static-datepicker .filter-flex-container .filter,
.report-filter .saved-view-filter-flex.static-datepicker .filter-flex-container .filter,
.saved-view-filter .report-filter-flex.static-datepicker .filter-flex-container .filter,
.saved-view-filter .saved-view-filter-flex.static-datepicker .filter-flex-container .filter {
  margin: 0 0 15px 8px;
  max-width: calc(100vw - 513px);
}
.report-filter .report-filter-flex .filter-flex-container,
.report-filter .saved-view-filter-flex .filter-flex-container,
.saved-view-filter .report-filter-flex .filter-flex-container,
.saved-view-filter .saved-view-filter-flex .filter-flex-container {
  position: relative;
  flex: 1 0 auto;
}
.report-filter .report-filter-flex.engagement-report,
.saved-view-filter .report-filter-flex.engagement-report {
  grid-template-columns: auto 1fr auto auto;
}
.report-filter .saved-view-filter-flex,
.saved-view-filter .saved-view-filter-flex {
  border-bottom: none;
}
.report-filter .saved-view-filter-flex .filter-flex-container,
.saved-view-filter .saved-view-filter-flex .filter-flex-container {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1 0 auto;
}
.report-filter .filter,
.saved-view-filter .filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: calc(100vw - 175px);
  margin-bottom: 12px;
}
.report-filter .filter-option,
.saved-view-filter .filter-option {
  animation: grow-width 1s ease;
  margin: 12px 8px 0 0;
  position: relative;
}
.report-filter .filter-option .remove-option-icon,
.saved-view-filter .filter-option .remove-option-icon {
  color: #b3b3b3;
  position: absolute;
  margin: 0 0 0 1px;
  text-align: center;
  z-index: 999;
  transition: all 0.2s ease-in-out;
}
.report-filter .filter-option .soc-gen-dropdown,
.saved-view-filter .filter-option .soc-gen-dropdown {
  position: relative;
  z-index: 1;
  background-color: #f7f7f7;
  border-radius: 6px;
}
.report-filter .filter-option .soc-gen-dropdown .selection,
.saved-view-filter .filter-option .soc-gen-dropdown .selection {
  position: relative;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items {
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0 25px 0 5px;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items .dd-toggle-icon,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items .dd-toggle-icon {
  position: absolute;
  right: 9px;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items li,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items li {
  list-style: none;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items .select-wrapper,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items .select-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 36px;
  margin: 0 5px 0 2px;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items .select-wrapper .circle-image,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items .select-wrapper .circle-image {
  margin-right: 7px;
  position: relative;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items .select-wrapper.content-type-select .circle-image,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items .select-wrapper.content-type-select .circle-image {
  border: initial;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items .select-wrapper.content-type-select .circle-image .content-type-icon,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items .select-wrapper.content-type-select .circle-image .content-type-icon {
  padding: 7px;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items.add-item .add-option-icon,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items.add-item .add-option-icon {
  color: #b3b3b3;
  margin-right: 5px;
}
.report-filter .filter-option .soc-gen-dropdown .selection .selected-items.add-item:hover .add-option-icon,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .selected-items.add-item:hover .add-option-icon {
  color: #666666;
}
.report-filter .filter-option .soc-gen-dropdown .selection .cos-dropdown,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .cos-dropdown {
  position: relative;
}
.report-filter .filter-option .soc-gen-dropdown .selection .cos-dropdown .soc-gen-dropdown-content,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .cos-dropdown .soc-gen-dropdown-content {
  max-height: 315px;
  top: 0;
}
.report-filter .filter-option .soc-gen-dropdown .selection .cos-dropdown .soc-gen-dropdown-content .gen-name,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .cos-dropdown .soc-gen-dropdown-content .gen-name {
  margin-left: 6px;
  max-width: 165px;
}
.report-filter .filter-option .soc-gen-dropdown .selection .cos-dropdown .soc-gen-dropdown-content .icon-checkmark,
.saved-view-filter .filter-option .soc-gen-dropdown .selection .cos-dropdown .soc-gen-dropdown-content .icon-checkmark {
  position: absolute;
  color: #8ac884;
  right: 10px;
  animation: 0.2s ease forwards checkmarkfade;
}
.report-filter .filter-option .soc-gen-dropdown:hover,
.saved-view-filter .filter-option .soc-gen-dropdown:hover {
  cursor: pointer;
  background-color: #f7f7f7;
  transition: all 0.2s ease;
}
.report-filter .filter-option .soc-gen-dropdown:hover .add-option-icon,
.report-filter .filter-option .soc-gen-dropdown:hover .dd-toggle-icon,
.saved-view-filter .filter-option .soc-gen-dropdown:hover .add-option-icon,
.saved-view-filter .filter-option .soc-gen-dropdown:hover .dd-toggle-icon {
  color: #666666;
}
.report-filter .filter-option .soc-gen-dropdown:hover .gen-name,
.saved-view-filter .filter-option .soc-gen-dropdown:hover .gen-name {
  color: #4d4d4d;
}
.report-filter .filter-option .custom-field-report-picker,
.saved-view-filter .filter-option .custom-field-report-picker {
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0 25px 0 5px;
  position: relative;
  z-index: 1;
  background-color: #f7f7f7;
  border-radius: 6px;
}
.report-filter .filter-option .custom-field-report-picker .custom-field-select-trigger,
.saved-view-filter .filter-option .custom-field-report-picker .custom-field-select-trigger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 14px;
  cursor: pointer;
  color: #666666;
  border: 0;
  min-height: 36px;
  background: transparent;
}
.report-filter .filter-option .custom-field-report-picker .custom-field-select-trigger .add-option-icon,
.saved-view-filter .filter-option .custom-field-report-picker .custom-field-select-trigger .add-option-icon {
  margin-right: 5px;
  font-size: 20px;
  color: #b3b3b3;
}
.report-filter .filter-option .custom-field-report-picker .custom-field-select-trigger .select-wrapper,
.saved-view-filter .filter-option .custom-field-report-picker .custom-field-select-trigger .select-wrapper {
  min-width: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 36px;
  margin: 0 5px 0 2px;
}
.report-filter .filter-option .custom-field-report-picker .custom-field-select-trigger:after,
.saved-view-filter .filter-option .custom-field-report-picker .custom-field-select-trigger:after {
  font-family: "CoS";
  content: "\e913";
  position: absolute;
  right: 9px;
  font-size: 16px;
  color: #b3b3b3;
}
.report-filter .filter-option .custom-field-report-picker .custom-field-select-trigger:hover .add-option-icon, .report-filter .filter-option .custom-field-report-picker .custom-field-select-trigger:hover:after,
.saved-view-filter .filter-option .custom-field-report-picker .custom-field-select-trigger:hover .add-option-icon,
.saved-view-filter .filter-option .custom-field-report-picker .custom-field-select-trigger:hover:after {
  color: #666666;
}
.report-filter .filter-option .custom-field-report-picker .request-project-types-list > div[aria-expanded=true] .custom-field-select-trigger:after,
.saved-view-filter .filter-option .custom-field-report-picker .request-project-types-list > div[aria-expanded=true] .custom-field-select-trigger:after {
  content: "\e914";
}
.report-filter .filter-option .filter-option-title,
.saved-view-filter .filter-option .filter-option-title {
  font-size: 11px;
  line-height: 15px;
  color: #b3b3b3;
  position: absolute;
  width: 42px;
  text-align: right;
}
.report-filter .filter-option .baremetrics-calendar.daterange--double,
.saved-view-filter .filter-option .baremetrics-calendar.daterange--double {
  margin-left: 48px;
}
.report-filter .filter-option .remove-filter-option,
.saved-view-filter .filter-option .remove-filter-option {
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  border-radius: 50%;
  background-color: #ffffff;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 10;
  padding: 0;
  color: #b3b3b3;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  line-height: 22px;
  border: none;
}
.report-filter .filter-option .remove-filter-option .remove-option-icon,
.saved-view-filter .filter-option .remove-filter-option .remove-option-icon {
  margin: 0;
  font-size: 9px;
}
.report-filter .filter-option .remove-filter-option:hover,
.saved-view-filter .filter-option .remove-filter-option:hover {
  transition: all 0.2s ease;
  cursor: pointer;
}
.report-filter .filter-option .remove-filter-option:hover .remove-option-icon,
.saved-view-filter .filter-option .remove-filter-option:hover .remove-option-icon {
  color: #666666;
}
.report-filter .filter-option:hover .remove-filter-option,
.saved-view-filter .filter-option:hover .remove-filter-option {
  visibility: visible;
  transition: all 0.2s ease 0.6s;
}
.report-filter .add-filter-option,
.saved-view-filter .add-filter-option {
  position: relative;
  z-index: 1;
  animation: none;
  margin: 12px 0 0;
}
.report-filter .add-filter-option .add-filter,
.saved-view-filter .add-filter-option .add-filter {
  display: flex;
  width: 100%;
  align-items: center;
  background: transparent;
  border: none;
  padding: 0 8px 0 0;
  border-radius: 6px;
}
.report-filter .add-filter-option .add-filter .add-option-icon,
.saved-view-filter .add-filter-option .add-filter .add-option-icon {
  cursor: pointer;
  font-size: 20px;
  margin: 8px;
  color: #999999;
}
.report-filter .add-filter-option .add-filter .gen-name,
.saved-view-filter .add-filter-option .add-filter .gen-name {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
}
.report-filter .add-filter-option .add-filter:hover,
.saved-view-filter .add-filter-option .add-filter:hover {
  transition: all 0.2s ease;
  background-color: #f7f7f7;
}
.report-filter .add-filter-option .add-filter:hover .add-option-icon,
.saved-view-filter .add-filter-option .add-filter:hover .add-option-icon {
  color: #666666;
}
.report-filter .add-filter-option .add-filter:hover .gen-name,
.saved-view-filter .add-filter-option .add-filter:hover .gen-name {
  color: #4d4d4d;
}
.report-filter .add-filter-option .cos-dropdown,
.saved-view-filter .add-filter-option .cos-dropdown {
  position: relative;
}
.report-filter .add-filter-option .soc-gen-dropdown-content,
.saved-view-filter .add-filter-option .soc-gen-dropdown-content {
  width: 200px;
}
.report-filter .circle-image,
.saved-view-filter .circle-image {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  animation: selectionfade 0.5s ease forwards;
}
.report-filter .circle-image.no-border,
.saved-view-filter .circle-image.no-border {
  border: none;
}
.report-filter .circle-image.marg-adjust,
.saved-view-filter .circle-image.marg-adjust {
  margin-top: 5px;
}
.report-filter .circle-image.Unlabeled,
.saved-view-filter .circle-image.Unlabeled {
  border: 1px solid #999999;
  background-color: #ffffff;
  width: 24px;
  height: 24px;
}
.report-filter .gen-name,
.saved-view-filter .gen-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  cursor: pointer;
  color: #666666;
}
.report-filter .gen-name.service-name,
.saved-view-filter .gen-name.service-name {
  width: 125px;
}
.report-filter .gen-name.trunc,
.saved-view-filter .gen-name.trunc {
  max-width: 80px;
}
.report-filter .remove-option-icon,
.saved-view-filter .remove-option-icon {
  color: #b3b3b3;
  text-underline: none;
}
.report-filter .remove-option-icon.close-item,
.saved-view-filter .remove-option-icon.close-item {
  color: #ffffff;
  opacity: 0;
  background-color: rgba(102, 102, 102, 0.5);
  padding: 6px;
  border-radius: 50%;
  font-size: 14px;
}
.report-filter .remove-option-icon.close-item:hover,
.saved-view-filter .remove-option-icon.close-item:hover {
  opacity: 1;
}
.report-filter .content-type-icon,
.saved-view-filter .content-type-icon {
  text-align: center;
  color: #666666;
  vertical-align: -4px;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 5px;
  height: 15px;
  width: 15px;
}
.report-filter .network-circle,
.saved-view-filter .network-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  z-index: 9;
  margin: 10px 0 0 -21px;
  border: 1px solid #ffffff;
}
.report-filter .network-circle.facebook,
.saved-view-filter .network-circle.facebook {
  background-color: #3b5998;
}
.report-filter .network-circle.facebook_page,
.saved-view-filter .network-circle.facebook_page {
  background-color: #3b5998;
}
.report-filter .network-circle.facebook_group,
.saved-view-filter .network-circle.facebook_group {
  background-color: #3b5998;
}
.report-filter .network-circle.twitter,
.saved-view-filter .network-circle.twitter {
  background-color: #2ca9e1;
}
.report-filter .network-circle.linkedin,
.saved-view-filter .network-circle.linkedin {
  background-color: #0073a5;
}
.report-filter .network-circle.linkedin_company,
.saved-view-filter .network-circle.linkedin_company {
  background-color: #0073a5;
}
.report-filter .network-circle.instagram,
.saved-view-filter .network-circle.instagram {
  background-color: #e34061;
}
.report-filter .network-circle.pinterest,
.saved-view-filter .network-circle.pinterest {
  background-color: #bd081c;
}
.report-filter .network-circle.tiktok,
.saved-view-filter .network-circle.tiktok {
  background-color: #000000;
}
.report-filter .network-circle.youtube,
.saved-view-filter .network-circle.youtube {
  background-color: #ff0000;
}
.report-filter .network-circle.mastodon,
.saved-view-filter .network-circle.mastodon {
  background-color: #6364ff;
}
.report-filter .network-circle.youtube_social,
.saved-view-filter .network-circle.youtube_social {
  background-color: #ff0000;
}
.report-filter .network-circle.google_my_business,
.saved-view-filter .network-circle.google_my_business {
  background-color: #4989f5;
}
.report-filter .network-circle.bluesky,
.saved-view-filter .network-circle.bluesky {
  background-color: #1185fe;
}
.report-filter .network-circle.threads,
.saved-view-filter .network-circle.threads {
  background-color: #000000;
}
.report-filter .network-circle .network-icon,
.saved-view-filter .network-circle .network-icon {
  color: #ffffff;
  font-size: 9px;
}
.report-filter .dd-toggle-icon,
.saved-view-filter .dd-toggle-icon {
  color: #b3b3b3;
  font-size: 20px;
  margin-left: 8px;
}
.report-filter .network-date-picker,
.saved-view-filter .network-date-picker {
  z-index: 10;
}
.report-filter .report-options,
.saved-view-filter .report-options {
  margin: 10px 10px 0;
  display: flex;
  justify-content: flex-end;
}

.save-container.cos-basic-dropdown-content {
  width: 275px;
}
.save-container .save-report-view {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  height: 36px;
  border-radius: 6px;
}
.save-container .save-report-view .gen-name {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
}
.save-container .save-report-view .dd-toggle-icon {
  color: #999999;
}
.save-container .save-report-view:hover {
  color: #333333;
  background-color: #f7f7f7;
}
.save-container .cos-dropdown {
  position: relative;
}
.save-container .cos-dropdown .soc-gen-dropdown-content {
  width: 275px;
  min-height: 40px;
  max-height: 367px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 6px;
  box-shadow: 0 2px 25px -3px rgba(0, 0, 0, 0.4);
  margin-left: -1px;
  z-index: 350;
  background-color: #ffffff;
  overflow-x: hidden;
}
.save-container ul {
  margin: 0;
}
.save-container ul label {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  padding: 8px 0 0 10px;
  margin: 0;
  z-index: 10;
}
.save-container ul li {
  position: relative;
  border: none;
  animation: none;
  display: flex;
  align-items: center;
  list-style-type: none;
  height: 40px;
  cursor: pointer;
}
.save-container ul li .btn {
  padding: 0;
}
.save-container ul li .gen-name {
  max-width: 90%;
  margin-left: 15px;
}
.save-container ul li:hover {
  background-color: #f7f7f7;
}
.save-container ul li:hover .gen-name {
  color: #4d4d4d;
}
.save-container ul li:hover .edit-view-icon {
  display: block;
  color: #999999;
}
.save-container ul li:last-child {
  margin-bottom: 5px;
  border-bottom: none;
}
.save-container .edit-name {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 7px 10px;
  box-sizing: border-box;
}
.save-container .edit-name .input {
  width: 80%;
  border-radius: 2px;
  height: 15px;
  margin: 0 5px 0 0;
  cursor: text;
  box-sizing: initial;
}
.save-container .save-action {
  text-decoration: none;
}
.save-container .save-view-icon,
.save-container .cancel-view-edit-icon,
.save-container .delete-view-icon {
  font-size: 11px;
  margin: 0 5px;
}
.save-container .save-view-icon {
  color: #8ac884;
}
.save-container .delete-view-icon {
  color: #d17760;
}
.save-container .edit-view-icon {
  margin: 0 5px 0 auto;
  padding: 10px;
  display: none;
  color: #b3b3b3;
  cursor: pointer;
}
.save-container .save-new-report {
  position: sticky;
  bottom: 0;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  width: 100%;
  background-color: #ffffff;
}
.save-container .save-new-report .save-new-report-btn {
  border: initial;
  padding: 8px 15px 6px;
  background-color: transparent;
  width: 100%;
}
.save-container .save-new-report:hover {
  background-color: #f7f7f7;
  transition: all 0.2s ease-in-out;
}

.cos-basic-dropdown-content.soc-gen-dropdown-content {
  max-width: 300px;
  width: 100%;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group {
  min-width: 230px;
  max-height: 350px;
  width: 100%;
  padding: 0;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .asset-search-container {
  border-bottom: 1px solid #e6e6e6;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option {
  display: flex;
  align-items: center;
  height: 35px;
  padding: 0 10px;
  cursor: pointer;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li.sub-menu:not(.selected):after,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.sub-menu:not(.selected):after {
  font-family: "CoS";
  content: "\25b2";
  margin-left: auto;
  color: #999999;
  flex-shrink: 0;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li.selected:after,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.selected:after {
  font-family: "CoS";
  content: "\2714";
  margin-left: auto;
  color: #8ac884;
  flex-shrink: 0;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li.selected.sub-menu:hover:after,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.selected.sub-menu:hover:after {
  display: block;
  content: "\25b2";
  color: #999999;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li .gen-name,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .gen-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 230px;
  margin: 0 5px 0 6px;
  color: #666666;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li .content-type-icon,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .content-type-icon {
  margin-right: 8px;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li:hover,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option:hover {
  background-color: #f7f7f7;
  transition: all 0.2s ease;
}
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li:hover .gen-name,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group li:hover .content-type-icon,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option:hover .gen-name,
.cos-basic-dropdown-content.soc-gen-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option:hover .content-type-icon {
  color: #4d4d4d;
}

.marketing-campaign-circle.circle-image {
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #b3b3b3;
}
.marketing-campaign-circle.circle-image .marketing-campaign-icon {
  margin-left: 2px;
}

@keyframes checkmarkfade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes selectionfade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes grow-width {
  0% {
    overflow: hidden;
    max-width: 0;
  }
  99% {
    overflow: hidden;
    max-width: 500px;
  }
  100% {
    overflow: initial;
    max-width: initial;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.day-offset button.button.flat {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f7f7f7;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 5px 7px 10px;
}
.day-offset button.button.flat .day-offset-icon {
  color: #808080;
  margin-left: 8px;
}
.day-offset button.button.flat:hover, .day-offset button.button.flat:focus {
  background-color: #f7f7f7;
}

.header-option .day-offset button.button.flat {
  padding: 7px;
  max-width: calc(20vw - 80px);
  background-color: transparent;
  border-radius: 40px;
}
.header-option .day-offset button.button.flat .day-offset-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 16px;
  color: #666666;
  margin: 0 3px;
  border: 1px solid #cccccc;
}
.header-option .day-offset button.button.flat .day-offset-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  font-size: 12px;
  max-width: 200px;
  margin-right: 5px;
  order: 2;
}
.header-option .day-offset button.button.flat:hover, .header-option .day-offset button.button.flat:focus {
  background-color: #f7f7f7;
}
@media (max-width: 975px) {
  .header-option .day-offset button.button.flat {
    max-width: 85px;
    padding: 3px;
  }
  .header-option .day-offset button.button.flat .day-offset-icon {
    margin-right: 0;
  }
  .header-option .day-offset button.button.flat .day-offset-text {
    display: none;
  }
}

.before-after-picker .drop-down .drop-down-trigger {
  border: none;
  background-color: transparent;
  padding: 0 5px;
  height: initial;
  font-weight: bold;
  line-height: initial;
}
.before-after-picker .drop-down .drop-down-trigger i {
  position: initial;
  font-size: 11px;
}

.day-offset-dropdown {
  max-width: 400px !important;
}
.day-offset-dropdown .number-selector {
  background-color: #ffffff;
  padding: 10px;
}

.project-settings-wrapper .tooltip .tooltip-text {
  white-space: initial;
}

.create-new-wrapper .day-offset button.button.flat {
  background-color: transparent;
  padding: 7px;
}
.create-new-wrapper .day-offset button.button.flat .day-offset-text {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #808080;
  order: 2;
  margin-left: 8px;
}
.create-new-wrapper .day-offset button.button.flat .day-offset-icon {
  font-size: 14px;
  margin-left: 3px;
}
.create-new-wrapper .day-offset button.button.flat:hover, .create-new-wrapper .day-offset button.button.flat:focus {
  background-color: #f7f7f7;
}

label.simple-checkbox {
  display: flex;
  position: relative;
  cursor: pointer;
}
label.simple-checkbox input[type=checkbox] {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
label.simple-checkbox input[type=checkbox] + span {
  display: flex;
  align-items: flex-start;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 14px;
  line-height: 20px;
  order: 2;
  color: #666666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
}
label.simple-checkbox input[type=checkbox] + span:before {
  display: flex;
  height: 18px;
  width: 18px;
  box-sizing: border-box;
  border: 1px solid #999999;
  content: "";
  font-family: "CoS";
  margin-right: 10px;
  border-radius: 3px;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  padding: 2px;
  color: #ffffff;
  flex-shrink: 0;
}
label.simple-checkbox input[type=checkbox]:disabled + span,
label.simple-checkbox input[type=checkbox]:disabled + span:before {
  cursor: not-allowed;
}
label.simple-checkbox input[type=checkbox]:disabled + span:before {
  background-color: rgba(204, 204, 204, 0.5);
  border-color: transparent;
  opacity: 0.7;
}
label.simple-checkbox input[type=checkbox]:checked + span:before, label.simple-checkbox input[type=checkbox]:indeterminate + span:before, label.simple-checkbox input[type=checkbox].indeterminate + span:before {
  content: "✓";
  background-color: #666666;
  border-color: transparent;
}
label.simple-checkbox input[type=checkbox]:checked:disabled, label.simple-checkbox input[type=checkbox]:indeterminate:disabled, label.simple-checkbox input[type=checkbox].indeterminate:disabled {
  background-color: rgba(128, 128, 128, 0.5);
}
label.simple-checkbox input[type=checkbox]:indeterminate + span:before, label.simple-checkbox input[type=checkbox].indeterminate + span:before {
  content: "\e9ce";
}
label.simple-checkbox.large input[type=checkbox] + span {
  font-size: 20px;
  line-height: 1.5;
}
label.simple-checkbox.large input[type=checkbox] + span:before {
  border-width: 2px;
  border-radius: 4px;
  height: 30px;
  width: 30px;
  padding: 2px;
  font-size: 22px;
  line-height: 22px;
  margin-right: 15px;
}
label.simple-checkbox.large input[type=checkbox]:checked + span:before {
  content: "✔";
}
label.simple-checkbox.small input[type=checkbox] + span {
  font-size: 12px;
  line-height: 1.4;
}
label.simple-checkbox.small input[type=checkbox] + span:before {
  border-radius: 2px;
  height: 13px;
  width: 13px;
  padding: 1px;
  font-size: 9px;
  line-height: 9px;
  margin-right: 8px;
}
label.simple-checkbox:hover input[type=checkbox]:not(:disabled) + span:before, label.simple-checkbox:active input[type=checkbox]:not(:disabled) + span:before {
  border-color: #666666;
}
label.simple-checkbox input[type=checkbox]:focus-visible + span:before {
  outline: 2px solid rgba(209, 119, 96, 0.8);
}
label.simple-checkbox:active input[type=checkbox]:not(:checked, :disabled, :indeterminate, .indeterminate) + span:before {
  background-color: #e6e6e6;
}
label.simple-checkbox.transparent input[type=checkbox]:checked + span:before, label.simple-checkbox.transparent input[type=checkbox]:indeterminate + span:before, label.simple-checkbox.transparent input[type=checkbox].indeterminate + span:before {
  color: #666666;
  background-color: transparent;
}
label.simple-checkbox.transparent input[type=checkbox]:checked:disabled + span:before, label.simple-checkbox.transparent input[type=checkbox]:indeterminate:disabled + span:before, label.simple-checkbox.transparent input[type=checkbox].indeterminate:disabled + span:before {
  color: rgba(128, 128, 128, 0.5);
  background-color: transparent;
}
label.simple-checkbox.outline input[type=checkbox] + span:before {
  border-color: #cccccc;
}
label.simple-checkbox.outline input[type=checkbox]:checked + span:before, label.simple-checkbox.outline input[type=checkbox]:indeterminate + span:before, label.simple-checkbox.outline input[type=checkbox].indeterminate + span:before {
  color: #666666;
  background-color: transparent;
}
label.simple-checkbox.outline:hover input[type=checkbox]:not(:disabled) + span:before {
  border-color: #666666;
}
label.simple-checkbox.right input[type=checkbox] + span {
  order: 1;
}
label.simple-checkbox.right input[type=checkbox] + span:before {
  order: 2;
  margin: 0 0 0 10px;
}
label.simple-checkbox.right.full-width input[type=checkbox] + span {
  width: 100%;
}
label.simple-checkbox.right.full-width input[type=checkbox] + span:before {
  margin-left: auto;
}
label.simple-checkbox.orange input[type=checkbox]:checked + span:before, label.simple-checkbox.orange input[type=checkbox]:indeterminate + span:before, label.simple-checkbox.orange input[type=checkbox].indeterminate + span:before {
  background-color: #d17760;
}
label.simple-checkbox.orange input[type=checkbox]:checked:disabled + span:before, label.simple-checkbox.orange input[type=checkbox]:indeterminate:disabled + span:before, label.simple-checkbox.orange input[type=checkbox].indeterminate:disabled + span:before {
  background-color: rgba(219, 135, 115, 0.5);
}
label.simple-checkbox.orange:hover input[type=checkbox]:not(:disabled) + span:before, label.simple-checkbox.orange:active input[type=checkbox]:not(:disabled) + span:before {
  border-color: #d17760;
}
label.simple-checkbox.orange:active input[type=checkbox]:not(:checked, :disabled, :indeterminate, .indeterminate) + span:before {
  background-color: #f4d9d1;
}

label.simple-radio {
  display: flex;
  position: relative;
  cursor: pointer;
  margin-bottom: 5px;
}
label.simple-radio input[type=radio] {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
label.simple-radio input[type=radio] + span {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 14px;
  line-height: 20px;
  order: 2;
  color: #666666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
}
label.simple-radio input[type=radio] + span:before {
  display: flex;
  height: 18px;
  width: 18px;
  box-sizing: border-box;
  border: 2px solid #999999;
  content: "";
  margin-right: 10px;
  border-radius: 18px;
  background-color: #ffffff;
  font-size: 9px;
  line-height: 9px;
  padding: 3px;
  color: #666666;
}
label.simple-radio input[type=radio] + span:after {
  display: none;
  position: absolute;
  left: 4px;
  top: 5px;
  height: 10px;
  width: 10px;
  border-radius: 18px;
  content: "";
  background-color: #666666;
}
label.simple-radio input[type=radio]:disabled + span,
label.simple-radio input[type=radio]:disabled + span:before {
  cursor: not-allowed;
}
label.simple-radio input[type=radio]:disabled + span {
  opacity: 0.3;
}
label.simple-radio input[type=radio]:disabled:not(:checked) + span:before {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
label.simple-radio input[type=radio]:checked + span:before {
  border-color: #666666;
}
label.simple-radio input[type=radio]:checked + span:after {
  display: block;
}
label.simple-radio:hover input[type=radio]:not(:disabled) + span:before, label.simple-radio:active input[type=radio]:not(:disabled) + span:before {
  border-color: #666666;
}
label.simple-radio input[type=radio]:not(:disabled):focus + span:before {
  border-color: #666666;
}
label.simple-radio:active input[type=radio]:not(:disabled, :checked) + span:before {
  background-color: #e6e6e6;
}
label.simple-radio.small input[type=radio] + span {
  font-size: 12px;
  line-height: 14px;
}
label.simple-radio.small input[type=radio] + span:before {
  height: 13px;
  width: 13px;
}
label.simple-radio.small input[type=radio] + span:after {
  height: 5px;
  width: 5px;
  top: 4px;
}
label.simple-radio.large input[type=radio] + span {
  font-size: 20px;
  line-height: 30px;
}
label.simple-radio.large input[type=radio] + span:before {
  height: 26px;
  width: 26px;
}
label.simple-radio.large input[type=radio] + span:after {
  height: 14px;
  width: 14px;
  top: 8px;
  left: 6px;
}
label.simple-radio.orange input[type=radio] + span:after {
  background-color: #d17760;
}
label.simple-radio.orange input[type=radio]:checked + span:before {
  border-color: #d17760;
}
label.simple-radio.orange input[type=radio]:checked:disabled + span:before {
  border-color: #d17760;
}
label.simple-radio.orange input[type=radio]:checked:disabled + span:after {
  background-color: #d17760;
}
label.simple-radio.orange:hover input[type=radio]:not(:disabled) + span:before, label.simple-radio.orange:active input[type=radio]:not(:disabled) + span:before {
  border-color: #d17760;
}
label.simple-radio.orange input[type=radio]:not(:disabled):focus + span:before {
  border-color: #d17760;
}
label.simple-radio.orange:active input[type=radio]:not(:disabled, :checked) + span:before {
  background-color: #f4d9d1;
}

.mobile-app-prompt {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background-color: rgba(102, 102, 102, 0.5);
  z-index: 10000;
}
.mobile-app-prompt .mobile-app-prompt-card {
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  background-color: #ffffff;
  height: 400px;
  padding: 20px;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -5px 15px #999999;
  text-align: center;
  transform: translateY(500px);
  animation: card-slide-up 250ms ease-out 0.5s 1 normal forwards;
}
@keyframes card-slide-up {
  0% {
    transform: translateY(500px);
  }
  100% {
    transform: translateY(0);
  }
}
.mobile-app-prompt .mobile-app-prompt-card.onboarding {
  height: 100vh;
  width: 100vw;
  border-radius: 0;
  right: 0;
  left: 0;
  padding: 0;
  overflow: hidden;
}
.mobile-app-prompt .mobile-app-prompt-card.onboarding .prompt-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 90%;
}
.mobile-app-prompt .mobile-app-prompt-card.onboarding .prompt-wrapper .mia {
  max-width: 50%;
}
.mobile-app-prompt .mobile-app-prompt-card.onboarding .prompt-wrapper h3 {
  font-size: 22px;
  line-height: 32px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 85%;
  margin-bottom: 10px;
}
.mobile-app-prompt .mobile-app-prompt-card.onboarding .prompt-wrapper p {
  max-width: 80%;
}
.mobile-app-prompt .mobile-app-prompt-card.onboarding span {
  display: block;
  margin-bottom: 15px;
}
.mobile-app-prompt .mobile-app-download-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  box-shadow: 0 0 15px #b3b3b3;
  opacity: 0;
  animation: banner-fade-in 150ms ease-out 1s 1 normal forwards;
}
@keyframes banner-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mobile-app-prompt .mobile-app-download-banner .mobile-app-download-banner-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px auto 5px;
  padding: 10px 20px 20px;
  color: #666666;
}
.mobile-app-prompt .mobile-app-download-banner .mobile-app-download-banner-inner .app-icon {
  border: 1px solid #999999;
  padding: 10px;
  border-radius: 5px;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.mobile-app-prompt .mobile-app-download-banner .mobile-app-download-banner-inner .alert {
  margin: 0 0 0 10px;
  border-radius: 20px;
}
.mobile-app-prompt .mobile-app-download-banner .get-btn {
  border-radius: 20px;
  padding: 7px 30px;
  font-weight: 700;
  margin-left: 10px;
}
.mobile-app-prompt .mobile-app-download-banner .own-risk-btn {
  border-top: 1px solid #b3b3b3;
  width: 100%;
}
.mobile-app-prompt .mobile-app-download-banner.onboarding .cos-logo {
  max-width: 50%;
}

@media screen and (max-device-width: 760px) and (any-hover: none) {
  .mobile-app-prompt {
    display: block;
  }
}
@media screen and (max-device-height: 450px) {
  .mobile-app-prompt .mobile-app-prompt-card {
    height: 300px;
  }
}
.bouncing-loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-flow: column;
}
.bouncing-loader-container .bouncing-loader {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
}
.bouncing-loader-container .bouncing-loader > div {
  background: #bc6148;
  width: 30px;
  height: 30px;
  margin: 45px 5px;
  border-radius: 50%;
  opacity: 0.5;
  animation: bouncing-loader 0.6s infinite alternate;
}
.bouncing-loader-container .bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}
.bouncing-loader-container .bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bouncing-loader {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0.1;
    transform: translateY(-0.4rem);
  }
}
.calendar-date-picker {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar-date-picker .sub-navbar-date {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 22px;
  text-transform: uppercase;
  display: flex;
  color: #666666;
  align-items: center;
  padding: 6px 8px 4px;
  border-radius: 6px;
  margin: 6px 0 6px 3px;
  white-space: nowrap;
  width: 172px;
  justify-content: center;
}
.calendar-date-picker .sub-navbar-date .caret {
  margin: 0 0 2px 6px;
  border-top: 4px solid #999999;
}
.calendar-date-picker .sub-navbar-date .dropdown-icon {
  font-size: 10px;
  margin-left: 5px;
}
.calendar-date-picker .sub-navbar-date:hover, .calendar-date-picker .sub-navbar-date:focus {
  color: #4d4d4d;
  text-decoration: none;
  background-color: #e6e6e6;
  transition: all 0.2s ease;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  .calendar-date-picker .sub-navbar-date:hover, .calendar-date-picker .sub-navbar-date:focus {
    background-color: inherit;
  }
}
.calendar-date-picker .sub-navbar-date-picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  z-index: 1320;
  background-color: #ffffff;
  width: auto;
  height: auto;
  top: 39px;
  right: calc(50% - 157px);
  border-radius: 6px;
  box-shadow: 0 4px 25px -3px rgba(0, 0, 0, 0.4);
}
.calendar-date-picker .sub-navbar-date-picker .year-chooser {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 50px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #999999;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 10px;
}
.calendar-date-picker .sub-navbar-date-picker .year-chooser .icon.dp {
  padding: 8px 8px;
  color: #b3b3b3;
  margin: 0;
}
.calendar-date-picker .sub-navbar-date-picker .year-chooser .icon.dp:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #e6e6e6;
  color: #808080;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.calendar-date-picker .sub-navbar-date-picker .month-chooser {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(3, 1fr);
  font-size: 14px;
  color: #4d4d4d;
  grid-gap: 6px 12px;
  padding: 12px;
}
.calendar-date-picker .sub-navbar-date-picker .month-chooser .btn-ro {
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 6px;
}
.calendar-date-picker .sub-navbar-date-picker .month-chooser .btn-ro:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #e6e6e6;
  border-radius: 6px;
  color: #333333;
  transition: all 0.2s ease;
}
.calendar-date-picker .icon {
  font-size: 16px;
  color: #999999;
  padding: 7px 8px;
}
.calendar-date-picker .icon:hover, .calendar-date-picker .icon:focus {
  color: #4d4d4d;
  text-decoration: none;
  cursor: pointer;
  background-color: #e6e6e6;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.credit-card-form {
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  padding: 15px;
  width: 100%;
  margin: 10px auto;
}
.credit-card-form label {
  color: #999999;
}
.credit-card-form input.aj-card-name {
  margin-bottom: 15px;
  padding: 10px 10px;
  color: #666666;
  border: 1px solid #b3b3b3;
}
.credit-card-form input.aj-card-name:focus {
  color: #666666;
}
.credit-card-form input.aj-card-name::-moz-placeholder {
  color: #b3b3b3;
}
.credit-card-form input.aj-card-name::placeholder {
  color: #b3b3b3;
}
.credit-card-form input.aj-card-name:focus::-moz-placeholder {
  color: #b3b3b3;
}
.credit-card-form input.aj-card-name:focus::placeholder {
  color: #b3b3b3;
}
.credit-card-form .credit-card-number {
  border: 1px solid #b3b3b3;
  padding: 10px;
}
.credit-card-form .ssl-message {
  color: #999999;
  font-size: 11px;
  margin-top: 20px;
}

.create-menu-content.project-template-create {
  max-height: 50vh;
  overflow-y: auto;
}
.create-menu-content.cos-basic-dropdown-content {
  z-index: 2100;
  position: absolute;
  background-color: #ffffff;
  min-width: 235px;
  box-shadow: 0 2px 35px -3px rgba(0, 0, 0, 0.4);
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-header {
  padding: 0 18px;
  color: #999999;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-header span {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 2px;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-header .btn-text {
  font-size: 16px;
  color: #999999;
  padding: 6px 5px 5px;
  margin: 0 0 0 -7px;
  width: 27px;
  opacity: 1;
  transition: all 0.3s ease;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-header .btn-text:hover {
  cursor: pointer;
  color: #666666;
  transition: color 0.2s ease;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-header .btn-text.hide {
  width: 0;
  opacity: 0;
  visibility: hidden;
  display: initial !important;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group {
  max-height: 100%;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option {
  height: 50px;
  padding: 0 18px;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option-icon {
  font-size: 16px;
  margin: 0 10px 2px 0;
  color: #4d4d4d;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option-icon.logo {
  background-size: 21px 21px;
  width: 21px;
  height: 21px;
  margin: 0 10px 2px -3px;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option-text {
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option:hover .cos-basic-dropdown-content-option-icon,
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option:hover .cos-basic-dropdown-content-option-text {
  color: #333333;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.small-content {
  height: 40px;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.small-content .cos-basic-dropdown-content-option-icon {
  font-size: 14px;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.small-content .cos-basic-dropdown-content-option-text {
  margin: 0;
  color: #4d4d4d;
  font-size: 15px;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option:only-child {
  margin: 5px 0;
}
.create-menu-content.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option.no-bold .cos-basic-dropdown-content-option-text {
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
}

.modal-support-center {
  box-shadow: 0 0 10px #4d4d4d;
  width: 350px;
  max-height: calc(100vh - 25px);
  overflow-y: auto;
  border-radius: 10px;
  left: 45px;
  bottom: 0;
  top: initial;
  margin-left: 0;
  color: #666666;
  position: fixed;
  transform: none;
}
.modal-support-center .support-center-header {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 15px 7px 10px 20px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #7ca4d3;
}
.modal-support-center .support-center-header button.back-button {
  border: 0;
  background-color: transparent;
  padding: 0;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}
.modal-support-center .support-center-header .btn {
  margin-left: auto;
  color: #daebff;
  align-self: flex-start;
}
.modal-support-center .support-center-header .btn:hover {
  color: #ffffff;
}
.modal-support-center h3 {
  margin: 0;
  font-size: 18px;
  color: #4d4d4d;
}
.modal-support-center h3 span {
  font-size: 15px;
  color: #275a9a;
}
.modal-support-center .getting-started-prompt {
  padding: 10px 20px 15px;
  background-color: #d9f2fe;
  position: relative;
}
.modal-support-center .getting-started-prompt h5 {
  width: 70%;
}
.modal-support-center .getting-started-prompt p {
  width: 70%;
  font-size: 13px;
}
.modal-support-center .getting-started-prompt .dismiss-prompt {
  position: absolute;
  right: 10px;
  top: 15px;
}
.modal-support-center .getting-started-prompt img {
  height: auto;
  width: 75px;
  position: absolute;
  right: 20px;
  top: 55px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.modal-support-center .power-tip-nav-intro {
  padding: 15px 20px 5px;
}
.modal-support-center .power-tip-nav-intro .more-less {
  font-size: 13px;
  display: block;
  color: #999999;
  padding: 0 5px 5px;
}
.modal-support-center .power-tip-nav-intro .more-less span {
  font-size: 10px;
}
.modal-support-center .power-tip-nav-intro .more-less:hover {
  color: #666666;
  text-decoration: none;
}
.modal-support-center .get-support {
  background-color: #f7f7f7;
  padding: 15px 20px 20px;
  margin-top: 15px;
}
.modal-support-center .get-support p {
  margin-bottom: 15px;
}
.modal-support-center .get-support input {
  border-radius: 6px 0 0 6px;
  padding: 7px 12px;
  width: 220px;
  margin: 0;
}
.modal-support-center .get-support .btn {
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 0 6px 6px 0;
  padding: 9px 9px 5px;
  margin: 0 0 0 -5px;
  box-shadow: none;
}
.modal-support-center .get-support .btn:hover {
  box-shadow: none;
}
.modal-support-center .additional-support-link {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #89add7;
  margin-top: 1px;
  color: #ffffff;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  box-sizing: border-box;
  width: 100%;
}
.modal-support-center .additional-support-link .chat-status {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  display: inline;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  top: -1px;
}
.modal-support-center .additional-support-link .chat-status .status-circle {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 3px;
  border-radius: 50%;
  background-color: #6ba066;
  border: 1px solid #ffffff;
}
.modal-support-center .additional-support-link .chat-status .status-circle.offline {
  background-color: #d15451;
}
.modal-support-center .additional-support-link .new-announcement-dot {
  font-size: 8px;
  line-height: 20px;
  margin-left: 5px;
}
.modal-support-center .additional-support-link:hover, .modal-support-center .additional-support-link:focus {
  background-color: #7ca4d3;
  cursor: pointer;
}
.modal-support-center .additional-support-link span.icon-chevron-right {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  margin-left: 5px;
  padding-top: 2px;
}
.modal-support-center .power-tip-nav {
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.modal-support-center .power-tip-nav button {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  background-color: transparent;
  padding: 0;
}
.modal-support-center .power-tip-nav button:last-of-type {
  border: 0;
}
.modal-support-center .power-tip-nav .power-tip-item {
  padding: 13px 20px 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.modal-support-center .power-tip-nav .power-tip-item span {
  font-size: 10px;
  color: #b3b3b3;
}
.modal-support-center .power-tip-nav .power-tip-item:hover {
  background-color: #f7f7f7;
}
.modal-support-center .power-tip-nav .power-tip-item:last-of-type {
  border-bottom: none;
}
.modal-support-center .power-tip-nav.power-tip-recommended {
  margin-bottom: 10px;
}
.modal-support-center .power-tip-nav.power-tip-recommended .power-tip-item {
  padding: 11px 15px;
  background-color: #f7f7f7;
  font-size: 13px;
}
.modal-support-center .power-tip-nav.power-tip-recommended .power-tip-item:hover {
  background-color: #e6e6e6;
}
.modal-support-center .power-tip-content {
  padding: 20px;
}
.modal-support-center .power-tip-content .power-tip-title {
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  margin: 15px 0 8px;
}
.modal-support-center .power-tip-content .power-tip-title .icon-angle-left {
  font-size: 10px;
  margin: 0 2px 0 5px;
}
.modal-support-center .power-tip-content h2 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 30px;
}
.modal-support-center .power-tip-content h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
  color: #666666;
  margin-top: 15px;
}
.modal-support-center .power-tip-content h3 span {
  color: #666666;
}
.modal-support-center .power-tip-content h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
  color: #666666;
  margin-top: 15px;
}
.modal-support-center .power-tip-content blockquote {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #e7f7fe;
  padding: 20px;
  border: 1px solid #d9f2fe;
  margin: 20px 0;
  border-radius: 6px;
}
.modal-support-center .power-tip-content blockquote p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
}
.modal-support-center .power-tip-content ul li,
.modal-support-center .power-tip-content ol li {
  margin-bottom: 5px;
}
.modal-support-center .power-tip-content img {
  margin-top: 10px;
  cursor: nwse-resize;
}
.modal-support-center .power-tip-content .bookmark {
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f7f7f7;
  padding: 15px;
  margin-top: 20px;
}
.modal-support-center.power-tip-close {
  animation: slideOutSupportCenter 0ms ease-out;
}
@keyframes slideOutSupportCenter {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
    top: -375px;
    right: -100px;
  }
}

.create-new-overlay {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2100;
  background-color: #ffffff;
  animation: create-new 0.2s;
}
@keyframes create-new {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.create-new-overlay .create-new-container {
  display: flex;
  justify-content: center;
  height: 100%;
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.create-new-overlay .create-new-container .create-new-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  width: 55%;
  max-width: 900px;
  min-width: 600px;
  margin-top: 20vh;
  animation: create-new-in 0.2s ease-out;
}
@keyframes create-new-in {
  0% {
    bottom: -10vh;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 30px;
  margin: 15px 0;
  position: relative;
  justify-content: space-between;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper.right-align {
  justify-content: flex-end;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper.more-options {
  margin: 0;
  visibility: hidden;
  opacity: 0;
  height: 0;
  min-height: 0;
  transition: all 0.1s ease;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper.more-options.show {
  visibility: visible;
  margin: 0 0 15px;
  height: auto;
  min-height: 36px;
  opacity: 1;
  transition: all 0.2s ease;
  align-items: flex-start;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .more-options-container {
  position: relative;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .more-options-container:hover .more-options-action {
  display: block;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .more-options-container .more-options-action {
  display: none;
  position: absolute;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  right: 3px;
  top: 33px;
  background-color: #ffffff;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .header-option .img-circle {
  margin-right: 0 !important;
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .header-option .header-option-button-text {
  display: none;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .header-option .header-option-button-label,
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .header-option .img-circle {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .header-option.project-type-select .header-option-button-icon {
  font-size: 20px;
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .dropdown-row:first-child,
.create-new-overlay .create-new-container .create-new-wrapper .wrapper li:first-child {
  margin: 5px 0 0;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .dropdown-row:last-child,
.create-new-overlay .create-new-container .create-new-wrapper .wrapper li:last-child {
  margin: 0 0 5px;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .dropdown-row:only-child,
.create-new-overlay .create-new-container .create-new-wrapper .wrapper li:only-child {
  margin: 5px 0;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .content-description {
  height: 26px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  padding: 4px 6px 4px 16px;
  margin: 0 20px 0 0;
  min-width: 33%;
  flex: 1 1 auto;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .content-description:hover, .create-new-overlay .create-new-container .create-new-wrapper .wrapper .content-description:focus {
  transition: all 0.2s ease;
  border: 1px solid #999999;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .content-description::-moz-placeholder {
  color: #b3b3b3;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .content-description::placeholder {
  color: #b3b3b3;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .tagify {
  display: flex;
  align-items: center;
  max-width: 66%;
  min-width: 33%;
  min-height: 34px;
  flex: 0 1 auto;
  border-radius: 4px;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .tagify__tag {
  margin: 7px 0 7px 5px;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .marketing-campaign-label {
  margin-top: 10px;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .marketing-campaign-label:hover {
  cursor: not-allowed;
}
.create-new-overlay .create-new-container .create-new-wrapper .wrapper .marketing-campaign-type-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.create-new-overlay .create-new-container .create-new-wrapper .create-name-input {
  width: 100%;
}
.create-new-overlay .create-new-container .create-new-wrapper .create-name-input input {
  font-size: 34px;
  line-height: 50px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  height: 65px;
  padding: 6px 15px;
  border-radius: 6px;
  margin: 0;
  color: #4d4d4d;
  border: 1px solid #cccccc;
}
.create-new-overlay .create-new-container .create-new-wrapper .create-name-input input:hover, .create-new-overlay .create-new-container .create-new-wrapper .create-name-input input:focus {
  border: 1px solid #999999;
  cursor: text;
  color: #4d4d4d;
}
.create-new-overlay .create-new-container .create-new-wrapper .create-name-input input::-moz-placeholder {
  color: #b3b3b3;
}
.create-new-overlay .create-new-container .create-new-wrapper .create-name-input input::placeholder {
  color: #b3b3b3;
}
.create-new-overlay .create-new-container .close-icon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999999;
  font-size: 18px;
  padding: 11px 12.5px;
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  background-color: #ffffff;
}
.create-new-overlay .create-new-container .close-icon-btn i {
  font-size: 26px;
  margin: 0 0 0 6px;
}
.create-new-overlay .create-new-container .close-icon-btn:hover {
  color: #4d4d4d;
  text-decoration: none;
}

.create-from-prompt {
  max-height: 65vh;
}

.project-tab-column {
  height: calc(100% - 14px);
  min-width: calc(20vw - 25px);
  flex: 1 0 225px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 8px;
  margin: 1px 5px 0;
  overflow: hidden;
}
.project-tab-column.is-dragging, .project-tab-column.is-dropping {
  background-color: #ffffff !important;
  cursor: grabbing;
  box-shadow: 0 12px 25px -4px rgba(0, 0, 0, 0.5);
  z-index: 110;
}
.project-tab-column.is-dragging .column-header:hover, .project-tab-column.is-dropping .column-header:hover {
  cursor: grabbing;
}
.project-tab-column .column-header {
  height: 42px;
  width: auto;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 10px 0 16px;
}
.project-tab-column .column-header:hover {
  cursor: grab;
}
.project-tab-column .column-header .icon-circle {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  margin-right: 8px;
}
.project-tab-column .column-header .icon-circle.unlabeled {
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  display: flex;
}
.project-tab-column .column-header .icon-circle.unlabeled:before {
  content: "X";
  color: #b3b3b3;
  font-size: 13px;
  padding: 5px;
}
.project-tab-column .column-header .icon-circle.dark {
  height: 21px;
  width: 21px;
  border: 1px solid #b3b3b3;
}
.project-tab-column .column-header img {
  height: 30px;
  margin-right: 8px;
}
.project-tab-column .column-header .column-icon {
  font-size: 17px;
  color: #999999;
  margin-right: 8px;
}
.project-tab-column .column-header .column-info {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: calc(100% - 45px);
}
.project-tab-column .column-header .column-info .column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
  margin-right: 7px;
}
.project-tab-column .column-header .column-info .column-stats {
  font-size: 12px;
  color: #b3b3b3;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.project-tab-column .column-header.draft, .project-tab-column .column-header.future, .project-tab-column .column-header.publish {
  height: 42px;
  border-top: 1px solid #cccccc;
  position: relative;
  margin-top: 8px;
  padding: 4px 10px 0 16px;
  z-index: 0;
  border-radius: 0;
}
.project-tab-column .column-header.draft:before, .project-tab-column .column-header.future:before, .project-tab-column .column-header.publish:before {
  content: "";
  position: absolute;
  top: -9px;
  left: 0;
  right: 0;
  bottom: 47px;
  background-color: transparent;
  z-index: -1;
}
.project-tab-column .column-header.draft .column-title, .project-tab-column .column-header.future .column-title, .project-tab-column .column-header.publish .column-title {
  font-size: 15px;
}
.project-tab-column .column-header.draft::before {
  background-color: #fdecac;
}
.project-tab-column .column-header.publish::before {
  background-color: #e6e6e6;
}
.project-tab-column .column-header .column-tools {
  display: flex;
  justify-content: flex-end;
  width: auto;
  position: absolute;
  right: 10px;
}
.project-tab-column .column-header .column-tools .btn-shadow {
  font-size: 16px;
  visibility: hidden;
  border-radius: 6px;
  display: flex;
  padding: 8px 10px;
  height: auto;
  transition: none;
  margin: 0;
  color: #999999;
}
.project-tab-column .column-header .column-tools .btn-shadow:hover, .project-tab-column .column-header .column-tools .btn-shadow:focus {
  background-color: #f7f7f7;
  transition: all 0.2s ease;
  color: #666666;
}
.project-tab-column .column-content {
  height: 100%;
}
.project-tab-column .column-content .ember-sortable-js {
  padding: 4px 10px 10px;
  height: calc(100% - 60px);
  width: auto;
  overflow: auto;
}
.project-tab-column:hover .column-tools {
  background-color: #ffffff;
}
.project-tab-column:hover .column-tools .btn-shadow {
  visibility: visible;
}

.project-tab-column > div {
  height: 100%;
}

.project-tab-wrapper {
  height: calc(100vh - 93px);
  width: auto;
  padding: 0 0 0 5px;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  background: #ffffff;
  animation-name: fade-in;
  animation-duration: 0.3s;
}
.project-tab-wrapper .pt-column-wrapper {
  display: flex;
  width: 100%;
  min-width: 1000px;
}

.ro-item-background {
  background-color: #ffffff;
  border-radius: 6px;
}
.ro-item-background.no-transform {
  transform: none;
}
.ro-item-background.no-transform:hover {
  opacity: 1;
  transition: all 100ms ease-in;
  cursor: not-allowed;
}
.ro-item-background.sent {
  opacity: 0.5;
  transition: all 0.5s ease;
}
.ro-item-background.sent:hover {
  opacity: 1;
  transition: all 100ms ease-in;
}
.ro-item-background.search-item.comment .ro-item-card, .ro-item-background.search-item.team-member .ro-item-card {
  background-color: transparent;
}
.ro-item-background.search-item.team-member .card-layer:first-of-type,
.ro-item-background.search-item.team-member .card-layer:last-of-type {
  padding: 7px;
}
.ro-item-background.search-item .ro-item-card .card-layer.add-on .card-time {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 1;
  font-weight: initial;
  font-style: italic;
  color: #999999;
  margin-left: auto;
}
.ro-item-background.search-item .ro-item-card .card-layer .item-pill {
  margin-right: 5px;
}
.ro-item-background.search-item .ro-item-card .card-layer .name .highlight {
  font-weight: 700;
}
.ro-item-background .ro-item-card {
  border-radius: 6px;
  width: calc(100% - 4px);
  border: 2px solid rgba(0, 0, 0, 0.04);
  height: auto;
  margin: 5px 0 12px;
  transition: all 0.5s ease;
  background-color: #dedfdf;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .ro-item-background .ro-item-card {
    margin: 0 0 12px;
  }
}
.ro-item-background .ro-item-card:hover {
  border: 2px solid rgba(0, 0, 0, 0.15);
  transition: all 100ms ease-in;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .ro-item-background .ro-item-card:hover {
    box-shadow: none;
  }
}
.ro-item-background .ro-item-card.outlined {
  background-color: #ffffff;
  border: 1px solid #dedfdf;
  width: calc(100% - 2px);
}
.ro-item-background .ro-item-card.outlined:hover {
  box-shadow: none;
  cursor: default;
}
.ro-item-background .ro-item-card.is-gap {
  border: 1px dashed #8ac884;
  background-color: #e0f7cf !important;
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
  transform: none;
}
.ro-item-background .ro-item-card.is-gap .card-text.placeholder-text {
  text-align: right;
}
.ro-item-background .ro-item-card .card-layer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px;
}
.ro-item-background .ro-item-card .card-layer:first-of-type {
  padding: 7px 7px 3px;
}
.ro-item-background .ro-item-card .card-layer:last-of-type {
  padding: 3px 7px 7px;
}
.ro-item-background .ro-item-card .card-layer:only-of-type {
  padding: 5px 7px;
}
.ro-item-background .ro-item-card .card-layer.add-on {
  padding: 0 7px 5px;
}
.ro-item-background .ro-item-card .card-layer .icon-badge {
  height: 20px;
  width: 20px;
  background-color: #848485;
  flex: 0 0 auto;
  font-size: 11px;
  border-radius: 50%;
  color: #ffffff;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ro-item-background .ro-item-card .card-layer .icon-badge .icon.light {
  color: #ffffff;
}
.ro-item-background .ro-item-card .card-layer .icon-badge .icon.dark {
  color: #666666;
  opacity: 0.7;
}
.ro-item-background .ro-item-card .card-layer .icon-badge .icon-folder-open {
  margin-left: 1px;
}
.ro-item-background .ro-item-card .card-layer .task-box {
  width: 16px;
  height: 16px;
  border: 1px solid #999999;
  border-radius: 4px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ro-item-background .ro-item-card .card-layer .task-box .icon-checkmark-2 {
  color: #999999;
  font-size: 11px;
}
.ro-item-background .ro-item-card .card-layer .card-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  flex: 1 2 auto;
  width: 50%;
  color: #848485;
}
.ro-item-background .ro-item-card .card-layer .card-type .card-calendar-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  text-transform: none;
  font-weight: normal;
  margin-top: -8px;
  margin-left: 0;
}
.ro-item-background .ro-item-card .card-layer .item-pill {
  z-index: 0;
  height: 20px;
  width: 20px;
  min-width: initial;
}
.ro-item-background .ro-item-card .card-layer .item-pill.has-image {
  min-width: 42px;
}
.ro-item-background .ro-item-card .card-layer .item-pill img {
  height: 20px;
  width: 20px;
}
.ro-item-background .ro-item-card .card-layer .item-pill .item-icon {
  font-size: 11px;
  margin: 7px 6px 6px 5px;
}
.ro-item-background .ro-item-card .card-layer .card-time {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  margin-left: 6px;
  flex: 0 0 auto;
}
@media screen and (max-width: 500px) {
  .ro-item-background .ro-item-card .card-layer .card-time {
    order: 3;
  }
}
.ro-item-background .ro-item-card .card-layer .card-time.range {
  margin: 0;
  width: 100%;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}
.ro-item-background .ro-item-card .card-layer .name {
  font-size: 14px;
  color: #444444;
}
.ro-item-background .ro-item-card .card-layer .card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: #666666;
  font-size: 12px;
  width: 50px;
  flex: 1;
  margin-left: 6px;
}
@media screen and (max-width: 500px) {
  .ro-item-background .ro-item-card .card-layer .card-text {
    order: 2;
  }
}
.ro-item-background .ro-item-card .card-layer .card-text.multi-line {
  margin-left: 0;
  white-space: normal;
  line-height: 19px;
}
.ro-item-background .ro-item-card .card-layer .card-text.placeholder-text {
  text-align: right;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  color: #666666;
}
.ro-item-background .ro-item-card .card-layer .placeholder-profile {
  background: #8ac884;
  margin-right: 3px;
  border-radius: 50%;
  min-width: 20px;
  min-height: 20px;
}
.ro-item-background .ro-item-card .card-layer .placeholder-profile .item-icon {
  font-size: 11px;
  margin-left: 5px;
  vertical-align: -1px;
  color: #ffffff;
}
.ro-item-background .ro-item-card .card-calendar-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-left: 8px;
  font-size: 10px;
  color: #666666;
  margin-top: -7px;
}
.ro-item-background .ro-item-card .card-color-label {
  margin-top: -6px;
  padding: 0 0 5px 8px;
  font-size: 10px;
  color: #666666;
}
.ro-item-background .ro-item-card .card-color-label span {
  font-size: 8px;
  margin-right: 5px;
}

.grid-body {
  grid-area: grid-col-center;
  margin: 0 0 0 7px;
  height: calc(100vh - 48px);
  max-width: 100vw;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.grid-body.ember-grid-wrapper {
  box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  margin-right: 13px;
}
.grid-body.project-overflow {
  overflow: hidden;
  z-index: auto !important;
}
.grid-body .canvas-loading {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1300;
  background-color: rgba(255, 255, 255, 0.8);
}

.widget-sidebar {
  grid-area: grid-col-right;
  z-index: 0;
  width: initial;
}

.workspace-layout-grid {
  height: calc(100vh - 48px);
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  background-color: #f7f7f7;
  grid-template-areas: "grid-col-center        grid-col-right";
}

.ember-sortable-js,
.ember-dragula-container {
  height: 100%;
  padding-bottom: 0.1px;
}

.sub-navbar {
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  border-radius: 10px 10px 0 0;
  height: 43px;
  z-index: 1200;
}
.sub-navbar .left-col,
.sub-navbar .mid-col,
.sub-navbar .right-col {
  display: inline-flex;
  position: relative;
  width: 100%;
  align-items: center;
}
.sub-navbar .left-col {
  justify-content: flex-start;
  flex: 0 1 33%;
}
.sub-navbar .left-col .display-as {
  display: flex;
  align-items: center;
  margin: 0 10px 0 15px;
  white-space: nowrap;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
}
.sub-navbar .left-col .display-as .drop-down-trigger {
  background: none;
  border: none;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 15px 0 6px;
  margin-left: 5px;
}
.sub-navbar .left-col .display-as .drop-down-trigger .dropdown-arrow {
  right: 2px;
}
.sub-navbar .left-col .display-as .drop-down-trigger:hover {
  background-color: #e6e6e6;
}
.sub-navbar .left-col .display-as .cos-dropdown {
  z-index: 1340;
}
.sub-navbar .left-col .team-tab-bin-checkbox {
  display: flex;
  align-items: center;
  margin-right: 10px;
  white-space: nowrap;
}
.sub-navbar .left-col .team-tab-bin-checkbox .checkbox {
  padding-left: 23px;
}
.sub-navbar .left-col .team-tab-bin-checkbox label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
}
.sub-navbar .left-col .beta-title {
  color: #808080;
  margin-right: 5px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.sub-navbar .left-col .beta-title:hover {
  cursor: default;
}
.sub-navbar .left-col .beta-label {
  background-color: #275a9a;
  padding: 2px 7px 2px 9px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
}
.sub-navbar .left-col .beta-label:hover {
  cursor: default;
}
.sub-navbar .left-col .beta-tooltip {
  position: absolute;
  top: 33px;
  left: 30px;
  background-color: #275a9a;
  width: 225px;
  padding: 10px 15px 15px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sub-navbar .left-col .beta-tooltip .tooltip-carat {
  position: absolute;
  top: -8px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #275a9a;
}
.sub-navbar .left-col .beta-tooltip p,
.sub-navbar .left-col .beta-tooltip h4 {
  color: #ffffff;
  padding: 0 5px;
}
.sub-navbar .left-col .beta-tooltip p a,
.sub-navbar .left-col .beta-tooltip h4 a {
  color: #ffffff;
  margin: 0;
}
.sub-navbar .left-col .beta-tooltip button {
  color: #ffffff;
  display: block;
  margin-left: auto;
}
.sub-navbar .left-col .beta-tooltip button:hover,
.sub-navbar .left-col .beta-tooltip button:active,
.sub-navbar .left-col .beta-tooltip button:focus {
  color: #ffffff;
  background-color: #366fb2;
}
.sub-navbar .left-col .beta-label {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #62a4d7;
  border-radius: 10px;
  height: 10px;
  padding: 2px 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 8px;
  line-height: 20px;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  letter-spacing: 1px;
}
.sub-navbar .mid-col {
  justify-content: center;
  flex: 0 0 33%;
  min-height: 100px;
}
.sub-navbar .mid-col .btn-today {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
  border: none;
  color: #999999;
  padding: 7px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}
.sub-navbar .mid-col .btn-today:hover, .sub-navbar .mid-col .btn-today:focus {
  color: #666666;
  box-shadow: none;
  background-color: #e6e6e6;
  transition: all 0.2s ease;
}
.sub-navbar .right-col {
  flex: 0 0 27%;
  display: flex;
  justify-content: flex-end;
  margin-right: 8px;
}
.sub-navbar .right-col .sub-navbar-search {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-input {
  display: flex;
  border: none;
  height: 34px;
  padding-right: 35px;
  border-radius: 17px;
  color: var(--gray-8);
  background-color: #f7f7f7;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-input:hover, .sub-navbar .right-col .sub-navbar-search .sub-navbar-search-input:focus-within {
  background-color: #efefef;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-input:before {
  display: block;
  height: 12px;
  width: 12px;
  font-size: 12px;
  font-family: "CoS";
  content: "⚲";
  padding: 2px 2px 0 12px;
  color: #808080;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-input input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-input .input-field {
  height: 26px;
  width: 100%;
  padding: 5px 5px 3px;
  outline: none;
  border: 0;
  background-color: transparent;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-advanced {
  outline: none;
  border: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 3px;
  color: #808080;
  font-size: 14px;
  background-color: transparent;
  border-radius: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-advanced .icon-search {
  color: #808080;
  font-size: 16px;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-advanced:hover {
  background-color: #ffffff;
  transition: 110ms ease-in-out;
}
.sub-navbar .right-col .sub-navbar-search .sub-navbar-search-advanced:hover .icon-search {
  color: #4d4d4d;
}
.sub-navbar .right-col .search-wrapper {
  display: flex;
  align-items: center;
  justify-items: flex-end;
  width: 36px;
  position: relative;
  margin-right: 5px;
}
.sub-navbar .right-col .search-wrapper .btn-icon {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease;
  color: #999999;
  font-size: 16px;
  padding: 7.5px 13px 8.5px;
}
.sub-navbar .right-col .search-wrapper .btn-icon:hover {
  color: #666666;
  transition: color 0.2s ease;
}
.sub-navbar .right-col .search-wrapper .sub-navbar-search {
  width: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  position: absolute;
  right: 0;
  top: 1;
}
.sub-navbar .right-col .search-wrapper .sub-navbar-search .search-input {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background-color: #ffffff;
  width: 100%;
}
.sub-navbar .right-col .search-wrapper .sub-navbar-search .search-input input,
.sub-navbar .right-col .search-wrapper .sub-navbar-search .search-input .search-box {
  display: none;
  margin-bottom: 0;
  transition: all 0.4s ease;
}
.sub-navbar .right-col .search-wrapper .sub-navbar-search .search-input .btn-clear {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 12;
  zoom: 1;
  color: #999999;
  visibility: hidden;
  opacity: 0;
  transition: all 150ms ease;
}
.sub-navbar .right-col .search-wrapper .sub-navbar-search .search-input:hover .btn-clear {
  visibility: visible;
  opacity: 1;
}
.sub-navbar .right-col .search-wrapper .sub-navbar-search .schedule-search-dropdown {
  left: 90px;
  top: 34px;
}
.sub-navbar .right-col .search-wrapper .sub-navbar-search .schedule-search-dropdown .dropdown-posts-list {
  border-radius: 6px 6px 0 0;
}
.sub-navbar .right-col .search-wrapper .sub-navbar-search .schedule-search-dropdown:before {
  left: 52%;
}
.sub-navbar .right-col .search-wrapper.expanded .btn-icon {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.sub-navbar .right-col .search-wrapper.expanded .sub-navbar-search {
  width: 185px;
  opacity: 1;
  visibility: visible;
}
.sub-navbar .right-col .search-wrapper.expanded .sub-navbar-search .search-input input,
.sub-navbar .right-col .search-wrapper.expanded .sub-navbar-search .search-input .search-box {
  display: block;
  opacity: 1;
  transition-delay: 0.1s;
}
.sub-navbar .right-col .btn-icon {
  font-size: 16px;
  color: #999999;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 6px;
}
.sub-navbar .right-col .btn-icon .icon {
  margin-right: 0;
}
.sub-navbar .right-col .btn-icon .icon-share {
  margin: 2px 0;
  font-size: 16px;
}
.sub-navbar .right-col .btn-icon:hover, .sub-navbar .right-col .btn-icon:focus {
  color: #666666;
  background-color: #f7f7f7;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 6px;
}
.sub-navbar .right-col .btn-icon:after {
  z-index: 1000;
}
.sub-navbar .right-col .create-new-btn,
.sub-navbar .right-col .toggle-wb-sidebar {
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 0 8px;
  padding: 0 9px;
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.sub-navbar .right-col .create-new-btn .icon,
.sub-navbar .right-col .toggle-wb-sidebar .icon {
  margin-right: 6px;
  font-size: 14px;
}
.sub-navbar .right-col .create-new-btn span,
.sub-navbar .right-col .toggle-wb-sidebar span {
  margin-top: 1px;
  line-height: 14px;
}
.sub-navbar .right-col .create-new-btn {
  color: #ffffff;
  background: linear-gradient(to right, #d17760, #bc6148 140%);
  height: 32px;
}
.sub-navbar .right-col .create-new-btn:hover, .sub-navbar .right-col .create-new-btn:focus {
  cursor: pointer;
  background: #bc6148;
}
.sub-navbar .right-col .create-new-btn .click-helper-dot {
  top: 17px;
  right: 152px;
}
.sub-navbar .right-col .toggle-wb-sidebar {
  border: 1px solid #e6e6e6;
  color: #666666;
  height: 30px;
}
.sub-navbar .right-col .toggle-wb-sidebar .icon-chevron-right {
  font-size: 12px;
  color: #b3b3b3;
  margin: 2px 0 0 6px;
}
.sub-navbar .right-col .toggle-wb-sidebar:hover, .sub-navbar .right-col .toggle-wb-sidebar:focus {
  color: #4d4d4d;
  background-color: #f7f7f7;
  cursor: pointer;
  transition: all 0.2s ease;
}
.sub-navbar .right-col .toggle-wb-sidebar:hover .icon-chevron-right, .sub-navbar .right-col .toggle-wb-sidebar:focus .icon-chevron-right {
  color: #999999;
}
.sub-navbar .right-col .toggle-wb-sidebar.toggled {
  border: 1px solid #e6e6e6;
  background-color: #e6e6e6;
}
.sub-navbar .right-col .toggle-wb-sidebar.toggled:hover, .sub-navbar .right-col .toggle-wb-sidebar.toggled:focus {
  border: 1px solid #cccccc;
  background-color: #cccccc;
  transition: all 0.2s ease;
}

.modal.fast-calendar-opt-in .fast-calendar-header {
  background-color: #366fb2;
  color: #ffffff;
  padding: 25px 0;
}
.modal.fast-calendar-opt-in p {
  margin: 0 0 20px;
}

.quick-announcement.unscheduled-tooltip {
  position: absolute;
  top: 5px;
  right: 8px;
  background-color: #275a9a;
  width: 245px;
  padding: 10px 15px 15px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.quick-announcement.unscheduled-tooltip .tooltip-carat {
  position: absolute;
  top: 10px;
  right: -9px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #275a9a;
}
.quick-announcement.unscheduled-tooltip p {
  font-size: 14px;
  line-height: 22px;
}
.quick-announcement.unscheduled-tooltip p,
.quick-announcement.unscheduled-tooltip h4 {
  color: #ffffff;
  padding: 0 5px;
}
.quick-announcement.unscheduled-tooltip p a,
.quick-announcement.unscheduled-tooltip h4 a {
  color: #ffffff;
  margin: 0;
}
.quick-announcement.unscheduled-tooltip button {
  color: #ffffff !important;
  display: block;
  margin-left: auto;
}
.quick-announcement.unscheduled-tooltip button:hover,
.quick-announcement.unscheduled-tooltip button:active,
.quick-announcement.unscheduled-tooltip button:focus {
  color: #ffffff;
  background-color: #366fb2 !important;
}

.quick-announcement.settings-tooltip {
  z-index: 100;
  position: absolute;
  top: 50px;
  left: 250px;
  background-color: #275a9a;
  width: 245px;
  padding: 10px 15px 15px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.quick-announcement.settings-tooltip .tooltip-carat {
  position: absolute;
  top: 10px;
  left: -9px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #275a9a;
}
.quick-announcement.settings-tooltip p {
  font-size: 14px;
  line-height: 22px;
}
.quick-announcement.settings-tooltip p,
.quick-announcement.settings-tooltip h4 {
  color: #ffffff;
  padding: 0 5px;
}
.quick-announcement.settings-tooltip p a,
.quick-announcement.settings-tooltip h4 a {
  color: #ffffff;
  margin: 0;
}
.quick-announcement.settings-tooltip button {
  color: #ffffff !important;
  display: block;
  margin-left: auto;
}
.quick-announcement.settings-tooltip button:hover,
.quick-announcement.settings-tooltip button:active,
.quick-announcement.settings-tooltip button:focus {
  color: #ffffff;
  background-color: #366fb2 !important;
}

.table-grid-body {
  grid-area: grid-col-center;
  margin: 0 0 0 7px;
  height: calc(100vh - 48px);
  max-width: 100vw;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.table-grid-body.ember-grid-wrapper {
  box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  margin-right: 13px;
}
.table-grid-body.project-overflow {
  overflow: hidden;
  z-index: auto !important;
}

.table-workspace-layout-grid {
  height: calc(100vh - 48px);
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  background-color: #f7f7f7;
  grid-template-areas: "grid-col-center        grid-col-right";
}

.widget-sidebar {
  background-color: #f7f7f7;
  position: relative;
  overflow: hidden;
  width: 240px;
  min-width: 240px;
}
.widget-sidebar.widget-fixed-position {
  height: 100%;
  overflow-y: hidden;
  position: relative;
}
.widget-sidebar .widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 15px;
}
.widget-sidebar .widget-header .title {
  height: 43px;
  color: #4d4d4d;
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.widget-sidebar .widget-header .title .icon {
  font-size: 17px;
  margin: 0 6px 5px 0;
}
.widget-sidebar .widget-header .title .icon,
.widget-sidebar .widget-header .title span {
  margin-top: 2px;
}
.widget-sidebar .widget-header .widget-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 43px;
  font-size: 12px;
  position: relative;
}
.widget-sidebar .widget-header .widget-tools .widget-search {
  height: 43px;
  width: 198px;
  background-color: #f7f7f7;
  position: absolute;
  right: 0;
  top: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.widget-sidebar .widget-header .widget-tools .widget-search .search-input {
  width: 100%;
  margin: 0 3px 0 0;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  position: relative;
  background-color: #ffffff;
}
.widget-sidebar .widget-header .widget-tools .widget-search .search-input .search-box {
  width: 100%;
  top: 0;
  margin: 0;
}
.widget-sidebar .widget-column-info .drop-down-trigger {
  margin-left: 6px;
  margin-top: 5px;
}
.widget-sidebar .widget-column-info .drop-down-trigger:hover {
  background-color: #e6e6e6;
}
.widget-sidebar .widget-column-info .cos-basic-dropdown-content {
  left: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  font-size: 12px;
}
.widget-sidebar .widget-column-info .dd-menu-sort-modifier {
  margin-left: 5px;
  color: #b3b3b3;
  font-style: italic;
}
.widget-sidebar .widget-column {
  height: calc(100% - 83px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 5px;
  transition: ease-in 100ms;
}
.widget-sidebar .widget-column .ember-view {
  padding: 5px 12px 0;
}
.widget-sidebar .widget-column .no-results {
  font-size: 13px;
  color: #b3b3b3;
  text-align: center;
  margin: 0;
  padding-top: 12px;
}
.widget-sidebar .widget-column.expand {
  height: calc(100vh - 136px);
  margin-top: 40px;
}
.widget-sidebar .widget-column.container-hover {
  background-color: #e0f7cf;
  border-radius: 4px;
}
.widget-sidebar .widget-column.container-hover-invalid {
  background-color: #f7f7f7;
  border-radius: 4px;
}
.widget-sidebar .widget-column.container-hover-invalid .card {
  opacity: 0.15 !important;
  transition: ease-in 100ms;
  filter: blur(2px);
}
.widget-sidebar .widget-column.container-hover-invalid.vertical-bin {
  background: linear-gradient(90deg, #fce9e8 0%, #fce9e8 96%, rgba(0, 0, 0, 0.25) 96%, rgba(255, 255, 255, 0) 100%) !important;
}
.widget-sidebar .widget-column.container-hover-invalid .card,
.widget-sidebar .widget-column.container-hover-invalid .task-card {
  border-color: #fce9e8 !important;
}
.widget-sidebar .widget-column.container-hover-invalid .day-grid-1,
.widget-sidebar .widget-column.container-hover-invalid .day-grid-2,
.widget-sidebar .widget-column.container-hover-invalid .day-grid-3,
.widget-sidebar .widget-column.container-hover-invalid .day-grid-4,
.widget-sidebar .widget-column.container-hover-invalid .column-header,
.widget-sidebar .widget-column.container-hover-invalid .btn-shadow {
  background-color: #fce9e8 !important;
}
.widget-sidebar .btn-icon {
  font-size: 17px;
  color: #999999;
  display: flex;
  align-items: center;
  padding: 8px 9px;
  border-radius: 8px;
}
.widget-sidebar .btn-icon .icon {
  font-size: 16px;
  margin: 0;
}
.widget-sidebar .btn-icon:hover, .widget-sidebar .btn-icon:focus {
  background-color: #e6e6e6;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #666666;
}
.widget-sidebar .loading-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 85px;
}
.widget-sidebar .loading-icon-wrapper .loading-icon:after {
  background-color: #f7f7f7;
}
.widget-sidebar .loading-icon-wrapper.expand {
  margin-top: 40px;
}

.marketing-campaign-wrapper .workspace-wrapper .widget-sidebar {
  display: none;
}

.calendar-tab-wrapper {
  position: relative;
  height: calc(100vh - 96px);
  min-width: 1030px;
}

.calendar-header {
  display: grid;
  grid-template-columns: repeat(7, 14.2857142857%);
  position: sticky;
  top: 0;
  z-index: 20;
  min-width: 1030px;
}
.calendar-header label {
  line-height: 16px;
  margin: 0;
  padding: 10px 8px 1px;
  background-color: #ffffff;
  border-right: 1px dotted #cccccc;
}
.calendar-header label:last-child {
  border-right: none;
}

.calendar-grid {
  display: grid;
  grid-template-rows: 26px auto;
  grid-template-columns: 1fr;
  position: relative;
  min-height: calc(100vh - 95px);
  background-color: #ffffff;
}
.calendar-grid .project-card .card-inner {
  min-height: 38px;
}
.calendar-grid .day-cell {
  display: grid;
  grid-template-rows: 0 28px auto 1fr auto;
  border-right: 1px dotted #cccccc;
  min-height: calc((100vh - 93px) / 4);
}
.calendar-grid .day-cell.today {
  background-color: #e9f0f4;
}
.calendar-grid .day-cell.today .day-grid-2 {
  background-color: #e9f0f4;
}
.calendar-grid .day-cell.today .day-grid-2 span {
  font-weight: bold;
  color: #62acc4;
}
.calendar-grid .day-cell.today .day-grid-3 .card,
.calendar-grid .day-cell.today .day-grid-3 .task-card {
  border-color: #e9f0f4;
}
.calendar-grid .day-cell.today .day-grid-3 .card.card-highlight, .calendar-grid .day-cell.today .day-grid-3 .card.card-hovered,
.calendar-grid .day-cell.today .day-grid-3 .task-card.card-highlight,
.calendar-grid .day-cell.today .day-grid-3 .task-card.card-hovered {
  border-color: var(--dark-color);
}
.calendar-grid .day-cell:hover .day-grid-2 .create-menu i {
  visibility: visible;
}
.calendar-grid .day-cell:last-child {
  border-right: none;
}
.calendar-grid .day-cell:last-child .day-grid-4 {
  overflow: hidden;
}
.calendar-grid .day-cell .day-grid-1 {
  display: flex;
  align-items: flex-end;
  padding: 0 9px;
  height: 0;
}
.calendar-grid .day-cell .day-grid-1 label {
  display: none;
}
.calendar-grid .day-cell .day-grid-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  padding: 0 9px;
  position: sticky;
  top: 26px;
  background-color: #ffffff;
  z-index: 10;
}
.calendar-grid .day-cell .day-grid-2 .create-menu i {
  color: #999999;
  visibility: hidden;
}
.calendar-grid .day-cell .day-grid-2 .create-menu i:hover {
  cursor: pointer;
}
.calendar-grid .day-cell .day-grid-events {
  min-width: 0;
}
.calendar-grid .day-cell .day-grid-events > div {
  align-self: start;
  display: flex;
  flex-direction: column-reverse;
  min-width: 0;
}
.calendar-grid .day-cell .day-grid-3 {
  align-self: start;
  height: 100%;
  min-width: 0;
}
.calendar-grid .day-cell .day-grid-3 .ember-sortable-js {
  padding: 0 7px;
}
.calendar-grid .day-cell .day-grid-4 {
  align-self: end;
  min-width: 0;
}

.calendar-grid-row {
  display: grid;
  grid-template-columns: repeat(7, 14.2857142857%);
  grid-template-rows: auto;
  border-bottom: 1px solid #cccccc;
}

.calendar-tab-wrapper.no-weekends .calendar-header,
.calendar-tab-wrapper.no-weekends .calendar-grid-row {
  grid-template-columns: repeat(5, 1fr);
}

.container-hover {
  background-color: #f7f7f7;
}
.container-hover.bin {
  background-color: #e6e6e6;
}
.container-hover.bin.vertical-bin {
  background: linear-gradient(90deg, #e6e6e6 0%, #e6e6e6 96%, rgba(0, 0, 0, 0.25) 96%, rgba(255, 255, 255, 0) 100%) !important;
}
.container-hover.bin .day-grid-1,
.container-hover.bin .day-grid-2,
.container-hover.bin .day-grid-3 {
  background-color: #e6e6e6 !important;
}
.container-hover.bin .task-card {
  border-color: #e6e6e6 !important;
}
.container-hover .card,
.container-hover .task-card {
  border-color: #e6e6e6;
}
.container-hover .day-grid-1,
.container-hover .day-grid-2,
.container-hover .day-grid-3,
.container-hover .day-grid-4,
.container-hover .column-header,
.container-hover .btn-shadow {
  background-color: #f7f7f7 !important;
}
.container-hover.today {
  background-color: #dfe8ed;
}
.container-hover.today .card,
.container-hover.today .task-card {
  border-color: #dfe8ed;
}
.container-hover.today .day-grid-1,
.container-hover.today .day-grid-2,
.container-hover.today .day-grid-3,
.container-hover.today .day-grid-4 {
  background-color: #dfe8ed !important;
}

.react-calendar-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.react-calendar-loader .bouncing-loader-container {
  margin-bottom: 30px;
}
.react-calendar-loader .bouncing-loader-container .bouncing-loader {
  position: relative;
  top: initial;
  right: initial;
}
.react-calendar-loader .bouncing-loader-container .bouncing-loader > div {
  margin: 20px 5px;
}

.react-calendar {
  height: calc(100vh - 48px);
  width: 100%;
  overflow: auto;
  border: 0;
}

/* Drag and drop to trash and workboard on calendar */
.calendar-drag-action {
  position: fixed;
  z-index: 1901;
  background-color: #f7f7f7;
  border-radius: 50%;
  text-align: center;
  width: 75px;
  height: 75px;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.35);
  transition: all 0.4s ease;
}
.calendar-drag-action span {
  pointer-events: none;
  color: #999999;
  display: block;
  font-size: 30px;
  padding-top: 21px;
  transition: all 0.4s ease;
}
.calendar-drag-action label {
  pointer-events: none;
  opacity: 0;
  display: none;
}
.calendar-drag-action .card,
.calendar-drag-action .task-card {
  display: none;
}
.calendar-drag-action.drag-workboard {
  right: 20px;
  top: 68px;
  transition: all 0.4s ease;
  animation: dropspot-workboard 0.5s;
}
.calendar-drag-action.drag-workboard span {
  padding-top: 18px;
  font-size: 38px;
  transition: all 0.4s ease;
}
.calendar-drag-action.drag-calendar {
  right: 20px;
  top: 68px;
  transition: all 0.4s ease;
  animation: dropspot-workboard 0.5s;
}
.calendar-drag-action.drag-delete {
  right: 20px;
  bottom: 20px;
  transition: all 0.4s ease;
  animation: dropspot-delete 0.5s;
}
.calendar-drag-action.container-hover {
  border-radius: 8px;
  width: 180px;
  height: 180px;
  transition: all 0.4s ease;
}
.calendar-drag-action.container-hover span {
  color: #b3b3b3;
  padding-top: 80px;
  font-size: 38px;
  transition: all 0.4s ease;
}
.calendar-drag-action.container-hover label {
  display: block;
  position: absolute;
  top: 30px;
  width: 100px;
  line-height: 14px;
  left: 50%;
  margin-left: -50px;
  opacity: 1;
}

.marketing-campaign-wrapper .calendar-drag-action.drag-workboard {
  top: 100px;
  animation: dropspot-delete-campaign 0.5s;
  animation: dropspot-workboard-campaign 0.5s;
}
@keyframes dropspot-workboard-campaign {
  0% {
    right: -50px;
    top: -50px;
  }
  100% {
    right: 20px;
    top: 100px;
  }
}
.marketing-campaign-wrapper .calendar-drag-action.drag-delete {
  right: 20px;
  bottom: 80px;
  animation: dropspot-delete-campaign 0.5s;
}
@keyframes dropspot-delete-campaign {
  0% {
    right: -50px;
    bottom: -50px;
  }
  100% {
    right: 20px;
    bottom: 80px;
  }
}

@keyframes dropspot-workboard {
  0% {
    right: -50px;
    top: -50px;
  }
  100% {
    right: 20px;
    top: 68px;
  }
}
@keyframes dropspot-delete {
  0% {
    right: -50px;
    bottom: -50px;
  }
  100% {
    right: 20px;
    bottom: 20px;
  }
}
.sidebar-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 50px;
  color: #666666;
  font-size: 14px;
  z-index: 2000;
  margin: 0 5px 0 8px;
  border: 0;
  background: transparent;
}
.sidebar-toggle .icon-menu-cos {
  padding: 8px;
  border-radius: 4px;
  background-color: transparent;
  margin-bottom: 2px;
  transition: background-color 150ms ease-out;
}
.sidebar-toggle:hover .icon-menu-cos {
  background-color: #e6e6e6;
  color: #4d4d4d;
  cursor: pointer;
}

.settings-nav .sidebar-toggle {
  margin: 0 5px;
}

.navigation {
  position: relative;
  width: 100%;
  display: flex;
  padding: 8px 10px 0 0;
  min-height: 42px;
}
.navigation.project-navigation, .navigation.analytics-navigation {
  align-items: baseline;
}
.navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded button .icon, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded button .icon {
  margin-right: 3px;
}
.navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.calendar-name button, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.calendar-name button {
  padding-top: 5px;
  pointer-events: none;
}
.navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.calendar-name .calendar-label .calendar-icon, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.calendar-name .calendar-label .calendar-icon {
  margin: 1px;
}
.navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.project-name button, .navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.campaign-name button, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.project-name button, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.campaign-name button {
  padding-left: 0;
}
.navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.project-name .skeleton, .navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.project-name .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.project-name .file-preview, .navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.campaign-name .skeleton, .navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.campaign-name .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded.campaign-name .file-preview, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.project-name .skeleton, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.project-name .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.project-name .file-preview, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.campaign-name .skeleton, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.campaign-name .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded.campaign-name .file-preview {
  display: inline-block;
  width: 200px;
  height: 16px;
}
.navigation.project-navigation .project-nav-item.cos-dropdown-wrapper.rounded:last-of-type, .navigation.analytics-navigation .project-nav-item.cos-dropdown-wrapper.rounded:last-of-type {
  pointer-events: none;
}
.navigation.project-navigation .project-nav-item:not(.calendar-name), .navigation.analytics-navigation .project-nav-item:not(.calendar-name) {
  align-self: start;
}
.navigation.project-navigation .project-nav-item:not(.calendar-name):hover + .divider, .navigation.analytics-navigation .project-nav-item:not(.calendar-name):hover + .divider {
  transform: rotate(180deg);
}
.navigation .cos-dropdown-wrapper.rounded {
  max-width: 25vw;
}
.navigation .cos-dropdown-wrapper.rounded.analytics-nav-item .icon {
  margin-right: 2px;
}
.navigation .cos-dropdown-wrapper.rounded.analytics-nav-item:hover + .divider {
  transform: rotate(180deg);
}
.navigation .cos-dropdown-wrapper.rounded button {
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: #4d4d4d;
  padding: 6px;
  margin: 0;
  transition: all 0.2s ease;
  display: block;
}
.navigation .cos-dropdown-wrapper.rounded button .icon {
  font-size: 17px;
  margin: 0 7px 4px 2px;
}
.navigation .cos-dropdown-wrapper.rounded button .icon.icon-calendar, .navigation .cos-dropdown-wrapper.rounded button .icon.icon-stats, .navigation .cos-dropdown-wrapper.rounded button .icon.icon-grid {
  font-size: 16px;
}
.navigation .cos-dropdown-wrapper.rounded button .icon.icon-youtube {
  font-size: 20px;
}
.navigation .cos-dropdown-wrapper.rounded button .color-label-circle {
  font-size: 16px;
  margin-right: 2px;
}
.navigation .cos-dropdown-wrapper.rounded button:hover {
  color: #333333;
  background-color: #e6e6e6;
}
.navigation .cos-dropdown-wrapper.rounded button .calendar-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.navigation .cos-dropdown-wrapper.rounded button .calendar-label .calendar-icon {
  margin: 0 8px 0 0;
}
.navigation .cos-dropdown-wrapper.rounded button .calendar-label .calendar-icon .calendar-color-dot {
  height: 16px;
  width: 16px;
  margin: 0;
}
.navigation .cos-dropdown-wrapper.rounded button .calendar-label .calendar-icon .calendar-color-dot .dot {
  margin: 0;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown {
  top: 32px;
  min-width: 200px;
  max-width: 250px;
  box-shadow: 0 2px 35px -3px rgba(0, 0, 0, 0.4);
  z-index: 1311;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown input.search {
  border-bottom: 1px solid #e6e6e6 !important;
  font-size: 16px;
  color: #4d4d4d;
  padding: 20px 5px 20px 32px;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .icon-search {
  font-size: 16px;
  color: #999999;
  top: 12px;
  left: 9px;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .icon-search + ul {
  margin-top: 40px !important;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu {
  max-height: 463px;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu .sb-item-separator {
  display: block;
  border-bottom: 1px solid #e6e6e6;
  margin: 5px 0;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li {
  color: #4d4d4d;
  display: flex;
  align-items: center;
  width: auto;
  border-radius: 0;
  padding: 5px 15px;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li i {
  font-size: 14px;
  width: 14px;
  text-align: center;
  margin: 0 10px 2px 0;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li i.icon-shuffle2 {
  font-size: 12px;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li span {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li.calendar-label {
  padding: 0 8px 0 10px;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li.calendar-label .calendar-icon .calendar-color-dot {
  margin-top: -2px;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li.active {
  background-color: inherit;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li:hover {
  background-color: #f7f7f7;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li:hover span,
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li:hover i {
  color: #333333;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li:first-child {
  margin: 5px 0 0;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li:last-child {
  margin: 0 0 5px;
  border-radius: 0;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li:only-child {
  margin: 5px 0;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li.saved-view-select {
  padding: 0 6px 0 12px;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li.saved-view-select .icon-pencil {
  font-size: 13px;
  margin: 0 0 0 auto;
  padding: 6px;
  display: none;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li.saved-view-select:hover .icon-pencil {
  color: #999999;
  display: block;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .cos-dropdown-menu li.saved-view-select:hover .icon-pencil:hover {
  color: #666666;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .saved-view-create {
  display: flex;
  align-items: center;
  border-top: 1px solid #e6e6e6;
  height: 43px;
  padding: 0 12px;
  color: #b3b3b3;
}
.navigation .cos-dropdown-wrapper.rounded .cos-dropdown .saved-view-create:hover {
  cursor: pointer;
  color: #666666;
  transition: all 0.2s ease;
}
.navigation .divider {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #b3b3b3;
  margin: 7px 2px 2px;
  padding: 0;
}
.navigation .divider.icon-chevron-right {
  font-size: 16px;
  margin: 5px 5px 0;
  transition: transform 150ms ease;
}
.navigation .btn-shadow {
  visibility: hidden;
  opacity: 0;
  padding: 7px 6px 7px 10px;
  color: #666666;
  font-size: 13px;
  height: 17px;
}
.navigation:hover {
  z-index: 1985;
}
.navigation:hover .btn-shadow {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease;
}
.navigation:hover .btn-shadow:hover {
  color: #4d4d4d;
}

.proactive-chat {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 20px;
  right: 26px;
  z-index: 10000;
  animation: chat-popup 0.2s;
}
.proactive-chat.onboarding-chat {
  bottom: 75px;
}
.proactive-chat .chat-avatar {
  width: 65px;
  height: 65px;
  background-color: transparent;
  margin-left: auto;
}
.proactive-chat .chat-avatar img {
  border-radius: 50%;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
}
.proactive-chat .chat-message {
  position: relative;
  padding: 15px 25px 15px 20px;
  background-color: #ffffff;
  border-radius: 6px;
  width: 255px;
  margin-bottom: 15px;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.5);
}
.proactive-chat .chat-message p {
  font-size: 16px;
  margin: 0;
}
.proactive-chat .chat-message button {
  position: absolute;
  right: 3px;
  top: 3px;
}

@keyframes chat-popup {
  0% {
    transform: scale(0.5);
    bottom: -100px;
    right: -100px;
  }
  100% {
    transform: scale(1);
    bottom: 20px;
    right: 26px;
  }
}
.mia-onboarding-small {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  flex-direction: column;
  z-index: 2101;
}
.chrome-extension .mia-onboarding-small {
  top: 65px;
}
.mia-onboarding-small .small-onboarding-contain {
  background-color: #ffffff;
  border-radius: 6px;
  min-width: 350px;
  max-width: 550px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
}
.mia-onboarding-small .small-onboarding-header {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-color: #275a9a;
  background-image: linear-gradient(95deg, #275a9a 0%, #366fb2 100%);
  padding: 15px 10px 15px 20px;
  color: #ffffff;
  border-radius: 6px 6px 0 0;
  text-align: left;
}
.mia-onboarding-small .small-onboarding-header .onboarding-header-text {
  position: relative;
  top: 1px;
}
.mia-onboarding-small .small-onboarding-header .close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border: none;
  background-color: #2a4564;
  font-size: 14px;
  margin-left: auto;
  color: #ffffff;
  border-radius: 50%;
  flex-shrink: 0;
}
.mia-onboarding-small .small-onboarding-header .close-button:hover, .mia-onboarding-small .small-onboarding-header .close-button:focus {
  background-color: #283463;
}
.mia-onboarding-small .small-onboarding-content {
  display: flex;
  flex-direction: column;
  padding: 0 20px 5px;
  color: #666666;
}
.mia-onboarding-small .small-onboarding-content .content-gif-container {
  width: 350px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  border-radius: 4px;
  margin: 20px auto;
}
.mia-onboarding-small .small-onboarding-content p {
  margin: 15px 0;
}

.delete-confirmation-modal .modal-header button, .delete-confirmation-modal .delete-confirmation .delete-header button, .delete-confirmation .delete-confirmation-modal .delete-header button,
.social-delete-modal .modal-header button,
.social-delete-modal .delete-confirmation .delete-header button,
.delete-confirmation .social-delete-modal .delete-header button {
  top: 5px;
}

.delete-confirm-text {
  display: block;
  color: #999999;
  font-size: 12px;
}
.delete-confirm-text.error {
  color: #d15451;
}

input.delete-challenge {
  width: 100%;
  margin: 0 15px 0 0;
  border-radius: 40px;
  padding: 4px 15px;
}
input.delete-challenge.error {
  border-color: #d15451 !important;
  animation: red-delete-pop 4s ease;
}
@keyframes red-delete-pop {
  0% {
    color: #d15451;
  }
  60% {
    color: #d15451;
  }
  100% {
    color: #666666;
  }
}
input.delete-challenge.error:active, input.delete-challenge.error:focus {
  border-color: #963c3b !important;
}
input.delete-challenge + button {
  flex-shrink: 0;
  padding: 6px 28px;
}

.radial-chart {
  border-radius: 50%;
}
.radial-chart .circle .mask,
.radial-chart .circle .fill {
  position: absolute;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
}
.radial-chart .inset {
  position: absolute;
  border-radius: 50%;
}
.radial-chart .inset .inset-inner {
  position: absolute;
  margin: 4px;
  border-radius: 50%;
  opacity: 0;
  text-align: center;
}
@keyframes chart-0-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes chart-0-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.radial-chart[data-progress="0"] .circle .mask.full,
.radial-chart[data-progress="0"] .circle .fill {
  animation: chart-0-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="0"] .circle .fill.fix {
  animation: chart-0-fill-fix 1.2s ease-out 1 normal forwards;
}
@keyframes chart-1-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1.8deg);
  }
}
@keyframes chart-1-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(3.6deg);
  }
}
.radial-chart[data-progress="1"] .circle .mask.full,
.radial-chart[data-progress="1"] .circle .fill {
  animation: chart-1-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="1"] .circle .fill.fix {
  animation: chart-1-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="1"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-2-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(3.6deg);
  }
}
@keyframes chart-2-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(7.2deg);
  }
}
.radial-chart[data-progress="2"] .circle .mask.full,
.radial-chart[data-progress="2"] .circle .fill {
  animation: chart-2-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="2"] .circle .fill.fix {
  animation: chart-2-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="2"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-3-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(5.4deg);
  }
}
@keyframes chart-3-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(10.8deg);
  }
}
.radial-chart[data-progress="3"] .circle .mask.full,
.radial-chart[data-progress="3"] .circle .fill {
  animation: chart-3-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="3"] .circle .fill.fix {
  animation: chart-3-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="3"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-4-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(7.2deg);
  }
}
@keyframes chart-4-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(14.4deg);
  }
}
.radial-chart[data-progress="4"] .circle .mask.full,
.radial-chart[data-progress="4"] .circle .fill {
  animation: chart-4-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="4"] .circle .fill.fix {
  animation: chart-4-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="4"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-5-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(9deg);
  }
}
@keyframes chart-5-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(18deg);
  }
}
.radial-chart[data-progress="5"] .circle .mask.full,
.radial-chart[data-progress="5"] .circle .fill {
  animation: chart-5-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="5"] .circle .fill.fix {
  animation: chart-5-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="5"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-6-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(10.8deg);
  }
}
@keyframes chart-6-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(21.6deg);
  }
}
.radial-chart[data-progress="6"] .circle .mask.full,
.radial-chart[data-progress="6"] .circle .fill {
  animation: chart-6-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="6"] .circle .fill.fix {
  animation: chart-6-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="6"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-7-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(12.6deg);
  }
}
@keyframes chart-7-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(25.2deg);
  }
}
.radial-chart[data-progress="7"] .circle .mask.full,
.radial-chart[data-progress="7"] .circle .fill {
  animation: chart-7-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="7"] .circle .fill.fix {
  animation: chart-7-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="7"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-8-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(14.4deg);
  }
}
@keyframes chart-8-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(28.8deg);
  }
}
.radial-chart[data-progress="8"] .circle .mask.full,
.radial-chart[data-progress="8"] .circle .fill {
  animation: chart-8-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="8"] .circle .fill.fix {
  animation: chart-8-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="8"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-9-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(16.2deg);
  }
}
@keyframes chart-9-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(32.4deg);
  }
}
.radial-chart[data-progress="9"] .circle .mask.full,
.radial-chart[data-progress="9"] .circle .fill {
  animation: chart-9-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="9"] .circle .fill.fix {
  animation: chart-9-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="9"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-10-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(18deg);
  }
}
@keyframes chart-10-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(36deg);
  }
}
.radial-chart[data-progress="10"] .circle .mask.full,
.radial-chart[data-progress="10"] .circle .fill {
  animation: chart-10-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="10"] .circle .fill.fix {
  animation: chart-10-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="10"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-11-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(19.8deg);
  }
}
@keyframes chart-11-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(39.6deg);
  }
}
.radial-chart[data-progress="11"] .circle .mask.full,
.radial-chart[data-progress="11"] .circle .fill {
  animation: chart-11-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="11"] .circle .fill.fix {
  animation: chart-11-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="11"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-12-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(21.6deg);
  }
}
@keyframes chart-12-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(43.2deg);
  }
}
.radial-chart[data-progress="12"] .circle .mask.full,
.radial-chart[data-progress="12"] .circle .fill {
  animation: chart-12-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="12"] .circle .fill.fix {
  animation: chart-12-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="12"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-13-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(23.4deg);
  }
}
@keyframes chart-13-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(46.8deg);
  }
}
.radial-chart[data-progress="13"] .circle .mask.full,
.radial-chart[data-progress="13"] .circle .fill {
  animation: chart-13-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="13"] .circle .fill.fix {
  animation: chart-13-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="13"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-14-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(25.2deg);
  }
}
@keyframes chart-14-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(50.4deg);
  }
}
.radial-chart[data-progress="14"] .circle .mask.full,
.radial-chart[data-progress="14"] .circle .fill {
  animation: chart-14-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="14"] .circle .fill.fix {
  animation: chart-14-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="14"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-15-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(27deg);
  }
}
@keyframes chart-15-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(54deg);
  }
}
.radial-chart[data-progress="15"] .circle .mask.full,
.radial-chart[data-progress="15"] .circle .fill {
  animation: chart-15-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="15"] .circle .fill.fix {
  animation: chart-15-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="15"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-16-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(28.8deg);
  }
}
@keyframes chart-16-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(57.6deg);
  }
}
.radial-chart[data-progress="16"] .circle .mask.full,
.radial-chart[data-progress="16"] .circle .fill {
  animation: chart-16-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="16"] .circle .fill.fix {
  animation: chart-16-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="16"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-17-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(30.6deg);
  }
}
@keyframes chart-17-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(61.2deg);
  }
}
.radial-chart[data-progress="17"] .circle .mask.full,
.radial-chart[data-progress="17"] .circle .fill {
  animation: chart-17-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="17"] .circle .fill.fix {
  animation: chart-17-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="17"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-18-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(32.4deg);
  }
}
@keyframes chart-18-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(64.8deg);
  }
}
.radial-chart[data-progress="18"] .circle .mask.full,
.radial-chart[data-progress="18"] .circle .fill {
  animation: chart-18-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="18"] .circle .fill.fix {
  animation: chart-18-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="18"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-19-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(34.2deg);
  }
}
@keyframes chart-19-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(68.4deg);
  }
}
.radial-chart[data-progress="19"] .circle .mask.full,
.radial-chart[data-progress="19"] .circle .fill {
  animation: chart-19-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="19"] .circle .fill.fix {
  animation: chart-19-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="19"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-20-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(36deg);
  }
}
@keyframes chart-20-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(72deg);
  }
}
.radial-chart[data-progress="20"] .circle .mask.full,
.radial-chart[data-progress="20"] .circle .fill {
  animation: chart-20-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="20"] .circle .fill.fix {
  animation: chart-20-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="20"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-21-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(37.8deg);
  }
}
@keyframes chart-21-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(75.6deg);
  }
}
.radial-chart[data-progress="21"] .circle .mask.full,
.radial-chart[data-progress="21"] .circle .fill {
  animation: chart-21-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="21"] .circle .fill.fix {
  animation: chart-21-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="21"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-22-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(39.6deg);
  }
}
@keyframes chart-22-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(79.2deg);
  }
}
.radial-chart[data-progress="22"] .circle .mask.full,
.radial-chart[data-progress="22"] .circle .fill {
  animation: chart-22-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="22"] .circle .fill.fix {
  animation: chart-22-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="22"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-23-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(41.4deg);
  }
}
@keyframes chart-23-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(82.8deg);
  }
}
.radial-chart[data-progress="23"] .circle .mask.full,
.radial-chart[data-progress="23"] .circle .fill {
  animation: chart-23-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="23"] .circle .fill.fix {
  animation: chart-23-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="23"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-24-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(43.2deg);
  }
}
@keyframes chart-24-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(86.4deg);
  }
}
.radial-chart[data-progress="24"] .circle .mask.full,
.radial-chart[data-progress="24"] .circle .fill {
  animation: chart-24-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="24"] .circle .fill.fix {
  animation: chart-24-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="24"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-25-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(45deg);
  }
}
@keyframes chart-25-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}
.radial-chart[data-progress="25"] .circle .mask.full,
.radial-chart[data-progress="25"] .circle .fill {
  animation: chart-25-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="25"] .circle .fill.fix {
  animation: chart-25-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="25"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-26-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(46.8deg);
  }
}
@keyframes chart-26-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(93.6deg);
  }
}
.radial-chart[data-progress="26"] .circle .mask.full,
.radial-chart[data-progress="26"] .circle .fill {
  animation: chart-26-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="26"] .circle .fill.fix {
  animation: chart-26-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="26"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-27-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(48.6deg);
  }
}
@keyframes chart-27-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(97.2deg);
  }
}
.radial-chart[data-progress="27"] .circle .mask.full,
.radial-chart[data-progress="27"] .circle .fill {
  animation: chart-27-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="27"] .circle .fill.fix {
  animation: chart-27-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="27"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-28-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(50.4deg);
  }
}
@keyframes chart-28-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(100.8deg);
  }
}
.radial-chart[data-progress="28"] .circle .mask.full,
.radial-chart[data-progress="28"] .circle .fill {
  animation: chart-28-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="28"] .circle .fill.fix {
  animation: chart-28-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="28"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-29-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(52.2deg);
  }
}
@keyframes chart-29-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(104.4deg);
  }
}
.radial-chart[data-progress="29"] .circle .mask.full,
.radial-chart[data-progress="29"] .circle .fill {
  animation: chart-29-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="29"] .circle .fill.fix {
  animation: chart-29-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="29"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-30-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(54deg);
  }
}
@keyframes chart-30-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(108deg);
  }
}
.radial-chart[data-progress="30"] .circle .mask.full,
.radial-chart[data-progress="30"] .circle .fill {
  animation: chart-30-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="30"] .circle .fill.fix {
  animation: chart-30-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="30"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-31-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(55.8deg);
  }
}
@keyframes chart-31-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(111.6deg);
  }
}
.radial-chart[data-progress="31"] .circle .mask.full,
.radial-chart[data-progress="31"] .circle .fill {
  animation: chart-31-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="31"] .circle .fill.fix {
  animation: chart-31-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="31"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-32-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(57.6deg);
  }
}
@keyframes chart-32-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(115.2deg);
  }
}
.radial-chart[data-progress="32"] .circle .mask.full,
.radial-chart[data-progress="32"] .circle .fill {
  animation: chart-32-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="32"] .circle .fill.fix {
  animation: chart-32-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="32"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-33-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(59.4deg);
  }
}
@keyframes chart-33-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(118.8deg);
  }
}
.radial-chart[data-progress="33"] .circle .mask.full,
.radial-chart[data-progress="33"] .circle .fill {
  animation: chart-33-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="33"] .circle .fill.fix {
  animation: chart-33-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="33"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-34-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(61.2deg);
  }
}
@keyframes chart-34-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(122.4deg);
  }
}
.radial-chart[data-progress="34"] .circle .mask.full,
.radial-chart[data-progress="34"] .circle .fill {
  animation: chart-34-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="34"] .circle .fill.fix {
  animation: chart-34-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="34"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-35-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(63deg);
  }
}
@keyframes chart-35-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(126deg);
  }
}
.radial-chart[data-progress="35"] .circle .mask.full,
.radial-chart[data-progress="35"] .circle .fill {
  animation: chart-35-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="35"] .circle .fill.fix {
  animation: chart-35-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="35"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-36-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(64.8deg);
  }
}
@keyframes chart-36-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(129.6deg);
  }
}
.radial-chart[data-progress="36"] .circle .mask.full,
.radial-chart[data-progress="36"] .circle .fill {
  animation: chart-36-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="36"] .circle .fill.fix {
  animation: chart-36-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="36"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-37-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(66.6deg);
  }
}
@keyframes chart-37-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(133.2deg);
  }
}
.radial-chart[data-progress="37"] .circle .mask.full,
.radial-chart[data-progress="37"] .circle .fill {
  animation: chart-37-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="37"] .circle .fill.fix {
  animation: chart-37-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="37"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-38-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(68.4deg);
  }
}
@keyframes chart-38-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(136.8deg);
  }
}
.radial-chart[data-progress="38"] .circle .mask.full,
.radial-chart[data-progress="38"] .circle .fill {
  animation: chart-38-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="38"] .circle .fill.fix {
  animation: chart-38-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="38"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-39-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(70.2deg);
  }
}
@keyframes chart-39-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(140.4deg);
  }
}
.radial-chart[data-progress="39"] .circle .mask.full,
.radial-chart[data-progress="39"] .circle .fill {
  animation: chart-39-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="39"] .circle .fill.fix {
  animation: chart-39-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="39"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-40-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(72deg);
  }
}
@keyframes chart-40-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(144deg);
  }
}
.radial-chart[data-progress="40"] .circle .mask.full,
.radial-chart[data-progress="40"] .circle .fill {
  animation: chart-40-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="40"] .circle .fill.fix {
  animation: chart-40-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="40"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-41-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(73.8deg);
  }
}
@keyframes chart-41-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(147.6deg);
  }
}
.radial-chart[data-progress="41"] .circle .mask.full,
.radial-chart[data-progress="41"] .circle .fill {
  animation: chart-41-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="41"] .circle .fill.fix {
  animation: chart-41-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="41"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-42-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(75.6deg);
  }
}
@keyframes chart-42-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(151.2deg);
  }
}
.radial-chart[data-progress="42"] .circle .mask.full,
.radial-chart[data-progress="42"] .circle .fill {
  animation: chart-42-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="42"] .circle .fill.fix {
  animation: chart-42-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="42"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-43-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(77.4deg);
  }
}
@keyframes chart-43-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(154.8deg);
  }
}
.radial-chart[data-progress="43"] .circle .mask.full,
.radial-chart[data-progress="43"] .circle .fill {
  animation: chart-43-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="43"] .circle .fill.fix {
  animation: chart-43-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="43"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-44-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(79.2deg);
  }
}
@keyframes chart-44-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(158.4deg);
  }
}
.radial-chart[data-progress="44"] .circle .mask.full,
.radial-chart[data-progress="44"] .circle .fill {
  animation: chart-44-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="44"] .circle .fill.fix {
  animation: chart-44-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="44"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-45-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(81deg);
  }
}
@keyframes chart-45-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(162deg);
  }
}
.radial-chart[data-progress="45"] .circle .mask.full,
.radial-chart[data-progress="45"] .circle .fill {
  animation: chart-45-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="45"] .circle .fill.fix {
  animation: chart-45-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="45"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-46-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(82.8deg);
  }
}
@keyframes chart-46-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(165.6deg);
  }
}
.radial-chart[data-progress="46"] .circle .mask.full,
.radial-chart[data-progress="46"] .circle .fill {
  animation: chart-46-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="46"] .circle .fill.fix {
  animation: chart-46-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="46"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-47-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(84.6deg);
  }
}
@keyframes chart-47-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(169.2deg);
  }
}
.radial-chart[data-progress="47"] .circle .mask.full,
.radial-chart[data-progress="47"] .circle .fill {
  animation: chart-47-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="47"] .circle .fill.fix {
  animation: chart-47-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="47"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-48-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(86.4deg);
  }
}
@keyframes chart-48-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(172.8deg);
  }
}
.radial-chart[data-progress="48"] .circle .mask.full,
.radial-chart[data-progress="48"] .circle .fill {
  animation: chart-48-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="48"] .circle .fill.fix {
  animation: chart-48-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="48"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-49-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(88.2deg);
  }
}
@keyframes chart-49-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(176.4deg);
  }
}
.radial-chart[data-progress="49"] .circle .mask.full,
.radial-chart[data-progress="49"] .circle .fill {
  animation: chart-49-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="49"] .circle .fill.fix {
  animation: chart-49-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="49"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-50-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}
@keyframes chart-50-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
.radial-chart[data-progress="50"] .circle .mask.full,
.radial-chart[data-progress="50"] .circle .fill {
  animation: chart-50-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="50"] .circle .fill.fix {
  animation: chart-50-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="50"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-51-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(91.8deg);
  }
}
@keyframes chart-51-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(183.6deg);
  }
}
.radial-chart[data-progress="51"] .circle .mask.full,
.radial-chart[data-progress="51"] .circle .fill {
  animation: chart-51-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="51"] .circle .fill.fix {
  animation: chart-51-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="51"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-52-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(93.6deg);
  }
}
@keyframes chart-52-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(187.2deg);
  }
}
.radial-chart[data-progress="52"] .circle .mask.full,
.radial-chart[data-progress="52"] .circle .fill {
  animation: chart-52-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="52"] .circle .fill.fix {
  animation: chart-52-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="52"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-53-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(95.4deg);
  }
}
@keyframes chart-53-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(190.8deg);
  }
}
.radial-chart[data-progress="53"] .circle .mask.full,
.radial-chart[data-progress="53"] .circle .fill {
  animation: chart-53-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="53"] .circle .fill.fix {
  animation: chart-53-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="53"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-54-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(97.2deg);
  }
}
@keyframes chart-54-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(194.4deg);
  }
}
.radial-chart[data-progress="54"] .circle .mask.full,
.radial-chart[data-progress="54"] .circle .fill {
  animation: chart-54-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="54"] .circle .fill.fix {
  animation: chart-54-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="54"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-55-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(99deg);
  }
}
@keyframes chart-55-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(198deg);
  }
}
.radial-chart[data-progress="55"] .circle .mask.full,
.radial-chart[data-progress="55"] .circle .fill {
  animation: chart-55-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="55"] .circle .fill.fix {
  animation: chart-55-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="55"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-56-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(100.8deg);
  }
}
@keyframes chart-56-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(201.6deg);
  }
}
.radial-chart[data-progress="56"] .circle .mask.full,
.radial-chart[data-progress="56"] .circle .fill {
  animation: chart-56-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="56"] .circle .fill.fix {
  animation: chart-56-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="56"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-57-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(102.6deg);
  }
}
@keyframes chart-57-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(205.2deg);
  }
}
.radial-chart[data-progress="57"] .circle .mask.full,
.radial-chart[data-progress="57"] .circle .fill {
  animation: chart-57-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="57"] .circle .fill.fix {
  animation: chart-57-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="57"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-58-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(104.4deg);
  }
}
@keyframes chart-58-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(208.8deg);
  }
}
.radial-chart[data-progress="58"] .circle .mask.full,
.radial-chart[data-progress="58"] .circle .fill {
  animation: chart-58-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="58"] .circle .fill.fix {
  animation: chart-58-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="58"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-59-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(106.2deg);
  }
}
@keyframes chart-59-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(212.4deg);
  }
}
.radial-chart[data-progress="59"] .circle .mask.full,
.radial-chart[data-progress="59"] .circle .fill {
  animation: chart-59-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="59"] .circle .fill.fix {
  animation: chart-59-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="59"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-60-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(108deg);
  }
}
@keyframes chart-60-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(216deg);
  }
}
.radial-chart[data-progress="60"] .circle .mask.full,
.radial-chart[data-progress="60"] .circle .fill {
  animation: chart-60-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="60"] .circle .fill.fix {
  animation: chart-60-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="60"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-61-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(109.8deg);
  }
}
@keyframes chart-61-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(219.6deg);
  }
}
.radial-chart[data-progress="61"] .circle .mask.full,
.radial-chart[data-progress="61"] .circle .fill {
  animation: chart-61-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="61"] .circle .fill.fix {
  animation: chart-61-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="61"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-62-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(111.6deg);
  }
}
@keyframes chart-62-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(223.2deg);
  }
}
.radial-chart[data-progress="62"] .circle .mask.full,
.radial-chart[data-progress="62"] .circle .fill {
  animation: chart-62-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="62"] .circle .fill.fix {
  animation: chart-62-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="62"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-63-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(113.4deg);
  }
}
@keyframes chart-63-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(226.8deg);
  }
}
.radial-chart[data-progress="63"] .circle .mask.full,
.radial-chart[data-progress="63"] .circle .fill {
  animation: chart-63-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="63"] .circle .fill.fix {
  animation: chart-63-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="63"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-64-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(115.2deg);
  }
}
@keyframes chart-64-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(230.4deg);
  }
}
.radial-chart[data-progress="64"] .circle .mask.full,
.radial-chart[data-progress="64"] .circle .fill {
  animation: chart-64-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="64"] .circle .fill.fix {
  animation: chart-64-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="64"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-65-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(117deg);
  }
}
@keyframes chart-65-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(234deg);
  }
}
.radial-chart[data-progress="65"] .circle .mask.full,
.radial-chart[data-progress="65"] .circle .fill {
  animation: chart-65-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="65"] .circle .fill.fix {
  animation: chart-65-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="65"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-66-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(118.8deg);
  }
}
@keyframes chart-66-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(237.6deg);
  }
}
.radial-chart[data-progress="66"] .circle .mask.full,
.radial-chart[data-progress="66"] .circle .fill {
  animation: chart-66-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="66"] .circle .fill.fix {
  animation: chart-66-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="66"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-67-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(120.6deg);
  }
}
@keyframes chart-67-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(241.2deg);
  }
}
.radial-chart[data-progress="67"] .circle .mask.full,
.radial-chart[data-progress="67"] .circle .fill {
  animation: chart-67-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="67"] .circle .fill.fix {
  animation: chart-67-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="67"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-68-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(122.4deg);
  }
}
@keyframes chart-68-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(244.8deg);
  }
}
.radial-chart[data-progress="68"] .circle .mask.full,
.radial-chart[data-progress="68"] .circle .fill {
  animation: chart-68-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="68"] .circle .fill.fix {
  animation: chart-68-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="68"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-69-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(124.2deg);
  }
}
@keyframes chart-69-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(248.4deg);
  }
}
.radial-chart[data-progress="69"] .circle .mask.full,
.radial-chart[data-progress="69"] .circle .fill {
  animation: chart-69-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="69"] .circle .fill.fix {
  animation: chart-69-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="69"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-70-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(126deg);
  }
}
@keyframes chart-70-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(252deg);
  }
}
.radial-chart[data-progress="70"] .circle .mask.full,
.radial-chart[data-progress="70"] .circle .fill {
  animation: chart-70-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="70"] .circle .fill.fix {
  animation: chart-70-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="70"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-71-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(127.8deg);
  }
}
@keyframes chart-71-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(255.6deg);
  }
}
.radial-chart[data-progress="71"] .circle .mask.full,
.radial-chart[data-progress="71"] .circle .fill {
  animation: chart-71-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="71"] .circle .fill.fix {
  animation: chart-71-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="71"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-72-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(129.6deg);
  }
}
@keyframes chart-72-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(259.2deg);
  }
}
.radial-chart[data-progress="72"] .circle .mask.full,
.radial-chart[data-progress="72"] .circle .fill {
  animation: chart-72-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="72"] .circle .fill.fix {
  animation: chart-72-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="72"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-73-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(131.4deg);
  }
}
@keyframes chart-73-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(262.8deg);
  }
}
.radial-chart[data-progress="73"] .circle .mask.full,
.radial-chart[data-progress="73"] .circle .fill {
  animation: chart-73-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="73"] .circle .fill.fix {
  animation: chart-73-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="73"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-74-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(133.2deg);
  }
}
@keyframes chart-74-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(266.4deg);
  }
}
.radial-chart[data-progress="74"] .circle .mask.full,
.radial-chart[data-progress="74"] .circle .fill {
  animation: chart-74-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="74"] .circle .fill.fix {
  animation: chart-74-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="74"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-75-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(135deg);
  }
}
@keyframes chart-75-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(270deg);
  }
}
.radial-chart[data-progress="75"] .circle .mask.full,
.radial-chart[data-progress="75"] .circle .fill {
  animation: chart-75-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="75"] .circle .fill.fix {
  animation: chart-75-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="75"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-76-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(136.8deg);
  }
}
@keyframes chart-76-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(273.6deg);
  }
}
.radial-chart[data-progress="76"] .circle .mask.full,
.radial-chart[data-progress="76"] .circle .fill {
  animation: chart-76-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="76"] .circle .fill.fix {
  animation: chart-76-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="76"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-77-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(138.6deg);
  }
}
@keyframes chart-77-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(277.2deg);
  }
}
.radial-chart[data-progress="77"] .circle .mask.full,
.radial-chart[data-progress="77"] .circle .fill {
  animation: chart-77-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="77"] .circle .fill.fix {
  animation: chart-77-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="77"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-78-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(140.4deg);
  }
}
@keyframes chart-78-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(280.8deg);
  }
}
.radial-chart[data-progress="78"] .circle .mask.full,
.radial-chart[data-progress="78"] .circle .fill {
  animation: chart-78-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="78"] .circle .fill.fix {
  animation: chart-78-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="78"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-79-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(142.2deg);
  }
}
@keyframes chart-79-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(284.4deg);
  }
}
.radial-chart[data-progress="79"] .circle .mask.full,
.radial-chart[data-progress="79"] .circle .fill {
  animation: chart-79-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="79"] .circle .fill.fix {
  animation: chart-79-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="79"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-80-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(144deg);
  }
}
@keyframes chart-80-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(288deg);
  }
}
.radial-chart[data-progress="80"] .circle .mask.full,
.radial-chart[data-progress="80"] .circle .fill {
  animation: chart-80-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="80"] .circle .fill.fix {
  animation: chart-80-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="80"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-81-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(145.8deg);
  }
}
@keyframes chart-81-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(291.6deg);
  }
}
.radial-chart[data-progress="81"] .circle .mask.full,
.radial-chart[data-progress="81"] .circle .fill {
  animation: chart-81-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="81"] .circle .fill.fix {
  animation: chart-81-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="81"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-82-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(147.6deg);
  }
}
@keyframes chart-82-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(295.2deg);
  }
}
.radial-chart[data-progress="82"] .circle .mask.full,
.radial-chart[data-progress="82"] .circle .fill {
  animation: chart-82-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="82"] .circle .fill.fix {
  animation: chart-82-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="82"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-83-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(149.4deg);
  }
}
@keyframes chart-83-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(298.8deg);
  }
}
.radial-chart[data-progress="83"] .circle .mask.full,
.radial-chart[data-progress="83"] .circle .fill {
  animation: chart-83-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="83"] .circle .fill.fix {
  animation: chart-83-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="83"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-84-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(151.2deg);
  }
}
@keyframes chart-84-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(302.4deg);
  }
}
.radial-chart[data-progress="84"] .circle .mask.full,
.radial-chart[data-progress="84"] .circle .fill {
  animation: chart-84-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="84"] .circle .fill.fix {
  animation: chart-84-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="84"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-85-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(153deg);
  }
}
@keyframes chart-85-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(306deg);
  }
}
.radial-chart[data-progress="85"] .circle .mask.full,
.radial-chart[data-progress="85"] .circle .fill {
  animation: chart-85-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="85"] .circle .fill.fix {
  animation: chart-85-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="85"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-86-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(154.8deg);
  }
}
@keyframes chart-86-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(309.6deg);
  }
}
.radial-chart[data-progress="86"] .circle .mask.full,
.radial-chart[data-progress="86"] .circle .fill {
  animation: chart-86-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="86"] .circle .fill.fix {
  animation: chart-86-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="86"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-87-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(156.6deg);
  }
}
@keyframes chart-87-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(313.2deg);
  }
}
.radial-chart[data-progress="87"] .circle .mask.full,
.radial-chart[data-progress="87"] .circle .fill {
  animation: chart-87-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="87"] .circle .fill.fix {
  animation: chart-87-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="87"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-88-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(158.4deg);
  }
}
@keyframes chart-88-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(316.8deg);
  }
}
.radial-chart[data-progress="88"] .circle .mask.full,
.radial-chart[data-progress="88"] .circle .fill {
  animation: chart-88-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="88"] .circle .fill.fix {
  animation: chart-88-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="88"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-89-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(160.2deg);
  }
}
@keyframes chart-89-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(320.4deg);
  }
}
.radial-chart[data-progress="89"] .circle .mask.full,
.radial-chart[data-progress="89"] .circle .fill {
  animation: chart-89-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="89"] .circle .fill.fix {
  animation: chart-89-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="89"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-90-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(162deg);
  }
}
@keyframes chart-90-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(324deg);
  }
}
.radial-chart[data-progress="90"] .circle .mask.full,
.radial-chart[data-progress="90"] .circle .fill {
  animation: chart-90-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="90"] .circle .fill.fix {
  animation: chart-90-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="90"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-91-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(163.8deg);
  }
}
@keyframes chart-91-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(327.6deg);
  }
}
.radial-chart[data-progress="91"] .circle .mask.full,
.radial-chart[data-progress="91"] .circle .fill {
  animation: chart-91-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="91"] .circle .fill.fix {
  animation: chart-91-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="91"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-92-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(165.6deg);
  }
}
@keyframes chart-92-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(331.2deg);
  }
}
.radial-chart[data-progress="92"] .circle .mask.full,
.radial-chart[data-progress="92"] .circle .fill {
  animation: chart-92-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="92"] .circle .fill.fix {
  animation: chart-92-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="92"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-93-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(167.4deg);
  }
}
@keyframes chart-93-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(334.8deg);
  }
}
.radial-chart[data-progress="93"] .circle .mask.full,
.radial-chart[data-progress="93"] .circle .fill {
  animation: chart-93-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="93"] .circle .fill.fix {
  animation: chart-93-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="93"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-94-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(169.2deg);
  }
}
@keyframes chart-94-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(338.4deg);
  }
}
.radial-chart[data-progress="94"] .circle .mask.full,
.radial-chart[data-progress="94"] .circle .fill {
  animation: chart-94-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="94"] .circle .fill.fix {
  animation: chart-94-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="94"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-95-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(171deg);
  }
}
@keyframes chart-95-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(342deg);
  }
}
.radial-chart[data-progress="95"] .circle .mask.full,
.radial-chart[data-progress="95"] .circle .fill {
  animation: chart-95-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="95"] .circle .fill.fix {
  animation: chart-95-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="95"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-96-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(172.8deg);
  }
}
@keyframes chart-96-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(345.6deg);
  }
}
.radial-chart[data-progress="96"] .circle .mask.full,
.radial-chart[data-progress="96"] .circle .fill {
  animation: chart-96-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="96"] .circle .fill.fix {
  animation: chart-96-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="96"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-97-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(174.6deg);
  }
}
@keyframes chart-97-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(349.2deg);
  }
}
.radial-chart[data-progress="97"] .circle .mask.full,
.radial-chart[data-progress="97"] .circle .fill {
  animation: chart-97-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="97"] .circle .fill.fix {
  animation: chart-97-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="97"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-98-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(176.4deg);
  }
}
@keyframes chart-98-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(352.8deg);
  }
}
.radial-chart[data-progress="98"] .circle .mask.full,
.radial-chart[data-progress="98"] .circle .fill {
  animation: chart-98-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="98"] .circle .fill.fix {
  animation: chart-98-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="98"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-99-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(178.2deg);
  }
}
@keyframes chart-99-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(356.4deg);
  }
}
.radial-chart[data-progress="99"] .circle .mask.full,
.radial-chart[data-progress="99"] .circle .fill {
  animation: chart-99-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="99"] .circle .fill.fix {
  animation: chart-99-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="99"] .inset .inset-inner {
  opacity: 1;
}
@keyframes chart-100-fill {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes chart-100-fill-fix {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.radial-chart[data-progress="100"] .circle .mask.full,
.radial-chart[data-progress="100"] .circle .fill {
  animation: chart-100-fill 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="100"] .circle .fill.fix {
  animation: chart-100-fill-fix 1.2s ease-out 1 normal forwards;
}
.radial-chart[data-progress="100"] .inset .inset-inner {
  opacity: 1;
}

.saved-view-options {
  display: flex;
}
.saved-view-options .button.saved-view-button {
  padding: 0;
  margin-right: 3px;
  width: 30px;
  height: 30px;
  color: #808080;
  background-color: #e6e6e6;
}
.saved-view-options .button.saved-view-button [class^=icon-] {
  margin: 1px 0 0;
  font-size: 15px;
}
.saved-view-options .button.saved-view-button.filter-button.filter-on {
  border-radius: 2px 0 0 2px;
  margin: 0 0 1px 1px;
  height: 34px;
}
.saved-view-options .button.saved-view-button.display-settings, .saved-view-options .button.saved-view-button.share-settings, .saved-view-options .button.saved-view-button.ellipse {
  background-color: transparent;
}
.saved-view-options .button.saved-view-button.display-settings:hover, .saved-view-options .button.saved-view-button.display-settings:focus, .saved-view-options .button.saved-view-button.display-settings:active, .saved-view-options .button.saved-view-button.display-settings:active:hover, .saved-view-options .button.saved-view-button.share-settings:hover, .saved-view-options .button.saved-view-button.share-settings:focus, .saved-view-options .button.saved-view-button.share-settings:active, .saved-view-options .button.saved-view-button.share-settings:active:hover, .saved-view-options .button.saved-view-button.ellipse:hover, .saved-view-options .button.saved-view-button.ellipse:focus, .saved-view-options .button.saved-view-button.ellipse:active, .saved-view-options .button.saved-view-button.ellipse:active:hover {
  background-color: #efefef;
}
.saved-view-options .button.saved-view-button:hover, .saved-view-options .button.saved-view-button:focus, .saved-view-options .button.saved-view-button:active, .saved-view-options .button.saved-view-button:active:hover {
  color: #666666;
  background-color: #d9d9d9;
}
.saved-view-options.blog-calendar .saved-view-button {
  height: 26px;
  width: 26px;
  margin-left: 10px;
  margin-top: 2px;
}
.saved-view-options.advanced-search {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px;
}
.saved-view-options.advanced-search .search-box {
  box-sizing: border-box;
  height: 38px;
  border: 1px solid #e6e6e6;
  width: 100%;
  min-width: 170px;
  padding-left: 8px;
  justify-self: stretch;
}
.saved-view-options.advanced-search .filter-bar {
  margin: 0;
}
.saved-view-options.advanced-search .filter-bar .filter-group {
  padding: 1px;
  gap: 1px;
  margin: 0;
}
.saved-view-options.advanced-search .filter-bar .filter-group .saved-view-button {
  height: 34px;
  width: 34px;
  margin: 0;
}
.saved-view-options.advanced-search .filter-bar .filter-actions .button.small.clear-filters {
  margin-left: 0;
}
.saved-view-options.advanced-search .filter-bar button.flat.add-filter-button {
  padding: 7px 10px;
}
.saved-view-options.advanced-search .filter-bar .filter-item {
  margin: 0;
  border-radius: 3px;
}

.cos-basic-dropdown-content.saved-views-picker {
  max-height: 440px;
  min-width: 220px;
  overflow-y: auto;
}
.cos-basic-dropdown-content.saved-views-picker .dropdown-section-header {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
  padding: 0 13px;
  margin: 0;
}
.cos-basic-dropdown-content.saved-views-picker .cos-basic-dropdown-content-group {
  max-height: initial;
}
.cos-basic-dropdown-content.saved-views-picker .cos-basic-dropdown-content-group .group-label {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  display: block;
  margin-bottom: 9px;
  padding-left: 22px;
  color: #4d4d4d;
  text-transform: none;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section {
  border-bottom: 1px solid #e6e6e6;
  padding: 8px 0;
  max-height: initial;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option {
  position: relative;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  padding: 16px 13px 15px;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option .option-link {
  display: flex;
  align-items: center;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option .saved-view-name-dropdown {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option .saved-view-name-dropdown.default-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option .default-view {
  font-size: 10px;
  margin: 1px 10px 0 7px;
  color: #b3b3b3;
  font-style: italic;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-label {
  height: 15px;
  width: 15px;
  min-width: 15px;
  border-radius: 50%;
  margin-right: 8px;
  margin-top: -1px;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option .ellipsis-menu {
  z-index: 1;
  position: absolute;
  right: -2px;
  top: 0;
  padding: 5px;
  display: none;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option .ellipsis-menu:hover {
  background-color: #f1f1f1;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-selected-icon {
  padding-left: 5px;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option:hover .ellipsis-menu {
  display: block;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section .cos-basic-dropdown-content-option:hover .cos-basic-dropdown-content-option-selected-icon {
  visibility: hidden;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section.hidden-views .dropdown-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: none;
  cursor: pointer;
}
.cos-basic-dropdown-content.saved-views-picker .saved-views-section.hidden-views .dropdown-section-header span {
  font-size: 15px;
}
.cos-basic-dropdown-content.saved-views-picker .button.new-view-button {
  border-radius: 0;
  padding: 7px 10px;
}
.cos-basic-dropdown-content.saved-views-picker.view-settings .dropdown-section-header, .cos-basic-dropdown-content.saved-views-picker.share-menu .dropdown-section-header {
  padding: 0 0 3px;
}
.cos-basic-dropdown-content.saved-views-picker.view-settings .shared-view-notice, .cos-basic-dropdown-content.saved-views-picker.share-menu .shared-view-notice {
  font-size: 11px;
  color: #b3b3b3;
  font-style: italic;
  margin-bottom: 7px;
}
.cos-basic-dropdown-content.saved-views-picker.view-settings .shared-view-notice span, .cos-basic-dropdown-content.saved-views-picker.share-menu .shared-view-notice span {
  margin-right: 3px;
}
.cos-basic-dropdown-content.saved-views-picker.view-settings {
  padding: 10px 12px 0;
}
.cos-basic-dropdown-content.saved-views-picker.view-settings p {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 5px 0 3px;
}
.cos-basic-dropdown-content.saved-views-picker.view-settings .basic-picker {
  margin-bottom: 10px;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .cos-basic-dropdown-content-group {
  padding: 10px 12px;
  border-bottom: 1px solid #e6e6e6;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .cos-basic-dropdown-content-group.no-border {
  border: none;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu input[type=radio]:after {
  top: -5px;
  left: -1px;
  position: relative;
  color: #999999;
  background-color: #ffffff;
  content: "◯";
  display: inline-block;
  border: 2px solid #ffffff;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu input[type=radio]:checked:after {
  color: #d17760;
  content: "◉";
}
.cos-basic-dropdown-content.saved-views-picker.share-menu input[type=radio][disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .group-label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 0;
  margin: 1px 0 5px 8px;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .group-label[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .read-only-link {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  border-radius: 20px;
  padding: 5px;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .read-only-link span {
  margin: 5px;
  font-size: 12px;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .read-only-link p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  margin: 0;
  font-size: 13px;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .read-only-link .button.copied {
  color: #6ba066;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .button.text-link {
  color: #666666;
  font-size: 13px;
}
.cos-basic-dropdown-content.saved-views-picker.share-menu .button.text-link:hover {
  text-decoration: none;
  color: #4d4d4d;
}

.user-role {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.user-role .calendar-name {
  margin: 0;
}
.user-role .calendar-name span.dot {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  position: relative;
  top: 1px;
}
.user-role .dropdown-trigger {
  display: flex;
  align-items: center;
  background-color: transparent;
  padding: 5px 8px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  margin-left: 10px;
}
.user-role .dropdown-trigger:not(.disabled) {
  background-color: #f7f7f7;
}
.user-role .dropdown-trigger:not(.disabled):hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.user-role .dropdown-trigger h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.user-role .dropdown-trigger .role {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 5px 0 0;
}
.user-role .dropdown-trigger .role .user-role-icon:after {
  font-family: "CoS";
  content: "\e996";
  color: #62acc4;
  font-size: 16px;
}
.user-role .dropdown-trigger .role.owner .user-role-icon:after {
  content: "\e999";
  color: #c09853;
}
.user-role .dropdown-trigger .role.manager .user-role-icon:after {
  content: "\e998";
  color: #c09853;
}
.user-role .dropdown-trigger .role.admin .user-role-icon:after {
  content: "\e995";
  color: #c09853;
}
.user-role .dropdown-trigger .role.user .user-role-icon:after {
  content: "\e99a";
  color: #d17760;
}
.user-role .dropdown-trigger .role.guest .user-role-icon:after {
  content: "\e997";
  color: #62acc4;
}
.user-role .dropdown-trigger .role.custom .user-role-icon:after {
  content: "\e996";
  color: #62acc4;
}
.user-role .dropdown-trigger .role.no-access .user-role-icon:after {
  content: "\25d2";
  color: #d15451;
}

.permissions-access-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  max-width: 500px;
  grid-gap: 16px;
  margin-bottom: 20px;
}
.permissions-access-fields.smooth-contract {
  grid-template-columns: 1fr;
  transition: all 0.25s ease-in-out;
}
.permissions-access-fields .access-item {
  display: flex;
  align-items: center;
  position: relative;
}
.permissions-access-fields .access-item input.orange-checkbox:disabled + label {
  color: #999999;
}
.permissions-access-fields .access-item label {
  width: 300px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-top: 1px;
  color: #999999;
}
.permissions-access-fields .access-item .group-name .group-icon {
  background-color: #e9f0f4;
  border: 1px solid #c1cfd9;
  color: #666666;
  padding: 5px;
  font-size: 11px;
  border-radius: 50px;
  margin-right: 8px;
}
.permissions-access-fields .access-item .social-icon-wrapper {
  padding: 5px;
  background: #b3b3b3;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
}
.permissions-access-fields .access-item .social-icon-wrapper span {
  color: #ffffff;
  font-size: 11px;
}
.permissions-access-fields .access-item .social-icon-wrapper span.icon-youtube_social {
  background-color: #ff0000;
}
.permissions-access-fields .access-item .social-icon-wrapper span.icon-tiktok {
  background-color: #000000;
}
.permissions-access-fields button {
  width: -moz-fit-content;
  width: fit-content;
}

.social-content-access .toggle-container {
  transform: scale(0.75);
}
.social-content-access .toggle-container .toggle:disabled + label {
  cursor: not-allowed !important;
  opacity: 0.4;
}

.kanban-wrapper {
  height: calc(100vh - 93px);
  width: auto;
  padding: 0 0 0 5px;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  background: #ffffff;
  animation-name: fade-in;
  animation-duration: 0.3s;
}
.kanban-wrapper .kb-column-wrapper {
  display: flex;
  width: 100%;
  min-width: 1000px;
}

.kanban-column {
  height: calc(100% - 14px);
  min-width: calc(20vw - 25px);
  flex: 1 0 225px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 8px;
  margin: 1px 5px 0;
  overflow: hidden;
}
.kanban-column.is-dragging, .kanban-column.is-dropping {
  background-color: #ffffff !important;
  cursor: grabbing;
  box-shadow: 0 12px 25px -4px rgba(0, 0, 0, 0.5);
  z-index: 110;
}
.kanban-column.is-dragging .column-header:hover, .kanban-column.is-dropping .column-header:hover {
  cursor: grabbing;
}
.kanban-column .column-header {
  height: 42px;
  width: auto;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 10px 0 16px;
}
.kanban-column .column-header:hover {
  cursor: grab;
}
.kanban-column .column-header .icon-circle {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  margin-right: 8px;
}
.kanban-column .column-header .icon-circle.unlabeled {
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  display: flex;
}
.kanban-column .column-header .icon-circle.unlabeled:before {
  content: "X";
  color: #b3b3b3;
  font-size: 13px;
  padding: 5px;
}
.kanban-column .column-header .icon-circle.dark {
  height: 21px;
  width: 21px;
  border: 1px solid #b3b3b3;
}
.kanban-column .column-header img {
  height: 30px;
  margin-right: 8px;
}
.kanban-column .column-header .column-icon {
  font-size: 17px;
  color: #999999;
  margin-right: 8px;
}
.kanban-column .column-header .column-info {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: calc(100% - 45px);
}
.kanban-column .column-header .column-info .column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
  margin-right: 7px;
}
.kanban-column .column-header .column-info .column-stats {
  font-size: 12px;
  color: #b3b3b3;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.kanban-column .column-header.draft, .kanban-column .column-header.future, .kanban-column .column-header.publish, .kanban-column .column-header.idea {
  height: 42px;
  border-top: 1px solid #cccccc;
  position: relative;
  margin-top: 8px;
  padding: 4px 10px 0 16px;
  z-index: 0;
  border-radius: 0;
}
.kanban-column .column-header.draft:before, .kanban-column .column-header.future:before, .kanban-column .column-header.publish:before, .kanban-column .column-header.idea:before {
  content: "";
  position: absolute;
  top: -9px;
  left: 0;
  right: 0;
  bottom: 47px;
  background-color: transparent;
  z-index: -1;
}
.kanban-column .column-header.draft .column-title, .kanban-column .column-header.future .column-title, .kanban-column .column-header.publish .column-title, .kanban-column .column-header.idea .column-title {
  font-size: 15px;
}
.kanban-column .column-header.draft::before {
  background-color: #fdecac;
}
.kanban-column .column-header.publish::before {
  background-color: #e6e6e6;
}
.kanban-column .column-tools {
  display: flex;
  justify-content: flex-end;
  width: auto;
  position: absolute;
  right: 10px;
  top: 15px;
}
.kanban-column .column-tools .btn-shadow {
  font-size: 16px;
  visibility: hidden;
  border-radius: 6px;
  display: flex;
  padding: 8px 10px;
  height: auto;
  transition: none;
  margin: 0;
  color: #999999;
}
.kanban-column .column-tools .btn-shadow:hover, .kanban-column .column-tools .btn-shadow:focus {
  background-color: #f7f7f7;
  transition: all 0.2s ease;
  color: #666666;
}
.kanban-column .idea-tab-search {
  height: 30px;
  display: flex;
  margin: 4px 10px 8px;
  animation: top-fade-in 0.1s;
}
.kanban-column .idea-tab-search .search-input {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}
.kanban-column .idea-tab-search .search-input input {
  top: 0;
  left: 3px;
  width: 100%;
  margin: 0;
}
.kanban-column .idea-tab-search .btn-shadow {
  margin: 0 2px 0 4px;
  color: #999999;
}
.kanban-column .idea-tab-search .btn-shadow:hover, .kanban-column .idea-tab-search .btn-shadow:focus {
  color: #666666;
}
@keyframes top-fade-in {
  0% {
    margin-top: -20px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
.kanban-column .column-content {
  height: 100%;
}
.kanban-column .column-content .ember-sortable-js {
  padding: 4px 10px 10px;
  height: calc(100% - 60px);
  width: auto;
  overflow: auto;
}
.kanban-column:hover .column-tools {
  background-color: #ffffff;
}
.kanban-column:hover .column-tools .btn-shadow {
  visibility: visible;
}

.kanban-column > div {
  height: 100%;
}

.card {
  width: 100%;
  border: 2px solid #ffffff;
  color: #666666;
  background-color: var(--light-color);
  border-radius: 7px;
  margin-bottom: 5px;
  font-size: 13px;
  box-sizing: border-box;
  padding: 2px;
  position: relative;
}
.card p {
  margin: 0 2px 0 0;
}
.card .card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  padding: 1px 2px 3px 6px;
}
.card .card-inner {
  border-radius: 4px;
  background-color: var(--extra-light-color);
  padding: 6px 7px;
  display: flex;
  flex-flow: column;
  word-break: break-word;
  min-height: 20px;
}
.card .card-row {
  display: flex;
  align-items: center;
  min-height: 20px;
  flex-flow: wrap;
}
.card .card-icon {
  margin: 1px 4px 0 0;
  color: var(--extra-dark-color);
}
.card .card-icon i {
  font-size: 11px;
}
.card .card-type,
.card .card-social-name {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--extra-dark-color);
  margin-top: 1px;
  min-width: 15px;
  flex: 1;
}
.card .card-type p,
.card .card-social-name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.card .card-status {
  height: 20px;
  white-space: nowrap;
  flex: 0;
  align-items: center;
  text-align: right;
  padding: 0 0 0 3px;
  display: flex;
  max-width: calc(100% - 40px);
  color: #666666;
  border-radius: 10px;
}
.card .card-status :first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  padding-left: 1px;
  margin: 0;
}
.card .card-status :nth-child(2) {
  margin-left: 2px;
}
.card .card-status > p {
  margin-left: 3px;
}
.card .card-status:last-child {
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.card .card-status.draft {
  background-color: #fdecac;
  padding: 0 5px;
}
.card .card-status.idea {
  height: 18px;
  padding: 0 5px;
  margin: 1px 0;
  background-color: var(--light-color);
  border: 1px solid var(--dark-color);
}
.card .card-status.failed {
  background-color: #daa1a0;
  padding: 0 5px;
  color: #666666;
}
.card .card-title {
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  word-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.card .card-date-range {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
}
.card .card-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 11px;
  font-style: italic;
  color: #666666;
}
.card .card-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 12px;
  margin: 3px -1px 6px -1px;
  padding: 1px;
}
.card .card-label .icon-circle-full {
  margin-right: 3px;
  color: var(--primary-color);
}
.card .card-owner-row {
  flex-flow: nowrap;
  white-space: nowrap;
  min-height: initial;
}
.card .card-owner-img {
  border-radius: 10px;
  margin-right: 3px;
  height: 18px;
  width: 18px;
}
.card .card-owner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  color: #666666;
  position: relative;
  top: 1px;
  margin-right: auto;
}
.card .card-tasks {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding-left: 2px;
}
.card .card-tasks i {
  margin-right: 1px;
}
.card .card-tag-row {
  margin-top: 6px;
}
.card .card-tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: 20px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  border-radius: 10px;
  padding: 0 6px;
  background-color: rgba(0, 0, 0, 0.08);
  margin: 0 5px 3px 0;
}
.card .multical-row {
  font-size: 10px;
  margin-top: 2px;
  line-height: 12px;
  color: gray;
  min-height: initial;
}
.card .multical-row .icon-circle-full {
  font-size: 8px;
  margin-right: 3px;
}
.card .multical-row .calendar-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.card .open-in-new-tab-button.button.flat {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #999999;
}
.card .open-in-new-tab-button.button.flat:hover {
  color: #4d4d4d;
  background-color: transparent;
}
.card.card-hovered, .card.card-highlight, .card.gu-mirror {
  cursor: pointer;
  border: 2px solid var(--dark-color);
  opacity: 1;
}
.card.gu-mirror {
  cursor: grabbing;
}
.card.new-card-animation {
  transform: scale(0);
  animation: animate-card 250ms ease-in-out 0s 1 normal forwards;
}
@keyframes animate-card {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}

.column-inner .card.sortable-ghost,
.column-inner .card-expand-wrapper.sortable-ghost {
  display: block;
  position: relative;
  background-color: transparent;
  border: 2px dashed #999999;
  border-radius: 7px;
}
.column-inner .card.sortable-ghost .card,
.column-inner .card-expand-wrapper.sortable-ghost .card {
  background-color: transparent;
  border: none;
}
.column-inner .card.sortable-ghost .more-menu,
.column-inner .card-expand-wrapper.sortable-ghost .more-menu {
  display: none;
}
.column-inner .card.sortable-ghost .card-top,
.column-inner .card.sortable-ghost .card-inner,
.column-inner .card-expand-wrapper.sortable-ghost .card-top,
.column-inner .card-expand-wrapper.sortable-ghost .card-inner {
  visibility: hidden;
  opacity: 0;
}
.column-inner .no-results + .sortable-ghost {
  margin-top: -30px;
}

.calendar-tab-wrapper .card.past,
.project-tab-wrapper .card.past,
.idea-tab-wrapper .card.past,
.team-horizontal-wrapper .card.past,
.team-vertical-wrapper .card.past,
.mobile-calendar .card.past {
  color: #999999;
}
.calendar-tab-wrapper .card.past .card-status,
.calendar-tab-wrapper .card.past .card-date-range,
.calendar-tab-wrapper .card.past .card-title,
.calendar-tab-wrapper .card.past .card-description,
.calendar-tab-wrapper .card.past .card-label,
.calendar-tab-wrapper .card.past .card-owner,
.calendar-tab-wrapper .card.past .card-tag,
.calendar-tab-wrapper .card.past .card-social-text,
.calendar-tab-wrapper .card.past .card-social-attachment,
.project-tab-wrapper .card.past .card-status,
.project-tab-wrapper .card.past .card-date-range,
.project-tab-wrapper .card.past .card-title,
.project-tab-wrapper .card.past .card-description,
.project-tab-wrapper .card.past .card-label,
.project-tab-wrapper .card.past .card-owner,
.project-tab-wrapper .card.past .card-tag,
.project-tab-wrapper .card.past .card-social-text,
.project-tab-wrapper .card.past .card-social-attachment,
.idea-tab-wrapper .card.past .card-status,
.idea-tab-wrapper .card.past .card-date-range,
.idea-tab-wrapper .card.past .card-title,
.idea-tab-wrapper .card.past .card-description,
.idea-tab-wrapper .card.past .card-label,
.idea-tab-wrapper .card.past .card-owner,
.idea-tab-wrapper .card.past .card-tag,
.idea-tab-wrapper .card.past .card-social-text,
.idea-tab-wrapper .card.past .card-social-attachment,
.team-horizontal-wrapper .card.past .card-status,
.team-horizontal-wrapper .card.past .card-date-range,
.team-horizontal-wrapper .card.past .card-title,
.team-horizontal-wrapper .card.past .card-description,
.team-horizontal-wrapper .card.past .card-label,
.team-horizontal-wrapper .card.past .card-owner,
.team-horizontal-wrapper .card.past .card-tag,
.team-horizontal-wrapper .card.past .card-social-text,
.team-horizontal-wrapper .card.past .card-social-attachment,
.team-vertical-wrapper .card.past .card-status,
.team-vertical-wrapper .card.past .card-date-range,
.team-vertical-wrapper .card.past .card-title,
.team-vertical-wrapper .card.past .card-description,
.team-vertical-wrapper .card.past .card-label,
.team-vertical-wrapper .card.past .card-owner,
.team-vertical-wrapper .card.past .card-tag,
.team-vertical-wrapper .card.past .card-social-text,
.team-vertical-wrapper .card.past .card-social-attachment,
.mobile-calendar .card.past .card-status,
.mobile-calendar .card.past .card-date-range,
.mobile-calendar .card.past .card-title,
.mobile-calendar .card.past .card-description,
.mobile-calendar .card.past .card-label,
.mobile-calendar .card.past .card-owner,
.mobile-calendar .card.past .card-tag,
.mobile-calendar .card.past .card-social-text,
.mobile-calendar .card.past .card-social-attachment {
  color: #999999;
}
.calendar-tab-wrapper .card.past .card-social-pill,
.calendar-tab-wrapper .card.past .card-owner-img,
.project-tab-wrapper .card.past .card-social-pill,
.project-tab-wrapper .card.past .card-owner-img,
.idea-tab-wrapper .card.past .card-social-pill,
.idea-tab-wrapper .card.past .card-owner-img,
.team-horizontal-wrapper .card.past .card-social-pill,
.team-horizontal-wrapper .card.past .card-owner-img,
.team-vertical-wrapper .card.past .card-social-pill,
.team-vertical-wrapper .card.past .card-owner-img,
.mobile-calendar .card.past .card-social-pill,
.mobile-calendar .card.past .card-owner-img {
  opacity: 0.5;
}
.calendar-tab-wrapper .card.past .card-tasks.orange,
.project-tab-wrapper .card.past .card-tasks.orange,
.idea-tab-wrapper .card.past .card-tasks.orange,
.team-horizontal-wrapper .card.past .card-tasks.orange,
.team-vertical-wrapper .card.past .card-tasks.orange,
.mobile-calendar .card.past .card-tasks.orange {
  color: #e8bbaf;
}
.calendar-tab-wrapper .card.past .card-tasks.green,
.project-tab-wrapper .card.past .card-tasks.green,
.idea-tab-wrapper .card.past .card-tasks.green,
.team-horizontal-wrapper .card.past .card-tasks.green,
.team-vertical-wrapper .card.past .card-tasks.green,
.mobile-calendar .card.past .card-tasks.green {
  color: #a8c7a5;
}
.calendar-tab-wrapper .card.past .card-status,
.project-tab-wrapper .card.past .card-status,
.idea-tab-wrapper .card.past .card-status,
.team-horizontal-wrapper .card.past .card-status,
.team-vertical-wrapper .card.past .card-status,
.mobile-calendar .card.past .card-status {
  color: #999999;
}
.calendar-tab-wrapper .card.past .card-status.failed,
.project-tab-wrapper .card.past .card-status.failed,
.idea-tab-wrapper .card.past .card-status.failed,
.team-horizontal-wrapper .card.past .card-status.failed,
.team-vertical-wrapper .card.past .card-status.failed,
.mobile-calendar .card.past .card-status.failed {
  background-color: #e8c5c5;
}
.calendar-tab-wrapper .card.past .card-status.draft,
.project-tab-wrapper .card.past .card-status.draft,
.idea-tab-wrapper .card.past .card-status.draft,
.team-horizontal-wrapper .card.past .card-status.draft,
.team-vertical-wrapper .card.past .card-status.draft,
.mobile-calendar .card.past .card-status.draft {
  background-color: #fbf3db;
}
.calendar-tab-wrapper .card.past.card-highlight .card-status,
.calendar-tab-wrapper .card.past.card-highlight .card-date-range,
.calendar-tab-wrapper .card.past.card-highlight .card-title,
.calendar-tab-wrapper .card.past.card-highlight .card-description,
.calendar-tab-wrapper .card.past.card-highlight .card-label,
.calendar-tab-wrapper .card.past.card-highlight .card-owner,
.calendar-tab-wrapper .card.past.card-highlight .card-tag,
.calendar-tab-wrapper .card.past.card-highlight .card-social-text,
.calendar-tab-wrapper .card.past.card-highlight .card-social-attachment, .calendar-tab-wrapper .card.past.card-hovered .card-status,
.calendar-tab-wrapper .card.past.card-hovered .card-date-range,
.calendar-tab-wrapper .card.past.card-hovered .card-title,
.calendar-tab-wrapper .card.past.card-hovered .card-description,
.calendar-tab-wrapper .card.past.card-hovered .card-label,
.calendar-tab-wrapper .card.past.card-hovered .card-owner,
.calendar-tab-wrapper .card.past.card-hovered .card-tag,
.calendar-tab-wrapper .card.past.card-hovered .card-social-text,
.calendar-tab-wrapper .card.past.card-hovered .card-social-attachment,
.project-tab-wrapper .card.past.card-highlight .card-status,
.project-tab-wrapper .card.past.card-highlight .card-date-range,
.project-tab-wrapper .card.past.card-highlight .card-title,
.project-tab-wrapper .card.past.card-highlight .card-description,
.project-tab-wrapper .card.past.card-highlight .card-label,
.project-tab-wrapper .card.past.card-highlight .card-owner,
.project-tab-wrapper .card.past.card-highlight .card-tag,
.project-tab-wrapper .card.past.card-highlight .card-social-text,
.project-tab-wrapper .card.past.card-highlight .card-social-attachment,
.project-tab-wrapper .card.past.card-hovered .card-status,
.project-tab-wrapper .card.past.card-hovered .card-date-range,
.project-tab-wrapper .card.past.card-hovered .card-title,
.project-tab-wrapper .card.past.card-hovered .card-description,
.project-tab-wrapper .card.past.card-hovered .card-label,
.project-tab-wrapper .card.past.card-hovered .card-owner,
.project-tab-wrapper .card.past.card-hovered .card-tag,
.project-tab-wrapper .card.past.card-hovered .card-social-text,
.project-tab-wrapper .card.past.card-hovered .card-social-attachment,
.idea-tab-wrapper .card.past.card-highlight .card-status,
.idea-tab-wrapper .card.past.card-highlight .card-date-range,
.idea-tab-wrapper .card.past.card-highlight .card-title,
.idea-tab-wrapper .card.past.card-highlight .card-description,
.idea-tab-wrapper .card.past.card-highlight .card-label,
.idea-tab-wrapper .card.past.card-highlight .card-owner,
.idea-tab-wrapper .card.past.card-highlight .card-tag,
.idea-tab-wrapper .card.past.card-highlight .card-social-text,
.idea-tab-wrapper .card.past.card-highlight .card-social-attachment,
.idea-tab-wrapper .card.past.card-hovered .card-status,
.idea-tab-wrapper .card.past.card-hovered .card-date-range,
.idea-tab-wrapper .card.past.card-hovered .card-title,
.idea-tab-wrapper .card.past.card-hovered .card-description,
.idea-tab-wrapper .card.past.card-hovered .card-label,
.idea-tab-wrapper .card.past.card-hovered .card-owner,
.idea-tab-wrapper .card.past.card-hovered .card-tag,
.idea-tab-wrapper .card.past.card-hovered .card-social-text,
.idea-tab-wrapper .card.past.card-hovered .card-social-attachment,
.team-horizontal-wrapper .card.past.card-highlight .card-status,
.team-horizontal-wrapper .card.past.card-highlight .card-date-range,
.team-horizontal-wrapper .card.past.card-highlight .card-title,
.team-horizontal-wrapper .card.past.card-highlight .card-description,
.team-horizontal-wrapper .card.past.card-highlight .card-label,
.team-horizontal-wrapper .card.past.card-highlight .card-owner,
.team-horizontal-wrapper .card.past.card-highlight .card-tag,
.team-horizontal-wrapper .card.past.card-highlight .card-social-text,
.team-horizontal-wrapper .card.past.card-highlight .card-social-attachment,
.team-horizontal-wrapper .card.past.card-hovered .card-status,
.team-horizontal-wrapper .card.past.card-hovered .card-date-range,
.team-horizontal-wrapper .card.past.card-hovered .card-title,
.team-horizontal-wrapper .card.past.card-hovered .card-description,
.team-horizontal-wrapper .card.past.card-hovered .card-label,
.team-horizontal-wrapper .card.past.card-hovered .card-owner,
.team-horizontal-wrapper .card.past.card-hovered .card-tag,
.team-horizontal-wrapper .card.past.card-hovered .card-social-text,
.team-horizontal-wrapper .card.past.card-hovered .card-social-attachment,
.team-vertical-wrapper .card.past.card-highlight .card-status,
.team-vertical-wrapper .card.past.card-highlight .card-date-range,
.team-vertical-wrapper .card.past.card-highlight .card-title,
.team-vertical-wrapper .card.past.card-highlight .card-description,
.team-vertical-wrapper .card.past.card-highlight .card-label,
.team-vertical-wrapper .card.past.card-highlight .card-owner,
.team-vertical-wrapper .card.past.card-highlight .card-tag,
.team-vertical-wrapper .card.past.card-highlight .card-social-text,
.team-vertical-wrapper .card.past.card-highlight .card-social-attachment,
.team-vertical-wrapper .card.past.card-hovered .card-status,
.team-vertical-wrapper .card.past.card-hovered .card-date-range,
.team-vertical-wrapper .card.past.card-hovered .card-title,
.team-vertical-wrapper .card.past.card-hovered .card-description,
.team-vertical-wrapper .card.past.card-hovered .card-label,
.team-vertical-wrapper .card.past.card-hovered .card-owner,
.team-vertical-wrapper .card.past.card-hovered .card-tag,
.team-vertical-wrapper .card.past.card-hovered .card-social-text,
.team-vertical-wrapper .card.past.card-hovered .card-social-attachment,
.mobile-calendar .card.past.card-highlight .card-status,
.mobile-calendar .card.past.card-highlight .card-date-range,
.mobile-calendar .card.past.card-highlight .card-title,
.mobile-calendar .card.past.card-highlight .card-description,
.mobile-calendar .card.past.card-highlight .card-label,
.mobile-calendar .card.past.card-highlight .card-owner,
.mobile-calendar .card.past.card-highlight .card-tag,
.mobile-calendar .card.past.card-highlight .card-social-text,
.mobile-calendar .card.past.card-highlight .card-social-attachment,
.mobile-calendar .card.past.card-hovered .card-status,
.mobile-calendar .card.past.card-hovered .card-date-range,
.mobile-calendar .card.past.card-hovered .card-title,
.mobile-calendar .card.past.card-hovered .card-description,
.mobile-calendar .card.past.card-hovered .card-label,
.mobile-calendar .card.past.card-hovered .card-owner,
.mobile-calendar .card.past.card-hovered .card-tag,
.mobile-calendar .card.past.card-hovered .card-social-text,
.mobile-calendar .card.past.card-hovered .card-social-attachment {
  color: #666666;
}
.calendar-tab-wrapper .card.past.card-highlight .card-tasks.orange, .calendar-tab-wrapper .card.past.card-hovered .card-tasks.orange,
.project-tab-wrapper .card.past.card-highlight .card-tasks.orange,
.project-tab-wrapper .card.past.card-hovered .card-tasks.orange,
.idea-tab-wrapper .card.past.card-highlight .card-tasks.orange,
.idea-tab-wrapper .card.past.card-hovered .card-tasks.orange,
.team-horizontal-wrapper .card.past.card-highlight .card-tasks.orange,
.team-horizontal-wrapper .card.past.card-hovered .card-tasks.orange,
.team-vertical-wrapper .card.past.card-highlight .card-tasks.orange,
.team-vertical-wrapper .card.past.card-hovered .card-tasks.orange,
.mobile-calendar .card.past.card-highlight .card-tasks.orange,
.mobile-calendar .card.past.card-hovered .card-tasks.orange {
  color: #d17760;
}
.calendar-tab-wrapper .card.past.card-highlight .card-tasks.green, .calendar-tab-wrapper .card.past.card-hovered .card-tasks.green,
.project-tab-wrapper .card.past.card-highlight .card-tasks.green,
.project-tab-wrapper .card.past.card-hovered .card-tasks.green,
.idea-tab-wrapper .card.past.card-highlight .card-tasks.green,
.idea-tab-wrapper .card.past.card-hovered .card-tasks.green,
.team-horizontal-wrapper .card.past.card-highlight .card-tasks.green,
.team-horizontal-wrapper .card.past.card-hovered .card-tasks.green,
.team-vertical-wrapper .card.past.card-highlight .card-tasks.green,
.team-vertical-wrapper .card.past.card-hovered .card-tasks.green,
.mobile-calendar .card.past.card-highlight .card-tasks.green,
.mobile-calendar .card.past.card-hovered .card-tasks.green {
  color: #6ba066;
}
.calendar-tab-wrapper .card.past.card-highlight .card-social-pill,
.calendar-tab-wrapper .card.past.card-highlight .card-owner-img, .calendar-tab-wrapper .card.past.card-hovered .card-social-pill,
.calendar-tab-wrapper .card.past.card-hovered .card-owner-img,
.project-tab-wrapper .card.past.card-highlight .card-social-pill,
.project-tab-wrapper .card.past.card-highlight .card-owner-img,
.project-tab-wrapper .card.past.card-hovered .card-social-pill,
.project-tab-wrapper .card.past.card-hovered .card-owner-img,
.idea-tab-wrapper .card.past.card-highlight .card-social-pill,
.idea-tab-wrapper .card.past.card-highlight .card-owner-img,
.idea-tab-wrapper .card.past.card-hovered .card-social-pill,
.idea-tab-wrapper .card.past.card-hovered .card-owner-img,
.team-horizontal-wrapper .card.past.card-highlight .card-social-pill,
.team-horizontal-wrapper .card.past.card-highlight .card-owner-img,
.team-horizontal-wrapper .card.past.card-hovered .card-social-pill,
.team-horizontal-wrapper .card.past.card-hovered .card-owner-img,
.team-vertical-wrapper .card.past.card-highlight .card-social-pill,
.team-vertical-wrapper .card.past.card-highlight .card-owner-img,
.team-vertical-wrapper .card.past.card-hovered .card-social-pill,
.team-vertical-wrapper .card.past.card-hovered .card-owner-img,
.mobile-calendar .card.past.card-highlight .card-social-pill,
.mobile-calendar .card.past.card-highlight .card-owner-img,
.mobile-calendar .card.past.card-hovered .card-social-pill,
.mobile-calendar .card.past.card-hovered .card-owner-img {
  opacity: 1;
}
.calendar-tab-wrapper .card.past.card-highlight .card-status.failed, .calendar-tab-wrapper .card.past.card-hovered .card-status.failed,
.project-tab-wrapper .card.past.card-highlight .card-status.failed,
.project-tab-wrapper .card.past.card-hovered .card-status.failed,
.idea-tab-wrapper .card.past.card-highlight .card-status.failed,
.idea-tab-wrapper .card.past.card-hovered .card-status.failed,
.team-horizontal-wrapper .card.past.card-highlight .card-status.failed,
.team-horizontal-wrapper .card.past.card-hovered .card-status.failed,
.team-vertical-wrapper .card.past.card-highlight .card-status.failed,
.team-vertical-wrapper .card.past.card-hovered .card-status.failed,
.mobile-calendar .card.past.card-highlight .card-status.failed,
.mobile-calendar .card.past.card-hovered .card-status.failed {
  background-color: #daa1a0;
  color: #666666;
}

.calendar-drag-action .ember-sortable-js .sortable-ghost,
.calendar-tab-wrapper .ember-sortable-js .sortable-ghost,
.project-tab-wrapper .ember-sortable-js .sortable-ghost,
.team-horizontal-wrapper .ember-sortable-js .sortable-ghost,
.widget-column .ember-sortable-js .sortable-ghost,
.team-vertical-wrapper .ember-sortable-js .sortable-ghost {
  display: none;
}

.calendar-tab-wrapper .card.child-is-dragging,
.calendar-tab-wrapper .task-card.child-is-dragging,
.calendar-tab-wrapper .card-expand-wrapper.child-is-dragging,
.team-horizontal-wrapper .card.child-is-dragging,
.team-horizontal-wrapper .task-card.child-is-dragging,
.team-horizontal-wrapper .card-expand-wrapper.child-is-dragging,
.team-vertical-wrapper .card.child-is-dragging,
.team-vertical-wrapper .task-card.child-is-dragging,
.team-vertical-wrapper .card-expand-wrapper.child-is-dragging {
  display: none;
}

.skeleton-card .card-inner .skeleton, .skeleton-card .card-inner .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .skeleton-card .card-inner .file-preview {
  height: 15px;
  width: 100%;
}
.skeleton-card .card-inner .skeleton:nth-child(2), .skeleton-card .card-inner .file-attachment.processing .file-card .file-preview:nth-child(2), .file-attachment.processing .file-card .skeleton-card .card-inner .file-preview:nth-child(2) {
  max-width: 150px;
  margin-top: 5px;
}
.skeleton-card .card-inner .skeleton:nth-child(3), .skeleton-card .card-inner .file-attachment.processing .file-card .file-preview:nth-child(3), .file-attachment.processing .file-card .skeleton-card .card-inner .file-preview:nth-child(3) {
  max-width: 100px;
  margin-top: 5px;
}
.skeleton-card:hover {
  border: 2px solid #ffffff;
  cursor: initial;
}

.card-expand-wrapper {
  margin-bottom: 8px;
}
.card-expand-wrapper.expanded {
  height: 64px;
  position: relative;
  z-index: 11;
}
.card-expand-wrapper.expanded .message-card {
  position: absolute;
  z-index: 1;
}
.card-expand-wrapper.expanded .message-card .card-inner {
  flex-flow: column;
}
.card-expand-wrapper.expanded .message-card .card-social-text-row {
  flex-flow: column;
}
.card-expand-wrapper.expanded .message-card .card-social-text {
  white-space: normal;
}
.card-expand-wrapper.expanded .message-card .card-social-attachment {
  display: none;
}
.card-expand-wrapper.expanded .message-card .card-media {
  display: flex;
  max-height: initial;
}
.card-expand-wrapper.expanded .message-card .card-parent-name {
  display: block;
}
.card-expand-wrapper.gu-mirror {
  opacity: 1;
}

.message-card {
  margin-bottom: 0;
}
.message-card .card-top {
  padding-left: 3px;
}
.message-card .card-top .icon-placeholder {
  margin-left: 1px;
}
.message-card .card-status .icon-shuffle2 {
  color: var(--primary-color);
}
.message-card .card-social-text-row {
  display: flex;
  flex-flow: row;
  min-height: 15px;
}
.message-card .card-social-text-row .card-social-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  line-height: 16px;
  margin: 2px 0;
}
.message-card .card-social-text-row .card-social-attachment {
  font-size: 13px;
  height: 13px;
  margin: 4px 0 0 auto;
  padding-left: 2px;
}
.message-card .card-media {
  display: none;
  max-height: 0;
  overflow: hidden;
  text-align: center;
}
.message-card .card-media img {
  border-radius: 2px;
  margin: 3px 0;
  max-height: 200px;
}
.message-card .card-media .image {
  width: 100%;
}
.message-card .card-media .blank-image {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 30px 10px 10px;
  margin: 5px 0;
}
.message-card .card-media .blank-image p {
  font-size: 10px;
  color: #999999;
}
.message-card .card-media[class*=multi] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-height: 500px !important;
  padding-bottom: 5px;
}
.message-card .card-media[class*=multi] .image img {
  max-height: 300px;
}
.message-card .card-media[class*=multi] .image:nth-child(1) {
  width: 100%;
  max-height: 15vw;
  margin-bottom: 5px;
}
.message-card .card-media[class*=multi] .image:nth-child(1) img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.message-card .card-media[class*=multi] .image:nth-child(2), .message-card .card-media[class*=multi] .image:nth-child(3), .message-card .card-media[class*=multi] .image:nth-child(4), .message-card .card-media[class*=multi] .image:nth-child(5) {
  width: 2.5vw;
  height: 2.5vw;
}
@media only screen and (max-width: 1030px) {
  .message-card .card-media[class*=multi] .image:nth-child(2), .message-card .card-media[class*=multi] .image:nth-child(3), .message-card .card-media[class*=multi] .image:nth-child(4), .message-card .card-media[class*=multi] .image:nth-child(5) {
    min-width: 24px;
    min-height: 24px;
  }
}
.message-card .card-media[class*=multi] .image:nth-child(2) img, .message-card .card-media[class*=multi] .image:nth-child(3) img, .message-card .card-media[class*=multi] .image:nth-child(4) img, .message-card .card-media[class*=multi] .image:nth-child(5) img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.message-card .card-media[class*=multi] .image:nth-child(1n+6) {
  display: none;
}
.message-card .card-media[class*=multi] .image:nth-child(1) .blank-image {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.message-card .card-media[class*=multi] .image:nth-child(5):before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 15px;
  content: "+" attr(data-images);
  width: 2.5vw;
  height: 2.5vw;
  margin: 3px 0;
  border-radius: 2px;
}
@media only screen and (max-width: 1030px) {
  .message-card .card-media[class*=multi] .image:nth-child(5):before {
    min-width: 24px;
    min-height: 24px;
    font-size: 10px;
  }
}
.message-card .card-media[class*=multi] .image:nth-child(1n+2) .blank-image {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 3px 0;
  position: relative;
  display: flex;
  justify-content: center;
}
.message-card .card-media[class*=multi] .image:nth-child(1n+2) .blank-image .icon {
  font-size: 14px;
  height: 14px;
  align-self: center;
}
.message-card .card-media[class*=multi] .image:nth-child(1n+2) .blank-image .icon:before {
  position: absolute;
  font-size: 14px;
  transform: translateX(-50%);
}
.message-card .card-media[class*=multi] .image:nth-child(1n+2) .blank-image p {
  display: none;
}
.message-card .card-media.multi-2 .image:nth-child(1n+2), .message-card .card-media.multi-3 .image:nth-child(1n+2) {
  width: 49%;
}
.message-card .card-media.multi-4 .image:nth-child(1n+2) {
  width: 32%;
}
.message-card .card-media.multi-5 .image:nth-child(1n+2) {
  width: 24%;
}
.message-card .card-media.multi-many .image:nth-child(5) {
  position: relative;
}
.message-card .card-media.multi-many .image:nth-child(5):before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  width: 100%;
  height: 100%;
  content: "+" attr(data-images);
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin-top: 3px;
  border-radius: 2px;
}
.message-card .card-media.multi-many .image:nth-child(1n+6) {
  display: none;
}
.twitter .message-card .card-media.multi {
  display: none;
}
.message-card .card-media.twitter.multi-4 .image:nth-child(1n+2), .message-card .card-media.twitter.multi-5 .image:nth-child(1n+2), .message-card .card-media.twitter.multi-many .image:nth-child(1n+2) {
  width: 32%;
}
.message-card .card-media.twitter.multi-4 .image:nth-child(1n+5), .message-card .card-media.twitter.multi-5 .image:nth-child(1n+5), .message-card .card-media.twitter.multi-many .image:nth-child(1n+5) {
  display: none;
}
.message-card .card-media.linkedin .image:nth-child(1n+2), .message-card .card-media.linkedin_company .image:nth-child(1n+2), .message-card .card-media.pinterest .image:nth-child(1n+2), .message-card .card-media.tumblr .image:nth-child(1n+2) {
  display: none;
}
.message-card .card-parent-name {
  display: none;
  font-size: 11px;
  font-style: italic;
  color: #999999;
}
.message-card .card-parent-name i {
  margin-right: 3px;
}

.requeue-card .card-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: var(--dark-color);
  border: 1px dashed var(--primary-color);
  padding: 5px 6px;
}
.requeue-card .card-inner:hover {
  color: var(--extra-dark-color);
}
.requeue-card .card-inner .icon-circle-with-plus {
  line-height: 20px;
}

.item-pill.card-social-pill {
  height: 18px;
  border-radius: 14px;
  margin-right: 3px;
  z-index: initial;
}
.item-pill.card-social-pill .service-image {
  height: 18px;
  width: 18px;
}
.item-pill.card-social-pill .item-icon {
  font-size: 10px;
  background-color: transparent;
}
.item-pill.card-social-pill.has-image {
  min-width: 34px;
}
.item-pill.card-social-pill.has-image .item-icon {
  margin: 5px 6px 5px 2px;
}

.task-card {
  width: 100%;
  border: 2px solid #ffffff;
  background-color: transparent;
  border-radius: 5px;
  margin-bottom: 2px;
  font-size: 12px;
  padding: 6px 6px 2px;
  box-sizing: border-box;
}
.task-card .checkbox {
  margin: 0 3px 0 0;
  min-height: initial;
  display: block;
}
.task-card input.checkbox:not(:checked):disabled + label:before {
  background-color: transparent;
}
.task-card input.checkbox:not(:checked):disabled + label:before:hover {
  cursor: not-allowed;
}
.task-card .img-profile {
  margin-right: 3px;
  margin-top: -1px;
  height: 15px;
  pointer-events: none;
}
.task-card .task-inner .task-card-text {
  line-height: 15px;
  word-break: break-word;
}
.task-card .task-inner .card-parent-name {
  font-size: 11px;
  font-style: italic;
  color: #999999;
  display: none;
}
.task-card .task-inner .card-parent-name i {
  margin-right: 3px;
}
.task-card .task-inner .multical-row {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  font-size: 10px;
  margin-top: 2px;
  line-height: 12px;
  color: #999999;
  min-height: initial;
}
.task-card .task-inner .multical-row .icon-circle-full {
  font-size: 8px;
  margin-right: 3px;
}
.task-card .task-expand {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  margin: 0 -2px;
  color: #999999;
}
.task-card .task-expand i {
  margin: 0 5px;
  font-size: 10px;
}
.task-card .more-menu {
  top: 4px;
  z-index: 15;
}
.task-card.card-highlight {
  border-color: var(--dark-color);
}
.task-card.card-hovered {
  cursor: pointer;
  border-color: var(--dark-color);
  background-color: #ffffff;
}
.task-card.gu-mirror {
  opacity: 1;
}
.task-card.completed:not(.card-hovered) img {
  opacity: 0.5;
}
.task-card.completed:not(.card-hovered) .task-card-text {
  text-decoration: line-through;
  color: #999999;
}

.note-card {
  background-color: initial;
}
.note-card.gu-mirror, .note-card.card-hovered, .note-card.card-highlight {
  background-color: #ffffff;
}
.note-card .card-top {
  padding-bottom: 0;
}
.note-card .card-inner {
  padding: 0 5px;
  background-color: initial;
}
.note-card .item-actions {
  top: 5px;
}

.event-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 6px;
  border-radius: 40px;
  margin-bottom: 4px;
}
.event-card p {
  margin: 0;
  color: var(--extra-dark-color);
}
.event-card .event-container {
  display: flex;
  align-items: center;
  min-width: 0;
}
.event-card .event-container span {
  margin: 0 5px 0 2px;
  color: var(--extra-dark-color);
  line-height: 15px;
}
.event-card .event-container .event-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  top: 1px;
}
.event-card .event-time {
  flex-shrink: 0;
  margin-left: 2px;
  line-height: 15px;
}
.event-card .item-actions.more-menu {
  top: 1px;
}

.timeline-bar {
  display: flex;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  background-color: var(--light-color);
  border: 2px solid transparent;
  border-radius: 15px;
  margin: 2px -1px 5px;
  box-sizing: border-box;
}
.timeline-bar .contents {
  display: flex;
  align-items: center;
  width: 100%;
}
.timeline-bar i,
.timeline-bar .event-name {
  color: var(--extra-dark-color);
}
.timeline-bar i {
  margin-right: 4px;
}
.timeline-bar .event-name {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
  z-index: 1;
}
.timeline-bar.start:not(.sortable-drag) {
  border-radius: 15px 0 0 15px;
  margin-left: 8px;
}
.timeline-bar.start:not(.sortable-drag).timeline-hovered {
  cursor: pointer;
  border: 2px solid var(--dark-color);
  border-right: 0 solid transparent;
}
.timeline-bar.middle:not(.sortable-drag) {
  border-radius: 0;
}
.timeline-bar.middle:not(.sortable-drag).timeline-hovered {
  cursor: pointer;
  border: 2px solid var(--dark-color);
  border-right: 0 solid transparent;
  border-left: 0 solid transparent;
}
.timeline-bar.middle:not(.sortable-drag).timeline-hovered.middle-start {
  border-left: 2px solid transparent;
}
.timeline-bar.end:not(.sortable-drag) {
  border-radius: 0 15px 15px 0;
  margin-right: 8px;
}
.timeline-bar.end:not(.sortable-drag).timeline-hovered {
  cursor: pointer;
  border: 2px solid var(--dark-color);
  border-left: 0 solid transparent;
}
.timeline-bar.end:not(.sortable-drag).start {
  border-radius: 15px;
  margin: 2px 8px 3px;
}
.timeline-bar.middle:not(.middle-start):not(.sortable-drag) i,
.timeline-bar.middle:not(.middle-start):not(.sortable-drag) span,
.timeline-bar.middle:not(.middle-start):not(.sortable-drag) .event-name, .timeline-bar.end:not(.start):not(.sortable-drag):not(.first-day-and-end) i,
.timeline-bar.end:not(.start):not(.sortable-drag):not(.first-day-and-end) span,
.timeline-bar.end:not(.start):not(.sortable-drag):not(.first-day-and-end) .event-name {
  display: none;
}
.timeline-bar.gap {
  background-color: transparent;
  border-radius: 0;
}

.search-input {
  display: inline-block;
  line-height: 20px;
  margin: 0;
  box-sizing: border-box;
}
.search-input .search-box {
  padding: 4px 25px 4px 12px;
  background-color: transparent;
  border: none;
  font-size: 13px;
  color: #4d4d4d;
}
.search-input .btn-clear {
  position: absolute;
  top: 4px;
  right: 8px;
  z-index: 12;
  zoom: 1;
  color: #999999;
}
.search-input .btn-clear:hover {
  text-decoration: none;
  color: white;
}
.search-input .typing {
  position: absolute;
  top: 8px;
  right: 8px;
  animation: type-animation 1.5s ease infinite;
}
@keyframes type-animation {
  0% {
    color: #d17760;
  }
  50% {
    color: #eeccc3;
  }
  100% {
    color: #d17760;
  }
}
.search-input .loading-icon {
  position: absolute;
  top: 8px;
  right: 6px;
}
.search-input a.btn-clear {
  text-decoration: none;
}
.search-input a.btn-clear:focus {
  text-decoration: none;
}
.search-input a.btn-clear:hover span, .search-input a.btn-clear:focus span {
  color: #4d4d4d;
}

.schedule-search-dropdown {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  left: 50%;
  top: 40px;
  width: 250px;
  background-color: white;
  margin: 0 0 0 -125px;
  border: none;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  border-radius: 6px;
  z-index: 111111;
}
.schedule-search-dropdown .dropdown-posts-list {
  max-height: 55vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  transition: all 150ms ease;
  animation: dropdown-in 200ms ease forwards;
}
@keyframes dropdown-in {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 55vh;
  }
}
.schedule-search-dropdown .advanced-search {
  border-top: 1px solid #e6e6e6;
  padding: 2px 0;
}
.schedule-search-dropdown .advanced-search a.btn {
  color: #d17760;
}
.schedule-search-dropdown .advanced-search a.btn:hover {
  color: #bc6148;
}

.modal-body.search-modal {
  overflow: hidden;
  min-height: 345px;
  max-height: 75vh;
}
.modal-body.search-modal .search-input {
  border: solid #b3b3b3 1px;
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
}
.modal-body.search-modal .search-input .search-box {
  width: 100%;
  margin-bottom: 0;
  font-size: 20px;
  padding: 10px 30px 10px 12px;
  height: initial;
}
.modal-body.search-modal .search-input .loading-icon,
.modal-body.search-modal .search-input .typing {
  top: 30px;
  right: 28px;
}
.modal-body.search-modal .search-input .loading-icon:after,
.modal-body.search-modal .search-input .typing:after {
  background-color: white;
}
.modal-body.search-modal .search-input .btn-clear {
  visibility: hidden;
  opacity: 0;
  transition: all 150ms ease;
}
.modal-body.search-modal .search-input:hover .btn-clear {
  visibility: visible;
  opacity: 1;
}
.modal-body.search-modal .search-filter-option-wrapper {
  display: flex;
  justify-content: space-between;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option {
  width: 30%;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #f7f7f7;
  border-radius: 4px;
  width: 100%;
  height: 41px;
  text-align: left;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button:hover {
  background-color: #e6e6e6;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button-image, .modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button-icon, .modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button-label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  min-width: 25px;
  border-radius: 50%;
  margin-right: 5px;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button-label.no-label {
  background-color: #ffffff;
  border: 1px solid #999999;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button.filter-clear {
  width: 41px;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option-button.filter-clear span {
  font-size: 16px;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option .cos-basic-dropdown-trigger {
  height: 100%;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option .cos-basic-dropdown-trigger .icon-chevron-down {
  transform: rotate(0);
  transition: transform 150ms ease-out;
}
.modal-body.search-modal .search-filter-option-wrapper .search-filter-option .cos-basic-dropdown-trigger[aria-expanded=true] .icon-chevron-down {
  transform: rotate(180deg);
}
.modal-body.search-modal .options-container {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.modal-body.search-modal .options-container .project-type-select {
  margin-right: 10px;
}
.modal-body.search-modal .options-container .project-type-select,
.modal-body.search-modal .options-container .sort-select {
  justify-content: flex-start;
  flex-grow: 1;
  flex-basis: 0;
}
.modal-body.search-modal .options-container .project-type-select .drop-down-trigger,
.modal-body.search-modal .options-container .sort-select .drop-down-trigger {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #f7f7f7;
  height: 38px;
  border: initial;
}
.modal-body.search-modal .options-container .project-type-select .drop-down-trigger p,
.modal-body.search-modal .options-container .sort-select .drop-down-trigger p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 163px;
  margin: 0 0 0 4px;
}
.modal-body.search-modal .options-container .project-type-select .drop-down-trigger:hover,
.modal-body.search-modal .options-container .sort-select .drop-down-trigger:hover {
  background-color: #e6e6e6;
}
.modal-body.search-modal .options-container .btn-date-range {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 4px;
  padding: 8px 10px;
  justify-content: flex-start;
  flex-grow: 1;
  flex-basis: 0;
  font-size: 13px;
  color: #666666;
}
.modal-body.search-modal .options-container .btn-date-range:hover {
  box-shadow: none;
  background-color: #e6e6e6;
}
.modal-body.search-modal .options-container .date-range-picker {
  justify-content: flex-start;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 300px;
  display: flex;
  align-items: center;
  position: relative;
}
.modal-body.search-modal .options-container .date-range-picker .baremetrics-calendar {
  width: 100%;
}
.modal-body.search-modal .options-container .date-range-picker .dr-input {
  height: 38px;
  border-radius: 4px;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.modal-body.search-modal .options-container .date-range-picker .dr-selections {
  right: 0;
  left: 0;
}
.modal-body.search-modal .options-container .date-range-picker .dr-selections .dr-calendar {
  width: initial !important;
  left: 0;
  border-radius: 0 0 6px 6px;
}
.modal-body.search-modal .options-container .date-range-picker .reset-date {
  position: absolute;
  right: 10px;
  z-index: 5;
}
.modal-body.search-modal .options-container button.search-btn {
  justify-content: flex-start;
  flex-grow: 1;
  flex-basis: 0;
  padding: 5px 7px;
  font-size: 16px;
  border-bottom: none;
  border-radius: 4px;
}
.modal-body.search-modal .schedule-search-dropdown {
  position: relative;
  top: initial;
  left: auto;
  width: 100%;
  z-index: auto;
  box-shadow: none;
  margin: 10px 0 0;
}
.modal-body.search-modal .schedule-search-dropdown .dropdown-posts-list {
  overflow-y: auto;
  padding: 5px 0 0;
  animation: initial;
}
.modal-body.search-modal .schedule-search-dropdown .dropdown-posts-list .search-item:last-of-type {
  margin-bottom: 24px;
}

.client-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
.client-list.empty {
  padding: 80px 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.client-list.empty h3 {
  font-size: 22px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.client-list.empty p {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.client-list .client-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 225px;
  width: 225px;
  border-radius: 4px;
  position: relative;
  margin: 0 30px 30px 0;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
}
.client-list .client-card .menu {
  position: absolute;
  top: 10px;
  right: 5px;
}
.client-list .client-card .cos-basic-dropdown-content-group {
  overflow: hidden;
}
.client-list .client-card .icon-dots-three-vertical {
  opacity: 0;
  font-size: 20px;
  color: #999999;
}
.client-list .client-card .icon-dots-three-vertical.active {
  opacity: 1;
}
.client-list .client-card .dropdown-menu {
  top: -10px;
}
.client-list .client-card:hover {
  transition: all 0.25s ease-in;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
}
.client-list .client-card:hover .icon-dots-three-vertical {
  opacity: 1;
}
.client-list .client-card h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 175px;
}
.client-list .client-card .logo-wrapper {
  height: 125px;
  width: 125px;
  margin: 15px auto;
}
.client-list .client-card .logo-wrapper img {
  height: 125px;
  width: 125px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
}

.modal-container.add-client {
  position: relative;
}
.modal-container.add-client .modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.modal-container.add-client .confirm-message {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 15px 25px;
  box-shadow: 0 3px 17px rgba(0, 0, 0, 0.4);
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.modal-container.add-client .confirm-message .confirm-functions {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.modal-container.add-client .confirm-message .confirm-functions p {
  padding: 3px 6px;
  margin: 0 5px;
  border-radius: 4px;
}
.modal-container.add-client .confirm-message .confirm-functions p:hover {
  background-color: #f7f7f7;
}
.modal-container.add-client .confirm-message .confirm-functions .icon {
  margin: 0 5px;
  vertical-align: -2px;
}
.modal-container.add-client .confirm-message .confirm-functions .icon.cancel-button {
  position: relative !important;
  color: #d15451 !important;
  top: 0 !important;
  right: 0 !important;
}
.modal-container.add-client .confirm-message .confirm-functions .icon.icon-checkmark {
  color: #8ac884;
}
.modal-container.add-client .add-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 50px;
}
.modal-container.add-client .add-logo .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  flex-direction: column;
  width: 100%;
  height: 140px;
  border: 1px dashed #b3b3b3;
  border-radius: 4px;
}
.modal-container.add-client .add-logo .btn:hover {
  background-color: #f7f7f7;
}
.modal-container.add-client input {
  width: 77%;
}
.modal-container.add-client .logo-upload {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 20px 0;
  width: 60%;
  border-radius: 4px;
  cursor: pointer;
}
.modal-container.add-client .logo-upload img {
  width: 100px;
  height: auto;
  background-color: transparent;
}

.branding-list-container {
  margin-top: 40px;
}
.branding-list-container h3 {
  font-size: 22px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.branding-list-container .section-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  margin: 40px 0 18px;
  padding: 0 15px;
  height: 35px;
  color: #666666;
  border-bottom: 1px solid #cccccc;
}
.branding-list-container .section-header h4 {
  width: 100%;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.branding-list-container .column-title-wrapper {
  display: flex;
  margin-bottom: 5px;
  padding: 0 15px;
}
.branding-list-container .column-title-wrapper .column-name {
  font-weight: bold;
  width: 30%;
  color: #999999;
}
.branding-list-container .column-title-wrapper.reports .column-name {
  width: 22%;
}
.branding-list-container .branding-list-row {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.branding-list-container .branding-list-row .branding-item {
  display: flex;
  width: 30%;
}
.branding-list-container .branding-list-row .branding-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 75%;
}
.branding-list-container .branding-list-row.reports .branding-item {
  width: 22%;
}
.branding-list-container .branding-list-row .branding-actions {
  margin-left: auto;
  white-space: nowrap;
}
.branding-list-container .branding-list-row .branding-actions .icon-pencil,
.branding-list-container .branding-list-row .branding-actions .icon-share,
.branding-list-container .branding-list-row .branding-actions .icon-download {
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.branding-list-container .branding-list-row .branding-select-dropdown {
  width: 75%;
  margin-right: 5px;
}
.branding-list-container .branding-list-row .branding-select-dropdown button {
  width: 100%;
  border: 1px solid #b3b3b3;
  height: 30px;
  padding-top: 0;
  font-size: 14px;
}
.branding-list-container .branding-list-row .branding-select-dropdown button [class^=icon-chevron] {
  top: 9px;
}
.branding-list-container .branding-list-row .branding-select-dropdown button:hover, .branding-list-container .branding-list-row .branding-select-dropdown button:focus {
  border: 1px solid #999999;
}
.branding-list-container .branding-list-row .branding-select-dropdown .cos-dropdown {
  margin-bottom: 10px;
}
.branding-list-container .branding-list-row:hover {
  background-color: #f7f7f7;
}
.branding-list-container .branding-list-row:hover .branding-actions .icon-pencil,
.branding-list-container .branding-list-row:hover .branding-actions .icon-share,
.branding-list-container .branding-list-row:hover .branding-actions .icon-download {
  visibility: visible;
  opacity: 1;
}

.branding-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 23px);
  display: inline-block;
  padding: 3px 8px;
  border-radius: 15px;
}

.branding-settings {
  position: relative;
}
.branding-settings .tabs {
  display: flex;
  align-items: center;
}
.branding-settings .tabs .tab-option {
  margin-right: 25px;
  cursor: pointer;
}
.branding-settings .tabs .tab-option.active {
  font-size: 17.5px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-bottom: 2px solid #d17760;
}

.analytics .upgrade-fade {
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  display: block;
  position: absolute;
  top: 50px;
  left: 28%;
  right: 0;
  height: 130%;
  z-index: 150;
}
.analytics .upgrade-fade .upgrade-cta {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.analytics .upgrade-fade .upgrade-cta .wistia-video {
  width: 541px;
}
.analytics.upgrade {
  height: 100vh;
  line-height: 40px;
  overflow: hidden;
}
.analytics.attachment-inner {
  display: block;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 !important;
}
.analytics .section-title .icon {
  font-size: 20px;
  line-height: 40px;
}
.analytics a.content-chart-link a {
  color: #999999;
}
.analytics a.content-chart-link a:hover {
  color: #666666;
}
.analytics .content-analytics {
  display: flex;
  width: 100%;
  min-width: 450px;
  max-width: 1100px;
  margin: 0 auto;
  flex-flow: row wrap;
  justify-content: center;
}
.analytics .content-analytics .top-bar {
  width: 100%;
  margin: 7px 10px;
}
.analytics .content-analytics label {
  font-size: 11px;
}
.analytics .content-analytics .content-eng-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
.analytics .content-analytics .content-eng-wrapper .overall-engagement {
  width: 50%;
}
.analytics .content-analytics .content-eng-wrapper .overall-engagement .overall-engagement-chart {
  flex-grow: 2;
  justify-content: center;
}
.analytics .content-analytics .content-eng-wrapper .overall-engagement .overall-engagement-chart .highcharts-wrapper .chart-container .highcharts-container .highcharts-root .highcharts-title tspan {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  opacity: 0.75;
  color: #999999 !important;
}
.analytics .content-analytics .content-eng-wrapper .overall-engagement .overall-engagement-chart .highcharts-wrapper .chart-container .highcharts-container .highcharts-root .highcharts-axis tspan {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
}
.analytics .content-analytics .content-eng-wrapper .overall-engagement .overall-engagement-chart .highcharts-wrapper .chart-container .highcharts-container .highcharts-root .highcharts-axis text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
}
.analytics .content-analytics .content-eng-wrapper .overall-engagement .engagement-text-data {
  align-self: center;
  width: 250px;
  justify-content: center;
  text-align: center;
  padding: 0 4%;
}
.analytics .content-analytics .content-eng-wrapper .network-performance {
  width: 45%;
  flex-grow: 2;
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-self: flex-start;
  justify-self: center;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .highcharts-wrapper .chart-container .highcharts-container .highcharts-title {
  font-size: 16px;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .highcharts-wrapper .chart-container .highcharts-container .highcharts-title .network-title {
  margin-top: -8px;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .highcharts-wrapper .chart-container .highcharts-container .highcharts-root {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .network-stat {
  flex-grow: 0;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .content-eng-rollup {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  flex-wrap: wrap;
  color: #999999;
  font-size: 14px;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .content-eng-rollup p {
  color: #9fb0ce;
  font-weight: 500;
  display: inline-block;
  margin-right: 15px;
  margin-left: 5px;
  font-size: 14px;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .content-eng-rollup .messages-sent-rollup {
  display: inline-block;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .content-eng-rollup .total-eng-rollup {
  display: inline-block;
}
.analytics .content-analytics .content-eng-wrapper .network-performance .content-eng-rollup .engagement-eng-rollup {
  display: inline-block;
}
.analytics .content-analytics .analytics-empty {
  text-align: center;
  padding: 15px 60px 45px;
}
.analytics.settings .logo-container {
  width: 250px;
}
.analytics.settings .logo-container .company-logo-input {
  width: 100%;
  height: 200px;
  position: relative;
  margin-bottom: 30px;
}
.analytics.settings .logo-container .company-logo-input .btn.upload {
  height: 200px !important;
  width: 100% !important;
  padding: 0;
  display: flex;
  justify-content: center;
}
.analytics.settings .logo-container .company-logo-input .btn.upload input {
  height: 100% !important;
  width: 100% !important;
}
.analytics.settings .logo-container .company-logo-input .btn.upload span {
  align-self: center;
}
.analytics.settings .logo-container .company-logo-input .company-logo,
.analytics.settings .logo-container .company-logo-input .delete-overlay {
  display: none;
}
.analytics.settings .logo-container .company-logo-input.has-image {
  display: flex;
  justify-content: center;
}
.analytics.settings .logo-container .company-logo-input.has-image input.btn.upload {
  display: none;
}
.analytics.settings .logo-container .company-logo-input.has-image .company-logo {
  align-self: center;
  display: block;
  max-height: 200px;
}
.analytics.settings .logo-container .company-logo-input.has-image .delete-overlay {
  display: flex;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease;
}
.analytics.settings .logo-container .company-logo-input.has-image:hover .delete-overlay {
  opacity: 1;
}
.analytics.settings .company-name {
  width: 250px;
}
.analytics.settings table.scheduled-reports tbody tr td.subject {
  max-width: 250px;
}
.analytics.settings table.scheduled-reports tbody tr td .report-email.add-new {
  font-size: 10px;
  line-height: 20px;
  color: #999999;
  text-transform: uppercase;
  opacity: 0;
  margin-left: -10px;
  transition: opacity 0.25s ease-in-out;
}
.analytics.settings table.scheduled-reports tbody tr td .report-email.add-new .icon-plus-2 {
  font-size: 10px;
  line-height: 20px;
}
.analytics.settings table.scheduled-reports tbody tr td .report-email.add-new:hover {
  color: #4d4d4d;
  text-decoration: none;
}
.analytics.settings table.scheduled-reports tbody tr td.edit-btn button.btn-text {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.analytics.settings table.scheduled-reports tbody tr:hover td .report-email.add-new {
  opacity: 1;
  background-color: transparent;
}
.analytics.settings table.scheduled-reports tbody tr:hover td.edit-btn button.btn-text {
  opacity: 1;
}
.analytics.settings .back-to-reports-btn {
  position: relative;
  display: inline-block;
  float: right;
  margin-top: 70px;
}
.analytics .analytic-report {
  margin: 20px 30px 50px;
}
.analytics .analytic-report .insights-back {
  font-size: 13px;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  padding-left: 0;
  gap: 5px;
  color: var(--gray-6);
  border: initial;
  background: initial;
}
.analytics .analytic-report .insights-back .icon {
  font-size: 9px;
}
.analytics .analytic-report .insights-back:hover {
  background: initial;
}
.analytics .analytic-report .selected-insight {
  font-size: 20px;
}
.analytics .analytic-report-header {
  margin: 20px 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.analytics .dashboard .reports-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, 235px);
  grid-auto-rows: 210px;
  grid-gap: 24px;
}
.analytics .dashboard .reports-section .analytics-card {
  display: block;
  width: 235px;
  height: 210px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  overflow: hidden;
  transition: box-shadow 0.25s ease;
}
.analytics .dashboard .reports-section .analytics-card:hover {
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
}
.analytics .dashboard .reports-section .analytics-card .icon-banner {
  background-color: #e6e6e6;
  display: flex;
  width: 100%;
  height: 60px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.project-report {
  background-color: #62acc4;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.project-report:before {
  font-family: "CoS";
  content: "\e9c5";
  font-size: 34px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.team-performance {
  background-color: #d17760;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.team-performance:before {
  font-family: "CoS";
  content: "\e602";
  font-size: 36px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.social-engagement {
  background-color: #3c73ae;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.social-engagement:before {
  font-family: "CoS";
  content: "\e994";
  font-size: 32px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.social-campaign {
  background-color: #81bc7b;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.social-campaign:before {
  font-family: "CoS";
  content: "\e993";
  font-size: 40px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.top-messages {
  background-color: #f2c069;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.top-messages:before {
  font-family: "CoS";
  content: "\e986";
  font-size: 30px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.facebook-report {
  background-color: #3b5998;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.facebook-report:before {
  font-family: "CoS";
  content: "\eeef";
  font-size: 34px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.twitter-report {
  background-color: #2ca9e1;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.twitter-report:before {
  font-family: "CoS";
  content: "\eef5";
  font-size: 34px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.linkedin-report {
  background-color: #0073a5;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.linkedin-report:before {
  font-family: "CoS";
  content: "\ef29";
  font-size: 34px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.instagram-report {
  background-color: #e34061;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.instagram-report:before {
  font-family: "CoS";
  content: "\e934";
  font-size: 34px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.pinterest-report {
  background-color: #bd081c;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.pinterest-report:before {
  font-family: "CoS";
  content: "\ef31";
  font-size: 34px;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.marketing-campaign-report {
  background-color: #5b2d84;
}
.analytics .dashboard .reports-section .analytics-card .icon-banner.marketing-campaign-report:before {
  font-family: "CoS";
  content: "\e9dc";
  font-size: 34px;
}
.analytics .dashboard .reports-section .analytics-card .name,
.analytics .dashboard .reports-section .analytics-card .description {
  margin: 5px 18px 10px;
  color: #666666;
}
.analytics .dashboard .reports-section .analytics-card .name {
  font-size: 16px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 15px 18px 0;
}
.analytics .dashboard .reports-section.no-data {
  margin-top: 50px;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background-color: #f7f7f7;
  color: #999999;
  display: block;
}
.analytics .dashboard .reports-section.no-data .text {
  padding: 40px;
}
.analytics .report-export-dropdown {
  position: relative;
}
.analytics .report-export-dropdown.open ul.report-export-dropdown-menu {
  display: flex;
}
.analytics .report-export-dropdown button {
  border-radius: 0;
}
.analytics .report-export-dropdown ul.report-export-dropdown-menu {
  display: none;
  flex-direction: column;
  background-color: #ffffff;
  position: absolute;
  margin: 0;
  right: 0;
  z-index: 100;
  padding: 0;
  white-space: nowrap;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.analytics .report-export-dropdown ul.report-export-dropdown-menu li {
  padding: 0 !important;
  list-style: none;
}
.analytics .report-export-dropdown ul.report-export-dropdown-menu li button.btn.btn-text {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  width: 100%;
}
.analytics .report-export-dropdown ul.report-export-dropdown-menu li button.btn.btn-text:hover {
  background-color: #f7f7f7;
}
.analytics .analytics-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 20px;
  padding: 20% 0 50%;
}
.analytics .analytics-loader .loading-wrapper {
  text-align: center;
  border: none;
}
.analytics .baremetrics-calendar .dr-input {
  border-radius: 6px;
  border-color: #cccccc;
  height: 35px;
}
.analytics .baremetrics-calendar .dr-input .dr-dates .dr-date {
  font-size: 14px;
}
.analytics .baremetrics-calendar .dr-input .dr-presets {
  border-color: #cccccc;
}
.analytics .baremetrics-calendar .dr-preset-list {
  top: 0;
  left: 0;
  padding: 5px 0;
  box-shadow: 0 2px 25px -3px rgba(0, 0, 0, 0.4);
  z-index: 6;
}
.analytics .baremetrics-calendar .dr-preset-list .dr-list-item {
  border-bottom: none;
}
.analytics .cos-basic-dropdown-content .cos-basic-dropdown-content-option {
  height: 35px;
  font-size: 14px;
}
.analytics .cos-basic-dropdown-content .cos-basic-dropdown-content-option-icon {
  font-size: 13px;
  margin-right: 8px;
}
.analytics.report {
  padding-bottom: 100px;
  padding-right: 2%;
}
.analytics.report .report-title {
  margin-top: 10px;
}
.analytics.report a.select2-choice {
  padding: 0 8px;
}
.analytics.report .filter-contain .filtered-content .content-type-icon.icon,
.analytics.report .report-header .title .title-visual .item-icon.icon {
  font-family: "CoS";
}
.analytics.report .filter-contain .filtered-content .content-type-icon.icon.project:before,
.analytics.report .report-header .title .title-visual .item-icon.icon.project:before {
  content: "\e9dc";
}
.analytics.report .network-toggle button.btn {
  border: none;
  border-bottom: 2px solid #fff;
  box-shadow: none;
  transition: border-bottom 0.3s ease-in-out;
}
.analytics.report .network-toggle button.btn:hover {
  background-color: #fff;
  color: #d17760;
  border: none;
  box-shadow: none;
  border-bottom: 2px solid #fff;
}
.analytics.report .network-toggle button.btn:hover.facebook {
  color: #3b5998;
}
.analytics.report .network-toggle button.btn:hover.twitter {
  color: #2ca9e1;
}
.analytics.report .network-toggle button.btn:hover.pinterest {
  color: #bd081c;
}
.analytics.report .network-toggle button.btn:hover.instagram {
  color: #e34061;
}
.analytics.report .network-toggle button.btn.active {
  border-bottom: 2px solid #d17760;
  color: #d17760;
  background-color: #fff;
}
.analytics.report .network-toggle button.btn.active.facebook {
  color: #3b5998;
  border-bottom: 2px solid #3b5998;
}
.analytics.report .network-toggle button.btn.active.twitter {
  color: #2ca9e1;
  border-bottom: 2px solid #2ca9e1;
}
.analytics.report .network-toggle button.btn.active.pinterest {
  color: #bd081c;
  border-bottom: 2px solid #bd081c;
}
.analytics.report .network-toggle button.btn.active.instagram {
  color: #e34061;
  border-bottom: 2px solid #e34061;
}
.analytics.report .reports-section {
  margin-bottom: 50px;
}
.analytics.report .reports-section:last-of-type {
  margin-bottom: 0;
}
.analytics.report section {
  margin-bottom: 40px;
}
.analytics.report section:last-of-type {
  margin-bottom: 0px;
}
.analytics.report .no-data-modal button.btn-orange {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.analytics.report .report-options {
  display: flex;
  align-items: center;
  z-index: 1;
  width: 100%;
  height: 38px;
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
}
.analytics.report .report-options .baremetrics-calendar {
  max-width: 350px;
  display: inline-block;
}
.analytics.report .report-options .baremetrics-calendar.daterange .dr-input {
  height: 38px;
}
.analytics.report .report-options .baremetrics-calendar.daterange.disabled, .analytics.report .report-options .integration-modal .container.enabled .body .header .baremetrics-calendar.daterange.btn, .integration-modal .container.enabled .body .header .analytics.report .report-options .baremetrics-calendar.daterange.btn {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
.analytics.report .report-options .filter-contain {
  position: relative;
  z-index: 100;
  min-height: 38px;
  width: 300px;
  margin-left: 60px;
}
.analytics.report .report-options .filter-contain .icon-filter {
  position: absolute;
  left: -25px;
  line-height: 38px;
  display: inline-block;
  font-size: 20px;
  color: #b3b3b3;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper {
  display: inline-block;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .search-input {
  border-radius: 6px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  width: 300px;
  position: relative;
  padding: 0;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .search-input input.search-box {
  height: 36px;
  margin: 0;
  width: 100%;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .search-input a.btn-clear {
  line-height: 30px;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .search-input .typing {
  top: 9px;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .search-input .loading-icon {
  top: 10px;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .search-input .loading-icon:after {
  background-color: #ffffff;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .schedule-search-dropdown {
  width: 300px;
  top: auto !important;
  left: auto;
  margin: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .schedule-search-dropdown:before {
  border: none;
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .schedule-dropdown {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.analytics.report .report-options .filter-contain .filter-input-wrapper .schedule-dropdown p {
  margin-top: 0;
  margin-bottom: 0;
  color: #b3b3b3;
}
.analytics.report .report-options .filter-contain .filtered-content {
  width: 300px;
  height: 36px;
  display: flex;
  background: #403056;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background: #ffffff;
  position: absolute;
  color: #666666;
  transition: height 0.25s ease-out;
}
.analytics.report .report-options .filter-contain .filtered-content .calendar-color {
  width: 10px;
  height: 100%;
  display: flex;
}
.analytics.report .report-options .filter-contain .filtered-content .calendar-color.none {
  width: 0;
}
.analytics.report .report-options .filter-contain .filtered-content .content-type-icon {
  width: 40px;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
}
.analytics.report .report-options .filter-contain .filtered-content .content-title {
  display: flex;
  max-width: 215px;
  height: 36px;
}
.analytics.report .report-options .filter-contain .filtered-content .content-title .content-title-text {
  font-size: 14px;
  line-height: 16px;
  align-self: center;
  overflow: hidden;
  max-height: 32px;
}
.analytics.report .report-options .filter-contain .filtered-content button.btn-text.close-btn {
  position: absolute;
  height: 38px;
  width: 38px;
  right: 0;
  top: 0;
}
.analytics.report .report-options .filter-contain .filtered-content .content-details {
  position: absolute;
  top: 42px;
  width: 220px;
  left: 41px;
  color: #999999;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-out 0.4s;
}
.analytics.report .report-options .filter-contain .filtered-content .content-details .description {
  height: 40px;
  overflow: hidden;
}
.analytics.report .report-options .filter-contain .filtered-content .content-details .content-link {
  width: auto;
  color: #d17760;
  padding-left: 0;
}
.analytics.report .report-options .filter-contain .filtered-content .content-details .content-link .icon-link:after {
  content: " ";
}
.analytics.report .report-options .filter-contain .filtered-content .content-details .content-link:hover {
  color: #c55539;
}
.analytics.report .report-options .filter-contain .filtered-content:hover {
  height: 135px;
  box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.3);
}
.analytics.report .report-options .filter-contain .filtered-content:hover .content-details {
  visibility: visible;
  opacity: 1;
}
.analytics.report .report-options .filter-contain .filtered-content:hover.no-hover {
  height: 36px;
}
.analytics.report .report-options .filter-contain .filtered-content:hover.no-hover .content-details {
  visibility: hidden;
  opacity: 0;
}
.analytics.report .report-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 50px auto;
  align-items: center;
}
.analytics.report .report-header .title {
  margin-right: auto;
  display: flex;
  align-items: center;
}
.analytics.report .report-header .title .title-visual {
  background-color: #b3b3b3;
  height: 75px;
  width: 75px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-right: 15px;
  flex-shrink: 0;
}
.analytics.report .report-header .title .title-visual span.icon {
  font-size: 24px;
  color: #ffffff;
}
.analytics.report .report-header .title .title-visual img {
  height: auto;
  min-width: 100%;
  min-height: 100%;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.analytics.report .report-header .title h3 {
  flex-grow: 0;
  padding-right: 20px;
}
.analytics.report .report-header .statistic {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.analytics.report .report-header .statistic .rate {
  font-size: 100px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
}
.analytics.report .report-header .statistic .rate .ember-countup {
  min-width: 115px;
}
.analytics.report .report-header .statistic .main-statistic {
  display: flex;
  flex-direction: row;
}
.analytics.report .report-header .statistic .main-statistic .change {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  color: #999999;
}
.analytics.report .report-header .statistic .main-statistic .change .chevron.icon {
  font-family: "CoS";
}
.analytics.report .report-header .statistic .main-statistic .change .chevron.icon.up:before {
  content: "⌃";
  color: #6ba066;
}
.analytics.report .report-header .statistic .main-statistic .change .chevron.icon.down:before {
  content: "⌵";
  color: #963c3b;
}
.analytics.report .report-header.unfiltered {
  justify-content: center;
}
.analytics.report .report-header.unfiltered .title {
  display: none;
}
.analytics.report .report-header.unfiltered .statistic {
  margin: auto;
}
.analytics.report .parameter-container {
  display: flex;
  justify-content: center;
}
.analytics.report .parameter-container .header-parameter {
  border-right: 1px solid #e6e6e6;
  width: 100%;
}
.analytics.report .parameter-container .header-parameter:last-of-type {
  border-right: none;
}
.analytics .no-profiles-connected {
  z-index: 1;
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 50px;
  left: 0;
}
.analytics .no-profiles-connected .report-image {
  position: absolute;
  top: 0;
  z-index: -1;
  filter: blur(5px);
  opacity: 0.5;
}
.analytics.report span.rate {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.analytics.report .progress-bar {
  width: 100%;
  height: 15px;
  border-radius: 50px;
  background-color: #f7f7f7;
}
.analytics.report .progress-bar .completion {
  height: 15px;
  max-widows: 100%;
  min-width: 0%;
  border-radius: 50px;
  background-color: #b3b3b3;
}
.analytics.report .progress-bar .completion .percent {
  line-height: 15px;
  color: #fff;
  float: right;
  margin-right: 10px;
  font-size: 10px;
  font-weight: bold;
}
.analytics.report .progress-bar .completion .percent.is-10-or-less {
  margin-right: -30px;
  color: #999999 !important;
}
.analytics.report section .header-parameter.on-time {
  color: #62acc4;
}
.analytics.report section .header-parameter.after-due {
  color: #f1d47f;
}
.analytics.report section .header-parameter.overdue {
  color: #963c3b;
}
.analytics.report .content-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.analytics.report .content-container .content {
  border: 1px solid #e6e6e6;
  padding: 0 10px 10px;
  transition: all 0.35s ease;
  display: flex;
  flex-direction: column;
  margin: 0.5%;
  width: 100%;
}
@media only screen and (min-width: 1130px) {
  .analytics.report .content-container .content {
    max-width: 46.5%;
  }
}
.analytics.report .content-container .content:hover {
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.analytics.report .content-container .content .header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.analytics.report .content-container .content .header .text {
  display: block;
  position: relative;
}
.analytics.report .content-container .content .header .text span {
  display: block;
}
.analytics.report .content-container .content .header .text .title {
  max-width: 100%;
}
.analytics.report .content-container .content .header h3 {
  margin-left: auto;
  padding-left: 20px;
}
.analytics.report .content-container .content .progress-bar {
  bottom: 0;
  background-color: #f4d9d1;
}
.analytics.report .content-container .content .progress-bar .completion {
  background-color: #d17760;
}
.analytics.report .team-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.analytics.report .team-container .team-member {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border: 1px solid #e6e6e6;
  min-width: 345px;
  margin-bottom: 20px;
  flex-grow: 1;
  transition: all 0.35s ease;
  margin: 5px;
}
@media only screen and (min-width: 1130px) {
  .analytics.report .team-container .team-member {
    max-width: 46.5%;
  }
}
.analytics.report .team-container .team-member:hover {
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.analytics.report .team-container .team-member .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #666666;
}
.analytics.report .team-container .team-member .header .tm-image {
  background-color: #b3b3b3;
  height: 50px;
  width: 50px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-right: 10px;
  flex-shrink: 0;
}
.analytics.report .team-container .team-member .header .tm-image img {
  height: auto;
  min-width: 100%;
  min-height: 100%;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.analytics.report .team-container .team-member .statistics .stat {
  margin-bottom: 0;
  margin-top: 10px;
}
.analytics.report .team-container .team-member .statistics .stat .stat-head {
  display: flex;
  justify-content: space-between;
}
.analytics.report .team-container .team-member .statistics .stat:first-of-type {
  margin-top: 0;
}
.analytics.report .team-container .team-member .statistics .stat .on-time .progress-bar .completion {
  background-color: #62acc4;
}
.analytics.report .team-container .team-member .statistics .stat .after-due .progress-bar .completion {
  background-color: #f6e4ad;
}
.analytics.report .team-container .team-member .statistics .stat .after-due .progress-bar .completion span.percent {
  color: #c09853;
}
.analytics.report .team-container .team-member .statistics .stat .overdue .progress-bar .completion {
  background-color: #b94a48;
}
.analytics.report .individual-tasks {
  display: flex;
  justify-content: space-between;
}
.analytics.report .individual-tasks .task-container {
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
  color: #999999;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.analytics.report .individual-tasks .task-container .no-tasks {
  margin-top: 20px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.analytics.report .task {
  margin-bottom: 10px;
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: row;
  color: #666666;
}
.analytics.report .task .task-check {
  margin-right: 10px;
}
.analytics.report .task .task-check span.incomplete {
  background-color: fadeout(#ffffff, 20%);
}
.analytics.report .task .task-footer {
  color: #999999;
}
.analytics.report .task .task-footer .details {
  font-size: 10px;
  line-height: 1.2;
}
.analytics.report .task.on-time {
  background-color: #d1e7ee;
}
.analytics.report .task.on-time input[type=checkbox]:checked:after {
  background-color: #d1e7ee;
}
.analytics.report .task.after-due {
  background-color: #fef7de;
}
.analytics.report .task.after-due input[type=checkbox]:checked:after {
  background-color: #fef7de;
}
.analytics.report .task.overdue {
  background-color: #e3b7b7;
}
.analytics.report .task.overdue input[type=checkbox]:checked:after {
  background-color: #e3b7b7;
}
.analytics .social-network-report {
  min-height: 80vh;
  margin: auto;
  padding-top: 30px;
  width: 100%;
  padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
  box-sizing: content-box; /* So the width will be 100% + 17px */
}
.analytics .social-network-report .company-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.analytics .social-network-report .header {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 5px;
  margin-bottom: 20px;
}
.analytics .social-network-report .header .capsule {
  display: inline-block;
  background-color: #b3b3b3;
  color: white;
  border-radius: 10px;
  margin-left: 10px;
  padding: 0 10px;
  vertical-align: 5px;
}
.analytics .social-network-report .header .capsule h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  letter-spacing: 2.5px;
  font-size: 11px;
}
.analytics .social-network-report .report-settings-btn {
  position: absolute;
  right: 40px;
  top: 20px;
}
.analytics .social-network-report .report-settings-btn span {
  color: #d17760;
  margin-right: 5px;
}
.analytics .social-network-report .btn-orange {
  margin-left: 15px;
}
.analytics .social-network-report h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  color: #666666;
  text-align: center;
}
.analytics .social-network-report h2 {
  display: inline-block;
  font-size: 26px;
  color: #666666;
}
.analytics .social-network-report h2 span {
  display: inline-block;
  font-size: 28px;
  margin-right: 10px;
  vertical-align: -2px;
}
.analytics .social-network-report .report-dropdowns {
  align-items: center;
  width: 100%;
  position: relative;
  margin-bottom: 90px;
  display: grid;
  grid-template-columns: 1fr 1fr auto auto;
}
.analytics .social-network-report .report-dropdowns .button.flat {
  margin-right: 20px;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown {
  position: relative;
  background-color: white;
  z-index: 1;
  max-width: 300px;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown .profile-select {
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown .profile-select:hover {
  cursor: pointer;
  background-color: #f7f7f7;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown .profile-select:hover h3,
.analytics .social-network-report .report-dropdowns .cos-dropdown .profile-select:hover i {
  color: #4d4d4d;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown ul {
  overflow-x: hidden;
  margin: 0;
  padding: 5px 0;
  border-top: 1px solid #e6e6e6;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown .aj-dropdown {
  border-radius: 6px;
  box-shadow: 0 2px 25px -3px rgba(0, 0, 0, 0.4);
  margin-top: 2px;
  max-height: 300px;
  overflow-y: auto;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown .aj-dropdown-input {
  padding-left: 30px;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown li {
  list-style: none;
  width: 100%;
  padding: 5px;
  overflow-x: hidden;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown li.active {
  width: 380px;
  background-color: #f7f7f7;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown li:hover {
  cursor: pointer;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown .search {
  height: 30px;
  margin: 0;
  width: 264px;
  border: none;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown .icon-search {
  position: absolute;
  top: 12px;
  left: 10px;
  margin: auto;
  color: #b3b3b3;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker {
  position: absolute;
  width: 300px;
  top: 0;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group {
  display: flex;
  align-items: center;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image {
  position: relative;
  width: 50px;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image img {
  width: 40px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span {
  position: absolute;
  color: white;
  font-size: 10px;
  bottom: 0;
  right: 0;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span.circle2 {
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  width: 20px !important;
  height: 20px !important;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span.circle2.facebook, .analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span.circle2.facebook_page {
  background-color: #3b5998;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span.circle2.facebook_group {
  background-color: #3b5998;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span.circle2.twitter {
  background-color: #2ca9e1;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span.circle2.instagram {
  background-color: #e34061;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span.circle2.pinterest {
  background-color: #bd081c;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group .profile-image span.circle2.linkedin_company {
  background-color: #0073a5;
}
.analytics .social-network-report .report-dropdowns .cos-dropdown.network-profile-picker .profile-group h3 {
  margin-left: 15px;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  text-align: left;
}
.analytics .social-network-report .report-dropdowns .network-date-picker {
  margin-top: -25px;
  display: inline-block;
  margin-left: 325px;
  position: relative;
  width: 300px;
  margin-bottom: 0;
}
.analytics .social-network-report .report-dropdowns .network-date-picker .dr-preset-list {
  position: relative;
  float: right;
  width: 275px;
}
.analytics .social-network-report .report-dropdowns .network-date-picker .dr-list-item {
  border-bottom: 1px solid #e6e6e6;
  width: 275px;
}
.analytics .social-network-report .report-dropdowns .network-date-picker .dr-list-item:hover {
  background-color: #f7f7f7;
}
.analytics .social-network-report .requeue-summary {
  display: flex;
  flex-direction: column;
  width: calc(100% - 60px);
  background-color: #f7f7f7;
  padding: 30px;
  margin-bottom: 30px;
}
.analytics .social-network-report .requeue-summary .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.analytics .social-network-report .requeue-summary .content .content-container {
  width: 80%;
}
.analytics .social-network-report .requeue-summary .content .content-container .requeue-bar {
  display: inline-block;
  position: relative;
  background: #999999;
  width: 50%;
  height: 15px;
  margin-bottom: 15px;
}
.analytics .social-network-report .requeue-summary .content .content-container .requeue-bar .computed-requeue-bar {
  background: #8ac884;
  position: absolute;
  height: 15px;
}
.analytics .social-network-report .requeue-summary .content .content-container.circle-stats {
  width: 20%;
}
.analytics .social-network-report .requeue-summary .content .content-container.circle-stats .requeue-circle {
  height: 135px;
  max-width: 135px;
  border: 10px solid #8ac884;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.analytics .social-network-report .requeue-summary .content .content-container.circle-stats .requeue-circle h3 {
  font-size: 38px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 20px;
  text-align: center;
  vertical-align: 15px;
}
.analytics .social-network-report .requeue-summary .content .content-container.circle-stats .requeue-circle p {
  line-height: 14px;
  margin-top: -25px;
  text-align: center;
  vertical-align: 15px;
  font-size: 11px;
  color: #666666;
}
.analytics .social-network-report .requeue-summary h3 {
  text-align: left;
}
.analytics .social-network-report .requeue-summary p {
  color: #666666;
}
.analytics .social-network-report .requeue-summary span {
  color: #8ac884;
}
.analytics .social-network-report .circle2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.analytics .social-network-report .circle2 span {
  text-align: center;
  font-size: 40px;
  color: white;
}
.analytics .social-network-report .circle2.facebook {
  background-color: #3b5998;
}
.analytics .social-network-report .circle2.twitter {
  background-color: #2ca9e1;
}
.analytics .social-network-report .circle2.instagram {
  background-color: #e34061;
}
.analytics .social-network-report .circle2.pinterest {
  background-color: #bd081c;
}
.analytics .social-network-report .circle2.linkedin {
  background-color: #0073a5;
}
.analytics .social-network-report .capsule {
  display: inline-block;
  background-color: #b3b3b3;
  color: white;
  border-radius: 10px;
  margin-left: 10px;
  padding: 0 10px;
  vertical-align: 5px;
}
.analytics .social-network-report .capsule h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  letter-spacing: 2.5px;
  font-size: 11px;
}
.analytics .social-network-report .two-col-flex {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.analytics .social-network-report .two-col-flex .item {
  width: 50%;
}
.analytics .social-network-report .chart-wrapper {
  display: flex;
  flex-direction: row;
}
.analytics .social-network-report .impressions-data {
  margin-top: -45px;
}
.analytics .social-network-report .impressions-data .chart-container {
  float: left !important;
  padding-left: 15px;
  display: inline-block;
}
.analytics .social-network-report .impressions-data .total-impressions {
  display: flex;
  flex-direction: column;
}
.analytics .social-network-report .impressions-data .total-impressions h3 {
  text-align: left;
  margin-top: -5px;
}
.analytics .social-network-report .impressions-data .total-impressions p {
  font-size: 12px;
  color: #b3b3b3;
  margin-top: -15px;
}
.analytics .social-network-report .impressions-data .total-impressions .impressions-title {
  font-size: 32px !important;
  margin-left: 5px;
}
.analytics .social-network-report .impressions-data .total-impressions .impressions-title h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  color: #b3b3b3;
  margin-top: -5px;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend {
  position: relative;
  left: 50px;
  margin-top: 50px;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul {
  list-style: none;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li {
  line-height: 24px;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-text {
  font-style: italic;
  font-size: 11px;
  color: #b3b3b3;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.paid-circle.facebook {
  background-color: #718dc8;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.paid-circle.twitter {
  background-color: #85cdee;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.paid-circle.instagram {
  background-color: #f099ab;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.paid-circle.pinterest {
  background-color: #f6354a;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.paid-circle.linkedin {
  background-color: #0cb5ff;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.organic-circle.facebook {
  background-color: #3b5998;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.organic-circle.twitter {
  background-color: #2ca9e1;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.organic-circle.instagram {
  background-color: #e34061;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.organic-circle.pinterest {
  background-color: #bd081c;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.organic-circle.linkedin {
  background-color: #0073a5;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.viral-circle.facebook {
  background-color: #263961;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.viral-circle.twitter {
  background-color: #187ca9;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.viral-circle.instagram {
  background-color: #bb1b3c;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.viral-circle.pinterest {
  background-color: #740511;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.viral-circle.linkedin {
  background-color: #003e59;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.other-circle.facebook {
  background-color: #10182a;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.other-circle.twitter {
  background-color: #0e4b66;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.other-circle.instagram {
  background-color: #781226;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.other-circle.pinterest {
  background-color: #2a0206;
}
.analytics .social-network-report .impressions-data .total-impressions .pie-chart-impressions-legend ul li .legend-circle.other-circle.linkedin {
  background-color: #00080c;
}
.analytics .social-network-report .impressions-data .total-impressions .impressions-title {
  text-align: center;
  margin-top: 10px;
}
.analytics .social-network-report .impressions-data .impressions-table {
  position: relative;
  transform: scale(0.9);
}
.analytics .social-network-report .impressions-data .impressions-table .engagement-icon {
  vertical-align: -10px;
}
.analytics .social-network-report .impressions-data .impressions-table table {
  width: 75px;
}
.analytics .social-network-report .impressions-data .impressions-table p {
  width: 150px;
  top: 60px;
  right: 25px;
  font-style: italic;
  font-size: 12px;
  color: #b3b3b3;
}
.analytics .social-network-report .impressions-data .impressions-table table {
  position: absolute;
}
.analytics .social-network-report .impressions-data .impressions-table table tr td {
  margin-top: -15px;
  text-align: left;
  line-height: 35px;
  font-size: 11px;
  color: #999999;
}
.analytics .social-network-report .impressions-data .impressions-table table tr span {
  font-size: 12px;
  color: #b3b3b3;
  vertical-align: -7px;
  margin-right: 10px;
}
.analytics .social-network-report .impressions-data .impressions-rate-by-type .chart-container {
  margin-left: -150px;
}
.analytics .social-network-report .impressions-data .impressions-rate-by-type span {
  font-size: 16px;
  color: #999999;
}
.analytics .social-network-report .wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px;
}
.analytics .social-network-report .wrapper .date-range-helper p {
  position: relative;
  vertical-align: bottom;
  display: block;
  font-size: 12px;
  font-style: italic;
  color: #b3b3b3;
  text-align: center;
  margin-top: -60px;
}
.analytics .social-network-report .three-col-flex {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  height: 225px;
  width: 100%;
  background-color: #f7f7f7;
  margin-bottom: 20px;
}
.analytics .social-network-report .three-col-flex h3 {
  margin-bottom: 30px;
}
.analytics .social-network-report .three-col-flex.no-background {
  background-color: white;
}
.analytics .social-network-report .three-col-flex .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  margin-left: 20px;
}
.analytics .social-network-report .network-preview {
  margin-top: 20px;
  text-align: center;
}
.analytics .social-network-report .network-preview img {
  position: relative;
  z-index: -1;
  margin: 50px auto 0;
  width: 100%;
  filter: blur(5px);
  opacity: 0.3;
}
.analytics .social-network-report .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #f7f7f7;
  vertical-align: 1px;
}
.analytics .social-network-report .circle .values {
  font-size: 32px;
  line-height: 95px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  height: 100px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.analytics .social-network-report .circle .values.smaller-value {
  width: 100px;
  line-height: 20px;
  text-align: center;
  font-size: 22px;
}
.analytics .social-network-report .circle .values.smaller-value.best-message-to-post {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 18px;
  line-height: 12px;
}
.analytics .social-network-report .circle .values.smaller-value.best-message-to-post i {
  font-size: 32px;
  margin-left: 5px;
}
.analytics .social-network-report .circle .values.smaller-value.best-time-to-post {
  line-height: 25px;
}
.analytics .social-network-report .circle.facebook {
  background-color: #3b5998;
}
.analytics .social-network-report .circle.twitter {
  background-color: #2ca9e1;
}
.analytics .social-network-report .circle.instagram {
  background-color: #e34061;
}
.analytics .social-network-report .circle.pinterest {
  background-color: #bd081c;
}
.analytics .social-network-report .circle.linkedin {
  background-color: #0073a5;
}
.analytics .social-network-report .circle p {
  margin-top: 15px;
  font-size: 12px;
  color: #b3b3b3;
  font-style: italic;
}
.analytics .social-network-report .engagement-table {
  margin: 0 50px 50px;
}
.analytics .social-network-report .engagement-table h3 {
  text-align: left;
  width: 100%;
  margin: 10px 0;
}
.analytics .social-network-report .engagement-table table {
  width: calc(100% - 40px);
  margin: auto;
}
.analytics .social-network-report .engagement-table table th {
  text-align: left;
  padding-right: 30px;
  font-size: 11px;
  font-style: italic;
  color: #b3b3b3;
  font-weight: 500;
}
.analytics .social-network-report .engagement-table table tr {
  height: 40px;
}
.analytics .social-network-report .engagement-table table tr.border-bottom-engagement {
  border-bottom: 1px solid #e6e6e6;
}
.analytics .social-network-report .engagement-table table tr.border-bottom-engagement.highest-engagement {
  font-weight: 700;
}
.analytics .social-network-report .engagement-table table tr.totals-row {
  font-weight: bold;
  font-size: 18px;
}
.analytics .social-network-report .engagement-table table tr td {
  color: #666666;
  text-align: left;
  padding-left: 10px;
  margin-left: 20px;
  position: relative;
}
.analytics .social-network-report .engagement-table table tr td i {
  margin-right: 20px;
}
.analytics .social-network-report .engagement-table table tr td .total-engagement {
  text-align: left;
  width: 150px;
}
.analytics .social-network-report .engagement-table table tr td .percent-change {
  position: absolute;
  left: 55px;
  top: 8px;
  font-size: 10px;
}
.analytics .social-network-report .engagement-table table .post-type {
  width: 40%;
}
.analytics .social-network-report .engagement-table table .icon-star {
  color: #ffb04d;
  margin-left: -30px;
  margin-right: 13px;
}
.analytics .social-network-report .top-messages {
  background-color: #f7f7f7;
  padding: 15px;
  transition: min-height ease-in-out 0.5s;
}
.analytics .social-network-report .top-messages label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  color: #666666;
  text-align: left;
  text-transform: none;
  margin-bottom: 10px;
}
.analytics .social-network-report .top-messages .message-container {
  justify-content: center;
  align-items: flex-start;
}
.analytics .social-network-report .top-messages .message-container .individual-message {
  max-width: 48%;
  align-self: flex-start;
  flex-basis: 40%;
}
.analytics .social-network-report .top-messages .message-container .individual-message .message .opacity-50,
.analytics .social-network-report .top-messages .message-container .individual-message .message-statistics-container .opacity-50 {
  opacity: 1;
}
.analytics .social-network-report .top-messages .message-container .individual-message .message .message-statistic:hover,
.analytics .social-network-report .top-messages .message-container .individual-message .message-statistics-container .message-statistic:hover {
  cursor: initial !important;
}
.analytics .social-network-report .top-messages .message-container .individual-message .message .message-left-side .requeue-container,
.analytics .social-network-report .top-messages .message-container .individual-message .message-statistics-container .message-left-side .requeue-container {
  visibility: hidden;
}
.analytics .social-network-report .top-messages .message-container .individual-message .message .message-body .message-meta-row .start-discussion,
.analytics .social-network-report .top-messages .message-container .individual-message .message-statistics-container .message-body .message-meta-row .start-discussion {
  visibility: hidden;
}
.analytics .social-network-report .top-messages .message-container .individual-message .media .media-body .message-text {
  height: 55px;
  overflow: hidden;
}
.analytics .social-network-report .top-messages.top6 {
  min-height: 600px;
}
.analytics .social-network-report .top-messages.top10 {
  min-height: 1000px;
}
.analytics .social-network-report .top-messages.top20 {
  min-height: 2000px;
}
.analytics .social-network-report .top-messages.rows1 {
  min-height: 250px;
}
.analytics .social-network-report .top-messages.rows2 {
  min-height: 430px;
}
.analytics .social-network-report .top-messages.rows3 {
  min-height: 610px;
}
.analytics .social-network-report .top-messages.rows4 {
  min-height: 800px;
}
.analytics .social-network-report .top-messages.rows5 {
  min-height: 980px;
}
.analytics .social-network-report .top-messages.rows6 {
  min-height: 1150px;
}
.analytics .social-network-report .top-messages.rows7 {
  min-height: 1500px;
}
.analytics .social-network-report .top-messages.rows8 {
  min-height: 1680px;
}
.analytics .social-network-report .top-messages.rows9 {
  min-height: 1860px;
}
.analytics .social-network-report .top-messages.rows10 {
  min-height: 2040px;
}
.analytics .social-network-report .no-profiles-connected h3 {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.analytics .social-network-report .no-profiles-connected p {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.analytics .social-network-report .no-data {
  background-color: #f7f7f7;
  text-align: center;
  padding-bottom: 30px;
}
.analytics .social-network-report .no-data.service-reauth {
  width: 100%;
  margin-top: -50px;
}
.analytics .social-network-report .no-data h3 {
  line-height: 24px;
  padding-bottom: 15px;
  padding-top: 30px;
}
.analytics .social-network-report .no-data h3 .btn {
  margin: 0 auto;
}
.analytics .analytics-header-items {
  margin-top: -20px;
}
.analytics .social-campaign-report {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  min-width: 800px;
  min-height: 65vh;
  position: relative;
  display: block;
  padding-bottom: 50px;
}
.analytics .social-campaign-report .chosen-content {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 5px;
}
.analytics .social-campaign-report .chosen-content .result-title {
  left: 85px;
  display: inline-block;
  animation: 0.5s ease forwards selectionfade;
}
.analytics .social-campaign-report .chosen-content .result-title .result-title-text {
  width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
}
.analytics .social-campaign-report .chosen-content .icon-pencil {
  display: inline-block;
  color: #b3b3b3;
  position: relative;
  margin-left: auto;
  font-size: 14px;
}
.analytics .social-campaign-report .chosen-content .icon-pencil:hover {
  color: #999999;
}
.analytics .social-campaign-report .light-background {
  background-color: #f7f7f7;
}
.analytics .social-campaign-report .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fbf3db;
  height: 65px;
  border-radius: 4px;
}
.analytics .social-campaign-report .no-data p {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.analytics .social-campaign-report .compare-single-header {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
  color: #999999;
}
.analytics .social-campaign-report .bc-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  font-style: normal;
  max-width: 350px;
  margin-right: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.analytics .social-campaign-report .bc-title span {
  color: #b3b3b3;
  margin: 0 5px;
}
.analytics .social-campaign-report .bc-title.special-report-title {
  margin-left: 10px;
}
.analytics .social-campaign-report .bc-title.left-bump {
  margin-left: 15px;
}
.analytics .social-campaign-report .bc-title .color-label {
  display: inline-block;
  width: 3px;
  height: 20px;
  vertical-align: -3px;
}
.analytics .social-campaign-report .header h2 {
  font-weight: 100;
}
.analytics .social-campaign-report .comparison-flex {
  display: flex;
  background-color: #f7f7f7;
  padding: 30px 0;
  justify-content: space-between;
  width: 101%;
}
.analytics .social-campaign-report .comparison-flex.lgt-background {
  margin: 0;
}
.analytics .social-campaign-report .comparison-flex .bc-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #666666;
  width: 225px;
  margin-top: -15px;
}
.analytics .social-campaign-report .comparison-flex .tooltip-container {
  margin: -12px 0 0 -5px;
  position: absolute;
  display: inline-block;
}
.analytics .social-campaign-report .comparison-flex .campaign-engagements-comparison-chart {
  width: 33%;
  margin-left: 15px;
}
.analytics .social-campaign-report .comparison-flex .campaign-engagements-comparison-chart .bc-title {
  width: 180px;
  font-weight: 500;
  display: inline-block;
}
.analytics .social-campaign-report .comparison-flex .campaign-engagements-comparison-chart .bc-title.push-down {
  margin-top: -3px;
}
.analytics .social-campaign-report .comparison-flex .campaign-engagements-comparison-chart .tooltip-container {
  margin: 0 0 0 -10px;
}
.analytics .social-campaign-report .comparison-flex .campaign-engagements-comparison-chart .highcharts-wrapper .chart-container {
  width: 400px;
}
.analytics .social-campaign-report .comparison-flex .campaign-engagements-comparison-chart .highcharts-wrapper .chart-container .highcharts-container .highcharts-title {
  color: #666666 !important;
}
.analytics .social-campaign-report .comparison-flex .engagement-by-duration {
  margin-left: 80px;
  margin-top: 15px;
  width: 33%;
}
.analytics .social-campaign-report .comparison-flex .engagement-by-duration .bc-title {
  display: inline-block;
  width: 173px;
  font-weight: 500;
}
.analytics .social-campaign-report .comparison-flex .engagement-by-duration .bc-compare {
  display: inline-block;
}
.analytics .social-campaign-report .comparison-flex .engagement-by-duration .bc-compare.bc-label {
  font-weight: 700;
  font-size: 18px;
  padding-right: 15px;
}
.analytics .social-campaign-report .comparison-flex .engagement-by-duration .bc-compare.bc-duration {
  font-size: 18px;
}
.analytics .social-campaign-report .comparison-flex .engagement-by-duration .bc-compare.bc-start {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13.5px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  padding-left: 10px;
  color: #b3b3b3;
}
.analytics .social-campaign-report .comparison-flex .best-campaign-engagement {
  margin-top: 15px;
  margin-right: 30px;
  margin-left: 30px;
  width: 33%;
}
.analytics .social-campaign-report .comparison-flex .best-campaign-engagement .bc-title {
  display: inline-block;
  width: 200px;
  font-weight: 500;
}
.analytics .social-campaign-report .comparison-flex .best-campaign-engagement .best-circle {
  margin-left: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 125px;
  width: 125px;
  border-radius: 50%;
}
.analytics .social-campaign-report .comparison-flex .best-campaign-engagement .best-circle.best-a {
  background-color: #db8773;
}
.analytics .social-campaign-report .comparison-flex .best-campaign-engagement .best-circle.best-b {
  background-color: #9fb0ce;
}
.analytics .social-campaign-report .comparison-flex .best-campaign-engagement .best-circle.best-tie {
  background-color: #62acc4;
}
.analytics .social-campaign-report .comparison-flex .best-campaign-engagement .best-circle .best-letter {
  font-size: 58px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
}
.analytics .social-campaign-report .social-network-comparison-table {
  width: 100%;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social {
  text-align: center;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 0 0 5px 0;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.facebook {
  background-color: #3b5998;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.twitter {
  background-color: #2ca9e1;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.linkedin {
  background-color: #0073a5;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.instagram {
  background-color: #e34061;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.pinterest {
  background-color: #bd081c;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.tiktok {
  background-color: #000000;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.youtube {
  background-color: #ff0000;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.youtube_social {
  background-color: #ff0000;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.mastodon {
  background-color: #6364ff;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.google_my_business {
  background-color: #4989f5;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.bluesky {
  background-color: #1185fe;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.threads {
  background-color: #000000;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle .network-icon {
  vertical-align: -3px;
  margin-left: 1px;
  color: white;
}
.analytics .social-campaign-report .social-network-comparison-table .social-network-heads .table-header-social.title-width {
  width: 30%;
}
.analytics .social-campaign-report .social-network-comparison-table tr .td-center {
  text-align: center;
  width: 12%;
}
.analytics .social-campaign-report .social-network-comparison-table tr .td-center .eng-rate {
  display: inline-block;
  justify-content: center;
}
.analytics .social-campaign-report .social-network-comparison-table tr .td-center .percent-change {
  display: inline-block;
  font-size: 11px;
  vertical-align: 1px;
  color: #6ba066;
}
.analytics .social-campaign-report .social-network-comparison-table tr .td-center .icon-star {
  color: #f2c069;
}
.analytics .social-campaign-report .content-selection {
  margin-left: -17px;
  margin-top: 15px;
}
.analytics .social-campaign-report .content-selection .content-selection-dropdown {
  display: flex;
  background-color: white;
  margin-left: 15px;
  padding-bottom: 10px;
  position: relative;
  justify-content: flex-start;
  align-items: center;
}
.analytics .social-campaign-report .content-selection .content-selection-dropdown .parent-picker {
  display: flex;
  align-items: center;
  min-width: 30%;
  height: 55px;
  position: relative;
  z-index: 1;
}
.analytics .social-campaign-report .content-selection .content-selection-dropdown .parent-picker.push-left {
  margin-left: 30px;
}
.analytics .social-campaign-report .content-selection .content-selection-dropdown .parent-picker .icon-cross {
  margin-left: 15px;
  color: #b3b3b3;
  cursor: pointer;
}
.analytics .social-campaign-report .content-selection .content-selection-dropdown .parent-picker .icon-cross:hover {
  color: #999999;
}
.analytics .social-campaign-report .content-selection .content-selection-dropdown .parent-picker .icon-circle-with-plus {
  color: #b3b3b3;
  font-size: 22px;
  vertical-align: -3px;
  margin-right: 5px;
}
.analytics .social-campaign-report .content-selection .content-selection-dropdown .parent-picker h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-style: normal;
}
.analytics .social-campaign-report .section-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
}
.analytics .social-campaign-report .section-title.engagement-title {
  margin-left: 15px;
}
.analytics .social-campaign-report .description {
  color: #b3b3b3;
  margin-top: -10px;
}
.analytics .social-campaign-report .description.engagement-description {
  margin-left: 15px;
}
.analytics .social-campaign-report .tooltip-container .tooltip-right span,
.analytics .social-campaign-report .tooltip-container .tooltip-left span,
.analytics .social-campaign-report .tooltip-container .tooltip-top span {
  font-size: 14px;
  color: #b3b3b3;
  margin-left: 5px;
}
.analytics .social-campaign-report .tooltip-container .tooltip-right span :hover,
.analytics .social-campaign-report .tooltip-container .tooltip-left span :hover,
.analytics .social-campaign-report .tooltip-container .tooltip-top span :hover {
  cursor: pointer;
}
.analytics .social-campaign-report .ltg-background {
  background-color: #f7f7f7;
}
.analytics .social-campaign-report .engagement-rollup {
  margin-bottom: 20px;
  padding: 5px;
}
.analytics .social-campaign-report .engagement-rollup .section-title.engagement {
  margin-top: 35px;
  margin-bottom: 0;
}
.analytics .social-campaign-report .engagement-rollup .rollup-box h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  color: #999999;
}
.analytics .social-campaign-report .engagement-rollup .rollup-box .top-message-icon {
  display: block;
  font-size: 38px;
  color: #9fb0ce;
}
.analytics .social-campaign-report .engagement-rollup .rollup-box h2 {
  font-size: 60px;
  line-height: 60px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #9fb0ce;
}
.analytics .social-campaign-report .engagement-rollup .rollup-box .slide-down {
  margin-top: 15px;
  margin-bottom: -15px;
}
.analytics .social-campaign-report .engagement-rollup .rollup-box .sidenote {
  font-style: italic;
  font-size: 12px;
  margin-top: 15px;
  color: #999999;
}
.analytics .social-campaign-report .engagement-rollup .rollup-box .percent-change {
  margin-top: -8px;
}
.analytics .social-campaign-report .engagement-rollup .rollup-box .percent-change.positive {
  color: #6ba066;
}
.analytics .social-campaign-report .engagement-rollup .rollup-box .percent-change.negative {
  color: #d15451;
}
.analytics .social-campaign-report .four-col-flex {
  display: flex;
  width: 95%;
  height: 250px;
  justify-content: flex-start;
  padding-top: 30px;
  margin: 15px 0 0 30px;
}
.analytics .social-campaign-report .four-col-flex .item-1 {
  width: 22%;
  background-color: #ffffff;
  height: 200px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
  margin-right: 4%;
}
.analytics .social-campaign-report .four-col-flex .item-1 .top-message-icon {
  margin-top: 30px;
  font-size: 50px;
}
.analytics .social-campaign-report .four-col-flex .item-1 .item-up-down {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.analytics .social-campaign-report .four-col-flex .item-1 .item-up-down h2 {
  margin: 25px 0 0 10px;
  font-size: 72px;
}
.analytics .social-campaign-report .four-col-flex .item-1 .item-up-down .icon-chevron-down {
  color: #d15451;
}
.analytics .social-campaign-report .four-col-flex .item-1 .item-up-down .icon-chevron-up {
  color: #8ac884;
}
.analytics .social-campaign-report .four-col-flex .item-2 {
  width: 22%;
  background-color: #ffffff;
  height: 175px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
}
.analytics .social-campaign-report .four-col-flex .item-3 {
  width: 22%;
  background-color: #ffffff;
  height: 175px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
}
.analytics .social-campaign-report .four-col-flex .item-4 {
  width: 22%;
  background-color: #ffffff;
  height: 175px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
}
.analytics .social-campaign-report .engagement-growth {
  width: 100%;
  margin-top: 0;
}
.analytics .social-campaign-report .engagement-growth .cumulative-growth-chart {
  margin: 30px 0;
  padding: 0;
}
.analytics .social-campaign-report .engagement-growth .cumulative-growth-chart .highcharts-wrapper .chart-container .highcharts-container .highcharts-root .highcharts-legend {
  pointer-events: none;
}
.analytics .social-campaign-report .engagement-growth .report-separator {
  bottom-border: 1px solid #e6e6e6;
  margin-bottom: 30px;
  margin-top: 30px;
}
.analytics .social-campaign-report .engagement-rate-roadmap {
  margin: 20px 0;
  padding: 10px 20px;
}
.analytics .social-campaign-report .engagement-rate-roadmap .engagement-rate-chart {
  width: 90%;
  padding: 0;
  margin: 20px auto;
}
.analytics .social-campaign-report .engagement-rate-roadmap .engagement-rate-chart .highcharts-data-label {
  margin-top: 10px;
}
.analytics .social-campaign-report .engagement-rate-roadmap .engagement-rate-chart .highcharts-data-label i {
  margin-right: 5px;
}
.analytics .social-campaign-report .engagement-rate-roadmap .highcharts-container {
  margin: 0;
}
.analytics .social-campaign-report .engagement-rate-roadmap .highcharts-container .highcharts-root {
  overflow: visible !important;
}
.analytics .social-campaign-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last {
  font-weight: normal;
  height: 55px;
  width: 55px;
  margin-left: 75px;
}
.analytics .social-campaign-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last.highest {
  font-weight: bold;
}
.analytics .social-campaign-report .engagement-timeline-flex {
  display: flex;
  width: 98%;
  justify-content: center;
  padding-top: 30px;
  flex-wrap: wrap;
}
.analytics .social-campaign-report .engagement-timeline-flex .facebook-engagement {
  width: 49%;
}
.analytics .social-campaign-report .engagement-timeline-flex .twitter-engagement {
  width: 49%;
}
.analytics .social-campaign-report .engagement-timeline-flex .linkedin-engagement {
  width: 49%;
}
.analytics .social-campaign-report .engagement-timeline-flex .instagram-engagement {
  width: 49%;
}
.analytics .social-campaign-report .engagement-timeline-flex .pinterest-engagement {
  width: 49%;
}
.analytics .social-campaign-report .engagement-timeline-flex .engagement-rate-chart .highcharts-wrapper .chart-container .highcharts-container .highcharts-root .highcharts-axis-labels text tspan {
  font-size: 9px;
}
.analytics .social-campaign-report .engagement-by-interactions {
  height: 100%;
  padding: 10px 20px;
}
.analytics .social-campaign-report .engagement-by-interactions.ltg-background {
  padding-bottom: 100px;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex {
  display: flex;
  height: 100%;
  width: 98%;
  justify-content: center;
  flex-wrap: wrap;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring {
  position: relative;
  width: 400px;
  justify-content: center;
  flex-wrap: nowrap;
  z-index: 5;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  flex-wrap: wrap;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures {
  display: inline-block;
  line-height: 5px;
  justify-content: center;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures .icon-circle-full {
  font-size: 7px;
  vertical-align: 2px;
  margin-right: 5px;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures span {
  flex-direction: row;
  margin-left: 2px;
  margin-right: 2px;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures.sidenote {
  font-style: italic;
  font-size: 12px;
  color: #999999;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures.sidenote.mrg-t {
  margin-top: 20px;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data {
  position: absolute;
  top: 95px;
  left: 100px;
  height: 200px;
  width: 200px;
  z-index: 1;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 200px;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon {
  margin-top: 5px;
  font-size: 18px;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .sidenote-drk-gray {
  position: relative;
  margin-top: 10px;
  font-style: italic;
  font-size: 14px;
  color: #999999;
  justify-content: center;
  width: 200px;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper.engagement-totals {
  display: inline-block;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper h2 {
  font-size: 70px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  padding: 48px 0 13px 0;
  color: #9fb0ce;
  width: 200px;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper h2 .icon-star {
  position: absolute;
  left: 125px;
  font-size: 28px;
  color: #f7a700;
}
.analytics .social-campaign-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .percent-change {
  color: #6ba066;
  margin-top: -8px;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container {
  margin-bottom: 30px;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #666666 !important;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels span {
  z-index: -1;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .network-title {
  width: 150px;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .profile-img-ap {
  border-radius: 50%;
  width: 40px;
  margin-right: 10px;
  border: 2px solid #f7f7f7;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #f7f7f7;
  border-radius: 50%;
  margin-left: -20px;
  margin-right: 10px;
  border: 1px solid #e6e6e6;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container .service-icon {
  color: white;
  margin-left: 5px;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container span {
  vertical-align: -4px;
  font-size: 10px;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container.facebook, .analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container.facebook_page {
  background-color: #3b5998;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container.facebook_group {
  background-color: #3b5998;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container.twitter {
  background-color: #2ca9e1;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container.linkedin_company {
  background-color: #0073a5;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container.instagram {
  background-color: #e34061;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-axis-labels .service-container.pinterest {
  background-color: #bd081c;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-legend {
  pointer-events: none;
}
.analytics .social-campaign-report .account-performance .accounts .network-performance .chart-container .highcharts-container .highcharts-legend .highcharts-legend-box {
  background-color: red;
}
.analytics .social-campaign-report .top-messages {
  margin-top: 30px;
  padding: 20px 30px;
}
.analytics .social-campaign-report .top-messages .top-messages {
  background-color: #f7f7f7;
  padding: 15px;
  margin-top: -10px;
  transition: min-height ease-in-out 0.5s;
}
.analytics .social-campaign-report .top-messages .top-messages label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  color: #666666;
  text-align: left;
  text-transform: none;
  margin-bottom: 10px;
  display: none;
}
.analytics .social-campaign-report .top-messages .top-messages .message-container {
  justify-content: center;
  align-items: flex-start;
}
.analytics .social-campaign-report .top-messages .top-messages .message-container .individual-message {
  max-width: 40%;
  align-self: flex-start;
  flex-basis: 40%;
}
.analytics .social-campaign-report .top-messages .top-messages .message-container .individual-message .message .opacity-50,
.analytics .social-campaign-report .top-messages .top-messages .message-container .individual-message .message-statistics-container .opacity-50 {
  opacity: 1;
}
.analytics .social-campaign-report .top-messages .top-messages .message-container .individual-message .message .message-left-side .requeue-container,
.analytics .social-campaign-report .top-messages .top-messages .message-container .individual-message .message-statistics-container .message-left-side .requeue-container {
  visibility: hidden;
}
.analytics .social-campaign-report .top-messages .top-messages .message-container .individual-message .message .message-body .message-meta-row .start-discussion,
.analytics .social-campaign-report .top-messages .top-messages .message-container .individual-message .message-statistics-container .message-body .message-meta-row .start-discussion {
  visibility: hidden;
}
.analytics .social-campaign-report .top-messages .top-messages .message-container .individual-message .media .media-body .message-text {
  height: 55px;
  overflow: hidden;
}
.analytics .social-campaign-report .top-messages .top-messages.top6 {
  min-height: 600px;
}
.analytics .social-campaign-report .top-messages .top-messages.top10 {
  min-height: 1000px;
}
.analytics .social-campaign-report .top-messages .top-messages.top20 {
  min-height: 2000px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows1 {
  min-height: 250px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows2 {
  min-height: 430px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows3 {
  min-height: 610px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows4 {
  min-height: 800px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows5 {
  min-height: 980px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows6 {
  min-height: 1150px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows7 {
  min-height: 1500px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows8 {
  min-height: 1680px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows9 {
  min-height: 1860px;
}
.analytics .social-campaign-report .top-messages .top-messages.rows10 {
  min-height: 2040px;
}
.analytics .social-campaign-report .shares-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  flex-wrap: wrap;
}
.analytics .social-campaign-report .shares-flex span {
  display: inline-block;
}
.analytics .social-campaign-report .shares-flex p {
  display: inline-block;
}
.analytics .social-campaign-report .shares-flex .link-item {
  width: 100%;
  margin-left: 25px;
  display: block;
}
.analytics .social-campaign-report .shares-flex .link-item .link {
  display: inline-block;
  margin-right: 10px;
}
.analytics .social-campaign-report .shares-flex .link-item .link-btn {
  display: inline-block;
}
.analytics .social-campaign-report .shares-flex .item1 {
  width: 25%;
  margin-left: 25px;
}
.analytics .social-campaign-report .shares-flex .item1 img {
  width: 250px;
}
.analytics .social-campaign-report .shares-flex .item2 {
  width: 30%;
  margin-left: -30px;
}
.analytics .social-campaign-report .shares-flex .item3 {
  width: 20%;
  margin-left: 55px;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-total .large {
  display: inline-block;
  color: #9fb0ce;
  font-size: 18px;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-total .small {
  color: #9fb0ce;
  font-size: 15px;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-total .icon-row {
  display: inline-block;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-total .icon-row .icon-stats {
  color: #b3b3b3;
  margin-right: 10px;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-by-network {
  margin-top: 30px;
  width: 350px;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-by-network .network-stats {
  display: inline-block;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #999999;
  margin-right: 5px;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat.facebook {
  background-color: #3b5998 !important;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat.linkedin {
  background-color: #0073a5 !important;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat.pinterest {
  background-color: #bd081c !important;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat span {
  color: white;
  margin-left: 6px;
  margin-top: 5px;
}
.analytics .social-campaign-report .shares-flex .item3 .shares-by-network .network-stats .number-stat {
  color: #4d4d4d;
  display: inline-block;
  margin-right: 25px;
}
.analytics .social-campaign-report.top-messages-report {
  min-width: initial;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list {
  padding: 2px 22px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .loading-wrapper {
  margin-top: 15%;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .btn-outline {
  position: relative;
  left: 50%;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list p.no-messages {
  margin: auto;
  text-align: center;
  padding: 80px;
  color: #b3b3b3;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .top-messages-content {
  position: relative;
  top: 40px;
  z-index: 0;
  margin-bottom: 30px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list i {
  font-size: 14px;
  color: #b3b3b3;
  margin-left: 5px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding: 10px;
  align-items: center;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-left: -20px;
  text-align: center;
  padding-right: 30px;
  width: 11%;
  border-right: 1px solid #e6e6e6;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .sent-by-requeue {
  padding-top: 0;
  margin-top: 0;
  font-size: 11px;
  color: #b3b3b3;
  font-style: italic;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .stats-rollup {
  display: flex;
  align-items: center;
  justify-content: center;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .stats-rollup h3 {
  padding: 0;
  margin-top: 6px;
  font-size: 42px;
  font-weight: 300;
  color: #9fb0ce;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container {
  border: none;
  max-height: 30px;
  justify-content: center;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container .message-statistic {
  min-width: 45px;
  margin: 0 5px;
  padding: 2px 0;
  border: none;
  font-size: 10px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container .message-statistic:hover {
  cursor: initial;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container .message-statistic span {
  font-size: 10px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container .message-statistic .capitalize.opacity-50 {
  opacity: 1;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.facebook, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.twitter, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.linkedin, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.tumblr, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.pinterest, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.instagram {
  color: #9fb0ce;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.facebook .message-statistic, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.twitter .message-statistic, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.linkedin .message-statistic, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.tumblr .message-statistic, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.pinterest .message-statistic, .analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .stats .message-stats .message-statistics-container.instagram .message-statistic {
  color: #9fb0ce;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container {
  width: 84%;
  margin-left: 30px;
  margin-top: 15px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container {
  padding: 10px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container {
  color: #999999;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker {
  width: 250px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .cos-dropdown .requeue-dropdown,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .cos-dropdown .requeue-dropdown {
  overflow-x: hidden;
  width: 250px;
  box-sizing: border-box;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-status,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-status {
  position: absolute;
  left: 269px;
  bottom: 12px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text {
  margin-top: 6px;
  margin-left: 42px;
  color: #999999;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text .sending-limit-picker,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text .sending-limit-picker {
  display: inline-block;
  max-height: 21px;
  margin: 0 0 -2px;
  width: 88px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text .sending-limit-picker option,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text .sending-limit-picker option {
  font-size: 10px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .sent-requeue-actions,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .sent-requeue-actions {
  height: 50px;
  align-items: flex-end;
  margin-bottom: 9px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .sent-requeue-actions .btn-small,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-item .message-associated-list .requeue-container .requeue-content-container .requeue-content .sent-requeue-actions .btn-small {
  margin-right: 5px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list {
  border: none;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-statistics-container,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-statistics-container {
  display: none;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message:hover,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body:hover,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message:hover,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body:hover {
  cursor: pointer;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row {
  align-items: center;
  height: 15px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .icon-shuffle2,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .icon-shuffle2,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .icon-shuffle2,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .icon-shuffle2 {
  color: #8ac884;
  font-size: 12px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .add-sent-to-requeue,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .start-discussion,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .add-sent-to-requeue,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .start-discussion,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .add-sent-to-requeue,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .start-discussion,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .add-sent-to-requeue,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .start-discussion {
  display: flex;
  height: 20px;
  align-items: center;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .add-sent-to-requeue span,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .start-discussion span,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .add-sent-to-requeue span,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .start-discussion span,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .add-sent-to-requeue span,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .start-discussion span,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .add-sent-to-requeue span,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .start-discussion span {
  vertical-align: -1px;
  margin-right: 1px;
  font-size: 12px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .add-sent-to-requeue span:icon-circle-with-plus,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .start-discussion span:icon-circle-with-plus,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .add-sent-to-requeue span:icon-circle-with-plus,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .start-discussion span:icon-circle-with-plus,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .add-sent-to-requeue span:icon-circle-with-plus,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .start-discussion span:icon-circle-with-plus,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .add-sent-to-requeue span:icon-circle-with-plus,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .start-discussion span:icon-circle-with-plus {
  color: #8ac884;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .tooltip-small .tooltip-text,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .tooltip-small .tooltip-text,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .tooltip-small .tooltip-text,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .tooltip-small .tooltip-text {
  color: #999999;
  font-size: 11px;
  margin-bottom: -5px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-meta-row .tooltip-small .tooltip-text:hover,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-meta-row .tooltip-small .tooltip-text:hover,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-meta-row .tooltip-small .tooltip-text:hover,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-meta-row .tooltip-small .tooltip-text:hover {
  cursor: pointer;
  text-decoration: none;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .start-discussion,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .start-discussion,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .start-discussion,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .start-discussion {
  display: none;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-error-row .alert.alert-warning .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-error-row .alert.alert-warning .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-error-row .alert.alert-warning .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-error-row .alert.alert-warning .alert-icon {
  font-size: 12px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-error-row .alert.alert-warning .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-error-row .alert.alert-warning .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-error-row .alert.alert-warning .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-error-row .alert.alert-warning .alert-icon.icon-warning {
  color: #c09853;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-error-row .alert.alert-warn .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-error-row .alert.alert-warn .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-error-row .alert.alert-warn .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-error-row .alert.alert-warn .alert-icon {
  font-size: 12px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-error-row .alert.alert-warn .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-error-row .alert.alert-warn .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-error-row .alert.alert-warn .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-error-row .alert.alert-warn .alert-icon.icon-warning {
  color: #c09853;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-error-row .alert.alert-danger .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-error-row .alert.alert-danger .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-error-row .alert.alert-danger .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-error-row .alert.alert-danger .alert-icon {
  font-size: 12px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .message-error-row .alert.alert-danger .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-body .message-error-row .alert.alert-danger .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .message-error-row .alert.alert-danger .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-body .message-error-row .alert.alert-danger .alert-icon.icon-warning {
  color: #b94a48;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message .item-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-top-row .item-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-profile .item-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list .message-service-icon .item-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message .item-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-top-row .item-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-profile .item-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list .message-service-icon .item-icon {
  margin-left: 0;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list.message-sent .message,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list.message-sent .message {
  opacity: 1;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list.message-sent .message .message-body .message-error-row .alert.alert-warn .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list.message-sent .message .message-body .message-error-row .alert.alert-warn .alert-icon {
  font-size: 12px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list.message-sent .message .message-body .message-error-row .alert.alert-warn .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list.message-sent .message .message-body .message-error-row .alert.alert-warn .alert-icon.icon-warning {
  color: #c09853 !important;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list.message-sent .message .message-body .message-error-row .alert.alert-danger .alert-icon,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list.message-sent .message .message-body .message-error-row .alert.alert-danger .alert-icon {
  font-size: 12px;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list.message-sent .message .message-body .message-error-row .alert.alert-danger .alert-icon.icon-warning,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list.message-sent .message .message-body .message-error-row .alert.alert-danger .alert-icon.icon-warning {
  color: #b94a48;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list.message-sent .message .message-body .start-discussion,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list.message-sent .message .message-body .start-discussion {
  display: none;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list.message-sent .message-discussion,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list.message-sent .message-discussion {
  display: none !important;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list.message-sent .targeting-preview,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list.message-sent .targeting-preview {
  display: none !important;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-messages-content .message-associated-list:hover,
.analytics .social-campaign-report.top-messages-report .top-messages-list .message-flex .top-message-container .top-message-content .message-associated-list:hover {
  box-shadow: 1px 1px 5px #999999;
  cursor: pointer;
  transition: all 100ms ease-out;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .modal-scroll .add-remove-requeue {
  margin-top: 10px;
  width: 100%;
  display: flex;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .modal-scroll .add-remove-requeue p .icon-circle-with-plus {
  font-size: 16px;
  vertical-align: -2px;
  color: #8ac884;
  margin: 0;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .modal-scroll .add-remove-requeue p .icon-circle-with-minus {
  font-size: 16px;
  vertical-align: -2px;
  color: #b3b3b3;
  margin: 0;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .modal-scroll .add-remove-requeue .toggle-container {
  opacity: 0.2;
}
.analytics .social-campaign-report.top-messages-report .top-messages-list .modal-scroll .sent-interactions-ribbon {
  display: none;
}
.analytics .project-campaign-report {
  position: relative;
}
.analytics .project-campaign-report .react-project-report {
  height: calc(100vh - 115px);
  width: 100%;
  overflow: hidden;
  border: 0;
}
.analytics .project-campaign-report .react-project-report body {
  overflow: hidden;
}
.analytics .project-campaign-report .report-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 10px 10px 5px;
}
.analytics .project-campaign-report .report-options h3 {
  margin: 0;
  font-size: 20px;
  color: #4d4d4d;
}
.analytics .project-campaign-report .project-campaign-report-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 10vh;
}
.analytics .project-campaign-report .project-campaign-report-empty .icon {
  font-size: 50px;
  margin-bottom: 20px;
  color: #999999;
}
.analytics .project-campaign-report .project-campaign-report-empty p {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  width: 37vw;
  text-align: center;
  line-height: 24px;
  margin-bottom: 80px;
}
.analytics .project-campaign-report .project-campaign-report-empty h4 {
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 25px;
  color: #4d4d4d;
}
.analytics .project-campaign-report .project-campaign-report-empty .project-campaign-report-examples {
  width: 65vw;
  margin-right: -10px;
  text-align: center;
}
.analytics .project-campaign-report .project-campaign-report-empty .project-campaign-report-examples button {
  font-size: 14px;
  background-color: #ffffff;
  color: #999999;
  border-radius: 50px;
  padding: 9px 13px;
  margin: 0 10px 20px 0;
  border: 1px solid #cccccc;
}
.analytics .project-campaign-report .project-campaign-report-empty .project-campaign-report-examples button .icon-chevron-right {
  font-size: 11px;
  margin-right: 5px;
}
.analytics .project-campaign-report .project-campaign-report-empty .project-campaign-report-examples button:hover {
  color: #666666;
  background-color: #f7f7f7;
}
.analytics .project-campaign-report .project-campaign-report-table table th.lt-column {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: 30px;
  color: #999999;
  text-transform: uppercase;
  padding: 0 5px;
  border-bottom: 1px solid #cccccc;
}
.analytics .project-campaign-report .project-campaign-report-table table th.lt-column .lt-sort-icon {
  float: initial;
}
.analytics .project-campaign-report .project-campaign-report-table table th.lt-column:hover {
  color: #666666;
}
.analytics .project-campaign-report .project-campaign-report-table table th.lt-column:last-child .lt-sort-icon {
  display: none;
}
.analytics .project-campaign-report .project-campaign-report-table .lt-body-wrap {
  height: calc(100vh - 212px);
}
.analytics .project-campaign-report .project-campaign-report-table .lt-body-wrap tr.lt-row td.lt-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: 40px;
  vertical-align: middle;
  font-size: 13px;
  padding: 0 5px;
}
.analytics .project-campaign-report .project-campaign-report-table .lt-body-wrap tr.lt-row td.lt-cell .label-color-dot {
  height: 22px;
  width: 22px;
  margin: 0 auto;
}
.analytics .project-campaign-report .project-campaign-report-table .lt-body-wrap tr.lt-row td.lt-cell a {
  visibility: hidden;
  font-size: 17px;
  color: #999999;
}
.analytics .project-campaign-report .project-campaign-report-table .lt-body-wrap tr.lt-row:hover {
  background-color: #f7f7f7;
  color: #4d4d4d;
}
.analytics .project-campaign-report .project-campaign-report-table .lt-body-wrap tr.lt-row:hover td.lt-cell a {
  visibility: visible;
}
.analytics .project-campaign-report .project-campaign-report-table .lt-body-wrap tr.lt-row:hover td.lt-cell a:hover {
  text-decoration: none;
  background-color: #f7f7f7;
  color: #4d4d4d;
}

.modal-scroll.schedule-report .modal-body {
  display: flex;
  flex-direction: column;
}
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row {
  display: flex;
  flex-direction: row;
  width: calc(100% - 30px);
}
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .full {
  width: 100%;
}
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .three-quarters {
  width: 75%;
  margin-left: 10px;
}
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .half {
  width: 50%;
}
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .one-quarter {
  width: 25%;
}
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .full,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .two-thirds,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .half,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .one-third {
  margin: 5px 10px;
}
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .full input,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .full button,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .full .select2-container,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .two-thirds input,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .two-thirds button,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .two-thirds .select2-container,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .half input,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .half button,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .half .select2-container,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .one-third input,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .one-third button,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .one-third .select2-container {
  width: 100%;
}
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .full button,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .two-thirds button,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .half button,
.modal-scroll.schedule-report .modal-body .scheduled-report-control-row .one-third button {
  margin-top: 20px;
  margin-left: 15px;
}
.modal-scroll.schedule-report .modal-body .subscribers {
  display: flex;
  flex-wrap: wrap;
}
.modal-scroll.schedule-report .modal-body .subscribers .chip {
  display: inline-block;
  background-color: #f7f7f7;
  width: auto;
  height: 30px;
  color: #666666;
  padding-left: 10px;
  border-radius: 20px;
  margin: 5px;
  font-size: 10.5px;
  line-height: 12px;
}
.modal-scroll.schedule-report .modal-body .subscribers .chip button.btn-text {
  color: #999999;
}
.modal-scroll.schedule-report .modal-body .subscribers .chip button.btn-text span.icon-close {
  font-size: 12px;
}
.modal-scroll.schedule-report .modal-body .subscribers .chip button.btn-text:hover {
  color: #4d4d4d;
}
.modal-scroll.schedule-report .modal-body .subscribers .no-emails {
  display: flex;
  width: 100%;
  min-height: 100px;
  justify-content: center;
  align-items: center;
  color: #b3b3b3;
}
.modal-scroll.schedule-report .modal-footer .cos-ui-btn-confirm .confirm {
  right: -80px;
  top: -14px;
  border: none;
  border-right: 1px solid #b3b3b3;
  padding: 9px 12px;
}

.export-report label {
  color: #b3b3b3 !important;
}
.export-report section {
  margin-bottom: 40px;
}
.export-report section:last-of-type {
  margin-bottom: 0px;
}
.export-report .filter-contain .filtered-content .content-type-icon.icon,
.export-report .report-header .title .title-visual .item-icon.icon {
  font-family: "CoS";
}
.export-report .filter-contain .filtered-content .content-type-icon.icon.project:before,
.export-report .report-header .title .title-visual .item-icon.icon.project:before {
  content: "\e9dc";
}
.export-report .cover-page,
.export-report .page {
  page-break-after: always;
  margin: 0.25in 0.5in;
  width: 7in;
  position: relative;
}
.export-report .cover-page h3,
.export-report .cover-page h4,
.export-report .page h3,
.export-report .page h4 {
  color: #666666 !important;
}
.export-report .cover-page label,
.export-report .page label {
  color: #b3b3b3 !important;
}
.export-report .cover-page .overall-engagement-chart .overall-color h2,
.export-report .cover-page .overall-engagement-chart .overall-color span,
.export-report .page .overall-engagement-chart .overall-color h2,
.export-report .page .overall-engagement-chart .overall-color span {
  color: #d17760 !important;
}
.export-report .cover-page.facebook-page h3,
.export-report .page.facebook-page h3 {
  color: #3b5998 !important;
}
.export-report .cover-page.facebook-page h3 span[class^=icon-],
.export-report .cover-page.facebook-page h3 span[class*=" icon-"],
.export-report .page.facebook-page h3 span[class^=icon-],
.export-report .page.facebook-page h3 span[class*=" icon-"] {
  color: #3b5998 !important;
}
.export-report .cover-page.facebook-page label,
.export-report .page.facebook-page label {
  color: rgba(59, 89, 152, 0.65);
}
.export-report .cover-page.facebook-page .overall-engagement-chart .facebook-color h2,
.export-report .cover-page.facebook-page .overall-engagement-chart .facebook-color span,
.export-report .page.facebook-page .overall-engagement-chart .facebook-color h2,
.export-report .page.facebook-page .overall-engagement-chart .facebook-color span {
  color: #3b5998;
}
.export-report .cover-page.facebook-page span.facebook,
.export-report .page.facebook-page span.facebook {
  color: #3b5998 !important;
}
.export-report .cover-page.twitter-page h3,
.export-report .page.twitter-page h3 {
  color: #2ca9e1 !important;
}
.export-report .cover-page.twitter-page h3 span[class^=icon-],
.export-report .cover-page.twitter-page h3 span[class*=" icon-"],
.export-report .page.twitter-page h3 span[class^=icon-],
.export-report .page.twitter-page h3 span[class*=" icon-"] {
  color: #2ca9e1 !important;
}
.export-report .cover-page.twitter-page label,
.export-report .page.twitter-page label {
  color: rgba(44, 169, 225, 0.65);
}
.export-report .cover-page.twitter-page .overall-engagement-chart .twitter-color h2,
.export-report .cover-page.twitter-page .overall-engagement-chart .twitter-color span,
.export-report .page.twitter-page .overall-engagement-chart .twitter-color h2,
.export-report .page.twitter-page .overall-engagement-chart .twitter-color span {
  color: #2ca9e1;
}
.export-report .cover-page.twitter-page span.twitter,
.export-report .page.twitter-page span.twitter {
  color: #2ca9e1 !important;
}
.export-report .cover-page.pinterest-page h3,
.export-report .page.pinterest-page h3 {
  color: #bd081c !important;
}
.export-report .cover-page.pinterest-page h3 span[class^=icon-],
.export-report .cover-page.pinterest-page h3 span[class*=" icon-"],
.export-report .page.pinterest-page h3 span[class^=icon-],
.export-report .page.pinterest-page h3 span[class*=" icon-"] {
  color: #bd081c !important;
}
.export-report .cover-page.pinterest-page label,
.export-report .page.pinterest-page label {
  color: rgba(189, 8, 28, 0.65);
}
.export-report .cover-page.pinterest-page .overall-engagement-chart .pinterest-color h2,
.export-report .cover-page.pinterest-page .overall-engagement-chart .pinterest-color span,
.export-report .page.pinterest-page .overall-engagement-chart .pinterest-color h2,
.export-report .page.pinterest-page .overall-engagement-chart .pinterest-color span {
  color: #bd081c;
}
.export-report .cover-page.pinterest-page span.pinterest,
.export-report .page.pinterest-page span.pinterest {
  color: #bd081c !important;
}
.export-report .cover-page.instagram-page h3,
.export-report .page.instagram-page h3 {
  color: #e34061 !important;
}
.export-report .cover-page.instagram-page h3 span[class^=icon-],
.export-report .cover-page.instagram-page h3 span[class*=" icon-"],
.export-report .page.instagram-page h3 span[class^=icon-],
.export-report .page.instagram-page h3 span[class*=" icon-"] {
  color: #e34061 !important;
}
.export-report .cover-page.instagram-page label,
.export-report .page.instagram-page label {
  color: rgba(227, 64, 97, 0.65);
}
.export-report .cover-page.instagram-page .overall-engagement-chart .instagram-color h2,
.export-report .cover-page.instagram-page .overall-engagement-chart .instagram-color span,
.export-report .page.instagram-page .overall-engagement-chart .instagram-color h2,
.export-report .page.instagram-page .overall-engagement-chart .instagram-color span {
  color: #e34061;
}
.export-report .cover-page.instagram-page span.instagram,
.export-report .page.instagram-page span.instagram {
  color: #e34061 !important;
}
.export-report .cover-page .page-header,
.export-report .page .page-header {
  min-height: 80px;
}
.export-report .cover-page .page-header .text,
.export-report .page .page-header .text {
  display: block;
  float: left;
}
.export-report .cover-page .page-header h4,
.export-report .page .page-header h4 {
  max-width: 585px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.export-report .cover-page .page-footer,
.export-report .page .page-footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 50px;
  text-align: center;
}
.export-report .cover-page .page-footer span,
.export-report .page .page-footer span {
  padding-top: 10px;
  color: #b3b3b3 !important;
}
.export-report .page.last {
  page-break-after: auto !important;
  min-height: 9.4in;
  max-height: 9.4in;
}
.export-report .cover-page {
  text-align: center;
  padding-top: 3in;
}
.export-report .cover-page .logo-container {
  display: inline-block;
  float: none;
  height: 150px;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: center;
}
.export-report .cover-page .logo-container img {
  max-height: 150px;
  max-width: 150px;
  height: auto;
  width: auto;
  margin: 0;
}
.export-report .logo-container {
  display: inline-block;
  float: right;
  height: 80px;
  width: 80px;
  text-align: center;
}
.export-report .logo-container img {
  max-height: 40px;
  max-width: 40px;
  margin: 20px;
}
.export-report .export-report .company-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.export-report.team-performance .company-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.export-report.team-performance .progress-bar {
  width: 100%;
  height: 15px;
  border-radius: 50px;
  background-color: #f7f7f7 !important;
}
.export-report.team-performance .progress-bar .completion {
  height: 15px;
  max-width: 100%;
  min-width: 0%;
  border-radius: 50px;
  background-color: #b3b3b3 !important;
}
.export-report.team-performance .progress-bar .completion .percent {
  line-height: 15px;
  color: #fff !important;
  float: right;
  margin-right: 10px;
  font-size: 10px;
  font-weight: bold;
}
.export-report.team-performance .progress-bar .completion .percent.is-10-or-less {
  margin-right: -30px;
  color: #999999 !important;
}
.export-report.team-performance .report-header {
  width: 100%;
  min-height: 110px;
  margin-bottom: 30px;
  display: block;
}
.export-report.team-performance .report-header.unfiltered .statistic {
  float: none;
}
.export-report.team-performance .report-header .title {
  display: inline-block;
  float: left;
}
.export-report.team-performance .report-header .title .title-visual {
  display: inline-block;
  height: 75px;
  width: 75px;
  margin-right: 15px;
  background-color: #999999 !important;
  border-radius: 100px;
  text-align: center;
}
.export-report.team-performance .report-header .title .title-visual .item-icon {
  color: #fff !important;
  line-height: 75px;
  text-align: center;
  font-size: 24px;
}
.export-report.team-performance .report-header .title .title-text {
  display: inline-block;
  margin-top: 10px;
}
.export-report.team-performance .report-header .statistic {
  float: right;
  text-align: center;
}
.export-report.team-performance .report-header .statistic .main-statistic {
  text-align: center;
}
.export-report.team-performance .report-header .statistic .main-statistic .change,
.export-report.team-performance .report-header .statistic .main-statistic span.rate {
  display: inline-block;
}
.export-report.team-performance .report-header .statistic .main-statistic .change {
  position: relative;
  bottom: 25px;
}
.export-report.team-performance .report-header .statistic .main-statistic .change .chevron.icon {
  font-family: "CoS";
}
.export-report.team-performance .report-header .statistic .main-statistic .change .chevron.icon.up:before {
  content: "⌃";
  color: #6ba066;
}
.export-report.team-performance .report-header .statistic .main-statistic .change .chevron.icon.down:before {
  content: "⌵";
  color: #b94a48;
}
.export-report.team-performance .report-header .statistic .main-statistic span.rate {
  font-size: 100px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
}
.export-report.team-performance .header-parameter {
  width: 32.8%;
  text-align: center;
  border-right: 1px solid #e6e6e6;
  display: inline-block;
}
.export-report.team-performance .header-parameter:last-of-type {
  border-right: none;
}
.export-report.team-performance .header-parameter.on-time {
  color: #62acc4 !important;
}
.export-report.team-performance .header-parameter.on-time h3,
.export-report.team-performance .header-parameter.on-time h3 .ember-countup {
  color: #62acc4 !important;
}
.export-report.team-performance .header-parameter.after-due {
  color: #fbd548 !important;
}
.export-report.team-performance .header-parameter.after-due h3,
.export-report.team-performance .header-parameter.after-due h3 .ember-countup {
  color: #fbd548 !important;
}
.export-report.team-performance .header-parameter.overdue {
  color: #b94a48 !important;
}
.export-report.team-performance .header-parameter.overdue h3,
.export-report.team-performance .header-parameter.overdue h3 .ember-countup {
  color: #b94a48 !important;
}
.export-report.team-performance .content-container .content {
  display: block;
  border: 1px solid #f7f7f7 !important;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
}
.export-report.team-performance .content-container .content .header {
  display: inline-block;
  width: 100%;
}
.export-report.team-performance .content-container .content .header .item-pill {
  float: left;
  top: 20px;
}
.export-report.team-performance .content-container .content .header .text {
  float: left;
  max-width: 485px;
}
.export-report.team-performance .content-container .content .header .text span {
  display: block;
}
.export-report.team-performance .content-container .content .header h3 {
  float: right;
}
.export-report.team-performance .content-container .content .progress-bar {
  background-color: #f4d9d1 !important;
}
.export-report.team-performance .content-container .content .progress-bar .completion {
  background-color: #d17760 !important;
}
.export-report.team-performance .team-container {
  width: 100%;
}
.export-report.team-performance .team-container .team-member {
  display: inline-block;
  border: 1px solid #f7f7f7 !important;
  margin: 1%;
  width: 44.3%;
  padding: 10px;
}
.export-report.team-performance .team-container .team-member .header .tm-image,
.export-report.team-performance .team-container .team-member .header .title-text,
.export-report.team-performance .team-container .team-member .header h3 {
  display: inline-block;
}
.export-report.team-performance .team-container .team-member .header .tm-image img {
  border-radius: 500px;
}
.export-report.team-performance .team-container .team-member .header .title-text {
  position: relative;
  top: 10px;
  left: 5px;
}
.export-report.team-performance .team-container .team-member .header h3 {
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
}
.export-report.team-performance .team-container .team-member .statistics .stat .stat-head {
  display: inline-block;
  width: 100%;
}
.export-report.team-performance .team-container .team-member .statistics .stat .stat-head label {
  float: left;
  margin-bottom: 0;
  margin-top: 5px;
}
.export-report.team-performance .team-container .team-member .statistics .stat .stat-head span {
  float: right;
  margin-top: 5px;
  color: #666666 !important;
}
.export-report.team-performance .team-container .team-member .statistics .stat .stat-head:first-of-type {
  margin-top: 0;
}
.export-report.team-performance .team-container .team-member .statistics .stat .on-time .progress-bar .completion {
  background-color: #62acc4 !important;
}
.export-report.team-performance .team-container .team-member .statistics .stat .after-due .progress-bar .completion {
  background-color: #fce17a !important;
}
.export-report.team-performance .team-container .team-member .statistics .stat .after-due .progress-bar .completion span.percent {
  color: #c09853 !important;
}
.export-report.team-performance .team-container .team-member .statistics .stat .after-due .progress-bar .completion span.percent.is-10-or-less {
  color: #999999 !important;
}
.export-report.team-performance .team-container .team-member .statistics .stat .overdue .progress-bar .completion {
  background-color: #b94a48 !important;
}
.export-report.team-performance .individual-tasks {
  height: auto;
}
.export-report.team-performance .task-container {
  width: 197px;
  display: block;
  position: absolute;
}
.export-report.team-performance .task-container.on-time {
  left: 0;
}
.export-report.team-performance .task-container.past-due {
  left: 237px;
}
.export-report.team-performance .task-container.overdue {
  right: 0;
}
.export-report.team-performance .task-container .no-tasks {
  text-align: center;
}
.export-report.team-performance .task-container label {
  white-space: nowrap;
}
.export-report.team-performance .individual-tasks {
  height: auto;
}
.export-report.team-performance .task {
  margin-bottom: 10px;
  width: 90%;
  height: auto;
  padding: 5%;
  display: block;
  color: #666666;
}
.export-report.team-performance .task input[type=checkbox] {
  margin-top: -7px;
  cursor: default;
}
.export-report.team-performance .task .task-check {
  width: 30px;
  display: block;
  float: left;
}
.export-report.team-performance .task .task-check span.incomplete {
  background-color: fadeout(#ffffff, 20%);
}
.export-report.team-performance .task .task-details {
  display: inline-block;
  width: 115px;
}
.export-report.team-performance .task .task-footer {
  color: #999999;
}
.export-report.team-performance .task .task-footer .details {
  font-size: 10px;
  line-height: 1.2;
}
.export-report.team-performance .task.on-time {
  background-color: #d1e7ee !important;
}
.export-report.team-performance .task.on-time input[type=checkbox]:checked:after {
  background-color: #d1e7ee !important;
}
.export-report.team-performance .task.after-due {
  background-color: #fef7de !important;
}
.export-report.team-performance .task.after-due input[type=checkbox]:checked:after {
  background-color: #fef7de !important;
}
.export-report.team-performance .task.overdue {
  background-color: #e3b7b7 !important;
}
.export-report.team-performance .task.overdue input[type=checkbox]:checked:after {
  background-color: #e3b7b7 !important;
}
.export-report.team-performance .progress-bar .completion.zero-percent {
  width: 0px !important;
  background-color: rgba(255, 255, 255, 0) !important;
}
.export-report.social-network-report.export-report {
  font-family: "Open Sans", sans-serif;
  width: 595px;
  margin: auto;
  padding: 15px 30px;
  position: relative;
}
@media print and (color) {
  .export-report.social-network-report.export-report * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.export-report.social-network-report.export-report .cover-page {
  height: 842px;
  width: auto;
  position: relative;
  page-break-after: always;
}
.export-report.social-network-report.export-report .cover-page .profile-container .profile-name h3 {
  font-size: 28px !important;
  text-align: center;
}
.export-report.social-network-report.export-report .cover-page .profile-container .profile-name h3 .profile-image {
  width: 30px;
  height: 30px;
  border: 1px solid #e6e6e6;
  margin-right: 10px;
  margin-top: -5px;
  border-radius: 50% !important;
}
.export-report.social-network-report.export-report .cover-page .profile-container .profile-name p {
  color: #999999 !important;
}
.export-report.social-network-report.export-report .page-break {
  page-break-after: always;
}
.export-report.social-network-report.export-report .two-flex {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  height: 350px;
}
.export-report.social-network-report.export-report .two-flex .item-1 {
  width: 50%;
}
.export-report.social-network-report.export-report .two-flex .item-2 {
  width: 50%;
}
.export-report.social-network-report.export-report .four-flex {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  height: 350px;
}
.export-report.social-network-report.export-report .four-flex h3 {
  color: #666666 !important;
}
.export-report.social-network-report.export-report .four-flex .item-1 {
  width: 20%;
}
.export-report.social-network-report.export-report .four-flex .item-1.impressions-total {
  width: 25%;
}
.export-report.social-network-report.export-report .four-flex .item-1.impressions-total h3 {
  font-size: 16px;
  color: #666666 !important;
}
.export-report.social-network-report.export-report .four-flex .item-1.impressions-total p {
  padding: 10px 0 0 0;
}
.export-report.social-network-report.export-report .four-flex .item-1.impressions-total h4 {
  margin-top: -5px;
  color: #999999 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2 {
  width: 10%;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print {
  width: 15%;
  margin-top: 155px;
  margin-left: -10px;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul {
  list-style: none;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li {
  line-height: 24px;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-text {
  font-style: italic;
  font-size: 11px;
  color: #999999 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li span {
  color: #999999 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.paid-circle.facebook {
  background-color: #718dc8 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.paid-circle.twitter {
  background-color: #85cdee !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.paid-circle.instagram {
  background-color: #f099ab !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.paid-circle.pinterest {
  background-color: #f6354a !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.paid-circle.linkedin {
  background-color: #0cb5ff !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.organic-circle.facebook {
  background-color: #3b5998 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.organic-circle.twitter {
  background-color: #2ca9e1 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.organic-circle.instagram {
  background-color: #e34061 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.organic-circle.pinterest {
  background-color: #bd081c !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.organic-circle.linkedin {
  background-color: #0073a5 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.viral-circle.facebook {
  background-color: #263961 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.viral-circle.twitter {
  background-color: #187ca9 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.viral-circle.instagram {
  background-color: #bb1b3c !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.viral-circle.pinterest {
  background-color: #740511 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.viral-circle.linkedin {
  background-color: #0cb5ff !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.other-circle.facebook {
  background-color: #10182a !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.other-circle.twitter {
  background-color: #0e4b66 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.other-circle.instagram {
  background-color: #781226 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.other-circle.pinterest {
  background-color: #2a0206 !important;
}
.export-report.social-network-report.export-report .four-flex .item-2.impressions-legend-print ul li .legend-circle.other-circle.linkedin {
  background-color: #0cb5ff !important;
}
.export-report.social-network-report.export-report .four-flex .item-3 {
  width: 40%;
}
.export-report.social-network-report.export-report .four-flex .item-3.impressions-rate-by-post-type {
  width: 50%;
}
.export-report.social-network-report.export-report .four-flex .item-3.impressions-rate-by-post-type span {
  color: #999999 !important;
}
.export-report.social-network-report.export-report .four-flex .item-4 {
  width: 25%;
}
.export-report.social-network-report.export-report .four-flex .item-4.impressions-table-print {
  width: 10%;
  margin-left: -55px;
  margin-top: 20px;
  transform: scale(0.9);
}
.export-report.social-network-report.export-report .four-flex .item-4.impressions-table-print table {
  width: 75px;
}
.export-report.social-network-report.export-report .four-flex .item-4.impressions-table-print p {
  width: 150px;
  top: 60px;
  right: 25px;
  font-style: italic;
  font-size: 12px;
  color: #999999 !important;
}
.export-report.social-network-report.export-report .four-flex .item-4.impressions-table-print table {
  position: absolute;
}
.export-report.social-network-report.export-report .four-flex .item-4.impressions-table-print table tr td {
  margin-top: -15px;
  text-align: left;
  line-height: 35px;
  font-size: 11px;
  color: #999999 !important;
}
.export-report.social-network-report.export-report .four-flex .item-4.impressions-table-print table tr span {
  font-size: 12px;
  color: #999999 !important;
  vertical-align: -7px;
  margin-right: 10px;
}
.export-report.social-network-report.export-report .three-flex {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  height: 350px;
}
.export-report.social-network-report.export-report .three-flex h3 {
  padding-top: 15px;
  color: #666666 !important;
}
.export-report.social-network-report.export-report .three-flex .avg-posts-sent .circle span {
  color: white !important;
}
.export-report.social-network-report.export-report .three-flex.sent-wrapper {
  margin-bottom: 30px;
  background-color: #f7f7f7 !important;
  height: 200px;
}
.export-report.social-network-report.export-report .three-flex .item-1 {
  width: 30%;
}
.export-report.social-network-report.export-report .three-flex .item-2 {
  width: 30%;
}
.export-report.social-network-report.export-report .three-flex .item-3 {
  width: 30%;
}
.export-report.social-network-report.export-report .circle {
  margin: auto;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #f7f7f7 !important;
  vertical-align: 1px;
}
.export-report.social-network-report.export-report .circle .values {
  font-size: 32px;
  line-height: 95px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  height: 100px;
  color: white !important;
}
.export-report.social-network-report.export-report .circle .values.smaller-value {
  width: 100px;
  line-height: 20px;
  text-align: center;
  font-size: 22px;
  color: #ffffff !important;
}
.export-report.social-network-report.export-report .circle .values.smaller-value.best-message-to-post {
  font-size: 18px;
}
.export-report.social-network-report.export-report .circle .values.smaller-value.best-message-to-post i {
  font-size: 28px;
  margin: 0 0 -10px 0;
}
.export-report.social-network-report.export-report .circle .values.smaller-value.best-time-to-post {
  line-height: 22px;
  font-size: 17px;
}
.export-report.social-network-report.export-report .circle.facebook {
  background-color: #3b5998 !important;
}
.export-report.social-network-report.export-report .circle.twitter {
  background-color: #2ca9e1 !important;
}
.export-report.social-network-report.export-report .circle.instagram {
  background-color: #e34061 !important;
}
.export-report.social-network-report.export-report .circle.pinterest {
  background-color: #bd081c !important;
}
.export-report.social-network-report.export-report .circle.linkedin {
  background-color: #0073a5 !important;
}
.export-report.social-network-report.export-report .circle p {
  margin-top: 15px;
  font-size: 12px;
  color: #999999 !important;
  font-style: italic;
}
.export-report.social-network-report.export-report .impressions-data {
  position: relative;
  page-break-before: always;
  margin-top: 30px;
}
.export-report.social-network-report.export-report .impressions-data h3 {
  font-size: 16px;
  text-align: left;
}
.export-report.social-network-report.export-report .impressions-data p {
  margin-top: -15px;
  color: #999999 !important;
}
.export-report.social-network-report.export-report .impressions-data .impressions-title {
  margin-left: 10px;
  margin-top: -15px;
  text-align: center;
  font-size: 32px !important;
  color: #999999 !important;
}
.export-report.social-network-report.export-report .impressions-data .impressions-title h3 {
  color: #999999 !important;
  text-align: center;
  width: 230px;
  font-size: 14px;
  margin-top: -5px;
}
.export-report.social-network-report.export-report .impressions-data .impressions-title h3 p {
  color: #999999 !important;
}
.export-report.social-network-report.export-report .requeue-summary {
  background-color: #f7f7f7 !important;
  margin: 125px 0 0 0;
  width: 94%;
}
.export-report.social-network-report.export-report .requeue-summary h3 {
  text-align: left;
  color: #666666 !important;
}
.export-report.social-network-report.export-report .requeue-summary p {
  color: #666666 !important;
}
.export-report.social-network-report.export-report .requeue-summary .hint-lg {
  font-weight: bold;
  color: #666666 !important;
}
.export-report.social-network-report.export-report .requeue-summary .hint-sm {
  margin-top: 10px;
  color: #666666 !important;
}
.export-report.social-network-report.export-report .requeue-summary span {
  color: #8ac884 !important;
}
.export-report.social-network-report.export-report .requeue-summary .requeue-bar {
  display: inline-block;
  position: relative;
  background: #999999 !important;
  width: 50%;
  height: 15px;
  margin-bottom: 15px;
}
.export-report.social-network-report.export-report .requeue-summary .requeue-bar .computed-requeue-bar {
  background: #8ac884 !important;
  position: absolute;
  height: 20px;
}
.export-report.social-network-report.export-report .requeue-summary .requeue-circle {
  display: inline-block;
  height: 135px;
  width: 135px;
  position: absolute;
  right: 0;
  margin: -10px 110px 0;
  border: 10px solid #8ac884 !important;
  border-radius: 50%;
}
.export-report.social-network-report.export-report .requeue-summary .requeue-circle h3 {
  margin-top: 35px;
  font-size: 38px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  vertical-align: 10px;
}
.export-report.social-network-report.export-report .requeue-summary .requeue-circle p {
  line-height: 14px;
  margin-top: -25px;
  text-align: center;
  vertical-align: 15px;
  font-size: 11px;
  color: #999999 !important;
}
.export-report.social-network-report.export-report .engagement-rate {
  margin-top: 60px;
}
.export-report.social-network-report.export-report .engagement-table {
  margin-top: 150px;
  margin-left: 30px;
}
.export-report.social-network-report.export-report .engagement-table h3 {
  color: #666666 !important;
}
.export-report.social-network-report.export-report .engagement-table .post-type {
  width: 40%;
}
.export-report.social-network-report.export-report .engagement-table .icon-star {
  color: #ffb04d !important;
}
.export-report.social-network-report.export-report .engagement-table table th {
  font-style: italic !important;
  color: #999999 !important;
}
.export-report.social-network-report.export-report .engagement-table table tr.border-bottom-engagement {
  border-bottom: none;
}
.export-report.social-network-report.export-report .engagement-table table td {
  color: #666666 !important;
}
.export-report.social-network-report.export-report .engagement-table table i {
  color: #b3b3b3 !important;
}
.export-report.social-network-report.export-report .top-messages {
  width: 100%;
  padding: 5px 0;
  background-color: #ffffff !important;
}
.export-report.social-network-report.export-report .top-messages .reports-section label {
  color: #666666 !important;
}
.export-report.social-network-report.export-report .top-messages .reports-section .message-container .collapsed-discussion-banner {
  display: none !important;
}
.export-report .export-report.social-campaign-report.export-report {
  font-family: "Open Sans", sans-serif;
  width: 95%;
  margin: auto;
  padding: 0;
  position: relative;
}
@media print and (color) {
  .export-report .export-report.social-campaign-report.export-report * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.export-report .export-report.social-campaign-report.export-report .page-break {
  page-break-after: always;
}
.export-report .export-report.social-campaign-report.export-report .chosen-content {
  display: flex;
  align-items: center;
}
.export-report .export-report.social-campaign-report.export-report .no-data {
  margin: 15px auto;
  padding: 30px 0;
  background-color: #f7f7f7 !important;
}
.export-report .export-report.social-campaign-report.export-report .no-data .btn-blue {
  display: none;
}
.export-report .export-report.social-campaign-report.export-report .profile-img-ap {
  border-radius: 50px !important;
  width: 40px !important;
  height: 40px !important;
  margin-right: 10px;
  border: 2px solid #f7f7f7 !important;
}
.export-report .export-report.social-campaign-report.export-report .service-container {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #f7f7f7 !important;
  border-radius: 50%;
  margin-left: -20px;
  margin-right: 10px;
  border: 1px solid #f7f7f7 !important;
}
.export-report .export-report.social-campaign-report.export-report .service-container .service-icon {
  color: white !important;
  margin-left: 5px;
}
.export-report .export-report.social-campaign-report.export-report .service-container span {
  vertical-align: -4px;
  font-size: 10px;
}
.export-report .export-report.social-campaign-report.export-report .service-container.facebook, .export-report .export-report.social-campaign-report.export-report .service-container.facebook_page {
  background-color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .service-container.facebook_group {
  background-color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .service-container.twitter {
  background-color: #2ca9e1 !important;
}
.export-report .export-report.social-campaign-report.export-report .service-container.linkedin_company {
  background-color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .service-container.instagram {
  background-color: #e34061 !important;
}
.export-report .export-report.social-campaign-report.export-report .service-container.pinterest {
  background-color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .cover-page {
  width: auto;
  position: relative;
  page-break-after: always;
}
.export-report .export-report.social-campaign-report.export-report .cover-page .report-description .content-type h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px !important;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  display: block;
  margin-left: 10px;
  text-align: center !important;
  margin-bottom: 60px;
}
.export-report .export-report.social-campaign-report.export-report .cover-page .report-description .content-type h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px !important;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-left: 10px;
  text-align: center;
  color: #b3b3b3 !important;
  margin-bottom: 20px;
}
.export-report .export-report.social-campaign-report.export-report .cover-page .report-description .content-type p {
  color: #999999 !important;
  font-style: italic;
}
.export-report .export-report.social-campaign-report.export-report .cover-page .report-description .content-type span {
  display: inline-block;
  font-size: 14px;
  color: #9fb0ce !important;
}
.export-report .export-report.social-campaign-report.export-report .cover-page .report-description .content-type p {
  color: #b3b3b3 !important;
}
.export-report .export-report.social-campaign-report.export-report .section-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  color: #666666 !important;
}
.export-report .export-report.social-campaign-report.export-report .section-title.engagement-title {
  margin-left: 0;
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .description {
  color: #999999 !important;
  margin-top: -5px;
  line-height: 18px;
  width: 550px;
}
.export-report .export-report.social-campaign-report.export-report .description.engagement-description {
  margin-left: 0;
}
.export-report .export-report.social-campaign-report.export-report .tooltip-container {
  margin-bottom: 10px;
  display: block;
  width: 115%;
  font-size: 12px;
  color: #4d4d4d !important;
  padding: 3px 0;
}
.export-report .export-report.social-campaign-report.export-report .tooltip-container span {
  color: #4d4d4d !important;
}
.export-report .export-report.social-campaign-report.export-report .hide-export {
  display: none;
}
.export-report .export-report.social-campaign-report.export-report .page-break {
  page-break-after: always;
}
.export-report .export-report.social-campaign-report.export-report .bc-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .bc-title span {
  color: #b3b3b3;
  margin: 0 5px;
}
.export-report .export-report.social-campaign-report.export-report .bc-title.special-report-title {
  margin-left: 10px;
}
.export-report .export-report.social-campaign-report.export-report .bc-title.left-bump {
  margin-left: 15px;
}
.export-report .export-report.social-campaign-report.export-report .bc-title .color-label {
  display: inline-block;
  width: 3px;
  height: 20px;
  vertical-align: -3px;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex {
  background-color: #f7f7f7 !important;
  padding: 40px 0;
  margin: 15px 0;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .campaign-engagements-comparison-chart {
  display: inline-block;
  float: left;
  width: 40%;
  padding: 0 0 0 15px;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .campaign-engagements-comparison-chart .highcharts-wrapper .chart-container {
  width: 400px;
  margin-left: -50px;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .campaign-engagements-comparison-chart .highcharts-wrapper .chart-container .highcharts-container .highcharts-title {
  color: #666666 !important;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .engagement-by-duration {
  display: inline-block;
  margin-top: 0;
  width: 30%;
  padding: 0 15px;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .engagement-by-duration .bc-title {
  display: inline-block;
  font-weight: 400;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .engagement-by-duration .bc-compare {
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .engagement-by-duration .bc-compare.bc-label {
  font-weight: 700;
  font-size: 18px;
  padding-right: 15px;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .engagement-by-duration .bc-compare.bc-duration {
  font-size: 18px;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .engagement-by-duration .bc-compare.bc-start {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13.5px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  padding-left: 10px;
  color: #b3b3b3;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .best-campaign-engagement {
  display: inline-block;
  float: right;
  margin-top: 0;
  padding: 0 15px 0 0;
  width: 20%;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .best-campaign-engagement .bc-title {
  margin: 10px 0 0 -25px;
  display: inline-block;
  width: 200px;
  font-size: 15px;
  font-weight: 400;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .best-campaign-engagement .best-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 125px;
  width: 125px;
  border-radius: 50%;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .best-campaign-engagement .best-circle.best-a {
  background-color: #db8773 !important;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .best-campaign-engagement .best-circle.best-b {
  background-color: #9fb0ce !important;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .best-campaign-engagement .best-circle.best-tie {
  background-color: #62acc4 !important;
}
.export-report .export-report.social-campaign-report.export-report .comparison-flex .best-campaign-engagement .best-circle .best-letter {
  font-size: 58px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff !important;
}
.export-report .export-report.social-campaign-report.export-report .report-header {
  font-weight: bold;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table {
  width: 100%;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social {
  text-align: center;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 0 0 5px 0;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.facebook {
  background-color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.twitter {
  background-color: #2ca9e1 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.linkedin {
  background-color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.instagram {
  background-color: #e34061 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.pinterest {
  background-color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.tiktok {
  background-color: #000000 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.mastodon {
  background-color: #6364ff !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.google_my_business {
  background-color: #4989f5 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.bluesky {
  background-color: #1185fe !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle.threads {
  background-color: #000000 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social .network-circle .network-icon {
  vertical-align: -3px;
  margin-left: 1px;
  color: white;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table .social-network-heads .table-header-social.title-width {
  width: 30%;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table tr .td-center {
  text-align: center;
  width: 12%;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table tr .td-center .eng-rate {
  display: inline-block;
  justify-content: center;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table tr .td-center .percent-change {
  font-size: 8px !important;
  vertical-align: 2px;
  width: 20px;
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table tr .td-center .percent-change.positive {
  color: #6ba066 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table tr .td-center .percent-change.negative {
  color: #d15451 !important;
}
.export-report .export-report.social-campaign-report.export-report .social-network-comparison-table tr .td-center .icon-star {
  color: #f2c069;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup {
  padding: 10px 0 5px 5px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box {
  width: 25%;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  margin-top: -2px;
  color: #b3b3b3 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .percent-change {
  vertical-align: 2px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .percent-change.positive {
  color: #6ba066 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .percent-change.negative {
  color: #d15451 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .top-message-icon {
  display: block;
  font-size: 28px;
  margin-top: -5px !important;
  margin-bottom: 28px;
  color: #9fb0ce !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .push-down {
  margin-top: 20px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box h2 {
  font-size: 28px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #9fb0ce !important;
  margin-top: 10px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .sidenote {
  font-style: italic;
  font-size: 10px;
  margin-top: -10px;
  line-height: 14px;
  color: #b3b3b3 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .sidenote span {
  display: block;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .sidenote.global-engagement-rate {
  display: block;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .sidenote.global-engagement-rate .percent-change {
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .sidenote.global-engagement-rate .percent-change.positive {
  color: #6ba066 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .sidenote.global-engagement-rate .percent-change.negative {
  color: #d15451 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .sidenote.global-engagement-rate .percent-change .icon-star {
  color: #f2c069;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rollup .rollup-box .percent-change {
  font-size: 8px !important;
  color: #6ba066 !important;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex {
  display: flex;
  width: 96%;
  height: 125px;
  justify-content: flex-start;
  margin-left: 12px;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-1 {
  padding: 3px;
  width: 22%;
  height: 125px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  text-align: center;
  margin-right: 4%;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-1 .sidenote.global-engagement-rate {
  margin-top: 15px;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-1 .item-up-down {
  display: flex;
  justify-content: center;
  align-items: center;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-1 .item-up-down h2 {
  font-size: 36px;
  margin: -5px 10px 10px 0;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-1 .item-up-down .icon-chevron-down {
  margin-top: -40px;
  color: #d15451 !important;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-1 .item-up-down .icon-chevron-up {
  margin-top: -40px;
  color: #8ac884 !important;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-2 {
  width: 22%;
  height: 110px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  text-align: center;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-3 {
  width: 22%;
  height: 110px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  text-align: center;
}
.export-report .export-report.social-campaign-report.export-report .four-col-flex .item-4 {
  width: 22%;
  height: 110px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  text-align: center;
}
.export-report .export-report.social-campaign-report.export-report .engagement-growth {
  width: 100%;
  margin-top: 30px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-growth .cumulative-growth-chart {
  padding: 0;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .engagement-rate-chart {
  padding: 0;
  width: 98%;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .engagement-rate-chart .highcharts-axis-title {
  display: none;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .engagement-rate-chart .highcharts-data-label {
  margin-top: 10px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .engagement-rate-chart .highcharts-data-label i {
  margin-right: 5px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container {
  margin: 0;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container .highcharts-root {
  overflow: visible !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last {
  font-weight: normal;
  height: 55px;
  width: 55px;
  margin-left: 75px;
  color: #666666 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last i.facebook {
  color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last i.twitter {
  color: #2ca9e1 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last i.linkedin {
  color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last i.instagram {
  color: #e34061 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last i.pinterest {
  color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-rate-roadmap .highcharts-container .engagement-rate-roadmap-last.highest {
  font-weight: bold;
}
.export-report .export-report.social-campaign-report.export-report .engagement-timeline-flex {
  display: flex;
  width: 98%;
  justify-content: center;
  flex-wrap: wrap;
}
.export-report .export-report.social-campaign-report.export-report .engagement-timeline-flex .shrink {
  transform: scaleY(0.75);
}
.export-report .export-report.social-campaign-report.export-report .engagement-timeline-flex .highcharts-axis-title {
  display: none;
}
.export-report .export-report.social-campaign-report.export-report .engagement-timeline-flex .facebook-engagement {
  width: 100%;
  padding: 15px 0;
}
.export-report .export-report.social-campaign-report.export-report .engagement-timeline-flex .twitter-engagement {
  width: 100%;
  padding: 15px 0;
}
.export-report .export-report.social-campaign-report.export-report .engagement-timeline-flex .linkedin-engagement {
  width: 100%;
  padding: 15px 0;
}
.export-report .export-report.social-campaign-report.export-report .engagement-timeline-flex .instagram-engagement {
  width: 100%;
  padding: 15px 0;
}
.export-report .export-report.social-campaign-report.export-report .engagement-timeline-flex .pinterest-engagement {
  width: 100%;
  padding: 15px 0;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions {
  height: 100%;
  padding: 10px 0 0 0;
  page-break-before: always;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions.ltg-background {
  padding-bottom: 15px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex {
  display: flex;
  height: 100%;
  width: 98%;
  justify-content: center;
  flex-wrap: wrap;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring {
  position: relative;
  width: 250px;
  justify-content: center;
  flex-wrap: nowrap;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring.instagram-ebi {
  margin-top: 10px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring.pinterest-ebi {
  margin-top: 10px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  flex-wrap: wrap;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures {
  display: inline-block;
  line-height: 5px;
  justify-content: center;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures .highcharts-wrapper .chart-container .highcharts-container {
  height: 500px !important;
  background-color: red;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures .icon-circle-full {
  font-size: 7px;
  vertical-align: 2px;
  margin-right: 3px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures span {
  flex-direction: row;
  margin-left: 5px;
  margin-right: 0px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures.sidenote {
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  color: #b3b3b3 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .eng-total-wrapper .eng-total-figures .eng-figures.sidenote.mrg-t {
  margin-top: 20px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data {
  position: absolute;
  top: 75px;
  left: 0;
  height: 225px;
  width: 250px;
  z-index: 1;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper h2 {
  padding: 10px 0;
  font-size: 60px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon {
  margin-top: -5px;
  font-size: 12px;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.facebook {
  color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.twitter {
  color: #2ca9e1 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.linkedin {
  color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.instagram {
  color: #e34061 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.pinterest {
  color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.tiktok {
  color: #000000 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.mastodon {
  color: #6364ff !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.google_my_business {
  color: #4989f5 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.bluesky {
  color: #1185fe !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .network-icon.threads {
  color: #000000 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .sidenote-drk-gray {
  margin-top: -5px;
  line-height: 14px;
  font-style: italic;
  font-size: 10px;
  color: #999999 !important;
  justify-content: center;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper.engagement-totals {
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper h2 {
  font-size: 36px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  margin-top: 10px;
  color: #9fb0ce !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper h2 .icon-star {
  position: absolute;
  left: 125px;
  font-size: 18px;
  color: #f7a700 !important;
}
.export-report .export-report.social-campaign-report.export-report .engagement-by-interactions .engagement-by-interaction-flex .engagement-ring .engagement-interaction-data .eng-flex-wrapper .percent-change {
  color: #6ba066 !important;
  margin-top: -8px;
}
.export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.twitter, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.linkedin, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.instagram, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.pinterest, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.facebook {
  padding-top: 20px;
}
.export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.twitter .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.linkedin .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.instagram .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.pinterest .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.facebook .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title {
  width: 150px;
}
.export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.twitter .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.facebook, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.linkedin .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.facebook, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.instagram .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.facebook, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.pinterest .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.facebook, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.facebook .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.facebook {
  color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.twitter .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.twitter, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.linkedin .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.twitter, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.instagram .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.twitter, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.pinterest .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.twitter, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.facebook .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.twitter {
  color: #2ca9e1 !important;
}
.export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.twitter .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.linkedin, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.linkedin .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.linkedin, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.instagram .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.linkedin, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.pinterest .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.linkedin, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.facebook .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.linkedin {
  color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.twitter .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.instagram, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.linkedin .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.instagram, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.instagram .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.instagram, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.pinterest .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.instagram, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.facebook .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.instagram {
  color: #e34061 !important;
}
.export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.twitter .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.pinterest, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.linkedin .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.pinterest, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.instagram .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.pinterest, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.pinterest .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.pinterest, .export-report .export-report.social-campaign-report.export-report .account-performance-chart .account-performance .accounts .network-performance.facebook .chart-container .highcharts-container .highcharts-axis-labels.highcharts-xasis-labels .network-title.pinterest {
  color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages {
  width: 100%;
}
.export-report .export-report.social-campaign-report.export-report .top-messages.page-break-before {
  page-break-before: always;
}
.export-report .export-report.social-campaign-report.export-report .top-messages label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  color: #666666 !important;
  text-align: left;
  text-transform: none;
  margin-bottom: 10px;
  display: none;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container {
  width: 100%;
  justify-content: center;
  align-items: flex-start;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message {
  max-width: 50%;
  align-self: flex-start;
  flex-basis: 45%;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container {
  opacity: 1 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .opacity-50,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container .opacity-50 {
  opacity: 1 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-left-side .requeue-container,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container .message-left-side .requeue-container {
  visibility: hidden;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-meta-row,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container .message-body .message-meta-row {
  position: relative;
  display: inline;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-meta-row .start-discussion,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container .message-body .message-meta-row .start-discussion {
  visibility: hidden;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-meta-row .requeue,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container .message-body .message-meta-row .requeue {
  position: absolute;
  display: inline;
  float: right;
  left: 135px;
  top: 0px;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-top-row .message-profile .message-service-icon {
  background-color: #b3b3b3 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-top-row .message-profile .message-service-icon.facebook {
  background-color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-top-row .message-profile .message-service-icon.facebook_page {
  background-color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-top-row .message-profile .message-service-icon.twitter {
  background-color: #2ca9e1 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-top-row .message-profile .message-service-icon.linkedin {
  background-color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-top-row .message-profile .message-service-icon.linkedin_company {
  background-color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-top-row .message-profile .message-service-icon.instagram {
  background-color: #e34061 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .message-body .message-top-row .message-profile .message-service-icon.pinterest {
  background-color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-facebook,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-facebook_page,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-facebook,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-facebook_page {
  color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-facebook:before,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-facebook_page:before,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-facebook:before,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-facebook_page:before {
  color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-twitter,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-twitter {
  color: #2ca9e1 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-twitter:before,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-twitter:before {
  color: #2ca9e1 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-pinterest,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-pinterest {
  color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-pinterest:before,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-pinterest:before {
  color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-instagram,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-instagram {
  color: #e34061 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-instagram:before,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-instagram:before {
  color: #e34061 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-linkedin,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-linkedin,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-linkedin_company {
  color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.item-icon.icon-linkedin:before,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-linkedin:before,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .pull-left .avatar span.icon-linkedin_company:before {
  color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .icon-star {
  color: #f7a700 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .media {
  height: 200px;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .media p.service-name,
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .media .media-body .media-body p.message-text span {
  color: #4d4d4d !important;
  overflow: hidden;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message .media .timestamp {
  color: #999999 !important;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container {
  height: 35px;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.export-report .export-report.social-campaign-report.export-report .top-messages .message-container .individual-message .message-statistics-container .message-statistic {
  display: table-cell;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  flex-wrap: wrap;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex span {
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex p {
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .link-item {
  width: 100%;
  margin-left: 25px;
  display: block;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .link-item .link {
  display: inline-block;
  margin-right: 10px;
  display: none;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .link-item .icon-new-tab {
  display: none;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .link-item .link-btn {
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item1 {
  width: 30%;
  margin-left: 25px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item1 img {
  width: 250px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item2 {
  width: 30%;
  margin-left: 30px;
  margin-right: 30px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 {
  width: 20%;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-total .large {
  display: inline-block;
  color: #9fb0ce !important;
  font-size: 18px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-total .small {
  color: #9fb0ce !important;
  font-size: 15px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-total .icon-row {
  display: inline-block;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-total .icon-row .icon-stats {
  color: #b3b3b3 !important;
  margin-right: 10px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-by-network {
  margin-top: 30px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-by-network .network-stats {
  width: 150px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #999999 !important;
  margin-right: 15px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat.facebook {
  background-color: #3b5998 !important;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat.linkedin {
  background-color: #0073a5 !important;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat.pinterest {
  background-color: #bd081c !important;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-by-network .network-stats .circle-stat span {
  color: white !important;
  margin-left: 6px;
  margin-top: 5px;
}
.export-report .export-report.social-campaign-report.export-report .shares-flex .item3 .shares-by-network .network-stats .number-stat {
  color: #4d4d4d !important;
  display: inline-block;
}
.export-report.social-campaign-report.export-report {
  font-family: "Open Sans", sans-serif;
  color: #666666;
  max-width: 850px !important;
  padding: 0;
  margin: auto;
}
@media print and (color) {
  .export-report.social-campaign-report.export-report * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.export-report.social-campaign-report.export-report .cover-page {
  margin: auto;
  width: 500px !important;
  align-content: center;
  text-align: center;
}
.export-report.social-campaign-report.export-report .cover-page .report-description .content-type h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.export-report.social-campaign-report.export-report .cover-page .report-description .content-type .icon-feed {
  font-size: 14px;
  color: #9fb0ce !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-description .content-type p {
  color: #b3b3b3 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter {
  display: flex;
  justify-content: center;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .gen-name {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  color: #666666;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .icon-circle-with-plus {
  cursor: pointer;
  font-size: 23px;
  margin: 10px;
  color: #e6e6e6;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .circle-image {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: -2px 13px 0px 15px;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  animation: 0.5s ease forwards selectionfade;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .circle-image.no-border {
  border: none;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .circle-image.icon-tag {
  color: #b3b3b3;
  vertical-align: -7px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .circle-image.marg-adjust {
  margin-top: 5px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .content-type-icon {
  text-align: center;
  color: #b3b3b3;
  vertical-align: -3px;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 5px;
  height: 15px;
  width: 15px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .content-type-icon:hover {
  background-color: rgba(102, 102, 102, 0.5);
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .icon-tag {
  text-align: center;
  color: #b3b3b3;
  vertical-align: -3px;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 5px;
  height: 15px;
  width: 15px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .icon-tag:hover {
  background-color: rgba(102, 102, 102, 0.5);
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex {
  width: 850px;
  justify-content: center;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container {
  width: 850px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter {
  justify-content: flex-start;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .icon-filter {
  display: none;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .vertical-bar {
  display: none;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option {
  display: inline-block;
  margin: 15px 0;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .add-filter {
  display: flex;
  width: 100%;
  align-items: center;
  background: transparent;
  border: none;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection {
  display: flex;
  justify-content: flex-start;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items {
  justify-content: center;
  display: flex;
  margin: 0 15px 0 0;
  width: 100%;
  flex-wrap: wrap;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .select-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .select-wrapper .gen-name.service-name {
  width: 125px;
  margin-left: 15px;
  text-align: left;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .select-wrapper .gen-name.position-fix {
  margin-right: 5px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .select-wrapper .circle-image {
  margin: 0 10px 0 10px;
  position: relative;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .select-wrapper .icon-cross {
  display: none;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle {
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  margin-left: -21px;
  z-index: 9;
  margin-top: 10px;
  border: 1px solid #e6e6e6 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.facebook {
  background-color: #3b5998 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.facebook_group {
  background-color: #3b5998 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.facebook_page {
  background-color: #3b5998 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.twitter {
  background-color: #2ca9e1 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.linkedin {
  background-color: #0073a5 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.linkedin_company {
  background-color: #0073a5 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.instagram {
  background-color: #e34061 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.pinterest {
  background-color: #bd081c !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.tiktok {
  background-color: #000000 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.youtube {
  background-color: #ff0000 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.youtube-shorts {
  background-color: #ff0000 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.mastodon {
  background-color: #6364ff !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.google_my_business {
  background-color: #4989f5 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.bluesky {
  background-color: #1185fe !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle.threads {
  background-color: #000000 !important;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items li .network-circle .network-icon {
  color: #ffffff !important;
  font-size: 10px;
  margin-left: 2px;
  vertical-align: 2px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .selected-items .icon-chevron-up2 {
  display: none;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .soc-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .soc-content .gen-name {
  display: inline-block;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .soc-gen-dropdown-content {
  position: absolute;
  max-height: 315px;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .soc-gen-dropdown-content ul li .gen-name {
  margin-left: 0;
}
.export-report.social-campaign-report.export-report .cover-page .report-filter .report-filter-flex .filter-flex-container .filter .filter-option .soc-gen-dropdown .selection .soc-gen-dropdown-content ul li .icon-checkmark {
  position: absolute;
  color: #8ac884;
  right: 10px;
  animation: 0.2s ease forwards checkmarkfade;
}
.export-report .export-report .project-campaign-report-table {
  font-size: 12px;
  margin: 0;
}
.export-report .export-report .project-campaign-report-table th.lt-column {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: 30px;
  color: #999999;
  text-transform: uppercase;
  padding: 0 5px;
  border-bottom: 1px solid #cccccc;
}
.export-report .export-report .project-campaign-report-table th.lt-column .lt-sort-icon {
  display: none;
}
.export-report .export-report .project-campaign-report-table .lt-head-wrap {
  margin-top: 5mm;
}
.export-report .export-report .project-campaign-report-table .lt-body-wrap tr.lt-row {
  page-break-inside: avoid;
}
.export-report .export-report .project-campaign-report-table .lt-body-wrap td.lt-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: 40px;
  vertical-align: middle;
  padding: 0 5px;
}
.export-report .export-report .project-campaign-report-table .lt-body-wrap td.lt-cell .label-color-dot {
  height: 20px;
  width: 20px;
  margin: 0 auto;
}
.export-report .export-report .cover-page {
  margin: auto;
  width: 500px !important;
  align-content: center;
  text-align: center;
}
.export-report .export-report .cover-page .report-description .content-type h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px !important;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  display: block;
  margin-left: 10px;
  text-align: center !important;
  margin-bottom: 60px;
}
.export-report .export-report .cover-page .report-description .content-type .icon-feed {
  font-size: 14px;
  color: #9fb0ce !important;
}
.export-report .export-report .cover-page .report-description .content-type p {
  color: #b3b3b3 !important;
}

.bulk-project-import-prompt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 250px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.bulk-project-import-prompt .bulk-import-dismiss {
  position: absolute;
  top: 15px;
  right: 15px;
}

.bulk-undo-prompt-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 475px;
  height: 150px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
  border-radius: 10px 0 0;
  padding: 15px 30px 30px;
  box-shadow: 5px 5px 30px #999999;
  background-color: #ffffff;
}
.bulk-undo-prompt-container .bulk-undo-content {
  width: 100%;
  margin-bottom: 10px;
}
.bulk-undo-prompt-container .bulk-undo-buttons {
  width: 100%;
}
.bulk-undo-prompt-container h4 {
  font-weight: 700;
  color: #4d4d4d;
}

.calendar-container .workspace-layout-grid.bulk-project-prompt {
  height: calc(100vh - 301px);
}
.calendar-container .workspace-layout-grid.bulk-project-prompt .grid-body,
.calendar-container .workspace-layout-grid.bulk-project-prompt .calendar-tab-wrapper {
  height: calc(100vh - 300px);
}
.calendar-container .workspace-layout-grid.bulk-project-prompt .grid-body .calendar-tab-scroll,
.calendar-container .workspace-layout-grid.bulk-project-prompt .calendar-tab-wrapper .calendar-tab-scroll {
  height: calc(100% - 43px);
}

.home .achievement-upcoming-container .bulk-project-import-prompt.dashboard {
  display: flex;
  flex-flow: column;
  flex-grow: 2;
  position: relative;
  width: initial;
  height: auto;
  padding: 15px;
  margin: 0 15px 15px 7px;
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}
.home .achievement-upcoming-container .bulk-project-import-prompt.dashboard .bulk-import-options-wrapper {
  padding: initial;
}

.bulk-import-options-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 0 100px;
}
.bulk-import-options-wrapper .bulk-import-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  padding: 12px 20px 12px 9px;
}
.bulk-import-options-wrapper .bulk-import-button .bulk-import-icon {
  display: inline-block;
  height: 25px;
  margin: 0 5px 0 0;
}
.bulk-import-options-wrapper.instructions {
  display: flex;
  flex-direction: column;
}

.bulk-menu-option.color-label-options {
  right: 0;
}

.map-question .bulk-dropdown,
.available-fields-column .bulk-dropdown {
  width: 225px;
  height: 30px;
  margin: auto 0;
  display: flex;
  justify-items: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #808080;
  border-radius: 4px;
}
.map-question .bulk-dropdown p,
.available-fields-column .bulk-dropdown p {
  margin: 5px 0;
  color: #4d4d4d;
}

.column.customize .date-picker {
  width: 170px;
  margin: auto;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.column.customize .date-picker:hover {
  box-shadow: none;
  background-color: #efefef;
}
.column.customize .dropdown.color-labels .btn.btn-color {
  height: 15px;
  width: 15px;
  padding: 5px;
}
.column.customize .dropdown.color-labels .dropdown-menu {
  left: initial;
  right: 0;
}
.column.customize .bulk-dropdown {
  width: 100%;
  min-height: 35px;
  border-radius: 4px;
  display: flex;
  justify-items: center;
  align-items: center;
  border: none;
  background-color: transparent;
}
.column.customize .bulk-dropdown .customizable-option {
  height: 20px;
  margin: auto;
  padding: 6px 8px;
  border: 1px solid #b3b3b3;
  background-color: #f7f7f7;
  border-radius: 4px;
  color: #4d4d4d;
}
.column.customize .bulk-dropdown .customizable-option .header-option-button-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.column.customize .bulk-dropdown .customizable-option.icon-user {
  margin: 0 auto;
}
.column.customize .bulk-dropdown .customizable-option:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.column.customize .color-label {
  text-align: center;
}
.column.customize .color-label button.header-option-button {
  background-color: #f7f7f7;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
}
.column.customize .color-label button.header-option-button:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.column.customize .record .bulk-dropdown .customizable-option {
  height: 15px;
  width: 15px;
  padding: 8px;
  border-radius: 25px;
}
.column.customize .bulk-option-dropdown {
  width: 80%;
}

.bulk-map-wrapper {
  width: 100%;
}
.bulk-map-wrapper .map-question {
  display: flex;
  align-items: center;
  margin: 0 0 30px;
}
.bulk-map-wrapper .map-question .bulk-dropdown {
  width: 125px;
}
.bulk-map-wrapper .map-question.bulk-gray-container {
  width: 325px;
  padding: 15px 10px;
  border-radius: 4px;
  background-color: #f7f7f7;
}
.bulk-map-wrapper .mapping-grid-container {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border-bottom: 1px solid #e6e6e6;
}
.bulk-map-wrapper .mapping-grid-container.labels {
  grid-template-rows: 35px 1fr;
}
.bulk-map-wrapper .mapping-grid-container.labels label {
  margin-bottom: 10px;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column p {
  height: 50px;
  margin: 0;
  padding: 10px;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column p:last-child {
  border-bottom: 1px solid #cccccc;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.column-titles {
  font-weight: 700;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.sample-column .sample-value-container {
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.sample-column .sample-value-container:last-child {
  border-bottom: 1px solid #cccccc;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.sample-column .sample-value {
  height: initial;
  margin: 3px;
  padding: 0 10px;
  background-color: #f7f7f7;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  font-size: 14px;
  color: #4d4d4d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.sample-column .sample-value.empty {
  background-color: #fbf3db;
  border: 1px solid #fbf3db;
  font-style: italic;
  color: #c09853;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.available-fields-column .bulk-option-dropdown {
  height: 71px;
  padding-top: 20px;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.available-fields-column .bulk-option-dropdown .cos-basic-dropdown-content-option {
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.available-fields-column .bulk-option-dropdown .cos-basic-dropdown-content-option p {
  padding: 0;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.available-fields-column .bulk-option-dropdown .cos-basic-dropdown-content-option .small {
  color: #b3b3b3;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.available-fields-column .bulk-option-dropdown .cos-basic-dropdown-content-group {
  width: 225px;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.available-fields-column .bulk-option-dropdown:last-child {
  border-bottom: 1px solid #cccccc;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.available-fields-column .bulk-option-dropdown p {
  border: none;
  height: initial;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column.available-fields-column p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.bulk-map-wrapper .mapping-grid-container .mappable-column:last-of-type .cos-basic-dropdown-content:last-of-type {
  bottom: 50px;
}

.resource-sidebar.bulk {
  position: fixed;
  right: 0;
  height: calc(100% - 35px);
}

.record-review-wrapper {
  width: 100%;
  display: flex;
}
.record-review-wrapper .record-grid-container {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  border-radius: 4px 0 0;
  overflow-y: auto;
  margin: 20px 0;
}
.record-review-wrapper .column .bulk-edit-row {
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  background-color: #efefef;
}
.record-review-wrapper .column .bulk-edit-row .cos-basic-dropdown-content-option-selected-icon {
  display: none;
}
.record-review-wrapper .column .bulk-edit-row .bulk-edit-description {
  margin: 0 auto 0 10px;
  color: #333333;
  font-size: 12px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.record-review-wrapper .column .bulk-edit-row button {
  color: #666666;
}
.record-review-wrapper .column .bulk-edit-row .date-picker {
  height: 30px;
  margin: auto 11px;
  background-color: transparent;
  box-shadow: none;
  font-size: 13px;
}
.record-review-wrapper .column .bulk-edit-row .date-picker:hover {
  height: 30px;
  background-color: #f7f7f7;
  border-radius: 4px;
  box-shadow: none;
}
.record-review-wrapper .column .bulk-edit-row .header-option button {
  color: #333333;
}
.record-review-wrapper .column .bulk-edit-row label {
  color: #4d4d4d;
}
.record-review-wrapper .column:last-of-type {
  margin-right: 30px;
}
.record-review-wrapper .column:last-of-type .column-header-wrapper {
  border-radius: 0 4px 0 0;
}
.record-review-wrapper .column:last-of-type .record {
  border-right: none;
}
.record-review-wrapper .column .column-header-wrapper {
  height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}
.record-review-wrapper .column .column-header-wrapper .column-name {
  margin: 0;
  padding: 0;
  color: #4d4d4d;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.record-review-wrapper .column.customize .column-header-wrapper {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding-left: 0;
}
.record-review-wrapper .column.customize .record-details {
  width: 100%;
  overflow: initial;
}
.record-review-wrapper .record {
  height: 75px;
  min-width: 145px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f7f7f7;
}
.record-review-wrapper .record:nth-child(odd) {
  background-color: #fbfbfb;
}
.record-review-wrapper .record:last-of-type {
  margin-bottom: 200px;
}
.record-review-wrapper .record .record-details {
  width: 95%;
  padding: 20px 20px 20px 10px;
  color: #4d4d4d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
}
.record-review-wrapper .record .record-details .header-option img.img-circle.margin-right-5 {
  margin-right: 0 !important;
}
.record-review-wrapper .record .record-details .img-circle {
  border: 1px solid #cccccc;
}
.record-review-wrapper .record .record-details.center {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.record-review-wrapper .record .record-details.no-text .header-option,
.record-review-wrapper .record .record-details.no-text .cos-basic-dropdown-trigger {
  display: flex;
}
.record-review-wrapper .record .record-details.no-text .header-option .header-option-button-text,
.record-review-wrapper .record .record-details.no-text .cos-basic-dropdown-trigger .header-option-button-text {
  display: none;
}
.record-review-wrapper .record .record-details .header-option-button:hover {
  background-color: #efefef;
}
.record-review-wrapper .record .record-details .color-label {
  height: 15px;
  width: 15px;
  padding: 10px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.record-review-wrapper .record .record-details.button-hover-fix .button {
  padding: 7px;
  transition: none;
  animation: none;
}
.record-review-wrapper .record .record-details.button-hover-fix .button:hover, .record-review-wrapper .record .record-details.button-hover-fix:active, .record-review-wrapper .record .record-details.button-hover-fix:focus {
  border-radius: 40px;
  padding: 7px;
  transition: none;
}

.cos-basic-dropdown-content.type, .cos-basic-dropdown-content.owner, .cos-basic-dropdown-content.color-label-options {
  z-index: 999999;
}
.cos-basic-dropdown-content.type .cos-basic-dropdown-content-option-text li, .cos-basic-dropdown-content.owner .cos-basic-dropdown-content-option-text li, .cos-basic-dropdown-content.color-label-options .cos-basic-dropdown-content-option-text li {
  display: flex;
  align-items: center;
}
.cos-basic-dropdown-content.type .cos-basic-dropdown-content-option-text li .pt-picker-icon, .cos-basic-dropdown-content.owner .cos-basic-dropdown-content-option-text li .pt-picker-icon, .cos-basic-dropdown-content.color-label-options .cos-basic-dropdown-content-option-text li .pt-picker-icon {
  margin-right: 10px;
}
.cos-basic-dropdown-content.type .cos-basic-dropdown-content-option-text li p, .cos-basic-dropdown-content.owner .cos-basic-dropdown-content-option-text li p, .cos-basic-dropdown-content.color-label-options .cos-basic-dropdown-content-option-text li p {
  margin: 0;
}
.cos-basic-dropdown-content.type .cos-basic-dropdown-content-option-text .img-circle, .cos-basic-dropdown-content.owner .cos-basic-dropdown-content-option-text .img-circle, .cos-basic-dropdown-content.color-label-options .cos-basic-dropdown-content-option-text .img-circle {
  width: 20px;
  height: 20px;
}

.bulk-instruction-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 85%;
  padding: 10px 20px 30px;
  margin-top: 30px;
  border-radius: 8px;
  background-color: #f7f7f7;
}
.bulk-instruction-container .bulk-instruction-step {
  display: flex;
  align-items: center;
}
.bulk-instruction-container .instruction-count {
  display: flex;
  align-items: center;
  height: 10px;
  width: 10px;
  padding: 8px;
  margin: 10px 10px 10px 0;
  border-radius: 20px;
  background-color: #d17760;
  color: #ffffff;
}
.bulk-instruction-container .bulk-import-icon {
  height: 20px;
  margin: 0 7px;
}

.button.bulk-upload-csv-btn::-webkit-file-upload-button {
  visibility: hidden;
  color: transparent;
}

.button.upload-csv {
  position: relative;
}
.button.upload-csv .bulk-upload-csv-btn {
  width: 127px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.loading-wrapper.bulk-loading-file {
  height: 400px;
  width: 75%;
  border-radius: 4px;
  background-color: #f7f7f7;
  animation: fade-in 500ms forwards;
}

.fs-takeover-wrapper.bulk-project-import-wizard {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: initial;
  height: 100vh;
  position: fixed;
  z-index: 2001;
  background: #ffffff;
  overflow-y: auto;
}
.fs-takeover-wrapper.bulk-project-import-wizard .bulk-project-import-wizard-top-bar {
  position: fixed;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #ffffff;
  width: calc(100% - 410px);
  padding: 30px;
}
.fs-takeover-wrapper.bulk-project-import-wizard .bulk-project-import-wizard-top-bar .button.bulk-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fs-takeover-wrapper.bulk-project-import-wizard .bulk-project-import-wizard-top-bar .bulk-import-icon {
  height: 25px;
}
.fs-takeover-wrapper.bulk-project-import-wizard .fs-takeover-header {
  align-items: flex-start;
  height: initial;
  width: calc(100% - 410px);
  padding: 0 30px;
  margin: 100px 0 0;
  text-align: left;
}
.fs-takeover-wrapper.bulk-project-import-wizard .fs-takeover-header h3 {
  width: 95%;
  margin: 0;
}
.fs-takeover-wrapper.bulk-project-import-wizard .fs-takeover-header h3 .bulk-import-icon {
  height: 22px;
}
.fs-takeover-wrapper.bulk-project-import-wizard .fs-takeover-header p {
  width: 95%;
  text-align: left;
}
.fs-takeover-wrapper.bulk-project-import-wizard .fs-takeover-content {
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.fs-takeover-wrapper.bulk-project-import-wizard .fs-takeover-content.with-resource-bar {
  width: calc(100% - 410px);
  padding: 0 30px;
}
.fs-takeover-wrapper.bulk-project-import-wizard .fs-takeover-content.bulk-add-margin {
  margin-bottom: 200px;
  height: initial;
}
.fs-takeover-wrapper.bulk-project-import-wizard .fs-takeover-content.review-customize {
  width: calc(100% - 33px);
  padding: 0 0 0 30px;
  margin-bottom: 200px;
}

.fs-takeover-content .bulk-import-options-wrapper.wizard-tools {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 20px 20px 5px;
  background-color: #f7f7f7;
  border-radius: 4px;
}
.fs-takeover-content .bulk-import-options-wrapper.wizard-tools .button.bulk-import-button {
  margin: 10px;
  background-color: #ffffff;
}

.bulk-import-records-prompt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 400px;
  width: 50%;
  margin: 200px auto;
  background-color: #f7f7f7;
  border-radius: 8px;
  opacity: 0;
  animation: fs-takeover-contentFade 250ms ease-in forwards;
}
.bulk-import-records-prompt.hard-fail {
  background-color: #fce9e8;
  color: #d15451;
}
.bulk-import-records-prompt .bouncing-loader-container {
  height: 100px;
}
.bulk-import-records-prompt .button.bulk-back-to-cal {
  display: block;
  margin: auto;
}

.mia-onboarding-bulk-import {
  top: 30px;
  right: 220px;
}
.mia-onboarding-bulk-import button.close-button {
  margin: 0 auto 15px 0;
}

.calendar-container.show-navbar {
  margin-left: 55px;
}

.sidebar {
  position: fixed;
  left: 0;
  width: 240px;
  height: 100vh;
  display: flex;
  flex-flow: column;
  transition-duration: 0.1s;
  z-index: 6000;
}
.sidebar button {
  background: transparent;
  border: 0;
  border-radius: 0;
}
.sidebar.customize-active .org-name-container {
  transition: padding-left 2s ease;
  padding-left: 32px;
}
.sidebar.customize-active .sb-item-row:not(.home-button).disabled, .sidebar.customize-active .integration-modal .container.enabled .body .header .sb-item-row.btn:not(.home-button), .integration-modal .container.enabled .body .header .sidebar.customize-active .sb-item-row.btn:not(.home-button) {
  opacity: 0.5;
}
.sidebar.customize-active .sb-item-row:not(.home-button) .icon-eye,
.sidebar.customize-active .sb-item-row:not(.home-button) .icon-eye-blocked {
  opacity: 1;
}
.sidebar.customize-active .sb-item-row:not(.home-button) .left-icon,
.sidebar.customize-active .sb-item-row:not(.home-button) .right-icon {
  display: none;
}
.sidebar.customize-active .sidebar-customize-expanded {
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: visible;
  padding: 10px;
}
.sidebar.customize-active .sidebar-customize-expanded button {
  margin-right: auto;
}
.sidebar .sidebar-inner {
  box-shadow: 8px 0 30px -3px #999999;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 5px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar .sidebar-inner.promo-banner-present, .sidebar .sidebar-inner.delinquent-banner-present, .sidebar .sidebar-inner.warning-banner-present {
  margin-bottom: 42px;
}
.sidebar .sidebar-inner .org-settings.multi-org .org-name-settings {
  padding: 8px 15px 6px;
}
.sidebar .sidebar-inner .org-settings.multi-org .active-org-icon {
  color: #6ba066;
  margin-right: 20px;
}
.sidebar .sidebar-inner .org-settings .org-name-settings {
  font-size: 11px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 1px;
  padding: 15px 20px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.sidebar .sidebar-inner .org-settings .org-name-settings:hover {
  text-decoration: none;
  background-color: #f7f7f7;
}
.sidebar .sidebar-inner .org-settings .org-name-settings.active {
  cursor: default;
}
.sidebar .sidebar-inner .org-settings .org-name-settings.active:hover {
  background-color: #ffffff;
}
.sidebar .sidebar-inner .org-name {
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  text-transform: uppercase;
  color: #999999;
  margin-top: 0;
  padding: 0 5px 0 0;
}
.sidebar .sidebar-inner hr {
  margin: 0;
  border-bottom: none;
}
.sidebar .sb-lg-text {
  font-size: 12.5px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline;
  letter-spacing: 0.3px;
  color: #666666;
}
.sidebar .sb-lg-text .badge {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 9px;
  line-height: 15px;
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
  padding: 0 5px;
  text-shadow: initial;
  border-radius: 50px;
  position: relative;
  top: -1px;
}
.sidebar .sb-lg-text .badge.blue {
  background-color: #62acc4;
}
.sidebar .sb-lg-text .badge.light-blue {
  background-color: #9fb0ce;
}
.sidebar .sb-lg-text .badge.green {
  background-color: #8ac884;
}
.sidebar p {
  color: #666666;
}
.sidebar .sidebar-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  transition-duration: 0.1s;
  transition-delay: 0.1s;
}
.sidebar .sidebar-header .sidebar-user {
  *zoom: 1;
  height: 49px;
  width: 240px;
  display: flex;
  align-items: center;
  zoom: 1;
  z-index: 1000;
  padding: 0;
  position: relative;
  text-align: left;
}
.sidebar .sidebar-header .sidebar-user:before, .sidebar .sidebar-header .sidebar-user:after {
  display: table;
  content: "";
  line-height: 0;
}
.sidebar .sidebar-header .sidebar-user:after {
  clear: both;
}
.sidebar .sidebar-header .sidebar-user.active .icon-chevron-down {
  transform: rotate(180deg);
}
.sidebar .sidebar-header .sidebar-user:hover .sb-lg-text {
  color: #333333;
}
.sidebar .sidebar-header .sidebar-user:hover .icon-chevron-down {
  color: #333333;
}
.sidebar .sidebar-header .sidebar-user .sidebar-user-icon {
  position: relative;
  padding: 5px 10px 5px 0;
  min-width: 26px;
}
.sidebar .sidebar-header .sidebar-user .sidebar-user-icon img {
  width: 26px;
}
.sidebar .sidebar-header .sidebar-user .sb-lg-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}
.sidebar .sidebar-header .sidebar-user .sb-lg-text .user-name {
  padding-right: 5px;
}
.sidebar .sidebar-header .sidebar-user .sb-lg-text:hover {
  text-decoration: none !important;
}
.sidebar .sidebar-header .sidebar-user .icon-chevron-down {
  display: inline-block;
  font-size: 12px;
  margin: 0 3px 0 5px;
  color: #666666;
  transition: transform 150ms ease-out;
}
.sidebar .sidebar-header .sidebar-user .icon-chevron-down.org-name-adjustment {
  margin-top: -12px;
}
.sidebar .sidebar-header .close-sidebar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 49px;
  border-radius: 0;
}
.sidebar .sidebar-header .close-sidebar:hover {
  background-color: #e6e6e6;
}
.sidebar .sidebar-header .close-sidebar:hover .icon-arrow-left {
  color: #333333;
}
.sidebar .settings-menu {
  position: absolute;
  width: 220px;
  z-index: 20;
  top: 40px;
  border-radius: 6px;
  background-color: #ffffff;
  color: #999999;
  margin: 10px;
  font-size: 14px;
  box-shadow: 1px 1px 10px #999999;
  overflow-y: auto;
  max-height: calc(100vh - 100px);
}
.sidebar .settings-menu .settings-row-button {
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  color: #666666;
  padding: 8px 20px 6px 15px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: none;
}
.sidebar .settings-menu .settings-row-button span {
  margin: 0 5px 3px 0;
}
.sidebar .settings-menu .settings-row-button .icon-circle-full {
  font-size: 6px;
  color: #d17760;
  margin: -2px 4px 0 -12px;
  display: none;
}
.sidebar .settings-menu .settings-row-button.show-dot {
  color: #d17760;
}
.sidebar .settings-menu .settings-row-button.show-dot .icon-circle-full {
  display: inline-block;
}
.sidebar .settings-menu .settings-row-button:hover {
  text-decoration: none;
  background-color: #f7f7f7;
}
.sidebar .sortable-item.is-dragging {
  background-color: #f7f7f7;
  z-index: 100;
  box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
}
.sidebar .sortable-item.is-dragging:hover, .sidebar .sortable-item.is-dragging:focus {
  cursor: grabbing;
}
.sidebar .sortable-item.is-dropping {
  background-color: #f7f7f7;
}
.sidebar .sb-item-separator {
  display: block;
  border-bottom: 1px solid #e6e6e6;
  margin: 5px 0;
}
.sidebar .sb-item-row {
  display: flex;
  align-items: center;
  position: relative;
  padding: 11px 15px;
  color: #666666;
  box-sizing: border-box;
  transition: all 0.1s ease;
  width: 100%;
  white-space: nowrap;
  height: 42px;
}
.sidebar .sb-item-row.home-button {
  padding: 11px 14px;
}
.sidebar .sb-item-row.upgrade .sb-lg-text {
  color: #d17760;
}
.sidebar .sb-item-row .sb-item-row-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding: 1px 10px 1px 20px;
  width: 100%;
  text-align: left;
}
.sidebar .sb-item-row .sb-item-row-inner .left-icon {
  position: absolute;
  left: 10px;
  top: 18px;
}
.sidebar .sb-item-row .sb-item-row-inner .right-icon {
  position: absolute;
  top: 17px;
  right: 15px;
}
.sidebar .sb-item-row .sb-item-row-inner.disabled, .sidebar .sb-item-row .integration-modal .container.enabled .body .header .sb-item-row-inner.btn, .integration-modal .container.enabled .body .header .sidebar .sb-item-row .sb-item-row-inner.btn {
  opacity: 0.4;
}
.sidebar .sb-item-row:hover {
  cursor: pointer;
}
.sidebar .sb-item-row:hover .icon-menu {
  opacity: 1;
}
.sidebar .sb-item-row:hover .back-icon {
  font-size: 12px;
  opacity: 0.6;
  display: inline-block;
}
.sidebar .sb-item-row:hover .left-icon,
.sidebar .sb-item-row:hover .sb-lg-text {
  color: #333333;
}
.sidebar .sb-item-row:hover.upgrade .sb-lg-text {
  color: #bc6148;
}
.sidebar .sb-item-row:hover .right-icon a {
  display: inline-block;
}
.sidebar .sb-item-row.sb-footer-row {
  border-top: 1px solid #e6e6e6;
  padding: 13px 15px;
}
.sidebar .sb-item-row .icon-menu {
  position: absolute;
  left: 9px;
  font-size: 14px;
  top: 14px;
  opacity: 0.5;
}
.sidebar .sb-item-row .back-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-right: 8px;
  opacity: 0.2;
  display: none;
  margin-top: 3px;
}
.sidebar .sb-item-row .calendar-color-dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.sidebar .sb-item-row .left-icon {
  font-size: 15px;
  margin-right: 15px;
  margin-left: 3px;
  min-width: 15px;
  text-align: center;
  color: #999999;
}
.sidebar .sb-item-row .left-icon img {
  width: 13px;
  margin-top: -4px;
}
.sidebar .sb-item-row .left-icon .icon-shuffle2 {
  font-size: 12px;
}
.sidebar .sb-item-row .left-icon .icon-message-square-check {
  font-size: 13px;
}
.sidebar .sb-item-row .right-icon {
  position: relative;
  margin: 3px 0 0 auto;
  font-size: 12px;
  opacity: 0.4;
}
.sidebar .sb-item-row .right-icon.view-edit {
  margin-right: 27px;
  color: #666666;
}
.sidebar .sb-item-row .right-icon a {
  color: #666666;
  display: none;
}
.sidebar .sb-item-row .right-icon a:hover {
  color: #333333;
  text-decoration: none;
}
.sidebar .sb-item-row .icon-eye,
.sidebar .sb-item-row .icon-eye-blocked {
  position: absolute;
  right: 12px;
  top: 16px;
  font-size: 14px;
  color: #808080;
}
.sidebar .sb-item-row.selected:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 10px;
  right: 10px;
  border-radius: 6px;
  background-color: #d17760;
  height: 34px;
  z-index: 1;
  transition: 0.1s all ease-in-out;
  transition-delay: 0.1s;
}
.sidebar .sb-item-row.selected.sb-item-support-center::before {
  background-color: #366fb2;
  top: 5px;
  opacity: 0.5;
}
.sidebar .sb-item-row.selected .badge {
  visibility: hidden;
}
.sidebar .sb-item-row.selected .sb-lg-text,
.sidebar .sb-item-row.selected .left-icon,
.sidebar .sb-item-row.selected .right-icon.view-edit {
  position: relative;
  z-index: 10;
  color: #ffffff;
}
.sidebar .sb-item-row.selected .no-save-view {
  opacity: 0;
  margin-right: 15px;
}
.sidebar .sb-item-row.selected .no-save-view .icon-pencil {
  font-size: 13px;
  margin-right: 2px;
}
.sidebar .sb-item-row.selected:hover {
  background-color: transparent;
  cursor: default;
}
.sidebar .sb-item-row.selected:hover .sb-lg-text,
.sidebar .sb-item-row.selected:hover .left-icon,
.sidebar .sb-item-row.selected:hover .right-icon.view-edit {
  color: #ffffff !important;
}
.sidebar .sb-item-row.selected:hover .no-save-view {
  opacity: 1;
}
.sidebar.sidebar-minimized {
  width: 55px;
  z-index: 2000;
}
.sidebar.sidebar-minimized .sidebar-inner {
  box-shadow: none;
  overflow: visible;
}
.sidebar.sidebar-minimized .sidebar-header {
  border-bottom: 1px solid transparent;
}
.sidebar.sidebar-minimized .filter-search-orange-sidebar:not(.filter-shown) {
  display: none;
}
.sidebar.sidebar-minimized .filter-search-orange-sidebar.filter-shown {
  visibility: hidden;
}
.sidebar.sidebar-minimized .sidebar-user,
.sidebar.sidebar-minimized .mia-onboarding-small {
  display: none;
}
.sidebar.sidebar-minimized .sb-lg-text {
  display: none;
}
.sidebar.sidebar-minimized .sb-item-separator {
  margin: 5px 12px 5px 9px;
}
.sidebar.sidebar-minimized .sb-item-row.selected:before {
  left: 0;
  right: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sidebar.sidebar-minimized .sb-item-row.sb-item-support-center:before {
  left: 7px;
  right: 0;
  border-radius: 6px 0 0 6px;
}
.sidebar.sidebar-minimized .sb-item-row.sb-footer-row {
  border-top: 1px solid transparent;
}

.onboarding-popup {
  background-color: #403056;
  position: absolute;
  width: 220px;
  z-index: 2;
  left: 60px;
  border-radius: 5px;
  padding: 15px 20px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
}
.onboarding-popup .icon-chevron-left {
  position: absolute;
  left: -5px;
  font-size: 20px;
  top: 12px;
  color: #403056;
}
.onboarding-popup .heading {
  font-weight: 600;
}
.onboarding-popup p {
  color: #ffffff;
}
.onboarding-popup .button.text-link {
  color: #ffffff;
  padding: 0;
}
.onboarding-popup .button.text-link:hover {
  color: #ffffff;
}

@media (min-width: 1400px) {
  .home-frame .sidebar-inner .sidebar-header {
    padding-left: 10px;
  }
  .home-frame .sidebar-inner .sidebar-header .sidebar-user .sb-lg-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
  }
  .home-frame .sidebar-inner .sb-item-row.tooltip-right:after {
    display: none;
  }
}

.home-frame .sidebar-container .onboarding-popup {
  left: 140px;
}

.top-navbar {
  background-color: #f7f7f7;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.top-navbar.sticky {
  padding-left: 10px;
  position: sticky;
  top: 0;
  z-index: 11;
}
.top-navbar .left {
  display: flex;
}
.top-navbar .left .calendar-label {
  height: 100%;
}
.top-navbar .left .calendar-label .calendar-icon {
  padding: 0;
}
.top-navbar .left .calendar-label .calendar-icon .calendar-color-dot {
  width: 22px;
  height: 22px;
  background-color: transparent;
}
.top-navbar .left .calendar-label .calendar-icon .calendar-color-dot .dot {
  width: 16px;
  height: 16px;
}
.top-navbar .left .calendar-label .calendar-name {
  font-size: 20px;
  margin-left: 3px;
  height: auto;
  color: #4d4d4d;
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 2px;
}
.top-navbar .right {
  display: flex;
  align-items: center;
  justify-items: flex-end;
  margin-top: 8px;
}
.top-navbar .right .alert-paused-social {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  padding: 5px 10px;
  margin: 0 10px;
  border-radius: 6px;
}
.top-navbar .right .alert-paused-social span {
  font-size: 11px;
  margin-right: 3px;
}
.top-navbar .right .chat-prompt-navbar {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #d17760;
  margin: 0 10px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}
.top-navbar .right .chat-prompt-navbar span {
  margin-right: 2px;
  font-size: 13px;
}
.top-navbar .right .chat-prompt-navbar:hover {
  color: #bc6148;
}
.top-navbar .right .promo-banner-details {
  background-color: #f4d9d1;
  border: 1px solid #db8773;
  border-radius: 4px;
  padding: 4px 10px 3px;
  margin: 0 5px;
}
.top-navbar .right .promo-banner-details h4 {
  color: #d17760;
  font-size: 13px;
  margin: 0;
}
.top-navbar .right .promo-banner-details h4 span {
  margin-right: 5px;
  font-size: 12px;
}
.top-navbar .right .promo-banner-details .text-link {
  color: #d17760;
  text-decoration: underline;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 0;
}

.universal-actions {
  display: flex;
}
.universal-actions .universal-action-button {
  line-height: 13px;
  font-size: 18px;
  padding: 6px;
  margin: 2px 0 0 3px;
  border-radius: 20px;
  border: none;
  background-color: transparent;
  height: 30px;
  width: 30px;
  color: #666666;
  z-index: 1211;
}
.universal-actions .universal-action-button:hover, .universal-actions .universal-action-button.active {
  color: #4d4d4d;
  background-color: #e6e6e6;
}
.universal-actions .universal-action-button.notification-bell.has-unseen .notification-dot {
  opacity: 1;
}
.universal-actions .universal-action-button.notification-bell.has-unseen .notification-dot:before, .universal-actions .universal-action-button.notification-bell.has-unseen .notification-dot:after {
  content: "";
  position: absolute;
  bottom: 1px;
  right: 0;
  height: 8px;
  width: 8px;
  background-color: #d17760;
  border-radius: 5px;
}
.universal-actions .universal-action-button.notification-bell.has-unseen .notification-dot:before {
  border: 1px solid #e6e6e6;
  z-index: 20;
  animation: notification-pop 1.4s ease-out 0s 1;
}
@keyframes notification-pop {
  0% {
    transform: scale(2);
    border: 1px solid transparent;
  }
  20% {
    transform: scale(0.5);
    border: 1px solid transparent;
  }
  35% {
    transform: scale(1);
    border: 1px solid #e6e6e6;
  }
  100% {
    transform: scale(1);
  }
}
.universal-actions .universal-action-button.notification-bell.has-unseen .notification-dot:after {
  opacity: 0;
  bottom: 2px;
  right: 1px;
  z-index: 10;
  animation: notification-spash 1s ease-out 0s 1;
}
@keyframes notification-spash {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  20% {
    transform: scale(0);
    opacity: 0.7;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
.universal-actions .universal-action-button.notification-bell .notification-dot {
  opacity: 0;
}
.universal-actions .resource-panel-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  background-color: #f4d9d1;
  color: #d17760;
  border: 0;
  width: 40px;
  font-size: 18px;
  border-radius: 5px 0 0 5px;
  margin: 2px 0 0 3px;
  transition: all 0.2s ease;
  z-index: 1211;
}
.universal-actions .resource-panel-button:hover, .universal-actions .resource-panel-button:focus {
  background-color: #eec5ba;
  color: #bc6148;
  width: 42px;
  margin-left: 1px;
}
.application-container.sidebar-open .universal-actions .resource-panel-button {
  margin-right: 15px;
  background-color: #d17760;
  color: #ffffff;
  border-radius: 5px;
  transition: all 0.2s ease-out 0.1s;
}
.application-container.sidebar-open .universal-actions .resource-panel-button:hover, .application-container.sidebar-open .universal-actions .resource-panel-button:focus {
  width: 40px;
  margin-left: 3px;
}

.agenda-view {
  padding: 20px 100px 80px;
}
.agenda-view h5 {
  border-bottom: 1px solid #e6e6e6;
  line-height: 1px;
  margin: 45px 0 20px;
  position: relative;
}
.agenda-view h5 .agenda-date {
  background-color: #ffffff;
  padding: 10px 10px 0 0;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.agenda-view h5 .campaign-date {
  position: absolute;
  right: 0;
  top: -10px;
  background-color: #ffffff;
  color: #808080;
  font-size: 13px;
  font-style: italic;
  display: block;
  padding: 10px 0 10px 10px;
}
.agenda-view .empty-campaign {
  background-color: #f7f7f7;
  padding: 50px 100px;
  text-align: center;
  border-radius: 4px;
  margin-top: 30px;
}
.agenda-view .empty-campaign h4 {
  font-size: 16px;
}
.agenda-view .timeline-bar.start.end {
  margin-right: 1px;
}
.agenda-view .timeline-bar.start.end.timeline-hovered {
  border-left: 2px solid var(--dark-color);
}
.agenda-view .timeline-bar.start:not(.sortable-drag) {
  margin-left: 1px;
}

.requeue-groups-page {
  display: grid;
  grid-template: calc(100vh - 51px)/281px auto;
}
.requeue-groups-page .requeue-group-details {
  overflow-y: auto;
  padding: 0 50px 50px;
}
.requeue-groups-page .requeue-group-details .requeue-group .loading-icon {
  position: relative;
  left: 50%;
  margin-top: 30px;
}
.requeue-groups-page .requeue-group-details .requeue-group .requeue-help {
  display: flex;
  align-items: center;
  border-bottom: #999999;
  position: relative;
  z-index: 0;
  height: 30px;
  color: #f7f7f7;
  margin: 10px 7px 0;
}
.requeue-groups-page .requeue-group-details .requeue-group .requeue-help .help-link {
  font-size: 12px;
}
.requeue-groups-page .requeue-group-details .requeue-group .requeue-help a {
  color: #999999;
  margin-right: 5px;
}
.requeue-groups-page .requeue-group-details .requeue-group .group-settings .icon-angle-right,
.requeue-groups-page .requeue-group-details .requeue-group .group-settings .icon-angle-down {
  position: absolute;
  right: 13px;
  top: 27px;
}
.requeue-groups-page .requeue-group-details .requeue-group .group-settings h3 .icon-shuffle2,
.requeue-groups-page .requeue-group-details .requeue-group .group-settings .icon-shuffle2 {
  color: #8ac884;
}
.requeue-groups-page .requeue-group-details .modal-scroll .modal.modal-absolute .modal-header h3 .icon-bubble, .requeue-groups-page .requeue-group-details .modal-scroll .modal.modal-absolute .delete-confirmation .delete-header h3 .icon-bubble, .delete-confirmation .requeue-groups-page .requeue-group-details .modal-scroll .modal.modal-absolute .delete-header h3 .icon-bubble {
  margin-right: 5px;
}

label.requeue {
  position: absolute;
  right: 60px;
  top: 18px;
  border-radius: 6px;
  padding: 2px 10px;
  font-size: 11px;
  color: #999999;
  text-transform: none;
  font-weight: normal;
}
label.requeue.settings {
  top: 21px;
  right: 35px;
}
label.requeue.active {
  background-color: #e0f7cf;
}
label.requeue.paused {
  background-color: #fbf3db;
}
label.requeue.expired {
  background-color: #f7f7f7;
}

.requeue-group .group-settings {
  position: relative;
  margin: 10px 10px 20px;
  padding: 15px 20px;
  border-radius: 4px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
.requeue-group .group-settings.open {
  animation: heightopen 0.15s ease-in-out;
}
.requeue-group .group-settings.collapsed {
  display: flex;
  justify-content: space-between;
  animation: heightclosed 0.15s ease-in-out;
}
.requeue-group .group-settings.collapsed .setting-info.has-content {
  margin-top: 8px;
}
.requeue-group .group-settings.collapsed .icon-placeholder:before {
  color: #afb4c1;
}
.requeue-group .group-settings .group-name-input {
  position: relative;
  display: inline-block;
}
.requeue-group .group-settings .group-name-input input {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 34px;
  padding-left: 10px;
  margin-bottom: 10px;
  color: #666666;
  border-radius: 4px;
  border: 1px solid #b3b3b3;
}
.requeue-group .group-settings h3 {
  display: inline;
  color: #666666;
  margin-right: 15px;
}
.requeue-group .group-settings h3 span {
  margin-left: 3px;
  font-size: 14px;
  color: #999999;
}
.requeue-group .group-settings p {
  display: inline;
  font-size: 11px;
  color: #999999;
}
.requeue-group .group-settings p .requeue-dates {
  font-weight: bold;
  margin-right: 7px;
}
.requeue-group .group-settings p .requeue-limit {
  font-weight: bold;
}
.requeue-group .group-settings .actions {
  border-top: 1px solid #b3b3b3;
  padding-top: 15px;
  margin-top: 15px;
}
.requeue-group .group-settings .actions a {
  vertical-align: -webkit-baseline-middle;
}
.requeue-group .group-settings .actions .group-function {
  float: left;
  margin-top: 4px;
  margin-right: 20px;
  color: #666666 !important;
}
.requeue-group .group-settings .actions .group-function a {
  vertical-align: 0;
  color: #666666;
}
.requeue-group .group-settings .actions .group-function .function-icon {
  margin-right: 5px;
}
.requeue-group .group-settings .actions .group-function .confirm {
  left: 0;
  top: -10px;
  right: auto;
}
.requeue-group .group-settings .actions .unarchive-group-btn a:hover {
  color: #999999;
}
.requeue-group .group-settings .actions .unarchive-group-btn .confirm {
  left: 0;
  top: -10px;
  right: auto;
}
.requeue-group .group-settings .actions .archive-group-btn a:hover {
  color: #999999;
}
.requeue-group .group-settings .actions .archive-group-btn .confirm {
  left: 0;
  top: -10px;
  right: auto;
}
.requeue-group .group-settings .toggle-container {
  display: flex;
  width: 100%;
  margin-right: 20px;
  margin-top: 0;
}
.requeue-group .group-settings .sending-not-sending-label {
  margin: 2px 10px 0 0;
}
.requeue-group .group-settings .icon-pencil {
  position: absolute;
  right: 15px;
  top: 40%;
  visibility: hidden;
}
.requeue-group .group-settings .icon-pencil:hover {
  color: #666666;
}
.requeue-group .group-settings:hover span {
  visibility: visible;
}
.requeue-group .group-settings .btn-group {
  margin: -15px 0 0;
}
.requeue-group .group-settings .btn-group .btn {
  font-size: 11px;
  color: #999999;
}
.requeue-group .group-settings .btn-group .btn-requeue-active {
  border-radius: 4px 0 0 4px;
  background-color: #e0f7cf;
  width: 50px;
  border: 1px solid #ffffff;
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.requeue-group .group-settings .btn-group .btn-requeue-active.inactive {
  color: #666666;
  background-color: #b3b3b3;
  opacity: 0.6;
  box-shadow: none;
}
.requeue-group .group-settings .btn-group .btn-requeue-paused {
  background-color: #fbf3db;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ffffff;
  width: 50px;
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.requeue-group .group-settings .btn-group .btn-requeue-paused.inactive {
  color: #666666;
  background-color: #b3b3b3;
  opacity: 0.6;
  box-shadow: none;
}
.requeue-group .group-settings .status-helper {
  margin-top: -5px;
  float: right;
  text-align: right;
  line-height: 12px;
}
.requeue-group .group-settings .status-helper p {
  color: #b3b3b3;
}
.requeue-group .group-settings input {
  width: 300px;
}
.requeue-group .group-settings .requeue-setting-options a {
  color: #666666;
  font-size: 12px;
  text-decoration: none;
}
.requeue-group .group-settings .requeue-setting-options a span {
  color: #666666;
  font-size: 14px;
  margin-right: 3px;
  vertical-align: -2px;
}
.requeue-group .group-settings .requeue-setting-options a.disabled, .requeue-group .group-settings .requeue-setting-options .integration-modal .container.enabled .body .header a.btn, .integration-modal .container.enabled .body .header .requeue-group .group-settings .requeue-setting-options a.btn {
  color: #999999;
}
.requeue-group .group-settings .requeue-setting-options a.disabled span, .requeue-group .group-settings .requeue-setting-options .integration-modal .container.enabled .body .header a.btn span, .integration-modal .container.enabled .body .header .requeue-group .group-settings .requeue-setting-options a.btn span {
  color: #999999;
}
.requeue-group .group-settings .requeue-setting-options .custom-dates {
  margin-bottom: 7px;
}
.requeue-group .group-settings .requeue-setting-options .custom-dates .expanded {
  margin-top: -4px;
  margin-bottom: -5px;
}
.requeue-group .group-settings .requeue-setting-options .custom-dates .expanded .add-on {
  vertical-align: -5px;
}
.requeue-group .group-settings .requeue-setting-options .custom-sending-limits {
  padding-top: 8px;
}
.requeue-group .group-settings .requeue-setting-options .custom-sending-limits .expanded {
  margin-top: -12px;
  margin-bottom: -15px;
}
.requeue-group .group-settings .requeue-setting-options .custom-sending-limits .expanded select.aj-cos-select {
  width: 65px;
}
.requeue-group .group-settings .requeue-setting-options p {
  color: #666666;
  font-size: 12px;
  display: inline;
}
.requeue-group .group-settings .requeue-setting-options select.aj-cos-select {
  width: 50px;
  border-radius: 0;
  margin-top: 8px;
}
.requeue-group .group-settings .requeue-setting-options .ember-view {
  display: inline;
  min-width: 0;
}
.requeue-group .group-settings .requeue-setting-options .date {
  display: inline;
}
.requeue-group .group-settings .requeue-setting-options .date a {
  display: inline;
  margin-right: 5px;
}
.requeue-group .requeue-message-section {
  max-height: calc(100vh - 434px);
  width: 97%;
  padding: 0 20px;
}
.requeue-group .requeue-message-section .loading-icon {
  margin: 30px auto;
  width: 32px;
  display: block;
  animation: fadeinout 2s linear forwards;
}
.requeue-group .requeue-message-section .requeue-message-header {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.requeue-group .requeue-message-section .requeue-message-header .btn .icon-circle-with-plus {
  color: #8ac884;
  vertical-align: -1px;
  font-size: 13px;
}
.requeue-group .requeue-message-section .requeue-message-header h4 {
  float: left;
  width: 100px;
  color: #999999;
  font-size: 20px;
}
.requeue-group .requeue-message-section .requeue-message-header .requeue-profile-filter {
  width: 250px;
}
.requeue-group .requeue-message-section .requeue-message-header .requeue-profile-filter .select2-choice .select2-chosen {
  padding-top: 1px;
}
.requeue-group .requeue-message-section .requeue-message-header .requeue-messages-active {
  display: inline-block;
  padding: 0 25px;
  margin: 15px 15px 0 0;
  cursor: pointer;
  color: #999999;
}
.requeue-group .requeue-message-section .requeue-message-header .requeue-messages-active.active {
  border-bottom: 2px solid #d17760 !important;
  font-weight: bold;
  color: #666666 !important;
}
.requeue-group .requeue-message-section .requeue-message-header .requeue-messages-archived {
  display: inline-block;
  color: #b3b3b3;
  padding: 0 25px;
  margin: 15px 15px 0 0;
  cursor: pointer;
}
.requeue-group .requeue-message-section .requeue-message-header .requeue-messages-archived:hover {
  color: #666666;
}
.requeue-group .requeue-message-section .requeue-message-header .requeue-messages-archived.active {
  border-bottom: 2px solid #b3b3b3 !important;
  font-weight: bold;
  color: #999999;
}
.requeue-group .requeue-message-section .requeue-message-header .fuzzy-search {
  margin-top: -5px;
  width: initial;
}
.requeue-group .requeue-message-section .requeue-group-paging {
  display: flex;
  float: right;
  text-align: right;
}
.requeue-group .requeue-message-section .requeue-group-paging p {
  display: inline-block;
  margin: 10px 5px;
}
.requeue-group .requeue-message-section .requeue-group-paging .btn {
  width: 20px;
  position: relative;
  margin-top: 0;
  padding: 0 5px;
}
.requeue-group .requeue-message-section .requeue-group-paging .btn span {
  font-size: 10px;
}
.requeue-group .requeue-message-section .requeue-first-group {
  opacity: 0.8;
}
.requeue-group .requeue-message-section .requeue-first-group .add-message {
  margin-top: 40px;
  position: relative;
}
.requeue-group .requeue-message-section .requeue-first-group .add-message p {
  font-size: 15px;
  margin: auto;
  color: #999999;
  width: 51%;
  text-align: center;
}
.requeue-group .requeue-message-section .requeue-first-group .add-message p .icon-circle-with-plus {
  color: #8ac884;
  vertical-align: -2px;
}
.requeue-group .requeue-message-section .requeue-group-message {
  width: 99%;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
  display: flex;
  cursor: pointer;
}
.requeue-group .requeue-message-section .requeue-group-message.inactive-padding-bump {
  padding-bottom: 36px;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  width: 110px;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count .count {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  color: #666666;
  display: inline-block;
  margin-left: 0;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count .icon-shuffle2,
.requeue-group .requeue-message-section .requeue-group-message .requeue-count .icon-placeholder {
  display: block;
  font-size: 18px;
  color: #8ac884;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count .icon-placeholder {
  color: #b3b3b3;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count p {
  text-align: left;
  margin: -10px 0;
  font-size: 11px;
  color: #999999;
}
.requeue-group .requeue-message-section .requeue-group-message .draggable-object {
  width: 100%;
}
.requeue-group .requeue-message-section .requeue-group-message .is-dragging-object:active {
  cursor: grabbing;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive {
  height: auto;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive.requeue-inactive {
  width: 91%;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive.requeue-inactive .alert:hover {
  cursor: pointer;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive.requeue-inactive .icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666666;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive .requeue-inactive-item {
  width: 100%;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list:hover, .requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list.hovered {
  border: 2px solid #f7f7f7;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list:hover .message-body, .requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list.hovered .message-body {
  cursor: initial;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list .message-avatar,
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list .message-top-row,
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list .message-content-row {
  opacity: 0.4;
  width: 99%;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list .message-avatar .message-text,
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list .message-top-row .message-text,
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list .message-content-row .message-text {
  height: 35px;
  overflow: hidden;
}
.requeue-group .requeue-message-section .requeue-group-message .inactive .message-associated-list .message-meta-row {
  display: none;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count {
  font-size: 22px;
  color: #8ac884;
  text-align: center;
  margin: 15px 0;
  cursor: default;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count span {
  font-size: 18px;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count .icon-shuffle2 {
  color: #8ac884;
}
.requeue-group .requeue-message-section .requeue-group-message .requeue-count.inactive {
  opacity: 0.4;
}
.requeue-group .requeue-message-section .requeue-group-message .ember-view .ember-view .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail {
  pointer-events: none;
}
.requeue-group .requeue-message-section .requeue-group-message .ember-view .ember-view .message-item .message-associated-list .message .message-body .message-content-row .message-text {
  max-height: 52px;
  overflow: hidden;
}
.requeue-group .requeue-message-section .requeue-group-message .ember-view .ember-view .message-item .message-associated-list .message .message-body .message-meta-row .ember-view .tooltip-small .tooltip-text {
  max-height: 150px;
  overflow: scroll;
}
.requeue-group .requeue-message-section .requeue-group-message .ember-view .ember-view .message-item .message-associated-list .message .message-body .message-meta-row .ember-view .tooltip-small .tooltip-text p {
  margin: 5px 0;
  font-size: 11px;
  color: #ffffff;
}
.requeue-group .requeue-message-section .requeue-group-message .ember-view .ember-view .message-item .message-associated-list .message .message-left-side {
  position: relative;
}
.requeue-group .requeue-message-section .requeue-group-message .ember-view .ember-view .message-item .message-associated-list .message .message-left-side .message-avatar img {
  pointer-events: none;
}
.requeue-group .requeue-message-section .requeue-group-message .ember-view .ember-view .message-item .message-associated-list .message .message-left-side .drag-handle {
  position: absolute;
  left: 26px;
  top: 70px;
  color: #666666;
  cursor: grab;
}

.requeue-group-details .requeue-group .requeue-message-section .requeue-group-message .draggable-object .requeue-message-item .message-item .message-associated-list .cos-ui-btn-confirm .confirm {
  top: -25px;
  right: 5px;
}
.requeue-group-details .requeue-group .requeue-message-section .requeue-group-message .draggable-object .requeue-message-item .message-item .message-associated-list .message .message-body .message-error-row {
  width: 95%;
}
.requeue-group-details .requeue-group .requeue-message-section .requeue-group-message .draggable-object .requeue-message-item .message-item .message-associated-list .message .message-body .message-error-row .alert .learn-more-link {
  color: #c09853;
  text-decoration: underline;
}

.select-option .account-name {
  position: relative;
  top: 0;
  left: 5px;
  line-height: 28px;
  width: 85%;
  max-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.select-option .item-user-inline {
  width: 20px;
  height: 20px;
  margin: 3px 5px 0 0;
  position: relative;
  float: left;
  display: inline-block;
}
.select-option .item-user-inline img {
  vertical-align: top;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.select-option .item-user-inline .item-icon {
  position: absolute;
  bottom: -3px;
  right: -4px;
  font-size: 12px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  width: 12px;
  height: 12px;
  display: flex;
}
.select-option .item-user-inline .item-icon.facebook_page-reversed {
  font-size: 12px !important;
}
.select-option .item-user-inline .item-icon.icon-overlay {
  border-radius: 50%;
  background-color: #999999;
}
@keyframes heightopen {
  0% {
    height: 42px;
  }
  100% {
    height: 170px;
  }
}
@keyframes heightclosed {
  0% {
    height: 170px;
  }
  100% {
    height: 42px;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.social-queue .flex-center .queue-column-center .queue-column-wrapper .queue-column .queue-date .queue-create-message.aj-queue-create-message .queue-create-message-inner .message .message-create-edit.message-associated .requeue-container.is-part-of-requeue .requeue-content-container .requeue-content .requeue-groups-management .requeue-group-select .modal-setup.create-requeue-group {
  position: absolute;
  bottom: -25px;
  top: initial !important;
}
.social-queue .flex-center .queue-column-center .queue-column-wrapper .queue-column .queue-date .queue-create-message.aj-queue-create-message .queue-create-message-inner .message .message-create-edit.message-associated .requeue-container.is-part-of-requeue .requeue-content-container .requeue-content .requeue-groups-management .requeue-group-select .modal-setup.create-requeue-group .modal-container {
  position: fixed;
  top: initial !important;
  bottom: 30px;
  margin: 0 35px;
}

.social-queue .flex-center .queue-column-center .queue-column-wrapper .queue-column .queue-date .queue-container.open .message-item.aj-message-item .queue-create-message.msg-opening .queue-create-message-inner .message .message-create-edit.message-associated .requeue-container.is-part-of-requeue .requeue-content-container .requeue-content .requeue-groups-management .requeue-group-select .modal-setup.create-requeue-group {
  position: absolute;
  bottom: -25px;
  top: initial !important;
}
.social-queue .flex-center .queue-column-center .queue-column-wrapper .queue-column .queue-date .queue-container.open .message-item.aj-message-item .queue-create-message.msg-opening .queue-create-message-inner .message .message-create-edit.message-associated .requeue-container.is-part-of-requeue .requeue-content-container .requeue-content .requeue-groups-management .requeue-group-select .modal-setup.create-requeue-group .modal-container {
  position: fixed;
  top: initial !important;
  bottom: 30px;
  margin: 0 35px;
}

.modal-setup.create-requeue-group {
  position: fixed;
  top: 0;
}
.modal-setup.create-requeue-group .modal-container {
  top: 10%;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type {
  display: flex;
  padding: 0 20px;
  flex-direction: column;
  justify-content: flex-start;
  margin: 30px 0;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option {
  display: flex;
  width: 100%;
  align-items: center;
  margin: 10px 0;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-btn {
  width: 15%;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-description {
  width: 80%;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-description .requeue-group-selection {
  text-transform: none;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-description h4 {
  font-size: 22px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-description h4 .icon-placeholder {
  font-size: 18px;
  display: inline-block;
  color: #8ac884;
  vertical-align: -2px;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-description h4 .icon-placeholder:before {
  color: #afb4c1;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-description h4 .icon-shuffle2 {
  font-size: 18px;
  color: #8ac884;
  vertical-align: -2px;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-description p {
  text-align: left;
  font-size: 14px;
  color: #666666;
  margin-top: 0;
  font-weight: normal;
}
.modal-setup.create-requeue-group .modal-container .modal-content.select-requeue-group-type .requeue-option .requeue-group-description p.requeue-group-note {
  font-size: 12px;
  font-style: italic;
  color: #999999;
  margin-top: -8px;
}
.modal-setup.create-requeue-group .modal-container .modal-content .requeue-group-name-input {
  margin-top: 30px;
}
.modal-setup.create-requeue-group .modal-container .modal-footer.requeue-new-group-footer {
  position: absolute;
}
.modal-setup.create-requeue-group .modal-container .modal-footer.requeue-new-group-footer .btn-orange {
  margin-top: 5px;
}
.modal-setup.create-requeue-group .modal-container .modal-footer.requeue-new-group-footer .modal-back {
  margin-top: 5px;
}

.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .toggle-container {
  position: absolute;
  right: 120px;
  top: 190px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .group-settings.open h3 i {
  margin-top: 18px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .group-settings.open .actions {
  border-top: 1px solid #e6e6e6;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .group-settings.active .group-name-input .icon-shuffle2 {
  color: #6ba066;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .item-a {
  grid-area: header;
  background-color: red;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .item-b {
  grid-area: main;
  background-color: blue;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .item-c {
  grid-area: add-new-button;
  background-color: orange;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .item-c .icon-circle-with-plus {
  color: #8ac884;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .placeholder-header {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 4px;
  padding: 5px 0;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .placeholder-header h4 {
  margin-left: 10px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .placeholder-header .show-other-groups {
  display: inline-block;
  color: #999999;
  margin: 12px -50px 0 0;
  font-size: 12px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .placeholder-header .show-other-groups .ember-checkbox {
  color: #999999;
  margin: 1px 10px 0 0;
  font-size: 12px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container {
  padding: 0 45px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(1, auto);
  grid-gap: 10px;
  justify-items: stretch;
  justify-content: stretch;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box {
  width: 100%;
  grid-template-columns: 100%;
  grid-template-rows: 4px auto 40px;
  background-color: #ffffff;
  color: #666666;
  border-radius: 2px;
  font-size: 14px;
  border: 1px solid #ffffff;
  font-weight: 500;
  justify-self: center;
  justify-items: center;
  cursor: pointer;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .day {
  text-align: center;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .draggable-placeholder {
  display: block;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .icon-circle-with-plus {
  font-size: 18px;
  color: #8ac884;
  opacity: 0.2;
  cursor: pointer;
  position: relative;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .placeholder {
  background-color: #eff7ee;
  color: #666666;
  border-radius: 2px;
  padding: 0 15px 0 8px;
  font-size: 14px;
  font-weight: 500;
  justify-self: center;
  border: dashed 1px #6ba066;
  margin-bottom: 5px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .placeholder:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  border: dashed 1px #999999;
  transition: 0.3s;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .placeholder p.placeholder-time {
  display: block;
  font-size: 10px;
  font-style: italic;
  color: #999999;
  margin: 0;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .placeholder p.placeholder-name {
  display: block;
  font-size: 12px;
  font-style: bold;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: -2px 0;
  line-height: 14px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .placeholder p.placeholder-frequency {
  display: block;
  font-size: 10px;
  font-style: italic;
  color: #999999;
  margin: 0 0 4px 0;
  line-height: 14px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .placeholder.other-placeholders {
  opacity: 0.5;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box.placeholder {
  opacity: 0.4;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder {
  position: relative;
  padding: 5% 40%;
  text-align: center;
  border: 1px dashed transparent;
  margin-bottom: 20px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder .placeholder-adjustments {
  top: 0;
  text-align: left;
  position: absolute;
  padding: 10px;
  width: 200px;
  z-index: 9999;
  margin-left: -90px;
  background-color: white;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder .placeholder-adjustments .set-placeholder-time {
  margin-bottom: 10px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder .placeholder-adjustments .set-placeholder-time input {
  width: 200px;
  margin-top: -4px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder .placeholder-adjustments .placeholder-actions {
  margin-top: 10px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder .placeholder-adjustments .placeholder-actions .icon-remove {
  vertical-align: -6px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder .placeholder-adjustments .set-placeholder-frequency .ember-view .select2-container .select2-choice .select2-chosen {
  font-weight: 400;
  font-size: 12.5px;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder .placeholder-adjustments .set-placeholder-frequency .ember-view .select2-container .select2-choice .select2-arrow {
  margin-right: 0;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder .placeholder-adjustments hr {
  display: none;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  border: dashed 1px #999999;
  transition: 0.3s;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder:hover .icon-circle-with-plus {
  opacity: 1;
}
.requeue-groups-page .requeue-group-details .requeue-group-manual.manual .manual-groups-container .box .add-placeholder-disabled {
  margin-top: 8px;
  position: relative;
  left: 44%;
}

.draggable-object.is-dragging-object .requeue-message-item .tooltip-text {
  display: none;
}

.requeue-sidebar {
  background-color: #f7f7f7;
  position: relative;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #e6e6e6;
}
.requeue-sidebar .recommendations-notification {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px 20px;
  background: #8ac884;
  text-decoration: none;
}
.requeue-sidebar .recommendations-notification p {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-align: center;
}
.requeue-sidebar .show-hide-archived-groups {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  cursor: pointer;
  color: #999999;
}
.requeue-sidebar .sortable-item.is-dragging, .requeue-sidebar .sortable-item.is-dropping {
  z-index: 9999;
  background-color: transparent;
}
.requeue-sidebar a.group-sidebar-item {
  color: #666666;
  text-decoration: none;
}
.requeue-sidebar a.group-sidebar-item .draggable-object-target {
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px 35px 15px 25px;
}
.requeue-sidebar a.group-sidebar-item .draggable-object-target.accepts-drag {
  background-color: #cccccc;
}
.requeue-sidebar a.group-sidebar-item p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
}
.requeue-sidebar a.group-sidebar-item .group-type-icon,
.requeue-sidebar a.group-sidebar-item .view-sort {
  opacity: 0;
  color: #999999;
  position: absolute;
  right: 15px;
}
.requeue-sidebar a.group-sidebar-item .view-sort {
  color: #b3b3b3;
  left: 5px;
  right: auto;
  cursor: grab;
}
.requeue-sidebar a.group-sidebar-item .view-sort:active {
  cursor: grabbing;
}
.requeue-sidebar a.group-sidebar-item:hover .draggable-object-target {
  background-color: #f7f7f7;
}
.requeue-sidebar a.group-sidebar-item:hover .view-sort,
.requeue-sidebar a.group-sidebar-item:hover .group-type-icon {
  opacity: 1;
}

.requeue-container {
  border-top: 1px dashed #e6e6e6;
  display: flex;
  width: 100%;
  margin: auto;
  justify-content: space-around;
  padding: 10px 15px;
  box-sizing: border-box;
}
.requeue-container .sent-requeue-actions {
  grid-area: 2/2;
}
.requeue-container .sent-requeue-actions button {
  margin-left: 10px;
}

.requeue-group-dropdown-container {
  position: relative;
}
.requeue-group-dropdown-container .requeue-group-picker .aj-dropdown-action .requeue-group-btn {
  width: 100%;
  position: relative;
  margin: auto;
  background: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  overflow-x: hidden;
  max-height: 200px;
  text-align: left;
}
.requeue-group-dropdown-container .requeue-group-picker .aj-dropdown-action .requeue-group-btn i {
  color: #666666;
  float: right;
  background-color: #f7f7f7;
  padding: 5px 5px 4px;
  margin-right: -7px;
  margin-top: -1px;
  margin-bottom: -6px;
  animation: none;
  position: absolute;
  top: 0;
  right: 7px;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown {
  position: absolute;
  width: calc(100% - 2px);
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 0 0 2px 2px;
  z-index: 100;
  top: 24px;
  padding-bottom: 5px;
  max-height: 112px;
  overflow: scroll;
  will-change: transform;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown ul {
  list-style-type: none;
  margin: 5px;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown ul li {
  margin: 0px -5px;
  padding: 4px 3px 4px 7px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown ul li:hover {
  background: #62acc4;
  color: white;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .new-group-input {
  width: 175px;
  margin-left: 5px;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .requeue-create-group-btn {
  vertical-align: -3px;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .requeue-create-group-btn .icon-checkmark {
  vertical-align: 6px;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .requeue-create-group-btn .icon-checkmark:hover {
  color: #6ba066;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .icon-close {
  vertical-align: 3px;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .create-new-group {
  text-decoration: none;
  font-size: 12px;
  margin-left: 7px;
  vertical-align: 4px;
}
.requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .create-new-fail-container {
  position: relative;
}
.requeue-group-dropdown-container .toggle-container input.toggle-round + label:before {
  background-color: rgba(0, 0, 0, 0.12);
}
.requeue-group-dropdown-container .toggle-container input.toggle-round:checked + label:before {
  color: rgba(255, 255, 255, 0.4);
  padding-left: 7px;
  font-size: 8px;
  padding-top: 1px;
  line-height: 20px;
  font-family: "CoS" !important;
  content: "✔";
}
.requeue-group-dropdown-container .toggle-container input.toggle-round:checked + label:after {
  margin-left: 19px;
}
.requeue-group-dropdown-container .toggle-container input.toggle-round:checked + label:before {
  background-color: #8ac884;
  width: 33px;
  height: 21px;
}
.requeue-group-dropdown-container.settings {
  background-color: #e0f7cf;
  padding-left: 15px;
  padding-bottom: 5px;
  margin: -5px 1px 25px;
  transition: background-color 0.5s ease;
}
.requeue-group-dropdown-container.settings.requeue-off {
  transition: background-color 0.5s ease;
  background-color: #f4d9d1;
}
.requeue-group-dropdown-container.settings .requeue-status {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  float: left;
  color: #666666;
  margin-top: 8px;
}
.requeue-group-dropdown-container.settings .toggle-container {
  width: 100px;
  display: flex;
}
.requeue-group-dropdown-container.settings p {
  margin-top: 0px;
}
.requeue-group-dropdown-container.settings p span {
  color: #999999;
}
.requeue-group-dropdown-container.settings input.requeue-toggle-round + label {
  margin-left: 20px;
}
.requeue-group-dropdown-container.profile-settings {
  background-color: transparent;
}
.requeue-group-dropdown-container.profile-settings p span {
  vertical-align: 2px;
  color: #b3b3b3;
}
.requeue-group-dropdown-container.profile-settings input.requeue-toggle-round + label {
  margin-left: 20px;
}
.requeue-group-dropdown-container p.requeue-status {
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  float: left;
  color: #999999;
}

.message-chrome .message-standalone .requeue-container {
  margin: 0px -10px 10px;
}

.requeue-modal.requeue-modal-padding .footer .requeue-container .requeue-content-container .requeue-groups-management .requeue-count-limit-select .requeue-count {
  display: none;
}
.requeue-modal.requeue-modal-padding .footer .requeue-container .requeue-content-container .requeue-groups-management .requeue-count-limit-select {
  margin-top: 40px;
}
.requeue-modal.requeue-modal-padding .footer .requeue-container .requeue-content-container .requeue-groups-management .requeue-count-limit-select .requeue-sending-limit p.requeue-status {
  margin-top: -5px;
}
.requeue-modal.requeue-modal-padding .footer .requeue-container .requeue-content-container .requeue-groups-management .requeue-count-limit-select .requeue-sending-limit p.sending-limit-text {
  margin-top: -24px;
}

.requeue-recommended {
  min-width: 888px;
  margin-top: 50px;
}
.requeue-recommended .recommended-header {
  text-align: center;
}
.requeue-recommended .recommended-header h2 {
  font-size: 24px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  color: #8ac884;
  font-size: 28px;
}
.requeue-recommended .recommended-header p {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: gray;
  margin-top: 0;
  padding-top: 0;
}
.requeue-recommended .recommendations-cleared {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.requeue-recommended .recommendations-cleared .mia-recommendations {
  width: 27%;
  margin-top: 30px;
}
.requeue-recommended .recommended-message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.requeue-recommended .recommended-message .text-align-center {
  text-align: center;
  color: #b3b3b3;
}
.requeue-recommended .recommended-message .text-align-center .icon-bars {
  font-size: 36px;
}
.requeue-recommended .recommended-message .btn-dismiss-all {
  margin: 10px auto 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  background-color: transparent;
  padding: 5px 10px;
}
.requeue-recommended .recommended-message .btn-dismiss-all:hover {
  background-color: #e6e6e6;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper {
  position: relative;
  margin-bottom: 10px;
  background-color: #ffffff;
  width: 850px;
  border-radius: 4px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper:hover {
  cursor: grab !important;
  z-index: 2099 !important;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-action {
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 25px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-action hr {
  border-top: 1px solid #e6e6e6;
  margin: 5px 0;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-action .btn {
  border: none;
  background-color: #8ac884;
  transition-duration: 0.5s;
  position: absolute;
  bottom: 15px;
  right: 10px;
  z-index: 2;
  color: #ffffff;
  border-radius: 50px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-action .btn:hover {
  background-color: #68b861;
  transition: none;
  box-shadow: none;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-action .dismiss-btn {
  color: #b3b3b3;
  position: absolute;
  bottom: 19px;
  right: 155px;
  transition-duration: 0.5s;
  z-index: 3;
  font-size: 12px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-action .dismiss-btn:hover {
  color: #999999;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-action.inactive {
  display: none;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .draggable-recommendation {
  width: 88%;
  margin-right: 10px;
}
@media screen and (max-width: 1349px) {
  .requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .draggable-recommendation {
    width: 87%;
  }
}
@media screen and (max-width: 1200px) {
  .requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .draggable-recommendation {
    width: 85%;
  }
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content {
  width: 850px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-item {
  margin-bottom: initial;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  animation: none;
  position: relative;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list:hover {
  transform: none;
  box-shadow: none;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .stats-wrapper {
  min-height: 35px;
  order: 4;
  margin-top: -10px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .stats-wrapper:hover {
  cursor: grab;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .message-statistics-container {
  border: none;
  width: 300px;
  margin-left: 65px;
  animation: none;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .message-statistics-container .prompt {
  display: none;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .message-statistics-container .message-statistic {
  padding: 7px;
  border: none;
  max-width: 70px;
  text-align: left;
  font-size: 10px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .message {
  order: 1;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .message-body:hover {
  cursor: grab;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .message-body .message-text {
  width: 96%;
  padding: 0 15px 15px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container {
  order: 5;
  z-index: 650 !important;
  width: 850px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container {
  padding: 10px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container {
  color: #999999;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker {
  width: 250px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .cos-dropdown .requeue-dropdown {
  overflow-x: hidden;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-status {
  position: absolute;
  left: 269px;
  bottom: 12px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text {
  margin-top: 5px;
  margin-left: 15px;
  color: #999999;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text .sending-limit-picker {
  display: inline-block;
  max-height: 21px;
  margin: 0 0 -2px;
  width: 88px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .requeue-count-limit-select .requeue-sending-limit .sending-limit-text .sending-limit-picker option {
  font-size: 10px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .sent-requeue-actions {
  height: 50px;
  align-items: flex-end;
  margin-bottom: 9px;
}
.requeue-recommended .recommended-message .top-message-container .recommended-message-wrapper .recommended-message-container .recommended-message-content .message-associated-list .requeue-container .requeue-content-container .requeue-content .sent-requeue-actions .btn-small {
  margin-right: 5px;
}

.fadein {
  animation: fadein 2s;
}

.future-msg-add-requeue-tooltip {
  position: absolute !important;
  right: 10px;
  margin-top: -2px;
  color: #b3b3b3;
}
.future-msg-add-requeue-tooltip .tooltip-text {
  font-size: 11px;
  line-height: 12px;
}

.view-msg-history {
  color: #999999;
  font-size: 11px;
  margin-bottom: -5px;
}
.view-msg-history .ember-view .tooltip-small .tooltip-text {
  max-height: 150px;
  overflow: scroll;
}
.view-msg-history .ember-view .tooltip-small .tooltip-text p {
  margin-left: 0;
  width: 100%;
  font-size: 11px;
  color: #999999;
  padding: 2px 0;
}
.view-msg-history:hover {
  cursor: pointer;
  text-decoration: none;
}

.expired-message {
  background-color: #d15451;
  border-radius: 16px;
}
.expired-message p.expired-message-text {
  color: white;
  font-size: 10px;
  padding: 2px 11px;
  vertical-align: middle;
  margin: 0 0 0;
}

.sent-requeue-actions {
  display: flex;
  margin-bottom: 10px;
  justify-content: flex-end;
  margin-right: 10px;
  margin-left: auto;
}

select label {
  font-size: 30px;
}

p.requeue-status {
  margin-left: 10px;
  font-size: 12px;
  float: left;
  color: #999999;
}

p.requeue-original-link {
  display: block;
}

.requeue-history {
  font-size: 12px;
}
.requeue-history .tooltip-small {
  font-size: 12px;
}
.requeue-history .tooltip-small .tooltip-text {
  max-height: 150px;
  overflow-y: scroll;
}
.requeue-history .tooltip-small .tooltip-text p {
  padding: 2px 0;
  width: 100%;
  font-size: 10px;
  color: #999999;
  margin: 0;
}
.requeue-history .tooltip-small .icon-history {
  font-size: 11px;
}

.conversations {
  background-color: #ffffff;
  height: calc(100vh - 50px);
  overflow: hidden;
}
.conversations .conversation-item.private-message {
  background-color: #ffffff;
  border: none;
}
.conversations .conversation-item.private-message .message {
  margin: 15px 20px;
}
.conversations .conversation-item.private-message .message .private-message {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 80%;
}
.conversations .conversation-item.private-message .message .private-message .network-photo {
  position: relative;
  height: 30px;
  width: 30px;
}
.conversations .conversation-item.private-message .message .private-message .network-photo img {
  height: 30px;
  min-width: 30px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #b3b3b3;
}
.conversations .conversation-item.private-message .message .delivery-details {
  display: flex;
  color: #999999;
  position: relative !important;
  top: initial !important;
  right: initial !important;
}
.conversations .conversation-item.private-message .message .delivery-details span {
  margin: 0 5px;
}
.conversations .conversation-item.private-message .message .delivery-details .delivery-time {
  font-size: 11px;
  font-style: italic;
}
.conversations .conversation-item.private-message .message .message-info .message-details {
  color: #4d4d4d;
  background-color: transparent !important;
  border: none !important;
  display: flex;
  flex-direction: column;
}
.conversations .conversation-item.private-message .message .message-info .message-details .attachments-wrapper img {
  width: auto;
  max-height: 200px;
  display: block;
  margin: 10px 5px;
  border-radius: 4px;
}
.conversations .conversation-item.private-message .message .message-info .message-details .attachments-wrapper img:hover {
  cursor: pointer;
}
.conversations .conversation-item.private-message .message .message-info .message-details .attachments-wrapper a {
  color: #62acc4;
  word-break: break-all;
}
.conversations .conversation-item.private-message .message .message-info .message-details .attachments-wrapper .twitter-info,
.conversations .conversation-item.private-message .message .message-info .message-details .attachments-wrapper .icon {
  font-size: 12px;
  color: #999999;
  margin: 5px 5px 0;
}
.conversations .conversation-item.private-message .message .message-info .message-details .preview-conversation-text {
  order: 1;
  border-radius: 8px;
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  padding: 6px 10px;
  margin: 0;
  overflow-wrap: break-word;
  max-width: 500px;
}
.conversations .conversation-item.private-message .message .message-info .message-details .preview-conversation-text .small {
  font-style: italic;
  color: gray;
}
.conversations .conversation-item.private-message .message .message-info .message-details .tag {
  color: #d17760;
}
.conversations .conversation-item.private-message .message .message-container {
  margin: 0;
}
.conversations .conversation-item.private-message .message .message-container .video {
  order: 3;
  width: 25%;
}
.conversations .conversation-item.private-message .message.native-response .private-message {
  flex-direction: row-reverse;
  order: 1;
  margin-left: auto;
}
.conversations .conversation-item.private-message .message.native-response .private-message .message-info .delivery-time {
  text-align: right;
  margin-right: 5px;
}
.conversations .conversation-item.private-message .message.native-response .private-message .message-info .message-details .preview-conversation-text {
  background-color: #09f;
  border: 1px solid rgba(0, 153, 255, 0.2);
}
.conversations .conversation-item.private-message .message.native-response .private-message .message-info .message-details span.link {
  color: #ffffff;
}
.conversations .conversation-item.private-message .message.native-response .private-message .message-info .message-details p {
  color: #ffffff;
}
.conversations .message-container .video {
  order: 3;
}
.conversations .message-container .og-post-preview {
  padding: 0 20px 20px;
  background-color: #f7f7f7;
}
.conversations .message-container .og-post-preview .social-preview-wrapper {
  align-items: center;
  border-radius: 5px;
  background-color: #ffffff;
  padding-bottom: 10px;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .profile {
  width: 100%;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .profile .message-profile-name {
  font-size: 16px;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .profile .profile-picture {
  border: 1px solid #e6e6e6;
  width: 35px;
  height: 35px;
  margin-right: 8px;
  border-radius: 35px;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .profile .network-circle {
  width: 20px;
  height: 20px;
  font-size: 12px;
  bottom: -4px;
  right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .profile .network-circle .network-icon {
  width: initial;
  height: initial;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .profile .network-circle.youtube_social {
  width: 27px;
  height: 27px;
  bottom: -6px;
  right: 0px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .profile .network-circle.youtube_social span.icon-youtube_social {
  color: #ff0000;
  font-size: 20px;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .youtube-title {
  font-size: 14px;
  margin-top: 0px;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary .youtube-thumbnail {
  max-width: 250px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.conversations .message-container .og-post-preview .social-preview-wrapper .message-summary iframe {
  border-radius: 5px;
}
.conversations .message-container .og-post-preview .message-actions {
  padding: 10px 20px;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.conversations .message-container .og-post-preview .styled-radio {
  display: none !important;
}
.conversations .message-container .og-post-preview .more-context-banner {
  position: absolute;
  top: 12px;
  background-color: transparent;
  text-align: center;
  z-index: 2;
}
.conversations .message-container .og-post-preview .more-context-banner p {
  margin: 0;
  font-style: italic;
  color: #999999;
}
.conversations .message-container .social-preview {
  border: none !important;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}
.conversations .message-container .social-preview.instagram .message-engagements {
  height: 0 !important;
  padding: 0;
}
.conversations .message-container .social-preview .message-engagements span {
  display: none;
}
.conversations .message-container .preview-container.second-level {
  margin-left: 70px !important;
}
.conversations .message-container .preview-container.reply-to-comment {
  border: 1px solid #d17760 !important;
  background-color: #ffffff !important;
}
.conversations .message-container .preview-container .message-details {
  width: 95%;
  display: flex;
  flex-direction: column;
  color: #4d4d4d;
  margin: 3px 0 0 5px;
}
.conversations .message-container .preview-container .message-details span.link {
  color: #62acc4;
}
.conversations .message-container .preview-container .message-details img {
  order: 3;
  bottom: 0;
  max-width: 20%;
  border-radius: 8px;
  margin: 15px 0;
}
.conversations .message-container .preview-container .message-details img:hover {
  cursor: pointer;
}
.conversations .message-container .preview-container .message-details p {
  order: 2;
  font-size: 13.5px;
  margin: 5px;
}
.conversations .message-container .preview-container .message-details .profile-name {
  order: 1;
  font-weight: 500;
  margin: 0 0 0 5px;
  color: #999999;
}
.conversations .message-container .preview-container .message-details .profile-name.twitter {
  color: #2ca9e1;
}
.conversations .message-container .preview-container .message-details .profile-name.facebook {
  color: #3b5998;
}
.conversations .message-container .preview-container .message-details .profile-name.instagram {
  color: #e34061;
}
.conversations .message-container .preview-container .message-details .profile-name.linedin {
  color: #0073a5;
}
.conversations .message-container .preview-container .message-details .preview-conversation-text {
  color: #4d4d4d;
  max-width: 90%;
}
.conversations .message-container .preview-container .message-details .preview-conversation-text .tag {
  color: #d17760;
}
.conversations .message-container .preview-container .message-details .preview-conversation-text .video {
  order: 3;
  width: 25%;
}
.conversations .message-container .preview-container .message-details .like-icon {
  position: absolute !important;
  right: 5px;
  bottom: 5px;
  margin: 0 !important;
}
.conversations .message-container .preview-container .network-photo {
  position: relative;
}
.conversations .message-container .preview-container .network-photo img {
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.conversations .message-container .response-indicator {
  font-style: italic;
  margin: -7px 0 10px -4px;
  font-size: 13px;
  color: #d17760;
}
.conversations .star-rating {
  font-size: 12px;
}
.conversations .star-rating .icon-star {
  color: #f2c069;
}
.conversations .star-rating .icon-star-empty {
  color: #b3b3b3;
}
.conversations .reply.blur {
  filter: blur(4px);
}
.conversations .reply .reply-details,
.conversations .reply .reply-actions {
  display: flex;
}
.conversations .reply .reply-details {
  padding: 15px 15px 5px;
  font-size: 12px;
  font-style: italic;
  color: #999999;
}
.conversations .reply .reply-details .network-photo img {
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  margin: 0 7px 0 0;
}
.conversations .reply .reply-details .reply-type {
  position: absolute;
  right: 15px;
  color: #999999;
  font-size: 12px;
}
.conversations .reply .reply-window {
  padding: 0 15px;
  transition: all 0.25s ease-in-out;
}
.conversations .reply .reply-window.disabled, .conversations .reply .integration-modal .container.enabled .body .header .reply-window.btn, .integration-modal .container.enabled .body .header .conversations .reply .reply-window.btn {
  cursor: not-allowed;
}
.conversations .reply .reply-window.disabled .fr-element, .conversations .reply .integration-modal .container.enabled .body .header .reply-window.btn .fr-element, .integration-modal .container.enabled .body .header .conversations .reply .reply-window.btn .fr-element {
  opacity: 0.5;
}
.conversations .reply .reply-window .fr-wrapper {
  width: 100%;
}
.conversations .reply .reply-window .fr-wrapper .fr-placeholder {
  overflow: visible;
}
.conversations .reply .reply-window .fr-element {
  min-height: 90px;
  overflow-y: scroll;
  max-height: 95px;
}
.conversations .reply .reply-window .fr-element p {
  padding-right: 20px;
}
.conversations .reply .reply-window textarea {
  opacity: 0.5;
}
.conversations .reply .reply-window textarea:focus {
  opacity: 1 !important;
}
.conversations .reply .reply-window.enabled {
  opacity: 1;
}
.conversations .reply .reply-window .social-tagging.display-up {
  bottom: 100px;
  width: 96%;
  left: 11px;
}
.conversations .reply .reply-window .text-field {
  width: 100%;
  height: 100%;
}
.conversations .reply .reply-window .text-field .auto-complete {
  width: 100%;
}
.conversations .reply .reply-window .text-field .auto-complete textarea {
  width: 97.25%;
  height: 40px;
  border-radius: 4px;
}
.conversations .reply .reply-actions {
  margin: 0 20px 25px;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
}
.conversations .reply .reply-actions .button {
  position: relative;
}
.conversations .reply .reply-actions .button span.icon-angle-down,
.conversations .reply .reply-actions .button .icon-angle-up {
  position: absolute;
  right: 0;
  height: 16px;
  width: 20px;
  padding: 6px;
  top: 0;
  border-left: 1px solid rgba(77, 77, 77, 0.3);
}
.conversations .reply .reply-actions .button.reply-button {
  min-width: 130px;
}
.conversations .reply .reply-actions .header-option {
  margin-right: 15px;
}
.conversations .reply .reply-actions .archive {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  order: 2;
}
.conversations .reply .reply-actions .archive .archive-function {
  color: #b3b3b3;
  font-size: 12px;
  padding: 6px;
  right: 13px;
  order: 2;
  margin: 0 0 0 -5px;
}
.conversations .reply .reply-actions .archive p {
  text-align: end;
  opacity: 0;
  width: 100px;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 6px;
  transition: 0.5s ease-in-out;
  font-size: 10px;
  color: #b3b3b3;
}
.conversations .reply .reply-actions .small {
  order: 4;
  margin: 7px 15px 0 4px;
  font-size: 11px;
  font-style: italic;
}
.conversations .reply .reply-actions button {
  order: 1;
}
.conversations .reply .reply-actions label {
  opacity: 1;
  padding: 0;
  margin: 0 6px 0 -10px;
}
.conversations .reply .reply-actions label:hover {
  content: "mark resolved";
}
.conversations .reply .reply-actions input {
  position: relative;
}
.conversations .reply .reply-actions input:hover {
  content: "mark resolved";
}
.conversations .reply .reply-actions p {
  color: #999999;
  margin: 11px 20px 0 10px;
}
.conversations .conversations-preview-pane .real-time-team-banner {
  display: flex;
  position: relative;
  align-items: center;
  margin: 3px -9px -6px -15px;
  padding: 5px;
  order: 3;
  background-color: #f7f7f7;
  border-radius: 0 0 4px 4px;
  height: 25px;
}
.conversations .conversations-preview-pane .real-time-team-banner img {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 5px 0 0;
  border: 1px solid #b3b3b3;
}
.conversations .conversations-preview-pane .real-time-team-banner p {
  margin: 0 0 0 5px;
  font-size: 12px;
  font-style: italic;
  color: gray;
}
.conversations .conversations-preview-pane .real-time-team-banner .icon-lock {
  position: absolute;
  font-size: 16px;
  right: 15px;
  top: 8px;
  color: #b3b3b3;
  opacity: 0.5;
}
.conversations .conversations-pane.message {
  position: relative;
  height: calc(100vh - 80px);
  min-width: 500px;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell {
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 20px;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell .empty-header {
  height: 30px;
  border-radius: 50px;
  width: 70%;
  background-color: #ffffff;
  margin-bottom: 20px;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell .empty-message {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 20px;
  max-width: 450px;
  margin: 40px auto;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell .empty-message .empty-profile .empty-user {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell .empty-message .empty-profile .empty-user span {
  color: #e6e6e6;
  font-size: 32px;
  margin-right: 10px;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell .empty-message .empty-profile .empty-user .empty-name {
  height: 24px;
  background-color: #f7f7f7;
  border-radius: 24px;
  width: 160px;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell .empty-message .empty-text {
  height: 18px;
  width: 85%;
  border-radius: 18px;
  background-color: #f7f7f7;
  margin: 4px 0;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell .empty-message .empty-text.second {
  width: 90%;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-message-shell .empty-message .empty-text:last-of-type {
  width: 50%;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-response {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: #f7f7f7;
  border-radius: 5px 5px 0 0;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-response .empty-message-box {
  background-color: #ffffff;
  border-radius: 4px;
  height: 100px;
}
.conversations .conversations-pane.message .empty-conversation-state .empty-response .empty-button {
  height: 30px;
  width: 200px;
  border-radius: 50px;
  background-color: #e6e6e6;
  margin: 10px;
}
.conversations .conversations-pane.message .empty-conversation-state h4 {
  font-size: 15px;
  text-align: center;
}
.conversations .conversations-pane.message .conversation-container .conversation-banner {
  border-radius: 4px 4px 0 0;
  background-color: #f7f7f7;
  padding: 15px 20px 15px;
  display: flex;
  align-items: center;
}
.conversations .conversations-pane.message .conversation-container .conversation-banner .profile-image {
  border-radius: 25px;
  height: 25px;
  width: 25px;
  margin-right: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.conversations .conversations-pane.message .conversation-container .conversation-banner .heading {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  margin: 0;
}
.conversations .conversations-pane.message .conversation-container .conversation-banner .heading a {
  text-decoration: underline;
}
.conversations .conversations-pane.message .conversation-container .conversation-banner .action {
  display: flex;
  justify-content: center;
  background-color: #f7f7f7;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  padding: 7px;
  margin: 6px;
  transition: 0.25s ease-in-out;
}
.conversations .conversations-pane.message .conversation-container .conversation-banner .action .icon-tag {
  color: #ffffff;
  opacity: 0.8;
}
.conversations .conversations-pane.message .conversation-container .conversation-banner .action:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
  transition-duration: 0.25s;
  cursor: pointer;
}
.conversations .conversations-pane.message .conversation-container .conversation-item {
  max-height: calc(100vh - 355px);
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 20px;
}
.conversations .conversations-pane.message .conversation-container .conversation-item label {
  margin: 10px 0 0 10px;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .og-post-preview .message {
  border: none;
  margin: 0;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container {
  width: 100%;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container.is-social-preview {
  margin-bottom: 20px;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .preview-container {
  margin: 10px 10px 0;
  padding: 15px 15px 10px;
  border-radius: 4px;
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  position: relative;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .preview-container .message-details {
  display: flex;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .message-engagements {
  order: 4;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .message-engagements span {
  display: none;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .like-og-content.icon-insta-heart2 {
  color: #e34061;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .like-og-content.icon-facebook-like2 {
  color: #3b5998;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .like-og-content.icon-linkedin-like2 {
  color: #0073a5;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .like-og-content.icon-twitter-like2 {
  color: #2ca9e1;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .message-container .like-og-content:hover {
  color: #999999;
  transition-duration: 0.25s;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .delivery-details {
  position: absolute;
  right: 15px;
  top: 10px;
}
.conversations .conversations-pane.message .conversation-container .conversation-item .message .delivery-details .delivery-time {
  color: #999999;
  font-size: 10px;
  font-style: italic;
  margin-bottom: 0px;
}
.conversations .conversations-pane.message .conversation-container .conversation-action-container {
  border: 1px solid #e6e6e6;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 5px 5px 0 0;
  height: 200px;
  background-color: #ffffff;
}
.conversations .conversations-pane.message .conversation-container .conversation-action-container .project-tags-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
}
.conversations .conversations-pane.message .conversation-container .conversation-action-container .project-tags-wrapper .tag-selector {
  flex-grow: 1;
}
.conversations .conversations-pane.message .conversation-container .no-send-container {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #f7f7f7;
  height: 200px;
  padding: 40px 20px 20px;
  text-align: center;
  border-radius: 5px;
}
.conversations .conversations-pane.message .conversation-container .no-send-container p {
  max-width: 550px;
  margin: 0 auto;
}
.conversations .conversations-pane.message .conversation-container .no-send-container .project-tags-wrapper {
  position: absolute;
  bottom: 80px;
  left: 20px;
  text-align: left;
  z-index: 2;
  width: 95%;
  display: flex;
  align-items: center;
}
.conversations .conversations-pane.message .conversation-container .actions-tab {
  display: flex;
  position: absolute;
  right: 0;
  top: -45px;
  width: 50px;
}
.conversations .conversations-pane.message .conversation-container .actions-tab .action-container {
  padding: 7px;
  height: 15px;
  width: 15px;
  border-radius: 28px;
  border: 1px solid #b3b3b3;
  transition: 0.25s ease-in-out;
}
.conversations .conversations-pane.message .conversation-container .actions-tab .action-container span {
  font-size: 16px;
  display: inline-block;
  color: #b3b3b3;
}
.conversations .conversations-pane.message .conversation-container .actions-tab .action-container:hover {
  border: 1px solid #999999;
}
.conversations .conversations-pane.message .conversation-container .actions-tab .action-container:hover span {
  color: gray;
}
.conversations .conversations-pane.preview {
  overflow-y: scroll;
  height: calc(100vh - 85px);
}
.conversations .conversations-pane.preview .preview-items-container .no-results,
.conversations .conversations-pane.preview .preview-items-container .loading-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.conversations .conversations-pane.preview .preview-items-container .loading-wrapper {
  margin: 20px 0;
}
.conversations .conversations-pane.preview .preview-items-container .empty-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0 0;
}
.conversations .conversations-pane.preview .preview-items-container .empty-state h4 {
  margin: 25px 0 0 0;
}
.conversations .conversations-pane.preview .preview-items-container .empty-state p {
  max-width: 250px;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #b3b3b3;
  margin-top: 15px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation {
  opacity: 1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container {
  border-bottom: 1px solid #e6e6e6;
  height: 100px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container.read {
  opacity: 0.8;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container.active {
  opacity: 1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container.active, .conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container.active .checkbox-container, .conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container:hover .checkbox-container {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container.active .checkbox-container.resolved, .conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container:hover .checkbox-container.resolved {
  opacity: 1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container.active .more-tags, .conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container:hover .more-tags {
  background: #f7f7f7;
  background: linear-gradient(266deg, rgb(247, 247, 247) 47%, rgba(255, 255, 255, 0) 100%);
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container.has-real-time .checkbox-container {
  bottom: 45px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .conversations-preview-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .conversations-preview-items .header-option-button-label {
  width: 15px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container {
  opacity: 0;
  z-index: 1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container .archive-function {
  margin: 0 1px 0 5px;
  color: #b3b3b3;
  font-size: 16px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container p {
  text-align: end;
  opacity: 0;
  width: 100px;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 6px;
  transition: all 0.5s ease-in-out;
  font-size: 10px;
  color: #b3b3b3;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container:hover p,
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container:hover span {
  display: inline-block;
  color: #4d4d4d;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container:hover p {
  opacity: 1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container.resolved {
  color: #f7f7f7;
  opacity: 1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container.resolved span {
  color: #999999;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container.resolved p {
  opacity: 0;
  width: 60px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container.resolved:hover span {
  color: #4d4d4d;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .checkbox-container.resolved:hover p {
  opacity: 1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview {
  display: flex;
  flex-direction: row;
  position: relative;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details {
  margin: 0 9px 10px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .link a {
  color: #62acc4;
  word-break: break-all;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .tag {
  color: #d17760;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .profile-name {
  margin: 0;
  min-height: 10px;
  font-weight: 500;
  color: #999999;
  display: flex;
  align-items: center;
  gap: 5px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .profile-name.twitter {
  color: #2ca9e1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .profile-name.facebook {
  color: #3b5998;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .profile-name.instagram {
  color: #e34061;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .profile-name.linkedin {
  color: #0073a5;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .profile-name.google_my_business {
  color: #4989f5;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .profile-name .green-dot {
  color: #8ac884;
  font-size: 8px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .preview-conversation-text {
  overflow: hidden;
  font-size: 13.5px;
  margin: 5px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 40px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .preview-conversation-text .darken {
  filter: brightness(50%);
  background-color: #000000;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .preview-conversation-text img,
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .preview-conversation-text video {
  border-radius: 4px;
  height: 100%;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .preview-conversation-text img:hover,
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .preview-conversation-text video:hover {
  cursor: pointer !important;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .message-details .preview-conversation-text .icon-play4 {
  margin: 0 0 0 -21%;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo {
  position: relative;
  height: 60px;
  width: 45px;
  min-width: 45px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon {
  position: absolute;
  background-color: #999999;
  padding: 1px 5px;
  border-radius: 25px;
  width: 12px;
  right: 0;
  bottom: 15px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon.twitter {
  background-color: #2ca9e1;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon.facebook {
  background-color: #3b5998;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon.instagram {
  background-color: #e34061;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon.linkedin {
  background-color: #0073a5;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon.google_my_business {
  background-color: #4989f5;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon.mastodon {
  background-color: #6364ff;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon span {
  font-size: 12px;
  margin: auto;
  color: white;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon.youtube_social {
  width: 27px;
  height: 27px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .network-photo .network-icon.youtube_social span.icon-youtube_social {
  color: #ff0000;
  font-size: 20px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .message-preview .unresolved {
  opacity: 0;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .delivery-details {
  display: flex;
  flex-wrap: wrap;
  color: #999999;
  align-items: center;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .delivery-details span {
  margin: 0 2px;
}
.conversations .conversations-pane.preview .preview-items-container .message-preview-animation .preview-container .delivery-details .delivery-time {
  font-size: 11px;
  font-style: italic;
  margin-bottom: 0px;
  line-height: 14px;
}
.conversations .collapsible-item {
  overflow: initial;
}
.conversations .collapsible-item.is-opening {
  animation: height-transition-open 1.3s ease-out 1;
}
.conversations .collapsible-item i.icon-chevron-up {
  display: block;
  transition: all 150ms ease;
}
.conversations .collapsible-item.collapsed {
  min-height: 25px;
  max-height: 25px;
  overflow: hidden;
}
.conversations .collapsible-item.collapsed.is-closing {
  animation: height-transition-closed 500ms ease-out 1;
}
.conversations .collapsible-item.collapsed i.icon-chevron-up {
  transform: rotate(180deg);
}
@keyframes height-transition-closed {
  0% {
    max-height: 100vh;
    overflow: hidden;
  }
  80% {
    max-height: 25px;
    overflow: hidden;
  }
  100% {
    max-height: 25px;
    overflow: hidden;
  }
}
@keyframes height-transition-open {
  0% {
    max-height: 25px;
    overflow: hidden;
  }
  80% {
    max-height: 100vh;
    overflow: hidden;
  }
  100% {
    max-height: 100vh;
    overflow: hidden;
  }
}
.conversations .conversations-sidebar .sidebar-scroll {
  height: calc(100vh - 115px);
  max-height: calc(100vh - 115px);
  overflow: auto;
}
.conversations .conversations-sidebar .sidebar-section {
  margin: 5px 0 10px;
}
.conversations .conversations-sidebar .profile-list,
.conversations .conversations-sidebar .tags-list,
.conversations .conversations-sidebar .labels-list {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.conversations .conversations-sidebar .profile-list.collapsed,
.conversations .conversations-sidebar .tags-list.collapsed,
.conversations .conversations-sidebar .labels-list.collapsed {
  display: none;
}
.conversations .conversations-sidebar .profile-list .social-profile-list,
.conversations .conversations-sidebar .tags-list .social-profile-list,
.conversations .conversations-sidebar .labels-list .social-profile-list {
  list-style-type: none;
  margin: 0 0 10px 0;
}
.conversations .conversations-sidebar .main-label {
  margin-bottom: 10px;
  padding-left: 8px;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.conversations .conversations-sidebar .profiles-header,
.conversations .conversations-sidebar .tags-header,
.conversations .conversations-sidebar .labels-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.conversations .conversations-sidebar .profiles-header label,
.conversations .conversations-sidebar .tags-header label,
.conversations .conversations-sidebar .labels-header label {
  font-size: 11px;
  padding-left: 8px;
}
.conversations .conversations-sidebar .profiles-header .chevron,
.conversations .conversations-sidebar .tags-header .chevron,
.conversations .conversations-sidebar .labels-header .chevron {
  font-size: 16px;
  color: #999999;
}
.conversations .conversations-sidebar .tags-header,
.conversations .conversations-sidebar .labels-header {
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
}
.conversations .conversations-sidebar .collapsible-item.collapsed {
  overflow: initial;
  min-height: initial;
  max-height: initial;
}
.conversations .conversations-sidebar .filter-option {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 8px 6px;
  margin-bottom: 3px;
  cursor: pointer;
}
.conversations .conversations-sidebar .filter-option:hover, .conversations .conversations-sidebar .filter-option.selected {
  background-color: #f7f7f7;
  border-radius: 4px;
}
.conversations .conversations-sidebar .filter-option:hover .icon.icon-youtube_social2, .conversations .conversations-sidebar .filter-option.selected .icon.icon-youtube_social2 {
  color: #f7f7f7;
}
.conversations .conversations-sidebar .filter-option:hover .chevron, .conversations .conversations-sidebar .filter-option.selected .chevron {
  display: block;
}
.conversations .conversations-sidebar .filter-option .chevron {
  position: absolute;
  display: none;
  border-left: 1px solid #ffffff;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 8px 5px;
}
.conversations .conversations-sidebar .filter-option.group p.service-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 155px;
}
.conversations .conversations-sidebar .filter-option.tags {
  font-size: 13px;
  display: block;
}
.conversations .conversations-sidebar .filter-option.tags .tag-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 230px;
  margin: 0;
}
.conversations .conversations-sidebar .filter-option .label-section {
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.conversations .conversations-sidebar .filter-option .label-section .header-option-button-label {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
}
.conversations .conversations-sidebar .social-group-profiles {
  margin-left: 28px;
}
.conversations .conversations-sidebar .social-group-profiles.collapsed {
  display: none;
}
.conversations .conversations-sidebar .icon {
  margin-right: 5px;
  font-size: 14px;
  width: 21px;
}
.conversations .conversations-sidebar .icon.icon-facebook_page2 {
  color: #3b5998;
}
.conversations .conversations-sidebar .icon.icon-instagram2 {
  color: #e34061;
}
.conversations .conversations-sidebar .icon.icon-twitter2 {
  color: #2ca9e1;
}
.conversations .conversations-sidebar .icon.icon-google_my_business2 {
  color: #4989f5;
}
.conversations .conversations-sidebar .icon.icon-square-stack {
  color: #b3b3b3;
}
.conversations .conversations-sidebar .icon.icon-linkedin_company2 {
  color: #0073a5;
}
.conversations .conversations-sidebar .icon.icon-youtube_social2 {
  background-color: red;
  color: #ffffff;
  font-size: 23px;
  width: 21px;
  height: 21px;
  margin: 0 8px 0 -3px;
}
.conversations .conversations-sidebar .icon.icon-mastodon2 {
  color: #6364ff;
}
.conversations .conversations-sidebar p.service-name {
  margin: 0 5px 0 0;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 175px;
}
.conversations .conversations-sidebar .service-count {
  margin: 0;
  font-weight: 500;
  background-color: #8ac884;
  color: #ffffff;
  border-radius: 15px;
  height: 15px;
  padding: 0 7px;
  display: flex;
  align-items: center;
  font-size: 9px;
}
.conversations .settings {
  display: flex;
  justify-content: end;
  margin-right: 20px;
  padding-top: 5px;
  color: #b3b3b3;
}
.conversations .help-link {
  color: #999999;
  margin-right: 5px;
  font-size: 12px;
}
.conversations .conversations-inbox {
  display: grid;
  grid-template-columns: 250px 370px 1fr;
  gap: 20px;
  padding: 10px 20px 0;
}
.conversations .conversations-inbox.no-profiles .modal-setup {
  top: 0;
}
.conversations .conversations-inbox.no-profiles .modal-header, .conversations .conversations-inbox.no-profiles .delete-confirmation .delete-header, .delete-confirmation .conversations .conversations-inbox.no-profiles .delete-header {
  background-color: transparent;
  border-bottom: none;
  position: relative;
}
.conversations .conversations-inbox.no-profiles .modal-header .icon-close, .conversations .conversations-inbox.no-profiles .delete-confirmation .delete-header .icon-close, .delete-confirmation .conversations .conversations-inbox.no-profiles .delete-header .icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.conversations .conversations-inbox.no-profiles .modal-container {
  top: 20%;
}
.conversations .conversations-inbox.no-profiles .modal-container h4 {
  font-size: 22px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  padding: 10px;
}
.conversations .conversations-inbox.no-profiles .modal-container p {
  text-align: left;
}
.conversations .conversations-inbox.no-profiles .modal-footer {
  border-top: none;
  padding: 0 25px;
}
.conversations .conversations-inbox.no-profiles .modal-footer .btn-blue {
  padding: 5px;
}
.conversations .conversations-filter {
  min-height: 32px;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-direction: row-reverse;
  position: relative;
}
.conversations .conversations-filter .btn-icon {
  margin: 0 8px 0 0;
}
.conversations .conversations-filter .btn-icon:hover {
  cursor: pointer !important;
}
.conversations .conversations-filter .btn-icon .icon-search {
  margin: 0px -4px 0px 2px;
  vertical-align: -3px;
  color: #999999;
}
.conversations .conversations-filter .conversations-search {
  height: 43px;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  top: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.conversations .conversations-filter .conversations-search .icon-close {
  margin: 0 8px 0 0;
}
.conversations .conversations-filter .conversations-search .search-input {
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  position: relative;
  background-color: #ffffff;
  padding: 2px 0;
}
.conversations .conversations-filter .conversations-search .search-input input {
  width: 100%;
  top: 2px;
  margin-bottom: 0;
}
.conversations .conversations-filter .conversation-status-dropdown {
  order: 3;
  width: 45%;
}
.conversations .conversations-filter .conversation-status-dropdown .input-block .select2-container .select2-choice {
  color: #666666;
}
.conversations .conversations-filter .conversation-status-dropdown.type {
  order: 2;
  width: 43.5%;
}
.conversations .new-messages {
  width: 100%;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #49495b;
}
.conversations .new-messages .new-messages-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.conversations .new-messages .new-messages-btn h4 {
  width: 100%;
  padding: 6px 10px;
  text-align: center;
  font-size: 14px;
}
.conversations .new-messages .new-messages-btn .icon-arrow-left {
  display: inline-block;
  transform: rotate(90deg) !important;
}
.conversations .new-messages:hover {
  cursor: pointer;
}
.conversations .header-option .button.header-option-button {
  padding: 0;
}
.conversations .header-option .button.header-option-button.tooltip-left:after, .conversations .header-option .button.header-option-button.tooltip-left.no-attr .tooltip-text {
  left: 100%;
  bottom: 50%;
  top: auto;
  right: auto;
  transform: translateY(50%);
}
.conversations .header-option .button.header-option-button.tooltip-left:hover:after, .conversations .header-option .button.header-option-button.tooltip-left.no-attr:hover .tooltip-text, .conversations .header-option .button.header-option-button.tooltip-left.always-show:after, .conversations .header-option .button.header-option-button.tooltip-left.always-show.no-attr .tooltip-text {
  transform: translate(10px, 50%);
}
.conversations .header-option .header-option-button-label {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.conversations .header-option .header-option-button-text {
  display: none;
}
.conversations .tag-selector {
  width: 100%;
  margin: 0 5px;
}
.conversations .tags-button {
  padding: 5px 5px;
  align-items: center;
  display: flex;
}
.conversations .tags-button .icon-tag {
  color: #b3b3b3;
  font-size: 18px;
  margin-right: 10px;
}
.conversations .tags-button .icon-tag.tags-closed:hover {
  color: rgba(51, 51, 51, 0.5);
  cursor: pointer;
}
.conversations .preview-container {
  background-color: #ffffff;
  padding: 15px 15px 5px;
}
.conversations .preview-container .tagify__tag-text {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}
.conversations .preview-container .tags {
  display: flex;
  width: 200px;
  position: relative;
  overflow: hidden;
}
.conversations .preview-container .tags .tag-group {
  display: flex;
}
.conversations .preview-container .tags .tagify__tag {
  margin: 0 2px;
  flex-shrink: 0;
}
.conversations .preview-container .tags .more-tags {
  position: absolute;
  width: 40px;
  height: 25px;
  background: #ffffff;
  background: linear-gradient(266deg, rgb(255, 255, 255) 47%, rgba(255, 255, 255, 0) 100%);
  z-index: 100;
  right: 0px;
}
.conversations .preview-container .tags .more-tags.active {
  background: #f7f7f7;
  background: linear-gradient(266deg, rgb(247, 247, 247) 47%, rgba(255, 255, 255, 0) 100%);
}

.conversations-settings-container {
  display: flex;
  flex-direction: column;
}
.conversations-settings-container .settings {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.conversations-settings-container .settings .setting-config {
  display: flex;
  width: 100%;
}
.conversations-settings-container .settings .setting-config p {
  width: 80%;
}
.conversations-settings-container .settings .profile-settings {
  border-bottom: 1px solid #e6e6e6;
  height: 55px;
  position: relative;
}
.conversations-settings-container .settings .profile-settings .service-profile-photo {
  width: 40px;
  margin-right: 20px;
  border-radius: 4px;
}
.conversations-settings-container .settings .profile-settings .icon {
  position: absolute;
  bottom: 2px;
  left: 25px;
  font-size: 15px !important;
}
.conversations-settings-container .settings .profile-settings .icon.icon-youtube_social {
  font-size: 20px !important;
  background-color: #ffffff;
  padding: 3px;
  border-radius: 20px;
  left: 20px;
  border: 1px solid #e6e6e6;
}
.conversations-settings-container .settings .profile-settings .service-name {
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.conversations-settings-container .settings .profile-settings .reauth-container {
  width: 100%;
  padding: 0 15px;
  flex-wrap: wrap;
}
.conversations-settings-container .settings .profile-settings .reauth-container .reauth-message {
  background-color: #fbf3db;
  border-radius: 4px;
}
.conversations-settings-container .settings .profile-settings .reauth-container .reauth-message p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: #c09853;
  font-size: 13px;
  padding: 6px 10px;
  margin: 0;
  overflow-wrap: normal;
}
.conversations-settings-container .settings .profile-settings .reauth-container .reauth-message a {
  color: #c09853;
  text-decoration: underline;
}
.conversations-settings-container .btn-text {
  padding: 0;
}
.conversations-settings-container .toggle-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  min-width: 40px;
  border-radius: 25px;
  background-color: #e6e6e6;
  height: 23px;
}
.conversations-settings-container .toggle-container.on {
  background-color: #8ac884;
}
.conversations-settings-container .toggle-container.off {
  justify-content: flex-start !important;
}
.conversations-settings-container .toggle-container.off .status {
  margin: 0 3px 3px 4px;
}
.conversations-settings-container .toggle-container .status {
  background-color: #ffffff;
  border-radius: 25px;
  margin: 0 3px 3px 0;
  height: 17px;
  width: 17px;
}
.conversations-settings-container .toggle-container .status.profile {
  width: 17px;
  height: 17px;
}

.sidebar-height {
  height: 100%;
}

.sidebar-tasks {
  display: flex;
  width: 800px !important;
  padding: 0 !important;
}

.task-sort-dropdown.cos-dropdown-wrapper .cos-dropdown {
  width: 130px;
  top: 29px;
  right: -60px;
}
.task-sort-dropdown.cos-dropdown-wrapper .cos-dropdown ul.cos-dropdown-menu label {
  margin: 7px 0 4px 10px;
}
.task-sort-dropdown.cos-dropdown-wrapper .cos-dropdown ul.cos-dropdown-menu li {
  padding: 6px 11px;
}
.task-sort-dropdown.cos-dropdown-wrapper .cos-dropdown ul.cos-dropdown-menu li:last-of-type {
  border-radius: 0 0 6px 6px;
}

.tasks-wrapper {
  transition: margin-top 0.3s ease;
  height: 100%;
  width: 100%;
  display: flex;
}
.tasks-wrapper.is-applying-template .task-social-actions-wrapper, .tasks-wrapper.is-bulk-selecting .task-social-actions-wrapper {
  visibility: visible !important;
}
.tasks-wrapper.is-applying-template .task-social-actions-wrapper .task-social-actions, .tasks-wrapper.is-bulk-selecting .task-social-actions-wrapper .task-social-actions {
  transform: translateY(0) !important;
  transition: all 0.5s ease-out !important;
}
.tasks-wrapper.is-applying-template .task-header-wrapper, .tasks-wrapper.is-bulk-selecting .task-header-wrapper {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
}
.tasks-wrapper.is-applying-template {
  margin-top: 168px;
}
.tasks-wrapper.is-applying-template .tasks-adv-view-inner {
  height: 100vh;
}
.tasks-wrapper.is-applying-template .task-item-wrapper {
  background-color: #e9f0f4;
}
.tasks-wrapper.is-applying-template .task-item-wrapper.is-new-task {
  visibility: hidden;
  opacity: 0;
  margin-top: 0;
  margin-bottom: -5px;
}
.tasks-wrapper.is-applying-template .task-item-wrapper.is-existing-task {
  pointer-events: none;
  z-index: 100 !important;
  background-color: transparent;
}
.tasks-wrapper.is-applying-template .task-item-wrapper.is-existing-task:before {
  content: "";
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1050;
}
.tasks-wrapper.is-bulk-selecting {
  margin-top: 90px;
}
.tasks-wrapper.is-bulk-selecting .task-item-wrapper.is-new-task {
  visibility: hidden;
  opacity: 0;
  margin-top: 0;
  margin-bottom: -5px;
}
.tasks-wrapper.is-bulk-selecting .task-item-wrapper.is-existing-task {
  pointer-events: none;
  z-index: 100 !important;
  background-color: transparent;
}
.tasks-wrapper.is-bulk-selecting .task-item-wrapper .task-item .task-top-section .task-top-row input.task-checkbox {
  margin: 2px 0 0 33px;
}
.tasks-wrapper.is-bulk-selecting .task-item-wrapper .task-item .task-top-section .task-bottom-row {
  padding-left: 68px;
}
.tasks-wrapper.is-bulk-selecting .task-item-wrapper .task-item .task-pending-approval-row {
  margin: 7px 20px 5px 32px;
}
.tasks-wrapper.is-bulk-selecting .task-item-wrapper .task-item .task-adv-view-action {
  display: none;
}
.tasks-wrapper h5 {
  color: #b3b3b3;
  margin-bottom: 3px;
  margin-left: 20px;
}
.tasks-wrapper .task-header-wrapper {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.tasks-wrapper .task-sidebar-ellipsis-menu .icon {
  font-size: 16px;
}
.tasks-wrapper .tasks-list-wrapper {
  width: 350px;
}
.tasks-wrapper .tasks-list-wrapper .tasks-list-inner {
  margin-bottom: 365px;
  min-height: 270px;
}
.tasks-wrapper .tasks-list-wrapper .tasks-list-inner.sample-tasks {
  margin-bottom: 0;
  min-height: initial;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .collapsible-item {
  overflow: initial;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .collapsible-item.is-opening {
  animation: height-transition-open 1.3s ease-out 1;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .collapsible-item i.icon-chevron-up {
  display: block;
  transition: all 150ms ease;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .collapsible-item.collapsed {
  min-height: 28px;
  max-height: 28px;
  overflow: hidden;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .collapsible-item.collapsed.is-closing {
  animation: height-transition-closed 500ms ease-out 1;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .collapsible-item.collapsed i.icon-chevron-up {
  transform: rotate(180deg);
}
@keyframes height-transition-closed {
  0% {
    max-height: 100vh;
    overflow: hidden;
  }
  80% {
    max-height: 28px;
    overflow: hidden;
  }
  100% {
    max-height: 28px;
    overflow: hidden;
  }
}
@keyframes height-transition-open {
  0% {
    max-height: 28px;
    overflow: hidden;
  }
  80% {
    max-height: 100vh;
    overflow: hidden;
  }
  100% {
    max-height: 100vh;
    overflow: hidden;
  }
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 3px;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title button {
  padding: 0 0 0 7px;
  text-decoration: none;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title button i {
  font-size: 12px;
  color: #b3b3b3;
  display: block;
  transition: all 0.2s ease;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title .task-calendar-dot {
  margin: 0 0 0 10px;
  font-size: 10px;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title .task-marketing-campaign-folder {
  color: #999999;
  font-size: 16px;
  margin: 0 0 0 7px;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title .task-sort-assignee {
  margin-left: 6px;
  margin-right: -2px;
  width: 17px;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 3px 0 0 7px;
  color: #999999;
  line-height: 1.1;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title:hover {
  cursor: pointer;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title:hover button i,
.tasks-wrapper .tasks-list-wrapper.tasks-sorted .tasks-list-inner .tasks-sorted-section-title:hover label {
  cursor: pointer;
  color: #808080;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted:not(.is-bulk-selecting) .tasks-list-inner .task-item-wrapper .task-item .task-top-row {
  margin-left: 20px;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted:not(.is-bulk-selecting) .tasks-list-inner .task-item-wrapper .task-item .task-top-row .task-drag-icon {
  display: none;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted:not(.is-bulk-selecting) .tasks-list-inner .task-item-wrapper .task-item .task-top-row input.task-checkbox {
  margin-left: 0;
}
.tasks-wrapper .tasks-list-wrapper.tasks-sorted:not(.is-bulk-selecting) .tasks-list-inner .task-item-wrapper .task-item .task-top-row .task-name {
  width: calc(100% - 67px);
}

.task-item-wrapper {
  position: relative;
  opacity: 1;
  max-height: 700px;
}
.task-item-wrapper.is-draggable:hover .task-top-section .task-top-row .task-drag-icon {
  visibility: visible;
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.task-item-wrapper.is-new-task {
  visibility: visible;
  opacity: 1;
  margin-top: 5px;
  transition: margin 0.3s ease, opacity 0.3s ease;
}
.task-item-wrapper.is-new-task.is-saving {
  pointer-events: none;
}
.task-item-wrapper.is-new-task.is-saving .task-name {
  background-color: transparent !important;
}
.task-item-wrapper.is-new-task.is-saving .task-name:hover {
  cursor: not-allowed !important;
}
.task-item-wrapper.is-new-task .task-item.is-focused {
  background-color: transparent !important;
}
.task-item-wrapper.is-new-task .task-item:hover {
  background-color: transparent !important;
}
.task-item-wrapper.is-new-task .task-item .task-top-section .task-top-row {
  margin: 0 0 0 19px;
}
.task-item-wrapper.is-new-task .task-item .task-top-section .task-top-row .task-drag-icon {
  display: none;
}
.task-item-wrapper.is-new-task .task-item .task-top-section .task-top-row input.task-checkbox {
  margin-left: 0;
}
.task-item-wrapper.is-new-task .task-item .task-top-section .task-top-row label.task-checkbox:before, .task-item-wrapper.is-new-task .task-item .task-top-section .task-top-row label.task-checkbox:after {
  background-color: #f7f7f7;
}
.task-item-wrapper.is-new-task .task-item .task-top-section .task-top-row .task-name {
  width: calc(100% - 35px) !important;
}
.task-item-wrapper.is-new-task .task-item .task-top-section .task-discussion-action {
  display: none;
}
.task-item-wrapper.completed:not(.is-pending-approval) {
  animation: none;
  max-height: initial;
}
.task-item-wrapper.completed:not(.is-pending-approval) input.task-checkbox {
  pointer-events: initial;
}
.task-item-wrapper.completed:not(.is-pending-approval) .task-item .task-top-row {
  transition: opacity 0.3s ease;
}
.task-item-wrapper.completed:not(.is-pending-approval) .task-item .task-top-row .task-drag-icon {
  visibility: hidden;
  opacity: 0;
  cursor: inherit;
}
.task-item-wrapper.completed:not(.is-pending-approval) .task-item .task-top-row label.task-checkbox:before {
  opacity: 0.8;
}
.task-item-wrapper.completed:not(.is-pending-approval) .task-item .task-top-row .task-name {
  opacity: 0.6;
  border: 1px solid transparent !important;
  text-decoration: line-through;
  pointer-events: none;
}
.task-item-wrapper.completed:not(.is-pending-approval) .task-item .task-bottom-row {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.task-item-wrapper.completed:not(.is-pending-approval) .task-item .task-bottom-row .drop-down {
  pointer-events: none;
}
.task-item-wrapper.completed:not(.is-pending-approval) .task-item .task-bottom-row.should-always-show {
  opacity: 0.6;
}
.task-item-wrapper:hover .task-item {
  background-color: #f7f7f7;
}
.task-item-wrapper:hover .task-item .task-top-section .task-top-row .task-name {
  border: 1px solid #999999;
}
.task-item-wrapper:hover .task-item .task-top-section .task-discussion-action {
  opacity: 1;
}
.task-item-wrapper:hover .task-item .task-adv-view-action {
  visibility: visible;
  opacity: 1;
}
.task-item-wrapper .task-item {
  padding: 8px 0 8px 5px;
  transition: all 150ms ease-out;
}
.task-item-wrapper .task-item.is-focused {
  background-color: rgba(230, 230, 230, 0.5);
}
.task-item-wrapper .task-item.is-focused .task-top-section .task-top-row .task-name {
  border: 1px solid #b3b3b3;
}
.task-item-wrapper .task-item.is-focused .task-top-section .task-bottom-row {
  overflow: initial;
  max-height: 30px;
  opacity: 1;
}
.task-item-wrapper .task-item.is-focused .task-top-section .task-adv-view-action {
  visibility: visible;
  opacity: 1;
}
.task-item-wrapper .task-item.is-focused .task-top-section .task-discussion-action {
  opacity: 1;
}
.task-item-wrapper .task-item .task-top-section {
  position: relative;
}
.task-item-wrapper .task-item .task-top-section.has-subtasks .task-top-row .task-name {
  width: calc(100% - 135px);
}
.task-item-wrapper .task-item .task-top-section.has-discussion-icon .task-top-row .task-name {
  width: calc(100% - 105px);
}
.task-item-wrapper .task-item .task-top-section.has-discussion-icon.has-subtasks .task-top-row .task-name {
  width: calc(100% - 157px);
}
.task-item-wrapper .task-item .task-top-section.has-discussion-icon.has-subtasks .subtask-progress {
  right: 55px;
}
.task-item-wrapper .task-item .task-top-section .task-top-row {
  display: flex;
  flex-flow: row;
  position: relative;
}
.task-item-wrapper .task-item .task-top-section .task-top-row .task-drag-icon {
  display: inline-flex;
  margin: 5px 3px 0 0;
  opacity: 0;
  color: #b3b3b3;
  font-size: 16px !important;
  cursor: inherit;
  transition: all 0.2s ease-out;
}
.task-item-wrapper .task-item .task-top-section .task-top-row .task-drag-icon:hover {
  color: #999999;
}
.task-item-wrapper .task-item .task-top-section .task-top-row input.task-select-checkbox,
.task-item-wrapper .task-item .task-top-section .task-top-row label.task-select-checkbox {
  margin: 7px 12px 5px 8px;
}
.task-item-wrapper .task-item .task-top-section .task-top-row input.task-checkbox {
  display: inline-flex;
  margin: 2px 0 0 20px;
}
.task-item-wrapper .task-item .task-top-section .task-top-row input.task-checkbox:disabled {
  cursor: not-allowed;
}
.task-item-wrapper .task-item .task-top-section .task-top-row input.task-checkbox:disabled + label {
  opacity: 0.5;
}
.task-item-wrapper .task-item .task-top-section .task-top-row label.task-checkbox {
  margin-top: 1px;
}
.task-item-wrapper .task-item .task-top-section .task-top-row label.task-checkbox.skeleton, .task-item-wrapper .task-item .task-top-section .task-top-row .file-attachment.processing .file-card label.task-checkbox.file-preview, .file-attachment.processing .file-card .task-item-wrapper .task-item .task-top-section .task-top-row label.task-checkbox.file-preview {
  width: initial;
  border-radius: 3px;
  margin: 4px 0 15px 20px;
  height: 25px;
  padding-left: 25px;
}
.task-item-wrapper .task-item .task-top-section .task-top-row .task-name {
  display: inline-flex;
  margin: 2px 5px;
  border: 1px solid transparent;
  background-color: transparent;
  resize: none !important;
  padding: 3px 3px 1px;
  border-radius: 2px;
  min-height: 19px;
  color: #4d4d4d;
  line-height: 1.25;
  width: calc(100% - 90px);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  transition: width 0.3s ease-out;
}
.task-item-wrapper .task-item .task-top-section .task-top-row .task-name:-moz-read-only {
  border: 1px solid transparent;
  pointer-events: none;
}
.task-item-wrapper .task-item .task-top-section .task-top-row .task-name:read-only {
  border: 1px solid transparent;
  pointer-events: none;
}
.task-item-wrapper .task-item .task-top-section .task-top-row .task-name:focus {
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
}
.task-item-wrapper .task-item .task-top-section .task-top-row .task-name.skeleton, .task-item-wrapper .task-item .task-top-section .task-top-row .file-attachment.processing .file-card .task-name.file-preview, .file-attachment.processing .file-card .task-item-wrapper .task-item .task-top-section .task-top-row .task-name.file-preview {
  pointer-events: none;
  border: none;
  margin: 4px 5px 15px 11px;
  min-height: 21px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row {
  padding-left: 52px;
  margin-top: -5px;
  margin-bottom: -2px;
  font-size: 11px;
  max-height: 11px;
  opacity: 0;
  color: #b3b3b3;
  transition: all 500ms ease-out;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .schedule-comma {
  display: inline-block;
  vertical-align: -1px;
  margin: 0 4px 0 -3px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row.is-past-due .schedule-comma {
  color: #d15451;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row.is-past-due .date-dropdown .task-action.btn {
  color: #d15451;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row.should-always-show {
  max-height: 30px;
  opacity: 1;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down {
  display: inline-block;
  color: #b3b3b3;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.active .task-action.btn {
  text-decoration: underline;
  color: #666666;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.date-dropdown .cos-dropdown {
  width: 275px;
  z-index: 110;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.user-dropdown .task-action {
  max-width: 150px !important;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.user-dropdown .header-option-dropdown {
  left: -20px;
  max-height: 280px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.user-dropdown .header-option-dropdown .cos-basic-dropdown-content-group {
  max-height: 200px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.user-dropdown .cos-basic-dropdown-trigger {
  cursor: pointer;
  color: #999999;
  font-size: 11px;
  width: 150px;
  display: flex;
  position: relative;
  top: 1px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.user-dropdown .cos-basic-dropdown-trigger:hover {
  text-decoration: underline;
  color: #666666;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.user-dropdown .cos-basic-dropdown-content-search {
  font-size: 14px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.user-dropdown .cos-basic-dropdown-content-option {
  font-size: 13px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.user-dropdown .cos-basic-dropdown-content-option .icon-search {
  font-size: 13px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down .task-action {
  transition: background-color 0.2s ease;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down .task-action.btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 190px;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  display: inline-block;
  margin-right: 0;
  padding: 0;
  color: #999999;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down .task-action.btn:hover:not(:disabled), .task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down .task-action.btn:focus:not(:disabled) {
  text-decoration: underline;
  color: #666666;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down .task-action.btn:focus {
  border: none;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down .task-action.btn:disabled {
  opacity: 1;
  cursor: not-allowed;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down .task-action {
  height: 20px;
  line-height: 0;
  border: none;
  background-color: transparent;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down .cos-dropdown {
  right: initial;
  left: 0;
  top: 20px;
  max-height: initial;
  border-radius: 6px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down ul {
  max-height: 200px;
  overflow: auto;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down ul li {
  font-size: 12px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down ul li img {
  height: 20px;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down ul li:hover {
  color: #666666;
}
.task-item-wrapper .task-item .task-top-section .task-bottom-row .drop-down.date-dropdown + .drop-down.user-dropdown {
  margin-left: 4px !important;
}
.task-item-wrapper .task-item .task-top-section .subtask-progress {
  position: absolute;
  top: -5px;
  bottom: 0;
  right: 35px;
  padding: 0;
}
.task-item-wrapper .task-item .task-top-section .subtask-progress .subtask-progress-background {
  background-color: #e6e6e6;
  font-size: 10px;
  border-radius: 15px;
  padding: 2px 6px;
  line-height: 16px;
}
.task-item-wrapper .task-item .task-top-section .subtask-progress .icon-checkmark {
  font-size: 10px;
}
.task-item-wrapper .task-item .task-top-section .task-discussion-action {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  padding: 0 3px 3px;
  opacity: 0.5;
}
.task-item-wrapper .task-item .task-top-section .task-discussion-action i {
  font-size: 12px;
  color: #b3b3b3;
}
.task-item-wrapper .task-item .task-top-section .task-discussion-action.has-unread-comments {
  animation: pulse 250ms ease-out;
}
.task-item-wrapper .task-item .task-top-section .task-discussion-action.has-unread-comments i {
  color: #d17760;
}
.task-item-wrapper .task-item .task-top-section .task-discussion-action:hover {
  cursor: initial;
}
.task-item-wrapper .task-item .task-top-section .click-helper-dot {
  top: 12px;
  left: 11px;
}
.task-item-wrapper .task-item .task-pending-approval-row {
  margin: 7px 34px 5px 18px;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
}
.task-item-wrapper .task-item .task-adv-view-action {
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  padding: initial;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0;
  transition: all 150ms ease-out;
  margin-left: auto;
  height: 100%;
  width: 28px;
}
.task-item-wrapper .task-item .task-adv-view-action i {
  font-size: 16px;
  margin: 0;
}
.task-item-wrapper .task-item .task-adv-view-action:hover {
  background-color: #e6e6e6;
  color: #333333;
}
.task-item-wrapper .task-item:hover .task-bottom-row {
  max-height: 30px;
  opacity: 1;
  transition: all 500ms ease-out 500ms;
}

.tasks-list-inner.is-loading .task-item-wrapper:hover .task-item {
  background-color: transparent;
}
.tasks-list-inner.is-loading .task-top-section .task-top-row {
  margin: 0 !important;
}
.tasks-list-inner .sortable-item {
  padding-right: 0;
  margin-right: 0;
}
.tasks-list-inner .sortable-item.is-dragging {
  background: #e6e6e6;
  z-index: 100000000001;
}
.tasks-list-inner .sortable-item.is-dragging .task-top-row .task-drag-icon {
  color: #999999;
  visibility: visible;
  opacity: 1;
}
.tasks-list-inner .sortable-item.is-dragging .task-top-row .task-name {
  border: 1px solid #b3b3b3;
}
.tasks-list-inner .sortable-item.is-dragging .task-top-row .task-adv-view-action {
  visibility: visible;
  opacity: 1;
}
.tasks-list-inner .sortable-item.is-dropping {
  transition: 0.2s;
  background: #f7f7f7;
  z-index: 100000000001;
}

.date-dropdown .cos-dropdown,
.tasks-av-date .cos-dropdown {
  max-height: initial;
}
.date-dropdown .cos-dropdown ul.aj-drop-down-options li.date-option,
.tasks-av-date .cos-dropdown ul.aj-drop-down-options li.date-option {
  flex-flow: column;
  align-items: flex-start;
}
.date-dropdown .option-computed-date,
.tasks-av-date .option-computed-date {
  font-size: 10px;
  color: #999999;
  line-height: 10px;
  margin-bottom: 4px;
}

.relative-custom-date-options {
  min-height: 130px;
  font-size: 14px;
}
.relative-custom-date-options hr {
  border-bottom: none;
}
.relative-custom-date-options .icon-angle-left {
  font-size: 14px;
}
.relative-custom-date-options .relative-date-row {
  display: flex;
  align-items: flex-start;
  margin: 30px 10px 0;
}
.relative-custom-date-options .relative-date-row .days-selector {
  display: inline-flex;
  flex-flow: column;
  justify-content: center;
  margin-right: 5px;
}
.relative-custom-date-options .relative-date-row .days-selector i {
  font-size: 12px;
}
.relative-custom-date-options .relative-date-row input.relative-date {
  border: none;
  font-size: 25px;
  font-weight: 500;
  width: 16px;
  padding: 0;
  margin: -2px 3px 0 0;
  height: 30px;
}
.relative-custom-date-options .relative-date-row input.relative-date.has-two-numbers {
  width: 30px;
}
.relative-custom-date-options .relative-date-row input.relative-date.has-three-numbers {
  width: 43px;
}
.relative-custom-date-options .relative-date-row input.relative-date:disabled {
  background-color: transparent;
  opacity: 0.7;
}
.relative-custom-date-options .relative-date-text {
  display: flex;
  flex-flow: column;
  color: #666666;
  margin-top: 3px;
}
.relative-custom-date-options .relative-date-text .relative-date-computed {
  font-size: 10px;
  line-height: 12px;
  color: #999999;
}
.relative-custom-date-options .date-picker .datepicker-inline {
  margin: 0 10px 10px;
  width: initial;
}

.task-pending-approval-row {
  display: flex;
  align-items: center;
  padding: 11px 8px;
  box-sizing: border-box;
  background-color: #f7f7f7;
  height: 45px;
  position: relative;
}
.task-pending-approval-row.is-adding {
  overflow: initial;
  animation: expand-fade 250ms ease-out;
}
.task-pending-approval-row.is-removing {
  overflow: initial;
  animation: collapse-fade 10s ease-out;
  height: 0;
  padding: 0 7px;
  opacity: 0;
  z-index: 99999;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.task-pending-approval-row.is-removing-no-delay {
  overflow: hidden;
  animation: collapse-fade-no-delay 300ms ease-out;
  height: 0;
  padding: 0 7px;
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.task-pending-approval-row .user-image {
  height: 22px;
  width: 22px;
  border-radius: 20px;
  margin-left: 3px;
}
.task-pending-approval-row .pending-approval-text {
  font-size: 11px;
  margin-left: 7px;
  line-height: 1.35;
  color: #999999;
}
.task-pending-approval-row .pending-approval-actions {
  margin-left: auto;
  min-width: 57px;
  text-align: right;
}
.task-pending-approval-row .pending-approval-actions button {
  margin: 0;
  padding: 0 3px;
}
.task-pending-approval-row .pending-approval-actions button.undo {
  font-size: 12px;
}
.task-pending-approval-row .pending-approval-actions button.undo:hover {
  text-decoration: underline;
}
.task-pending-approval-row .pending-approval-actions i {
  border-radius: 20px;
  font-size: 12px;
  padding: 3px;
}
.task-pending-approval-row .pending-approval-actions i.icon-checkmark {
  border: 1px solid #6ba066;
  color: #6ba066;
}
.task-pending-approval-row .pending-approval-actions i.icon-checkmark:hover {
  color: #43633f;
  border-color: #43633f;
}
.task-pending-approval-row .pending-approval-actions i.icon-close {
  border: 1px solid #d15451;
  color: #d15451;
}
.task-pending-approval-row .pending-approval-actions i.icon-close:hover {
  color: #963c3b;
  border-color: #963c3b;
}

.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content {
  max-width: 350px;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-header {
  padding: 0 8px 0 5px;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-header .header-back-button {
  padding: 5px;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-header .header-back-button:hover {
  color: #333333;
  cursor: pointer;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-group {
  max-height: 390px;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-option {
  height: 35px;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-option-text {
  display: flex;
  width: 100%;
  align-items: center;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-option-text button {
  display: none;
  margin-left: auto;
  color: #999999;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-option-text button:hover {
  background-color: transparent;
  color: #333333;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-option-text:hover button {
  display: inline-block;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .task-templates-list {
  width: 330px;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .task-templates-list .cos-basic-dropdown-content-option {
  padding: 0;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .task-templates-list .cos-basic-dropdown-content-option .template-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 278px;
  width: 100%;
  padding: 7px 0 7px 10px;
}
.task-sidebar-ellipsis-menu-dropdown.cos-basic-dropdown-content .template-actions {
  position: sticky;
}

@keyframes expand-fade {
  0% {
    height: 0;
    opacity: 0;
    padding: 0 10px;
    overflow: hidden;
  }
  100% {
    height: 45px;
    opacity: 1;
    padding: 8px 10px;
    overflow: hidden;
  }
}
@keyframes collapse-fade {
  0% {
    overflow: initial;
    height: 45px;
    opacity: 1;
    padding: 8px 7px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  90% {
    overflow: initial;
    height: 45px;
    opacity: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 8px 7px;
  }
  99% {
    overflow: hidden;
    height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 7px;
  }
  100% {
    display: none;
  }
}
@keyframes collapse-fade-no-delay {
  0% {
    height: 45px;
    opacity: 1;
    padding: 8px 7px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  99% {
    height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 7px;
  }
  100% {
    display: none;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.template-wrapper.task-templates {
  min-height: 90vh;
}
.template-wrapper.task-templates.is-creating {
  min-height: 80px;
}
.template-wrapper.task-templates.is-creating.template-select {
  margin-top: 0;
  min-height: 472px;
  text-align: center;
}
.template-wrapper.task-templates .template-name-wrapper {
  flex-flow: column;
}
.template-wrapper.task-templates .template-name-wrapper .template-name {
  margin-bottom: 6px;
}
.template-wrapper.task-templates .template-name-wrapper .task-template-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.template-wrapper.task-templates .template-name-wrapper .task-template-info .workflow-type {
  padding-left: 12px;
  font-size: 13px;
  font-weight: 500;
}
.template-wrapper.task-templates .template-name-wrapper .task-template-info .task-ignore-weekends {
  padding-right: 12px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.template-wrapper.task-templates .template-name-wrapper .task-template-info .task-ignore-weekends .checkbox {
  margin-top: -2px;
}
.template-wrapper.task-templates .template-name-wrapper .task-template-info .task-ignore-weekends span {
  margin-left: 5px;
}
.template-wrapper.task-templates .wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 55px;
}
.template-wrapper.task-templates .wrapper:first-child {
  margin: 50px 0 55px;
  display: block;
}
.template-wrapper.task-templates .wrapper:last-child {
  margin-bottom: 130px;
}
.template-wrapper.task-templates .wrapper h3 {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #999999;
  margin: 0 0 5px;
}
.template-wrapper.task-templates .wrapper a {
  font-size: 12px;
  color: #b3b3b3;
}
.template-wrapper.task-templates .wrapper a:hover {
  color: #666666;
}
.template-wrapper.task-templates .wrapper .task-template-option {
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.template-wrapper.task-templates .wrapper .task-template-option .radio-container {
  width: 50px;
  text-align: center;
  position: absolute;
  top: 78px;
  left: -78px;
}
.template-wrapper.task-templates .wrapper .task-template-option .radio-container div {
  font-size: 13px;
  color: #b3b3b3;
  margin: -23px 0 0 -33px;
}
.template-wrapper.task-templates .wrapper .task-template-option h4 {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  margin: 0 0 18px;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic {
  height: 95px;
  width: 395px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 12px;
  font-style: italic;
  color: #999999;
  padding: 0 10px;
  transition: all 0.1s ease;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic:hover {
  cursor: pointer;
  box-shadow: 0 3px 30px -7px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic .block-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic .block-wrapper .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border-radius: 4px;
  border: 1px solid #72cbf3;
  margin: 3px 0 5px 0;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic .block-wrapper .icon-wrapper.filled {
  height: 32px;
  width: 32px;
  background: linear-gradient(to right, #409fe4 0, #74cdf3 100%);
  border: none;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic .block-wrapper .icon-wrapper .icon-checkmark-2 {
  font-size: 19px;
  color: #72cbf3;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic .block-wrapper .icon-wrapper .icon-flag {
  font-size: 23px;
  color: #ffffff;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic .icon-arrow-left {
  color: #72cbf3;
  font-size: 28px;
  margin: 0 0 20px 0;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic.start-flow .block-wrapper .icon-wrapper {
  border: 1px solid #af89e5;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic.start-flow .block-wrapper .icon-wrapper.filled {
  background: linear-gradient(to right, #845ce5 0, #af89e5 100%);
  border: none;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic.start-flow .block-wrapper .icon-wrapper .icon-checkmark-2 {
  color: #af89e5;
}
.template-wrapper.task-templates .wrapper .task-template-option .task-flow-graphic.start-flow .icon-arrow-right {
  color: #af89e5;
  font-size: 28px;
  margin: 0 0 20px 0;
}
.template-wrapper.task-templates .wrapper .task-template-option p {
  font-size: 12px;
  color: #b3b3b3;
  margin: 13px 0 0;
}
.template-wrapper.task-templates .template-tasks-list-wrapper {
  display: flex;
  flex-flow: row;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper {
  width: 100%;
  margin: 0;
  padding-right: 10px;
  display: flex;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper .tasks-list-wrapper {
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 200px);
  border-right: 1px solid #e6e6e6;
  padding-top: 10px;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper .tasks-list-wrapper .tasks-list-inner {
  margin-bottom: 300px;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper:hover .task-item {
  background-color: #f7f7f7;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper.is-new-task .task-item .task-top-row .task-name {
  width: 100%;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper .task-item.is-focused {
  background-color: #f7f7f7;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper .task-item .task-bottom-row.is-past-due .schedule-comma {
  color: #555 !important;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper .task-item .task-bottom-row .user-dropdown .cos-dropdown {
  left: -15px;
}
.template-wrapper.task-templates .template-tasks-list-wrapper .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper .task-item .task-bottom-row .date-dropdown .task-action.btn {
  color: #b3b3b3 !important;
}
.template-wrapper.task-templates .tasks-adv-view-wrapper {
  height: calc(100vh - 200px);
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
}
.template-wrapper.task-templates .tasks-adv-view-wrapper .tasks-adv-view-inner {
  margin: 0;
}
.template-wrapper.task-templates .tasks-adv-view-wrapper .tasks-adv-view-inner .task-delete {
  margin-bottom: 80px;
}

.tasks-adv-view-wrapper {
  width: 350px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner {
  background-color: #ffffff;
  margin: 0 0 5px;
  border-radius: 4px;
  padding-bottom: 40px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-header {
  padding: 7px 2px;
  display: flex;
  align-items: center;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-header span {
  margin-left: -20px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .task-item {
  padding: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .task-pending-approval-row {
  position: relative;
  z-index: 20;
  margin: 0;
  padding: 13px 10px;
  border-radius: 0;
  background-color: #f7f7f7;
  border: initial;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .task-pending-approval-row.is-removing {
  margin-top: 0;
  margin-bottom: 0;
  animation: av-collapse-fade 6s ease-out;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .button.help-button-task {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 10;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section {
  border-bottom: solid 1px #e6e6e6;
  padding: 20px;
  position: relative;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section label {
  margin-left: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .task-textarea {
  display: inline-flex;
  border: 1px solid transparent;
  background-color: transparent;
  resize: none !important;
  padding: 3px;
  border-radius: 2px;
  min-height: initial;
  color: #666666;
  line-height: 1.25;
  height: 35px;
  width: calc(100% - 50px);
  transition: border 0.1s ease-out;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .task-textarea:focus, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .task-textarea:hover {
  background-color: #fff;
  border: 1px solid #b3b3b3;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .task-textarea::-moz-placeholder {
  color: #cccccc;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .task-textarea::placeholder {
  color: #cccccc;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section input.checkbox:checked + .task-textarea {
  text-decoration: line-through;
  color: #b3b3b3;
  pointer-events: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-dropdown {
  position: relative;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-dropdown .cos-basic-dropdown-trigger {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 5px 8px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
  color: #666666;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-dropdown .cos-basic-dropdown-trigger .dropdown-arrow {
  margin-left: auto;
  font-size: 12px;
  color: #999999;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-dropdown .cos-basic-dropdown-trigger .img-circle {
  width: 20px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-dropdown .cos-basic-dropdown-trigger:hover {
  border: 1px solid #cccccc;
  color: #4d4d4d;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-dropdown .cos-basic-dropdown-trigger:hover .dropdown-arrow {
  color: #808080;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-dropdown .cos-basic-dropdown-trigger:disabled {
  cursor: not-allowed;
  border: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-dropdown .cos-basic-dropdown-trigger:disabled .dropdown-arrow {
  display: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-name {
  display: flex;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-name .checkbox {
  margin-top: 3px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-name .task-textarea {
  margin: 0 0 0 7px;
  font-size: 20px;
  font-weight: 500;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section .tasks-av-description .task-textarea {
  margin: 2px 0 0 33px;
  font-size: 12px;
  max-height: 150px;
  overflow: auto !important;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-context {
  padding: 0;
  border: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-context .card {
  margin: 15px 20px 0;
  width: initial;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-context .task-context-inner {
  line-height: 1.25;
  background-color: #f7f7f7;
  padding: 6px 20px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-context .task-calendar-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 20px);
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
  font-size: 12px;
  color: #999999;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-context .task-calendar-name .icon-circle-full {
  font-size: 10px;
  margin-right: 2px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-context .task-calendar-name:hover span:not([class^=icon-]) {
  text-decoration: underline;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks {
  padding: 15px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper {
  padding: 0 5px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable {
  width: 100%;
  box-sizing: border-box;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable.is-dragging, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable.is-dropping {
  background-color: #f7f7f7;
  position: relative;
  z-index: 999999;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable.is-dragging .subtask-item .icon-menu,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable.is-dragging .subtask-item button.subtask-delete, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable.is-dropping .subtask-item .icon-menu,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable.is-dropping .subtask-item button.subtask-delete {
  visibility: visible;
  opacity: 1;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable.is-dragging .subtask-item .task-textarea, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item-sortable.is-dropping .subtask-item .task-textarea {
  pointer-events: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item {
  display: flex;
  align-items: flex-start;
  margin: 3px 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item .icon-menu {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  margin: 6px 2px 0 0;
  font-size: 12px;
  color: #b3b3b3;
  transition: all 150ms ease;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item .icon-menu:hover {
  cursor: pointer;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item input.checkbox {
  margin: 3px 0 0 15px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item label.checkbox {
  margin-top: 2px;
  margin-bottom: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item label.checkbox:before {
  margin: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item .task-textarea {
  margin: 0 5px;
  height: 25px;
  width: calc(100% - 46px);
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item button.subtask-delete {
  visibility: hidden;
  opacity: 0;
  margin-top: 4px;
  padding: 2px;
  line-height: 10px;
  transition: all 150ms ease;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item button.subtask-delete .icon-close {
  font-size: 12px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item:hover .icon-menu,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item:hover button.subtask-delete, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item.focused .icon-menu,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item.focused button.subtask-delete {
  visibility: visible;
  opacity: 1;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item:hover .icon-menu.hide-close,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item:hover button.subtask-delete.hide-close, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item.focused .icon-menu.hide-close,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item.focused button.subtask-delete.hide-close {
  visibility: hidden;
  pointer-events: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item.subtask-completed .task-textarea {
  opacity: 0.5;
  text-decoration: line-through;
  border: 1px solid transparent;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item.is-new-subtask .icon-menu.hide-menu, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-subtasks .subtask-wrapper .subtask-item.is-new-subtask .icon-menu:hover {
  visibility: hidden;
  pointer-events: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .task-assignee .profile-image {
  height: 25px;
  margin: -1px 3px 0 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .task-assignee span {
  font-size: 13px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .tasks-av-approval-status {
  font-size: 12px;
  display: flex;
  align-content: center;
  margin-top: 3px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .tasks-av-approval-status i.icon-checkmark {
  color: #6ba066;
  font-size: 14px;
  line-height: 20px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .tasks-av-approval-status i.icon-close {
  color: #d15451;
  font-size: 14px;
  line-height: 20px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .tasks-av-approval-status button {
  padding: 0;
  margin-left: auto;
  margin-top: -2px;
  color: #d17760;
  font-size: 11px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .tasks-av-approval-status button:hover {
  color: #bc6148;
  text-decoration: underline;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .cos-dropdown {
  width: 300px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level {
  display: flex;
  flex-flow: row;
  margin-bottom: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level input.input-append-date-new {
  height: 25px;
  width: 100%;
  border-radius: 4px 0 0 4px;
  border: 1px solid #e6e6e6;
  transition: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level input.input-append-date-new[readonly] {
  background-color: initial;
  cursor: pointer;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level .add-on {
  height: 17px;
  padding: 8px 5px;
  background-color: transparent;
  border-radius: 0 4px 4px 0;
  border: 1px solid #e6e6e6;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level:hover input.input-append-date-new,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level:hover .add-on, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level:focus input.input-append-date-new,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level:focus .add-on {
  border-color: #b3b3b3;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append.input-block-level button {
  padding-right: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .schedule-lock {
  display: flex;
  align-items: center;
  margin: 7px 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .schedule-lock label.checkbox {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  padding-left: 18px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .schedule-lock button {
  line-height: 14px;
  padding: 3px 0 0 5px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .schedule-lock button .icon-question-2 {
  font-size: 14px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-recurring {
  display: flex;
  flex-flow: column;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-rules .loading-wrapper {
  min-height: 38px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-rules .power-tip-btn-wrapper {
  position: absolute;
  top: 15px;
  right: 10px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-required label {
  margin-bottom: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-required .tooltip-medium .tooltip-text {
  left: 0;
  transform: translate(0, 10px);
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-required .tooltip-medium:hover {
  cursor: help;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-required .tooltip-medium:hover .tooltip-text {
  transform: translate(0, 0);
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-required .toggle-container {
  float: right;
  margin-top: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion {
  border: none;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed {
  margin-bottom: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .loading-wrapper .loading-icon:after {
  background-color: #ffffff;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item {
  margin: 0 -10px 6px -5px;
  padding-bottom: 5px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item .comment-textarea .fr-wrapper {
  border: 1px solid #b3b3b3;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item .comment-textarea .fr-wrapper .fr-element {
  min-height: 0 !important;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item .comment-text-row .comment-name {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  max-width: calc(100% - 25px);
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item .comment-actions-wrapper,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item .comment-upload-form {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: all 250ms ease;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item.is-focused .comment-textarea .fr-wrapper, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item.comment-edit .comment-textarea .fr-wrapper {
  border-color: #999999;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item.is-focused .comment-actions-wrapper,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item.is-focused .comment-upload-form, .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item.comment-edit .comment-actions-wrapper,
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item.comment-edit .comment-upload-form {
  visibility: visible;
  opacity: 1;
  max-height: 50px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item .comment-file {
  width: initial;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .comment-item .comment-meta-row .comment-reaction {
  margin-left: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .discussion-roll-up {
  margin-top: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion .comment-feed .discussion-roll-up-button {
  margin-left: 0;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .cos-ui-btn-confirm.task-delete {
  width: 100px;
}
.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .cos-ui-btn-confirm.task-delete .confirm {
  right: initial;
  left: 50%;
  margin-left: -56px;
  top: 28px;
}

@keyframes av-collapse-fade {
  0% {
    height: 45px;
    opacity: 1;
    padding: 8px 7px;
    margin-top: 0;
    margin-bottom: 0;
  }
  90% {
    height: 45px;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px 7px;
  }
  99% {
    height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 7px;
  }
  100% {
    display: none;
  }
}
.modal.floater-task {
  top: 40px !important;
  margin-bottom: initial;
}
.modal.floater-task .modal-body {
  padding: 0;
  min-height: 65vh;
  max-height: calc(100vh - 170px);
  overflow: auto;
  transition: all 300ms ease;
}
.modal.floater-task .modal-body .tasks-adv-view-inner {
  padding-bottom: 0;
}
.modal.floater-task .modal-footer a {
  padding: 11px 17px;
  color: #999999;
}
.modal.floater-task .modal-footer a:hover {
  color: #666666;
}
.modal.floater-task .modal-footer .header-option {
  padding: 2px;
}
.modal.floater-task .modal-footer .header-option .header-option-button {
  padding: 0;
}
.modal.floater-task .modal-footer .header-option .header-option-button .header-option-button-label {
  height: 30px;
  width: 30px;
  min-width: 30px;
  padding: 0px;
}
.modal.floater-task .modal-footer .header-option .header-option-button .header-option-button-text {
  display: none;
}
.modal.floater-task .tasks-adv-view-wrapper {
  width: initial;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner {
  margin: 0 0 10px 0;
  min-height: initial;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .help-btn {
  top: 6px;
  right: 4px;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign, .modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date {
  border-bottom: 0;
  width: 240px;
  display: inline-block;
  vertical-align: top;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .cos-dropdown, .modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .cos-dropdown {
  width: 265px;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .input-append, .modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append {
  margin-bottom: 0;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign .input-append .input-append-date-new, .modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .input-append .input-append-date-new {
  width: calc(100% - 41px);
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-assign {
  padding-right: 10px;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date {
  padding-left: 10px;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-date .cos-dropdown {
  left: auto;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-recurring {
  border-bottom: initial;
  border-top: solid 1px #e6e6e6;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .tasks-av-section.tasks-av-discussion {
  border-top: 1px solid #e6e6e6;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .task-delete {
  display: none;
}
.modal.floater-task .tasks-adv-view-wrapper .tasks-adv-view-inner .logs-btn {
  margin-top: -34px;
}
.modal.floater-task .tasks-adv-view-wrapper.tasks-floater-create .tasks-adv-view-inner {
  margin: 0;
}
.modal.floater-task .tasks-adv-view-wrapper.tasks-floater-create .tasks-adv-view-inner .tasks-av-section.tasks-av-assign, .modal.floater-task .tasks-adv-view-wrapper.tasks-floater-create .tasks-adv-view-inner .tasks-av-section.tasks-av-date {
  border: 0;
}
.modal.floater-task.is-creating-floater-task .modal-body {
  min-height: 525px;
  overflow: auto;
  max-height: initial;
}

@keyframes show-modal {
  0% {
    top: 101vh;
  }
  100% {
    top: 40px !important;
  }
}
.comment-popover {
  position: absolute;
  left: -40px;
  right: -31px;
  top: 40px;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 1px 1px 5px #999999;
  padding: 7px 8px 3px 7px;
  z-index: 1001;
  animation: fadeSlideUp 1s ease;
}
.comment-popover:before, .comment-popover:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid white;
  position: absolute;
  right: 42px;
  top: -16px;
  display: block;
  z-index: 1202;
}
.comment-popover:after {
  border-bottom: 8px solid #b3b3b3;
  top: -17px;
  z-index: 1201;
}
.comment-popover .cp-img-comment-row {
  display: flex;
  align-items: flex-start;
}
.comment-popover .cp-img-comment-row .cp-user-image {
  margin-right: 7px;
}
.comment-popover .cp-img-comment-row .cp-user-image img {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.comment-popover .cp-img-comment-row .cp-textarea {
  margin: 2px 0 0 0;
  width: calc(100% - 32px);
}
.comment-popover .cp-img-comment-row .cp-textarea textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 15px;
  border-radius: 2px;
  resize: none;
  margin: 0;
  padding: 2px 5px;
  border-color: #cccccc;
}
.comment-popover .cp-action {
  display: flex;
  align-items: center;
}
.comment-popover .cp-action .btn {
  color: #b3b3b3;
  padding: 3px 0 0 0;
  margin: 0 0 0 auto;
}
.comment-popover .cp-action .btn:hover {
  color: #808080;
}

.tasks-adv-view-wrapper .comment-popover-wrapper .comment-popover {
  left: 3px;
  right: 2px;
}
.tasks-adv-view-wrapper .comment-popover-wrapper .comment-popover:before, .tasks-adv-view-wrapper .comment-popover-wrapper .comment-popover:after {
  right: 9px;
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.rule-item {
  position: relative;
  border-radius: 4px;
  font-size: 12px;
  margin: 10px -7px 15px;
  padding: 0 7px;
  transition: padding 150ms ease-out, box-shadow 150ms ease-out;
}
.rule-item hr {
  margin: 15px 5px 25px;
}
.rule-item .profile-image img {
  height: 20px;
  width: 20px;
}
.rule-item .rule-row {
  display: flex;
  align-items: center;
}
.rule-item .rule-timeline-pill {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 20px;
  background-color: #b3b3b3;
  font-size: 12px;
  color: #ffffff;
  padding: 3px 0;
  width: 60px;
  font-weight: bold;
  margin-right: 5px;
  z-index: 10;
}
.rule-item .rule-drop-down {
  width: calc(100% - 65px);
}
.rule-item .rule-drop-down .drop-down-trigger:disabled {
  color: #b3b3b3;
  background-color: #f7f7f7;
  pointer-events: none;
}
.rule-item .rule-drop-down span {
  vertical-align: -1px;
}
.rule-item .rule-drop-down .icon-circle-full {
  margin-right: 5px;
  vertical-align: -2px;
}
.rule-item .rule-trigger,
.rule-item .rule-response {
  position: relative;
  z-index: 20;
}
.rule-item .rule-trigger .rule-drop-down,
.rule-item .rule-response .rule-drop-down {
  margin-top: 2px;
}
.rule-item .rule-trigger .rule-option-saved,
.rule-item .rule-response .rule-option-saved {
  font-weight: bold;
}
.rule-item .rule-trigger {
  z-index: 21;
}
.rule-item .rule-trigger .rule-timeline-pill {
  background-color: #62acc4;
}
.rule-item .rule-response {
  position: relative;
  margin-top: 20px;
}
.rule-item .rule-response .rule-timeline-pill:not(.disabled) {
  background-color: #448499;
}
.rule-item .rule-trigger-options-wrapper {
  position: relative;
}
.rule-item .rule-trigger-options-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: -20px;
  left: 29px;
  border-left: 2px solid #b3b3b3;
  width: 2px;
  z-index: 1;
}
.rule-item .rule-trigger-options.status-picker .drop-down button:not(.draft),
.rule-item .rule-response-options.status-picker .drop-down button:not(.draft) {
  border: 1px solid #e6e6e6;
  color: #666666;
  background-color: #ffffff;
}
.rule-item .rule-trigger-options.rule-value-item,
.rule-item .rule-trigger-options .rule-option-saved,
.rule-item .rule-trigger-options .rule-drop-down,
.rule-item .rule-trigger-options .value-btn,
.rule-item .rule-response-options.rule-value-item,
.rule-item .rule-response-options .rule-option-saved,
.rule-item .rule-response-options .rule-drop-down,
.rule-item .rule-response-options .value-btn {
  margin-left: 65px;
}
.rule-item .rule-trigger-options .value-icon,
.rule-item .rule-response-options .value-icon {
  margin-right: 2px;
  vertical-align: -1px;
}
.rule-item .rule-trigger-options + .rule-trigger-options {
  margin-top: 5px;
}
.rule-item .rule-value-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 20px);
  margin-bottom: 5px !important;
}
.rule-item .rule-value-item:first-of-type {
  margin-top: -5px;
}
.rule-item .rule-value-item button {
  opacity: 0;
  visibility: hidden;
  margin-left: auto;
  line-height: 16px;
  padding: 0 4px;
  transition: opacity 150ms ease;
}
.rule-item .rule-value-item button .icon-close {
  font-size: 12px;
}
.rule-item .rule-value-item:hover button {
  opacity: 1;
  visibility: visible;
}
.rule-item .show-value-button {
  margin-top: 3px;
}
.rule-item .show-value-button .value-btn {
  padding-left: 0;
}
.rule-item .btn-edit-rule {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 100;
  padding: 0 7px 5px 5px;
  visibility: hidden;
  background-color: white;
  box-shadow: -10px 0 20px #ffffff;
  transition: opacity 150ms ease-out;
}
.rule-item .btn-edit-rule .btn-ask {
  padding: 0;
}
.rule-item .btn-edit-rule .icon-pencil {
  font-size: 12px;
}
.rule-item .btn-edit-rule .icon-remove {
  font-size: 12px;
}
.rule-item .rule-alert-row {
  position: relative;
  display: inline-flex;
  border-radius: 20px;
  border: 1px solid #999999;
  padding: 2px 10px;
  background-color: #ffffff;
  margin-top: 10px;
  z-index: 10;
}
.rule-item .rule-alert-row:after {
  content: "";
  position: absolute;
  top: -11px;
  bottom: 25px;
  left: 28px;
  border-left: 2px solid #b3b3b3;
  width: 2px;
  z-index: 1;
}
.rule-item .rule-response-options + .rule-alert-row:after {
  top: -32px;
}
.rule-item .rule-actions-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: opacity 150ms ease-out, max-height 150ms ease-out;
}
.rule-item .rule-actions-row .delete-rule {
  padding: 4px 9px 2px 0;
}
.rule-item .rule-actions-row .delete-rule .confirm {
  right: -65px;
  top: -20px;
}
.rule-item .rule-actions-row .delete-rule .btn-ask {
  padding-left: 5px;
}
.rule-item.is-editing-rule:not(.is-saving-rule) {
  padding: 10px;
  box-shadow: 1px 1px 5px #b3b3b3;
  margin-bottom: 20px;
}
.rule-item.is-editing-rule:not(.is-saving-rule) .rule-trigger-options-wrapper:after {
  top: -16px;
  bottom: -25px;
}
.rule-item.is-editing-rule:not(.is-saving-rule) hr {
  display: none;
}
.rule-item.is-editing-rule:not(.is-saving-rule) .btn-edit-rule {
  display: none;
}
.rule-item.is-editing-rule:not(.is-saving-rule) .rule-row {
  margin-bottom: 10px;
}
.rule-item.is-editing-rule:not(.is-saving-rule) .rule-alert-row:after {
  top: -71px;
}
.rule-item.is-editing-rule:not(.is-saving-rule) .rule-actions-row {
  max-height: 30px;
  visibility: visible;
  opacity: 1;
}
.rule-item.is-editing-rule:not(.is-new-rule) .rule-trigger,
.rule-item.is-editing-rule:not(.is-new-rule) .rule-response {
  margin-bottom: 5px;
}
.rule-item.is-saving-rule .rule-drop-down.drop-down {
  margin-top: 0;
}
.rule-item.is-saving-rule .rule-drop-down.drop-down button {
  padding: 0;
  border: none;
  height: 20px;
  font-size: 12px;
  color: #999999;
  background-color: #ffffff;
}
.rule-item.is-saving-rule .rule-drop-down.drop-down button i {
  display: none;
}
.rule-item.is-saving-rule .rule-trigger .rule-drop-down.drop-down button,
.rule-item.is-saving-rule .rule-response .rule-drop-down.drop-down button {
  font-weight: bold;
}
.rule-item.is-saving-rule .rule-value-item:first-of-type {
  margin-top: 0;
}
.rule-item.is-saving-rule .show-value-button {
  display: none;
}
.rule-item.rule-has-run:after {
  bottom: 30px;
  opacity: 0.25;
}
.rule-item.rule-has-run .rule-row {
  opacity: 0.5;
}
.rule-item.condition-missing:after, .rule-item.action-missing:after {
  bottom: 30px;
}
.rule-item.condition-missing .rule-alert-row, .rule-item.action-missing .rule-alert-row {
  color: #d15451;
  border-color: #d15451;
}
.rule-item.condition-missing .rule-trigger-options {
  color: #d15451;
}
.rule-item.action-missing .rule-response-options {
  color: #d15451;
}
.rule-item:hover .btn-edit-rule {
  opacity: 1;
  visibility: visible;
}

.new-rule-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 7px;
  background-color: transparent;
  white-space: nowrap;
  border: 1px solid #b3b3b3;
  color: #b3b3b3;
  font-size: 12px;
  padding: 4px 25px;
  border-radius: 20px;
}
.new-rule-btn [class^=icon-] {
  font-size: 13px;
  margin: 0 5px 0 0;
  display: inline;
}
.new-rule-btn .text {
  margin-top: 1px;
}

.required-task-modal .modal-text {
  text-align: left;
}
.required-task-modal .tasks-wrapper {
  margin: 20px auto;
  width: 90%;
  max-height: 300px;
  overflow: auto;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 15px;
}
.required-task-modal .tasks-wrapper .tasks-list-wrapper {
  width: 100%;
}
.required-task-modal .tasks-wrapper .tasks-list-wrapper .tasks-list-inner {
  margin-bottom: 0;
}
.required-task-modal .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper .task-item {
  border-radius: 4px;
  margin-bottom: 5px;
}
.required-task-modal .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper .task-item .task-name {
  text-align: left;
  width: 100%;
}
.required-task-modal .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper .task-item .task-bottom-row {
  padding-left: 26px;
  pointer-events: none;
  margin-top: -7px;
  margin-bottom: 0;
  text-align: left;
}
.required-task-modal .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper:hover {
  cursor: pointer;
}
.required-task-modal .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper:hover .task-item {
  background-color: #f7f7f7;
}
.required-task-modal .tasks-wrapper .tasks-list-wrapper .tasks-list-inner .task-item-wrapper:hover .task-item .task-top-row .task-name {
  border: 1px solid transparent;
}
.required-task-modal .modal-footer {
  display: flex;
}
.required-task-modal .modal-footer .modal-btn-right {
  position: initial !important;
  margin-left: auto;
}

.home-frame {
  background-color: #f7f7f7;
}
.home-frame .top-navbar .left {
  width: 200px;
}
.home-frame .calendar-container {
  height: 100vh;
  overflow: hidden;
}
.home-frame .calendar-container .achievement-upcoming-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.home-frame .calendar-container .alert-browser-notification {
  margin: 5px 5px 5px 50px;
}
.home-frame .calendar-container .alert-browser-notification button.close {
  right: 18px;
}

.home {
  height: calc(100% - 50px);
}

.home-project-open {
  background-color: #f7f7f7;
}
.home-project-open .achievement-upcoming-container {
  display: none;
}
.home-project-open .universal-actions {
  display: none;
}

.my-upcoming {
  display: flex;
  flex-flow: column;
  flex-grow: 2;
  margin: 0 15px 0 7px;
  min-width: 360px;
  border-radius: 10px 10px 0 0;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.my-upcoming .upcoming-list-wrapper {
  max-height: calc(100% - 51px);
  overflow-y: auto;
  padding: 0 20px 20px 0;
}
.my-upcoming .upcoming-list-wrapper .upcoming-section-content {
  padding: 0 20px;
}

.my-upcoming .upcoming-header,
.my-upcoming-mobile .upcoming-header {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.my-upcoming .upcoming-header h4,
.my-upcoming-mobile .upcoming-header h4 {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 15px 0;
}
.my-upcoming .upcoming-header h4 .icon-checkmark-2,
.my-upcoming-mobile .upcoming-header h4 .icon-checkmark-2 {
  font-size: 18px;
  margin: 0 10px 0 20px;
  float: left;
}
.my-upcoming .upcoming-header .upcoming-actions .new-user-task,
.my-upcoming-mobile .upcoming-header .upcoming-actions .new-user-task {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px 12px;
  margin: 10px;
  border-radius: 6px;
  color: #ffffff;
  background: linear-gradient(to right, #d17760, #bc6148 140%);
}
.my-upcoming .upcoming-header .upcoming-actions .new-user-task .icon,
.my-upcoming-mobile .upcoming-header .upcoming-actions .new-user-task .icon {
  margin: 0 6px 0 0;
  font-size: 14px;
}
.my-upcoming .upcoming-header .upcoming-actions .new-user-task span,
.my-upcoming-mobile .upcoming-header .upcoming-actions .new-user-task span {
  margin-top: 1px;
  line-height: 14px;
}
.my-upcoming .upcoming-list-wrapper,
.my-upcoming-mobile .upcoming-list-wrapper {
  position: relative;
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section {
  width: 100%;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section.upcoming-empty-day-wrapper .upcoming-section-empty,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section.upcoming-empty-day-wrapper .upcoming-section-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  flex-flow: column;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section.upcoming-empty-day-wrapper .upcoming-section-empty .btn,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section.upcoming-empty-day-wrapper .upcoming-section-empty .btn {
  border-radius: 20px;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section.collapsed,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section.collapsed {
  margin-bottom: 10px;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section.collapsed .upcoming-section-content,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section.collapsed .upcoming-section-content {
  max-height: 0;
  overflow: hidden;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section.collapsed .icon-chevron-up,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section.collapsed .icon-chevron-up {
  transform: rotate(180deg);
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section:hover .upcoming-section-header .new-task-btn,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section:hover .upcoming-section-header .new-task-btn {
  visibility: visible;
  opacity: 1;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section .upcoming-section-header,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section .upcoming-section-header {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 5px 5px 20px;
  white-space: nowrap;
  background-color: #ffffff;
  text-transform: uppercase;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 20;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section .upcoming-section-header hr,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section .upcoming-section-header hr {
  width: 100%;
  margin: 0 0 0 15px;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section .upcoming-section-header .new-task-btn,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section .upcoming-section-header .new-task-btn {
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section .upcoming-section-content,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section .upcoming-section-content {
  max-height: initial;
  overflow: initial;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section .upcoming-section-content.has-projects .task-upcoming-section,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section .upcoming-section-content.has-projects .task-upcoming-section {
  min-height: initial;
  margin-bottom: -8px;
  padding-bottom: 8px;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section .upcoming-section-content.has-projects .sortable-container,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section .upcoming-section-content.has-projects .sortable-container {
  min-height: 10px;
  padding-bottom: 5px;
  box-sizing: border-box;
}
.my-upcoming .upcoming-list-wrapper .upcoming-list-section .upcoming-section-content.has-projects .card .card-owner,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-list-section .upcoming-section-content.has-projects .card .card-owner {
  margin-right: 10px;
}
.my-upcoming .upcoming-list-wrapper .upcoming-show-more,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-show-more {
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  padding: 0 20px;
}
.my-upcoming .upcoming-list-wrapper .upcoming-show-more hr,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-show-more hr {
  border-top: 1px solid #cccccc;
}
.my-upcoming .upcoming-list-wrapper .upcoming-show-more .btn,
.my-upcoming-mobile .upcoming-list-wrapper .upcoming-show-more .btn {
  border-radius: 20px;
  margin: -36px auto 6px;
  background-color: #ffffff;
}
.my-upcoming .upcoming-empty-day,
.my-upcoming-mobile .upcoming-empty-day {
  display: flex;
  align-items: center;
  flex-flow: column;
  min-height: 32px;
}
.my-upcoming .upcoming-empty-day .my-upcoming-task,
.my-upcoming-mobile .upcoming-empty-day .my-upcoming-task {
  width: 100%;
}
.my-upcoming .task-upcoming-section,
.my-upcoming-mobile .task-upcoming-section {
  min-height: 64px;
}
.my-upcoming .task-upcoming-section.is-empty .task-sort-item,
.my-upcoming-mobile .task-upcoming-section.is-empty .task-sort-item {
  min-height: 58px;
  margin: -20px 0 -14px;
  padding: 20px 0 0;
  position: relative;
  z-index: 50;
}
.my-upcoming .task-upcoming-section.is-empty .task-sort-item:hover,
.my-upcoming-mobile .task-upcoming-section.is-empty .task-sort-item:hover {
  cursor: pointer;
}
.my-upcoming .task-upcoming-section.is-empty.twilight-zone .task-sort-item,
.my-upcoming-mobile .task-upcoming-section.is-empty.twilight-zone .task-sort-item {
  margin: -8px 0 3px;
}
.my-upcoming .task-upcoming-section.tasks-loading,
.my-upcoming-mobile .task-upcoming-section.tasks-loading {
  min-height: 57px;
  margin-top: 0;
}
.my-upcoming .task-upcoming-section.twilight-zone:not(.is-empty) .is-new-task,
.my-upcoming-mobile .task-upcoming-section.twilight-zone:not(.is-empty) .is-new-task {
  margin-top: 17px;
}
.my-upcoming .task-upcoming-section .new-task-click-target,
.my-upcoming-mobile .task-upcoming-section .new-task-click-target {
  height: 20px;
  cursor: pointer;
  font-size: 10px;
  color: #ffffff;
  padding-left: 20px;
  position: relative;
  z-index: 50;
  transition: color 250ms ease-out 0ms;
}
.my-upcoming .task-upcoming-section .new-task-click-target.task-list-top,
.my-upcoming-mobile .task-upcoming-section .new-task-click-target.task-list-top {
  margin-top: -20px;
}
.my-upcoming .task-upcoming-section .new-task-click-target.twilight-zone,
.my-upcoming-mobile .task-upcoming-section .new-task-click-target.twilight-zone {
  margin-top: 0;
}
.my-upcoming .task-upcoming-section .new-task-click-target.task-list-bottom,
.my-upcoming-mobile .task-upcoming-section .new-task-click-target.task-list-bottom {
  margin-top: -7px;
  margin-bottom: -13px;
}
.my-upcoming .task-upcoming-section .new-task-click-target:hover,
.my-upcoming-mobile .task-upcoming-section .new-task-click-target:hover {
  color: #cccccc;
  transition: 150ms color 250ms ease-out;
}
.my-upcoming .task-upcoming-section .sortable-container,
.my-upcoming-mobile .task-upcoming-section .sortable-container {
  min-height: 39px;
}

.my-upcoming-list-item.list-item {
  margin: 8px 0 8px 15px;
  padding: 0 3px 0 0;
  border-bottom: none;
  position: relative;
  width: initial;
}
@media screen and (max-width: 1150px) {
  .my-upcoming-list-item.list-item {
    flex-flow: column;
    align-items: initial;
    margin-bottom: 20px;
  }
  .my-upcoming-list-item.list-item .item-supplementary {
    margin: 3px 0 0;
    justify-content: initial;
  }
}
.my-upcoming-list-item.list-item.hovered {
  background-color: initial;
}
.my-upcoming-list-item.list-item.hovered .calendar-name {
  opacity: 1;
}
.my-upcoming-list-item.list-item.skeleton, .file-attachment.processing .file-card .my-upcoming-list-item.list-item.file-preview {
  min-height: 22px;
  width: calc(100% - 15px);
}
.my-upcoming-list-item.list-item .item-info {
  width: 60px;
  min-width: 60px;
}
.my-upcoming-list-item.list-item .item-info.error {
  margin-left: -7px;
}
.my-upcoming-list-item.list-item .item-time {
  font-size: 14px;
  margin: 0 10px;
}
.my-upcoming-list-item.list-item .item-time.draft {
  margin: 0 7px;
}
.my-upcoming-list-item.list-item .item-content {
  font-weight: 700;
}
.my-upcoming-list-item.list-item .parent-name {
  max-width: 150px;
  margin: 0 12px 0 0;
  font-size: 10px;
  color: #999999;
  opacity: 0.8;
}
.my-upcoming-list-item.list-item .calendar-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  font-size: 10px;
  color: #999999;
}
.my-upcoming-list-item.list-item .calendar-name .icon-circle-full {
  font-size: 8px;
  margin: 1px;
}
.my-upcoming-list-item.list-item .item-actions {
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 50%;
  margin-top: -8px;
}

.user-sidebar {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  border-radius: 10px 10px 0 0;
  margin: 0 10px 0 5px;
  height: 100%;
  width: 400px;
  min-width: 400px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.user-sidebar.popup {
  position: fixed;
  top: 45px;
  right: 10px;
  z-index: 99999;
  min-height: initial;
  height: 550px;
  width: 400px;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  border: none;
  border-radius: 6px;
}
.user-sidebar.popup .user-sidebar-tabs {
  padding: 0;
  border-radius: 6px 6px 0 0;
}
.user-sidebar .user-sidebar-tabs {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}
.user-sidebar .user-sidebar-tabs .user-sidebar-tab-item {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #666666;
  border: 0;
  padding: 15px 10px;
  box-sizing: border-box;
}
.user-sidebar .user-sidebar-tabs .user-sidebar-tab-item.active {
  color: #d17760;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.user-sidebar .user-sidebar-tabs .user-sidebar-tab-item:hover {
  color: #bc6148;
  cursor: pointer;
}
.user-sidebar .user-sidebar-inner {
  display: flex;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  flex-flow: column;
  border-radius: 4px 4px 0 0;
  max-height: calc(100% - 51px);
  overflow-y: auto;
}
.user-sidebar .user-sidebar-actions {
  display: flex;
  justify-content: flex-end;
  padding: 5px 0;
  position: sticky;
  top: 10px;
  right: 10px;
  z-index: 120;
  margin-bottom: -47px;
}
.user-sidebar .user-sidebar-headers {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 20px 0 5px;
  text-transform: uppercase;
  position: sticky;
  top: 0;
  z-index: 110;
  background-color: #ffffff;
}
.user-sidebar .user-sidebar-headers.skeleton, .user-sidebar .file-attachment.processing .file-card .user-sidebar-headers.file-preview, .file-attachment.processing .file-card .user-sidebar .user-sidebar-headers.file-preview {
  height: 0;
  margin: 15px 0 5px;
}
.user-sidebar .favorites {
  padding: 15px 0;
}
.user-sidebar .favorites .sortable-item.is-dragging, .user-sidebar .favorites .sortable-item.is-dropping {
  background-color: transparent;
}

.sortable-calendar-item.is-dragging {
  z-index: 100;
  background-color: initial;
}
.sortable-calendar-item.is-dropping {
  background-color: initial;
}

.sidebar-empty {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.sidebar-empty .sidebar-empty-graphic {
  margin: 60px auto 50px;
  position: relative;
}
.sidebar-empty .sidebar-empty-graphic .sidebar-empty-cal-item {
  width: 200px;
  height: 70px;
  background: linear-gradient(to right, #cccccc, #f7f7f7);
  border-radius: 6px;
  padding: 10px;
}
.sidebar-empty .sidebar-empty-graphic .icon-dots-three-vertical {
  position: absolute;
  top: 10px;
  right: 10px;
}
.sidebar-empty .sidebar-empty-graphic .sidebar-empty-item-row {
  background: linear-gradient(to right, #999999, #b3b3b3);
  border-radius: 20px;
  height: 15px;
  width: 100%;
  margin-top: 5px;
  opacity: 0.5;
}
.sidebar-empty .sidebar-empty-graphic .sidebar-empty-item-row.top-row {
  height: 19px;
  margin: 0 0 15px;
  width: 75px;
}
.sidebar-empty .sidebar-empty-graphic .sidebar-empty-item-dropdown {
  position: absolute;
  top: 30px;
  right: -15px;
  width: 100px;
  height: 62px;
  padding: 7px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.sidebar-empty p {
  font-weight: 700;
  text-align: center;
  color: #999999;
  margin: 0 15px;
}

@media (max-width: 900px) {
  .onboarding-achievement-center {
    margin: 0 10px 10px !important;
  }
  .my-upcoming {
    margin: 0 10px;
  }
  .my-upcoming .my-upcoming-task .task-item .task-top-section {
    flex-flow: column;
  }
  .my-upcoming .my-upcoming-task .task-item .task-top-section .task-bottom-row {
    max-width: 100% !important;
  }
  .trial-info .chat-text {
    display: none;
  }
  .user-sidebar:not(.task-sidebar):not(.popup) {
    display: none;
  }
  .task-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    left: -5px;
    bottom: 0;
    border-radius: 0;
    width: 100%;
    z-index: 10000;
    box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  }
}
@media (min-width: 901px) {
  .home-frame .universal-action-button.notification-bell {
    display: none;
  }
  .home-frame .user-sidebar.popup {
    display: none;
  }
}
@media (min-width: 1400px) {
  .home-frame {
    margin-left: 200px;
  }
  .home-frame .sidebar-toggle {
    display: none;
  }
  .home-frame .navigation {
    margin-left: 10px;
  }
  .home-frame .sidebar-container .sidebar-inner {
    box-shadow: initial;
  }
  .home-frame .sidebar-container .sidebar-inner .sidebar-user {
    width: 280px;
  }
  .home-frame .sidebar-container .sidebar-inner .close-sidebar {
    display: none !important;
  }
  .home-frame .calendar-container .alert-browser-notification {
    margin: 5px 5px 5px 290px;
  }
}
@media only screen and (max-width: 675px), (min-width: 900px) and (max-width: 1075px) {
  .achievement-center-milestone-container {
    display: flex !important;
  }
  .achievement-center-milestone-container .individual-achievement-container {
    margin: 5px 15px 10px !important;
  }
  .mini-user-score {
    display: block !important;
  }
  .user-milestone-progress {
    display: none !important;
  }
}
.application-container.sidebar-open .achievement-center-milestone-container.home {
  display: flex !important;
}
.application-container.sidebar-open .achievement-center-milestone-container.home .individual-achievement-container {
  margin: 5px 15px 10px !important;
}
.application-container.sidebar-open .mini-user-score {
  display: block !important;
}
.application-container.sidebar-open .user-milestone-progress {
  display: none !important;
}

.task-item-wrapper.my-upcoming-task.is-pending-approval:hover {
  cursor: pointer;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval:hover .task-top-section .task-top-row .task-name {
  border: 1px solid transparent;
  cursor: pointer;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item.is-focused .task-name {
  border-color: transparent !important;
  background-color: transparent;
  cursor: pointer;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-drag-icon {
  visibility: hidden !important;
  pointer-events: none;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-name {
  width: calc(100% - 140px) !important;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-actions-section {
  top: -2px;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-approval-actions-wrapper {
  margin-left: auto;
  min-width: 75px;
  text-align: right;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-approval-actions-wrapper.is-adding {
  animation: none;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-approval-actions-wrapper button {
  border-radius: 20px;
  font-size: 12px;
  margin: 0 3px;
  padding: 6px 6px 0;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-approval-actions-wrapper .btn-approve {
  background-color: #d3e3d1;
  color: #6ba066;
  margin-right: 0;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-approval-actions-wrapper .btn-approve:hover {
  color: #4b7247;
  background-color: #c4d9c2;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-approval-actions-wrapper .btn-deny {
  background-color: #f1cccb;
  color: #d15451;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-approval-actions-wrapper .btn-deny:hover {
  color: #a9302d;
  background-color: #edbbb9;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-approval-actions-wrapper .btn-undo {
  font-size: 12px;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .comment-popover {
  left: initial;
  right: -32px;
  width: 200px;
  border-radius: 7px;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .comment-popover .cp-action {
  justify-content: flex-end;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .comment-popover .cp-action .btn {
  padding-right: 0;
}
.task-item-wrapper.my-upcoming-task.completed .task-item .task-bottom-row {
  opacity: 1 !important;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-top-section, .task-item-wrapper.my-upcoming-task.is-rejected .task-item .task-top-section, .task-item-wrapper.my-upcoming-task.is-past-due .task-item .task-top-section, .task-item-wrapper.my-upcoming-task.completed .task-item .task-top-section {
  flex-flow: column;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-bottom-row, .task-item-wrapper.my-upcoming-task.is-rejected .task-item .task-bottom-row, .task-item-wrapper.my-upcoming-task.is-past-due .task-item .task-bottom-row, .task-item-wrapper.my-upcoming-task.completed .task-item .task-bottom-row {
  margin: -2px 0 -2px 58px;
  max-width: 100%;
  transition: initial;
}
.task-item-wrapper.my-upcoming-task.is-pending-approval .task-item .task-bottom-row .task-project-name-wrapper, .task-item-wrapper.my-upcoming-task.is-rejected .task-item .task-bottom-row .task-project-name-wrapper, .task-item-wrapper.my-upcoming-task.is-past-due .task-item .task-bottom-row .task-project-name-wrapper, .task-item-wrapper.my-upcoming-task.completed .task-item .task-bottom-row .task-project-name-wrapper {
  margin: 0 0 0 auto;
  max-width: 30%;
}
.task-item-wrapper.my-upcoming-task.gu-mirror .task-item {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #f7f7f7;
}
.task-item-wrapper.my-upcoming-task.gu-transit .task-item {
  opacity: 0.3;
  background-color: #f7f7f7;
}
.task-item-wrapper.my-upcoming-task .task-item {
  display: flex;
  align-items: center;
  margin: 2px -15px;
  border-radius: 20px;
  padding: 5px 20px 5px 15px;
}
.task-item-wrapper.my-upcoming-task .task-item.is-focused {
  background-color: #f7f7f7 !important;
}
.task-item-wrapper.my-upcoming-task .task-item .task-top-section {
  display: flex;
  width: 100%;
}
.task-item-wrapper.my-upcoming-task .task-item .task-top-section .task-top-row {
  position: initial;
  width: 100%;
}
.task-item-wrapper.my-upcoming-task .task-item .task-top-section .task-top-row .task-drag-icon {
  margin: 1px 3px 0 -3px;
  padding: 3px 4px 0 0;
}
.task-item-wrapper.my-upcoming-task .task-item .task-top-section .task-top-row label.checkbox {
  padding-left: 25px;
  margin-top: 0;
}
.task-item-wrapper.my-upcoming-task .task-item .task-top-section .task-top-row label.checkbox:before, .task-item-wrapper.my-upcoming-task .task-item .task-top-section .task-top-row label.checkbox:after {
  margin: 0;
  top: 0;
}
.task-item-wrapper.my-upcoming-task .task-item .task-top-section .task-top-row .task-name {
  width: 100%;
  color: #666666;
  border-radius: 2px;
  padding: 1px 5px;
  line-height: 20px;
  min-height: 20px;
  margin: 0 0 0 8px;
}
.task-item-wrapper.my-upcoming-task .task-item .task-bottom-row {
  display: flex;
  align-items: center;
  margin: 0 0 0 10px;
  max-width: 30%;
  padding: 0;
}
.task-item-wrapper.my-upcoming-task .task-item .task-bottom-row .task-action {
  color: #999999 !important;
}
.task-item-wrapper.my-upcoming-task .task-item .task-bottom-row .date-dropdown,
.task-item-wrapper.my-upcoming-task .task-item .task-bottom-row .user-dropdown {
  pointer-events: none;
}
.task-item-wrapper.my-upcoming-task .task-item .task-project-name-wrapper {
  position: relative;
  max-width: 100%;
}
.task-item-wrapper.my-upcoming-task .task-item .task-project-name-wrapper .hovercard-item.card {
  top: 15px;
  right: 0;
  left: initial;
  z-index: 1000 !important;
  color: #666666;
}
.task-item-wrapper.my-upcoming-task .task-item .task-project-name-wrapper .hovercard-item.card:hover {
  cursor: pointer;
}
.task-item-wrapper.my-upcoming-task .task-item .task-project-name-wrapper:hover .task-project-name {
  text-decoration: underline;
  cursor: pointer;
}
.task-item-wrapper.my-upcoming-task .task-item .task-project-name-wrapper:hover .hovercard-item.card {
  visibility: visible;
  opacity: 1;
  transition: all 150ms ease 1s;
}
.task-item-wrapper.my-upcoming-task .task-item .task-project-name-wrapper .task-project-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  font-size: 10px;
  color: #999999;
  line-height: 1.5;
}
.task-item-wrapper.my-upcoming-task .task-item .task-project-name-wrapper .task-project-name [class^=icon-] {
  margin-right: 3px;
  margin-bottom: -1px;
}
.task-item-wrapper.my-upcoming-task .task-item .task-project-name-wrapper .task-project-name .icon-circle-full {
  font-size: 8px;
}
.task-item-wrapper.my-upcoming-task .task-item .task-actions-section {
  position: absolute;
  top: -5px;
  right: 0;
  display: flex;
  align-items: center;
}
.task-item-wrapper.my-upcoming-task .task-item .ellipse-menu-btn {
  padding: 11px 1px 4px 7px;
  visibility: hidden;
  opacity: 0;
}

.hide-last-item.task-sort-item .my-upcoming-task:last-of-type {
  display: none;
}

.my-upcoming-adv-view.tasks-adv-view-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.my-upcoming-adv-view.tasks-adv-view-wrapper .tasks-adv-view-inner {
  position: relative;
  margin: 0;
  height: 100%;
  background-color: transparent;
}
.my-upcoming-adv-view.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-header {
  padding: 15px 9px 15px 20px;
  border-top: initial;
}
.my-upcoming-adv-view.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-header span {
  margin-left: 0;
}
.my-upcoming-adv-view.tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body {
  overflow-y: auto;
  height: calc(100% - 51px);
  padding-bottom: 50px;
  box-sizing: border-box;
}
.my-upcoming-adv-view.tasks-adv-view-wrapper .tasks-adv-view-inner .help-btn {
  top: 13px;
  left: 72px;
  right: initial;
}
.my-upcoming-adv-view.tasks-adv-view-wrapper .tasks-adv-view-inner .task-pending-approval-row {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ffffff;
}

.user-sidebar .notifications .notifications-empty,
.page-content .notifications .notifications-empty {
  display: flex;
  flex-flow: column;
  text-align: center;
  padding-top: 50px;
}
.user-sidebar .notifications .notifications-empty .empty-image,
.page-content .notifications .notifications-empty .empty-image {
  width: 126px;
  margin: 35px auto;
}
.user-sidebar .btn.show-older,
.page-content .btn.show-older {
  display: flex;
  border-radius: 20px;
  margin: 25px auto;
}

.notification-item {
  display: flex;
  position: relative;
  padding: 10px 50px 10px 10px;
  cursor: pointer;
  border-radius: 4px;
  margin: 15px 0;
  border: 1px solid #e6e6e6;
  opacity: 0.6;
  z-index: 10;
}
.notification-item.unread, .notification-item:hover {
  opacity: 1;
}
.notification-item.unread.onboarding-notification, .notification-item:hover.onboarding-notification {
  background: linear-gradient(to right, #cceefe, #ddf4fe);
}
.notification-item.unread.alert-notification, .notification-item:hover.alert-notification {
  background: linear-gradient(to right, #fdfaef, #fefbf4);
}
.notification-item.unread.system-error-notification, .notification-item:hover.system-error-notification {
  background: linear-gradient(to right, #fef5f5, #fef8f8);
}
.notification-item.onboarding-notification {
  border-color: #cceefe;
}
.notification-item.onboarding-notification .notification-content {
  color: #2a4564;
}
.notification-item.alert-notification {
  border-color: #fef6da;
}
.notification-item.alert-notification .notification-content {
  color: #ad894b;
}
.notification-item.alert-notification .notification-headshot .notification-icon.icon-warning {
  color: #ad894b;
  background-color: #f8ebc4;
}
.notification-item.system-error-notification {
  border-color: #eed5d4;
}
.notification-item.system-error-notification .notification-content {
  color: #963c3b;
}
.notification-item.system-error-notification .notification-headshot .notification-icon.icon-warning {
  color: #963c3b;
  background-color: #f9d3d1;
}
.notification-item:hover {
  z-index: 100;
}
.notification-item:hover, .notification-item.showing-more-actions {
  opacity: 1;
  transition: all 150ms ease-out;
}
.notification-item:hover .notification-actions, .notification-item.showing-more-actions .notification-actions {
  opacity: 1;
  visibility: visible;
  transition: all 150ms ease-out;
}
.notification-item .notification-user-and-time {
  display: flex;
  flex-flow: column;
  width: 36px;
  margin: 2px 17px 0 0;
}
.notification-item .notification-user-and-time .notification-headshot {
  margin-bottom: auto;
  height: 36px;
}
.notification-item .notification-user-and-time .notification-headshot.skeleton, .notification-item .notification-user-and-time .file-attachment.processing .file-card .notification-headshot.file-preview, .file-attachment.processing .file-card .notification-item .notification-user-and-time .notification-headshot.file-preview {
  border-radius: 25px;
  margin-bottom: 20px;
}
.notification-item .notification-user-and-time .notification-headshot .mia {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
}
.notification-item .notification-user-and-time .notification-headshot img {
  width: 36px;
  height: 36px;
}
.notification-item .notification-user-and-time .notification-headshot .notification-icon {
  padding: 11px 9px 11px 11px;
  border-radius: 20px;
  background-color: #f7f7f7;
  color: #666666;
}
.notification-item .notification-user-and-time .notification-headshot .network-icon {
  position: relative;
}
.notification-item .notification-user-and-time .notification-headshot .network-icon .icon {
  padding: 3px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: -8px;
  color: #ffffff;
  font-size: 12px;
}
.notification-item .notification-user-and-time .notification-headshot .network-icon .icon.facebook {
  background-color: #3b5998;
}
.notification-item .notification-user-and-time .notification-headshot .network-icon .icon.twitter {
  background-color: #2ca9e1;
}
.notification-item .notification-user-and-time .notification-headshot .network-icon .icon.instagram {
  background-color: #e34061;
}
.notification-item .notification-content {
  display: flex;
  flex-flow: column;
  width: calc(100% - 53px);
  color: #4d4d4d;
}
.notification-item .notification-content:hover {
  text-decoration: none;
}
.notification-item .notification-content .notification-origin {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 5px;
}
.notification-item .notification-content .notification-origin .icon-close,
.notification-item .notification-content .notification-origin .icon-checkmark {
  vertical-align: -1px;
  margin: 0 -1px 0 -3px;
}
.notification-item .notification-content .notification-origin .notification-source {
  display: inline-block;
  color: #d17760;
  position: relative;
}
.notification-item .notification-content .notification-origin .notification-source:hover {
  text-decoration: underline;
}
.notification-item .notification-content .notification-text {
  display: inline-block;
  max-width: 98%;
  word-wrap: break-word;
  margin-top: 3px;
  font-size: 12px;
  font-weight: initial;
  overflow: hidden;
  position: relative;
  line-height: 1.3em;
  max-height: 7.5em;
  margin-right: -1em;
  padding-right: 1em;
}
.notification-item .notification-content .notification-text.show-more {
  overflow: visible;
  max-height: initial;
}
.notification-item .notification-content .notification-text.show-more.more-text:before {
  content: initial;
}
.notification-item .notification-content .notification-text.more-text:before {
  content: "";
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.notification-item .notification-content .notification-text [class^=icon-].reversed {
  background-color: transparent;
}
.notification-item .notification-content .icon-star {
  color: #f2c069;
}
.notification-item .notification-content .icon-star-empty {
  color: #b3b3b3;
}
.notification-item .notification-content .profile-image img {
  height: 25px;
  width: 25px;
  border-radius: 25px;
  border: 1px solid #e6e6e6;
  margin-right: 8px;
}
.notification-item .notification-content p.service-name {
  margin: 0 0 0 5px;
  font-size: 13px;
}
.notification-item .notification-content .service-icon {
  font-size: 14px;
}
.notification-item .notification-content .show-more-text-btn {
  position: absolute;
  right: 11px;
  bottom: 41px;
  padding: 2px 3px;
  display: inline;
  height: 12px;
  color: #666666;
}
.notification-item .notification-content .notification-context {
  display: flex;
  align-items: center;
  margin-top: 1px;
  font-size: 11px;
  position: relative;
}
.notification-item .notification-content .notification-context.skeleton, .notification-item .notification-content .file-attachment.processing .file-card .notification-context.file-preview, .file-attachment.processing .file-card .notification-item .notification-content .notification-context.file-preview {
  margin-top: 5px;
}
.notification-item .notification-content .notification-context .network-name,
.notification-item .notification-content .notification-context .notification-parent-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}
.notification-item .notification-content .notification-context .notification-parent-name,
.notification-item .notification-content .notification-context .notification-time,
.notification-item .notification-content .notification-context .network-name,
.notification-item .notification-content .notification-context .network-icon {
  opacity: 0.7;
}
.notification-item .notification-content .notification-context .notification-project-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 20px);
}
.notification-item .notification-content .notification-context .notification-project-name:hover {
  cursor: pointer;
  text-decoration: underline;
}
.notification-item .notification-content .notification-cta {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px 0 5px;
}
.notification-item .notification-content .notification-cta span {
  font-size: 9px;
  margin-left: 3px;
}
.notification-item .notification-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 6px;
  right: 5px;
  padding: 0;
  opacity: 0;
  visibility: hidden;
}
.notification-item .notification-actions .notification-action-btn {
  padding: 5px 4px;
}
.notification-item .notification-actions .notification-action-btn:last-of-type {
  margin-top: auto;
  padding: 5px 3px 5px 5px;
}
.notification-item .notification-actions .notification-ellipse {
  position: absolute;
  right: 48px;
  top: 0;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.notification-item .notification-actions .notification-ellipse .btn {
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
  text-align: left;
}
.notification-item .notification-actions .notification-ellipse .btn:hover {
  background-color: #f7f7f7;
}

.priority-notification {
  position: absolute;
  top: 45px;
  right: 10px;
  z-index: 10000;
  width: 380px;
  border-radius: 6px;
  transform: scale(1);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  animation: notification-fade 13s 4s;
}
.priority-notification .notification-item {
  margin: 0;
  padding: 15px;
}
.priority-notification .notification-item .notification-headshot {
  height: 55px;
  width: 55px;
}
.priority-notification .notification-item .notification-headshot img {
  height: 55px;
  width: 55px;
}
.priority-notification .notification-item .notification-content {
  margin-left: 20px;
}
.priority-notification .notification-item .notification-content .notification-origin {
  font-size: 15px;
}
.priority-notification .notification-item .notification-content .notification-text {
  margin-top: 5px;
  font-size: 13px;
  line-height: 17px;
}
.priority-notification .notification-item .notification-content .notification-cta {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.priority-notification .notification-item .notification-content .notification-cta span {
  font-size: 10px;
}

@keyframes notification-fade {
  0% {
    visibility: visible;
    opacity: 0;
    transform: translate(0, -30px);
  }
  3% {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
  }
  95% {
    visibility: visible;
    transform: translate(0, 0);
  }
  96% {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(0, -40px);
  }
  100% {
    visibility: visible;
    opacity: 0;
    transform: scale(0.4) translate(400px, -220px);
  }
}
.hovercard-item {
  position: absolute;
  top: 25px;
  left: -75px;
  width: 230px;
  z-index: 1;
  box-shadow: 0 2px 8px #b3b3b3;
  border: initial;
}
.hovercard-item.task-item-wrapper {
  left: -150px;
}
.hovercard-item.task-item-wrapper:hover .task-item {
  background-color: #ffffff;
}
.hovercard-item.task-item-wrapper:hover .task-top-row .task-name {
  border: 1px solid transparent !important;
}
.hovercard-item.task-item-wrapper .task-item {
  box-shadow: 2px 2px 8px #b3b3b3;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 10px 12px;
}
.hovercard-item.task-item-wrapper .task-item .task-top-row .task-name {
  padding-top: 1px;
}
.hovercard-item.task-item-wrapper .task-item .task-bottom-row {
  padding: 0;
  pointer-events: none;
}
.hovercard-item.task-item-wrapper .task-item .task-bottom-row .task-action {
  font-weight: 700 !important;
}
.hovercard-item.task-item-wrapper .task-item .task-bottom-row .user-dropdown .task-action {
  max-width: 120px !important;
}

.reactivation-modal {
  text-align: center;
  padding: 0;
  z-index: 6000;
  max-height: 800px;
}
.reactivation-modal h4 {
  padding: 50px 80px 30px;
  color: #4d4d4d;
}
.reactivation-modal .button.orange {
  margin: 0 8px;
}
.reactivation-modal .reactivation-secondary-links {
  margin-top: 50px;
  background-color: #f7f7f7;
  padding: 10px;
}
.reactivation-modal .reactivation-secondary-links .button.flat {
  color: #808080;
  font-size: 13px;
}
.reactivation-modal .company-info-inputs {
  padding: 0 80px 50px;
}
.reactivation-modal .company-info-inputs label {
  margin-top: 10px;
  text-align: left;
}
.reactivation-modal .company-info-inputs input {
  width: 91%;
  padding: 10px 17px;
  border-radius: 4px;
}
.reactivation-modal .company-info-inputs input:focus {
  box-shadow: none;
  color: #333333;
}
.reactivation-modal .company-info-inputs .button {
  margin: 20px 0 0;
}

.modal-backdrop.reactivation {
  top: 48px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6), 98%, transparent);
}

.company-details-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 6000;
  background-color: #ffffff;
  max-height: none;
  padding: 0;
}
.company-details-modal,
.company-details-modal * {
  box-sizing: border-box;
}
.company-details-modal .company-details-container {
  display: grid;
  grid-template-columns: 1fr 500px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .company-details-modal .company-details-container {
    grid-template-columns: 1fr 400px;
  }
}
@media only screen and (max-width: 800px) {
  .company-details-modal .company-details-container {
    grid-template-columns: 1fr;
  }
}
.company-details-modal .company-details-container .left-image {
  position: relative;
  background-color: #2a2c40;
}
@media only screen and (max-width: 800px) {
  .company-details-modal .company-details-container .left-image {
    display: none;
  }
}
.company-details-modal .company-details-container .left-image .background {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
@media only screen and (min-width: 1500px) {
  .company-details-modal .company-details-container .left-image .background {
    bottom: -8vw;
  }
}
.company-details-modal .company-details-container .left-image .quote {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10vh;
}
.company-details-modal .company-details-container .company-details-form {
  padding: 100px 60px;
  overflow-y: auto;
}
@media only screen and (max-width: 1000px) {
  .company-details-modal .company-details-container .company-details-form {
    padding: 100px 30px;
  }
}
@media only screen and (max-width: 800px) {
  .company-details-modal .company-details-container .company-details-form {
    max-width: 600px;
    margin: 0 auto;
  }
}
.company-details-modal .company-details-container .company-details-form .company-info-inputs {
  display: flex;
  flex-direction: column;
}
.company-details-modal .company-details-container .company-details-form .company-info-inputs label {
  margin-top: 10px;
  text-align: left;
}
.company-details-modal .company-details-container .company-details-form .company-info-inputs input {
  width: 100%;
  padding: 10px 17px;
  border-radius: 4px;
}
.company-details-modal .company-details-container .company-details-form .company-info-inputs input:focus {
  box-shadow: none;
  color: #333333;
}
.company-details-modal .company-details-container .company-details-form .company-info-inputs button.submit-company-info {
  margin: 30px auto 0;
}

.modal.whats-new-modal {
  width: 80%;
  max-width: 900px;
  height: 80vh;
  min-height: 600px;
}
.modal.whats-new-modal .modal-header, .modal.whats-new-modal .delete-confirmation .delete-header, .delete-confirmation .modal.whats-new-modal .delete-header {
  border-bottom: none;
}
.modal.whats-new-modal .modal-header .button, .modal.whats-new-modal .delete-confirmation .delete-header .button, .delete-confirmation .modal.whats-new-modal .delete-header .button {
  display: flex;
  align-items: center;
  padding: 4px 10px 3px;
  margin-right: 2px;
  color: #f4d9d1;
}
.modal.whats-new-modal .modal-header .button:hover, .modal.whats-new-modal .delete-confirmation .delete-header .button:hover, .delete-confirmation .modal.whats-new-modal .delete-header .button:hover, .modal.whats-new-modal .modal-header .button:focus, .modal.whats-new-modal .delete-confirmation .delete-header .button:focus, .delete-confirmation .modal.whats-new-modal .delete-header .button:focus, .modal.whats-new-modal .modal-header .button:active, .modal.whats-new-modal .delete-confirmation .delete-header .button:active, .delete-confirmation .modal.whats-new-modal .delete-header .button:active, .modal.whats-new-modal .modal-header .button:active:hover {
  color: #f4d9d1;
  background-color: #bc6148;
}
.modal.whats-new-modal .modal-header .button span, .modal.whats-new-modal .delete-confirmation .delete-header .button span, .delete-confirmation .modal.whats-new-modal .delete-header .button span {
  margin-left: 5px;
}
.modal.whats-new-modal .modal-header .button .icon-close, .modal.whats-new-modal .delete-confirmation .delete-header .button .icon-close, .delete-confirmation .modal.whats-new-modal .delete-header .button .icon-close {
  color: #f4d9d1;
  margin: initial;
}
.modal.whats-new-modal h4 {
  background-color: #d17760;
  color: #f4d9d1;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 8px 0;
}
.modal.whats-new-modal iFrame {
  border: none;
}
.modal.whats-new-modal .product-article {
  width: 100%;
  height: 70vh;
  margin-top: 30px;
}

@keyframes bounce {
  0%, 20%, 60%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  80% {
    transform: translateY(-10px);
  }
}
@keyframes setup-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes setup-fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(60px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes setup-fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.calendar-setup-wrapper {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: table;
  overflow: hidden;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
}
.calendar-setup-wrapper.calendar-bg {
  background: white url(/img/Calendar-bg-3.png) no-repeat center top;
  background-size: cover;
}
.calendar-setup-wrapper.calendar-name {
  background-color: #ffffff;
}
.calendar-setup-wrapper.no-height {
  height: auto;
}
.calendar-setup-wrapper.company-setup, .calendar-setup-wrapper.calendly-modal {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 99999;
  overflow: hidden;
}
.calendar-setup-wrapper .calendar-setup-inner {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}
.calendar-setup-wrapper .calendar-setup-inner .alert {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  padding: 5px 10px;
  width: 310px;
  color: #999999;
  position: absolute;
  bottom: 45px;
  left: 50%;
  margin-left: -165px;
}
.calendar-setup-wrapper .calendar-setup-inner .alert span {
  color: #6ba066;
  margin-right: 5px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-column {
  max-width: 760px;
  margin: 0px auto;
}

.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 300px;
  padding: 20px 20px 60px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish {
  padding: 30px;
  width: calc(100% - 40px);
  box-sizing: border-box;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish .service-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish .service-icons .service-icon {
  font-size: 40px;
  margin: 0 15px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish .insta-setup-row {
  display: flex;
  justify-content: center;
  width: 100%;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish .insta-setup-row h4 {
  width: 50%;
  flex-shrink: 0;
  margin: 10px 4px;
  box-sizing: border-box;
  color: #666666;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish .insta-setup-row h4.not-enabled {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish .insta-setup-row h4 span {
  position: relative;
  top: 1px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish .insta-setup-row h4:first-of-type {
  text-align: right;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .instagram-direct-publish .insta-setup-row h4:last-of-type {
  text-align: left;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .mobile-store-badges {
  display: flex;
  justify-content: center;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .mobile-store-badges .google-play-badge,
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .mobile-store-badges .app-store-badge {
  height: 60px;
  width: auto;
  width: auto;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .mobile-store-badges .google-play-badge img,
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .mobile-store-badges .google-play-badge .no-thumbnail,
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .mobile-store-badges .app-store-badge img,
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .mobile-store-badges .app-store-badge .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .get-a-link-input {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .get-a-link-input > [class^=icon-] {
  color: #999999;
  margin-right: 5px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .get-a-link-input input {
  padding: 4px 14px;
  border-radius: 40px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-gif {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-gif .mobile-image {
  height: 300px;
  position: relative;
  z-index: 10;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-gif .mobile-gif {
  height: 273px;
  position: absolute;
  top: 14px;
  left: 19px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-left: 50px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions ol li {
  font-weight: bold;
  margin-bottom: 5px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions .waiting-for-sync {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions .waiting-for-sync .dots {
  display: flex;
  margin-left: 10px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions .waiting-for-sync .dots .dot1,
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions .waiting-for-sync .dots .dot2,
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions .waiting-for-sync .dots .dot3 {
  font-size: 10px;
  margin-left: 10px;
  color: #e6e6e6;
  animation: sync-dots 1.5s ease 0s infinite alternate;
}
@keyframes sync-dots {
  0% {
    color: #f7f7f7;
  }
  100% {
    color: #b3b3b3;
  }
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions .waiting-for-sync .dots .dot2 {
  animation-delay: 0.5s;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .set-up-instructions .waiting-for-sync .dots .dot3 {
  animation-delay: 1s;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .setup-progress {
  position: absolute;
  bottom: 20px;
  width: 110px;
  left: 50%;
  margin-left: -50px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .setup-progress .progress-circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #b3b3b3;
  border-radius: 50%;
  margin: 5px;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .setup-progress .progress-circle.active {
  background-color: #62acc4;
}
.calendar-setup-wrapper.instagram-setup .calendar-setup-inner .setup-box .setup-footer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 20px;
  width: 670px;
  padding: 0 10px;
}

.calendar-setup-wrapper .calendar-setup-inner .setup-box {
  position: relative;
  width: 685px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: white;
  min-height: 450px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box button.close {
  position: absolute;
  right: 0;
  top: 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box button.close:hover span {
  color: #999999;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-header {
  position: relative;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-header span.icon-close {
  margin-right: 0;
  display: block;
  padding: 10px;
  font-size: 16px;
  color: #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-header .cos-logo {
  width: 160px;
  padding-top: 15px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box h4 {
  color: #999999;
  font-size: 17px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box p {
  color: #999999;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .loading-icon {
  margin-left: -30px;
  margin-top: -60px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack {
  color: #666666;
  width: 500px;
  min-height: 300px;
  padding-bottom: 35px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack .purchase span {
  display: block;
  margin-top: 30px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack span {
  font-size: 55px;
  color: #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack h3 {
  font-size: 22px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack p {
  padding: 0 40px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack em {
  display: block;
  font-size: 10px;
  color: #999999;
  width: 280px;
  margin: 20px auto 10px;
  line-height: 14px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack .setup-content {
  animation: none;
  padding-top: 50px;
  padding-bottom: 45px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack .btn-orange {
  margin-top: 15px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.agency-pack .btn-text {
  font-size: 12px;
  display: block;
  color: #b3b3b3;
  margin: 10px auto;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.calendly-content {
  min-height: 480px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.calendly-content img {
  margin-top: 50px;
  width: 100px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.calendly-content h3 {
  margin-top: 20px;
  font-size: 22px;
  color: #999999;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.calendly-content p {
  padding: 10px 80px 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.calendly-content button {
  display: block;
  margin: 0 auto 15px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.calendly-content .calendly-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 4px 4px;
  height: 60px;
  background-color: #f7f7f7;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.calendly-content .calendly-footer button.btn-text {
  position: absolute;
  bottom: 0;
  font-size: 13px;
  margin-left: 45%;
  color: #b3b3b3;
  background-color: #f7f7f7;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.calendly-content .calendly-inline-widget iframe {
  width: 650px;
  height: 500px;
  margin-bottom: 35px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup p {
  font-size: 13px;
  width: 515px;
  margin: 15px auto;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup p em {
  margin: 10px;
  display: block;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-icon span {
  display: block;
  color: #b3b3b3;
  font-size: 100px;
  margin-bottom: 35px;
  margin-top: 35px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-icon img {
  top: 140px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 36px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .btn-text {
  font-size: 11px;
  color: #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .btn-large {
  display: block;
  margin: 20px auto;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-info-selectors {
  width: 350px;
  margin: 20px auto;
  text-align: left;
  padding-top: 20px;
  position: relative;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-info-selectors h4 {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-info-selectors input[type=text] {
  width: 300px;
  padding: 6px 40px 6px 10px;
  margin-bottom: 15px;
  color: #666666;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-info-selectors input::-moz-placeholder {
  color: #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-info-selectors input::placeholder {
  color: #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-info-selectors .ember-view {
  width: 100%;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-info-selectors .ember-view .select2-container {
  margin-bottom: 15px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .company-info-selectors .ember-view .select2-container .select2-choice {
  padding: 3px 10px 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select {
  padding-top: 40px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans {
  width: 600px;
  margin: auto;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label {
  width: 22.5%;
  float: left;
  margin: 10px 1% 10px;
  cursor: pointer;
  padding-top: 10px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  text-transform: none;
  color: #999999;
  font-weight: normal;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label input {
  margin-top: 15px;
  margin-bottom: 3px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label button {
  margin-top: 5px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label button.active, .calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label button:active, .calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label button:hover, .calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label button:focus {
  box-shadow: none;
  color: #999999;
  border: 1px solid #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label .plan-name {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  margin-top: 15px;
  margin-bottom: 5px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label .plan-description {
  line-height: 16px;
  height: 35px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label .plan-price {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 10px;
  background-color: #f7f7f7;
  width: 100%;
  padding: 10px 0 15px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label .plan-price em {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  display: block;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label .plan-price .users {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  margin-top: 13px;
  background-color: #f7f7f7;
  padding: 5px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select .trial-plans .plan-select label:hover {
  border: 1px solid transparent;
  box-shadow: 0 0 5px #999999;
  transition: all 0.2s ease;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.company-setup .onboarding-trial-select button {
  margin-top: 10px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step {
  padding: 50px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step p {
  padding: 0 60px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step h4 {
  margin-bottom: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step.animate .company-info-selectors,
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step.animate p,
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step.animate .company-info {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: setup-fadeInRight;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .btn-outline {
  font-size: 13px;
  padding: 20px 10px;
  margin: 15px;
  border-radius: 5px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors {
  width: 350px;
  margin: auto;
  text-align: left;
  padding-top: 20px;
  position: relative;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors input[type=text] {
  width: 300px;
  padding: 6px 40px 6px 10px;
  margin-bottom: 15px;
  color: #666666;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors input::-moz-placeholder {
  color: #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors input::placeholder {
  color: #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors .company-name-selector {
  position: relative;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors .company-name-selector .icon-checkmark-2 {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: setup-fadeIn;
  animation-delay: 0.6s;
  font-size: 18px;
  color: #8ac884;
  position: absolute;
  top: 33px;
  right: 7px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors .website-url-selector {
  position: relative;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors .website-url-selector .icon-checkmark-2 {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: setup-fadeIn;
  animation-delay: 0.6s;
  font-size: 18px;
  color: #8ac884;
  position: absolute;
  top: 33px;
  right: 7px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors .ember-view {
  width: 100%;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors .ember-view .select2-container {
  margin-bottom: 15px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .company-info-selectors .ember-view .select2-container .select2-choice {
  padding: 3px 10px 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .setup-back {
  position: absolute;
  bottom: 28px;
  left: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .setup-continue {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .setup-continue.disabled, .calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .integration-modal .container.enabled .body .header .setup-continue.btn, .integration-modal .container.enabled .body .header .calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step .setup-continue.btn {
  pointer-events: none;
  cursor: default;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step.company-info {
  margin-top: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step.complete {
  margin-top: 25px;
  margin-bottom: -30px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .setup-step.complete img {
  width: 250px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .company-icon span {
  display: block;
  color: #b3b3b3;
  font-size: 100px;
  margin-bottom: 30px;
  margin-top: 40px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .company-icon img {
  top: 190px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 36px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .btn-orange {
  display: block;
  margin: 20px auto 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .btn-large {
  margin-top: 30px;
  margin-bottom: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.complete-company-setup .btn-text {
  color: #b3b3b3;
  font-size: 12px;
  margin-top: 10px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-back {
  position: absolute;
  bottom: 23px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-skip {
  position: absolute;
  bottom: 23px;
  right: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .arrow-indicator {
  animation: bounce 2s ease-in-out 2s 1;
  position: absolute;
  color: #62acc4;
  width: 70px;
  bottom: 60px;
  left: 50%;
  margin-left: -39px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .arrow-indicator em {
  font-size: 10px;
  color: #b3b3b3;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-continue {
  position: absolute;
  bottom: 23px;
  right: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-continue span {
  font-size: 11px;
  margin-left: 5px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-header {
  background-color: #f7f7f7;
  border-radius: 4px 4px 0 0;
  margin: -20px -20px 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-header img {
  width: 30px;
  margin: 0 10px 15px 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .setup-header h3 {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.2px;
  opacity: 0.9;
  color: #666666;
  display: inline-block;
  vertical-align: 4px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .not-authorized {
  margin-top: 50px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .not-authorized img {
  height: 200px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box .not-authorized p {
  width: 400px;
  margin: auto;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow {
  height: auto;
  min-height: initial;
  padding: 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-header {
  height: 10%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-header h3 {
  margin: 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content {
  height: 80%;
  padding: 20px;
  min-height: 250px;
  animation: none;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content img {
  width: 160px;
  margin-bottom: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content h3 {
  color: #666666;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content h3 span {
  color: #c09853;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content h3.red {
  color: #d15451;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content h3.red span {
  color: #d15451;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content p {
  padding: 0 50px 10px;
  font-size: 14px;
  line-height: 24px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content p.no-padding {
  padding: 0 20px 10px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  text-align: left;
  color: #999999;
  margin-bottom: 8px;
  text-transform: none;
  padding-left: 30px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content label input {
  vertical-align: 0;
  margin-right: 5px;
  margin-left: -20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content .subscription-canceled {
  padding: 70px 100px 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content .other-tools {
  width: 450px;
  height: 300px;
  margin-left: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content .other-tools .tool-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content .other-tools .tool-wrap .checkbox {
  width: calc(50% - 30px);
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content .other-tools .other-specify input {
  position: absolute;
  left: 470px;
  top: 215px;
  text-align: left !important;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content textarea {
  color: #666666;
  height: 120px;
  width: 80%;
  margin: auto;
  padding: 5px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-content ul {
  margin-bottom: -5px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow .setup-footer {
  height: 10%;
  width: calc(100% - 40px);
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 20px 20px 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow.cancel-warning {
  width: 450px;
  min-height: 230px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-box.cancel-flow.cancel-warning .setup-footer.cancel-flow .btn-orange {
  position: absolute;
  left: 310px;
}
.calendar-setup-wrapper.complete-company-setup {
  position: fixed;
  z-index: 9999;
  background-color: #ffffff;
}
.calendar-setup-wrapper.complete-company-setup .setup-box {
  box-shadow: initial;
  border: initial;
}
.calendar-setup-wrapper.complete-company-setup .setup-box .setup-header {
  display: none;
}

.calendar-setup-wrapper:not(.create-new) .calendar-setup-inner .setup-content {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: setup-fadeInRight;
}

.calendar-setup-wrapper .calendar-setup-inner .setup-content {
  padding: 20px;
  border-radius: 0px;
  position: relative;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content.team-size {
  margin-top: 60px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content.team-size .btn-select {
  display: inline-block;
  margin-top: 20px;
  width: 100px;
  height: 90px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content.team-size .btn-select p {
  line-height: 14px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content.team-size .btn-select span {
  color: #b3b3b3;
  font-size: 25px;
  margin-bottom: 10px;
  display: block;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #999999;
  margin-top: 10px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content input[type=text]:focus,
.calendar-setup-wrapper .calendar-setup-inner .setup-content input[type=password]:focus {
  border-color: #2a2c40;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .btn-select {
  font-size: 13px;
  color: #999999;
  padding: 20px;
  border: 1px solid #e6e6e6;
  background-color: white;
  display: block;
  border-radius: 4px;
  margin: 10px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .btn-select:hover {
  cursor: pointer;
  color: #4d4d4d;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .btn-select-outer:hover {
  cursor: pointer;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .btn-select-outer:hover .btn-select {
  cursor: pointer;
  color: #4d4d4d;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .btn-large {
  border-radius: 4px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .setup-input {
  position: relative;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .setup-input .flag {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: setup-fadeInRight;
  background-color: #b94a48;
  padding: 5px 10px;
  border-radius: 0px 6px 6px 0px;
  color: white;
  display: inline-block;
  position: absolute;
  top: -1px;
  right: -2px;
  opacity: 0.8;
  text-align: center;
  max-width: 150px;
  height: 42px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .setup-input .flag:before {
  content: "";
  width: 0px;
  height: 0px;
  border: 26px solid transparent;
  border-right-color: #b94a48;
  position: absolute;
  top: 0px;
  left: -52px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .vertical-middle {
  vertical-align: middle;
  margin-right: 10px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-content .alert-error p {
  color: #b94a48;
  font-size: 14px;
  line-height: 20px;
}

.calendar-setup-wrapper .calendar-setup-inner .setup-footer.cancel-flow {
  position: absolute;
  bottom: 20px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-footer.cancel-flow .btn-blue {
  position: absolute;
  left: 540px;
  width: 140px;
  bottom: 0px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-footer.cancel-flow .btn-blue.final-cancel {
  width: 200px;
  left: 480px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-footer.cancel-flow .btn-blue.next {
  width: 70px;
  left: 610px;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-footer.cancel-flow .btn-text.enter-text-warning {
  opacity: 0;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-footer.cancel-flow .btn-text.enter-text-warning:disabled {
  opacity: 1;
  margin-left: 105px;
  font-size: 11px;
  color: #999999;
  float: right;
  cursor: default;
}
.calendar-setup-wrapper .calendar-setup-inner .setup-footer.cancel-flow .btn-text.enter-text-warning:disabled:hover {
  color: #999999 !important;
}
.calendar-setup-wrapper .calendar-setup-inner .calendar-setup-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 10px;
}

.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box {
  width: 350px;
  min-height: 100px;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list {
  text-align: left;
  margin-top: 20px;
  max-height: 500px;
  overflow: scroll;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list .calendar-label {
  background-color: #f7f7f7;
  margin-bottom: 2px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 20px;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list .calendar-label .calendar-name {
  font-size: 16px;
  color: #999999;
  vertical-align: -5px;
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list .calendar-label .calendar-icon {
  margin-right: 0;
  padding: 20px 10px 0 0;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list .calendar-label .calendar-icon .calendar-color-dot {
  width: 19px;
  height: 19px;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list .calendar-label .calendar-icon .calendar-color-dot .dot {
  width: 15px;
  height: 15px;
  margin: 2px;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list .calendar-label .icon-angle-right {
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 20px;
  color: #999999;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list .calendar-label:hover {
  background-color: #f7f7f7;
  transition: all 0.3s ease;
}
.calendar-setup-wrapper.route-select .calendar-setup-inner .setup-box .calendar-list .calendar-label:hover .icon-angle-right {
  opacity: 1;
  transition: all 0.3s ease;
}

.modal-setup.bulk-import-modals {
  position: fixed;
  top: 0;
  overflow: hidden;
}
.modal-setup.bulk-import-modals .modal-container .modal-header, .modal-setup.bulk-import-modals .modal-container .delete-confirmation .delete-header, .delete-confirmation .modal-setup.bulk-import-modals .modal-container .delete-header {
  flex-shrink: 0;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container, .modal-setup.bulk-import-modals .modal-container.select-services, .modal-setup.bulk-import-modals .modal-container.processing-message-create, .modal-setup.bulk-import-modals .modal-container.select-content-type, .modal-setup.bulk-import-modals .modal-container.upload-csv-file, .modal-setup.bulk-import-modals .modal-container.select-destination {
  margin: 120px auto;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .create-new-item, .modal-setup.bulk-import-modals .modal-container.select-services .create-new-item, .modal-setup.bulk-import-modals .modal-container.processing-message-create .create-new-item, .modal-setup.bulk-import-modals .modal-container.select-content-type .create-new-item, .modal-setup.bulk-import-modals .modal-container.upload-csv-file .create-new-item, .modal-setup.bulk-import-modals .modal-container.select-destination .create-new-item {
  width: 100px;
  margin: auto 10px;
  border-radius: 4px;
  display: inline-block;
  color: #808080;
  background-color: #f7f7f7;
  padding: 10px;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .create-new-item .content-icon, .modal-setup.bulk-import-modals .modal-container.select-services .create-new-item .content-icon, .modal-setup.bulk-import-modals .modal-container.processing-message-create .create-new-item .content-icon, .modal-setup.bulk-import-modals .modal-container.select-content-type .create-new-item .content-icon, .modal-setup.bulk-import-modals .modal-container.upload-csv-file .create-new-item .content-icon, .modal-setup.bulk-import-modals .modal-container.select-destination .create-new-item .content-icon {
  margin-top: 5px;
  font-size: 20px;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .create-new-item p, .modal-setup.bulk-import-modals .modal-container.select-services .create-new-item p, .modal-setup.bulk-import-modals .modal-container.processing-message-create .create-new-item p, .modal-setup.bulk-import-modals .modal-container.select-content-type .create-new-item p, .modal-setup.bulk-import-modals .modal-container.upload-csv-file .create-new-item p, .modal-setup.bulk-import-modals .modal-container.select-destination .create-new-item p {
  padding: 0;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .create-new-item:hover, .modal-setup.bulk-import-modals .modal-container.select-services .create-new-item:hover, .modal-setup.bulk-import-modals .modal-container.processing-message-create .create-new-item:hover, .modal-setup.bulk-import-modals .modal-container.select-content-type .create-new-item:hover, .modal-setup.bulk-import-modals .modal-container.upload-csv-file .create-new-item:hover, .modal-setup.bulk-import-modals .modal-container.select-destination .create-new-item:hover {
  background-color: #e6e6e6;
}
.modal-setup.bulk-import-modals .modal-container .footer-fix {
  position: absolute;
}
.modal-setup.bulk-import-modals .modal-container.select-services .ember-basic-dropdown {
  background-color: #f7f7f7;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .upload-instructions p {
  width: 80%;
  display: inline-block;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .btn.btn-orange {
  margin: 30px auto;
  width: 145px;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .btn.btn-orange span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .btn.btn-orange label {
  margin: 0;
}
.modal-setup.bulk-import-modals .modal-container.download-csv-container .btn.btn-orange .help-doc-link {
  color: #b3b3b3;
}
.modal-setup.bulk-import-modals .modal-container.modal-group-message-editor {
  display: flex;
  flex-direction: column;
  width: 80vw;
  margin: 3% auto 6%;
  height: 85%;
  overflow: hidden;
}
.modal-setup.bulk-import-modals .bulk-social-profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-setup.bulk-import-modals .bulk-social-profile .profile-picker-wrapper {
  padding: 0;
  margin: 0 auto;
  min-width: 225px;
}
.modal-setup.bulk-import-modals .bulk-social-profile .profile-picker-wrapper .trigger {
  background-color: #f7f7f7;
  border-radius: 4px;
  cursor: pointer;
  height: auto;
  max-width: 475px;
}
.modal-setup.bulk-import-modals .bulk-social-profile .profile-picker-wrapper .trigger:hover {
  background-color: #f7f7f7;
}
.modal-setup.bulk-import-modals .bulk-social-profile .profile-picker-wrapper .trigger .soc-content p {
  margin: 0 40px 0 5px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-rows: 1fr;
  height: 100%;
  overflow-y: auto;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message-item {
  margin: 0;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message {
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 5px 5px 30px;
  position: relative;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message:hover {
  background-color: #f7f7f7;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message.selected, .modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message.selected:hover {
  background-color: #f7f7f7;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .unread-dot {
  position: absolute;
  font-size: 10px;
  left: 10px;
  top: calc(50% - 5px);
  color: #e9f0f4;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .unread-dot.unread {
  color: #62acc4;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container {
  display: flex;
  flex-wrap: wrap;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  height: 20px;
  width: 40px;
  margin: 0 10px 5px 0;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.facebook {
  background-color: #3b5998;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.twitter {
  background-color: #2ca9e1;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.linkedin {
  background-color: #0073a5;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.instagram {
  background-color: #e34061;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.pinterest {
  background-color: #bd081c;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.tumblr {
  background-color: #2c4862;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.tiktok {
  background-color: #000000;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.youtube {
  background-color: #ff0000;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.youtube_social {
  background-color: #ff0000;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.mastodon {
  background-color: #6364ff;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.google_my_business {
  background-color: #4989f5;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.bluesky {
  background-color: #1185fe;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile.threads {
  background-color: #000000;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile .message-avatar {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 20px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile .message-avatar img,
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile .message-avatar .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-profile-container .message-profile .network-icon {
  color: #ffffff;
  background-color: transparent;
  font-size: 12px;
  margin-right: 5px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body p.message-text {
  font-size: 12px;
  line-height: 14px;
  color: #666666;
  padding: 0;
  margin: 5px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-meta-row {
  display: flex;
  font-size: 9px;
  line-height: 12px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .group-message-item .message .message-body .message-meta-row .message-type-icon:after {
  content: "•";
  margin: 0 3px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .message-error-row .alert {
  display: flex;
  align-items: flex-start;
  margin: 3px 0 0;
  border-radius: 30px;
  padding: 5px 20px 5px 14px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .message-error-row .alert-icon,
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .message-error-row p.alert-text {
  font-size: 11px;
  line-height: 14px;
  padding: 0;
  margin: 0;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .message-error-row .alert-icon {
  margin-right: 5px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .message-error-row .alert-action {
  white-space: nowrap;
  padding: 0 6px 0 4px;
  align-self: center;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .bulk-group-message-list .message-error-row .learn-more-link {
  color: #c09853;
  text-decoration: underline;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container {
  background-color: #e6e6e6;
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container .social-composer-wrapper {
  width: 90%;
  margin-top: 0;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container .social-composer-wrapper .preview-button {
  display: block;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container .social-composer-wrapper .social-preview-sidecar {
  display: block;
  position: absolute;
  z-index: 21;
  top: 30px;
  left: 50%;
  margin-top: 10px;
  margin-left: -190px;
  padding: 35px 30px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container .social-composer-wrapper .social-preview-sidecar .close-social-preview {
  position: absolute;
  display: block;
  right: 3px;
  top: 3px;
  padding: 3px 5px;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container .social-composer-wrapper .social-preview-sidecar .close-social-preview span {
  font-size: 14px;
  margin: 0;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container .social-composer-wrapper .social-preview-shade {
  display: block;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container .social-composer-wrapper .multi-function-wrapper.footer {
  display: none;
}
.modal-setup.bulk-import-modals .bulk-message-create-wrapper .social-composer-container .delete-bulk-message {
  position: absolute;
  bottom: -40px;
  left: 0;
}
.modal-setup.bulk-import-modals .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  margin: 0;
}
.modal-setup.bulk-import-modals .modal-footer .bulk-message-count {
  margin-right: 15px;
}
.modal-setup.bulk-import-modals .modal-footer .bulk-message-count.bulk-show-fail {
  color: #d15451;
}

.modal-setup .modal-container.social-profile-connect-old {
  width: 650px;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content p {
  padding: 0 100px;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .service-info {
  margin: 15px 0 20px;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .service-info .profile-image {
  position: relative;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .service-info .profile-image img {
  width: 50px;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .service-info .profile-image .service-icon {
  position: absolute;
  bottom: -3px;
  left: 289px;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .select-network-link {
  color: #b3b3b3;
  font-size: 12px;
  margin-top: 30px;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .select-network-link:hover {
  color: #999999;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .select-network-link span {
  font-size: 14px;
  margin-right: 5px;
  vertical-align: -2px;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .member-calendar-access {
  max-height: 270px;
  padding: 10px 0;
  text-align: left;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .member-calendar-access .calendar-list {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  max-height: 250px;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .member-calendar-access .calendar-list .calendar-access .calendar-label .calendar-name {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-setup .modal-container.social-profile-connect-old .modal-content .member-calendar-access .calendar-list .calendar-access .calendar-label span.tooltip-text {
  display: none;
}
.modal-setup .modal-container.social-profile-connect-old .modal-footer .btn-text {
  position: absolute;
  bottom: 29px;
  right: 120px;
}

.social-connect {
  height: 380px;
  margin-top: 10px;
}
.social-connect .social-buttons-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.social-connect .social-icon-button {
  display: inline-block;
  margin: 10px 10px 20px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  position: relative;
}
.social-connect .social-icon-button .social-icon {
  font-size: 45px;
  padding: 15px;
  margin: 18px;
  display: inline-block;
  border-radius: 4px;
  color: #ffffff;
  opacity: 0.75;
}
.social-connect .social-icon-button .social-icon.icon-twitter2 {
  background-color: #2ca9e1;
}
.social-connect .social-icon-button .social-icon.icon-facebook2 {
  background-color: #3b5998;
}
.social-connect .social-icon-button .social-icon.icon-facebook_group2 {
  background-color: #3b5998;
}
.social-connect .social-icon-button .social-icon.icon-facebook_page2 {
  background-color: #3b5998;
}
.social-connect .social-icon-button .social-icon.icon-instagram2 {
  background-color: #e34061;
}
.social-connect .social-icon-button .social-icon.icon-linkedin2 {
  background-color: #0073a5;
}
.social-connect .social-icon-button .social-icon.icon-user {
  background-color: #0073a5;
}
.social-connect .social-icon-button .social-icon.icon-pinterest22 {
  background-color: #bd081c;
}
.social-connect .social-icon-button .social-icon.icon-tiktok2 {
  background-color: #000000;
}
.social-connect .social-icon-button .social-icon.icon-youtube {
  background-color: #ff0000;
}
.social-connect .social-icon-button .social-icon.icon-youtube_social {
  background-color: #ff0000;
}
.social-connect .social-icon-button .social-icon.icon-mastodon {
  background-color: #6364ff;
}
.social-connect .social-icon-button .social-icon.icon-mastodon2 {
  background-color: #6364ff;
}
.social-connect .social-icon-button .social-icon.icon-google_my_business {
  background-color: #4989f5;
}
.social-connect .social-icon-button .social-icon.icon-google_my_business2 {
  background-color: #4989f5;
}
.social-connect .social-icon-button .social-icon.icon-bluesky {
  background-color: #1185fe;
}
.social-connect .social-icon-button .social-icon.icon-bluesky2 {
  background-color: #1185fe;
}
.social-connect .social-icon-button .social-icon.icon-threads {
  background-color: #000000;
}
.social-connect .social-icon-button .social-icon.icon-threads2 {
  background-color: #000000;
}
.social-connect .social-icon-button .social-icon.icon-briefcase {
  background-color: #0073a5;
}
.social-connect .social-icon-button .connected-count {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #6ba066;
  font-size: 10px;
  margin-top: -19px;
  margin-bottom: -1px;
}
.social-connect .social-icon-button .connected-count i {
  margin-right: 3px;
}
.social-connect .social-icon-button .twitter-follow {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 114px;
  left: -3px;
  opacity: 0;
  text-align: left;
  width: 129px;
}
.social-connect .social-icon-button .twitter-follow input {
  vertical-align: 0;
  margin-right: 3px;
  margin-left: 4px;
}
.social-connect .social-icon-button:hover {
  box-shadow: 1px 1px 5px #999999;
  transition: all 0.4s ease;
}
.social-connect .social-icon-button:hover .social-icon {
  opacity: 1;
  transition: all 0.4s ease;
}
.social-connect .social-icon-button:hover .twitter-follow {
  transition: all 0.5s ease-in-out;
  opacity: 1;
  cursor: pointer;
}
.social-connect .instagram-connection a.help-link {
  display: block;
  margin: auto;
  padding: 0px 2px 5px 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #999999;
  font-size: 10px;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  text-decoration: none;
}
.social-connect .instagram-connection a.help-link:hover {
  box-shadow: 1px 1px 5px #999999;
  transition: all 0.2s ease;
}
.social-connect .instagram-connection a {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
.social-connect .instagram-connection p {
  padding: 10px 50px 0px;
}
.social-connect .instagram-connection button {
  display: block;
  color: #999999;
  margin: 20px auto;
}
.social-connect .instagram-connection button span {
  color: #999999;
  padding-right: 5px;
}
.social-connect .instagram-connection .icon-instagram2 {
  font-size: 37px;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #ffffff;
  border-radius: 5px;
  padding: 8px;
  background-color: #e34061;
}
.social-connect .network-option {
  margin-top: 20px;
  margin-bottom: 45px;
}
.social-connect .network-option .network-option-button {
  display: inline-block;
}
.social-connect .network-option .network-option-button .social-icon-button {
  margin-bottom: 5px;
}
.social-connect .network-option .network-option-button .network-option-name {
  font-size: 12px;
}

.mia-onboarding-tour {
  position: fixed;
  z-index: 2101;
  background-color: transparent;
}
.mia-onboarding-tour.mia-bg-overlay {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), 80%, rgba(255, 255, 255, 0));
  right: 200px;
  top: 0;
}
.mia-onboarding-tour.mia-bg-overlay.mia-drag-drop {
  right: 50%;
}
.mia-onboarding-tour.mia-bg-full-overlay {
  background-color: rgba(255, 255, 255, 0.9);
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
}
.mia-onboarding-tour.mia-left {
  bottom: 0;
  left: 0;
}
.mia-onboarding-tour.mia-left .mia-circle {
  left: -120px;
}
.mia-onboarding-tour.mia-left .mia-circle .mia.mia-stationary {
  transform: scaleX(-1);
  filter: FlipH;
}
.mia-onboarding-tour.mia-left .mia-circle .mia-popup {
  left: 260px;
  border-radius: 20px 20px 20px 5px;
}
.mia-onboarding-tour.mia-right {
  bottom: 0;
  right: 0;
}
.mia-onboarding-tour.mia-right .mia-circle {
  right: -140px;
}
.mia-onboarding-tour.mia-right .mia-circle .mia {
  left: -30px;
  transform: scaleX(-1);
  filter: FlipH;
}
.mia-onboarding-tour.mia-right .mia-circle .mia-popup {
  right: 260px;
  border-radius: 20px 20px 5px 20px;
}
.mia-onboarding-tour.mia-large .mia-circle {
  position: absolute;
  bottom: -400px;
  left: 15%;
  background-color: transparent;
  box-shadow: none;
  width: 600px;
  height: 600px;
}
.mia-onboarding-tour.mia-large .mia-circle .mia {
  position: absolute;
  top: -235px;
  left: 40px;
  height: 550px;
  width: 550px;
  z-index: 1;
}
.mia-onboarding-tour.mia-large .mia-circle .mia-popup {
  position: absolute;
  bottom: 680px;
  left: 390px;
  width: 300px;
  padding: 25px 30px 30px;
}
.mia-onboarding-tour .mia-circle {
  position: absolute;
  bottom: -140px;
  background-color: #c0eafd;
  width: 325px;
  height: 325px;
  border-radius: 50%;
  box-shadow: 0 0 75px #666666;
}
.mia-onboarding-tour .mia-circle .mia {
  position: absolute;
  top: -10px;
  left: 50px;
  height: 300px;
  width: 300px;
}
.mia-onboarding-tour .mia-circle .mia.mia-error {
  left: 76px;
  height: 250px;
  width: 250px;
}
.mia-onboarding-tour .mia-circle .mia.mia-power-tip {
  top: -36px;
}
.mia-onboarding-tour .mia-circle .mia-popup {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  position: absolute;
  bottom: 270px;
  width: 300px;
  padding: 25px 30px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  color: #666666;
  background-color: #ffffff;
  transform: scale(0);
  transition: transform 250ms ease-out;
  animation: popup 500ms ease-out 0s 1 normal forwards;
  animation-delay: 0;
}
@keyframes popup {
  0% {
    transform: scale(0);
  }
  65% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.mia-onboarding-tour .mia-circle .mia-popup.transition-popup {
  animation: transition-popup 500ms ease-in-out 0s 1 normal forwards;
  animation-delay: 0;
}
@keyframes transition-popup {
  0% {
    transform: scale(0);
  }
  65% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-text {
  font-size: 16px;
  line-height: 26px;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-text.todo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-text.todo:hover {
  cursor: not-allowed;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-text.todo .mia-popup-button {
  font-size: 10px;
  padding: 4px 7px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  margin: 0 5px 0 0;
  background-color: #999999;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-text.todo .mia-popup-button:hover {
  cursor: not-allowed !important;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-text.todo p {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  width: 255px;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-skip-step {
  margin: 10px auto 0;
  display: block;
  width: 60px;
  text-align: center;
  color: #999999;
  font-size: 13px;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-skip-step:hover {
  cursor: pointer;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-icon {
  background-color: #3d7bc4;
  border-radius: 50%;
  padding: 15px;
  font-size: 24px;
  color: #f7f7f7;
  margin: 0 -10px 0 7px;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 20px;
  color: white;
  padding: 10px 20px;
  background-color: #366fb2;
  border: none;
  margin: 15px auto 0;
  transition: background-color 0.3s ease;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-button i {
  font-size: 14px;
  margin-left: 5px;
}
.mia-onboarding-tour .mia-circle .mia-popup .mia-popup-button:hover {
  background-color: #2a578b;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.mia-onboarding-tour .mia-circle .mia-popup.delay-popup-short {
  animation-delay: 0.75s;
}
.mia-onboarding-tour .mia-circle .mia-popup.delay-popup-long {
  animation-delay: 2s;
}
.mia-onboarding-tour .mia-circle .mia-popup.hide-popup {
  animation-delay: 0;
  animation: popup-hide 200ms ease-out 0s 1 normal forwards;
}
@keyframes popup-hide {
  0% {
    transform: scale(1);
    top: -200px;
    left: 130px;
  }
  100% {
    transform: scale(0);
    top: -95px;
    left: -180px;
  }
}
.mia-onboarding-tour .mia-circle .mia-popup.hide-popup .mia-popup-button {
  animation: none;
}
.mia-onboarding-tour .mia-circle .mia-popup.smaller-popup {
  width: 250px;
}
.mia-onboarding-tour .mia-circle .mia-popup.social-popup {
  width: 800px;
  right: 350px;
  bottom: 180px;
}
@media (min-height: 400px) and (max-height: 675px) {
  .mia-onboarding-tour .mia-circle .mia-popup.social-popup {
    bottom: 127px;
  }
}
.mia-onboarding-tour .mia-circle .mia-popup.wider-popup {
  width: 350px;
}
.mia-onboarding-tour .mia-circle .mia-popup.video-popup {
  width: 470px;
  left: 350px;
  bottom: 160px;
  border-radius: 5px 5px 20px 5px;
}
.mia-onboarding-tour .mia-circle .btn-collapse-mia {
  position: fixed;
  bottom: 140px;
  left: 115px;
  z-index: 999999;
  color: #366fb2;
  opacity: 0.5;
  transition: all 150ms ease-out;
  transform: rotate(180deg);
}
.mia-onboarding-tour .mia-circle .btn-collapse-mia:hover {
  opacity: 1;
}
.mia-onboarding-tour .team-member-video {
  position: absolute;
  left: 350px;
  bottom: 380px;
  box-shadow: 1px 1px 25px #666666;
  border-radius: 4px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  animation: video-animate 500ms ease-out 0s 1 normal forwards;
}
@keyframes video-animate {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 295px;
    opacity: 1;
  }
}
.mia-onboarding-tour.mia-collapsed {
  bottom: -220px;
  left: -120px;
}
.mia-onboarding-tour.mia-collapsed .btn-collapse-mia {
  bottom: 257px;
  left: 233px;
  transform: rotate(0deg);
}
.mia-onboarding-tour.mia-collapsed .mia {
  display: none;
}
.mia-onboarding-tour.mia-collapsed .mia-popup {
  transform: scale(0);
  top: -70px;
  left: -151px;
  animation: intial;
}

.card .click-helper-dot {
  top: -5px;
  left: -15px;
  width: 20px;
  height: 20px;
}
.card .icon-arrow-right {
  position: absolute;
  color: #366fb2;
  font-size: 30px;
  top: 25%;
  z-index: 100;
  animation: drag-drop-arrow 2s infinite;
}
.card.gu-mirror .card .click-helper-dot {
  display: none;
}
.card.gu-mirror .card .icon-arrow-right {
  display: none;
}

@keyframes drag-drop-arrow {
  0% {
    right: -40px;
  }
  50% {
    right: -80px;
  }
  100% {
    right: -40px;
  }
}
.mia-onboarding-hide-actions {
  margin-left: 0;
}
.mia-onboarding-hide-actions .home .achievement-upcoming-container .bulk-project-import-prompt {
  display: none;
}
.mia-onboarding-hide-actions .sub-navbar.calendar .schedule-controls .mid-col {
  display: none;
}
.mia-onboarding-hide-actions .sub-navbar.calendar .schedule-controls .right-col .sub-navbar-tools .search-wrapper .btn-icon {
  visibility: hidden;
}
.mia-onboarding-hide-actions .sub-navbar.calendar .schedule-controls .right-col .sub-navbar-tools .toggle-wb-sidebar {
  display: none;
}
.mia-onboarding-hide-actions .sub-navbar.calendar .schedule-controls .right-col .sub-navbar-tools .btn-icon .icon-share {
  display: none;
}
.mia-onboarding-hide-actions .create-new-overlay .create-new-container {
  cursor: default;
}
.mia-onboarding-hide-actions .content-wrapper .content-outlet .attachments-btn {
  pointer-events: none;
}
.mia-onboarding-hide-actions .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:hover .icon-menu, .mia-onboarding-hide-actions .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:focus .icon-menu {
  opacity: 0;
  transform: scale(0);
}
.mia-onboarding-hide-actions .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:hover .icon-attachment-type, .mia-onboarding-hide-actions .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:focus .icon-attachment-type {
  opacity: 1;
  transform: scale(1);
}
.mia-onboarding-hide-actions .content-wrapper .content-outlet .content-sidebar-wrapper .content-sidebar .sidebar-tasks .template-dropdown {
  display: none;
}
.mia-onboarding-hide-actions .content-wrapper .content-outlet .content-sidebar-wrapper .content-sidebar .sidebar-tasks .task-sort-dropdown {
  display: none;
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .mia-onboarding-tour {
  z-index: 2100;
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .navigation,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .color-labels,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .status-picker,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .content-meta,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .user-sidebar,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .project-close-btn,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .task-upcoming-section.is-empty {
  opacity: 0.1;
  pointer-events: none;
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .user-sidebar {
  filter: blur(6px);
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .upcoming-list-section.upcoming-empty-day-wrapper {
  pointer-events: none;
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .sidebar-toggle,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .draft-alert,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .attachments-picker-wrapper,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .add-file-attachment,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .task-adv-view-action,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .message-alert,
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .new-user-task {
  display: none !important;
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .click-helper-dot.home-project {
  left: -18px;
  top: 15px;
  z-index: 100;
  height: 20px;
  width: 20px;
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .task-sort-dropdown {
  display: initial !important;
  margin-right: 15px;
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .top-navbar .demo-mode-pill {
  margin-left: 5px;
}
.mia-onboarding-hide-actions.emily-onboarding-hide-actions .top-navbar .right .click-helper-dot {
  top: 15px;
  left: -10px;
}

.schedule-call-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background-color: #f7f7f7;
  z-index: 6001;
  position: fixed;
  left: 0;
  top: 0;
  overflow-y: auto;
}
.schedule-call-overlay,
.schedule-call-overlay * {
  box-sizing: border-box;
}
.schedule-call-overlay .schedule-call-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.schedule-call-overlay .schedule-call-container .header {
  text-align: center;
  max-width: 700px;
  margin-top: 50px;
}
.schedule-call-overlay .schedule-call-container .plan-container {
  display: flex;
  margin-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
.schedule-call-overlay .schedule-call-container .plan-container .suite-arrow {
  position: absolute;
  right: -100px;
  top: 0;
  height: 120px;
  transform: rotate(30deg);
}
.schedule-call-overlay .schedule-call-container .plan-container .plan {
  position: relative;
  padding: 40px;
  margin: 10px;
  background-color: #ffffff;
  width: 375px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px;
}
.schedule-call-overlay .schedule-call-container .plan-container .plan.suite {
  padding: 70px 40px;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  width: 400px;
}
.schedule-call-overlay .schedule-call-container .plan-container .plan img.plan-icon {
  height: 50px;
  width: 50px;
  border-radius: 3px;
  overflow: hidden;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
}
.schedule-call-overlay .schedule-call-container .plan-container .plan .recommended {
  color: #b473f1;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  top: 46.2px;
  transform: translateX(-50%);
}
.schedule-call-overlay .schedule-call-container .plan-container .plan h3 {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.schedule-call-overlay .schedule-call-container .plan-container .plan button.cta-button {
  width: 75%;
  margin: 20px auto 40px;
}
.schedule-call-overlay .schedule-call-container .plan-container .plan ul {
  width: 75%;
}
.schedule-call-overlay .schedule-call-container .plan-container .plan ul li {
  padding-left: 5px;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.schedule-call-overlay .schedule-call-container .plan-container .plan ul li::marker {
  font-family: "CoS";
  content: "\2713";
  color: #d17760;
  font-size: 12px;
}
.schedule-call-overlay .calendly-inline-widget {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.schedule-call-overlay .calendly-inline-widget + .close-calendly {
  position: absolute;
  right: 5px;
  top: 5px;
}
.schedule-call-overlay .calendly-inline-widget + .close-calendly span {
  margin: 0;
}

.settings-access-denied {
  width: 70%;
  margin: 20px auto;
  text-align: center;
}
.settings-access-denied button {
  margin-top: 20px;
}

.template-search-create {
  display: flex;
  margin-top: 20px;
  margin-bottom: 30px;
}
.template-search-create .template-search {
  position: relative;
  margin: 0 10px 0 auto;
}
.template-search-create .template-search .search-box {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0;
  padding: 6px 25px 6px 12px;
  height: initial;
}
.template-search-create .template-search .search-box:focus {
  border: 1px solid #b3b3b3;
}
.template-search-create .template-search .clear-search {
  position: absolute;
  top: 8px;
  right: 7px;
}
.template-search-create .template-search .clear-search:hover {
  cursor: pointer;
}

.template-grid {
  display: grid;
  grid-template-columns: 3fr 1.5fr 1.5fr 1.5fr 1.3fr 1.2fr 1.5fr 0.3fr;
  cursor: default;
}
.template-grid-header {
  display: flex;
  align-items: center;
  min-width: 10px;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #666666;
  padding: 10px 10px 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #cccccc;
}
.template-grid-row {
  display: contents;
}
.template-grid-row:hover .template-grid-cell {
  cursor: pointer;
  background-color: #f7f7f7;
}
.template-grid-row:hover .template-grid-cell.ellipsis-menu-cell {
  padding: 0;
}
.template-grid-row:hover .item-actions.more-menu {
  display: flex;
}
.template-grid-cell {
  display: flex;
  align-items: center;
  font-size: 13px;
  min-width: 10px;
  line-height: 15px;
  padding: 10px;
  min-height: 35px;
  border-bottom: 1px solid #e6e6e6;
}
.template-grid-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.template-grid-cell-text .icon {
  margin-right: 3px;
}
.template-grid-cell .button.text-link {
  position: relative;
  z-index: 1;
}
.template-grid-cell .label-dot {
  width: 15px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
}
.template-grid-cell .item-actions.more-menu {
  position: relative;
  top: initial;
  right: initial;
  display: none;
}
.template-grid-cell .item-actions.more-menu .ellipsis-menu-toggle {
  border: initial;
  box-shadow: initial;
  background-color: initial;
}
.template-grid-cell .item-actions.more-menu .ellipsis-menu-toggle i {
  font-size: 14px;
}

.message-item:not(.last-message) {
  margin-bottom: 10px;
}
.message-item .message-associated-list {
  display: flex;
  flex-flow: column;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 90px;
  visibility: visible;
  position: relative;
  opacity: 1;
  border: 2px solid #f7f7f7;
}
.message-item .message-associated-list.message-sent .message {
  opacity: 0.5;
}
.message-item .message-associated-list.message-sent:hover {
  border: 2px solid #666666;
}
.message-item .message-associated-list:not(.message-sent):hover, .message-item .message-associated-list:not(.message-sent).hovered {
  border: 2px solid #b3b3b3;
  cursor: pointer;
  transition: all 50ms ease-out;
}
.message-item .message-associated-list:hover .message-top-row .item-actions, .message-item .message-associated-list.hovered .message-top-row .item-actions {
  visibility: visible;
  opacity: 1;
}
.message-item .message-associated-list .message {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 90px;
  max-height: 1000px;
  box-sizing: border-box;
}
.message-item .message-associated-list .message .message-left-side {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  width: 45px;
  margin-right: 13px;
  padding: 12px 0 12px 10px;
}
.message-item .message-associated-list .message .message-left-side .message-avatar {
  margin: 0 auto;
  width: 40px;
}
.message-item .message-associated-list .message .message-left-side .message-avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #e6e6e6;
}
.message-item .message-associated-list .message .message-left-side .message-requeue {
  display: flex;
  align-items: center;
  margin: auto 0 -3px;
  padding: 5px 0 0;
  background-color: transparent;
}
.message-item .message-associated-list .message .message-left-side .message-requeue i.icon-shuffle2 {
  font-size: 12px;
  color: #8ac884;
  margin-right: 3px;
}
.message-item .message-associated-list .message .message-left-side .message-requeue .toggle-container {
  float: initial;
  margin: 0;
}
.message-item .message-associated-list .message .message-left-side .message-requeue .toggle-container input.toggle-round + label {
  margin: 0;
  height: 20px;
}
.message-item .message-associated-list .message .message-left-side .message-requeue .toggle-container input.toggle-round + label:before {
  width: 32px;
  height: 18px;
}
.message-item .message-associated-list .message .message-left-side .message-requeue .toggle-container input.toggle-round + label:after {
  width: 14px;
  height: 14px;
}
.message-item .message-associated-list .message .message-left-side .message-requeue .toggle-container input.toggle-round:checked + label:after {
  margin-left: 15px;
}
.message-item .message-associated-list .message .message-left-side .message-requeue .toggle-container input.toggle-round:checked + label:before {
  padding-left: 5px;
  line-height: 16px;
  width: 27px;
  height: 17px;
}
.message-item .message-associated-list .message .message-body {
  display: flex;
  flex-flow: column;
  text-align: left;
  width: calc(100% - 53px);
  line-height: 1.5;
  padding: 12px 10px 12px 0;
}
.message-item .message-associated-list .message .message-body .message-top-row {
  display: flex;
  align-items: center;
  width: 100%;
}
.message-item .message-associated-list .message .message-body .message-top-row .message-profile {
  display: flex;
  background-color: #f7f7f7;
  border-radius: 20px;
  padding: 2px;
  margin-right: 8px;
}
.message-item .message-associated-list .message .message-body .message-top-row .message-profile .message-service-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 4px;
  border-radius: 20px;
  margin-right: 3px;
}
.message-item .message-associated-list .message .message-body .message-top-row .message-profile .message-service-icon .item-icon {
  color: #ffffff;
  background-color: transparent;
  font-size: 20px;
}
.message-item .message-associated-list .message .message-body .message-top-row .message-profile .message-service-icon .item-icon.icon-youtube_social {
  color: #ff0000;
}
.message-item .message-associated-list .message .message-body .message-top-row .message-profile .message-service-icon .item-icon.icon-bluesky2 {
  font-size: 16px;
}
.message-item .message-associated-list .message .message-body .message-top-row .message-profile .message-profile-name {
  font-size: 12px;
  padding: 5px 10px 0 5px;
  color: #666666;
  font-weight: bold;
}
.message-item .message-associated-list .message .message-body .message-top-row .message-type-icon {
  display: none;
}
.message-item .message-associated-list .message .message-body .message-top-row .item-actions {
  margin-top: -10px;
}
.message-item .message-associated-list .message .message-body .message-top-row .item-actions .ellipsis-menu-toggle {
  visibility: visible;
  opacity: 1;
}
.message-item .message-associated-list .message .message-body .message-content-row {
  display: flex;
  align-items: flex-start;
  margin: 9px 0 5px;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-text {
  font-size: 12px;
  color: #666666;
  max-height: 918px;
  overflow: hidden;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-text .hashtag,
.message-item .message-associated-list .message .message-body .message-content-row .message-text .tag,
.message-item .message-associated-list .message .message-body .message-content-row .message-text .link {
  color: #3b5998;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-text .link {
  word-break: break-all;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  margin-right: 10px;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi {
  margin-right: 15px;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi:before {
  position: absolute;
  top: -3px;
  right: -6px;
  display: block;
  height: 54px;
  width: 101px;
  background-color: #f7f7f7;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  content: " ";
  z-index: 2;
  border-radius: 5px;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi:after {
  position: absolute;
  top: -6px;
  right: -9px;
  display: block;
  height: 52px;
  width: 101px;
  background-color: #f7f7f7;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  content: " ";
  z-index: 1;
  border-radius: 5px;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi .image-wrapper {
  z-index: 3;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi .image-wrapper img {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi .photo-blank, .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi .social-preview .message-media .image-container.multi-0, .social-preview .message-media .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi .image-container.multi-0 {
  z-index: 3;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.multi .social-helper {
  z-index: 4;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-wrapper,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-wrapper {
  width: 100px;
  height: 54px;
  overflow: hidden;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-wrapper img,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-wrapper img {
  border-radius: 5px;
  position: absolute;
  min-width: 100px;
  min-height: 54px;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #e6e6e6;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-wrapper .icon-play,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-wrapper .icon-camera-2,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-wrapper .icon-play,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-wrapper .icon-camera-2 {
  position: absolute;
  color: #ffffff;
  z-index: 10;
  font-size: 20px;
  top: 50%;
  left: 50%;
  opacity: 0.4;
  transform: translate(-50%, -50%);
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail:hover .icon-play, .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail.hovered .icon-play {
  opacity: 0.8;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-helper {
  background-color: rgba(247, 247, 247, 0.9);
  color: #666666;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-blank,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .photo-blank,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-preview .message-media .image-container.multi-0,
.social-preview .message-media .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-container.multi-0 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  height: 52px;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-blank .loading-icon,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .photo-blank .loading-icon,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-preview .message-media .image-container.multi-0 .loading-icon,
.social-preview .message-media .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-container.multi-0 .loading-icon {
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-blank .loading-icon:before,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .photo-blank .loading-icon:before,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-preview .message-media .image-container.multi-0 .loading-icon:before,
.social-preview .message-media .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-container.multi-0 .loading-icon:before {
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-blank .social-helper,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .photo-blank .social-helper,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-preview .message-media .image-container.multi-0 .social-helper,
.social-preview .message-media .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-container.multi-0 .social-helper {
  background: #62acc4;
  color: #ffffff;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-blank .social-helper.error,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .photo-blank .social-helper.error,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-preview .message-media .image-container.multi-0 .social-helper.error,
.social-preview .message-media .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .image-container.multi-0 .social-helper.error {
  background-color: #fdecac;
  color: #c09853;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  max-width: 13px;
  text-align: center;
  box-shadow: none;
  cursor: default;
  overflow: hidden;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-helper:before {
  content: "{ }";
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-helper:hover, .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-helper.hovered {
  max-width: 110px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  opacity: 1;
  transition: all 0.3s ease;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-helper:hover:before, .message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .social-helper.hovered:before {
  content: attr(helper-name);
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail img + .social-helper,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-processing + .social-helper {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  opacity: 0.5;
  transition: all 0.3s ease;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-processing,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-failed {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 5px;
  background-color: #f7f7f7;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-processing .icon,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-failed .icon {
  font-size: 18px;
  color: #999999;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-processing .upload-progress,
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-failed .upload-progress {
  position: absolute;
  width: calc(100% - 50px);
  margin: 0;
  bottom: 8px;
  left: 25px;
  border-radius: 16px;
  height: 2px;
}
.message-item .message-associated-list .message .message-body .message-content-row .message-media-thumbnail .video-failed .icon {
  color: #daa1a0;
}
.message-item .message-associated-list .message .message-body .message-meta-row {
  display: flex;
  font-size: 10px;
  color: #999999;
  position: relative;
  height: 30px;
  align-items: flex-end;
}
.message-item .message-associated-list .message .message-body .message-meta-row .start-discussion button {
  background: none;
  border: none;
  font-size: 10px;
  line-height: 15px;
  padding: 0;
  color: #999999;
}
.message-item .message-associated-list .message .message-body .message-meta-row .start-discussion button:hover, .message-item .message-associated-list .message .message-body .message-meta-row .start-discussion button:focus {
  color: #666666;
}
.message-item .message-associated-list .message .message-body .message-meta-row .outline-notification {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  padding: 6px;
  width: 15px;
  height: 15px;
  margin-left: auto;
}
.message-item .message-associated-list .message .message-body .message-meta-row .outline-notification i,
.message-item .message-associated-list .message .message-body .message-meta-row .outline-notification span {
  font-size: 14px;
  color: #999999;
}
.message-item .message-associated-list .message .message-body .message-meta-row .outline-notification.active {
  background-color: #999999;
  color: #ffffff;
}
.message-item .message-associated-list .message .message-body .message-meta-row .outline-notification .new-notification-indicator {
  width: 5px;
  height: 5px;
  padding: 3px;
  border-radius: 50%;
  background-color: #d17760;
  position: absolute;
  left: -5px;
  bottom: -5px;
  border: 1px solid #ffffff;
}
.message-item .message-associated-list .message .message-body .message-meta-row .requeue {
  display: inline-block;
  text-decoration: none;
}
.message-item .message-associated-list .message .message-body .message-meta-row .requeue:hover {
  text-decoration: none;
}
.message-item .message-associated-list .message .message-body .message-error-row .alert {
  display: flex;
  align-items: flex-start;
  padding: 3px 5px;
  margin: 6px 0 0;
  font-size: 11px;
  border-radius: 11px;
  text-align: left;
}
.message-item .message-associated-list .message .message-body .message-error-row .alert .alert-icon {
  margin: 2px 4px 0 2px;
}
.message-item .message-associated-list .message .message-body .message-error-row .alert p.alert-text {
  margin-bottom: 0;
  font-size: 11px;
}
.message-item .message-associated-list .message .message-body .message-error-row .alert .alert-action {
  white-space: nowrap;
  padding: 0 6px 0 4px;
  align-self: center;
}
.message-item .message-associated-list .message .message-body .message-error-row .alert .learn-more-link {
  color: #c09853;
  text-decoration: underline;
}
.message-item .message-associated-list .message .message-body .queue-alert {
  flex-direction: column;
}
.message-item .message-associated-list .message .message-action {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.message-item .message-associated-list .message:hover .message-action, .message-item .message-associated-list .message.hovered .message-action {
  display: block;
}
.message-item .message-associated-list .targeting-preview-contents {
  margin: 0;
}
.message-item .message-associated-list .message-requeue-row {
  display: flex !important;
  align-items: flex-end;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select {
  width: 47%;
  text-align: left;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select {
  width: 84%;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-label {
  color: #999999;
  display: block;
  font-weight: 500;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container {
  position: relative;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown {
  position: absolute;
  width: 99%;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 0 0 2px 2px;
  z-index: 100;
  top: 19px;
  padding-bottom: 5px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown ul {
  list-style-type: none;
  margin: 5px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown ul li {
  margin: 0px -5px;
  padding-left: 7px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown ul li:hover, .message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown ul li.hovered {
  background: #62acc4;
  color: white;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .new-group-input {
  width: 175px;
  margin-left: 5px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .requeue-create-group-btn {
  vertical-align: -3px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .requeue-create-group-btn .icon-checkmark {
  vertical-align: 6px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .requeue-create-group-btn .icon-checkmark:hover, .message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .requeue-create-group-btn .icon-checkmark.hovered {
  color: #6ba066;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .icon-close {
  vertical-align: 3px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .create-new-group {
  text-decoration: none;
  font-size: 12px;
  margin-left: 7px;
  vertical-align: 4px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-group-select .requeue-group-select .requeue-group-dropdown-container .requeue-group-picker .ember-view .cos-dropdown .requeue-dropdown .create-new-fail-container {
  position: relative;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-count-limit-select {
  width: 47%;
  margin-left: 20px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-count-limit-select .requeue-count {
  margin-top: -20px;
  margin-left: 15px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-count-limit-select .requeue-count .count {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  color: #666666;
  display: inline-block;
  margin-left: 10px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-count-limit-select .requeue-count .icon-history {
  color: #999999;
  margin-top: -7px;
  margin-left: 10px;
  font-size: 11px;
  margin-right: 5px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-count-limit-select .requeue-count .view-msg-history {
  color: #999999;
  font-size: 11px;
  margin-bottom: -5px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-count-limit-select .requeue-count .view-msg-history:hover, .message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-select .requeue-count-limit-select .requeue-count .view-msg-history.hovered {
  cursor: pointer;
  text-decoration: none;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .requeue-sending-limit {
  margin-left: 15px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .requeue-sending-limit .requeue-status {
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .requeue-sending-limit .adjust-sending-limit {
  margin-top: -10px;
  font-size: 12px;
  float: left;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .requeue-sending-limit .sending-limit-text {
  margin-bottom: 0;
  margin-top: 0;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .requeue-sending-limit .set-sending-limit {
  color: #999999;
  line-height: 16px;
  margin-top: -5px;
  margin-left: 10px;
  padding-bottom: 5px;
  font-size: 12px;
  float: left;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .requeue-sending-limit .sending-limit-picker {
  width: 75px;
  display: inline-block;
  position: absolute;
  height: 22px;
  font-size: 12px;
  color: #999999;
  margin-left: 3px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .requeue-group-label {
  color: #999999;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
}
.message-item .message-associated-list .message-requeue-row.requeue-container .sent-requeue-actions {
  margin: 0 5px;
}
.message-item .message-associated-list.facebook .message-service-icon, .message-item .message-associated-list.facebook_page .message-service-icon, .message-item .message-associated-list.facebook_group .message-service-icon {
  background-color: #3b5998;
}
.message-item .message-associated-list.facebook .message-statistic, .message-item .message-associated-list.facebook_page .message-statistic, .message-item .message-associated-list.facebook_group .message-statistic {
  color: #3b5998;
}
.message-item .message-associated-list.twitter .message-service-icon {
  background-color: #2ca9e1;
}
.message-item .message-associated-list.twitter .message-statistic {
  color: #2ca9e1;
}
.message-item .message-associated-list.linkedin .message-service-icon, .message-item .message-associated-list.linkedin_company .message-service-icon {
  background-color: #0073a5;
}
.message-item .message-associated-list.linkedin .message-statistic, .message-item .message-associated-list.linkedin_company .message-statistic {
  color: #0073a5;
}
.message-item .message-associated-list.tumblr .message-service-icon {
  background-color: #2c4862;
}
.message-item .message-associated-list.tumblr .message-statistic {
  color: #2c4862;
}
.message-item .message-associated-list.pinterest {
  color: #bd081c;
}
.message-item .message-associated-list.pinterest .message-service-icon {
  background-color: #bd081c;
}
.message-item .message-associated-list.pinterest .message-service-icon .item-icon {
  font-size: 13px !important;
}
.message-item .message-associated-list.instagram {
  color: #e34061;
}
.message-item .message-associated-list.instagram .message-service-icon {
  background-color: #e34061;
}
.message-item .message-associated-list.youtube_social {
  color: #ff0000;
}
.message-item .message-associated-list.youtube_social .message-service-icon {
  background-color: #ffffff;
}
.message-item .message-associated-list.mastodon {
  color: #6364ff;
}
.message-item .message-associated-list.mastodon .message-service-icon {
  background-color: #6364ff;
}
.message-item .message-associated-list.tiktok {
  color: #000000;
}
.message-item .message-associated-list.tiktok .message-service-icon {
  background-color: #000000;
}
.message-item .message-associated-list.google_my_business {
  color: #4989f5;
}
.message-item .message-associated-list.google_my_business .message-service-icon {
  background-color: #4989f5;
}
.message-item .message-associated-list.bluesky {
  color: #1185fe;
}
.message-item .message-associated-list.bluesky .message-service-icon {
  background-color: #1185fe;
}
.message-item .message-associated-list.threads {
  color: #000000;
}
.message-item .message-associated-list.threads .message-service-icon {
  background-color: #000000;
}

.message-statistics-container {
  display: flex;
  border-top: 1px solid #e6e6e6;
  animation-name: fade-in-msg-stats;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
}
.message-statistics-container.outside-data-window, .message-statistics-container.not-supported, .message-statistics-container.data-not-collected {
  animation-name: fade-in-err-states;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1.7s;
}
.message-statistics-container.outside-data-window, .message-statistics-container.not-supported {
  display: flex;
  justify-content: center;
}
.message-statistics-container.outside-data-window .prompt, .message-statistics-container.not-supported .prompt {
  align-self: center;
  font-size: 11px;
}
.message-statistics-container.outside-data-window .prompt .icon, .message-statistics-container.not-supported .prompt .icon {
  color: #b3b3b3;
  margin-right: 5px;
}
.message-statistics-container.outside-data-window .prompt a, .message-statistics-container.not-supported .prompt a {
  color: #999999;
  text-decoration: underline;
}
.message-statistics-container.outside-data-window .prompt a:hover, .message-statistics-container.outside-data-window .prompt a.hovered, .message-statistics-container.not-supported .prompt a:hover, .message-statistics-container.not-supported .prompt a.hovered {
  color: #666666;
}
.message-statistics-container.data-not-collected {
  display: flex;
  justify-content: center;
}
.message-statistics-container.data-not-collected .prompt {
  background-color: #d1e7ee;
  color: #448499;
  padding: 3px 10px;
  border-radius: 50px;
  align-self: center;
  font-size: 11px;
  margin: 5px 0 7px 0;
}
.message-statistics-container.data-not-collected .prompt img.stats-load {
  height: 12px;
  width: 12px;
  margin-left: 5px;
  margin-right: 5px;
}
.message-statistics-container .message-statistic {
  padding: 7px 0;
  text-align: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  border-right: 1px solid #e6e6e6;
  position: relative;
  font-size: 12px;
  font-weight: bold;
}
.message-statistics-container .message-statistic.tooltip[data-tooltip]:after {
  margin: -10px 0 0 0;
}
.message-statistics-container .message-statistic span.icon {
  font-size: 12px;
  margin-right: 2px;
  font-family: "CoS";
}
.message-statistics-container .message-statistic:last-of-type {
  border-right: none;
}
.message-statistics-container .message-statistic.no-data {
  color: #999999;
}
.message-statistics-container .message-statistic.no-data span.icon {
  display: none;
}
@keyframes fade-in-err-states {
  0% {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
  80% {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
  100% {
    height: 34px;
    opacity: 1;
    overflow: auto;
  }
}
@keyframes fade-in-msg-stats {
  0% {
    opacity: 0;
    height: 0;
  }
  75% {
    opacity: 0;
    height: 34px;
  }
  100% {
    opacity: 1;
    height: 34px;
  }
}

.requeue-group-message .message-item {
  margin-bottom: 0;
}
.requeue-group-message .message-item .message-associated-list .message-discussion {
  border: initial;
}

.analytics {
  background-color: #ffffff;
  margin-bottom: -1px;
  min-width: 800px;
}
.analytics .reports-section.top-messages .individual-message {
  pointer-events: none;
  cursor: default;
}
.analytics .reports-section.top-messages .individual-message .message-associated-list:hover {
  border-color: #f7f7f7;
}
.analytics .reports-section.top-messages .individual-message .message-associated-list .message {
  opacity: 1;
}
.analytics .reports-section.top-messages .individual-message .message-associated-list .message .message-content-row {
  min-height: 54px;
}
.analytics .reports-section.top-messages .individual-message .message-associated-list .message .message-meta-row a {
  pointer-events: initial;
}
.analytics .reports-section.top-messages .individual-message .message-associated-list .message-statistics-container {
  width: 100%;
}
.analytics .reports-section.top-messages .individual-message .message-associated-list .message-statistics-container .message-statistic {
  pointer-events: initial;
}

.message-discussion {
  background-color: #f7f7f7;
  padding: 0;
  margin-top: -2px;
  border-radius: 0 0 2px 2px;
}
.message-discussion .skeleton, .message-discussion .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .message-discussion .file-preview {
  display: none;
}
.message-discussion .comment-feed {
  margin: 0;
  color: #999999;
  text-align: left;
}
.message-discussion .comment-feed .thread-or-reply {
  padding: 0;
}
.message-discussion .comment-feed .liquid-container.discussion-roll-up {
  margin-top: 0;
}
.message-discussion .comment-feed .collapse-discussions-btn {
  display: flex;
  padding: 5px;
  justify-content: flex-end;
  background-color: #e6e6e6;
  transition: background-color 150ms ease-out;
}
.message-discussion .comment-feed .collapse-discussions-btn:hover, .message-discussion .comment-feed .collapse-discussions-btn.hovered {
  background-color: #f7f7f7;
}
.message-discussion .comment-feed .collapsed-discussion-banner {
  display: flex;
  font-size: 12px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #b3b3b3;
  padding: 3px;
  background-color: #e6e6e6;
  transition: all 150ms ease-out;
}
.message-discussion .comment-feed .collapsed-discussion-banner:hover, .message-discussion .comment-feed .collapsed-discussion-banner.hovered {
  background-color: #f7f7f7;
}
.message-discussion .comment-feed .collapsed-discussion-banner .icon-chevron-down {
  margin-right: 4px;
  transform: rotate(0deg);
  transition: transform 150ms ease-out;
}
.message-discussion .comment-feed .collapsed-discussion-banner .icon-chevron-down.collapsed {
  transform: rotate(180deg);
}
.message-discussion .comment-feed .comment-item {
  margin: -1px 0 0;
  padding: 10px 10px 10px 18px;
  min-height: 29px;
}
.message-discussion .comment-feed .comment-item.is-loading {
  min-height: 0;
  padding: 0;
}
.message-discussion .comment-feed .comment-item.comment-add {
  border-radius: 0;
  padding-bottom: 6px;
}
.message-discussion .comment-feed .comment-item .comment-actions-wrapper,
.message-discussion .comment-feed .comment-item .comment-upload-form {
  visibility: hidden;
  opacity: 0;
  max-height: 50px;
  transition: all 150ms ease;
}
.message-discussion .comment-feed .comment-item.is-focused .comment-actions-wrapper,
.message-discussion .comment-feed .comment-item.is-focused .comment-upload-form, .message-discussion .comment-feed .comment-item.comment-edit .comment-actions-wrapper,
.message-discussion .comment-feed .comment-item.comment-edit .comment-upload-form {
  visibility: visible;
  opacity: 1;
  max-height: 50px;
}
.message-discussion .comment-feed .comment-item .comment-user-image {
  left: 10px;
}
.message-discussion .comment-feed .comment-item .comment-textarea .fr-wrapper .fr-element {
  min-height: 0 !important;
}

.queue-column .queue-date {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 2.75s;
}

.queue-column .queue-date {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 2.75s;
}

.queue-column .queue-date:nth-of-type(5) .queue-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 1.25s;
}
.queue-column .queue-date:nth-of-type(5) .queue-date-details {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeIn;
  animation-delay: 1.75s;
}
.queue-column .queue-date:nth-of-type(5) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 1.25s;
}
.queue-column .queue-date:nth-of-type(5) .queue-scheduled-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 1.75;
}
.queue-column .queue-date:nth-of-type(5) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 1.25s;
}
.queue-column .queue-date:nth-of-type(4) .queue-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 1s;
}
.queue-column .queue-date:nth-of-type(4) .queue-date-details {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeIn;
  animation-delay: 1.5s;
}
.queue-column .queue-date:nth-of-type(4) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 1s;
}
.queue-column .queue-date:nth-of-type(4) .queue-scheduled-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 1.5;
}
.queue-column .queue-date:nth-of-type(4) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 1s;
}
.queue-column .queue-date:nth-of-type(3) .queue-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 0.75s;
}
.queue-column .queue-date:nth-of-type(3) .queue-date-details {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeIn;
  animation-delay: 1.25s;
}
.queue-column .queue-date:nth-of-type(3) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 0.75s;
}
.queue-column .queue-date:nth-of-type(3) .queue-scheduled-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 1.25;
}
.queue-column .queue-date:nth-of-type(3) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 0.75s;
}
.queue-column .queue-date:nth-of-type(2) .queue-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 0.5s;
}
.queue-column .queue-date:nth-of-type(2) .queue-date-details {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeIn;
  animation-delay: 1s;
}
.queue-column .queue-date:nth-of-type(2) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 0.5s;
}
.queue-column .queue-date:nth-of-type(2) .queue-scheduled-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 1;
}
.queue-column .queue-date:nth-of-type(2) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 0.5s;
}
.queue-column .queue-date:nth-of-type(1) .queue-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 0.25s;
}
.queue-column .queue-date:nth-of-type(1) .queue-date-details {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeIn;
  animation-delay: 0.75s;
}
.queue-column .queue-date:nth-of-type(1) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 0.25s;
}
.queue-column .queue-date:nth-of-type(1) .queue-scheduled-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 0.75;
}
.queue-column .queue-date:nth-of-type(1) {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 0.25s;
}

.queue-column .queue-date.custom-last {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInUp;
  animation-delay: 1s;
}
.queue-column .queue-date.custom-last .queue-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 1s;
}
.queue-column .queue-date.custom-last .queue-date-details {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeIn;
  animation-delay: 1.5s;
}
.queue-column .queue-date.custom-last .queue-scheduled-label {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPop;
  animation-delay: 1.5s;
}

@keyframes sq-fadeInPulse {
  0% {
    transform: scale3d(0.94, 0.94, 1);
    background-color: #d17760;
  }
  50% {
    transform: scale3d(1, 1, 1);
    background-color: #bc6148;
  }
  100% {
    transform: scale3d(0.94, 0.94, 1);
    background-color: #d17760;
  }
}
@keyframes sq-fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes sq-fadeInPop {
  0% {
    transform: scale3d(1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1);
  }
}
@keyframes sq-fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes sq-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sq-fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes msgIsOpening {
  0% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  99% {
    opacity: 1;
    max-height: 1000px;
    overflow: hidden;
  }
  100% {
    opacity: 1;
    max-height: 1000px;
    overflow: initial;
  }
}
@keyframes msgIsClosing {
  0% {
    opacity: 1;
    max-height: 1000px;
    overflow: hidden;
  }
  99% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  100% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
}
.social-queue {
  display: block !important;
  position: relative;
  min-height: 650px;
}
.social-queue .show-all-messages {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -23px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: 1100;
}
.social-queue .show-all-messages .icon-close {
  font-size: 27px;
}
.social-queue .white-shade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -20px;
  background-color: #fff;
  opacity: 0.85;
  z-index: 1010;
}
.social-queue .social-queue-no-profiles {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-bottom: 30px;
  min-width: 510px;
}
.social-queue .social-queue-no-profiles .icon-social-campaign {
  color: #606077;
  transform: rotate(-15deg);
  margin: 60px 0 25px;
}
.social-queue .social-queue-no-profiles .no-profiles-headline {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 38px;
  line-height: 20px;
  font-weight: 200;
  font-style: normal;
}
.social-queue .social-queue-no-profiles .no-profiles-gif {
  min-height: 550px;
}
.social-queue .social-queue-no-profiles .alert-pill {
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 550px;
  margin: 0 auto 30px;
  border-radius: 50px;
  background-color: #f7f7f7;
}
.social-queue .social-queue-no-profiles .alert-pill .alert-icon {
  padding: 25px;
  border-radius: 50%;
  font-size: 30px;
  color: #ffffff;
  background-color: #b3b3b3;
}
.social-queue .social-queue-no-profiles .alert-pill.alert-warning .alert-icon {
  background-color: #dbc59e;
}
.social-queue .social-queue-no-profiles .alert-pill .alert-text {
  margin: 10px;
}
.social-queue .social-queue-no-profiles .no-profiles-text {
  text-align: center;
  color: #999999;
  opacity: 1;
  max-width: 545px;
  padding: 0 20px;
}
.social-queue .social-queue-no-profiles .btn-add-profiles {
  background-color: #606077;
  color: #ffffff;
  border: none;
  margin: 20px;
  padding: 10px 40px;
  opacity: 1;
}
@media screen and (max-width: 670px) {
  .social-queue .social-queue-no-profiles .no-profiles-gif {
    min-height: 450px;
  }
}
@media screen and (max-width: 575px) {
  .social-queue .social-queue-no-profiles .no-profiles-gif {
    min-height: 400px;
  }
}
.social-queue .queue-settings-flyout {
  display: flex;
  width: 32%;
  z-index: 1000;
  min-width: 325px;
  max-width: 350px;
  transition: all 0.15s ease-out;
}
.social-queue .queue-settings-flyout .settings-header {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  visibility: visible;
  opacity: 1;
}
.social-queue .queue-settings-flyout .settings-header .queue-settings-type-toggle {
  z-index: 101;
}
.social-queue .queue-settings-flyout .settings-header .queue-settings-type-toggle .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  padding: 4px 10px 5px;
}
.social-queue .queue-settings-flyout .settings-header .queue-settings-type-toggle .btn span[class^=icon] {
  margin-right: 5px;
}
.social-queue .queue-settings-flyout .settings-header .queue-settings-type-toggle .btn .icon-helpers {
  margin-top: -7px;
}
.social-queue .queue-settings-flyout .settings-header .queue-settings-type-toggle .btn:hover {
  color: #808080;
  background-color: #ffffff;
}
.social-queue .queue-settings-flyout .settings-header .queue-settings-type-toggle .btn.active {
  color: #4d4d4d;
  background-color: #ffffff;
}
.social-queue .queue-settings-flyout .settings-header .queue-settings-type-toggle .btn.bulk-upload .icon-file-upload:before {
  content: "\e9a7";
}
.social-queue .queue-settings-flyout .queue-settings-wrapper {
  position: relative;
  margin: 0 5% 1px 0;
  width: 100%;
  min-width: 325px;
  float: left;
  max-width: 350px;
  min-height: 700px;
  border-right: solid 1px whitesmoke;
  background-color: #fff;
  transform: translateX(0);
  transition: all 0.15s ease-out;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .settings-header-background {
  background-color: whitesmoke;
  height: 31px;
  width: 100%;
  opacity: 1;
  visibility: visible;
  transition: all 0.15s ease;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .settings-header-background .settings-collapse {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 1;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner {
  padding: 15px 20px 20px;
  width: auto;
  min-height: 300px;
  min-width: 275px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .sidebar-title {
  font-size: 14px;
  color: #666666;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .sidebar-description {
  margin: 10px 0;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner hr.line-break {
  margin: 10px 0;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .settings-section {
  width: 100%;
  margin-bottom: 20px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .onboarding-popup {
  left: 340px;
  top: 40px;
  width: 270px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates ul.nav-list {
  padding: 10px 0;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates ul.nav-list li.template-item {
  position: relative;
  padding: 0 0 0 10px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates ul.nav-list li.template-item .template-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
  width: 90%;
  display: inline-block;
  padding: 8px 0;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates ul.nav-list li.template-item .template-edit {
  color: #b3b3b3;
  display: none;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates ul.nav-list li.template-item .template-edit:hover {
  color: #999999;
  background-color: transparent;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates ul.nav-list li.template-item:hover {
  background-color: whitesmoke;
  transition: all 0.2s ease;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates ul.nav-list li.template-item:hover .template-edit {
  display: inline-block;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .bulk-history-list-item {
  height: 75px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .bulk-history-list-item p {
  margin-bottom: 2px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .bulk-history-list-item .bulk-timestamp {
  font-size: 12px;
  color: #b3b3b3;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .bulk-history-list-item .bulk-message-count {
  display: inline-block;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .bulk-history-list-item .icon-checkmark-2 {
  color: #8ac884;
  padding-right: 10px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .bulk-history-list-item .bulk-file-name {
  font-size: 12px;
  font-style: italic;
  color: #b3b3b3;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-social-helpers,
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-automation {
  text-align: left;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-social-helpers .caret,
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-automation .caret {
  padding-top: 5px;
  transform: rotate(0deg);
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-social-helpers .caret.close,
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-automation .caret.close {
  transform: rotate(90deg);
  margin-top: 10px;
  margin-left: 5px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-social-helpers .toolbar-dropdown-btn .dropdown-icon,
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-automation .toolbar-dropdown-btn .dropdown-icon {
  padding-right: 5px;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-social-helpers .toolbar-dropdown-btn.selected .dropdown-icon,
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-automation .toolbar-dropdown-btn.selected .dropdown-icon {
  background-color: #f7f7f7 !important;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-social-helpers .toolbar-dropdown-btn:focus .dropdown-icon,
.social-queue .queue-settings-flyout .queue-settings-wrapper .edit-automation .toolbar-dropdown-btn:focus .dropdown-icon {
  background-color: transparent;
}
.social-queue .queue-settings-flyout .queue-settings-wrapper .with-social-helpers {
  margin-bottom: 7px;
  margin-top: -3px;
}
.social-queue .queue-settings-flyout.collapsed {
  width: 0;
  min-width: 0;
  transition: all 0.5s ease-out;
}
.social-queue .queue-settings-flyout.collapsed .queue-settings-wrapper {
  transform: translateX(-330px);
  transition: all 0.5s ease-out;
}
.social-queue .queue-settings-flyout.collapsed .queue-settings-wrapper .settings-header-background {
  opacity: 0;
  transition: all 0.4s ease;
}
.social-queue .queue-settings-flyout.collapsed .queue-settings-wrapper .task-social-actions {
  display: none;
}
.social-queue .queue-column-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 15px auto 40px;
  flex-grow: 1;
  align-self: flex-start;
  min-width: 428px;
  position: relative;
}
.social-queue .queue-column-center .queue-actions-menu {
  margin: 10px auto 10px;
  padding: 8px 0px 5px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  *zoom: 1;
  background-color: white;
  width: 510px;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.social-queue .queue-column-center .queue-actions-menu:before, .social-queue .queue-column-center .queue-actions-menu:after {
  display: table;
  content: "";
  line-height: 0;
}
.social-queue .queue-column-center .queue-actions-menu:after {
  clear: both;
}
.social-queue .queue-column-center .queue-actions-menu.fixed {
  margin: 0px -10px 10px;
  padding: 10px 10px 10px;
  position: fixed;
  z-index: 10300;
  zoom: 1;
  top: 0px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.social-queue .queue-column-center .queue-actions-menu .btn-group .btn.active {
  color: #666666;
}
.social-queue .queue-column-center .queue-actions-menu .btn-group .btn.active .label {
  background-color: rgba(0, 0, 0, 0.05);
  color: white;
}
.social-queue .queue-column-center .queue-actions-menu .btn-group .btn.active .label.upcoming {
  background-color: rgba(160, 204, 127, 0.7);
}
.social-queue .queue-column-center .queue-actions-menu .btn-group .btn .label {
  top: 0;
  background-color: rgba(0, 0, 0, 0.05);
  color: #999999;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
  margin-left: 2px;
  margin-right: -2px;
  border-radius: 8px;
}
.social-queue .queue-column-center .queue-empty-image.accounts {
  width: 389px;
  height: 228px;
  background-image: url("/img/social-queue-empty-accounts-bf75804def021df7a026976689828e89.png");
  background-size: 389px 228px;
  display: block;
  margin: 10px auto;
  text-align: center;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .social-queue .queue-column-center .queue-empty-image.accounts {
    background-image: url("/img/social-queue-empty-accounts@2x-a2ac6ddcb1ed3fc137b3458cc5009300.png");
    background-size: 389px 228px;
  }
}
.social-queue .queue-column-center .queue-column-wrapper {
  display: flex;
  max-width: 700px;
  min-width: 350px;
  width: 100%;
  align-self: center;
}
.social-queue .queue-column-center .queue-column-wrapper.disable {
  opacity: 0.2;
  pointer-events: none;
}
.social-queue .queue-column-center .queue-column-wrapper .queue-column {
  z-index: 100;
  padding: 30px 15px 0;
  width: 100%;
  display: inline-block;
}
.social-queue .queue-column-center .queue-column-wrapper .queue-column:before {
  content: "";
  width: 2px;
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 150px;
  left: 50%;
  bottom: 55px;
  margin-left: -1px;
  background-color: rgba(198, 198, 198, 0.7);
  opacity: 0;
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeIn;
  animation-delay: 1s;
}
.social-queue .queue-column-center .queue-column-wrapper .queue-column .queue-scheduled-date {
  background-color: #f7f7f7;
  padding: 5px 20px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 2px solid #e6e6e6;
  font-size: 13px;
  border-radius: 25px;
  cursor: default;
  margin-bottom: 40px;
  position: relative;
  z-index: 102;
  text-align: center;
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeIn;
  animation-delay: 1s;
}
.social-queue .queue-column-center .queue-create-message {
  margin-bottom: 10px;
  z-index: 1500;
  position: relative;
}
.social-queue .queue-column-center .queue-create-message.always-visible {
  height: auto;
}
.social-queue .queue-column-center .queue-create-message.msg-opening .queue-create-message-inner {
  overflow: initial;
  max-height: initial;
  animation: msgIsOpening 450ms ease-out;
}
.social-queue .queue-column-center .queue-create-message.msg-closing .queue-create-message-inner {
  overflow: hidden;
  max-height: 0;
  animation: msgIsClosing 450ms ease-out;
}
.social-queue .queue-column-center .queue-create-message.show-loading {
  visibility: visible;
  max-height: 90px;
  opacity: 1;
  transition: opacity 0.3s ease-out 0s, max-height 0.3s ease-out 0s;
}
.social-queue .queue-column-center .queue-create-message.hide-loading {
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity 0.3s ease-out 0s;
}
.social-queue .queue-column-center .queue-create-message .queue-create-message-inner {
  background-color: white;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  z-index: 1000;
  position: relative;
  zoom: 1;
  text-align: left;
  display: block;
  box-sizing: border-box;
  padding: 10px 10px 0;
}
.social-queue .queue-column-center .queue-create-message .queue-create-message-inner .multi-selector {
  /* Temp fix for scrolly mc scrolls not */
  /* Track */
  /* Handle */
}
.social-queue .queue-column-center .queue-create-message .queue-create-message-inner .multi-selector ::-webkit-scrollbar {
  width: 12px;
}
.social-queue .queue-column-center .queue-create-message .queue-create-message-inner .multi-selector ::-webkit-scrollbar-track {
  border-radius: 2px;
  background: #efefef;
}
.social-queue .queue-column-center .queue-create-message .queue-create-message-inner .multi-selector ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #b3b3b3;
}
.social-queue .queue-column-center .queue-create-message .queue-create-message-inner .multi-selector ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}
.social-queue .queue-column-center .queue-create-message .queue-create-message-inner .multi-selector .multi-selector-dropdown {
  width: 339px;
  min-width: 339px;
  top: 63px;
}
.social-queue .queue-column-center .queue-column-loaded-empty {
  margin: 0 40px 20px;
  border-radius: 4px;
  background-color: white;
  padding: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  zoom: 1;
  z-index: 997;
  position: relative;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid #b3b3b3;
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInDown;
  animation-delay: 0s;
}
.social-queue .queue-column-center .queue-column-loaded-empty p {
  margin-bottom: 0;
}
.social-queue .queue-column-center .queue-column-loaded-empty:before {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid white;
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: block;
  margin-left: -8px;
  z-index: 999;
}
.social-queue .queue-column-center .queue-column-loaded-empty:after {
  content: "";
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  border-top: 8px solid #b3b3b3;
  position: absolute;
  left: 50%;
  bottom: -16px;
  display: block;
  margin-left: -8px;
  z-index: 998;
}
.social-queue .queue-column-center .queue-container.animating {
  overflow: hidden;
}
.social-queue .queue-column-center .queue-container.closed {
  overflow: hidden;
  animation: fadeOutClose 0.5s ease 0s 1 normal forwards;
}
@keyframes fadeOutClose {
  0% {
    max-height: 100vh;
    opacity: 1;
  }
  100% {
    max-height: 0;
    opacity: 0;
  }
}
.social-queue .queue-column-center .queue-container.open {
  animation: fadeInOpen 0.5s ease;
  opacity: 1;
}
@keyframes fadeInOpen {
  0% {
    max-height: 0;
    opacity: 0;
  }
  100% {
    max-height: 100vh;
    opacity: 1;
  }
}
.social-queue .queue-column-center .queue-date {
  margin-bottom: 30px;
  text-align: center;
  z-index: 1000;
  position: relative;
}
.social-queue .queue-column-center .queue-date:hover {
  z-index: 1110;
}
.social-queue .queue-column-center .queue-date.custom-last {
  margin-bottom: 50px;
}
.social-queue .queue-column-center .queue-date.custom-last .queue-date-header {
  height: 50px;
}
.social-queue .queue-column-center .queue-date.show-sent-label {
  margin-bottom: 13px;
}
.social-queue .queue-column-center .queue-date.show-sent-label .queue-date-header {
  height: 30px;
}
.social-queue .queue-column-center .queue-date.show-sent-label .queue-date-header .queue-label:hover {
  background-color: transparent !important;
}
.social-queue .queue-column-center .queue-date.show-sent-label .queue-date-header .queue-label .btn-round {
  background-color: #999999;
  border: none;
  padding: 0 14px 2px;
  transition: background-color 0.3s ease;
}
.social-queue .queue-column-center .queue-date.show-sent-label .queue-date-header .queue-label .btn-round:hover {
  background-color: #666666;
}
.social-queue .queue-column-center .queue-date.show-sent-label .queue-date-header .queue-label .btn-round p {
  margin-bottom: 0;
}
.social-queue .queue-column-center .queue-date.show-sent-label .queue-date-header .queue-label .btn-round i {
  font-size: 14px;
}
.social-queue .queue-column-center .queue-date .queue-date-header {
  height: 60px;
  *zoom: 1;
}
.social-queue .queue-column-center .queue-date .queue-date-header:before, .social-queue .queue-column-center .queue-date .queue-date-header:after {
  display: table;
  content: "";
  line-height: 0;
}
.social-queue .queue-column-center .queue-date .queue-date-header:after {
  clear: both;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-date-details {
  width: 40%;
  padding-right: 12px;
  position: relative;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-date-details .queue-date-friendly {
  text-align: right;
  font-weight: bold;
  color: #999999;
  line-height: 24px;
  display: block;
  margin-top: 4px;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-date-details .queue-date-friendly.centered {
  margin-top: 12px;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-date-details .queue-date-friendly.centered .collapse-toggle.caret {
  top: 19px;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-date-details .queue-date-friendly .collapse-toggle.caret {
  color: #b3b3b3;
  cursor: pointer;
  border: 4px solid transparent;
  border-top: 4px solid #999999;
  position: absolute;
  right: 0;
  top: 13px;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-date-details .queue-date-friendly .collapse-toggle.caret:hover {
  border: 4px solid transparent;
  border-top: 4px solid #666666;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-date-details .queue-date-exact {
  text-align: right;
  font-size: 12px;
  line-height: 20px;
  color: #b3b3b3;
  display: block;
}
.social-queue .queue-column-center .queue-date .queue-date-header.inactive .queue-date-friendly .collapse-toggle.caret {
  border: 4px solid transparent;
  border-left: 4px solid #999999;
}
.social-queue .queue-column-center .queue-date .queue-date-header.inactive .queue-date-friendly .collapse-toggle.caret:hover {
  border: 4px solid transparent;
  border-left: 4px solid #666666;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label .label-text {
  color: white;
  font-size: 20px;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label .label-text:before {
  font-family: "CoS";
  content: "\e973";
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-failed:hover .label-text:before, .social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-sent:hover .label-text:before, .social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-upcoming:hover .label-text:before {
  content: "\e973";
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-sent {
  background-color: #8ac884;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-sent:hover {
  background-color: #6ba066;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-sent .label-text:before {
  content: "\2713";
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-failed:not(:hover) {
  background-color: #daa1a0;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-failed:not(:hover) .label-text:before {
  content: "\e002";
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-template-apply {
  background-color: #bbb;
  pointer-events: none;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-template-apply .label-text:before {
  color: #ddd;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label.has-template-apply .add-message:hover {
  cursor: default;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-label button.add-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text {
  color: #b3b3b3;
  width: 190px;
  text-align: left;
  padding-top: 28px;
  margin-top: -14px;
  padding-left: 30px;
  font-size: 12px;
  background-image: url("/img/social-queue-next-arrow-ea9113434177653742688ac2f8aadd9d.png");
  background-size: 23px 45px;
  background-position: left bottom;
  background-repeat: no-repeat;
  opacity: 0;
  height: 16px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text {
    background-image: url("/img/social-queue-next-arrow@2x-e814657607992506e02a6f7382090634.png");
    background-size: 23px 45px;
  }
}
.social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text [class^=icon-],
.social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text [class*=" icon-"] {
  margin-right: 3px;
  display: none;
}
@media (min-width: 807px) and (max-width: 870px) {
  .social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text {
    width: 170px;
  }
}
@media (min-width: 742px) and (max-width: 806px) {
  .social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text {
    width: 150px;
  }
}
@media (max-width: 741px) {
  .social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text {
    margin-right: 5%;
  }
}
@media (max-width: 641px) {
  .social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text {
    margin-right: 5%;
    width: 150px;
  }
}
@media (max-width: 550px) {
  .social-queue .queue-column-center .queue-date .queue-date-header .queue-empty-text {
    margin-right: 0%;
    width: 130px;
  }
}
.social-queue .queue-column-center .queue-date .queue-date-header.has-empty .queue-label {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: sq-fadeInPulse;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.social-queue .queue-column-center .queue-date .queue-date-header.has-empty .queue-empty-text {
  opacity: 0;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: sq-fadeInDown;
  animation-delay: 1s;
}
.social-queue .queue-column-center .queue-date .queue-date-header.disabled, .social-queue .queue-column-center .queue-date .integration-modal .container.enabled .body .header .queue-date-header.btn, .integration-modal .container.enabled .body .header .social-queue .queue-column-center .queue-date .queue-date-header.btn {
  pointer-events: none;
}
.social-queue .queue-column-center .queue-date .queue-date-header.disabled .queue-label.btn-fab, .social-queue .queue-column-center .queue-date .integration-modal .container.enabled .body .header .queue-date-header.btn .queue-label.btn-fab, .integration-modal .container.enabled .body .header .social-queue .queue-column-center .queue-date .queue-date-header.btn .queue-label.btn-fab {
  background-color: #e6e6e6;
  box-shadow: none;
}
.social-queue .queue-column-center .queue-date .queue-date-header.disabled .queue-date-details .queue-date-friendly, .social-queue .queue-column-center .queue-date .integration-modal .container.enabled .body .header .queue-date-header.btn .queue-date-details .queue-date-friendly, .integration-modal .container.enabled .body .header .social-queue .queue-column-center .queue-date .queue-date-header.btn .queue-date-details .queue-date-friendly,
.social-queue .queue-column-center .queue-date .queue-date-header.disabled .queue-date-details .queue-date-exact,
.social-queue .queue-column-center .queue-date .integration-modal .container.enabled .body .header .queue-date-header.btn .queue-date-details .queue-date-exact,
.integration-modal .container.enabled .body .header .social-queue .queue-column-center .queue-date .queue-date-header.btn .queue-date-details .queue-date-exact {
  color: #b3b3b3;
}
.social-queue .queue-column-center .queue-date .queue-scheduled-label {
  font-size: 12px;
  background-color: #f7f7f7;
  color: #b3b3b3;
  margin: 5px auto;
  text-align: center;
  padding: 0 5px;
  border-radius: 4px;
  width: auto;
  display: inline-block;
  position: relative;
  z-index: 1000;
  zoom: 1;
}
.social-queue .queue-column-center .queue-date .queue-scheduled-message {
  background-color: #ffffff;
  padding: 10px;
  margin: 10px -5px;
  border: 1px solid #e6e6e6;
  z-index: 1000;
  position: relative;
  zoom: 1;
  text-align: left;
}
.social-queue .queue-column-center .queue-date.custom-last + .queue-create-message {
  margin-bottom: 90px;
}

.social-composer-modal,
.social-composer-container {
  display: flex;
  justify-content: center;
  z-index: 2100;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 50px 0 150px;
}
.social-composer-modal .social-composer-wrapper,
.social-composer-container .social-composer-wrapper {
  background-color: #ffffff;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  border-radius: 6px;
  position: relative;
  width: 55vw;
  left: 0;
  margin: 100px auto auto;
  max-width: 1000px;
}
@media only screen and (max-width: 1300px) {
  .social-composer-modal .social-composer-wrapper,
.social-composer-container .social-composer-wrapper {
    width: 60vw;
  }
}
@media only screen and (max-width: 850px) {
  .social-composer-modal .social-composer-wrapper,
.social-composer-container .social-composer-wrapper {
    width: 80vw;
  }
}
.social-composer-modal .social-composer-wrapper .composer-modal-close,
.social-composer-container .social-composer-wrapper .composer-modal-close {
  z-index: 9;
  position: absolute;
  right: 10px;
  top: 10px;
}
.social-composer-modal .social-composer-wrapper .composer-modal-close span,
.social-composer-container .social-composer-wrapper .composer-modal-close span {
  font-size: 18px;
  margin: 0;
}
.social-composer-modal .social-composer-wrapper .header-option-button,
.social-composer-container .social-composer-wrapper .header-option-button {
  padding: 0;
  margin-right: 10px;
}
.social-composer-modal .social-composer-wrapper .header-option-button .header-option-button-text,
.social-composer-container .social-composer-wrapper .header-option-button .header-option-button-text {
  display: none;
}
.social-composer-modal .social-composer-wrapper .header-option-button .header-option-button-label,
.social-composer-container .social-composer-wrapper .header-option-button .header-option-button-label {
  height: 40px;
  width: 40px;
  min-width: 40px;
}
.social-composer-modal .social-composer-wrapper .content-create-wrapper,
.social-composer-container .social-composer-wrapper .content-create-wrapper {
  position: relative;
}
.social-composer-modal .social-composer-wrapper .content-create-wrapper .message-content,
.social-composer-container .social-composer-wrapper .content-create-wrapper .message-content {
  padding: 15px 25px 25px;
  position: relative;
  min-height: 100px;
  color: #666666;
}
.social-composer-modal .social-composer-wrapper .content-create-wrapper .message-content .fr-element,
.social-composer-container .social-composer-wrapper .content-create-wrapper .message-content .fr-element {
  min-height: 90px;
  padding: 0 5px;
  animation: fr-max-height 1s ease-out;
}
@keyframes fr-max-height {
  0% {
    max-height: 90px;
    overflow: hidden;
  }
  100% {
    max-height: 600px;
    overflow: hidden;
  }
}
.social-composer-modal .social-composer-wrapper .content-create-wrapper .message-content .fr-element p,
.social-composer-container .social-composer-wrapper .content-create-wrapper .message-content .fr-element p {
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1px;
  overflow-wrap: anywhere;
}
.social-composer-modal .social-composer-wrapper .content-create-wrapper .character-count,
.social-composer-container .social-composer-wrapper .content-create-wrapper .character-count {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #b3b3b3;
  position: absolute;
  margin-top: -20px;
  right: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.social-composer-modal .preview-grid,
.social-composer-container .preview-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 15px;
}
@media (max-width: 1024px) {
  .social-composer-modal .preview-grid,
.social-composer-container .preview-grid {
    display: block;
  }
}
.social-composer-modal .social-preview-sidecar,
.social-composer-container .social-preview-sidecar {
  margin: 100px auto auto;
  padding: 20px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  position: relative;
  overflow: visible;
}
@media (max-width: 1024px) {
  .social-composer-modal .social-preview-sidecar,
.social-composer-container .social-preview-sidecar {
    display: block;
    position: absolute;
    z-index: 21;
    top: 30px;
    left: 50%;
    margin-left: -190px;
    padding: 35px 30px;
  }
}
.social-composer-modal .social-preview-sidecar .sidecar-frame,
.social-composer-container .social-preview-sidecar .sidecar-frame {
  border: none;
  width: 350px;
}
.social-composer-modal .social-preview-sidecar .close-social-preview,
.social-composer-container .social-preview-sidecar .close-social-preview {
  display: none;
}
@media (max-width: 1024px) {
  .social-composer-modal .social-preview-sidecar .close-social-preview,
.social-composer-container .social-preview-sidecar .close-social-preview {
    position: absolute;
    display: block;
    right: 3px;
    top: 3px;
    padding: 3px 5px;
  }
}
.social-composer-modal .social-preview-sidecar .close-social-preview span,
.social-composer-container .social-preview-sidecar .close-social-preview span {
  font-size: 14px;
  margin: 0;
}
.social-composer-modal .social-preview-shade,
.social-composer-container .social-preview-shade {
  position: absolute;
  z-index: 20;
  background-color: rgba(255, 255, 255, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
@media (max-width: 1024px) {
  .social-composer-modal .social-preview-shade,
.social-composer-container .social-preview-shade {
    display: block;
  }
}

.ro-social-preview .social-preview-sidecar {
  margin-bottom: 20px;
}
.ro-social-preview .social-preview-sidecar .sidecar-frame {
  border: none;
  width: 350px;
}

.text-helper.in-message {
  display: inline;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-image: linear-gradient(to right, transparent 50%, #f7f7f7 50%);
  background-size: 200%;
  transition: background-position 0.3s;
}
.text-helper.in-message:hover {
  background-position: -100%;
}

.tribute-container ul li {
  max-width: 380px !important;
}
.tribute-container ul li img {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #f7f7f7 url("/img/blank-user-896c3c1c1cdf7b09069ed88b72c39c9d.png") no-repeat center center !important;
  background-size: 100% !important;
  text-indent: -9999px;
  flex-shrink: 0;
  color: transparent !important;
  -webkit-appearance: none !important;
}
.tribute-container.social .text-helper, .tribute-container.helper .text-helper {
  color: #666666;
}
.tribute-container.social .text-helper i, .tribute-container.helper .text-helper i {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  color: #999999;
  margin-left: 5px;
}
.tribute-container.social li, .tribute-container.helper li {
  padding: 0;
}
.tribute-container.social li .tribute-content, .tribute-container.helper li .tribute-content {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 5px;
  padding: 6px 8px;
  cursor: pointer;
  align-items: center;
}
.tribute-container.social li .tribute-content .avatar-icon, .tribute-container.helper li .tribute-content .avatar-icon {
  display: flex;
  align-items: center;
}
.tribute-container.social li .tribute-content p, .tribute-container.helper li .tribute-content p {
  font-size: 12px;
  margin: 0;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
}
.tribute-container.social li .tribute-content .handle, .tribute-container.helper li .tribute-content .handle {
  font-size: 12px;
  font-weight: normal;
}

.tribute-container.social {
  width: 380px;
}
.tribute-container.social li .tribute-content {
  padding: 8px 10px;
}
.tribute-container.social li .tribute-content img {
  width: 35px;
  height: 35px;
  margin-right: 8px;
  border: 1px solid #e6e6e6;
}
.tribute-container.social li .tribute-content .service-icon {
  font-size: 18px;
}
.tribute-container.social li .tribute-content .icon-twitter2 {
  color: #2ca9e1;
}
.tribute-container.social li .tribute-content .icon-facebook2 {
  color: #3b5998;
}
.tribute-container.social li .tribute-content .icon-linkedin2 {
  color: #0073a5;
}
.tribute-container.social li .tribute-content .icon-bluesky2 {
  color: #1185fe;
}
.tribute-container.social li .tribute-content p {
  font-weight: 500;
  color: #4d4d4d;
  font-size: 14px;
  margin-left: 8px;
}

.social-preview .preview-changer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 45px;
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  position: absolute;
  top: 0;
}
.social-preview .preview-changer .network-bubble {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin: 0 10px;
  opacity: 0.5;
  transition: all 0.2s ease;
}
.social-preview .preview-changer .network-bubble:hover {
  opacity: 0.75;
}
.social-preview .preview-changer .network-bubble span {
  color: #ffffff;
}
.social-preview .preview-changer .network-bubble.facebook {
  background-color: #3b5998;
}
.social-preview .preview-changer .network-bubble.facebook span.icon-facebook {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.facebook span.icon-facebook:before {
  font-family: "CoS";
  content: "\eeef";
}
.social-preview .preview-changer .network-bubble.twitter {
  background-color: #2ca9e1;
}
.social-preview .preview-changer .network-bubble.twitter span.icon-twitter {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.twitter span.icon-twitter:before {
  font-family: "CoS";
  content: "\eef5";
}
.social-preview .preview-changer .network-bubble.linkedin {
  background-color: #0073a5;
}
.social-preview .preview-changer .network-bubble.linkedin span.icon-linkedin {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.linkedin span.icon-linkedin:before {
  font-family: "CoS";
  content: "\ef29";
}
.social-preview .preview-changer .network-bubble.tumblr {
  background-color: #2c4862;
}
.social-preview .preview-changer .network-bubble.tumblr span.icon-tumblr {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.tumblr span.icon-tumblr:before {
  font-family: "CoS";
  content: "\ef18";
}
.social-preview .preview-changer .network-bubble.pinterest {
  background-color: #bd081c;
}
.social-preview .preview-changer .network-bubble.pinterest span.icon-pinterest {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.pinterest span.icon-pinterest:before {
  font-family: "CoS";
  content: "\e947";
}
.social-preview .preview-changer .network-bubble.instagram {
  background-color: #e34061;
}
.social-preview .preview-changer .network-bubble.instagram span.icon-instagram {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.instagram span.icon-instagram:before {
  font-family: "CoS";
  content: "\e934";
}
.social-preview .preview-changer .network-bubble.tiktok {
  background-color: #000000;
}
.social-preview .preview-changer .network-bubble.tiktok span.icon-tiktok {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.tiktok span.icon-tiktok:before {
  font-family: "CoS";
  content: "\e9de";
}
.social-preview .preview-changer .network-bubble.youtube {
  background-color: #ff0000;
}
.social-preview .preview-changer .network-bubble.youtube span.icon-youtube {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.youtube span.icon-youtube:before {
  font-family: "CoS";
  content: "\e9e1";
}
.social-preview .preview-changer .network-bubble.youtube_social {
  background-color: #ff0000;
}
.social-preview .preview-changer .network-bubble.youtube_social span.icon-youtube_social {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.youtube_social span.icon-youtube_social:before {
  font-family: "CoS";
  content: "\e9e1";
}
.social-preview .preview-changer .network-bubble.mastodon {
  background-color: #6364ff;
}
.social-preview .preview-changer .network-bubble.mastodon span.icon-mastodon {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.mastodon span.icon-mastodon:before {
  font-family: "CoS";
  content: "\e9e3";
}
.social-preview .preview-changer .network-bubble.google_my_business {
  background-color: #4989f5;
}
.social-preview .preview-changer .network-bubble.google_my_business span.icon-google_my_business {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.google_my_business span.icon-google_my_business:before {
  font-family: "CoS";
  content: "\e9e8";
}
.social-preview .preview-changer .network-bubble.bluesky {
  background-color: #1185fe;
}
.social-preview .preview-changer .network-bubble.bluesky span.icon-bluesky {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.bluesky span.icon-bluesky:before {
  font-family: "CoS";
  content: "\e9ea";
}
.social-preview .preview-changer .network-bubble.threads {
  background-color: #000000;
}
.social-preview .preview-changer .network-bubble.threads span.icon-threads {
  background-color: transparent;
}
.social-preview .preview-changer .network-bubble.threads span.icon-threads:before {
  font-family: "CoS";
  content: "\e9f9";
}
.social-preview .preview-changer .network-bubble.selected-bubble {
  height: 35px;
  width: 35px;
  opacity: 1;
  font-size: 18px;
}

@keyframes alerts-flyin {
  0% {
    display: none;
    visibility: hidden;
    opacity: 0;
    transform: translateX(15px);
  }
  1% {
    display: flex;
    visibility: visible;
    opacity: 0;
    transform: translateX(15px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.message-alert {
  position: absolute;
  margin-top: 5px;
  top: 10px;
  left: 10px;
  z-index: 500;
  display: flex;
}
.message-alert .indicator {
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background-color: #fbf3db;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0.8;
  transition: all 0.3s ease;
}
.message-alert .indicator span.alert-icon {
  font-size: 14px;
  color: #c09853;
}
.message-alert .indicator span.alert-icon:before {
  font-family: "CoS";
  content: "\e002";
}
.message-alert .indicator.warning {
  background-color: #d15451;
  animation: warning-shake 1s ease-in-out 0.25s;
}
.message-alert .indicator.warning span.alert-icon {
  color: #ffffff;
}
.message-alert .indicator.warning span.alert-icon:before {
  content: "\e002";
}
@keyframes warning-shake {
  0% {
    transform: rotate(30deg) scale(1, 1);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    transform: rotate(-30deg) scale(1.2, 1.2);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  }
  25%, 50%, 75% {
    transform: rotate(30deg) scale(1.2, 1.2);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: rotate(0deg) scale(1, 1);
  }
}
.message-alert .indicator.no-issues {
  background-color: #cccccc;
  opacity: 0.5;
}
.message-alert .indicator.no-issues span.alert-icon {
  color: #999999;
  margin-top: 1px;
}
.message-alert .indicator.no-issues span.alert-icon:before {
  content: "\e953";
}
.message-alert .indicator:hover {
  opacity: 1;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.message-alert:hover .alerts-container {
  display: flex;
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
  animation: alerts-flyin 0.4s ease;
}
.message-alert .alerts-container {
  display: none;
  flex-direction: column;
  margin-left: 10px;
  visibility: hidden;
  opacity: 0;
  transform: translateX(15px);
}
.message-alert .alerts-container.open {
  display: flex;
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
  animation: alerts-flyin 0.4s ease;
}
.message-alert .alerts-container .alert {
  width: 300px;
  min-height: 60px;
  height: auto;
  display: flex;
  padding: 0;
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 5px;
  text-align: left;
  flex-shrink: 0;
  position: relative;
}
.message-alert .alerts-container .alert.warning {
  color: #d15451;
}
.message-alert .alerts-container .alert .alert-type {
  flex-shrink: 0;
  width: 20px;
  height: calc(100% - 2px);
  position: absolute;
  display: block;
  background-color: #d17760;
  text-align: center;
  padding-top: 2px;
}
.message-alert .alerts-container .alert .alert-type:before {
  color: #ffffff;
  line-height: 25px;
  font-size: 12px;
  font-family: "CoS";
  content: "\e002";
}
.message-alert .alerts-container .alert .alert-type.warning {
  background-color: #d15451 !important;
}
.message-alert .alerts-container .alert .alert-type.facebook {
  background-color: #3b5998;
}
.message-alert .alerts-container .alert .alert-type.facebook:before {
  content: "\eeef";
}
.message-alert .alerts-container .alert .alert-type.twitter {
  background-color: #2ca9e1;
}
.message-alert .alerts-container .alert .alert-type.twitter:before {
  content: "\eef5";
}
.message-alert .alerts-container .alert .alert-type.linkedin {
  background-color: #0073a5;
}
.message-alert .alerts-container .alert .alert-type.linkedin:before {
  content: "\ef29";
}
.message-alert .alerts-container .alert .alert-type.tumblr {
  background-color: #2c4862;
}
.message-alert .alerts-container .alert .alert-type.tumblr:before {
  content: "\ef18";
}
.message-alert .alerts-container .alert .alert-type.pinterest {
  background-color: #bd081c;
}
.message-alert .alerts-container .alert .alert-type.pinterest:before {
  content: "\ef31";
}
.message-alert .alerts-container .alert .alert-type.instagram {
  background-color: #e34061;
}
.message-alert .alerts-container .alert .alert-type.instagram:before {
  content: "\e934";
}
.message-alert .alerts-container .alert .alert-type.tiktok {
  background-color: #000000;
}
.message-alert .alerts-container .alert .alert-type.tiktok:before {
  content: "\e9de";
}
.message-alert .alerts-container .alert .alert-type.youtube {
  background-color: #ff0000;
}
.message-alert .alerts-container .alert .alert-type.youtube:before {
  content: "\e9e1";
}
.message-alert .alerts-container .alert .alert-type.youtube_social {
  background-color: #ff0000;
}
.message-alert .alerts-container .alert .alert-type.youtube_social:before {
  content: "\e9e1";
}
.message-alert .alerts-container .alert .alert-type.mastodon {
  background-color: #6364ff;
}
.message-alert .alerts-container .alert .alert-type.mastodon:before {
  content: "\e9e3";
}
.message-alert .alerts-container .alert .alert-type.google_my_business {
  background-color: #4989f5;
}
.message-alert .alerts-container .alert .alert-type.google_my_business:before {
  content: "\e9e8";
}
.message-alert .alerts-container .alert .alert-type.bluesky {
  background-color: #1185fe;
}
.message-alert .alerts-container .alert .alert-type.bluesky:before {
  content: "\e9ea";
}
.message-alert .alerts-container .alert .alert-type.threads {
  background-color: #000000;
}
.message-alert .alerts-container .alert .alert-type.threads:before {
  content: "\e9f9";
}
.message-alert .alerts-container .alert .alert-type.no-issues {
  background-color: #8ac884;
}
.message-alert .alerts-container .alert .alert-type.no-issues:before {
  content: "\e953";
}
.message-alert .alerts-container .alert .alert-dialog {
  margin-left: 20px;
  padding: 5px 10px 15px 10px;
}
.message-alert .alerts-container .alert .alert-dialog span.title {
  font-weight: bold;
  color: #4d4d4d;
}
.message-alert .alerts-container .alert .alert-dialog .ig-learn {
  color: #c09853;
}
.message-alert .alerts-container .alert .alert-dialog p,
.message-alert .alerts-container .alert .alert-dialog ul li {
  color: #4d4d4d;
  margin: 5px 0 0 0;
}
.message-alert .alerts-container .alert .alert-dialog p code,
.message-alert .alerts-container .alert .alert-dialog ul li code {
  padding: 2px 4px;
  color: #d15451;
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  white-space: nowrap;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  border-radius: 3px;
  font-size: 12px;
}
.message-alert .alerts-container .alert.warning .alert-dialog span.title {
  color: #d15451;
}

.module-wrapper {
  padding: 15px 20px;
  border-top: 1px dashed #e6e6e6;
  position: relative;
  background-color: #ffffff;
  animation: module-wrapper-open 0.5s ease-in-out;
}
@keyframes module-wrapper-open {
  0% {
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    opacity: 0;
  }
  99% {
    max-height: 350px;
    min-height: 0;
    overflow: hidden;
    opacity: 1;
  }
  100% {
    max-height: 350px;
    min-height: 0;
    overflow: visible;
    opacity: 1;
  }
}
.module-wrapper .module-header {
  display: flex;
}
.module-wrapper .module-header h4 {
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  margin: 0 0 15px;
  width: 75%;
}
.module-wrapper .module-header button.module-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.module-wrapper.custom-analytics input {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 10px;
}

.module-wrapper.requeue-configuration,
.requeue-container {
  min-height: 40px;
}
.module-wrapper.requeue-configuration .history-wrapper,
.requeue-container .history-wrapper {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.module-wrapper.requeue-configuration .requeue-groups-management,
.requeue-container .requeue-groups-management {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
  width: 100%;
  grid-gap: 20px;
  color: #666666;
}
.module-wrapper.requeue-configuration .requeue-groups-management .option-container,
.requeue-container .requeue-groups-management .option-container {
  width: 100%;
  box-sizing: border-box;
}
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .cos-basic-dropdown-trigger,
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .requeue-dropdown-loading,
.requeue-container .requeue-groups-management .option-container .cos-basic-dropdown-trigger,
.requeue-container .requeue-groups-management .option-container .requeue-dropdown-loading {
  border: none;
  background-color: #f7f7f7;
  color: #666666;
  padding: 4px 22px 4px 12px;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  height: 30px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .cos-basic-dropdown-trigger span.status-icon,
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .requeue-dropdown-loading span.status-icon,
.requeue-container .requeue-groups-management .option-container .cos-basic-dropdown-trigger span.status-icon,
.requeue-container .requeue-groups-management .option-container .requeue-dropdown-loading span.status-icon {
  color: #f2c069;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .cos-basic-dropdown-trigger:hover,
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .requeue-dropdown-loading:hover,
.requeue-container .requeue-groups-management .option-container .cos-basic-dropdown-trigger:hover,
.requeue-container .requeue-groups-management .option-container .requeue-dropdown-loading:hover {
  background-color: #f7f7f7;
}
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .cos-basic-dropdown-trigger:after,
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .requeue-dropdown-loading:after,
.requeue-container .requeue-groups-management .option-container .cos-basic-dropdown-trigger:after,
.requeue-container .requeue-groups-management .option-container .requeue-dropdown-loading:after {
  font-family: "CoS";
  content: "\e913";
  position: absolute;
  right: 5px;
}
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .cos-basic-dropdown-trigger[aria-expanded=true]:after,
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .requeue-dropdown-loading[aria-expanded=true]:after,
.requeue-container .requeue-groups-management .option-container .cos-basic-dropdown-trigger[aria-expanded=true]:after,
.requeue-container .requeue-groups-management .option-container .requeue-dropdown-loading[aria-expanded=true]:after {
  content: "\e914";
}
.module-wrapper.requeue-configuration .requeue-groups-management .option-container .requeue-dropdown-loading:after,
.requeue-container .requeue-groups-management .option-container .requeue-dropdown-loading:after {
  display: none;
}
.module-wrapper.requeue-configuration .requeue-expire-settings,
.requeue-container .requeue-expire-settings {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.module-wrapper.requeue-configuration .requeue-expire-settings .requeue-expire-dropdown,
.requeue-container .requeue-expire-settings .requeue-expire-dropdown {
  margin: 0 5px;
}
.module-wrapper.requeue-configuration .requeue-expire-settings .expire-trigger,
.requeue-container .requeue-expire-settings .expire-trigger {
  width: 75px;
  margin-right: 5px;
}

.targeting-view {
  width: 99.7%;
  position: relative;
  margin-top: -1px;
  display: block;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  opacity: 1;
  height: auto;
}
.targeting-view .targeting-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.targeting-view .targeting-empty .icon-target {
  opacity: 0.2;
  margin: 0 0 30px;
}
.targeting-view .targeting-empty p {
  width: 80%;
  text-align: center;
}
.targeting-view .network-tabs {
  display: flex;
  height: 35px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #cccccc;
}
.targeting-view .network-tabs .tab {
  display: flex;
  align-items: center;
  padding: 0 10px;
  width: 150px;
  color: #666666;
}
.targeting-view .network-tabs .tab:not(.active):hover {
  background-color: #e6e6e6;
}
.targeting-view .network-tabs .tab.facebook-tab span {
  color: #3b5998;
}
.targeting-view .network-tabs .tab.facebook-tab.active {
  background-color: #3b5998;
}
.targeting-view .network-tabs .tab.linkedin-tab span {
  color: #0073a5;
}
.targeting-view .network-tabs .tab.linkedin-tab.active {
  background-color: #0073a5;
}
.targeting-view .network-tabs .tab.active, .targeting-view .network-tabs .tab.active span {
  color: #ffffff;
}
.targeting-view .targeting-body {
  display: flex;
  height: 295px;
  flex-direction: row;
}
.targeting-view .targeting-body .sidenav {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-basis: 200px;
  flex-shrink: 0;
  width: 190px;
  padding-right: 10px;
  background-color: #f7f7f7;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.targeting-view .targeting-body .sidenav .sidenav-section {
  width: 200px;
  position: relative;
}
.targeting-view .targeting-body .sidenav .sidenav-section .section-header {
  padding: 5px 5px 0px;
}
.targeting-view .targeting-body .sidenav .sidenav-section .section-header label {
  margin-bottom: 0;
}
.targeting-view .targeting-body .sidenav .sidenav-section .section-header .help-hint:hover {
  color: #999999;
}
.targeting-view .targeting-body .sidenav .sidenav-section .targeting-parameters,
.targeting-view .targeting-body .sidenav .sidenav-section .preset-list {
  font-size: 12px;
  width: 100%;
}
.targeting-view .targeting-body .sidenav .sidenav-section .targeting-parameters span,
.targeting-view .targeting-body .sidenav .sidenav-section .preset-list span {
  padding: 0 10px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.targeting-view .targeting-body .sidenav .sidenav-section .targeting-parameters span:before,
.targeting-view .targeting-body .sidenav .sidenav-section .preset-list span:before {
  opacity: 0;
  font-family: CoS;
  content: "✓";
  margin-right: 5px;
  transition: opacity 0.3s linear;
}
.targeting-view .targeting-body .sidenav .sidenav-section .targeting-parameters span:hover,
.targeting-view .targeting-body .sidenav .sidenav-section .preset-list span:hover {
  background-color: #e6e6e6;
}
.targeting-view .targeting-body .sidenav .sidenav-section .targeting-parameters span.active,
.targeting-view .targeting-body .sidenav .sidenav-section .preset-list span.active {
  background-color: #d17760;
  color: #fff;
}
.targeting-view .targeting-body .sidenav .sidenav-section .targeting-parameters span.targeting:before,
.targeting-view .targeting-body .sidenav .sidenav-section .preset-list span.targeting:before {
  opacity: 1;
  transition: opacity 0.3s linear;
}
.targeting-view .targeting-body .sidenav.presets .sidenav-section {
  margin-bottom: 50px;
}
.targeting-view .targeting-body .sidenav .add-preset-container {
  height: 40px;
  width: 100%;
  background-color: #f7f7f7;
}
.targeting-view .targeting-body .sidenav .add-preset-container button.btn {
  position: relative;
  width: 90%;
  margin: 5px 5%;
  font-size: 12px;
  background-color: #e6e6e6;
  color: #666666;
  border: none;
  top: initial;
  right: initial;
}
.targeting-view .targeting-body .sidenav .add-preset-container button.btn:hover, .targeting-view .targeting-body .sidenav .add-preset-container button.btn:focus {
  background-color: #b3b3b3;
}
.targeting-view .targeting-body .sidenav .add-preset-container button.btn span.icon {
  font-size: 10px;
}
.targeting-view .targeting-body .target-options {
  display: block;
  width: 100%;
  overflow-y: auto;
}
.targeting-view .targeting-body .target-options .target-content {
  padding: 15px;
}
.targeting-view .targeting-body .target-options .target-content .checkbox-label {
  display: inline;
  text-transform: none;
}
.targeting-view .targeting-body .target-options .target-content .targeting-location-dropdown .cos-basic-dropdown-content {
  left: 0;
  top: 30px;
}
.targeting-view .targeting-body .target-options .chip-container {
  display: flex;
}
.targeting-view .targeting-body .target-options .chip {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}
.targeting-view .targeting-body .target-options .chip .btn {
  position: relative;
  top: initial;
  right: initial;
}
.targeting-view .targeting-body .target-options .btn-group .btn.selected {
  background-color: #d17760;
  color: #fff;
}
.targeting-view .targeting-body .target-options .checkbox-options {
  display: flex;
  flex-flow: column;
}
.targeting-view .targeting-body .target-options .checkbox-options .checkbox-options-row {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.targeting-view .targeting-body .target-options .checkbox-options .checkbox-options-row label {
  margin-bottom: 0;
}
.targeting-view .targeting-body .target-options .checkbox-options .checkbox-options-row label:before {
  margin-top: 0;
}
.targeting-view .targeting-body .target-options .target-age .age-dropdown {
  width: 80px;
  display: inline-block;
}
.targeting-view .targeting-body .target-options .target-age .age-dropdown:first-of-type {
  margin-right: 10px;
}
.targeting-view .targeting-body .target-options .target-age .age-dropdown:last-of-type {
  margin-left: 10px;
}
.targeting-view .targeting-body .target-options .select2-container .select2-choices {
  background-image: none;
  border: 1px solid #b3b3b3;
  transition: border 0.1s linear;
}
.targeting-view .targeting-body .target-options .select2-container-active .select2-choices {
  box-shadow: none;
  border: 1px solid #999999;
}
.targeting-view .targeting-body .target-options {
  display: block;
  width: 100%;
  position: relative;
  padding: 0;
}
.targeting-view .targeting-body .target-options .loader {
  display: flex;
  width: 100%;
  height: 250px;
  justify-content: center;
}
.targeting-view .targeting-body .target-options .loader .loading-icon {
  align-self: center;
}
.targeting-view .targeting-body .target-options .preset-content {
  padding: 15px;
  overflow-y: auto;
  height: 240px;
}
.targeting-view .targeting-body .target-options .preset-title input {
  font-weight: bold;
  width: 100%;
  display: block;
  outline: none;
  border: 1px solid #fff;
  border-radius: 2px;
  box-shadow: none;
  box-sizing: border-box;
}
.targeting-view .targeting-body .target-options .preset-title input:hover, .targeting-view .targeting-body .target-options .preset-title input:active, .targeting-view .targeting-body .target-options .preset-title input:focus {
  border: 1px solid #b3b3b3;
}
.targeting-view .targeting-body .target-options ul.preset-parameters {
  margin-left: 10px;
  list-style-type: none;
  display: table;
}
.targeting-view .targeting-body .target-options ul.preset-parameters li {
  display: table-row;
}
.targeting-view .targeting-body .target-options ul.preset-parameters li span.type {
  font-weight: bold;
  display: table-cell;
  padding-top: 5px;
}
.targeting-view .targeting-body .target-options ul.preset-parameters li span.type:after {
  content: ": ";
}
.targeting-view .targeting-body .target-options ul.preset-parameters li .selection-container {
  padding-top: 5px;
  display: table-cell;
  padding-left: 5px;
}
.targeting-view .targeting-body .target-options ul.preset-parameters li:first-of-type span.type,
.targeting-view .targeting-body .target-options ul.preset-parameters li:first-of-type .selection-container {
  padding-top: 0px;
}
.targeting-view .targeting-body .target-options .preset-footer {
  height: 30px;
  padding: 6px 0px 5px;
  display: block;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2);
}
.targeting-view .targeting-body .target-options .preset-footer .btn {
  margin: 0 10px;
}
.targeting-view .targeting-body .target-options .preset-footer .confirm {
  left: 4px;
  top: -25px;
  right: initial;
}

.targeting-preview {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 0;
  min-height: 0;
  text-align: left;
  transition: all 0.5s ease;
}
.targeting-preview .targeting-preview-contents:nth-of-type(2) {
  margin: 0 0 10px;
}
.targeting-preview .targeting-preview-contents {
  background-color: #f7f7f7;
  color: #666666;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  margin: 10px 0;
  position: relative;
}
.targeting-preview .targeting-preview-contents .target-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.targeting-preview .targeting-preview-contents .tr-section {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 225px;
  display: flex;
  align-items: center;
}
.targeting-preview .targeting-preview-contents .tr-section label {
  margin: 0;
  color: #808080;
}
.targeting-preview .targeting-preview-contents .tr-section .icon-linkedin,
.targeting-preview .targeting-preview-contents .tr-section .icon-facebook,
.targeting-preview .targeting-preview-contents .tr-section .icon-denied {
  margin: -2px 5px 0 0;
  font-size: 10px;
}
.targeting-preview .targeting-preview-contents .tr-parameters {
  color: #666666;
  font-size: 12px;
  flex: auto;
}
.targeting-preview .targeting-preview-contents .tr-parameters .param-container {
  display: block;
}
.targeting-preview .targeting-preview-contents .tr-parameters span.type {
  font-weight: bold;
}
.targeting-preview .targeting-preview-contents .tr-parameters span.type:after {
  content: ":";
}
.targeting-preview .targeting-clear {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}
.targeting-preview .targeting-clear button.btn-text {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
}
.targeting-preview .targeting-clear button.btn-text:hover, .targeting-preview .targeting-clear button.btn-text:focus {
  color: #808080;
}

.targeting-preview.active {
  transition: all 1s ease;
  max-height: none;
  min-height: 30px;
}

.targeting-linkedin-warning {
  background-color: #fce9e8;
  padding: 10px;
  line-height: 18px;
  color: #d15451;
  font-size: 12px;
  margin: 0 0 10px;
}

.social-composer-wrapper .alert {
  margin: 5px 0 0;
  border-radius: 0;
  display: flex;
  align-items: center;
}
.social-composer-wrapper .alert .alert-text {
  margin: 0 0 0 10px;
  font-size: 12px;
  line-height: 15px;
}
.social-composer-wrapper .alert a {
  white-space: nowrap;
  color: #c09853;
  text-decoration: underline;
}
.social-composer-wrapper .alert a:hover {
  color: #ad894b;
}
.social-composer-wrapper .alert .alert-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  height: 20px;
  width: 20px;
  font-size: 10px;
  background-color: #c09853;
  color: #fbf3db;
  flex-shrink: 0;
}
.social-composer-wrapper .alert .alert-icon.icon-info {
  background-color: #b3b3b3;
}
.social-composer-wrapper .alert.alert-danger a {
  color: #b94a48;
}
.social-composer-wrapper .alert.alert-danger a:hover {
  color: #963c3b;
}
.social-composer-wrapper .alert.alert-danger .alert-icon {
  background-color: #d15451;
  color: #ffffff;
}

.profile-picker-wrapper {
  padding: 10px 65px 0 10px;
}
.profile-picker-wrapper .add-profile {
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
}
.profile-picker-wrapper .add-profile:hover {
  background-color: #f7f7f7;
}
.profile-picker-wrapper .trigger {
  display: flex;
  min-height: 30px;
  padding: 8px 10px;
}
.profile-picker-wrapper .trigger .selected-items {
  display: flex;
}
.profile-picker-wrapper .trigger .select-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.profile-picker-wrapper .trigger .select-wrapper p {
  margin: 0 5px;
}
.profile-picker-wrapper ul.selected-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
.profile-picker-wrapper li,
.profile-picker-wrapper .single-social-network {
  position: relative;
  margin-right: 22.8px;
}
.profile-picker-wrapper li img.circle-image,
.profile-picker-wrapper .single-social-network img.circle-image {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 38px;
}
.profile-picker-wrapper li img.circle-image img,
.profile-picker-wrapper li img.circle-image .no-thumbnail,
.profile-picker-wrapper .single-social-network img.circle-image img,
.profile-picker-wrapper .single-social-network img.circle-image .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.profile-picker-wrapper li .network-circle,
.profile-picker-wrapper .single-social-network .network-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26.6px;
  height: 26.6px;
  border-radius: 26.6px;
  color: #ffffff;
  font-size: 15.96px;
  border: 1px solid #e6e6e6;
  position: absolute;
  right: -13.3px;
  bottom: -5px;
}
.profile-picker-wrapper li .network-circle.facebook,
.profile-picker-wrapper .single-social-network .network-circle.facebook {
  background-color: #3b5998;
}
.profile-picker-wrapper li .network-circle.facebook_page,
.profile-picker-wrapper .single-social-network .network-circle.facebook_page {
  background-color: #3b5998;
}
.profile-picker-wrapper li .network-circle.facebook_group,
.profile-picker-wrapper .single-social-network .network-circle.facebook_group {
  background-color: #3b5998;
}
.profile-picker-wrapper li .network-circle.twitter,
.profile-picker-wrapper .single-social-network .network-circle.twitter {
  background-color: #2ca9e1;
}
.profile-picker-wrapper li .network-circle.linkedin,
.profile-picker-wrapper .single-social-network .network-circle.linkedin {
  background-color: #0073a5;
}
.profile-picker-wrapper li .network-circle.linkedin_company,
.profile-picker-wrapper .single-social-network .network-circle.linkedin_company {
  background-color: #0073a5;
}
.profile-picker-wrapper li .network-circle.instagram,
.profile-picker-wrapper .single-social-network .network-circle.instagram {
  background-color: #e34061;
}
.profile-picker-wrapper li .network-circle.pinterest,
.profile-picker-wrapper .single-social-network .network-circle.pinterest {
  background-color: #bd081c;
}
.profile-picker-wrapper li .network-circle.tumblr,
.profile-picker-wrapper .single-social-network .network-circle.tumblr {
  background-color: #2c4862;
}
.profile-picker-wrapper li .network-circle.tiktok,
.profile-picker-wrapper .single-social-network .network-circle.tiktok {
  background-color: #000000;
}
.profile-picker-wrapper li .network-circle.youtube,
.profile-picker-wrapper .single-social-network .network-circle.youtube {
  background-color: #ff0000;
}
.profile-picker-wrapper li .network-circle.youtube_social,
.profile-picker-wrapper .single-social-network .network-circle.youtube_social {
  background-color: #ffffff;
}
.profile-picker-wrapper li .network-circle.mastodon,
.profile-picker-wrapper .single-social-network .network-circle.mastodon {
  background-color: #6364ff;
}
.profile-picker-wrapper li .network-circle.google_my_business,
.profile-picker-wrapper .single-social-network .network-circle.google_my_business {
  background-color: #4989f5;
}
.profile-picker-wrapper li .network-circle.bluesky,
.profile-picker-wrapper .single-social-network .network-circle.bluesky {
  background-color: #1185fe;
}
.profile-picker-wrapper li .network-circle.threads,
.profile-picker-wrapper .single-social-network .network-circle.threads {
  background-color: #000000;
}
.profile-picker-wrapper li .network-circle .network-icon.icon-youtube_social,
.profile-picker-wrapper .single-social-network .network-circle .network-icon.icon-youtube_social {
  font-size: 20px;
  color: #ff0000;
  background-color: transparent;
}
.profile-picker-wrapper li .network-circle .network-icon.icon-tiktok,
.profile-picker-wrapper .single-social-network .network-circle .network-icon.icon-tiktok {
  color: #ffffff;
  background-color: #000000;
}
.profile-picker-wrapper li .gen-name.service-name,
.profile-picker-wrapper .single-social-network .gen-name.service-name {
  display: none;
}
.profile-picker-wrapper li .close-item,
.profile-picker-wrapper .single-social-network .close-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  width: 38px;
  border-radius: 38px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  z-index: 1;
  transition: opacity 0.15s ease-in-out;
}
.profile-picker-wrapper li .close-item:hover,
.profile-picker-wrapper .single-social-network .close-item:hover {
  opacity: 0.8;
}
.profile-picker-wrapper .single-social-network:hover {
  cursor: not-allowed;
  background-color: transparent;
}

.buffer-header + .single-social-network {
  padding: 10px 0 10px 8px;
}

.soc-gen-dropdown-content .list-content li.disabled, .soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn, .integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn {
  flex-wrap: wrap;
  height: auto;
  min-height: 35px;
}
.soc-gen-dropdown-content .list-content li.disabled:hover, .soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn:hover, .integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.soc-gen-dropdown-content .list-content li.disabled:hover p.gen-name, .soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn:hover p.gen-name, .integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn:hover p.gen-name {
  color: #b3b3b3;
}
.soc-gen-dropdown-content .list-content li.disabled:hover .picker-alert, .soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn:hover .picker-alert, .integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn:hover .picker-alert {
  visibility: visible;
  max-height: 50px;
  opacity: 1;
}
.soc-gen-dropdown-content .list-content li.disabled img.circle-image, .soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn img.circle-image, .integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn img.circle-image,
.soc-gen-dropdown-content .list-content li.disabled .network,
.soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn .network,
.integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn .network {
  opacity: 0.5;
}
.soc-gen-dropdown-content .list-content li.disabled p.gen-name, .soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn p.gen-name, .integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn p.gen-name {
  color: #b3b3b3;
}
.soc-gen-dropdown-content .list-content li.disabled .picker-alert, .soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn .picker-alert, .integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn .picker-alert {
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.5s ease;
  transition-delay: 0.5s;
  box-sizing: border-box;
  overflow: hidden;
}
.soc-gen-dropdown-content .list-content li.disabled .picker-alert p, .soc-gen-dropdown-content .list-content .integration-modal .container.enabled .body .header li.btn .picker-alert p, .integration-modal .container.enabled .body .header .soc-gen-dropdown-content .list-content li.btn .picker-alert p {
  font-size: 11px;
  line-height: 14px;
}

.pinterest-functions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 4px;
  border-top: 1px solid #e6e6e6;
}
.pinterest-functions .back-button-wrapper {
  font-size: 12px;
}
.pinterest-functions .pinterest-create-wrapper {
  display: flex;
  align-items: center;
  padding: 0 2px;
  border-radius: 40px;
  background-color: #f7f7f7;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.pinterest-functions .pinterest-create-wrapper::-moz-placeholder {
  font-style: italic;
}
.pinterest-functions .pinterest-create-wrapper::placeholder {
  font-style: italic;
}
.pinterest-functions .pinterest-create-wrapper:hover {
  border-color: #cccccc;
}
.pinterest-functions .pinterest-create-wrapper:focus-within {
  border-color: #b3b3b3;
  background-color: #f7f7f7;
}
.pinterest-functions .pinterest-create-wrapper input {
  max-width: 175px;
  margin-bottom: 0;
  padding: 8px 6px;
  height: 30px;
  background-color: transparent !important;
  border: none !important;
  font-size: 12px;
}

.social-profile-pill {
  display: flex;
  align-items: center;
  background-color: #e6e6e6;
  border-radius: 18px;
  margin-right: 4px;
  min-width: 52px;
}
.social-profile-pill.youtube_social {
  border: 1px solid #e6e6e6;
}
.social-profile-pill.facebook {
  background-color: #3b5998;
}
.social-profile-pill.facebook_page {
  background-color: #3b5998;
}
.social-profile-pill.facebook_group {
  background-color: #3b5998;
}
.social-profile-pill.twitter {
  background-color: #2ca9e1;
}
.social-profile-pill.linkedin {
  background-color: #0073a5;
}
.social-profile-pill.linkedin_company {
  background-color: #0073a5;
}
.social-profile-pill.instagram {
  background-color: #e34061;
}
.social-profile-pill.pinterest {
  background-color: #bd081c;
}
.social-profile-pill.tiktok {
  background-color: #000000;
}
.social-profile-pill.youtube_social {
  background-color: #ffffff;
}
.social-profile-pill.mastodon {
  background-color: #6364ff;
}
.social-profile-pill.google_my_business {
  background-color: #4989f5;
}
.social-profile-pill.bluesky {
  background-color: #1185fe;
}
.social-profile-pill.threads {
  background-color: #000000;
}
.social-profile-pill .circle-image {
  position: relative;
  z-index: 1;
  display: block;
  margin-left: -1px;
  width: 22px;
  height: 22px;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  background-color: #ffffff;
}
.social-profile-pill .network-icon {
  color: #ffffff;
  font-size: 13px;
  margin: 0 auto;
}
.social-profile-pill .network-icon.icon-tiktok {
  background-color: #000000;
}
.social-profile-pill .network-icon.icon-youtube, .social-profile-pill .network-icon.icon-youtube_social {
  font-size: 20px;
  color: #ff0000;
}

.preview-modal-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 100vh;
  width: 100vw;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 10003;
  overflow-y: auto;
}
.preview-modal-container .social-preview-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 475px;
  max-width: 600px;
  min-height: 400px;
  background-color: #f7f7f7;
  padding: 50px 30px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  top: 15vh;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 30px;
}
.preview-modal-container .social-preview-modal .preview-container {
  width: 100%;
}
.preview-modal-container .social-preview-modal .btn-preview-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
}
.preview-modal-container .social-preview-modal .btn-preview-close span {
  font-size: 24px;
}
.preview-modal-container .social-preview-modal .left-arrow-button,
.preview-modal-container .social-preview-modal .right-arrow-button {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999999;
  padding: 50px 10px;
}
.preview-modal-container .social-preview-modal .left-arrow-button:hover,
.preview-modal-container .social-preview-modal .right-arrow-button:hover {
  color: #4d4d4d;
}
.preview-modal-container .social-preview-modal .right-arrow-button {
  left: auto;
  right: 0;
}

.multi-function-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 20px 10px;
}
.multi-function-wrapper.attachments {
  flex-direction: column;
  align-items: flex-start;
  transition: height 0.5s ease;
}
.multi-function-wrapper.attachments .add-media-button,
.multi-function-wrapper.attachments .media-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
  border-radius: 4px;
  margin: 0 10px 10px 0;
}
.multi-function-wrapper.attachments .add-media-button {
  color: #999999;
  background-color: transparent;
  text-decoration: none;
  border: none;
}
.multi-function-wrapper.attachments .add-media-button:hover, .multi-function-wrapper.attachments .add-media-button:focus {
  color: #999999;
  background-color: #f7f7f7;
}
.multi-function-wrapper.attachments .add-media-button:active, .multi-function-wrapper.attachments .add-media-button:active:hover {
  color: #666666;
  background-color: #b3b3b3;
}
.multi-function-wrapper.attachments .link-media-item {
  display: flex;
  position: relative;
  padding: 10px;
  max-height: 90px;
  width: 300px;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 10px;
  color: #666666;
  transition: box-shadow 0.2s ease;
  animation: link-animation 0.5s ease-in-out;
}
.multi-function-wrapper.attachments .link-media-item:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
@keyframes link-animation {
  0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
  }
}
.multi-function-wrapper.attachments .link-media-item .remove-link {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 4px;
  border-radius: 2px;
}
.multi-function-wrapper.attachments .link-media-item .remove-link:hover {
  color: #4d4d4d;
  background-color: #b3b3b3;
}
.multi-function-wrapper.attachments .link-media-item .link-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
  flex-shrink: 0;
}
.multi-function-wrapper.attachments .link-media-item .link-preview.photo-blank, .multi-function-wrapper.attachments .link-media-item .social-preview .message-media .link-preview.image-container.multi-0, .social-preview .message-media .multi-function-wrapper.attachments .link-media-item .link-preview.image-container.multi-0 {
  border: 1px solid #cccccc;
}
.multi-function-wrapper.attachments .link-media-item .link-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}
.multi-function-wrapper.attachments .link-media-item .link-details p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.multi-function-wrapper.attachments .link-media-item .link-details p.title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 25px);
  font-weight: bold;
}
.multi-function-wrapper.attachments .link-media-item .link-details p.small {
  font-size: 10px;
}
.multi-function-wrapper.attachments .media-item {
  position: relative;
  height: 60px;
  width: 60px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.multi-function-wrapper.attachments .media-item.image, .multi-function-wrapper.attachments .media-item.video {
  opacity: 0;
  animation: fade-in 0.7s ease;
  animation-fill-mode: forwards;
}
.multi-function-wrapper.attachments .media-item.image .thumb-contain, .multi-function-wrapper.attachments .media-item.video .thumb-contain {
  max-width: 60px;
  border-radius: 4px;
  overflow: hidden;
}
.multi-function-wrapper.attachments .media-item.image .thumb-contain img, .multi-function-wrapper.attachments .media-item.video .thumb-contain img {
  min-width: 60px;
  min-height: 60px;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.multi-function-wrapper.attachments .media-item:not(.video) {
  cursor: move;
  cursor: grab;
}
.multi-function-wrapper.attachments .media-item:not(.video):active {
  cursor: move;
  cursor: grabbing;
  opacity: 0.7;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.multi-function-wrapper.attachments .media-item:hover .remove,
.multi-function-wrapper.attachments .media-item:hover .expand {
  transform: scale(1, 1);
}
.multi-function-wrapper.attachments .media-item .social-helper {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(98, 172, 196, 0.8);
  color: #ffffff;
}
.multi-function-wrapper.attachments .media-item .media-blank {
  height: 60px;
  width: 60px;
  z-index: 2;
}
.multi-function-wrapper.attachments .media-item .remove,
.multi-function-wrapper.attachments .media-item .expand {
  position: absolute;
  text-align: center;
  top: 3px;
  right: 3px;
  height: 20px;
  width: 20px;
  border-radius: 40px;
  background-color: #ffffff;
  cursor: pointer;
  transform: scale(0, 0);
  transition: all 0.2s ease;
  z-index: 10;
  border: none;
  padding: 0;
}
.multi-function-wrapper.attachments .media-item .remove:hover,
.multi-function-wrapper.attachments .media-item .expand:hover {
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.multi-function-wrapper.attachments .media-item .remove span,
.multi-function-wrapper.attachments .media-item .expand span {
  line-height: 20px;
  font-size: 12px;
}
.multi-function-wrapper.attachments .media-item .expand {
  top: auto;
  bottom: 3px;
}
.multi-function-wrapper.attachments .media-item img {
  max-height: 60px !important;
  height: auto;
  width: auto;
}
.multi-function-wrapper .media-blank {
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  background: #f7f7f7 url(/img/photo-blank-2b44fba5ce423f0cd9aad5b2dac181b7.png) no-repeat left top;
  background-size: 100% 100%;
  position: relative;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.multi-function-wrapper .social-helper {
  display: inline-block;
  border-radius: 6px;
  background: #62acc4;
  color: #ffffff;
  padding: 3px 5px;
  margin: 10px 5px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 200;
  cursor: pointer;
  white-space: nowrap;
}
.multi-function-wrapper .social-helper.error {
  background-color: #fdecac !important;
  color: #c09853 !important;
}
.multi-function-wrapper .social-helper-collapsible {
  position: absolute;
  left: 9px;
  top: 3px;
  max-width: 13px;
  text-align: center;
  box-shadow: none;
  cursor: default;
  overflow: hidden;
  opacity: 0.9;
  transition: all 0.3s ease;
}
.multi-function-wrapper .social-helper-collapsible:before {
  content: "{ }";
}
.multi-function-wrapper .social-helper-collapsible:hover {
  max-width: 110px;
  box-shadow: 1px 1px 3px #888;
  opacity: 1;
  transition: all 0.3s ease;
}
.multi-function-wrapper .social-helper-collapsible:hover:before {
  content: attr(helper-name);
}
.multi-function-wrapper.schedule-wrapper {
  justify-content: space-between;
  flex-wrap: wrap;
}
.multi-function-wrapper.schedule-wrapper .schedule,
.multi-function-wrapper.schedule-wrapper .actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.multi-function-wrapper.schedule-wrapper .schedule p,
.multi-function-wrapper.schedule-wrapper .actions p {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: default;
}
.multi-function-wrapper.schedule-wrapper .actions {
  margin-left: auto;
}
.multi-function-wrapper.schedule-wrapper .actions .button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.multi-function-wrapper.schedule-wrapper .preview-button {
  display: none;
}
@media (max-width: 1024px) {
  .multi-function-wrapper.schedule-wrapper .preview-button {
    display: block;
  }
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper {
  padding: 7px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .input-block-level,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .input-append {
  position: relative;
  margin: 0;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .input-block-level.date,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .input-append.date {
  display: flex;
  align-items: center;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper input {
  margin: 0;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper input.date-picker, .multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper input.time-picker {
  width: 140px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper input:hover {
  background-color: #f7f7f7;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper input:-moz-read-only {
  cursor: pointer;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper input:read-only {
  cursor: pointer;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper input.relative-date-time {
  width: 30px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .xday-outline input.xday-container {
  width: 25px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .xday-outline .xday-label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  margin-left: 5px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .add-on {
  top: 6px;
  background: transparent;
  padding: 0;
  border: none;
  position: absolute;
  right: 0;
  z-index: 2;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .add-on .picker-icon {
  padding: 10px;
  margin-right: 3px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .add-on .picker-icon:hover {
  background-color: transparent;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .btn-undo {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 5px;
  text-decoration: none;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .relative-time-picker button {
  color: #666666;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .select2-chosen,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-drop,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-drop-selected,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-icon,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-legacy {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 2px;
  color: #666666;
  display: inline-block;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .select2-chosen .best-time-icon-static,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-drop .best-time-icon-static,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-drop-selected .best-time-icon-static,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-icon .best-time-icon-static,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-legacy .best-time-icon-static {
  padding: 0;
  margin-right: 3px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .select2-chosen:hover,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-drop:hover,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-drop-selected:hover,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-icon:hover,
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper .best-time-legacy:hover {
  background-color: transparent;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper.time-picker .best-time-legacy {
  color: #666666;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper.time-picker .best-time-legacy .icon-clock {
  position: relative;
  top: 2px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper.time-picker .cos-basic-dropdown-trigger {
  background-color: #f7f7f7;
  border-radius: 4px;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper.time-picker .cos-basic-dropdown-trigger:hover {
  background-color: #f7f7f7;
}
.multi-function-wrapper.schedule-wrapper .picker-wrapper.date-picker-wrapper.time-picker .cos-basic-dropdown-trigger .btn.btn-text {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  padding: 5px 10px;
}
.multi-function-wrapper.footer {
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #e6e6e6;
  padding: 10px 20px;
  justify-content: flex-end;
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
}
.multi-function-wrapper.footer .approval-alert {
  border-radius: 2px;
  margin: 1px 10px 0 0;
  padding: 7px 12px 8px;
}
.multi-function-wrapper.footer .message-aux-controls {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.multi-function-wrapper.footer .message-aux-controls .color-btn button.btn-round-text .btn-color {
  height: 42px;
  width: 42px;
}
.multi-function-wrapper.footer .message-aux-controls .color-btn button.btn-round-text p.label-name {
  display: none;
}
.multi-function-wrapper.footer .message-aux-controls .ellipsis-menu-toggle {
  visibility: visible;
  opacity: 1;
}
.multi-function-wrapper.footer .message-aux-controls .ellipsis-menu-toggle:hover, .multi-function-wrapper.footer .message-aux-controls .ellipsis-menu-toggle:focus {
  background-color: #ffffff;
}
.multi-function-wrapper.footer .message-aux-controls .item-actions.dropdown ul.dropdown-menu {
  top: 40px;
  right: initial;
}
.multi-function-wrapper.footer .message-aux-controls .outline {
  border: 1px solid #b3b3b3;
  border-radius: 25px;
  padding: 12px;
  margin: 0 10px 0 0;
  font-size: 16px;
  color: #999999;
  position: relative;
  cursor: pointer;
}
.multi-function-wrapper.footer .message-aux-controls .outline.icon-shuffle {
  padding: 12.5px;
}
.multi-function-wrapper.footer .message-aux-controls .outline.active {
  color: #ffffff;
}
.multi-function-wrapper.footer .message-aux-controls .outline.requeue {
  background-color: #8ac884;
}
.multi-function-wrapper.footer .message-aux-controls .outline.discussions {
  background-color: #999999;
  color: #ffffff;
}
.multi-function-wrapper.footer .message-aux-controls .outline .new-notification-indicator {
  width: 8px;
  height: 8px;
  padding: 3px;
  border-radius: 50%;
  background-color: #d17760;
  position: absolute;
  left: -5px;
  bottom: -5px;
  border: 1px solid #ffffff;
}
.multi-function-wrapper.mini-smo-container {
  flex-direction: column;
  margin-top: 10px;
  animation: smo-container-show 0.75s ease-out;
}
@keyframes smo-container-show {
  0% {
    max-height: 0;
    overflow: hidden;
  }
  99% {
    max-height: 500px;
    overflow: hidden;
  }
  100% {
    max-height: 500px;
    overflow: visible;
  }
}
.multi-function-wrapper.mini-smo-container .multi-network-selector {
  display: flex;
  align-items: center;
  height: 35px;
  width: 100%;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #f7f7f7;
  color: #666666;
  transition: background-color 0.2s ease;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper:hover {
  background-color: #f7f7f7;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper .network-icon {
  margin-right: 5px;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper .network-icon.youtube_social, .multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper .network-icon.tiktok {
  background-color: transparent;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active {
  color: #ffffff;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.facebook {
  background-color: #3b5998;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.twitter {
  background-color: #2ca9e1;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.linkedin {
  background-color: #0073a5;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.instagram {
  background-color: #e34061;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.pinterest {
  background-color: #bd081c;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.tiktok {
  background-color: #000000;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.youtube_social {
  background-color: #ff0000;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.mastodon {
  background-color: #6364ff;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.google_my_business {
  background-color: #4989f5;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.bluesky {
  background-color: #1185fe;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active.threads {
  background-color: #000000;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active .network-icon {
  color: #ffffff;
}
.multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active .network-icon.youtube_social, .multi-function-wrapper.mini-smo-container .multi-network-selector .network-score-wrapper.active .network-icon.tiktok {
  background-color: transparent;
}
.multi-function-wrapper.mini-smo-container .results-wrapper {
  display: flex;
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 20px 5px 0;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: space-around;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .results-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .results-column label {
  cursor: default;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .results-column label span:before {
  font-size: 12px;
  margin-left: 4px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart {
  width: 175px;
  height: 175px;
  background-color: rgba(247, 247, 247, 0.4);
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart .circle .mask,
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart .circle .fill {
  width: 175px;
  height: 175px;
  transition: transform 1s;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart .circle .mask {
  clip: rect(0px, 175px, 175px, 87.5px);
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart .circle .mask .fill {
  clip: rect(0px, 87.5px, 175px, 0px);
  background-color: #a85d5d;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart .inset {
  width: 165px;
  height: 165px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #ffffff;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart .inset .inset-inner {
  width: 157px;
  height: 157px;
  transition: opacity 1s ease-in-out;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart .inset .inset-inner .score {
  font-size: 45px;
  line-height: 54px;
  color: #a85d5d;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart {
  margin-bottom: 10px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score .radial-chart .score {
  font-size: 45px;
  line-height: 54px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 45px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.great .radial-chart {
  background-color: #f7f7f7 !important;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.great .radial-chart .circle .mask .fill {
  background-color: #dd9666;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.great .radial-chart .inset {
  background-color: #ffffff;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.great .radial-chart .inset .inset-inner .score {
  color: #dd9666;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.better .radial-chart {
  background-color: #f7f7f7 !important;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.better .radial-chart .circle .mask .fill {
  background-color: #f7d172;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.better .radial-chart .inset {
  background-color: #ffffff;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.better .radial-chart .inset .inset-inner .score {
  color: #f7d172;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.best .radial-chart {
  background-color: #f7f7f7 !important;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.best .radial-chart .circle .mask .fill {
  background-color: #7fc376;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.best .radial-chart .inset {
  background-color: #ffffff;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .overall-score.best .radial-chart .inset .inset-inner .score {
  color: #7fc376;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .count-container {
  position: relative;
  min-width: 245px;
  width: 100%;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .count-container .results {
  position: relative;
  height: 75px;
  overflow: hidden;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .count-container .results h4 {
  position: absolute;
  z-index: 3;
  padding: 0 2px;
  left: -2px;
  background-color: #ffffff;
  border-radius: 0 0 4px 0;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .count-container .results .marker {
  z-index: 2;
  position: absolute;
  display: block;
  width: 5px;
  height: 100%;
  background-color: #d17760;
  transform: translateX(-50%);
  transition: all 1.2s ease;
  animation: count-marker-move 1.2s ease;
}
@keyframes count-marker-move {
  0% {
    left: 1%;
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .count-container .results .graph-background {
  height: 75px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 1;
  max-width: none;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .count-container .data-points {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .sentiment {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .sentiment h4 {
  text-transform: capitalize;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .sentiment .sentiment-icon {
  position: relative;
  top: 2px;
  font-size: 20px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .sentiment .sentiment-icon.icon-negative {
  color: #a85d5d;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .sentiment .sentiment-icon.icon-neutral {
  color: #f7d172;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .sentiment .sentiment-icon.icon-positive {
  color: #7fc376;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 120px;
  width: 250px;
  margin: 0 auto;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge {
  position: relative;
  display: inline-block;
  font-size: 200px;
  height: 1em;
  width: 100%;
  background: url("/img/smmo/smo-gauge-d8d9b0bf4271689c2be7ffd684e8b3cb.svg") center no-repeat;
  margin-bottom: 10px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge.pinterest {
  background: url("/img/smmo/smo-gauge-3-types-21232ff5b03566d3df407155ecfe1372.svg") center no-repeat;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge.instagram {
  background: url("/img/smmo/smo-gauge-2-types-4ac7dad424b3fd23cff477c9555798a5.svg") center no-repeat;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.facebook .type-icon.good:before {
  content: "\2794";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.facebook .type-icon.great:before {
  content: "\54";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.facebook .type-icon.better:before {
  content: "\e001";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.facebook .type-icon.best:before {
  content: "\2301";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.linkedin .type-icon.good:before {
  content: "\2794";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.linkedin .type-icon.great:before {
  content: "\e001";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.linkedin .type-icon.better:before {
  content: "\54";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.linkedin .type-icon.best:before {
  content: "\2301";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.twitter .type-icon.good:before {
  content: "\2794";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.twitter .type-icon.great:before {
  content: "\2301";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.twitter .type-icon.better:before {
  content: "\54";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.twitter .type-icon.best:before {
  content: "\e001";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.pinterest .type-icon.good:before {
  content: "\54";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.pinterest .type-icon.great:before {
  content: "\2794";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.pinterest .type-icon.better:before {
  content: "\2301";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.pinterest .type-icon.best:before {
  content: "\e001";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.instagram .type-icon.good:before {
  content: "\54";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.instagram .type-icon.great:before {
  content: "\2301";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.instagram .type-icon.better:before {
  content: "\2794";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.instagram .type-icon.best:before {
  content: "\e001";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label .type-icon {
  position: absolute;
  font-size: 20px;
  font-style: normal;
  color: #ffffff;
  font-family: "CoS";
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label .type-icon.good {
  top: 70px;
  left: 38px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label .type-icon.great {
  top: 25px;
  left: 83px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label .type-icon.better {
  top: 25px;
  left: 147px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label .type-icon.best {
  top: 70px;
  left: 191px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.pinterest .type-icon.good {
  display: none;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.pinterest .type-icon.great {
  top: 60px;
  left: 44px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.pinterest .type-icon.better {
  top: 21px;
  left: 116px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.pinterest .type-icon.best {
  top: 60px;
  left: 186px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.instagram .type-icon.good {
  display: none;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.instagram .type-icon.great {
  display: none;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.instagram .type-icon.better {
  top: 45px;
  left: 60px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-label.instagram .type-icon.best {
  top: 45px;
  left: 175px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow,
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow:before {
  position: absolute;
  display: inline-block;
  background-color: #666666;
  left: 50%;
  bottom: 0;
  border-radius: 200px;
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow {
  height: 55px;
  width: 10px;
  margin-left: -5px;
  transform-origin: 50% 100%;
  transform: rotate(-90deg);
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow:before {
  content: "";
  height: 20px;
  width: 20px;
  bottom: -10px;
  transform: translateX(-50%);
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.facebook.good, .multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.twitter.good, .multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.linkedin.good {
  animation: good--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes good--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-67.5deg);
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.facebook.great, .multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.twitter.great, .multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.linkedin.great {
  animation: great--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes great--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-22.5deg);
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.facebook.better, .multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.twitter.better, .multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.linkedin.better {
  animation: better--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes better--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(22.5deg);
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.facebook.best, .multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.twitter.best, .multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.linkedin.best {
  animation: best--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes best--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(67.5deg);
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.pinterest.good {
  animation: great3--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes great3--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.pinterest.better {
  animation: better3--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes better3--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.pinterest.best {
  animation: best3--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes best3--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(60deg);
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.instagram.better {
  animation: better2--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes better2--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
.multi-function-wrapper.mini-smo-container .results-wrapper .gauge-wrapper .smo-gauge .smo-gauge-arrow.instagram.best {
  animation: best2--arrow-animate 1.2s ease-out 1 normal forwards;
}
@keyframes best2--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
.multi-function-wrapper.mini-smo-container .re-analyze,
.multi-function-wrapper.mini-smo-container .loading-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  color: #4d4d4d;
}
.multi-function-wrapper.mini-smo-container .re-analyze h4,
.multi-function-wrapper.mini-smo-container .loading-wrapper h4 {
  margin-bottom: 25px;
  text-align: center;
}

.social-composer-wrapper.sent,
.social-message-ro,
.mobile.message-sent {
  max-width: 575px;
}
.social-composer-wrapper.sent .message-statistics-container,
.social-message-ro .message-statistics-container,
.mobile.message-sent .message-statistics-container {
  color: #666666;
  animation: none;
  border: none;
  padding: 0 20px 20px;
}
.social-composer-wrapper.sent .message-statistics-container.not-supported, .social-composer-wrapper.sent .message-statistics-container.data-not-collected,
.social-message-ro .message-statistics-container.not-supported,
.social-message-ro .message-statistics-container.data-not-collected,
.mobile.message-sent .message-statistics-container.not-supported,
.mobile.message-sent .message-statistics-container.data-not-collected {
  justify-content: initial;
  color: #999999;
}
.social-composer-wrapper.sent .message-statistics-container.not-supported .prompt, .social-composer-wrapper.sent .message-statistics-container.data-not-collected .prompt,
.social-message-ro .message-statistics-container.not-supported .prompt,
.social-message-ro .message-statistics-container.data-not-collected .prompt,
.mobile.message-sent .message-statistics-container.not-supported .prompt,
.mobile.message-sent .message-statistics-container.data-not-collected .prompt {
  background-color: transparent;
  color: #999999;
  padding: 0;
  margin: 0;
}
.social-composer-wrapper.sent .message-statistics-container .message-statistic,
.social-message-ro .message-statistics-container .message-statistic,
.mobile.message-sent .message-statistics-container .message-statistic {
  display: block;
  border: none;
  margin-right: 20px;
  flex-grow: initial;
  flex-basis: initial;
  font-weight: normal;
  padding: 0;
}
.social-composer-wrapper.sent .message-statistics-container.facebook span.like-icon:before,
.social-message-ro .message-statistics-container.facebook span.like-icon:before,
.mobile.message-sent .message-statistics-container.facebook span.like-icon:before {
  content: "\e918";
}
.social-composer-wrapper.sent .message-statistics-container.facebook span.comment-icon:before,
.social-message-ro .message-statistics-container.facebook span.comment-icon:before,
.mobile.message-sent .message-statistics-container.facebook span.comment-icon:before {
  content: "\e917";
}
.social-composer-wrapper.sent .message-statistics-container.facebook span.share-icon:before,
.social-message-ro .message-statistics-container.facebook span.share-icon:before,
.mobile.message-sent .message-statistics-container.facebook span.share-icon:before {
  content: "\e919";
}
.social-composer-wrapper.sent .message-statistics-container.facebook span.click-icon:before,
.social-message-ro .message-statistics-container.facebook span.click-icon:before,
.mobile.message-sent .message-statistics-container.facebook span.click-icon:before {
  content: "\e916";
}
.social-composer-wrapper.sent .message-statistics-container.twitter span.like-icon:before,
.social-message-ro .message-statistics-container.twitter span.like-icon:before,
.mobile.message-sent .message-statistics-container.twitter span.like-icon:before {
  content: "\e923";
}
.social-composer-wrapper.sent .message-statistics-container.twitter span.comment-icon:before,
.social-message-ro .message-statistics-container.twitter span.comment-icon:before,
.mobile.message-sent .message-statistics-container.twitter span.comment-icon:before {
  content: "\e924";
}
.social-composer-wrapper.sent .message-statistics-container.twitter span.share-icon:before,
.social-message-ro .message-statistics-container.twitter span.share-icon:before,
.mobile.message-sent .message-statistics-container.twitter span.share-icon:before {
  content: "\e925";
}
.social-composer-wrapper.sent .message-statistics-container.twitter span.click-icon:before,
.social-message-ro .message-statistics-container.twitter span.click-icon:before,
.mobile.message-sent .message-statistics-container.twitter span.click-icon:before {
  content: "\e916";
}
.social-composer-wrapper.sent .message-statistics-container.linkedin span.like-icon:before,
.social-message-ro .message-statistics-container.linkedin span.like-icon:before,
.mobile.message-sent .message-statistics-container.linkedin span.like-icon:before {
  content: "\e91e";
}
.social-composer-wrapper.sent .message-statistics-container.linkedin span.comment-icon:before,
.social-message-ro .message-statistics-container.linkedin span.comment-icon:before,
.mobile.message-sent .message-statistics-container.linkedin span.comment-icon:before {
  content: "\e91d";
}
.social-composer-wrapper.sent .message-statistics-container.linkedin span.share-icon:before,
.social-message-ro .message-statistics-container.linkedin span.share-icon:before,
.mobile.message-sent .message-statistics-container.linkedin span.share-icon:before {
  content: "\e91f";
}
.social-composer-wrapper.sent .message-statistics-container.linkedin span.click-icon:before,
.social-message-ro .message-statistics-container.linkedin span.click-icon:before,
.mobile.message-sent .message-statistics-container.linkedin span.click-icon:before {
  content: "\e916";
}
.social-composer-wrapper.sent .message-statistics-container.tumblr span.like-icon:before,
.social-message-ro .message-statistics-container.tumblr span.like-icon:before,
.mobile.message-sent .message-statistics-container.tumblr span.like-icon:before {
  content: "\e91e";
}
.social-composer-wrapper.sent .message-statistics-container.tumblr span.comment-icon:before,
.social-message-ro .message-statistics-container.tumblr span.comment-icon:before,
.mobile.message-sent .message-statistics-container.tumblr span.comment-icon:before {
  content: "\e91d";
}
.social-composer-wrapper.sent .message-statistics-container.tumblr span.share-icon:before,
.social-message-ro .message-statistics-container.tumblr span.share-icon:before,
.mobile.message-sent .message-statistics-container.tumblr span.share-icon:before {
  content: "\e91f";
}
.social-composer-wrapper.sent .message-statistics-container.tumblr span.click-icon:before,
.social-message-ro .message-statistics-container.tumblr span.click-icon:before,
.mobile.message-sent .message-statistics-container.tumblr span.click-icon:before {
  content: "\e916";
}
.social-composer-wrapper.sent .message-statistics-container.pinterest span.like-icon:before,
.social-message-ro .message-statistics-container.pinterest span.like-icon:before,
.mobile.message-sent .message-statistics-container.pinterest span.like-icon:before {
  content: "\e921";
}
.social-composer-wrapper.sent .message-statistics-container.pinterest span.comment-icon:before,
.social-message-ro .message-statistics-container.pinterest span.comment-icon:before,
.mobile.message-sent .message-statistics-container.pinterest span.comment-icon:before {
  content: "\e920";
}
.social-composer-wrapper.sent .message-statistics-container.pinterest span.share-icon:before,
.social-message-ro .message-statistics-container.pinterest span.share-icon:before,
.mobile.message-sent .message-statistics-container.pinterest span.share-icon:before {
  content: "\e922";
}
.social-composer-wrapper.sent .message-statistics-container.pinterest span.click-icon:before,
.social-message-ro .message-statistics-container.pinterest span.click-icon:before,
.mobile.message-sent .message-statistics-container.pinterest span.click-icon:before {
  content: "\e916";
}
.social-composer-wrapper.sent .message-statistics-container.instagram span.like-icon:before,
.social-message-ro .message-statistics-container.instagram span.like-icon:before,
.mobile.message-sent .message-statistics-container.instagram span.like-icon:before {
  content: "\e933";
}
.social-composer-wrapper.sent .message-statistics-container.instagram span.comment-icon:before,
.social-message-ro .message-statistics-container.instagram span.comment-icon:before,
.mobile.message-sent .message-statistics-container.instagram span.comment-icon:before {
  content: "\e932";
}
.social-composer-wrapper.sent .message-statistics-container.instagram span.share-icon:before,
.social-message-ro .message-statistics-container.instagram span.share-icon:before,
.mobile.message-sent .message-statistics-container.instagram span.share-icon:before {
  content: "\e916";
}

.message-summary {
  color: #666666;
  padding: 15px 20px 0;
}
.message-summary .profile {
  display: flex;
  align-items: center;
  width: calc(100% - 55px);
  margin-bottom: 15px;
}
.message-summary .profile .profile-image-network-contain {
  position: relative;
  margin-right: 10px;
  flex-shrink: 0;
}
.message-summary .profile .profile-image-network-contain .profile-picture {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50px;
}
.message-summary .profile .profile-image-network-contain .profile-picture img,
.message-summary .profile .profile-image-network-contain .profile-picture .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.message-summary .profile .profile-image-network-contain .network-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 18px;
  border: 1px solid #e6e6e6;
  position: absolute;
  right: -10px;
  bottom: -10px;
}
.message-summary .profile .profile-image-network-contain .network-circle.facebook {
  background-color: #3b5998;
}
.message-summary .profile .profile-image-network-contain .network-circle.facebook_page {
  background-color: #3b5998;
}
.message-summary .profile .profile-image-network-contain .network-circle.facebook_group {
  background-color: #3b5998;
}
.message-summary .profile .profile-image-network-contain .network-circle.twitter {
  background-color: #2ca9e1;
}
.message-summary .profile .profile-image-network-contain .network-circle.linkedin {
  background-color: #0073a5;
}
.message-summary .profile .profile-image-network-contain .network-circle.linkedin_company {
  background-color: #0073a5;
}
.message-summary .profile .profile-image-network-contain .network-circle.instagram {
  background-color: #e34061;
}
.message-summary .profile .profile-image-network-contain .network-circle.pinterest {
  background-color: #bd081c;
}
.message-summary .profile .profile-image-network-contain .network-circle.tumblr {
  background-color: #2c4862;
}
.message-summary .profile .profile-image-network-contain .network-circle.tiktok {
  background-color: #000000;
}
.message-summary .profile .profile-image-network-contain .network-circle.youtube_social {
  background-color: #ffffff;
}
.message-summary .profile .profile-image-network-contain .network-circle.mastodon {
  background-color: #6364ff;
}
.message-summary .profile .profile-image-network-contain .network-circle.google_my_business {
  background-color: #4989f5;
}
.message-summary .profile .profile-image-network-contain .network-circle.bluesky {
  background-color: #1185fe;
}
.message-summary .profile .profile-image-network-contain .network-circle.threads {
  background-color: #000000;
}
.message-summary .profile .profile-image-network-contain .network-circle .network-icon.icon-tiktok {
  color: #ffffff;
  background-color: #000000;
}
.message-summary .profile .profile-image-network-contain .network-circle .network-icon.icon-youtube, .message-summary .profile .profile-image-network-contain .network-circle .network-icon.icon-youtube_social {
  font-size: 20px;
}
.message-summary .profile h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.message-summary .message-text {
  margin-bottom: 15px;
  word-break: break-word;
}
.message-summary .preview-conversation-text .tag {
  color: #62acc4;
}
.message-summary .message-media .image-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 5px;
  margin-bottom: 5px;
}
.message-summary .message-media .image-container .image {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.message-summary .message-media .image-container .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.message-summary .message-media .image-container input.swipe-radio {
  display: none;
}
.message-summary .media-item {
  border-radius: 4px;
}
.message-summary .media-item.video {
  position: relative;
  max-width: 107px;
  width: auto;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
}
.message-summary .media-item.video.placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 106.6666666667px;
  background-color: #e6e6e6;
  color: #999999;
  font-size: 24px;
}
.message-summary .media-item.video .play-icon {
  font-size: 20px;
  position: absolute;
  color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.message-summary .media-item.link {
  display: flex;
  position: relative;
  padding: 10px;
  max-height: 90px;
  width: 300px;
  background-color: #f7f7f7;
  color: #666666;
  transition: border 0.2s ease;
  border: 2px solid transparent;
}
.message-summary .media-item.link:hover {
  border-color: #cccccc;
  text-decoration: none;
}
.message-summary .media-item.link .link-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
  flex-shrink: 0;
}
.message-summary .media-item.link .link-preview.photo-blank, .message-summary .media-item.link .social-preview .message-media .link-preview.image-container.multi-0, .social-preview .message-media .message-summary .media-item.link .link-preview.image-container.multi-0 {
  border: 1px solid #cccccc;
}
.message-summary .media-item.link .link-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  overflow: hidden;
}
.message-summary .media-item.link .link-details p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.message-summary .media-item.link .link-details p.title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 25px);
  font-weight: bold;
  flex-shrink: 0;
}
.message-summary .media-item.link .link-details p.small {
  font-size: 10px;
}

.saving-shade {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.8);
}

.social-publishing-options {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
}
.social-publishing-options h4 {
  font-size: 16px;
  margin-top: 8px;
  display: flex;
}
.social-publishing-options h4 span {
  margin-right: 8px;
}
.social-publishing-options.approvals {
  grid-template-columns: 1fr 2fr;
}
.social-publishing-options .url-input {
  position: relative;
  display: flex;
}
.social-publishing-options .url-input .icon-spinner2 {
  position: absolute;
  font-size: 17px;
  right: 110px;
  top: 10px;
  animation: spinner 2s infinite;
}
.social-publishing-options .link-in-bio {
  text-transform: none;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 5px;
  display: inline-block;
}
.social-publishing-options .invalid-url {
  color: #d15451;
  text-transform: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.social-publishing-options .info-link {
  color: #b3b3b3;
  font-size: 12px;
  margin-left: 5px;
  align-self: flex-start;
}
.social-publishing-options .info-link:hover, .social-publishing-options .info-link:active {
  color: #999999;
  text-decoration: none;
}
.social-publishing-options .simple-checkbox span {
  margin-right: 25px;
}
.social-publishing-options.facebook-options .social-option, .social-publishing-options.instagram-options .social-option, .social-publishing-options.linkedin-options .social-option, .social-publishing-options.twitter-options .social-option {
  margin-bottom: 20px;
}
.social-publishing-options.facebook-options .social-option .toggle-container, .social-publishing-options.instagram-options .social-option .toggle-container, .social-publishing-options.linkedin-options .social-option .toggle-container, .social-publishing-options.twitter-options .social-option .toggle-container {
  margin-left: 15px;
}
.social-publishing-options.facebook-options .social-option label textarea,
.social-publishing-options.facebook-options .social-option label input, .social-publishing-options.instagram-options .social-option label textarea,
.social-publishing-options.instagram-options .social-option label input, .social-publishing-options.linkedin-options .social-option label textarea,
.social-publishing-options.linkedin-options .social-option label input, .social-publishing-options.twitter-options .social-option label textarea,
.social-publishing-options.twitter-options .social-option label input {
  resize: none;
  box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
  padding: 7px;
}
.social-publishing-options.facebook-options .social-option .display-grid, .social-publishing-options.instagram-options .social-option .display-grid, .social-publishing-options.linkedin-options .social-option .display-grid, .social-publishing-options.twitter-options .social-option .display-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.social-publishing-options.youtube-options .icon-youtube_social {
  font-size: 20px;
}
.social-publishing-options.youtube-options .social-option label input {
  box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
  padding: 7px;
}
.social-publishing-options.youtube-options .social-option .display-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.social-publishing-options.youtube-options hr {
  margin-top: 10px;
}
.social-publishing-options.google-my-business-options input {
  width: 100%;
  box-sizing: border-box;
}
.social-publishing-options.google-my-business-options .social-option .display-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.social-publishing-options.google-my-business-options .social-option label .small {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
}
.social-publishing-options.tiktok-options .social-option {
  margin-bottom: 20px;
}
.social-publishing-options.tiktok-options .social-option input {
  width: 100%;
  box-sizing: border-box;
}
.social-publishing-options.tiktok-options .social-option .toggle-container {
  margin-left: 15px;
}
.social-publishing-options.linkedin-options .social-option input.title-input {
  width: 100%;
  box-sizing: border-box;
}
.social-publishing-options.linkedin-options .social-option .document-url {
  background-color: #f7f7f7;
  padding: 7px 12px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.social-publishing-options.linkedin-options .social-option .document-url p {
  margin: 0;
}
.social-publishing-options.linkedin-options .social-option .document-url p span {
  margin-right: 5px;
}
.social-publishing-options.linkedin-options .social-option .document-url button {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #d17760;
  font-size: 13px;
}
.social-publishing-options.linkedin-options .social-option .linkedin-document-uploader input {
  display: none;
}
.social-publishing-options.linkedin-options .social-option .linkedin-document-uploader label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
  padding: 15px;
  margin: 0;
  background-color: #f7f7f7;
  border: 2px dashed #e6e6e6;
  border-radius: 4px;
  width: 100%;
  color: #666666;
  box-sizing: border-box;
}
.social-publishing-options.linkedin-options .social-option .linkedin-document-uploader label i {
  margin-right: 15px;
}
.social-publishing-options.linkedin-options .social-option .linkedin-document-uploader label:hover, .social-publishing-options.linkedin-options .social-option .linkedin-document-uploader label:focus {
  border-color: #cccccc;
  color: #4d4d4d;
}
.social-publishing-options.pinterest-options .title-input {
  width: 100%;
  box-sizing: border-box;
}

.social-composer-wrapper.sent .social-publishing-options,
.social-message-ro .social-publishing-options,
.mobile.message-sent .social-publishing-options {
  grid-template-columns: 1fr;
}
.social-composer-wrapper.sent .social-publishing-options .social-option,
.social-message-ro .social-publishing-options .social-option,
.mobile.message-sent .social-publishing-options .social-option {
  justify-content: flex-start;
}
.social-composer-wrapper.sent .social-publishing-options.facebook-options,
.social-message-ro .social-publishing-options.facebook-options,
.mobile.message-sent .social-publishing-options.facebook-options {
  grid-template-columns: 1fr 1fr;
}

.modal.thumbnail-modal {
  position: absolute;
  width: auto;
  height: initial;
  padding: 15px 30px;
}
.modal.thumbnail-modal iframe {
  border: none;
}
.modal.thumbnail-modal .button.close-modal-button {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px;
}
.modal.thumbnail-modal .button.close-modal-button span {
  font-size: 16px;
  margin: 0;
}

@keyframes spinner {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
.social-approvals .social-approval-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
}
.social-approvals .approval-toggle {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.social-approvals .approval-toggle h5 {
  font-size: 13px;
  margin-right: 8px;
}
.social-approvals .approval-toggle .icon-info2 {
  color: #b3b3b3;
}
.social-approvals .reset-approvals:hover .reset-dropdown {
  display: block;
}
.social-approvals .reset-approvals .reset-dropdown {
  position: absolute;
  width: 140px;
  background-color: #ffffff;
  right: 14px;
  z-index: 2;
  padding: 5px 15px;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  display: none;
}
.social-approvals .reset-approvals .reset-dropdown .btn.btn-text {
  padding: 0;
}
.social-approvals .reset-approvals .reset-dropdown .btn.btn-text span {
  font-size: 10px;
  margin-right: 3px;
  padding: 0;
}
.social-approvals .reset-approvals .icon-dots-three-vertical {
  font-size: 12px;
  padding: 0 6px 0 12px;
  color: #999999;
  cursor: pointer;
}
.social-approvals .reset-approvals .icon-dots-three-vertical:hover {
  color: #666666;
}
.social-approvals .approval-status span {
  font-size: 13px;
  padding: 5px 8px;
  border-radius: 4px;
}
.social-approvals .approval-status span.approved {
  color: #6ba066;
  background-color: #e0f7cf;
}
.social-approvals .approval-status span.awaiting-approval {
  color: #ad894b;
  background-color: #fdecac;
}
.social-approvals .approved-details {
  display: flex;
  align-items: center;
  background-color: #e0f7cf;
  border: 1px solid #8ac884;
  padding: 5px 8px;
  border-radius: 4px;
  margin-bottom: 5px;
  justify-content: space-between;
}
.social-approvals .approved-details span {
  color: #6ba066;
  margin-right: 3px;
}
.social-approvals .approved-details img {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  border-radius: 18px;
}
.social-approvals .message-approval {
  border: 1px solid #e6e6e6;
  padding: 10px 10px 10px 15px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.social-approvals .message-approval p {
  margin: 0;
}
.social-approvals .message-approval p .icon-checkmark {
  color: #6ba066;
  margin-right: 5px;
}
.social-approvals .message-approval .button.outline span {
  color: #6ba066;
}
.social-approvals .tag-selector {
  cursor: pointer;
}
.social-approvals .tagify__input::before {
  opacity: 1;
}
.social-approvals .tagify {
  --tag-bg: #e6e6e6;
  --tag-hover: #e6e6e6;
  --tag-inset-shadow-size: 2em;
  --placeholder-color: #666666;
  --placeholder-color-focus: #4d4d4d;
  --tags-border-color: #e6e6e6;
  --tags-hover-border-color: #cccccc;
  --tags-focus-border-color: #cccccc;
}
.social-approvals .tagify__dropdown__item {
  width: 100%;
}
.social-approvals .tagify__input {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  display: block;
  line-height: 14px;
  min-height: 22px;
}
.social-approvals .tagify__tag > div {
  border-radius: 4px;
}
.social-approvals .tagify__tag__removeBtn {
  margin-top: -3px;
  font-size: 17px;
  color: #4d4d4d;
}
.social-approvals .tagify__tag {
  width: 100%;
  margin: 10px 10px 0;
  font-size: 13px;
}
.social-approvals .tagify__tag-text {
  margin: 2px 0 0 6px;
}
.social-approvals .resend-icon {
  position: absolute;
  right: 25px;
  top: 8px;
  color: #808080;
  cursor: pointer;
}
.social-approvals .profile-image {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}

.tagify__dropdown__item.social-approval-option .profile-image {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.thumbnail-upload {
  display: flex;
}
.thumbnail-upload .thumbnail-button {
  color: #666666;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border: 1px solid #b3b3b3;
  padding: 3px 8px;
  background-color: #ffffff;
  margin: 5px 10px 0 0;
  border-radius: 3px;
  cursor: pointer;
}
.thumbnail-upload .thumbnail-button:hover {
  background-color: #f7f7f7;
}
.thumbnail-upload .thumbnail-button label {
  text-transform: none;
  font-weight: initial;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #666666;
  margin: 0;
}
.thumbnail-upload .thumbnail-button input {
  display: none;
}

.buffer-header {
  display: flex;
  align-items: center;
  padding: 10px 0 5px 8px;
}
.buffer-header .buffer--icon {
  height: 24px;
  width: 24px;
  background-size: 24px 24px;
}
.buffer-header h4 {
  margin: 0 0 0 8px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
}

.queue-message-type.cos-basic-dropdown-content {
  transform: translate(calc(-50% + 15px), 30px);
  overflow: visible;
}
.queue-message-type.cos-basic-dropdown-content:before {
  content: "";
  position: absolute;
  top: 0;
  margin-top: -20px;
  left: calc(50% - 15px);
  border: solid 10px transparent;
  border-bottom-color: #ffffff;
}
.queue-message-type.cos-basic-dropdown-content .cos-basic-dropdown-content-option span {
  display: flex;
  align-items: center;
}
.queue-message-type.cos-basic-dropdown-content .type-icon {
  margin-right: 7px;
  font-size: 16px;
}
.queue-message-type.cos-basic-dropdown-content .buffer--icon {
  height: 16px;
  width: 16px;
  background-size: 16px 16px;
}

.card-status .buffer--icon {
  height: 11px;
  width: 11px;
  background-size: 11px 11px;
  top: -1px;
}

.navbar-ro {
  height: 60px;
  width: 100vw;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .navbar-ro {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  }
}
.navbar-ro.shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
}
.navbar-ro .nav-wrapper {
  display: flex;
  align-items: center;
}
.navbar-ro .nav-wrapper.left {
  justify-content: flex-start;
  margin: 0 20px;
}
.navbar-ro .nav-wrapper.right {
  justify-content: flex-end;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .navbar-ro .nav-wrapper.right {
    visibility: hidden;
    width: 0;
    margin-right: 0;
  }
}
.navbar-ro .nav-wrapper .nav-logo {
  padding-right: 10px;
  flex: 0 0 auto;
}
.navbar-ro .nav-wrapper .nav-logo.stroke {
  border-right: 1px solid #e0e0e0;
}
.navbar-ro .nav-wrapper .nav-logo img {
  height: 28px;
}
.navbar-ro .nav-wrapper .nav-logo img.custom-logo {
  height: 35px;
}
.navbar-ro .nav-wrapper .icon-folder-open {
  color: #b3b3b3;
  margin: 0 -4px 0 11px;
  font-size: 16px;
}
.navbar-ro .nav-wrapper .cal-name-ro {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-left: 10px;
  color: #4d4d4d;
  padding: 5px 0 2px;
}
.navbar-ro .nav-wrapper .nav-btn {
  margin-left: 5px;
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.navbar-ro .nav-wrapper .nav-btn .icon {
  margin-right: 8px;
  font-size: 15px;
  color: #b3b3b3;
}
.navbar-ro .nav-wrapper .nav-btn .icon.icon-arrow-right {
  font-size: 17px;
}
.navbar-ro .nav-wrapper .nav-btn.back {
  width: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
  transition: all 0.3s ease-in 1.5s;
}
.navbar-ro .nav-wrapper .nav-btn.back .icon {
  font-size: 16px;
  margin: 0;
  color: #999999;
}
.navbar-ro .nav-wrapper .nav-btn.back.show {
  opacity: 1;
  width: 34px;
  margin: 0 10px 0 0;
  padding: 8px;
  transition: all 0.2s ease, width 0.2s ease-in;
}
@media screen and (max-width: 500px) {
  .navbar-ro .nav-wrapper .nav-btn.back.show {
    display: none;
  }
}
.navbar-ro .nav-wrapper .nav-btn.back.show:hover, .navbar-ro .nav-wrapper .nav-btn.back.show:focus {
  transition: background-color 0.2s ease;
}
.navbar-ro .nav-wrapper .nav-btn.back.show:hover .icon, .navbar-ro .nav-wrapper .nav-btn.back.show:focus .icon {
  color: #666666;
}

.wrapper-ro {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: auto;
}
.wrapper-ro.margin {
  padding: 120px 0;
}
@media screen and (max-width: 950px) {
  .wrapper-ro.margin {
    padding: 100px 0;
  }
}
@media screen and (orientation: landscape) and (max-width: 768px) {
  .wrapper-ro.margin {
    padding: 50px 0;
  }
}
.wrapper-ro.top-small {
  padding: 40px 0 120px;
}
.wrapper-ro.bottom-small {
  padding: 120px 0 40px;
}
.wrapper-ro.empty {
  height: 100vh;
  width: 100vw;
  align-items: center;
}
.wrapper-ro .editor-ro,
.wrapper-ro .campaign {
  height: auto;
  width: 750px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  padding: 75px;
  border-radius: 2px;
}
@media screen and (max-width: 950px) {
  .wrapper-ro .editor-ro,
.wrapper-ro .campaign {
    box-shadow: none;
    width: 88vw;
    padding: 0;
  }
}
.wrapper-ro .editor-ro.campaign,
.wrapper-ro .campaign.campaign {
  box-shadow: none;
  text-align: center;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .wrapper-ro .editor-ro.campaign,
.wrapper-ro .campaign.campaign {
    text-align: left;
    width: 88vw;
    padding-bottom: 30px;
  }
}
.wrapper-ro .editor-ro .title,
.wrapper-ro .campaign .title {
  font-size: 28px;
  font-weight: bold;
  color: #444444;
  margin: 25px 0 0;
  line-height: 35px;
}
.wrapper-ro .editor-ro .subtitle,
.wrapper-ro .campaign .subtitle {
  font-size: 14px;
  color: #999999;
  margin: 15px 0;
}
.wrapper-ro .editor-ro .subtitle .icon,
.wrapper-ro .campaign .subtitle .icon {
  color: #b3b3b3;
}
.wrapper-ro .editor-ro .content,
.wrapper-ro .campaign .content {
  color: #444444;
  font-size: 14px;
  margin: 75px 0 25px;
  line-height: 24px;
}
.wrapper-ro .editor-ro .content h1,
.wrapper-ro .campaign .content h1 {
  margin: 20px 0;
}
.wrapper-ro .editor-ro .content h2,
.wrapper-ro .editor-ro .content h3,
.wrapper-ro .editor-ro .content h4,
.wrapper-ro .editor-ro .content h5,
.wrapper-ro .campaign .content h2,
.wrapper-ro .campaign .content h3,
.wrapper-ro .campaign .content h4,
.wrapper-ro .campaign .content h5 {
  margin: 10px 0;
}
.wrapper-ro .editor-ro .content p,
.wrapper-ro .campaign .content p {
  margin: 10px 0;
}
.wrapper-ro .editor-ro .content img,
.wrapper-ro .campaign .content img {
  border-radius: 8px;
}
.wrapper-ro .editor-ro .content ul,
.wrapper-ro .campaign .content ul {
  margin: 10px 0 10px 20px;
}
.wrapper-ro .editor-ro .content table,
.wrapper-ro .campaign .content table {
  margin: 10px 0;
}
.wrapper-ro .editor-ro .content table td,
.wrapper-ro .campaign .content table td {
  border: 1px solid #e0e0e0;
}
.wrapper-ro .editor-ro .content hr,
.wrapper-ro .campaign .content hr {
  margin: 20px 0;
  border-top: 1px solid #e0e0e0;
}
.wrapper-ro .editor-ro .content iframe,
.wrapper-ro .campaign .content iframe {
  border: none;
  border-radius: 8px;
  width: 750px;
  height: 421px;
}
@media screen and (max-width: 950px) {
  .wrapper-ro .editor-ro .content iframe,
.wrapper-ro .campaign .content iframe {
    width: 88vw;
    height: 49vw;
  }
}
.wrapper-ro .editor-ro .content .loading-icon-wrapper,
.wrapper-ro .campaign .content .loading-icon-wrapper {
  display: flex;
  justify-content: center;
}
.wrapper-ro .editor-ro .section-header,
.wrapper-ro .campaign .section-header {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #b3b3b3;
  margin-bottom: 5px;
}
.wrapper-ro .editor-ro .attached-content,
.wrapper-ro .campaign .attached-content {
  margin: 50px 0;
}
.wrapper-ro .editor-ro .attached-content .subtitle,
.wrapper-ro .campaign .attached-content .subtitle {
  margin: 5px;
  color: #b3b3b3;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
.wrapper-ro .editor-ro .attached-content .subtitle .icon,
.wrapper-ro .campaign .attached-content .subtitle .icon {
  margin-left: 7px;
}
.wrapper-ro .editor-ro .attached-content .attachment,
.wrapper-ro .campaign .attached-content .attachment {
  width: auto;
  padding: 0 13px 0 20px;
  min-height: 60px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
}
.wrapper-ro .editor-ro .attached-content .attachment .file,
.wrapper-ro .campaign .attached-content .attachment .file {
  color: #999999;
  display: flex;
  align-items: center;
  height: auto;
  width: 90%;
}
.wrapper-ro .editor-ro .attached-content .attachment .file .file-type-icon,
.wrapper-ro .campaign .attached-content .attachment .file .file-type-icon {
  position: relative;
  top: -17px;
  left: -20px;
  margin-right: 5px;
  transform: scale(0.065);
}
.wrapper-ro .editor-ro .attached-content .attachment .file .file-name,
.wrapper-ro .campaign .attached-content .attachment .file .file-name {
  font-weight: bold;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-left: 15px;
  flex-grow: 2;
}
.wrapper-ro .editor-ro .attached-content .attachment .file img,
.wrapper-ro .campaign .attached-content .attachment .file img {
  width: auto;
  max-height: 125px;
  margin: 20px 0;
  border-radius: 6px;
}
.wrapper-ro .editor-ro .attached-content .attachment a,
.wrapper-ro .campaign .attached-content .attachment a {
  text-decoration: none;
}
.wrapper-ro .editor-ro .attached-content .attachment .icon,
.wrapper-ro .campaign .attached-content .attachment .icon {
  color: #b3b3b3;
  font-size: 17px;
  padding: 7px;
}
.wrapper-ro .editor-ro .attached-content .attachment:hover,
.wrapper-ro .campaign .attached-content .attachment:hover {
  background-color: #f7f7f7;
  transition: background-color 0.2s ease;
}
.wrapper-ro .editor-ro .attached-content .attachment:hover .icon,
.wrapper-ro .campaign .attached-content .attachment:hover .icon {
  color: #999999;
  transition: background-color 0.2s ease;
}
.wrapper-ro .social-message-ro {
  min-width: 400px;
  border: 2px solid #e6e6e6;
  border-radius: 6px;
  margin: 0 10px;
}
.wrapper-ro .campaign-subtitle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  font-style: normal;
  color: #b3b3b3;
  text-transform: uppercase;
}
.wrapper-ro .campaign-subtitle .icon {
  margin-right: 7px;
}
@media screen and (max-width: 600px) {
  .wrapper-ro .campaign-subtitle {
    width: 88vw;
    text-align: left;
  }
}
.wrapper-ro hr {
  width: 33%;
  margin: -155px 0 25px;
}
@media screen and (max-width: 950px) {
  .wrapper-ro hr {
    margin: -25px 0 55px;
  }
}
@media screen and (max-width: 600px) {
  .wrapper-ro hr {
    width: 88vw;
    margin: -55px 0 70px;
  }
}
.wrapper-ro .custom-field {
  margin: 10px 0 30px;
}
.wrapper-ro .custom-field .custom-field-title {
  font-size: 15px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper-ro .custom-field .custom-field-title i {
  font-size: 12px;
  color: #999999;
  margin-right: 5px;
}
.wrapper-ro .custom-field p.custom-field-description {
  margin: 5px 0 10px 0;
}
.wrapper-ro .custom-field .custom-field-value {
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 5px 10px;
  line-height: 18px;
}
.wrapper-ro .broken-link {
  text-align: center;
  width: 260px;
  margin: 0 0 50px;
}
.wrapper-ro .broken-link .icon-unlink4 {
  color: #d17760;
  font-size: 40px;
}
.wrapper-ro .broken-link .title {
  font-size: 28px;
  font-weight: bold;
  color: #444444;
  margin: 20px 0;
}
.wrapper-ro .broken-link p {
  text-align: center;
  margin-top: 35px;
  color: #999999;
}
.wrapper-ro .empty {
  font-size: 14px;
  color: #999999;
  text-align: center;
  width: 75%;
}
@media screen and (max-width: 600px) {
  .wrapper-ro .empty {
    width: 88vw;
    text-align: left;
  }
}
.wrapper-ro .content-error-ro {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  color: #999999;
}
@media screen and (max-width: 950px) {
  .wrapper-ro .content-error-ro {
    margin: 30px 0 10px;
    width: 88vw;
    justify-content: flex-start;
  }
}
.wrapper-ro .content-error-ro .icon {
  margin-right: 4px;
  color: #b3b3b3;
  font-size: 16px;
}

.navbar-ro {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.sub-navbar-ro {
  position: sticky;
  top: 60px;
  z-index: 1000;
  border-top: 1px solid #e6e6e6;
}
@media (max-width: 768px) {
  .sub-navbar-ro .sub-navbar {
    justify-content: center;
  }
  .sub-navbar-ro .sub-navbar .btn-today,
.sub-navbar-ro .sub-navbar .left-col,
.sub-navbar-ro .sub-navbar .right-col {
    display: none;
  }
}

.cal-wrapper-ro {
  height: calc(100vh - 105px);
  overflow: auto;
  border-top: 1px solid #e6e6e6;
}
.cal-wrapper-ro .calendar-header label:hover {
  cursor: initial;
}
.cal-wrapper-ro .message-card .card-status.failed,
.cal-wrapper-ro .message-card.past .card-status.failed {
  background-color: transparent !important;
}
.cal-wrapper-ro .message-card.requeue-card,
.cal-wrapper-ro .message-card.past.requeue-card {
  --primary-color: hsl(114, 33%, 65%) !important;
  --light-color: hsl(115, 38%, 95%) !important;
  --dark-color: hsl(115, 27%, 85%) !important;
  --extra-dark-color: hsl(115, 15%, 55%) !important;
}
.cal-wrapper-ro .message-card.requeue-card .card-social-pill,
.cal-wrapper-ro .message-card.past.requeue-card .card-social-pill {
  opacity: 0.5;
}
.cal-wrapper-ro .message-card.requeue-card .card-status,
.cal-wrapper-ro .message-card.past.requeue-card .card-status {
  color: #999999;
}
.cal-wrapper-ro .message-card.requeue-card .card-inner,
.cal-wrapper-ro .message-card.past.requeue-card .card-inner {
  position: relative;
}
.cal-wrapper-ro .message-card.requeue-card .card-inner:before,
.cal-wrapper-ro .message-card.past.requeue-card .card-inner:before {
  content: "EMPTY SOCIAL MESSAGE";
  position: absolute;
  top: 5px;
  left: calc(50% - 55px);
  font-size: 9px;
  color: #b3b3b3;
  font-style: italic;
}
.cal-wrapper-ro .message-card.requeue-card .card-inner .icon-circle-with-plus,
.cal-wrapper-ro .message-card.past.requeue-card .card-inner .icon-circle-with-plus {
  display: none;
}
@media screen and (orientation: portrait) and (max-width: 768px) {
  .cal-wrapper-ro .calendar-header {
    display: none;
  }
  .cal-wrapper-ro .calendar-grid {
    display: flex;
    min-height: calc(100vh - 105px);
  }
  .cal-wrapper-ro .calendar-grid-row {
    grid-template-columns: repeat(7, 28.5714285714vw);
  }
  .cal-wrapper-ro .day-cell {
    grid-template-rows: 28px 28px auto 1fr auto;
  }
  .cal-wrapper-ro .day-cell .day-grid-1 {
    height: 28px;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .cal-wrapper-ro .day-cell .day-grid-1 label {
    display: block;
    margin: 0;
  }
  .cal-wrapper-ro .day-cell .day-grid-2 {
    font-size: 18px;
    font-weight: 700;
    align-items: flex-start;
  }
}
@media screen and (max-width: 500px) {
  .cal-wrapper-ro .calendar-header {
    display: none;
  }
  .cal-wrapper-ro .calendar-grid {
    display: grid;
    grid-template-rows: initial;
    grid-template-columns: 100vw;
  }
  .cal-wrapper-ro .calendar-grid-row {
    grid-template-columns: 1fr;
    border-bottom: none;
  }
  .cal-wrapper-ro .day-cell {
    border-right: none;
    border-bottom: 1px solid #cccccc;
  }
  .cal-wrapper-ro .day-cell .day-grid-1 {
    height: 28px;
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .cal-wrapper-ro .day-cell .day-grid-1 label {
    display: block;
    margin: 0;
  }
  .cal-wrapper-ro .day-cell .day-grid-2 {
    font-size: 18px;
    font-weight: 700;
    align-items: flex-start;
    top: 28px;
  }
  .cal-wrapper-ro .day-cell .timeline-bar i,
.cal-wrapper-ro .day-cell .timeline-bar .event-name {
    display: inline-block !important;
  }
}

@page {
  size: auto;
  margin: 0 5mm;
}
@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .navbar-ro {
    margin-top: 5mm;
    position: inherit;
  }
  .navbar-ro .nav-wrapper.right {
    visibility: hidden;
  }
  .sub-navbar-ro {
    border-top: initial;
  }
  .sub-navbar {
    position: inherit;
    height: 43px;
    margin-top: 0;
    background-color: #f7f7f7 !important;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
  }
  .sub-navbar .left-col .titled-dropdown,
.sub-navbar .sub-navbar-date .caret,
.sub-navbar .icon,
.sub-navbar .btn-today {
    display: none;
  }
  .sub-navbar .right-col {
    flex: 0 0 33%;
  }
  .cal-wrapper-ro {
    height: initial;
    padding-top: 0;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
  }
  .cal-wrapper-ro .calendar-header label {
    padding: 10px 6px 0;
    margin: 0 0 0 2px;
  }
  .cal-wrapper-ro .day-cell.today {
    color: #666666;
    font-weight: normal;
  }
  .cal-wrapper-ro .day-cell .day-grid-1 .title {
    color: #b3b3b3 !important;
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
  }
  .cal-wrapper-ro .day-cell .day-grid-2 {
    margin: 0 2px;
  }
  .cal-wrapper-ro .day-cell .card,
.cal-wrapper-ro .day-cell .card-expand-wrapper,
.cal-wrapper-ro .day-cell .task-card {
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
    page-break-inside: avoid;
  }
  .cal-wrapper-ro .day-cell .card .card-layer .item-pill.facebook,
.cal-wrapper-ro .day-cell .card-expand-wrapper .card-layer .item-pill.facebook,
.cal-wrapper-ro .day-cell .task-card .card-layer .item-pill.facebook {
    background-color: #3b5998 !important;
  }
  .cal-wrapper-ro .day-cell .card .card-layer .item-pill.twitter,
.cal-wrapper-ro .day-cell .card-expand-wrapper .card-layer .item-pill.twitter,
.cal-wrapper-ro .day-cell .task-card .card-layer .item-pill.twitter {
    background-color: #2ca9e1 !important;
  }
  .cal-wrapper-ro .day-cell .card .card-layer .item-pill.linkedin,
.cal-wrapper-ro .day-cell .card-expand-wrapper .card-layer .item-pill.linkedin,
.cal-wrapper-ro .day-cell .task-card .card-layer .item-pill.linkedin {
    background-color: #0073a5 !important;
  }
  .cal-wrapper-ro .day-cell .card .card-layer .item-pill.tumblr,
.cal-wrapper-ro .day-cell .card-expand-wrapper .card-layer .item-pill.tumblr,
.cal-wrapper-ro .day-cell .task-card .card-layer .item-pill.tumblr {
    background-color: #2c4862 !important;
  }
  .cal-wrapper-ro .day-cell .card .card-layer .item-pill.pinterest,
.cal-wrapper-ro .day-cell .card-expand-wrapper .card-layer .item-pill.pinterest,
.cal-wrapper-ro .day-cell .task-card .card-layer .item-pill.pinterest {
    background-color: #bd081c !important;
  }
  .cal-wrapper-ro .day-cell .card .card-layer .item-pill.instagram,
.cal-wrapper-ro .day-cell .card-expand-wrapper .card-layer .item-pill.instagram,
.cal-wrapper-ro .day-cell .task-card .card-layer .item-pill.instagram {
    background-color: #e34061 !important;
  }
  .cal-wrapper-ro .day-cell .card .card-layer .item-pill .service-image,
.cal-wrapper-ro .day-cell .card-expand-wrapper .card-layer .item-pill .service-image,
.cal-wrapper-ro .day-cell .task-card .card-layer .item-pill .service-image {
    background-color: #ffffff !important;
  }
  .wrapper-ro {
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
  }
  .wrapper-ro.margin {
    padding: 50px 0 120px;
  }
  .wrapper-ro.page-break {
    page-break-before: always;
  }
  .wrapper-ro .campaign {
    padding: 0 75px;
  }
  .wrapper-ro .editor-ro {
    width: 88vw;
    box-shadow: initial;
  }
  .wrapper-ro .editor-ro .attached-content .attachment {
    background-color: #f7f7f7 !important;
    page-break-inside: avoid;
  }
  .wrapper-ro .social-message-ro {
    background-color: #f7f7f7 !important;
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
    min-width: 40%;
  }
  .wrapper-ro .social-message-ro .header .network-badge {
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
  }
  .wrapper-ro .social-message-ro .header .network-badge.facebook, .wrapper-ro .social-message-ro .header .network-badge.facebook_page {
    background-color: #3b5998 !important;
  }
  .wrapper-ro .social-message-ro .header .network-badge.twitter {
    background-color: #2ca9e1 !important;
  }
  .wrapper-ro .social-message-ro .header .network-badge.linkedin, .wrapper-ro .social-message-ro .header .network-badge.linkedin_company {
    background-color: #0073a5 !important;
  }
  .wrapper-ro .social-message-ro .header .network-badge.tumblr {
    background-color: #2c4862 !important;
  }
  .wrapper-ro .social-message-ro .header .network-badge.pinterest {
    background-color: #bd081c !important;
  }
  .wrapper-ro .social-message-ro .header .network-badge.instagram {
    background-color: #e34061 !important;
  }
  .wrapper-ro .social-message-ro .preview-wrapper .social-preview {
    border-radius: 2px;
  }
  .wrapper-ro .social-message-ro .preview-wrapper .social-preview.tumblr {
    background-color: #2c4862 !important;
  }
  .wrapper-ro .social-message-ro .preview-wrapper .social-preview .message {
    background-color: #ffffff !important;
  }
  a:after {
    content: none !important;
  }
}
.project-tab-wrapper.project-wrapper-ro {
  padding: 5px 0 0 5px;
  height: calc(100vh - 110px);
}
.project-tab-wrapper.project-wrapper-ro .project-tab-column .column-header {
  justify-content: flex-start;
}
.project-tab-wrapper.project-wrapper-ro .project-tab-column .column-header:hover {
  cursor: default;
}

.team-wrapper-ro {
  height: 100%;
  min-height: calc(100vh - 105px);
  position: relative;
  z-index: 9;
  border-top: 1px solid #e6e6e6;
}
.team-wrapper-ro .team-horizontal-wrapper,
.team-wrapper-ro .team-vertical-wrapper {
  max-height: calc(100vh - 105px);
  border-top: none;
}
.team-wrapper-ro .team-horizontal-wrapper .grid-row .toggle .btn-icon,
.team-wrapper-ro .team-vertical-wrapper .grid-row .toggle .btn-icon {
  display: none;
}
.team-wrapper-ro .team-horizontal-wrapper .team-member:hover,
.team-wrapper-ro .team-vertical-wrapper .team-member:hover {
  cursor: default !important;
}
.team-wrapper-ro .team-horizontal-wrapper .day-cell,
.team-wrapper-ro .team-vertical-wrapper .day-cell {
  grid-template-rows: 7px auto !important;
}
.team-wrapper-ro .team-horizontal-wrapper .grid-row .date {
  min-height: 60px;
}
.team-wrapper-ro .team-horizontal-wrapper .grid-row .team-member .tm-image {
  height: 37px;
  width: 37px;
}
.team-wrapper-ro .team-horizontal-wrapper .grid-row .team-member .tm-image img {
  height: 37px;
}
.team-wrapper-ro .team-vertical-wrapper .grid-row .day-cell,
.team-wrapper-ro .team-vertical-wrapper .grid-row .date {
  width: 14.2857142857vw;
}
.team-wrapper-ro .team-vertical-wrapper .grid-row .day-cell .day-grid-2,
.team-wrapper-ro .team-vertical-wrapper .grid-row .date .day-grid-2 {
  min-width: 150px;
}
.team-wrapper-ro .team-vertical-wrapper .grid-row .team-member .tm-wrapper {
  min-height: 80px;
}
.team-wrapper-ro .team-vertical-wrapper .grid-row .team-member .tm-wrapper .tooltip:after {
  top: -13px;
  left: 100px;
}

.idea-tab-wrapper.idea-wrapper-ro {
  height: calc(100vh - 61px);
  max-width: initial;
  border-top: 1px solid #e6e6e6;
  background-color: #f7f7f7;
}
.idea-tab-wrapper.idea-wrapper-ro .idea-tab-column {
  background-color: #f7f7f7;
}
.idea-tab-wrapper.idea-wrapper-ro .idea-tab-column .column-header:hover {
  cursor: default;
}

.cal-wrapper-ro .card.disabled, .cal-wrapper-ro .integration-modal .container.enabled .body .header .card.btn, .integration-modal .container.enabled .body .header .cal-wrapper-ro .card.btn,
.project-wrapper-ro .card.disabled,
.project-wrapper-ro .integration-modal .container.enabled .body .header .card.btn,
.integration-modal .container.enabled .body .header .project-wrapper-ro .card.btn,
.team-wrapper-ro .card.disabled,
.team-wrapper-ro .integration-modal .container.enabled .body .header .card.btn,
.integration-modal .container.enabled .body .header .team-wrapper-ro .card.btn,
.idea-wrapper-ro .card.disabled,
.idea-wrapper-ro .integration-modal .container.enabled .body .header .card.btn,
.integration-modal .container.enabled .body .header .idea-wrapper-ro .card.btn {
  pointer-events: none;
  cursor: not-allowed;
}
.cal-wrapper-ro .task-card:hover,
.project-wrapper-ro .task-card:hover,
.team-wrapper-ro .task-card:hover,
.idea-wrapper-ro .task-card:hover {
  cursor: default;
}

.idea-tab-column {
  height: 100%;
  min-width: calc(20vw - 25px);
  max-width: 25vw;
  flex: 1 0 225px;
  background-color: #ffffff;
  padding: 0 0 10px;
  margin: 0;
  overflow: hidden;
}
.idea-tab-column.is-dragging, .idea-tab-column.is-dropping {
  background-color: #ffffff !important;
  cursor: grabbing;
  box-shadow: 0 12px 25px -4px rgba(0, 0, 0, 0.5);
  z-index: 110;
}
.idea-tab-column.is-dragging .column-content, .idea-tab-column.is-dropping .column-content {
  border-right: transparent;
}
.idea-tab-column.is-dragging .column-header:hover, .idea-tab-column.is-dropping .column-header:hover {
  cursor: grabbing;
}
.idea-tab-column .column-inner {
  height: 100%;
}
.idea-tab-column .column-header {
  height: 53px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 10px 0 16px;
}
.idea-tab-column .column-header:hover {
  cursor: grab;
}
.idea-tab-column .column-header .icon-circle {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  margin-right: 8px;
  flex: 0 0 auto;
}
.idea-tab-column .column-header .icon-circle.unlabeled {
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  display: flex;
}
.idea-tab-column .column-header .icon-circle.unlabeled:before {
  content: "X";
  color: #b3b3b3;
  font-size: 13px;
  padding: 5px;
}
.idea-tab-column .column-header .icon-circle.dark {
  height: 21px;
  width: 21px;
  border: 1px solid #b3b3b3;
}
.idea-tab-column .column-header img {
  height: 30px;
  margin-right: 8px;
}
.idea-tab-column .column-header .column-icon {
  font-size: 17px;
  color: #999999;
  margin-right: 8px;
}
.idea-tab-column .column-header .column-info {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: calc(100% - 45px);
}
.idea-tab-column .column-header .column-info .column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
  margin-right: 7px;
}
.idea-tab-column .column-header .column-info .column-stats {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  color: #999999;
  font-weight: 400;
}
.idea-tab-column .column-header .column-tools {
  display: flex;
  justify-content: flex-end;
  width: auto;
  position: absolute;
  right: 10px;
}
.idea-tab-column .column-header .column-tools .btn-shadow {
  visibility: hidden;
  border: 2px dashed transparent;
  border-radius: 6px;
  animation: top-fade-in 0.2s;
}
.idea-tab-column .column-header .column-tools .btn-shadow .icon {
  width: 16px;
}
@keyframes top-fade-in {
  0% {
    margin-top: -20px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
.idea-tab-column .idea-tab-search {
  height: 30px;
  display: flex;
  margin: 4px 10px 8px;
  animation: top-fade-in 0.1s;
}
.idea-tab-column .idea-tab-search .search-input {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}
.idea-tab-column .idea-tab-search .search-input input {
  top: 0;
  left: 3px;
  width: 100%;
  margin: 0;
}
.idea-tab-column .idea-tab-search .btn-shadow {
  margin: 0 2px 0 4px;
  color: #999999;
}
.idea-tab-column .idea-tab-search .btn-shadow:hover, .idea-tab-column .idea-tab-search .btn-shadow:focus {
  color: #666666;
}
@keyframes top-fade-in {
  0% {
    margin-top: -20px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
.idea-tab-column .column-content {
  height: 100%;
}
.idea-tab-column .column-content.expand .ember-sortable-js {
  height: calc(100% - 104px);
}
.idea-tab-column .column-content .ember-sortable-js {
  padding: 4px 10px 0;
  height: calc(100% - 62px);
  width: auto;
  overflow: auto;
  border-right: 1px dotted #cccccc;
}
.idea-tab-column .column-content .ember-dragula-container {
  height: 100%;
}
.idea-tab-column:hover .column-tools .btn-shadow {
  visibility: visible;
}

.is-dragging ~ .idea-tab-column .column-content {
  border-left: 1px dotted #cccccc;
  margin-right: -1px;
}

.btn-shadow {
  font-size: 16px;
  display: flex;
  padding: 6px 8px;
  height: auto;
  transition: none;
  margin: 0;
  color: #808080;
}
.btn-shadow .icon {
  width: 16px;
}
.btn-shadow:hover, .btn-shadow:focus {
  color: #666666;
  background-color: #e6e6e6;
  transition: all 0.2s ease;
}

.idea-tab-wrapper {
  height: calc(100vh - 93px);
  max-width: calc(100vw - 26px);
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: #ffffff;
  animation-name: fade-in;
  animation-duration: 0.3s;
  border-top: 1px solid #cccccc;
}
.idea-tab-wrapper .it-column-wrapper {
  display: flex;
  width: 100%;
  min-width: 1000px;
}

.support-menu {
  position: fixed;
  z-index: 10000;
  left: 15px;
  bottom: 50px;
  background-color: #ffffff;
  width: 342px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  animation: help-fade 0.4s;
}
.support-menu .support-caret {
  position: absolute;
  bottom: -8px;
  left: 20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
}
.support-menu .support-title {
  color: #ffffff;
  background-color: #cf7058;
  text-align: center;
  font-weight: bold;
  padding: 13px 0;
  font-size: 15px;
  border-radius: 4px 4px 0 0;
  position: relative;
}
.support-menu .support-title span {
  position: absolute;
  right: 7px;
  top: 7px;
  opacity: 0.4;
  transition: opacity 0.2s;
}
.support-menu .support-title span:hover {
  opacity: 0.6;
  transition: opacity 0.2s;
}
.support-menu .btn.support-search {
  margin: 0px auto 20px;
  display: block;
  width: 305px;
  color: #999999;
  font-size: 13px;
  padding: 11px 15px 9px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  text-align: left;
}
.support-menu .btn.support-search span {
  margin-right: 5px;
  color: #b3b3b3;
  font-size: 15px;
}
.support-menu .btn.support-search:hover {
  box-shadow: none;
}
.support-menu .support-buttons {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px;
}
.support-menu .support-buttons .btn.support-button {
  width: 142px;
  text-align: center;
  padding: 20px 0;
  font-size: 13px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #999999;
}
.support-menu .support-buttons .btn.support-button span {
  display: block;
  font-size: 38px;
  color: #c1cfd9;
  padding-bottom: 10px;
}
.support-menu .support-buttons .btn.unavailable {
  cursor: default;
  color: #b3b3b3;
  box-shadow: none;
}
.support-menu .support-buttons .btn.unavailable span {
  opacity: 0.4;
}
.support-menu .support-buttons .btn.unavailable:hover {
  box-shadow: none;
}

.help-toggle {
  color: rgba(255, 255, 255, 0.6);
  background-color: #bc6148;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 0 12px;
}
.help-toggle.selected {
  background-color: #b75c43;
}
.help-toggle .icon-question {
  font-size: 18px;
}
.help-toggle:hover {
  background-color: #b75c43;
  transition: all 0.2s ease;
}
.help-toggle:hover span {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}

@keyframes help-fade {
  0% {
    opacity: 0;
    left: 15px;
    bottom: 0;
  }
  100% {
    opacity: 1;
    left: 15px;
    bottom: 50px;
  }
}
.asset-picker-modal.modal-scroll {
  z-index: 10005;
}
.asset-picker-modal.modal-scroll.emily-onboarding-asset-picker {
  z-index: 999999;
}

.file-library-overlay {
  z-index: 9999998;
  display: flex;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.file-library-overlay.full-screen {
  height: calc(100vh - 48px);
  width: 100%;
}

.file-library {
  display: flex;
  background-color: #ffffff;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  height: 85vh;
  width: 75vw;
  max-width: 1000px;
  max-height: 900px;
  margin: 20px;
}
.file-library.no-source-menu {
  max-width: 800px;
}
.file-library.no-source-menu .file-source-menu {
  display: none;
}
.file-library.no-source-menu .file-view-container {
  width: 100%;
}
.file-library .file-view-container {
  width: calc(100% - 200px);
}
@media only screen and (max-width: 850px) {
  .file-library {
    height: 90vh;
    width: 90vw;
  }
}
@media only screen and (max-width: 575px) {
  .file-library {
    height: 100vh;
    max-height: none;
    width: 100vw;
    margin: 0;
  }
}
.file-library:not(.asset-manager) {
  animation: file-library-pop-in 0.3s ease;
}
@keyframes file-library-pop-in {
  0% {
    transform: scale(0.8, 0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

.canva-loading-state {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 101;
  background-color: rgba(255, 255, 255, 0.9);
}
.canva-loading-state .loading-wrapper p {
  margin-top: 10px;
}

.picker-project-empty,
.empty-state-no-upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  border: 3px dashed #999999;
  border-radius: 10px;
  box-sizing: border-box;
}
.picker-project-empty h2,
.empty-state-no-upload h2 {
  color: #999999;
}
.picker-project-empty p,
.empty-state-no-upload p {
  max-width: 300px;
  color: #999999;
}
.picker-project-empty p.ai-image-empty,
.empty-state-no-upload p.ai-image-empty {
  max-width: 600px;
}
.picker-project-empty img.reauth-graphic,
.empty-state-no-upload img.reauth-graphic {
  height: 135px;
  margin-bottom: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.empty-state-no-upload {
  border: none;
}

.is-metabox .file-library-overlay {
  display: block;
  position: relative;
}
.is-metabox .file-library {
  transform: translate(-50%, -200px);
  margin: 0;
  position: absolute;
  top: 25%;
  height: 650px;
  width: 90%;
  left: 50%;
  animation: file-library-pop-in-metabox 0.3s ease;
}
@keyframes file-library-pop-in-metabox {
  0% {
    transform: translate(-50%, -200px) scale(0.8, 0.8);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -200px) scale(1, 1);
    opacity: 1;
  }
}

.file-source-menu {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 200px;
  background-color: #f7f7f7;
  flex-shrink: 0;
}
.file-source-menu .navigation-tabs a {
  opacity: 0.7;
}
.file-source-menu .navigation-tabs a:hover, .file-source-menu .navigation-tabs a.active, .file-source-menu .navigation-tabs a.active:hover {
  opacity: 1;
}
.file-source-menu .navigation-tabs a:hover li, .file-source-menu .navigation-tabs a.active li, .file-source-menu .navigation-tabs a.active:hover li {
  color: #4d4d4d;
  background-color: rgba(179, 179, 179, 0.4);
}
.file-source-menu .navigation-tabs a:hover li:after, .file-source-menu .navigation-tabs a.active li:after, .file-source-menu .navigation-tabs a.active:hover li:after {
  display: none;
}
.file-source-menu .navigation-tabs .icon-canva {
  color: #8b3dff;
}
.file-source-menu .selected-files {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.file-source-menu .selected-files span.selected-count {
  padding: 0 5px;
  color: #999999;
}
.file-source-menu .selected-files .file-thumb-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  margin: 5px;
  text-decoration: none;
  overflow: hidden;
}
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail:after {
  font-family: "CoS";
  content: "\e968";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.25s ease;
}
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail:hover {
  cursor: pointer;
}
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail:hover:after {
  transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1;
  transition: all 0.25s ease;
}
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail img,
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail video {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 40px;
  min-width: 40px;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail .no-thumbnail {
  display: block;
  height: 100%;
  width: 100%;
}
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail .processing img,
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail .processing video {
  animation: source-menu-selected-processing 1.5s ease 0s infinite alternate;
}
@keyframes source-menu-selected-processing {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.5;
  }
}
.file-source-menu .selected-files .file-thumb-wrapper .file-thumbnail .processing .upload-progress {
  display: none;
}
.file-source-menu .selected-files .file-thumb-wrapper.selected-overflow a.file-thumbnail:nth-child(16) {
  pointer-events: none;
  cursor: default;
}
.file-source-menu .selected-files .file-thumb-wrapper.selected-overflow a.file-thumbnail:nth-child(16):after {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  content: "+" attr(data-selected-count);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transform: none;
}
.file-source-menu .selected-files .file-thumb-wrapper.selected-overflow a.file-thumbnail:nth-child(n+17) {
  display: none;
}
.file-source-menu .upload-status {
  padding: 5px;
  background-color: rgba(179, 179, 179, 0.5);
  animation: upload-error-animate-up 1s ease;
}
@keyframes upload-error-animate-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.file-source-menu .upload-status .upload-progress {
  margin-bottom: 0;
}
.file-source-menu .file-error,
.file-source-menu .file-warning {
  animation: "upload-error-animate-up" 1s ease;
}
.file-source-menu .file-error .title-box,
.file-source-menu .file-warning .title-box {
  display: flex;
  padding: 5px;
  background-color: #fdecac;
  color: #ad894b;
  font-weight: bold;
}
.file-source-menu .file-error .title-box .title,
.file-source-menu .file-warning .title-box .title {
  line-height: 25px;
}
.file-source-menu .file-error .title-box button.btn-text,
.file-source-menu .file-warning .title-box button.btn-text {
  height: 25px;
  margin-left: auto;
  line-height: 25px;
}
.file-source-menu .file-error .message-box,
.file-source-menu .file-warning .message-box {
  padding: 5px;
  background-color: #fbf3db;
  color: #c09853;
}
.file-source-menu .file-warning .title-box {
  background-color: #b94a48;
  color: #ffffff;
}
.file-source-menu .file-warning .title-box button.btn-text {
  color: #daa1a0;
}
.file-source-menu .file-warning .title-box button.btn-text:hover {
  color: #fce9e8;
}
.file-source-menu .file-warning .message-box {
  background-color: #fce9e8;
  color: #b94a48;
}

.file-wrapper .file,
.file.gu-mirror {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 120px 40px;
  grid-row-gap: 5px;
  transition: all 0.25s ease;
  padding: 5px;
  border: 1px solid transparent;
  position: relative;
  animation: animate-file 0.5s ease;
}
@keyframes animate-file {
  0% {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.file-wrapper .file .preview,
.file.gu-mirror .preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.25s ease;
  cursor: pointer;
  overflow: hidden;
}
.file-wrapper .file .preview:after,
.file.gu-mirror .preview:after {
  font-family: "CoS";
  content: "\2713";
  color: #ffffff;
  background-color: #d17760;
  display: block;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  line-height: 30px;
  text-align: center;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.25s ease;
  z-index: 100;
}
.file-wrapper .file .preview .file-options .hover-options,
.file-wrapper .file .preview .file-options .delete-confirm .delete-options,
.file.gu-mirror .preview .file-options .hover-options,
.file.gu-mirror .preview .file-options .delete-confirm .delete-options {
  position: absolute;
  bottom: -30px;
  left: 0;
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.65);
  transition: all 0.25s ease;
  z-index: 5;
}
.file-wrapper .file .preview .file-options .hover-options .btn-text,
.file-wrapper .file .preview .file-options .delete-confirm .delete-options .btn-text,
.file.gu-mirror .preview .file-options .hover-options .btn-text,
.file.gu-mirror .preview .file-options .delete-confirm .delete-options .btn-text {
  background-color: transparent;
  color: #ffffff;
  width: 30px;
  transition: all 0.25s ease;
}
.file-wrapper .file .preview .file-options .hover-options .btn-text:hover,
.file-wrapper .file .preview .file-options .delete-confirm .delete-options .btn-text:hover,
.file.gu-mirror .preview .file-options .hover-options .btn-text:hover,
.file.gu-mirror .preview .file-options .delete-confirm .delete-options .btn-text:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.file-wrapper .file .preview .folder-options,
.file.gu-mirror .preview .folder-options {
  position: absolute;
  right: 15%;
  bottom: 25%;
  z-index: 5;
  display: none;
  font-size: 18px;
}
.file-wrapper .file .preview .folder-options.favorited,
.file.gu-mirror .preview .folder-options.favorited {
  display: block;
  color: #e8b865;
}
.file-wrapper .file .preview .folder-options.favorited:before,
.file.gu-mirror .preview .folder-options.favorited:before {
  font-family: "CoS";
  content: "\272d";
}
.file-wrapper .file .preview img,
.file-wrapper .file .preview video,
.file.gu-mirror .preview img,
.file.gu-mirror .preview video {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  border: 2px solid transparent;
  transition: all 0.25s ease;
}
.file-wrapper .file .preview img.document,
.file-wrapper .file .preview video.document,
.file.gu-mirror .preview img.document,
.file.gu-mirror .preview video.document {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  border-bottom: 2px solid #f7f7f7;
}
.file-wrapper .file .file-name,
.file.gu-mirror .file-name {
  overflow: hidden;
}
.file-wrapper .file .file-name p,
.file.gu-mirror .file-name p {
  text-align: center;
  transition: all 0.25s ease;
  word-break: break-word;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0;
}
.file-wrapper .file .project-location,
.file.gu-mirror .project-location {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 12px;
  top: 110px;
  color: #b3b3b3;
}
.file-wrapper .file.social-helper,
.file.gu-mirror.social-helper {
  background-color: transparent;
  margin: 0;
}
.file-wrapper .file.social-helper .no-thumbnail svg,
.file.gu-mirror.social-helper .no-thumbnail svg {
  display: none;
}
.file-wrapper .file.social-helper:not(.filled) .preview .file-thumbnail,
.file.gu-mirror.social-helper:not(.filled) .preview .file-thumbnail {
  height: 120px;
  width: 120px;
  overflow: hidden;
}
.file-wrapper .file.social-helper:not(.filled) .preview .file-thumbnail .no-thumbnail,
.file.gu-mirror.social-helper:not(.filled) .preview .file-thumbnail .no-thumbnail {
  height: 100%;
  width: 100%;
  border: none;
  background: #cccccc url("/img/photo-blank-2b44fba5ce423f0cd9aad5b2dac181b7.png") no-repeat center center;
}
.file-wrapper .file.social-helper .file-name p,
.file.gu-mirror.social-helper .file-name p {
  background-color: #fdecac !important;
  color: #ad894b !important;
  border-radius: 5px;
  white-space: normal;
}
.file-wrapper .file.social-helper.filled .file-name p,
.file.gu-mirror.social-helper.filled .file-name p {
  background-color: #62acc4 !important;
  color: #ffffff !important;
}
.file-wrapper .file:hover,
.file.gu-mirror:hover {
  background-color: #f7f7f7;
  cursor: pointer;
  border-radius: 4px;
}
.file-wrapper .file:hover .file-options .hover-options,
.file.gu-mirror:hover .file-options .hover-options {
  bottom: 0;
}
.file-wrapper .file:hover .file-options.delete .hover-options,
.file.gu-mirror:hover .file-options.delete .hover-options {
  bottom: -30px;
}
.file-wrapper .file.selected .preview:after,
.file.gu-mirror.selected .preview:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1, 1);
}
.file-wrapper .file.selected .preview img,
.file-wrapper .file.selected .preview video,
.file.gu-mirror.selected .preview img,
.file.gu-mirror.selected .preview video {
  box-sizing: border-box;
  border: 2px solid #d17760;
}
.file-wrapper .file.selected .file-name p,
.file.gu-mirror.selected .file-name p {
  font-weight: bold;
  color: #d17760;
}

.file-wrapper .canva-link {
  text-align: center;
  text-decoration: none;
  color: #b3b3b3;
  font-size: 12px;
  display: block;
}
.file-wrapper .canva-link:hover {
  text-decoration: underline;
  color: #999999;
}

.no-thumbnail {
  width: 90px;
  transition: all 0.25s ease;
}

svg.fileIconLarge .file-icon-backdrop,
svg.fileIconSmall .file-icon-backdrop {
  fill: #cccccc;
}
svg.fileIconLarge .file-icon-shadow,
svg.fileIconSmall .file-icon-shadow {
  fill: #b3b3b3;
}
svg.fileIconLarge .file-icon-flap,
svg.fileIconSmall .file-icon-flap {
  fill: #999999;
}
svg.fileIconLarge .file-icon-banner,
svg.fileIconSmall .file-icon-banner {
  fill: #d17760;
}
.document svg.fileIconLarge .file-icon-banner,
.document svg.fileIconSmall .file-icon-banner {
  fill: #62acc4;
}
.image svg.fileIconLarge .file-icon-banner,
.image svg.fileIconSmall .file-icon-banner {
  fill: #6ba066;
}
.video svg.fileIconLarge .file-icon-banner,
.video svg.fileIconSmall .file-icon-banner {
  fill: #d15451;
}
.empty-social-helper svg.fileIconLarge .file-icon-banner,
.empty-social-helper svg.fileIconSmall .file-icon-banner {
  fill: #fdecac;
}
.empty-social-helper svg.fileIconLarge .file-icon-text,
.empty-social-helper svg.fileIconSmall .file-icon-text {
  fill: #c09853;
}
.empty-social-helper svg.fileIconLarge .file-icon-text.length-4,
.empty-social-helper svg.fileIconSmall .file-icon-text.length-4 {
  transform: translate(144px, 227px);
}
svg.fileIconLarge .other .file-icon-banner,
svg.fileIconSmall .other .file-icon-banner {
  fill: #d17760;
}
svg.fileIconLarge .file-icon-text,
svg.fileIconSmall .file-icon-text {
  font-size: 94px;
  fill: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-anchor: middle;
}
svg.fileIconLarge .file-icon-text,
svg.fileIconSmall .file-icon-text {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
svg.fileIconLarge .file-icon-text.length-1, svg.fileIconLarge .file-icon-text.length-2, svg.fileIconLarge .file-icon-text.length-3, svg.fileIconLarge .file-icon-text.length-4,
svg.fileIconSmall .file-icon-text.length-1,
svg.fileIconSmall .file-icon-text.length-2,
svg.fileIconSmall .file-icon-text.length-3,
svg.fileIconSmall .file-icon-text.length-4 {
  font-size: 90px;
  transform: translate(144px, 277px);
}
svg.fileIconLarge .file-icon-text.length-5,
svg.fileIconSmall .file-icon-text.length-5 {
  font-size: 75px;
  transform: translate(144px, 270px);
}
svg.fileIconLarge .file-icon-text.length-6,
svg.fileIconSmall .file-icon-text.length-6 {
  font-size: 60px;
  transform: translate(144px, 266px);
}
svg.fileIconLarge .file-icon-text.length-7,
svg.fileIconSmall .file-icon-text.length-7 {
  font-size: 53px;
  transform: translate(144px, 264px);
}
svg.fileIconLarge .file-icon-text.length-8, svg.fileIconLarge .file-icon-text.length-9,
svg.fileIconSmall .file-icon-text.length-8,
svg.fileIconSmall .file-icon-text.length-9 {
  font-size: 46px;
  transform: translate(144px, 262px);
}

svg.fileIconSmall .file-icon-text.length-1, svg.fileIconSmall .file-icon-text.length-2, svg.fileIconSmall .file-icon-text.length-3, svg.fileIconSmall .file-icon-text.length-4 {
  transform: translate(144px, 235px);
}
svg.fileIconSmall .file-icon-text.length-5 {
  transform: translate(144px, 226px);
}
svg.fileIconSmall .file-icon-text.length-6 {
  transform: translate(144px, 222px);
}
svg.fileIconSmall .file-icon-text.length-7 {
  transform: translate(144px, 220px);
}
svg.fileIconSmall .file-icon-text.length-8, svg.fileIconSmall .file-icon-text.length-9 {
  transform: translate(144px, 218px);
}

.file .file-thumbnail .processing img,
.file .file-thumbnail .processing video,
.file .file-thumbnail .processing .no-thumbnail {
  filter: blur(2px);
  opacity: 0.5;
  background-color: #b3b3b3;
}
.file .file-thumbnail .processing .upload-progress {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.folder-icon-container {
  position: relative;
  z-index: 1;
}
.folder-icon-container:before {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999999;
  font-size: 35px;
}
.folder-icon-container .folderIcon .folder-tab,
.folder-icon-container .folderIcon .project-icon {
  fill: #999999;
}
.folder-icon-container .folderIcon .folder-body {
  fill: #cccccc;
}

.upload-container {
  display: flex;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.upload-container form.upload {
  display: flex;
  height: 100%;
  width: 100%;
  border: 3px dashed #999999;
  border-radius: 10px;
  transition: all 0.25s ease;
  margin: 0 0 20px;
}
.upload-container form.upload:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.upload-container form.upload #dropzone,
.upload-container form.upload .dropzone {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
}
.upload-container form.upload span.icon-upload {
  font-size: 48px;
}

.file-library .delete, .file-library + .modal-scroll .delete,
.asset-manager .delete,
.asset-manager + .modal-scroll .delete {
  display: none;
}
.file-library .delete .delete-overlay, .file-library + .modal-scroll .delete .delete-overlay,
.asset-manager .delete .delete-overlay,
.asset-manager + .modal-scroll .delete .delete-overlay {
  background-color: rgba(255, 255, 255, 0.6);
  height: 100%;
  width: 100%;
  display: none;
  position: relative;
}
.file-library .delete .delete-confirmation, .file-library + .modal-scroll .delete .delete-confirmation,
.asset-manager .delete .delete-confirmation,
.asset-manager + .modal-scroll .delete .delete-confirmation {
  display: none;
}
.file-library.deleting .delete, .file-library.deleting + .modal-scroll .delete,
.asset-manager.deleting .delete,
.asset-manager.deleting + .modal-scroll .delete {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.file-library.deleting .delete .delete-overlay, .file-library.deleting + .modal-scroll .delete .delete-overlay,
.asset-manager.deleting .delete .delete-overlay,
.asset-manager.deleting + .modal-scroll .delete .delete-overlay {
  display: block;
  animation: fadein 0.5s ease;
}
.file-library.deleting .delete .delete-confirmation, .file-library.deleting + .modal-scroll .delete .delete-confirmation,
.asset-manager.deleting .delete .delete-confirmation,
.asset-manager.deleting + .modal-scroll .delete .delete-confirmation {
  display: flex;
  width: 500px;
  flex-direction: column;
  background-color: #ffffff;
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 35%;
  left: 50%;
  border-radius: 6px;
  z-index: 100;
  overflow: hidden;
}

.delete-confirmation .delete-body {
  display: flex;
  padding: 30px 40px;
  align-items: center;
  margin: 0;
}
.delete-confirmation .delete-body p {
  padding: 10px 15px;
  margin: 0;
}
.delete-confirmation .delete-body .thumbnail-container {
  height: 110px;
  width: 110px;
}
.delete-confirmation .delete-body .thumbnail-container .file-thumbnail {
  width: 110px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.delete-confirmation .delete-body .thumbnail-container .file-thumbnail img,
.delete-confirmation .delete-body .thumbnail-container .file-thumbnail .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.delete-confirmation .delete-body .icon-remove {
  font-size: 40px;
  background-color: #f8ebc4;
  padding: 35px;
  border-radius: 50%;
}
.delete-confirmation .delete-footer {
  display: flex;
  justify-content: flex-end;
  padding: 10px 15px;
  border-top: 1px solid #e6e6e6;
}

.file-content-container,
.asset-expanded-details,
.asset-uploader-container,
.asset-uploader-dropzone {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.file-library:not(.asset-manager) ul.breadcrumb-nav {
  width: calc(100% - 240px);
}
.file-library:not(.asset-manager) ul.breadcrumb-nav li a {
  font-size: 20px;
}
.file-library:not(.asset-manager) ul.breadcrumb-nav li a span[class$="--brand-logo"] {
  height: 20px;
  width: 20px;
}
.file-library:not(.asset-manager) ul.breadcrumb-nav .cos-basic-dropdown-trigger {
  font-size: 20px;
  line-height: 40px;
}

.asset-header,
.navbar-ro.assets {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 20px !important;
}
.asset-header .header-row,
.navbar-ro.assets .header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 650px) {
  .asset-header .header-row,
.navbar-ro.assets .header-row {
    flex-wrap: wrap;
  }
  .asset-header .header-row ul.breadcrumb-nav,
.asset-header .header-row div.asset-search-contain,
.asset-header .header-row div.filters,
.asset-header .header-row div.actions,
.navbar-ro.assets .header-row ul.breadcrumb-nav,
.navbar-ro.assets .header-row div.asset-search-contain,
.navbar-ro.assets .header-row div.filters,
.navbar-ro.assets .header-row div.actions {
    width: 100%;
  }
  .asset-header .header-row div.filters,
.asset-header .header-row div.actions,
.navbar-ro.assets .header-row div.filters,
.navbar-ro.assets .header-row div.actions {
    justify-content: center;
    margin-bottom: 10px;
  }
}
.asset-header ul.breadcrumb-nav,
.navbar-ro.assets ul.breadcrumb-nav {
  width: calc(100% - 320px);
}
.asset-header ul.breadcrumb-nav li,
.navbar-ro.assets ul.breadcrumb-nav li {
  display: flex;
  margin: 0;
  max-width: 100%;
}
.asset-header ul.breadcrumb-nav li:first-of-type, .asset-header ul.breadcrumb-nav li.root, .asset-header ul.breadcrumb-nav li.ellipses,
.navbar-ro.assets ul.breadcrumb-nav li:first-of-type,
.navbar-ro.assets ul.breadcrumb-nav li.root,
.navbar-ro.assets ul.breadcrumb-nav li.ellipses {
  flex-shrink: 0;
}
@media only screen and (max-width: 1100px) {
  .asset-header ul.breadcrumb-nav li.ellipses + li.sub-folder, .asset-header ul.breadcrumb-nav li.root + li.sub-folder,
.navbar-ro.assets ul.breadcrumb-nav li.ellipses + li.sub-folder,
.navbar-ro.assets ul.breadcrumb-nav li.root + li.sub-folder {
    display: none;
  }
}
.asset-header ul.breadcrumb-nav li.sub-folder, .asset-header ul.breadcrumb-nav li.current-folder, .asset-header ul.breadcrumb-nav li.current-item,
.navbar-ro.assets ul.breadcrumb-nav li.sub-folder,
.navbar-ro.assets ul.breadcrumb-nav li.current-folder,
.navbar-ro.assets ul.breadcrumb-nav li.current-item {
  max-width: 25%;
}
@media only screen and (max-width: 1100px) {
  .asset-header ul.breadcrumb-nav li.sub-folder, .asset-header ul.breadcrumb-nav li.current-folder, .asset-header ul.breadcrumb-nav li.current-item,
.navbar-ro.assets ul.breadcrumb-nav li.sub-folder,
.navbar-ro.assets ul.breadcrumb-nav li.current-folder,
.navbar-ro.assets ul.breadcrumb-nav li.current-item {
    max-width: 35%;
  }
}
.asset-header ul.breadcrumb-nav li.current-folder, .asset-header ul.breadcrumb-nav li.current-item,
.navbar-ro.assets ul.breadcrumb-nav li.current-folder,
.navbar-ro.assets ul.breadcrumb-nav li.current-item {
  max-width: 40%;
}
@media only screen and (max-width: 1100px) {
  .asset-header ul.breadcrumb-nav li.current-folder, .asset-header ul.breadcrumb-nav li.current-item,
.navbar-ro.assets ul.breadcrumb-nav li.current-folder,
.navbar-ro.assets ul.breadcrumb-nav li.current-item {
    max-width: 60%;
  }
}
.asset-header ul.breadcrumb-nav li a,
.navbar-ro.assets ul.breadcrumb-nav li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.asset-header .cos-basic-dropdown-trigger,
.navbar-ro.assets .cos-basic-dropdown-trigger {
  font-size: 20px;
  line-height: 40px;
}
.asset-header .asset-search input,
.navbar-ro.assets .asset-search input {
  min-width: 150px;
  max-width: 300px;
}
.asset-header .filters,
.navbar-ro.assets .filters {
  display: flex;
  position: relative;
}
.asset-header .filters > div,
.navbar-ro.assets .filters > div {
  margin-right: 10px;
}
.asset-header .filters button.filter-btn,
.navbar-ro.assets .filters button.filter-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: flex;
  align-items: center;
  color: #666666;
}
.asset-header .filters button.filter-btn .color-label,
.navbar-ro.assets .filters button.filter-btn .color-label {
  height: 15px;
  width: 15px;
}
.asset-header .filters button.filter-btn span[class^=icon-],
.navbar-ro.assets .filters button.filter-btn span[class^=icon-] {
  display: none;
}
.asset-header .filters button.filter-btn:hover,
.navbar-ro.assets .filters button.filter-btn:hover {
  color: #4d4d4d;
}
.asset-header .filters button.filter-btn:disabled, .asset-header .filters button.filter-btn:disabled:hover,
.navbar-ro.assets .filters button.filter-btn:disabled,
.navbar-ro.assets .filters button.filter-btn:disabled:hover {
  color: #b3b3b3;
}
.asset-header .filters .cos-dropdown,
.navbar-ro.assets .filters .cos-dropdown {
  position: absolute;
  background-color: #ffffff;
  margin-left: 5px;
  border-radius: 4px;
  min-width: 160px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  z-index: 2000;
}
.asset-header .filters .cos-dropdown ul.cos-dropdown-menu,
.navbar-ro.assets .filters .cos-dropdown ul.cos-dropdown-menu {
  list-style: none;
  margin: 0;
  max-height: 375px;
  overflow-y: auto;
}
.asset-header .filters .cos-dropdown ul.cos-dropdown-menu li,
.navbar-ro.assets .filters .cos-dropdown ul.cos-dropdown-menu li {
  cursor: pointer;
  white-space: nowrap;
  padding: 5px 20px 5px 9px;
}
.asset-header .filters .cos-dropdown ul.cos-dropdown-menu li:hover,
.navbar-ro.assets .filters .cos-dropdown ul.cos-dropdown-menu li:hover {
  background-color: #f7f7f7;
}
.asset-header .filters .cos-dropdown ul.cos-dropdown-menu li span,
.navbar-ro.assets .filters .cos-dropdown ul.cos-dropdown-menu li span {
  margin-right: 5px;
}
.asset-header .filters .color-label-filter ul.cos-dropdown-menu li,
.navbar-ro.assets .filters .color-label-filter ul.cos-dropdown-menu li {
  display: flex;
  align-items: center;
}
.asset-header .filters .color-label-filter div.color-label,
.navbar-ro.assets .filters .color-label-filter div.color-label {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background-color: transparent;
  border: 1px solid transparent;
  box-sizing: border-box;
  margin-right: 5px;
}
.asset-header .filters .color-label-filter div.color-label.default,
.navbar-ro.assets .filters .color-label-filter div.color-label.default {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.asset-header .filters .color-label-filter div.color-label.unlabeled,
.navbar-ro.assets .filters .color-label-filter div.color-label.unlabeled {
  border-color: #b3b3b3;
}
.asset-header .filters .color-label-filter button.btn.btn-color,
.navbar-ro.assets .filters .color-label-filter button.btn.btn-color {
  width: 20px;
  height: 20px;
  border-color: #b3b3b3;
  box-sizing: border-box;
  margin-right: 5px;
}
.asset-header .filters .color-label-filter button.btn.btn-color.default,
.navbar-ro.assets .filters .color-label-filter button.btn.btn-color.default {
  border-color: transparent;
}
.asset-header .actions,
.navbar-ro.assets .actions {
  display: flex;
  margin-left: auto;
  align-items: center;
  color: #999999;
}
.asset-header .actions form,
.navbar-ro.assets .actions form {
  margin-left: 10px;
}
.asset-header .actions .primary-action,
.asset-header .actions .secondary-action,
.navbar-ro.assets .actions .primary-action,
.navbar-ro.assets .actions .secondary-action {
  font-size: 13px;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 0 8px;
  padding: 0 9px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  height: 32px;
  line-height: 14px;
}
.asset-header .actions .primary-action.disabled, .asset-header .actions .integration-modal .container.enabled .body .header .primary-action.btn, .integration-modal .container.enabled .body .header .asset-header .actions .primary-action.btn, .asset-header .actions .primary-action:disabled,
.asset-header .actions .secondary-action.disabled,
.asset-header .actions .integration-modal .container.enabled .body .header .secondary-action.btn,
.integration-modal .container.enabled .body .header .asset-header .actions .secondary-action.btn,
.asset-header .actions .secondary-action:disabled,
.navbar-ro.assets .actions .primary-action.disabled,
.navbar-ro.assets .actions .integration-modal .container.enabled .body .header .primary-action.btn,
.integration-modal .container.enabled .body .header .navbar-ro.assets .actions .primary-action.btn,
.navbar-ro.assets .actions .primary-action:disabled,
.navbar-ro.assets .actions .secondary-action.disabled,
.navbar-ro.assets .actions .integration-modal .container.enabled .body .header .secondary-action.btn,
.integration-modal .container.enabled .body .header .navbar-ro.assets .actions .secondary-action.btn,
.navbar-ro.assets .actions .secondary-action:disabled {
  opacity: 0.4;
  pointer-events: none;
  border: none;
}
.asset-header .actions .primary-action div,
.asset-header .actions .secondary-action div,
.navbar-ro.assets .actions .primary-action div,
.navbar-ro.assets .actions .secondary-action div {
  display: flex;
}
.asset-header .actions .primary-action .icon,
.asset-header .actions .secondary-action .icon,
.navbar-ro.assets .actions .primary-action .icon,
.navbar-ro.assets .actions .secondary-action .icon {
  font-size: 14px;
}
.asset-header .actions .primary-action .text,
.asset-header .actions .secondary-action .text,
.navbar-ro.assets .actions .primary-action .text,
.navbar-ro.assets .actions .secondary-action .text {
  position: relative;
  top: 2px;
}
.asset-header .actions .primary-action,
.navbar-ro.assets .actions .primary-action {
  color: #ffffff;
  background: linear-gradient(to right, #d17760, #bc6148 140%);
}
.asset-header .actions .primary-action:hover, .asset-header .actions .primary-action:focus,
.navbar-ro.assets .actions .primary-action:hover,
.navbar-ro.assets .actions .primary-action:focus {
  cursor: pointer;
  background: #bc6148;
}
.asset-header .actions .primary-action.disabled, .asset-header .actions .integration-modal .container.enabled .body .header .primary-action.btn, .integration-modal .container.enabled .body .header .asset-header .actions .primary-action.btn,
.navbar-ro.assets .actions .primary-action.disabled,
.navbar-ro.assets .actions .integration-modal .container.enabled .body .header .primary-action.btn,
.integration-modal .container.enabled .body .header .navbar-ro.assets .actions .primary-action.btn {
  opacity: 1;
  pointer-events: auto;
  background: #f4d9d1 !important;
  cursor: default !important;
}
.asset-header .actions .primary-action.tooltip:after,
.navbar-ro.assets .actions .primary-action.tooltip:after {
  width: 180px;
  left: -20px;
}
.asset-header .actions .secondary-action,
.navbar-ro.assets .actions .secondary-action {
  color: #666666;
  border: none;
}
.asset-header .actions .secondary-action:hover, .asset-header .actions .secondary-action:focus,
.navbar-ro.assets .actions .secondary-action:hover,
.navbar-ro.assets .actions .secondary-action:focus {
  color: #4d4d4d;
  background-color: #f7f7f7;
  cursor: pointer;
  transition: all 0.2s ease;
}

.file-container,
.ro-file-container {
  padding: 10px 20px 50px;
  overflow-y: auto;
  height: 100%;
}
.file-container .section-header,
.ro-file-container .section-header {
  display: flex;
  align-items: center;
}
.file-container .section-header label,
.ro-file-container .section-header label {
  flex-shrink: 0;
  margin-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.file-container .section-header hr,
.ro-file-container .section-header hr {
  width: 100%;
  margin: 0 0 0 5px;
}
.file-container .file-wrapper,
.ro-file-container .file-wrapper {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 815px) {
  .file-container .file-wrapper,
.ro-file-container .file-wrapper {
    grid-column-gap: 5px;
  }
}
.file-container .file-wrapper .section-header,
.ro-file-container .file-wrapper .section-header {
  display: none;
}
.file-container .file-wrapper .section-header + button.expand-button,
.ro-file-container .file-wrapper .section-header + button.expand-button {
  display: none;
}
.file-container .file-wrapper.truncated-row,
.ro-file-container .file-wrapper.truncated-row {
  grid-auto-flow: column;
  overflow: hidden;
}
.file-container .file-wrapper.section,
.ro-file-container .file-wrapper.section {
  padding: 10px 0;
}
.file-container .file-wrapper.section:last-of-type,
.ro-file-container .file-wrapper.section:last-of-type {
  padding: 10px 0 0;
}
.file-container .file-wrapper.section button.expand-button,
.ro-file-container .file-wrapper.section button.expand-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 170px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0.95) 30%, #ffffff 85%, #ffffff 100%);
  color: #d17760;
  font-weight: bold;
  z-index: 1000;
  transition: all 0.25s ease;
  padding-bottom: 50px;
}
.file-container .file-wrapper.section button.expand-button span,
.ro-file-container .file-wrapper.section button.expand-button span {
  color: #d17760;
  margin-left: 5px;
  transition: all 0.25s ease;
}
.file-container .file-wrapper.section button.expand-button:hover,
.ro-file-container .file-wrapper.section button.expand-button:hover {
  color: #a74a30;
}
.file-container .file-wrapper.section button.expand-button:hover span,
.ro-file-container .file-wrapper.section button.expand-button:hover span {
  color: #a74a30;
  transform: rotate(90deg);
}
.file-container .section.tag-wrapper,
.file-container .section.label-wrapper,
.ro-file-container .section.tag-wrapper,
.ro-file-container .section.label-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 0;
  margin-bottom: 30px;
}

.asset-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
  flex-shrink: 0;
}
.asset-footer ul.breadcrumb-nav {
  width: calc(100% - 140px);
}
.asset-footer ul.breadcrumb-nav li {
  display: flex;
  margin: 0;
  max-width: 100%;
}
.asset-footer ul.breadcrumb-nav li:first-of-type, .asset-footer ul.breadcrumb-nav li.root, .asset-footer ul.breadcrumb-nav li.ellipses {
  flex-shrink: 0;
}
@media only screen and (max-width: 1100px) {
  .asset-footer ul.breadcrumb-nav li.ellipses + li.sub-folder, .asset-footer ul.breadcrumb-nav li.root + li.sub-folder {
    display: none;
  }
}
.asset-footer ul.breadcrumb-nav li.sub-folder, .asset-footer ul.breadcrumb-nav li.current-folder, .asset-footer ul.breadcrumb-nav li.current-item {
  max-width: 25%;
}
@media only screen and (max-width: 1100px) {
  .asset-footer ul.breadcrumb-nav li.sub-folder, .asset-footer ul.breadcrumb-nav li.current-folder, .asset-footer ul.breadcrumb-nav li.current-item {
    max-width: 35%;
  }
}
.asset-footer ul.breadcrumb-nav li.current-folder, .asset-footer ul.breadcrumb-nav li.current-item {
  max-width: 40%;
}
@media only screen and (max-width: 1100px) {
  .asset-footer ul.breadcrumb-nav li.current-folder, .asset-footer ul.breadcrumb-nav li.current-item {
    max-width: 60%;
  }
}
.asset-footer ul.breadcrumb-nav li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.asset-footer .actions {
  margin-left: auto;
  flex-shrink: 0;
}

.asset-uploader-dropzone {
  box-sizing: border-box;
  height: 100%;
  padding: 10px;
}
.asset-uploader-dropzone > div {
  height: 100%;
}

.modal-sub-header {
  background-color: #f7f7f7;
  border-bottom: 1px solid #eee;
  padding: 1px 10px 5px;
  top: -5px;
  position: relative;
}
.modal-sub-header.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-sub-header.center span[class^=icon] {
  margin-right: 5px;
}

.asset-manager {
  width: 100%;
  margin: 0;
  max-width: none;
  max-height: none;
  height: 100%;
  box-shadow: none;
}
.asset-manager .file-view-container {
  width: 100%;
}
.asset-manager .file-view-container .file-content-container {
  position: relative;
  height: calc(100vh - 48px);
  width: calc(100% - 295px);
}
@media only screen and (max-width: 815px) {
  .asset-manager .file-view-container .file-content-container {
    width: 100%;
  }
}
.asset-manager .file-view-container .file-content-container .file-footer {
  display: none;
}
.asset-manager .file-view-container .file-content-container .upload-container {
  height: 100%;
  padding: 20px 20px 30px;
}

.asset-manager .file-content-container .file-wrapper {
  grid-template-columns: repeat(auto-fill, 120px);
}
.asset-manager .file-content-container .file-wrapper .file .preview img {
  border: 0 solid transparent;
}
.asset-manager .file-content-container .file.selected {
  background-color: rgba(244, 217, 209, 0.45);
  border: 1px solid rgba(219, 135, 115, 0.45);
  border-radius: 4px;
}
.asset-manager .file-content-container .file.selected .preview:after {
  display: none;
}
.asset-manager .file-content-container .file.selected .preview img,
.asset-manager .file-content-container .file.selected .preview video {
  border: 0 solid transparent;
}
.asset-manager .file-content-container .file.selected .file-name p {
  color: #666666;
  font-weight: normal;
}
.asset-manager .file-content-container .file .file-options .hover-options {
  display: none;
}

.asset-sidebar {
  width: 275px;
  height: calc(100vh - 70px);
  background-color: #f7f7f7;
  z-index: 2;
  flex-shrink: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  margin: 10px;
  border-radius: 10px;
  right: 0;
  animation: sidebar-slide-in 0.2s ease;
  animation: sidebar-slide-in 0.2s ease;
}
@keyframes sidebar-slide-in {
  0% {
    transform: translateX(275px);
    width: 0;
  }
  100% {
    transform: translateX(0);
    width: 275px;
  }
}
@media only screen and (max-width: 815px) {
  .asset-sidebar {
    position: absolute;
    right: 0;
  }
}
.asset-sidebar .asset-details-sidebar {
  padding-bottom: 35px;
}
.asset-sidebar table {
  width: auto;
}

.persistent-asset-sidebar {
  z-index: 1;
  position: relative;
  animation: none;
}
@media only screen and (max-width: 815px) {
  .persistent-asset-sidebar {
    display: none;
  }
}

.file-library:not(.asset-manager) .asset-sidebar {
  display: none;
}

.sidebar-actions {
  display: flex;
}
.sidebar-actions .action-btn {
  padding: 5px 10px;
}
.sidebar-actions .action-btn:after {
  box-sizing: border-box;
}
.sidebar-actions .action-btn.expand.tooltip:after {
  left: 40px;
  width: 62px;
}
.sidebar-actions .action-btn.download.disabled.tooltip:after, .sidebar-actions .integration-modal .container.enabled .body .header .action-btn.download.tooltip.btn:after, .integration-modal .container.enabled .body .header .sidebar-actions .action-btn.download.tooltip.btn:after {
  left: 50px;
  width: 153px;
}
.sidebar-actions .action-btn.project.tooltip:after {
  left: 25px;
  width: 103px;
}
.sidebar-actions .action-btn.disabled, .sidebar-actions .integration-modal .container.enabled .body .header .action-btn.btn, .integration-modal .container.enabled .body .header .sidebar-actions .action-btn.btn, .sidebar-actions .action-btn.disabled:hover, .sidebar-actions .action-btn.disabled:active, .sidebar-actions .action-btn.disabled:focus {
  color: #b3b3b3;
}
.sidebar-actions .action-btn:first-child.download.tooltip:after {
  width: 77px;
  left: 42px;
}
.persistent-asset-sidebar .sidebar-actions .action-btn:first-child.favorite.tooltip:after {
  left: 45px;
  width: 80px;
}
.persistent-asset-sidebar .sidebar-actions .action-btn:first-child.share.tooltip:after {
  left: 35px;
  width: 52px;
}
.persistent-asset-sidebar .sidebar-actions .action-btn:first-child.project.tooltip:after {
  left: 55px;
  width: 103px;
}
.sidebar-actions .more {
  margin-left: auto;
}
.sidebar-actions .more .action-btn.tooltip:after {
  left: 5px;
  width: 47px;
}
.sidebar-actions .action-dropdown {
  position: relative;
}
.sidebar-actions .action-dropdown.open .action-btn.tooltip:after {
  display: none;
}
.sidebar-actions .action-dropdown.open .action-menu {
  display: block;
}
.sidebar-actions .action-dropdown .action-menu {
  position: absolute;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 5px 0;
  display: none;
  width: 120px;
  right: 10px;
  top: 25px;
  z-index: 20;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.sidebar-actions .action-dropdown .action-menu ul {
  margin: 0;
  list-style: none;
}
.sidebar-actions .action-dropdown .action-menu ul li {
  width: 100%;
  display: flex;
}
.sidebar-actions .action-dropdown .action-menu ul li div {
  width: 100%;
}
.sidebar-actions .action-dropdown .action-menu ul a,
.sidebar-actions .action-dropdown .action-menu ul form {
  padding: 5px;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.sidebar-actions .action-dropdown .action-menu ul a:hover,
.sidebar-actions .action-dropdown .action-menu ul form:hover {
  background-color: #f7f7f7;
}
.sidebar-actions .action-dropdown .action-menu ul a span,
.sidebar-actions .action-dropdown .action-menu ul form span {
  margin-right: 5px;
}
.sidebar-actions .favorite {
  transition: color 0.2s ease;
}
.sidebar-actions .favorite .favorite-icon {
  position: relative;
  top: -1px;
}
.sidebar-actions .favorite .favorite-icon:before {
  font-family: "CoS";
  content: "\2729";
}
.sidebar-actions .favorite:hover .favorite-icon:before {
  font-family: "CoS";
  content: "\272d";
}
.sidebar-actions .favorite.favorited {
  color: #f2c069;
}
.sidebar-actions .favorite.favorited:hover .favorite-icon:before {
  font-family: "CoS";
  content: "\2729";
}
.sidebar-actions .favorite.favorited .favorite-icon:before {
  font-family: "CoS";
  content: "\272d";
}

.asset-details-sidebar .item-preview {
  width: 275px;
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: rgb(82, 86, 89);
  margin-bottom: 10px;
  position: relative;
}
.asset-details-sidebar .item-preview img,
.asset-details-sidebar .item-preview .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.asset-details-sidebar .item-preview .no-thumbnail {
  max-width: 170px;
  max-height: 170px;
  min-width: 140px;
}
.asset-details-sidebar .item-preview .processing {
  position: relative;
}
.asset-details-sidebar .item-preview .processing img,
.asset-details-sidebar .item-preview .processing video,
.asset-details-sidebar .item-preview .processing .no-thumbnail {
  filter: blur(2px);
  opacity: 0.5;
  background-color: #b3b3b3;
}
.asset-details-sidebar .item-preview .processing .upload-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.asset-details-sidebar .item-preview.multiple {
  position: relative;
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail {
  z-index: 5;
  animation: multiple-img-drop-in 0.25s ease-out;
}
@keyframes multiple-img-drop-in {
  0% {
    opacity: 0;
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail img,
.asset-details-sidebar .item-preview.multiple .file-thumbnail .no-thumbnail {
  max-width: 200px;
  max-height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail img {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail svg {
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(1) {
  z-index: 1;
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(1) img,
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(1) svg {
  transform: translate(-50%, -50%);
  animation: first-item-animate 0.4s ease;
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(2) {
  z-index: 2;
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(2) img,
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(2) svg {
  transform: translate(-50%, -50%) rotate(18deg);
  animation: first-item-animate 0.4s ease;
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(3) {
  z-index: 3;
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(3) img,
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(3) svg {
  transform: translate(-50%, -50%) rotate(-12deg);
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(4) {
  z-index: 4;
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(4) img,
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(4) svg {
  transform: translate(-50%, -50%) rotate(10deg);
}
.asset-details-sidebar .item-preview.multiple .file-thumbnail:nth-child(1n+5) {
  display: none;
}
@keyframes first-multi-animate {
  0% {
    max-width: 95%;
    max-height: 95%;
  }
  100% {
    max-width: 200px;
    max-height: 200px;
  }
}

.asset-details-sidebar .file-name {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}
.asset-details-sidebar .file-name input {
  font-weight: bold;
  text-align: center;
  border-color: transparent;
  background-color: transparent;
  width: 100%;
  margin: 0 10px 10px;
  border-radius: 4px;
}
.asset-details-sidebar .file-name input:hover {
  border-color: #b3b3b3;
  background-color: #f7f7f7;
}
.asset-details-sidebar .file-name input:active, .asset-details-sidebar .file-name input:focus {
  border-color: #b3b3b3 !important;
  background-color: #ffffff;
}
.asset-details-sidebar .file-name input:disabled, .asset-details-sidebar .file-name input:disabled:hover, .asset-details-sidebar .file-name input:disabled:focus, .asset-details-sidebar .file-name input:disabled:active {
  border: none;
  background-color: transparent;
}
.asset-details-sidebar .file-name.multiple {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asset-details-sidebar .file-name.multiple p.file-count {
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  padding: 0 10px 10px;
}
.asset-details-sidebar .file-name.multiple p.file-names {
  text-align: center;
  word-break: break-all;
  padding: 0 10px;
}
.asset-details-sidebar .file-description {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.asset-details-sidebar .file-description textarea {
  background-color: transparent;
  border-color: transparent;
  resize: none;
  min-height: 40px;
  resize: none;
  border-radius: 4px;
  text-align: center;
  margin: 0 10px;
  width: 100%;
}
.asset-details-sidebar .file-description textarea:hover {
  resize: vertical;
  background-color: #f7f7f7;
  border-color: #b3b3b3;
}
.asset-details-sidebar .file-description textarea:active, .asset-details-sidebar .file-description textarea:focus {
  resize: vertical;
  background-color: #ffffff;
  border-color: #b3b3b3 !important;
}
.asset-details-sidebar .file-description p {
  text-align: center;
  margin: 0 15px 20px;
}
.asset-details-sidebar .file-details {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.asset-details-sidebar .file-details table {
  border-spacing: 5px 0;
}
.asset-details-sidebar .file-details table tr {
  border-bottom: 5px solid transparent;
}
.asset-details-sidebar .file-details table th {
  text-align: right;
  font-weight: normal;
  color: #999999;
  padding-right: 3px;
  vertical-align: top;
}
.asset-details-sidebar .file-details table td {
  padding-left: 3px;
  vertical-align: top;
  white-space: normal;
  word-break: break-word;
}
.asset-details-sidebar .file-details table td.break-word {
  max-width: 1px;
}

.asset-sidebar .asset-tagging {
  padding: 0 10px;
  margin-bottom: 20px;
}
.asset-sidebar .asset-tagging .tagify.tag-selector {
  --tags-border-color: transparent;
  --tags-focus-border-color: #b3b3b3;
  --tags-hover-border-color: #b3b3b3;
}
.asset-sidebar .asset-tagging .tagify--focus {
  background-color: #ffffff;
}
.asset-sidebar .asset-tagging .tagify.tag-selector {
  display: flex;
  justify-content: center;
}
.asset-sidebar .asset-tagging .tagify__input {
  text-align: center;
  min-width: 100%;
  box-sizing: border-box;
}
.asset-sidebar .asset-tagging .tagify__input:before {
  transform: translateX(-50%);
}
.asset-sidebar .header-option .header-option-button {
  margin: auto;
}
.asset-sidebar .header-option .header-option-button .header-option-button-label {
  height: 20px;
  width: 20px;
  min-width: 20px;
}

.asset-sidebar-label-dropdown {
  margin-left: 38px;
}
.asset-sidebar-label-dropdown .cos-basic-dropdown-content-group {
  max-height: 200px !important;
}

.file-content-container.asset-expanded-details {
  width: 100% !important;
}
.file-content-container.asset-expanded-details .asset-header ul.breadcrumb-nav {
  width: calc(100% - 120px);
}
.file-content-container.asset-expanded-details .asset-header .close-btn {
  font-size: 16px;
  white-space: nowrap;
}
@media only screen and (max-width: 650px) {
  .file-content-container.asset-expanded-details .asset-header .close-btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.asset-details-body,
.ro-asset-expanded-details {
  display: flex;
  height: calc(100% - 70px);
}
@media only screen and (max-width: 815px) {
  .asset-details-body,
.ro-asset-expanded-details {
    display: block;
    overflow-y: auto;
  }
}
.asset-details-body .asset-expanded-preview,
.asset-details-body .asset-details,
.ro-asset-expanded-details .asset-expanded-preview,
.ro-asset-expanded-details .asset-details {
  height: 100%;
  width: 100%;
}
.asset-details-body .asset-expanded-preview,
.ro-asset-expanded-details .asset-expanded-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  flex-shrink: 2;
}
@media only screen and (max-width: 815px) {
  .asset-details-body .asset-expanded-preview,
.ro-asset-expanded-details .asset-expanded-preview {
    height: calc(100% - 170px);
  }
}
.asset-details-body .asset-expanded-preview img,
.asset-details-body .asset-expanded-preview video,
.ro-asset-expanded-details .asset-expanded-preview img,
.ro-asset-expanded-details .asset-expanded-preview video {
  max-height: 100%;
  max-width: 100%;
  padding: 5%;
  box-sizing: border-box;
  -o-object-fit: contain;
     object-fit: contain;
}
.asset-details-body .asset-expanded-preview .no-thumbnail,
.ro-asset-expanded-details .asset-expanded-preview .no-thumbnail {
  width: 300px;
}
.asset-details-body .asset-details,
.ro-asset-expanded-details .asset-details {
  display: flex;
  justify-content: center;
  flex-shrink: 3;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 815px) {
  .asset-details-body .asset-details,
.ro-asset-expanded-details .asset-details {
    flex-shrink: 4;
    align-items: flex-start;
  }
}
.asset-details-body .asset-details .asset-text-details,
.ro-asset-expanded-details .asset-details .asset-text-details {
  display: flex;
  justify-content: center;
  overflow-y: auto;
  padding: 30px 20px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 815px) {
  .asset-details-body .asset-details .asset-text-details,
.ro-asset-expanded-details .asset-details .asset-text-details {
    overflow: visible;
  }
}
.asset-details-body .asset-details .asset-text-details .sidebar-actions,
.ro-asset-expanded-details .asset-details .asset-text-details .sidebar-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.asset-details-body .asset-details .asset-text-details .item-preview,
.ro-asset-expanded-details .asset-details .asset-text-details .item-preview {
  display: none;
}
.asset-details-body .asset-details .file-name input,
.ro-asset-expanded-details .asset-details .file-name input {
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  height: 40px;
  padding: 5px 8px;
  width: 100%;
  margin-bottom: 40px;
}
.asset-details-body .asset-details .file-details table tr th,
.ro-asset-expanded-details .asset-details .file-details table tr th {
  text-align: right;
  padding-right: 3px;
  vertical-align: top;
  font-weight: normal;
  color: #999999;
  border: none;
  width: 50%;
}
.asset-details-body .asset-details .file-details table tr td,
.ro-asset-expanded-details .asset-details .file-details table tr td {
  text-align: left;
  padding-left: 3px;
  vertical-align: top;
  border: none;
  width: 50%;
}

.asset-sidebar.asset-versions-sidebar, .asset-sidebar.asset-usage-sidebar, .asset-sidebar.asset-sharing-sidebar {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 140px);
  right: 0;
  top: 0;
}
@media only screen and (min-width: 816px) and (max-width: 1500px) {
  .asset-sidebar.asset-versions-sidebar, .asset-sidebar.asset-usage-sidebar, .asset-sidebar.asset-sharing-sidebar {
    position: absolute;
  }
}
@media only screen and (max-width: 530px) {
  .asset-sidebar.asset-versions-sidebar, .asset-sidebar.asset-usage-sidebar, .asset-sidebar.asset-sharing-sidebar {
    position: absolute;
  }
}
.asset-sidebar.asset-versions-sidebar .sidebar-title, .asset-sidebar.asset-usage-sidebar .sidebar-title, .asset-sidebar.asset-sharing-sidebar .sidebar-title {
  display: flex;
  padding: 5px 6px;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #f7f7f7;
}
.asset-sidebar.asset-versions-sidebar .sidebar-title label,
.asset-sidebar.asset-versions-sidebar .sidebar-title button, .asset-sidebar.asset-usage-sidebar .sidebar-title label,
.asset-sidebar.asset-usage-sidebar .sidebar-title button, .asset-sidebar.asset-sharing-sidebar .sidebar-title label,
.asset-sidebar.asset-sharing-sidebar .sidebar-title button {
  font-size: 14px;
  display: flex;
  margin-bottom: 0;
  line-height: 25px;
}
.asset-sidebar.asset-versions-sidebar .sidebar-title label, .asset-sidebar.asset-usage-sidebar .sidebar-title label, .asset-sidebar.asset-sharing-sidebar .sidebar-title label {
  color: #999999;
  line-height: 23px;
  padding-top: 2px;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list,
.asset-sidebar.asset-versions-sidebar .asset-usage-list,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list, .asset-sidebar.asset-usage-sidebar .asset-version-list,
.asset-sidebar.asset-usage-sidebar .asset-usage-list,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list, .asset-sidebar.asset-sharing-sidebar .asset-version-list,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 35px);
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
  flex-shrink: 0;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version:last-of-type,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage:last-of-type,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version:last-of-type,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage:last-of-type,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version:last-of-type,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage:last-of-type, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version:last-of-type,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage:last-of-type,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version:last-of-type,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage:last-of-type,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version:last-of-type,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage:last-of-type, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version:last-of-type,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage:last-of-type,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version:last-of-type,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage:last-of-type,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version:last-of-type,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage:last-of-type {
  border-bottom: none;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-thumbnail, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-thumbnail, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-thumbnail {
  margin-right: 10px;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-thumbnail .file-thumbnail .no-thumbnail,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail img,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-thumbnail .file-thumbnail .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-info,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .usage-info,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-info,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .usage-info,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-info,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .usage-info,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-info,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .usage-info,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-info,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .usage-info,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-info,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .usage-info, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-info,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .usage-info,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-info,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .usage-info,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-info,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .usage-info,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-info,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .usage-info,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-info,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .usage-info,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-info,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .usage-info, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-info,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .usage-info,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-info,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .usage-info,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-info,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .usage-info,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-info,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .usage-info,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-info,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .usage-info,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-info,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .usage-info {
  width: calc(100% - 70px);
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .usage-info .usage-details p, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .usage-info .usage-details p, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .usage-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .usage-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .usage-info .version-name p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .usage-info .project-name p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .usage-info .usage-details p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-bottom: 0;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage .usage-info .usage-details p, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage .usage-info .usage-details p, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version .usage-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .version-info .usage-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .usage-info .version-details p,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage .usage-info .usage-details p {
  font-size: 12px;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-version.current,
.asset-sidebar.asset-versions-sidebar .asset-version-list .file-usage.current,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-version.current,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .file-usage.current,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-version.current,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .file-usage.current, .asset-sidebar.asset-usage-sidebar .asset-version-list .file-version.current,
.asset-sidebar.asset-usage-sidebar .asset-version-list .file-usage.current,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-version.current,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .file-usage.current,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-version.current,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .file-usage.current, .asset-sidebar.asset-sharing-sidebar .asset-version-list .file-version.current,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .file-usage.current,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-version.current,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .file-usage.current,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-version.current,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .file-usage.current {
  border-bottom: none;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .past-version-separator,
.asset-sidebar.asset-versions-sidebar .asset-version-list .share-separator,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .past-version-separator,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .share-separator,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .past-version-separator,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .share-separator, .asset-sidebar.asset-usage-sidebar .asset-version-list .past-version-separator,
.asset-sidebar.asset-usage-sidebar .asset-version-list .share-separator,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .past-version-separator,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .share-separator,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .past-version-separator,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .share-separator, .asset-sidebar.asset-sharing-sidebar .asset-version-list .past-version-separator,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .share-separator,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .past-version-separator,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .share-separator,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .past-version-separator,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .share-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .past-version-separator span.separator-text,
.asset-sidebar.asset-versions-sidebar .asset-version-list .share-separator span.separator-text,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .past-version-separator span.separator-text,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .share-separator span.separator-text,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .past-version-separator span.separator-text,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .share-separator span.separator-text, .asset-sidebar.asset-usage-sidebar .asset-version-list .past-version-separator span.separator-text,
.asset-sidebar.asset-usage-sidebar .asset-version-list .share-separator span.separator-text,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .past-version-separator span.separator-text,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .share-separator span.separator-text,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .past-version-separator span.separator-text,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .share-separator span.separator-text, .asset-sidebar.asset-sharing-sidebar .asset-version-list .past-version-separator span.separator-text,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .share-separator span.separator-text,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .past-version-separator span.separator-text,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .share-separator span.separator-text,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .past-version-separator span.separator-text,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .share-separator span.separator-text {
  display: flex;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .past-version-separator .line,
.asset-sidebar.asset-versions-sidebar .asset-version-list .share-separator .line,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .past-version-separator .line,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .share-separator .line,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .past-version-separator .line,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .share-separator .line, .asset-sidebar.asset-usage-sidebar .asset-version-list .past-version-separator .line,
.asset-sidebar.asset-usage-sidebar .asset-version-list .share-separator .line,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .past-version-separator .line,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .share-separator .line,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .past-version-separator .line,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .share-separator .line, .asset-sidebar.asset-sharing-sidebar .asset-version-list .past-version-separator .line,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .share-separator .line,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .past-version-separator .line,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .share-separator .line,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .past-version-separator .line,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .share-separator .line {
  display: block;
  height: 8px;
  margin-top: 8px;
  border-top: 1px solid rgba(179, 179, 179, 0.85);
  width: 100%;
}
.asset-sidebar.asset-versions-sidebar .asset-version-list .past-version-separator span,
.asset-sidebar.asset-versions-sidebar .asset-version-list .share-separator span,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .past-version-separator span,
.asset-sidebar.asset-versions-sidebar .asset-usage-list .share-separator span,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .past-version-separator span,
.asset-sidebar.asset-versions-sidebar .asset-sharing-list .share-separator span, .asset-sidebar.asset-usage-sidebar .asset-version-list .past-version-separator span,
.asset-sidebar.asset-usage-sidebar .asset-version-list .share-separator span,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .past-version-separator span,
.asset-sidebar.asset-usage-sidebar .asset-usage-list .share-separator span,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .past-version-separator span,
.asset-sidebar.asset-usage-sidebar .asset-sharing-list .share-separator span, .asset-sidebar.asset-sharing-sidebar .asset-version-list .past-version-separator span,
.asset-sidebar.asset-sharing-sidebar .asset-version-list .share-separator span,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .past-version-separator span,
.asset-sidebar.asset-sharing-sidebar .asset-usage-list .share-separator span,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .past-version-separator span,
.asset-sidebar.asset-sharing-sidebar .asset-sharing-list .share-separator span {
  flex-shrink: 0;
  margin-right: 5px;
  color: #b3b3b3;
}

.asset-usage-list .file-usage {
  align-items: flex-start !important;
  justify-content: space-between !important;
}
.asset-usage-list .file-usage .usage-info {
  display: flex;
  flex-direction: column;
}
.asset-usage-list .file-usage .usage-info .project-name {
  display: flex;
  align-items: center;
  color: #4d4d4d;
}
.asset-usage-list .file-usage .usage-info .project-name p {
  margin: 0 0 0 5px;
}
.asset-usage-list .file-usage .usage-details button.btn.btn-text {
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.asset-usage-list .file-usage .usage-details button.btn.btn-text span.caret-icon:before {
  font-family: "CoS";
  content: "\edc9";
  margin-left: 3px;
}
.asset-usage-list .file-usage .usage-details .usage-types {
  display: none;
}
.asset-usage-list .file-usage .usage-details .usage-types .project-use {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  color: #999999;
}
.asset-usage-list .file-usage .usage-details .usage-types .project-use span,
.asset-usage-list .file-usage .usage-details .usage-types .project-use p {
  margin: 0;
  font-size: 12px;
}
.asset-usage-list .file-usage .usage-details .usage-types .project-use span {
  margin-right: 5px;
}
.asset-usage-list .file-usage .usage-details.expand button.btn.btn-text span.caret-icon:before {
  font-family: "CoS";
  content: "\edc7";
}
.asset-usage-list .file-usage .usage-details.expand .usage-types {
  display: block;
}

.asset-sharing-list {
  margin-top: 5px;
  padding: 0 !important;
}
.asset-sharing-list .share-info,
.asset-sharing-list .share-separator {
  padding: 5px 10px;
}
.asset-sharing-list .share-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: #999999;
}
.asset-sharing-list .share-info.link-share {
  font-style: italic;
}
.asset-sharing-list .share-info.other-share {
  text-decoration: none;
}
.asset-sharing-list .share-info.other-share:after {
  display: none;
  font-family: "CoS";
  content: "\25b2";
  font-size: 12px;
  color: #999999;
  position: absolute;
  right: 10px;
}
.asset-sharing-list .share-info.other-share:hover {
  background-color: #f7f7f7;
}
.asset-sharing-list .share-info.other-share:hover:after {
  display: inline;
}

.asset-manager .upload-status {
  position: absolute;
  width: 250px;
  padding: 12px 15px;
  border-radius: 4px;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  right: 20px;
  bottom: 30px;
  background-color: #ffffff;
  transition: bottom 0.25s ease-in-out;
  z-index: 10;
}
.asset-manager .upload-status.hide-upload {
  bottom: -65px;
}
.asset-manager .upload-status .upload-progress {
  margin-bottom: 2px;
}

.asset-manager.loading .file.loading {
  display: block;
  height: 177px;
  width: 120px;
  box-sizing: border-box;
  border-radius: 10px;
  animation: am-loading-bars 1.1s ease 0s infinite alternate;
}
.asset-manager.loading .file.loading:nth-of-type(2) {
  animation-delay: 0.2s;
}
.asset-manager.loading .file.loading:nth-of-type(3) {
  animation-delay: 0.4s;
}
.asset-manager.loading .file.loading:nth-of-type(4) {
  animation-delay: 0.6s;
}
.asset-manager.loading .file.loading:nth-of-type(5) {
  animation-delay: 0.8s;
}
.asset-manager.loading .file.loading:nth-of-type(6) {
  animation-delay: 1s;
}
.asset-manager.loading .file.loading:nth-of-type(7) {
  animation-delay: 1.2s;
}
.asset-manager.loading .file.loading:nth-of-type(8) {
  animation-delay: 1.4s;
}
.asset-manager.loading .file.loading:nth-of-type(9) {
  animation-delay: 1.6s;
}
.asset-manager.loading .file.loading:nth-of-type(10) {
  animation-delay: 1.8s;
}

@keyframes am-loading-bars {
  0% {
    background-color: #ffffff;
  }
  100% {
    background-color: #f7f7f7;
  }
}
.section.tag-wrapper .tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  padding: 15px 16px;
  font-size: 14px;
  line-height: 16px;
  background-color: #f7f7f7;
  height: 46px;
  border-radius: 46px;
  min-width: 80px;
  box-sizing: border-box;
  color: #666666;
  margin: 0 15px 20px 0;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.section.tag-wrapper .tag:before {
  font-family: "CoS";
  content: "\2b33";
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  margin-right: 3px;
}
.section.tag-wrapper .tag:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
}
.section.tag-wrapper .tag.expand-action {
  background-color: #999999;
  color: #f7f7f7;
}
.section.tag-wrapper .tag.expand-action:before {
  color: #f7f7f7;
  font-family: "CoS";
  content: "\e973";
}
.section.tag-wrapper .tag.expand-action:hover {
  background-color: #666666;
  color: #b3b3b3;
}
.section.tag-wrapper .tag.expand-action:hover:before {
  color: #b3b3b3;
}

.asset-manager .color-label-pill {
  display: flex;
  background-color: #b3b3b3;
  height: 45px;
  min-width: 45px;
  border-radius: 45px;
  position: relative;
  align-items: center;
  margin: 0 15px 20px 0;
  transition: all 0.2s ease;
}
.asset-manager .color-label-pill:hover {
  cursor: pointer;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}
.asset-manager .color-label-pill:hover:before {
  background-color: rgba(255, 255, 255, 0.7);
}
.asset-manager .color-label-pill:before {
  position: absolute;
  height: 100.3%;
  width: 100.3%;
  display: block;
  content: " ";
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
  border-radius: 45px;
  transition: background-color 0.2s ease;
}
.asset-manager .color-label-pill .color-label-dot {
  display: block;
  height: 45px;
  width: 45px;
  border-radius: 45px;
  background-color: #b3b3b3;
  z-index: 2;
}
.asset-manager .color-label-pill p.label-name {
  color: #b3b3b3;
  margin: 0 25px 0 10px;
  z-index: 2;
  font-weight: bold;
}
.asset-manager .color-labels.picker-color {
  display: flex;
  justify-content: center;
  position: relative;
}
.asset-manager .color-labels.picker-color button.btn-round-text {
  display: flex;
  align-items: center;
}
.asset-manager .color-labels.picker-color button.btn-round-text .btn.btn-color {
  height: 20px;
  width: 20px;
}
.asset-manager .color-labels.picker-color button.btn-round-text p.label-name {
  color: #666666;
  margin: 0 0 0 5px;
}
.asset-manager .color-labels.picker-color .dropdown-menu {
  margin: 5px 10px;
  width: 90%;
  top: 20px;
}
.asset-manager .color-labels.picker-color .dropdown-menu ul.titled-labels li {
  box-sizing: border-box;
}
.asset-manager .color-labels.picker-color .dropdown-menu .btn.btn-color {
  height: 20px;
  width: 20px;
}
.asset-manager .asset-sidebar .color-labels.picker-color .dropdown-menu .labels-scroll {
  max-height: 220px;
}

.modal.new-folder-modal .modal-body {
  min-height: 0;
  padding: 0;
}
.modal.new-folder-modal .modal-body input {
  font-size: 28px;
  height: auto;
  width: 100%;
  margin-bottom: 0;
  padding: 10px;
  border: none;
  box-sizing: border-box;
}
.modal.new-folder-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.modal.new-folder-modal .modal-footer:before, .modal.new-folder-modal .modal-footer:after {
  display: none;
}

.copy-move-modal .modal-sub-header .breadcrumb-nav.small-nav li {
  margin: 0;
}
.copy-move-modal .modal-sub-header .breadcrumb-nav.small-nav li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.copy-move-modal .modal-sub-header .breadcrumb-nav.small-nav li.root, .copy-move-modal .modal-sub-header .breadcrumb-nav.small-nav li.ellipses {
  flex-shrink: 0;
}
.copy-move-modal .modal-body.cos-list {
  padding: 0;
}
.copy-move-modal .modal-body.cos-list ul li {
  animation: slide-in-left 0.25s ease;
}
@keyframes slide-in-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.copy-move-modal .modal-body.cos-list a li {
  display: flex;
  align-items: center;
}
.copy-move-modal .modal-body.cos-list a li:after {
  display: none;
}
.copy-move-modal .modal-body.cos-list a li .directory-type {
  font-size: 20px;
  margin: -3px 10px 0 0;
}
.copy-move-modal .modal-body.cos-list a li .directory-type.favorite {
  position: relative;
}
.copy-move-modal .modal-body.cos-list a li .directory-type.favorite:after {
  font-family: "CoS";
  content: "\272d";
  position: absolute;
  font-size: 8px;
  color: #ffffff;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
}
.copy-move-modal .modal-body.cos-list a li p {
  margin: 0;
}
.copy-move-modal .modal-body.cos-list a li .nav-to-sub-folder {
  position: absolute;
  right: 0;
  box-sizing: content-box;
  width: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  padding: 15px 22px;
}
.copy-move-modal .modal-body.cos-list a.selected li, .copy-move-modal .modal-body.cos-list a.selected:hover li, .copy-move-modal .modal-body.cos-list a.selected:focus li {
  background-color: #eee;
}

.file.gu-mirror {
  background-color: transparent;
  animation: none;
  transform: scale(0.9, 0.9);
  opacity: 1;
}
.file.gu-mirror:hover, .file.gu-mirror:focus, .file.gu-mirror:active {
  background-color: transparent;
  cursor: grab;
}
.file.gu-mirror .file-name p {
  background-color: #e6e6e6;
  border-radius: 4px;
}
.file.gu-mirror.selected .preview a img {
  border-color: transparent;
}
.file.gu-mirror.selected .preview:after {
  display: none;
}
.file.gu-mirror.selected .file-name p {
  color: #666666;
}
.file.gu-mirror button.favorite {
  display: none;
}
.file.gu-mirror.multiple:after {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  border-radius: 80px;
  background-color: #d17760;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  content: attr(data-selected-asset-count);
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  right: -10px;
  bottom: 45px;
  z-index: 1;
}

.file-wrapper .file.dragover {
  background-color: #e6e6e6;
  border-color: #b3b3b3;
  cursor: grab;
  border-radius: 4px;
}

.file-container.is-dragging .file.selected,
.file-container.is-dragging [data-droppable|=false] {
  background-color: transparent;
  border-color: transparent;
  opacity: 0.5;
}

.asset-manager .calendar-drag-action.drag-delete {
  right: 295px;
  animation: dropspot-delete-dam 0.5s;
}
@keyframes dropspot-delete-dam {
  0% {
    right: 295px;
    bottom: -50px;
  }
  100% {
    right: 295px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 815px) {
  .asset-manager .calendar-drag-action.drag-delete {
    right: 20px;
    animation: dropspot-delete 0.5s;
  }
}

.modal.share-asset-modal .modal-header, .modal.share-asset-modal .delete-confirmation .delete-header, .delete-confirmation .modal.share-asset-modal .delete-header,
.modal.share-asset-modal .modal-sub-header {
  top: 0;
  border-bottom: 0;
}
.modal.share-asset-modal .modal-header h3, .modal.share-asset-modal .delete-confirmation .delete-header h3, .delete-confirmation .modal.share-asset-modal .delete-header h3,
.modal.share-asset-modal .modal-sub-header h3 {
  padding-bottom: 10px;
}
.modal.share-asset-modal .modal-header p, .modal.share-asset-modal .delete-confirmation .delete-header p, .delete-confirmation .modal.share-asset-modal .delete-header p,
.modal.share-asset-modal .modal-sub-header p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 75%;
}
.modal.share-asset-modal .modal-body {
  display: flex;
  flex-direction: column;
  padding: 25px 15px 20px;
  min-height: 60px;
}
.modal.share-asset-modal .modal-body .power-tip-btn-wrapper {
  position: absolute;
  right: 9px;
  top: 9px;
}
.modal.share-asset-modal .modal-body .power-tip-btn-wrapper [class*=tooltip][data-tooltip]:after {
  left: -12px;
}
.modal.share-asset-modal .modal-body .power-tip-btn-wrapper .helper-pulse {
  top: 4px;
  left: 1px;
}
.modal.share-asset-modal .modal-body.read-only-share {
  padding: 10px 25px 20px;
}
.modal.share-asset-modal .modal-body.read-only-share .read-only-share-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 17px 0 0;
}
.modal.share-asset-modal .modal-body .share-link-title {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}
.modal.share-asset-modal .modal-body .link-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.modal.share-asset-modal .modal-body .link-container.sharing {
  border-radius: 30px;
  background-color: #f7f7f7;
  cursor: pointer;
}
.modal.share-asset-modal .modal-body .link-container.sharing .link-icon-contain {
  margin-right: 0;
}
.modal.share-asset-modal .modal-body .link-container .link-icon-contain {
  margin-right: 10px;
  text-align: center;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background-color: #f7f7f7;
  flex-shrink: 0;
}
.modal.share-asset-modal .modal-body .link-container .link-icon-contain span {
  line-height: 30px;
  color: #6ba066;
}
.modal.share-asset-modal .modal-body .link-container .copy-button {
  width: 60px;
  flex-shrink: 0;
  box-sizing: content-box;
  margin-left: auto;
}
.modal.share-asset-modal .modal-body .pdf-download {
  margin: 5px auto 0 0;
}

.navbar-ro.assets {
  box-sizing: border-box;
  height: auto;
  z-index: 101;
}
.navbar-ro.assets ul.breadcrumb-nav {
  width: calc(100% - 320px);
  margin-left: 5px;
  width: auto;
}
.navbar-ro.assets ul.breadcrumb-nav li {
  display: flex;
  margin: 0;
  max-width: 100%;
}
.navbar-ro.assets ul.breadcrumb-nav li:first-of-type, .navbar-ro.assets ul.breadcrumb-nav li.root, .navbar-ro.assets ul.breadcrumb-nav li.ellipses {
  flex-shrink: 0;
}
@media only screen and (max-width: 1100px) {
  .navbar-ro.assets ul.breadcrumb-nav li.ellipses + li.sub-folder, .navbar-ro.assets ul.breadcrumb-nav li.root + li.sub-folder {
    display: none;
  }
}
.navbar-ro.assets ul.breadcrumb-nav li.sub-folder, .navbar-ro.assets ul.breadcrumb-nav li.current-folder, .navbar-ro.assets ul.breadcrumb-nav li.current-item {
  max-width: 25%;
}
@media only screen and (max-width: 1100px) {
  .navbar-ro.assets ul.breadcrumb-nav li.sub-folder, .navbar-ro.assets ul.breadcrumb-nav li.current-folder, .navbar-ro.assets ul.breadcrumb-nav li.current-item {
    max-width: 35%;
  }
}
.navbar-ro.assets ul.breadcrumb-nav li.current-folder, .navbar-ro.assets ul.breadcrumb-nav li.current-item {
  max-width: 40%;
}
@media only screen and (max-width: 1100px) {
  .navbar-ro.assets ul.breadcrumb-nav li.current-folder, .navbar-ro.assets ul.breadcrumb-nav li.current-item {
    max-width: 60%;
  }
}
.navbar-ro.assets ul.breadcrumb-nav li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.navbar-ro.assets ul.breadcrumb-nav li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0 6px;
  max-width: calc(20vw - 50px);
}
.navbar-ro.assets ul.breadcrumb-nav li span[class^=icon] {
  top: 0;
}
.navbar-ro.assets ul.breadcrumb-nav li span[class^=type-icon-] {
  margin-right: 10px;
}

.ro-file-container,
.ro-asset-expanded-details {
  position: relative;
}
.ro-file-container .empty-state-no-upload,
.ro-asset-expanded-details .empty-state-no-upload {
  margin-top: 40vh;
}

.ro-asset-expanded-details {
  height: calc(100vh - 104px);
  overflow: hidden;
}
.ro-asset-expanded-details .asset-text-details .file-name p {
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  padding: 5px 8px;
  width: 100%;
  margin-bottom: 40px;
  max-height: 270px;
  overflow: hidden;
  word-break: break-word;
}
.ro-asset-expanded-details .asset-text-details .file-name.has-description p {
  margin-bottom: 20px;
}
.ro-asset-expanded-details .asset-text-details table tr th,
.ro-asset-expanded-details .asset-text-details table tr td {
  border: none;
}
.ro-asset-expanded-details .asset-text-details .asset-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-height: 500px) {
  .ro-asset-expanded-details .asset-text-details {
    align-items: center;
  }
}

.connect-to-dropbox,
.connect-to-google-drive,
.connect-to-onedrive {
  display: block;
  margin-top: 20px;
  padding: 12px 50px;
  border-radius: 40px;
  background-color: #999999;
  color: #ffffff;
}
.connect-to-dropbox:hover,
.connect-to-google-drive:hover,
.connect-to-onedrive:hover {
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}

.connect-to-dropbox {
  background-color: #0061ff;
}
.connect-to-dropbox:hover {
  background-color: #0049bf;
}

.connect-to-google-drive {
  background-color: #19a65f;
}
.connect-to-google-drive:hover {
  background-color: #137d47;
}

.connect-to-onedrive {
  background-color: #0178d5;
}
.connect-to-onedrive:hover {
  background-color: #015aa0;
}

.gdoc-spreadsheet:before,
.gdoc-document:before,
.gdoc-presentation:before,
.gdoc-form:before,
.office365-word:before,
.office365-excel:before,
.office365-powerpoint:before {
  content: "";
  background-size: 12px auto;
  padding-left: 20px;
}

.gdoc-spreadsheet:before {
  background: url(https://drive-thirdparty.googleusercontent.com/16/type/application/vnd.google-apps.spreadsheet) left center no-repeat;
}

.gdoc-document:before {
  background: url(https://drive-thirdparty.googleusercontent.com/16/type/application/vnd.google-apps.document) left center no-repeat;
}

.gdoc-presentation:before {
  background: url(https://drive-thirdparty.googleusercontent.com/16/type/application/vnd.google-apps.presentation) left center no-repeat;
}

.gdoc-form:before {
  background: url(https://drive-thirdparty.googleusercontent.com/16/type/application/vnd.google-apps.form) left center no-repeat;
}

.office365-word:before {
  background: url("/img/integrations/microsoft-365/microsoft-word-a205e2360e6b1ae5a1965c1492c4f7dd.svg") left center no-repeat;
}

.office365-excel:before {
  background: url("/img/integrations/microsoft-365/microsoft-excel-cb691afaf8b3eeaac96d9bf9591f3783.svg") left center no-repeat;
}

.office365-powerpoint:before {
  background: url("/img/integrations/microsoft-365/microsoft-powerpoint-c9fbd0856d4fae75f7963aeb2caf0738.svg") left center no-repeat;
}

.fs-takeover-wrapper.compliance-modal {
  z-index: 9000 !important;
  height: 100vh;
  width: 100%;
  overflow-y: scroll;
  min-height: initial;
  position: absolute;
  background-color: white;
}
.fs-takeover-wrapper.compliance-modal .fs-takeover-header {
  height: 35%;
}
.fs-takeover-wrapper.compliance-modal .fs-takeover-content {
  height: 65%;
  width: 65%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.fs-takeover-wrapper.compliance-modal .compliance-warning-wrapper {
  height: 125px;
  display: flex;
  border: 1px solid #d15451;
  border-radius: 8px;
  margin-bottom: 20px;
}
.fs-takeover-wrapper.compliance-modal .compliance-alert,
.fs-takeover-wrapper.compliance-modal .compliance-error-message {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
}
.fs-takeover-wrapper.compliance-modal .compliance-alert {
  border-radius: 7px 0 0 7px;
  background-color: #d15451;
  color: white;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.modal.upsell-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  width: 100%;
  transform: translateX(0);
  background-color: transparent;
}
.modal.upsell-modal .modal-container {
  background-color: #ffffff;
  max-width: 1050px;
  min-width: 900px;
  margin: 30px auto;
  padding: 40px;
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.modal.upsell-modal .modal-container .close-icon-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  padding-right: 5px;
}
.modal.upsell-modal .modal-container .upsell-warning {
  border: 1px solid #ec8864;
  border-radius: 10px;
  display: flex;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  color: #ec8864;
  align-items: center;
  justify-content: center;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  gap: 15px;
  padding: 10px 15px;
}
.modal.upsell-modal .modal-container .upsell-warning .lock-icon {
  width: 20px;
}
.modal.upsell-modal .modal-container h3 {
  font-size: 32px;
  text-align: center;
  margin: 30px 0 15px;
}
.modal.upsell-modal .modal-container h3 .italic-light {
  font-style: italic;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.modal.upsell-modal .modal-container .trial-text {
  text-align: center;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}
.modal.video-upsell-modal {
  width: 600px;
}
.modal.video-upsell-modal .modal-container {
  text-align: center;
  padding-bottom: 30px;
}
.modal.video-upsell-modal .modal-container .button.close-icon-btn {
  position: absolute;
  top: -15px;
  right: -18px;
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #4d4d4d;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  margin: 0;
}
.modal.video-upsell-modal .modal-container .button [class^=icon-] {
  font-size: 15px;
  margin: 0;
  padding: 0;
}
.modal.video-upsell-modal .modal-container .video {
  width: 100%;
  height: 300px;
  border: 1px solid #e6e6e6;
  border-radius: 5px 5px 0 0;
  margin: 0 auto 10px;
}
.modal.video-upsell-modal .modal-container h3 {
  font-size: 24px;
  padding: 10px 80px 0;
  line-height: 30px;
}
.modal.video-upsell-modal .modal-container p {
  font-size: 15px;
  line-height: 22px;
  padding: 0 60px 10px;
}
.modal.video-upsell-modal .modal-container .button {
  margin: 10px auto;
}
.modal.video-upsell-modal .modal-container .button.text-link {
  display: block;
  font-style: italic;
  margin: 0 auto 10px;
}

.fs-takeover-wrapper.downgrade-page {
  overflow-y: scroll;
  height: 100%;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-header {
  height: auto;
  width: 100%;
  padding: 20px 0;
  background-color: #d15451;
  color: #ffffff;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-header .icon-lock {
  padding: 15px;
  border-radius: 50%;
  background-color: #b94a48;
  font-size: 28px;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-header .feature-bucket-container {
  width: 225px;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 15px;
  margin: 20px 30px;
  border-radius: 8px;
  background-color: #ffffff;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-header .feature-bucket-container h4 {
  color: #4d4d4d;
  text-align: left;
  font-size: 15px;
  padding-top: 10px;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-header .feature-bucket-container p {
  width: 100%;
  max-width: initial;
  font-size: 12px;
  color: #666666;
  text-align: left;
  line-height: 20px;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-header .feature-bucket-container img {
  height: 125px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  background-color: #f7f7f7;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content {
  height: auto;
  width: 60%;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin: 20px auto;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .feature-bucket-description-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 25px 0;
  margin: 10px auto 30px;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .feature-bucket-description-wrapper h3 {
  color: #d15451;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .feature-description {
  width: 75%;
  margin-bottom: 30px;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .feature-description p {
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .featurette {
  margin: 25px 35px 25px 0;
  display: flex;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .featurette .featurette-icon {
  width: 65px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 15px auto 0;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .featurette p {
  font-size: 13px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .feature-image {
  width: 390px;
  -o-object-fit: contain;
     object-fit: contain;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .limit-image {
  position: relative;
  border-radius: 4px;
  padding: 5px;
}
.fs-takeover-wrapper.downgrade-page .fs-takeover-content .limit-image .limit-shown {
  opacity: 1;
  width: 500px;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper {
  width: 100%;
  justify-content: center;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .left-option {
  height: 550px;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .product-list {
  position: relative;
  width: 340px;
  margin: 60px 20px;
  background-color: #ffffff;
  border-radius: 4px;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .product-list .package-features {
  width: 75%;
  margin-left: 20%;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .product-list .marketing-calendar-image {
  position: absolute;
  top: -20px;
  left: 45%;
  height: 45px;
  width: 45px;
  background-color: #e6e6e6;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .product-list h4 {
  margin: 40px auto 30px;
  text-align: center;
  font-weight: 700;
  color: #333333;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .product-list ul {
  margin: 0 0 10px 15px;
  list-style-type: none;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .product-list ul li {
  font-size: 12px;
  line-height: 28px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .product-list ul li span {
  margin-right: 5px;
  color: #cccccc;
}
.fs-takeover-wrapper.downgrade-page .product-comparison-wrapper .product-list ul li .icon-checkmark-2 {
  color: #8ac884;
}
.fs-takeover-wrapper.downgrade-page .downgrade-header-text {
  color: #d15451;
}

.fs-takeover-wrapper.reactivation-modal-home {
  position: absolute;
  height: 100%;
  width: calc(100% - 240px);
  right: 0;
  z-index: 99999;
  background-color: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 1400px) {
  .fs-takeover-wrapper.reactivation-modal-home {
    width: 100%;
  }
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-header {
  height: 40%;
  justify-content: flex-end;
  color: #4d4d4d;
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-header p {
  max-width: 90%;
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-content {
  height: auto;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 30px 0;
  color: #4d4d4d;
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-content button {
  margin: 0 0 20px;
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-content.reactivate-pro button {
  min-width: 300px;
  margin: 0 0 10px;
  padding: 10px 12px;
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-content.reactivate-pro button:not(.outline) {
  position: relative;
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-content.reactivate-pro button:not(.outline):before {
  content: "";
  display: block;
  background: url(/img/downgrade/banner-7a6c6a653a0ba9fcfb4d6475f9ce7441.svg) no-repeat;
  width: 15px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 10px;
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-footer {
  width: calc(100% - 240px);
  right: 0;
  left: initial;
  justify-content: center;
  box-shadow: none;
  background-color: #e6e6e6;
}
.fs-takeover-wrapper.reactivation-modal-home .fs-takeover-footer button {
  margin: auto 20px;
}

.fs-takeover-wrapper.reactivation-modal-wp .fs-takeover-header {
  justify-content: flex-end;
}
.fs-takeover-wrapper.reactivation-modal-wp .fs-takeover-content button {
  margin: 20px auto auto;
}

.error-page-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background: #ffffff url("/img/error-bkgd-248827e4a459284c331b8f912e9c41b6.jpg") no-repeat center;
  background-size: cover;
}
.error-page-wrapper .error-page-card {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 30px #666666;
  padding: 20px 40px;
  width: 750px;
  height: 400px;
}
@media (max-width: 600px) {
  .error-page-wrapper .error-page-card {
    height: calc(100vh - 40px);
    border-radius: 0;
  }
  .error-page-wrapper .error-page-card .mia-shrug-gif {
    display: none;
  }
}
.error-page-wrapper .error-page-card .mia-shrug-gif {
  position: relative;
  margin-right: 20px;
}
.error-page-wrapper .error-page-card .mia-shrug-gif img {
  position: relative;
  max-width: 250px;
  max-height: 250px;
  z-index: 10;
}
.error-page-wrapper .error-page-card .mia-shrug-gif:before {
  content: "";
  background-color: #8ed9fc;
  position: absolute;
  top: 0;
  left: 4px;
  width: 233px;
  height: 233px;
  border-radius: 50%;
  z-index: 1;
}
.error-page-wrapper .error-page-card .error-page-content p {
  margin: 10px 0 20px;
}

.team-horizontal-wrapper {
  max-height: calc(100% - 43px);
}
.team-horizontal-wrapper .grid-row {
  display: grid;
  width: 100%;
  grid-template-rows: auto;
}
.team-horizontal-wrapper .grid-row.sticky-top {
  z-index: 1190;
  border-bottom: 2px solid #cccccc;
}
.team-horizontal-wrapper .grid-row.bin .day-cell {
  padding: 5px 0 25px;
}
.team-horizontal-wrapper .grid-row.bin .day-grid-1 {
  margin-top: -5px;
}
.team-horizontal-wrapper .grid-row.bin .day-grid-3 {
  background-color: initial;
}
.team-horizontal-wrapper .grid-row.bin .day-grid-3 .task-card:not(.card-highlight):not(.card-hovered) {
  border: 2px solid #f7f7f7;
}
.team-horizontal-wrapper .grid-row .toggle {
  border-right: 2px solid #cccccc;
}
.team-horizontal-wrapper .grid-row .team-member {
  max-height: 60px;
  justify-content: space-between;
  border-right: 1px dotted #cccccc;
  top: 0;
  z-index: 11;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper {
  width: 100%;
  height: 40px;
  justify-content: center;
  padding: 6px 0;
  margin: 0 10px;
  min-width: 220px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-image {
  margin-right: 12px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-stats-wrapper {
  max-width: 150px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-name {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .task-data {
  min-width: 100px;
  height: 20px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .task-data .data-badge {
  min-width: 7px;
  margin-bottom: -1px;
  margin-left: 6px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .task-data .loading-wrapper {
  min-height: initial;
  align-items: initial;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up {
  top: 0;
  left: 0;
  width: 100%;
  min-width: 220px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-wrapper {
  margin: 0 0 8px;
  justify-content: center;
}
.team-horizontal-wrapper .grid-row .team-member:hover {
  z-index: 100;
}
.team-horizontal-wrapper .grid-row .team-member:last-child {
  border-right: 1px solid #ffffff;
}
.team-horizontal-wrapper .grid-row .team-member.is-dragging {
  cursor: grabbing;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.5);
  z-index: 110;
}
.team-horizontal-wrapper .grid-row .team-member.is-dragging .tm-wrapper .tm-pop-up {
  visibility: hidden;
  opacity: 0;
  transition: none;
  transition-delay: 0s;
}
.team-horizontal-wrapper .grid-row .date {
  min-height: 100px;
  text-align: right;
  padding: 5px 15px 15px 0;
  border-right: 2px solid #cccccc;
  position: sticky;
  background-color: #ffffff;
  left: 0;
  z-index: 1110;
}
.team-horizontal-wrapper .grid-row .date label {
  margin: 0;
}
.team-horizontal-wrapper .grid-row .date > div {
  position: sticky;
  top: 65px;
}
.team-horizontal-wrapper .grid-row .date > div.bin {
  top: calc(25vh + 65px);
}
.team-horizontal-wrapper .grid-row .day-grid-1 {
  height: initial;
}
.team-horizontal-wrapper .grid-row.bin {
  height: 20vh;
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-rows: auto;
  position: sticky;
  top: 60px;
  z-index: 1120;
  background-color: #f7f7f7;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.team-horizontal-wrapper .grid-row.bin + .bin {
  top: calc(20vh + 61px);
}
.team-horizontal-wrapper .grid-row.bin .day-cell.bin.past-due {
  grid-template-rows: auto;
}
.team-horizontal-wrapper .grid-row.bin.past-due-open {
  box-shadow: initial;
  z-index: 1130;
  border-bottom: 1px solid #cccccc;
}
.team-horizontal-wrapper .grid-row.bin .btn-cell {
  background-color: #f7f7f7;
  border-bottom: 0;
  border-right: 2px solid #cccccc;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: sticky;
  padding: 10px 3px 0 0;
  left: 0;
  z-index: 1110;
}
.team-horizontal-wrapper .grid-row.bin .btn-cell label {
  margin: 0;
  padding-right: 10px;
  color: #666666;
}
.team-horizontal-wrapper .grid-row.bin .day-cell {
  overflow: auto;
  border-bottom: none;
}
.team-horizontal-wrapper .grid-row .is-dragging ~ .team-member {
  border-left: 1px dotted #cccccc;
  margin-right: -1px;
}

.team-vertical-wrapper {
  height: calc(100% - 43px);
}
.team-vertical-wrapper .grid-row {
  display: flex;
  height: 100%;
}
.team-vertical-wrapper .grid-row.sticky-top {
  z-index: 1190;
}
.team-vertical-wrapper .grid-row .toggle {
  width: 70px;
  border-bottom: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
}
.team-vertical-wrapper .grid-row .date {
  width: calc((100vw - 180px) / 7);
  min-width: 180px;
  border-bottom: 2px solid #cccccc;
  border-right: 1px dotted #cccccc;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.team-vertical-wrapper .grid-row .date label,
.team-vertical-wrapper .grid-row .date div {
  margin: 0 0 0 12px;
}
.team-vertical-wrapper .grid-row .date:last-child {
  border-right: none;
}
.team-vertical-wrapper .grid-row .team-member {
  width: 70px;
  flex-direction: column;
  left: 0;
  z-index: 1180;
  border-bottom: 1px solid #cccccc;
  border-right: 2px solid #cccccc;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper {
  justify-content: flex-start;
  flex-direction: column;
  flex-grow: 2;
  margin: 25px 0 40px;
  min-width: 50px;
  min-height: 118px;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-name {
  display: none;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data {
  flex-direction: column;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data .tm-tasks {
  margin-top: 8px;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data .data-badge {
  margin-top: 8px;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data .loading-wrapper {
  min-height: 78px;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up {
  top: -12px;
  left: -7px;
  min-width: 250px;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-wrapper {
  margin: 12px;
  align-items: flex-start;
  flex-direction: row;
  min-height: auto;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-wrapper .tm-image {
  margin-right: 10px;
}
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-wrapper .tm-name {
  display: block;
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 500;
  white-space: nowrap;
}
.team-vertical-wrapper .grid-row .team-member:hover {
  z-index: 1195;
}
.team-vertical-wrapper .grid-row .day-cell {
  width: calc((100vw - 180px) / 7);
  min-width: 180px;
}
.team-vertical-wrapper .grid-row .day-cell .day-grid-1 {
  height: initial;
}
.team-vertical-wrapper .grid-row .day-cell.bin .task-card:not(.card-highlight):not(.card-hovered) {
  border: 2px solid #f7f7f7;
}
.team-vertical-wrapper .grid-row .btn-cell {
  width: calc((100vw - 180px) / 7);
  min-width: 180px;
  font-size: 18px;
  font-weight: 700;
  color: #4d4d4d;
  border-bottom: 2px solid #cccccc;
  border-right: none;
  position: sticky;
  top: 0;
  left: 72px;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: linear-gradient(90deg, #f7f7f7 0%, #f7f7f7 96%, rgba(0, 0, 0, 0.25) 96%, rgba(255, 255, 255, 0) 100%);
  padding: 0 2px 0 15px;
}
.team-vertical-wrapper .grid-row .btn-cell + .btn-cell {
  left: calc((100vw - 180px) / 7 + 90px);
}
.team-vertical-wrapper .grid-row .btn-cell.past-due-open {
  background: #f7f7f7;
  border-right: 1px solid #cccccc;
  z-index: 1110;
}
.team-vertical-wrapper .grid-row .day-cell.bin {
  border-right: none;
  position: sticky;
  left: 72px;
  padding: 5px 13px 20px 4px;
  grid-template-rows: initial;
  display: block;
  background: linear-gradient(90deg, #f7f7f7 0%, #f7f7f7 96%, rgba(0, 0, 0, 0.25) 96%, rgba(255, 255, 255, 0) 100%);
  z-index: 1100;
}
.team-vertical-wrapper .grid-row .day-cell.bin + .day-cell {
  left: calc((100vw - 180px) / 7 + 90px);
}
.team-vertical-wrapper .grid-row .day-cell.bin.past-due-open {
  background: #f7f7f7;
  border-right: 1px solid #cccccc;
  z-index: 1110;
}
.team-vertical-wrapper .grid-row .day-cell.bin .day-grid-1 {
  height: 25px;
  margin-top: -5px;
}
.team-vertical-wrapper .sortable-item:last-child .team-member .tm-wrapper .tm-pop-up {
  bottom: -30px;
  top: auto;
  height: initial;
}
.team-vertical-wrapper .sortable-item.is-dragging {
  box-shadow: 0 2px 25px -2px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  z-index: 2000;
}
.team-vertical-wrapper .sortable-item.is-dragging .grid-row .team-member .tm-wrapper .tm-pop-up {
  visibility: hidden;
  opacity: 0;
  transition: none;
  transition-delay: 0s;
}
.team-vertical-wrapper .is-dragging ~ .sortable-item {
  border-top: 1px solid #cccccc;
  margin-bottom: -1px;
}
.team-vertical-wrapper .grid-row ~ .ember-view {
  display: grid;
}

.team-vertical-wrapper .grid-row .day-cell.no-weekends,
.team-vertical-wrapper .grid-row.no-weekends .date {
  width: calc((100vw - 151px) / 5);
}

.team-horizontal-wrapper,
.team-vertical-wrapper {
  max-width: 100%;
  background-color: #ffffff;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 60px auto;
  overflow: auto;
  border-top: 1px solid #e6e6e6;
  animation-name: fade-in;
  animation-duration: 0.3s;
}
.team-horizontal-wrapper .tm-tasks,
.team-horizontal-wrapper .data-badge,
.team-vertical-wrapper .tm-tasks,
.team-vertical-wrapper .data-badge {
  animation-name: fade-in;
  animation-duration: 0.5s;
}
.team-horizontal-wrapper .grid-row,
.team-vertical-wrapper .grid-row {
  background-color: #ffffff;
}
.team-horizontal-wrapper .grid-row.sticky-top,
.team-vertical-wrapper .grid-row.sticky-top {
  position: sticky;
  top: 0;
}
.team-horizontal-wrapper .grid-row .toggle,
.team-vertical-wrapper .grid-row .toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  background-color: #ffffff;
  left: 0;
  z-index: 120;
}
.team-horizontal-wrapper .grid-row .toggle .btn-icon,
.team-vertical-wrapper .grid-row .toggle .btn-icon {
  font-size: 20px;
  color: #999999;
  padding: 7px 12px;
  display: inherit;
  transition: all 0.2s ease;
}
.team-horizontal-wrapper .grid-row .toggle .btn-icon .icon,
.team-vertical-wrapper .grid-row .toggle .btn-icon .icon {
  margin: 0;
}
.team-horizontal-wrapper .grid-row .toggle .btn-icon:hover, .team-horizontal-wrapper .grid-row .toggle .btn-icon:focus,
.team-vertical-wrapper .grid-row .toggle .btn-icon:hover,
.team-vertical-wrapper .grid-row .toggle .btn-icon:focus {
  color: #666666;
  background-color: #f7f7f7;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.team-horizontal-wrapper .grid-row .date,
.team-vertical-wrapper .grid-row .date {
  font-size: 18px;
  font-weight: 700;
  color: #4d4d4d;
  background-color: #ffffff;
}
.team-horizontal-wrapper .grid-row .date.today,
.team-vertical-wrapper .grid-row .date.today {
  color: #62acc4;
  background-color: #e9f0f4;
}
.team-horizontal-wrapper .grid-row .date.today label,
.team-vertical-wrapper .grid-row .date.today label {
  color: #b3b3b3;
}
.team-horizontal-wrapper .grid-row .team-member,
.team-vertical-wrapper .grid-row .team-member {
  display: flex;
  align-items: center;
  position: sticky;
  background-color: #ffffff;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-image,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-image {
  height: 40px;
  width: 40px;
  background-color: #b3b3b3;
  border-radius: 50%;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-image img,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-image img {
  border-radius: 50%;
  height: 40px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .task-data,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  opacity: 0.7;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .task-data .tm-tasks,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data .tm-tasks {
  color: #8ac884;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .task-data .tm-tasks.orange,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data .tm-tasks.orange {
  color: #d17760;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .task-data .data-badge,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data .data-badge {
  padding: 0 4px;
  height: 15px;
  border: 1px solid #b3b3b3;
  border-radius: 30px;
  display: flex;
  align-items: center;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .task-data .data-badge.past-due,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .task-data .data-badge.past-due {
  color: #d17760;
  border: 1px solid #db8773;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up {
  position: absolute;
  height: auto;
  opacity: 0;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.5);
  z-index: 100;
  visibility: hidden;
  transition: all 0.2s ease;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-wrapper label,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-wrapper label {
  margin: 0;
  min-width: 100px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-wrapper label .icon,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-wrapper label .icon {
  font-size: 11px;
  margin-right: 2px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-subtitle,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-subtitle {
  font-size: 12px;
  color: #b3b3b3;
  padding: 0 16px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-data-section,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-data-section {
  height: 35px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #4d4d4d;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-data-section .data,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-data-section .data {
  font-weight: 700;
  margin-right: 4px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-data-section .data-badge,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-data-section .data-badge {
  font-weight: 700;
  padding: 0 5px;
  margin-bottom: -1px;
  height: 17px;
  border: 1px solid #999999;
  border-radius: 30px;
  display: flex;
  align-items: center;
  color: #4d4d4d;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-data-section .data-badge.orange,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tm-data-section .data-badge.orange {
  border: 1px solid #db8773;
  color: #d17760;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tasks-progress,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tasks-progress {
  height: 35px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tasks-progress .progress,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tasks-progress .progress {
  flex: 1 1 auto;
  height: 8px;
  width: auto;
  border-radius: 15px;
  margin: 0;
  background-color: #eaeaea;
  background-image: none;
  box-shadow: none;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tasks-progress .progress .bar,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tasks-progress .progress .bar {
  width: 50%;
  background-color: #d17760;
  background-image: none;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tasks-progress .percentage,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .tasks-progress .percentage {
  font-size: 13px;
  font-weight: 500;
  color: #d17760;
  margin-left: 16px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up hr,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up hr {
  margin: 12px 16px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text {
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
  white-space: nowrap;
  color: #b3b3b3;
  padding: 6px 0;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text .icon,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text .icon {
  font-size: 12px;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text a,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text a {
  color: #b3b3b3;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text:hover a,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text:hover a {
  color: #666666;
  text-decoration: none;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text:hover .icon,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper .tm-pop-up .btn-text:hover .icon {
  color: #666666;
}
.team-horizontal-wrapper .grid-row .team-member .tm-wrapper:hover .tm-pop-up,
.team-vertical-wrapper .grid-row .team-member .tm-wrapper:hover .tm-pop-up {
  cursor: default;
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease;
  transition-delay: 1s;
}
.team-horizontal-wrapper .grid-row .team-member:hover,
.team-vertical-wrapper .grid-row .team-member:hover {
  cursor: grab;
}
.team-horizontal-wrapper .grid-row .team-member:hover .tm-wrapper .task-data,
.team-vertical-wrapper .grid-row .team-member:hover .tm-wrapper .task-data {
  opacity: 1;
  transition: all 0.2s ease;
}
.team-horizontal-wrapper .grid-row .day-cell,
.team-vertical-wrapper .grid-row .day-cell {
  border-bottom: 1px solid #cccccc;
  border-right: 1px dotted #cccccc;
  display: grid;
  grid-template-rows: 25px auto;
}
.team-horizontal-wrapper .grid-row .day-cell .day-grid-1,
.team-vertical-wrapper .grid-row .day-cell .day-grid-1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  visibility: hidden;
  padding: 0 8px;
}
.team-horizontal-wrapper .grid-row .day-cell .day-grid-1 .create,
.team-vertical-wrapper .grid-row .day-cell .day-grid-1 .create {
  font-size: 12px;
  display: inherit;
  color: #999999;
  cursor: pointer;
  margin-left: 10px;
}
.team-horizontal-wrapper .grid-row .day-cell .day-grid-1 .create .icon-checkmark-2,
.team-vertical-wrapper .grid-row .day-cell .day-grid-1 .create .icon-checkmark-2 {
  font-size: 13px;
}
.team-horizontal-wrapper .grid-row .day-cell .day-grid-1 .create:hover,
.team-vertical-wrapper .grid-row .day-cell .day-grid-1 .create:hover {
  color: #666666;
  transition: all 0.2s ease;
}
.team-horizontal-wrapper .grid-row .day-cell .day-grid-2,
.team-vertical-wrapper .grid-row .day-cell .day-grid-2 {
  grid-row: 2;
  min-width: 0;
}
.team-horizontal-wrapper .grid-row .day-cell .day-grid-2 .ember-sortable-js,
.team-vertical-wrapper .grid-row .day-cell .day-grid-2 .ember-sortable-js {
  padding: 0 8px;
}
.team-horizontal-wrapper .grid-row .day-cell .day-grid-3,
.team-vertical-wrapper .grid-row .day-cell .day-grid-3 {
  padding: 0 8px;
  height: 100%;
}
.team-horizontal-wrapper .grid-row .day-cell:hover .day-grid-1,
.team-vertical-wrapper .grid-row .day-cell:hover .day-grid-1 {
  visibility: visible;
}
.team-horizontal-wrapper .grid-row .day-cell:last-child,
.team-vertical-wrapper .grid-row .day-cell:last-child {
  border-right: none;
}
.team-horizontal-wrapper .grid-row .btn-cell .drop-down button,
.team-vertical-wrapper .grid-row .btn-cell .drop-down button {
  width: auto;
  height: 30px;
  padding: 0 8px;
  font-weight: 500;
  color: #666666;
  transition: all 0.2s ease;
  background-color: transparent;
  margin-left: 3px;
  font-size: 13px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.team-horizontal-wrapper .grid-row .btn-cell .drop-down button i,
.team-vertical-wrapper .grid-row .btn-cell .drop-down button i {
  position: inherit;
  margin-left: 4px;
}
.team-horizontal-wrapper .grid-row .btn-cell .drop-down button:hover,
.team-vertical-wrapper .grid-row .btn-cell .drop-down button:hover {
  background-color: #e6e6e6;
  color: #4d4d4d;
  border-radius: 6px;
}
.team-horizontal-wrapper .grid-row .btn-cell .drop-down .aj-dropdown,
.team-vertical-wrapper .grid-row .btn-cell .drop-down .aj-dropdown {
  box-shadow: 0 2px 15px -2px rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  width: 105px;
}
.team-horizontal-wrapper .grid-row .btn-cell .drop-down .aj-dropdown ul li,
.team-vertical-wrapper .grid-row .btn-cell .drop-down .aj-dropdown ul li {
  color: #666666;
  font-weight: 400;
}
.team-horizontal-wrapper .grid-row .btn-cell .drop-down .aj-dropdown ul li:hover,
.team-vertical-wrapper .grid-row .btn-cell .drop-down .aj-dropdown ul li:hover {
  color: #4d4d4d;
  background-color: #f7f7f7;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 100%;
  }
}
.company-sso-details {
  padding-bottom: 50px;
}
.company-sso-details .sso-form {
  width: 500px;
}
.company-sso-details .sso-form .xml-upload {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline;
  font-size: 12px;
  color: #d17760;
  padding: 0;
}
.company-sso-details .sso-form .xml-upload:hover {
  background-color: transparent;
  color: #bc6148;
}
.company-sso-details .sso-support {
  width: 300px;
  margin-left: 50px;
  background-color: #f7f7f7;
  padding: 20px 35px 35px;
  border-radius: 6px;
  border: 1px solid #cccccc;
}
.company-sso-details .sso-support h5 {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.company-sso-details .sso-support h5 span {
  padding-right: 8px;
}
.company-sso-details .sso-user-management {
  margin-top: 50px;
}
.company-sso-details .sso-user-management table {
  margin-top: -30px;
}
.company-sso-details .sso-user-management table tr td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  padding: 10px 0;
  position: relative;
}
.company-sso-details .sso-user-management table tr td.sso-image {
  width: 40px;
}
.company-sso-details .sso-user-management table tr td.sso-image img {
  height: 28px;
  width: 28px;
}

.filter-bar {
  display: flex;
  align-items: flex-start;
  align-self: flex-start;
  margin-left: 5px;
  margin-top: 2px;
}
.filter-bar .filter-group {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 1px 10px 0 0;
  margin: -3px 3px 5px;
}
.filter-bar .filter-actions {
  display: flex;
}
.filter-bar .filter-actions .button.small {
  font-size: 11px;
  padding: 6px 10px;
  margin: 0 0 0 5px;
}
.filter-bar .filter-actions .button.small.clear-filters {
  color: #808080;
  font-size: 11px;
  margin-left: 15px;
}
.filter-bar .saved-view-input {
  border-radius: 3px;
  margin-right: 5px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  font-size: 20px;
  margin-top: -1px;
  width: auto;
}
.filter-bar .filter-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #e6e6e6;
  margin: 0 0 1px 1px;
  padding: 1px;
  min-height: 32px;
  cursor: pointer;
  position: relative;
}
.filter-bar .filter-item .button {
  display: flex;
  align-items: center;
  margin: 0;
}
.filter-bar .filter-item .button .icon-circle-with-plus {
  margin-right: 5px;
  font-size: 12px;
  color: #808080;
}
.filter-bar .filter-item .button:hover, .filter-bar .filter-item .button:focus, .filter-bar .filter-item .button:active, .filter-bar .filter-item .button:active:hover {
  color: #666666;
  background-color: #e6e6e6;
}
.filter-bar .filter-item .button strong {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
}
.filter-bar .filter-item .filter-chevron {
  color: #808080;
  padding: 0 10px 0 6px;
}
.filter-bar .filter-item .select-wrapper {
  position: relative;
  margin: 5px 0 5px 5px;
  cursor: pointer;
}
.filter-bar .filter-item .select-wrapper:hover .remove-option-icon {
  display: block;
  opacity: 0.5;
  transition: opacity 0.2s ease 0.3s;
}
.filter-bar .filter-item .select-wrapper.filter-selected-pill {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
  background-color: #f7f7f7;
  border-radius: 15px;
  padding: 0 5px;
  margin: 4px 0 4px 5px;
}
.filter-bar .filter-item .select-wrapper.filter-selected-pill .filter-selected-name {
  margin: 0;
}
.filter-bar .filter-item .select-wrapper.filter-selected-pill.draft {
  color: #c09853;
  background-color: #fbf3db;
}
.filter-bar .filter-item .select-wrapper.social-service-pill {
  display: flex;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .circle-image {
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px 0 13px;
  border-radius: 0 20px 20px 0;
  margin-left: -10px;
  border: 1px solid #ffffff;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.facebook {
  background-color: #3b5998;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.facebook_page {
  background-color: #3b5998;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.facebook_group {
  background-color: #3b5998;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.twitter {
  background-color: #2ca9e1;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.linkedin {
  background-color: #0073a5;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.linkedin_company {
  background-color: #0073a5;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.instagram {
  background-color: #e34061;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.pinterest {
  background-color: #bd081c;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.tiktok {
  background-color: #000000;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.youtube_social {
  background-color: #ffffff;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.mastodon {
  background-color: #6364ff;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.google_my_business {
  background-color: #4989f5;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.bluesky {
  background-color: #1185fe;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-circle.threads {
  background-color: #000000;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-icon {
  color: #ffffff;
  font-size: 13px;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-icon.icon-tiktok {
  background-color: #000000;
}
.filter-bar .filter-item .select-wrapper.social-service-pill .network-icon.icon-youtube, .filter-bar .filter-item .select-wrapper.social-service-pill .network-icon.icon-youtube_social {
  font-size: 20px;
  color: #ff0000;
}
.filter-bar .filter-item.custom-fields button {
  display: flex;
  align-items: center;
  border: 0;
  background: transparent;
  padding: 0;
  color: #666666;
}
.filter-bar .filter-item .filter-selected-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline;
  margin: 0 0 0 3px;
  font-size: 12px;
}
.filter-bar .filter-item .remove-option-button {
  width: 0;
  height: 30px;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  color: #666666;
  background-color: #cccccc;
  transition: width 0.2s ease 0.2s, visibility 0.2s ease 0.2s;
}
.filter-bar .filter-item .remove-option-button .icon-circle-close {
  margin-top: 8px;
  display: inline-block;
}
.filter-bar .filter-item .remove-option-button:hover {
  background-color: #b3b3b3;
}
.filter-bar .filter-item .remove-option-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  color: #4d4d4d;
  background-color: #e6e6e6;
  opacity: 0;
  font-size: 18px;
  padding: 1px;
  border-radius: 50%;
  transition: opacity 0.2s ease;
}
.filter-bar .filter-item:hover .remove-option-button {
  width: 30px;
  visibility: visible;
  overflow: visible;
  transition: width 0.2s ease 1s, visibility 0.2s ease 1s, background-color 0.2s ease;
}
.filter-bar .filter-item:hover .remove-option-icon {
  opacity: 0;
}
.filter-bar .filter-item img.circle-image {
  max-width: initial;
}
.filter-bar .filter-item .circle-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.filter-bar .filter-item .circle-image.no-border {
  border: 1px solid transparent;
}
.filter-bar .filter-item .circle-image.Unlabeled {
  border: 1px solid #999999;
  background-color: #ffffff;
  width: 24px;
  height: 24px;
}
.filter-bar .filter-item .circle-image .content-type-icon {
  font-size: 13px;
  padding: 5px 3px;
}
.filter-bar .button.flat {
  display: flex;
  align-items: center;
}
.filter-bar .button.flat.add-filter-button {
  font-size: 12px;
  padding: 6px 10px;
  margin: 0;
}
.filter-bar .button.flat.add-filter-button .icon-circle-with-plus {
  font-size: 13px;
  line-height: initial;
  color: #999999;
}
.filter-bar .button.flat.add-filter-button:hover {
  background-color: transparent;
}
.filter-bar .button.flat:hover, .filter-bar .button.flat:focus, .filter-bar .button.flat:active, .filter-bar .button.flat:active:hover {
  color: #666666;
  background-color: #f7f7f7;
}

.saved-view-filter-dropdown .cos-basic-dropdown-content-group {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 50vh;
}

.cos-basic-dropdown-content.social-profile-dropdown {
  min-width: 300px;
  max-width: 300px;
}

.social-profile-dropdown {
  min-width: 300px !important;
  max-width: 300px !important;
}
.social-profile-dropdown .cos-basic-dropdown-content-group {
  max-height: 350px !important;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option {
  height: auto;
  padding: 6px 12px;
  position: relative;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .child {
  position: absolute;
  right: -20px;
  top: -10px;
  transform: translateY(-50%);
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .sub-menu-icon {
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  color: #b3b3b3;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .sub-menu-icon.icon-minus {
  right: 2px;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text {
  display: flex;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text p.service-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
  margin: 0;
  padding-right: 15px;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content {
  display: flex;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content .picker-alert {
  transition: all 0.5s ease;
  transition-delay: 0.5s;
  white-space: normal;
  height: 0;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content .picker-alert p {
  font-size: 11px;
  line-height: 14px;
  margin: 3px 0 0;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content.disabled, .social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .integration-modal .container.enabled .body .header .list-content.btn, .integration-modal .container.enabled .body .header .social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content.btn {
  flex-wrap: wrap;
  opacity: 0.5;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content.disabled:hover, .social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .integration-modal .container.enabled .body .header .list-content.btn:hover, .integration-modal .container.enabled .body .header .social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content.btn:hover {
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.8;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content.disabled:hover .picker-alert, .social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .integration-modal .container.enabled .body .header .list-content.btn:hover .picker-alert, .integration-modal .container.enabled .body .header .social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-text .list-content.btn:hover .picker-alert {
  height: 30px;
}
.social-profile-dropdown .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-icon {
  color: #ffffff;
  font-size: 9px;
}

.filter-check .cos-basic-dropdown-content-option-selected-icon.icon-checkmark,
.social-profile-dropdown .cos-basic-dropdown-content-option-selected-icon.icon-checkmark {
  padding: 5px;
  color: #6ba066;
}

.option-link {
  display: flex;
  align-items: center;
}

.mia-onboarding-small.mia-onboarding-saved-views {
  top: 45px;
  right: -70px;
}
.mia-onboarding-small.mia-onboarding-saved-views .small-onboarding-contain {
  width: 440px;
}

.request-form * {
  box-sizing: border-box;
}
.request-form .request-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.request-form .request-form-header .details {
  display: flex;
  align-items: center;
}
.request-form .request-form-header .details .form-name {
  margin: 0 0 0 15px;
  position: relative;
  top: 1px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.request-form .request-form-header .company-logo {
  height: 30px;
  width: auto;
  padding-right: 15px;
  border-right: 2px solid #b3b3b3;
}
.request-form .request-form-header .company-logo.no-form-name {
  border-right: none;
}
@media only screen and (max-width: 500px) {
  .request-form .request-form-header .open-app {
    display: none;
  }
}
.request-form .request-form-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 20px 130px;
}
.request-form .request-form-body .request-form-content {
  background-color: #f7f7f7;
  width: 100%;
  max-width: 700px;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 10px;
  order: 1;
}
.request-form .request-form-body .request-form-submit-button {
  order: 3;
  margin: 20px 0;
}
.request-form .request-form-body.link-unavailable,
.request-form .request-form-body .request-error,
.request-form .request-form-body .request-success {
  justify-content: center;
  text-align: center;
  padding: 30vh 30px 20px;
}
.request-form .request-form-body.link-unavailable .success-icon,
.request-form .request-form-body .request-error .success-icon,
.request-form .request-form-body .request-success .success-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  width: 120px;
  background-color: #8ac884;
  color: #ffffff;
  border-radius: 120px;
  font-size: 60px;
  margin: 0 auto 20px;
}
.request-form .request-form-body.link-unavailable h4,
.request-form .request-form-body .request-error h4,
.request-form .request-form-body .request-success h4 {
  max-width: 450px;
}
.request-form .request-form-body .form-error-footer {
  width: 100%;
  padding: 10px 12px;
  max-width: 700px;
  display: flex;
  align-items: flex-start;
  background-color: #fbf3db;
  border: 2px solid #fdecac;
  color: #ad894b;
  border-radius: 6px;
  order: 2;
  margin: 10px 0;
}
.request-form .request-form-body .form-error-footer .error-icon {
  font-size: 20px;
  margin-right: 15px;
}
.request-form .request-form-body .form-error-footer span.error-sentence {
  line-height: 20px;
}
.request-form .request-form-uploading-status-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.request-form .request-form-uploading-status-container .uploading-status-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 400px;
  height: 120px;
  padding: 20px 30px;
  background-color: #ffffff;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  border-radius: 6px;
}
.request-form .request-form-uploading-status-container .uploading-status-modal .upload-progress {
  width: 100%;
}

.project-request-submission-info {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  padding: 10px;
}
.project-request-submission-info .type-icon,
.project-request-submission-info h5 {
  color: #666666;
}
.project-request-submission-info .type-icon {
  font-size: 18px;
  margin-right: 6px;
}
.project-request-submission-info h5 {
  position: relative;
  top: 1px;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.project-request-submission-info h5 a {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.custom-fields-project-attachment {
  padding: 0 20% 20px;
}
.custom-fields-project-attachment * {
  box-sizing: border-box;
}
.custom-fields-project-attachment input.time-picker.form-control,
.custom-fields-project-attachment input.date-picker.form-control {
  margin-bottom: 10px;
}
.custom-fields-project-attachment .custom-field-wrapper {
  display: grid;
  grid-template-columns: 25px auto 25px;
  grid-template-rows: 1fr;
  grid-row-gap: 10px;
  width: 100%;
  overflow: hidden;
}
.custom-fields-project-attachment .custom-field-wrapper:hover .custom-form-field {
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
  transition: all 0.15s ease;
}
.custom-fields-project-attachment .custom-field-wrapper:hover span.grab-handle,
.custom-fields-project-attachment .custom-field-wrapper:hover button.remove-custom-field {
  opacity: 1;
  transition: all 0.5s ease;
}
.custom-fields-project-attachment .custom-field-wrapper.sortable-chosen span.grab-handle {
  cursor: grabbing;
}
.custom-fields-project-attachment .custom-field-wrapper.sortable-ghost {
  opacity: 0.5;
}
.custom-fields-project-attachment .custom-field-wrapper span.grab-handle {
  font-size: 16px;
  color: #cccccc;
  margin: 0 10px 0 0;
  content: "";
  display: block;
  opacity: 0;
  width: 16px;
  height: 16px;
  line-height: 36px;
  cursor: grab;
}
.custom-fields-project-attachment .custom-field-wrapper span.grab-handle:hover {
  color: #4d4d4d;
}
.custom-fields-project-attachment .custom-field-wrapper span.grab-handle:after {
  font-family: "CoS";
  content: "\2637";
}
.custom-fields-project-attachment .custom-field-wrapper .custom-form-field {
  padding: 10px;
  margin-bottom: 0;
  border-radius: 4px;
  border: 1px solid transparent;
  width: 100%;
  overflow: hidden;
}
.custom-fields-project-attachment .custom-field-wrapper .custom-form-field ul.error-list {
  position: relative;
}
.custom-fields-project-attachment .custom-field-wrapper .custom-form-field,
.custom-fields-project-attachment .custom-field-wrapper label,
.custom-fields-project-attachment .custom-field-wrapper p {
  cursor: pointer;
}
.custom-fields-project-attachment .custom-field-wrapper .button.remove-custom-field {
  opacity: 0;
  color: #999999;
  margin-bottom: auto;
  padding: 4px;
}
.custom-fields-project-attachment .custom-field-wrapper .button.remove-custom-field .remove {
  margin-right: 0;
}
.custom-fields-project-attachment .custom-field-wrapper .button.remove-custom-field:hover {
  color: #4d4d4d;
  background: none !important;
}

.add-custom-fields {
  display: flex;
  justify-content: flex-end;
}
.add-custom-fields .button.flat {
  margin: 30px 30px 0;
}

.custom-form-field {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  padding: 1px 0;
}
.custom-form-field label,
.custom-form-field legend {
  color: #808080;
}
.custom-form-field label.required:after,
.custom-form-field legend.required:after {
  content: "*";
  color: #d15451;
  margin-left: 2px;
}
.custom-form-field label span,
.custom-form-field legend span {
  margin-right: 5px;
  color: #b3b3b3;
}
.custom-form-field.field-instructions {
  margin-bottom: 10px;
}
.custom-form-field.field-header {
  margin-bottom: 0;
}
.custom-form-field input,
.custom-form-field textarea {
  width: 100%;
  margin: 0;
  outline: none;
  box-shadow: none !important;
}
@media only screen and (min-width: 500px) {
  .custom-form-field input.half,
.custom-form-field textarea.half {
    width: 50%;
  }
}
.custom-form-field input.field-error, .custom-form-field input.field-error:focus,
.custom-form-field textarea.field-error,
.custom-form-field textarea.field-error:focus {
  border-color: #d15451 !important;
  color: #d15451;
}
.custom-form-field input.field-error::-moz-placeholder, .custom-form-field input.field-error:focus::-moz-placeholder, .custom-form-field textarea.field-error::-moz-placeholder, .custom-form-field textarea.field-error:focus::-moz-placeholder {
  color: #daa1a0;
}
.custom-form-field input.field-error::placeholder, .custom-form-field input.field-error:focus::placeholder,
.custom-form-field textarea.field-error::placeholder,
.custom-form-field textarea.field-error:focus::placeholder {
  color: #daa1a0;
}
.custom-form-field fieldset {
  border: 0;
  border-left: 2px solid transparent;
  margin: 0;
  padding: 5px 0 0 10px;
  position: relative;
}
.custom-form-field fieldset label.simple-checkbox,
.custom-form-field fieldset label.simple-radio {
  width: -moz-fit-content;
  width: fit-content;
}
.custom-form-field fieldset.field-error {
  border-left-color: #d15451;
  background-color: #fce9e8;
}
.custom-form-field .tagify {
  background-color: #ffffff;
}
.custom-form-field textarea {
  height: 75px;
  resize: vertical;
}
.custom-form-field.date-time-custom-field > div {
  display: flex;
  gap: 15px;
}
.custom-form-field.date-time-custom-field > div input {
  max-width: none;
}
@media only screen and (max-width: 500px) {
  .custom-form-field.date-time-custom-field > div {
    flex-direction: column;
  }
}
.custom-form-field input.date-picker.form-control.input, .custom-form-field input.time-picker.form-control.input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
@media only screen and (min-width: 500px) {
  .custom-form-field input.date-picker.form-control.input, .custom-form-field input.time-picker.form-control.input {
    max-width: 100%;
  }
  .custom-form-field input.date-picker.form-control.input ::-moz-placeholder, .custom-form-field input.time-picker.form-control.input ::-moz-placeholder {
    content: "Select Date";
  }
  .custom-form-field input.date-picker.form-control.input ::placeholder, .custom-form-field input.time-picker.form-control.input ::placeholder {
    content: "Select Date";
  }
}
.custom-form-field input.date-picker.form-control.input.field-error::-moz-placeholder, .custom-form-field input.time-picker.form-control.input.field-error::-moz-placeholder {
  color: #d15451;
}
.custom-form-field input.date-picker.form-control.input.field-error::placeholder, .custom-form-field input.time-picker.form-control.input.field-error::placeholder {
  color: #d15451;
}
.custom-form-field .custom-dropdown .drop-down-trigger {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
@media only screen and (min-width: 500px) {
  .custom-form-field .custom-dropdown .drop-down-trigger {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 250px;
  }
}
.custom-form-field .custom-dropdown .drop-down-trigger i {
  top: 10px;
}
.custom-form-field .custom-dropdown.field-error .drop-down-trigger {
  border-color: #d15451;
  color: #d67b79;
}
.custom-form-field .custom-url {
  display: flex;
}
.custom-form-field .custom-url.editing .save-button,
.custom-form-field .custom-url.editing .cancel-button {
  margin-left: 10px;
}
.custom-form-field .custom-url .url-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-right: 10px;
  padding: 5px;
  background-color: rgba(26, 26, 26, 0.05);
  border-radius: 4px;
  overflow: hidden;
  transition: background-color 0.15s ease;
}
.custom-form-field .custom-url .url-container .url {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-right: 10px;
}
.custom-form-field .custom-url .url-container .new-tab {
  opacity: 0;
  flex-shrink: 0;
  transition: opacity 0.15s ease;
}
.custom-form-field .custom-url .url-container:hover, .custom-form-field .custom-url .url-container:focus {
  background-color: rgba(26, 26, 26, 0.1);
  text-decoration: none;
}
.custom-form-field .custom-url .url-container:hover .new-tab, .custom-form-field .custom-url .url-container:focus .new-tab {
  opacity: 1;
}
.custom-form-field .custom-url .edit-button {
  width: 35px;
}
.custom-form-field .request-form-froala .fr-box.fr-basic.fr-top .fr-toolbar {
  display: none;
}
.custom-form-field .request-form-froala .fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 1px solid #cccccc;
  border-radius: 4px 4px 0 0;
}
.custom-form-field .request-form-froala .fr-box.fr-basic.fr-top .fr-second-toolbar {
  border-radius: 0 0 4px 4px;
}
.custom-form-field .request-form-froala.field-error .fr-box.fr-basic.fr-top .fr-wrapper {
  border-top-color: #d15451;
  border-left-color: #d15451;
  border-right-color: #d15451;
}
.custom-form-field .request-form-froala.field-error .fr-box.fr-basic.fr-top .fr-second-toolbar {
  border-color: #d15451;
  border-top-color: transparent;
}
.custom-form-field .request-attachments {
  margin-top: 10px;
}
.custom-form-field .request-attachments .request-attachment-button {
  position: absolute;
  right: 0;
  top: -6px;
}
.custom-form-field .request-attachments .request-attachments-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 100px;
  grid-gap: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
@media only screen and (min-width: 500px) {
  .custom-form-field .request-attachments .request-attachments-container {
    grid-template-columns: 1fr 1fr;
  }
}
.custom-form-field .request-attachments .request-attachments-container .no-attachments {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/3;
  background-color: #efefef;
  color: #808080;
  height: 100px;
  width: 100%;
  border-radius: 4px;
}
.custom-form-field .request-attachments .request-attachments-container .no-attachments span {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
}
.custom-form-field .request-attachments .request-attachments-container .attachment {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 10px 30px 10px 10px;
  overflow: hidden;
}
.custom-form-field .request-attachments .request-attachments-container .attachment .remove-attachment {
  position: absolute;
  right: 5px;
  top: 5px;
}
.custom-form-field .request-attachments .request-attachments-container .attachment .media {
  height: 80px;
  width: 80px;
  border-radius: 2px;
  flex-shrink: 0;
  margin-right: 10px;
}
.custom-form-field .request-attachments .request-attachments-container .attachment .media img,
.custom-form-field .request-attachments .request-attachments-container .attachment .media video {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.custom-form-field .request-attachments .request-attachments-container .attachment .attachment-details {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.custom-form-field .request-attachments .request-attachments-container .attachment .attachment-details .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-weight: bold;
  margin-bottom: 5px;
}
.custom-form-field .request-attachments .request-attachments-container .attachment .attachment-details .file-type {
  margin-bottom: 5px;
}
.custom-form-field .request-attachments .request-attachments-container .attachment .attachment-details .file-type,
.custom-form-field .request-attachments .request-attachments-container .attachment .attachment-details .file-size {
  font-size: 12px;
  line-height: 14px;
}
.custom-form-field .request-attachments.field-error .request-attachments-container {
  border-color: #d15451;
}
.custom-form-field .request-attachments.field-error .request-attachments-container .no-attachments span {
  color: #d15451;
}
.custom-form-field ul.error-list {
  list-style: none;
  margin: 0;
  position: absolute;
}
.custom-form-field ul.error-list li.error-list-item {
  display: inline;
  font-size: 12px;
  line-height: 14px;
  color: #d15451;
}
.custom-form-field ul.error-list li.error-list-item:not(:last-of-type):after {
  display: inline-block;
  content: ", ";
}

.approval-tab {
  padding: 10px 40px 100px 40px;
}
.approval-tab .approved {
  animation-name: fadeOut;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  overflow: hidden; /* Important to hide the collapsed content */
}
.approval-tab ul.approvals-nav {
  display: flex;
  list-style: none;
  margin: 30px 0;
  border-bottom: 1px solid #cccccc;
  padding: 0 2px;
}
.approval-tab ul.approvals-nav button {
  border: 0;
  background-color: transparent;
  padding: 0;
}
.approval-tab ul.approvals-nav a:hover,
.approval-tab ul.approvals-nav a:focus {
  text-decoration: none;
}
.approval-tab ul.approvals-nav li {
  margin-right: 40px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #4d4d4d;
  position: relative;
  padding-bottom: 10px;
}
.approval-tab ul.approvals-nav li:after {
  display: none;
  width: 100%;
  position: absolute;
  content: "";
  height: 4px;
  background-color: #d17760;
  border-radius: 4px;
  bottom: -2px;
}
.approval-tab ul.approvals-nav li:hover, .approval-tab ul.approvals-nav li:focus {
  color: #d17760;
}
.approval-tab ul.approvals-nav li.active {
  color: #d17760;
}
.approval-tab ul.approvals-nav li.active:after {
  display: block;
}
.approval-tab .approval-container {
  max-width: 900px;
  margin: 0 auto;
}
.approval-tab .approval-container .drop-down {
  width: 200px !important;
  margin: 0 0 0 15px !important;
}
.approval-tab .approval-container label {
  margin-left: 15px;
}
.approval-tab .approval-empty-state {
  text-align: center;
  padding: 80px 50px;
  background-color: #f7f7f7;
  border-radius: 8px;
  margin-top: 20px;
}
.approval-tab .approval-empty-state span {
  font-size: 25px;
  color: #999999;
}
.approval-tab .approval-section {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  position: relative;
  z-index: 5;
}
.approval-tab .approval-title {
  padding: 5px 5px 5px 20px;
  display: flex;
  align-items: center;
  color: #666666;
}
.approval-tab .approval-title .icon-message-square-check {
  color: #6ba066;
  font-size: 12px;
  margin-right: 5px;
}
.approval-tab .approval-title .icon-message-square-line {
  color: #f2c069;
  font-size: 13px;
  margin-right: 5px;
}
.approval-tab .approval-detail-grid {
  padding: 13px 10px 5px 5px;
}
.approval-tab .approved-details {
  display: flex;
  align-items: center;
  color: #666666;
}
.approval-tab .approved-details .approver-name {
  font-size: 13px;
  background-color: #f7f7f7;
  padding: 2px 10px 4px 5px;
  border-radius: 50px;
  margin: 0 5px 5px 0;
}
.approval-tab .approved-details .approver-name .icon-info2 {
  font-size: 10px;
  color: #b3b3b3;
  margin-left: 3px;
}
.approval-tab .approved-details .approver-name .approver-image {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  border-radius: 18px;
}
.approval-tab .approved-details .btn.btn-text {
  padding: 0 3px;
  font-size: 12px;
  margin: 0 5px 5px 0;
  text-decoration: underline;
  vertical-align: baseline;
}
.approval-tab .approval-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
}
.approval-tab .approval-actions .button {
  margin: 5px;
}
.approval-tab .social-composer-modal .social-preview-sidecar .close-social-preview {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}
.approval-tab .message-associated-list {
  border: 1px solid #cccccc;
  border-top: none;
  margin: 0 5px 30px;
  border-radius: 0 0 5px 5px;
}
.approval-tab .message-associated-list:not(.message-sent):hover, .approval-tab .message-associated-list:not(.message-sent).hovered {
  border: 1px solid #cccccc;
  cursor: default;
}
.approval-tab .comment-feed .comment-item.comment-add .comment-textarea {
  min-height: initial;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    max-height: 400px;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scaleY(0.8);
    max-height: 0;
  }
}

.referral-program .hero-banner {
  display: flex;
  align-items: center;
  height: 315px;
  border-radius: 10px;
  padding: 0 60px;
  position: relative;
  background-color: #366fb2;
  margin-bottom: 50px;
}
.referral-program .hero-banner .text {
  max-width: 500px;
  width: 50%;
  z-index: 1;
}
.referral-program .hero-banner .hero-image {
  position: absolute;
  height: 375px;
  right: 0;
  bottom: 0;
}
.referral-program .referral-content {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-column-gap: 10px;
}
.referral-program .referral-content .body-section {
  display: grid;
  grid-gap: 20px 50px;
  grid-template: "title title" 40px "image content" 1fr/130px 1fr;
  margin-bottom: 50px;
}
.referral-program .referral-content .body-section.discount-status {
  grid-template: "title" 40px "content" 1fr/1fr;
}
.referral-program .referral-content .body-section .title {
  grid-area: title;
  display: flex;
  align-items: center;
}
.referral-program .referral-content .body-section .title h3 {
  display: inline;
}
.referral-program .referral-content .body-section .title h3 strong {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.referral-program .referral-content .body-section .title .pill {
  font-size: 12px;
  line-height: 20px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 2px 10px;
  background-color: #f7f7f7;
  color: #b3b3b3;
  text-transform: uppercase;
  margin-left: 10px;
}
.referral-program .referral-content .body-section .section-image {
  grid-area: image;
}
.referral-program .referral-content .body-section .section-image img {
  height: 130px;
}
.referral-program .referral-content .body-section .section-content {
  grid-area: content;
}
.referral-program .referral-content .body-section .section-content input.email-input,
.referral-program .referral-content .body-section .section-content .link-box {
  height: 34px;
  box-sizing: border-box;
  background-color: #f7f7f7;
  border: 1px solid transparent;
  margin: 0 5px 0 0;
  border-radius: 4px;
  width: 100%;
  max-width: 275px;
  padding: 4px 6px;
  line-height: 24px;
}
.referral-program .referral-content .body-section .section-content input.email-input:hover {
  border-color: #e6e6e6;
}
.referral-program .referral-content .body-section .section-content input.email-input:focus, .referral-program .referral-content .body-section .section-content input.email-input:active {
  border-color: #cccccc;
}
.referral-program .referral-content .body-section .section-content .discount-bar {
  display: flex;
  height: 35px;
  border-radius: 35px;
  background-color: #e6e6e6;
}
.referral-program .referral-content .body-section .section-content .discount-bar .review-bar,
.referral-program .referral-content .body-section .section-content .discount-bar .referral-bar {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: 35px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 10px;
  line-height: 11px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-left: 20px;
  box-sizing: border-box;
}
.referral-program .referral-content .body-section .section-content .discount-bar .review-bar {
  width: 50%;
  background-color: #bc6148;
  z-index: 1;
}
.referral-program .referral-content .body-section .section-content .discount-bar .referral-bar {
  background-color: #d17760;
  width: var(--referral-percent);
}
.referral-program .referral-content .body-section .section-content .discount-bar .review-bar + .referral-bar {
  padding-left: 40px;
  margin-left: -30px;
  width: calc(var(--referral-percent) + 30px);
}
.referral-program .referral-content .aside-container {
  display: flex;
  position: relative;
}
.referral-program .referral-content .aside-container .floating-container {
  max-width: 300px;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 10px;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  margin-left: auto;
  padding: 15px 20px 25px;
  text-align: center;
  position: sticky;
  top: 0;
}
.referral-program .referral-content .aside-container .floating-container .url-box {
  padding: 8px 4px;
  text-align: center;
  border-radius: 2px;
  background-color: #f7f7f7;
  margin-bottom: 10px;
}

.billing-page {
  max-width: 1200px;
  margin: 20px auto;
}
.billing-page ul.breadcrumb-nav li {
  font-size: 16px;
  line-height: 16px;
}
.billing-page ul.breadcrumb-nav li:after {
  font-size: 10px;
  margin-left: 5px;
}

.billing-configurator h1 {
  font-size: 28px;
  font-weight: 700;
}
.billing-configurator h2 {
  font-size: 18px;
}
.billing-configurator .button.text-link {
  text-decoration: underline;
}
.billing-configurator .billing-product {
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
}

.billing-section {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0;
}
.billing-section.no-border {
  border: 0;
  padding: 0;
}

.billing-price {
  white-space: nowrap;
}
.billing-price .loading-wrapper {
  min-height: auto;
}
.billing-price .included {
  color: #b3b3b3;
}

.billing-section-contact {
  margin: 20px 0 40px;
}
.billing-section-contact p {
  font-size: 12px;
  margin: 3px 0;
}
.billing-section-contact button {
  font-size: 12px;
}
.billing-section-contact a {
  color: #d17760;
}

.trial-products {
  border: 1px solid #e6e6e6;
  border-radius: 0 0 3px 3px;
  padding: 15px 30px 30px;
  margin-top: -4px;
  margin-left: -1px;
  position: relative;
  z-index: 1;
  background-color: #f7f7f7;
}
.trial-products p {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  display: inline;
  margin-right: 20px;
}
.trial-products img {
  width: 20px;
  margin-right: 4px;
}

.trial-countdown {
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  top: 20px;
  right: 30px;
  color: #d17760;
}

.modal-container.trial-modifier .modal-content p {
  padding: 0;
}

a.demo-mode-pill {
  color: #ffffff;
  text-decoration: none;
}
a.demo-mode-pill:hover {
  color: #ffffff;
  text-decoration: none;
}

.demo-mode-pill {
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background-color: #2a4564;
  padding: 7px 10px 5px;
  border-radius: 4px;
  letter-spacing: 1px;
  align-self: flex-start;
}
.demo-mode-pill.trial-page {
  display: inline;
  font-size: 9px;
  padding: 4px 8px;
  margin-left: 5px;
  vertical-align: 5px;
}

.billing-maintenance {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding-top: 100px;
}
.billing-maintenance .icon-warning {
  font-size: 30px;
  background-color: #f6d498;
  padding: 9px 10px 11px;
  color: #ffffff;
  border-radius: 50px;
}
.billing-maintenance p {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 400px;
  margin: 10px auto;
}
.billing-maintenance h3 {
  font-size: 22px;
  line-height: 30px;
  margin: 25px 0 0;
}

.billing-plans-page .plan-section-header {
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}
.billing-plans-page .plan-website-link {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #999999;
  font-size: 13px;
}

.billing-expired {
  background-color: #fbf3db;
  border-radius: 4px;
  border: 1px solid #f2c069;
  padding: 10px 15px 0;
}

.current-billing-plans {
  display: grid;
  grid: 1fr/repeat(2, 1fr);
  margin: 50px auto 20px;
  max-width: 750px;
  position: relative;
}

.current-plan-summary {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  margin-left: -1px;
  text-align: center;
  position: relative;
}
.current-plan-summary .product-icon {
  position: absolute;
  width: 40px;
  top: -20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.current-plan-summary h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.current-plan-summary ul.feature-list {
  text-align: left;
  list-style-type: none;
  margin: 20px 0 30px 15px;
}
.current-plan-summary ul.feature-list li {
  position: relative;
  padding: 4px 0;
}
.current-plan-summary ul.feature-list li .icon-checkmark-2 {
  position: absolute;
  left: -20px;
  top: 7px;
  color: #d17760;
  font-size: 12px;
}
.current-plan-summary .billing-button {
  margin-top: auto;
}
.current-plan-summary.plan-trial {
  display: block;
  text-align: left;
  margin-top: 10px;
  border-radius: 3px;
  padding: 40px 30px 30px;
}
.current-plan-summary.plan-trial .product-icon {
  position: absolute;
  width: 50px;
  top: -20px;
  left: 30px;
  box-shadow: none;
}
.current-plan-summary.plan-trial h3 {
  margin-bottom: 5px;
}
.current-plan-summary.plan-trial ul.feature-list {
  margin: 20px 0 0 20px;
}

.select-plan {
  display: grid;
  align-content: center;
  justify-content: center;
  max-width: 1000px;
  min-width: 900px;
  margin: 80px auto 0;
}

.manage-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.manage-page .button.text-link {
  text-decoration: underline;
}
.manage-page .manage-upsell-prompt {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 4px;
  text-align: center;
  margin-top: 20px;
  padding: 10px 0 5px;
}
.manage-page .manage-upsell-prompt p {
  width: 80%;
  margin: auto;
  padding-bottom: 15px;
  color: #666666;
  line-height: 24px;
}
.manage-page .manage-upsell-prompt button {
  display: block;
  margin: auto;
}

.manage-page-actions {
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
  max-width: 350px;
  min-width: 220px;
  margin: 10px 0 10px 20px;
}
.manage-page-actions .pricing-call {
  background-color: #f7f7f7;
  padding: 15px 20px;
  border-radius: 4px;
}
.manage-page-actions .org-contact .account-contact-details {
  background-color: #f7f7f7;
  padding: 15px 20px;
  border-radius: 2px;
}
.manage-page-actions .org-contact .account-contact-details img {
  border-radius: 50%;
  width: 25%;
  float: left;
}
.manage-page-actions .org-contact .account-contact-details p {
  font-size: 13px;
  line-height: 18px;
}
.manage-page-actions .org-contact .account-contact-details .contact-name {
  float: right;
  width: 70%;
}
.manage-page-actions .org-contact .account-contact-details .contact-name h4 {
  font-size: 15px;
  margin-top: 15px;
}
.manage-page-actions .org-contact .account-contact-details .contact-name p.title {
  margin-top: -10px;
  font-size: 10px;
  font-style: italic;
  line-height: 12px;
}

.no-calendars {
  width: 50%;
  margin: 30px auto;
  text-align: center;
}

.billing-configurator.customize-plan {
  width: 100%;
  min-width: 400px;
  padding-right: 50px;
}
.billing-configurator.customize-plan h2 {
  margin-top: 30px;
}
.billing-configurator.customize-plan h4 {
  font-weight: 700;
}
.billing-configurator.customize-plan a {
  color: #d17760;
  text-decoration: underline;
}
.billing-configurator.customize-plan .billing-plan-name {
  margin-bottom: 20px;
}
.billing-configurator.customize-plan .billing-plan-name img {
  width: 18px;
  margin-top: -5px;
}
.billing-configurator.customize-plan .billing-plan-name a {
  color: #999999;
  font-size: 12px;
}
.billing-configurator.customize-plan .billing-product {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.billing-configurator.customize-plan .billing-product.disabled, .billing-configurator.customize-plan .integration-modal .container.enabled .body .header .billing-product.btn, .integration-modal .container.enabled .body .header .billing-configurator.customize-plan .billing-product.btn {
  background-color: #f7f7f7;
  cursor: not-allowed;
}
.billing-configurator.customize-plan .billing-product.disabled .billing-toggle-count, .billing-configurator.customize-plan .integration-modal .container.enabled .body .header .billing-product.btn .billing-toggle-count, .integration-modal .container.enabled .body .header .billing-configurator.customize-plan .billing-product.btn .billing-toggle-count {
  opacity: 0.5;
}
.billing-configurator.customize-plan .billing-product.disabled .billing-toggle-checkbox, .billing-configurator.customize-plan .integration-modal .container.enabled .body .header .billing-product.btn .billing-toggle-checkbox, .integration-modal .container.enabled .body .header .billing-configurator.customize-plan .billing-product.btn .billing-toggle-checkbox,
.billing-configurator.customize-plan .billing-product.disabled .button.billing-toggle-icon,
.billing-configurator.customize-plan .integration-modal .container.enabled .body .header .billing-product.btn .button.billing-toggle-icon,
.integration-modal .container.enabled .body .header .billing-configurator.customize-plan .billing-product.btn .button.billing-toggle-icon {
  display: none;
}
.billing-configurator.customize-plan .billing-icon,
.billing-configurator.customize-plan .billing-toggle-checkbox,
.billing-configurator.customize-plan .billing-toggle-count {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}
.billing-configurator.customize-plan .billing-icon {
  background-color: #ffffff;
  min-width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.billing-configurator.customize-plan .billing-icon span {
  font-size: 32px;
  color: #cccccc;
}
.billing-configurator.customize-plan .billing-icon img {
  width: 60px;
  height: 60px;
}
.billing-configurator.customize-plan .billing-item-description {
  width: 100%;
  padding: 0 15px;
  align-self: center;
}
.billing-configurator.customize-plan .billing-item-description .product-name {
  font-weight: 500;
  font-size: 16px;
  margin: 3px 0;
}
.billing-configurator.customize-plan .billing-item-description .product-name.product .count {
  display: none;
}
.billing-configurator.customize-plan .billing-item-description p {
  font-size: 13px;
  margin: 0 0 5px;
  color: #b3b3b3;
}
.billing-configurator.customize-plan .billing-toggle-checkbox {
  position: relative;
  min-width: 120px;
  box-sizing: border-box;
  font-size: 13px;
  text-transform: none;
  padding: 7px 10px;
  color: #666666;
  text-align: center;
  transition: 0.2s all ease-in-out;
}
.billing-configurator.customize-plan .billing-toggle-checkbox .label-remove {
  display: none;
}
.billing-configurator.customize-plan .billing-toggle-checkbox:hover, .billing-configurator.customize-plan .billing-toggle-checkbox:focus {
  background-color: #e6e6e6;
  cursor: pointer;
}
.billing-configurator.customize-plan .billing-toggle-checkbox input:checked ~ .label-add {
  display: none;
}
.billing-configurator.customize-plan .billing-toggle-checkbox input:checked ~ .label-remove {
  display: inline;
}
.billing-configurator.customize-plan .billing-toggle-count {
  position: relative;
  min-width: 120px;
  box-sizing: border-box;
  display: flex;
  text-align: right;
  align-items: center;
  padding: 0 50px 0 10px;
  height: 60px;
  overflow: hidden;
}
.billing-configurator.customize-plan .billing-toggle-count .billing-toggle-number {
  font-size: 28px;
  font-weight: 500;
}
.billing-configurator.customize-plan .billing-toggle-count .button.billing-toggle-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53%;
  width: 40px;
  border-radius: 0;
  border: 1px solid #e6e6e6;
  position: absolute;
  right: -1px;
  color: #d17760;
}
.billing-configurator.customize-plan .billing-toggle-count .button.billing-toggle-icon.billing-toggle-icon-up {
  top: -1px;
}
.billing-configurator.customize-plan .billing-toggle-count .button.billing-toggle-icon.billing-toggle-icon-down {
  bottom: -1px;
}
.billing-configurator.customize-plan .billing-toggle-count .button.billing-toggle-icon:hover, .billing-configurator.customize-plan .billing-toggle-count .button.billing-toggle-icon:focus {
  cursor: pointer;
  background-color: #f7f7f7;
}
.billing-configurator.customize-plan .billing-toggle-count .button.billing-toggle-icon[disabled] {
  color: #e6e6e6;
  background-color: #f7f7f7 !important;
  cursor: not-allowed;
}
.billing-configurator.customize-plan .billing-plan-price {
  display: none;
}

.billing-configurator.plan-summary {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  min-width: 340px;
  font-weight: 400;
}
.billing-configurator.plan-summary h2 {
  margin: 0 0 15px;
}
.billing-configurator.plan-summary h4 {
  font-size: 14px;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.billing-configurator.plan-summary h5 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 20px 0 5px;
  color: #b3b3b3;
}
.billing-configurator.plan-summary .billing-icon,
.billing-configurator.plan-summary .product-name.product .count {
  display: none;
}
.billing-configurator.plan-summary .billing-product {
  align-items: flex-start;
  margin: 0 0 15px 0;
}
.billing-configurator.plan-summary .billing-product.billing-product-discount, .billing-configurator.plan-summary .billing-product.credit {
  color: #d17760;
}
.billing-configurator.plan-summary .billing-product.total {
  font-weight: 700;
}
.billing-configurator.plan-summary .billing-item-description {
  white-space: nowrap;
}
.billing-configurator.plan-summary .billing-item-description .billing-item-details {
  position: relative;
  height: 20px;
}
.billing-configurator.plan-summary .billing-item-description .billing-item-details span {
  position: absolute;
  left: 0;
  top: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #b3b3b3;
}
.billing-configurator.plan-summary .billing-line {
  width: 100%;
  border-bottom: 1px dotted #cccccc;
  margin: 15px 5px 0;
}
.billing-configurator.plan-summary .billing-discount {
  position: relative;
  height: 20px;
}
.billing-configurator.plan-summary .billing-discount .discount {
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
  color: #d17760;
  font-size: 12px;
}

.discount-code-wrapper {
  background-color: #f4d9d1;
  display: grid;
  align-items: center;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  margin-top: 10px;
  padding: 10px;
  border-radius: 4px;
}
.discount-code-wrapper h5.promo-copy {
  margin: 0;
  color: #bc6148;
}
.discount-code-wrapper .promo-icon {
  font-size: 30px;
  text-align: center;
  color: #db8773;
}
.discount-code-wrapper.black-friday {
  background-color: #323248;
  grid-template-columns: 60px 1fr;
}
.discount-code-wrapper.black-friday h5.promo-copy {
  color: #babaf7;
}

.billing-interval-toggle-container {
  display: flex;
  margin: 30px 0 20px 0;
}
.billing-interval-toggle-container .button.billing-interval-toggle {
  width: 100%;
  padding: 10px 20px;
  border-radius: 0;
  border: 1px solid #e6e6e6;
  font-weight: 500;
  position: relative;
  text-align: center;
  margin-left: -1px;
  margin-right: -1px;
}
.billing-interval-toggle-container .button.billing-interval-toggle:hover, .billing-interval-toggle-container .button.billing-interval-toggle:focus {
  cursor: pointer;
  background-color: #f7f7f7;
  transition: 0.2s all ease-in-out;
}
.billing-interval-toggle-container .button.billing-interval-toggle.active {
  z-index: 2;
  border-color: #d17760;
  background-color: #f9eae6;
  color: #d17760;
}
.billing-interval-toggle-container .button.billing-interval-toggle.active:hover, .billing-interval-toggle-container .button.billing-interval-toggle.active:focus {
  cursor: default;
}
.billing-interval-toggle-container .annual-savings {
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: #d17760;
  color: #ffffff;
  font-size: 12px;
  transform: rotate(-10deg);
  padding: 2px 7px;
}

.billing-payment-container {
  margin-top: 40px;
}
.billing-payment-container h2 {
  display: inline-block;
}
.billing-payment-container .billing-payment-details-edit {
  display: inline-block;
  float: right;
  color: #b3b3b3;
  font-size: 12px;
  text-decoration: underline;
  margin-top: 10px;
}
.billing-payment-container .billing-payment-details {
  background-color: #f7f7f7;
  padding: 15px;
  font-size: 13px;
  margin-bottom: 20px;
}
.billing-payment-container .billing-payment-details textarea {
  width: 100%;
  box-sizing: border-box;
}
.billing-payment-container .billing-payment-details hr {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
}
.billing-payment-container .billing-payment-details ul {
  list-style-type: none;
  margin: 0 0 15px 0;
}
.billing-payment-container .billing-payment-details a {
  color: #d17760;
  align-self: center;
}
.billing-payment-container .billing-payment-details .add-billing-email {
  display: flex;
  font-size: 13px;
}
.billing-payment-container .billing-payment-details .add-billing-email input {
  width: 100%;
  margin: 0 5px;
}
.billing-payment-container .billing-payment-details .add-billing-email button.button.outline {
  height: 30px;
  padding: 3px 10px;
  font-size: 13px;
}
.billing-payment-container .credit-card-form {
  width: auto;
  border: 0;
  padding: 0;
  margin: 15px 0;
}
.billing-payment-container .billing-current-card {
  color: #999999;
  background-color: #f7f7f7;
  padding: 10px 15px;
  font-size: 13px;
}
.billing-payment-container .billing-current-card a {
  color: #d17760;
  text-decoration: underline;
}
.billing-payment-container .billing-details {
  border: 1px solid #e6e6e6;
  padding: 15px 20px;
}
.billing-payment-container .billing-details a.edit-link {
  color: #999999;
  padding-bottom: 10px;
  text-decoration: none;
}
.billing-payment-container .billing-details a.edit-link span {
  font-size: 10px;
  margin-left: 2px;
}
.billing-payment-container .check-image {
  position: relative;
  margin-bottom: 20px;
}
.billing-payment-container .check-image .check-reference-number {
  position: absolute;
  z-index: 2;
  bottom: 3px;
  left: 10px;
  font-size: 26px;
  font-weight: bold;
  color: #d17760;
  padding: 10px 20px;
  border: 3px solid #d17760;
  border-radius: 50%;
}
.billing-payment-container .check-image img {
  height: 150px;
  width: auto;
  z-index: 1;
}

.loading-wrapper.loading-checkout {
  position: absolute;
  z-index: 110;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
}

.post-purchase-survey-modal {
  z-index: 6000;
  max-height: 800px;
  padding: 10px 50px 40px;
  text-align: center;
}
.post-purchase-survey-modal p {
  margin: 5px 0;
}
.post-purchase-survey-modal img {
  width: 80px;
  height: 80px;
  margin: 10px auto;
}
.post-purchase-survey-modal h4 {
  margin-top: 25px;
  font-weight: bold;
}
.post-purchase-survey-modal textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0;
}
.post-purchase-survey-modal button {
  float: right;
}

.modal.billing-checkout-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  width: 100%;
  transform: none;
  border-radius: 0;
  background-color: rgba(209, 119, 96, 0.5);
}
.modal.billing-checkout-modal .modal-container {
  background-color: #ffffff;
  width: 930px;
  margin: 30px auto;
  display: flex;
  box-shadow: 0 6px 20px -2px rgba(209, 119, 96, 0.8);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.modal.billing-checkout-modal .modal-left {
  width: 100%;
  padding: 50px 70px 40px 50px;
}
.modal.billing-checkout-modal .modal-right {
  width: 100%;
  position: relative;
  background-image: url("/img/upgrade/checkout-exit-intent-561edbee41f1eddd448a60fb853400c1.png");
  background-size: cover;
}
.modal.billing-checkout-modal .button.icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal.billing-checkout-modal .button.icon-close:hover, .modal.billing-checkout-modal .button.icon-close:focus {
  cursor: pointer;
  color: #d17760;
  background-color: #f4d9d1;
}
.modal.billing-checkout-modal h2 {
  font-size: 24px;
  line-height: 130%;
  margin: 0 0 20px 0;
}
.modal.billing-checkout-modal ul {
  list-style-image: url("/img/upgrade/orange-checkmark-27420ab72b9e0ec53345622a930bad4f.svg");
  padding-left: 20px;
  margin: 20px 0;
  max-width: 330px;
}
.modal.billing-checkout-modal ul li {
  margin: 10px 0;
}
.modal.billing-checkout-modal button.orange {
  margin: 20px 0;
}
.modal.billing-checkout-modal p.modal-testimonial {
  color: #d17760;
  opacity: 0.7;
}
@media (max-width: 950px) {
  .modal.billing-checkout-modal .modal-container {
    width: 90%;
  }
  .modal.billing-checkout-modal .modal-left {
    padding: 40px;
  }
  .modal.billing-checkout-modal .modal-right {
    display: none;
  }
}

.fs-takeover-wrapper.onboarding-column-adjust {
  min-height: 400px;
}
@media screen and (max-height: 600px) {
  .fs-takeover-wrapper.onboarding-column-adjust {
    display: flex;
  }
  .fs-takeover-wrapper.onboarding-column-adjust .fs-takeover-header {
    width: 35%;
    margin: auto 5%;
  }
  .fs-takeover-wrapper.onboarding-column-adjust .fs-takeover-content {
    width: 60%;
    height: 95%;
    margin-top: 30px;
  }
  .fs-takeover-wrapper.onboarding-column-adjust .fs-takeover-content .onboarding-profile-image {
    transform: scale(0.6);
    max-height: 135px;
  }
  .fs-takeover-wrapper.onboarding-column-adjust .fs-takeover-content .onboarding-profile-container {
    width: 600px;
  }
  .fs-takeover-wrapper.onboarding-column-adjust .fs-takeover-content .onboarding-profile-container .profile-wrapper {
    height: 50%;
  }
  .fs-takeover-wrapper.onboarding-column-adjust .fs-takeover-content .onboarding-profile-container .onboarding-profile-name-wrapper {
    margin: 0 auto;
  }
}
.fs-takeover-wrapper.fb-reverse {
  background-color: #3b5998;
  color: #ffffff;
}
.fs-takeover-wrapper.fb-reverse .fs-takeover-back-btn {
  color: #ffffff;
}
.fs-takeover-wrapper.fb-reverse .fb-connect {
  display: block;
  width: 180px;
  color: #275a9a;
  background: #ffffff;
  margin: 0 auto 30px;
}
.fs-takeover-wrapper .ss-draggable-container .is-dragging-object {
  opacity: 0.3;
}
.fs-takeover-wrapper .ss-draggable-container.dropped {
  opacity: 0 !important;
}
.fs-takeover-wrapper .ss-draggable-container.dropped .onboarding-card-item,
.fs-takeover-wrapper .ss-draggable-container.dropped .icon-arrow-right {
  display: none;
}
.fs-takeover-wrapper .calendar-grid-row-container .accepts-drag .day-cell {
  background: #e9f0f4;
}
.fs-takeover-wrapper .fs-takeover-header {
  animation: fs-takeover-contentFade 1s ease-out 0.25s forwards;
}
.fs-takeover-wrapper .fs-takeover-header .require-action-copy {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
}
.fs-takeover-wrapper .fs-takeover-header .require-action-copy .icon-shuffle2 {
  color: #8ac884;
  margin: 0 2px;
}
.fs-takeover-wrapper .fs-takeover-header .require-action-copy .icon-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.fs-takeover-wrapper .fs-takeover-header .require-action-copy .icon-wrapper.reversed {
  color: #ffffff;
}
.fs-takeover-wrapper .fs-takeover-header .require-action-copy .icon-wrapper img {
  height: 48px;
  width: auto;
  margin-right: 10px;
}
.fs-takeover-wrapper .fs-takeover-header .require-action-copy .icon-wrapper .icon-plus {
  font-size: 24px;
  margin: 0 10px;
}
.fs-takeover-wrapper .fs-takeover-header .require-action-copy .icon-wrapper .icon-wordpress2,
.fs-takeover-wrapper .fs-takeover-header .require-action-copy .icon-wrapper .icon-facebook2 {
  font-size: 48px;
  margin: 0 10px;
}
.fs-takeover-wrapper .fs-takeover-header .require-action-copy .stat-bold {
  font-size: 17;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fs-takeover-wrapper .onboarding-gif {
  margin: 0 auto 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.fs-takeover-wrapper .fs-takeover-header .blue-text {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  color: #1185fe !important;
  margin-right: 2px;
}
.fs-takeover-wrapper .fs-takeover-header .sub-title {
  font-style: italic;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  line-height: 22px;
}
.fs-takeover-wrapper .fs-takeover-header.describe-yourself {
  height: 25%;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
  gap: 80px;
  max-width: 1000px;
  margin: 0 auto;
  height: 40%;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .quote-container .welcome-quote {
  border: 1px solid #db8773;
  padding: 30px 25px 25px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .quote-container .welcome-quote .quote-text {
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .quote-container .welcome-quote .quotations {
  position: absolute;
  width: 70px;
  top: -35px;
  left: 20px;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .quote-container .quote-author {
  display: flex;
  align-items: center;
  margin: 20px 0 0 20px;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .quote-container .quote-author .author-image {
  width: 60px;
  border-radius: 60px;
  border: 1px solid #e6e6e6;
  margin-right: 20px;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .quote-container .quote-author .author-name {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-top: 10px;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .company-details-form {
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  background-color: transparent;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .company-details-form .form-header {
  position: absolute;
  top: -2px;
  left: 0;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .company-details-form .company-info-inputs {
  border: 1px solid #db8773;
  padding: 40px 20px 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .company-details-form .company-info-inputs label {
  margin-top: 10px;
  text-align: left;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .company-details-form .company-info-inputs input {
  width: 100%;
  padding: 10px 17px;
  border-radius: 4px;
  box-sizing: border-box;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .company-details-form .company-info-inputs input:focus {
  box-shadow: none;
  color: #333333;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-setup .company-details-form .company-info-inputs button.submit-company-info {
  margin: 30px 0 10px;
  width: 200px;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-multitasking {
  position: relative;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-multitasking .welcome-image {
  width: 550px;
  margin: 0 auto;
}
.fs-takeover-wrapper .fs-takeover-content.welcome-multitasking .welcome-arrow {
  position: absolute;
  width: 350px;
  right: 20px;
  bottom: 0px;
}
.fs-takeover-wrapper .fs-takeover-content.describe-yourself {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  max-width: 950px;
  margin: 0 auto;
  justify-content: center;
}
.fs-takeover-wrapper .fs-takeover-content.describe-yourself .describe-option {
  align-self: self-start;
}
.fs-takeover-wrapper .fs-takeover-content.describe-yourself .describe-option img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.fs-takeover-wrapper .fs-takeover-content.describe-yourself .describe-button {
  width: 100%;
  margin: 30px auto 0;
  display: block;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #cccccc;
  font-size: 21px;
  color: #808080;
  text-align: left;
  padding: 30px 40px;
  line-height: 30px;
}
.fs-takeover-wrapper .fs-takeover-content.describe-yourself .describe-button:hover, .fs-takeover-wrapper .fs-takeover-content.describe-yourself .describe-button.active {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-color: #db8773;
}
.fs-takeover-wrapper .fs-takeover-content.describe-yourself .describe-button .bold {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
}
.fs-takeover-wrapper .fs-takeover-content.plan-options {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  max-width: 1200px;
  margin: 50px auto 0;
}
.fs-takeover-wrapper .fs-takeover-content.plan-options .plan-card {
  border: 1px solid #cccccc;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 70px 20px 30px;
  max-height: 190px;
  text-align: center;
  position: relative;
}
.fs-takeover-wrapper .fs-takeover-content.plan-options .plan-card p {
  font-size: 16px;
  line-height: 22px;
}
.fs-takeover-wrapper .fs-takeover-content.plan-options .plan-card img {
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -40px;
  width: 80px;
}
.fs-takeover-wrapper .fs-takeover-content.plan-options .plan-card .button {
  margin-top: 20px;
  padding: 10px 30px;
  font-size: 16px;
}
.fs-takeover-wrapper .fs-takeover-content.facebook-slide {
  display: block;
  max-width: 650px;
  margin: 0 auto;
}
.fs-takeover-wrapper .fs-takeover-content.facebook-slide .facebook-connect {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 30px;
  background-color: #f7f7f7;
  border-radius: 30px;
  padding: 40px;
}
.fs-takeover-wrapper .fs-takeover-content.facebook-slide .facebook-connect span {
  font-size: 40px;
  color: #b3b3b3;
}
.fs-takeover-wrapper .fs-takeover-content.facebook-slide .facebook-connect .facebook-card {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 20px 0 10px;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
}
.fs-takeover-wrapper .fs-takeover-content.facebook-slide .facebook-connect .facebook-card img {
  width: 120px;
  margin-bottom: 1px;
}
.fs-takeover-wrapper .fs-takeover-content.facebook-slide p {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #808080;
  text-align: center;
  margin: 30px 0 10px;
}
.fs-takeover-wrapper .fs-takeover-content.facebook-slide .button {
  margin: 20px auto 0;
  font-size: 16px;
  padding: 10px 30px;
  display: block;
}
.fs-takeover-wrapper .fs-takeover-content.social-features {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1100px;
  margin: 0 auto;
  gap: 30px;
  height: auto;
}
.fs-takeover-wrapper .fs-takeover-content.social-features .social-feature {
  border: 1px solid #f9a97d;
  border-radius: 15px;
}
.fs-takeover-wrapper .fs-takeover-content.social-features .social-feature .image-section {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f37e5d;
}
.fs-takeover-wrapper .fs-takeover-content.social-features .social-feature .image-section img {
  width: 100px;
  margin: 0 auto;
  display: block;
  padding: 20px 0;
}
.fs-takeover-wrapper .fs-takeover-content.social-features .social-feature .description-section {
  padding: 10px 25px 20px;
}
.fs-takeover-wrapper .fs-takeover-content.social-features .social-feature .description-section h3 {
  font-size: 20px;
  line-height: 26px;
}
.fs-takeover-wrapper .onboarding-image {
  margin: 0 auto 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.fs-takeover-wrapper .fs-takeover-back-btn {
  z-index: 9;
}
.fs-takeover-wrapper .icon-share.onboarding-share-button {
  font-size: 16px !important;
}
.fs-takeover-wrapper .onboarding-helper-dot.share-icon {
  left: 180px;
  top: 14px;
}
.fs-takeover-wrapper .onboarding-dropdown-menu {
  position: absolute;
  top: 40px;
  right: 6px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  z-index: 5;
  overflow: hidden;
  padding: 5px;
  width: 175px;
}
.fs-takeover-wrapper .onboarding-dropdown-menu .create-new {
  display: flex;
  margin: 5px 0;
  border-bottom: 1px solid #f7f7f7;
}
.fs-takeover-wrapper .onboarding-dropdown-menu.publish-status {
  top: 54px;
  padding: 0;
}
.fs-takeover-wrapper .onboarding-dropdown-menu .option {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px 8px;
  margin: 0;
}
.fs-takeover-wrapper .onboarding-dropdown-menu .option.draft {
  background: #fdecac;
  color: #c09853;
}
.fs-takeover-wrapper .onboarding-dropdown-menu .option.draft:hover {
  background: #fbdb61;
}
.fs-takeover-wrapper .onboarding-dropdown-menu .option:hover {
  background-color: #f7f7f7;
}
.fs-takeover-wrapper #social-type.hover,
.fs-takeover-wrapper #social-campaign-option.hover,
.fs-takeover-wrapper #publish-button.hover {
  background: #f7f7f7;
}
.fs-takeover-wrapper .ss-draggable-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  height: 135px;
  opacity: 0;
  z-index: 2;
  animation: fs-takeover-contentFade 1s ease-out 750ms forwards;
}
.fs-takeover-wrapper .ss-draggable-container .color-label-toggle {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fs-takeover-wrapper .ss-draggable-container .color-label-toggle .label-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  margin: 0 10px;
  padding: 5px 20px;
  background-color: #f7f7f7;
  border-radius: 25px;
  cursor: pointer;
}
.fs-takeover-wrapper .ss-draggable-container .color-label-toggle .label-option:hover, .fs-takeover-wrapper .ss-draggable-container .color-label-toggle .label-option.active {
  background-color: #275a9a;
  color: #ffffff;
}
.fs-takeover-wrapper .ss-draggable-container .icon-arrow-right {
  display: inline-block;
  position: relative;
  z-index: 2;
  transform: rotate(90deg);
  margin-top: 5px;
  font-size: 26px;
  color: #275a9a;
  animation: onboarding-dragArrow 1.5s infinite;
}
@keyframes onboarding-dragArrow {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 50px;
  }
}
.fs-takeover-wrapper .ss-draggable-container .onboarding-card-item {
  margin: inherit;
}
.fs-takeover-wrapper #confetti-target {
  position: absolute;
  left: 50%;
  top: 150px;
  z-index: 5;
}
.fs-takeover-wrapper .fs-takeover-content.ideas {
  width: 60%;
  z-index: 2;
}
.fs-takeover-wrapper .fs-takeover-content.ideas .checkbox {
  border-color: #999999;
}
.fs-takeover-wrapper .fs-takeover-content.ideas .icon-file {
  color: #999999;
}
.fs-takeover-wrapper .fs-takeover-content.social-step.social-step {
  justify-content: space-around;
  margin: 0 10%;
}
.fs-takeover-wrapper .fs-takeover-content.requeue-setup {
  display: flex;
}
.fs-takeover-wrapper .fs-takeover-content.requeue-setup .requeue-card-container {
  width: 50%;
}
.fs-takeover-wrapper .fs-takeover-content.requeue-setup .onboarding-calendar-body.mini-calendar {
  height: 65%;
  margin: 0;
  width: 80%;
}
.fs-takeover-wrapper .fs-takeover-content.requeue-setup .onboarding-calendar-body.mini-calendar .calendar-grid-row-container {
  min-height: initial;
}
.fs-takeover-wrapper .fs-takeover-content.requeue-setup .onboarding-calendar-body.mini-calendar .calendar-grid-row-container .day-cell {
  overflow: hidden;
}
.fs-takeover-wrapper .fs-takeover-content.requeue-setup .onboarding-calendar-body.mini-calendar .calendar-grid-row-container .simple-social-card {
  opacity: 1;
}
.fs-takeover-wrapper .onboarding-outline {
  border: 2px solid #275a9a;
}
.fs-takeover-wrapper .onboarding-info {
  position: absolute;
  padding: 8px;
  width: 185px;
  background-color: #275a9a;
  border-radius: 8px;
  z-index: 3;
  display: flex;
  align-items: flex-start;
}
.fs-takeover-wrapper .onboarding-info p {
  font-size: 13px;
  padding: 5px;
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fs-takeover-wrapper .onboarding-info.integration-slide {
  left: -240px;
  top: 30px;
}
.fs-takeover-wrapper .onboarding-info.project-status-slide {
  right: -240px;
  top: 30px;
}
.fs-takeover-wrapper.welcome.flip-canvas .fs-takeover-header {
  margin: auto 60px auto 0;
  height: 100%;
  width: 50%;
  position: relative;
}
.fs-takeover-wrapper.welcome.flip-canvas .fs-takeover-header p {
  width: 80%;
  margin-right: auto;
}
.fs-takeover-wrapper.welcome.flip-canvas .fs-takeover-header .arrow-image {
  width: 200px;
  height: auto;
  position: absolute;
  bottom: 30px;
  right: -10px;
}
.fs-takeover-wrapper.welcome.flip-canvas .fs-takeover-content img {
  width: 60%;
  margin-bottom: 30px;
}
.fs-takeover-wrapper.welcome.flip-canvas .fs-takeover-content p {
  width: 45%;
}
.fs-takeover-wrapper.ss-action-resize-social .fs-takeover-header {
  height: 20%;
}
.fs-takeover-wrapper.ss-action-resize-social .fs-takeover-content {
  height: 80%;
}
.fs-takeover-wrapper.ss-action-resize-medium .fs-takeover-header {
  height: 25%;
}
.fs-takeover-wrapper.ss-action-resize-medium .ss-draggable-container {
  height: 25%;
}
.fs-takeover-wrapper.ss-action-resize-medium .fs-takeover-content {
  height: 50%;
}
.fs-takeover-wrapper.onboarding-color-labels .fs-takeover-header {
  height: 20%;
}
.fs-takeover-wrapper.ss-action-resize-large .fs-takeover-header {
  height: 24%;
}
.fs-takeover-wrapper.ss-action-resize-large .ss-integrations-container {
  height: 36%;
}
.fs-takeover-wrapper.ss-action-resize-large .fs-takeover-content {
  height: 40%;
}

.fs-takeover-footer.wp-install-footer {
  z-index: 102;
}

.fs-takeover-wrapper > * {
  /* Safari 11+ */
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .fs-takeover-wrapper > * .blog-option {
      border-radius: 0 !important;
    }
    .fs-takeover-wrapper > * .onboarding-service-button {
      align-items: center !important;
    }
    .fs-takeover-wrapper > * .onboarding-integrations-calendar-card {
      min-height: 30px !important;
    }
    .fs-takeover-wrapper > * .wordpress-wrapper.hide-wordpress {
      animation: onboarding-HideWordPressSafari 750ms ease-in forwards !important;
      margin: 30px 12.5% !important;
    }
    @keyframes onboarding-HideWordPressSafari {
      0% {
        margin-top: 30px;
      }
      100% {
        margin-top: 2500px;
      }
    }
  }
}

.fs-takeover-wrapper.flip-canvas .fs-takeover-content .onboarding-blog-wrapper {
  justify-content: initial;
  margin: 290px auto 0;
  width: 80%;
  animation: onboarding-blogDown 750ms ease-out 6s forwards;
}
.fs-takeover-wrapper.flip-canvas .fs-takeover-content .onboarding-blog-wrapper .onboarding-blog-header {
  min-height: 45px;
  position: relative;
}

.fs-takeover-wrapper.flip-canvas-alt .fs-takeover-content .onboarding-project-wrapper {
  margin: 110px auto 0;
  position: initial;
  top: initial;
  left: initial;
  height: 100%;
}

.blinking-cursor {
  animation: 1s blink step-end infinite;
}

.mia-onboarding-small.mia-onboarding-end {
  top: 115px;
  bottom: initial;
  right: 77px;
  width: 400px;
}
.mia-onboarding-small.mia-onboarding-achievements {
  top: 45px;
  right: 790px;
  width: 400px;
}
.mia-onboarding-small.mia-onboarding-guides {
  top: 50px;
  right: 315px;
}

@keyframes fs-takeover-contentFade {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes onboarding-contentEmailFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes fs-takeover-populateElement {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  60% {
    opacity: 0;
    transform: scale(0);
  }
  70% {
    opacity: 1;
    transform: scale(0);
  }
  80% {
    opacity: 1;
    transform: scale(0);
  }
  90% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes onboarding-removeOutline {
  0% {
    border: 3px solid #275a9a;
  }
  80% {
    border: 3px solid #275a9a;
  }
  100% {
    border: 3px solid transparent;
  }
}
@keyframes onboarding-removeOutlineWhite {
  0% {
    border: 3px solid #275a9a;
  }
  80% {
    border: 3px solid #275a9a;
  }
  100% {
    border: 3px solid #ffffff;
  }
}
@keyframes onboarding-removeOnboardingElement {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  30% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
  }
}
@keyframes onboarding-iconBounceIn {
  0% {
    opacity: 0;
    margin-top: -10px;
  }
  60% {
    opacity: 0;
    margin-top: -10px;
  }
  70% {
    opacity: 1;
    margin-top: -10px;
  }
  80% {
    opacity: 1;
    margin-top: 0;
  }
  90% {
    opacity: 1;
    margin-top: -5px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes onboarding-slideNotification {
  0% {
    right: 20px;
    opacity: 0;
  }
  75% {
    right: 20px;
    opacity: 0;
  }
  100% {
    opacity: 1;
    right: 30px;
  }
}
@keyframes onboarding-dropNotification {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  50% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 115px);
  }
}
@keyframes onboarding-dropNotificationLower {
  0% {
    transform: translate(0, 115px);
  }
  50% {
    transform: translate(0, 115px);
  }
  100% {
    transform: translate(0, 230px);
  }
}
@keyframes onboarding-populateCard {
  0% {
    visibility: hidden;
    transform: scale(0);
    min-height: 0;
  }
  80% {
    visibility: hidden;
    transform: scale(0);
    min-height: 0;
  }
  95% {
    transform: scale(1.1);
    visibility: visible;
    min-height: 80px;
  }
  100% {
    transform: scale(1);
    visibility: visible;
    min-height: 80px;
  }
}
@keyframes onboarding-populateCardShort {
  0% {
    visibility: hidden;
    transform: scale(0);
    min-height: 0;
  }
  80% {
    visibility: hidden;
    transform: scale(0);
    min-height: 0;
  }
  95% {
    transform: scale(1.1);
    visibility: visible;
    min-height: 60px;
  }
  100% {
    transform: scale(1);
    visibility: visible;
    min-height: 60px;
  }
}
@keyframes onboarding-populateTask {
  0% {
    visibility: hidden;
    transform: scale(0);
    min-height: 0;
  }
  80% {
    visibility: hidden;
    transform: scale(0);
    min-height: 0;
  }
  95% {
    transform: scale(1.1);
    visibility: visible;
    min-height: 22px;
  }
  100% {
    transform: scale(1);
    visibility: visible;
    min-height: 22px;
  }
}
@keyframes onboarding-populateGuide {
  0% {
    margin-top: 400px;
  }
  70% {
    margin-top: 400px;
  }
  80% {
    margin-top: -20px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes onboarding-populateEmail {
  0% {
    margin-top: 700px;
  }
  70% {
    margin-top: 700px;
  }
  80% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}
@keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: #666;
  }
}
@keyframes onboarding-WordPressLoader {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: -15px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes onboarding-WPressColorDot {
  0% {
    background-color: #cccccc;
  }
  50% {
    background-color: #e6e6e6;
  }
  100% {
    background-color: #f7f7f7;
  }
}
button.achievement-center-button {
  position: absolute;
  right: 90px;
  top: 10px;
  background-color: #275a9a;
}
button.achievement-center-button:hover, button.achievement-center-button:focus, button.achievement-center-button:active, button.achievement-center-button:active:hover {
  background-color: #2a4564;
}

.user-milestone-progress {
  display: none;
  flex-grow: 1;
  min-width: 150px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.user-milestone-progress .milestone-progress-bar {
  width: 100px;
}
.user-milestone-progress.show-progress {
  display: flex;
  flex-direction: column;
  font-size: 30px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.user-milestone-progress.show-progress .chart-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 30px;
  color: #b3b3b3;
}

.onboarding-achievement-center {
  display: flex;
  flex-flow: column;
  flex-grow: 2;
  margin: 0 15px 15px;
  min-width: 360px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  color: #4d4d4d;
}
.onboarding-achievement-center.close-achievement-center {
  transform-origin: top !important;
  transform: scaleY(0);
  transition: all 0.25s ease;
  opacity: 0;
}
.onboarding-achievement-center.achievement-widget {
  position: absolute;
  z-index: 1201;
  max-width: 450px;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  right: 15px;
  top: 45px;
}
.onboarding-achievement-center.achievement-widget .achievement-center-milestone-container {
  min-width: 330px;
  margin: 0;
}
.onboarding-achievement-center .achievements-complete {
  background-color: #275a9a;
  width: 100%;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
  padding: 5px 0;
}
.onboarding-achievement-center .achievements-complete .mia-message-avatar {
  width: 30px;
  height: 30px;
  padding-right: 10px;
}
.onboarding-achievement-center .achievements-complete .mia-message-content {
  display: flex;
  padding: 10px;
}
.onboarding-achievement-center .achievements-complete .mia-message {
  font-size: 13px;
}
.onboarding-achievement-center .achievements-complete .mia-message p {
  margin-bottom: 5px;
}
.onboarding-achievement-center .achievements-complete h5 {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 0;
}
.onboarding-achievement-center .achievements-complete .achievement-dismiss {
  margin: auto 0 15px 50px;
  border-color: #ffffff;
  color: #ffffff;
}
.onboarding-achievement-center .achievements-complete.congrats-home {
  display: flex;
  justify-content: space-between;
}
.onboarding-achievement-center .achievements-complete.congrats-home .mia-message-content {
  flex-direction: row;
  align-items: center;
  margin-left: 5px;
}
.onboarding-achievement-center .achievements-complete.congrats-home .button.achievement-dismiss {
  margin: 10px 15px 0;
  height: 30px;
}
.onboarding-achievement-center .achievement-header {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 5px;
  padding: 9px 15px 0;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onboarding-achievement-center .achievement-header .achievement-main-icon {
  color: #f2c069;
  margin-right: 7px;
}
.onboarding-achievement-center .achievement-header .mini-user-score {
  margin-left: auto;
  display: none;
}
.onboarding-achievement-center .achievement-header .mini-user-score.show {
  display: block;
}
.onboarding-achievement-center .achievement-center-copy {
  width: 75%;
  padding: 9px 15px;
}
.onboarding-achievement-center .achievement-center-milestone-container {
  display: flex;
  flex-flow: column;
  flex-grow: 2;
  margin: 15px;
  min-width: 360px;
  border-radius: 10px;
}
.onboarding-achievement-center .achievement-center-milestone-container.home {
  display: grid;
  margin: 0;
  padding: 5px 0;
  grid-template-columns: 1fr 1fr;
}
.onboarding-achievement-center .achievement-center-milestone-container.home .individual-achievement-container,
.onboarding-achievement-center .achievement-center-milestone-container.home .individual-achievement-container:last-of-type {
  padding-top: 10px;
  margin: 5px 0 10px 15px;
  border-radius: 5px;
  border: 1px #e6e6e6 solid;
}
.onboarding-achievement-center .achievement-center-milestone-container.home .individual-achievement-container:hover,
.onboarding-achievement-center .achievement-center-milestone-container.home .individual-achievement-container:last-of-type:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement-container {
  padding: 8px 12px;
  border: transparent;
  border-top: 1px #e6e6e6 solid;
  background-color: #ffffff;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement-container:last-of-type {
  border-radius: 0 0 5px 5px;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement-container:hover {
  background-color: #f7f7f7;
}
.onboarding-achievement-center .achievement-center-milestone-container .achievement-link {
  margin-left: 50px;
  color: #b3b3b3;
  text-decoration: underline;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement {
  display: flex;
  align-items: flex-start;
  color: #4d4d4d;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement .shorten {
  width: 90%;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement .achievement-score {
  display: flex;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  padding: 10px;
  margin-right: 10px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement .achievement-score.incomplete {
  background-color: #cccccc;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement .achievement-score.completed {
  background-color: #8ac884;
}
.onboarding-achievement-center .achievement-center-milestone-container .individual-achievement .achievement-angle-icon {
  display: block;
  height: 100%;
  min-width: 20px;
  text-align: right;
  align-self: center;
}

.achievement-progress-bar .radial-chart {
  width: 110px;
  height: 110px;
  background-color: rgba(247, 247, 247, 0.4);
}
.achievement-progress-bar .radial-chart .circle .mask,
.achievement-progress-bar .radial-chart .circle .fill {
  width: 110px;
  height: 110px;
  transition: transform 1s;
}
.achievement-progress-bar .radial-chart .circle .mask {
  clip: rect(0px, 110px, 110px, 55px);
}
.achievement-progress-bar .radial-chart .circle .mask .fill {
  clip: rect(0px, 55px, 110px, 0px);
  background-color: #8ac884;
}
.achievement-progress-bar .radial-chart .inset {
  width: 100px;
  height: 100px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #ffffff;
}
.achievement-progress-bar .radial-chart .inset .inset-inner {
  width: 92px;
  height: 92px;
  transition: opacity 1s ease-in-out;
}
.achievement-progress-bar .radial-chart .inset .inset-inner .score {
  font-size: 28px;
  line-height: 90px;
  color: #808080;
}

.achievement-sidebar-reminder {
  height: 125px;
  width: 90%;
  margin: 10px 5%;
  background-color: #275a9a;
  border-radius: 8px;
  overflow: hidden;
  border: none;
}
.achievement-sidebar-reminder:hover, .achievement-sidebar-reminder:focus, .achievement-sidebar-reminder:active, .achievement-sidebar-reminder:active:hover {
  background-color: #2a4564;
  transition: all 0.05s ease-out;
}
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar, .achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar, .achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar, .achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar {
  transition: all 0.1s ease-out;
}
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar .radial-chart, .achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar .radial-chart, .achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar .radial-chart, .achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar .radial-chart {
  width: 60px;
  height: 60px;
  background-color: rgba(230, 230, 230, 0.4);
}
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask,
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar .radial-chart .circle .fill, .achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask,
.achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar .radial-chart .circle .fill, .achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask,
.achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar .radial-chart .circle .fill, .achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask,
.achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar .radial-chart .circle .fill {
  width: 60px;
  height: 60px;
  transition: transform 1s;
}
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask, .achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask, .achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask, .achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask {
  clip: rect(0px, 60px, 60px, 30px);
}
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask .fill, .achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask .fill, .achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask .fill, .achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask .fill {
  clip: rect(0px, 30px, 60px, 0px);
  background-color: #8ac884;
}
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar .radial-chart .inset, .achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar .radial-chart .inset, .achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar .radial-chart .inset, .achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar .radial-chart .inset {
  width: 50px;
  height: 50px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #2a4564;
}
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner, .achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner, .achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner, .achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner {
  width: 42px;
  height: 42px;
  transition: opacity 1s ease-in-out;
}
.achievement-sidebar-reminder:hover .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner .score, .achievement-sidebar-reminder:focus .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner .score, .achievement-sidebar-reminder:active .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner .score, .achievement-sidebar-reminder:active:hover .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner .score {
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
}
.achievement-sidebar-reminder.disabled, .integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn {
  cursor: initial;
  background-color: #2a4564;
}
.achievement-sidebar-reminder.disabled .user-milestone-progress .achievement-progress-bar .radial-chart, .integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn .user-milestone-progress .achievement-progress-bar .radial-chart {
  width: 60px;
  height: 60px;
  background-color: rgba(230, 230, 230, 0.4);
}
.achievement-sidebar-reminder.disabled .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask, .integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask,
.achievement-sidebar-reminder.disabled .user-milestone-progress .achievement-progress-bar .radial-chart .circle .fill,
.integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn .user-milestone-progress .achievement-progress-bar .radial-chart .circle .fill {
  width: 60px;
  height: 60px;
  transition: transform 1s;
}
.achievement-sidebar-reminder.disabled .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask, .integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask {
  clip: rect(0px, 60px, 60px, 30px);
}
.achievement-sidebar-reminder.disabled .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask .fill, .integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask .fill {
  clip: rect(0px, 30px, 60px, 0px);
  background-color: #8ac884;
}
.achievement-sidebar-reminder.disabled .user-milestone-progress .achievement-progress-bar .radial-chart .inset, .integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn .user-milestone-progress .achievement-progress-bar .radial-chart .inset {
  width: 50px;
  height: 50px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #2a4564;
}
.achievement-sidebar-reminder.disabled .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner, .integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner {
  width: 42px;
  height: 42px;
  transition: opacity 1s ease-in-out;
}
.achievement-sidebar-reminder.disabled .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner .score, .integration-modal .container.enabled .body .header .achievement-sidebar-reminder.btn .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner .score {
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
}
.achievement-sidebar-reminder .achievement-header {
  color: #ffffff;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px;
  display: flex;
  align-items: center;
}
.achievement-sidebar-reminder .achievement-header .ac-name {
  min-width: 200px;
  font-size: 16px;
  text-align: left;
}
.achievement-sidebar-reminder .achievement-header .achievement-main-icon {
  color: #f2c069;
  margin-right: 8px;
}
.achievement-sidebar-reminder .achievement-sidebar-copy {
  color: #ffffff;
  font-size: 12px;
  width: 65%;
  margin-right: 10px;
  text-align: left;
}
.achievement-sidebar-reminder .user-milestone-progress {
  min-width: initial;
  flex-grow: initial;
  height: 65px;
}
.achievement-sidebar-reminder .user-milestone-progress .achievement-progress-bar .radial-chart {
  width: 60px;
  height: 60px;
  background-color: rgba(230, 230, 230, 0.4);
}
.achievement-sidebar-reminder .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask,
.achievement-sidebar-reminder .user-milestone-progress .achievement-progress-bar .radial-chart .circle .fill {
  width: 60px;
  height: 60px;
  transition: transform 1s;
}
.achievement-sidebar-reminder .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask {
  clip: rect(0px, 60px, 60px, 30px);
}
.achievement-sidebar-reminder .user-milestone-progress .achievement-progress-bar .radial-chart .circle .mask .fill {
  clip: rect(0px, 30px, 60px, 0px);
  background-color: #8ac884;
}
.achievement-sidebar-reminder .user-milestone-progress .achievement-progress-bar .radial-chart .inset {
  width: 50px;
  height: 50px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #275a9a;
}
.achievement-sidebar-reminder .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner {
  width: 42px;
  height: 42px;
  transition: opacity 1s ease-in-out;
}
.achievement-sidebar-reminder .user-milestone-progress .achievement-progress-bar .radial-chart .inset .inset-inner .score {
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
}

.milestone-reminder-container {
  width: 450px;
  padding: 15px;
  margin-right: auto;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a4564;
  background-color: #daebff;
  text-align: left;
  border: none;
}
.milestone-reminder-container:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease-out;
}
.milestone-reminder-container .reminder-count {
  display: flex;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  padding: 10px;
  margin: auto 15px auto 0;
  border-radius: 30px;
  color: #ffffff;
  background-color: #2a4564;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.emily-onboarding-modal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.emily-onboarding-modal .modal-container {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 750px;
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
  border-radius: 10px;
}
.emily-onboarding-modal .modal-container .modal-header, .emily-onboarding-modal .modal-container .delete-confirmation .delete-header, .delete-confirmation .emily-onboarding-modal .modal-container .delete-header {
  padding: 0;
}
.emily-onboarding-modal .modal-container .modal-header h4, .emily-onboarding-modal .modal-container .delete-confirmation .delete-header h4, .delete-confirmation .emily-onboarding-modal .modal-container .delete-header h4 {
  font-weight: bold;
  background-color: #f7f7f7;
  text-align: center;
  padding: 15px 0;
  margin: 0;
}
.emily-onboarding-modal .modal-container .modal-content {
  display: flex;
  flex-direction: column;
}
.emily-onboarding-modal .modal-container .modal-content .modal-copy {
  width: 80%;
  margin: 20px auto;
}
.emily-onboarding-modal .modal-container .modal-content .img-container {
  width: 600px;
  height: auto;
  margin: 20px auto;
}
.emily-onboarding-modal .modal-container .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.onboarding-project-wrapper {
  height: calc(100% - 80px);
  width: 75%;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 80px;
  left: 12.5%;
  z-index: 0;
}
.onboarding-project-wrapper .onb-project-header {
  background: #e6e6e6;
  height: 65px;
  display: flex;
  align-items: center;
}
.onboarding-project-wrapper .onb-project-header h3 {
  margin: 0 20px;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.onboarding-project-wrapper .onb-project-header .meta-data-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
}
.onboarding-project-wrapper .onb-project-header .meta-data-placeholder {
  min-height: 13px;
  min-width: 13px;
  padding: 9px;
  background: #ffffff;
  border-radius: 25px;
  margin: 0 5px;
}
.onboarding-project-wrapper .onb-project-header .meta-data-placeholder.long {
  display: flex;
  align-content: center;
  justify-content: center;
  min-width: 85px;
  margin-right: 10px;
}
.onboarding-project-wrapper .onb-project-header .meta-data-placeholder.long p {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}
.onboarding-project-wrapper .onb-project-header .meta-data-placeholder.draft {
  background: #fdecac;
  display: flex;
  align-content: center;
  justify-content: center;
}
.onboarding-project-wrapper .onb-project-header .meta-data-placeholder.draft p {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c09853;
  margin: 0;
}
.onboarding-project-wrapper .onboarding-project-content {
  display: flex;
  background-color: #f7f7f7;
  padding: 10px;
  height: 100%;
}
.onboarding-project-wrapper .onboarding-project-attachment {
  width: calc(100% - 200px);
}
.onboarding-project-wrapper .project-attachment-header {
  height: 45px;
  border-bottom: 1px solid #f7f7f7;
  display: flex;
  align-items: center;
  position: relative;
}
.onboarding-project-wrapper .project-attachment-header .icon-arrow-right {
  color: #275a9a;
}
.onboarding-project-wrapper .project-attachment-header .icon-arrow-right.onboarding-link-helper {
  position: absolute;
  top: 45px;
  right: 225px;
  transform: rotate(90deg);
}
.onboarding-project-wrapper .project-attachment-header .onboarding-info.link {
  right: 125px;
  top: -10px;
}
.onboarding-project-wrapper .project-attachment-header p {
  margin: 0;
}
.onboarding-project-wrapper .project-attachment-content {
  padding: 10px 40px;
}
.onboarding-project-wrapper .project-attachment-content .text-editor-skeleton {
  background-color: #e6e6e6;
  border-radius: 8px;
}
.onboarding-project-wrapper .project-attachment-content .text-editor-skeleton.headline-skeleton {
  height: 50px;
  margin-bottom: 20px;
}
.onboarding-project-wrapper .project-attachment-content .text-editor-skeleton.body-skeleton {
  height: 300px;
}
.onboarding-project-wrapper .onboarding-project-sidebar {
  width: 200px;
  padding: 20px;
  background-color: #ffffff;
}
.onboarding-project-wrapper .onboarding-project-sidebar .task-sidebar-skeleton {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.onboarding-project-wrapper .onboarding-project-sidebar .task-sidebar-skeleton .icon-checkmark {
  margin-right: 10px;
}
.onboarding-project-wrapper .onboarding-project-sidebar .task-sidebar-skeleton .task-name-skeleton {
  display: inline-block;
  background-color: #e6e6e6;
  height: 20px;
  width: 100%;
  border-radius: 20px;
}
.onboarding-project-wrapper.onboarding-project-template {
  top: 20px;
  height: calc(100% - 30px);
}
.onboarding-project-wrapper.onboarding-project-template .onboarding-project-template-header {
  height: 40px;
  border-radius: 8px 8px 0 0;
  background-color: #dde9ff;
}
.onboarding-project-wrapper.onboarding-project-template .onb-project-header {
  background-color: #ffffff;
  height: 100px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  position: relative;
  transform: scale(1.01);
  z-index: 10;
}
.onboarding-project-wrapper.onboarding-project-template .onb-project-header .meta-data-placeholder {
  background-color: #e6e6e6;
  min-height: 18px;
  min-width: 18px;
  padding: 16px;
  margin: 0 11px;
  font-size: 20px;
}
.onboarding-project-wrapper.onboarding-project-template .onb-project-header .meta-data-placeholder.long {
  min-width: 85px;
  margin-right: 10px;
}
.onboarding-project-wrapper.onboarding-project-template .template-header-arrow {
  position: absolute;
  font-size: 16px;
  color: #366fb2;
  opacity: 0;
  animation: fs-takeover-contentFade 150ms ease-in 2.4s forwards;
}
.onboarding-project-wrapper.onboarding-project-template .onboarding-blue-border {
  border: 5px solid transparent;
  padding: 1px 4px;
  margin: -5px;
  position: relative;
  z-index: 100;
  animation: border-fade-in 150ms ease-in 2s forwards;
}
.onboarding-project-wrapper.onboarding-project-template-header-slide {
  width: 60%;
  left: 25%;
}
.onboarding-project-wrapper.onboarding-project-template-header-slide .onboarding-info {
  left: -260px;
  top: 50px;
  animation-delay: 2.3s;
}
.onboarding-project-wrapper.onboarding-project-template-header-slide .template-header-arrow {
  top: 85px;
  left: -40px;
}
.onboarding-project-wrapper.onboarding-project-template-header-slide .onboarding-blue-border {
  border-radius: 14px;
}
.onboarding-project-wrapper.onboarding-project-template-recurring-slide {
  width: 75%;
  left: 12.5%;
}
.onboarding-project-wrapper.onboarding-project-template-recurring-slide .onboarding-info {
  top: 120px;
  right: 90px;
  animation-delay: 2.2s;
}
.onboarding-project-wrapper.onboarding-project-template-recurring-slide .template-header-arrow {
  top: 90px;
  right: 182px;
  transform: rotate(90deg);
  animation-delay: 2.2s;
}
.onboarding-project-wrapper.onboarding-project-template-recurring-slide .onboarding-blue-border {
  border-radius: 50%;
  border-color: #ffffff;
  animation-delay: 1.8s;
}

@keyframes border-fade-in {
  0% {
    border-color: transparent;
  }
  100% {
    border-color: #366fb2;
  }
}
.onboarding-calendar-nav {
  background-color: #f7f7f7;
  width: 100%;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #e6e6e6;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.onboarding-calendar-nav .button.orange {
  pointer-events: none;
}
.onboarding-calendar-nav .button.orange:hover {
  pointer-events: none;
}
.onboarding-calendar-nav .cos-logo {
  margin: 0 auto 0 10px;
  height: 25px;
  width: auto;
}
.onboarding-calendar-nav.saved-view {
  justify-content: flex-start;
}
.onboarding-calendar-nav.saved-view .saved-view-btn,
.onboarding-calendar-nav.saved-view .saved-view-calendar {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
}
.onboarding-calendar-nav.saved-view .saved-view-calendar {
  margin: 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.onboarding-calendar-nav.saved-view .calendar-color-dot {
  height: 10px;
  width: 10px;
  padding: 2px;
  border-radius: 25px;
  background-color: #e6e6e6;
  margin-right: 10px;
}
.onboarding-calendar-nav.saved-view .calendar-color-dot.label-blue {
  background-color: #1d82ff;
}
.onboarding-calendar-nav.saved-view .calendar-color-dot.label-green {
  background-color: #a4ec32;
}
.onboarding-calendar-nav.saved-view .calendar-color-dot.label-purple {
  background-color: #b12eee;
}
.onboarding-calendar-nav.saved-view .calendar-color-dot.label-orange {
  background-color: #ff890a;
}
.onboarding-calendar-nav.saved-view .saved-view-container {
  position: absolute;
  top: 40px;
  left: 100px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  z-index: 5;
  overflow: hidden;
  padding: 5px;
}
.onboarding-calendar-nav.saved-view .saved-view-container .saved-view-calendar {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  margin: 0;
}
.onboarding-calendar-nav.saved-view .saved-view-container .saved-view-calendar:hover {
  background-color: #f7f7f7;
}
.onboarding-calendar-nav.saved-view .saved-view-btn {
  margin: 0 5px 0 0;
}

.onboarding-calendar-body {
  grid-area: grid-col-center;
  position: relative;
  height: 100%;
  width: 90%;
  margin: 0 auto;
  box-shadow: 0 1px 12px -3px rgba(0, 0, 0, 0.4);
  border-radius: 10px 10px 0 0;
  background-color: #ffffff;
}
.onboarding-calendar-body .draggable-object-target {
  border-right: 1px dotted #cccccc;
}
.onboarding-calendar-body.wordpress {
  width: 50%;
  margin: 0 auto 0 30px;
}
.onboarding-calendar-body.mini-calendar {
  height: 85%;
  width: 45%;
  border-radius: 10px;
}
.onboarding-calendar-body.mini-calendar .day-grid-2 .dot {
  height: 4px;
  width: 4px;
  padding: 2px;
  background: #cccccc;
  border-radius: 25px;
}
.onboarding-calendar-body.mini-calendar .simple-project-card {
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 10px;
  background: #b3b3b3;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-around;
  min-height: 60px;
  color: #ffffff;
  box-sizing: border-box;
  padding: 0 5px 5px;
}
.onboarding-calendar-body.mini-calendar .simple-project-card .icon {
  margin: 7px auto 5px 4px;
}
.onboarding-calendar-body.mini-calendar .simple-project-card .onboarding-project-placeholder {
  width: 100%;
  margin: auto;
  background: #ffffff;
  min-height: 28px;
  border-radius: 8px;
  padding: 5px;
  box-sizing: border-box;
}
.onboarding-calendar-body.mini-calendar .simple-project-card-header {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 30px;
}
.onboarding-calendar-body.mini-calendar .simple-project-card-header .icon {
  margin: 0 0 0 4px;
}
.onboarding-calendar-body.mini-calendar .simple-project-card-skeleton {
  display: inline-block;
  border-radius: 10px;
  height: 10px;
  background-color: #e6e6e6;
}
.onboarding-calendar-body.mini-calendar .simple-social-card {
  width: 90%;
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 8px;
  background: #b3b3b3;
  display: flex;
  align-items: center;
  height: 30px;
  color: #ffffff;
  opacity: 0;
  animation: 750ms ease-out forwards onboarding-socialSync;
}
.onboarding-calendar-body.mini-calendar .simple-social-card.card-delay-1 {
  animation-delay: 0.9s;
}
.onboarding-calendar-body.mini-calendar .simple-social-card.card-delay-2 {
  animation-delay: 1.8s;
}
.onboarding-calendar-body.mini-calendar .simple-social-card.card-delay-3 {
  animation-delay: 2.7s;
}
.onboarding-calendar-body.mini-calendar .simple-social-card.card-delay-4 {
  animation-delay: 3.6s;
}
.onboarding-calendar-body.mini-calendar .simple-social-card.card-delay-5 {
  animation-delay: 4.5s;
}
.onboarding-calendar-body.mini-calendar .simple-social-card.card-delay-6 {
  animation-delay: 5.4s;
}
.onboarding-calendar-body.mini-calendar .simple-social-card.requeue-gap {
  border: 1px dashed #8ac884;
  background: #ffffff;
}
.onboarding-calendar-body.mini-calendar .simple-social-card.requeue-filled {
  background: #8ac884;
  border: 1px dashed #6ba066;
  animation: 750ms ease-out forwards onboarding-cardDrop;
}
.onboarding-calendar-body.mini-calendar .simple-social-card .icon {
  margin-left: 8px;
}
.onboarding-calendar-body.mini-calendar .onboarding-calendar-nav {
  background: #e6e6e6;
  border-bottom: none !important;
}
.onboarding-calendar-body.mini-calendar .calendar-grid-row-container {
  border-bottom: none !important;
  padding: 0 5px;
  background: #f7f7f7;
}
.onboarding-calendar-body.mini-calendar .calendar-grid-row-container .day-cell {
  border: 10px solid #f7f7f7;
  background: #ffffff;
}
.onboarding-calendar-body.mini-calendar .calendar-grid-row-container .day-cell.today {
  background: #e9f0f4;
}
.onboarding-calendar-body.wordpress-connect {
  width: 600px;
}
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-project-card,
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-social-card {
  opacity: 0;
  transform: rotate(0deg);
  animation: 450ms ease-out forwards 2s onboarding-cardDrop;
}
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-project-card:nth-child(1),
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-social-card:nth-child(1) {
  animation-delay: 2s;
}
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-project-card:nth-child(2),
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-social-card:nth-child(2) {
  animation-delay: 2.25s;
}
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-project-card:nth-child(3),
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-social-card:nth-child(3) {
  animation-delay: 2.5s;
}
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-project-card.green,
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-social-card.green {
  background-color: #a4ec32;
}
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-project-card.blue,
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-social-card.blue {
  background-color: #1d82ff;
}
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-project-card.pink,
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-social-card.pink {
  background-color: #e30e6d;
}
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-project-card.orange,
.onboarding-calendar-body.wordpress-connect .day-grid-3 .simple-social-card.orange {
  background-color: #ff890a;
}
.onboarding-calendar-body.blog-drag-drop .onboarding-card-item {
  border: 3px solid #ffffff;
}
.onboarding-calendar-body.blog-drag-drop .onboarding-card-item.onboarding-outline {
  border: 3px solid #275a9a;
  transition: 750ms ease-in-out;
}
.onboarding-calendar-body.blog-drag-drop .icon-arrow-right {
  opacity: 0;
}
.onboarding-calendar-body.blog-drag-drop .icon-arrow-right.drag-drop {
  opacity: 1;
}
.onboarding-calendar-body.blog-drag-drop .calendar-day-outline {
  transition: 750ms ease-in-out;
}
.onboarding-calendar-body.blog-drag-drop .onboarding-mute-element {
  transition: 150ms ease-in-out;
}
.onboarding-calendar-body.onboarding-project-template {
  width: 75%;
  height: 100%;
}
.onboarding-calendar-body.onboarding-project-template .calendar-grid-row-container {
  height: calc(61% - 22.5px);
}
.onboarding-calendar-body.onboarding-project-template .onboarding-create-menu {
  position: absolute;
  top: 50px;
  right: 10px;
  width: 200px;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 0 0 8px;
  z-index: 100;
}
.onboarding-calendar-body.onboarding-project-template .onboarding-create-menu .onb-create-menu-header {
  display: flex;
  align-items: center;
  padding: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.onboarding-calendar-body.onboarding-project-template .onboarding-create-menu .onb-create-menu-header label {
  margin: 0;
}
.onboarding-calendar-body.onboarding-project-template .onboarding-create-menu .onb-create-menu-row {
  padding: 10px 12px;
  color: #666666;
}
.onboarding-calendar-body.onboarding-project-template .onboarding-create-menu .onb-create-menu-row-text {
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onboarding-calendar-body.onboarding-project-template .onboarding-create-menu .onb-create-menu-row.hover {
  background-color: #f7f7f7;
}
.onboarding-calendar-body.onboarding-project-template .template-apply-arrow {
  transform: rotate(270deg);
  position: absolute;
  top: 201px;
  right: 141px;
  font-size: 16px;
  z-index: 10;
  color: #366fb2;
  opacity: 0;
  animation: fs-takeover-contentFade 150ms ease-in 1.75s forwards;
}
.onboarding-calendar-body.onboarding-project-template .project-template-apply-slide {
  top: 230px;
  right: 50px;
  z-index: 10;
}
.onboarding-calendar-body .calendar-grid {
  display: grid;
  grid: 26px auto/1fr;
  min-height: calc(100vh - 96px);
  position: relative;
  background-color: #ffffff;
}
.onboarding-calendar-body .calendar-grid .project-card .card-inner {
  min-height: 38px;
}
.onboarding-calendar-body .calendar-grid-row-container {
  display: grid;
  grid: auto/repeat(5, 20%);
  border-bottom: 1px solid #cccccc;
  height: calc(50% - 22.5px);
  min-height: 125px;
}
.onboarding-calendar-body .calendar-grid-row-container.social-campaign {
  height: calc(75% - 22.5px);
}
.onboarding-calendar-body .calendar-grid-row-container.integrations-step {
  height: calc(100% - 22.5px);
}
.onboarding-calendar-body .calendar-grid-row-container.integrations-step .day-cell .day-grid-3 {
  margin-top: 5px;
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell {
  display: grid;
  grid-template-rows: 0 28px 1fr auto;
  border-right: 1px dotted #cccccc;
  position: relative;
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-right,
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-left {
  position: absolute;
  left: -30px;
  font-size: 26px;
  top: 109px;
  color: #275a9a;
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-right.drag-drop,
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-left.drag-drop {
  top: 78px;
  right: -30px;
  left: initial;
  z-index: 1;
  animation: onboarding-dragArrowRight 1.5s infinite;
}
@keyframes onboarding-dragArrowRight {
  0% {
    left: 0;
  }
  100% {
    left: 30px;
  }
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-right.social-message,
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-left.social-message {
  right: -40px;
  top: 50px;
  transform: rotate(180deg);
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-right.project-owner,
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-left.project-owner {
  top: 92px;
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-right.project-status,
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-left.project-status {
  right: -30px;
  left: initial;
  top: 37px;
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-right.project-type,
.onboarding-calendar-body .calendar-grid-row-container .day-cell .icon-arrow-left.project-type {
  left: -30px;
  top: 37px;
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .onboarding-card-item {
  width: initial;
  box-shadow: none;
  margin: 10px 5px;
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .day-grid-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  padding: 0 9px;
  position: sticky;
  margin-top: 15px;
  background-color: #ffffff;
  z-index: 4;
}
.onboarding-calendar-body .calendar-grid-row-container .day-cell .day-grid-3 {
  align-self: start;
  margin-top: 20px;
  height: 100%;
  min-width: 0;
}

.onboarding-social-placeholder {
  width: 65%;
  margin: 0 auto;
  background: #ffffff;
  height: 10px;
  border-radius: 10px;
}

.social-ai-onboarding {
  display: flex;
  justify-content: center;
  height: 65vh;
  min-height: 400px;
  margin-top: -50px;
}
.social-ai-onboarding img {
  max-width: 100%;
  max-height: 100%;
}

.calendar-day-outline {
  outline: 3px solid #275a9a;
  outline-offset: -3px;
  height: 100%;
}

@keyframes onboarding-socialSync {
  0% {
    opacity: 0;
    margin-left: 120px;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    margin-left: 5px;
  }
}
@keyframes onboarding-cardDrop {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.onboarding-task-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
  padding: 2px 0;
}
.onboarding-task-wrapper.animate-task {
  animation: onboarding-populateTask 0.5s ease-out forwards;
}
.onboarding-task-wrapper.task-outline {
  border: 3px solid #275a9a;
  border-radius: 25px;
}
.onboarding-task-wrapper p {
  margin: 0;
}
.onboarding-task-wrapper .checkbox {
  height: 20px;
  width: 20px;
  margin: 0 10px 0 10px;
  border-radius: 4px;
  border: 1px solid #b3b3b3;
}
.onboarding-task-wrapper .checkbox.label-green {
  border: 1px solid #a4ec32;
}
.onboarding-task-wrapper .checkbox.label-purple {
  border: 1px solid #b12eee;
}
.onboarding-task-wrapper .checkbox.label-orange {
  border: 1px solid #ff890a;
}
.onboarding-task-wrapper .checkbox.label-blue {
  border: 1px solid #1d82ff;
}

.onboarding-mute-element {
  opacity: 0.15;
}

.onboarding-placeholder-element {
  height: 15px;
  width: 70%;
  background: #f7f7f7;
  border-radius: 25px;
}

.onboarding-placeholder-header-element {
  height: 18px;
  width: 18px;
  background: #f7f7f7;
  border-radius: 25px;
}

.fs-content-copy-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  width: 93%;
  border-radius: 8px;
  height: 25px;
  margin: 0 auto;
}

.onboarding-placeholder-element-interior {
  background-color: #f7f7f7;
  width: 93%;
  border-radius: 8px;
  height: 12.5px;
  margin: 0 auto;
}

.onboarding-idea-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 25px;
  border: 2px solid #275a9a;
}
.onboarding-idea-label.yellow {
  border: 2px solid #f2c069;
}

#share-copy-confirmation {
  position: absolute;
  top: 11px;
  left: 220px;
  z-index: 5;
  color: #d17760;
  font-weight: bold;
  opacity: 0;
  animation: animateEmail 2s;
}

.ss-onboarding-email {
  display: flex;
  justify-content: center;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 6;
}
.ss-onboarding-email .email-overlay {
  height: 100%;
  width: 100%;
  padding-bottom: 20px;
  position: absolute;
  top: 0;
  z-index: 5;
  opacity: 0.8;
  background: #ffffff;
  animation: onboarding-contentEmailFade 100ms ease-out forwards;
}
.ss-onboarding-email .email-header-bar {
  width: 100%;
  height: 43px;
  background-color: #4d4d4d;
  display: flex;
  align-items: center;
}
.ss-onboarding-email .email-header-bar h4 {
  color: #ffffff;
}
.ss-onboarding-email .email-address-field {
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #b3b3b3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
}
.ss-onboarding-email .email-address-field .contact-pill {
  padding: 3px 9px;
  background: #f7f7f7;
  border-radius: 25px;
  margin-left: 10px;
  font-weight: 500;
}
.ss-onboarding-email .email-copy {
  width: 95%;
  margin: 10px auto 0;
  line-height: 24px;
  min-height: 216px;
}
.ss-onboarding-email .ss-email-wrapper {
  position: relative;
  margin: 700px auto 0;
  background-color: #ffffff;
  width: 684px;
  height: 100%;
  padding-bottom: 10px;
  z-index: 6;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  overflow: hidden;
  animation: onboarding-populateEmail 1s ease-out forwards;
}

.ss-ideas-container {
  display: flex;
  justify-content: center;
  height: 100%;
}
.ss-ideas-container .onboarding-card-item {
  width: 85%;
  overflow: initial;
}
.ss-ideas-container .onboarding-card-item.schedule-idea {
  position: absolute;
  right: -55px;
  top: 90px;
  width: 250px;
  z-index: 3;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.9);
}
.ss-ideas-container .onboarding-card-item .cursor-grab {
  position: absolute;
  bottom: 20px;
  right: -14px;
  z-index: 4;
  width: 30px;
  height: auto;
}

.ss-ideas-bin {
  height: 100%;
  width: 20%;
  background-color: #f7f7f7;
  margin-left: -50px;
  padding: 10px 30px 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  opacity: 0;
  animation: fs-takeover-contentFade 1s ease-out 750ms forwards;
}
.ss-ideas-bin .onboarding-card-item {
  width: 85%;
  overflow: initial;
}

.fs-takeover-content.social-sending .onb-network-icon {
  color: #ffffff;
  font-size: 18px;
}
.fs-takeover-content.social-sending .social-calendar-day {
  border: 1px solid #cccccc;
  padding: 8px 0 20px;
  border-radius: 4px;
  width: 371px;
  margin: 0 auto;
  background-color: #ffffff;
}
.fs-takeover-content.social-sending .social-calendar-day .day {
  font-size: 12px;
  color: #b3b3b3;
  font-weight: bold;
  margin-left: 15px;
  margin-bottom: 0;
}
.fs-takeover-content.social-sending .social-calendar-day .day-number {
  color: #666666;
  margin-left: 15px;
}
.fs-takeover-content.social-sending .button.create {
  color: #275a9a;
  width: 250px;
  border: 1px solid #275a9a;
  margin: 10px auto 30px;
}
.fs-takeover-content.social-sending .button.create .icon-bubble {
  color: #275a9a;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card {
  width: 275px;
  height: 25px;
  left: initial !important;
  top: initial !important;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card.base {
  left: 20%;
  top: 125px;
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.25s forwards;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card.middle {
  left: 24%;
  top: 165px;
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.5s forwards;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card.top {
  left: 28%;
  top: 205px;
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.75s forwards;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card.first {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.25s forwards;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card.second {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.75s forwards;
  top: 75px;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card.third {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 1s forwards;
  top: 155px;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card.fourth {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 1.15s forwards;
  top: 235px;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card.fifth {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 1.25s forwards;
  top: 315px;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card .profile-info {
  border-radius: 17px;
  margin-top: 3px;
  padding: 5px;
}
.fs-takeover-content.social-sending .onboarding-integrations-calendar-card .profile-info span {
  color: #ffffff;
}

.ss-social-container {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 50%;
  margin: 0 auto;
  border-radius: 8px;
  position: relative;
}
.ss-social-container.left {
  border-right: 1px dotted #e6e6e6;
}
.ss-social-container .ss-social-queue {
  height: 100%;
  display: flex;
}
.ss-social-container .ss-social-queue .ss-dates {
  margin-left: auto;
  height: 310px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.ss-social-container .ss-social-queue .ss-dates p {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  color: #999999;
}
.ss-social-container .ss-social-queue .ss-queue {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 371px;
  width: 70%;
}
.ss-social-container .ss-social-queue .ss-queue .ss-filled-campaign {
  display: flex;
  flex-direction: column;
  height: 371px;
  width: 75%;
  margin-left: -120px;
  position: relative;
}
.ss-social-container .ss-social-queue .ss-queue .ss-filled-campaign .onboarding-integrations-calendar-card {
  width: 225px;
  z-index: 6;
}
.ss-social-container .ss-social-queue .ss-queue .ss-filled-campaign .ss-social-card {
  width: 90%;
  z-index: 2;
}
.ss-social-container .ss-social-queue .ss-queue .dotted-queue {
  content: "";
  width: 2px;
  display: block;
  box-sizing: border-box;
  position: absolute;
  height: 350px;
  left: 58%;
  margin: 3px 0 0 -1px;
  border: 1px dashed white;
  background-color: rgba(0, 0, 0, 0.2);
  min-height: 150px !important;
}
.ss-social-container .ss-social-queue .ss-queue .dotted-queue .empty {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.ss-social-container .ss-social-queue .ss-queue .dotted-queue .empty.remove {
  opacity: 1;
  animation: onboardingRemoveQueue 1s ease-out 1.5s forwards;
}
.ss-social-container .ss-social-queue .ss-queue .dotted-queue .empty .icon-circle-with-plus {
  font-size: 28px;
  color: #b3b3b3;
  margin-left: -14px;
  background: #ffffff;
  width: 27px;
  border-radius: 30px;
}
.ss-social-container .ss-social-description {
  width: 50%;
  display: flex;
  color: #4d4d4d;
  margin: 10px auto 20px;
}
.ss-social-container .ss-social-description h4 {
  font-size: 20px;
  margin: 15px 0;
}
.ss-social-container .ss-social-description p {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 100%;
  margin-bottom: 15px;
}
.ss-social-container .ss-social-description .social-network-icon {
  font-size: 32px;
  padding: 12px;
  border-radius: 30px;
  background-color: #d17760;
  color: #ffffff;
  margin: auto 15px;
}
.ss-social-container .ss-social-description .social-network-icon.icon-social-campaign {
  background-color: #8f70a2;
}
.ss-social-container .ss-social-card {
  width: 275px;
  border-radius: 8px;
  height: 55px;
  margin: 0 auto;
  position: absolute;
  display: block;
}
.ss-social-container .ss-social-card.base {
  left: 20%;
  top: 125px;
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.25s forwards;
}
.ss-social-container .ss-social-card.middle {
  left: 24%;
  top: 165px;
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.5s forwards;
}
.ss-social-container .ss-social-card.top {
  left: 28%;
  top: 205px;
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.75s forwards;
}
.ss-social-container .ss-social-card.first {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.25s forwards;
}
.ss-social-container .ss-social-card.second {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 0.75s forwards;
  top: 75px;
}
.ss-social-container .ss-social-card.third {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 1s forwards;
  top: 155px;
}
.ss-social-container .ss-social-card.fourth {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 1.15s forwards;
  top: 235px;
}
.ss-social-container .ss-social-card.fifth {
  opacity: 0;
  animation: fs-takeover-populateElement 1.5s ease-out 1.25s forwards;
  top: 315px;
}
.ss-social-container .ss-social-card .profile-info {
  border-radius: 8px;
  margin-top: 3px;
}
.ss-social-container .ss-social-card .profile-info span {
  color: #ffffff;
  margin: 5px 0 0 5px;
}

.onboarding-os-notifications {
  width: 50%;
  position: relative;
}
.onboarding-os-notifications .notification {
  position: absolute;
  top: 70px;
  right: 30px;
  opacity: 0;
  animation: onboarding-slideNotification 1.5s ease-out 0.5s forwards, onboarding-dropNotification 1s ease-out 2.5s forwards, onboarding-dropNotificationLower 1s ease-out 4.5s forwards;
}
.onboarding-os-notifications .notification.short-delay {
  opacity: 0;
  animation: onboarding-slideNotification 1.5s ease-out 2.5s forwards, onboarding-dropNotification 1s ease-out 4.5s forwards;
}
.onboarding-os-notifications .notification.long-delay {
  opacity: 0;
  animation: onboarding-slideNotification 1.5s ease-out 4.25s forwards;
}
.onboarding-os-notifications .notification img {
  -webkit-user-drag: none;
}
.onboarding-os-notifications .computer-screen {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: -1;
  -webkit-user-drag: none;
  -o-object-position: 100% 0%;
     object-position: 100% 0%;
  -o-object-fit: none;
     object-fit: none;
}

.ss-mouse {
  width: 20px;
  height: auto;
  position: absolute;
  z-index: 7;
  left: 50%;
  bottom: -35px;
  display: none;
}

.onboarding-placeholder-element-icon {
  color: #ffffff;
  margin-top: 2px;
  margin-left: 3px;
}

.onboarding-animate-object {
  opacity: 0;
  display: flex;
  align-items: center;
  animation: fs-takeover-populateElement 1.5s ease-out 0.5s forwards, onboarding-removeOutline 1.5s ease-out 2s forwards;
}

.onboarding-animate-helper {
  opacity: 0;
  display: flex;
  align-items: center;
  animation: fs-takeover-contentFade 750ms ease-out 1.5s forwards;
}
.onboarding-animate-helper.delay-1 {
  animation-delay: 1.25s;
  animation: fs-takeover-contentFade 750ms ease-out 1.25s forwards;
}
.onboarding-animate-helper.delay-2 {
  animation-delay: 2.25s;
  animation: fs-takeover-contentFade 750ms ease-out 2.25s forwards;
}
.onboarding-animate-helper.delay-3 {
  animation-delay: 3.25s;
  animation: fs-takeover-contentFade 750ms ease-out 3.25s forwards;
}

.onboarding-animate-guide {
  margin-top: 400px;
  animation: onboarding-populateGuide 1.25s ease-out forwards;
}

.onboarding-calendar-card-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column-reverse;
  width: 50%;
  padding: 50px 0;
}

.onboarding-card-item {
  width: 90%;
  height: 80px;
  position: relative;
  margin: 20px auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
  background-color: #e6e6e6;
}
.onboarding-card-item.card-blue {
  background-image: linear-gradient(to bottom, #c7ecff, #96d1f8);
}
.onboarding-card-item.card-blue .card-header {
  color: #2a4564;
}
.onboarding-card-item.card-blue .color-label.label-blue {
  background-color: #1d82ff;
}
.onboarding-card-item.card-green {
  background-image: linear-gradient(to bottom, #d1f49c, #96d438);
}
.onboarding-card-item.card-green .card-header {
  color: #6e9c28;
}
.onboarding-card-item.card-green .color-label.label-green {
  background-color: #a4ec32;
}
.onboarding-card-item.card-purple {
  background-image: linear-gradient(to bottom, #bb7fe9, #9c40e3);
}
.onboarding-card-item.card-purple .card-header {
  color: #7629b1;
}
.onboarding-card-item.card-purple .color-label.label-purple {
  background-color: #b12eee;
}
.onboarding-card-item.card-yellow {
  background-image: linear-gradient(to bottom, #f7dd7e, #f5b693);
}
.onboarding-card-item.card-yellow .card-header {
  color: #c09853;
}
.onboarding-card-item.card-yellow .color-label.label-orange {
  background-color: #ff890a;
}
.onboarding-card-item.hover {
  cursor: pointer;
}
.onboarding-card-item.card-clicked {
  position: relative;
}
.onboarding-card-item.card-clicked:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  background-blend-mode: multiply;
}
.onboarding-card-item .card-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 30px;
  padding: 0 5px;
  margin-top: -4px;
  color: #4d4d4d;
}
.onboarding-card-item .card-header p {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 60%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.onboarding-card-item .card-header span {
  margin-right: 10px;
}
.onboarding-card-item .card-header .mailchimp--brand-logo {
  height: 15px;
  width: 15px;
}
.onboarding-card-item .card-header .icon-animate {
  opacity: 0;
  animation: 1s ease-out 1s forwards onboarding-iconBounceIn;
}
.onboarding-card-item .card-header.fix-header {
  position: absolute;
  width: 115px;
  top: 10px;
  padding: 0;
  margin-left: 0;
  z-index: 2;
  border-radius: 25px;
  background-color: #e6e6e6;
  min-height: 20px;
  border: 3px solid transparent;
}
.onboarding-card-item .card-header.fix-header .card-header-icon {
  margin-left: 3px;
}
.onboarding-card-item .card-header.fix-header .card-header-icon.color-fill {
  color: #21759b;
}
.onboarding-card-item .card-header.fix-header p {
  position: absolute;
  left: 25px;
  width: 100%;
}
.onboarding-card-item .card-header.fix-header .onboarding-medium-blue {
  color: #275a9a;
}
.onboarding-card-item .card-header.fix-header.outline {
  border: 3px solid #275a9a;
}
.onboarding-card-item .card-header .status {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15px;
  margin: 0;
  padding: 0 5px;
  border-radius: 25px;
  border: 3px solid transparent;
}
.onboarding-card-item .card-header .status p {
  font-size: 12px;
  font-weight: 500;
  position: initial;
  left: initial;
  width: 100%;
  margin: 0;
  text-align: center;
}
.onboarding-card-item .card-header .status.outline {
  border: 3px solid #275a9a;
}
.onboarding-card-item .card-header .status.draft {
  background-color: #fdecac;
}
.onboarding-card-item .card-header .status.draft p {
  color: #666666;
}
.onboarding-card-item .card-copy {
  background-color: #ffffff;
  padding: 5px;
  border-radius: 8px;
  height: 40px;
  display: flex;
  flex-direction: column;
  margin-top: 3px;
}
.onboarding-card-item .card-copy :first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
  margin-bottom: 0;
}
.onboarding-card-item .card-copy .label-title {
  margin: 2px 0 0 0;
  height: 20px;
}
.onboarding-card-item .card-copy.fixed-position {
  position: absolute;
  bottom: 5px;
  width: calc(100% - 20px);
}
.onboarding-card-item .project-owner {
  height: 15px;
  border-radius: 25px;
  margin: 0 5px 0 0;
}
.onboarding-card-item .color-label {
  width: 15px;
  height: 15px;
  border-radius: 25px;
  margin: 5px 5px 2px 0;
  background-color: #999999;
  font-size: 12px;
}
.onboarding-card-item.note {
  background: none;
  box-shadow: none;
}
.onboarding-card-item.basic {
  width: 225px;
  margin: 15px 0;
}
.onboarding-card-item.full-card {
  height: 110px;
}
.onboarding-card-item.full-card .card-copy {
  height: 70px;
}
.onboarding-card-item.short-card {
  height: 60px;
}
.onboarding-card-item.short-card .card-copy {
  height: 20px;
}
.onboarding-card-item.animate-card, .onboarding-card-item.animate-card-fast, .onboarding-card-item.animate-card-short, .onboarding-card-item.animate-card-short-delayed {
  border: 3px solid #275a9a;
  transform: scaleY(0);
  visibility: hidden;
  overflow: hidden;
  height: 0;
}
.onboarding-card-item.animate-card {
  animation: 1.5s ease-out 1.25s forwards onboarding-populateCard, 1s ease-out 2.5s forwards onboarding-removeOutline;
}
.onboarding-card-item.animate-card-fast {
  animation: 0.5s ease-out forwards onboarding-populateCard, 1s ease-out 0.5s forwards onboarding-removeOutline;
}
.onboarding-card-item.animate-card-fast-white {
  animation: 0.5s ease-out forwards onboarding-populateCard, 1s ease-out 0.5s forwards onboarding-removeOutlineWhite;
}
.onboarding-card-item.animate-card-short {
  animation: 1.5s ease-out 1.25s forwards onboarding-populateCardShort, 1s ease-out 2.5s forwards onboarding-removeOutline;
}
.onboarding-card-item.animate-card-short-delayed {
  animation: 1.5s ease-out 2s forwards onboarding-populateCardShort, 1s ease-out 3.25s forwards onboarding-removeOutline;
}
.onboarding-card-item.short-delay {
  animation: 1.5s ease-out 3.25s forwards onboarding-populateCard, 1s ease-out 4.5s forwards onboarding-removeOutline;
}
.onboarding-card-item.long-delay {
  animation: 1.5s ease-out 5s forwards onboarding-populateCard, 1s ease-out 6.5s forwards onboarding-removeOutline;
}
.onboarding-card-item.longer-delay {
  animation: 1.5s ease-out 7.5s forwards onboarding-populateCard, 1s ease-out 9s forwards onboarding-removeOutline;
}
.onboarding-card-item.reschedule-animation {
  animation: 1s ease-out forwards onboarding-populateCardShort;
}
.onboarding-card-item .meta-data-outline {
  border: 3px solid #275a9a;
  border-radius: 25px;
  width: 80%;
  margin: 2px 0 0 -5px;
  padding-left: 2px;
}
.onboarding-card-item .meta-data-outline p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}
.onboarding-card-item.card-outline {
  border: 3px solid #275a9a;
}
.onboarding-card-item .card-outline-yellow {
  border: 3px solid #c09853;
}
.onboarding-card-item .icon-outline {
  border: 3px solid #275a9a;
  border-radius: 25px;
  padding: 13px;
  position: absolute;
  left: 1px;
}

.onboarding-integrations-calendar-card {
  position: relative;
  width: 90%;
  margin: 8px auto;
  padding: 7px;
  background-color: #cccccc;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
  animation: fs-takeover-populateElement 1s ease-out;
}
.onboarding-integrations-calendar-card.short-delay {
  opacity: 0;
  animation: fs-takeover-populateElement 1s ease-out forwards 500ms;
}
.onboarding-integrations-calendar-card.medium-delay {
  opacity: 0;
  animation: fs-takeover-populateElement 1s ease-out forwards 750ms;
}
.onboarding-integrations-calendar-card.longest-delay {
  opacity: 0;
  animation: fs-takeover-populateElement 1s ease-out forwards 1s;
}
.onboarding-integrations-calendar-card.active_campaign {
  background-color: #dda4f8;
}
.onboarding-integrations-calendar-card.active_campaign .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.active_campaign .profile-info {
  background-color: #b12eee;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.hubspot {
  background-color: #ffc68a;
}
.onboarding-integrations-calendar-card.hubspot .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.hubspot .profile-info {
  background-color: #ff890a;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.mailchimp {
  background-color: #f77ab1;
}
.onboarding-integrations-calendar-card.mailchimp .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.mailchimp .profile-info {
  background-color: #e30e6d;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.constant_contact {
  background-color: #9dc9ff;
}
.onboarding-integrations-calendar-card.constant_contact .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.constant_contact .profile-info {
  background-color: #1d82ff;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.campaign_monitor {
  background-color: #7af7e0;
}
.onboarding-integrations-calendar-card.campaign_monitor .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.campaign_monitor .profile-info {
  background-color: #0ee3bd;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.wordpress {
  background-color: #5fb6dd;
}
.onboarding-integrations-calendar-card.wordpress .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.wordpress .profile-info {
  background-color: #21759b;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.linkedin {
  background-color: #26bdff;
}
.onboarding-integrations-calendar-card.linkedin .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.linkedin .profile-info {
  background-color: #0073a5;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.facebook {
  background-color: #839ccf;
}
.onboarding-integrations-calendar-card.facebook .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.facebook .profile-info {
  background-color: #3b5998;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.twitter {
  background-color: #9cd6f1;
}
.onboarding-integrations-calendar-card.twitter .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.twitter .profile-info {
  background-color: #2ca9e1;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.instagram {
  background-color: #f3afbd;
}
.onboarding-integrations-calendar-card.instagram .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.instagram .profile-info {
  background-color: #e34061;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.pinterest {
  background-color: #f74d60;
}
.onboarding-integrations-calendar-card.pinterest .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.pinterest .profile-info {
  background-color: #bd081c;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.tumblr {
  background-color: #5988b4;
}
.onboarding-integrations-calendar-card.tumblr .span {
  color: white;
  padding: 2px;
  margin: 0 0 0 2px;
}
.onboarding-integrations-calendar-card.tumblr .profile-info {
  background-color: #2c4862;
}
.onboarding-integrations-calendar-card span.placeholder-icon {
  padding: 2px;
  margin: 0 0 0 2px;
  color: #ffffff;
}
.onboarding-integrations-calendar-card.lighten:after {
  background-color: rgba(255, 255, 255, 0.75);
  display: block;
  height: 101%;
  width: 101%;
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.onboarding-integrations-calendar-card .profile-info {
  display: flex;
  flex-direction: row;
  width: 40px;
  padding: 3px;
  border-radius: 25px;
  z-index: 2;
  background-color: #999999;
  position: relative;
}
.onboarding-integrations-calendar-card .profile-info .circle {
  background: white;
  height: 10px;
  width: 10px;
  padding: 4px;
  border-radius: 10px;
}

.requeue-card-container {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.sample-social-message-requeue {
  width: 65%;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.sample-social-message-requeue .circle {
  width: 35px;
  height: 35px;
  margin: 10px;
  border-radius: 25px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sample-social-message-requeue .featured-image {
  width: 35%;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  margin: 0 0 0 15px;
}
.sample-social-message-requeue .onboarding-social-placeholder {
  background: #e6e6e6;
  margin-bottom: 15px;
  height: 15px;
  width: 90%;
}
.sample-social-message-requeue .requeue-btn {
  margin: 15px 10px 0;
  display: flex;
  align-items: center;
  width: 40px;
}
.sample-social-message-requeue .requeue-btn .icon {
  color: #8ac884;
  border: 1px solid #e6e6e6;
  padding: 12px;
  border-radius: 30px;
}
.sample-social-message-requeue .requeue-btn .icon:hover {
  background: #e6e6e6;
}
.sample-social-message-requeue .requeue-btn p {
  opacity: 0;
  margin: 0 0 0 15px;
  color: #8ac884;
  min-width: 226px;
}
.sample-social-message-requeue .requeue-btn.active .icon {
  background: #8ac884;
  color: #ffffff;
}
.sample-social-message-requeue .requeue-btn.active p {
  opacity: 1;
  transition: all 550ms ease-in-out 500ms;
}

.percy-test * {
  animation: none;
  opacity: 1 !important;
  visibility: visible !important;
}

.fs-takeover-wrapper.project-jit .project-jit-calendar {
  width: 80%;
  margin: 0 auto;
  height: 100%;
}
.fs-takeover-wrapper.project-jit .project-jit-calendar .project {
  position: relative;
  z-index: 5;
}
.fs-takeover-wrapper.project-jit .project-jit-calendar .project .project-example {
  position: absolute;
  right: 0;
  top: -100px;
  z-index: 6;
  transform: scale(1.25);
  animation: onboardingProjectTransition 1s ease-out 2s forwards;
}
.fs-takeover-wrapper.project-jit .project-jit-calendar .calendar-grid-row-container .day-cell .schedule-project.icon-arrow-left {
  top: 40px;
  right: -30px;
  left: initial;
  position: absolute;
  z-index: 4;
  font-size: 16px;
}
.fs-takeover-wrapper.project-jit .project-jit-calendar .calendar-grid-row-container .day-cell .onboarding-info.schedule-project {
  top: 30px;
  right: -245px;
  left: initial;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .onboarding-project-header {
  height: 60px;
  width: 50%;
  padding: 25px 25%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .onboarding-project-header .circle {
  height: 35px;
  width: 35px;
  padding: 5px;
  background-color: #e6e6e6;
  border-radius: 25px;
  margin: 0 10px;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .onboarding-project-header .header-icon {
  font-size: 32px;
  margin-left: 10px;
  color: #e6e6e6;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .onboarding-project-create .project-title {
  width: 50%;
  margin: 0 23%;
  padding: 0 2%;
  height: 55px;
  border-radius: 4px;
  font-size: 24px;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-menu {
  position: relative;
  width: 200px;
  left: 23%;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-menu .icon-arrow-left.create-project {
  top: 35px;
  left: 230px;
  position: absolute;
  color: #275a9a;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-menu .onboarding-info.create-project {
  left: 255px;
  top: 15px;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-menu .button.project-type-select {
  border: 3px solid transparent;
  width: 215px;
  text-align: left;
  margin: 20px 0 0;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-menu .button.project-type-select .example-icon {
  display: inline-block;
  font-size: 16px;
  width: 5%;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-menu .button.project-type-select .example-option {
  width: 80%;
  display: inline-block;
  margin: 0;
  padding-left: 5px;
  font-size: 16px;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-menu .button.project-type-select .example-menu-icon {
  margin-left: auto;
  width: 5%;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-menu .button.project-type-select.outline {
  border: 3px solid #275a9a;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-dropdown {
  position: absolute;
  top: 60px;
  width: 215px;
  left: 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-dropdown ul {
  list-style-type: none;
  margin: 0;
  width: 158px;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-dropdown ul li {
  padding: 8px 16px 6px;
  display: flex;
  align-items: center;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-dropdown ul li .example-option {
  margin: 0;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-dropdown ul li .example-icon {
  margin-right: 5px;
}
.fs-takeover-wrapper.project-jit .onboarding-project-wrapper .project-type-dropdown ul li:hover {
  background-color: #f7f7f7;
}
.fs-takeover-wrapper.project-jit .onboarding-info.add-project {
  top: 75px;
  left: -225px;
}
.fs-takeover-wrapper.project-jit .icon-arrow-right.add-project {
  position: absolute;
  top: 105px;
  left: -10px;
  z-index: 4;
  color: #275a9a;
}
.fs-takeover-wrapper.project-jit .website-project,
.fs-takeover-wrapper.project-jit .email-project,
.fs-takeover-wrapper.project-jit .blog-project {
  margin-top: 50px;
  opacity: 0;
}
.fs-takeover-wrapper.project-jit .website-project {
  animation: onboardingProjectPopulate 450ms ease-out 1.25s forwards;
}
.fs-takeover-wrapper.project-jit .email-project {
  animation: onboardingProjectPopulate 450ms ease-out 1.55s forwards;
}
.fs-takeover-wrapper.project-jit .blog-project {
  animation: onboardingProjectPopulate 450ms ease-out 1.75s forwards;
}

@keyframes onboardingProjectPopulate {
  0% {
    margin-top: 50px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes onboardingProjectTransition {
  0% {
    opacity: 1;
    right: 0;
    transform: scale(1.25);
    top: -100px;
  }
  10% {
    transform: scale(1.45);
  }
  20% {
    transform: scale(1.25);
  }
  100% {
    right: 0;
    top: -50px;
    transform: scale(0);
    opacity: 0;
  }
}
.fs-takeover-wrapper.wordpress-install {
  background-color: #4d4d4d;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  overflow-y: auto;
}
.fs-takeover-wrapper.wordpress-install .button.fs-takeover-close {
  z-index: 101;
}
.fs-takeover-wrapper.wordpress-install .button.fs-takeover-close .icon-close {
  color: #ffffff;
}
.fs-takeover-wrapper.wordpress-install .button.fs-takeover-close:hover {
  background-color: #808080;
}
.fs-takeover-wrapper.wordpress-install .wp-background {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  opacity: 0.2;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-header {
  color: #ffffff;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions {
  justify-content: center;
  position: relative;
  z-index: 1;
  height: initial;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-instruction-container {
  width: 80%;
  display: flex;
  max-width: 950px;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-instructions {
  width: 66%;
  background-color: #ffffff;
  border-radius: 8px 0 0 8px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 20px;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-instructions .wp-step {
  display: flex;
  align-items: flex-start;
  margin: 10px 20px 0;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-instructions .step-count {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #db8773;
  padding: 4px;
  border-radius: 15px;
  font-size: 14px;
  height: 15px;
  min-width: 15px;
  color: #ffffff;
  font-weight: bold;
  margin-right: 10px;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-instructions p {
  width: 100%;
  padding: 0 20px 0 0;
  margin: 0;
  color: #4d4d4d;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader {
  width: 33%;
  background-color: #f7f7f7;
  border-radius: 0 8px 8px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader .wp-loader-wrapper {
  height: 65px;
  width: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader .wp-loader-wrapper .wp-loader-dot {
  height: 5px;
  width: 5px;
  padding: 7px;
  border-radius: 25px;
  background-color: #e6e6e6;
  margin: 0 15px 0 0;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader .wp-loader-wrapper .wp-loader-dot.delay-1 {
  animation: 1100ms ease-out 0.4s infinite onboarding-WordPressLoader, 1100ms ease-out 0.4s infinite onboarding-WPressColorDot;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader .wp-loader-wrapper .wp-loader-dot.delay-2 {
  animation: 1100ms ease-out 0.65s infinite onboarding-WordPressLoader, 1100ms ease-out 0.65s infinite onboarding-WPressColorDot;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader .wp-loader-wrapper .wp-loader-dot.delay-3 {
  animation: 1100ms ease-out 0.9s infinite onboarding-WordPressLoader, 1100ms ease-out 0.9s infinite onboarding-WPressColorDot;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader .icon-checkmark-2 {
  color: #ffffff;
  font-size: 24px;
  background-color: #8ac884;
  padding: 20px;
  border-radius: 50px;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader.already-connected {
  transition: 750ms;
  background-color: #7fa5d2;
}
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader.already-connected p,
.fs-takeover-wrapper.wordpress-install .fs-takeover-content.wordpress-instructions .wp-loader.already-connected h4 {
  color: #ffffff;
  text-align: center;
  width: 90%;
}

.fs-takeover-header.requeue-header .group-indicator {
  position: absolute;
  right: 115px;
  padding: 20px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 35px;
  background-color: #8ac884;
}
.fs-takeover-header.requeue-header .group-icon {
  color: #8ac884;
  margin-right: 5px;
}

.fs-takeover-content.requeue-onboarding .requeue-queue-container {
  width: 100%;
  margin: 0 auto;
  overflow-y: auto;
}
.fs-takeover-content.requeue-onboarding .requeue-queue-container .date-flag {
  width: 50%;
  height: 5px;
  background-color: #e6e6e6;
  position: relative;
  margin: 0 auto;
}
.fs-takeover-content.requeue-onboarding .requeue-queue-container .date-flag .label {
  position: absolute;
  letter-spacing: 2px;
  color: #808080;
  left: 0;
  top: 5px;
  padding: 3px 15px 7px;
  background-color: #e6e6e6;
  border-radius: 0 0 12px 12px;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue {
  height: 100%;
  width: 90%;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .icon-arrow-right.requeue-add-msg {
  left: -30px;
  top: 145px;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .onboarding-info.requeue-add-msg {
  left: -240px;
  top: 125px;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .day-grid-3 {
  margin-top: 30px;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .simple-social-card {
  min-height: 45px;
  background-color: #e6e6e6;
  height: initial;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .simple-social-card.requeue-gap {
  border: 3px dashed #8ac884;
  background: #ffffff;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .simple-social-card.requeue-filled-gap {
  background-color: #8ac884;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .simple-social-card.requeue-filled-gap .onboarding-social-placeholder {
  width: 50%;
  margin-right: 10px;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .simple-social-card.requeue-filled-gap .featured-image {
  height: 25px;
  width: 40%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  margin-right: 20px;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.requeue .simple-social-card .icon {
  font-size: 22px;
  padding-left: 8px;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.fade-calendar {
  opacity: 1;
  animation: onboarding-fadeCalendar 450ms ease-out 2.15s forwards;
}
.fs-takeover-content.requeue-onboarding .onboarding-calendar-body.mini-calendar.fade-calendar-out {
  opacity: 1;
  animation: onboarding-fadeCalendar 450ms ease-out reverse;
}
.fs-takeover-content.requeue-onboarding .sample-social-message-requeue {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  width: 600px;
  opacity: 0;
  animation: onboarding-AnimateReQueueCard 450ms ease-out 2.25s forwards;
}
.fs-takeover-content.requeue-onboarding .sample-social-message-requeue.remove-sample-social-message {
  top: 10px;
  animation: onboarding-hideReQueueCard 450ms ease-out forwards;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-social-card.requeue-gap {
  opacity: 0.55;
  flex-direction: column;
  background-color: #ffffff;
  animation: onboarding-fillReQueueGap 450ms ease-out 2s forwards;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-social-card.requeue-gap .group-icon,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-social-card.requeue-gap .icon,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-social-card.requeue-gap .profile-type {
  color: #8ac884;
  animation: onboarding-requeueGapText 450ms ease-out 8s forwards;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 0;
  width: 85%;
  padding: 0 3px;
  margin: 5px 0 0 5px;
  border-radius: 8px;
  border: 3px dashed #8ac884;
  color: #8ac884;
  background: #ffffff;
  opacity: 0;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card .group-icon,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card .icon,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card .profile-type,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card .onboarding-social-placeholder {
  opacity: 0;
  animation: fadein 750ms ease-out 2s forwards;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card .group-icon {
  margin: 0 5px 0 auto;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card .profile-type {
  margin: 0 0 0 3px;
  color: #8ac884;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card .icon {
  margin-left: 5px;
  font-size: 16px;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card .onboarding-social-placeholder {
  width: 90%;
  height: 30px;
  margin: 5px auto 6px;
  border-radius: 5px;
  background-color: #f7f7f7;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-open-gap {
  animation: onboarding-expandReQueueSocialGap 550ms ease-out 2s forwards;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-open-placeholder-gap {
  animation: none;
  height: 66px;
  opacity: 1;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-open-placeholder-gap .group-icon,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-open-placeholder-gap .icon,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-open-placeholder-gap .profile-type,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-open-placeholder-gap .onboarding-social-placeholder {
  opacity: 1;
  animation: none;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-gap-filled {
  position: absolute;
  top: 30px;
  left: 0;
  height: 66px;
  opacity: 0;
  animation: onboarding-fillReQueueGap 550ms ease-out 5s forwards;
}
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-gap-filled .group-icon,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-gap-filled .icon,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-gap-filled .profile-type,
.fs-takeover-content.requeue-onboarding.group-type-gap .onboarding-calendar-body .simple-requeue-card.requeue-gap-filled .onboarding-social-placeholder {
  color: #ffffff;
}
.fs-takeover-content.requeue-onboarding .faux-card {
  border: 1px solid #b3b3b3;
  width: 400px;
  display: flex;
  flex-direction: column;
  margin: 10px auto;
  border-radius: 4px;
  position: relative;
}
.fs-takeover-content.requeue-onboarding .faux-card.requeue-placeholder {
  border: 1px dashed #8ac884;
  height: 50px;
}
.fs-takeover-content.requeue-onboarding .faux-card.requeue-placeholder-filled {
  animation: onboarding-expandReQueueGap 350ms ease-in-out forwards;
}
.fs-takeover-content.requeue-onboarding .faux-card.requeue-filled-card {
  background-color: #8ac884;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #6ba066;
  position: absolute;
  right: -450px;
  top: -20px;
  z-index: 5;
}
.fs-takeover-content.requeue-onboarding .faux-card.requeue-filled-card .faux {
  background-color: #cae8c4;
}
.fs-takeover-content.requeue-onboarding .faux-card.requeue-filled-card .faux.faux-image {
  background-color: #6ba066;
}
.fs-takeover-content.requeue-onboarding .faux-card.requeue-card-in-queue {
  animation: onboarding-fillPromoteGap 750ms ease-out forwards;
}
.fs-takeover-content.requeue-onboarding .faux-card.evergreen {
  right: 20px;
  top: 10px;
}
.fs-takeover-content.requeue-onboarding .faux-card.product-feature {
  position: absolute;
  right: -75px;
  top: 135px;
  z-index: 3;
}
.fs-takeover-content.requeue-onboarding .faux-card.product-feature .icon-arrow-right.product-feature {
  position: absolute;
  left: -30px;
  top: 50px;
}
.fs-takeover-content.requeue-onboarding .faux-card.product-feature .onboarding-info {
  left: -250px;
  flex-direction: column;
}
.fs-takeover-content.requeue-onboarding .faux-card.product-feature .onboarding-info ul,
.fs-takeover-content.requeue-onboarding .faux-card.product-feature .onboarding-info li {
  color: #ffffff;
}
.fs-takeover-content.requeue-onboarding .faux-card.social-post {
  position: absolute;
  left: 0;
  top: 235px;
  z-index: 4;
}
.fs-takeover-content.requeue-onboarding .faux-card.testimonial {
  left: 20px;
}
.fs-takeover-content.requeue-onboarding .faux-card-sample {
  margin: initial;
  position: absolute;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #b3b3b3;
  animation: onboarding-fillReQueueExample 750ms ease-out 2.25s forwards, onboarding-adjustReQueueBorder 750ms ease-out 2.25s forwards;
}
.fs-takeover-content.requeue-onboarding .faux-card-sample h5 {
  animation: onboarding-requeueGapText 750ms ease-out 2.25s forwards;
}
.fs-takeover-content.requeue-onboarding .faux-card-sample .requeue-icon {
  animation: onboarding-addReQueueIcon 450ms ease-out 3.5s forwards;
}
.fs-takeover-content.requeue-onboarding .faux-card-gray {
  background-color: #e6e6e6;
  border: 1px solid #cccccc;
}
.fs-takeover-content.requeue-onboarding .faux-card-gray .faux {
  background-color: #ffffff;
}
.fs-takeover-content.requeue-onboarding .faux-card-gray .faux-copy {
  background-color: #f7f7f7;
}
.fs-takeover-content.requeue-onboarding .faux-card.hidden {
  display: none;
}
.fs-takeover-content.requeue-onboarding .faux-card-short {
  height: 175px;
  width: 400px;
}
.fs-takeover-content.requeue-onboarding .faux-card-shortest {
  height: 75px;
}
.fs-takeover-content.requeue-onboarding .faux {
  height: 10px;
  width: 90%;
  margin: 10px;
  padding: 4px;
  border-radius: 10px;
  background-color: #e6e6e6;
}
.fs-takeover-content.requeue-onboarding .faux-profile {
  width: 15px;
  height: 15px;
  border-radius: 30px;
}
.fs-takeover-content.requeue-onboarding .faux-profile-info {
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 5px;
}
.fs-takeover-content.requeue-onboarding .faux-profile-name {
  margin: 10px;
  width: 50%;
}
.fs-takeover-content.requeue-onboarding .faux-copy {
  padding: 2px;
  margin: 5px 10px;
}
.fs-takeover-content.requeue-onboarding .faux-copy.short {
  width: 50%;
}
.fs-takeover-content.requeue-onboarding .faux-person {
  width: 25px;
  height: auto;
  margin: 0 auto 5px;
}
.fs-takeover-content.requeue-onboarding .faux-image {
  height: 100px;
  border-radius: 4px;
  padding: 0;
  width: 90%;
  margin: 0 auto 20px;
}
.fs-takeover-content.requeue-onboarding .faux-sample-image {
  height: 100px;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
.fs-takeover-content.requeue-onboarding .faux-image-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.fs-takeover-content.requeue-onboarding .faux-image-with-text {
  height: auto;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
}
.fs-takeover-content.requeue-onboarding .social-icon {
  margin: 0 5px;
  padding: 5px;
  border-radius: 30px;
  background-color: #ffffff;
  color: #b3b3b3;
}
.fs-takeover-content.requeue-onboarding .requeue-icon {
  margin: auto 15px auto auto;
  opacity: 0;
  font-size: 20px;
}
.fs-takeover-content.requeue-onboarding .icon-play4 {
  z-index: 1;
}
.fs-takeover-content.requeue-onboarding .icon-quotes-left.rotate {
  transform: rotate(180deg);
}
.fs-takeover-content.requeue-onboarding.requeue-groups {
  display: flex;
  background-color: #f7f7f7;
}
.fs-takeover-content.requeue-onboarding.requeue-groups .group-option {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 45%;
  margin-top: 20px;
  padding: 10px 5%;
  text-align: center;
}
.fs-takeover-content.requeue-onboarding.requeue-groups .group-option .icon {
  margin-top: 30px;
  font-size: 40px;
  padding: 25px;
  border-radius: 50px;
  background-color: #8ac884;
  color: #ffffff;
}
.fs-takeover-content.requeue-onboarding.requeue-groups .group-option h3 {
  margin: 32px auto 0;
}
.fs-takeover-content.requeue-onboarding.requeue-groups .group-option p {
  margin: 20px 50px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  font-style: normal;
}
.fs-takeover-content.requeue-onboarding.requeue-groups .group-option.left {
  border-right: 1px solid #e6e6e6;
}
.fs-takeover-content.requeue-onboarding .day-grid-3.requeue-placeholder .onboarding-info,
.fs-takeover-content.requeue-onboarding .requeue-intelligent .onboarding-info {
  right: -225px;
}
.fs-takeover-content.requeue-onboarding .day-grid-3.requeue-placeholder .icon-arrow-left,
.fs-takeover-content.requeue-onboarding .requeue-intelligent .icon-arrow-left {
  right: -10px;
  top: 60px;
  left: initial;
  z-index: 5;
}
.fs-takeover-content.requeue-onboarding .day-grid-3.requeue-intelligent .onboarding-info {
  top: 30px;
}

@keyframes onboarding-AnimateReQueueCard {
  0% {
    top: 100px;
    opacity: 0;
  }
  100% {
    top: 10px;
    opacity: 1;
  }
}
@keyframes onboarding-fadeCalendar {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes onboarding-fillReQueueGap {
  0% {
    opacity: 0;
    background-color: #ffffff;
  }
  100% {
    opacity: 1;
    background-color: #8ac884;
  }
}
@keyframes onboarding-fillReQueueExample {
  0% {
    background-color: #e6e6e6;
  }
  100% {
    background-color: #8ac884;
  }
}
@keyframes onboarding-requeueGapText {
  0% {
    color: #8ac884;
  }
  100% {
    color: #ffffff;
  }
}
@keyframes onboarding-addReQueueIcon {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes onboarding-adjustReQueueBorder {
  0% {
    border: 1px solid #b3b3b3;
  }
  100% {
    border: 1px solid #8ac884;
  }
}
@keyframes onboarding-hideReQueueCard {
  0% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 100px;
    opacity: 0;
  }
}
@keyframes onboarding-expandReQueueGap {
  0% {
    height: 50px;
  }
  100% {
    height: 210px;
  }
}
@keyframes onboarding-expandReQueueSocialGap {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 66px;
    opacity: 1;
  }
}
@keyframes onboarding-fillPromoteGap {
  0% {
    right: -450px;
    top: -20px;
    width: 100%;
  }
  100% {
    right: 9px;
    top: 0;
    width: 95%;
  }
}
.user-onboarding .fs-content-wrapper {
  display: flex;
  flex-direction: column;
  margin: auto auto 0;
  background-color: #e6e6e6;
  border-radius: 8px;
  height: 80%;
  width: 80%;
  min-width: 575px;
}
.user-onboarding .fs-content-header {
  height: 40px;
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.user-onboarding .fs-internal-wrapper {
  background-color: #ffffff;
  height: 92%;
  width: 95%;
  margin: auto auto 0;
  border-radius: 8px;
}
.user-onboarding img.fs-teammember-img {
  border-radius: 25px;
  height: 35px;
  max-width: 35px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.user-onboarding .fs-label {
  transform: uppercase;
}
.user-onboarding .fs-text-placeholder {
  display: inline-block;
  margin-left: 10px;
  height: 15px;
  border-radius: 20px;
  background-color: #e6e6e6;
}
.user-onboarding .fs-text-placeholder.extra-short {
  width: 45px;
}
.user-onboarding .fs-text-placeholder.short {
  width: 75px;
}
.user-onboarding .fs-text-placeholder.medium {
  width: 110px;
}
.user-onboarding .fs-text-placeholder.long {
  width: 150px;
}
.user-onboarding .fs-text-placeholder.extra-long {
  width: 250px;
}
.user-onboarding .fs-section {
  display: flex;
  flex-direction: column;
  width: calc(100% - 30px);
  margin: 10px 0;
  padding: 5px 15px;
}
.user-onboarding .fs-section.fs-left-column .file-details {
  padding: 5px 0px;
  width: 100px;
}
.user-onboarding .fs-section .fs-label {
  white-space: nowrap;
}
.user-onboarding .fs-section .fs-task-wrapper {
  padding: 5px 0;
  margin-left: 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.user-onboarding .fs-section .task-details {
  margin: 0 0 0 10px;
}
.user-onboarding .fs-section .fs-text-editor {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 6px;
  background-color: #f7f7f7;
}
.user-onboarding .fs-section .fs-text-editor .fs-text-placeholder {
  margin: 3px 0;
}
.user-onboarding .fs-section .fs-text-editor .fs-text-placeholder.long, .user-onboarding .fs-section .fs-text-editor .fs-text-placeholder.short, .user-onboarding .fs-section .fs-text-editor .fs-text-placeholder.extra-short, .user-onboarding .fs-section .fs-text-editor .fs-text-placeholder.medium, .user-onboarding .fs-section .fs-text-editor .fs-text-placeholder.extra-long {
  height: 10px;
}
.user-onboarding .fs-section .fs-file-wrapper {
  background-color: #f7f7f7;
  padding: 10px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  height: 85px;
}
.user-onboarding .fs-section .fs-file-wrapper img.file-sample {
  height: 70px;
  max-width: 70px;
  border-radius: 5px;
  margin: auto 5px;
}
.user-onboarding .fs-section .fs-file-wrapper .file-details {
  padding: 10px;
  width: 145px;
}
.user-onboarding .fs-section .fs-file-wrapper .file-details .cal-name {
  font-weight: 700;
}
.user-onboarding .fs-section .fs-file-wrapper .file-details .file-name {
  white-space: no wrap;
  width: 100%;
}
.user-onboarding .fs-section .fake-campaign {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.user-onboarding .fs-section .fake-campaign .campaign-rule {
  white-space: pre;
  position: absolute;
  height: 100%;
  width: 50%;
  border-right: 2px dashed #cccccc;
}
.user-onboarding .fs-section .fake-campaign .campaign-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  z-index: 0;
}
.user-onboarding .fs-section .fake-campaign .campaign-container .icon-circle-with-plus {
  margin: 0 auto;
  color: #e6e6e6;
  background-color: #ffffff;
}
.user-onboarding .fs-section .fake-campaign .fake-card {
  background-color: #f7f7f7;
  padding: 10px 20px;
  border-radius: 8px;
  width: 250px;
  margin: 10px auto;
}
.user-onboarding .fs-section .fake-campaign .fake-card .icon-circle-full {
  color: #ffffff;
}
.user-onboarding .fs-section .fake-campaign .fake-card .fs-text-placeholder {
  height: 10px;
}
.user-onboarding .fs-section .fake-campaign .fake-card .fake-card-body {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 4px;
  height: 30px;
  margin-top: 4px;
}
.user-onboarding .fs-sidebar {
  padding: 10px;
  border-left: 2px solid #f7f7f7;
  position: relative;
  background-color: #ffffff;
}
.user-onboarding .fs-sidebar .fs-text-placeholder {
  height: 10px;
}
.user-onboarding .fs-sidebar .task-assignment {
  min-width: 100%;
  font-size: 11px;
  margin: 2px 0 0 10px;
  display: flex;
  align-items: center;
}
.user-onboarding .fs-sidebar .fs-progress-bar {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.user-onboarding .fs-sidebar .fs-progress-bar .bar {
  width: 100%;
  height: 10px;
  border: 1px solid #cccccc;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 5px;
}
.user-onboarding .fs-sidebar .fs-progress-bar .bar .progress {
  height: 10px;
  background-color: #d17760;
  border-radius: 4px 0 0 4px;
  width: 50%;
}
.user-onboarding .fs-sidebar .fs-discussion {
  display: flex;
  margin: 0px 0 20px 10px;
}
.user-onboarding .fs-sidebar .fs-discussion .discussion {
  min-width: 100%;
  margin: auto;
  font-size: 12px;
  font-weight: 500;
  padding-right: 10px;
}
.user-onboarding .fs-sidebar .fs-discussion .discussion .tag {
  color: #d17760;
}
.user-onboarding .fs-sidebar .fs-discussion .discussion-time {
  font-size: 10px;
  font-style: italic;
  height: 15px;
  margin: 0;
  width: 100%;
  color: #999999;
}
.user-onboarding .fs-sidebar .fs-discussion .reply-icon {
  margin-left: 5px;
  color: #999999;
  font-size: 12px;
}
.user-onboarding .fs-sidebar .fs-discussion .reply-icon.reaction {
  color: #d17760;
}
.user-onboarding .fs-sidebar .fs-discussion.second-level {
  margin-left: 30px;
}
.user-onboarding .onboarding-mute-element {
  opacity: 0.35;
}
.user-onboarding .separator {
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  margin-left: 10px;
  display: inline-block;
}
.user-onboarding.fs-project-attachments .fs-content-wrapper, .user-onboarding.fs-project-tasks .fs-content-wrapper, .user-onboarding.fs-project-discussions .fs-content-wrapper {
  width: 75%;
}
.user-onboarding.fs-project-attachments .fs-content-wrapper .fs-content-header, .user-onboarding.fs-project-tasks .fs-content-wrapper .fs-content-header, .user-onboarding.fs-project-discussions .fs-content-wrapper .fs-content-header {
  display: grid;
  grid-template-columns: 12fr repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  align-content: center;
  padding: 0 10px;
}
.user-onboarding.fs-project-attachments .fs-content-wrapper .fs-content-header .icon-circle-full, .user-onboarding.fs-project-tasks .fs-content-wrapper .fs-content-header .icon-circle-full, .user-onboarding.fs-project-discussions .fs-content-wrapper .fs-content-header .icon-circle-full {
  margin: auto;
  color: #ffffff;
  font-size: 32px;
}
.user-onboarding.fs-project-attachments .fs-content-wrapper .fs-content-header .icon-circle-full:nth-of-type(2), .user-onboarding.fs-project-tasks .fs-content-wrapper .fs-content-header .icon-circle-full:nth-of-type(2), .user-onboarding.fs-project-discussions .fs-content-wrapper .fs-content-header .icon-circle-full:nth-of-type(2) {
  color: #0ee3bd;
}
.user-onboarding.fs-project-attachments .fs-content-wrapper .fs-section, .user-onboarding.fs-project-tasks .fs-content-wrapper .fs-section, .user-onboarding.fs-project-discussions .fs-content-wrapper .fs-section {
  border-bottom: 2px solid #e6e6e6;
}
.user-onboarding.fs-project-attachments .fs-left-column, .user-onboarding.fs-project-tasks .fs-left-column, .user-onboarding.fs-project-discussions .fs-left-column {
  width: 60%;
  filter: blur(4px);
}
.user-onboarding.fs-project-attachments .fs-left-column .file-details, .user-onboarding.fs-project-tasks .fs-left-column .file-details, .user-onboarding.fs-project-discussions .fs-left-column .file-details {
  padding: 5px 0px;
  width: 100px;
}
.user-onboarding.fs-my-upcoming .fs-content-wrapper {
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.user-onboarding.fs-my-upcoming .fs-content-wrapper .fs-header-home,
.user-onboarding.fs-my-upcoming .fs-content-wrapper .icon-home {
  color: #666666;
}
.user-onboarding.fs-my-upcoming .fs-content-wrapper .icon-home {
  font-size: 22px;
  margin: 0 10px 0 30px;
}
.user-onboarding.fs-my-upcoming .fs-task-wrapper .icon-arrow-left,
.user-onboarding.fs-my-upcoming .fs-task-wrapper .onboarding-info {
  position: absolute;
}
.user-onboarding.fs-my-upcoming .fs-task-wrapper .icon-arrow-left {
  top: 9px;
  left: 182px;
  color: #275a9a;
}
.user-onboarding.fs-my-upcoming .fs-task-wrapper .onboarding-info {
  top: -16px;
  left: 212px;
}
.user-onboarding.fs-my-upcoming .fs-task-wrapper .onboarding-info p {
  width: 100%;
}
.user-onboarding.fs-my-upcoming .task-details {
  font-weight: 700;
}
.user-onboarding.fs-my-upcoming .onboarding-card-item {
  box-shadow: none;
  margin: 10px;
  background-color: #0ee3bd;
}
.user-onboarding.fs-my-upcoming .onboarding-card-item .card-header p {
  color: #07725f;
  font-weight: 500;
}
.user-onboarding.fs-my-upcoming .onboarding-card-item .card-header .icon-feed {
  color: #07725f;
  font-size: 12px;
  display: flex;
}
.user-onboarding.fs-my-upcoming .onboarding-card-item .card-copy {
  background-color: #dbfbf5;
}
.user-onboarding.fs-my-upcoming .onboarding-card-item .card-copy .fs-text-placeholder {
  background-color: #ffffff;
}
.user-onboarding.fs-project-attachments .fs-section {
  min-height: 115px;
  position: relative;
}
.user-onboarding.fs-project-attachments .fs-section .arrow {
  position: absolute;
  top: 0px;
  left: 76%;
  color: #275a9a;
  transform: rotate(90deg);
  display: inline-block;
}
.user-onboarding.fs-project-attachments .fs-section .onboarding-info {
  position: absolute;
  top: -90px;
  left: 60%;
}
.user-onboarding.fs-project-attachments .fs-section .onboarding-info p {
  width: 100%;
}
.user-onboarding.fs-project-tasks .fs-section.full {
  border-right: none;
}
.user-onboarding.fs-project-tasks .fs-sidebar .icon-arrow-right {
  position: absolute;
  left: -25px;
  top: 100px;
  color: #275a9a;
  font-size: 16px;
}
.user-onboarding.fs-project-tasks .fs-sidebar .onboarding-info {
  position: absolute;
  left: -235px;
  top: 80px;
}
.user-onboarding.fs-project-discussions .fs-left-column .file-details {
  padding: 5px 0px;
  width: 100px;
}
.user-onboarding.fs-project-discussions .fs-sidebar .icon-arrow-right {
  position: absolute;
  top: 149px;
  left: 10px;
  color: #275a9a;
}
.user-onboarding.fs-project-discussions .fs-sidebar .onboarding-info.discussions {
  top: 117px;
  left: -214px;
}

.fs-takeover-header.trial-upgrade {
  height: 20%;
  width: 80%;
  margin-top: 30px;
}
.fs-takeover-header.trial-upgrade h3 {
  font-size: 28px;
}
.fs-takeover-header.trial-upgrade h3 .italic-light {
  font-style: italic;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fs-takeover-content.trial-upgrade {
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: scroll;
}

.trial-grid {
  display: grid;
  grid-template-columns: 1fr 1.8fr;
  gap: 50px;
  max-width: 1000px;
  margin: 0 auto;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.trial-grid ul {
  list-style-type: none;
  margin: 20px 0;
}
.trial-grid ul li {
  padding: 0 0 15px 0;
  font-size: 17px;
}
.trial-grid ul li .icon-checkmark-2 {
  font-size: 15px;
  color: #b3b3b3;
  margin-right: 8px;
}
.trial-grid ul li .icon-facebook2,
.trial-grid ul li .icon-instagram2 {
  font-size: 13px;
  padding: 4px;
  border-radius: 25px;
  background-color: #b3b3b3;
  color: #ffffff;
  margin-left: 4px;
}
.trial-grid .trial-toggle {
  border: 1px solid #f7f7f7;
  border-radius: 10px;
  padding: 15px;
  background-color: #f7f7f7;
  display: flex;
  gap: 10px;
  font-size: 13px;
  text-align: left;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  align-items: flex-start;
  width: 300px;
  margin: 10px 0;
  cursor: pointer;
}
.trial-grid .trial-toggle.social .icon-checkmark-2 {
  border: 1px solid #f37e5d;
}
.trial-grid .trial-toggle.social:hover, .trial-grid .trial-toggle.social.selected {
  border: 1px solid #f37e5d;
}
.trial-grid .trial-toggle.social.selected .icon-checkmark-2 {
  color: #ffffff;
  background-color: #f37e5d;
}
.trial-grid .trial-toggle.agency .icon-checkmark-2 {
  border: 1px solid #0071e4;
}
.trial-grid .trial-toggle.agency:hover, .trial-grid .trial-toggle.agency.selected {
  border: 1px solid #0071e4;
}
.trial-grid .trial-toggle.agency.selected .icon-checkmark-2 {
  color: #ffffff;
  background-color: #0071e4;
}
.trial-grid .trial-toggle .icon-checkmark-2 {
  padding: 3px;
  border-radius: 25px;
  border: 1px solid #f37e5d;
  color: #f7f7f7;
}
.trial-grid .trial-toggle .icon-checkmark-2.selected {
  color: #ffffff;
  border: 1px solid #f37e5d;
  background-color: #f37e5d;
  padding: 3px;
  border-radius: 25px;
}
.trial-grid .trial-toggle .trial-plan-name {
  font-size: 16px;
  margin-bottom: 5px;
}
.trial-grid .trial-toggle .description {
  font-size: 13px;
}
.trial-grid .trial-toggle .price {
  font-size: 10px;
  margin-top: -5px;
  font-style: italic;
}

.onboarding-settings-page {
  display: flex;
  width: 70%;
  height: 100%;
  margin: 0 auto;
  flex-flow: column;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px 8px 0 0;
}
.onboarding-settings-page-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #cccccc;
  color: #666666;
  position: relative;
  z-index: 10;
  border-radius: 8px 8px 0 0;
}
.onboarding-settings-page-header-tab {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-left: 80px;
}
.onboarding-settings-page-content {
  display: flex;
  height: 100%;
}
.onboarding-settings-page-sidebar {
  position: relative;
  padding: 40px 20px;
  background-color: #f7f7f7;
  width: 200px;
  height: 100%;
  box-sizing: border-box;
  border-radius: 0 0 0 8px;
}
.onboarding-settings-page-sidebar-row {
  height: 25px;
  margin-bottom: 15px;
  border-radius: 20px;
  font-weight: bold;
  color: #4d4d4d;
}
.onboarding-settings-page-sidebar-row.sidebar-row-nested {
  margin-left: 10px;
  padding: 3px 10px 0;
  display: inline-block;
}
.onboarding-settings-page-sidebar-row.add-blue-border {
  border: 3px solid transparent;
  animation: onboarding-addBorder 150ms ease-in 2s forwards;
}
.onboarding-settings-page-body {
  padding: 30px 40px;
  width: 100%;
}
.onboarding-settings-page .template-settings-arrow {
  position: absolute;
  top: 234px;
  left: 58px;
  font-size: 16px;
  color: #366fb2;
  transform: rotate(270deg);
  opacity: 0;
  animation: fs-takeover-contentFade 150ms ease-in 2.4s forwards;
}
.onboarding-settings-page .project-template-settings-slide {
  top: 259px;
  left: -32px;
  animation-delay: 2.3s;
}
.onboarding-settings-page .onboarding-template-settings-table {
  display: grid;
  grid-template-columns: 3fr 1.5fr 2fr 2fr 2fr;
  grid-template-rows: auto;
  margin-top: 20px;
  width: 100%;
}
.onboarding-settings-page .onboarding-template-settings-table-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding: 7px 10px;
  font-size: 14px;
}
.onboarding-settings-page .onboarding-template-settings-table-cell.template-settings-skeleton {
  background-color: #e6e6e6;
  margin: 10px 0;
  padding: 5px 10px;
  height: 5px;
}
.onboarding-settings-page .onboarding-template-settings-table-cell.template-settings-skeleton.first {
  border-radius: 10px 0 0 10px;
  margin-left: 10px;
}
.onboarding-settings-page .onboarding-template-settings-table-cell.template-settings-skeleton.last {
  border-radius: 0 10px 10px 0;
  margin-right: 10px;
}

.onboarding-search-modal {
  position: absolute;
  top: 60px;
  left: calc(50% - 200px);
  width: 400px;
  height: 455px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  z-index: 2000;
  opacity: 0;
  animation: fs-takeover-contentFade 150ms ease-in 500ms forwards;
}
.onboarding-search-modal .onb-search-modal-header {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  color: #666666;
}
.onboarding-search-modal .onb-search-modal-search-bar {
  margin: 0 10px 10px;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 6px;
}
.onboarding-search-modal .onb-search-modal-filter-bar {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.onboarding-search-modal .onb-search-modal-filter-item {
  display: flex;
  align-items: center;
  width: 25%;
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 7px 10px;
}
.onboarding-search-modal .onb-search-modal-projects-list {
  padding: 10px 0;
}
.onboarding-search-modal .onb-search-modal-projects-list .onboarding-card-item {
  box-shadow: initial;
  margin: 10px;
  width: calc(100% - 30px);
  color: #666666;
}

.integrations-connect {
  height: 80%;
}
.integrations-connect .onboarding-service-container {
  width: 1000px;
  margin: 0 auto;
}
.integrations-connect .onboarding-service-container .social-networks {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.integrations-connect .onboarding-service-container .other-integrations {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.integrations-connect .onboarding-service-container .other-integrations .onboarding-service-button {
  height: 105px;
  width: 100px;
  margin: 15px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
}
.integrations-connect .onboarding-service-container .other-integrations .onboarding-service-button:hover {
  border: 1px solid #f9a97d;
}
.integrations-connect .onboarding-service-container .other-integrations .onboarding-service-button .integration-title {
  font-size: 11px;
  line-height: 13px;
  height: 20px;
}
.integrations-connect .onboarding-service-container .other-integrations .onboarding-service-button .service-icon {
  font-size: 32px;
}
.integrations-connect .onboarding-service-container .integration-title {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  text-align: center;
  line-height: 16px;
}
.integrations-connect .onboarding-service-container .slideLeft {
  width: 100%;
}
.integrations-connect .onboarding-service-container .liquid-child {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.integrations-connect .onboarding-service-container .integrations-service {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.integrations-connect .onboarding-service-container .select-network-link {
  position: absolute;
  top: 10px;
  left: 0;
}
.integrations-connect .onboarding-service-container .connect-network-option {
  height: 380px;
  width: 100%;
  margin-top: 10px;
}
.integrations-connect .onboarding-service-container .connect-network-option .social-connect {
  height: initial;
}
@media screen and (min-width: 1384px) and (max-width: 1511px) {
  .integrations-connect .onboarding-service-container .connect-network-option .social-connect .social-buttons-wrapper {
    width: 60%;
    margin: auto;
  }
}
@media screen and (min-width: 1112px) and (max-width: 1383px) {
  .integrations-connect .onboarding-service-container .connect-network-option .social-connect .social-buttons-wrapper {
    width: 74%;
    margin: auto;
  }
}
.integrations-connect .onboarding-service-container .connect-network-option .social-connect .social-buttons-wrapper .social-icon-button {
  transform: scale(0.9);
  margin: 5px;
}

.onboarding-service-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 155px;
  width: 130px;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  border-radius: 15px;
  transition: all 0.25s ease;
  margin: 15px;
  position: relative;
}
.onboarding-service-button:hover {
  border: 1px solid #f9a97d;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.onboarding-service-button.social-icon-button {
  padding: 7px;
}
.onboarding-service-button.social-icon-button .social-icon {
  margin: 10px auto;
}
.onboarding-service-button .connect-button {
  border: 1px solid #cccccc;
  border-radius: 5px;
  text-transform: uppercase;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #808080;
  font-size: 9px;
  letter-spacing: 0.5px;
  padding: 0 5px;
  margin-top: 5px;
}
.onboarding-service-button .connect-button.step-two {
  margin-top: 15px;
}
.onboarding-service-button .integration-title {
  text-align: center;
  font-size: 13px;
}
.onboarding-service-button .instagram-connection .help-link {
  display: block;
  margin: auto;
  padding: 0 2px 5px 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #999999;
  font-size: 10px;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  text-decoration: none;
}
.onboarding-service-button .instagram-connection .help-link:hover {
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease;
}
.onboarding-service-button .instagram-connection a {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
.onboarding-service-button .instagram-connection p {
  padding: 10px 50px 0px;
}
.onboarding-service-button .instagram-connection button {
  display: block;
  color: #999999;
  margin: 20px auto;
}
.onboarding-service-button .instagram-connection button span {
  color: #999999;
  padding-right: 5px;
}
.onboarding-service-button .instagram-connection .icon-instagram2 {
  font-size: 37px;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #ffffff;
  border-radius: 5px;
  padding: 8px;
  background-color: #e34061;
}
.onboarding-service-button .social-icon {
  font-size: 45px;
  padding: 5px;
  margin: 15px auto 0;
  display: inline-block;
  border-radius: 4px;
}
.onboarding-service-button .social-icon.icon-twitter2 {
  color: #2ca9e1;
}
.onboarding-service-button .social-icon.icon-facebook2 {
  color: #3b5998;
}
.onboarding-service-button .social-icon.icon-facebook_group2 {
  color: #3b5998;
}
.onboarding-service-button .social-icon.icon-facebook_page2 {
  color: #3b5998;
}
.onboarding-service-button .social-icon.icon-instagram2 {
  color: #e34061;
}
.onboarding-service-button .social-icon.icon-tumblr2 {
  color: #2c4862;
}
.onboarding-service-button .social-icon.icon-linkedin2 {
  color: #0073a5;
}
.onboarding-service-button .social-icon.icon-user {
  color: #0073a5;
}
.onboarding-service-button .social-icon.icon-briefcase {
  color: #0073a5;
}
.onboarding-service-button .social-icon.linkedin_company {
  color: #0073a5;
}
.onboarding-service-button .social-icon.icon-pinterest22 {
  color: #bd081c;
}
.onboarding-service-button .social-icon.icon-tiktok {
  color: #000000;
}
.onboarding-service-button .social-icon.icon-youtube_social {
  color: #ff0000;
}
.onboarding-service-button .social-icon.icon-mastodon2 {
  color: #6364ff;
}
.onboarding-service-button .social-icon.icon-google_my_business2 {
  color: #4989f5;
}
.onboarding-service-button .social-icon.icon-bluesky2 {
  color: #1185fe;
}
.onboarding-service-button .social-icon.icon-threads2 {
  color: #000000;
}
.onboarding-service-button .connected-count {
  color: #6ba066;
  font-size: 10px;
}
.onboarding-service-button .connected-count i {
  margin-right: 3px;
}
.onboarding-service-button .twitter-follow {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 114px;
  left: -3px;
  opacity: 0;
  text-align: left;
  width: 129px;
}
.onboarding-service-button .twitter-follow input {
  vertical-align: 0;
  margin-right: 3px;
  margin-left: 4px;
}
.onboarding-service-button .service-icon {
  display: block;
  height: 46px;
  width: 46px;
  flex-shrink: 0;
  margin: 15px auto 5px;
}
.onboarding-service-button span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  flex-shrink: 0;
  text-align: center;
}
.onboarding-service-button.integration-selected {
  margin: 9px;
  border: 2px solid #62acc4;
}

.facebook-connect-overlay {
  position: absolute;
  width: 80%;
  bottom: -50px;
  margin: 0 10%;
  z-index: -1;
  opacity: 0.7;
}

.onb-callout-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0.9;
  padding: 10px;
  border-radius: 8px;
  width: 400px;
  height: 250px;
  margin: 30px auto;
}
.onb-callout-wrapper .icon-facebook2 {
  font-size: 35px;
}
.onb-callout-wrapper img {
  width: 35px;
}
.onb-callout-wrapper p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 36px;
  font-weight: 500;
  font-style: normal;
  text-align: center;
}

.onb-modal-bkg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}

.onb-integrations-modal {
  width: 800px;
  height: 400px;
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #ffffff;
  color: #666666;
  position: relative;
  z-index: 2;
}
.onb-integrations-modal p {
  font-size: 17px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}
.onb-integrations-modal .fauxdal-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.onb-integrations-modal .icon-warning {
  color: #d15451;
  font-size: 40px;
  margin-top: 60px;
}
.onb-integrations-modal.facebook {
  margin: 0 auto;
  opacity: 0;
  animation: onboarding-integrationsModal 750ms ease-in forwards;
}
.onb-integrations-modal.facebook .fb-integration-container {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.onb-integrations-modal.facebook .fb-integration-container p {
  margin-top: 0 !important;
}
.onb-integrations-modal.integrations {
  height: 350px;
  width: 850px;
  background-color: #ffffff;
  animation: onboarding-integrationsModal 750ms ease-in forwards;
  position: absolute;
  top: calc(50vh - 225px);
  left: calc(50% - 425px);
}
.onb-integrations-modal.integrations p {
  width: 80%;
}
.onb-integrations-modal.integrations .button.connect {
  background-color: #275a9a;
}

.onb-callout-container {
  position: absolute;
  bottom: 30px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 345px;
}
.onb-callout-container.requeue {
  animation: onboarding-Callout 750ms ease-in 7s forwards;
  opacity: 0;
}
.onb-callout-container.requeue .requeue-callout {
  border-radius: 90px;
  overflow: hidden;
  border: 3px solid #275a9a;
}
.onb-callout-container.requeue .requeue-callout img {
  width: 125px;
  height: 125px;
  -o-object-fit: cover;
     object-fit: cover;
}

.onboarding-profile-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 auto;
  width: 500px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px 8px 0 0;
}
.onboarding-profile-container .onboarding-profile-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 45px;
  width: calc(100% - 10px);
  border-radius: 8px 8px 0 0;
  background-color: #f7f7f7;
  padding: 0 5px;
  color: #999999;
}
.onboarding-profile-container .profile-image-upload {
  margin: 30px auto;
  position: relative;
}
.onboarding-profile-container .profile-image-upload .loading-wrapper {
  height: 90px;
  min-height: initial;
}
.onboarding-profile-container .profile-image-upload .image-hover-button, .onboarding-profile-container .profile-image-upload:hover, .onboarding-profile-container .profile-image-upload:focus, .onboarding-profile-container .profile-image-upload:active, .onboarding-profile-container .profile-image-upload.active {
  border: none;
  background-color: transparent;
}
.onboarding-profile-container .profile-image-upload .image-hover-button:hover .profile-image-bg, .onboarding-profile-container .profile-image-upload:hover:hover .profile-image-bg, .onboarding-profile-container .profile-image-upload:focus:hover .profile-image-bg, .onboarding-profile-container .profile-image-upload:active:hover .profile-image-bg, .onboarding-profile-container .profile-image-upload.active:hover .profile-image-bg {
  opacity: 0.5;
}
.onboarding-profile-container .profile-image-upload .image-hover-button:hover .profile-image-icon, .onboarding-profile-container .profile-image-upload:hover:hover .profile-image-icon, .onboarding-profile-container .profile-image-upload:focus:hover .profile-image-icon, .onboarding-profile-container .profile-image-upload:active:hover .profile-image-icon, .onboarding-profile-container .profile-image-upload.active:hover .profile-image-icon {
  opacity: 1;
}
.onboarding-profile-container .profile-image-upload .profile-image-bg {
  height: 128px;
  width: 128px;
  left: 6px;
  top: 2px;
}
.onboarding-profile-container .profile-image-upload .profile-image-icon {
  position: absolute;
  top: 50px;
  left: 55px;
  z-index: 100;
}
.onboarding-profile-container .onboarding-profile-name-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin: 10px auto 0;
}
.onboarding-profile-container .onboarding-profile-name-wrapper p {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #b3b3b3;
  margin-left: 35px;
}
.onboarding-profile-container .onboarding-profile-name-wrapper .onboarding-profile-name-input {
  width: 80%;
  margin: auto;
  border-radius: 6px;
  height: 25px;
  border: 1px solid #b3b3b3;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  color: #4d4d4d;
  padding: 4px 12px;
  letter-spacing: 0.5px;
}
.onboarding-profile-container .onboarding-profile-name-wrapper .onboarding-profile-name-input:hover {
  border: 1px solid #666666;
}

.onboarding-user-guide {
  flex-direction: column;
}
.onboarding-user-guide a.button.download-guide,
.onboarding-user-guide .button {
  width: 285px;
}
.onboarding-user-guide a,
.onboarding-user-guide button {
  text-decoration: none;
  margin: 30px auto;
}
.onboarding-user-guide .requeue-guide {
  cursor: pointer;
}
.onboarding-user-guide .video-button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.onboarding-user-guide .video-button:hover {
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  transition: all 0.15s ease-out;
}

.fs-takeover-wrapper .icon-arrow-right.publish-status,
.fs-takeover-wrapper .icon-arrow-left.publish-status {
  position: absolute;
  right: 125px;
  color: #275a9a;
}
.fs-takeover-wrapper .icon-arrow-right.wp-publish-status,
.fs-takeover-wrapper .icon-arrow-left.wp-publish-status {
  position: absolute;
  right: 55px;
  top: 60px;
  transform: rotate(-90deg);
  color: #275a9a;
}

@keyframes animateEmail {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes onboardingRemoveQueue {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sync-1 {
  0% {
    transform: scale(0.8);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes onboarding-HideWordPress {
  0% {
    margin: 0 30px 0 auto;
  }
  15% {
    margin: 0 30px 0 auto;
  }
  20% {
    margin: -10px 30px 0 auto;
  }
  55% {
    margin: 0 30px 0 auto;
  }
  100% {
    margin: 1500px 30px 0 auto;
  }
}
@keyframes onboarding-integrationsModal {
  0% {
    transform: rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: rotateY(-10deg);
  }
  70% {
    transform: rotateY(10deg);
  }
  100% {
    transform: rotateY(0deg);
    opacity: 1;
  }
}
@keyframes onboarding-Callout {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes onboarding-addBorder {
  0% {
    border-color: transparent;
  }
  100% {
    border-color: #275a9a;
  }
}
.request-form-settings-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 30px auto 0;
  max-width: 900px;
}
.request-form-settings-container .request-form-details {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 10px 15px;
  border: 2px solid #cccccc;
  border-radius: 4px;
  margin-bottom: 15px;
  width: 100%;
}
.request-form-settings-container .request-form-details .request-form-settings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.request-form-settings-container .request-form-details .request-form-settings-header h4.request-form-settings-name {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.request-form-settings-container .request-form-details .request-form-settings-header .actions {
  flex-shrink: 0;
}
.request-form-settings-container .request-form-details .request-form-settings-header .actions button {
  margin-left: 10px;
}
.request-form-settings-container .request-form-details .request-form-settings-details {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.request-form-settings-container .request-form-details .request-form-settings-details .separator {
  font-size: 5px;
  margin: 0 10px;
  color: #cccccc;
}
.request-form-settings-container .request-form-details .request-form-settings-details .request-form-stat {
  font-style: italic;
  font-size: 13px;
}
.request-form-settings-container .request-form-details .request-form-settings-details .request-form-settings-initial-status {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 3px 11px;
  border-radius: 30px;
  background-color: #f7f7f7;
  color: #666666;
  margin-right: 10px;
}
.request-form-settings-container .request-form-details .request-form-settings-details .request-form-settings-initial-status.draft {
  background-color: #fbf3db;
  color: #ad894b;
}
.request-form-settings-container .request-form-details .request-form-settings-link {
  display: flex;
  align-items: center;
}
.request-form-settings-container .request-form-details .request-form-settings-link a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.request-form-settings-container .embed-instructions {
  margin-bottom: 1em;
  font-size: 1rem;
}
.request-form-settings-container .embed-code-section {
  margin-bottom: 1em;
}
.request-form-settings-container .embed-code-textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  padding: 0.5em;
  font-family: monospace;
  resize: none;
}
.request-form-settings-container .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
}
.request-form-settings-container .request-form-title {
  color: grey;
}

.request-form-create-modal *,
.request-form-edit * {
  box-sizing: border-box;
}

.request-form-settings {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.request-form-settings .request-form-settings-section {
  width: 100%;
  max-width: 700px;
  margin-bottom: 40px;
}
.request-form-settings .form-information {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 20px;
}
.request-form-settings .form-information .form-title-container input.form-title {
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 15px;
  width: 100%;
}
.request-form-settings .form-information .form-grid-full-width {
  grid-column: 1/span 10;
}
.request-form-settings .form-information .form-template-container {
  grid-column: auto/span 7;
}
.request-form-settings .form-information .form-project-type-container {
  grid-column: auto/span 6;
}
.request-form-settings .form-information .form-status-container {
  grid-column: auto/span 4;
}
.request-form-settings .form-information .form-label-container,
.request-form-settings .form-information .form-owner-container {
  grid-column: auto/span 5;
}
.request-form-settings .form-information .request-form-select {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: #f7f7f7;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.request-form-settings .form-information .request-form-select:hover {
  background-color: #e6e6e6;
}
.request-form-settings .form-information .request-form-select:active {
  background-color: #cccccc;
  color: #4d4d4d;
}
.request-form-settings .form-information .request-form-select.project-status.draft {
  background-color: #fbf3db;
  color: #ad894b;
}
.request-form-settings .form-information .request-form-select.project-status.draft:hover {
  background-color: #fdecac;
}
.request-form-settings .form-information .request-form-select .request-form-selection-icon {
  flex-shrink: 0;
  margin-right: 8px;
  height: 20px;
  width: 20px;
  font-size: 20px;
  border-radius: 20px;
}
.request-form-settings .form-information .request-form-select .request-form-selection-icon.color-label-indicator.unlabeled {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.request-form-settings .form-information .request-form-select .select-chevron {
  margin-left: auto;
  flex-shrink: 0;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element {
  display: flex;
  margin-bottom: 15px;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element span.grab-handle {
  font-size: 16px;
  color: #cccccc;
  margin: 20px 10px 0 0;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  cursor: grab;
  flex-shrink: 0;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element span.grab-handle:after {
  font-family: "CoS";
  content: "\2637";
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field {
  border: 2px solid #e6e6e6;
  border-radius: 4px;
  width: 100%;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field.field-hidden {
  border-color: #f7f7f7;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field.field-hidden .field-details {
  opacity: 0.5;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field.field-hidden .field-options {
  background-color: rgba(247, 247, 247, 0.5);
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field.field-required .field-details .field-name:after {
  content: "*";
  color: #d15451;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details {
  margin: 15px;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details .field-type-icon {
  font-size: 20px;
  margin-right: 10px;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details .field-description-inputs {
  margin: 5px 10px 20px 35px;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details .field-description-inputs label.field-description {
  text-transform: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0 20px 10px 0;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details .field-description-inputs input.field-input {
  margin: 0;
  width: 100%;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details .field-name {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  top: -2px;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details .hidden-badge {
  display: inline-flex;
  align-items: center;
  background-color: #e6e6e6;
  float: right;
  color: #666666;
  padding: 2px 5px;
  border-radius: 50px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details .text-block-input {
  width: 100%;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-details .text-block-input textarea {
  resize: vertical;
  width: 100%;
  height: 60px;
  margin: 5px 0 0;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-options {
  display: flex;
  width: 100%;
  background-color: #f7f7f7;
  padding: 14px 13px;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-options .simple-checkbox {
  margin: 5px 30px 5px 0;
}
.request-form-settings .request-form-fields .form-field-container .form-field-element .form-field .field-options .simple-checkbox input[type=checkbox]:disabled + span:before {
  background-color: #cccccc;
}
.request-form-settings .request-form-notifications input {
  width: 350px;
  margin-bottom: 30px;
}
.request-form-settings .request-form-notifications .team-member-pill-container {
  display: flex;
  flex-wrap: wrap;
}
.request-form-settings .request-form-notifications .team-member-pill-container .team-member-pill {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  height: 42px;
  border-radius: 42px;
  padding: 5px;
  margin: 0 15px 15px 0;
  flex-shrink: 0;
  border: 1px solid transparent;
  color: #666666;
}
.request-form-settings .request-form-notifications .team-member-pill-container .team-member-pill .team-member-image {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 32px;
  margin-right: 10px;
}
.request-form-settings .request-form-notifications .team-member-pill-container .team-member-pill .team-member-image img,
.request-form-settings .request-form-notifications .team-member-pill-container .team-member-pill .team-member-image .no-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.request-form-settings .request-form-notifications .team-member-pill-container .team-member-pill .team-member-name,
.request-form-settings .request-form-notifications .team-member-pill-container .team-member-pill .team-member-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 5px;
}
.request-form-settings .request-form-notifications .team-member-pill-container button.add-team-member-notification {
  height: 42px;
  border-radius: 42px;
}
.request-form-settings .request-form-notifications .no-team-members {
  display: flex;
  justify-content: center;
  margin: 20px auto;
}
.request-form-settings .request-form-notifications .no-team-members span {
  font-style: italic;
  color: #999999;
}

.custom-field-type-select-dropdown .cos-basic-dropdown-content-group {
  height: -moz-fit-content;
  height: fit-content;
  max-height: none;
}
.custom-field-type-select-dropdown .field-type-icon {
  font-size: 14px;
  margin-right: 15px;
}

.custom-fields-settings .custom-field-container {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.custom-fields-settings .custom-field-container .custom-field {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 2px solid #e6e6e6;
  border-radius: 6px;
  margin-bottom: 10px;
}
.custom-fields-settings .custom-field-container .custom-field .type-icon {
  padding: 10px 30px 10px 15px;
  font-size: 20px;
}
.custom-fields-settings .custom-field-container .custom-field .custom-field-details {
  overflow: hidden;
}
.custom-fields-settings .custom-field-container .custom-field .custom-field-details h4.custom-field-name {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.custom-fields-settings .custom-field-container .custom-field .custom-field-details span.separator {
  margin: 0 3px;
  color: #999999;
}
.custom-fields-settings .custom-field-container .custom-field .actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.custom-fields-settings .custom-field-container .custom-field .actions button {
  margin-left: 5px;
}

.custom-field-modal {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow-y: auto;
  z-index: 6000;
}
.custom-field-modal * {
  box-sizing: border-box;
}
.custom-field-modal .modal {
  display: grid;
  grid-template-columns: 1fr 300px;
  width: 100%;
  max-width: 800px;
  min-height: 400px;
  position: absolute;
}
.custom-field-modal .modal .close-modal {
  position: absolute;
  right: 5px;
  top: 5px;
}
.custom-field-modal .modal .custom-field-editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px 25px;
}
.custom-field-modal .modal .custom-field-editor h3 {
  margin: 0 0 15px;
}
.custom-field-modal .modal .custom-field-editor input,
.custom-field-modal .modal .custom-field-editor textarea,
.custom-field-modal .modal .custom-field-editor .dropdown-value-container {
  width: 100%;
  margin-bottom: 15px;
}
.custom-field-modal .modal .custom-field-editor input.custom-field-name {
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px 0 10px 15px;
}
.custom-field-modal .modal .custom-field-editor textarea.field-description {
  resize: vertical;
}
.custom-field-modal .modal .custom-field-editor .dropdown-value-container .form-field-container {
  height: -moz-fit-content;
  height: fit-content;
}
.custom-field-modal .modal .custom-field-editor .dropdown-value-container .dropdown-option {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.custom-field-modal .modal .custom-field-editor .dropdown-value-container .dropdown-option .drag-handle {
  font-size: 14px;
  padding-right: 10px;
  height: 30px;
  flex-shrink: 0;
  line-height: 30px;
  color: #999999;
  cursor: grab;
}
.custom-field-modal .modal .custom-field-editor .dropdown-value-container .dropdown-option .drag-handle:active {
  cursor: grabbing;
}
.custom-field-modal .modal .custom-field-editor .dropdown-value-container .dropdown-option input.dropdown-value {
  width: 100%;
  margin-bottom: 0;
  padding: 7px 0 7px 6px;
}
.custom-field-modal .modal .custom-field-editor .dropdown-value-container .dropdown-option button.remove-dropdown-value {
  flex-shrink: 0;
  margin-left: 10px;
}
.custom-field-modal .modal .custom-field-editor .dropdown-value-container .dropdown-option button.remove-dropdown-value span {
  font-size: 14px;
  margin-right: 0;
}
.custom-field-modal .modal .custom-field-editor .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 15px;
}
.custom-field-modal .modal .custom-field-editor .footer button {
  margin-left: 10px;
}
.custom-field-modal .modal .custom-field-editor .footer button.delete-custom-field {
  margin: 0 auto 0 0;
}
.custom-field-modal .modal .custom-field-options-sidebar {
  background-color: #f7f7f7;
  height: 100%;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
}
.custom-field-modal .modal .custom-field-options-sidebar h4 {
  margin: 4px 0 20px;
}
.custom-field-modal .modal .custom-field-options-sidebar .simple-checkbox {
  margin-bottom: 10px;
}

.custom-field-delete-confirmation .modal.delete-confirmation-modal {
  padding: 25px 40px;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .modal-header, .custom-field-delete-confirmation .modal.delete-confirmation-modal .delete-confirmation .delete-header, .delete-confirmation .custom-field-delete-confirmation .modal.delete-confirmation-modal .delete-header {
  border: none;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .modal-header h3, .custom-field-delete-confirmation .modal.delete-confirmation-modal .delete-confirmation .delete-header h3, .delete-confirmation .custom-field-delete-confirmation .modal.delete-confirmation-modal .delete-header h3 {
  background-color: transparent;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  text-transform: none;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .modal-header button, .custom-field-delete-confirmation .modal.delete-confirmation-modal .delete-confirmation .delete-header button, .delete-confirmation .custom-field-delete-confirmation .modal.delete-confirmation-modal .delete-header button {
  position: absolute;
  top: -20px;
  right: -35px;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .field-container {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  padding: 10px 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .field-container span.type-icon {
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal h4 {
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .remove-list {
  margin-top: 20px;
  color: #d15451;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .remove-list ul li {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-left: 10px;
  margin-bottom: 5px;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .remove-list ul li::marker {
  font-family: "CoS";
  content: "\e000";
  margin-right: 10px;
  color: #daa1a0;
  font-size: 12px;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .remove-list ul li strong {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.custom-field-delete-confirmation .modal.delete-confirmation-modal .modal-body .alert {
  display: none;
}

.active_campaign--brand-name:before {
  content: "ActiveCampaign";
}
.active_campaign--type:before {
  content: "Email Marketing";
}
.active_campaign--brand-background {
  background-color: #4073b5;
}
.active_campaign--brand-text {
  color: #4073b5;
}
.active_campaign--brand-border {
  color: #4073b5;
}
.active_campaign--brand-logo {
  background-image: url("/img/integrations/active-campaign/logo-color-alt-05827fc81a103aeb487e04f63c1278d3.svg");
}
.active_campaign--catalog-background {
  background-color: #4073b5;
}
.active_campaign--catalog-card-logo {
  background-image: url("/img/integrations/active-campaign/logo-white-33608f89cbd38d387f325c33e8871db0.svg");
}
.active_campaign--catalog-banner {
  background-image: url("/img/integrations/active-campaign/banner-746c239d75818f032d10cd0dfacbd3cb.jpg");
}
.active_campaign-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.active_campaign-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.active_campaign--catalog-modal-logo {
  background-image: url("/img/integrations/active-campaign/logo-white-33608f89cbd38d387f325c33e8871db0.svg");
}
.active_campaign--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/active-campaign/small-color-logo-a736df5f01ee063b3474090ce42c0c7f.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.active_campaign--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.asana--brand-name:before {
  content: "Asana";
}
.asana--type:before {
  content: "Bulk Import";
}
.asana--brand-background {
  background-color: #f95353;
}
.asana--brand-text {
  color: #f95353;
}
.asana--brand-border {
  color: #f95353;
}
.asana--brand-logo {
  background-image: url("/img/integrations/asana/logo-color-a641884531dbc54b7890c9f70532a912.svg");
}
.asana--catalog-background {
  background-color: #f95353;
}
.asana--catalog-card-logo {
  background-image: url("/img/integrations/asana/logo-full-white-9ca7aeca4cb2bfb834e2b9e5f90f9713.svg");
}
.asana--catalog-banner {
  background-image: url("/img/integrations/asana/banner-b192e853813ea06c02128c45db51e562.png");
}
.asana-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.asana-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.asana--catalog-modal-logo {
  background-image: url("/img/integrations/asana/logo-white-e25e2fe5422c74e9700efbcf69ee62d5.svg");
}
.asana--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/asana/logo-color-a641884531dbc54b7890c9f70532a912.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.asana--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.basecamp_2--brand-name:before {
  content: "Basecamp 2";
}
.basecamp_2--type:before {
  content: "Project Management";
}
.basecamp_2--brand-background {
  background-color: #5ecc62;
}
.basecamp_2--brand-text {
  color: #5ecc62;
}
.basecamp_2--brand-border {
  color: #5ecc62;
}
.basecamp_2--brand-logo {
  background-image: url("/img/integrations/basecamp-2/logo-color-f59de10c05c22f73cbff6534acd7f8b9.svg");
}
.basecamp_2--catalog-background {
  background-color: #f6f2ef;
}
.basecamp_2--catalog-card-logo {
  background-image: url("/img/integrations/basecamp-2/logo-color-f59de10c05c22f73cbff6534acd7f8b9.svg");
}
.basecamp_2--catalog-banner {
  background-image: url("/img/integrations/basecamp-2/banner-724594089bbb6d06e8e7d5d4369ea405.jpg");
}
.basecamp_2-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.basecamp_2-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.basecamp_2--catalog-modal-logo {
  background-image: url("/img/integrations/basecamp-2/logo-color-f59de10c05c22f73cbff6534acd7f8b9.svg");
}
.basecamp_2--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/basecamp-2/logo-color-f59de10c05c22f73cbff6534acd7f8b9.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.basecamp_2--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.basecamp_3--brand-name:before {
  content: "Basecamp 3";
}
.basecamp_3--type:before {
  content: "Project Management";
}
.basecamp_3--brand-background {
  background-color: #5ecc62;
}
.basecamp_3--brand-text {
  color: #5ecc62;
}
.basecamp_3--brand-border {
  color: #5ecc62;
}
.basecamp_3--brand-logo {
  background-image: url("/img/integrations/basecamp-3/logo-color-a1e93b98d54d2b18dc8d96b598797360.svg");
}
.basecamp_3--catalog-background {
  background-color: #f6f2ef;
}
.basecamp_3--catalog-card-logo {
  background-image: url("/img/integrations/basecamp-3/logo-color-a1e93b98d54d2b18dc8d96b598797360.svg");
}
.basecamp_3--catalog-banner {
  background-image: url("/img/integrations/basecamp-3/banner-73b73c566e566bf850036ad5b1fdc41f.jpg");
}
.basecamp_3-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.basecamp_3-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.basecamp_3--catalog-modal-logo {
  background-image: url("/img/integrations/basecamp-3/logo-color-a1e93b98d54d2b18dc8d96b598797360.svg");
}
.basecamp_3--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/basecamp-3/logo-color-a1e93b98d54d2b18dc8d96b598797360.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.basecamp_3--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.bitly--brand-name:before {
  content: "Bitly";
}
.bitly--type:before {
  content: "Analytics";
}
.bitly--brand-background {
  background-color: #f0511b;
}
.bitly--brand-text {
  color: #f0511b;
}
.bitly--brand-border {
  color: #f0511b;
}
.bitly--brand-logo {
  background-image: url("/img/integrations/bitly/logo-bdfa75f0fee539d203dbad901da568ea.svg");
}
.bitly--catalog-background {
  background-color: #f0511b;
}
.bitly--catalog-card-logo {
  background-image: url("/img/integrations/bitly/bitly_logo_white_full-c2441d6de988129c4927ba67bea4ffd7.svg");
}
.bitly--catalog-banner {
  background-image: url("/img/integrations/bitly/banner-42696f4fb8327ad33660a8308df6f57d.jpg");
}
.bitly-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.bitly-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.bitly--catalog-modal-logo {
  background-image: url("/img/integrations/bitly/logo_white-b7ef427a0ac5d1d6d3bc63b132d790af.svg");
}
.bitly--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/bitly/logo-bdfa75f0fee539d203dbad901da568ea.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.bitly--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.buffer--brand-name:before {
  content: "Buffer";
}
.buffer--type:before {
  content: "Social Management";
}
.buffer--brand-background {
  background-color: #231f20;
}
.buffer--brand-text {
  color: #231f20;
}
.buffer--brand-border {
  color: #231f20;
}
.buffer--brand-logo {
  background-image: url("/img/integrations/buffer/logo-color-4afa27e848e54f4f8fd0c660e29c4c8c.svg");
}
.buffer--catalog-background {
  background-color: #231f20;
}
.buffer--catalog-card-logo {
  background-image: url("/img/integrations/buffer/logo-white-65fd993a8221e80f222f36f129a7aa2c.svg");
}
.buffer--catalog-banner {
  background-image: url("/img/integrations/buffer/banner-3db01e6999940dcc402ce7c4ce6a98f6.jpg");
}
.buffer-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.buffer-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.buffer--catalog-modal-logo {
  background-image: url("/img/integrations/buffer/logo-white-65fd993a8221e80f222f36f129a7aa2c.svg");
}
.buffer--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/buffer/logo-color-4afa27e848e54f4f8fd0c660e29c4c8c.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.buffer--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.calendar_sync--brand-name:before {
  content: "Calendar ICS Sync";
}
.calendar_sync--type:before {
  content: "Tools";
}
.calendar_sync--brand-background {
  background-color: #333248;
}
.calendar_sync--brand-text {
  color: #333248;
}
.calendar_sync--brand-border {
  color: #333248;
}
.calendar_sync--brand-logo {
  background-image: url("/img/integrations/calendar-sync/logo-color-4936a16ef2fd09d177585ba57889f60a.svg");
}
.calendar_sync--catalog-background {
  background-color: #333248;
}
.calendar_sync--catalog-card-logo {
  background-image: url("/img/integrations/calendar-sync/logo-color-4936a16ef2fd09d177585ba57889f60a.svg");
}
.calendar_sync--catalog-banner {
  background-image: url("/img/integrations/calendar-sync/banner-ede76dca7cbb9bf1e1c455dff4ae7cc5.jpg");
}
.calendar_sync-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.calendar_sync-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.calendar_sync--catalog-modal-logo {
  background-image: url("/img/integrations/calendar-sync/logo-color-4936a16ef2fd09d177585ba57889f60a.svg");
}
.calendar_sync--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/calendar-sync/logo-color-4936a16ef2fd09d177585ba57889f60a.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.calendar_sync--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.canva--brand-name:before {
  content: "Canva";
}
.canva--type:before {
  content: "Cloud Storage";
}
.canva--brand-background {
  background-color: #8b3dff;
}
.canva--brand-text {
  color: #8b3dff;
}
.canva--brand-border {
  color: #8b3dff;
}
.canva--brand-logo {
  background-image: url("/img/integrations/canva/canva-color-icon.webp");
}
.canva--catalog-background {
  background-color: #8b3dff;
}
.canva--catalog-card-logo {
  background-image: url("/img/integrations/canva/canva-cd53d74f686f7fa3366bd49323c125dd.svg");
}
.canva--catalog-banner {
  background-image: url("/img/integrations/canva/banner-fb500865bcb8c80451c8bf320713d952.png");
}
.canva-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.canva-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.canva--catalog-modal-logo {
  background-image: url("/img/integrations/canva/canva-cd53d74f686f7fa3366bd49323c125dd.svg");
}
.canva--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/canva/canva-cd53d74f686f7fa3366bd49323c125dd.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.canva--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.campaign_monitor--brand-name:before {
  content: "Campaign Monitor";
}
.campaign_monitor--type:before {
  content: "Email Marketing";
}
.campaign_monitor--brand-background {
  background-color: #509cf6;
}
.campaign_monitor--brand-text {
  color: #509cf6;
}
.campaign_monitor--brand-border {
  color: #509cf6;
}
.campaign_monitor--brand-logo {
  background-image: url("/img/integrations/campaign-monitor/logo-color-a827fe508ff05232f02af7d4b7bb22b2.svg");
}
.campaign_monitor--catalog-background {
  background-color: #509cf6;
}
.campaign_monitor--catalog-card-logo {
  background-image: url("/img/integrations/campaign-monitor/logo-white-d913fc36229174eca8d301907781576e.svg");
}
.campaign_monitor--catalog-banner {
  background-image: url("/img/integrations/campaign-monitor/banner-55feb9d2f272c81b64a4e8ce493e26a6.jpg");
}
.campaign_monitor-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.campaign_monitor-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.campaign_monitor--catalog-modal-logo {
  background-image: url("/img/integrations/campaign-monitor/logo-white-d913fc36229174eca8d301907781576e.svg");
}
.campaign_monitor--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/campaign-monitor/logo-color-a827fe508ff05232f02af7d4b7bb22b2.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.campaign_monitor--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.constant_contact--brand-name:before {
  content: "Constant Contact";
}
.constant_contact--type:before {
  content: "Email Marketing";
}
.constant_contact--brand-background {
  background-color: #1856ed;
}
.constant_contact--brand-text {
  color: #1856ed;
}
.constant_contact--brand-border {
  color: #1856ed;
}
.constant_contact--brand-logo {
  background-image: url("/img/integrations/constant-contact/logo-color-1f82d2ba178a6e64d0bd7a7f44616f31.svg");
}
.constant_contact--catalog-background {
  background-color: #1856ed;
}
.constant_contact--catalog-card-logo {
  background-image: url("/img/integrations/constant-contact/logo-color-1f82d2ba178a6e64d0bd7a7f44616f31.svg");
}
.constant_contact--catalog-banner {
  background-image: url("/img/integrations/constant-contact/banner-4e64df38f18a6f7b73c1ad05440a0c32.jpg");
}
.constant_contact-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.constant_contact-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.constant_contact--catalog-modal-logo {
  background-image: url("/img/integrations/constant-contact/logo-white-4e02c0647e2aee6c8b497c2add039d3f.svg");
}
.constant_contact--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/constant-contact/logo-color-1f82d2ba178a6e64d0bd7a7f44616f31.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.constant_contact--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.custom_analytics--brand-name:before {
  content: "Custom Analytics";
}
.custom_analytics--type:before {
  content: "Tools";
}
.custom_analytics--brand-background {
  background-color: #7b89af;
}
.custom_analytics--brand-text {
  color: #7b89af;
}
.custom_analytics--brand-border {
  color: #7b89af;
}
.custom_analytics--brand-logo {
  background-image: url("/img/integrations/custom-analytics/logo-color-9e446383e051b527aaf07d4f85710dff.svg");
}
.custom_analytics--catalog-background {
  background-color: #7b89af;
}
.custom_analytics--catalog-card-logo {
  background-image: url("/img/integrations/custom-analytics/logo-white-70ad7931c07f05e1ce4a184e7ac52d0c.svg");
}
.custom_analytics--catalog-banner {
  background-image: url("/img/integrations/custom-analytics/banner-bd31820c3503dd01bf864272dddd82ad.jpg");
}
.custom_analytics-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.custom_analytics-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.custom_analytics--catalog-modal-logo {
  background-image: url("/img/integrations/custom-analytics/logo-white-70ad7931c07f05e1ce4a184e7ac52d0c.svg");
}
.custom_analytics--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/custom-analytics/logo-color-9e446383e051b527aaf07d4f85710dff.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.custom_analytics--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.divvyhq--brand-name:before {
  content: "DivvyHQ";
}
.divvyhq--type:before {
  content: "Bulk Import";
}
.divvyhq--brand-background {
  background-color: #f6921e;
}
.divvyhq--brand-text {
  color: #f6921e;
}
.divvyhq--brand-border {
  color: #f6921e;
}
.divvyhq--brand-logo {
  background-image: url("/img/integrations/divvyhq/logo-color-d4ef6402ed5c5ca143c2b6f47ad60b56.svg");
}
.divvyhq--catalog-background {
  background-color: #f6921e;
}
.divvyhq--catalog-card-logo {
  background-image: url("/img/integrations/divvyhq/logo-white.svg");
}
.divvyhq--catalog-banner {
  background-image: url("/img/integrations/divvyhq/banner-867c0125b1d33b108c5616968c2d2549.jpg");
}
.divvyhq-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.divvyhq-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.divvyhq--catalog-modal-logo {
  background-image: url("/img/integrations/divvyhq/logo-color-d4ef6402ed5c5ca143c2b6f47ad60b56.svg");
}
.divvyhq--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/divvyhq/logo-color-d4ef6402ed5c5ca143c2b6f47ad60b56.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.divvyhq--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.dropbox--brand-name:before {
  content: "Dropbox";
}
.dropbox--type:before {
  content: "Cloud Storage";
}
.dropbox--brand-background {
  background-color: #0061ff;
}
.dropbox--brand-text {
  color: #0061ff;
}
.dropbox--brand-border {
  color: #0061ff;
}
.dropbox--brand-logo {
  background-image: url("/img/integrations/dropbox/logo-color-00f1453f352e0fe1c027a6b7becc2748.svg");
}
.dropbox--catalog-background {
  background-color: #0061ff;
}
.dropbox--catalog-card-logo {
  background-image: url("/img/integrations/dropbox/logo-white-6a9f9ca4ecf89b9e15286bdbf4b83248.svg");
}
.dropbox--catalog-banner {
  background-image: url("/img/integrations/dropbox/banner-bfccbd75d6dcf686f6a0fbc19a5fae35.jpg");
}
.dropbox-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.dropbox-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.dropbox--catalog-modal-logo {
  background-image: url("/img/integrations/dropbox/logo-white-6a9f9ca4ecf89b9e15286bdbf4b83248.svg");
}
.dropbox--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/dropbox/logo-color-00f1453f352e0fe1c027a6b7becc2748.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.dropbox--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.email_subject_tester--brand-name:before {
  content: "Email Subject Line Tester";
}
.email_subject_tester--type:before {
  content: "Tools";
}
.email_subject_tester--brand-background {
  background-color: #b3b3b3;
}
.email_subject_tester--brand-text {
  color: #b3b3b3;
}
.email_subject_tester--brand-border {
  color: #b3b3b3;
}
.email_subject_tester--brand-logo {
  background-image: url("/img/integrations/email-subject-tester/logo-color-d402ae6849c4ce091a0489fda8e62e17.svg");
}
.email_subject_tester--catalog-background {
  background-color: #b3b3b3;
}
.email_subject_tester--catalog-card-logo {
  background-image: url("/img/integrations/email-subject-tester/logo-color-d402ae6849c4ce091a0489fda8e62e17.svg");
}
.email_subject_tester--catalog-banner {
  background-image: url("");
}
.email_subject_tester-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.email_subject_tester-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.email_subject_tester--catalog-modal-logo {
  background-image: url("");
}
.email_subject_tester--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/email-subject-tester/logo-color-d402ae6849c4ce091a0489fda8e62e17.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.email_subject_tester--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.evernote--brand-name:before {
  content: "Evernote";
}
.evernote--type:before {
  content: "Tools";
}
.evernote--brand-background {
  background-color: #6fb536;
}
.evernote--brand-text {
  color: #6fb536;
}
.evernote--brand-border {
  color: #6fb536;
}
.evernote--brand-logo {
  background-image: url("/img/integrations/evernote/logo-color-0d2c85c26e664c264858704e9a737963.svg");
}
.evernote--catalog-background {
  background-color: #44ab4d;
}
.evernote--catalog-card-logo {
  background-image: url("/img/integrations/evernote/logo-color-0d2c85c26e664c264858704e9a737963.svg");
}
.evernote--catalog-banner {
  background-image: url("/img/integrations/evernote/banner-008cf5ee3227de637f28433dfad737fc.jpg");
}
.evernote-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.evernote-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.evernote--catalog-modal-logo {
  background-image: url("/img/integrations/evernote/logo-color-0d2c85c26e664c264858704e9a737963.svg");
}
.evernote--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/evernote/logo-color-0d2c85c26e664c264858704e9a737963.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.evernote--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.feedly--brand-name:before {
  content: "Feedly";
}
.feedly--type:before {
  content: "Tools";
}
.feedly--brand-background {
  background-color: #6cc655;
}
.feedly--brand-text {
  color: #6cc655;
}
.feedly--brand-border {
  color: #6cc655;
}
.feedly--brand-logo {
  background-image: url("/img/integrations/feedly/logo-color-ee50c7110c52e0fd00872072869243b5.svg");
}
.feedly--catalog-background {
  background-color: #6cc655;
}
.feedly--catalog-card-logo {
  background-image: url("/img/integrations/feedly/logo-white-efcda84596f70e0482c74cfa18d868cd.svg");
}
.feedly--catalog-banner {
  background-image: url("/img/integrations/feedly/banner-60f755219f0f3877c43338bc3636c248.jpg");
}
.feedly-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.feedly-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.feedly--catalog-modal-logo {
  background-image: url("/img/integrations/feedly/logo-white-efcda84596f70e0482c74cfa18d868cd.svg");
}
.feedly--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/feedly/logo-color-ee50c7110c52e0fd00872072869243b5.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.feedly--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.flock--brand-name:before {
  content: "Flock";
}
.flock--type:before {
  content: "Tools";
}
.flock--brand-background {
  background-color: #0abe51;
}
.flock--brand-text {
  color: #0abe51;
}
.flock--brand-border {
  color: #0abe51;
}
.flock--brand-logo {
  background-image: url("/img/integrations/flock/logo-color-d8e6185bf907fce5a7e754c77e79d963.svg");
}
.flock--catalog-background {
  background-color: #0abe51;
}
.flock--catalog-card-logo {
  background-image: url("/img/integrations/flock/logo-white-4606739c4f3165e71dd7dfc8a96c0242.svg");
}
.flock--catalog-banner {
  background-image: url("/img/integrations/flock/banner-d649f1fd566ee7497b8961e80029fcbd.jpg");
}
.flock-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.flock-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.flock--catalog-modal-logo {
  background-image: url("/img/integrations/flock/logo-white-4606739c4f3165e71dd7dfc8a96c0242.svg");
}
.flock--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/flock/logo-color-d8e6185bf907fce5a7e754c77e79d963.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.flock--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.google_analytics--brand-name:before {
  content: "Google Analytics";
}
.google_analytics--brand-background {
  background-color: #e37400;
}
.google_analytics--brand-text {
  color: #e37400;
}
.google_analytics--brand-border {
  color: #e37400;
}
.google_analytics--brand-logo {
  background-image: url("/img/integrations/g-analytics/logo-818e7418d4b2cf420fcba406d366558d.svg");
}
.google_analytics--catalog-background {
  background-color: #e6e6e6;
}
.google_analytics--catalog-card-logo {
  background-image: url("/img/integrations/g-analytics/logo-818e7418d4b2cf420fcba406d366558d.svg");
}
.google_analytics--catalog-banner {
  background-image: url("/img/integrations/g-analytics/banner-1a5695c4c4baedf53fec3cc4acae4c5c.jpg");
}
.google_analytics-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.google_analytics-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.google_analytics--catalog-modal-logo {
  background-image: url("/img/integrations/g-analytics/logo-818e7418d4b2cf420fcba406d366558d.svg");
}
.google_analytics--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/g-analytics/logo-818e7418d4b2cf420fcba406d366558d.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.google_analytics--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.google_docs--brand-name:before {
  content: "Google Docs";
}
.google_docs--brand-background {
  background-color: #4e8cf4;
}
.google_docs--brand-text {
  color: #4e8cf4;
}
.google_docs--brand-border {
  color: #4e8cf4;
}
.google_docs--brand-logo {
  background-image: url("/img/integrations/google-docs/logo-stacked-18ad07c49ab82f9d2eb09708a1a2c9c0.svg");
}
.google_docs--catalog-background {
  background-color: #dddddd;
}
.google_docs--catalog-card-logo {
  background-image: url("/img/integrations/google-docs/logo-36721cf6554e92511963c6acf2bdf81e.svg");
}
.google_docs--catalog-banner {
  background-image: url("/img/integrations/google-docs/banner1-89c2f6e1f336ddfb675d95192c91669b.jpg");
}
.google_docs-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.google_docs-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.google_docs--catalog-modal-logo {
  background-image: url("/img/integrations/google-docs/logo-stacked-18ad07c49ab82f9d2eb09708a1a2c9c0.svg");
}
.google_docs--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/google-docs/logo-stacked-18ad07c49ab82f9d2eb09708a1a2c9c0.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.google_docs--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.google_drive--brand-name:before {
  content: "Google Drive";
}
.google_drive--type:before {
  content: "Cloud Storage";
}
.google_drive--brand-background {
  background-color: #19a65f;
}
.google_drive--brand-text {
  color: #19a65f;
}
.google_drive--brand-border {
  color: #19a65f;
}
.google_drive--brand-logo {
  background-image: url("/img/integrations/google-drive/logo-color-42c9efaa0d7d1b4e8e21d2ac72c4d25c.svg");
}
.google_drive--catalog-background {
  background-color: #e6e6e6;
}
.google_drive--catalog-card-logo {
  background-image: url("/img/integrations/google-drive/logo-color-42c9efaa0d7d1b4e8e21d2ac72c4d25c.svg");
}
.google_drive--catalog-banner {
  background-image: url("/img/integrations/google-drive/banner2-b1ee0cd69e649a4487d69c4d9e36a02d.jpg");
}
.google_drive-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.google_drive-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.google_drive--catalog-modal-logo {
  background-image: url("/img/integrations/google-drive/logo-color-42c9efaa0d7d1b4e8e21d2ac72c4d25c.svg");
}
.google_drive--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/google-drive/logo-color-42c9efaa0d7d1b4e8e21d2ac72c4d25c.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.google_drive--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.google_sheets--brand-name:before {
  content: "Google Sheets";
}
.google_sheets--type:before {
  content: "Bulk Import";
}
.google_sheets--brand-background {
  background-color: #31a666;
}
.google_sheets--brand-text {
  color: #31a666;
}
.google_sheets--brand-border {
  color: #31a666;
}
.google_sheets--brand-logo {
  background-image: url("/img/integrations/google_sheets/logo-color-0f99a4a76537a3bd40a987fc001267fb.svg");
}
.google_sheets--catalog-background {
  background-color: #f2f2f2;
}
.google_sheets--catalog-card-logo {
  background-image: url("/img/integrations/google_sheets/logo-white.svg");
}
.google_sheets--catalog-banner {
  background-image: url("/img/integrations/google_sheets/banner-23b927a708ff4264f9ab0910c9340e9d.jpg");
}
.google_sheets-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.google_sheets-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.google_sheets--catalog-modal-logo {
  background-image: url("/img/integrations/google_sheets/logo-color-0f99a4a76537a3bd40a987fc001267fb.svg");
}
.google_sheets--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/google_sheets/logo-color-0f99a4a76537a3bd40a987fc001267fb.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.google_sheets--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.headline_studio--brand-name:before {
  content: "Headline Studio";
}
.headline_studio--type:before {
  content: "Tools";
}
.headline_studio--brand-background {
  background-color: #618be0;
}
.headline_studio--brand-text {
  color: #618be0;
}
.headline_studio--brand-border {
  color: #618be0;
}
.headline_studio--brand-logo {
  background-image: url("/img/integrations/headline-studio/logo-color-9f74d43f9af42e6be5aaecb4d3cb57e2.svg");
}
.headline_studio--catalog-background {
  background-color: #618be0;
}
.headline_studio--catalog-card-logo {
  background-image: url("/img/integrations/headline-studio/logo-color-9f74d43f9af42e6be5aaecb4d3cb57e2.svg");
}
.headline_studio--catalog-banner {
  background-image: url("/img/integrations/headline-studio/banner-ccb2bfd7083ecf9868b2eb83f7529bb7.jpg");
}
.headline_studio-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.headline_studio-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.headline_studio--catalog-modal-logo {
  background-image: url("/img/integrations/headline-studio/logo-white-98e549e08520c20f0ea32e107c4626de.svg");
}
.headline_studio--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/headline-studio/logo-color-9f74d43f9af42e6be5aaecb4d3cb57e2.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.headline_studio--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.hire_mia--brand-name:before {
  content: "Hire Mia";
}
.hire_mia--type:before {
  content: "Content Publishing";
}
.hire_mia--brand-background {
  background-color: #323246;
}
.hire_mia--brand-text {
  color: #323246;
}
.hire_mia--brand-border {
  color: #323246;
}
.hire_mia--brand-logo {
  background-image: url("/img/integrations/hire-mia/logo-color-3bed9798fd9c9c50cbe2795e01e1e97f.svg");
}
.hire_mia--catalog-background {
  background-color: #323246;
}
.hire_mia--catalog-card-logo {
  background-image: url("/img/integrations/hire-mia/logo-color-dark-069af35ee22008c4cb7710834bb4671f.svg");
}
.hire_mia--catalog-banner {
  background-image: url("/img/integrations/hire-mia/banner-dd8866339cfc8799d2cfc581139bb368.png");
}
.hire_mia-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.hire_mia-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.hire_mia--catalog-modal-logo {
  background-image: url("/img/integrations/hire-mia/logo-color-3bed9798fd9c9c50cbe2795e01e1e97f.svg");
}
.hire_mia--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/hire-mia/logo-color-3bed9798fd9c9c50cbe2795e01e1e97f.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.hire_mia--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.hubspot--brand-name:before {
  content: "HubSpot";
}
.hubspot--type:before {
  content: "Content Publishing";
}
.hubspot--brand-background {
  background-color: #ff7a59;
}
.hubspot--brand-text {
  color: #ff7a59;
}
.hubspot--brand-border {
  color: #ff7a59;
}
.hubspot--brand-logo {
  background-image: url("/img/integrations/hubspot/logo-color-f5a1b1c206d99a1a633648c58496eb52.svg");
}
.hubspot--catalog-background {
  background-color: #33475b;
}
.hubspot--catalog-card-logo {
  background-image: url("/img/integrations/hubspot/logo-color-f5a1b1c206d99a1a633648c58496eb52.svg");
}
.hubspot--catalog-banner {
  background-image: url("/img/integrations/hubspot/banner-ce2522d199bb7eb12502f7750791341e.jpg");
}
.hubspot-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.hubspot-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.hubspot--catalog-modal-logo {
  background-image: url("/img/integrations/hubspot/logo-white-babdbf3c79c261cf1ac050b9d43cc29b.svg");
}
.hubspot--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/hubspot/logo-color-f5a1b1c206d99a1a633648c58496eb52.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.hubspot--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.insightly--brand-name:before {
  content: "Insightly";
}
.insightly--type:before {
  content: "Project Management";
}
.insightly--brand-background {
  background-color: #ff4a00;
}
.insightly--brand-text {
  color: #ff4a00;
}
.insightly--brand-border {
  color: #ff4a00;
}
.insightly--brand-logo {
  background-image: url("/img/integrations/insightly/logo-color-89a9716a49f34f47b373b5f1f08c767e.svg");
}
.insightly--catalog-background {
  background-color: #ff4a00;
}
.insightly--catalog-card-logo {
  background-image: url("/img/integrations/insightly/logo-white-faf88b8005e8e7c7dc60e10a84acf8db.svg");
}
.insightly--catalog-banner {
  background-image: url("/img/integrations/insightly/banner-7d4eeb66d9cb4073bbcd6b514cdfbff4.jpg");
}
.insightly-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.insightly-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.insightly--catalog-modal-logo {
  background-image: url("/img/integrations/insightly/logo-white-faf88b8005e8e7c7dc60e10a84acf8db.svg");
}
.insightly--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/insightly/logo-color-89a9716a49f34f47b373b5f1f08c767e.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.insightly--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.keap--brand-name:before {
  content: "Keap";
}
.keap--type:before {
  content: "Tools";
}
.keap--brand-background {
  background-color: #36a635;
}
.keap--brand-text {
  color: #36a635;
}
.keap--brand-border {
  color: #36a635;
}
.keap--brand-logo {
  background-image: url("/img/integrations/keap/logo-color-9a983ff65c6a37853029870275354bcd.svg");
}
.keap--catalog-background {
  background-color: #36a635;
}
.keap--catalog-card-logo {
  background-image: url("/img/integrations/keap/logo-white-9feb3c60f73a9b85f1f6339d4f76e2d4.svg");
}
.keap--catalog-banner {
  background-image: url("/img/integrations/keap/banner-a41f4d9b6a81b0593869783edcef9a8a.jpg");
}
.keap-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.keap-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.keap--catalog-modal-logo {
  background-image: url("/img/integrations/keap/logo-white-9feb3c60f73a9b85f1f6339d4f76e2d4.svg");
}
.keap--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/keap/logo-color-9a983ff65c6a37853029870275354bcd.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.keap--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.jira--brand-name:before {
  content: "Jira";
}
.jira--type:before {
  content: "Bulk Import";
}
.jira--brand-background {
  background-color: #0052cc;
}
.jira--brand-text {
  color: #0052cc;
}
.jira--brand-border {
  color: #0052cc;
}
.jira--brand-logo {
  background-image: url("/img/integrations/jira/logo-color-3916a22f7e6a56ce9a9d7bf74102d8b3.svg");
}
.jira--catalog-background {
  background-color: #deebff;
}
.jira--catalog-card-logo {
  background-image: url("/img/integrations/jira/logo-color-3916a22f7e6a56ce9a9d7bf74102d8b3.svg");
}
.jira--catalog-banner {
  background-image: url("/img/integrations/jira/banner2-b05291229fcdab561774e35a34bc748b.jpg");
}
.jira-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.jira-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.jira--catalog-modal-logo {
  background-image: url("/img/integrations/jira/logo-color-3916a22f7e6a56ce9a9d7bf74102d8b3.svg");
}
.jira--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/jira/logo-color-3916a22f7e6a56ce9a9d7bf74102d8b3.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.jira--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.mailchimp--brand-name:before {
  content: "Mailchimp";
}
.mailchimp--type:before {
  content: "Email Marketing";
}
.mailchimp--brand-background {
  background-color: #ffe01b;
}
.mailchimp--brand-text {
  color: #ffe01b;
}
.mailchimp--brand-border {
  color: #ffe01b;
}
.mailchimp--brand-logo {
  background-image: url("/img/integrations/mailchimp/logo-black-78d48c32c45820636265f186a47c2034.svg");
}
.mailchimp--catalog-background {
  background-color: #ffe01b;
}
.mailchimp--catalog-card-logo {
  background-image: url("/img/integrations/mailchimp/logo-black-78d48c32c45820636265f186a47c2034.svg");
}
.mailchimp--catalog-banner {
  background-image: url("/img/integrations/mailchimp/banner-8d86c05d7dabddb594419a77ab75177f.jpg");
}
.mailchimp-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.mailchimp-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.mailchimp--catalog-modal-logo {
  background-image: url("/img/integrations/mailchimp/logo-black-78d48c32c45820636265f186a47c2034.svg");
}
.mailchimp--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/mailchimp/logo-black-78d48c32c45820636265f186a47c2034.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.mailchimp--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.meistertask--brand-name:before {
  content: "MeisterTask";
}
.meistertask--type:before {
  content: "Project Management";
}
.meistertask--brand-background {
  background-color: #00aaff;
}
.meistertask--brand-text {
  color: #00aaff;
}
.meistertask--brand-border {
  color: #00aaff;
}
.meistertask--brand-logo {
  background-image: url("/img/integrations/meistertask/logo-color-e55b43417fb23f039e7ceb0163edb7a4.svg");
}
.meistertask--catalog-background {
  background-color: #f0f5f8;
}
.meistertask--catalog-card-logo {
  background-image: url("/img/integrations/meistertask/logo-color-e55b43417fb23f039e7ceb0163edb7a4.svg");
}
.meistertask--catalog-banner {
  background-image: url("/img/integrations/meistertask/banner-96e577f985bd8ab2fd084614004a889c.jpg");
}
.meistertask-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.meistertask-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.meistertask--catalog-modal-logo {
  background-image: url("/img/integrations/meistertask/logo-color-e55b43417fb23f039e7ceb0163edb7a4.svg");
}
.meistertask--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/meistertask/logo-color-e55b43417fb23f039e7ceb0163edb7a4.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.meistertask--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.microsoft_365--brand-name:before {
  content: "Microsoft 365";
}
.microsoft_365--type:before {
  content: "Cloud Storage";
}
.microsoft_365--brand-background {
  background-color: #eb3c00;
}
.microsoft_365--brand-text {
  color: #eb3c00;
}
.microsoft_365--brand-border {
  color: #eb3c00;
}
.microsoft_365--brand-logo {
  background-image: url("/img/integrations/microsoft-365/logo-color-e19bf0153ce24d82a49783c22cdb602a.svg");
}
.microsoft_365--catalog-background {
  background-color: #f7f7f7;
}
.microsoft_365--catalog-card-logo {
  background-image: url("/img/integrations/microsoft-365/logo-color-e19bf0153ce24d82a49783c22cdb602a.svg");
}
.microsoft_365--catalog-banner {
  background-image: url("/img/integrations/microsoft-365/banner-e4665b2fc4b74b3195e34e8eb05f5763.jpg");
}
.microsoft_365-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.microsoft_365-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.microsoft_365--catalog-modal-logo {
  background-image: url("/img/integrations/microsoft-365/logo-color-e19bf0153ce24d82a49783c22cdb602a.svg");
}
.microsoft_365--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/microsoft-365/logo-color-e19bf0153ce24d82a49783c22cdb602a.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.microsoft_365--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.microsoft_excel--brand-name:before {
  content: "Microsoft Excel";
}
.microsoft_excel--type:before {
  content: "Bulk Import";
}
.microsoft_excel--brand-background {
  background-color: #1e6f42;
}
.microsoft_excel--brand-text {
  color: #1e6f42;
}
.microsoft_excel--brand-border {
  color: #1e6f42;
}
.microsoft_excel--brand-logo {
  background-image: url("/img/integrations/microsoft_excel/logo-color-cb691afaf8b3eeaac96d9bf9591f3783.svg");
}
.microsoft_excel--catalog-background {
  background-color: #f2f2f2;
}
.microsoft_excel--catalog-card-logo {
  background-image: url("/img/integrations/microsoft_excel/logo-white.svg");
}
.microsoft_excel--catalog-banner {
  background-image: url("/img/integrations/microsoft_excel/banner-acad2362282133ac20630d187f212f19.jpg");
}
.microsoft_excel-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.microsoft_excel-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.microsoft_excel--catalog-modal-logo {
  background-image: url("/img/integrations/microsoft_excel/logo-color-cb691afaf8b3eeaac96d9bf9591f3783.svg");
}
.microsoft_excel--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/microsoft_excel/logo-color-cb691afaf8b3eeaac96d9bf9591f3783.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.microsoft_excel--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.monday--brand-name:before {
  content: "Monday.com";
}
.monday--type:before {
  content: "Bulk Import";
}
.monday--brand-background {
  background-color: #fb275d;
}
.monday--brand-text {
  color: #fb275d;
}
.monday--brand-border {
  color: #fb275d;
}
.monday--brand-logo {
  background-image: url("/img/integrations/monday/logo-color-093821aaa889e3f3c686c8d65ed0512f.svg");
}
.monday--catalog-background {
  background-color: #f2f2f2;
}
.monday--catalog-card-logo {
  background-image: url("/img/integrations/monday/logo-white.svg");
}
.monday--catalog-banner {
  background-image: url("/img/integrations/monday/banner-67ccbfe6f3fab583308902a66a73739b.jpg");
}
.monday-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.monday-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.monday--catalog-modal-logo {
  background-image: url("/img/integrations/monday/logo-color-093821aaa889e3f3c686c8d65ed0512f.svg");
}
.monday--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/monday/logo-color-093821aaa889e3f3c686c8d65ed0512f.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.monday--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.onedrive--brand-name:before {
  content: "OneDrive";
}
.onedrive--type:before {
  content: "Cloud Storage";
}
.onedrive--brand-background {
  background-color: #0178d5;
}
.onedrive--brand-text {
  color: #0178d5;
}
.onedrive--brand-border {
  color: #0178d5;
}
.onedrive--brand-logo {
  background-image: url("/img/integrations/onedrive/logo-color-1cf2654ea7ad998cd73e18752f6f9c85.svg");
}
.onedrive--catalog-background {
  background-color: #f7f7f7;
}
.onedrive--catalog-card-logo {
  background-image: url("/img/integrations/onedrive/logo-color-1cf2654ea7ad998cd73e18752f6f9c85.svg");
}
.onedrive--catalog-banner {
  background-image: url("/img/integrations/onedrive/banner.jpg");
}
.onedrive-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.onedrive-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.onedrive--catalog-modal-logo {
  background-image: url("/img/integrations/onedrive/logo-color-1cf2654ea7ad998cd73e18752f6f9c85.svg");
}
.onedrive--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/onedrive/logo-color-1cf2654ea7ad998cd73e18752f6f9c85.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.onedrive--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.requeue--brand-name:before {
  content: "ReQueue";
}
.requeue--type:before {
  content: "Social Management";
}
.requeue--brand-background {
  background-color: #8ac884;
}
.requeue--brand-text {
  color: #8ac884;
}
.requeue--brand-border {
  color: #8ac884;
}
.requeue--brand-logo {
  background-image: url("/img/integrations/requeue/logo-color-856892eecc8f0ce38d62100fc3ffaec1.svg");
}
.requeue--catalog-background {
  background-color: #8ac884;
}
.requeue--catalog-card-logo {
  background-image: url("/img/integrations/requeue/logo-white-69a80535e46391b8237c7d1cdbbaea83.svg");
}
.requeue--catalog-banner {
  background-image: url("/img/integrations/requeue/banner-06bbcf16bf72b44c002581bcfc003431.jpg");
}
.requeue-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.requeue-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.requeue--catalog-modal-logo {
  background-image: url("/img/integrations/requeue/logo-white-69a80535e46391b8237c7d1cdbbaea83.svg");
}
.requeue--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/requeue/logo-color-856892eecc8f0ce38d62100fc3ffaec1.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.requeue--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.rss_feeds--brand-name:before {
  content: "RSS Feed Sync";
}
.rss_feeds--type:before {
  content: "Tools";
}
.rss_feeds--brand-background {
  background-color: #ff9c31;
}
.rss_feeds--brand-text {
  color: #ff9c31;
}
.rss_feeds--brand-border {
  color: #ff9c31;
}
.rss_feeds--brand-logo {
  background-image: url("/img/integrations/rss-feeds/logo-color-81be02d6bdc1320df0d06e4f7b4689b1.svg");
}
.rss_feeds--catalog-background {
  background-color: #ff9c31;
}
.rss_feeds--catalog-card-logo {
  background-image: url("/img/integrations/rss-feeds/logo-white-166a76f92afc056bdb6217150e06f930.svg");
}
.rss_feeds--catalog-banner {
  background-image: url("/img/integrations/rss-feeds/banner-6663179a0b7f2695982938e066c5cdb2.jpg");
}
.rss_feeds-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.rss_feeds-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.rss_feeds--catalog-modal-logo {
  background-image: url("/img/integrations/rss-feeds/logo-white-166a76f92afc056bdb6217150e06f930.svg");
}
.rss_feeds--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/rss-feeds/logo-color-81be02d6bdc1320df0d06e4f7b4689b1.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.rss_feeds--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.shopify--brand-name:before {
  content: "Shopify";
}
.shopify--type:before {
  content: "Tools";
}
.shopify--brand-background {
  background-color: #50b83c;
}
.shopify--brand-text {
  color: #50b83c;
}
.shopify--brand-border {
  color: #50b83c;
}
.shopify--brand-logo {
  background-image: url("/img/integrations/shopify/logo-color-92aef5b78cf337cdb0cd767785cad726.svg");
}
.shopify--catalog-background {
  background-color: #50b83c;
}
.shopify--catalog-card-logo {
  background-image: url("/img/integrations/shopify/logo-white-b335adc7221d673d01d82529beca4e16.svg");
}
.shopify--catalog-banner {
  background-image: url("/img/integrations/shopify/banner-0be59eb54047db8bb24f9272e65ee0b3.jpg");
}
.shopify-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.shopify-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.shopify--catalog-modal-logo {
  background-image: url("/img/integrations/shopify/logo-white-b335adc7221d673d01d82529beca4e16.svg");
}
.shopify--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/shopify/logo-color-92aef5b78cf337cdb0cd767785cad726.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.shopify--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.slack--brand-name:before {
  content: "Slack";
}
.slack--type:before {
  content: "Tools";
}
.slack--brand-background {
  background-color: #4a154b;
}
.slack--brand-text {
  color: #4a154b;
}
.slack--brand-border {
  color: #4a154b;
}
.slack--brand-logo {
  background-image: url("/img/integrations/slack/logo-color-41b556974b448bac9f86d5d918e0f314.svg");
}
.slack--catalog-background {
  background-color: #4a154b;
}
.slack--catalog-card-logo {
  background-image: url("/img/integrations/slack/logo-color-41b556974b448bac9f86d5d918e0f314.svg");
}
.slack--catalog-banner {
  background-image: url("/img/integrations/slack/banner-61585b7ae4bcb9d6e680f56e6e52be58.jpg");
}
.slack-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.slack-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.slack--catalog-modal-logo {
  background-image: url("/img/integrations/slack/logo-white-8d12a033d17baff72a9b39246b704a84.svg");
}
.slack--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/slack/logo-color-41b556974b448bac9f86d5d918e0f314.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.slack--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.todoist--brand-name:before {
  content: "Todoist";
}
.todoist--type:before {
  content: "Tools";
}
.todoist--brand-background {
  background-color: #e44332;
}
.todoist--brand-text {
  color: #e44332;
}
.todoist--brand-border {
  color: #e44332;
}
.todoist--brand-logo {
  background-image: url("/img/integrations/todoist/logo-color-10ae4d64b9b20e2b9475761055ce35f3.svg");
}
.todoist--catalog-background {
  background-color: #e44332;
}
.todoist--catalog-card-logo {
  background-image: url("/img/integrations/todoist/logo-white-fd8b43749d13e477bb24be835cab8da8.svg");
}
.todoist--catalog-banner {
  background-image: url("/img/integrations/todoist/banner-580f332c296d25f0688595a0bff32767.jpg");
}
.todoist-close-color {
  color: #4d4d4d;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.3);
}
.todoist-close-color:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.todoist--catalog-modal-logo {
  background-image: url("/img/integrations/todoist/logo-white-fd8b43749d13e477bb24be835cab8da8.svg");
}
.todoist--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/todoist/logo-color-10ae4d64b9b20e2b9475761055ce35f3.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.todoist--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.trello--brand-name:before {
  content: "Trello";
}
.trello--type:before {
  content: "Bulk Import";
}
.trello--brand-background {
  background-color: #0079bf;
}
.trello--brand-text {
  color: #0079bf;
}
.trello--brand-border {
  color: #0079bf;
}
.trello--brand-logo {
  background-image: url("/img/integrations/trello/logo-color-2c0d0e1542783d8c8cf3e7a1d978a91f.svg");
}
.trello--catalog-background {
  background-color: #0079bf;
}
.trello--catalog-card-logo {
  background-image: url("/img/integrations/trello/logo-white-3e7fab084405115467c3c351f864a1ac.svg");
}
.trello--catalog-banner {
  background-image: url("/img/integrations/trello/banner-992616019e78c1d14c6647e2190ecf2e.jpg");
}
.trello-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.trello-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.trello--catalog-modal-logo {
  background-image: url("/img/integrations/trello/logo-white-3e7fab084405115467c3c351f864a1ac.svg");
}
.trello--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/trello/logo-color-2c0d0e1542783d8c8cf3e7a1d978a91f.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.trello--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.webhooks--brand-name:before {
  content: "Webhooks";
}
.webhooks--type:before {
  content: "Tools";
}
.webhooks--brand-background {
  background-color: #d17760;
}
.webhooks--brand-text {
  color: #d17760;
}
.webhooks--brand-border {
  color: #d17760;
}
.webhooks--brand-logo {
  background-image: url("/img/integrations/webhooks/logo-2206cedcc5fd749a32fd1d938cc0fe38.svg");
}
.webhooks--catalog-background {
  background-color: #d17760;
}
.webhooks--catalog-card-logo {
  background-image: url("/img/integrations/webhooks/logo-white-fee813367979cb183d0f4d0ae8cbb375.svg");
}
.webhooks--catalog-banner {
  background-image: url("/img/integrations/webhooks/banner-c9fab9245e418f70d0ab588a4d59b83d.svg");
}
.webhooks-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.webhooks-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.webhooks--catalog-modal-logo {
  background-image: url("/img/integrations/webhooks/logo-white-fee813367979cb183d0f4d0ae8cbb375.svg");
}
.webhooks--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/webhooks/logo-2206cedcc5fd749a32fd1d938cc0fe38.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.webhooks--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.wordpress--brand-name:before {
  content: "WordPress";
}
.wordpress--type:before {
  content: "Content Publishing";
}
.wordpress--brand-background {
  background-color: #21759b;
}
.wordpress--brand-text {
  color: #21759b;
}
.wordpress--brand-border {
  color: #21759b;
}
.wordpress--brand-logo {
  background-image: url("/img/integrations/wordpress/logo-color-b61da07225ddc1fccc2a6d30e3a1f238.svg");
}
.wordpress--catalog-background {
  background-color: #21759b;
}
.wordpress--catalog-card-logo {
  background-image: url("/img/integrations/wordpress/logo-white-680ad175693760618ee57160ee0c4a4d.svg");
}
.wordpress--catalog-banner {
  background-image: url("/img/integrations/wordpress/banner-89b3d299941f5c883089a3b413dbab1f.jpg");
}
.wordpress-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.wordpress-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.wordpress--catalog-modal-logo {
  background-image: url("/img/integrations/wordpress/logo-white-680ad175693760618ee57160ee0c4a4d.svg");
}
.wordpress--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/wordpress/logo-color-b61da07225ddc1fccc2a6d30e3a1f238.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.wordpress--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.wrike--brand-name:before {
  content: "Wrike";
}
.wrike--type:before {
  content: "Bulk Import";
}
.wrike--brand-background {
  background-color: #85c800;
}
.wrike--brand-text {
  color: #85c800;
}
.wrike--brand-border {
  color: #85c800;
}
.wrike--brand-logo {
  background-image: url("/img/integrations/wrike/logo-color-9038c5650bd24e361fedf9fc83f48adc.svg");
}
.wrike--catalog-background {
  background-color: #f2f2f2;
}
.wrike--catalog-card-logo {
  background-image: url("/img/integrations/wrike/logo-color-9038c5650bd24e361fedf9fc83f48adc.svg");
}
.wrike--catalog-banner {
  background-image: url("/img/integrations/wrike/banner-8cf58eed0b1b10647dad5ff5287c2f9a.jpg");
}
.wrike-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.wrike-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.wrike--catalog-modal-logo {
  background-image: url("/img/integrations/wrike/logo-color-9038c5650bd24e361fedf9fc83f48adc.svg");
}
.wrike--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/wrike/logo-color-9038c5650bd24e361fedf9fc83f48adc.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.wrike--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.youtube--brand-name:before {
  content: "YouTube";
}
.youtube--type:before {
  content: "Content Publishing";
}
.youtube--brand-background {
  background-color: #ff0000;
}
.youtube--brand-text {
  color: #ff0000;
}
.youtube--brand-border {
  color: #ff0000;
}
.youtube--brand-logo {
  background-image: url("/img/integrations/youtube/logo-color-73d0dda44e24259b966e3b34995a6c0c.svg");
}
.youtube--catalog-background {
  background-color: #ff0000;
}
.youtube--catalog-card-logo {
  background-image: url("/img/integrations/youtube/logo-white-aeee9e71f46e647912b7fa26245b4d10.svg");
}
.youtube--catalog-banner {
  background-image: url("/img/integrations/youtube/banner-10752f7aea1490865b5b70f6edd78065.jpg");
}
.youtube-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.youtube-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.youtube--catalog-modal-logo {
  background-image: url("/img/integrations/youtube/logo-white-aeee9e71f46e647912b7fa26245b4d10.svg");
}
.youtube--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/youtube/logo-color-73d0dda44e24259b966e3b34995a6c0c.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.youtube--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.youtube_project--brand-name:before {
  content: "YouTube";
}
.youtube_project--type:before {
  content: "Content Publishing";
}
.youtube_project--brand-background {
  background-color: #ff0000;
}
.youtube_project--brand-text {
  color: #ff0000;
}
.youtube_project--brand-border {
  color: #ff0000;
}
.youtube_project--brand-logo {
  background-image: url("/img/integrations/youtube/logo-color-73d0dda44e24259b966e3b34995a6c0c.svg");
}
.youtube_project--catalog-background {
  background-color: #ff0000;
}
.youtube_project--catalog-card-logo {
  background-image: url("/img/integrations/youtube/logo-white-aeee9e71f46e647912b7fa26245b4d10.svg");
}
.youtube_project--catalog-banner {
  background-image: url("/img/integrations/youtube/banner-10752f7aea1490865b5b70f6edd78065.jpg");
}
.youtube_project-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.youtube_project-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.youtube_project--catalog-modal-logo {
  background-image: url("/img/integrations/youtube/logo-white-aeee9e71f46e647912b7fa26245b4d10.svg");
}
.youtube_project--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/youtube/logo-color-73d0dda44e24259b966e3b34995a6c0c.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.youtube_project--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.zapier--brand-name:before {
  content: "Zapier";
}
.zapier--type:before {
  content: "Tools";
}
.zapier--brand-background {
  background-color: #ff4f00;
}
.zapier--brand-text {
  color: #ff4f00;
}
.zapier--brand-border {
  color: #ff4f00;
}
.zapier--brand-logo {
  background-image: url("/img/integrations/zapier/card_logo-c9136416522e7edd2234a3c508c70cb4.svg");
}
.zapier--catalog-background {
  background-color: #fff3e6;
}
.zapier--catalog-card-logo {
  background-image: url("/img/integrations/zapier/logo_full_black-b4479f77ac6ae4029f8ca45bf7973b1a.svg");
}
.zapier--catalog-banner {
  background-image: url("/img/integrations/zapier/banner.jpeg");
}
.zapier-close-color {
  color: white;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.zapier-close-color:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.zapier--catalog-modal-logo {
  background-image: url("/img/integrations/zapier/card_logo-c9136416522e7edd2234a3c508c70cb4.svg");
}
.zapier--icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url("/img/integrations/zapier/icon-594c14160c256c69cbc267745ba3d5ab.svg") no-repeat center;
  background-size: 12px 12px;
  position: relative;
}
.zapier--icon.small {
  height: 10px;
  width: 10px;
  background-size: 10px 10px;
}

.integrations .navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.integrations hr {
  margin: 5px 0 20px 0;
}
.integrations hr.nav-divider {
  margin-top: -5px;
}
.integrations p.intro-text {
  margin-top: -10px;
  color: #666666;
}

.beta {
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 10px;
  padding: 2px;
  background-color: #e6e6e6;
  color: #666666;
  text-align: center;
  letter-spacing: 0.8px;
  margin-right: -0.8px;
}
.beta:not(.beta-card) {
  border-radius: 2px;
  width: 35px;
  margin-top: 5px;
}
.beta.beta-card {
  position: absolute;
  top: -6px;
  right: -22px;
  transform: rotate(45deg);
  padding: 15px 15px 3px;
}

.integrations {
  position: relative;
  padding-bottom: 40px;
}
.integrations .no-integrations {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 50px;
}
.integrations .no-integrations p {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px auto;
  width: 300px;
  color: #808080;
}
.integrations .enabled .enabled-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  grid-auto-rows: 70px;
  grid-gap: 15px;
}
.integrations .enabled .enabled-list .integration {
  display: flex;
  align-items: center;
  position: relative;
  border: 2px solid #e6e6e6;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 10px 15px;
  background-color: #ffffff;
  overflow: hidden;
  height: 70px;
}
.integrations .enabled .enabled-list .integration:hover {
  border-color: #b3b3b3;
}
.integrations .enabled .enabled-list .integration.int-alert {
  border-color: #fdecac;
}
.integrations .enabled .enabled-list .integration.int-alert:hover {
  border-color: #f2c069;
}
.integrations .enabled .enabled-list .integration.int-error {
  border-color: #daa1a0;
}
.integrations .enabled .enabled-list .integration.int-error:hover {
  border-color: #d15451;
}
.integrations .enabled .enabled-list .integration .logo {
  display: block;
  height: 45px;
  width: 45px;
  background-size: 45px 45px;
  margin-right: 15px;
}
.integrations .enabled .enabled-list .integration .text {
  display: flex;
  flex-direction: column;
}
.integrations .enabled .enabled-list .integration .text span.name {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  width: -moz-fit-content;
  width: fit-content;
}
.integrations .enabled .enabled-list .integration .text span.name.made-by-coschedule, .integrations .enabled .enabled-list .integration .text span.name.powered-by-zapier {
  padding-right: 14px;
  background-image: url("/img/cos-logo-icon-48x48-1925d83ea6cafa897df92e46c921fb4c.png");
  background-repeat: no-repeat;
  background-position: 100% 2px;
  background-size: 10px 10px;
}
.integrations .enabled .enabled-list .integration .text span.name.powered-by-zapier {
  background-image: url("/img/integrations/zapier/icon-594c14160c256c69cbc267745ba3d5ab.svg");
}
.integrations .enabled .enabled-list .integration .text p.description,
.integrations .enabled .enabled-list .integration .text .service-alert,
.integrations .enabled .enabled-list .integration .text .service-error {
  padding: 2px 0;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  margin: 0;
}
.integrations .enabled .enabled-list .integration .text .service-alert,
.integrations .enabled .enabled-list .integration .text .service-error {
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px;
  background-color: #fdecac;
  color: #ad894b;
  border-radius: 20px;
}
.integrations .enabled .enabled-list .integration .text .service-error {
  background-color: #fce9e8;
  color: #963c3b;
}

.integrations .integration-settings .top-section {
  display: flex;
  position: relative;
  padding-bottom: 35px;
}
.integrations .integration-settings .top-section .logo {
  height: 42px;
  width: 42px;
  display: inline-block;
  background-size: 42px 42px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.integrations .integration-settings .top-section .text {
  display: block;
  position: relative;
  margin-left: 15px;
  width: auto;
  max-width: 450px;
}
.integrations .integration-settings .top-section .text .name {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 500;
  font-style: normal;
  color: #666666;
}
.integrations .integration-settings .top-section .text .name.made-by-coschedule {
  padding-right: 20px;
  background-image: url("/img/cos-logo-icon-48x48-1925d83ea6cafa897df92e46c921fb4c.png");
  background-repeat: no-repeat;
  background-position: 100% 10px;
  background-size: 14px 14px;
}
.integrations .integration-settings .top-section .text .name.powered-by-zapier {
  padding-right: 17px;
  background-image: url("/img/integrations/zapier/icon-594c14160c256c69cbc267745ba3d5ab.svg");
  background-repeat: no-repeat;
  background-position: 100% 5px;
  background-size: 14px 14px;
}
.integrations .integration-settings .top-section .text .requeue-groups-btn {
  margin-right: 15px;
}
.integrations .integration-settings .top-section .text .requeue-groups-btn a {
  text-decoration: none;
  color: #ffffff;
}
.integrations .integration-settings .top-section .text .beta {
  display: inline-block;
  position: relative;
  top: -5px;
  margin-left: 10px;
}
.integrations .integration-settings .top-section .text .help-link {
  margin-top: 15px;
  line-height: 26px;
}
.integrations .integration-settings .top-section .text .help-link:before {
  content: "?";
  font-family: "CoS";
  border: 1px solid #e6e6e6;
  color: #b3b3b3;
  border-radius: 30px;
  padding: 5px;
  margin-right: 10px;
  font-size: 14px;
}
.integrations .integration-settings .top-section .media {
  display: flex;
  margin-left: auto;
  max-width: 256px;
  margin-right: 30px;
}
@media only screen and (max-width: 1300px) {
  .integrations .integration-settings .top-section .media {
    margin-right: 0;
  }
}
.integrations .integration-settings .top-section .media .video {
  display: block;
  width: 256px;
  height: 144px;
  background-color: #f7f7f7;
  margin-bottom: 10px;
  animation: loading-video 2s ease infinite alternate;
}
@keyframes loading-video {
  0% {
    background-color: #f7f7f7;
  }
  100% {
    background-color: #e6e6e6;
  }
}
.integrations .integration-settings .bottom-section {
  margin-top: 10px;
}
.integrations .integration-settings .bottom-section .bottom-header {
  display: flex;
  align-items: center;
  padding: 10px 0 15px;
}
.integrations .integration-settings .bottom-section .bottom-header h3 {
  color: #666666;
}
.integrations .integration-settings .bottom-section .step-list .step {
  width: calc(100% - 100px);
  background-color: #ffffff;
  padding: 20px 20px 20px 35px;
  position: relative;
  margin: 0 5px 30px;
  border-radius: 6px;
  border: 3px solid #e6e6e6;
}
.integrations .integration-settings .bottom-section .step-list .step.incomplete {
  opacity: 0.5;
  pointer-events: none;
}
.integrations .integration-settings .bottom-section .step-list .step:only-of-type {
  width: calc(100% - 50px);
  padding: 20px;
}
.integrations .integration-settings .bottom-section .step-list .step:only-of-type .step-number {
  display: none;
}
.integrations .integration-settings .bottom-section .step-list .step:last-of-type {
  margin-bottom: 0;
}
.integrations .integration-settings .bottom-section .step-list .step .step-number {
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
  transform: translateX(-50%);
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background-color: #ffffff;
  border: 3px solid #e6e6e6;
  color: #999999;
  text-align: center;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info {
  display: flex;
  justify-content: flex-start;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info .text {
  margin-top: 5px;
  margin-right: 50px;
  max-width: 700px;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info .text .title,
.integrations .integration-settings .bottom-section .step-list .step .step-info .text p.body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #666666;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info .text .title {
  display: block;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info .text .action {
  margin-top: 20px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info .text .action button,
.integrations .integration-settings .bottom-section .step-list .step .step-info .text .action .button,
.integrations .integration-settings .bottom-section .step-list .step .step-info .text .action a,
.integrations .integration-settings .bottom-section .step-list .step .step-info .text .action .not-connected {
  margin-right: 10px;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info .screenshot {
  margin-left: auto;
  flex-shrink: 0;
  transition: all 0.2s ease;
  height: 120px;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info .screenshot img {
  height: 120px;
  width: auto;
  border-radius: 3px;
}
.integrations .integration-settings .bottom-section .step-list .step .step-info .screenshot:hover {
  box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transform: scale(1.01, 1.01);
}
.integrations .integration-settings .bottom-section .status-sync .sync .syncing:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "…";
  animation: ellipsis steps(4, end) 0.9s infinite;
}
@keyframes ellipsis {
  0% {
    width: 0;
  }
  to {
    width: 1.25em;
  }
}
.integrations .integration-settings table.connected-integrations {
  width: 100%;
  margin-top: 20px;
}
.integrations .integration-settings table.connected-integrations tr {
  border-bottom: 1px solid #e6e6e6;
  height: 34px;
}
.integrations .integration-settings table.connected-integrations tr:last-of-type {
  border-bottom: none;
}
.integrations .integration-settings table.connected-integrations tr.labels {
  border-bottom: none;
}
.integrations .integration-settings table.connected-integrations tr.labels th {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
  text-transform: uppercase;
}
.integrations .integration-settings table.connected-integrations tr:not(.labels) th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  min-width: 50px;
  padding-right: 20px;
}
.integrations .integration-settings table.connected-integrations tr.reauth-account, .integrations .integration-settings table.connected-integrations tr.permissions-error, .integrations .integration-settings table.connected-integrations tr.failure, .integrations .integration-settings table.connected-integrations tr.invalid {
  background-color: #fce9e8;
}
.integrations .integration-settings table.connected-integrations tr.reauth-account th:nth-child(1),
.integrations .integration-settings table.connected-integrations tr.reauth-account td:nth-child(1), .integrations .integration-settings table.connected-integrations tr.permissions-error th:nth-child(1),
.integrations .integration-settings table.connected-integrations tr.permissions-error td:nth-child(1), .integrations .integration-settings table.connected-integrations tr.failure th:nth-child(1),
.integrations .integration-settings table.connected-integrations tr.failure td:nth-child(1), .integrations .integration-settings table.connected-integrations tr.invalid th:nth-child(1),
.integrations .integration-settings table.connected-integrations tr.invalid td:nth-child(1) {
  position: relative;
}
.integrations .integration-settings table.connected-integrations tr.reauth-account th:nth-child(1):before,
.integrations .integration-settings table.connected-integrations tr.reauth-account td:nth-child(1):before, .integrations .integration-settings table.connected-integrations tr.permissions-error th:nth-child(1):before,
.integrations .integration-settings table.connected-integrations tr.permissions-error td:nth-child(1):before, .integrations .integration-settings table.connected-integrations tr.failure th:nth-child(1):before,
.integrations .integration-settings table.connected-integrations tr.failure td:nth-child(1):before, .integrations .integration-settings table.connected-integrations tr.invalid th:nth-child(1):before,
.integrations .integration-settings table.connected-integrations tr.invalid td:nth-child(1):before {
  font-family: "CoS";
  content: "\e002";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 12px;
  color: #d15451;
}
.integrations .integration-settings table.connected-integrations tr.reauth-account th:nth-child(1) input,
.integrations .integration-settings table.connected-integrations tr.reauth-account th:nth-child(1) label,
.integrations .integration-settings table.connected-integrations tr.reauth-account td:nth-child(1) input,
.integrations .integration-settings table.connected-integrations tr.reauth-account td:nth-child(1) label, .integrations .integration-settings table.connected-integrations tr.permissions-error th:nth-child(1) input,
.integrations .integration-settings table.connected-integrations tr.permissions-error th:nth-child(1) label,
.integrations .integration-settings table.connected-integrations tr.permissions-error td:nth-child(1) input,
.integrations .integration-settings table.connected-integrations tr.permissions-error td:nth-child(1) label, .integrations .integration-settings table.connected-integrations tr.failure th:nth-child(1) input,
.integrations .integration-settings table.connected-integrations tr.failure th:nth-child(1) label,
.integrations .integration-settings table.connected-integrations tr.failure td:nth-child(1) input,
.integrations .integration-settings table.connected-integrations tr.failure td:nth-child(1) label, .integrations .integration-settings table.connected-integrations tr.invalid th:nth-child(1) input,
.integrations .integration-settings table.connected-integrations tr.invalid th:nth-child(1) label,
.integrations .integration-settings table.connected-integrations tr.invalid td:nth-child(1) input,
.integrations .integration-settings table.connected-integrations tr.invalid td:nth-child(1) label {
  display: none;
}
.integrations .integration-settings table.connected-integrations tr.reauth-account th:nth-child(1), .integrations .integration-settings table.connected-integrations tr.permissions-error th:nth-child(1), .integrations .integration-settings table.connected-integrations tr.failure th:nth-child(1), .integrations .integration-settings table.connected-integrations tr.invalid th:nth-child(1) {
  padding-left: 40px;
}
.integrations .integration-settings table.connected-integrations tr th,
.integrations .integration-settings table.connected-integrations tr td {
  padding: 3px 10px 3px 0;
  border-bottom: none;
  max-width: 100px;
}
.integrations .integration-settings table.connected-integrations tr th.center-cell,
.integrations .integration-settings table.connected-integrations tr td.center-cell {
  text-align: center;
}
.integrations .integration-settings table.connected-integrations tr th.center-cell *:nth-child(1),
.integrations .integration-settings table.connected-integrations tr td.center-cell *:nth-child(1) {
  margin: 0 auto;
}
.integrations .integration-settings table.connected-integrations tr th .type-icon,
.integrations .integration-settings table.connected-integrations tr th .color-label,
.integrations .integration-settings table.connected-integrations tr td .type-icon,
.integrations .integration-settings table.connected-integrations tr td .color-label {
  font-size: 12px;
  margin-right: 4px;
}
.integrations .integration-settings table.connected-integrations tr th .added-by,
.integrations .integration-settings table.connected-integrations tr td .added-by {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  overflow: visible;
}
.integrations .integration-settings table.connected-integrations tr th .added-by img,
.integrations .integration-settings table.connected-integrations tr th .added-by .no-thumbnail,
.integrations .integration-settings table.connected-integrations tr td .added-by img,
.integrations .integration-settings table.connected-integrations tr td .added-by .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.integrations .integration-settings table.connected-integrations tr th .added-by img,
.integrations .integration-settings table.connected-integrations tr td .added-by img {
  border-radius: 20px;
}
.integrations .integration-settings table.connected-integrations tr td.actions {
  padding: 3px 0;
  display: flex;
  justify-content: flex-end;
  max-width: none;
}
.integrations .integration-settings table.connected-integrations tr td.actions * {
  margin-left: 5px;
}
.integrations .integration-settings table.connected-integrations .empty-state {
  width: 100%;
  text-align: center;
  color: #999999;
  font-style: italic;
  padding: 20px 0;
}
.integrations .integration-settings .connected-sites {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.integrations .integration-settings .connected-sites .site {
  display: flex;
  flex-direction: column;
  padding: 20px 25px;
  background-color: #f7f7f7;
  border-radius: 10px;
  margin-bottom: 15px;
}
.integrations .integration-settings .connected-sites .site.error {
  background-color: #fce9e8;
}
.integrations .integration-settings .connected-sites .site .site-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text h4.name {
  display: inline-block;
  margin: 4px 0;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text h4.name.editable {
  cursor: pointer;
  position: relative;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text h4.name.editable:before {
  font-family: "CoS";
  content: "\2199";
  opacity: 0;
  font-size: 12px;
  position: absolute;
  left: -15px;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text h4.name.editable:hover:before {
  opacity: 1;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text .name.editing-input {
  display: inline-block;
  margin: 0;
  font-size: 17.5px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  left: -6px;
  border-radius: 4px;
  border: none;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text p.sub-details {
  font-size: 12px;
  line-height: 16px;
  margin: 2px 0 0;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text .connection-status {
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  background-color: #6ba066;
  border-radius: 4px;
  padding: 1px 6px;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text .connection-status span.connection-icon {
  font-size: 12px;
  margin-right: 3px;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text .connection-status span.connection-icon:before {
  font-family: "CoS";
  content: "\2714";
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text .connection-status span.connection-icon:after {
  content: "Connected";
}
.integrations .integration-settings .connected-sites .site .site-details .site-text .connection-status.error {
  background-color: #d15451;
}
.integrations .integration-settings .connected-sites .site .site-details .site-text .connection-status.error span.connection-icon:before {
  font-family: "CoS";
  content: "\58";
}
.integrations .integration-settings .connected-sites .site .site-details .site-text .connection-status.error span.connection-icon:after {
  content: "Disconnected";
}
.integrations .integration-settings .connected-sites .site .actions {
  display: flex;
  justify-content: flex-end;
}
.integrations .integration-settings .connected-sites .site .error-text {
  padding: 6px 10px;
  margin-top: 10px;
  border: 2px solid #daa1a0;
  color: #963c3b;
  border-radius: 4px;
}
.integrations .integration-settings .connected-sites .site .error-text a {
  color: #963c3b;
  text-decoration: underline;
}
.integrations .integration-settings .connected-sites .empty-state {
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
.integrations .integration-settings .connected-sites .empty-state span {
  color: #999999;
  font-style: italic;
}
.integrations .disable-btn {
  margin-left: -10px;
  margin-top: 50px;
}

.api-key {
  width: 300px;
}

.bottom-section.buffer .connected-profiles,
.bottom-section.buffer .connected-accounts {
  display: grid;
  grid-auto-rows: auto;
  margin-top: 20px;
}
.bottom-section.buffer .connected-profiles .profile-row,
.bottom-section.buffer .connected-accounts .profile-row {
  display: grid;
  grid-template-columns: 3fr 2fr 3fr;
  grid-column-gap: 5px;
  grid-template-areas: "profile status actions";
  align-items: center;
  padding: 5px 0;
}
.bottom-section.buffer .connected-profiles .profile-row.header,
.bottom-section.buffer .connected-accounts .profile-row.header {
  border-bottom: none;
}
.bottom-section.buffer .connected-profiles .profile-name,
.bottom-section.buffer .connected-accounts .profile-name {
  display: flex;
  align-items: center;
}
.bottom-section.buffer .connected-profiles .status,
.bottom-section.buffer .connected-profiles .actions,
.bottom-section.buffer .connected-accounts .status,
.bottom-section.buffer .connected-accounts .actions {
  align-self: center;
}
.bottom-section.buffer .connected-profiles .avatar,
.bottom-section.buffer .connected-accounts .avatar {
  height: 46px;
  width: 46px;
  flex-shrink: 0;
}
.bottom-section.buffer .connected-profiles .avatar img,
.bottom-section.buffer .connected-accounts .avatar img {
  height: 36px;
  width: 36px;
}
.bottom-section.buffer .connected-profiles .status span:before,
.bottom-section.buffer .connected-accounts .status span:before {
  font-family: "CoS";
  content: "\58";
  color: #d15451;
  margin-right: 5px;
}
.bottom-section.buffer .connected-profiles .status span.disconnected-on-buffer:before,
.bottom-section.buffer .connected-accounts .status span.disconnected-on-buffer:before {
  content: "\e002";
  cursor: help;
}
.bottom-section.buffer .connected-profiles .status span.connected:before,
.bottom-section.buffer .connected-accounts .status span.connected:before {
  content: "\2714";
  color: #6ba066;
}
.bottom-section.buffer .connected-profiles .actions,
.bottom-section.buffer .connected-accounts .actions {
  justify-self: flex-end;
}

.integrations .integration-settings .bottom-section.calendar-sync .step-list .step {
  padding: 20px 30px;
}

.import-ics-calendar .ics-url-input {
  position: relative;
}
.import-ics-calendar .ics-url-input input.url-input {
  padding-right: 25px;
}
.import-ics-calendar .ics-url-input label:before {
  position: absolute;
  right: 5px;
  top: 20px;
  z-index: 2;
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
}
.import-ics-calendar .ics-url-input input.url-input.valid + label:before {
  font-family: "CoS";
  content: "\2714";
  color: #6ba066;
}
.import-ics-calendar .ics-url-input input.url-input.invalid + label:before {
  font-family: "CoS";
  content: "\58";
  color: #d15451;
}
.import-ics-calendar .small-color-select .btn.btn-color {
  height: 30px;
  width: 30px;
}
.import-ics-calendar .small-color-select .btn.btn-color + p.label-name {
  display: inline;
  margin: 0 0 0 5px;
  line-height: 30px;
}
.import-ics-calendar .header-option {
  padding: 0;
}
.import-ics-calendar .header-option .header-option-button {
  padding: 0;
}
.import-ics-calendar .header-option .header-option-button .header-option-button-label {
  height: 28px;
  width: 28px;
  min-width: 28px;
  padding: 0;
}
.import-ics-calendar .header-option .header-option-button .header-option-button-text {
  display: none;
}

.bottom-section.evernote .status {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 15px;
  margin-right: 15px;
}
.bottom-section.evernote .not-connected {
  position: relative;
  padding-left: 28px;
}
.bottom-section.evernote .not-connected .status {
  position: absolute;
  top: 9px;
  left: 10px;
  background-color: #b3b3b3;
}
.bottom-section.evernote .connected {
  display: flex;
  align-items: center;
}
.bottom-section.evernote .connected .status {
  background-color: #8ac884;
}
.bottom-section.evernote .connected .status-text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #666666;
}
.bottom-section.evernote .notebook-list .evernote-attached-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 5px;
  background-color: transparent;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
}
.bottom-section.evernote .notebook-list .evernote-attached-row:last-of-type {
  border-bottom: 0;
}
.bottom-section.evernote .notebook-list .evernote-attached-row .details,
.bottom-section.evernote .notebook-list .evernote-attached-row .notebook {
  display: flex;
  line-height: 24px;
}
.bottom-section.evernote .notebook-list .evernote-attached-row .details .added-by,
.bottom-section.evernote .notebook-list .evernote-attached-row .notebook .added-by {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.bottom-section.evernote .notebook-list .evernote-attached-row .details img.img-circle,
.bottom-section.evernote .notebook-list .evernote-attached-row .notebook img.img-circle {
  width: 24px;
  height: 24px;
  margin-top: 0px;
  margin-left: 10px;
}

.bottom-section.google-analytics .utm-table {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  margin-left: -10px;
}
.bottom-section.google-analytics .utm-table .utm-row {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.bottom-section.google-analytics .utm-table .utm-row:last-of-type, .bottom-section.google-analytics .utm-table .utm-row:only-of-type {
  border-bottom: none;
}
.bottom-section.google-analytics .utm-table .utm-row span,
.bottom-section.google-analytics .utm-table .utm-row p {
  color: #666666;
  margin: 0;
  margin: 0 10px;
}
.bottom-section.google-analytics .utm-table .utm-row span {
  width: 200px;
  flex-shrink: 0;
}

.bottom-section.calendar-sync .service-list .list-item {
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 5%;
}
.bottom-section.calendar-sync .service-list .list-item:last-of-type {
  border-bottom: none;
}
.bottom-section.calendar-sync .service-list .list-item .content-icon {
  width: 58px;
  margin-right: 30px;
}
.bottom-section.calendar-sync .service-list .list-item .avatar {
  margin-right: 30px;
}
.bottom-section.calendar-sync .service-list .list-item .service-container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.bottom-section.calendar-sync .service-list .list-item .service-container label {
  margin: 0 5px 0 0;
}
.bottom-section.calendar-sync .service-list .list-item .service-container .service {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  overflow: visible;
  box-sizing: content-box;
}
.bottom-section.calendar-sync .service-list .list-item .service-container .service img,
.bottom-section.calendar-sync .service-list .list-item .service-container .service .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.bottom-section.calendar-sync .service-list .list-item .service-container .service i {
  font-size: 25px;
}

.email-service-setup-modal {
  z-index: 10002;
  animation: email-setup-scale-in 0.25s forwards;
}
@keyframes email-setup-scale-in {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.email-service-setup-modal .modal-container {
  min-height: 150px;
}
.email-service-setup-modal .modal-container .modal-content {
  text-align: left;
}
.email-service-setup-modal .modal-container .modal-actions {
  display: flex;
  padding: 0 15px 15px;
  align-items: center;
}
.email-service-setup-modal .modal-container .modal-actions .loading-icon {
  margin: 0 24px;
}
.email-service-setup-modal .modal-container .loading-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 51px;
  height: calc(100% - 51px);
}
.email-service-setup-modal .modal-container.success .modal-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-service-setup-modal .modal-container.success .modal-content .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100px;
  border-radius: 150px;
  background-color: #e0f7cf;
  margin-bottom: 20px;
}
.email-service-setup-modal .modal-container.success .modal-content .checkmark span.icon {
  font-size: 40px;
}

.integration-service-setup-modal .modal-container .modal-content {
  text-align: left;
}

.integrations .integration-settings .bottom-section.rss-feeds .step-list .step {
  padding: 20px;
}

.rss-backdrop {
  z-index: 5999 !important;
}

.rss-modal-container {
  z-index: 6000 !important;
}

.rss-feed-modal {
  display: grid;
  width: 750px;
  grid-template-columns: 1fr 280px;
  grid-template-areas: "container sidebar";
  position: relative;
  min-height: 400px;
}
.rss-feed-modal button.close-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.rss-feed-modal .help-sidebar {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
}
.rss-feed-modal .container {
  width: 100%;
  box-sizing: border-box;
  grid-area: container;
  padding: 15px 30px 100px;
  position: relative;
}
.rss-feed-modal .container h4 {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.rss-feed-modal .container .feed-input {
  display: flex;
  align-items: flex-end;
  position: relative;
  padding: 20px 0;
}
.rss-feed-modal .container .feed-input input {
  width: calc(100% - 15px);
}
.rss-feed-modal .container .feed-input .validation-message {
  position: absolute;
  bottom: 0;
  font-size: 12px;
  font-style: italic;
}
.rss-feed-modal .container .cms-container {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 20px;
  align-items: center;
  margin-top: 20px;
}
.rss-feed-modal .container .cms-container p {
  grid-column-start: 1;
  grid-column-end: 6;
}
.rss-feed-modal .container .cms-container a.item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 2px solid transparent;
  border-radius: 4px;
}
.rss-feed-modal .container .cms-container a.item:hover {
  border-color: #e6e6e6;
}
.rss-feed-modal .container .cms-container img {
  height: auto;
  width: 95%;
}
.rss-feed-modal .container input.feed-name {
  width: calc(100% - 14px);
}
.rss-feed-modal .container .project-settings {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  width: 100%;
  grid-gap: 10px 15px;
  margin-top: 20px;
}
.rss-feed-modal .container .project-settings .setting-item.project-template,
.rss-feed-modal .container .project-settings p {
  grid-column: 1/3;
}
.rss-feed-modal .container .project-settings .setting-item {
  max-width: 100%;
  overflow: hidden;
}
.rss-feed-modal .container .project-settings .setting-item .drop-down[aria-disabled=true],
.rss-feed-modal .container .project-settings .setting-item .drop-down .cos-basic-dropdown-trigger[aria-disabled=true] {
  opacity: 0.4;
  pointer-events: none;
}
.rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger {
  display: flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  padding: 4px 8px;
  background-color: #f7f7f7;
  color: #666666;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  font-size: 14px;
}
.rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger:hover, .rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger:focus, .rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger:active, .rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger.open {
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger span {
  margin-right: 5px;
}
.rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger i[class*=icon-chevron] {
  color: #666666;
}
.rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger .rss-feed-color-label {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  margin-right: 5px;
  flex-shrink: 0;
}
.rss-feed-modal .container .project-settings .setting-item .drop-down .drop-down-trigger .rss-feed-color-label.no-label {
  display: none;
}
.rss-feed-modal .container .actions {
  position: absolute;
  bottom: 20px;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 30px 0 17px;
  box-sizing: border-box;
}
.rss-feed-modal .container .actions i.loading-icon {
  height: 30px;
  width: 30px;
  margin: 0 5px 0 auto;
}

.rss-feed-modal-dropdown.cos-basic-dropdown-content {
  z-index: 99999999999 !important;
  max-width: 200px;
}
.rss-feed-modal-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-group {
  max-height: 280px;
}
.rss-feed-modal-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option {
  height: 30px;
}
.rss-feed-modal-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-group .cos-basic-dropdown-content-option .cos-basic-dropdown-content-option-label {
  height: 12px;
  width: 12px;
  min-width: 12px;
  border-radius: 50%;
  margin-right: 5px;
}
.rss-feed-modal-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-footer {
  height: 30px;
}
.rss-feed-modal-dropdown.cos-basic-dropdown-content .cos-basic-dropdown-content-footer .power-tip-btn {
  margin: 0 -5px 0 0;
}
.rss-feed-modal-dropdown .cos-basic-dropdown-trigger[aria-expanded=true] i.status-chevron:before {
  content: "⌃";
}

.webhook-settings .input.active {
  width: 80px;
}
.webhook-settings .copy-btn {
  z-index: 5;
  position: relative;
}
.webhook-settings .trigger-container {
  display: flex;
  flex-direction: column;
  width: calc(100% - 30px);
  background-color: #f7f7f7;
  padding: 15px;
  margin-bottom: 20px;
}
.webhook-settings .trigger-container .all-triggers {
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  border-bottom: 1px solid #e6e6e6;
  padding: 0 10px 15px;
}
.webhook-settings .trigger-container .all-triggers label {
  margin-bottom: 0;
  margin-right: 10px;
  width: 100%;
}
.webhook-settings .trigger-container .trigger-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.webhook-settings .trigger-container .trigger-list .set {
  width: 30%;
  margin: 0 1.5% 15px;
}
.webhook-settings .trigger-container .trigger-list .set .trigger label {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.webhook-settings .testing-section .test-setup .test-selection-section .input-block-level {
  width: 300px;
  float: left;
}
.webhook-settings .testing-section .test-setup .test-selection-section button.run-test-btn {
  margin-left: 10px;
}
.webhook-settings .testing-section .test-setup .test-status-section {
  margin-left: 50px;
  margin-top: 5px;
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status {
  line-height: 30px;
  font-weight: bold;
  position: relative;
  top: 5px;
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status span.test-icon {
  font-family: "CoS";
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.success {
  color: #8ac884;
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.success:after {
  content: "Successful";
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.success span.test-icon:before {
  content: "✔";
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.running {
  color: #999999;
  animation: running-fade 2s ease infinite alternate;
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.running:after {
  content: "Running";
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.running span.test-icon:before {
  content: "\e92a";
}
@keyframes running-fade {
  from {
    color: #999999;
  }
  to {
    color: #e6e6e6;
  }
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.error {
  color: #d15451;
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.error:after {
  content: "Error";
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.error span.test-icon:before {
  content: "\e002";
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.no-test {
  color: #b3b3b3;
}
.webhook-settings .testing-section .test-setup .test-status-section .test-status.no-test:after {
  content: "No test run yet";
  font-weight: normal;
  margin-left: -5px;
}
.webhook-settings .testing-section .test-results {
  display: flex;
  width: 100%;
  margin: 20px 0;
}
.webhook-settings .testing-section .test-results.no-test, .webhook-settings .testing-section .test-results.non-test-error {
  display: none;
}
.webhook-settings .testing-section .test-results .request,
.webhook-settings .testing-section .test-results .response {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 400px;
}
.webhook-settings .testing-section .test-results .request h5,
.webhook-settings .testing-section .test-results .response h5 {
  text-transform: uppercase;
}
.webhook-settings .testing-section .test-results .request pre,
.webhook-settings .testing-section .test-results .response pre {
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: #f7f7f7;
}
.webhook-settings .testing-section .test-results .request pre code.json.hljs,
.webhook-settings .testing-section .test-results .response pre code.json.hljs {
  background-color: #f7f7f7;
  margin: 0;
}
.webhook-settings .testing-section .test-results .request .code-format,
.webhook-settings .testing-section .test-results .response .code-format {
  width: 100%;
  background-color: #f7f7f7;
}
.webhook-settings .testing-section .test-results .request .code-format span,
.webhook-settings .testing-section .test-results .response .code-format span {
  font-size: 12px;
  margin: 15px 10px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.webhook-settings .testing-section .test-results .request .code-format.time span:after,
.webhook-settings .testing-section .test-results .response .code-format.time span:after {
  content: "ms";
}
.webhook-settings .testing-section .test-results .divider {
  border-left: 1px solid #e6e6e6;
  padding-right: 10px;
  margin-left: 10px;
}
.webhook-settings .disable-btn {
  margin-top: 50px;
  margin-left: -10px;
}

.wp-plugin-activation {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to top right, #b3b3b3, #e6e6e6);
}
.wp-plugin-activation .boxes {
  position: absolute;
  width: 250px;
  height: 250px;
  background-image: url("https://accounts-billing.coschedule.com/img/login-boxes.svg");
  opacity: 0.4;
}
.wp-plugin-activation .boxes.top-right {
  top: -50px;
  right: -20px;
}
.wp-plugin-activation .boxes.bottom-left {
  bottom: -50px;
  left: -20px;
}
.wp-plugin-activation .wp-activate,
.wp-plugin-activation .wp-signin,
.wp-plugin-activation .wp-multical {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: #f7f7f7;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  padding: 30px 50px;
  width: 400px;
  text-align: center;
  overflow: auto;
  max-height: 80vh;
}
.wp-plugin-activation img.cos-logo {
  width: 250px;
  margin: 20px auto 40px;
}
.wp-plugin-activation .upload-progress {
  margin: 9px auto;
}
.wp-plugin-activation .plugin-error {
  margin-top: 5px;
  color: #b94a48;
  background-color: #fce9e8;
  padding: 2px 4px;
  border-radius: 2px;
  min-width: 60px;
}
.wp-plugin-activation .back-button {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.wp-plugin-activation .back-button span {
  position: relative;
  top: 1px;
}
.wp-plugin-activation .calendar-well {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 15px;
}
.wp-plugin-activation .calendar-well.multi-cal {
  border: 2px solid transparent;
  justify-content: flex-start;
}
.wp-plugin-activation .calendar-well.multi-cal:hover {
  border-color: #b3b3b3;
  text-decoration: none;
}
.wp-plugin-activation .calendar-well .cal-color {
  font-size: 10px;
  position: relative;
  top: -1px;
}
.wp-plugin-activation .calendar-well h5 {
  color: #666666;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 0 5px;
}

.wordpress-site-settings {
  display: grid;
  grid-template: "content sidebar" 100%/auto 300px;
  min-width: 900px;
}
.wordpress-site-settings .site-details {
  display: flex;
  grid-area: content;
  flex-direction: column;
  margin: 30px auto 50px;
  width: 100%;
  max-width: 800px;
  justify-self: center;
  padding: 0 50px;
  box-sizing: border-box;
}
.wordpress-site-settings .site-details .wp-site-heading p {
  color: #808080;
  margin: 0 0 2px 0;
}
.wordpress-site-settings .site-details .site-detail-section {
  margin-top: 40px;
}
.wordpress-site-settings .site-details .site-detail-section .section-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.wordpress-site-settings .site-details .site-detail-section .section-top .section-status {
  display: flex;
  align-items: center;
  height: 40px;
}
.wordpress-site-settings .site-details .site-detail-section .section-top h4 {
  margin: 10px 10px 10px 0;
  display: inline-block;
}
.wordpress-site-settings .site-details .site-detail-section .section-top h4.bold {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.wordpress-site-settings .site-details .site-detail-section .section-top h4 .status-icon {
  position: relative;
  top: 1px;
}
.wordpress-site-settings .site-details .site-detail-section .section-top h4 .status-icon:after {
  font-family: "CoS";
  content: "\2714";
  color: #6ba066;
}
.wordpress-site-settings .site-details .site-detail-section .section-top h4 .status-icon.disconnected:after {
  content: "\58";
  color: #d15451;
}
.wordpress-site-settings .site-details .site-detail-section .section-body p.description {
  width: 75%;
  margin-bottom: 20px;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table {
  display: grid;
  grid-auto-rows: 40px;
  width: 75%;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table .wp-section-table-row {
  display: grid;
  grid-template-columns: 1fr 140px;
  grid-column-gap: 10px;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table .wp-section-table-row.labels, .wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table .wp-section-table-row:last-of-type {
  border-bottom: none;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table .wp-section-table-row label {
  margin: 0;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table .wp-section-table-row p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table .wp-section-table-row .wp-table-checkbox {
  display: flex;
  justify-content: center;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table.authors-table {
  width: 100%;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-section-table.authors-table .wp-section-table-row {
  grid-template-columns: 1fr 1fr 140px;
}
.wordpress-site-settings .site-details .site-detail-section .section-body input[type=text], .wordpress-site-settings .site-details .site-detail-section .section-body input[type=password] {
  width: auto;
  margin: 0 10px 0 0;
  height: 24px;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .static-ip {
  width: 200px;
  margin-right: 10px;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .static-ip .ip-container {
  background-color: #f7f7f7;
  width: 100%;
  border-radius: 4px;
  padding: 7px 10px;
  box-sizing: border-box;
  height: 34px;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .static-ip .ip-container span {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-weight: bold;
  color: #4d4d4d;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-permalink-ssl-select button.drop-down-trigger {
  background-color: #f7f7f7;
  border: none;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-permalink-ssl-select button.drop-down-trigger:hover, .wordpress-site-settings .site-details .site-detail-section .section-body .wp-permalink-ssl-select button.drop-down-trigger:focus {
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-author-select button {
  background-color: #f7f7f7;
  border: none;
  padding: 5px 20px 5px 9px;
  text-align: left;
  color: #666666;
  width: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-author-select button:after {
  font-family: "CoS";
  content: "\e913";
  position: absolute;
  right: 5px;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-author-select button:hover, .wordpress-site-settings .site-details .site-detail-section .section-body .wp-author-select button:focus {
  background-color: #e6e6e6;
  color: #4d4d4d;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-author-select button img {
  height: 20px;
  width: 20px;
}
.wordpress-site-settings .site-details .site-detail-section .section-body .wp-author-select .cos-basic-dropdown-trigger[aria-expanded=true] button:after {
  content: "\e914";
}

.integrations .catalog {
  display: grid;
  grid-template: "integration-list popular" auto/1fr 400px;
  grid-column-gap: 40px;
}
.integrations .catalog .integration-list {
  grid-area: integration-list;
  display: flex;
  flex-direction: column;
}
.integrations .catalog .integration-list .type-section {
  margin-bottom: 40px;
}
.integrations .catalog .integration-list .type-section .card-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  grid-auto-rows: 70px;
  grid-gap: 15px;
}
.integrations .catalog .popular-integrations {
  grid-area: popular;
}
.integrations .catalog .request-banner {
  margin-top: 50px;
  border-radius: 12px;
  background-color: #f7f7f7;
  padding: 20px;
  text-align: center;
  cursor: pointer;
}
.integrations .catalog .request-banner h3 {
  margin: 0 auto 10px;
}

.pill {
  padding: 0.5em 1em;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  margin-right: 1em;
}
.pill.not-connected {
  background-color: #ffdddd;
  color: #d9534f;
}
.pill.connected {
  background-color: #d4edda;
  color: #28a745;
}
.pill .icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin-left: 0.5em;
}
.pill .icon.not-connected {
  background-color: #d9534f;
}
.pill .icon.connected {
  background-color: #28a745;
}
.pill .icon svg {
  width: 1em;
  height: 1em;
  fill: white;
}

.action {
  display: flex;
  align-items: center; /* Center items vertically */
}
.action .hire-mia-input {
  width: 400px; /* Ensure the input width is consistent */
  padding: 10px;
}
.action .button {
  margin-bottom: 10px;
  margin-left: 10px; /* Add space between the input and button */
  padding: 5px;
  display: flex;
  align-items: center; /* Center text vertically */
  justify-content: center; /* Center text horizontally */
  text-align: center; /* Ensure text is centered */
}

.integrations .catalog .integration {
  display: flex;
  align-items: center;
  position: relative;
  border: 2px solid #e6e6e6;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 10px 15px;
  background-color: #ffffff;
  overflow: hidden;
  height: 70px;
}
.integrations .catalog .integration:hover {
  border-color: #b3b3b3;
}
.integrations .catalog .integration .logo {
  display: block;
  height: 45px;
  width: 45px;
  background-size: 45px 45px;
  margin-right: 15px;
}
.integrations .catalog .integration .text {
  display: flex;
  flex-direction: column;
}
.integrations .catalog .integration .text span.name {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  width: -moz-fit-content;
  width: fit-content;
}
.integrations .catalog .integration .text span.name.made-by-coschedule, .integrations .catalog .integration .text span.name.powered-by-zapier {
  padding-right: 14px;
  background-image: url("/img/cos-logo-icon-48x48-1925d83ea6cafa897df92e46c921fb4c.png");
  background-repeat: no-repeat;
  background-position: 100% 2px;
  background-size: 10px 10px;
}
.integrations .catalog .integration .text span.name.powered-by-zapier {
  background-image: url("/img/integrations/zapier/icon-594c14160c256c69cbc267745ba3d5ab.svg");
}
.integrations .catalog .integration .text p.description,
.integrations .catalog .integration .text .enabled-marker {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}
.integrations .catalog .integration .text .enabled-marker {
  display: flex;
  align-items: center;
  color: #808080;
}
.integrations .catalog .integration .text .enabled-marker span {
  margin-right: 3px;
}
.integrations .catalog .integration-hero-card {
  display: flex;
  align-items: center;
  width: 100%;
  height: 130px;
  padding: 15px 25px;
  box-sizing: border-box;
  border-radius: 6px;
  transition: all 0.2s ease;
  margin-bottom: 15px;
}
.integrations .catalog .integration-hero-card:hover {
  filter: brightness(115%);
  cursor: pointer;
}
.integrations .catalog .integration-hero-card .hero-logo {
  display: block;
  height: 100px;
  width: 100px;
  flex-shrink: 0;
  margin-right: 25px;
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: center center;
}
.integrations .catalog .integration-hero-card .text {
  color: #ffffff;
}
.integrations .catalog .integration-hero-card .text h3 {
  font-size: 20px;
  line-height: 32px;
}
.integrations .catalog .integration-hero-card .text h3,
.integrations .catalog .integration-hero-card .text p {
  margin: 0;
}
.integrations .catalog .integration-hero-card.dark .text {
  color: #4d4d4d;
}
.integrations .catalog .integration-hero-card.dark:hover {
  filter: brightness(93%);
}

.integration-modal.modal-scroll {
  cursor: pointer;
}
.integration-modal .container {
  display: block;
  width: 700px;
  height: auto;
  z-index: 2;
  background-color: #ffffff;
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 150px;
  padding-bottom: 40px;
  cursor: default;
  overflow-x: hidden;
  transition: all 1s ease;
  animation: container-show 0.4s ease 0.1s forwards;
}
@keyframes container-show {
  0% {
    top: 300%;
  }
  100% {
    top: 10%;
  }
}
.integration-modal .container .close-btn {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  z-index: 2;
  font-size: 20px;
  line-height: 20px;
}
.integration-modal .container .banner-image {
  display: block;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 2px 2px 0 0;
  transition: all 1s ease;
  box-shadow: inset 0 -20px 20px -10px rgba(0, 0, 0, 0.12), inset 0 -8px 15px -10px rgba(0, 0, 0, 0.16);
}
.integration-modal .container .body {
  margin: -25px 0 0 0;
  transition: all 1s ease;
}
.integration-modal .container .body .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 60px 0 40px;
  position: relative;
  transition: all 1s ease;
  min-height: 100px;
}
.integration-modal .container .body .header .brand {
  transition: all 1s ease;
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
}
.integration-modal .container .body .header .brand .logo {
  display: inline-block;
  height: 100px;
  width: 100px;
  border-radius: 2px;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  transition: all 1s ease;
}
.integration-modal .container .body .header .brand .name {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  font-style: normal;
  position: relative;
  display: inline-block;
  left: 0;
  top: 15px;
  margin-left: 15px;
  color: #4d4d4d !important;
  transition: all 1s ease;
}
.integration-modal .container .body .header .brand .name.made-by-coschedule {
  padding-right: 20px;
  background-image: url("/img/cos-logo-icon-48x48-1925d83ea6cafa897df92e46c921fb4c.png");
  background-repeat: no-repeat;
  background-position: 100% 4px;
  background-size: 14px 14px;
}
.integration-modal .container .body .header .brand .name.powered-by-zapier {
  padding-right: 17px;
  background-image: url("/img/integrations/zapier/icon-594c14160c256c69cbc267745ba3d5ab.svg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 14px 14px;
}
.integration-modal .container .body .header button.button {
  margin-top: 15px;
  margin-left: auto;
}
.integration-modal .container .body .header .contact-expert {
  margin-top: 90px;
  margin-left: 120px;
  background-color: #f7f7f7;
  padding: 15px;
  text-align: center;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
}
.integration-modal .container .body .beta {
  position: absolute;
  top: 70px;
  left: 120px;
}
.integration-modal .container .body .details .pre-enable {
  margin-top: 10px;
  transition: all 1s ease;
}
.integration-modal .container .body .details .pre-enable .description {
  margin: 0 60px 0 160px;
  transition: all 1s ease;
}
.integration-modal .container .body .details .post-enable {
  display: none;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
.integration-modal .container .body .details .post-enable p {
  width: 380px;
  text-align: center;
  margin-bottom: 20px;
}
.integration-modal .container .body .details .post-enable div.media-item.video {
  width: 450px;
  height: auto;
  position: relative;
  margin-bottom: 20px;
}
.integration-modal .container .media-slider {
  padding: 0 0 10px 160px;
  display: flex;
  flex-shrink: 0;
  overflow-x: scroll;
  overflow-y: visible;
  transition: all 1s ease;
  margin-top: 20px;
}
.integration-modal .container .media-slider .media-item {
  position: relative;
  float: left;
  flex-shrink: 0;
  display: inline-flex;
  width: 200px;
  height: 125px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transition: all 1s ease;
}
.integration-modal .container .media-slider .media-item:before {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: rgba(77, 77, 77, 0.7);
  color: rgba(255, 255, 255, 0.7);
  font-size: 30px;
  transition: opacity 0.3s ease;
  font-family: "CoS";
  content: "\eb3b";
}
.integration-modal .container .media-slider .media-item img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.integration-modal .container .media-slider .media-item:last-of-type {
  padding-right: 40px;
}
.integration-modal .container .media-slider .media-item:last-of-type:before {
  width: calc(100% - 40px);
}
.integration-modal .container .media-slider .media-item:hover {
  cursor: pointer;
}
.integration-modal .container .media-slider .media-item:hover:before {
  opacity: 1;
}
.integration-modal .container.enabled {
  overflow-y: hidden;
}
.integration-modal .container.enabled .close-btn {
  transition: color 0.2s ease;
  color: #808080;
  text-shadow: none;
}
.integration-modal .container.enabled .close-btn:hover, .integration-modal .container.enabled .close-btn:focus, .integration-modal .container.enabled .close-btn:active {
  color: #4d4d4d;
}
.integration-modal .container.enabled .banner-image {
  height: 0;
}
.integration-modal .container.enabled .beta {
  display: none;
}
.integration-modal .container.enabled .body {
  margin: 0;
}
.integration-modal .container.enabled .body .header {
  width: calc(100% - 20px);
  margin: 0;
  padding: 10px;
  height: 40px;
  background-color: #f7f7f7;
  min-height: 0;
}
.integration-modal .container.enabled .body .header .brand {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10px;
  height: 40px;
}
.integration-modal .container.enabled .body .header .brand .logo {
  height: 40px;
  width: 40px;
  background-size: 60%;
  box-shadow: none;
  border-radius: 40px;
}
.integration-modal .container.enabled .body .header .brand .name {
  margin-top: 0;
  top: 4px;
  margin-left: 5px;
}
.integration-modal .container.enabled .body .header .btn {
  opacity: 0;
  position: absolute;
  margin-top: 5px;
  pointer-events: none;
  cursor: default;
}
.integration-modal .container.enabled .body .header .btn:before {
  font-family: "CoS";
  content: "✓";
  margin-right: 4px;
}
.integration-modal .container.enabled .body .header .btn:after {
  content: "d";
}
@keyframes hide-pre-enable {
  0% {
    position: relative;
    opacity: 1;
    left: 0px;
    width: 700px;
  }
  99% {
    opacity: 0;
    margin-left: 540px;
    width: 700px;
  }
  100% {
    opacity: 0;
    margin-left: 540px;
    display: none;
    width: 700px;
    height: 0;
    width: 0;
  }
}
.integration-modal .container.enabled .body .details .pre-enable {
  animation: hide-pre-enable 0.5s ease;
  animation-fill-mode: forwards;
}
@keyframes show-post-enable {
  0% {
    display: none;
    opacity: 0;
    margin-left: -565px;
  }
  1% {
    display: flex;
    opacity: 0;
    margin-left: -565px;
  }
  100% {
    display: flex !important;
    opacity: 1;
  }
}
.integration-modal .container.enabled .body .details .post-enable {
  display: flex;
  opacity: 0;
  animation: show-post-enable 0.5s ease;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.project-types-settings {
  min-width: 500px;
}
.project-types-settings .power-tip-btn-wrapper {
  display: inline;
}
.project-types-settings .project-types-settings-column {
  display: flex;
  flex-flow: column;
  margin-top: 30px;
}
.project-types-settings .project-types-settings-column .pt-integrations-section {
  margin: 15px 0 30px;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header .pt-icon {
  height: 24px;
  width: 24px;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .sortable-item.is-dragging,
.project-types-settings .project-types-settings-column .pt-generic-section .sortable-item.is-dragging,
.project-types-settings .project-types-settings-column .pt-archive-section .sortable-item.is-dragging {
  z-index: 99999;
  background-color: transparent;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .sortable-item.is-dragging .project-types-row,
.project-types-settings .project-types-settings-column .pt-generic-section .sortable-item.is-dragging .project-types-row,
.project-types-settings .project-types-settings-column .pt-archive-section .sortable-item.is-dragging .project-types-row {
  box-shadow: 1px 1px 8px #999999;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .sortable-item.is-dragging .project-types-row .project-types-row-header,
.project-types-settings .project-types-settings-column .pt-generic-section .sortable-item.is-dragging .project-types-row .project-types-row-header,
.project-types-settings .project-types-settings-column .pt-archive-section .sortable-item.is-dragging .project-types-row .project-types-row-header {
  margin: 0;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .sortable-item.is-dropping,
.project-types-settings .project-types-settings-column .pt-generic-section .sortable-item.is-dropping,
.project-types-settings .project-types-settings-column .pt-archive-section .sortable-item.is-dropping {
  background-color: transparent;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .pt-read-only,
.project-types-settings .project-types-settings-column .pt-generic-section .pt-read-only,
.project-types-settings .project-types-settings-column .pt-archive-section .pt-read-only {
  position: absolute;
  left: 200px;
  top: 15px;
  color: #b3b3b3;
  font-size: 12px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .pt-read-only .icon-question-2,
.project-types-settings .project-types-settings-column .pt-generic-section .pt-read-only .icon-question-2,
.project-types-settings .project-types-settings-column .pt-archive-section .pt-read-only .icon-question-2 {
  margin-left: 3px;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row {
  border-radius: 2px;
  box-shadow: 0 0 0 transparent;
  transition: all 150ms ease;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .collapsible-item,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .collapsible-item,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .collapsible-item {
  overflow: initial;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .collapsible-item.is-opening,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .collapsible-item.is-opening,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .collapsible-item.is-opening {
  animation: height-transition-open 1.3s ease-out 1;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .collapsible-item i.icon-chevron-up,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .collapsible-item i.icon-chevron-up,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .collapsible-item i.icon-chevron-up {
  display: block;
  transition: all 150ms ease;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .collapsible-item.collapsed,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .collapsible-item.collapsed,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .collapsible-item.collapsed {
  min-height: 46px;
  max-height: 46px;
  overflow: hidden;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .collapsible-item.collapsed.is-closing,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .collapsible-item.collapsed.is-closing,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .collapsible-item.collapsed.is-closing {
  animation: height-transition-closed 500ms ease-out 1;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .collapsible-item.collapsed i.icon-chevron-up,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .collapsible-item.collapsed i.icon-chevron-up,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .collapsible-item.collapsed i.icon-chevron-up {
  transform: rotate(180deg);
}
@keyframes height-transition-closed {
  0% {
    max-height: 100vh;
    overflow: hidden;
  }
  80% {
    max-height: 46px;
    overflow: hidden;
  }
  100% {
    max-height: 46px;
    overflow: hidden;
  }
}
@keyframes height-transition-open {
  0% {
    max-height: 46px;
    overflow: hidden;
  }
  80% {
    max-height: 100vh;
    overflow: hidden;
  }
  100% {
    max-height: 100vh;
    overflow: hidden;
  }
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header {
  margin-top: 3px;
  padding: 9px 12px 10px;
  display: flex;
  align-items: center;
  background-color: #e6e6e6;
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 150ms ease-out;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header .pt-drag,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header .pt-drag,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header .pt-drag {
  font-size: 22px;
  padding: 10px;
  color: #999999;
  cursor: pointer;
  margin: -12px -10px -10px -10px;
  opacity: 0;
  transform: scale(0);
  transition: all 0.2s ease;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header .pt-drag:hover,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header .pt-drag:hover,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header .pt-drag:hover {
  color: #666666;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header .pt-icon,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header .pt-icon,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header .pt-icon {
  margin: 0 7px 0 -22px;
  font-size: 22px;
  opacity: 1;
  transform: scale(1);
  transition: all 0.2s ease;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header .pt-name,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header .pt-name,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header .pt-name {
  font-size: 16px;
  color: #666666;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header .pt-collapse,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header .pt-collapse,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header .pt-collapse {
  margin-left: auto;
  padding: 5px;
  font-size: 16px;
  color: #999999;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header:hover,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header:hover,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header:hover {
  cursor: pointer;
  background-color: #e6e6e6;
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header:hover .pt-drag,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header:hover .pt-drag,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header:hover .pt-drag {
  opacity: 1;
  transform: scale(1);
}
.project-types-settings .project-types-settings-column .pt-integrations-section .project-types-row .project-types-row-header:hover .pt-icon,
.project-types-settings .project-types-settings-column .pt-generic-section .project-types-row .project-types-row-header:hover .pt-icon,
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header:hover .pt-icon {
  opacity: 0;
  transform: scale(0);
}
.project-types-settings .project-types-settings-column .pt-add-new-section .pt-add-new-btn {
  display: flex;
  align-items: center;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  color: #999999;
  padding: 13px 12px;
  width: 100%;
  margin-top: 3px;
  transition: all 150ms ease-out;
}
.project-types-settings .project-types-settings-column .pt-add-new-section .pt-add-new-btn:hover {
  color: #666666;
  cursor: pointer;
  border: 1px solid #b3b3b3;
  background-color: #f7f7f7;
  box-shadow: none;
}
.project-types-settings .project-types-settings-column .pt-add-new-section .pt-add-new-btn .icon-plus-2 {
  margin-right: 5px;
}
.project-types-settings .project-types-settings-column .pt-add-new-section .cos-dropdown {
  top: initial;
  left: 0;
  right: initial;
  margin-bottom: 15px;
}
.project-types-settings .project-types-settings-column .pt-add-new-section .cos-dropdown .pt-add-new-dropdown {
  padding-bottom: 30px;
}
.project-types-settings .project-types-settings-column .pt-add-new-section .cos-dropdown .pt-add-new-dropdown .pt-custom-option {
  display: flex;
  align-items: center;
  padding: 4px 10px;
}
.project-types-settings .project-types-settings-column .pt-add-new-section .cos-dropdown .pt-add-new-dropdown .pt-custom-option .pt-picker-icon {
  margin-right: 5px;
}
.project-types-settings .project-types-settings-column .pt-add-new-section .cos-dropdown .pt-add-new-dropdown .pt-custom-option p {
  margin: 0;
}
.project-types-settings .project-types-settings-column .pt-add-new-section .cos-dropdown .pt-add-new-dropdown .pt-custom-option[data-value=custom] {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #999999;
  background-color: #fff;
}
.project-types-settings .project-types-settings-column .pt-archive-section {
  margin-top: 25px;
}
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header .pt-icon {
  margin-left: 0;
}
.project-types-settings .project-types-settings-column .pt-archive-section .project-types-row .project-types-row-header:hover .pt-icon {
  transform: scale(1);
  opacity: 1;
}
.project-types-settings .project-types-settings-column .pt-archive-section .btn-show-archive {
  display: flex;
  align-items: center;
}
.project-types-settings .project-types-settings-column .pt-archive-section .btn-show-archive i {
  margin-right: 5px;
}

.project-types-row-details-new {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  background-color: #f7f7f7;
  padding: 20px;
}
.project-types-row-details-new * {
  box-sizing: border-box;
}
.project-types-row-details-new .pt-name {
  width: 100%;
}
.project-types-row-details-new .pt-name input.pt-name-input {
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px 0 10px 15px;
  width: 100%;
  margin: 0;
}
.project-types-row-details-new .pt-description textarea.pt-description-textarea {
  width: 100%;
  resize: vertical;
}

.pt-icon-picker-wrapper {
  position: relative;
}
.pt-icon-picker-wrapper .pt-icon-picker {
  margin-right: 20px;
  border: 2px solid #e6e6e6;
  height: 42px;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  background-color: #e6e6e6;
}
.pt-icon-picker-wrapper .pt-icon-picker:after {
  font-family: "CoS";
  content: "\edc9";
  font-size: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
}
.pt-icon-picker-wrapper .pt-icon-picker .pt-icon-selected {
  display: flex;
  align-items: center;
  font-size: 30px;
  padding: 0 8px;
  background-color: #f7f7f7;
  border-radius: 2px;
}
.pt-icon-picker-wrapper .pt-icon-picker .pt-icon-selected:before {
  margin-right: 3px;
}
.pt-icon-picker-wrapper .pt-icon-picker:hover {
  border-color: #b3b3b3;
  background-color: #b3b3b3;
}
.pt-icon-picker-wrapper .pt-icon-picker:hover:after {
  color: #4d4d4d;
}
.pt-icon-picker-wrapper .pt-icon-dropdown {
  display: none;
  flex-wrap: wrap;
  top: 42px;
  height: 300px;
  overflow-y: scroll;
  list-style: none;
  grid-template-columns: repeat(6, 35px);
  grid-auto-rows: 35px;
  margin: 0;
}
.pt-icon-picker-wrapper .pt-icon-dropdown .pt-icon-list-item {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 35px;
  font-size: 21px;
}
.pt-icon-picker-wrapper .pt-icon-dropdown .pt-icon-list-item:hover {
  background-color: #e6e6e6;
  color: #333333;
}
.pt-icon-picker-wrapper.open .pt-icon-picker {
  border-color: #b3b3b3;
  background-color: #b3b3b3;
}
.pt-icon-picker-wrapper.open .pt-icon-picker:after {
  color: #4d4d4d;
  content: "\edc7";
}
.pt-icon-picker-wrapper.open .pt-icon-dropdown {
  display: grid;
}

.pt-attachments-fields-column {
  width: 100%;
  overflow: hidden;
}

.pt-default-attachments ul.pt-default-attachments-list,
.pt-default-attachments ul.pt-custom-fields-list,
.pt-custom-fields ul.pt-default-attachments-list,
.pt-custom-fields ul.pt-custom-fields-list {
  list-style: none;
  margin: 0;
}
.pt-default-attachments ul.pt-default-attachments-list li,
.pt-default-attachments ul.pt-custom-fields-list li,
.pt-custom-fields ul.pt-default-attachments-list li,
.pt-custom-fields ul.pt-custom-fields-list li {
  display: flex;
  height: 44px;
  align-items: center;
  background-color: #ffffff;
  padding: 7px 15px;
  border: 1px solid #e6e6e6;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pt-default-attachments ul.pt-default-attachments-list li span.attachment-type-icon,
.pt-default-attachments ul.pt-default-attachments-list li span.custom-field-type-icon,
.pt-default-attachments ul.pt-custom-fields-list li span.attachment-type-icon,
.pt-default-attachments ul.pt-custom-fields-list li span.custom-field-type-icon,
.pt-custom-fields ul.pt-default-attachments-list li span.attachment-type-icon,
.pt-custom-fields ul.pt-default-attachments-list li span.custom-field-type-icon,
.pt-custom-fields ul.pt-custom-fields-list li span.attachment-type-icon,
.pt-custom-fields ul.pt-custom-fields-list li span.custom-field-type-icon {
  height: 20px;
  width: 20px;
  font-size: 20px;
  background-size: 20px;
  margin-right: 15px;
  cursor: grab;
}
.pt-default-attachments ul.pt-default-attachments-list li span.attachment-type-icon.icon-file-attachment-svg,
.pt-default-attachments ul.pt-default-attachments-list li span.custom-field-type-icon.icon-file-attachment-svg,
.pt-default-attachments ul.pt-custom-fields-list li span.attachment-type-icon.icon-file-attachment-svg,
.pt-default-attachments ul.pt-custom-fields-list li span.custom-field-type-icon.icon-file-attachment-svg,
.pt-custom-fields ul.pt-default-attachments-list li span.attachment-type-icon.icon-file-attachment-svg,
.pt-custom-fields ul.pt-default-attachments-list li span.custom-field-type-icon.icon-file-attachment-svg,
.pt-custom-fields ul.pt-custom-fields-list li span.attachment-type-icon.icon-file-attachment-svg,
.pt-custom-fields ul.pt-custom-fields-list li span.custom-field-type-icon.icon-file-attachment-svg {
  background: url(/img/empty-file-f8025d61ea85a4615ee15a35c7640718.svg) no-repeat center;
}
.pt-default-attachments ul.pt-default-attachments-list li span.custom-field-type-icon,
.pt-default-attachments ul.pt-custom-fields-list li span.custom-field-type-icon,
.pt-custom-fields ul.pt-default-attachments-list li span.custom-field-type-icon,
.pt-custom-fields ul.pt-custom-fields-list li span.custom-field-type-icon {
  font-family: "CoS";
}
.pt-default-attachments ul.pt-default-attachments-list li .attachment-name,
.pt-default-attachments ul.pt-default-attachments-list li .field-name,
.pt-default-attachments ul.pt-custom-fields-list li .attachment-name,
.pt-default-attachments ul.pt-custom-fields-list li .field-name,
.pt-custom-fields ul.pt-default-attachments-list li .attachment-name,
.pt-custom-fields ul.pt-default-attachments-list li .field-name,
.pt-custom-fields ul.pt-custom-fields-list li .attachment-name,
.pt-custom-fields ul.pt-custom-fields-list li .field-name {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  position: relative;
  top: 1px;
}
.pt-default-attachments ul.pt-default-attachments-list li:hover span.attachment-type-icon,
.pt-default-attachments ul.pt-default-attachments-list li:hover span.custom-field-type-icon, .pt-default-attachments ul.pt-default-attachments-list li:focus span.attachment-type-icon,
.pt-default-attachments ul.pt-default-attachments-list li:focus span.custom-field-type-icon,
.pt-default-attachments ul.pt-custom-fields-list li:hover span.attachment-type-icon,
.pt-default-attachments ul.pt-custom-fields-list li:hover span.custom-field-type-icon,
.pt-default-attachments ul.pt-custom-fields-list li:focus span.attachment-type-icon,
.pt-default-attachments ul.pt-custom-fields-list li:focus span.custom-field-type-icon,
.pt-custom-fields ul.pt-default-attachments-list li:hover span.attachment-type-icon,
.pt-custom-fields ul.pt-default-attachments-list li:hover span.custom-field-type-icon,
.pt-custom-fields ul.pt-default-attachments-list li:focus span.attachment-type-icon,
.pt-custom-fields ul.pt-default-attachments-list li:focus span.custom-field-type-icon,
.pt-custom-fields ul.pt-custom-fields-list li:hover span.attachment-type-icon,
.pt-custom-fields ul.pt-custom-fields-list li:hover span.custom-field-type-icon,
.pt-custom-fields ul.pt-custom-fields-list li:focus span.attachment-type-icon,
.pt-custom-fields ul.pt-custom-fields-list li:focus span.custom-field-type-icon {
  background: none;
}
.pt-default-attachments ul.pt-default-attachments-list li:hover span.attachment-type-icon:before,
.pt-default-attachments ul.pt-default-attachments-list li:hover span.custom-field-type-icon:before, .pt-default-attachments ul.pt-default-attachments-list li:focus span.attachment-type-icon:before,
.pt-default-attachments ul.pt-default-attachments-list li:focus span.custom-field-type-icon:before,
.pt-default-attachments ul.pt-custom-fields-list li:hover span.attachment-type-icon:before,
.pt-default-attachments ul.pt-custom-fields-list li:hover span.custom-field-type-icon:before,
.pt-default-attachments ul.pt-custom-fields-list li:focus span.attachment-type-icon:before,
.pt-default-attachments ul.pt-custom-fields-list li:focus span.custom-field-type-icon:before,
.pt-custom-fields ul.pt-default-attachments-list li:hover span.attachment-type-icon:before,
.pt-custom-fields ul.pt-default-attachments-list li:hover span.custom-field-type-icon:before,
.pt-custom-fields ul.pt-default-attachments-list li:focus span.attachment-type-icon:before,
.pt-custom-fields ul.pt-default-attachments-list li:focus span.custom-field-type-icon:before,
.pt-custom-fields ul.pt-custom-fields-list li:hover span.attachment-type-icon:before,
.pt-custom-fields ul.pt-custom-fields-list li:hover span.custom-field-type-icon:before,
.pt-custom-fields ul.pt-custom-fields-list li:focus span.attachment-type-icon:before,
.pt-custom-fields ul.pt-custom-fields-list li:focus span.custom-field-type-icon:before {
  font-family: "CoS";
  content: "\e9af";
  color: #808080;
}
.pt-default-attachments ul.pt-default-attachments-list li span.attachement-type-icon:active,
.pt-default-attachments ul.pt-default-attachments-list li span.custom-field-type-icon:active,
.pt-default-attachments ul.pt-custom-fields-list li span.attachement-type-icon:active,
.pt-default-attachments ul.pt-custom-fields-list li span.custom-field-type-icon:active,
.pt-custom-fields ul.pt-default-attachments-list li span.attachement-type-icon:active,
.pt-custom-fields ul.pt-default-attachments-list li span.custom-field-type-icon:active,
.pt-custom-fields ul.pt-custom-fields-list li span.attachement-type-icon:active,
.pt-custom-fields ul.pt-custom-fields-list li span.custom-field-type-icon:active {
  cursor: grabbing;
}
.pt-default-attachments ul.pt-default-attachments-list .sortable-item.is-dragging li span,
.pt-default-attachments ul.pt-custom-fields-list .sortable-item.is-dragging li span,
.pt-custom-fields ul.pt-default-attachments-list .sortable-item.is-dragging li span,
.pt-custom-fields ul.pt-custom-fields-list .sortable-item.is-dragging li span {
  cursor: grabbing;
}

.pt-default-attachments-picker .cos-basic-dropdown-content-option-icon.icon-file-attachment-svg {
  background: url(/img/empty-file-f8025d61ea85a4615ee15a35c7640718.svg) no-repeat center;
  background-size: 12px;
  height: 12px;
  width: 12px;
}

.calendar-view-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 5px 5px 15px;
  margin-bottom: 2px;
  background-color: #f7f7f7;
}
.calendar-view-select .calendar-select-label {
  display: flex;
  align-items: center;
}
.calendar-view-select .calendar-select-label .calendar-select {
  padding: 6px 0 0;
}
.calendar-view-select .calendar-select-label .calendar-select input.checkbox + label {
  padding-left: 23px;
}
.calendar-view-select .calendar-select-label .calendar-label .calendar-name {
  font-size: 16px;
  line-height: 23px;
  margin-top: 4px;
  width: 450px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.calendar-view-select .calendar-select-label .calendar-label .calendar-name .calendar-icon {
  padding: 5px;
  margin-left: 5px;
  margin-right: 0;
}
.calendar-view-select .calendar-select-label .calendar-label .calendar-name .calendar-icon .calendar-color-dot {
  width: 0;
  height: 0;
}
.calendar-view-select .calendar-select-label .calendar-label .calendar-name .calendar-icon .calendar-color-dot .dot {
  width: 14px;
  height: 14px;
}
.calendar-view-select .view-dropdown {
  display: flex;
  align-items: center;
}

.status-list-wrapper {
  margin-top: 40px;
}
.status-list-wrapper .wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  margin: 40px 0 18px;
  padding: 0 15px;
  height: 35px;
  color: #666666;
  border-bottom: 1px solid #cccccc;
}
.status-list-wrapper .wrapper h4 {
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  margin: 3px 8px 0;
}
.status-list-wrapper .wrapper .icon-question-2 {
  color: #b3b3b3;
}
.status-list-wrapper .wrapper .icon-question-2:hover {
  color: #999999;
  transition: all 0.2s ease;
}
.status-list-wrapper .status-list-header {
  display: flex;
  margin-bottom: 5px;
  padding: 0 15px;
}
.status-list-wrapper .status-list-header .status-list-header-title {
  font-weight: bold;
  width: 30%;
  min-width: 225px;
  color: #999999;
}
.status-list-wrapper .status-list-header .status-list-header-title:last-child {
  margin-left: -2px;
}
.status-list-wrapper .sortable-item {
  margin-left: -20px;
  padding-left: 20px;
}
.status-list-wrapper .sortable-item.is-dragging, .status-list-wrapper .sortable-item.is-dropping {
  position: relative;
  background-color: initial;
  z-index: 10;
}
.status-list-wrapper .sortable-item.is-dragging .status-list-row, .status-list-wrapper .sortable-item.is-dropping .status-list-row {
  background-color: #f7f7f7;
}
.status-list-wrapper .sortable-item.is-dragging .status-list-row .icon-menu, .status-list-wrapper .sortable-item.is-dropping .status-list-row .icon-menu {
  visibility: visible;
  opacity: 1;
}
.status-list-wrapper .sortable-item:hover .status-list-row .icon-menu,
.status-list-wrapper .sortable-item:hover .status-list-row .icon-pencil,
.status-list-wrapper .sortable-item:hover .status-list-row .icon-remove {
  visibility: visible;
  opacity: 1;
}
.status-list-wrapper .status-list-row {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  background-color: transparent;
  transition: background-color 150ms ease-out;
}
.status-list-wrapper .status-list-row .icon-menu {
  visibility: hidden;
  opacity: 0;
  margin: -10px 5px -10px -35px;
  padding: 10px 12px 10px 5px;
  color: #999999;
  transition: opacity 150ms ease-out;
}
.status-list-wrapper .status-list-row .icon-menu:hover {
  cursor: pointer;
}
.status-list-wrapper .status-list-row .status-name {
  display: flex;
  width: 30%;
  min-width: 225px;
}
.status-list-wrapper .status-list-row .status-name .status-name-input {
  border-radius: 6px;
  width: 100%;
  margin: 0 5px 0 0;
}
.status-list-wrapper .status-list-row .status-type {
  min-width: 110px;
}
.status-list-wrapper .status-list-row .status-publishes-to {
  width: 34%;
  margin-left: 15px;
  display: flex;
  align-items: center;
}
.status-list-wrapper .status-list-row .status-publishes-to span {
  white-space: nowrap;
}
.status-list-wrapper .status-list-row .status-publishes-to .publishes-to-status-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 87px);
  margin-left: 5px;
}
.status-list-wrapper .status-list-row .status-publishes-to .status-select-dropdown {
  width: calc(100% - 87px);
  margin-left: 5px;
}
.status-list-wrapper .status-list-row .status-actions {
  margin-left: auto;
  white-space: nowrap;
}
.status-list-wrapper .status-list-row .status-actions .icon-pencil,
.status-list-wrapper .status-list-row .status-actions .icon-remove {
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.status-list-wrapper .status-list-row .status-select-dropdown button {
  width: 100%;
  border: 1px solid #b3b3b3;
  height: 30px;
  padding-top: 0;
  font-size: 14px;
}
.status-list-wrapper .status-list-row .status-select-dropdown button [class^=icon-chevron] {
  top: 9px;
}
.status-list-wrapper .status-list-row .status-select-dropdown button:hover, .status-list-wrapper .status-list-row .status-select-dropdown button:focus {
  border: 1px solid #999999;
}
.status-list-wrapper .status-list-row .status-select-dropdown .cos-dropdown {
  margin-bottom: 10px;
}
.status-list-wrapper .status-list-row.is-creating-status {
  background-color: #f7f7f7;
}
.status-list-wrapper .status-list-row:hover {
  background-color: #f7f7f7;
}
.status-list-wrapper hr {
  margin: 5px 0;
}
.status-list-wrapper .add-new-custom-status {
  display: flex;
  align-items: center;
}
.status-list-wrapper .add-new-custom-status [class^=icon-] {
  margin-right: 3px;
}

.status-name-pill {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 23px);
  display: inline-block;
  padding: 3px 8px;
  border-radius: 15px;
}
.status-name-pill.draft {
  background-color: #fdecac;
}
.status-name-pill.future {
  background-color: transparent;
  border: 1px solid #b3b3b3;
}
.status-name-pill.publish {
  background-color: #cccccc;
}

.modal-custom-status-delete .modal-container .modal-content {
  padding: 44px 38px;
}
.modal-custom-status-delete .modal-container .modal-content .status-convert-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.modal-custom-status-delete .modal-container .modal-content .status-convert-row .icon-chevron-right {
  margin-left: 10px;
  color: #999999;
}
.modal-custom-status-delete .modal-container .modal-content .status-convert-row .status-select-dropdown {
  margin-left: 10px;
}
.modal-custom-status-delete .modal-container .modal-content .status-convert-row .status-select-dropdown button {
  width: 100%;
}
.modal-custom-status-delete .modal-container .modal-content .status-convert-row .status-select-dropdown .cos-dropdown {
  text-align: left;
}

.settings-page-details .profile-body {
  display: flex;
  flex-direction: column;
  padding: 0 50px 100px;
  flex-shrink: 0;
}
.settings-page-details .profile-option-section {
  display: flex;
  flex-direction: column;
  margin-top: 35px;
}
.settings-page-details .profile-option-section .section-top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}
.settings-page-details .profile-option-section .section-top .section-status {
  display: flex;
}
.settings-page-details .profile-option-section .section-top .section-status h4 {
  margin-right: 10px;
}
@media (max-width: 1300px) {
  .settings-page-details .profile-option-section .section-top .section-status {
    flex-direction: column;
  }
  .settings-page-details .profile-option-section .section-top .section-status h4 {
    margin: 5px 0;
  }
}
.settings-page-details .profile-option-section .bio-link {
  background-color: #f7f7f7;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 5px;
  color: #666666;
}
.settings-page-details .profile-option-section .bio-link span {
  margin-right: 5px;
}
.settings-page-details .profile-option-section .bio-link p.visit-text {
  margin: 0 5px 0 30px;
  color: #999999;
  font-size: 12px;
}
.settings-page-details .profile-option-section .bio-link:hover {
  text-decoration: none;
  background-color: #e6e6e6;
}
.settings-page-details .profile-option-section .section-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.settings-page-details .profile-option-section.no-flex {
  display: block;
}
.settings-page-details .profile-option-section .status {
  display: flex;
}
.settings-page-details .profile-option-section h4.bold {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 30px;
}
.settings-page-details .profile-option-section .well.warning {
  border-radius: 4px;
}
.settings-page-details .profile-option-section ul.profile-detail-list {
  width: 100%;
  list-style: none;
  margin: 0;
}
.settings-page-details .profile-option-section ul.profile-detail-list li.detail-item {
  display: flex;
  margin: 5px 0;
}
.settings-page-details .profile-option-section ul.profile-detail-list span.detail {
  display: flex;
  flex: 1;
  margin-right: 20px;
}
.settings-page-details .profile-option-section ul.profile-detail-list span.detail:after {
  content: "";
  border-bottom: dotted 1px #666666;
  flex: 1;
  margin-left: 5px;
  height: 14px;
}
.settings-page-details .profile-option-section ul.profile-detail-list span.item {
  text-align: right;
  flex: 0 0;
  font-weight: bold;
  white-space: nowrap;
}
.settings-page-details .profile-option-section label.checkbox {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #999999;
  padding-left: 25px;
}
.settings-page-details .profile-option-section .calendar-name {
  display: flex;
  align-items: center;
}
.settings-page-details .profile-option-section .calendar-name .dot {
  display: block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  margin-right: 10px;
  flex-shrink: 0;
}
.settings-page-details .profile-option-section .calendar-name h5.skeleton, .settings-page-details .profile-option-section .calendar-name .file-attachment.processing .file-card h5.file-preview, .file-attachment.processing .file-card .settings-page-details .profile-option-section .calendar-name h5.file-preview {
  width: 200px;
}
.settings-page-details .profile-option-section .toggle-container.skeleton, .settings-page-details .profile-option-section .file-attachment.processing .file-card .toggle-container.file-preview, .file-attachment.processing .file-card .settings-page-details .profile-option-section .toggle-container.file-preview {
  height: 22px;
  width: 40px;
  border-radius: 22px;
}

.social-profile-connect,
.add-team-member {
  display: grid;
  grid-template: "connection sidebar" 100%/auto 350px;
  height: 100%;
}
.social-profile-connect .connection-step,
.social-profile-connect .team-member-fields,
.add-team-member .connection-step,
.add-team-member .team-member-fields {
  grid-area: connection;
  display: flex;
  flex-direction: column;
  padding: 10vh 10% 0;
  position: relative;
  color: #666666;
  min-width: 0;
}
.social-profile-connect .connection-step .sub-text,
.social-profile-connect .team-member-fields .sub-text,
.add-team-member .connection-step .sub-text,
.add-team-member .team-member-fields .sub-text {
  max-width: 550px;
}
.social-profile-connect .connection-step.bluesky input,
.add-team-member .connection-step.bluesky input {
  width: 100%;
}
.social-profile-connect .member-spots,
.add-team-member .member-spots {
  position: absolute;
  left: 30px;
  bottom: 25px;
  color: #b3b3b3;
}
.social-profile-connect .button.connect,
.add-team-member .button.connect {
  width: 100%;
  display: flex;
  align-items: center;
}
.social-profile-connect .button.connect [class^=icon-],
.add-team-member .button.connect [class^=icon-] {
  font-size: 15px;
  padding-right: 5px;
}
.social-profile-connect .button.connect .icon-tiktok,
.social-profile-connect .button.connect .icon-youtube_social,
.add-team-member .button.connect .icon-tiktok,
.add-team-member .button.connect .icon-youtube_social {
  background-color: transparent;
}
.social-profile-connect .button.connect .icon-youtube_social,
.add-team-member .button.connect .icon-youtube_social {
  font-size: 20px;
}
.social-profile-connect .connection-logo,
.add-team-member .connection-logo {
  display: flex;
  font-size: 38px;
  position: absolute;
  align-items: center;
  top: 30px;
}
.social-profile-connect .connection-logo .arrows,
.add-team-member .connection-logo .arrows {
  font-size: 28.5px;
  margin: 0 5px;
}
.social-profile-connect .connection-logo .network,
.add-team-member .connection-logo .network {
  display: flex;
  height: 38px;
  width: 38px;
  background-color: #b3b3b3;
  border-radius: 38px;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #ffffff;
}
.social-profile-connect .connection-logo .network.facebook,
.add-team-member .connection-logo .network.facebook {
  background-color: #3b5998;
}
.social-profile-connect .connection-logo .network.facebook:after,
.add-team-member .connection-logo .network.facebook:after {
  font-family: "CoS";
  content: "\eeef";
}
.social-profile-connect .connection-logo .network.twitter,
.add-team-member .connection-logo .network.twitter {
  background-color: #2ca9e1;
}
.social-profile-connect .connection-logo .network.twitter:after,
.add-team-member .connection-logo .network.twitter:after {
  font-family: "CoS";
  content: "\eef5";
}
.social-profile-connect .connection-logo .network.pinterest,
.add-team-member .connection-logo .network.pinterest {
  background-color: #bd081c;
}
.social-profile-connect .connection-logo .network.pinterest:after,
.add-team-member .connection-logo .network.pinterest:after {
  font-family: "CoS";
  content: "\e947";
}
.social-profile-connect .connection-logo .network.instagram,
.add-team-member .connection-logo .network.instagram {
  background-color: #e34061;
}
.social-profile-connect .connection-logo .network.instagram:after,
.add-team-member .connection-logo .network.instagram:after {
  font-family: "CoS";
  content: "\e934";
}
.social-profile-connect .connection-logo .network.linkedin,
.add-team-member .connection-logo .network.linkedin {
  background-color: #0073a5;
}
.social-profile-connect .connection-logo .network.linkedin:after,
.add-team-member .connection-logo .network.linkedin:after {
  font-family: "CoS";
  content: "\ef29";
}
.social-profile-connect .connection-logo .network.tumblr,
.add-team-member .connection-logo .network.tumblr {
  background-color: #2c4862;
}
.social-profile-connect .connection-logo .network.tumblr:after,
.add-team-member .connection-logo .network.tumblr:after {
  font-family: "CoS";
  content: "\ef18";
}
.social-profile-connect .connection-logo .network.tiktok,
.add-team-member .connection-logo .network.tiktok {
  background-color: #000000;
}
.social-profile-connect .connection-logo .network.tiktok:after,
.add-team-member .connection-logo .network.tiktok:after {
  font-family: "CoS";
  content: "\e9de";
}
.social-profile-connect .connection-logo .network.youtube,
.add-team-member .connection-logo .network.youtube {
  background-color: #ff0000;
}
.social-profile-connect .connection-logo .network.youtube:after,
.add-team-member .connection-logo .network.youtube:after {
  font-family: "CoS";
  content: "\e9e1";
}
.social-profile-connect .connection-logo .network.youtube_social,
.add-team-member .connection-logo .network.youtube_social {
  background-color: #ff0000;
}
.social-profile-connect .connection-logo .network.youtube_social:after,
.add-team-member .connection-logo .network.youtube_social:after {
  font-family: "CoS";
  content: "\e9e1";
}
.social-profile-connect .connection-logo .network.mastodon,
.add-team-member .connection-logo .network.mastodon {
  background-color: #6364ff;
}
.social-profile-connect .connection-logo .network.mastodon:after,
.add-team-member .connection-logo .network.mastodon:after {
  font-family: "CoS";
  content: "\e9e5";
}
.social-profile-connect .connection-logo .network.google_my_business,
.add-team-member .connection-logo .network.google_my_business {
  background-color: #4989f5;
}
.social-profile-connect .connection-logo .network.google_my_business:after,
.add-team-member .connection-logo .network.google_my_business:after {
  font-family: "CoS";
  content: "\e9e9";
}
.social-profile-connect .connection-logo .network.bluesky,
.add-team-member .connection-logo .network.bluesky {
  background-color: #1185fe;
}
.social-profile-connect .connection-logo .network.bluesky:after,
.add-team-member .connection-logo .network.bluesky:after {
  font-family: "CoS";
  content: "\e9eb";
}
.social-profile-connect .connection-logo .network.threads,
.add-team-member .connection-logo .network.threads {
  background-color: #000000;
}
.social-profile-connect .connection-logo .network.threads:after,
.add-team-member .connection-logo .network.threads:after {
  font-family: "CoS";
  content: "\e9f9";
}
.social-profile-connect .connection-logo .network.youtube,
.add-team-member .connection-logo .network.youtube {
  color: #ff0000;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
}
.social-profile-connect .networks,
.add-team-member .networks {
  display: grid;
  grid-template: repeat(2, 1fr)/repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}
@media (max-width: 1250px), (max-width: 700px) {
  .social-profile-connect .networks,
.add-team-member .networks {
    grid-template: repeat(3, 1fr)/repeat(2, 1fr);
  }
}
@media (max-width: 925px) {
  .social-profile-connect .networks,
.add-team-member .networks {
    grid-template: repeat(6, 1fr)/1fr;
  }
}
.social-profile-connect .network-sub-type,
.add-team-member .network-sub-type {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  position: relative;
  color: #999999;
  margin-top: 15px;
  border-radius: 2px;
}
.social-profile-connect .network-sub-type:after,
.add-team-member .network-sub-type:after {
  font-family: "CoS";
  content: "\3e";
  position: absolute;
  right: 15px;
  display: none;
}
.social-profile-connect .network-sub-type:hover,
.add-team-member .network-sub-type:hover {
  background-color: #f7f7f7;
  color: #666666;
  text-decoration: none;
}
.social-profile-connect .network-sub-type:hover:after,
.add-team-member .network-sub-type:hover:after {
  display: block;
}
.social-profile-connect .network-sub-type .type-box,
.add-team-member .network-sub-type .type-box {
  display: flex;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: #999999;
  color: #ffffff;
  margin-right: 15px;
  font-size: 18px;
}
.social-profile-connect .network-sub-type .type-box.facebook,
.add-team-member .network-sub-type .type-box.facebook {
  background-color: #3b5998;
}
.social-profile-connect .network-sub-type .type-box.instagram,
.add-team-member .network-sub-type .type-box.instagram {
  background-color: #e34061;
}
.social-profile-connect .network-sub-type .type-box.linkedin,
.add-team-member .network-sub-type .type-box.linkedin {
  background-color: #0073a5;
}
.social-profile-connect .steps,
.add-team-member .steps {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.social-profile-connect .steps .video,
.add-team-member .steps .video {
  margin-top: 10px;
}
.social-profile-connect ol.connection-walkthrough li,
.add-team-member ol.connection-walkthrough li {
  margin-bottom: 10px;
  font-weight: bold;
}
.social-profile-connect ol.connection-walkthrough p.small,
.add-team-member ol.connection-walkthrough p.small {
  font-weight: normal;
}
.social-profile-connect ol.connection-walkthrough ul,
.add-team-member ol.connection-walkthrough ul {
  list-style: none;
  margin-top: 5px;
}
.social-profile-connect ol.connection-walkthrough ul li,
.add-team-member ol.connection-walkthrough ul li {
  font-size: 12px;
  font-weight: normal;
  color: #999999;
}
.social-profile-connect .connection-step-back,
.social-profile-connect .invite-another-button,
.add-team-member .connection-step-back,
.add-team-member .invite-another-button {
  position: absolute;
  bottom: 25px;
  left: 30px;
}
.social-profile-connect a.connect-button,
.social-profile-connect .invite-button,
.add-team-member a.connect-button,
.add-team-member .invite-button {
  position: absolute;
  bottom: 25px;
  right: 35px;
}

.mastodon-server-select {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
  margin-top: 15px;
}
.mastodon-server-select .profile-image {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.mastodon-server-select span {
  margin-bottom: 5px;
}
.mastodon-server-select .mastodon-url {
  grid-area: 4/1/5/3;
  background-color: #f7f7f7;
  padding: 10px 15px 5px;
  border-radius: 4px;
}
.mastodon-server-select .mastodon-url .small {
  font-size: 13px;
}
.mastodon-server-select .mastodon-url input {
  width: 100%;
  box-sizing: border-box;
}
.mastodon-server-select .mastodon-url .url-error {
  color: #b94a48;
  font-size: 13px;
}
.mastodon-server-select .input-error {
  border-color: #b94a48;
  box-shadow: 0 0 8px rgba(185, 74, 72, 0.5);
}

.social-connect-modal,
.add-team-modal {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  margin: 0;
}
.social-connect-modal.profile-limit .modal-container,
.add-team-modal.profile-limit .modal-container {
  width: 600px;
  padding: 30px 60px;
}
.social-connect-modal .org-contact,
.add-team-modal .org-contact {
  margin-top: 10px;
  padding: 10px;
  border-radius: 4px;
  background-color: #f7f7f7;
}
.social-connect-modal .org-contact .account-contact-details,
.add-team-modal .org-contact .account-contact-details {
  display: flex;
  align-items: center;
}
.social-connect-modal .org-contact .account-contact-details .img-circle,
.add-team-modal .org-contact .account-contact-details .img-circle {
  margin-right: 20px;
}
.social-connect-modal .org-contact .account-contact-details .contact-name,
.add-team-modal .org-contact .account-contact-details .contact-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #808080;
}
.social-connect-modal .modal-container,
.add-team-modal .modal-container {
  max-width: 950px;
  width: auto;
  height: auto;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
}
.social-connect-modal .modal-container button.close-button,
.add-team-modal .modal-container button.close-button {
  position: absolute;
  right: 5px;
  top: 5px;
}
.social-connect-modal .modal-container button.close-button span,
.add-team-modal .modal-container button.close-button span {
  margin-right: 0;
  font-size: 15px;
}
.social-connect-modal .modal-container p,
.add-team-modal .modal-container p {
  padding: 0;
}
.social-connect-modal .social-profile-connect,
.social-connect-modal .add-team-member,
.add-team-modal .social-profile-connect,
.add-team-modal .add-team-member {
  grid-template: "connection sidebar" 100%/auto 300px;
}
@media only screen and (max-width: 750px) {
  .social-connect-modal .social-profile-connect,
.social-connect-modal .add-team-member,
.add-team-modal .social-profile-connect,
.add-team-modal .add-team-member {
    grid-template: "connection" 100%/100%;
  }
  .social-connect-modal .social-profile-connect .resource-sidebar,
.social-connect-modal .add-team-member .resource-sidebar,
.add-team-modal .social-profile-connect .resource-sidebar,
.add-team-modal .add-team-member .resource-sidebar {
    display: none;
  }
}
.social-connect-modal .social-profile-connect .networks,
.social-connect-modal .add-team-member .networks,
.add-team-modal .social-profile-connect .networks,
.add-team-modal .add-team-member .networks {
  grid-template: repeat(3, 1fr)/repeat(2, 1fr);
}
@media (max-width: 925px) and (min-width: 701px) {
  .social-connect-modal .social-profile-connect .networks,
.social-connect-modal .add-team-member .networks,
.add-team-modal .social-profile-connect .networks,
.add-team-modal .add-team-member .networks {
    grid-template: repeat(6, 1fr)/1fr;
  }
}
.social-connect-modal .social-profile-connect .connection-step,
.social-connect-modal .social-profile-connect .team-member-fields,
.social-connect-modal .add-team-member .connection-step,
.social-connect-modal .add-team-member .team-member-fields,
.add-team-modal .social-profile-connect .connection-step,
.add-team-modal .social-profile-connect .team-member-fields,
.add-team-modal .add-team-member .connection-step,
.add-team-modal .add-team-member .team-member-fields {
  padding: 80px 60px;
}
.social-connect-modal .resource-sidebar,
.add-team-modal .resource-sidebar {
  width: 300px;
  padding: 80px 60px;
}

.ig-dp-modal .close-btn {
  position: absolute;
  right: 5px;
  top: 5px;
}

.social-delete-modal,
.social-reconnect-modal {
  position: relative;
  width: 560px;
  margin-left: 0;
  transform: translateX(-50%);
  padding: 15px 50px 35px;
  color: #666666;
}
.social-delete-modal .close-btn,
.social-reconnect-modal .close-btn {
  position: absolute;
  right: 5px;
  top: 5px;
}
.social-delete-modal .modal-container,
.social-reconnect-modal .modal-container {
  display: flex;
  flex-direction: column;
}
.social-delete-modal .profile-detail-bar,
.social-reconnect-modal .profile-detail-bar {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: #f7f7f7;
  margin-bottom: 25px;
}
.social-delete-modal .profile-detail-bar .profile-image,
.social-reconnect-modal .profile-detail-bar .profile-image {
  position: relative;
  height: 25px;
  width: 25px;
  margin-right: 20px;
  flex-shrink: 0;
  flex-shrink: 0;
}
.social-delete-modal .profile-detail-bar .profile-image img,
.social-reconnect-modal .profile-detail-bar .profile-image img {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 25px;
}
.social-delete-modal .profile-detail-bar .profile-image img img,
.social-delete-modal .profile-detail-bar .profile-image img .no-thumbnail,
.social-reconnect-modal .profile-detail-bar .profile-image img img,
.social-reconnect-modal .profile-detail-bar .profile-image img .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.social-delete-modal .profile-detail-bar .profile-image .service-icon,
.social-reconnect-modal .profile-detail-bar .profile-image .service-icon {
  position: absolute;
  bottom: -2.5px;
  right: -2.5px;
}
.social-delete-modal .profile-detail-bar .profile-image[class*="--brand-logo"],
.social-reconnect-modal .profile-detail-bar .profile-image[class*="--brand-logo"] {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
.social-delete-modal .profile-delete-stats,
.social-reconnect-modal .profile-delete-stats {
  margin: 10px 0 30px;
  color: #d15451;
}
.social-delete-modal .profile-delete-stats ul,
.social-reconnect-modal .profile-delete-stats ul {
  margin: 0 0 10px 10px;
}
.social-delete-modal .profile-delete-stats ul li,
.social-reconnect-modal .profile-delete-stats ul li {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  height: 20px;
  margin-bottom: 10px;
}
.social-delete-modal .profile-delete-stats ul li:before,
.social-reconnect-modal .profile-delete-stats ul li:before {
  font-family: "CoS";
  content: "\e000";
  color: #fce9e8;
  font-size: 12px;
  margin-right: 15px;
}
.social-delete-modal .profile-delete-stats ul li strong,
.social-reconnect-modal .profile-delete-stats ul li strong {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 5px;
}
.social-delete-modal .administrator-list,
.social-reconnect-modal .administrator-list {
  display: flex;
  flex-direction: column;
  margin: 10px 0 20px;
}
.social-delete-modal .administrator-list .admin-row,
.social-reconnect-modal .administrator-list .admin-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.social-delete-modal .administrator-list .admin-row .profile-image,
.social-reconnect-modal .administrator-list .admin-row .profile-image {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-right: 10px;
  border-radius: 30px;
  flex-shrink: 0;
}
.social-delete-modal .administrator-list .admin-row .profile-image img,
.social-delete-modal .administrator-list .admin-row .profile-image .no-thumbnail,
.social-reconnect-modal .administrator-list .admin-row .profile-image img,
.social-reconnect-modal .administrator-list .admin-row .profile-image .no-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.social-sync-modal .sync-complete,
.social-sync-modal .social-sync-error {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.social-sync-modal .sync-complete .upload-progress.width-100,
.social-sync-modal .social-sync-error .upload-progress.width-100 {
  visibility: hidden;
  animation: social-sync-progress-animation 0.95s ease-in-out;
}
@keyframes social-sync-progress-animation {
  0% {
    width: 100%;
    visibility: visible;
  }
  25% {
    width: 100%;
  }
  90% {
    width: 6px;
    opacity: 1;
  }
  100% {
    width: 6px;
    opacity: 0;
  }
}
.social-sync-modal .sync-complete .complete-checkmark,
.social-sync-modal .sync-complete .failed-icon,
.social-sync-modal .social-sync-error .complete-checkmark,
.social-sync-modal .social-sync-error .failed-icon {
  display: flex;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  background-color: #6ba066;
  margin-top: -30px;
  height: 40px;
  width: 40px;
  border-radius: 40px;
  animation: social-sync-checkmark-animation 0.75s 0.9s ease-in-out forwards;
}
@keyframes social-sync-checkmark-animation {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(0, 0);
  }
  85% {
    transform: scale(1.1, 1.1);
    opacity: 0.85;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
  }
}
.social-sync-modal .sync-complete .complete-checkmark span,
.social-sync-modal .sync-complete .failed-icon span,
.social-sync-modal .social-sync-error .complete-checkmark span,
.social-sync-modal .social-sync-error .failed-icon span {
  font-size: 24px;
  color: #ffffff;
}
.social-sync-modal .sync-complete .failed-icon,
.social-sync-modal .social-sync-error .failed-icon {
  background-color: #d15451;
  margin-top: 0;
  margin-bottom: 20px;
  animation: social-sync-failed-animation 1s 0.1s ease-in-out forwards;
}
@keyframes social-sync-failed-animation {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(0, 0);
  }
  40% {
    opacity: 1;
    transform: scale(1.2, 1.2);
  }
  60% {
    transform: scale(1.2, 1.2) rotate(-30deg);
  }
  70% {
    transform: scale(1.2, 1.2) rotate(30deg);
  }
  80% {
    transform: scale(1.2, 1.2) rotate(-30deg);
  }
  90% {
    transform: scale(1.2, 1.2) rotate(30deg);
  }
  100% {
    transform: scale(1, 1) rotate(0deg);
    visibility: visible;
  }
}
.social-sync-modal .social-sync-error {
  text-align: center;
}
.social-sync-modal .social-sync-error p {
  width: 250px;
}

.account-error {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 30px 15px 75px;
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  margin-bottom: 20px;
  flex-shrink: 0;
  border-radius: 6px;
}
.account-error .top {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
}
.account-error .top .profile-image {
  position: absolute;
  left: -50px;
}
.account-error .top h5 {
  position: relative;
  left: -50px;
}

.modal.social-group-modal {
  width: 900px;
  position: absolute;
}
.modal.social-group-modal .modal-body {
  padding: 30px;
  min-height: 300px;
  max-height: calc(100vh - 280px);
}
.modal.social-group-modal .modal-body h4 {
  margin: 20px 0 30px;
  font-size: 24px;
}
.modal.social-group-modal .modal-body input {
  width: 400px;
  padding: 10px;
  margin-bottom: 30px;
}
.modal.social-group-modal .selection-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}
.modal.social-group-modal .selection-list label.simple-checkbox.outline input[type=checkbox] + span:before {
  margin-top: 10px;
}
.modal.social-group-modal .selection-list label.simple-checkbox input[type=checkbox]:disabled + span {
  opacity: 0.6;
}
.modal.social-group-modal .selection-list .social-profile {
  display: flex;
  align-items: center;
}
.modal.social-group-modal .selection-list .social-profile .profile-info h5 {
  margin: 0;
  line-height: initial;
}
.modal.social-group-modal .selection-list .social-profile .profile-info .group-details {
  font-size: 12px;
  font-style: italic;
  line-height: 15px;
}
.modal.social-group-modal .selection-list .social-profile .profile-image {
  position: relative;
  margin-right: 15px;
  flex-shrink: 0;
}
.modal.social-group-modal .selection-list .social-profile .profile-image img {
  height: 34px;
  width: 34px;
  border-radius: 34px;
  border: 1px solid #e6e6e6;
}
.modal.social-group-modal .selection-list .social-profile .profile-image .service-icon {
  font-size: 16px;
  position: absolute;
  right: -3px;
  top: 22px;
}
.modal.social-group-modal .selection-list .social-profile .profile-image .service-icon.icon-tiktok, .modal.social-group-modal .selection-list .social-profile .profile-image .service-icon.icon-youtube_social {
  border-radius: 50%;
  padding: 4px;
  border: 1px solid #e6e6e6;
}
.modal.social-group-modal .selection-list .social-profile .profile-image .service-icon.icon-tiktok {
  color: #ffffff;
  background-color: #000000;
  font-size: 12px;
  right: -4px;
  top: 18px;
}
.modal.social-group-modal .selection-list .social-profile .profile-image .service-icon.icon-youtube_social {
  background-color: #ffffff;
  font-size: 14px;
  right: -4px;
  top: 18px;
}
.modal.social-group-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
}

.resource-sidebar {
  display: flex;
  flex-direction: column;
  width: 350px;
  background-color: #f7f7f7;
  height: 100%;
  grid-area: sidebar;
  padding: 10vh 60px 0;
  box-sizing: border-box;
}
.resource-sidebar .link-container {
  display: flex;
  flex-direction: column;
}
.resource-sidebar .link-container .resource-link {
  margin-bottom: 15px;
}

.resource-floating {
  position: relative;
}
.resource-floating .resource-sidebar {
  width: 275px;
  margin: 50px 25px 0 0;
  padding: 20px;
  border-radius: 6px;
  height: auto;
  flex-grow: 0;
}

.power-ups .ami-logo {
  background-image: url("/img/power-ups/ami-logo-ebf52582213df63c32eb1a142832995d.svg");
}
.power-ups .agency-toolkit-logo {
  background-image: url("/img/power-ups/white-label-3a6084c03ec8c8193b30f3d2c540627e.svg");
}
.power-ups .conversations-logo {
  background-image: url("/img/power-ups/conversations-f6a52476437ea3233c753394a3b2fac7.svg");
}
.power-ups .project-management-logo {
  background-image: url("/img/power-ups/project-management-9f9a329fe371f43c0078cbd88627ee52.svg");
}
.power-ups .requeue-logo {
  background-image: url("/img/power-ups/requeue-f27ce51799be5d91fd6f4cab4658c543.svg");
}
.power-ups .social-approvals-logo {
  background-image: url("/img/power-ups/social-approvals-d441943c6e09cade169b394bf8c7094a.svg");
}
.power-ups .sub-calendars-logo {
  background-image: url("/img/power-ups/agency-toolkit-ff9c562966b2fbfbe4b1f2ee5cb9504a.svg");
}
.power-ups .team-management-logo {
  background-image: url("/img/power-ups/team-management-030942a2bc8a9c74bb8cf31b081c6ff1.svg");
}
.power-ups .card-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(425px, 1fr));
  grid-auto-rows: 235px;
  grid-gap: 20px;
  padding-bottom: 150px;
}
.power-ups .power-up-card {
  display: flex;
  flex-direction: column;
  justify-self: center;
  width: 100%;
  max-width: 600px;
  height: 100%;
  border-radius: 15px;
  border: 3px solid #f7f7f7;
  padding: 15px;
  box-sizing: border-box;
}
.power-ups .power-up-card.highlight {
  border: 3px solid #f9a97d;
}
.power-ups .power-up-card .header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.power-ups .power-up-card .header .power-up-logo {
  display: block;
  height: 50px;
  width: 50px;
  margin-right: 20px;
  flex-shrink: 0;
}
.power-ups .power-up-card .header h4 {
  margin: 0;
}
.power-ups .power-up-card .header .enabled-pill {
  display: none;
  padding: 1px 10px;
  background-color: #e9f0f4;
  color: #448499;
  border-radius: 20px;
  margin-top: 1px;
  font-size: 12px;
}
.power-ups .power-up-card .header .enabled-pill span {
  position: relative;
  top: 1px;
}
.power-ups .power-up-card .header .dropdown-trigger {
  visibility: hidden;
  margin: 0 0 auto auto;
  padding: 8px 10px;
}
.power-ups .power-up-card .header .dropdown-trigger .icon {
  font-size: 16px;
  margin: 0;
}
.power-ups .power-up-card .footer {
  display: flex;
  position: relative;
  margin-top: auto;
}
.power-ups .power-up-card .footer .academy-text {
  width: 100px;
  position: absolute;
  right: 85px;
  font-style: italic;
  color: #999999;
}
.power-ups .power-up-card.enabled .enabled-pill {
  display: inline-block;
}
.power-ups .power-up-card.enabled .dropdown-trigger {
  visibility: visible;
}

.power-up-settings-header {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.power-up-settings-header .section {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  padding-right: 50px;
  box-sizing: border-box;
}
.power-up-settings-header .video {
  display: block;
  width: 256px;
  height: 144px;
  flex-shrink: 0;
  background-color: #f7f7f7;
  margin-left: auto;
  border: 1px solid #e6e6e6;
  animation: loading-video 2s ease infinite alternate;
}
@keyframes loading-video {
  0% {
    background-color: #f7f7f7;
  }
  100% {
    background-color: #e6e6e6;
  }
}

.conversations-settings-container .alert-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.conversations-settings-container .alert-container .alert-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  background-color: #fbf3db;
  color: #c09853;
  font-size: 20px;
  flex-shrink: 0;
  margin-bottom: 15px;
}
.conversations-settings-container .alert-container p {
  max-width: 550px;
}

.requeue-settings {
  width: 100%;
  margin-bottom: 100px;
}
.requeue-settings .requeue-setting-title {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin: 20px -10px;
}
.requeue-settings .requeue-setting-title h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  font-style: normal;
  padding: 10px;
}
.requeue-settings .message-sending-limits .sending-limit-select {
  display: inline;
  width: 50px;
  min-width: auto;
  margin: 0 3px;
}
.requeue-settings table.requeue-table {
  position: relative;
  margin-left: 20px;
  margin-bottom: 10px;
  width: 95%;
  color: #999999;
  border-bottom: 1px solid #e6e6e6;
}
.requeue-settings table.requeue-table tr:last-child td {
  border-bottom: none;
}
.requeue-settings table.requeue-table th.requeue-table-days {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  min-width: 70px;
  padding: 20px 0 8px 0;
  border-bottom: 1px solid #e6e6e6;
}
.requeue-settings table.requeue-table th.requeue-table-times {
  font-size: 11px;
  font-weight: normal;
  padding: 15px;
  border: 1px solid #e6e6e6;
  width: 70px;
}
.requeue-settings table.requeue-table td.requeue-table-grey {
  padding: 15px;
  background-color: #f7f7f7;
  border: 1px solid #ffffff;
  cursor: pointer;
}
.requeue-settings table.requeue-table td.requeue-table-grey:hover {
  background-color: #f7f7f7;
}
.requeue-settings table.requeue-table td.requeue-table-green {
  padding: 15px;
  background-color: #8ac884;
  border: 1px solid #ffffff;
}
.requeue-settings table.requeue-table td.requeue-table-green:hover {
  cursor: pointer;
  background-color: #8ac884;
}
.requeue-settings table.requeue-table .requeue-am-pm {
  font-size: 11px;
  text-align: center;
  transform: rotate(-90deg);
}
.requeue-settings table.requeue-table .requeue-am-pm .am {
  bottom: 50px;
  right: 97px;
  height: 20px;
  width: 104px;
  background-color: #e9f0f4;
  border: 1px solid #ffffff;
  position: absolute;
  display: inline;
  padding: 2px 50px;
  border-bottom: none;
}
.requeue-settings table.requeue-table .requeue-am-pm .pm {
  bottom: 50px;
  right: 303px;
  height: 20px;
  width: 104px;
  background-color: #e9f0f4;
  border: 1px solid #ffffff;
  position: absolute;
  display: inline;
  padding: 2px 50px;
  border-bottom: none;
}
.requeue-settings .requeue-slider-container {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.requeue-settings .requeue-slider-container .requeue-slider {
  display: block;
  margin-right: 20px;
}
.requeue-settings .requeue-slider-container .requeue-slider .slider-level-text {
  color: #999999;
  font-size: 11px;
  display: flex;
  justify-content: space-between;
}
.requeue-settings .requeue-slider-container .requeue-slider .range {
  -webkit-appearance: none;
  width: 500px;
  height: 13px;
  border-radius: 10px;
  background-image: linear-gradient(to right, #e0f7cf, #6ba066);
  outline: none;
  padding: 0;
  margin-top: 20px;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.requeue-settings .requeue-slider-container .requeue-slider .range:disabled {
  opacity: 0.4;
  background-image: linear-gradient(to right, #f7f7f7, #b3b3b3);
}
.requeue-settings .requeue-slider-container .requeue-slider .range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.requeue-settings .requeue-slider-container .requeue-slider .range::-moz-range-thumb {
  border: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.requeue-settings .requeue-profile-container .requeue-profile,
.requeue-settings .requeue-profile-container .profile-toggle,
.requeue-settings .requeue-profile-container .profile-info,
.requeue-settings .requeue-profile-container .daily-limits,
.requeue-settings .requeue-profile-container .day-container {
  display: flex;
  align-items: center;
}
.requeue-settings .requeue-profile-container .requeue-profile {
  justify-content: space-between;
  padding: 20px 0;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.requeue-settings .requeue-profile-container .requeue-profile .avatar {
  height: 48px;
  width: 48px;
  margin: 0 10px;
}
.requeue-settings .requeue-profile-container .requeue-profile .avatar img {
  height: 38px;
  width: 38px;
}
.requeue-settings .requeue-profile-container .requeue-profile .profile-frequency-container .daily-limits {
  min-height: 70px;
}
.requeue-settings .requeue-profile-container .requeue-profile .profile-frequency-container select.daily-value {
  width: 50px;
  margin: 0 5px;
}
.requeue-settings .requeue-profile-container .requeue-profile .profile-frequency-container .day-container {
  flex-direction: column;
}
.requeue-settings .requeue-profile-container .requeue-profile .profile-frequency-container .day-container .day-label {
  margin: 0;
  font-size: 12px;
}
.requeue-settings .requeue-profile-container .requeue-profile .profile-frequency-container .day-container select.daily-value {
  margin-bottom: 20px;
  min-width: auto;
}
.requeue-settings .requeue-profile-container .requeue-profile .profile-frequency-container .toggle-daily {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.requeue-settings .requeue-off {
  color: #c09853;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #fdecac;
  margin: 20px 0;
}
.requeue-settings .requeue-settings-tabs {
  display: flex;
  margin: 10px 0 20px;
}
.requeue-settings .requeue-settings-tabs .tab {
  border-bottom: 3px solid transparent;
  margin-right: 20px;
  padding: 10px 5px;
  transition: all 0.2s ease;
  color: #808080;
}
.requeue-settings .requeue-settings-tabs .tab h4 {
  margin: 0;
}
.requeue-settings .requeue-settings-tabs .tab h4 span {
  position: relative;
  top: 1px;
}
.requeue-settings .requeue-settings-tabs .tab.active, .requeue-settings .requeue-settings-tabs .tab:hover {
  color: #666666;
  border-bottom: 3px solid #e6e6e6;
}
.requeue-settings .requeue-settings-tabs .tab.active, .requeue-settings .requeue-settings-tabs .tab.active:hover {
  border-bottom: 3px solid #d17760;
}

.company-settings {
  margin: 0 auto;
  max-width: 850px;
}
.company-settings label {
  color: #808080;
}
.company-settings .company-details {
  display: flex;
  border: 1px solid #e6e6e6;
  padding: 40px 50px;
  border-radius: 6px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 700px) {
  .company-settings .company-details {
    flex-direction: column;
    align-items: center;
  }
}
.company-settings .company-inputs {
  width: 450px;
  margin-left: 50px;
}
@media only screen and (max-width: 700px) {
  .company-settings .company-inputs {
    margin: 30px 0 0 0;
  }
}
.company-settings .company-inputs input.company-name {
  font-size: 18px;
  padding: 8px 6px;
  height: 40px;
}
.company-settings .company-inputs input {
  margin-bottom: 20px;
}
.company-settings .company-logo-container {
  margin: 10px auto 0;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.company-settings .company-logo-container .has-logo label {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.company-settings .company-logo-container .has-logo .company-logo {
  max-height: 300px;
  max-width: 215px;
  -o-object-fit: contain;
     object-fit: contain;
}
.company-settings .company-logo-container .logo-upload-button {
  margin: 10px 0 0;
}
.company-settings .company-logo-container .no-logo {
  background-color: #f7f7f7;
  border-radius: 2px;
  text-align: center;
}
.company-settings .company-logo-container .no-logo.user-permissions {
  height: 50px;
  line-height: 16px;
  padding: 55px;
}
.company-settings .company-logo-container .no-logo.admin-permissions {
  box-shadow: 1px 1px 5px #b3b3b3;
}
.company-settings .company-logo-container .no-logo.admin-permissions label {
  margin-top: -30px;
  height: 115px;
  line-height: 16px;
  padding: 35px 35px 0;
  transition: all 0.2s ease;
}
.company-settings .company-logo-container .no-logo.admin-permissions label i {
  display: block;
}
.company-settings .company-logo-container .no-logo.admin-permissions label:hover {
  color: #999999;
  transition: all 0.2s ease;
}

.settings-page-details.team-member-details {
  margin-top: 40px;
}
.settings-page-details.team-member-details .team-member .profile-image {
  height: 80px;
  width: 80px;
}
.settings-page-details.team-member-details .team-member .profile-image img {
  height: 80px;
  width: 80px;
  border-radius: 80px;
}
.settings-page-details.team-member-details .pending-controls {
  margin-top: 10px;
  margin-bottom: 30px;
}
.settings-page-details.team-member-details .access-row {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.settings-page-details.team-member-details .access-row:last-of-type, .settings-page-details.team-member-details .access-row:only-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.add-team-modal .modal-container {
  max-width: 800px;
}
.add-team-modal .modal-container button.close-button {
  right: 10px;
}
.add-team-modal .add-team-member .limit-met {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 60px;
  text-align: center;
}
.add-team-modal .add-team-member .team-member-fields {
  padding: 30px 60px 80px;
}
.add-team-modal .add-team-member .team-member-fields .add-team-member-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.add-team-modal .add-team-member .team-member-fields #team-member-email {
  width: calc(100% - 14px);
  border-radius: 2px;
  margin-bottom: 20px;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f7f7f7;
  width: 250px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 5px 8px;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-transform: capitalize;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger:hover {
  background-color: #e6e6e6;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger .role {
  margin: 0 5px 0 0;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger .role .user-role-icon:after {
  font-family: "CoS";
  content: "\e99a";
  color: #d17760;
  font-size: 14px;
  position: relative;
  top: 1px;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger .role.owner .user-role-icon:after {
  content: "\e999";
  color: #c09853;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger .role.manager .user-role-icon:after {
  content: "\e998";
  color: #c09853;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger .role.admin .user-role-icon:after {
  content: "\e995";
  color: #c09853;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger .role.guest .user-role-icon:after {
  content: "\e997";
  color: #62acc4;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger .role.custom .user-role-icon:after {
  content: "\e996";
  color: #62acc4;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger .role.no-access .user-role-icon:after {
  content: "\25d2";
  color: #d15451;
}
.add-team-modal .add-team-member .team-member-fields .dropdown-trigger h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.add-team-modal .add-team-member .org-contact {
  margin-top: 10px;
  padding: 10px;
  border-radius: 4px;
  background-color: #f7f7f7;
}
.add-team-modal .add-team-member .org-contact .account-contact-details {
  display: flex;
  align-items: center;
}
.add-team-modal .add-team-member .org-contact .account-contact-details .img-circle {
  height: 100px;
  width: 100px;
  margin-right: 20px;
}
.add-team-modal .add-team-member .org-contact .account-contact-details .contact-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #808080;
}
.add-team-modal .multi-cal-role-list {
  margin-top: 10px;
}
.add-team-modal .multi-cal-role-list .calendar-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f7f7f7;
  padding: 10px 0 5px;
}
.add-team-modal .multi-cal-role-list .calendar-container:last-of-type {
  border-bottom: none;
}
.add-team-modal .multi-cal-role-list .calendar-container .calendar-name {
  display: flex;
  align-items: center;
  min-width: 0;
}
.add-team-modal .multi-cal-role-list .calendar-container .calendar-name h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
}
.add-team-modal .multi-cal-role-list .calendar-container .calendar-name .dot {
  display: block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  margin: 9px 10px 11px 0;
  flex-shrink: 0;
}
.add-team-modal .multi-cal-role-list .calendar-container .dropdown-trigger {
  margin: 0 0 0 10px;
  flex-shrink: 0;
}

.settings-page-main.team-member-list {
  display: initial;
}
.settings-page-main.team-member-list .settings-page-details {
  max-width: initial;
  margin: 0;
  position: relative;
}
.settings-page-main.team-member-list .settings-page-details .navigation {
  z-index: 1;
}
.settings-page-main.team-member-list .settings-page-details .navigation .breadcrumb-nav li {
  font-size: 17.5px;
  padding: 0;
  margin: 0;
}
.settings-page-main.team-member-list .settings-page-details .navigation .breadcrumb-nav li:nth-of-type(2) {
  margin-left: 5px;
}
.settings-page-main.team-member-list .settings-page-details .filter-search,
.settings-page-main.team-member-list .settings-page-details .filter-search-input {
  margin: 0;
}
.settings-page-main.team-member-list .settings-page-details .new-role-input {
  margin: 0 0 0 10px;
  height: 20px;
}
.settings-page-main.team-member-list .settings-page-details .team-member-header {
  display: flex;
  align-items: center;
  position: absolute;
  right: 40px;
  z-index: 2;
  margin-top: 10px;
}
.settings-page-main.team-member-list .settings-page-details .team-member-key {
  padding: 7px 5px;
  margin: 10px 0 0;
  width: 100%;
}
.settings-page-main.team-member-list .settings-page-details .team-member-key,
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list {
  display: grid;
  grid-template-columns: minmax(200px, 225px) 2fr 1fr 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 5px;
  border-bottom: 1px solid #e6e6e6;
}
.settings-page-main.team-member-list .settings-page-details .team-member-key .pending-invite-name,
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .pending-invite-name {
  background-color: #f2c069;
  padding: 3px;
  font-style: italic;
}
.settings-page-main.team-member-list .settings-page-details .team-member-key .pending-invite-status,
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .pending-invite-status {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: auto;
  width: 100%;
}
.settings-page-main.team-member-list .settings-page-details .team-member-key .pending-invite-status p,
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .pending-invite-status p {
  color: #c09853;
}
.settings-page-main.team-member-list .settings-page-details .team-member-key .pending-invite-status p:hover,
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .pending-invite-status p:hover {
  cursor: default;
}
.settings-page-main.team-member-list .settings-page-details .team-member-key .pending-invite-status p,
.settings-page-main.team-member-list .settings-page-details .team-member-key .pending-invite-status button,
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .pending-invite-status p,
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .pending-invite-status button {
  font-size: 10px;
}
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list {
  width: calc(100% - 10px);
  padding: 10px;
  align-items: center;
}
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list:hover {
  background-color: #f7f7f7;
  cursor: default;
}
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .profile-image {
  min-width: 30px;
  width: 30px;
  height: 30px;
}
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .profile-image img {
  width: 30px;
  height: 30px;
}
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .role {
  margin-right: 10px;
  font-size: 13px;
}
.settings-page-main.team-member-list .settings-page-details .cos-list.team-member-list .capitalize-role {
  text-transform: capitalize;
}

.permissions-group-empty-state {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  color: #b3b3b3;
}
.permissions-group-empty-state .empty-group-icon {
  padding: 10px;
  color: #e6e6e6;
  font-size: 24px;
}

.resource-sidebar.role-details {
  height: initial;
  margin: auto;
  padding: 20px 30px 30px;
  width: 275px;
}
.resource-sidebar.role-details .role-summary h5 {
  font-weight: bold;
}
.resource-sidebar.role-details .role-summary .role-permission {
  margin: 15px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 18px;
}
.resource-sidebar.role-details .role-summary .role-permission .permission-icon {
  margin-right: 10px;
  margin-top: 4px;
}
.resource-sidebar.role-details .role-summary .role-permission .permission-icon.icon-checkmark {
  color: #6ba066;
}
.resource-sidebar.role-details .role-summary .role-permission .permission-icon.icon-close {
  color: #d15451;
}

.add-team-modal .resource-sidebar.role-details {
  height: 450px;
  overflow-y: auto;
  padding: 50px;
  width: 300px;
}
.add-team-modal .resource-sidebar.role-details .role-definition {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-weight: 700;
  color: #666666;
}
.add-team-modal .resource-sidebar.role-details .role-definition:hover,
.add-team-modal .resource-sidebar.role-details .role-definition .active, .add-team-modal .resource-sidebar.role-details .role-definition:active {
  background-color: transparent;
  color: #333333;
}

.internal-details {
  display: grid;
  grid-template: "content sidebar" 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
.internal-details .managed-by-permission-group {
  background-color: #f7f7f7;
  border-radius: 4px;
  padding: 10px;
  color: #999999;
  font-size: 13px;
  font-style: italic;
  margin: 10px 0;
}
.internal-details .team-member-body {
  padding: 0 20px 40px;
}
.internal-details .detail-card.team-member {
  padding: 20px 0;
}
.internal-details .detail-card.team-member .profile-image {
  height: 75px;
  width: 75px;
}
.internal-details .detail-card.team-member .profile-image img {
  height: 75px;
  width: 75px;
  border-radius: 75px;
}

.settings-page-main {
  display: grid;
  grid-template: "content sidebar" 100%/auto 300px;
  overflow-y: auto;
}
@media only screen and (max-width: 1300px) {
  .settings-page-main {
    grid-template: "content" 100%/1fr;
  }
  .settings-page-main .resource-floating {
    display: none;
  }
}
.settings-page-main .resource-floating {
  grid-area: sidebar;
}
.settings-page-main .settings-page-details {
  display: flex;
  grid-area: content;
  flex-direction: column;
  margin: 0 auto 50px;
  width: 100%;
  max-width: 800px;
  justify-self: center;
  box-sizing: border-box;
}
@media (max-width: 1300px) {
  .settings-page-main .settings-page-details {
    padding: 0 30px 0 0;
  }
}
.settings-page-main .settings-page-details .detail-card {
  display: flex;
  flex-shrink: 0;
  padding: 0 50px;
}
.settings-page-main .settings-page-details .profile-image {
  position: relative;
  height: 60px;
  width: 60px;
  margin-right: 20px;
}
.settings-page-main .settings-page-details .profile-image img {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 60px;
  border: 1px solid #e6e6e6;
}
.settings-page-main .settings-page-details .profile-image img img,
.settings-page-main .settings-page-details .profile-image img .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.settings-page-main .settings-page-details .profile-image .service-icon {
  position: absolute;
  font-size: 20px;
  bottom: -6px;
  right: -6px;
}
.settings-page-main .settings-page-details .profile-image .service-icon.icon-tiktok {
  border-radius: 50%;
  padding: 6px;
  font-size: 20px;
  color: #ffffff;
  background-color: #000000;
}
.settings-page-main .settings-page-details .profile-image .service-icon.icon-youtube_social {
  border-radius: 50%;
  padding: 6px;
  font-size: 25px;
  color: #ff0000;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
}
.settings-page-main .settings-page-details .connected-by {
  display: flex;
}
.settings-page-main .settings-page-details .connected-by span,
.settings-page-main .settings-page-details .connected-by img {
  flex-shrink: 0;
}
.settings-page-main .settings-page-details .connected-by img {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 20px;
  margin: 0 5px 0 7px;
}
.settings-page-main .settings-page-details .connected-by img img,
.settings-page-main .settings-page-details .connected-by img .no-thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

.settings-configuration {
  width: 100%;
  display: grid;
  grid-template: "content sidebar" 100%/auto 300px;
}
@media only screen and (max-width: 1175px) {
  .settings-configuration {
    grid-template: "content" 1fr;
  }
  .settings-configuration .resource-floating {
    display: none;
  }
}
@media only screen and (max-width: 1475px) {
  .application-container.sidebar-open .settings-configuration {
    grid-template: "content" 1fr;
  }
  .application-container.sidebar-open .settings-configuration .resource-floating {
    display: none;
  }
}
.settings-configuration .settings-content {
  grid-area: content;
  padding-bottom: 150px;
}
.settings-configuration .config-row {
  display: flex;
  margin-bottom: 25px;
}
.settings-configuration .config-input {
  display: flex;
  flex-direction: column;
  margin-right: 30px;
}
.settings-configuration .config-input input,
.settings-configuration .config-input button.time-zone,
.settings-configuration .config-input .date-format button {
  border: 0;
  background-color: #f7f7f7;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  height: 35px;
  border-radius: 4px;
  min-width: 180px;
  margin-bottom: 0;
}
.settings-configuration .config-input button.time-zone {
  display: flex;
  align-items: center;
}
.settings-configuration .config-input button.time-zone span {
  font-size: 16px;
}
.settings-configuration .config-input .date-format button {
  padding: 5px 30px 5px 10px;
}
.settings-configuration .config-input input:hover, .settings-configuration .config-input input:focus, .settings-configuration .config-input input:active,
.settings-configuration .config-input button.time-zone:hover,
.settings-configuration .config-input button.time-zone:focus,
.settings-configuration .config-input button.time-zone:active,
.settings-configuration .config-input .date-format button:hover,
.settings-configuration .config-input .date-format button:focus,
.settings-configuration .config-input .date-format button:active {
  color: #4d4d4d;
  background-color: #efefef;
}
.settings-configuration .config-input .calendar-name {
  font-size: 18px;
  line-height: 20px;
  padding: 10px 12px;
  width: 400px;
  height: 40px;
}
.settings-configuration .read-only-logo-uploader {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
.settings-configuration .read-only-logo-uploader input {
  display: none;
}
.settings-configuration .read-only-logo-uploader .has-logo {
  position: relative;
}
.settings-configuration .read-only-logo-uploader .has-logo label:hover .replace-button,
.settings-configuration .read-only-logo-uploader .has-logo label:focus .replace-button {
  opacity: 1;
}
.settings-configuration .read-only-logo-uploader .has-logo .replace-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  transition: opacity 0.25s ease;
}
.settings-configuration .read-only-logo-uploader .has-logo img {
  min-height: 35px;
  max-height: 70px;
  image-rendering: -webkit-optimize-contrast;
}
.settings-configuration .read-only-logo-uploader div:not(.has-logo) label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
  padding: 17px 50px;
  background-color: #f7f7f7;
  border: 2px dashed #e6e6e6;
  border-radius: 4px;
  max-width: 260px;
  color: #666666;
}
.settings-configuration .read-only-logo-uploader div:not(.has-logo) label i {
  margin-right: 15px;
}
.settings-configuration .read-only-logo-uploader div:not(.has-logo) .draggableDropzone.activated label,
.settings-configuration .read-only-logo-uploader div:not(.has-logo) label:hover,
.settings-configuration .read-only-logo-uploader div:not(.has-logo) label:focus {
  border-color: #cccccc;
  color: #4d4d4d;
}
.settings-configuration .settings-alert-well {
  padding: 20px 40px 20px 65px;
  position: relative;
  border: 1px solid #f2c069;
  border-radius: 4px;
  max-width: 650px;
  margin-top: 50px;
}
.settings-configuration .settings-alert-well h4 strong {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: underline;
}
.settings-configuration .settings-alert-well .icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border-radius: 3px;
  background-color: #fbf3db;
  color: #ad894b;
  position: absolute;
  top: 15px;
  left: 20px;
}
.settings-configuration .settings-alert-well .icon-container span {
  font-size: 14px;
}
.settings-configuration .settings-alert-well .status-action-bar {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 3px;
  background-color: #f7f7f7;
  padding: 10px 15px;
}
.settings-configuration .settings-alert-well .status-action-bar .status {
  text-transform: uppercase;
  font-weight: 500;
  margin-left: 5px;
}
.settings-configuration .settings-alert-well .status-action-bar .status.sending {
  color: #6ba066;
}
.settings-configuration .settings-alert-well .status-action-bar .status.paused {
  color: #d15451;
}
.settings-configuration .settings-alert-well.warning {
  border-color: #d15451;
}
.settings-configuration .settings-alert-well.warning .icon-container {
  background-color: #fce9e8;
  color: #d15451;
}

.settings-color-labels .power-tip-btn-wrapper {
  display: inline;
}
.settings-color-labels .sortable-item {
  margin-bottom: 5px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
.settings-color-labels .sortable-item.is-dragging, .settings-color-labels .sortable-item.is-dropping {
  z-index: 10;
  background-color: transparent;
  max-width: 400px;
}
.settings-color-labels .sortable-item.is-dragging .cl-drag, .settings-color-labels .sortable-item.is-dropping .cl-drag {
  cursor: grabbing;
}
.settings-color-labels .color-label-settings {
  padding: 10px 55px 20px;
}
.settings-color-labels .color-label-settings .color-label-selection {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.settings-color-labels .color-label-settings .color-label-selection .selection-heading {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 5px;
}
.settings-color-labels .color-label-settings .color-label-selection .toggle-container {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.settings-color-labels .color-label-settings .color-label-selection .toggle-container .toggle-text {
  margin: 0 0 0 10px;
}
.settings-color-labels .color-label-settings .color-label-selection .toggle-container label {
  margin-bottom: 0;
}
.settings-color-labels .color-label-settings .selection-list {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.settings-color-labels .color-label-settings .selection-list label.simple-checkbox.outline input[type=checkbox] + span:before {
  position: absolute;
  top: 19px;
  left: 15px;
}
.settings-color-labels .color-label-settings .selection-list .simple-checkbox {
  display: block;
}
.settings-color-labels .color-label-settings .selection-list .user-info {
  display: flex;
  align-items: center;
  border: 1px solid #e6e6e6;
  padding: 10px 10px 10px 42px;
  border-radius: 4px;
  min-height: 57px;
  width: 100%;
}
.settings-color-labels .color-label-settings .selection-list .user-info .profile-image {
  margin-right: 10px;
}
.settings-color-labels .color-label-settings .selection-list .social-profile {
  display: flex;
  align-items: center;
  border: 1px solid #e6e6e6;
  padding: 10px 10px 10px 42px;
  border-radius: 4px;
  width: 100%;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-image {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 15px;
  margin-bottom: 5px;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-image img {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  border: 1px solid #e6e6e6;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-image .service-icon {
  font-size: 15px;
  position: absolute;
  right: -5px;
  bottom: -3px;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-image .service-icon.icon-tiktok, .settings-color-labels .color-label-settings .selection-list .social-profile .profile-image .service-icon.icon-youtube_social {
  border-radius: 50%;
  padding: 4px;
  border: 1px solid #e6e6e6;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-image .service-icon.icon-tiktok {
  color: #ffffff;
  background-color: #000000;
  font-size: 10px;
  right: -4px;
  bottom: -3px;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-image .service-icon.icon-youtube_social {
  background-color: #ffffff;
  font-size: 13px;
  right: -6px;
  bottom: -5px;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-info {
  overflow: hidden;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-info h5,
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
  color: #4d4d4d;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .profile-info p {
  color: #808080;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .group-name {
  color: #4d4d4d;
}
.settings-color-labels .color-label-settings .selection-list .social-profile .group-name .group-icon {
  background-color: #e9f0f4;
  border: 1px solid #c1cfd9;
  color: #666666;
  padding: 6px;
  font-size: 15px;
  border-radius: 50px;
  margin-right: 8px;
}
.settings-color-labels .color-label-row {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border-radius: 4px;
  background-color: #f7f7f7;
}
.settings-color-labels .color-label-row .cl-drag {
  padding: 3px;
  margin-right: 15px;
  cursor: grab;
  flex-shrink: 0;
  color: #b3b3b3;
}
.settings-color-labels .color-label-row .spectrum-color-picker-replacer {
  flex-shrink: 0;
}
.settings-color-labels .color-label-row input.cl-name {
  margin: 0 0 0 15px;
  border-color: transparent;
  background-color: transparent;
  width: 100%;
}
.settings-color-labels .color-label-row input.cl-name::-moz-placeholder {
  font-style: italic;
}
.settings-color-labels .color-label-row input.cl-name::placeholder {
  font-style: italic;
}
.settings-color-labels .color-label-row input.cl-name:hover, .settings-color-labels .color-label-row input.cl-name:focus, .settings-color-labels .color-label-row input.cl-name:active {
  border-color: initial;
}
.settings-color-labels .color-label-row input.cl-name:focus, .settings-color-labels .color-label-row input.cl-name:active {
  background-color: #ffffff;
}
.settings-color-labels .color-label-row input.cl-name:focus + button.cl-delete, .settings-color-labels .color-label-row input.cl-name:active + button.cl-delete {
  opacity: 1;
  pointer-events: initial;
}
.settings-color-labels .color-label-row button.cl-delete {
  padding: 5px 12px;
  margin-left: auto;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
}
.settings-color-labels .color-label-row button.cl-delete:hover, .settings-color-labels .color-label-row button.cl-delete:focus {
  opacity: 1;
  pointer-events: initial;
}
.settings-color-labels .color-label-row:hover, .settings-color-labels .color-label-row:focus {
  background-color: #f7f7f7;
}
.settings-color-labels .color-label-row:hover button.cl-delete, .settings-color-labels .color-label-row:focus button.cl-delete {
  opacity: 1;
  pointer-events: initial;
}
.settings-color-labels .create-new-row {
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin: 10px 0 100px;
  border-top: 1px solid #e6e6e6;
  max-width: 400px;
}
.settings-color-labels .create-new-row .spectrum-color-picker-replacer {
  margin-left: 50px;
}
.settings-color-labels .create-new-row .cl-name {
  margin: 0 15px;
}
.settings-color-labels .create-new-row .cl-add {
  padding: 5px 12px;
}
.settings-color-labels .create-new-row .cl-add.is-loading {
  animation: loading-button-in-out 1s ease-in-out infinite alternate;
}
@keyframes loading-button-in-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

.settings-tags .adhoc-tags,
.settings-tags .create-new-tag {
  background-color: #f7f7f7;
  border-radius: 4px;
  padding: 15px 15px 5px;
  margin-bottom: 30px;
  max-width: 800px;
}
.settings-tags .create-new-tag {
  display: flex;
  justify-content: space-between;
  padding: 15px;
}
.settings-tags .create-new-tag input.tags-settings-input {
  width: 50%;
  margin-bottom: 0;
}
.settings-tags .create-new-tag .tag-add.is-loading {
  animation: loading-button-in-out 1s ease-in-out infinite alternate;
}
@keyframes loading-button-in-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.settings-tags .tag-container {
  display: flex;
  flex-wrap: wrap;
}
.settings-tags .tag-container .tag,
.settings-tags .tag-container .tag-loading {
  display: flex;
  align-items: center;
  padding: 4px 8px 4px 5px;
  border-radius: 40px;
  background-color: #f7f7f7;
  margin: 5px;
}
.settings-tags .tag-container .tag input,
.settings-tags .tag-container .tag-loading input {
  border-radius: 40px;
  margin-bottom: 0;
  background-color: transparent;
  border-color: transparent;
  margin-right: 5px;
}
.settings-tags .tag-container .tag input:hover, .settings-tags .tag-container .tag input:focus, .settings-tags .tag-container .tag input:active,
.settings-tags .tag-container .tag-loading input:hover,
.settings-tags .tag-container .tag-loading input:focus,
.settings-tags .tag-container .tag-loading input:active {
  border-color: initial;
}
.settings-tags .tag-container .tag input:focus, .settings-tags .tag-container .tag input:active,
.settings-tags .tag-container .tag-loading input:focus,
.settings-tags .tag-container .tag-loading input:active {
  background-color: #ffffff;
}
.settings-tags .tag-container .tag-loading {
  height: 38px;
  min-width: 180px;
  max-width: 250px;
  box-sizing: border-box;
}

.account-details {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.account-details .account-details-section {
  margin-bottom: 60px;
}
.account-details .user-details-container {
  display: flex;
  padding: 30px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.account-details .user-details-container .user-profile-picture img {
  height: 90px;
  width: 90px;
  border-radius: 90px;
  margin-right: 22.5px;
}
.account-details .user-details-container .user-info {
  display: flex;
  flex-direction: column;
}
.account-details .user-details-container .user-info h4,
.account-details .user-details-container .user-info h5 {
  margin: 0 0 5px 12px;
}

.notification-preferences h3 {
  margin: 0 !important;
}
.notification-preferences .collapsible-item {
  overflow: initial;
}
.notification-preferences .collapsible-item.is-opening {
  animation: height-transition-open 1.3s ease-out 1;
}
.notification-preferences .collapsible-item i.icon-chevron-up {
  display: block;
  transition: all 150ms ease;
}
.notification-preferences .collapsible-item.collapsed {
  min-height: 37px;
  max-height: 37px;
  overflow: hidden;
}
.notification-preferences .collapsible-item.collapsed.is-closing {
  animation: height-transition-closed 500ms ease-out 1;
}
.notification-preferences .collapsible-item.collapsed i.icon-chevron-up {
  transform: rotate(180deg);
}
@keyframes height-transition-closed {
  0% {
    max-height: 100vh;
    overflow: hidden;
  }
  80% {
    max-height: 37px;
    overflow: hidden;
  }
  100% {
    max-height: 37px;
    overflow: hidden;
  }
}
@keyframes height-transition-open {
  0% {
    max-height: 37px;
    overflow: hidden;
  }
  80% {
    max-height: 100vh;
    overflow: hidden;
  }
  100% {
    max-height: 100vh;
    overflow: hidden;
  }
}
.notification-preferences .collapsible-item.collapsed .icon-chevron-up {
  transform: rotate(180deg) !important;
}
.notification-preferences .np-grid-container {
  display: grid;
  grid-template-columns: auto repeat(3, 90px);
  grid-template-rows: 35px;
  border-bottom: 1px solid #e6e6e6;
}
.notification-preferences .np-grid-container:first-of-type, .notification-preferences .np-grid-container:last-of-type {
  border-bottom: none;
}
.notification-preferences .np-grid-container.np-header-grid {
  grid-template-rows: 25px;
}
.notification-preferences .np-grid-container .np-grid-item {
  display: flex;
  align-items: center;
}
.notification-preferences .np-grid-container .np-grid-item.np-column-header {
  font-weight: bold;
  text-transform: uppercase;
  justify-content: center;
  border-bottom: none;
}
.notification-preferences .np-grid-container .np-grid-item.np-column-header .icon-warning {
  color: #ad894b;
  font-size: 10px;
  margin-left: 3px;
}
.notification-preferences .np-grid-container .np-grid-item.np-section-header {
  font-weight: bold;
  text-transform: uppercase;
  background-color: #f7f7f7;
  border-bottom: none;
  padding-left: 10px;
}
.notification-preferences .np-grid-container .np-grid-item.np-section-header.np-section-toggle:hover {
  cursor: pointer;
  color: #666666;
}
.notification-preferences .np-grid-container .np-grid-item.np-section-header.np-section-toggle .icon-chevron-up {
  color: #999999;
  margin-right: 10px;
  transform: rotate(0deg);
  transition: all 150ms ease-out;
}
.notification-preferences .np-grid-container .np-grid-item.np-setting-column {
  padding: 0;
  justify-content: center;
  align-items: center;
  position: relative;
}
.notification-preferences .np-grid-container .np-grid-item.np-setting-column label {
  margin-top: -1px;
}
.notification-preferences .np-grid-container .np-grid-item.np-setting-column .hint-hover {
  z-index: 100;
  top: 95%;
}
.notification-preferences .np-grid-container .np-grid-item.np-name {
  padding-left: 20px;
}
.notification-preferences .np-grid-container .np-grid-item.no-bottom-border {
  border-bottom: initial;
}

.connected-services {
  display: flex;
  flex-direction: column;
}
.connected-services .calendar-name {
  display: flex;
  margin-top: 30px;
}
.connected-services .calendar-name:nth-of-type(1) {
  margin-top: 0;
}
.connected-services .calendar-name .calendar-dot {
  height: 16px;
  width: 16px;
  border-radius: 16px;
  margin-right: 10px;
}
.connected-services .calendar-name span {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.connected-services .connected-service-container {
  display: flex;
  flex-direction: column;
  margin: 0 20px 20px;
  padding: 10px;
}
.connected-services .connected-service-container .service-header {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e6e6e6;
}
.connected-services .connected-service-container .service-header .service-logo {
  display: block;
  height: 18px;
  width: 18px;
  margin-right: 10px;
}
.connected-services .connected-service-container .service-header h4 {
  margin: 0;
}
.connected-services .connected-service-container .service-list .connected-service {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
}
.connected-services .connected-service-container .service-list .connected-service .service-actions i {
  font-size: 12px;
  margin-right: 5px;
}
.connected-services .connected-service-container .service-list .connected-service.no-accounts {
  color: #999999;
  font-style: italic;
}

.icon-attachment-type.icon-wordpress2 {
  color: #21759b;
}
.icon-attachment-type.icon-evernote {
  color: #6fb536;
}
.icon-attachment-type.icon-text_fields {
  color: #62acc4;
}
.icon-attachment-type.icon-folder-upload {
  color: #999999;
}
.icon-attachment-type.icon-social-campaign {
  color: #606077;
}
.icon-attachment-type.icon-coschedule {
  color: #d17760;
}
.icon-attachment-type.icon-constant-contact {
  color: #509cf6;
}
.icon-attachment-type.icon-headline {
  color: #618be0;
}
.icon-attachment-type.icon-wand {
  color: #62acc4;
}
.icon-attachment-type.icon-message-square-check {
  color: #6ba066;
}

.content-wrapper {
  height: calc(100vh - 50px);
  display: flex;
  flex-flow: column;
  min-height: 278px;
  position: fixed;
  left: 60px;
  top: 49px;
  bottom: 0;
  right: 13px;
  z-index: 1200;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  color: #999999;
  background-color: #ffffff;
  min-width: 520px;
  border-radius: 10px 10px 0 0;
}
.content-wrapper .dark-fade.header {
  z-index: 10001;
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: initial;
  width: initial;
  border-radius: 10px 10px 0 0;
}

.content-wrapper,
.app-metabox-container {
  background-color: #ffffff;
}
.content-wrapper.is-template,
.app-metabox-container.is-template {
  top: 13px;
  z-index: 1990;
  height: calc(100vh - 13px);
  box-shadow: 0 6px 20px -2px rgba(0, 0, 0, 0.4);
}
.content-wrapper.is-template:after,
.app-metabox-container.is-template:after {
  content: "";
  z-index: -1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.content-wrapper.is-template .tasks-wrapper.is-applying-template,
.app-metabox-container.is-template .tasks-wrapper.is-applying-template {
  margin-top: 90px;
}
.content-wrapper.is-applying-template .settings-header,
.content-wrapper.is-applying-template .settings-header-background,
.app-metabox-container.is-applying-template .settings-header,
.app-metabox-container.is-applying-template .settings-header-background {
  visibility: hidden !important;
  opacity: 0 !important;
}
.content-wrapper.is-applying-template .settings-header-background,
.app-metabox-container.is-applying-template .settings-header-background {
  margin-bottom: 25px;
}
.content-wrapper.is-applying-template .content-outlet .link-box,
.app-metabox-container.is-applying-template .content-outlet .link-box {
  box-shadow: 1px 1px 5px #aaa;
}
.content-wrapper.is-applying-template .content-outlet .content-inner,
.app-metabox-container.is-applying-template .content-outlet .content-inner {
  padding: 0;
}
.content-wrapper.is-applying-template .content-outlet .content-inner .attachments-picker-wrapper,
.app-metabox-container.is-applying-template .content-outlet .content-inner .attachments-picker-wrapper {
  display: none;
}
.content-wrapper.is-applying-template .content-outlet .attachment .task-social-actions-wrapper,
.app-metabox-container.is-applying-template .content-outlet .attachment .task-social-actions-wrapper {
  visibility: visible;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 0;
}
.content-wrapper.is-applying-template .content-outlet .attachment .task-social-actions-wrapper .task-social-actions,
.app-metabox-container.is-applying-template .content-outlet .attachment .task-social-actions-wrapper .task-social-actions {
  display: flex;
  align-items: center;
  transform: translateY(0);
  transition: all 0.5s ease-out;
  padding: 10px 10px 7px 0;
}
.content-wrapper.is-applying-template .content-outlet .attachment .task-social-actions-wrapper .task-social-actions .input-append,
.app-metabox-container.is-applying-template .content-outlet .attachment .task-social-actions-wrapper .task-social-actions .input-append {
  margin: 0;
  background-color: #ffffff;
}
.content-wrapper.is-applying-template .content-outlet .attachment .attachment-inner.social-queue,
.app-metabox-container.is-applying-template .content-outlet .attachment .attachment-inner.social-queue {
  margin-bottom: 0 !important;
}
.content-wrapper.is-applying-template .dark-fade,
.app-metabox-container.is-applying-template .dark-fade {
  visibility: visible;
  opacity: 0.3;
  transition: all 0.2s ease;
}
.content-wrapper.is-applying-template .dark-fade.content-fade,
.app-metabox-container.is-applying-template .dark-fade.content-fade {
  border-radius: 10px 10px 0 0;
}
.content-wrapper .content-outlet,
.app-metabox-container .content-outlet {
  max-height: calc(100vh - 127px);
  overflow-y: auto;
  animation: fadeInContent 0.5s ease-in;
  height: 100%;
}
.content-wrapper .content-outlet .dark-fade,
.app-metabox-container .content-outlet .dark-fade {
  height: 100%;
}
.content-wrapper .content-outlet .content-inner,
.app-metabox-container .content-outlet .content-inner {
  flex-grow: 1;
  padding-bottom: 70px;
  position: relative;
}
.content-wrapper .content-outlet .content-inner .collapsible-item,
.app-metabox-container .content-outlet .content-inner .collapsible-item {
  overflow: initial;
}
.content-wrapper .content-outlet .content-inner .collapsible-item.is-opening,
.app-metabox-container .content-outlet .content-inner .collapsible-item.is-opening {
  animation: height-transition-open 1.3s ease-out 1;
}
.content-wrapper .content-outlet .content-inner .collapsible-item i.icon-chevron-up,
.app-metabox-container .content-outlet .content-inner .collapsible-item i.icon-chevron-up {
  display: block;
  transition: all 150ms ease;
}
.content-wrapper .content-outlet .content-inner .collapsible-item.collapsed,
.app-metabox-container .content-outlet .content-inner .collapsible-item.collapsed {
  min-height: 41px;
  max-height: 41px;
  overflow: hidden;
}
.content-wrapper .content-outlet .content-inner .collapsible-item.collapsed.is-closing,
.app-metabox-container .content-outlet .content-inner .collapsible-item.collapsed.is-closing {
  animation: height-transition-closed 500ms ease-out 1;
}
.content-wrapper .content-outlet .content-inner .collapsible-item.collapsed i.icon-chevron-up,
.app-metabox-container .content-outlet .content-inner .collapsible-item.collapsed i.icon-chevron-up {
  transform: rotate(180deg);
}
@keyframes height-transition-closed {
  0% {
    max-height: 100vh;
    overflow: hidden;
  }
  80% {
    max-height: 41px;
    overflow: hidden;
  }
  100% {
    max-height: 41px;
    overflow: hidden;
  }
}
@keyframes height-transition-open {
  0% {
    max-height: 41px;
    overflow: hidden;
  }
  80% {
    max-height: 100vh;
    overflow: hidden;
  }
  100% {
    max-height: 100vh;
    overflow: hidden;
  }
}
.content-wrapper .content-outlet .content-inner .collapsible-item,
.app-metabox-container .content-outlet .content-inner .collapsible-item {
  margin-top: -1px;
}
.content-wrapper .content-outlet .content-inner .draggable-attachment.is-dropping,
.app-metabox-container .content-outlet .content-inner .draggable-attachment.is-dropping {
  background-color: transparent;
}
.content-wrapper .content-outlet .content-inner .draggable-attachment.is-dragging,
.app-metabox-container .content-outlet .content-inner .draggable-attachment.is-dragging {
  z-index: 10000;
  background-color: #fff;
  box-shadow: 2px 2px 5px #999999;
}
.content-wrapper .content-outlet .content-inner .draggable-attachment:last-of-type,
.app-metabox-container .content-outlet .content-inner .draggable-attachment:last-of-type {
  border-bottom: 1px solid #b3b3b3;
}
.content-wrapper .content-outlet .content-inner .attachment,
.app-metabox-container .content-outlet .content-inner .attachment {
  margin-top: 0;
  flex-grow: 1;
  position: relative;
}
.content-wrapper .content-outlet .content-inner .attachment.is-new-attachment,
.app-metabox-container .content-outlet .content-inner .attachment.is-new-attachment {
  animation: editor-fadeInUp 250ms ease-in;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle {
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-menu,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-menu {
  opacity: 0;
  margin: -12px -9px -10px -9px;
  padding: 10px;
  transition: all 150ms ease;
  position: relative;
  font-size: 16px;
  z-index: 2;
  transform: scale(0);
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type {
  margin-left: -18px;
  transition: all 150ms ease;
  position: relative;
  z-index: 1;
  font-size: 18px;
  transform: scale(1);
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.icon-text_fields,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.icon-text_fields {
  margin-right: -2px;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.icon-youtube,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.icon-youtube {
  font-size: 20px;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.icon-file-attachment-svg,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.icon-file-attachment-svg {
  height: 16px;
  width: 16px;
  background: url(/img/empty-file-f8025d61ea85a4615ee15a35c7640718.svg) no-repeat center;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.icon-active-campaign,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.icon-active-campaign {
  color: #4073b5;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type[class$="--icon"],
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type[class$="--icon"] {
  width: 16px;
  height: 16px;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.microsoft-word-icon, .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.microsoft-excel-icon, .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.microsoft-powerpoint-icon, .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.office365-select-existing-icon,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.microsoft-word-icon,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.microsoft-excel-icon,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.microsoft-powerpoint-icon,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .icon-attachment-type.office365-select-existing-icon {
  height: 18px;
  width: 18px;
  margin-left: -20px;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area {
  width: 100%;
  align-items: center;
  display: flex;
  padding: 10px 0;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .attachment-type-label,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .attachment-type-label {
  display: inline-block;
  margin: 1px 0 -1px 7px;
  color: #808080;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .attachment-type-label:hover,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .attachment-type-label:hover {
  cursor: pointer;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .attachment-name,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .attachment-name {
  font-size: 11px;
  color: #b3b3b3;
  border: 1px solid #b3b3b3;
  border-radius: 20px;
  margin: 0 10px 0;
  padding: 3px 10px;
  line-height: 1.1;
  max-width: calc(100% - 175px);
  max-height: 19px;
  box-sizing: border-box;
  overflow: hidden;
  word-break: break-all;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .beta-pill,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .beta-pill {
  text-transform: uppercase;
  padding: 2px 7px;
  background-color: #e6e6e6;
  color: #808080;
  font-weight: bold;
  margin-left: 10px;
  font-size: 10px;
  border-radius: 20px;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .campaign-alert,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .campaign-alert {
  margin-left: 5px;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .campaign-alert .icon-warning,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .campaign-alert .icon-warning {
  color: #c09853;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .campaign-alert .tooltip-text,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .campaign-alert .tooltip-text {
  padding: 3px 5px;
  color: #c09853;
  background-color: #fbf3db;
  font-size: 11px;
  width: 200px;
  line-height: 1.3;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .icon-chevron-up,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .outlet-toggle-click-area .icon-chevron-up {
  margin: -1px 0 0 auto;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle .btn.close-btn,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle .btn.close-btn {
  position: absolute;
  top: 7px;
  right: 35px;
  z-index: 10;
  opacity: 0;
  padding-right: 5px;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:hover, .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:focus,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle:hover,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle:focus {
  background-color: whitesmoke;
  cursor: pointer;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:hover .btn.close-btn, .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:focus .btn.close-btn,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle:hover .btn.close-btn,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle:focus .btn.close-btn {
  opacity: 1;
  visibility: visible;
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:hover .icon-menu, .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:focus .icon-menu,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle:hover .icon-menu,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle:focus .icon-menu {
  opacity: 1;
  transform: scale(1);
}
.content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:hover .icon-attachment-type, .content-wrapper .content-outlet .content-inner .attachment .outlet-toggle:focus .icon-attachment-type,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle:hover .icon-attachment-type,
.app-metabox-container .content-outlet .content-inner .attachment .outlet-toggle:focus .icon-attachment-type {
  opacity: 0;
  transform: scale(0);
}
.content-wrapper .content-outlet .content-inner .attachment .element-collapse > .ember-view,
.app-metabox-container .content-outlet .content-inner .attachment .element-collapse > .ember-view {
  overflow: hidden !important;
}
.content-wrapper .content-outlet .content-inner .attachment .attachment-inner,
.app-metabox-container .content-outlet .content-inner .attachment .attachment-inner {
  display: flex;
}
.content-wrapper .content-outlet .content-inner .attachment .attachment-inner.content-attachment,
.app-metabox-container .content-outlet .content-inner .attachment .attachment-inner.content-attachment {
  flex-flow: column;
}
.content-wrapper .content-outlet .content-inner .attachment .attachment-inner.content-attachment .editor-menu,
.app-metabox-container .content-outlet .content-inner .attachment .attachment-inner.content-attachment .editor-menu {
  margin-bottom: -25px;
  margin-right: 0;
  margin-top: 10px;
}
.content-wrapper .content-outlet .content-inner .attachment .attachment-inner.content-attachment .editor-menu.hide,
.app-metabox-container .content-outlet .content-inner .attachment .attachment-inner.content-attachment .editor-menu.hide {
  display: none;
}
.content-wrapper .content-outlet .content-inner .attachment .attachment-inner.content-attachment .content-attachment-wrapper,
.app-metabox-container .content-outlet .content-inner .attachment .attachment-inner.content-attachment .content-attachment-wrapper {
  width: 100%;
  margin: 5px 80px;
}
.content-wrapper .content-outlet .content-inner .attachment .attachment-inner.content-attachment .content-attachment-wrapper .modal,
.app-metabox-container .content-outlet .content-inner .attachment .attachment-inner.content-attachment .content-attachment-wrapper .modal {
  margin-top: 70px;
}
.content-wrapper .content-outlet .content-inner .attachment .attachment-inner.content-attachment .wordpress-site-picker,
.app-metabox-container .content-outlet .content-inner .attachment .attachment-inner.content-attachment .wordpress-site-picker {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1100px) {
  .content-wrapper .content-outlet .content-inner .queue-settings-flyout,
.app-metabox-container .content-outlet .content-inner .queue-settings-flyout {
    position: absolute;
    left: 0;
  }
  .content-wrapper .content-outlet .content-inner .queue-settings-flyout .settings-header,
.app-metabox-container .content-outlet .content-inner .queue-settings-flyout .settings-header {
    left: 0;
  }
  .content-wrapper .content-outlet .content-inner .queue-settings-flyout .queue-settings-wrapper,
.app-metabox-container .content-outlet .content-inner .queue-settings-flyout .queue-settings-wrapper {
    margin-top: 0;
    box-shadow: 1px 1px 5px #999999;
  }
  .content-wrapper .content-outlet .content-inner .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner,
.app-metabox-container .content-outlet .content-inner .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner {
    max-height: 750px;
    overflow-y: auto;
  }
  .content-wrapper .content-outlet .content-inner .queue-settings-flyout.collapsed .queue-settings-wrapper,
.app-metabox-container .content-outlet .content-inner .queue-settings-flyout.collapsed .queue-settings-wrapper {
    box-shadow: none;
  }
}
.content-wrapper .content-outlet .content-inner .collapsible-item,
.app-metabox-container .content-outlet .content-inner .collapsible-item {
  position: relative;
}
.content-wrapper .content-outlet .content-inner .collapsible-item .draft-popover,
.app-metabox-container .content-outlet .content-inner .collapsible-item .draft-popover {
  color: #c09853;
  display: inline-flex;
  align-items: center;
  height: 23px;
  font-size: 12px;
  position: absolute;
  top: 8px;
  left: 160px;
  z-index: 1141;
}
.content-wrapper .content-outlet .content-inner .collapsible-item .draft-popover .hint-hover,
.app-metabox-container .content-outlet .content-inner .collapsible-item .draft-popover .hint-hover {
  background-color: #fdecac;
  color: #c09853;
}
.content-wrapper .content-outlet .content-inner .collapsible-item .draft-popover .hint-hover:after,
.app-metabox-container .content-outlet .content-inner .collapsible-item .draft-popover .hint-hover:after {
  border-bottom-color: #fdecac;
}
.content-wrapper .content-outlet .content-inner .collapsible-item .draft-popover:hover,
.app-metabox-container .content-outlet .content-inner .collapsible-item .draft-popover:hover {
  cursor: pointer;
}
.content-wrapper .content-outlet .content-inner .collapsible-item .draft-alert,
.app-metabox-container .content-outlet .content-inner .collapsible-item .draft-alert {
  margin-bottom: 0;
  opacity: 0;
  max-height: 0;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 14px;
  overflow: hidden;
  transition: all 150ms ease;
}
.content-wrapper .content-outlet .content-inner .collapsible-item .draft-alert.show-alert,
.app-metabox-container .content-outlet .content-inner .collapsible-item .draft-alert.show-alert {
  opacity: 1;
  max-height: 75px;
  padding: 8px 14px;
}
.content-wrapper .content-outlet .content-inner .tour-guide-wrapper,
.app-metabox-container .content-outlet .content-inner .tour-guide-wrapper {
  position: relative;
  width: 100%;
}
.content-wrapper .content-outlet .content-inner .tour-guide-wrapper .btn-tour-guide,
.app-metabox-container .content-outlet .content-inner .tour-guide-wrapper .btn-tour-guide {
  position: absolute;
  bottom: -10px;
  left: 50%;
  color: #b3b3b3;
  margin-left: -8px;
}

.datepicker-dropdown {
  transform: translateY(-5px);
}

ul.ui-autocomplete {
  z-index: 10000;
  width: 180px !important;
  min-width: 180px !important;
  border: none;
  box-shadow: 1px 1px 5px #aaa;
  border-radius: 2px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
ul.ui-autocomplete li.ui-menu-item {
  font-size: 12px;
}
ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}
ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background-color: #f7f7f7;
  color: #666666;
  border: 1px solid #e6e6e6;
}

@keyframes fadeInContent {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutContent {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes content-slideUp {
  0% {
    transform: translate(0, 10vh);
    opacity: 0.75;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.project-header {
  position: relative;
  padding: 0 15px 0 10px;
  display: grid;
  grid-template-areas: "project-title project-actions" "project-tags project-tags";
  grid-template-columns: 1fr 1fr;
  min-width: 485px;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
  z-index: 1210;
  min-height: 66px;
  transform: translateZ(0);
  transition: all 0.5s ease;
}
.project-header.mobile-project-header {
  grid-template-areas: "project-actions" "project-title";
}
.project-header .header-option-button:after,
.project-header .tooltip-text {
  min-width: 100px;
  max-width: 150px;
  white-space: initial;
}
.project-header .project-title-wrapper {
  flex: 1;
  margin-right: 20px;
  grid-area: project-title;
}
.project-header .project-title-wrapper .project-title .project-title-textarea {
  border: 1px solid transparent;
  font-size: 23px;
  font-weight: bold;
  border-radius: 4px;
  padding: 0 10px;
  height: 34px;
  max-height: 85px;
  color: #4d4d4d;
  margin: 10px 0 5px;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  line-height: 27px;
  resize: none;
}
.project-header .project-title-wrapper .project-title .project-title-textarea:hover, .project-header .project-title-wrapper .project-title .project-title-textarea:focus {
  border-color: #cccccc;
  cursor: text;
}
.project-header .project-title-wrapper .project-title .project-title-textarea::-moz-placeholder {
  color: #cccccc !important;
}
.project-header .project-title-wrapper .project-title .project-title-textarea::placeholder {
  color: #cccccc !important;
}
.project-header .project-title-wrapper .project-title .project-title-textarea:disabled {
  border-color: #e6e6e6;
}
.project-header .project-title-wrapper .project-title .project-title-textarea:disabled:hover, .project-header .project-title-wrapper .project-title .project-title-textarea:disabled:focus {
  border-color: #e6e6e6;
  cursor: not-allowed;
}
.project-header .project-title-wrapper .project-title .skeleton, .project-header .project-title-wrapper .project-title .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .project-header .project-title-wrapper .project-title .file-preview {
  margin: 10px 5px;
}
.project-header .project-title-wrapper .project-description {
  display: block;
  width: 100%;
  vertical-align: top;
}
.project-header .project-title-wrapper .project-description .description-text-area {
  border: 1px solid transparent;
  font-size: 12px;
  border-radius: 4px;
  min-width: 100%;
  max-width: 100%;
  max-height: 70px;
  height: 26px;
  box-sizing: border-box;
  padding: 5px 4px 5px 10px;
  resize: none;
}
.project-header .project-title-wrapper .project-description .description-text-area:hover, .project-header .project-title-wrapper .project-description .description-text-area:focus {
  border-color: #cccccc;
  cursor: text;
}
.project-header .project-title-wrapper .project-description p {
  padding-top: 6px;
  color: #b3b3b3;
  margin: 0 0 5px;
}
.project-header .project-title-wrapper .project-description p:hover {
  cursor: pointer;
  color: #4d4d4d;
}
.project-header .project-title-wrapper .project-description .add-description-button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
}
.project-header .project-title-wrapper .tags-inline,
.project-header .project-title-wrapper .description-inline {
  display: inline-block;
  width: initial;
  min-height: 32px;
}
.project-header .project-settings-wrapper {
  display: flex;
  align-items: center;
  grid-area: project-actions;
  justify-content: flex-end;
}
.project-header .project-settings-wrapper .date-time-select .aj-time-picker input {
  height: 35px;
  padding: 0;
  box-sizing: border-box;
}
.project-header .project-settings-wrapper .status-picker {
  margin-left: 5px;
}
.project-header .project-settings-wrapper .status-picker .header-option.drop-down .drop-down-trigger {
  border-radius: 20px;
  border: none;
  padding: 6px 10px;
  font-size: 14px;
  height: 38px;
}
.project-header .project-settings-wrapper .status-picker .header-option.drop-down .drop-down-trigger .status-button-text {
  font-size: 14px;
  max-width: initial;
  width: 100%;
}
.project-header .project-settings-wrapper .status-picker .header-option.drop-down .drop-down-trigger [class^=icon-] {
  display: none !important;
}
.project-header .project-settings-wrapper .status-picker .header-option.drop-down .cos-dropdown {
  margin-top: 5px;
  left: initial;
  right: 0;
  min-width: 160px;
  max-height: initial;
  overflow: initial;
}
.project-header .project-settings-wrapper .status-picker .header-option.drop-down .cos-dropdown .aj-drop-down-options {
  max-height: 260px;
  overflow: auto;
}
.project-header .project-settings-wrapper .header-option.item-actions {
  margin-left: 0;
}
.project-header .project-tags-wrapper {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}
.project-header .project-tags-wrapper .tagify {
  --tags-border-color: #ffffff;
  --tags-hover-border-color: #cccccc;
  --tags-focus-border-color: #999999;
  border-radius: 4px;
}
.project-header .project-tags-wrapper-footer {
  grid-area: project-tags;
}
.project-header .project-tags-wrapper-footer .project-tags-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  min-width: calc(50% - 20px);
  padding: 5px 0;
}

.header-option .button.header-option-button {
  display: flex;
  align-items: center;
  padding: 7px;
  max-width: calc(20vw - 80px);
}
@media only screen and (max-width: 1150px) {
  .header-option .button.header-option-button {
    max-width: 85px;
    padding: 3px;
  }
  .header-option .button.header-option-button.ellipsis-menu-toggle {
    padding: 3px;
  }
}
.header-option .header-option-button-label, .header-option .header-option-button-icon, .header-option .header-option-button-image {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
}
.header-option .header-option-button-label + .header-option-button-text, .header-option .header-option-button-icon + .header-option-button-text, .header-option .header-option-button-image + .header-option-button-text {
  margin-left: 5px;
}
.header-option .header-option-button-label.no-label, .header-option .header-option-button-icon.no-label, .header-option .header-option-button-image.no-label {
  margin: -1px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.header-option .header-option-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.header-option .header-option-button-icon:not(.no-border) {
  border: 1px solid #cccccc;
}
.header-option .header-option-button-icon.icon-youtube {
  font-size: 20px;
}
.header-option .header-option-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  font-size: 12px;
  max-width: 200px;
  margin-right: 5px;
}
.header-option .header-option-button.ellipsis-menu-toggle {
  opacity: 1;
  visibility: visible;
  margin: 0;
  padding: 7px;
}
.header-option .header-option-button.ellipsis-menu-toggle:disabled .tooltip-text {
  display: none;
}
.header-option .header-option-button.ellipsis-menu-toggle .header-option-button-icon, .header-option .header-option-button.project-close-btn .header-option-button-icon {
  font-size: 18px;
}
.header-option .header-option-button input.time-picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: transparent none;
  color: #666666;
  font-size: 13px;
  width: 80px;
  padding: 5px;
}
@media (max-width: 1150px) {
  .header-option .header-option-button input.time-picker {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40px;
    width: 0;
    padding: 0;
  }
}
@media (max-width: 1150px) {
  .header-option .header-option-button .header-option-button-image, .header-option .header-option-button .header-option-button-label, .header-option .header-option-button .header-option-button-icon {
    margin-right: 0 !important;
  }
  .header-option .header-option-button .header-option-button-text {
    display: none;
  }
}
@media (max-width: 1450px) {
  .application-container.sidebar-open .header-option .header-option-button-image, .application-container.sidebar-open .header-option .header-option-button-label, .application-container.sidebar-open .header-option .header-option-button-icon {
    margin-right: 0 !important;
  }
  .application-container.sidebar-open .header-option .header-option-button-text {
    display: none;
  }
}
.header-option .favorite-icon {
  display: none;
}
.header-option .dropdown-menu {
  top: 52px;
}
.header-option .click-helper-dot {
  bottom: 12px;
  right: 10px;
}
.header-option.draft .header-option-button-icon {
  background-color: #fbf3db;
  color: #ad894b;
}

.header-option-dropdown .cos-basic-dropdown-content-group {
  max-height: 345px;
}
.header-option-dropdown .cos-basic-dropdown-content-option {
  height: 40px;
}
.header-option-dropdown .cos-basic-dropdown-content-footer .button {
  margin-left: -6px;
}

.cos-basic-dropdown-content.project-header-date-picker {
  max-width: 300px;
}

.cos-basic-dropdown-trigger[aria-disabled=true] .header-option-button,
.cos-basic-dropdown-trigger[aria-disabled=true] button {
  opacity: 0.5;
  pointer-events: none;
}

.content-wrapper .dark-fade,
.app-metabox-container .dark-fade {
  visibility: hidden;
  opacity: 0;
  height: 100vh;
  pointer-events: none;
  max-height: 10000px;
}
.content-wrapper .dark-fade.aj-edit-overlay,
.app-metabox-container .dark-fade.aj-edit-overlay {
  height: 100%;
}
.content-wrapper .dark-fade.dark-fade-sidebar,
.app-metabox-container .dark-fade.dark-fade-sidebar {
  height: 100%;
}
.content-wrapper .content-sidebar,
.app-metabox-container .content-sidebar {
  position: relative;
  background-color: #ffffff;
  border-left: 1px solid #e6e6e6;
  width: 350px;
  height: 100%;
  min-height: calc(100vh - 128px);
  transition: all 0.2s ease-out;
  display: flex;
  flex-direction: column;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper {
  background-color: #ffffff;
  display: flex;
  width: 100%;
  flex-direction: row;
  min-height: 39px;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .collapse-btn,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .collapse-btn {
  display: none;
  padding: 12px 13px 11px;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab {
  display: inline-flex;
  text-align: center;
  width: 100%;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab.active,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab.active {
  color: #d17760;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab.active .tab-notification,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab.active .tab-notification {
  display: none;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab.single-tab .tab-notification,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab.single-tab .tab-notification {
  display: none;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: auto;
  flex-flow: row;
  display: flex;
  padding: 10px 20px;
  align-items: center;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner:after,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner:after {
  visibility: hidden;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-icon,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-icon {
  display: none;
  font-size: 14px;
  padding: 10px 20px;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-text,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-text {
  display: inline-block;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-notification,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-notification {
  font-size: 9px;
  background-color: #d17760;
  border-radius: 10px;
  color: white;
  padding: 0 4px;
  line-height: 1.5;
  margin: 0 3px;
}
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab:first-of-type .tab-inner .tab-notification,
.app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab:first-of-type .tab-inner .tab-notification {
  margin: 1px 3px 0;
  background-color: initial;
  color: inherit;
  font-size: 11px;
}
.content-wrapper .content-sidebar .sidebar-element,
.app-metabox-container .content-sidebar .sidebar-element {
  padding: 10px;
  max-width: 100%;
  height: 100%;
  margin-bottom: 70px;
}
.content-wrapper .content-sidebar .sidebar-element.sidebar-contributors .contributor-image,
.app-metabox-container .content-sidebar .sidebar-element.sidebar-contributors .contributor-image {
  width: 39px;
}
.content-wrapper .content-sidebar .sidebar-element.sidebar-contributors .icon-plus-2,
.app-metabox-container .content-sidebar .sidebar-element.sidebar-contributors .icon-plus-2 {
  padding: 11px;
  background-color: transparent;
  margin-top: 3px;
  display: inline-block;
}
.content-wrapper .content-sidebar .sidebar-element.sidebar-contributors .contributor-picker,
.app-metabox-container .content-sidebar .sidebar-element.sidebar-contributors .contributor-picker {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px 0;
  cursor: pointer;
}
.content-wrapper .content-sidebar .sidebar-element.sidebar-contributors .contributor-picker:hover,
.app-metabox-container .content-sidebar .sidebar-element.sidebar-contributors .contributor-picker:hover {
  color: #666666;
}
.content-wrapper .content-sidebar .sidebar-element.sidebar-contributors .contributor-picker .icon-plus,
.app-metabox-container .content-sidebar .sidebar-element.sidebar-contributors .contributor-picker .icon-plus {
  font-size: 13px;
  margin-right: 5px;
}

.template-header {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #4d4d4d;
  background-color: #dde9ff;
  border-radius: 10px 10px 0 0;
  z-index: 1300;
}
.template-header .template-header-title {
  margin-right: auto;
}
.template-header .template-header-data {
  font-size: 12px;
}
.template-header .item-actions.more-menu {
  position: relative;
  top: initial;
  right: initial;
  margin-left: initial;
}
.template-header .item-actions.more-menu .ellipsis-menu-toggle {
  box-shadow: initial;
  visibility: visible;
  opacity: 1;
  border: none;
  background-color: transparent;
}
.template-header .item-actions.more-menu .ellipsis-menu-toggle .icon {
  margin: 0;
  font-size: 18px;
  color: #666666;
}
.template-header .item-actions.more-menu .dropdown-menu {
  top: 37px;
  z-index: 1211;
}
.template-header button.template-close-button,
.template-header .item-actions.more-menu .ellipsis-menu-toggle {
  position: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-left: 10px;
}
.template-header button.template-close-button .icon-close,
.template-header .item-actions.more-menu .ellipsis-menu-toggle .icon-close {
  color: #666666;
  font-size: 20px;
}
.template-header button.template-close-button:hover, .template-header button.template-close-button:focus,
.template-header .item-actions.more-menu .ellipsis-menu-toggle:hover,
.template-header .item-actions.more-menu .ellipsis-menu-toggle:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.template-header button.template-close-button:hover .icon, .template-header button.template-close-button:focus .icon,
.template-header .item-actions.more-menu .ellipsis-menu-toggle:hover .icon,
.template-header .item-actions.more-menu .ellipsis-menu-toggle:focus .icon {
  color: #333333;
}

.template-modal.modal-scroll {
  overflow: hidden !important;
  z-index: 2001;
}
.template-modal .modal.edit-modal {
  min-height: 200px;
  max-height: calc(100vh - 55px);
  margin-top: 40px;
  margin-left: calc(-45vw + 25px);
  max-width: 920px;
  transform: initial;
  width: 90%;
  min-width: 450px;
  overflow: hidden;
  position: absolute;
  top: 0;
  border-radius: 10px 10px 0 0;
}
.template-modal .modal.edit-modal .modal-header, .template-modal .modal.edit-modal .delete-confirmation .delete-header, .delete-confirmation .template-modal .modal.edit-modal .delete-header {
  padding: 0;
}
.template-modal .modal.edit-modal .modal-body {
  overflow-y: auto;
  max-height: 95vh;
  min-height: initial;
}
.template-modal .modal.edit-modal .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1020;
  background-color: #ffffff;
}
@media screen and (min-width: 1020px) {
  .template-modal .modal.edit-modal {
    margin-left: -460px !important;
  }
}
.template-modal.task-templates .modal.edit-modal {
  width: 700px;
  margin-left: -319px !important;
}
.template-modal.task-templates .modal.edit-modal .modal-body {
  padding: 0;
  overflow: hidden;
}
.template-modal .task-social-actions-wrapper {
  visibility: hidden;
  display: none;
}
.template-modal.is-app-metabox .modal.edit-modal {
  margin-left: -45vw;
}

.template-dropdown .template-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #666666;
  background-color: #ffffff;
}
.template-dropdown .template-actions .template-item {
  border-top: solid 1px #e6e6e6;
}
.template-dropdown .template-actions .template-item .template-name {
  display: flex;
  align-items: center;
  width: 100%;
}
.template-dropdown .template-actions .template-item .template-name .icon {
  font-size: 14px;
  margin-right: 5px;
}
.template-dropdown.social-templates {
  position: relative;
  z-index: 1010;
  margin-top: -25px;
}
.template-dropdown.social-templates ul.dropdown-menu {
  height: 110px;
  min-width: initial;
  width: 140px;
  top: 32px;
  right: 0;
  left: initial;
  border-radius: 6px;
  list-style-type: none;
  margin: 0 0 100px 0;
  padding: 0;
}
.template-dropdown.social-templates ul.dropdown-menu li {
  font-size: 12px;
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: background-color 0.2s ease;
}
.template-dropdown.social-templates ul.dropdown-menu li:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.template-dropdown.social-templates ul.dropdown-menu li:hover button.task-template-edit {
  visibility: visible;
  opacity: 1;
  background-color: #f7f7f7;
  padding: 2px 18px 0 5px;
}
.template-dropdown.social-templates ul.dropdown-menu li .template-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 95%;
  padding: 8px 12px;
  display: block;
}
.template-dropdown.social-templates ul.dropdown-menu li button:hover {
  background-color: initial;
  cursor: pointer;
}

.recurring-modal {
  position: absolute;
  z-index: 6000;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}
.recurring-modal .modal.recurring-modal-wrapper {
  position: absolute;
  max-width: 800px;
  min-height: 400px;
}
.recurring-modal .modal-header, .recurring-modal .delete-confirmation .delete-header, .delete-confirmation .recurring-modal .delete-header,
.recurring-modal .modal-footer {
  border: none;
}
.recurring-modal .modal-header h3, .recurring-modal .delete-confirmation .delete-header h3, .delete-confirmation .recurring-modal .delete-header h3,
.recurring-modal .modal-footer h3 {
  background-color: transparent;
}
.recurring-modal .modal-body {
  overflow: initial;
  max-height: initial;
}
.recurring-modal .modal-body label {
  margin-top: 10px;
}
.recurring-modal .modal-body table.recurring-schedule-table {
  width: 100%;
  cursor: default;
  display: block;
  max-height: 230px;
  overflow-y: scroll;
}
.recurring-modal .modal-body table.recurring-schedule-table tbody {
  display: block;
}
.recurring-modal .modal-body table.recurring-schedule-table tr {
  display: block;
  width: 100%;
}
.recurring-modal .modal-body table.recurring-schedule-table tr:nth-child(odd) {
  background-color: #f7f7f7;
}
.recurring-modal .modal-body table.recurring-schedule-table td,
.recurring-modal .modal-body table.recurring-schedule-table th {
  border: none;
  padding: 10px 5px;
  height: 22px;
}
.recurring-modal .modal-body table.recurring-schedule-table td.recurring-date,
.recurring-modal .modal-body table.recurring-schedule-table th.recurring-date {
  width: 90px;
}
.recurring-modal .modal-body table.recurring-schedule-table td.recurring-name,
.recurring-modal .modal-body table.recurring-schedule-table th.recurring-name {
  width: 335px;
}
.recurring-modal .modal-body table.recurring-schedule-table td.recurring-actions,
.recurring-modal .modal-body table.recurring-schedule-table th.recurring-actions {
  width: 60px;
  text-align: right;
  padding-right: 20px;
}
.recurring-modal .modal-body table.recurring-schedule-table td.recurring-actions .button.text-link,
.recurring-modal .modal-body table.recurring-schedule-table th.recurring-actions .button.text-link {
  color: #b3b3b3;
}
.recurring-modal .modal-body table.recurring-schedule-table td.recurring-actions .button.text-link:hover,
.recurring-modal .modal-body table.recurring-schedule-table th.recurring-actions .button.text-link:hover {
  color: #666666;
}
.recurring-modal .modal-body table.recurring-schedule-table td.recurring-actions .button.text-link a,
.recurring-modal .modal-body table.recurring-schedule-table th.recurring-actions .button.text-link a {
  color: #b3b3b3;
}
.recurring-modal .modal-body table.recurring-schedule-table td.recurring-actions .button.text-link a:hover,
.recurring-modal .modal-body table.recurring-schedule-table th.recurring-actions .button.text-link a:hover {
  color: #666666;
}
.recurring-modal .modal-body .basic-picker {
  width: 100%;
}

.calendar-picker {
  position: relative;
}
.calendar-picker button.flat {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  background-color: #f7f7f7;
}
.calendar-picker button.flat .icon {
  display: inline-block;
  margin-left: auto;
}
.calendar-picker button.flat:hover {
  background-color: #e6e6e6;
}

.datetime-picker {
  right: 0;
  top: 40px;
}

.number-selector {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  border-radius: 4px;
  color: #4d4d4d;
  padding: 5px;
}
.number-selector-toggle {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 20px;
}
.number-selector-toggle-up, .number-selector-toggle-down {
  border: initial;
  background-color: initial;
  font-size: 12px;
  padding: 0 5px;
  color: #808080;
}
.number-selector-toggle-up:hover, .number-selector-toggle-down:hover {
  color: #333333;
}
.number-selector input.number-input {
  margin: 0;
  padding: 0;
  height: 25px;
  width: 40px;
  color: #4d4d4d;
  border: initial;
  font-size: 24px;
  font-weight: bold;
  background-color: transparent;
}

.inline-picker-wrapper {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.inline-picker-wrapper .inline-picker {
  flex-basis: 0;
  flex-grow: 1;
}
.inline-picker-wrapper .inline-picker:not(:last-of-type) {
  margin-right: 5px;
}
.inline-picker-wrapper .inline-picker.monthly-week-options {
  max-width: 75px;
}
.inline-picker-wrapper .inline-picker.days-of-week {
  max-width: calc(50% - 82px);
}

.app-metabox-container {
  overflow: scroll;
  max-height: 1000px;
}
.app-metabox-container .content-outlet {
  margin-top: 0;
  min-height: 600px;
  max-height: initial;
}
.app-metabox-container .content-outlet .attachment {
  margin-top: 0 !important;
}
.app-metabox-container .content-outlet .attachment .attachment-inner.headline-analyzer-metabox {
  min-height: 180px;
}
.app-metabox-container .content-outlet .collapsible-item.collapsed .attachment-inner.headline-analyzer-metabox .headline-score-btn {
  margin-top: -50px;
  margin-right: -14px;
  border-radius: 50%;
  width: 32px;
}
.app-metabox-container .content-outlet .attachments-picker-wrapper {
  bottom: 5px;
}

@media (max-width: 1000px) {
  .marketing-campaign-wrapper .attachments-picker-wrapper.attachments-quick-link {
    bottom: 120px;
  }
}
@media screen and (max-width: 950px) {
  .app-metabox-container .content-sidebar,
.content-wrapper .content-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    z-index: 1150;
    height: calc(100% - 25px);
    max-height: initial;
  }
  .app-metabox-container .content-sidebar .sidebar-height,
.content-wrapper .content-sidebar .sidebar-height {
    height: initial;
  }
  .app-metabox-container .content-sidebar .sidebar-tabs-wrapper,
.content-wrapper .content-sidebar .sidebar-tabs-wrapper {
    flex-direction: column;
  }
  .app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab.single-tab,
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab.single-tab {
    padding-bottom: 20px;
  }
  .app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner,
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner {
    flex-flow: column;
    padding: 0;
  }
  .app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner.has-notification span[class^=icon-],
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner.has-notification span[class^=icon-] {
    margin: 20px auto 0;
  }
  .app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-text,
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-text {
    display: none;
  }
  .app-metabox-container .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-icon,
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-icon {
    display: inline-block;
  }
  .app-metabox-container .content-sidebar .sidebar-tabs-wrapper .collapse-btn,
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .collapse-btn {
    display: inline-flex !important;
    padding: 12px 20px 11px;
  }
  .app-metabox-container .content-sidebar .sidebar-tabs-wrapper .collapse-btn [class^=icon],
.content-wrapper .content-sidebar .sidebar-tabs-wrapper .collapse-btn [class^=icon] {
    transform: rotate(0deg);
    transition: all 0.2s ease;
  }
  .app-metabox-container .content-sidebar .sidebar-element,
.content-wrapper .content-sidebar .sidebar-element {
    opacity: 0;
    height: initial;
    display: none;
    transition: 0.3s opacity 0.3s ease;
  }
  .app-metabox-container .content-sidebar.sidebar-open,
.content-wrapper .content-sidebar.sidebar-open {
    box-shadow: 1px 1px 5px #999999;
    width: 350px;
    height: initial;
    max-height: initial;
    transition: all 0.3s ease;
  }
  .app-metabox-container .content-sidebar.sidebar-open .sidebar-height,
.content-wrapper .content-sidebar.sidebar-open .sidebar-height {
    height: 100%;
  }
  .app-metabox-container .content-sidebar.sidebar-open .sidebar-tabs-wrapper,
.content-wrapper .content-sidebar.sidebar-open .sidebar-tabs-wrapper {
    flex-direction: row;
  }
  .app-metabox-container .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab.active.has-notification span[class^=icon-],
.content-wrapper .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab.active.has-notification span[class^=icon-] {
    margin: 0 0 20px 0;
  }
  .app-metabox-container .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab .tab-inner,
.content-wrapper .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab .tab-inner {
    flex-flow: row;
  }
  .app-metabox-container .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab .tab-inner.has-notification span[class^=icon-],
.content-wrapper .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab .tab-inner.has-notification span[class^=icon-] {
    margin: initial;
  }
  .app-metabox-container .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-text,
.content-wrapper .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-text {
    display: inline-block;
  }
  .app-metabox-container .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-icon,
.content-wrapper .content-sidebar.sidebar-open .sidebar-tabs-wrapper .sidebar-tab .tab-inner .tab-icon {
    display: none;
  }
  .app-metabox-container .content-sidebar.sidebar-open .collapse-btn,
.content-wrapper .content-sidebar.sidebar-open .collapse-btn {
    padding: 12px 13px 11px;
  }
  .app-metabox-container .content-sidebar.sidebar-open .collapse-btn [class^=icon],
.content-wrapper .content-sidebar.sidebar-open .collapse-btn [class^=icon] {
    transform: rotate(180deg);
  }
  .app-metabox-container .content-sidebar.sidebar-open .sidebar-element,
.content-wrapper .content-sidebar.sidebar-open .sidebar-element {
    opacity: 1;
    display: block;
    transition: 0.3s opacity 0.3s ease;
    max-height: initial;
  }
  .app-metabox-container .content-sidebar:not(.sidebar-open) .tooltip-bottom:after,
.content-wrapper .content-sidebar:not(.sidebar-open) .tooltip-bottom:after {
    top: 45%;
    right: 50px;
    left: initial;
    bottom: initial;
    transform: translate(0, -50%);
  }
  .app-metabox-container .content-sidebar:not(.sidebar-open) .tooltip-bottom:hover:after, .app-metabox-container .content-sidebar:not(.sidebar-open) .tooltip-bottom:not(:focus):after,
.content-wrapper .content-sidebar:not(.sidebar-open) .tooltip-bottom:hover:after,
.content-wrapper .content-sidebar:not(.sidebar-open) .tooltip-bottom:not(:focus):after {
    visibility: visible;
    transform: translate(10px, -50%);
  }
  .app-metabox-container .content-sidebar:not(.sidebar-open) .tab-notification,
.content-wrapper .content-sidebar:not(.sidebar-open) .tab-notification {
    margin-top: -10px !important;
  }
  .app-metabox-container .content-inner,
.content-wrapper .content-inner {
    margin-right: 50px;
  }
  .app-metabox-container .content-inner .attachment .attachment-inner .attachment-content .attachment-wysiwyg,
.content-wrapper .content-inner .attachment .attachment-inner .attachment-content .attachment-wysiwyg {
    max-width: 85vw;
  }
  .app-metabox-container .content-inner .attachments-picker-wrapper.attachments-quick-link,
.content-wrapper .content-inner .attachments-picker-wrapper.attachments-quick-link {
    right: 75px;
  }
  .app-metabox-container .content-inner.sidebar-open .attachments-quick-link,
.content-wrapper .content-inner.sidebar-open .attachments-quick-link {
    right: 380px;
  }
}
@media screen and (max-width: 670px) {
  .content-inner .attachments-picker-wrapper .attachment-options-wrapper {
    width: 400px;
    height: initial;
  }
  .content-inner .attachments-picker-wrapper .attachment-options-wrapper {
    width: 510px;
  }
}
@media screen and (max-width: 620px) {
  .marketing-campaign-wrapper .task-burnup-wrapper {
    display: none;
  }
}
@media screen and (max-width: 675px) {
  .user-sidebar.popup {
    width: 360px;
    min-width: 360px;
  }
  [class*=tooltip] .tooltip-text,
.tooltip .tooltip-text {
    display: none !important;
  }
  .marketing-campaign-wrapper {
    padding-top: 0 !important;
  }
  .marketing-campaign-wrapper .sub-navbar .left-col .titled-dropdown span {
    display: none;
  }
  .marketing-campaign-wrapper .sub-navbar .right-col {
    flex: 0 0 19%;
  }
  .marketing-campaign-wrapper .marketing-campaign-tab-row {
    padding: 0;
  }
  .marketing-campaign-wrapper .marketing-campaign-inner {
    margin: 0;
  }
  .marketing-campaign-wrapper .content-wrapper .dark-fade.header {
    height: 142px;
  }
  .content-wrapper {
    overflow-x: auto;
  }
  .content-wrapper .dark-fade.header {
    height: 140px;
    top: 0 !important;
    left: 0;
    right: 0;
  }
  .marketing-campaign-wrapper,
.content-wrapper {
    min-width: 360px;
    left: 1px;
    right: 1px;
  }
  .marketing-campaign-wrapper .project-header:not(.mobile-project-header),
.content-wrapper .project-header:not(.mobile-project-header) {
    min-width: initial;
    grid-template-areas: "project-actions" "project-title" "project-tags";
    grid-template-columns: 1fr;
  }
  .marketing-campaign-wrapper .project-header:not(.mobile-project-header) .project-title-wrapper,
.content-wrapper .project-header:not(.mobile-project-header) .project-title-wrapper {
    margin: 0;
  }
  .marketing-campaign-wrapper .project-header:not(.mobile-project-header) .project-settings-wrapper,
.content-wrapper .project-header:not(.mobile-project-header) .project-settings-wrapper {
    padding: 13px 0 5px;
    justify-content: space-between;
  }
  .marketing-campaign-wrapper .project-header:not(.mobile-project-header) .project-settings-wrapper .end-date-hyphen,
.content-wrapper .project-header:not(.mobile-project-header) .project-settings-wrapper .end-date-hyphen {
    display: none;
  }
  .marketing-campaign-wrapper .content-outlet,
.content-wrapper .content-outlet {
    max-height: calc(100vh - 190px);
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar,
.content-wrapper .content-outlet .content-sidebar {
    z-index: 1200;
    position: absolute;
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar.sidebar-open,
.content-wrapper .content-outlet .content-sidebar.sidebar-open {
    width: 100%;
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar .tasks-wrapper .task-list-width,
.content-wrapper .content-outlet .content-sidebar .tasks-wrapper .task-list-width {
    width: 100%;
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-list-wrapper,
.marketing-campaign-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-adv-view-wrapper,
.content-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-list-wrapper,
.content-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-adv-view-wrapper {
    height: calc(100vh - 200px);
    overflow: scroll;
    width: 100%;
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-list-wrapper .template-dropdown .task-template-create-btn,
.marketing-campaign-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-list-wrapper .template-dropdown hr,
.content-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-list-wrapper .template-dropdown .task-template-create-btn,
.content-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-list-wrapper .template-dropdown hr {
    display: none;
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-list-wrapper .template-dropdown .task-template-edit,
.content-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-list-wrapper .template-dropdown .task-template-edit {
    display: none;
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .help-btn,
.content-wrapper .content-outlet .content-sidebar .tasks-wrapper .tasks-adv-view-wrapper .tasks-adv-view-inner .tasks-av-body .help-btn {
    position: initial;
    margin-left: 89%;
    height: 0;
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar .sidebar-element.sidebar-discussion, .marketing-campaign-wrapper .content-outlet .content-sidebar .sidebar-element.sidebar-contributors,
.content-wrapper .content-outlet .content-sidebar .sidebar-element.sidebar-discussion,
.content-wrapper .content-outlet .content-sidebar .sidebar-element.sidebar-contributors {
    width: calc(100% - 10px);
    height: calc(100vh - 200px);
    overflow: scroll;
  }
  .marketing-campaign-wrapper .content-outlet .content-sidebar .sidebar-element.sidebar-discussion .comment-feed,
.content-wrapper .content-outlet .content-sidebar .sidebar-element.sidebar-discussion .comment-feed {
    margin-bottom: 175px;
  }
  .marketing-campaign-wrapper .content-outlet .attachment .attachment-inner .queue-settings-flyout .settings-header .queue-settings-type-toggle .btn.bulk-upload,
.content-wrapper .content-outlet .attachment .attachment-inner .queue-settings-flyout .settings-header .queue-settings-type-toggle .btn.bulk-upload {
    display: none;
  }
  .marketing-campaign-wrapper .content-outlet .attachment .attachment-inner .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates .new-template.dropdown,
.content-wrapper .content-outlet .attachment .attachment-inner .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates .new-template.dropdown {
    display: none;
  }
  .marketing-campaign-wrapper .content-outlet .attachment .attachment-inner .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates .template-item .template-edit,
.content-wrapper .content-outlet .attachment .attachment-inner .queue-settings-flyout .queue-settings-wrapper .queue-settings-inner .templates .template-item .template-edit {
    display: none;
  }
  .modal {
    width: 80%;
  }
}
@media screen and (max-width: 475px) {
  .content-inner .attachments-picker-wrapper {
    display: none;
  }
}
@media (max-height: 900px) {
  .template-dropdown ul.dropdown-menu .task-templates-list {
    max-height: 300px;
  }
}
@media (max-height: 740px) {
  .template-dropdown ul.dropdown-menu .task-templates-list {
    max-height: 220px;
  }
}
@media (max-height: 400px) {
  .content-wrapper .content-outlet {
    margin-top: 0 !important;
  }
  .content-wrapper .content-outlet .content-sidebar {
    top: 0 !important;
    min-height: 100vh !important;
  }
  .content-wrapper .content-outlet .content-sidebar .tasks-list-wrapper,
.content-wrapper .content-outlet .content-sidebar .tasks-adv-view-wrapper,
.content-wrapper .content-outlet .content-sidebar .sidebar-discussion {
    height: 100vh !important;
  }
}
@keyframes attachmentHeight {
  0% {
    overflow: initial;
  }
  0% {
    max-height: 0;
    overflow: hidden;
  }
  99% {
    max-height: 50px;
    overflow: hidden;
  }
  100% {
    overflow: initial;
  }
}
.discussion-contrib-empty {
  padding: 20px;
  text-align: center;
}
.discussion-contrib-empty .contrib-img {
  width: 200px;
  margin-bottom: 20px;
}
.discussion-contrib-empty p {
  margin: 10px 0 20px;
}

.comment-feed {
  margin-bottom: 100px;
}
.comment-feed .loading-wrapper .loading-icon:after {
  background-color: #f7f7f7;
}
.comment-feed .thread-or-reply {
  padding-bottom: 20px;
}
.comment-feed .unread-count.sidebar-toggle-notification-wrapper {
  top: 9px;
}
.comment-feed .z-index-hover:hover {
  z-index: 1000;
  transform: none !important;
}
.comment-feed .liquid-container {
  overflow: initial;
}
.comment-feed .liquid-container.discussion-roll-up {
  margin-top: -15px;
}
.comment-feed .liquid-container > .liquid-child {
  overflow: initial;
}
.comment-feed .liquid-container.liquid-animating {
  overflow: hidden;
}
.comment-feed .liquid-container.liquid-animating .liquid-child {
  overflow: hidden;
}
.comment-feed .discussion-roll-up-button {
  display: flex;
  align-items: center;
  margin-left: 65px;
}
.comment-feed .discussion-roll-up-button hr {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  border-top-color: #b3b3b3;
  border-bottom-color: transparent;
}
.comment-feed .discussion-roll-up-button .btn {
  color: #999999;
  white-space: nowrap;
}
.comment-feed .discussion-roll-up-button .btn:hover {
  color: #bc6148;
}
.comment-feed .discussion-reply-animation {
  overflow: initial !important;
}
.comment-feed .discussion-reply-animation > .ember-view {
  overflow: initial !important;
}
.comment-feed .discussion-reply-animation.velocity-animating {
  overflow: hidden !important;
}
.comment-feed .discussion-reply-animation.velocity-animating > .ember-view {
  overflow: hidden !important;
}
.comment-feed .comment-item {
  border-radius: 2px;
  padding: 10px;
  margin: 0 -5px 6px;
  position: relative;
  min-height: 39px;
  transition: min-height 100ms ease;
  background-color: transparent;
}
.comment-feed .comment-item.comment-highlight {
  animation: commentHighlight 1.75s 1.5s ease;
  animation-fill-mode: forwards;
}
.comment-feed .comment-item.comment-reply {
  margin: 0 -5px 0 33px;
  padding: 0 10px;
}
.comment-feed .comment-item.comment-reply.comment-add, .comment-feed .comment-item.comment-reply.comment-edit {
  padding: 5px 10px 15px;
}
.comment-feed .comment-item.comment-reply .comment-user-image img {
  width: 26px;
  height: 26px;
}
.comment-feed .comment-item.comment-reply .comment-text-row {
  padding-top: 10px;
}
.comment-feed .comment-item.comment-reply .comment-text-row .comment-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 215px;
}
.comment-feed .comment-item.comment-reply .comment-text-row,
.comment-feed .comment-item.comment-reply .comment-textarea {
  margin-left: 28px !important;
}
.comment-feed .comment-item.comment-reply .comment-actions-wrapper {
  margin-left: 42px !important;
}
.comment-feed .comment-item.comment-reply .comment-upload-form {
  margin-left: 24px !important;
}
.comment-feed .comment-item.comment-reply.comment-add .comment-file-upload-wrapper .loading-wrapper, .comment-feed .comment-item.comment-reply.comment-edit .comment-file-upload-wrapper .loading-wrapper {
  left: 28px;
  width: 254px;
}
.comment-feed .comment-item.comment-reply.comment-add .comment-file-upload-wrapper .comment-file, .comment-feed .comment-item.comment-reply.comment-edit .comment-file-upload-wrapper .comment-file {
  margin-left: 28px;
}
.comment-feed .comment-item .comment-user-image {
  position: absolute;
  left: 4px;
  top: 7px;
}
.comment-feed .comment-item .comment-user-image.skeleton, .comment-feed .comment-item .file-attachment.processing .file-card .comment-user-image.file-preview, .file-attachment.processing .file-card .comment-feed .comment-item .comment-user-image.file-preview,
.comment-feed .comment-item .comment-user-image img {
  border-radius: 20px;
  width: 30px;
  height: 30px;
}
.comment-feed .comment-item .comment-text-row {
  box-sizing: border-box;
  font-size: 13px;
  word-wrap: break-word;
  line-height: 17px;
  color: #4d4d4d;
  margin-left: 34px;
}
.comment-feed .comment-item .comment-text-row.skeleton, .comment-feed .comment-item .file-attachment.processing .file-card .comment-text-row.file-preview, .file-attachment.processing .file-card .comment-feed .comment-item .comment-text-row.file-preview {
  height: 18px;
  width: 85%;
  margin-bottom: 5px;
}
.comment-feed .comment-item .comment-text-row .comment-name {
  color: #666666;
  display: block;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 230px;
}
.comment-feed .comment-item .comment-text-row .comment-name .comment-type {
  font-weight: initial;
  color: #999999;
}
.comment-feed .comment-item .comment-text-row .fr-tribute {
  color: #d17760;
}
.comment-feed .comment-item .comment-text-row p:last-of-type {
  margin: 0;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row {
  display: flex;
  align-items: center;
  color: #b3b3b3;
  font-size: 12px;
  white-space: nowrap;
  height: 22px;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-timestamp {
  margin-right: 4px;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-followers {
  margin: 0 4px;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-followers:hover {
  cursor: pointer;
  text-decoration: underline;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reply-btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  padding: 0 4px;
  color: #999999;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reply-btn:hover {
  text-decoration: underline;
  color: #bc6148;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction {
  position: relative;
  margin-left: 4px;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction .comment-reaction-btn {
  padding: 0;
  margin-top: -1px;
  font-size: 12px;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction .comment-reaction-btn i {
  font-size: 12px;
  margin-right: -2px;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction .comment-dropdown {
  left: initial;
  right: 0;
  width: 130px;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction:hover .comment-reaction-btn i, .comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction:focus .comment-reaction-btn i, .comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction:active .comment-reaction-btn i, .comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction.active .comment-reaction-btn i {
  color: #d17760;
}
.comment-feed .comment-item .comment-text-row .comment-meta-row .comment-reaction:hover .comment-dropdown {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.comment-feed .comment-item.comment-add, .comment-feed .comment-item.comment-edit {
  padding-top: 7px;
}
.comment-feed .comment-item.comment-add .comment-textarea, .comment-feed .comment-item.comment-edit .comment-textarea {
  font-size: 13px;
  line-height: 17px;
  margin-left: 34px;
  margin-top: 1px;
  min-height: 87px;
}
.comment-feed .comment-item.comment-add .comment-textarea .fr-wrapper, .comment-feed .comment-item.comment-edit .comment-textarea .fr-wrapper {
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.comment-feed .comment-item.comment-add .comment-textarea .fr-wrapper .fr-element, .comment-feed .comment-item.comment-edit .comment-textarea .fr-wrapper .fr-element {
  padding: 5px;
  color: #666666;
}
.comment-feed .comment-item.comment-add .comment-textarea .fr-wrapper .fr-element .fr-tribute, .comment-feed .comment-item.comment-edit .comment-textarea .fr-wrapper .fr-element .fr-tribute {
  color: #d17760;
}
.comment-feed .comment-item.comment-add .comment-textarea .fr-wrapper .fr-element p, .comment-feed .comment-item.comment-edit .comment-textarea .fr-wrapper .fr-element p {
  margin: 0;
}
.comment-feed .comment-item.comment-add .comment-textarea .fr-wrapper .fr-placeholder, .comment-feed .comment-item.comment-edit .comment-textarea .fr-wrapper .fr-placeholder {
  padding: 5px;
}
.comment-feed .comment-item.comment-add .comment-upload-form, .comment-feed .comment-item.comment-edit .comment-upload-form {
  margin: 5px 0 -26px 34px;
}
.comment-feed .comment-item.comment-add .comment-upload-form .comment-file, .comment-feed .comment-item.comment-edit .comment-upload-form .comment-file {
  animation: attachmentHeight 250ms ease-out;
}
.comment-feed .comment-item.comment-add .comment-upload-form .comment-file:hover, .comment-feed .comment-item.comment-edit .comment-upload-form .comment-file:hover {
  background-color: #b3b3b3;
  cursor: initial;
}
.comment-feed .comment-item.comment-add .comment-upload-form .file-input-container, .comment-feed .comment-item.comment-edit .comment-upload-form .file-input-container {
  width: 20px;
}
.comment-feed .comment-item.comment-add .comment-upload-form .file-input-container .icon-attachment, .comment-feed .comment-item.comment-edit .comment-upload-form .file-input-container .icon-attachment {
  font-size: 16px;
  vertical-align: middle;
  color: #999999;
}
.comment-feed .comment-item.comment-add .comment-upload-form .file-input-container .x-file-input input, .comment-feed .comment-item.comment-edit .comment-upload-form .file-input-container .x-file-input input {
  height: 20px;
}
.comment-feed .comment-item.comment-add .comment-upload-form .file-input-container .x-file-input label:focus, .comment-feed .comment-item.comment-edit .comment-upload-form .file-input-container .x-file-input label:focus {
  outline: none;
}
.comment-feed .comment-item.comment-add .comment-upload-form .file-input-container:hover .icon-attachment, .comment-feed .comment-item.comment-edit .comment-upload-form .file-input-container:hover .icon-attachment {
  color: #666666;
  cursor: pointer;
}
.comment-feed .comment-item.comment-add .comment-actions-wrapper, .comment-feed .comment-item.comment-edit .comment-actions-wrapper {
  display: flex;
  align-items: center;
  margin: 5px 0 0 50px;
}
.comment-feed .comment-item.comment-add .comment-actions-wrapper button.add-comment, .comment-feed .comment-item.comment-edit .comment-actions-wrapper button.add-comment {
  border-radius: 2px;
}
.comment-feed .comment-item.comment-add .comment-actions-wrapper .comment-saving, .comment-feed .comment-item.comment-edit .comment-actions-wrapper .comment-saving {
  padding: 3px 0;
}
.comment-feed .comment-item.comment-add .comment-file-upload-wrapper, .comment-feed .comment-item.comment-edit .comment-file-upload-wrapper {
  position: relative;
}
.comment-feed .comment-item.comment-add .comment-file-upload-wrapper .loading-wrapper, .comment-feed .comment-item.comment-edit .comment-file-upload-wrapper .loading-wrapper {
  position: absolute;
  width: calc(100% - 35px);
  min-height: 0;
  top: 0;
  bottom: 0;
  left: 34px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  z-index: 1;
}
.comment-feed .comment-item.comment-add .comment-file-upload-wrapper .loading-wrapper .loading-icon:after, .comment-feed .comment-item.comment-edit .comment-file-upload-wrapper .loading-wrapper .loading-icon:after {
  background-color: #a8a8a8;
}
.comment-feed .comment-item.comment-add .comment-file-upload-wrapper .comment-file, .comment-feed .comment-item.comment-edit .comment-file-upload-wrapper .comment-file {
  margin-left: 34px;
}
.comment-feed .comment-item.comment-edit {
  min-height: 59px;
}
.comment-feed .comment-item .comment-file {
  margin: 4px 0 5px;
  padding: 5px;
  background-color: #b3b3b3;
  font-size: 12px;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  display: flex;
  align-items: center;
  border-radius: 2px;
  color: #ffffff;
  transition: background-color 150ms ease-out;
}
.comment-feed .comment-item .comment-file img {
  width: 55px;
  margin-right: 7px;
  border-radius: 2px;
  display: inline-block;
}
.comment-feed .comment-item .comment-file p {
  display: inline-block;
  color: white;
  width: 180px;
  margin-bottom: 0;
}
.comment-feed .comment-item .comment-file .comment-download {
  margin-left: auto;
  margin-right: 5px;
  color: #ffffff;
}
.comment-feed .comment-item .comment-file .comment-download:hover {
  color: #e6e6e6;
  cursor: pointer;
  text-decoration: none;
}
.comment-feed .comment-item .comment-file .cos-ui-btn-confirm {
  visibility: visible;
  margin-right: 0;
  margin-left: auto;
  padding-top: 2px;
}
.comment-feed .comment-item .comment-file .cos-ui-btn-confirm a {
  color: #999999;
}
.comment-feed .comment-item .comment-file .cos-ui-btn-confirm a:hover, .comment-feed .comment-item .comment-file .cos-ui-btn-confirm a:focus {
  color: #666666;
}
.comment-feed .comment-item .comment-file .comment-download + .cos-ui-btn-confirm {
  margin-left: 5px;
}
.comment-feed .comment-item .comment-file .icon-close {
  color: #ffffff;
  margin-left: auto;
}
.comment-feed .comment-item .comment-file .icon-close:hover {
  text-decoration: none;
  color: #e6e6e6;
  cursor: pointer;
}
.comment-feed .comment-item .comment-file:hover {
  cursor: pointer;
  background-color: #999999;
}
.comment-feed .comment-item .comment-file:hover a.download {
  display: block;
}
.comment-feed .comment-item .comment-file:hover .comment-action {
  visibility: visible;
}
.comment-feed .comment-item .comment-followers {
  position: relative;
}
.comment-feed .comment-item .comment-followers:hover {
  cursor: default;
}
.comment-feed .comment-item .comment-followers:hover i {
  cursor: pointer;
  color: #808080;
}
.comment-feed .comment-item .comment-followers:hover .comment-dropdown {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.comment-feed .comment-item .comment-dropdown {
  position: absolute;
  top: 17px;
  left: 0;
  width: 140px;
  max-height: 150px;
  overflow: auto;
  font-size: 12px;
  color: #999999;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: 150ms opacity 150ms ease-out;
}
.comment-feed .comment-item .comment-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 1px;
}
.comment-feed .comment-item .comment-dropdown ul li {
  line-height: 17px;
  padding: 7px 8px 7px 6px;
  display: flex;
  align-items: center;
}
.comment-feed .comment-item .comment-dropdown ul li img {
  border-radius: 50%;
  height: 17px;
}
.comment-feed .comment-item .comment-dropdown ul li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 125px;
  display: block;
  margin-left: 4px;
  margin-bottom: -1px;
}
.comment-feed .comment-item .comment-dropdown ul li i {
  display: none;
  font-size: 11px;
  margin-left: auto;
}
.comment-feed .comment-item .comment-dropdown ul li i:hover {
  cursor: initial;
}
.comment-feed .comment-item .comment-edit-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
}
.comment-feed .comment-item .comment-edit-actions .comment-action {
  cursor: pointer;
  color: #b3b3b3;
  visibility: hidden;
  opacity: 0;
  padding: 0 5px;
  transition: opacity 200ms ease-out;
}
.comment-feed .comment-item .comment-edit-actions .comment-action i {
  font-size: 12px;
}
.comment-feed .comment-item .comment-edit-actions .comment-action .icon-close {
  font-size: 14px;
}
.comment-feed .comment-item .comment-edit-actions .comment-action .icon-close:hover {
  color: #999999;
}
.comment-feed .comment-item .comment-edit-actions .comment-action:hover {
  color: #999999;
  text-decoration: none;
}
.comment-feed .comment-item .comment-edit-actions .comment-action.cos-ui-btn-confirm {
  padding: 1px 1px 0 3px;
}
.comment-feed .comment-item:hover .comment-action {
  visibility: visible;
  opacity: 1;
}
.comment-feed .comment-new-discussion-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  flex-flow: column;
}
.comment-feed .comment-new-discussion-row p {
  color: #b3b3b3;
}
.comment-feed .comment-new-discussion-row button.comment-new-discussion {
  padding: 10px;
  background-color: #b3b3b3;
  box-shadow: transparent;
  border: none;
}
.comment-feed .comment-new-discussion-row button.comment-new-discussion:hover {
  background-color: #999999;
}
.comment-feed.sample-discussion {
  margin-bottom: 0;
}
.comment-feed.sample-discussion .sample-discussion-item {
  position: relative;
}
.comment-feed.sample-discussion .sample-discussion-item.reply {
  margin-top: -15px;
}
.comment-feed.sample-discussion .sample-discussion-item:hover {
  z-index: 100;
}

.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: #ffffff;
  min-width: 120px;
  max-height: 200px;
  overflow: auto;
  z-index: 7000;
  color: #999999;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 10px #999999;
}
.tribute-container ul {
  list-style: none;
  padding: 0;
  margin: auto;
}
.tribute-container ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  padding: 6px 8px;
  font-size: 12px;
  cursor: pointer;
}
.tribute-container ul li.highlight {
  color: #666666;
  background-color: #f7f7f7;
}
.tribute-container ul li img {
  border-radius: 50%;
  margin-right: 3px;
  height: 17px;
  width: 17px;
  vertical-align: -4px;
}

@keyframes commentHighlight {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #e9f0f4;
  }
  100% {
    background-color: transparent;
  }
}
.task-social-actions-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1100;
  visibility: hidden;
  padding-bottom: 5px;
}
.task-social-actions-wrapper .task-social-actions {
  width: 100%;
  min-height: 53px;
  margin-top: 50px;
  z-index: 1000;
  box-sizing: border-box;
  color: #666666;
  padding: 10px 10px 7px;
  transform: translateY(-178px);
  transition: all 0.5s ease-out;
}
.task-social-actions-wrapper .task-social-actions .task-social-actions-header {
  margin-top: 0;
  padding: 2px 5px 10px;
  max-width: 330px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown {
  font-size: 13px;
  display: flex;
  align-items: center;
  margin: 10px 5px;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown span {
  white-space: nowrap;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .date {
  margin: 0 0 0 5px;
  width: auto;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .date input {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  width: 68px;
  margin-top: -1px;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .date input:hover {
  cursor: pointer;
  color: #4d4d4d;
  transition: all 0.2s ease;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .date input:focus {
  border: 1px solid #b3b3b3;
  background-color: #ffffff;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .date .add-on {
  border: none;
  background-color: transparent;
  color: #b3b3b3;
  padding: 5px 5px 3px;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .date .add-on .icon-calendar {
  font-size: 13px;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .date .add-on .icon-calendar:before {
  content: "↙";
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .date .add-on:hover {
  cursor: pointer;
  color: #4d4d4d;
  transition: all 0.2s ease;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .datepicker-wrapper .datepicker-dropdown {
  top: 83px !important;
  left: 107px !important;
  box-shadow: 0 2px 25px -3px rgba(0, 0, 0, 0.4);
  border-radius: 6px;
}
.task-social-actions-wrapper .task-social-actions .date-dropdown .datepicker-wrapper .datepicker-dropdown:before, .task-social-actions-wrapper .task-social-actions .date-dropdown .datepicker-wrapper .datepicker-dropdown:after {
  content: none;
}
.task-social-actions-wrapper .task-social-actions .task-social-actions-checkbox {
  margin: 10px 5px;
  display: flex;
  align-items: center;
}
.task-social-actions-wrapper .task-social-actions .task-social-actions-checkbox .checkbox {
  padding-left: 18px;
}
.task-social-actions-wrapper .task-social-actions .task-social-actions-checkbox label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
}
.task-social-actions-wrapper .task-social-actions .task-social-actions-row {
  padding-top: 5px;
  display: flex;
  align-items: center;
}
.task-social-actions-wrapper .task-social-actions .task-social-actions-row .task-social-actions-buttons {
  margin-left: auto;
}
.task-social-actions-wrapper .task-social-actions .task-social-actions-row .task-social-actions-buttons .btn-text:hover {
  color: #666666;
  transition: all 0.2s ease;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker {
  max-width: 225px;
  min-width: 140px;
  color: #808080;
  position: relative;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker .btn.btn-text {
  border: 1px solid #e6e6e6;
  padding: 4px 33px 4px 12px;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker .btn.btn-text:hover, .task-social-actions-wrapper .task-social-actions .relative-date-picker .btn.btn-text:active {
  border: 1px solid #b3b3b3;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker .btn.btn-text:after {
  font-family: "CoS";
  content: "\25a6";
  border-left: 1px solid #e6e6e6;
  padding: 6px 8px;
  margin: -6px 0 -6px 2px;
  position: absolute;
  right: 0;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker .xday-label {
  font-size: 10px;
  margin: 0 5px 0 5px;
  vertical-align: -4px;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker .btn-undo {
  font-size: 14px;
  position: relative;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker input {
  border-color: #e6e6e6;
  color: #808080;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker input.input-small {
  width: 150px;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker input.xday-container {
  width: 25px;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker .icon-undo {
  position: absolute;
  top: 6px;
  color: #b3b3b3;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker .icon-undo:hover {
  color: #999999;
}
.task-social-actions-wrapper .task-social-actions .relative-date-picker .input-append + a .icon-undo {
  right: 34px;
}
.task-social-actions-wrapper .task-social-actions .btn {
  border-radius: 2px;
}

.content-wrapper.hide-project-header .project-header {
  display: none;
}
.content-wrapper.hide-project-header .content-outlet {
  max-height: 100vh;
}
.content-wrapper.highlight-header {
  overflow: hidden;
}
.content-wrapper.highlight-header .project-header {
  box-shadow: 0 0 40px #4d4d4d;
  border-radius: 8px;
  padding-left: 10px;
  top: 0;
  margin: 10px;
  transform: translateY(5px);
}
.content-wrapper.highlight-header .content-outlet {
  filter: blur(10px);
  pointer-events: none;
  opacity: 0.5;
}
.content-wrapper.highlight-header .content-outlet .content-sidebar .tasks-list-inner.sample-tasks {
  margin-bottom: 0;
}
.content-wrapper.highlight-header .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper {
  opacity: 0;
}
.content-wrapper.highlight-attachments .project-header {
  display: none;
}
.content-wrapper.highlight-attachments .content-outlet {
  z-index: 9999999;
  margin-top: 0 !important;
  max-height: calc(100vh - 14px);
}
.content-wrapper.highlight-attachments .content-outlet .content-inner {
  padding-bottom: 0;
  z-index: 9999999;
  background-color: #ffffff;
  border-right: 1px solid #b3b3b3;
  min-height: calc(100vh - 13px);
}
.content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper {
  margin-top: 70px;
  margin-bottom: 80px;
}
.content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper .power-tip-btn-wrapper {
  display: none;
}
.content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper .attachment-options-wrapper .attachment-options.is-onboarding-wysiwyg .attachments-options-btn.file, .content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper .attachment-options-wrapper .attachment-options.is-onboarding-wysiwyg .attachments-options-btn.gdoc, .content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper .attachment-options-wrapper .attachment-options.is-onboarding-wysiwyg .attachments-options-btn.social_campaign, .content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper .attachment-options-wrapper .attachment-options.is-onboarding-wysiwyg .attachments-options-btn.linked_projects {
  pointer-events: none;
  cursor: default;
}
.content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper .attachment-options-wrapper .attachment-options.is-onboarding-wysiwyg .attachments-options-btn.wysiwyg .btn {
  border: 2px solid #e6e6e6;
}
.content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper .attachment-options-wrapper .attachment-options.is-onboarding-wysiwyg .attachments-options-btn.wysiwyg .btn:hover {
  border: 2px solid #62acc4;
}
.content-wrapper.highlight-attachments .content-outlet .attachments-picker-wrapper .attachment-options-wrapper .attachment-options.is-onboarding-wysiwyg .attachments-options-btn .click-helper-dot {
  top: 88px;
  left: -10px;
}
.content-wrapper.highlight-attachments .content-outlet .content-sidebar {
  filter: blur(10px);
  pointer-events: none;
  opacity: 0.5;
}
.content-wrapper.highlight-attachments .content-outlet .content-sidebar .tasks-list-inner.sample-tasks {
  margin-bottom: 0;
}
.content-wrapper.highlight-attachments .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper {
  opacity: 0;
}
.content-wrapper.highlight-sidebar .project-header {
  pointer-events: none;
  filter: blur(10px);
  opacity: 0.5;
}
.content-wrapper.highlight-sidebar .content-outlet {
  z-index: 9999999;
  overflow: initial;
}
.content-wrapper.highlight-sidebar .content-outlet .content-inner {
  pointer-events: none;
  filter: blur(10px);
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 40px #4d4d4d;
  z-index: 9999999;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion {
  margin-bottom: 0;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion .sample-discussion-item {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-left: -2px;
  padding-left: 2px;
  animation: animate-discussion 500ms ease-out 0s 1 normal forwards;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion .sample-discussion-item.reply {
  margin-top: -15px;
}
@keyframes animate-discussion {
  0% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  99% {
    opacity: 1;
    max-height: 200px;
    overflow: hidden;
  }
  100% {
    opacity: 1;
    max-height: initial;
    overflow: initial;
  }
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion .sample-discussion-item:nth-of-type(1) {
  animation-delay: 0s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion .sample-discussion-item:nth-of-type(2) {
  animation-delay: 0.5s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion .sample-discussion-item:nth-of-type(3) {
  animation-delay: 1s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion .sample-discussion-item:nth-of-type(4) {
  animation-delay: 1.5s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion .sample-discussion-item:nth-of-type(5) {
  animation-delay: 2s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed.sample-discussion .sample-discussion-item .task-top-section .task-top-row .task-drag-icon {
  visibility: hidden !important;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .comment-feed .comment-new-discussion-row {
  opacity: 0;
  animation: new-discussion-fade 150ms ease-out 2.5s 1 normal forwards;
}
@keyframes new-discussion-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks {
  margin-bottom: 0;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  animation: animate-tasks 500ms ease-out 0s 1 normal forwards;
}
@keyframes animate-tasks {
  0% {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  99% {
    opacity: 1;
    max-height: 100px;
    overflow: hidden;
  }
  100% {
    opacity: 1;
    max-height: 100px;
    overflow: initial;
  }
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper.completed:not(.is-pending-approval) {
  max-height: 0;
  animation: animate-tasks 500ms ease-out forwards;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper:nth-of-type(1) {
  animation-delay: 0s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper:nth-of-type(2) {
  animation-delay: 0.5s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper:nth-of-type(3) {
  animation-delay: 1s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper:nth-of-type(4) {
  animation-delay: 1.5s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper:nth-of-type(5) {
  animation-delay: 2s;
}
.content-wrapper.highlight-sidebar .content-outlet .content-sidebar .tasks-list-inner.sample-tasks .task-item-wrapper .task-top-section .task-top-row .task-drag-icon {
  visibility: hidden !important;
}

.marketing-campaign-picker.dropdown {
  display: inline-block;
}
.marketing-campaign-picker.dropdown button.marketing-campaign-picker-btn {
  margin: 12px 0 12px 10px;
  color: #999999;
  white-space: nowrap;
}
.marketing-campaign-picker.dropdown button.marketing-campaign-picker-btn .icon-folder-open {
  font-size: 16px;
}
.marketing-campaign-picker.dropdown button.marketing-campaign-picker-btn .icon-chevron-up {
  font-size: 12px;
}
.marketing-campaign-picker.dropdown button.marketing-campaign-picker-btn:hover {
  color: #666666;
  cursor: pointer;
}
.marketing-campaign-picker.dropdown .cos-dropdown {
  bottom: 40px;
  top: initial;
  left: initial;
  right: initial;
  margin: 0;
  display: block;
  width: initial;
  max-width: 300px;
  min-width: 190px;
  transition: width 0.3s ease;
  padding: 0;
}
.marketing-campaign-picker.dropdown .cos-dropdown ul {
  margin: 0;
  max-height: 350px;
  overflow-y: scroll;
}
.marketing-campaign-picker.dropdown .cos-dropdown .marketing-campaign-item {
  padding: 5px 10px;
  color: #999999;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.marketing-campaign-picker.dropdown .cos-dropdown .marketing-campaign-item i.marketing-campaign-dot {
  font-size: 12px;
  margin-right: 7px;
  color: transparent;
}
.marketing-campaign-picker.dropdown .cos-dropdown .marketing-campaign-item .marketing-campaign-item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.marketing-campaign-picker.dropdown .cos-dropdown .marketing-campaign-item:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.marketing-campaign-picker.dropdown .cos-dropdown .marketing-campaign-picker-back {
  position: absolute;
  left: 0;
  top: 0;
  padding: 7px 1px 3px 9px;
  border-bottom: 1px solid #b3b3b3;
}
.marketing-campaign-picker.dropdown .cos-dropdown .marketing-campaign-picker-back:hover {
  color: #666666;
}
.marketing-campaign-picker.dropdown .cos-dropdown input.search {
  left: 25px;
  right: 0;
  width: calc(100% - 25px);
  border-left: 1px solid #b3b3b3;
}
.marketing-campaign-picker.dropdown .cos-dropdown .icon-search {
  left: 32px;
}

.email {
  max-width: 800px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-color: white;
  margin: 40px auto 40px;
}
.email .email-header {
  display: flex;
  padding: 11px 13px;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.email .email-header .service-logo {
  display: inline-block;
  margin-right: 13px;
  height: 32px;
  width: 32px;
  font-size: 32px;
}
.email .email-header .service-name {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: bold;
  position: relative;
  top: 1px;
}
.email .email-header .email-type {
  font-size: 10px;
}
.email .email-content {
  padding: 20px;
}

.email-marketing .email-service-picker {
  display: flex;
  justify-content: center;
}
.email-marketing .email-service-picker > div.liquid-container, .email-marketing .email-service-picker > div.liquid-container > div.liquid-child {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.email-marketing .email-service-picker .content-editor-options .service-logo {
  display: block;
  height: 48px;
  width: 48px;
  font-size: 48px;
}

.reschedule-readonly-modal {
  z-index: 10002;
}
.reschedule-readonly-modal .modal-container {
  width: 500px;
  min-height: 150px;
  animation: readonly-modal-fly-in 0.25s forwards;
}
@keyframes readonly-modal-fly-in {
  0% {
    transform: translate(-50%, 100vh);
  }
  100% {
    transform: translate(-50%, 0vh);
  }
}
.reschedule-readonly-modal .modal-container .modal-content {
  padding: 30px 50px;
}
.reschedule-readonly-modal .modal-container .modal-actions {
  display: flex;
  padding: 0 15px 15px;
  justify-content: space-between;
  align-items: center;
}

.api-key-setup .select-service-link {
  padding: 10px 0;
  margin: 10px auto;
  color: #999999;
}
.api-key-setup .select-service-link:hover {
  color: #666666;
}
.api-key-setup .modal-frame {
  text-align: left;
}
.api-key-setup .modal-frame .modal-scroll {
  position: relative;
  height: auto;
}
.api-key-setup .modal-frame .modal-header, .api-key-setup .modal-frame .delete-confirmation .delete-header, .delete-confirmation .api-key-setup .modal-frame .delete-header {
  display: none;
}
.api-key-setup .modal-frame .modal-content {
  padding: 0 10%;
  width: 80%;
}
.api-key-setup .modal-frame .modal-content .onboarding-header {
  display: block;
  margin-bottom: 5px;
}
.api-key-setup .modal-frame .modal-content p {
  max-width: 350px;
}
.api-key-setup .modal-frame .modal-content .video .wistia_embed {
  width: 250px !important;
  height: 141px !important;
  animation: video-loading 1.25s ease infinite alternate;
}
@keyframes video-loading {
  0% {
    background-color: #e6e6e6;
  }
  100% {
    background-color: #f7f7f7;
  }
}
.api-key-setup .modal-frame .modal-content .alert.alert-error {
  position: relative;
  bottom: auto;
  left: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.api-key-setup .modal-frame .modal-actions {
  display: flex;
  justify-content: flex-end;
}

.email-content .esa {
  width: 100%;
  margin-top: 20px;
  background-color: #f7f7f7;
  border-radius: 6px;
  padding: 25px 25px 40px;
  box-sizing: border-box;
  animation: eslt-open 1.25s forwards;
}
@keyframes eslt-open {
  0% {
    max-height: 0;
    overflow: hidden;
    padding: 0 25px;
  }
  20% {
    padding: 25px 25px 40px;
  }
  99% {
    max-height: 1200px;
    overflow: hidden;
    padding: 25px 25px 40px;
  }
  100% {
    max-height: none;
    overflow: visible;
    padding: 25px 25px 40px;
  }
}
.email-content .esa .current {
  display: grid;
  grid-template-columns: repeat(7, 1fr) 200px;
  grid-template-areas: "case case case case numbers numbers numbers overall" "case case case case numbers numbers numbers overall" "word-bar word-bar word-bar word-bar word-bar word-bar word-bar overall" "word-bar word-bar word-bar word-bar word-bar word-bar word-bar overall" "characters characters words words emojis emojis . overall";
  grid-gap: 20px;
}
@media only screen and (max-width: 1100px) {
  .email-content .esa .current {
    grid-template-columns: repeat(3, 1fr) 200px;
    grid-template-areas: "case case case overall" "numbers numbers numbers overall" "word-bar word-bar word-bar overall" "word-bar word-bar word-bar overall" "characters words emojis overall";
  }
}
@media only screen and (max-width: 650px) {
  .email-content .esa .current {
    grid-template-columns: repeat(3, 1fr) 150px;
  }
}
.email-content .subject {
  width: 100%;
  margin-bottom: 30px;
}
.email-content .subject .subject-line {
  position: relative;
}
.email-content .subject .subject-line input {
  font-size: 18px;
  line-height: 20px;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
.email-content .subject .subject-line .email_subject_tester--icon {
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.email-content .subject .subject-line .esa-score-button {
  padding: 17px 22px;
  height: 54px;
  margin-left: 10px;
  min-width: 130px;
}
.email-content .subject .subject-line .esa-score-button.good {
  background-color: #f07e62;
}
.email-content .subject .subject-line .esa-score-button.good:hover, .email-content .subject .subject-line .esa-score-button.good:focus {
  background-color: #d87158;
}
.email-content .subject .subject-line .esa-score-button.good:active {
  background-color: #cc6b53;
}
.email-content .subject .subject-line .esa-score-button.great {
  background-color: #f8ae4c;
}
.email-content .subject .subject-line .esa-score-button.great:hover, .email-content .subject .subject-line .esa-score-button.great:focus {
  background-color: #df9d44;
}
.email-content .subject .subject-line .esa-score-button.great:active {
  background-color: #d39441;
}
.email-content .subject .subject-line .esa-score-button.better {
  background-color: #4dadd9;
}
.email-content .subject .subject-line .esa-score-button.better:hover, .email-content .subject .subject-line .esa-score-button.better:focus {
  background-color: #459cc3;
}
.email-content .subject .subject-line .esa-score-button.better:active {
  background-color: #4193b8;
}
.email-content .subject .subject-line .esa-score-button.best {
  background-color: #a1cb86;
}
.email-content .subject .subject-line .esa-score-button.best:hover, .email-content .subject .subject-line .esa-score-button.best:focus {
  background-color: #91b779;
}
.email-content .subject .subject-line .esa-score-button.best:active {
  background-color: #89ad72;
}
.email-content .subject .subject-line .esa-score-button .icon-loop {
  animation: spin-loop 1s linear 10;
}
@keyframes spin-loop {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.email-content .esa .overall-score-column {
  padding: 15px 0;
  background-color: #efefef;
  grid-area: overall;
  border-radius: 6px;
}
.email-content .esa .overall-score-column label {
  text-align: center;
}
.email-content .esa .overall-score-column .overall-score {
  display: flex;
  height: 120px;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
.email-content .esa .overall-score-column .overall-score span {
  font-size: 60px;
  font-weight: 300;
}
.email-content .esa .overall-score-column .radial-chart {
  width: 110px;
  height: 110px;
  background-color: rgba(255, 255, 255, 0.4);
}
.email-content .esa .overall-score-column .radial-chart .circle .mask,
.email-content .esa .overall-score-column .radial-chart .circle .fill {
  width: 110px;
  height: 110px;
  transition: transform 1s;
}
.email-content .esa .overall-score-column .radial-chart .circle .mask {
  clip: rect(0px, 110px, 110px, 55px);
}
.email-content .esa .overall-score-column .radial-chart .circle .mask .fill {
  clip: rect(0px, 55px, 110px, 0px);
  background-color: #ffffff;
}
.email-content .esa .overall-score-column .radial-chart .inset {
  width: 100px;
  height: 100px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #ffffff;
}
.email-content .esa .overall-score-column .radial-chart .inset .inset-inner {
  width: 92px;
  height: 92px;
  transition: opacity 1s ease-in-out;
}
.email-content .esa .overall-score-column .radial-chart .inset .inset-inner .score {
  font-size: 58px;
  line-height: 90px;
  color: #ffffff;
}
.email-content .esa .overall-score-column.good .radial-chart .mask .fill {
  background-color: #f07e62;
}
.email-content .esa .overall-score-column.great .radial-chart .mask .fill {
  background-color: #f8ae4c;
}
.email-content .esa .overall-score-column.better .radial-chart .mask .fill {
  background-color: #4dadd9;
}
.email-content .esa .overall-score-column.best .radial-chart .mask .fill {
  background-color: #a1cb86;
}
.email-content .esa .overall-score-column.good .radial-chart .inset .score {
  color: #f07e62;
}
.email-content .esa .overall-score-column.great .radial-chart .inset .score {
  color: #f8ae4c;
}
.email-content .esa .overall-score-column.better .radial-chart .inset .score {
  color: #4dadd9;
}
.email-content .esa .overall-score-column.best .radial-chart .inset .score {
  color: #a1cb86;
}
.email-content .esa .overall-score-column .radial-chart {
  margin: 20px auto;
  background-color: #d9d9d9;
}
.email-content .esa .overall-score-column .radial-chart .inset {
  background-color: #efefef;
}
.email-content .esa .overall-score-column .score-text {
  padding: 15px;
}
.email-content .esa .overall-score-column .score-text p {
  font-size: 12px;
}
.email-content .esa .overall-score-column .full-analysis-button {
  display: block;
  width: 105px;
  margin: auto auto 0;
}
.email-content .esa .overall-score-column .history-button {
  display: block;
  margin: 20px auto 0;
}
.email-content .esa .counters .counter {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-content .esa .counters .counter .count-container {
  height: 75px;
  width: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b3b3b3;
  box-shadow: inset 0 -37px 0 rgba(0, 0, 0, 0.05);
}
.email-content .esa .counters .counter .count-container.good {
  background-color: #f07e62;
}
.email-content .esa .counters .counter .count-container.great {
  background-color: #f8ae4c;
}
.email-content .esa .counters .counter .count-container.better {
  background-color: #4dadd9;
}
.email-content .esa .counters .counter .count-container.best {
  background-color: #a1cb86;
}
.email-content .esa .counters .counter .count-container span {
  color: #ffffff;
  font-size: 40px;
  font-weight: 300;
}
.email-content .esa .counter {
  height: 85px;
  width: 100%;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 5px 8px;
}
.email-content .esa .counter.good {
  background-color: #f07e62;
}
.email-content .esa .counter.great {
  background-color: #f8ae4c;
}
.email-content .esa .counter.better {
  background-color: #4dadd9;
}
.email-content .esa .counter.best {
  background-color: #a1cb86;
}
.email-content .esa .counter label,
.email-content .esa .counter p {
  color: #ffffff;
}
.email-content .esa .counter p {
  font-size: 42px;
  line-height: 42px;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  margin: 0;
}
.email-content .esa .counter.characters {
  grid-area: characters;
}
.email-content .esa .counter.words {
  grid-area: words;
}
.email-content .esa .counter.emojis {
  grid-area: emojis;
}
.email-content .esa .increase-decrease-words {
  grid-area: word-bar;
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 2;
}
.email-content .esa .increase-decrease-words .word-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 15px;
}
.email-content .esa .increase-decrease-words .word-container a:hover {
  text-decoration: none;
}
.email-content .esa .increase-decrease-words .word-container a:hover label {
  cursor: pointer;
  color: #999999;
}
.email-content .esa .increase-decrease-words .word-container.increase .bar, .email-content .esa .increase-decrease-words .word-container.decrease .bar {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  height: 10px;
  border-radius: 50px;
  background-color: #cccccc;
  margin: 5px 0;
  overflow: visible;
}
.email-content .esa .increase-decrease-words .word-container.increase .bar .fill, .email-content .esa .increase-decrease-words .word-container.decrease .bar .fill {
  display: block;
  background-color: #a1cb86;
  border-radius: 100px;
}
.email-content .esa .increase-decrease-words .word-container.increase .bar .fill .cap, .email-content .esa .increase-decrease-words .word-container.decrease .bar .fill .cap {
  display: block;
  height: 20px;
  width: 20px;
  background-color: #a1cb86;
  float: right;
  position: relative;
  top: -5px;
  border-radius: 20px;
}
.email-content .esa .increase-decrease-words .word-container.increase .increase.zero .bar .fill,
.email-content .esa .increase-decrease-words .word-container.increase .decrease.zero .bar .fill, .email-content .esa .increase-decrease-words .word-container.decrease .increase.zero .bar .fill,
.email-content .esa .increase-decrease-words .word-container.decrease .decrease.zero .bar .fill {
  animation: zero--bar-animate 1s ease-out 1 normal forwards;
}
@keyframes zero--bar-animate {
  0% {
    width: 0%;
  }
  100% {
    width: 14.5%;
  }
}
.email-content .esa .increase-decrease-words .word-container.increase .increase.one .bar .fill,
.email-content .esa .increase-decrease-words .word-container.increase .decrease.one .bar .fill, .email-content .esa .increase-decrease-words .word-container.decrease .increase.one .bar .fill,
.email-content .esa .increase-decrease-words .word-container.decrease .decrease.one .bar .fill {
  animation: one--bar-animate 1s ease-out 1 normal forwards;
}
@keyframes one--bar-animate {
  0% {
    width: 0%;
  }
  100% {
    width: 39%;
  }
}
.email-content .esa .increase-decrease-words .word-container.increase .increase.two .bar .fill,
.email-content .esa .increase-decrease-words .word-container.increase .decrease.two .bar .fill, .email-content .esa .increase-decrease-words .word-container.decrease .increase.two .bar .fill,
.email-content .esa .increase-decrease-words .word-container.decrease .decrease.two .bar .fill {
  animation: two--bar-animate 1s ease-out 1 normal forwards;
}
@keyframes two--bar-animate {
  0% {
    width: 0%;
  }
  100% {
    width: 63.5%;
  }
}
.email-content .esa .increase-decrease-words .word-container.increase .increase.three .bar .fill,
.email-content .esa .increase-decrease-words .word-container.increase .decrease.three .bar .fill, .email-content .esa .increase-decrease-words .word-container.decrease .increase.three .bar .fill,
.email-content .esa .increase-decrease-words .word-container.decrease .decrease.three .bar .fill {
  animation: three--bar-animate 1s ease-out 1 normal forwards;
}
@keyframes three--bar-animate {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.email-content .esa .increase-decrease-words .word-container.increase .increase .bar-labels,
.email-content .esa .increase-decrease-words .word-container.increase .decrease .bar-labels, .email-content .esa .increase-decrease-words .word-container.decrease .increase .bar-labels,
.email-content .esa .increase-decrease-words .word-container.decrease .decrease .bar-labels {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.email-content .esa .increase-decrease-words .word-container.increase .words span, .email-content .esa .increase-decrease-words .word-container.decrease .words span {
  color: #a1cb86;
  font-weight: bold;
  font-style: italic;
}
.email-content .esa .increase-decrease-words .word-container.increase .words span:after, .email-content .esa .increase-decrease-words .word-container.decrease .words span:after {
  content: ", ";
}
.email-content .esa .increase-decrease-words .word-container.increase .words span:last-of-type:after, .email-content .esa .increase-decrease-words .word-container.decrease .words span:last-of-type:after {
  content: "";
}
.email-content .esa .increase-decrease-words .word-container.decrease .bar .fill {
  background-color: #f07e62;
}
.email-content .esa .increase-decrease-words .word-container.decrease .bar .fill .cap {
  background-color: #f07e62;
}
.email-content .esa .increase-decrease-words .word-container.decrease .words span {
  color: #f07e62;
}
.email-content .esa .case-gauge {
  grid-area: case;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
}
.email-content .esa .case-gauge .gauge-arrow {
  position: absolute;
  height: 70%;
  width: 100%;
  left: 0;
  top: 60%;
  transform: rotate(-90deg);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.email-content .esa .case-gauge .gauge-arrow.caps {
  animation: caps--arrow-animate 1s ease-out 1 normal forwards;
}
@keyframes caps--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-70deg);
  }
}
.email-content .esa .case-gauge .gauge-arrow.lower {
  animation: lower--arrow-animate 1s ease-out 1 normal forwards;
}
@keyframes lower--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-25deg);
  }
}
.email-content .esa .case-gauge .gauge-arrow.sentence {
  animation: sentence--arrow-animate 1s ease-out 1 normal forwards;
}
@keyframes sentence--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(25deg);
  }
}
.email-content .esa .case-gauge .gauge-arrow.title {
  animation: title--arrow-animate 1s ease-out 1 normal forwards;
}
@keyframes title--arrow-animate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(70deg);
  }
}
.email-content .esa .numbers-present {
  grid-area: numbers;
}
.email-content .esa .numbers-present .block-layout {
  display: flex;
}
@media only screen and (min-width: 1101px) {
  .email-content .esa .numbers-present .block-layout {
    flex-wrap: wrap-reverse;
  }
}
.email-content .esa .numbers-present .no-block,
.email-content .esa .numbers-present .yes-block {
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
  background-color: rgba(179, 179, 179, 0.5);
  color: #ffffff;
  width: 100%;
  min-width: 100px;
  margin: 5px;
  border-radius: 4px;
}
.email-content .esa .numbers-present .no-block span,
.email-content .esa .numbers-present .yes-block span {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  margin-right: -1px;
  opacity: 0.7;
}
.email-content .esa .numbers-present.yes .yes-block {
  background-color: #a1cb86;
}
.email-content .esa .numbers-present.yes .yes-block span {
  opacity: 1;
}
.email-content .esa .numbers-present.no .no-block {
  background-color: #f07e62;
}
.email-content .esa .numbers-present.no .no-block span {
  opacity: 1;
}
.email-content .esa.show-history .history {
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
  box-sizing: border-box;
}
.email-content .esa.show-history .history .history-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  overflow-y: auto;
}
.email-content .esa.show-history .history .history-container .history-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  height: 50px;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.email-content .esa.show-history .history .history-container .history-item:last-of-type {
  border-bottom: none;
}
.email-content .esa.show-history .history .history-container .history-item:not(.read-only):hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.email-content .esa.show-history .history .history-container .history-item .subject {
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
.email-content .esa.show-history .history .history-container .history-item .subject .subject-content {
  color: #666666;
}
.email-content .esa.show-history .history .history-container .history-item .subject > div {
  line-height: 10px;
}
.email-content .esa.show-history .history .history-container .history-item .subject .best-subject,
.email-content .esa.show-history .history .history-container .history-item .subject .current-subject {
  font-size: 10px;
  color: #999999;
  font-style: italic;
}
.email-content .esa.show-history .history .history-container .history-item .subject.is-best.is-current .best-subject:after {
  content: ", ";
}
.email-content .esa.show-history .history .history-container .history-item .score {
  display: flex;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  flex-shrink: 0;
}
.email-content .esa.show-history .history .history-container .history-item .score span {
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
}
.email-content .esa.show-history .history .history-container .history-item .score.good {
  background-color: #f07e62;
}
.email-content .esa.show-history .history .history-container .history-item .score.great {
  background-color: #f8ae4c;
}
.email-content .esa.show-history .history .history-container .history-item .score.better {
  background-color: #4dadd9;
}
.email-content .esa.show-history .history .history-container .history-item .score.best {
  background-color: #a1cb86;
}
.email-content .esa .reanalyze {
  display: none;
}
.email-content .esa.reanalyze {
  position: relative;
}
.email-content .esa.reanalyze .reanalyze {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: all 0.3s ease;
}
.email-content .esa.reanalyze .reanalyze .reanalyze-content span {
  color: #666666;
}
.email-content .esa.reanalyze .reanalyze .reanalyze-content button span {
  color: #ffffff;
}
.email-content .esa.reanalyze .current,
.email-content .esa.reanalyze .history {
  filter: blur(5px);
  pointer-events: none;
  opacity: 0.25;
}
.email-content .esa .current,
.email-content .esa .history {
  filter: blur(0);
  width: 100%;
  transition: filter 0.3s ease;
}
@keyframes controlsFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes editor-fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes attachmentsIn {
  0% {
    overflow: hidden;
    width: 0;
    height: 0;
  }
  75% {
    width: 520px;
    height: 290px;
  }
  99% {
    overflow: hidden;
    width: 510px;
    height: 277px;
  }
  100% {
    overflow: initial;
  }
}
@keyframes attachmentsInCenter {
  0% {
    transform: translateY(-100px) scale(0, 0);
    opacity: 0;
    top: 0;
  }
  99% {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
  100% {
    overflow: initial;
  }
}
@keyframes attachmentsOptionFadeIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  50% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.attachment-content {
  position: relative;
  padding-bottom: 20px;
}
.attachment-content .editor-menu {
  position: absolute;
  top: 10px;
  right: 7%;
  z-index: 1001;
}
.attachment-content .editor-menu .btn-text {
  margin-top: -3px;
  padding-left: 3px;
}
.attachment-content .editor-menu .editor-dropdown {
  display: none;
  min-width: 160px;
  right: 0;
}
.attachment-content .editor-menu .editor-dropdown .editor-dropdown-list {
  list-style: none;
  margin: 0;
}
.attachment-content .editor-menu.open .editor-dropdown {
  display: block;
}
.attachment-content .headline-wrapper {
  display: flex;
  flex-flow: column;
  margin: 25px auto 40px;
  width: 85%;
  min-width: 500px;
  position: relative;
}
.attachment-content .headline-wrapper .click-helper-dot {
  top: 44px;
  left: -13px;
}
.attachment-content .attachment-content-inner {
  box-shadow: 1px 1px 5px #b3b3b3;
  border-radius: 4px;
  width: 85%;
  min-width: 500px;
  background-color: white;
  position: relative;
  margin: 20px auto 40px auto;
  padding: 0;
  transition: all 0.25s ease-out;
}
.attachment-content .attachment-content-inner .icon-wrapper {
  display: inline-block;
  border: 1px solid #b3b3b3;
  background-color: transparent;
  border-radius: 20px;
  color: #b3b3b3;
  width: 27px;
  height: 27px;
  text-align: center !important;
  line-height: 27px;
  margin-top: -5px;
}
.attachment-content .attachment-content-inner .icon-wrapper [class^=icon-],
.attachment-content .attachment-content-inner .icon-wrapper [class*=" icon-"] {
  display: block;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
  font-size: 14px;
  line-height: 28px;
}
.attachment-content .attachment-content-inner .icon-wrapper.wrapper-blue {
  border: 1px solid #c1cfd9;
  color: #c1cfd9;
}
.attachment-content .attachment-content-inner .icon-wrapper.gdocs {
  color: #4680eb !important;
  border-color: #4680eb !important;
}
.attachment-content .attachment-content-inner .icon-wrapper.evernote {
  color: #848484 !important;
  border-color: #6fb536 !important;
}
.attachment-content .attachment-content-inner .edit-true {
  align-items: center;
  flex-flow: column;
  justify-content: center;
  display: none;
  background-color: whiteSmoke;
  *zoom: 1;
}
.attachment-content .attachment-content-inner .edit-true:before, .attachment-content .attachment-content-inner .edit-true:after {
  display: table;
  content: "";
  line-height: 0;
}
.attachment-content .attachment-content-inner .edit-true:after {
  clear: both;
}
.attachment-content .attachment-content-inner .edit-false {
  display: block;
}
.attachment-content .attachment-content-inner .edit-false .source-text {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  *zoom: 1;
  color: #999999;
  margin: 2px 0px -5px;
  padding: 0;
}
.attachment-content .attachment-content-inner .edit-false .source-text:before, .attachment-content .attachment-content-inner .edit-false .source-text:after {
  display: table;
  content: "";
  line-height: 0;
}
.attachment-content .attachment-content-inner .edit-false .source-text:after {
  clear: both;
}
.attachment-content .attachment-content-inner .edit-false .source-text .input-append {
  margin-bottom: 0px;
}
.attachment-content .attachment-content-inner .edit-false .source-text input[type=text] {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
  padding: 0 6px 0 0;
  color: #999999;
  margin: 0;
  width: 310px;
}
.attachment-content .attachment-content-inner .edit-false .source-text input[readonly] {
  background-color: white;
}
.attachment-content .attachment-content-inner .edit-false .source-text .btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.attachment-content .attachment-content-inner .edit-false .source-text .btn.active,
.attachment-content .attachment-content-inner .edit-false .source-text .btn:active,
.attachment-content .attachment-content-inner .edit-false .source-text .btn:hover,
.attachment-content .attachment-content-inner .edit-false .source-text .btn:focus,
.attachment-content .attachment-content-inner .edit-false .source-text .btn:visited {
  background-color: white;
}
.attachment-content .attachment-content-inner .edit-loading {
  display: none;
  background-color: whiteSmoke;
  padding: 100px;
  text-align: center;
}
.attachment-content .attachment-content-inner.editing .edit-true {
  display: flex;
}
.attachment-content .attachment-content-inner.editing .edit-false {
  display: none;
}
.attachment-content .attachment-content-inner.loading .edit-true {
  display: none;
}
.attachment-content .attachment-content-inner.loading .edit-false {
  display: none;
}
.attachment-content .attachment-content-inner.loading .edit-loading {
  display: block;
}
.attachment-content .attachment-content-inner.attachment-file, .attachment-content .attachment-content-inner.attachment-gdoc, .attachment-content .attachment-content-inner.attachment-evernote {
  margin-top: 50px;
}
.attachment-content .attachment-content-inner.attachment-file .edit-true, .attachment-content .attachment-content-inner.attachment-gdoc .edit-true, .attachment-content .attachment-content-inner.attachment-evernote .edit-true {
  background-color: whiteSmoke;
  border-radius: 4px;
  padding: 30px;
  color: #999999;
  min-height: 140px;
  text-align: center;
}
.attachment-content .attachment-content-inner.attachment-file .edit-false, .attachment-content .attachment-content-inner.attachment-gdoc .edit-false, .attachment-content .attachment-content-inner.attachment-evernote .edit-false {
  padding: 20px;
  transition: all 0.25s ease-out;
}
.attachment-content .attachment-content-inner.attachment-file .edit-false .file-icon, .attachment-content .attachment-content-inner.attachment-gdoc .edit-false .file-icon, .attachment-content .attachment-content-inner.attachment-evernote .edit-false .file-icon {
  width: 168px;
  height: 168px;
  margin: 20px 10px;
  display: block;
  background-image: url("/img/file-icons-large-evernote-aab34c8b6dfc949003817055ffe3a7bc.png");
  background-size: 168px 168px;
  background-repeat: no-repeat;
  background-size: 168px 168px !important;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .attachment-content .attachment-content-inner.attachment-file .edit-false .file-icon, .attachment-content .attachment-content-inner.attachment-gdoc .edit-false .file-icon, .attachment-content .attachment-content-inner.attachment-evernote .edit-false .file-icon {
    background-image: url("/img/file-icons-large-evernote@2x-f03b49e5ce7c0e6adf54b2f40ad39b91.png");
    background-size: 168px 168px;
  }
}
.attachment-content .attachment-content-inner.attachment-file .edit-false .file-details, .attachment-content .attachment-content-inner.attachment-gdoc .edit-false .file-details, .attachment-content .attachment-content-inner.attachment-evernote .edit-false .file-details {
  margin-top: 63px;
  color: #999999;
}
.attachment-content .attachment-content-inner.attachment-file .edit-false .file-details p, .attachment-content .attachment-content-inner.attachment-gdoc .edit-false .file-details p, .attachment-content .attachment-content-inner.attachment-evernote .edit-false .file-details p {
  margin-bottom: 5px;
}
.attachment-content .attachment-content-inner.attachment-file .edit-false .file-details .media,
.attachment-content .attachment-content-inner.attachment-file .edit-false .file-details .media-body, .attachment-content .attachment-content-inner.attachment-gdoc .edit-false .file-details .media,
.attachment-content .attachment-content-inner.attachment-gdoc .edit-false .file-details .media-body, .attachment-content .attachment-content-inner.attachment-evernote .edit-false .file-details .media,
.attachment-content .attachment-content-inner.attachment-evernote .edit-false .file-details .media-body {
  overflow: initial;
}
.attachment-content .attachment-content-inner.attachment-file .edit-false .file-details .media p.file-name,
.attachment-content .attachment-content-inner.attachment-file .edit-false .file-details .media-body p.file-name, .attachment-content .attachment-content-inner.attachment-gdoc .edit-false .file-details .media p.file-name,
.attachment-content .attachment-content-inner.attachment-gdoc .edit-false .file-details .media-body p.file-name, .attachment-content .attachment-content-inner.attachment-evernote .edit-false .file-details .media p.file-name,
.attachment-content .attachment-content-inner.attachment-evernote .edit-false .file-details .media-body p.file-name {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attachments-picker-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 1101;
  transition: all 400ms ease-out;
  margin: 50px 0 200px;
}
.attachments-picker-wrapper .attachments-empty {
  text-align: center;
  width: 240px;
}
.attachments-picker-wrapper .attachments-empty .attachments-empty-text.bigger {
  font-size: 24px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 8px;
}
.attachments-picker-wrapper .attachments-empty .attachments-empty-text.smaller {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.attachments-picker-wrapper .attachments-btn-wrapper {
  width: 60px;
  margin: 20px 0 16px;
}
.attachments-picker-wrapper .attachments-btn-wrapper .attachments-btn {
  width: 60px;
  height: 60px;
  padding: 18px 11px;
  z-index: 100;
  position: relative;
  opacity: 1;
  background-color: white;
  color: #b3b3b3;
  border: 1px solid #e6e6e6;
}
.attachments-picker-wrapper .attachments-btn-wrapper .attachments-btn:before {
  font-size: 12px;
  color: #999999;
  position: absolute;
  top: -25px;
  left: -80px;
  width: 200px;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.attachments-picker-wrapper .attachments-btn-wrapper .attachments-btn:hover {
  color: white;
  opacity: 1;
  background-color: #999999;
  border: 1px solid transparent;
}
.attachments-picker-wrapper .attachments-btn-wrapper .attachments-btn:hover:before {
  opacity: 1;
}
.attachments-picker-wrapper .attachments-btn-wrapper .attachments-btn.attachments-open {
  transform: rotate(45deg);
  box-shadow: 1px -1px 10px #999999;
}
.attachments-picker-wrapper .attachments-btn-wrapper .attachments-btn i.icon-plus-2 {
  font-size: 22px;
}
.attachments-picker-wrapper .attachments-btn-wrapper.tooltip-small .tooltip-text {
  max-width: 105px;
}
.attachments-picker-wrapper .attachment-options-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-width: 360px;
  max-width: 660px;
  animation: attachmentsInCenter 350ms ease-out;
  transition: border-radius 150ms ease-out;
}
@media (max-width: 1200px) {
  .attachments-picker-wrapper .attachment-options-wrapper {
    max-width: 510px;
  }
}
@media (max-width: 550px) {
  .attachments-picker-wrapper .attachment-options-wrapper {
    max-width: 360px;
  }
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  width: calc(100% - 50px);
  height: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 4px 4px 15px #999999;
  margin: 10px 15px 15px;
  padding: 10px;
  z-index: 200;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options:before, .attachments-picker-wrapper .attachment-options-wrapper .attachment-options:after {
  content: "";
  position: absolute;
  bottom: 10px;
  z-index: 1;
  width: 0;
  height: 0;
  top: -20px;
  right: 50%;
  border: solid 10px transparent;
  border-left-color: transparent;
  border-bottom-color: #ffffff;
  margin-right: -12px;
  margin-left: initial;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options:after {
  filter: blur(2px);
  z-index: 0;
  border-bottom-color: #cccccc;
  top: -22px;
  font-size: 16px;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .power-tip-btn-wrapper {
  animation: fade-in 1000ms;
  position: absolute;
  left: 8px;
  bottom: 8px;
  margin: initial;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .loading-wrapper {
  min-height: 116px;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn {
  opacity: 0;
  animation: 350ms attachmentsOptionFadeIn ease forwards;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 1) {
  animation-delay: 0.25s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 2) {
  animation-delay: 0.3s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 3) {
  animation-delay: 0.35s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 4) {
  animation-delay: 0.4s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 5) {
  animation-delay: 0.45s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 6) {
  animation-delay: 0.5s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 7) {
  animation-delay: 0.55s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 8) {
  animation-delay: 0.6s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 9) {
  animation-delay: 0.65s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn:nth-of-type(6n + 10) {
  animation-delay: 0.7s;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  height: 80px;
  width: 100px;
  box-sizing: initial;
  font-size: 14px;
  flex-flow: column;
  background-color: transparent;
  border-radius: 4px;
  border: solid 2px transparent;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn:not([disabled]).tooltip-medium .tooltip-text {
  visibility: hidden;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn:disabled {
  opacity: 1;
  border: solid 2px transparent !important;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn:disabled i {
  opacity: 0.5;
  color: #999999;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn:disabled .btn-title {
  opacity: 0.5;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn [class*="--icon"],
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn [class*="--brand-logo"],
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn .icon-file-attachment-svg,
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn .icon-custom-fields {
  height: 48px;
  width: 48px;
  background-size: 48px 48px;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn .icon-custom-fields {
  color: #808080;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn .icon-file-attachment-svg {
  background: url(/img/empty-file-f8025d61ea85a4615ee15a35c7640718.svg) no-repeat center;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn:hover {
  border: solid 2px #62acc4;
  box-shadow: initial;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-options-btn .btn:hover .icon-custom-fields {
  color: #666666;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-onboarding {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 10px 10px 0 0;
  height: 0;
  opacity: 0;
  text-align: left;
  justify-content: center;
  display: flex;
  z-index: 1;
  background-color: #403056;
  padding: 10px 20px;
  overflow: hidden;
  transition: all 250ms ease-out;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-onboarding .onboarding-text {
  line-height: 1.5;
  color: #ffffff;
  width: 80%;
  margin: auto;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-onboarding .btn-onboarding {
  color: #403056;
  white-space: nowrap;
  height: 40px;
  margin: auto;
  background-color: #a591c1;
  box-shadow: initial;
  border: none;
}
.attachments-picker-wrapper .attachment-options-wrapper .attachment-options .attachments-onboarding .btn-onboarding:hover {
  background-color: #8b70af;
  box-shadow: initial;
}
.attachments-picker-wrapper .attachment-options-wrapper.show-onboarding .attachments-onboarding {
  opacity: 1;
  top: -87px;
  height: 75px;
}
.attachments-picker-wrapper.attachments-quick-link {
  position: fixed;
  top: initial;
  left: initial;
  bottom: 20px;
  right: 380px;
  margin: 0;
}
.attachments-picker-wrapper.attachments-quick-link .attachments-btn-wrapper {
  margin: 0 auto 15px;
  width: 43px;
}
.attachments-picker-wrapper.attachments-quick-link .attachments-btn-wrapper .attachments-btn {
  width: 40px;
  height: 40px;
  padding: 11px 11px;
}
.attachments-picker-wrapper.attachments-quick-link .attachments-btn-wrapper .attachments-btn i.icon-plus-2 {
  font-size: 16px;
}
.attachments-picker-wrapper.no-attachments {
  margin-top: 100px;
}
.attachments-picker-wrapper.no-attachments .attachment-options-wrapper {
  top: 165px;
}
.attachments-picker-wrapper.no-sidebar {
  right: 25px !important;
}

.attachment-content-inner.attachment-wordpress, .attachment-content-inner.wordpress-site-select {
  max-width: 800px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-color: white;
  margin: 40px auto 50px;
  position: relative;
}
.attachment-content-inner.attachment-wordpress .multi-select-box {
  margin-top: 1px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.attachment-content-inner.attachment-wordpress .multi-select-box .multi-select-overflow {
  height: initial;
  max-height: 117px;
  padding: 10px 7px 3px;
}
.attachment-content-inner.attachment-wordpress .multi-select-box .multi-select-overflow ul {
  margin: 0 0 5px;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 10px;
       column-gap: 10px;
  list-style-type: none;
}
.attachment-content-inner.attachment-wordpress .multi-select-box .multi-select-overflow .multi-select-options .checkbox {
  word-break: initial;
  -webkit-hyphens: initial;
          hyphens: initial;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  page-break-inside: avoid;
  margin-left: 30px;
}
.attachment-content-inner.attachment-wordpress .multi-select-box .multi-select-overflow .multi-select-options label {
  word-wrap: break-word;
}
.attachment-content-inner.attachment-wordpress .post-type-wrapper {
  margin-top: 15px;
}
.attachment-content-inner.attachment-wordpress .post-type-wrapper .post-type {
  text-transform: capitalize;
}
.attachment-content-inner.attachment-wordpress .post-type-wrapper .cos-basic-dropdown-content-group {
  max-height: 93px;
}
.attachment-content-inner.attachment-wordpress .drop-down-trigger {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.attachment-content-inner.wordpress-site-select button.cancel {
  position: absolute;
  top: 20px;
  left: 18px;
}
.attachment-content-inner.wordpress-site-select .site-container {
  width: 100%;
  position: relative;
}
.attachment-content-inner.wordpress-site-select .site-container .site {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.attachment-content-inner.wordpress-site-select .site-container .site:last-of-type {
  border-bottom: none;
}
.attachment-content-inner.wordpress-site-select .site-container .site:hover {
  background-color: #f7f7f7;
}
.attachment-content-inner.wordpress-site-select .site-container .site:hover .site-name {
  color: #4d4d4d;
}
.attachment-content-inner.wordpress-site-select .site-container .site:hover .site-url {
  color: #999999;
}
.attachment-content-inner.wordpress-site-select .site-container .site .site-name {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  margin: 0 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.attachment-content-inner.wordpress-site-select .site-container .site .site-url {
  text-align: right;
  margin: 0 10px;
  white-space: nowrap;
  color: #b3b3b3;
}
.attachment-content-inner.wordpress-site-select .site-container .loading-wrapper {
  width: 100%;
  position: relative;
}

.attachment-content-inner.attachment-linked-project {
  display: flex;
  flex-flow: column;
  justify-content: center;
  box-shadow: none;
  width: calc(100% - 75px);
}
.attachment-content-inner.attachment-linked-project .linked-project-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.attachment-content-inner.attachment-linked-project .linked-project-wrapper .linked-project-item {
  margin: 7px;
  width: 30%;
  min-width: 230px;
  max-width: 330px;
}
.attachment-content-inner.attachment-linked-project .linked-project-wrapper .linked-project-item.sortable-ghost {
  position: relative;
}
.attachment-content-inner.attachment-linked-project .linked-project-wrapper .linked-project-item.sortable-ghost:after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px dashed #b3b3b3;
  border-radius: 4px;
  z-index: 10;
}
.attachment-content-inner.attachment-linked-project .linked-project-wrapper .linked-project-item .card {
  height: 100%;
  border-radius: 6px;
  transition: all 150ms ease-out;
  margin: 0;
}
.attachment-content-inner.attachment-linked-project .linked-project-wrapper .linked-project-item .card .card-inner {
  height: calc(100% - 36px);
}
.attachment-content-inner.attachment-linked-project .linked-project-wrapper .linked-project-item:hover .card {
  cursor: grab;
}

@keyframes projectsFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes linkedProjectAdded {
  0% {
    opacity: 0;
    min-width: 0;
    width: 0;
    max-width: 0;
    max-height: 63px;
    overflow: hidden;
  }
  99% {
    opacity: 1;
    min-width: 225px;
    width: 30%;
    max-width: 300px;
    max-height: 63px;
    overflow: hidden;
  }
  100% {
    max-height: initial;
    overflow: initial;
  }
}
.attachment[data-attachment-type=wysiwyg] .headline-analyzer-wrapper .headline-analyzer .headline-hovered-wrapper .headline-hovered .input-headline {
  border: 1px solid #b3b3b3;
}
.attachment[data-attachment-type=wysiwyg] .headline-analyzer-wrapper .headline-analyzer .headline-hovered-wrapper .headline-hovered .input-headline:hover {
  border: 1px solid #999999;
}
.attachment[data-attachment-type=wysiwyg] .headline-analyzer-wrapper .headline-analyzer .headline-hovered-wrapper .headline-score-btn {
  border: 1px solid #b3b3b3;
}
.attachment[data-attachment-type=wysiwyg] .headline-analyzer-wrapper .headline-analyzer .headline-hovered-wrapper .headline-score-btn:hover {
  border: 1px solid #999999;
}

.attachment-content-inner.attachment-wysiwyg {
  box-shadow: initial;
  max-width: 70vw;
}
.attachment-content-inner.attachment-wysiwyg .editor-save-status {
  font-size: 11px;
  color: #b3b3b3;
  line-height: 25px;
}
.attachment-content-inner.attachment-wysiwyg .editor-save-status [class^=icon-],
.attachment-content-inner.attachment-wysiwyg .editor-save-status [class*=" icon-"] {
  font-size: 12px;
  line-height: 22px;
}
.attachment-content-inner.attachment-wysiwyg .editor-save-status .saving-gif {
  margin: 0 0 -3px 0;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  height: 14px;
  top: 0;
  left: 0;
  width: 14px;
  transform: translate(-50%, -50%);
}
.attachment-content-inner.attachment-wysiwyg .editor-save-status .saving-gif:before, .attachment-content-inner.attachment-wysiwyg .editor-save-status .saving-gif:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  bottom: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  background-color: #db8773;
  border-radius: 50%;
  animation: orangeCircle infinite alternate 1175ms ease;
}
.attachment-content-inner.attachment-wysiwyg .editor-save-status .saving-gif:after {
  background-color: white;
  animation: whiteCircle infinite alternate 1175ms ease;
}
.attachment-content-inner.attachment-wysiwyg .fr-box .fr-toolbar {
  border-radius: 4px 4px 0 0;
  position: sticky;
  z-index: 3;
}
.attachment-content-inner.attachment-wysiwyg .fr-box .second-toolbar {
  border-radius: 0 0 4px 4px;
}
.attachment-content-inner.attachment-wysiwyg .fr-box .second-toolbar .fr-counter {
  font-size: 12px;
}
.attachment-content-inner.attachment-wysiwyg .fr-box .fr-command.fr-btn svg path {
  fill: #666666;
}
.attachment-content-inner.attachment-wysiwyg .fr-box .fr-command.fr-btn.fr-active svg path {
  fill: #d17760;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-layer:not(.fr-image-upload-layer) {
  margin-bottom: 10px;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-input-line {
  padding-top: 0;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-input-line label {
  top: 15px;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-input-line input.fr-not-empty + label {
  top: -7px;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-checkbox-line .fr-checkbox {
  padding: 0;
  margin-right: 5px;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-checkbox-line .fr-checkbox input {
  top: 0;
  left: 0;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-checkbox-line .fr-checkbox input:checked + span {
  background: #d17760;
  border: solid 2px #d17760;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-checkbox-line label {
  display: inline-block;
  vertical-align: initial;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-command[data-cmd=videoByURL] {
  display: none;
}
.attachment-content-inner.attachment-wysiwyg .fr-popup .fr-action-buttons .fr-command {
  color: #d17760;
}

.fr-tooltip {
  position: fixed;
}

.fr-popup.fr-active {
  z-index: 1100 !important;
}

.wsc-contextmenu .wsc-contextmenu__icon {
  top: 3px;
}

.attachment-content-inner.attachment-gdoc:not(.setup) {
  box-shadow: none;
  max-width: 650px;
}
.attachment-content-inner.attachment-gdoc.creating {
  border: none;
  display: flex;
  justify-content: center;
  width: 100%;
}
.attachment-content-inner.attachment-gdoc.creating .gdoc-attachment-container {
  width: 100%;
}
.attachment-content-inner.attachment-gdoc.setup {
  display: flex;
  width: 100%;
  max-width: 650px;
  justify-content: center;
}
.attachment-content-inner.attachment-gdoc.setup .gdoc-attachment-container {
  width: 100%;
}
.attachment-content-inner.attachment-gdoc.editing {
  width: 85%;
  max-width: none;
}
.attachment-content-inner.attachment-gdoc.editing .editing-view {
  width: 100%;
}
.attachment-content-inner.attachment-gdoc .edit-loading {
  display: flex;
  height: 200px;
  width: 100%;
  border-radius: 4px;
  padding: 0;
}
.attachment-content-inner.attachment-gdoc .auth-alert {
  position: absolute;
  top: -25px;
}
.attachment-content-inner.attachment-gdoc .auth-alert.warning {
  color: #c09853;
}
.attachment-content-inner.attachment-gdoc .auth-alert.warning .warning-link {
  color: #c09853;
  margin-left: 5px;
}
.attachment-content-inner.attachment-gdoc .auth-alert span {
  margin-right: 5px;
}
.attachment-content-inner.attachment-gdoc .auth-alert a {
  color: #d15451;
  text-decoration: underline;
}
.attachment-content-inner.attachment-gdoc .auth-alert a:hover, .attachment-content-inner.attachment-gdoc .auth-alert a:focus, .attachment-content-inner.attachment-gdoc .auth-alert a:active {
  color: #963c3b;
}
.attachment-content-inner.attachment-gdoc .no-accounts {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 400px;
  padding: 20px 50px;
}
.attachment-content-inner.attachment-gdoc .google-document-icon,
.attachment-content-inner.attachment-gdoc .google-spreadsheet-icon,
.attachment-content-inner.attachment-gdoc .google-presentation-icon,
.attachment-content-inner.attachment-gdoc .google-form-icon,
.attachment-content-inner.attachment-gdoc .google-existing-icon {
  display: block;
  height: 36px;
  width: 36px;
  background: no-repeat center center;
}
.attachment-content-inner.attachment-gdoc .google-document-icon.large,
.attachment-content-inner.attachment-gdoc .google-spreadsheet-icon.large,
.attachment-content-inner.attachment-gdoc .google-presentation-icon.large,
.attachment-content-inner.attachment-gdoc .google-form-icon.large,
.attachment-content-inner.attachment-gdoc .google-existing-icon.large {
  height: 100px;
  width: 100px;
}
.attachment-content-inner.attachment-gdoc .google-document-icon {
  background-image: url("/img/integrations/google-drive/google-docs-f0da559064ea01ab1a41f0345a97446f.svg");
}
.attachment-content-inner.attachment-gdoc .google-spreadsheet-icon {
  background-image: url("/img/integrations/google-drive/google-sheets-0f99a4a76537a3bd40a987fc001267fb.svg");
}
.attachment-content-inner.attachment-gdoc .google-presentation-icon {
  background-image: url("/img/integrations/google-drive/google-slides-a1eff960c1544721d3362038469b848e.svg");
}
.attachment-content-inner.attachment-gdoc .google-form-icon {
  background-image: url("/img/integrations/google-drive/google-forms-ba65d54edc9c47fa81b36541798ec538.svg");
}
.attachment-content-inner.attachment-gdoc .google-existing-icon {
  background-image: url("/img/integrations/google-drive/existing-doc-f2f9f1989157666d1fced7cdf5761f58.svg");
}
.attachment-content-inner.attachment-gdoc .attach-or-create {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.attachment-content-inner.attachment-gdoc .attach-or-create .doc-select-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 5px;
  flex-shrink: 0;
}
.attachment-content-inner.attachment-gdoc button.doc-type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px 15px;
  margin: 0 10px;
  color: #666666;
  background-color: #ffffff;
  border-radius: 6px;
  text-align: center;
  border-color: transparent;
}
.attachment-content-inner.attachment-gdoc button.doc-type:hover, .attachment-content-inner.attachment-gdoc button.doc-type:active, .attachment-content-inner.attachment-gdoc button.doc-type:focus {
  background-color: #f7f7f7;
  text-decoration: none;
}
.attachment-content-inner.attachment-gdoc button.doc-type:disabled {
  opacity: 0.25;
  pointer-events: none;
}
.attachment-content-inner.attachment-gdoc button.doc-type:disabled:hover, .attachment-content-inner.attachment-gdoc button.doc-type:disabled:active, .attachment-content-inner.attachment-gdoc button.doc-type:disabled:focus {
  background-color: #ffffff;
  text-decoration: none;
}
.attachment-content-inner.attachment-gdoc .gdoc-attachment-container {
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.attachment-content-inner.attachment-gdoc .google-doc-file {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  box-sizing: border-box;
  min-height: 140px;
}
.attachment-content-inner.attachment-gdoc .google-doc-file .file-preview {
  display: block;
  max-height: 100px;
  max-width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
}
.attachment-content-inner.attachment-gdoc .google-doc-file .file-preview.skeleton, .attachment-content-inner.attachment-gdoc .google-doc-file .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .attachment-content-inner.attachment-gdoc .google-doc-file .file-preview {
  height: 100px;
  width: 77px;
}
.attachment-content-inner.attachment-gdoc .google-doc-file .file-preview img {
  border: 1px solid #e6e6e6;
  max-height: 100px;
  max-width: 100px;
}
.attachment-content-inner.attachment-gdoc .google-doc-file .file-preview .doc-type-icon {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.attachment-content-inner.attachment-gdoc .action-bar {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px;
  justify-content: flex-end;
  background-color: #f7f7f7;
}
.attachment-content-inner.attachment-gdoc .editable-header {
  display: flex;
  width: 100%;
  height: 75px;
  background-color: #f7f7f7;
  padding: 20px;
  box-sizing: border-box;
}
.attachment-content-inner.attachment-gdoc .editable-header input {
  background-color: transparent;
}
.attachment-content-inner.attachment-gdoc .editable-header input:active, .attachment-content-inner.attachment-gdoc .editable-header input:focus {
  background-color: #ffffff;
}
.attachment-content-inner.attachment-gdoc .file-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 15px;
}
.attachment-content-inner.attachment-gdoc .file-details input {
  font-size: 18px !important;
  border-color: transparent;
  width: 300px;
}
.attachment-content-inner.attachment-gdoc .file-details input:hover, .attachment-content-inner.attachment-gdoc .file-details input:focus {
  border-color: #b3b3b3;
}
.attachment-content-inner.attachment-gdoc .file-details p {
  flex-shrink: 0;
}
.attachment-content-inner.attachment-gdoc .file-details p:not(.small-banner) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.attachment-content-inner.attachment-gdoc .file-details .skeleton, .attachment-content-inner.attachment-gdoc .file-details .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .attachment-content-inner.attachment-gdoc .file-details .file-preview {
  width: 220px;
}
.attachment-content-inner.attachment-gdoc iframe {
  width: 100%;
  height: 750px;
  border: 0;
}
.attachment-content-inner.attachment-gdoc .iframe-load-failure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 250px;
}
.attachment-content-inner.attachment-gdoc .iframe-load-failure p {
  max-width: 400px;
  text-align: center;
}

.attachment-content-inner.attachment-office365:not(.setup) {
  box-shadow: none;
  max-width: 650px;
}
.attachment-content-inner.attachment-office365.creating {
  border: none;
  display: flex;
  justify-content: center;
  width: 100%;
}
.attachment-content-inner.attachment-office365.creating .office365-attachment-container {
  width: 100%;
}
.attachment-content-inner.attachment-office365.setup {
  display: flex;
  width: 100%;
  max-width: 650px;
  justify-content: center;
}
.attachment-content-inner.attachment-office365.setup .office365-attachment-container {
  width: 100%;
}
.attachment-content-inner.attachment-office365.previewing {
  width: 85%;
  max-width: none;
}
.attachment-content-inner.attachment-office365.previewing .previewing-view {
  width: 100%;
}
.attachment-content-inner.attachment-office365 .edit-loading {
  display: flex;
  height: 200px;
  width: 100%;
  border-radius: 4px;
  padding: 0;
}
.attachment-content-inner.attachment-office365 .auth-alert {
  position: absolute;
  top: -25px;
}
.attachment-content-inner.attachment-office365 .auth-alert span {
  margin-right: 5px;
}
.attachment-content-inner.attachment-office365 .auth-alert a {
  color: #d15451;
  text-decoration: underline;
}
.attachment-content-inner.attachment-office365 .auth-alert a:hover, .attachment-content-inner.attachment-office365 .auth-alert a:focus, .attachment-content-inner.attachment-office365 .auth-alert a:active {
  color: #963c3b;
}
.attachment-content-inner.attachment-office365 .no-accounts {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 400px;
  padding: 20px 50px;
}
.attachment-content-inner.attachment-office365 .attach-or-create {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.attachment-content-inner.attachment-office365 .attach-or-create .doc-select-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 5px;
  flex-shrink: 0;
}
.attachment-content-inner.attachment-office365 button.doc-type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px 15px;
  margin: 0 10px;
  color: #666666;
  background-color: #ffffff;
  border-radius: 6px;
  text-align: center;
  border-color: transparent;
}
.attachment-content-inner.attachment-office365 button.doc-type:hover, .attachment-content-inner.attachment-office365 button.doc-type:active, .attachment-content-inner.attachment-office365 button.doc-type:focus {
  background-color: #f7f7f7;
  text-decoration: none;
}
.attachment-content-inner.attachment-office365 button.doc-type:disabled {
  opacity: 0.25;
  pointer-events: none;
}
.attachment-content-inner.attachment-office365 button.doc-type:disabled:hover, .attachment-content-inner.attachment-office365 button.doc-type:disabled:active, .attachment-content-inner.attachment-office365 button.doc-type:disabled:focus {
  background-color: #ffffff;
  text-decoration: none;
}
.attachment-content-inner.attachment-office365 .office365-attachment-container {
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.attachment-content-inner.attachment-office365 .office365-file {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  box-sizing: border-box;
  min-height: 140px;
}
.attachment-content-inner.attachment-office365 .office365-file .file-preview {
  display: block;
  max-height: 100px;
  max-width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
}
.attachment-content-inner.attachment-office365 .office365-file .file-preview.skeleton, .attachment-content-inner.attachment-office365 .office365-file .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .attachment-content-inner.attachment-office365 .office365-file .file-preview {
  height: 100px;
  width: 77px;
}
.attachment-content-inner.attachment-office365 .office365-file .file-preview img {
  border: 1px solid #e6e6e6;
  max-height: 100px;
  max-width: 100px;
}
.attachment-content-inner.attachment-office365 .office365-file .file-preview .doc-type-icon {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.attachment-content-inner.attachment-office365 .action-bar {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px;
  justify-content: flex-end;
  background-color: #f7f7f7;
}
.attachment-content-inner.attachment-office365 .editable-header {
  display: flex;
  width: 100%;
  height: 75px;
  background-color: #f7f7f7;
  padding: 20px;
  box-sizing: border-box;
}
.attachment-content-inner.attachment-office365 .editable-header input {
  background-color: transparent;
}
.attachment-content-inner.attachment-office365 .editable-header input:active, .attachment-content-inner.attachment-office365 .editable-header input:focus {
  background-color: #ffffff;
}
.attachment-content-inner.attachment-office365 .file-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 15px;
}
.attachment-content-inner.attachment-office365 .file-details input {
  font-size: 18px !important;
  border-color: transparent;
  width: 300px;
}
.attachment-content-inner.attachment-office365 .file-details input:hover, .attachment-content-inner.attachment-office365 .file-details input:focus {
  border-color: #b3b3b3;
}
.attachment-content-inner.attachment-office365 .file-details p {
  flex-shrink: 0;
}
.attachment-content-inner.attachment-office365 .file-details p:not(.small-banner) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.attachment-content-inner.attachment-office365 .file-details .skeleton, .attachment-content-inner.attachment-office365 .file-details .file-attachment.processing .file-card .file-preview, .file-attachment.processing .file-card .attachment-content-inner.attachment-office365 .file-details .file-preview {
  width: 220px;
}
.attachment-content-inner.attachment-office365 iframe {
  width: 100%;
  height: 750px;
  border: 0;
}
.attachment-content-inner.attachment-office365 .iframe-load-failure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 250px;
}
.attachment-content-inner.attachment-office365 .iframe-load-failure p {
  max-width: 400px;
  text-align: center;
}

.microsoft-word-icon,
.microsoft-excel-icon,
.microsoft-powerpoint-icon,
.office365-select-existing-icon {
  display: block;
  height: 36px;
  width: 36px;
  background: no-repeat center center;
}
.microsoft-word-icon.large,
.microsoft-excel-icon.large,
.microsoft-powerpoint-icon.large,
.office365-select-existing-icon.large {
  height: 100px;
  width: 100px;
}

.microsoft-word-icon {
  background-image: url("/img/integrations/microsoft-365/microsoft-word-a205e2360e6b1ae5a1965c1492c4f7dd.svg");
}

.microsoft-excel-icon {
  background-image: url("/img/integrations/microsoft-365/microsoft-excel-cb691afaf8b3eeaac96d9bf9591f3783.svg");
}

.microsoft-powerpoint-icon {
  background-image: url("/img/integrations/microsoft-365/microsoft-powerpoint-c9fbd0856d4fae75f7963aeb2caf0738.svg");
}

.office365-select-existing-icon {
  background-image: url("/img/integrations/microsoft-365/existing-doc-2ba7f79a7b77e00249cccb682b423e82.svg");
}

.attachment-content-inner.attachment-evernote a,
.attachment-content-inner.attachment-evernote .evernote {
  color: #848484;
}
.attachment-content-inner.attachment-evernote .icon-wrapper {
  border-color: #6fb536;
}
.attachment-content-inner.attachment-evernote .icon-wrapper [class^=icon-],
.attachment-content-inner.attachment-evernote .icon-wrapper [class*=" icon-"] {
  color: #848484;
}
.attachment-content-inner.attachment-evernote .editor-drop-zone p {
  line-height: 65px;
}
.attachment-content-inner.attachment-evernote .edit-false .file-icon {
  background-image: url("/img/file-icons-large-evernote-aab34c8b6dfc949003817055ffe3a7bc.png");
  background-size: 168px 168px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .attachment-content-inner.attachment-evernote .edit-false .file-icon {
    background-image: url("/img/file-icons-large-evernote@2x-f03b49e5ce7c0e6adf54b2f40ad39b91.png");
    background-size: 168px 168px;
  }
}

.project-file-attachements {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.project-file-attachements .combined-search-container {
  margin-top: 20px;
  width: 30%;
  min-width: 350px;
}
.project-file-attachements .combined-search-container input {
  width: 100%;
}

.file-attachments-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  max-width: calc(100vw - 350px);
  box-shadow: none;
  width: 85%;
  margin: 20px auto 205px;
}
.file-attachments-container .file-attachment,
.file-attachments-container .add-file-attachment {
  display: block;
  width: 100%;
  min-height: 100px;
  position: relative;
  grid-column: span 12;
  cursor: grab;
}
@media only screen and (min-width: 1050px) {
  .file-attachments-container .file-attachment,
.file-attachments-container .add-file-attachment {
    grid-column: 3/span 8;
  }
}
@media only screen and (min-width: 1250px) {
  .file-attachments-container .file-attachment,
.file-attachments-container .add-file-attachment {
    grid-column: span 6;
  }
}
@media only screen and (min-width: 1700px) {
  .file-attachments-container .file-attachment,
.file-attachments-container .add-file-attachment {
    grid-column: span 4;
  }
}
@media only screen and (min-width: 2250px) {
  .file-attachments-container .file-attachment,
.file-attachments-container .add-file-attachment {
    grid-column: span 3;
  }
}

.file-attachment .file {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  min-height: 100px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  position: relative;
  box-shadow: none;
  transition: all 0.3s ease;
  background-color: #ffffff;
}
.file-attachment .file .file-error-drive {
  background-color: #fbf3db;
  color: #c09853;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 8px;
  border-radius: 0 0 4px 4px;
}
.file-attachment .file .file-error-drive .warning-link {
  color: #c09853;
}
.file-attachment .file-card,
.file-attachment .file-versions .version {
  display: flex;
  height: 100px;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
  padding: 10px;
  position: relative;
}
.file-attachment .file-card .file-preview,
.file-attachment .file-versions .version .file-preview {
  margin-right: 15px;
  flex-shrink: 0;
  height: 80px;
  width: 80px;
}
.file-attachment .file-card .file-preview svg,
.file-attachment .file-versions .version .file-preview svg {
  height: 80px;
  margin: 0 auto;
}
.file-attachment .file-card .file-preview .thumbnail-container,
.file-attachment .file-versions .version .file-preview .thumbnail-container {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.file-attachment .file-card .file-preview .thumbnail-container img,
.file-attachment .file-card .file-preview .thumbnail-container .no-thumbnail,
.file-attachment .file-versions .version .file-preview .thumbnail-container img,
.file-attachment .file-versions .version .file-preview .thumbnail-container .no-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.file-attachment .file-card .file-preview .thumbnail-container:after,
.file-attachment .file-versions .version .file-preview .thumbnail-container:after {
  font-family: "CoS";
  content: "\eb3b";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: white;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.file-attachment .file-card .file-preview .thumbnail-container.image:hover:after, .file-attachment .file-card .file-preview .thumbnail-container.document:hover:after, .file-attachment .file-card .file-preview .thumbnail-container.audio:hover:after, .file-attachment .file-card .file-preview .thumbnail-container.video:hover:after,
.file-attachment .file-versions .version .file-preview .thumbnail-container.image:hover:after,
.file-attachment .file-versions .version .file-preview .thumbnail-container.document:hover:after,
.file-attachment .file-versions .version .file-preview .thumbnail-container.audio:hover:after,
.file-attachment .file-versions .version .file-preview .thumbnail-container.video:hover:after {
  display: flex;
  animation: fade-in 0.3s ease;
}
.file-attachment .file-card .file-preview .thumbnail-container.thumbnail-actions-disabled:hover:after,
.file-attachment .file-versions .version .file-preview .thumbnail-container.thumbnail-actions-disabled:hover:after {
  display: none;
}
.file-attachment .file-card .file-preview .thumbnail-container.video:after, .file-attachment .file-card .file-preview .thumbnail-container.audio:after,
.file-attachment .file-versions .version .file-preview .thumbnail-container.video:after,
.file-attachment .file-versions .version .file-preview .thumbnail-container.audio:after {
  content: "\ed85";
}
.file-attachment .file-card .file-text,
.file-attachment .file-versions .version .file-text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 95px);
  justify-content: center;
}
.file-attachment .file-card .file-text .file-details p,
.file-attachment .file-versions .version .file-text .file-details p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.file-attachment .file-card .file-text .file-name,
.file-attachment .file-versions .version .file-text .file-name {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 6px;
  color: #666666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  -webkit-hyphens: auto;
          hyphens: auto;
  text-align: left;
  width: 90%;
}
.file-attachment .file-card .file-text .file-name.thumbnail-actions-disabled:hover,
.file-attachment .file-versions .version .file-text .file-name.thumbnail-actions-disabled:hover {
  cursor: grab;
  text-decoration: none;
}
.file-attachment .file-card .file-text .file-details,
.file-attachment .file-versions .version .file-text .file-details {
  display: flex;
  width: 100%;
}
.file-attachment .file-card .file-text .file-details p,
.file-attachment .file-card .file-text .file-details .separate,
.file-attachment .file-versions .version .file-text .file-details p,
.file-attachment .file-versions .version .file-text .file-details .separate {
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  max-width: 42%;
}
.file-attachment .file-card .file-text .file-details .separate,
.file-attachment .file-versions .version .file-text .file-details .separate {
  margin: 0 4px;
}
.file-attachment .file-card .menu,
.file-attachment .file-versions .version .menu {
  position: absolute;
  right: 0;
  top: 5px;
  cursor: pointer;
}
.file-attachment .file-card .badge-container,
.file-attachment .file-versions .version .badge-container {
  display: flex;
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 20px;
  width: auto;
}
.file-attachment .file-card .badge-container .file-badge,
.file-attachment .file-versions .version .badge-container .file-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #ffffff;
  background-color: #b3b3b3;
  height: 22px;
  width: 22px;
  border-radius: 22px;
  margin-left: 10px;
}
.file-attachment .file-card .badge-container .file-badge.active,
.file-attachment .file-versions .version .badge-container .file-badge.active {
  background-color: #999999;
  cursor: pointer;
}
.file-attachment .file-card .badge-container .file-badge.active:hover,
.file-attachment .file-versions .version .badge-container .file-badge.active:hover {
  background-color: #666666;
}
.file-attachment .file-card .badge-container .file-badge.dropbox,
.file-attachment .file-versions .version .badge-container .file-badge.dropbox {
  background-color: #0061ff;
}
.file-attachment .file-card .badge-container .file-badge.dropbox:hover,
.file-attachment .file-versions .version .badge-container .file-badge.dropbox:hover {
  background-color: #0057e6;
}
.file-attachment .file-card .badge-container .file-badge.google-drive,
.file-attachment .file-versions .version .badge-container .file-badge.google-drive {
  background-color: #19a65f;
}
.file-attachment .file-card .badge-container .file-badge.google-drive:hover,
.file-attachment .file-versions .version .badge-container .file-badge.google-drive:hover {
  background-color: #179556;
}
.file-attachment .file-card .badge-container .file-badge.onedrive,
.file-attachment .file-versions .version .badge-container .file-badge.onedrive {
  background-color: #0178d5;
}
.file-attachment .file-card .badge-container .file-badge.onedrive:hover,
.file-attachment .file-versions .version .badge-container .file-badge.onedrive:hover {
  background-color: #016cc0;
}
.file-attachment .file-card .badge-container .file-badge .badge-icon,
.file-attachment .file-versions .version .badge-container .file-badge .badge-icon {
  font-size: 14px;
  position: relative;
}
.file-attachment .file-versions {
  display: none;
  position: relative;
  flex-direction: column;
  background-color: #d17760;
  height: auto;
  max-height: 200px;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
}
.file-attachment .file-versions .version {
  height: 52px;
  padding: 5px 10px;
  width: 100%;
  border-top: 2px solid #ffffff;
  background-color: #f7f7f7;
}
.file-attachment .file-versions .version .file-preview {
  height: 40px;
  width: 40px;
}
.file-attachment .file-versions .version .file-preview svg {
  height: 40px;
}
.file-attachment .file-versions .version .file-preview .thumbnail-container {
  border-radius: 3px;
  height: 40px;
  width: 40px;
}
.file-attachment .file-versions .version .file-preview .thumbnail-container img,
.file-attachment .file-versions .version .file-preview .thumbnail-container video {
  width: 40px;
  height: 40px;
}
.file-attachment .file-versions .version .file-text .file-name {
  font-size: 12px;
  margin-bottom: 3px;
}
.file-attachment .file-versions .version .file-text .file-details p,
.file-attachment .file-versions .version .file-text .file-details .separate {
  font-size: 10px;
  line-height: 12px;
}
.file-attachment .file-versions .version a.download-button {
  line-height: 30px;
}
.file-attachment.expanded {
  z-index: 2;
}
.file-attachment.expanded .file {
  position: absolute;
  width: calc(100% + 4px);
  top: -2px;
  left: -2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.file-attachment.expanded .file .file-card {
  height: 102px;
}
.file-attachment.expanded .file .file-versions {
  display: flex;
  animation: file-versions-slide-open 0.3s ease;
}
@keyframes file-versions-slide-open {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 200px;
  }
}
.file-attachment.gu-mirror {
  opacity: 1;
  cursor: grabbing;
}
.file-attachment.gu-mirror .file {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.file-attachment.gu-transit {
  background-color: #f7f7f7;
  opacity: 1;
  border-radius: 6px;
}
.file-attachment.gu-transit .file {
  opacity: 0;
}
.file-attachment.processing .file-card .file-preview {
  height: 80px;
  width: 80px;
}
.file-attachment.processing .file-card .file-preview img {
  display: none;
}
.file-attachment.processing .file-card .file-preview:hover:after, .file-attachment.processing .file-card .file-preview:after {
  display: none;
}
.file-attachment.processing a,
.file-attachment.processing cos-basic-dropdown,
.file-attachment.processing .file-badge {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: grab;
}

.add-file-attachment {
  display: flex !important;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  color: #999999;
  background-color: #ffffff;
  transition: all 0.3s ease;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.add-file-attachment:hover, .add-file-attachment:focus {
  background-color: #f7f7f7;
  border-color: #999999;
  color: #666666;
  text-decoration: none;
}
.add-file-attachment:active {
  background-color: #f7f7f7;
}

.attachment-content-inner.setup {
  max-width: 500px;
}
.attachment-content-inner.setup .integration-title-bar a {
  display: none !important;
}
.attachment-content-inner.setup .small {
  animation: animate-step-text 0.4s ease-out;
}
@keyframes animate-step-text {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.attachment-content-inner.setup .sync-status {
  display: none;
}
.attachment-content-inner .integration-title-bar {
  display: flex;
  padding: 10px 14px;
  border-bottom: 1px solid #e6e6e6;
  align-items: center;
}
.attachment-content-inner .integration-title-bar .service-logo {
  display: block;
  height: 32px;
  width: 32px;
  min-width: 32px;
  background-size: 32px auto;
  background-position: center center;
  margin-right: 13px;
}
.attachment-content-inner .integration-title-bar .service-logo[class*=" icon-"] {
  font-size: 32px;
  line-height: 32px;
}
.attachment-content-inner .integration-title-bar .header-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.attachment-content-inner .integration-title-bar a {
  margin-left: auto;
  height: 22px;
  white-space: nowrap;
}

.integration-body {
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
}
.integration-body .body-row {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
}
.integration-body .body-row .row-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
.integration-body .body-row .row-container:first-of-type {
  margin-left: 0;
}
.integration-body .body-row .row-container:last-of-type {
  margin-right: 0;
}
.integration-body .body-row .row-container:only-of-type {
  margin: 0;
}
.integration-body.setup-options {
  min-height: 100px;
  max-height: 330px;
  overflow-y: auto;
  padding: 0;
}
.integration-body.setup-options .alert {
  padding: 15px;
}
.integration-body.setup-options .body-row.cos-list {
  margin-bottom: 0;
  animation: attach-integration-setup-slide 0.4s ease-out;
}
@keyframes attach-integration-setup-slide {
  from {
    transform: translateX(500px);
  }
  to {
    transform: translateX(0);
  }
}
.integration-body.setup-options .body-row.cos-list ul a {
  overflow: hidden;
}
.integration-body.setup-options .body-row.cos-list ul a:last-of-type {
  border-radius: 0 0 4px 4px;
}
.integration-body.setup-options .body-row.cos-list.has-urls a li {
  display: flex;
}
.integration-body.setup-options .body-row.cos-list.has-urls a li .site-name {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  max-width: 470px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.integration-body.setup-options .body-row.cos-list.has-urls a li .site-url {
  margin: 0 10px 0 auto;
  white-space: nowrap;
  color: #b3b3b3;
  max-width: 470px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.integration-body.setup-options .body-row.no-options {
  justify-content: center;
  align-items: center;
  height: 100px;
  flex-direction: column;
  padding: 15px 0;
  animation: attach-integration-setup-slide 0.4s ease-out;
}
.integration-body.setup-options .body-row.no-options .text {
  color: #b3b3b3;
  margin-bottom: 10px;
  text-align: center;
}
.integration-body.setup-options .body-row.no-options .text div {
  text-transform: capitalize;
}

.sync-status {
  display: flex;
  align-items: center;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.sync-status span.date-time,
.sync-status span.icon {
  transition: all 0.25s ease;
}
.sync-status span.date-time {
  margin-right: 7px;
  color: #b3b3b3;
}
.sync-status span.icon {
  color: #d17760;
}
.sync-status:hover span.date-time {
  color: #999999;
}
.sync-status:hover span.icon {
  color: #a74a30;
}
.sync-status.is-syncing span.icon {
  animation: is-syncing-spin 1.5s linear infinite;
}
@keyframes is-syncing-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.sync-status.is-syncing:after {
  display: none;
}
.sync-status.is-syncing:hover {
  cursor: progress;
}
.sync-status.is-syncing:hover span.date-time {
  color: #b3b3b3;
}
.sync-status.is-syncing:hover span.icon {
  color: #d17760;
}

.attachment-content-inner.attachment-hubspot-blog-posts:not(.setup), .attachment-content-inner.attachment-hubspot-emails:not(.setup), .attachment-content-inner.attachment-hubspot-pages:not(.setup) {
  max-width: 800px;
  position: relative;
  margin-bottom: 60px;
}
.attachment-content-inner.attachment-hubspot-blog-posts .hubspot-url .main, .attachment-content-inner.attachment-hubspot-emails .hubspot-url .main, .attachment-content-inner.attachment-hubspot-pages .hubspot-url .main {
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: flex;
}
.attachment-content-inner.attachment-hubspot-blog-posts .hubspot-url .main .post, .attachment-content-inner.attachment-hubspot-emails .hubspot-url .main .post, .attachment-content-inner.attachment-hubspot-pages .hubspot-url .main .post {
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.attachment-content-inner.attachment-external-feed {
  display: flex;
  box-shadow: none;
}
.attachment-content-inner.attachment-external-feed .feed-item-container {
  display: flex;
  flex-direction: column;
  max-width: 700px;
  margin: 30px auto 0;
}
.attachment-content-inner.attachment-external-feed .feed-item {
  display: block;
  width: 100%;
  min-width: 450px;
  padding: 20px 30px;
  box-sizing: border-box;
  border: 2px solid #cccccc;
  border-radius: 6px;
  color: #666666;
  text-decoration: none;
  background-color: #ffffff;
  transition: all 0.1s ease;
}
.attachment-content-inner.attachment-external-feed .feed-item:hover {
  background-color: #f7f7f7;
  border-color: #b3b3b3;
}
.attachment-content-inner.attachment-external-feed .feed-item .feed-item-title {
  margin-top: 0;
}
.attachment-content-inner.attachment-external-feed .feed-item .feed-item-body {
  display: flex;
}
.attachment-content-inner.attachment-external-feed .feed-item .feed-item-body .feed-item-image {
  max-width: 200px;
  max-height: 200px;
  height: auto;
  width: auto;
  flex-shrink: 0;
  margin-right: 20px;
}
.attachment-content-inner.attachment-external-feed .feed-item-source {
  font-size: 12px;
  font-style: italic;
  margin: 5px 0 0 auto;
}

.headline-container {
  padding: 40px 5%;
  width: 100%;
  box-sizing: border-box;
}
.headline-container .headline {
  width: 100%;
  margin-bottom: 15px;
  display: flex;
}
.headline-container .headline input {
  font-size: 18px;
  line-height: 20px;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
}
.headline-container .headline button.analyze {
  flex-shrink: 0;
  margin-left: 15px;
  min-width: 150px;
  height: auto;
  background-color: #618be0;
}
.headline-container .headline button.analyze:hover, .headline-container .headline button.analyze:focus {
  background-color: #577dca;
}
.headline-container .headline button.analyze:active {
  background-color: #5276be;
}
.headline-container .headline button.analyze[disabled], .headline-container .headline button.analyze:disabled {
  background-color: rgba(97, 139, 224, 0.35) !important;
}
.headline-container .headline button.analyze .analyze-logo {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  position: relative;
  top: 2px;
}
.headline-container .headline .skeleton.skeleton-input, .headline-container .headline .file-attachment.processing .file-card .skeleton-input.file-preview, .file-attachment.processing .file-card .headline-container .headline .skeleton-input.file-preview {
  height: 54px;
  width: 100%;
}
.headline-container .score-pill-container {
  display: flex;
  align-items: center;
}
.headline-container .score-pill-container .score-pill {
  display: flex;
  align-items: center;
  background-color: #edf0f8;
  border: 1px solid #e6ebf5;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px 5px 20px;
  height: 40px;
  box-sizing: border-box;
  width: 190px;
  margin-right: 5px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.headline-container .score-pill-container .score-pill:after {
  display: block;
  content: "";
  width: 32px;
  height: 23px;
  background-color: #d4dced;
  margin-left: auto;
  border-radius: 6px;
}
.headline-container.headline-studio .iframe-load-failure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 25px;
  background-color: #f7f7f7;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
}
.headline-container.headline-studio .iframe-load-failure h4 {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.headline-container.headline-studio .iframe-load-failure p {
  max-width: 60%;
  text-align: center;
}
.headline-container.headline-studio .icon-attachment-type.headline_studio--icon {
  background-size: 20px 20px;
}
.headline-container.headline-studio .headline-studio-embed iframe {
  border: 0;
  width: 100%;
  height: 310px;
}
@media only screen and (max-width: 1110px) {
  .headline-container.headline-studio .headline-studio-embed iframe:not(.expanded) {
    height: 155px;
  }
}
.headline-container.headline-studio .headline-studio-embed iframe.expanded {
  height: 650px;
}

.content-headline .headline-container {
  padding: 0;
  margin-bottom: 15px;
}

.attachment[data-attachment-type=ai] .headline-analyzer-wrapper .headline-analyzer .headline-hovered-wrapper .headline-hovered .input-headline {
  border: 1px solid #b3b3b3;
}
.attachment[data-attachment-type=ai] .headline-analyzer-wrapper .headline-analyzer .headline-hovered-wrapper .headline-hovered .input-headline:hover {
  border: 1px solid #999999;
}
.attachment[data-attachment-type=ai] .headline-analyzer-wrapper .headline-analyzer .headline-hovered-wrapper .headline-score-btn {
  border: 1px solid #b3b3b3;
}
.attachment[data-attachment-type=ai] .headline-analyzer-wrapper .headline-analyzer .headline-hovered-wrapper .headline-score-btn:hover {
  border: 1px solid #999999;
}

.attachment-content-inner.attachment-ai {
  box-shadow: initial;
  width: 100%;
  margin: 0 0 -20px 0;
}
.attachment-content-inner.attachment-ai .react-attachment-ai {
  height: 700px;
}

.integration-content-attachment {
  padding: 40px 5%;
}
.integration-content-attachment .title-bar {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.integration-content-attachment .title-bar .service-logo {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.integration-content-attachment .title-bar h4 {
  color: #666666;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}
.integration-content-attachment .title-bar .actions {
  margin-left: auto;
}
.integration-content-attachment .title-bar .actions a {
  margin-left: 10px;
}
.integration-content-attachment .attachment-details {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 20px 30px;
  grid-auto-flow: row;
}
.integration-content-attachment .attachment-details-box {
  padding: 25px 25px 40px;
  background-color: #f7f7f7;
  border-radius: 6px;
  height: -moz-fit-content;
  height: fit-content;
}
.integration-content-attachment .attachment-details-box.attachment-1 {
  grid-column: auto/span 1;
}
.integration-content-attachment .attachment-details-box.attachment-2 {
  grid-column: auto/span 2;
}
.integration-content-attachment .attachment-details-box.attachment-3 {
  grid-column: auto/span 3;
}
.integration-content-attachment .attachment-details-box span {
  color: #666666;
}
.integration-content-attachment .attachment-details-box .drop-down > .drop-down-trigger {
  box-sizing: border-box;
  padding: 5px 30px 5px 10px;
}
.integration-content-attachment .attachment-details-box .checkbox-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 15px;
}
.integration-content-attachment .attachment-details-box .checkbox-container span {
  word-break: break-all;
}
.integration-content-attachment .attachment-details-box .post-url .main {
  display: inline-block;
  word-break: break-all;
  color: #999999;
}
.integration-content-attachment .attachment-details-box .post-url .main .post {
  display: inline-block;
  color: #666666;
}
.integration-content-attachment .yt-grid {
  display: grid;
  grid-template-columns: 250px auto;
  gap: 30px;
}
.integration-content-attachment .yt-grid .yt-video-button {
  background-color: #f7f7f7;
  height: 144px;
  width: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  position: relative;
}
.integration-content-attachment .yt-grid .yt-video-button .icon-add-video {
  font-size: 35px;
  color: #808080;
}
.integration-content-attachment .yt-grid .yt-video-button .small-warning {
  position: absolute;
  bottom: -40px;
  text-align: center;
  color: #cccccc;
  font-style: italic;
  display: none;
}
.integration-content-attachment .yt-grid .yt-video-button:disabled {
  cursor: not-allowed;
}
.integration-content-attachment .yt-grid .yt-video-button:disabled .icon-add-video {
  color: #cccccc;
}
.integration-content-attachment .yt-grid .yt-video-button:disabled .small-warning {
  display: block;
}
.integration-content-attachment .yt-grid .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.integration-content-attachment .yt-grid .yt-thumbnail {
  background-color: #000000;
  border-radius: 6px;
  height: 144px;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.integration-content-attachment .yt-grid .yt-thumbnail img.yt-image {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

.yt-configuration input,
.yt-configuration textarea {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 7px 9px;
  border-radius: 4px;
  margin: 0;
}
.yt-configuration textarea {
  resize: none;
  min-height: 100px;
}
.yt-configuration label {
  margin: 0;
  padding: 0;
}
.yt-configuration label span.input-title {
  margin: 15px 0 4px 0;
  display: block;
}
.yt-configuration .toggle-container {
  margin-top: 0;
}
.yt-configuration .yt-config-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.task-burnup-wrapper {
  width: 100%;
  height: initial;
  display: inline-flex;
  margin-left: auto;
}
.task-burnup-wrapper.project-burnup {
  display: inline-block;
  width: 100%;
  margin: 0 5px 0 15px;
}
.task-burnup-wrapper.project-burnup .tasks-progress {
  padding: 13px 0 13px 3px;
  border-radius: 4px;
  box-sizing: border-box;
}
.task-burnup-wrapper.project-burnup .tasks-progress:hover {
  background-color: #f7f7f7;
}
.task-burnup-wrapper.project-burnup .tasks-progress .text {
  width: 100%;
  font-size: 12px;
}
.task-burnup-wrapper.project-burnup .tasks-progress .text.green .percentage {
  color: #8ac884;
}
.task-burnup-wrapper.project-burnup .tasks-progress .text.orange .percentage {
  color: #db8773;
}
.task-burnup-wrapper.project-burnup .tasks-progress .text .progress {
  display: inline-block;
  width: calc(100% - 41px);
  margin-right: 3px;
  height: 8px;
  background-color: #ffffff;
  box-shadow: initial;
  border-radius: 6px;
  overflow: visible;
  border: 1px solid #e6e6e6;
}
.task-burnup-wrapper.project-burnup .tasks-progress .text .progress .bar {
  height: 8px;
  position: relative;
  border-radius: 6px;
  display: block;
  transition: all 350ms ease;
}
.task-burnup-wrapper.project-burnup .burn-up-chart-wrapper {
  right: 0;
  max-width: 310px;
  min-width: 310px;
  margin-right: 10px;
}
.task-burnup-wrapper .tasks-progress {
  width: 100%;
  padding: 11px 0 11px 5px;
  border-radius: 6px;
}
.task-burnup-wrapper .tasks-progress:hover {
  cursor: pointer;
  background-color: #e6e6e6;
}
.task-burnup-wrapper .tasks-progress .text {
  display: flex;
  align-items: center;
  line-height: 0;
  font-size: 14px;
}
.task-burnup-wrapper .tasks-progress .text .progress {
  height: 10px;
  width: calc(100% - 45px);
  background-color: #ffffff;
  box-shadow: inset 0 0 10px #b3b3b3;
  margin: 0 5px 0 0;
  border-radius: 6px;
}
.task-burnup-wrapper .tasks-progress .text .progress .bar {
  height: 10px;
  border-radius: 6px;
}
.task-burnup-wrapper .tasks-progress .text .progress .bar.green {
  color: #8ac884;
  background-color: #8ac884;
}
.task-burnup-wrapper .tasks-progress .text .progress .bar.orange {
  color: #db8773;
  background-color: #db8773;
}
.task-burnup-wrapper .burn-up-chart-wrapper {
  position: absolute;
  top: 30px;
  right: 80px;
  box-shadow: 0 3px 25px #999999;
  border-radius: 6px;
  padding: 10px 12px 40px 6px;
  min-width: 400px;
  max-width: 400px;
  opacity: 1;
  transition: all 0.1s ease;
  background-color: #ffffff;
  z-index: 75;
}
.task-burnup-wrapper .burn-up-chart-wrapper .highcharts-wrapper {
  margin-top: 20px;
}
.task-burnup-wrapper .burn-up-chart-wrapper .highcharts-wrapper:hover {
  cursor: pointer;
}
.task-burnup-wrapper .burn-up-chart-wrapper .burn-up-chart-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  padding: 30px;
}
.task-burnup-wrapper .burn-up-chart-wrapper .burn-up-chart-empty img {
  width: 150px;
  margin: 20px 0;
}
.task-burnup-wrapper .burn-up-chart-wrapper .burn-up-chart-empty p {
  font-size: 12px;
  text-align: center;
  margin-bottom: 0;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container {
  max-height: 30vh;
  overflow-y: auto;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content {
  padding: 10px 15px 20px;
  min-width: 47%;
  transition: all 0.15s ease;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content .header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content .header .item-pill {
  margin-right: 10px;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content .header .text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 130px);
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content .header .text span.title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content .header h3 {
  margin-left: auto;
  margin-right: 10px;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content.unassigned-task-completion .header .text .title:after {
  content: "Marketing Campaign Tasks";
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content.unassigned-task-completion:hover {
  background-color: transparent;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content .progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 50px;
  box-shadow: inset 0 0 10px #b3b3b3;
  background-color: #ffffff;
}
.task-burnup-wrapper .burn-up-chart-wrapper .content-container .content .progress-bar .completion {
  height: 10px;
  border-radius: 50px;
  background-color: #d17760;
}
.task-burnup-wrapper .burn-up-chart-wrapper .burn-up-footer {
  padding: 10px 0;
  color: #d17760;
  transition: all 0.15s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0 0 4px 4px;
  width: 100%;
}
.task-burnup-wrapper .burn-up-chart-wrapper .burn-up-footer:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}
.task-burnup-wrapper .burn-up-chart-wrapper .loading-wrapper {
  height: 100%;
  width: 100%;
}

.campaign-assistant-wrapper {
  margin-bottom: 60px;
  padding-top: 30px;
  display: flex;
  max-width: 0;
  min-width: 0;
  width: 100%;
  align-self: center;
  position: relative;
  transition: all 0.5s ease;
  z-index: 101;
}
.campaign-assistant-wrapper.generating-messages {
  position: sticky;
  top: -60px;
  left: 0;
  right: 0;
}
.campaign-assistant-wrapper.generating-messages .campaign-assistant {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid #f7f7f7;
}
.campaign-assistant-wrapper button.btn-fab {
  position: absolute;
  top: 27px;
  left: -24px;
  z-index: 2;
}
.campaign-assistant-wrapper.open {
  max-width: 800px;
  min-width: 350px;
  margin-bottom: 25px;
  transition: all 0.5s ease;
}
.campaign-assistant-wrapper.open:before {
  height: 85px;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.campaign-assistant-wrapper .campaign-assistant {
  width: 100%;
  border: 2px solid #e6e6e6;
  border-radius: 8px;
  padding: 22px 25px;
  position: relative;
  background-color: #ffffff;
  margin-top: 20px;
}
.campaign-assistant-wrapper .campaign-assistant h4.campaign-assistant-header {
  font-size: 15px;
  color: #666666;
  margin: 0;
}
.campaign-assistant-wrapper .campaign-assistant .onboarding-popup {
  right: -325px;
  top: 0px;
  left: initial;
  width: 270px;
}
.campaign-assistant-wrapper .campaign-assistant .icon-wand {
  color: #62acc4;
  margin-right: 5px;
}
.campaign-assistant-wrapper .campaign-assistant .generating-content {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: center;
  padding: 10px;
}
.campaign-assistant-wrapper .campaign-assistant .generating-content .campaign-assistant-header {
  font-size: 28px;
  margin-top: 10px;
}
.campaign-assistant-wrapper .campaign-assistant .generating-content.confirmation {
  align-items: flex-start;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-text-input {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  resize: none;
  border-color: #e6e6e6;
  height: 70px;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper {
  padding: 5px 0 15px;
  border-top: 1px solid #e6e6e6;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .single-social-network {
  margin-right: 15px;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .single-social-network img.circle-image {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .single-social-network .network-circle {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  right: -9px;
  bottom: -2px;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .single-social-network .network-circle .network-icon {
  font-size: 11px;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper.no-border {
  border: none;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .days-selector {
  margin-top: 2px;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .days-selector .btn-icon {
  padding: 0;
  border: none;
  margin: 0;
  line-height: 13px;
  color: #b3b3b3;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .days-selector .btn-icon:hover, .campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .days-selector .btn-icon:focus {
  box-shadow: none;
  background-color: transparent;
  color: #666666;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .days-selector .btn-icon .icon-chevron-down,
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .days-selector .btn-icon .icon-chevron-up {
  margin: 0;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .relative-custom-date-options {
  min-height: initial;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .relative-custom-date-options .relative-date-row {
  margin: 3px 0 0 0;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .relative-custom-date-options .relative-date {
  font-size: 20px;
  margin: -2px 0 2px 2px;
  width: 40px;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .relative-custom-date-options .relative-date.number-computing {
  opacity: 0.2;
  cursor: not-allowed;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .trigger {
  display: block;
  min-height: 40px;
  padding: 5px 0 0 0;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .trigger .selected-items {
  row-gap: 15px;
}
.campaign-assistant-wrapper .campaign-assistant .profile-picker-wrapper .profile-count {
  display: flex;
}
.campaign-assistant-wrapper .campaign-assistant .section-header {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #808080;
  margin-bottom: 3px;
  padding: 0;
  text-transform: uppercase;
}
.campaign-assistant-wrapper .campaign-assistant .section-copy {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #666666;
  margin: 0;
}
.campaign-assistant-wrapper .campaign-assistant .section-copy.schedule {
  background-color: #e9f0f4;
  padding: 10px 15px;
  margin-bottom: 15px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.campaign-assistant-wrapper .campaign-assistant .section-copy.schedule .icon-wand {
  color: #62acc4;
  margin-right: 10px;
}
.campaign-assistant-wrapper .campaign-assistant .section-copy .message-progress {
  position: absolute;
  right: 110px;
  font-size: 10px;
  font-style: italic;
  color: #999999;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options {
  display: grid;
  grid-template-columns: 1fr 1.9fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0 15px;
  margin-bottom: 20px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .image-flex-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .add-media-button,
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  width: 56px;
  border-radius: 4px;
  margin: 0 6px 6px 0;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .add-media-button {
  color: #999999;
  background-color: transparent;
  text-decoration: none;
  border: none;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .add-media-button:hover, .campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .add-media-button:focus {
  color: #999999;
  background-color: #f7f7f7;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .add-media-button:active, .campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .add-media-button:active:hover {
  color: #666666;
  background-color: #b3b3b3;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item {
  position: relative;
  height: 56px;
  width: 56px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item.image, .campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item.video {
  opacity: 0;
  animation: fade-in 0.7s ease;
  animation-fill-mode: forwards;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item.image .thumb-contain, .campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item.video .thumb-contain {
  max-width: 56px;
  border-radius: 4px;
  overflow: hidden;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item.image .thumb-contain img, .campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item.video .thumb-contain img {
  min-width: 56px;
  min-height: 56px;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item:not(.video) {
  cursor: move;
  cursor: grab;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item:not(.video):active {
  cursor: move;
  cursor: grabbing;
  opacity: 0.7;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item:hover .remove,
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item:hover .expand {
  transform: scale(1, 1);
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .social-helper {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(98, 172, 196, 0.8);
  color: #ffffff;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .media-blank {
  height: 56px;
  width: 56px;
  z-index: 2;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .remove,
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .expand {
  position: absolute;
  text-align: center;
  top: 3px;
  right: 3px;
  height: 20px;
  width: 20px;
  border-radius: 40px;
  background-color: #ffffff;
  cursor: pointer;
  transform: scale(0, 0);
  transition: all 0.2s ease;
  z-index: 10;
  border: none;
  padding: 0;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .remove:hover,
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .expand:hover {
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .remove span,
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .expand span {
  line-height: 20px;
  font-size: 12px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item .expand {
  top: auto;
  bottom: 3px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .image-options .media-item img {
  max-height: 56px !important;
  height: auto;
  width: auto;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options {
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  gap: 20px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker {
  display: flex;
  align-items: center;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .menu {
  width: 100%;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .btn-text {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 5px 8px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
  color: #666666;
  min-height: 35px;
  width: 100%;
  position: relative;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .btn-text:hover {
  border: 1px solid #b3b3b3;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .btn-text:after {
  font-family: "CoS";
  content: "⌵";
  position: absolute;
  right: 10px;
  color: #999999;
  top: 50%;
  font-size: 12px;
  transform: translateY(-50%);
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .btn-text .input-append {
  margin-bottom: initial;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .btn-text .input-block-level {
  min-height: 23px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .xday-container {
  max-width: 25px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  margin-right: 5px;
  padding: 6px 8px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .xday-label {
  color: #666666;
  margin-right: 5px;
  font-size: 13px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .date-picker-wrapper .relative-time-picker .btn-undo {
  font-size: 13px;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .cos-basic-dropdown-trigger .btn {
  padding: 0;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .cos-basic-dropdown-trigger:disabled {
  cursor: not-allowed;
  border: none;
}
.campaign-assistant-wrapper .campaign-assistant .campaign-assistant-options .scheduling-options .cos-basic-dropdown-trigger:disabled .dropdown-arrow {
  display: none;
}
.campaign-assistant-wrapper .campaign-assistant .profile-schedule-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.loading-circle {
  width: 15px;
  height: 15px;
  border: 3px solid #c1cfd9;
  border-top-color: #62acc4;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 10px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.social-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: static;
  transition: all 0.5s ease;
  padding: 0 6%;
  box-sizing: border-box;
}
.social-preview .message-info {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.social-preview .message-info .label.label-info {
  z-index: 1;
}
.social-preview .message {
  display: flex;
  flex-direction: column;
  border: none;
  padding: 10px;
  margin: 20px 10px;
  width: 80%;
  min-width: 200px;
  max-width: 516px;
  min-height: 85px;
  background-color: #ffffff;
  transition: width 0.2s ease;
  position: relative;
  border-radius: 1px;
}
@media (min-width: 1201px) and (max-width: 1300px) {
  .social-preview .message {
    width: 75%;
  }
}
@media (min-width: 901px) and (max-width: 1200px) {
  .social-preview .message {
    width: 85%;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  .social-preview .message {
    width: 85%;
  }
}
@media (max-width: 600px) {
  .social-preview .message {
    width: 90%;
    margin: 20px 10px;
  }
}
.social-preview .message .profile-header {
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.social-preview .message .profile-header img.profile-image {
  height: 40px;
  width: 40px;
  margin-right: 8px;
}
.social-preview .message .profile-header .profile-text {
  display: flex;
  width: calc(100% - 70px);
}
.social-preview .message .profile-header .profile-text span.profile-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 70%;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: bold;
}
.social-preview .message .profile-header .profile-text span.send-time {
  color: #b3b3b3;
  font-size: 12px;
}
.social-preview .message .message-preview-text .status-update {
  color: #666666;
  word-wrap: break-word;
  white-space: pre-wrap;
  margin: 0 0 10px 0;
  padding-top: 0;
  float: none;
}
.social-preview .message .message-preview-text .status-update:empty:not(:focus)::before {
  content: attr(data-placeholder);
  color: #b3b3b3;
}
@media (max-width: 900px) {
  .social-preview .message .message-preview-text .status-update {
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  .social-preview .message .message-preview-text p {
    margin: 0 0 10px;
  }
}
.social-preview .message-media {
  width: 100%;
}
.social-preview .message-media img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%; /* Part 1: Set a maximum relative to the parent */
  height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
}
.social-preview .message-media .image-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 715px;
  overflow: hidden;
}
@keyframes best-image-label-in {
  0% {
    transform: scaleX(0);
    opacity: 0.4;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes best-image-label-out {
  0% {
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    transform: scaleX(0);
    opacity: 0.4;
  }
}
.social-preview .message-media .image-container .image.best-image:before {
  font-family: "CoS";
  content: "⌁";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px 6px;
  font-size: 14px;
  line-height: 18px;
  background-color: #62acc4;
  color: #ffffff;
  border-radius: 3px;
  opacity: 0.4;
  transition: all 0.4s ease;
  z-index: 3;
}
.social-preview .message-media .image-container .image.best-image:after {
  display: block;
  position: absolute;
  top: 10px;
  left: 36px;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 5px 5px 1px;
  background-color: #62acc4;
  color: #ffffff;
  content: "Link Image";
  z-index: 3;
  border-radius: 0 3px 3px 0;
  transform-origin: left;
  animation: best-image-label-out 0.4s ease;
  animation-fill-mode: forwards;
}
.social-preview .message-media .image-container .image.best-image:hover:before {
  opacity: 1;
  border-radius: 3px 0 0 3px;
}
.social-preview .message-media .image-container .image.best-image:hover:after {
  animation: best-image-label-in 0.4s ease;
  animation-fill-mode: forwards;
}
.message-standalone .social-preview .message-media .image-container {
  max-height: 450.45px;
}
.social-preview .message-media .image-container .image {
  display: flex;
  position: relative;
  width: 100%;
}
.social-preview .message-media .image-container .image .social-helper {
  display: inline-block;
  border-radius: 6px;
  background-color: rgba(245, 245, 245, 0.9);
  box-shadow: 0 1px 5px rgba(77, 77, 77, 0.8);
  color: #666666;
  padding: 3px 5px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 200;
  cursor: pointer;
  white-space: nowrap;
  position: absolute;
  top: 0px;
  left: 5px;
  z-index: 2;
  opacity: 0.5;
  transition: all 0.4s ease;
  margin-top: 10px;
}
.social-preview .message-media .image-container .image .social-helper.error {
  background-color: #fdecac;
  color: #c09853;
}
.social-preview .message-media .image-container .image.best-image .social-helper {
  top: 35px;
}
.social-preview .message-media .image-container .image:hover .social-helper {
  opacity: 1;
}
.social-preview .message-media .image-container .image img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-preview .message-media .image-container .image .photo-blank p, .social-preview .message-media .image-container .image .image-container.multi-0 p,
.social-preview .message-media .image-container .image .video-blank p {
  padding: 15%;
  font-size: 12px;
  line-height: 1.4;
}
.social-preview .message-media .image-container.multi-0 {
  width: 100%;
  height: 200px;
}
.social-preview .message-media .image-container.multi-0:after {
  width: 70%;
  content: "Upload an image or create an image helper. If no image is selected, this message will not be sent.";
  color: #999999;
  text-align: center;
  font-size: 11px;
}
.social-preview .message-media .image-container.multi-1 .photo-blank, .social-preview .message-media .image-container.multi-1 .image-container.multi-0,
.social-preview .message-media .image-container.multi-1 .video-blank {
  min-height: 250px;
}
.social-preview .message-media .image-container input.swipe-radio {
  display: none;
}
.social-preview .message-media .image-container .image .swipe-controller {
  display: none;
}
.social-preview .message-media .image-container .styled-radio {
  display: none;
}
.social-preview .message-media .video {
  display: flex;
  position: relative;
  background-color: #000000;
  justify-content: center;
  flex-direction: column;
}
.social-preview .message-media .video .video-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.social-preview .message-media .video .video-preview .social-helper {
  border-radius: 6px;
  background-color: rgba(245, 245, 245, 0.9);
  box-shadow: 0 1px 5px rgba(77, 77, 77, 0.8);
  color: #666666;
  padding: 3px 5px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 200;
  cursor: pointer;
  white-space: nowrap;
  position: absolute;
  top: 0px;
  left: 5px;
  z-index: 2;
  opacity: 0.5;
  transition: all 0.4s ease;
  margin-top: 10px;
}
.social-preview .message-media .video .video-preview .social-helper.error {
  background-color: #fdecac;
  color: #c09853;
}
.social-preview .message-media .video .video-preview .play {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 42px;
  color: #ffffff;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.18), 0px 1px 10px rgba(0, 0, 0, 0.12);
  z-index: 2;
  transition: all 0.3s ease;
}
.social-preview .message-media .video .video-preview img {
  z-index: 1;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 18vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 800px) {
  .social-preview .message-media .video .video-preview img {
    max-height: 35vw;
  }
}
.social-preview .message-media .video .video-preview .video-blank {
  min-height: 200px;
}
.social-preview .message-media .video .video-preview .video-blank p {
  width: 50%;
}
.social-preview .message-media .video .video-preview .video-processing,
.social-preview .message-media .video .video-preview .video-failed {
  display: flex;
  min-height: 200px;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #f7f7f7;
  color: #b3b3b3;
}
.social-preview .message-media .video .video-preview .video-processing span.icon,
.social-preview .message-media .video .video-preview .video-failed span.icon {
  font-size: 36px;
}
.social-preview .message-media .video .video-preview .video-processing p,
.social-preview .message-media .video .video-preview .video-failed p {
  margin: 10px 0 0;
  text-align: center;
}
.social-preview .message-media .video .video-preview .video-processing p.subtitle,
.social-preview .message-media .video .video-preview .video-failed p.subtitle {
  margin: 5px 10% 0;
}
.social-preview .message-media .video:hover .play {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
  text-shadow: 0px 1px 15px rgba(0, 0, 0, 0.18), 0px 1px 20px rgba(0, 0, 0, 0.12);
}
.social-preview .message-media .video-as-link {
  background-color: #ffffff;
}
.social-preview .message-media .link .link-description .link-placeholder-text,
.social-preview .message-media .video-as-link .link-description .link-placeholder-text {
  display: block;
  height: 8px;
  width: 100%;
  margin-bottom: 8px;
  background-color: #f7f7f7;
}
.social-preview .message-media .link.no-image .link-image,
.social-preview .message-media .video-as-link.no-image .link-image {
  display: none;
}
.social-preview .message-media .link.no-image .link-description,
.social-preview .message-media .video-as-link.no-image .link-description {
  max-width: 100%;
}
.social-preview .message-media.unsupported-message,
.social-preview .message-media-not-returned {
  display: flex;
  flex-direction: column;
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 20px 10px;
  width: calc(100% - 40px);
  font-size: 12px;
  color: #999999;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  line-height: 14px;
  text-align: center;
}
.social-preview .message-media.unsupported-message span.title,
.social-preview .message-media-not-returned span.title {
  font-weight: bold;
  margin-bottom: 5px;
}
.social-preview .message-media.unsupported-message p,
.social-preview .message-media-not-returned p {
  margin: 0;
  float: none;
}
.social-preview .message-media.unsupported-message p span,
.social-preview .message-media-not-returned p span {
  text-transform: capitalize;
}
.social-preview [class*=multi]:not(.multi-1) .message-media-not-returned {
  margin: 0;
  box-shadow: none;
  border: 1px solid #e6e6e6;
  width: 100%;
}
.social-preview .message-engagements {
  display: flex;
  padding-top: 10px;
}
.social-preview .message-engagements .message-like,
.social-preview .message-engagements .message-comment,
.social-preview .message-engagements .message-share {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}
.social-preview .message-engagements .message-like:before,
.social-preview .message-engagements .message-comment:before,
.social-preview .message-engagements .message-share:before {
  font-family: "CoS";
}
.social-preview .message-engagements .message-like {
  order: 1;
}
.social-preview .message-engagements .message-like:before {
  content: "\e918";
}
.social-preview .message-engagements .message-comment {
  order: 2;
}
.social-preview .message-engagements .message-comment:before {
  content: "\e917";
}
.social-preview .message-engagements .message-share {
  order: 3;
}
.social-preview .message-engagements .message-share:before {
  content: "\e919";
}

.source-tag {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 12px;
}
.source-tag span {
  color: #999999;
  margin-right: 4px;
}
.source-tag a {
  color: #999999;
}
.source-tag a:hover {
  color: #666666;
}

.message-standalone .social-preview .message {
  width: 355px;
}

.social-preview.facebook .message,
.social-preview.facebook_page .message,
.social-preview.facebook_group .message {
  border-top: 1px solid rgb(229, 230, 233);
  border-right: 1px solid rgb(223, 224, 228);
  border-bottom: 1px solid rgb(208, 209, 213);
  border-left: 1px solid rgb(223, 224, 228);
  padding: 0;
}
.social-preview.facebook .message span.send-time,
.social-preview.facebook_page .message span.send-time,
.social-preview.facebook_group .message span.send-time {
  position: absolute;
  color: #616770;
  top: 32px;
  left: 59px;
}
.social-preview.facebook .message .profile-header,
.social-preview.facebook_page .message .profile-header,
.social-preview.facebook_group .message .profile-header {
  padding: 12px 12px 0;
}
.social-preview.facebook .message .profile-header img.profile-image,
.social-preview.facebook_page .message .profile-header img.profile-image,
.social-preview.facebook_group .message .profile-header img.profile-image {
  border-radius: 100px;
}
.social-preview.facebook .message .profile-header .profile-text,
.social-preview.facebook_page .message .profile-header .profile-text,
.social-preview.facebook_group .message .profile-header .profile-text {
  display: flex;
  flex-direction: column;
}
.social-preview.facebook .message .profile-header .profile-text span.profile-name,
.social-preview.facebook_page .message .profile-header .profile-text span.profile-name,
.social-preview.facebook_group .message .profile-header .profile-text span.profile-name {
  color: #3b5998;
}
.social-preview.facebook .message .profile-header .profile-text span.send-time,
.social-preview.facebook_page .message .profile-header .profile-text span.send-time,
.social-preview.facebook_group .message .profile-header .profile-text span.send-time {
  color: #616770;
}
.social-preview.facebook .message .message-preview-text,
.social-preview.facebook_page .message .message-preview-text,
.social-preview.facebook_group .message .message-preview-text {
  padding: 0 12px;
}
.social-preview.facebook .message .message-preview-text .status-update,
.social-preview.facebook_page .message .message-preview-text .status-update,
.social-preview.facebook_group .message .message-preview-text .status-update {
  color: #1d2129;
  height: auto;
}
.social-preview.facebook .message .message-media.image-message.multi-2, .social-preview.facebook .message .message-media.image-message.multi-3, .social-preview.facebook .message .message-media.image-message.multi-4, .social-preview.facebook .message .message-media.image-message.multi-5, .social-preview.facebook .message .message-media.image-message.multi-6, .social-preview.facebook .message .message-media.image-message.multi-7, .social-preview.facebook .message .message-media.image-message.multi-8, .social-preview.facebook .message .message-media.image-message.multi-9, .social-preview.facebook .message .message-media.image-message.multi-10, .social-preview.facebook .message .message-media.image-message.multi-many,
.social-preview.facebook_page .message .message-media.image-message.multi-2,
.social-preview.facebook_page .message .message-media.image-message.multi-3,
.social-preview.facebook_page .message .message-media.image-message.multi-4,
.social-preview.facebook_page .message .message-media.image-message.multi-5,
.social-preview.facebook_page .message .message-media.image-message.multi-6,
.social-preview.facebook_page .message .message-media.image-message.multi-7,
.social-preview.facebook_page .message .message-media.image-message.multi-8,
.social-preview.facebook_page .message .message-media.image-message.multi-9,
.social-preview.facebook_page .message .message-media.image-message.multi-10,
.social-preview.facebook_page .message .message-media.image-message.multi-many,
.social-preview.facebook_group .message .message-media.image-message.multi-2,
.social-preview.facebook_group .message .message-media.image-message.multi-3,
.social-preview.facebook_group .message .message-media.image-message.multi-4,
.social-preview.facebook_group .message .message-media.image-message.multi-5,
.social-preview.facebook_group .message .message-media.image-message.multi-6,
.social-preview.facebook_group .message .message-media.image-message.multi-7,
.social-preview.facebook_group .message .message-media.image-message.multi-8,
.social-preview.facebook_group .message .message-media.image-message.multi-9,
.social-preview.facebook_group .message .message-media.image-message.multi-10,
.social-preview.facebook_group .message .message-media.image-message.multi-many {
  padding-top: 100%;
  position: relative;
}
.social-preview.facebook .message .message-media.image-message.multi-2 .image-container, .social-preview.facebook .message .message-media.image-message.multi-3 .image-container, .social-preview.facebook .message .message-media.image-message.multi-4 .image-container, .social-preview.facebook .message .message-media.image-message.multi-5 .image-container, .social-preview.facebook .message .message-media.image-message.multi-6 .image-container, .social-preview.facebook .message .message-media.image-message.multi-7 .image-container, .social-preview.facebook .message .message-media.image-message.multi-8 .image-container, .social-preview.facebook .message .message-media.image-message.multi-9 .image-container, .social-preview.facebook .message .message-media.image-message.multi-10 .image-container, .social-preview.facebook .message .message-media.image-message.multi-many .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-2 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-3 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-4 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-5 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-6 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-7 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-8 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-9 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-10 .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-many .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-2 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-3 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-4 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-5 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-6 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-7 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-8 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-9 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-10 .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-many .image-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.social-preview.facebook .message .message-media.image-message.multi-1.p,
.social-preview.facebook_page .message .message-media.image-message.multi-1.p,
.social-preview.facebook_group .message .message-media.image-message.multi-1.p {
  padding-top: 0;
}
.social-preview.facebook .message .message-media.image-message.multi-1.p .image-container,
.social-preview.facebook_page .message .message-media.image-message.multi-1.p .image-container,
.social-preview.facebook_group .message .message-media.image-message.multi-1.p .image-container {
  position: relative;
}
.social-preview.facebook .message .message-media.image-message.multi-1.p .image-container.layout_1_1,
.social-preview.facebook_page .message .message-media.image-message.multi-1.p .image-container.layout_1_1,
.social-preview.facebook_group .message .message-media.image-message.multi-1.p .image-container.layout_1_1 {
  max-height: 750px;
}
.social-preview.facebook .message .message-media.image-message.multi-1.p .image-container.layout_1_1.p .image,
.social-preview.facebook_page .message .message-media.image-message.multi-1.p .image-container.layout_1_1.p .image,
.social-preview.facebook_group .message .message-media.image-message.multi-1.p .image-container.layout_1_1.p .image {
  max-height: 532px;
}
.social-preview.facebook .message .message-media.image-message.multi-1.p .image-container.layout_1_1.p .image img,
.social-preview.facebook_page .message .message-media.image-message.multi-1.p .image-container.layout_1_1.p .image img,
.social-preview.facebook_group .message .message-media.image-message.multi-1.p .image-container.layout_1_1.p .image img {
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.social-preview.facebook .message .message-media.image-message.multi-1.s,
.social-preview.facebook_page .message .message-media.image-message.multi-1.s,
.social-preview.facebook_group .message .message-media.image-message.multi-1.s {
  padding-top: 0%;
}
.social-preview.facebook .message .message-media.image-message.multi-1.s .image-container.layout_1_1,
.social-preview.facebook_page .message .message-media.image-message.multi-1.s .image-container.layout_1_1,
.social-preview.facebook_group .message .message-media.image-message.multi-1.s .image-container.layout_1_1 {
  max-height: 750px;
}
.social-preview.facebook .message .message-media.image-message.multi-2.layout_2_1 .image-container .image,
.social-preview.facebook_page .message .message-media.image-message.multi-2.layout_2_1 .image-container .image,
.social-preview.facebook_group .message .message-media.image-message.multi-2.layout_2_1 .image-container .image {
  height: 49.875%;
  width: 100%;
}
.social-preview.facebook .message .message-media.image-message.multi-2.layout_2_2 .image-container .image,
.social-preview.facebook_page .message .message-media.image-message.multi-2.layout_2_2 .image-container .image,
.social-preview.facebook_group .message .message-media.image-message.multi-2.layout_2_2 .image-container .image {
  width: 49.875%;
  height: 100%;
}
.social-preview.facebook .message .message-media.image-message.multi-2.layout_2_3,
.social-preview.facebook_page .message .message-media.image-message.multi-2.layout_2_3,
.social-preview.facebook_group .message .message-media.image-message.multi-2.layout_2_3 {
  padding-top: 50%;
}
.social-preview.facebook .message .message-media.image-message.multi-2.layout_2_3 .image-container .image,
.social-preview.facebook_page .message .message-media.image-message.multi-2.layout_2_3 .image-container .image,
.social-preview.facebook_group .message .message-media.image-message.multi-2.layout_2_3 .image-container .image {
  height: 100%;
  width: 49.875%;
}
.social-preview.facebook .message .message-media.image-message.multi-2 .image-container image:nth-child(1n+3),
.social-preview.facebook_page .message .message-media.image-message.multi-2 .image-container image:nth-child(1n+3),
.social-preview.facebook_group .message .message-media.image-message.multi-2 .image-container image:nth-child(1n+3) {
  display: none;
}
.social-preview.facebook .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(1) {
  width: 100%;
  height: 49.875%;
  margin-bottom: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(2), .social-preview.facebook .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(2),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(2),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_1 .image-container .image:nth-child(3) {
  height: 49.875%;
  width: 49.86%;
}
.social-preview.facebook .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(1) {
  height: 100%;
  width: 49.875%;
  float: left;
  margin-right: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(2), .social-preview.facebook .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(2),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(2),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(3) {
  height: 49.875%;
  width: 49.86%;
  position: absolute;
  right: 0;
  top: 0;
  float: right;
}
.social-preview.facebook .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_2 .image-container .image:nth-child(3) {
  top: auto;
  bottom: 0;
}
.social-preview.facebook .message .message-media.image-message.multi-3.layout_3_3,
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_3,
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_3 {
  margin-bottom: -67%;
}
.social-preview.facebook .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(1) {
  width: 33%;
  height: 33%;
  margin-bottom: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(2), .social-preview.facebook .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(2),
.social-preview.facebook_page .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(2),
.social-preview.facebook_group .message .message-media.image-message.multi-3.layout_3_3 .image-container .image:nth-child(3) {
  height: 33%;
  width: 33%;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(1) {
  height: 66.75%;
  width: 100%;
  margin-bottom: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(2), .social-preview.facebook .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(3), .social-preview.facebook .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(2),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(2),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_1 .image-container .image:nth-child(4) {
  height: 33%;
  width: 33.16666%;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(1) {
  height: 100%;
  width: 66.75%;
  float: left;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(2), .social-preview.facebook .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(3), .social-preview.facebook .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(2),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(2),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(4) {
  height: 33.16666%;
  width: 33%;
  position: absolute;
  right: 0;
  top: 0;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(3) {
  top: 33.4166%;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_2 .image-container .image:nth-child(4) {
  top: auto;
  bottom: 0;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_3 .image-container .image,
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_3 .image-container .image,
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_3 .image-container .image {
  height: 49.875%;
  width: 49.875%;
  margin-bottom: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(1) {
  margin-right: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(3), .social-preview.facebook .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(4) {
  margin-bottom: 0;
  margin-right: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-4.layout_4_3 .image-container .image:nth-child(4) {
  margin-right: 0;
}
.social-preview.facebook .message .message-media.image-message.multi-4 .image:nth-child(1n+5),
.social-preview.facebook_page .message .message-media.image-message.multi-4 .image:nth-child(1n+5),
.social-preview.facebook_group .message .message-media.image-message.multi-4 .image:nth-child(1n+5) {
  display: none;
}
.social-preview.facebook .message .message-media.image-message.layout_5_1,
.social-preview.facebook_page .message .message-media.image-message.layout_5_1,
.social-preview.facebook_group .message .message-media.image-message.layout_5_1 {
  padding-top: 100%;
  position: relative;
}
.social-preview.facebook .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(1) {
  height: 100%;
  width: 66.75%;
  float: left;
}
.social-preview.facebook .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(2), .social-preview.facebook .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(3), .social-preview.facebook .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(2),
.social-preview.facebook_page .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(2),
.social-preview.facebook_group .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(4) {
  height: 33.16666%;
  width: 33%;
  position: absolute;
  right: 0;
  top: 0;
}
.social-preview.facebook .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(3) {
  top: 33.4166%;
}
.social-preview.facebook .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.layout_5_1 .image-container .image:nth-child(4) {
  top: auto;
  bottom: 0;
}
.social-preview.facebook .message .message-media.image-message.layout_5_2,
.social-preview.facebook_page .message .message-media.image-message.layout_5_2,
.social-preview.facebook_group .message .message-media.image-message.layout_5_2 {
  padding-top: 83.3333%;
  min-height: 58px;
}
.social-preview.facebook .message .message-media.image-message.layout_5_2 .image-container .image,
.social-preview.facebook_page .message .message-media.image-message.layout_5_2 .image-container .image,
.social-preview.facebook_group .message .message-media.image-message.layout_5_2 .image-container .image {
  height: 49.875%;
  width: 49.875%;
  margin-bottom: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(1) {
  margin-right: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(3) {
  margin-bottom: 0;
  margin-right: 0.25%;
}
.social-preview.facebook .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.layout_5_2 .image-container .image:nth-child(4) {
  margin-right: 0;
  right: 0;
  bottom: -1px;
}
.social-preview.facebook .message .message-media.image-message.layout_5_3,
.social-preview.facebook_page .message .message-media.image-message.layout_5_3,
.social-preview.facebook_group .message .message-media.image-message.layout_5_3 {
  padding-top: 80%;
  min-height: 58px;
}
.social-preview.facebook .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(1) {
  max-height: 64.5% !important;
  overflow: hidden;
  width: 99.9% !important;
  margin-bottom: 0.25% !important;
}
.social-preview.facebook .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(1) img,
.social-preview.facebook_page .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(1) img,
.social-preview.facebook_group .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(1) img {
  transform: scale(1.1);
}
.social-preview.facebook .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(2),
.social-preview.facebook_page .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(2),
.social-preview.facebook_group .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(2) {
  position: absolute;
  height: 33% !important;
  width: 33% !important;
  bottom: 0;
  left: 0;
  top: 65%;
}
.social-preview.facebook .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(3) {
  position: absolute;
  height: 33% !important;
  width: 33% !important;
  bottom: 0;
  left: 33.5%;
  top: 65%;
}
.social-preview.facebook .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.layout_5_3 .image-container .image:nth-child(4) {
  position: absolute;
  height: 33% !important;
  width: 33% !important;
  top: 65%;
  bottom: 0;
  right: 0;
}
.social-preview.facebook .message .message-media.image-message.layout_5_4,
.social-preview.facebook_page .message .message-media.image-message.layout_5_4,
.social-preview.facebook_group .message .message-media.image-message.layout_5_4 {
  padding-top: 100%;
  position: relative;
}
.social-preview.facebook .message .message-media.image-message.layout_5_4 .image-container .image,
.social-preview.facebook_page .message .message-media.image-message.layout_5_4 .image-container .image,
.social-preview.facebook_group .message .message-media.image-message.layout_5_4 .image-container .image {
  width: 49.875%;
  position: absolute;
}
.social-preview.facebook .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(1),
.social-preview.facebook_page .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(1),
.social-preview.facebook_group .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(1) {
  height: 100%;
  width: 64%;
  top: 0;
  left: 0;
}
.social-preview.facebook .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(2),
.social-preview.facebook_page .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(2),
.social-preview.facebook_group .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(2) {
  position: absolute;
  height: 33.1%;
  width: 35.5%;
  top: 0;
  bottom: 33.3%;
  right: 0;
}
.social-preview.facebook .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(3),
.social-preview.facebook_page .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(3),
.social-preview.facebook_group .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(3) {
  height: 33.13%;
  width: 35.5%;
  position: absolute;
  right: 0;
  top: 33.25%;
  display: flex;
}
.social-preview.facebook .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(4), .social-preview.facebook .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(5),
.social-preview.facebook_page .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(5),
.social-preview.facebook_group .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.layout_5_4 .image-container .image:nth-child(5) {
  position: absolute;
  height: 33.1%;
  right: 0;
  bottom: 0;
  width: 35.5%;
}
.social-preview.facebook .message .message-media.image-message.multi-5 .image-container .image:nth-child(4), .social-preview.facebook .message .message-media.image-message.multi-6 .image-container .image:nth-child(4), .social-preview.facebook .message .message-media.image-message.multi-7 .image-container .image:nth-child(4), .social-preview.facebook .message .message-media.image-message.multi-8 .image-container .image:nth-child(4), .social-preview.facebook .message .message-media.image-message.multi-9 .image-container .image:nth-child(4), .social-preview.facebook .message .message-media.image-message.multi-10 .image-container .image:nth-child(4), .social-preview.facebook .message .message-media.image-message.multi-many .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-5 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-6 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-7 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-8 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-9 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-10 .image-container .image:nth-child(4),
.social-preview.facebook_page .message .message-media.image-message.multi-many .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-5 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-6 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-7 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-8 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-9 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-10 .image-container .image:nth-child(4),
.social-preview.facebook_group .message .message-media.image-message.multi-many .image-container .image:nth-child(4) {
  position: absolute;
}
.social-preview.facebook .message .message-media.image-message.multi-5 .image-container .image:nth-child(4):before, .social-preview.facebook .message .message-media.image-message.multi-6 .image-container .image:nth-child(4):before, .social-preview.facebook .message .message-media.image-message.multi-7 .image-container .image:nth-child(4):before, .social-preview.facebook .message .message-media.image-message.multi-8 .image-container .image:nth-child(4):before, .social-preview.facebook .message .message-media.image-message.multi-9 .image-container .image:nth-child(4):before, .social-preview.facebook .message .message-media.image-message.multi-10 .image-container .image:nth-child(4):before, .social-preview.facebook .message .message-media.image-message.multi-many .image-container .image:nth-child(4):before,
.social-preview.facebook_page .message .message-media.image-message.multi-5 .image-container .image:nth-child(4):before,
.social-preview.facebook_page .message .message-media.image-message.multi-6 .image-container .image:nth-child(4):before,
.social-preview.facebook_page .message .message-media.image-message.multi-7 .image-container .image:nth-child(4):before,
.social-preview.facebook_page .message .message-media.image-message.multi-8 .image-container .image:nth-child(4):before,
.social-preview.facebook_page .message .message-media.image-message.multi-9 .image-container .image:nth-child(4):before,
.social-preview.facebook_page .message .message-media.image-message.multi-10 .image-container .image:nth-child(4):before,
.social-preview.facebook_page .message .message-media.image-message.multi-many .image-container .image:nth-child(4):before,
.social-preview.facebook_group .message .message-media.image-message.multi-5 .image-container .image:nth-child(4):before,
.social-preview.facebook_group .message .message-media.image-message.multi-6 .image-container .image:nth-child(4):before,
.social-preview.facebook_group .message .message-media.image-message.multi-7 .image-container .image:nth-child(4):before,
.social-preview.facebook_group .message .message-media.image-message.multi-8 .image-container .image:nth-child(4):before,
.social-preview.facebook_group .message .message-media.image-message.multi-9 .image-container .image:nth-child(4):before,
.social-preview.facebook_group .message .message-media.image-message.multi-10 .image-container .image:nth-child(4):before,
.social-preview.facebook_group .message .message-media.image-message.multi-many .image-container .image:nth-child(4):before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 35px;
  width: 100%;
  height: 100%;
  content: "+" attr(data-images);
}
.social-preview.facebook .message .message-media.image-message.multi-5 .image-container .image:nth-child(1n+5), .social-preview.facebook .message .message-media.image-message.multi-6 .image-container .image:nth-child(1n+5), .social-preview.facebook .message .message-media.image-message.multi-7 .image-container .image:nth-child(1n+5), .social-preview.facebook .message .message-media.image-message.multi-8 .image-container .image:nth-child(1n+5), .social-preview.facebook .message .message-media.image-message.multi-9 .image-container .image:nth-child(1n+5), .social-preview.facebook .message .message-media.image-message.multi-10 .image-container .image:nth-child(1n+5), .social-preview.facebook .message .message-media.image-message.multi-many .image-container .image:nth-child(1n+5),
.social-preview.facebook_page .message .message-media.image-message.multi-5 .image-container .image:nth-child(1n+5),
.social-preview.facebook_page .message .message-media.image-message.multi-6 .image-container .image:nth-child(1n+5),
.social-preview.facebook_page .message .message-media.image-message.multi-7 .image-container .image:nth-child(1n+5),
.social-preview.facebook_page .message .message-media.image-message.multi-8 .image-container .image:nth-child(1n+5),
.social-preview.facebook_page .message .message-media.image-message.multi-9 .image-container .image:nth-child(1n+5),
.social-preview.facebook_page .message .message-media.image-message.multi-10 .image-container .image:nth-child(1n+5),
.social-preview.facebook_page .message .message-media.image-message.multi-many .image-container .image:nth-child(1n+5),
.social-preview.facebook_group .message .message-media.image-message.multi-5 .image-container .image:nth-child(1n+5),
.social-preview.facebook_group .message .message-media.image-message.multi-6 .image-container .image:nth-child(1n+5),
.social-preview.facebook_group .message .message-media.image-message.multi-7 .image-container .image:nth-child(1n+5),
.social-preview.facebook_group .message .message-media.image-message.multi-8 .image-container .image:nth-child(1n+5),
.social-preview.facebook_group .message .message-media.image-message.multi-9 .image-container .image:nth-child(1n+5),
.social-preview.facebook_group .message .message-media.image-message.multi-10 .image-container .image:nth-child(1n+5),
.social-preview.facebook_group .message .message-media.image-message.multi-many .image-container .image:nth-child(1n+5) {
  display: none !important;
}
.social-preview.facebook .message .message-media .video .video-as-link,
.social-preview.facebook_page .message .message-media .video .video-as-link,
.social-preview.facebook_group .message .message-media .video .video-as-link {
  display: none;
}
.social-preview.facebook .message .message-media .link,
.social-preview.facebook_page .message .message-media .link,
.social-preview.facebook_group .message .message-media .link {
  display: flex;
  flex-direction: column;
}
.social-preview.facebook .message .message-media .link .link-image,
.social-preview.facebook_page .message .message-media .link .link-image,
.social-preview.facebook_group .message .message-media .link .link-image {
  max-height: 250px;
  overflow: hidden;
}
.social-preview.facebook .message .message-media .link .link-image img,
.social-preview.facebook_page .message .message-media .link .link-image img,
.social-preview.facebook_group .message .message-media .link .link-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.social-preview.facebook .message .message-media .link .link-image .photo-blank, .social-preview.facebook .message .message-media .link .link-image .image-container.multi-0,
.social-preview.facebook_page .message .message-media .link .link-image .photo-blank,
.social-preview.facebook_page .message .message-media .link .link-image .image-container.multi-0,
.social-preview.facebook_group .message .message-media .link .link-image .photo-blank,
.social-preview.facebook_group .message .message-media .link .link-image .image-container.multi-0 {
  min-height: 230px;
}
.social-preview.facebook .message .message-media .link .link-description,
.social-preview.facebook_page .message .message-media .link .link-description,
.social-preview.facebook_group .message .message-media .link .link-description {
  padding: 10px 12px;
  border-bottom: 1px solid #dddfe2;
  background-color: #f2f3f5;
  display: flex;
  flex-direction: column;
  color: #1d2129;
  height: 59px;
}
.social-preview.facebook .message .message-media .link .link-description .link-title,
.social-preview.facebook_page .message .message-media .link .link-description .link-title,
.social-preview.facebook_group .message .message-media .link .link-description .link-title {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  order: 2;
  margin-top: 5px;
  max-height: 40px;
  flex-shrink: 0;
  overflow: hidden;
}
.social-preview.facebook .message .message-media .link .link-description .link-subtext,
.social-preview.facebook_page .message .message-media .link .link-description .link-subtext,
.social-preview.facebook_group .message .message-media .link .link-description .link-subtext {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 3px;
  order: 3;
  flex-shrink: 4;
  color: #606770;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.social-preview.facebook .message .message-media .link .link-description .link-url,
.social-preview.facebook_page .message .message-media .link .link-description .link-url,
.social-preview.facebook_group .message .message-media .link .link-description .link-url {
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 11px;
  color: #606770;
  order: 1;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.social-preview.facebook .message .message-media .link .link-description .link-placeholder-text,
.social-preview.facebook_page .message .message-media .link .link-description .link-placeholder-text,
.social-preview.facebook_group .message .message-media .link .link-description .link-placeholder-text {
  background-color: #b3b3b3;
}
.social-preview.facebook .message .message-media .link.inline,
.social-preview.facebook_page .message .message-media .link.inline,
.social-preview.facebook_group .message .message-media .link.inline {
  flex-direction: row;
  border: 1px solid #e6e6e6;
  height: 140px;
}
.social-preview.facebook .message .message-media .link.inline .link-image,
.social-preview.facebook_page .message .message-media .link.inline .link-image,
.social-preview.facebook_group .message .message-media .link.inline .link-image {
  height: 100%;
  width: 140px;
  flex-shrink: 0;
  height: 140px;
}
.social-preview.facebook .message .message-media .link.inline .link-image img,
.social-preview.facebook_page .message .message-media .link.inline .link-image img,
.social-preview.facebook_group .message .message-media .link.inline .link-image img {
  min-height: 140px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-preview.facebook .message .message-media .link.inline .link-description,
.social-preview.facebook_page .message .message-media .link.inline .link-description,
.social-preview.facebook_group .message .message-media .link.inline .link-description {
  border: none;
  position: relative;
  padding: 10px 12px 15px 12px;
  max-height: 117px;
  display: flex;
  flex-direction: column;
  height: 140px;
  width: calc(100% - 164px);
}
.social-preview.facebook .message .message-media .link.inline .link-description .link-title,
.social-preview.facebook_page .message .message-media .link.inline .link-description .link-title,
.social-preview.facebook_group .message .message-media .link.inline .link-description .link-title {
  flex-shrink: 0;
  order: 2;
  max-height: 100px;
}
.social-preview.facebook .message .message-media .link.inline .link-description .link-subtext,
.social-preview.facebook_page .message .message-media .link.inline .link-description .link-subtext,
.social-preview.facebook_group .message .message-media .link.inline .link-description .link-subtext {
  order: 3;
  overflow: hidden;
  flex-shrink: 5;
  max-height: 80px;
  white-space: normal;
}
.social-preview.facebook .message .message-media .link.inline .link-description .link-url,
.social-preview.facebook_page .message .message-media .link.inline .link-description .link-url,
.social-preview.facebook_group .message .message-media .link.inline .link-description .link-url {
  order: 1;
  flex-shrink: 0;
}
.social-preview.facebook .message .message-media .link.no-image .link-image,
.social-preview.facebook_page .message .message-media .link.no-image .link-image,
.social-preview.facebook_group .message .message-media .link.no-image .link-image {
  display: none;
}
.social-preview.facebook .message .message-media .link.no-image .link-description,
.social-preview.facebook_page .message .message-media .link.no-image .link-description,
.social-preview.facebook_group .message .message-media .link.no-image .link-description {
  width: 100%;
}
.social-preview.facebook .message .message-media .link.is-loading .link-image,
.social-preview.facebook_page .message .message-media .link.is-loading .link-image,
.social-preview.facebook_group .message .message-media .link.is-loading .link-image {
  height: 250px;
  width: 100%;
  display: block;
  animation: loading-link 5s ease 0s infinite normal none running;
}
@keyframes loading-link {
  0% {
    background-color: #999999;
  }
  50% {
    background-color: #666666;
  }
  100% {
    background-color: #999999;
  }
}
.social-preview.facebook .message .message-media .link.is-loading .link-description,
.social-preview.facebook_page .message .message-media .link.is-loading .link-description,
.social-preview.facebook_group .message .message-media .link.is-loading .link-description {
  height: 100px;
}
.social-preview.facebook .message .message-media .link.is-loading .link-description .link-placeholder-text,
.social-preview.facebook_page .message .message-media .link.is-loading .link-description .link-placeholder-text,
.social-preview.facebook_group .message .message-media .link.is-loading .link-description .link-placeholder-text {
  animation: loading-link 5s ease 0s infinite;
  flex-shrink: 0;
}
.social-preview.facebook .message .message-engagements,
.social-preview.facebook_page .message .message-engagements,
.social-preview.facebook_group .message .message-engagements {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 4px 12px;
  width: calc(100% - 24px);
  height: 32px;
}
.social-preview.facebook .message .message-engagements .message-like,
.social-preview.facebook .message .message-engagements .message-comment,
.social-preview.facebook .message .message-engagements .message-share,
.social-preview.facebook_page .message .message-engagements .message-like,
.social-preview.facebook_page .message .message-engagements .message-comment,
.social-preview.facebook_page .message .message-engagements .message-share,
.social-preview.facebook_group .message .message-engagements .message-like,
.social-preview.facebook_group .message .message-engagements .message-comment,
.social-preview.facebook_group .message .message-engagements .message-share {
  display: flex;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  flex-shrink: 0;
}
.social-preview.facebook .message .message-engagements .message-like:before,
.social-preview.facebook .message .message-engagements .message-comment:before,
.social-preview.facebook .message .message-engagements .message-share:before,
.social-preview.facebook_page .message .message-engagements .message-like:before,
.social-preview.facebook_page .message .message-engagements .message-comment:before,
.social-preview.facebook_page .message .message-engagements .message-share:before,
.social-preview.facebook_group .message .message-engagements .message-like:before,
.social-preview.facebook_group .message .message-engagements .message-comment:before,
.social-preview.facebook_group .message .message-engagements .message-share:before {
  font-family: "CoS";
  color: #b2b2b2;
  margin-right: 6px;
}
.social-preview.facebook .message .message-engagements .message-like:after,
.social-preview.facebook .message .message-engagements .message-comment:after,
.social-preview.facebook .message .message-engagements .message-share:after,
.social-preview.facebook_page .message .message-engagements .message-like:after,
.social-preview.facebook_page .message .message-engagements .message-comment:after,
.social-preview.facebook_page .message .message-engagements .message-share:after,
.social-preview.facebook_group .message .message-engagements .message-like:after,
.social-preview.facebook_group .message .message-engagements .message-comment:after,
.social-preview.facebook_group .message .message-engagements .message-share:after {
  font-size: 12px;
  color: #7f7f7f;
}
.social-preview.facebook .message .message-engagements .message-like,
.social-preview.facebook_page .message .message-engagements .message-like,
.social-preview.facebook_group .message .message-engagements .message-like {
  order: 1;
}
.social-preview.facebook .message .message-engagements .message-like:before,
.social-preview.facebook_page .message .message-engagements .message-like:before,
.social-preview.facebook_group .message .message-engagements .message-like:before {
  content: "\e918";
}
.social-preview.facebook .message .message-engagements .message-like:after,
.social-preview.facebook_page .message .message-engagements .message-like:after,
.social-preview.facebook_group .message .message-engagements .message-like:after {
  content: "Like";
}
.social-preview.facebook .message .message-engagements .message-comment,
.social-preview.facebook_page .message .message-engagements .message-comment,
.social-preview.facebook_group .message .message-engagements .message-comment {
  order: 2;
}
.social-preview.facebook .message .message-engagements .message-comment:before,
.social-preview.facebook_page .message .message-engagements .message-comment:before,
.social-preview.facebook_group .message .message-engagements .message-comment:before {
  content: "\e917";
}
.social-preview.facebook .message .message-engagements .message-comment:after,
.social-preview.facebook_page .message .message-engagements .message-comment:after,
.social-preview.facebook_group .message .message-engagements .message-comment:after {
  content: "Comment";
}
.social-preview.facebook .message .message-engagements .message-share,
.social-preview.facebook_page .message .message-engagements .message-share,
.social-preview.facebook_group .message .message-engagements .message-share {
  order: 3;
}
.social-preview.facebook .message .message-engagements .message-share:before,
.social-preview.facebook_page .message .message-engagements .message-share:before,
.social-preview.facebook_group .message .message-engagements .message-share:before {
  content: "\e919";
}
.social-preview.facebook .message .message-engagements .message-share:after,
.social-preview.facebook_page .message .message-engagements .message-share:after,
.social-preview.facebook_group .message .message-engagements .message-share:after {
  content: "Share";
}

.facebook-hashtag, .message-associated-list .message.facebook .message-text span.hashtag, .message-associated-list .message.facebook_page .message-text span.hashtag, .message-associated-list .message.facebook_group .message-text span.hashtag,
.social-preview.facebook .message .message-preview-text .status-update span.hashtag,
.social-preview.facebook .message .message-preview-text .status-update span.hashtag a {
  color: #3b5998;
}

.facebook-tag, .message-associated-list .message.facebook .message-text span.tag, .message-associated-list .message.facebook_page .message-text span.tag, .message-associated-list .message.facebook_group .message-text span.tag,
.social-preview.facebook .message .message-preview-text .status-update span.tag,
.social-preview.facebook .message .message-preview-text .status-update span.tag a {
  color: #3b5998;
}

.facebook-link, .message-associated-list .message.facebook .message-text span.link, .message-associated-list .message.facebook_page .message-text span.link, .message-associated-list .message.facebook_group .message-text span.link,
.social-preview.facebook .message .message-preview-text .status-update span.link,
.social-preview.facebook .message .message-preview-text .status-update span.link a {
  color: #3b5998;
}

.facebook_page-hashtag,
.social-preview.facebook_page .message .message-preview-text .status-update span.hashtag,
.social-preview.facebook_page .message .message-preview-text .status-update span.hashtag a {
  color: #3b5998;
}

.facebook_page-tag,
.social-preview.facebook_page .message .message-preview-text .status-update span.tag,
.social-preview.facebook_page .message .message-preview-text .status-update span.tag a {
  color: #3b5998;
}

.facebook_page-link,
.social-preview.facebook_page .message .message-preview-text .status-update span.link,
.social-preview.facebook_page .message .message-preview-text .status-update span.link a {
  color: #3b5998;
}

.facebook_group-hashtag,
.social-preview.facebook_group .message .message-preview-text .status-update span.hashtag,
.social-preview.facebook_group .message .message-preview-text .status-update span.hashtag a {
  color: #3b5998;
}

.facebook_group-tag,
.social-preview.facebook_group .message .message-preview-text .status-update span.tag,
.social-preview.facebook_group .message .message-preview-text .status-update span.tag a {
  color: #3b5998;
}

.facebook_group-link,
.social-preview.facebook_group .message .message-preview-text .status-update span.link,
.social-preview.facebook_group .message .message-preview-text .status-update span.link a {
  color: #3b5998;
}

@media (max-width: 600px) {
  .social-preview.instagram {
    margin-bottom: 65px;
  }
}
.social-preview.instagram .message {
  border: none;
  padding: 0;
  padding-bottom: 15px;
  max-width: 250px;
}
.social-preview.instagram .message span.send-time {
  position: absolute;
  bottom: 3px;
  left: 11px;
  font-size: 12px;
  color: #b3b3b3;
}
.social-preview.instagram .message .profile-header {
  order: 1;
  padding: 12px;
  margin-bottom: 0;
}
.social-preview.instagram .message .profile-header img.profile-image {
  border-radius: 30px;
}
.social-preview.instagram .message .profile-header .profile-text {
  align-items: center;
}
.social-preview.instagram .message .profile-header .profile-text span.profile-name {
  color: #2d2626;
}
.social-preview.instagram .message .message-preview-text {
  order: 4;
  padding: 0 12px;
}
.social-preview.instagram .message .message-preview-text .status-update {
  color: #2d2626;
  white-space: pre-line;
}
.social-preview.instagram .message .message-preview-text .status-update span.name {
  color: #2d2626;
  font-weight: bold;
}
.social-preview.instagram .message .message-preview-text .status-update span.link {
  color: #2d2626;
}
.social-preview.instagram .message .message-media {
  order: 2;
}
.social-preview.instagram .message .message-media .image-container {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 250px;
  width: 100%;
  height: 250px;
  overflow: hidden;
  padding-bottom: 15px;
}
.social-preview.instagram .message .message-media .image-container div.image {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 250px;
}
.social-preview.instagram .message .message-media .image-container div.swipe-controller {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio {
  display: none;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:not(:checked) + div.image {
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:checked ~ div.image {
  transform: translateX(100%);
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:checked + div.image {
  transform: translateX(0);
  transition: transform 0.4s ease;
  position: absolute;
  top: 0;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:checked + div.image div.swipe-controller {
  display: block;
  opacity: 0.8;
  transition: opacity 0.4s ease 0.4s;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:first-of-type + div.image label.swipe-prev, .social-preview.instagram .message .message-media .image-container input.swipe-radio:last-of-type + div.image label.swipe-next {
  display: none;
}
.social-preview.instagram .message .message-media .image-container label.swipe-prev, .social-preview.instagram .message .message-media .image-container label.swipe-next {
  cursor: pointer;
  position: relative;
  top: 125px;
  transform: translateY(-50%);
  display: block;
  width: 32px;
  height: 250px;
  overflow: hidden;
  color: #fff;
  text-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background-size: 64px 64px;
}
.social-preview.instagram .message .message-media .image-container label.swipe-prev:after, .social-preview.instagram .message .message-media .image-container label.swipe-next:after {
  font-family: "CoS";
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 1px 7px rgba(0, 0, 0, 0.5);
}
.social-preview.instagram .message .message-media .image-container label.swipe-prev {
  float: left;
  background-position: left top;
}
.social-preview.instagram .message .message-media .image-container label.swipe-prev:after {
  content: "\e943";
}
.social-preview.instagram .message .message-media .image-container label.swipe-next {
  float: right;
  background-position: right top;
}
.social-preview.instagram .message .message-media .image-container label.swipe-next:after {
  content: "\e944";
}
.message-standalone .social-preview.instagram .message .message-media .image-container {
  max-height: 250px;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio + .image + .styled-radio {
  position: absolute;
  bottom: 0;
  display: block;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio + .image + .styled-radio {
  position: absolute;
  bottom: 0;
  margin-right: 5px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #dbdbdb;
  border-radius: 10px;
  transition: 0.5s ease all;
  cursor: pointer;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:checked + .image + .styled-radio {
  background: #3897f0;
  cursor: default;
}
.social-preview.instagram .message .message-media .image-container.multi-2 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 117px;
}
.social-preview.instagram .message .message-media .image-container.multi-2 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 127px;
}
.social-preview.instagram .message .message-media .image-container.multi-3 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 112px;
}
.social-preview.instagram .message .message-media .image-container.multi-3 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 122px;
}
.social-preview.instagram .message .message-media .image-container.multi-3 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 132px;
}
.social-preview.instagram .message .message-media .image-container.multi-4 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 107px;
}
.social-preview.instagram .message .message-media .image-container.multi-4 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 117px;
}
.social-preview.instagram .message .message-media .image-container.multi-4 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 127px;
}
.social-preview.instagram .message .message-media .image-container.multi-4 input.swipe-radio:nth-of-type(4) + .image + .styled-radio {
  left: 137px;
}
.social-preview.instagram .message .message-media .image-container.multi-5 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 102px;
}
.social-preview.instagram .message .message-media .image-container.multi-5 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 112px;
}
.social-preview.instagram .message .message-media .image-container.multi-5 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 122px;
}
.social-preview.instagram .message .message-media .image-container.multi-5 input.swipe-radio:nth-of-type(4) + .image + .styled-radio {
  left: 132px;
}
.social-preview.instagram .message .message-media .image-container.multi-5 input.swipe-radio:nth-of-type(5) + .image + .styled-radio {
  left: 142px;
}
.social-preview.instagram .message .message-media .image-container.multi-6 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 97px;
}
.social-preview.instagram .message .message-media .image-container.multi-6 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 107px;
}
.social-preview.instagram .message .message-media .image-container.multi-6 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 117px;
}
.social-preview.instagram .message .message-media .image-container.multi-6 input.swipe-radio:nth-of-type(4) + .image + .styled-radio {
  left: 127px;
}
.social-preview.instagram .message .message-media .image-container.multi-6 input.swipe-radio:nth-of-type(5) + .image + .styled-radio {
  left: 137px;
}
.social-preview.instagram .message .message-media .image-container.multi-6 input.swipe-radio:nth-of-type(6) + .image + .styled-radio {
  left: 147px;
}
.social-preview.instagram .message .message-media .image-container.multi-7 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 92px;
}
.social-preview.instagram .message .message-media .image-container.multi-7 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 102px;
}
.social-preview.instagram .message .message-media .image-container.multi-7 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 112px;
}
.social-preview.instagram .message .message-media .image-container.multi-7 input.swipe-radio:nth-of-type(4) + .image + .styled-radio {
  left: 122px;
}
.social-preview.instagram .message .message-media .image-container.multi-7 input.swipe-radio:nth-of-type(5) + .image + .styled-radio {
  left: 132px;
}
.social-preview.instagram .message .message-media .image-container.multi-7 input.swipe-radio:nth-of-type(6) + .image + .styled-radio {
  left: 142px;
}
.social-preview.instagram .message .message-media .image-container.multi-7 input.swipe-radio:nth-of-type(7) + .image + .styled-radio {
  left: 152px;
}
.social-preview.instagram .message .message-media .image-container.multi-8 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 87px;
}
.social-preview.instagram .message .message-media .image-container.multi-8 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 97px;
}
.social-preview.instagram .message .message-media .image-container.multi-8 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 107px;
}
.social-preview.instagram .message .message-media .image-container.multi-8 input.swipe-radio:nth-of-type(4) + .image + .styled-radio {
  left: 117px;
}
.social-preview.instagram .message .message-media .image-container.multi-8 input.swipe-radio:nth-of-type(5) + .image + .styled-radio {
  left: 127px;
}
.social-preview.instagram .message .message-media .image-container.multi-8 input.swipe-radio:nth-of-type(6) + .image + .styled-radio {
  left: 137px;
}
.social-preview.instagram .message .message-media .image-container.multi-8 input.swipe-radio:nth-of-type(7) + .image + .styled-radio {
  left: 147px;
}
.social-preview.instagram .message .message-media .image-container.multi-8 input.swipe-radio:nth-of-type(8) + .image + .styled-radio {
  left: 157px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 82px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 92px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 102px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(4) + .image + .styled-radio {
  left: 112px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(5) + .image + .styled-radio {
  left: 122px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(6) + .image + .styled-radio {
  left: 132px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(7) + .image + .styled-radio {
  left: 142px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(8) + .image + .styled-radio {
  left: 152px;
}
.social-preview.instagram .message .message-media .image-container.multi-9 input.swipe-radio:nth-of-type(9) + .image + .styled-radio {
  left: 162px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 77px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 87px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 97px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(4) + .image + .styled-radio {
  left: 107px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(5) + .image + .styled-radio {
  left: 117px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(6) + .image + .styled-radio {
  left: 127px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(7) + .image + .styled-radio {
  left: 137px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(8) + .image + .styled-radio {
  left: 147px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(9) + .image + .styled-radio {
  left: 157px;
}
.social-preview.instagram .message .message-media .image-container.multi-10 input.swipe-radio:nth-of-type(10) + .image + .styled-radio {
  left: 167px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(1) + .image + .styled-radio {
  left: 72px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(2) + .image + .styled-radio {
  left: 82px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(3) + .image + .styled-radio {
  left: 92px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(4) + .image + .styled-radio {
  left: 102px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(5) + .image + .styled-radio {
  left: 112px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(6) + .image + .styled-radio {
  left: 122px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(7) + .image + .styled-radio {
  left: 132px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(8) + .image + .styled-radio {
  left: 142px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(9) + .image + .styled-radio {
  left: 152px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(10) + .image + .styled-radio {
  left: 162px;
}
.social-preview.instagram .message .message-media .image-container.multi-11 input.swipe-radio:nth-of-type(11) + .image + .styled-radio {
  left: 172px;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:nth-of-type(10) + .image .swipe-next {
  display: none;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:nth-of-type(1n + 11) + .image {
  display: none;
}
.social-preview.instagram .message .message-media .image-container input.swipe-radio:nth-of-type(1n + 11) + .image + .styled-radio {
  display: none;
}
.social-preview.instagram .message .message-media .image-container.multi-0, .social-preview.instagram .message .message-media .image-container.multi-1 {
  padding-bottom: 0;
}
.social-preview.instagram .message .message-media .image-container.multi-0 input.swipe-radio, .social-preview.instagram .message .message-media .image-container.multi-1 input.swipe-radio {
  display: none;
}
.social-preview.instagram .message .message-media .image-container.multi-0 .image, .social-preview.instagram .message .message-media .image-container.multi-1 .image {
  height: 250px;
  width: 250px;
}
.social-preview.instagram .message .message-media .image-container.multi-0 .image .swipe-controller, .social-preview.instagram .message .message-media .image-container.multi-1 .image .swipe-controller {
  display: none;
}
.social-preview.instagram .message .message-media .image-container.multi-0 .styled-radio, .social-preview.instagram .message .message-media .image-container.multi-1 .styled-radio {
  display: none !important;
}
.social-preview.instagram .message .message-media.ig-auto-crop .instagram-direct.image-container {
  height: auto !important;
  min-height: 130px;
  max-height: 477.5px;
}
.social-preview.instagram .message .message-media.ig-auto-crop .instagram-direct.image-container .image {
  min-height: 130px;
  max-height: 477.5px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative !important;
}
.social-preview.instagram .message .message-media.ig-auto-crop .instagram-direct.image-container .image img {
  position: relative;
}
.social-preview.instagram .message .message-media.ig-auto-crop .instagram-direct.image-container .image .linked-image {
  display: none;
}
.social-preview.instagram .message .message-media .video .video-as-link {
  display: none;
}
.social-preview.instagram .message .message-media .link .link-description {
  display: none;
}
.social-preview.instagram .message .message-engagements {
  display: flex;
  padding: 10px 12px;
  order: 3;
}
.social-preview.instagram .message .message-engagements .message-like:before,
.social-preview.instagram .message .message-engagements .message-comment:before,
.social-preview.instagram .message .message-engagements .message-share:before {
  font-family: "CoS";
  font-size: 14px;
  line-height: 20px;
  color: #2d2626;
  margin-right: 6px;
}
.social-preview.instagram .message .message-engagements .message-like {
  order: 1;
}
.social-preview.instagram .message .message-engagements .message-like:before {
  content: "\e933";
}
.social-preview.instagram .message .message-engagements .message-comment {
  order: 2;
}
.social-preview.instagram .message .message-engagements .message-comment:before {
  content: "\e932";
}
.social-preview.instagram .message .message-engagements .message-share {
  order: 3;
}
.social-preview.instagram .message .message-engagements .message-share:before {
  content: "\e93e";
}

.instagram-hashtag, .message-associated-list .message.instagram .message-text span.hashtag,
.social-preview.instagram .message .message-preview-text .status-update span.hashtag,
.social-preview.instagram .message .message-preview-text .status-update span.hashtag a {
  color: #003569;
}

.instagram-tag, .message-associated-list .message.instagram .message-text span.tag,
.social-preview.instagram .message .message-preview-text .status-update span.tag,
.social-preview.instagram .message .message-preview-text .status-update span.tag a {
  color: #003569;
}

.instagram-link, .message-associated-list .message.instagram .message-text span.link,
.social-preview.instagram .message .message-preview-text .status-update span.link,
.social-preview.instagram .message .message-preview-text .status-update span.link a {
  color: #2d2626;
}

.social-preview.linkedin .linkedin-info .linkedin-counter.warning,
.social-preview.linkedin_company .linkedin-info .linkedin-counter.warning {
  color: #d17760;
}
.social-preview.linkedin .linkedin-info .linkedin-counter.error,
.social-preview.linkedin_company .linkedin-info .linkedin-counter.error {
  color: #c00;
}
.social-preview.linkedin .linkedin-info .label.linkedin-shortened,
.social-preview.linkedin_company .linkedin-info .label.linkedin-shortened {
  float: left;
  margin-left: 7px;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: editor-fadeInUp;
}
.social-preview.linkedin .linkedin-info .label.linkedin-shortened:hover,
.social-preview.linkedin_company .linkedin-info .label.linkedin-shortened:hover {
  cursor: pointer;
}
.social-preview.linkedin .linkedin-info .linkedin-count-popover,
.social-preview.linkedin_company .linkedin-info .linkedin-count-popover {
  visibility: hidden;
  opacity: 0;
  display: block;
  top: 42px;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.social-preview.linkedin .linkedin-info .linkedin-count-popover.show-popover,
.social-preview.linkedin_company .linkedin-info .linkedin-count-popover.show-popover {
  visibility: visible;
  opacity: 1;
  top: 35px;
  transition: all 0.5s ease;
}
.social-preview.linkedin .message,
.social-preview.linkedin_company .message {
  border: 1px solid #b3b3b3;
  padding: 0;
  border-radius: 2px;
}
.social-preview.linkedin .message span.send-time,
.social-preview.linkedin_company .message span.send-time {
  position: absolute;
  top: 42px;
  left: 68px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.social-preview.linkedin .message .profile-header,
.social-preview.linkedin_company .message .profile-header {
  padding: 12px 12px 0;
}
.social-preview.linkedin .message .profile-header img.profile-image,
.social-preview.linkedin_company .message .profile-header img.profile-image {
  height: 48px;
  width: 48px;
  border-radius: 48px;
}
.social-preview.linkedin .message .profile-header .profile-text span.profile-name,
.social-preview.linkedin_company .message .profile-header .profile-text span.profile-name {
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px;
}
.social-preview.linkedin .message .message-preview-text,
.social-preview.linkedin_company .message .message-preview-text {
  padding: 0 12px;
}
.social-preview.linkedin .message .message-preview-text .status-update,
.social-preview.linkedin_company .message .message-preview-text .status-update {
  color: #1d2129;
  font-size: 15px;
  line-height: 18px;
}
@media (max-width: 900px) {
  .social-preview.linkedin .message .message-preview-text .status-update,
.social-preview.linkedin_company .message .message-preview-text .status-update {
    font-size: 14px;
  }
}
.social-preview.linkedin .message .message-preview-text .status-update span.hashtag,
.social-preview.linkedin .message .message-preview-text .status-update span.tag,
.social-preview.linkedin .message .message-preview-text .status-update span.link,
.social-preview.linkedin_company .message .message-preview-text .status-update span.hashtag,
.social-preview.linkedin_company .message .message-preview-text .status-update span.tag,
.social-preview.linkedin_company .message .message-preview-text .status-update span.link {
  font-weight: bold;
}
.social-preview.linkedin .message .message-media,
.social-preview.linkedin_company .message .message-media {
  background-color: #f3f6f8;
  border-radius: 2px;
}
.social-preview.linkedin .message .message-media .p.layout_1_1 .image,
.social-preview.linkedin_company .message .message-media .p.layout_1_1 .image {
  height: initial;
}
.social-preview.linkedin .message .message-media .image-container .image,
.social-preview.linkedin_company .message .message-media .image-container .image {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 45vh;
}
.social-preview.linkedin .message .message-media .image-container .image img,
.social-preview.linkedin_company .message .message-media .image-container .image img {
  -o-object-fit: contain;
     object-fit: contain;
}
.social-preview.linkedin .message .message-media .image-container .image .linked-image,
.social-preview.linkedin_company .message .message-media .image-container .image .linked-image {
  padding: 8px 12px;
  border: 1px solid #e6e6e6;
  margin-top: -1px;
}
.social-preview.linkedin .message .message-media .image-container .image .linked-image div,
.social-preview.linkedin_company .message .message-media .image-container .image .linked-image div {
  color: #000000;
}
.social-preview.linkedin .message .message-media .image-container .image .linked-image span,
.social-preview.linkedin_company .message .message-media .image-container .image .linked-image span {
  color: #666666;
}
.social-preview.linkedin .message .message-media .image-container .image:nth-child(1n+2),
.social-preview.linkedin_company .message .message-media .image-container .image:nth-child(1n+2) {
  display: none;
}
.social-preview.linkedin .message .message-media .video-as-link,
.social-preview.linkedin_company .message .message-media .video-as-link {
  background-color: #ffffff;
}
.social-preview.linkedin .message .message-media .link,
.social-preview.linkedin .message .message-media .video-as-link,
.social-preview.linkedin_company .message .message-media .link,
.social-preview.linkedin_company .message .message-media .video-as-link {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e6e6e6;
}
.social-preview.linkedin .message .message-media .link .link-image img,
.social-preview.linkedin .message .message-media .video-as-link .link-image img,
.social-preview.linkedin_company .message .message-media .link .link-image img,
.social-preview.linkedin_company .message .message-media .video-as-link .link-image img {
  border-radius: 2px 2px 0 0;
}
.social-preview.linkedin .message .message-media .link .link-image .photo-blank, .social-preview.linkedin .message .message-media .link .link-image .image-container.multi-0,
.social-preview.linkedin .message .message-media .video-as-link .link-image .photo-blank,
.social-preview.linkedin .message .message-media .video-as-link .link-image .image-container.multi-0,
.social-preview.linkedin_company .message .message-media .link .link-image .photo-blank,
.social-preview.linkedin_company .message .message-media .link .link-image .image-container.multi-0,
.social-preview.linkedin_company .message .message-media .video-as-link .link-image .photo-blank,
.social-preview.linkedin_company .message .message-media .video-as-link .link-image .image-container.multi-0 {
  min-height: 230px;
}
.social-preview.linkedin .message .message-media .link .link-description,
.social-preview.linkedin .message .message-media .video-as-link .link-description,
.social-preview.linkedin_company .message .message-media .link .link-description,
.social-preview.linkedin_company .message .message-media .video-as-link .link-description {
  color: #000000;
  padding: 10px 12px;
  border: none;
}
.social-preview.linkedin .message .message-media .link .link-description .link-title,
.social-preview.linkedin .message .message-media .video-as-link .link-description .link-title,
.social-preview.linkedin_company .message .message-media .link .link-description .link-title,
.social-preview.linkedin_company .message .message-media .video-as-link .link-description .link-title {
  width: 100%;
  line-height: 22px;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 0;
}
.social-preview.linkedin .message .message-media .link .link-description .link-subtext,
.social-preview.linkedin .message .message-media .video-as-link .link-description .link-subtext,
.social-preview.linkedin_company .message .message-media .link .link-description .link-subtext,
.social-preview.linkedin_company .message .message-media .video-as-link .link-description .link-subtext {
  display: none;
}
.social-preview.linkedin .message .message-media .link .link-description .link-url,
.social-preview.linkedin .message .message-media .video-as-link .link-description .link-url,
.social-preview.linkedin_company .message .message-media .link .link-description .link-url,
.social-preview.linkedin_company .message .message-media .video-as-link .link-description .link-url {
  width: 100%;
  margin-bottom: 0;
  color: #b3b3b3;
  margin-top: 0;
  font-size: 13px;
  line-height: 16px;
}
.social-preview.linkedin .message .message-media .link .link-description .link-title,
.social-preview.linkedin .message .message-media .link .link-description .link-subtext,
.social-preview.linkedin .message .message-media .link .link-description .link-url,
.social-preview.linkedin .message .message-media .video-as-link .link-description .link-title,
.social-preview.linkedin .message .message-media .video-as-link .link-description .link-subtext,
.social-preview.linkedin .message .message-media .video-as-link .link-description .link-url,
.social-preview.linkedin_company .message .message-media .link .link-description .link-title,
.social-preview.linkedin_company .message .message-media .link .link-description .link-subtext,
.social-preview.linkedin_company .message .message-media .link .link-description .link-url,
.social-preview.linkedin_company .message .message-media .video-as-link .link-description .link-title,
.social-preview.linkedin_company .message .message-media .video-as-link .link-description .link-subtext,
.social-preview.linkedin_company .message .message-media .video-as-link .link-description .link-url {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.social-preview.linkedin .message .message-media .link.inline,
.social-preview.linkedin .message .message-media .video-as-link.inline,
.social-preview.linkedin_company .message .message-media .link.inline,
.social-preview.linkedin_company .message .message-media .video-as-link.inline {
  flex-direction: row;
}
.social-preview.linkedin .message .message-media .link.inline .link-image,
.social-preview.linkedin .message .message-media .video-as-link.inline .link-image,
.social-preview.linkedin_company .message .message-media .link.inline .link-image,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .link-image {
  display: flex;
  justify-content: center;
  align-items: center;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: 150px;
  height: 80px;
  margin: 8px;
  flex-shrink: 0;
}
.social-preview.linkedin .message .message-media .link.inline .link-description,
.social-preview.linkedin .message .message-media .video-as-link.inline .link-description,
.social-preview.linkedin_company .message .message-media .link.inline .link-description,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .link-description {
  width: 100%;
}
.social-preview.linkedin .message .message-media .link.inline .link-description .link-title,
.social-preview.linkedin .message .message-media .link.inline .link-description .link-subtext,
.social-preview.linkedin .message .message-media .link.inline .link-description .link-url,
.social-preview.linkedin .message .message-media .video-as-link.inline .link-description .link-title,
.social-preview.linkedin .message .message-media .video-as-link.inline .link-description .link-subtext,
.social-preview.linkedin .message .message-media .video-as-link.inline .link-description .link-url,
.social-preview.linkedin_company .message .message-media .link.inline .link-description .link-title,
.social-preview.linkedin_company .message .message-media .link.inline .link-description .link-subtext,
.social-preview.linkedin_company .message .message-media .link.inline .link-description .link-url,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .link-description .link-title,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .link-description .link-subtext,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .link-description .link-url {
  white-space: normal;
  overflow: auto;
  text-overflow: clip;
}
.social-preview.linkedin .message .message-media .link.inline .photo-blank, .social-preview.linkedin .message .message-media .link.inline .image-container.multi-0,
.social-preview.linkedin .message .message-media .link.inline .video-blank,
.social-preview.linkedin .message .message-media .video-as-link.inline .photo-blank,
.social-preview.linkedin .message .message-media .video-as-link.inline .image-container.multi-0,
.social-preview.linkedin .message .message-media .video-as-link.inline .video-blank,
.social-preview.linkedin_company .message .message-media .link.inline .photo-blank,
.social-preview.linkedin_company .message .message-media .link.inline .image-container.multi-0,
.social-preview.linkedin_company .message .message-media .link.inline .video-blank,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .photo-blank,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .image-container.multi-0,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .video-blank {
  min-height: 150px;
}
.social-preview.linkedin .message .message-media .link.inline .photo-blank p, .social-preview.linkedin .message .message-media .link.inline .image-container.multi-0 p,
.social-preview.linkedin .message .message-media .link.inline .video-blank p,
.social-preview.linkedin .message .message-media .video-as-link.inline .photo-blank p,
.social-preview.linkedin .message .message-media .video-as-link.inline .image-container.multi-0 p,
.social-preview.linkedin .message .message-media .video-as-link.inline .video-blank p,
.social-preview.linkedin_company .message .message-media .link.inline .photo-blank p,
.social-preview.linkedin_company .message .message-media .link.inline .image-container.multi-0 p,
.social-preview.linkedin_company .message .message-media .link.inline .video-blank p,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .photo-blank p,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .image-container.multi-0 p,
.social-preview.linkedin_company .message .message-media .video-as-link.inline .video-blank p {
  width: 80%;
  margin-bottom: 0;
  padding: 3px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #999999;
}
.social-preview.linkedin .message .message-media .link.no-image .link-image,
.social-preview.linkedin .message .message-media .video-as-link.no-image .link-image,
.social-preview.linkedin_company .message .message-media .link.no-image .link-image,
.social-preview.linkedin_company .message .message-media .video-as-link.no-image .link-image {
  display: none;
}
.social-preview.linkedin .message .message-media .link.no-image .link-description,
.social-preview.linkedin .message .message-media .video-as-link.no-image .link-description,
.social-preview.linkedin_company .message .message-media .link.no-image .link-description,
.social-preview.linkedin_company .message .message-media .video-as-link.no-image .link-description {
  max-width: 100%;
}
.social-preview.linkedin .message .message-media .link.is-loading .link-image,
.social-preview.linkedin .message .message-media .video-as-link.is-loading .link-image,
.social-preview.linkedin_company .message .message-media .link.is-loading .link-image,
.social-preview.linkedin_company .message .message-media .video-as-link.is-loading .link-image {
  height: 250px;
  width: 100%;
  display: block;
  animation: loading-link 5s ease 0s infinite normal none running;
}
@keyframes loading-link {
  0% {
    background-color: #f7f7f7;
  }
  50% {
    background-color: #f7f7f7;
  }
  100% {
    background-color: #f7f7f7;
  }
}
.social-preview.linkedin .message .message-media .link.is-loading .link-description .link-placeholder-text,
.social-preview.linkedin .message .message-media .video-as-link.is-loading .link-description .link-placeholder-text,
.social-preview.linkedin_company .message .message-media .link.is-loading .link-description .link-placeholder-text,
.social-preview.linkedin_company .message .message-media .video-as-link.is-loading .link-description .link-placeholder-text {
  animation: loading-link 5s ease 0s infinite;
}
.social-preview.linkedin .message .message-engagements,
.social-preview.linkedin_company .message .message-engagements {
  display: flex;
  padding: 10px 0;
  margin: 10px 12px 0;
  border-top: 1px solid rgba(179, 179, 179, 0.5);
}
.social-preview.linkedin .message .message-engagements .message-like,
.social-preview.linkedin .message .message-engagements .message-comment,
.social-preview.linkedin .message .message-engagements .message-share,
.social-preview.linkedin_company .message .message-engagements .message-like,
.social-preview.linkedin_company .message .message-engagements .message-comment,
.social-preview.linkedin_company .message .message-engagements .message-share {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}
.social-preview.linkedin .message .message-engagements .message-like:before,
.social-preview.linkedin .message .message-engagements .message-comment:before,
.social-preview.linkedin .message .message-engagements .message-share:before,
.social-preview.linkedin_company .message .message-engagements .message-like:before,
.social-preview.linkedin_company .message .message-engagements .message-comment:before,
.social-preview.linkedin_company .message .message-engagements .message-share:before {
  margin-right: 6px;
}
.social-preview.linkedin .message .message-engagements .message-like:after,
.social-preview.linkedin .message .message-engagements .message-comment:after,
.social-preview.linkedin .message .message-engagements .message-share:after,
.social-preview.linkedin_company .message .message-engagements .message-like:after,
.social-preview.linkedin_company .message .message-engagements .message-comment:after,
.social-preview.linkedin_company .message .message-engagements .message-share:after {
  margin-right: 20px;
  font-weight: bold;
}
.social-preview.linkedin .message .message-engagements .message-like,
.social-preview.linkedin_company .message .message-engagements .message-like {
  order: 1;
}
.social-preview.linkedin .message .message-engagements .message-like:before,
.social-preview.linkedin_company .message .message-engagements .message-like:before {
  content: "\e91e";
}
.social-preview.linkedin .message .message-engagements .message-like:after,
.social-preview.linkedin_company .message .message-engagements .message-like:after {
  content: "Like";
}
.social-preview.linkedin .message .message-engagements .message-comment,
.social-preview.linkedin_company .message .message-engagements .message-comment {
  order: 2;
}
.social-preview.linkedin .message .message-engagements .message-comment:before,
.social-preview.linkedin_company .message .message-engagements .message-comment:before {
  content: "\e91d";
}
.social-preview.linkedin .message .message-engagements .message-comment:after,
.social-preview.linkedin_company .message .message-engagements .message-comment:after {
  content: "Comment";
}
.social-preview.linkedin .message .message-engagements .message-share,
.social-preview.linkedin_company .message .message-engagements .message-share {
  order: 3;
}
.social-preview.linkedin .message .message-engagements .message-share:before,
.social-preview.linkedin_company .message .message-engagements .message-share:before {
  content: "\e91f";
}
.social-preview.linkedin .message .message-engagements .message-share:after,
.social-preview.linkedin_company .message .message-engagements .message-share:after {
  content: "Share";
}

.linkedin-hashtag, .message-associated-list .message.linkedin .message-text span.hashtag, .message-associated-list .message.linkedin_company .message-text span.hashtag,
.social-preview.linkedin .message .message-preview-text .status-update span.hashtag,
.social-preview.linkedin .message .message-preview-text .status-update span.hashtag a {
  color: #0073a5;
}

.linkedin-tag, .message-associated-list .message.linkedin .message-text span.tag, .message-associated-list .message.linkedin_company .message-text span.tag,
.social-preview.linkedin .message .message-preview-text .status-update span.tag,
.social-preview.linkedin .message .message-preview-text .status-update span.tag a {
  color: #0073a5;
}

.linkedin-link, .message-associated-list .message.linkedin .message-text span.link, .message-associated-list .message.linkedin_company .message-text span.link,
.social-preview.linkedin .message .message-preview-text .status-update span.link,
.social-preview.linkedin .message .message-preview-text .status-update span.link a {
  color: #0073a5;
}

.linkedin_company-hashtag,
.social-preview.linkedin_company .message .message-preview-text .status-update span.hashtag,
.social-preview.linkedin_company .message .message-preview-text .status-update span.hashtag a {
  color: #0073a5;
}

.linkedin_company-tag,
.social-preview.linkedin_company .message .message-preview-text .status-update span.tag,
.social-preview.linkedin_company .message .message-preview-text .status-update span.tag a {
  color: #0073a5;
}

.linkedin_company-link,
.social-preview.linkedin_company .message .message-preview-text .status-update span.link,
.social-preview.linkedin_company .message .message-preview-text .status-update span.link a {
  color: #0073a5;
}

.social-preview.pinterest .message {
  border: none;
  padding: 16px 32px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  border-radius: 6px;
  max-width: 350px;
}
.social-preview.pinterest .message span.send-time {
  display: none;
  order: 4;
}
.social-preview.pinterest .message .profile-header {
  order: 2;
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}
.social-preview.pinterest .message .profile-header img.profile-image {
  border-radius: 40px;
}
.social-preview.pinterest .message .profile-header .profile-text {
  flex-wrap: wrap;
}
.social-preview.pinterest .message .profile-header .profile-text span.profile-name {
  color: #444;
  margin-right: 5px;
}
.social-preview.pinterest .message .profile-header .profile-text span.profile-subname {
  color: #444;
  font-weight: bold;
}
.social-preview.pinterest .message .profile-header .profile-text span.profile-subname:before {
  font-weight: normal;
  content: "saved to ";
}
.social-preview.pinterest .message .message-preview-text {
  order: 3;
  padding-left: 48px;
  margin-top: -15px;
}
.social-preview.pinterest .message .message-preview-text .status-update {
  color: #1d2129;
}
.social-preview.pinterest .message .message-preview-text .status-update span.hashtag,
.social-preview.pinterest .message .message-preview-text .status-update span.tag,
.social-preview.pinterest .message .message-preview-text .status-update span.link {
  font-weight: bold;
}
.social-preview.pinterest .message .message-media {
  order: 1;
  padding-bottom: 10px;
}
.social-preview.pinterest .message .message-media .image-container .image:nth-child(1n+2) {
  display: none;
}
.social-preview.pinterest .message .message-media .video-as-link {
  background-color: #ffffff;
}
.social-preview.pinterest .message .message-media .link,
.social-preview.pinterest .message .message-media .video-as-link {
  display: flex;
  flex-direction: column;
}
.social-preview.pinterest .message .message-media .link .link-image .photo-blank, .social-preview.pinterest .message .message-media .link .link-image .image-container.multi-0,
.social-preview.pinterest .message .message-media .video-as-link .link-image .photo-blank,
.social-preview.pinterest .message .message-media .video-as-link .link-image .image-container.multi-0 {
  min-height: 230px;
}
.social-preview.pinterest .message .message-media .link .link-description,
.social-preview.pinterest .message .message-media .video-as-link .link-description {
  color: #000000;
  border: none;
  padding: 0;
}
.social-preview.pinterest .message .message-media .link .link-description .link-title,
.social-preview.pinterest .message .message-media .link .link-description .link-subtext,
.social-preview.pinterest .message .message-media .link .link-description .link-url,
.social-preview.pinterest .message .message-media .video-as-link .link-description .link-title,
.social-preview.pinterest .message .message-media .video-as-link .link-description .link-subtext,
.social-preview.pinterest .message .message-media .video-as-link .link-description .link-url {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.social-preview.pinterest .message .message-media .link .link-description .link-title,
.social-preview.pinterest .message .message-media .video-as-link .link-description .link-title {
  display: none;
}
.social-preview.pinterest .message .message-media .link .link-description .link-subtext,
.social-preview.pinterest .message .message-media .video-as-link .link-description .link-subtext {
  display: none;
}
.social-preview.pinterest .message .message-media .link .link-description .link-url,
.social-preview.pinterest .message .message-media .video-as-link .link-description .link-url {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 0;
  color: #444;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
.social-preview.pinterest .message .message-media .link .link-description .link-url:before,
.social-preview.pinterest .message .message-media .video-as-link .link-description .link-url:before {
  content: "Saved from ";
  display: block;
  font-weight: normal;
}
.social-preview.pinterest .message .message-media .link.inline,
.social-preview.pinterest .message .message-media .video-as-link.inline {
  display: flex;
  flex-direction: column;
}
.social-preview.pinterest .message .message-media .link.inline .link-image,
.social-preview.pinterest .message .message-media .video-as-link.inline .link-image {
  height: auto;
  width: auto;
  flex-shrink: 0;
}
.social-preview.pinterest .message .message-media .link.inline .link-image .photo-blank, .social-preview.pinterest .message .message-media .link.inline .link-image .image-container.multi-0,
.social-preview.pinterest .message .message-media .link.inline .link-image .video-blank,
.social-preview.pinterest .message .message-media .video-as-link.inline .link-image .photo-blank,
.social-preview.pinterest .message .message-media .video-as-link.inline .link-image .image-container.multi-0,
.social-preview.pinterest .message .message-media .video-as-link.inline .link-image .video-blank {
  min-height: 230px;
}
.social-preview.pinterest .message .message-media .link.inline .link-image .photo-blank p, .social-preview.pinterest .message .message-media .link.inline .link-image .image-container.multi-0 p,
.social-preview.pinterest .message .message-media .link.inline .link-image .video-blank p,
.social-preview.pinterest .message .message-media .video-as-link.inline .link-image .photo-blank p,
.social-preview.pinterest .message .message-media .video-as-link.inline .link-image .image-container.multi-0 p,
.social-preview.pinterest .message .message-media .video-as-link.inline .link-image .video-blank p {
  width: 80%;
  margin-bottom: 0;
  padding: 3px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #999999;
}
.social-preview.pinterest .message .message-media .link.no-image .link-image,
.social-preview.pinterest .message .message-media .video-as-link.no-image .link-image {
  display: none;
}
.social-preview.pinterest .message .message-media .link.no-image .link-description,
.social-preview.pinterest .message .message-media .video-as-link.no-image .link-description {
  max-width: 100%;
}
.social-preview.pinterest .message .message-engagements {
  display: none;
}

.pinterest-hashtag, .message-associated-list .message.pinterest .message-text span.hashtag,
.social-preview.pinterest .message .message-preview-text .status-update span.hashtag,
.social-preview.pinterest .message .message-preview-text .status-update span.hashtag a {
  color: "#444";
}

.pinterest-tag, .message-associated-list .message.pinterest .message-text span.tag,
.social-preview.pinterest .message .message-preview-text .status-update span.tag,
.social-preview.pinterest .message .message-preview-text .status-update span.tag a {
  color: "#444";
}

.pinterest-link, .message-associated-list .message.pinterest .message-text span.link,
.social-preview.pinterest .message .message-preview-text .status-update span.link,
.social-preview.pinterest .message .message-preview-text .status-update span.link a {
  color: "#444";
}

.social-preview.tumblr {
  background-color: #2c4862;
}
.social-preview.tumblr .message {
  max-width: 500px;
  border-radius: 3px;
  padding: 0;
}
.social-preview.tumblr .message span.send-time {
  display: none;
}
.social-preview.tumblr .message .profile-header {
  margin-bottom: 0;
  order: 1;
}
.social-preview.tumblr .message .profile-header img.profile-image {
  height: 59px;
  width: 59px;
  border-radius: 3px;
  left: -68px;
  position: absolute;
  transition: all 0.4s ease;
}
@media (max-width: 800px), (min-width: 901px) and (max-width: 1015px) {
  .social-preview.tumblr .message .profile-header img.profile-image {
    height: 30px;
    width: 30px;
    position: relative;
    left: auto;
    margin-top: 10px;
    margin-left: 20px;
  }
}
.social-preview.tumblr .message .profile-header .profile-text {
  padding: 15px 20px;
}
@media only screen and (max-width: 800px) {
  .social-preview.tumblr .message .profile-header .profile-text {
    padding: 15px 20px 15px 0px;
  }
}
.social-preview.tumblr .message .profile-header .profile-text span.profile-name {
  color: #444;
  transition: all 0.4s ease;
}
.social-preview.tumblr .message .message-preview-text {
  order: 3;
  padding: 15px 20px;
}
.social-preview.tumblr .message .message-preview-text .status-update {
  color: #1d2129;
}
.social-preview.tumblr .message .message-preview-text .status-update div.hashtag {
  color: #a7a7a7;
  margin-top: 10px;
}
.social-preview.tumblr .message .message-media {
  order: 2;
}
.social-preview.tumblr .message .message-media .image-container {
  display: flex;
  max-height: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.social-preview.tumblr .message .message-media .image-container .image {
  margin-bottom: 4px;
}
.social-preview.tumblr .message .message-media .image-container .image:nth-child(1n+2) {
  display: none !important;
}
.social-preview.tumblr .message .message-media .image-container.multi-1.p {
  max-height: 715px;
}
.social-preview.tumblr .message .message-media .video .video-as-link {
  display: none;
}
.social-preview.tumblr .message .message-media .link {
  display: flex;
  flex-direction: column;
  position: relative;
}
.social-preview.tumblr .message .message-media .link .link-image .photo-blank, .social-preview.tumblr .message .message-media .link .link-image .image-container.multi-0 {
  min-height: 230px;
}
.social-preview.tumblr .message .message-media .link .link-description {
  color: #000000;
  padding: 10px 12px;
  border: none;
  background-color: rgba(247, 247, 247, 0.5);
  display: flex;
  flex-direction: column;
  z-index: 3;
}
.social-preview.tumblr .message .message-media .link .link-description .link-title {
  width: 100%;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 5px;
  font-weight: bold;
  order: 2;
}
.social-preview.tumblr .message .message-media .link .link-description .link-title:after {
  font-family: "CoS";
  content: ">";
}
.social-preview.tumblr .message .message-media .link .link-description .link-subtext {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0;
  order: 3;
}
.social-preview.tumblr .message .message-media .link .link-description .link-url {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 12px;
  order: 1;
  position: absolute;
  top: 5px;
  color: white;
  font-weight: bold;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}
.social-preview.tumblr .message .message-media .link.inline {
  flex-direction: row;
}
.social-preview.tumblr .message .message-media .link.inline .link-image {
  display: none;
  height: 150px;
  width: 150px;
  flex-shrink: 0;
}
.social-preview.tumblr .message .message-media .link.inline .link-description {
  max-width: calc(100% - 160px);
}
.social-preview.tumblr .message .message-media .link.inline .link-description .link-url {
  position: relative;
  top: auto;
  text-shadow: none;
  color: #666666;
  margin-bottom: 10px;
}
.social-preview.tumblr .message .message-media .link.inline .link-description .link-title {
  margin-bottom: 14px;
}
.social-preview.tumblr .message .message-media .link.inline .link-description .photo-blank, .social-preview.tumblr .message .message-media .link.inline .link-description .image-container.multi-0,
.social-preview.tumblr .message .message-media .link.inline .link-description .video-blank {
  min-height: 150px;
}
.social-preview.tumblr .message .message-media .link.inline .link-description .photo-blank p, .social-preview.tumblr .message .message-media .link.inline .link-description .image-container.multi-0 p,
.social-preview.tumblr .message .message-media .link.inline .link-description .video-blank p {
  width: 80%;
  margin-bottom: 0;
  padding: 3px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #999999;
}
.social-preview.tumblr .message .message-media .link.no-image .link-image {
  display: none;
}
.social-preview.tumblr .message .message-media .link.no-image .link-description {
  max-width: 100%;
}
.social-preview.tumblr .message .message-media .link.no-image .link-description .link-url {
  position: relative;
  top: 0px;
  margin-bottom: 5px;
  color: #999999;
  text-shadow: none;
}
.social-preview.tumblr .message .message-media .link.is-loading .link-image {
  height: 250px;
  width: 100%;
  display: block;
  animation: loading-link 5s ease 0s infinite normal none running;
}
@keyframes loading-link {
  0% {
    background-color: #f7f7f7;
  }
  50% {
    background-color: #f7f7f7;
  }
  100% {
    background-color: #f7f7f7;
  }
}
.social-preview.tumblr .message .message-media .link.is-loading .link-description .link-placeholder-text {
  animation: loading-link 5s ease 0s infinite;
}
.social-preview.tumblr .message .message-engagements {
  order: 4;
  display: flex;
  padding: 0px 20px 10px;
  justify-content: flex-end;
}
.social-preview.tumblr .message .message-engagements .message-like,
.social-preview.tumblr .message .message-engagements .message-comment,
.social-preview.tumblr .message .message-engagements .message-share {
  font-size: 18px;
  line-height: 20px;
}
.social-preview.tumblr .message .message-engagements .message-like:before,
.social-preview.tumblr .message .message-engagements .message-comment:before,
.social-preview.tumblr .message .message-engagements .message-share:before {
  font-family: "CoS";
  color: #b2b2b2;
  margin-left: 14px;
}
.social-preview.tumblr .message .message-engagements .message-like {
  order: 3;
}
.social-preview.tumblr .message .message-engagements .message-like:before {
  content: "\e93b";
}
.social-preview.tumblr .message .message-engagements .message-comment {
  order: 2;
}
.social-preview.tumblr .message .message-engagements .message-comment:before {
  content: "\e93c";
}
.social-preview.tumblr .message .message-engagements .message-share {
  order: 1;
}
.social-preview.tumblr .message .message-engagements .message-share:before {
  content: "\e93d";
}

.tumblr-hashtag, .message-associated-list .message.tumblr .message-text div.hashtag,
.social-preview.tumblr .message .message-preview-text .status-update span.hashtag,
.social-preview.tumblr .message .message-preview-text .status-update span.hashtag a {
  color: #a7a7a7;
}

.tumblr-tag, .message-associated-list .message.tumblr .message-text span.tag,
.social-preview.tumblr .message .message-preview-text .status-update span.tag,
.social-preview.tumblr .message .message-preview-text .status-update span.tag a {
  color: "#444";
}

.tumblr-link, .message-associated-list .message.tumblr .message-text span.link,
.social-preview.tumblr .message .message-preview-text .status-update span.link,
.social-preview.tumblr .message .message-preview-text .status-update span.link a {
  color: "#444";
}

.social-preview.twitter .twitter-info .twitter-counter.warning {
  color: #d17760;
}
.social-preview.twitter .twitter-info .twitter-counter.error {
  color: #c00;
}
.social-preview.twitter .twitter-info .label.tweet-shortened {
  float: left;
  margin-left: 7px;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: editor-fadeInUp;
}
.social-preview.twitter .twitter-info .label.tweet-shortened:hover {
  cursor: pointer;
}
.social-preview.twitter .twitter-info .twitter-count-popover {
  visibility: hidden;
  opacity: 0;
  display: block;
  top: 42px;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.social-preview.twitter .twitter-info .twitter-count-popover.show-popover {
  visibility: visible;
  opacity: 1;
  top: 35px;
  transition: all 0.5s ease;
}
.social-preview.twitter .message {
  max-width: 475px;
  border: none;
  border-radius: 3px;
  padding: 30px 40px;
}
@media (max-width: 800px) {
  .social-preview.twitter .message {
    margin: 10px 10px 20px 10px;
  }
}
.social-preview.twitter .message span.send-time {
  order: 4;
  color: #657786;
}
.social-preview.twitter .message .profile-header {
  order: 1;
}
.social-preview.twitter .message .profile-header img.profile-image {
  border-radius: 50px;
}
.social-preview.twitter .message .profile-header .profile-text span.profile-name {
  color: #14171a;
}
.social-preview.twitter .message .profile-header .profile-text span.send-time {
  color: #657786;
  margin-left: 6px;
  font-size: 14px;
}
.social-preview.twitter .message .profile-header .profile-text span.send-time:before {
  font-size: 10px;
  content: "•";
  margin-right: 6px;
}
.social-preview.twitter .message .message-preview-text {
  order: 2;
}
.social-preview.twitter .message .message-preview-text .status-update {
  color: #14171a;
  font-size: 18px;
}
@media (max-width: 800px) {
  .social-preview.twitter .message .message-preview-text .status-update {
    font-size: 14px;
  }
}
.social-preview.twitter .message .message-preview-text .status-update span.hashtag,
.social-preview.twitter .message .message-preview-text .status-update span.tag,
.social-preview.twitter .message .message-preview-text .status-update span.link {
  color: #2ca9e1;
}
.social-preview.twitter .message .message-media {
  order: 3;
}
.social-preview.twitter .message .message-media.image-message.multi-1.p, .social-preview.twitter .message .message-media.image-message.multi-1.s, .social-preview.twitter .message .message-media.image-message.multi-2, .social-preview.twitter .message .message-media.image-message.multi-3, .social-preview.twitter .message .message-media.image-message.multi-4, .social-preview.twitter .message .message-media.image-message.multi-5, .social-preview.twitter .message .message-media.image-message.multi-6, .social-preview.twitter .message .message-media.image-message.multi-7, .social-preview.twitter .message .message-media.image-message.multi-8, .social-preview.twitter .message .message-media.image-message.multi-9, .social-preview.twitter .message .message-media.image-message.multi-10, .social-preview.twitter .message .message-media.image-message.multi-many {
  padding-top: 100%;
  position: relative;
}
.social-preview.twitter .message .message-media.image-message.multi-1.p .image-container, .social-preview.twitter .message .message-media.image-message.multi-1.s .image-container, .social-preview.twitter .message .message-media.image-message.multi-2 .image-container, .social-preview.twitter .message .message-media.image-message.multi-3 .image-container, .social-preview.twitter .message .message-media.image-message.multi-4 .image-container, .social-preview.twitter .message .message-media.image-message.multi-5 .image-container, .social-preview.twitter .message .message-media.image-message.multi-6 .image-container, .social-preview.twitter .message .message-media.image-message.multi-7 .image-container, .social-preview.twitter .message .message-media.image-message.multi-8 .image-container, .social-preview.twitter .message .message-media.image-message.multi-9 .image-container, .social-preview.twitter .message .message-media.image-message.multi-10 .image-container, .social-preview.twitter .message .message-media.image-message.multi-many .image-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.social-preview.twitter .message .message-media.image-message .image-container {
  border-radius: 5px;
}
.social-preview.twitter .message .message-media.image-message.multi-1.p {
  padding-top: 0;
}
.social-preview.twitter .message .message-media.image-message.multi-1.p .image-container {
  position: relative;
}
.social-preview.twitter .message .message-media.image-message.multi-1.p .image-container.layout_1_1 {
  max-height: 100%;
}
.social-preview.twitter .message .message-media.image-message.multi-1.p .image-container.layout_1_1.p .image img {
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.social-preview.twitter .message .message-media.image-message.multi-1.s {
  padding-top: 0;
}
.social-preview.twitter .message .message-media.image-message.multi-1.s .image-container {
  position: relative;
}
.social-preview.twitter .message .message-media.image-message.multi-1.s .image-container.layout_1_1 {
  max-height: 100%;
}
.social-preview.twitter .message .message-media.image-message.multi-1.s .image-container.layout_1_1.s .image img {
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.social-preview.twitter .message .message-media.image-message.multi-2 {
  padding-top: 50%;
}
.social-preview.twitter .message .message-media.image-message.multi-2 .image-container .image {
  height: 100%;
  width: calc(50% - 0.5px);
}
.social-preview.twitter .message .message-media.image-message.multi-3 {
  padding-top: 66%;
}
.social-preview.twitter .message .message-media.image-message.multi-3 .image-container .image:nth-child(1) {
  width: 66.6666%;
  height: 100%;
}
.social-preview.twitter .message .message-media.image-message.multi-3 .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-3 .image-container .image:nth-child(3) {
  width: calc(33.3334% - 1px);
  height: calc(50% - 0.5px);
  position: absolute;
  top: 0;
  right: 0;
}
.social-preview.twitter .message .message-media.image-message.multi-3 .image-container .image:nth-child(3) {
  top: auto;
  bottom: 0;
}
.social-preview.twitter .message .message-media.image-message.multi-4, .social-preview.twitter .message .message-media.image-message.multi-5, .social-preview.twitter .message .message-media.image-message.multi-6, .social-preview.twitter .message .message-media.image-message.multi-7, .social-preview.twitter .message .message-media.image-message.multi-8, .social-preview.twitter .message .message-media.image-message.multi-9, .social-preview.twitter .message .message-media.image-message.multi-10, .social-preview.twitter .message .message-media.image-message.multi-many {
  padding-top: 75%;
}
.social-preview.twitter .message .message-media.image-message.multi-4 .image-container .image:nth-child(1), .social-preview.twitter .message .message-media.image-message.multi-5 .image-container .image:nth-child(1), .social-preview.twitter .message .message-media.image-message.multi-6 .image-container .image:nth-child(1), .social-preview.twitter .message .message-media.image-message.multi-7 .image-container .image:nth-child(1), .social-preview.twitter .message .message-media.image-message.multi-8 .image-container .image:nth-child(1), .social-preview.twitter .message .message-media.image-message.multi-9 .image-container .image:nth-child(1), .social-preview.twitter .message .message-media.image-message.multi-10 .image-container .image:nth-child(1), .social-preview.twitter .message .message-media.image-message.multi-many .image-container .image:nth-child(1) {
  width: calc(75% - 0.5px);
  height: 100%;
}
.social-preview.twitter .message .message-media.image-message.multi-4 .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-4 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-4 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-5 .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-5 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-5 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-6 .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-6 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-6 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-7 .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-7 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-7 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-8 .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-8 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-8 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-9 .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-9 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-9 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-10 .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-10 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-10 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-many .image-container .image:nth-child(2), .social-preview.twitter .message .message-media.image-message.multi-many .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-many .image-container .image:nth-child(4) {
  width: calc(25% - 0.5px);
  height: calc(33.3333% - 0.5px);
  position: absolute;
  top: 0;
  right: 0;
}
.social-preview.twitter .message .message-media.image-message.multi-4 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-5 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-6 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-7 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-8 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-9 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-10 .image-container .image:nth-child(3), .social-preview.twitter .message .message-media.image-message.multi-many .image-container .image:nth-child(3) {
  height: calc(33.3333% - 1px);
  top: calc(33.3333% + 0.5px);
}
.social-preview.twitter .message .message-media.image-message.multi-4 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-5 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-6 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-7 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-8 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-9 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-10 .image-container .image:nth-child(4), .social-preview.twitter .message .message-media.image-message.multi-many .image-container .image:nth-child(4) {
  top: auto;
  bottom: 0;
}
.social-preview.twitter .message .message-media.image-message .image-container .image:nth-child(1n+5) {
  display: none !important;
}
.social-preview.twitter .message .message-media .video .video-as-link {
  display: none;
}
.social-preview.twitter .message .message-media .link,
.social-preview.twitter .message .message-media .video-as-link {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(225, 232, 237, 0.5);
  border-radius: 6px;
}
.social-preview.twitter .message .message-media .link .link-image,
.social-preview.twitter .message .message-media .video-as-link .link-image {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(225, 232, 237, 0.5);
  background-color: rgba(225, 232, 237, 0.5);
  max-height: 204px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-preview.twitter .message .message-media .link .link-image img,
.social-preview.twitter .message .message-media .video-as-link .link-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-preview.twitter .message .message-media .link .link-image .photo-blank, .social-preview.twitter .message .message-media .link .link-image .image-container.multi-0,
.social-preview.twitter .message .message-media .video-as-link .link-image .photo-blank,
.social-preview.twitter .message .message-media .video-as-link .link-image .image-container.multi-0 {
  min-height: 230px;
}
.social-preview.twitter .message .message-media .link .link-description,
.social-preview.twitter .message .message-media .video-as-link .link-description {
  color: #000000;
  padding: 10.5px 14px;
}
.social-preview.twitter .message .message-media .link .link-description .link-title,
.social-preview.twitter .message .message-media .video-as-link .link-description .link-title {
  width: auto;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 2px;
  font-weight: 700;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.social-preview.twitter .message .message-media .link .link-description .link-subtext,
.social-preview.twitter .message .message-media .video-as-link .link-description .link-subtext {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  margin-top: 4.5px;
  max-height: 38px;
  overflow: hidden;
}
.social-preview.twitter .message .message-media .link .link-description .link-url,
.social-preview.twitter .message .message-media .video-as-link .link-description .link-url {
  width: 100%;
  margin-top: 4.5px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  color: #8899a6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.social-preview.twitter .message .message-media .link.inline,
.social-preview.twitter .message .message-media .video-as-link.inline {
  flex-direction: row;
}
.social-preview.twitter .message .message-media .link.inline .link-image,
.social-preview.twitter .message .message-media .video-as-link.inline .link-image {
  height: 100%;
  width: 125px;
  flex-shrink: 0;
  border-radius: 5px 0 0 5px;
  border-bottom: none;
  border-right: 1px solid rgba(225, 232, 237, 0.5);
  height: 125px;
}
.social-preview.twitter .message .message-media .link.inline .link-image img,
.social-preview.twitter .message .message-media .video-as-link.inline .link-image img {
  min-height: 125px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-preview.twitter .message .message-media .link.inline .link-description,
.social-preview.twitter .message .message-media .video-as-link.inline .link-description {
  border: none;
  position: relative;
  max-height: 119px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 170px);
}
.social-preview.twitter .message .message-media .link.inline .link-description .link-subtext,
.social-preview.twitter .message .message-media .video-as-link.inline .link-description .link-subtext {
  overflow: hidden;
  flex-grow: 0;
  max-height: 55px;
}
.social-preview.twitter .message .message-media .link.no-image .link-image,
.social-preview.twitter .message .message-media .video-as-link.no-image .link-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 125px;
  margin-top: auto;
  margin-bottom: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-preview.twitter .message .message-media .link.no-image .link-image:before,
.social-preview.twitter .message .message-media .video-as-link.no-image .link-image:before {
  padding: 100px;
  font-family: "CoS";
  content: "\e94c";
  font-size: 35px;
  line-height: 35px;
  color: #8899a6;
}
.social-preview.twitter .message .message-media .link.no-image .link-image img,
.social-preview.twitter .message .message-media .video-as-link.no-image .link-image img {
  display: none;
}
.social-preview.twitter .message .message-media .link.no-image .link-description,
.social-preview.twitter .message .message-media .video-as-link.no-image .link-description {
  max-width: 100%;
}
.social-preview.twitter .message .message-media .link.is-loading .link-image,
.social-preview.twitter .message .message-media .video-as-link.is-loading .link-image {
  height: 230px;
  width: 100%;
  display: block;
  animation: loading-link 5s ease 0s infinite normal none running;
}
@keyframes loading-link {
  0% {
    background-color: #f7f7f7;
  }
  50% {
    background-color: #f7f7f7;
  }
  100% {
    background-color: #f7f7f7;
  }
}
.social-preview.twitter .message .message-media .link.is-loading .link-description .link-placeholder-text,
.social-preview.twitter .message .message-media .video-as-link.is-loading .link-description .link-placeholder-text {
  animation: loading-link 5s ease 0s infinite;
}
.social-preview.twitter .message .message-media .video-as-link .link-image {
  position: relative;
}
.social-preview.twitter .message .message-media .video-as-link .link-image:after {
  font-family: "CoS";
  content: "\ed7e";
  font-size: 61px;
  line-height: 61px;
  text-align: center;
  overflow: visible;
  color: #ffffff;
  background-color: #2ca9e1;
  border-radius: 100px;
  height: 61px;
  width: 61px;
  opacity: 0.9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.social-preview.twitter .message .message-engagements {
  display: flex;
  padding-top: 10px;
  order: 5;
}
.social-preview.twitter .message .message-engagements .message-like,
.social-preview.twitter .message .message-engagements .message-comment,
.social-preview.twitter .message .message-engagements .message-share {
  font-size: 16px;
  color: #aab8c2;
  width: 80px;
}
.social-preview.twitter .message .message-engagements .message-like {
  order: 3;
}
.social-preview.twitter .message .message-engagements .message-like:before {
  content: "\e923";
}
.social-preview.twitter .message .message-engagements .message-comment {
  order: 1;
}
.social-preview.twitter .message .message-engagements .message-comment:before {
  content: "\e924";
}
.social-preview.twitter .message .message-engagements .message-share {
  order: 2;
}
.social-preview.twitter .message .message-engagements .message-share:before {
  content: "\e925";
}

.twitter-hashtag, .message-associated-list .message.twitter .message-text span.hashtag,
.social-preview.twitter .message .message-preview-text .status-update span.hashtag,
.social-preview.twitter .message .message-preview-text .status-update span.hashtag a {
  color: #2ca9e1;
}

.twitter-tag, .message-associated-list .message.twitter .message-text span.tag,
.social-preview.twitter .message .message-preview-text .status-update span.tag,
.social-preview.twitter .message .message-preview-text .status-update span.tag a {
  color: #2ca9e1;
}

.twitter-link, .message-associated-list .message.twitter .message-text span.link,
.social-preview.twitter .message .message-preview-text .status-update span.link,
.social-preview.twitter .message .message-preview-text .status-update span.link a {
  color: #2ca9e1;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #FFF;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

cos-basic-dropdown {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

.cos-basic-dropdown-content {
  border-radius: 6px;
  box-shadow: 0 2px 25px -3px rgba(0, 0, 0, 0.4);
  min-width: 200px;
  max-width: 250px;
  overflow: hidden;
  z-index: 10000;
}
.cos-basic-dropdown-content-group {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 0;
}
.cos-basic-dropdown-content-group a, .cos-basic-dropdown-content-group a:hover {
  text-decoration: none;
}
.cos-basic-dropdown-content-option {
  padding: 0 12px;
  height: 30px;
  display: flex;
  align-items: center;
  color: #666666;
}
.cos-basic-dropdown-content-option .option-link {
  width: 100%;
}
.cos-basic-dropdown-content-option:hover {
  color: #444444;
  cursor: pointer;
  background-color: #f2f2f2;
}
.cos-basic-dropdown-content-option-image, .cos-basic-dropdown-content-option-label {
  height: 25px;
  width: 25px;
  min-width: 25px;
  border-radius: 50%;
  margin-right: 7px;
}
.cos-basic-dropdown-content-option-image.no-label, .cos-basic-dropdown-content-option-label.no-label {
  border: 1px solid #b3b3b3;
  background-color: #ffffff;
}
.cos-basic-dropdown-content-option-icon {
  font-size: 12px;
  line-height: 15px;
  margin-right: 5px;
}
.cos-basic-dropdown-content-option-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cos-basic-dropdown-content-option-selected-icon {
  display: inline-block;
  margin-left: auto;
  color: #d17760;
}
.cos-basic-dropdown-content-option-dash-icon {
  display: inline-block;
  margin-left: auto;
  color: #999999;
}
.cos-basic-dropdown-content-header, .cos-basic-dropdown-content-footer {
  display: flex;
  align-items: center;
  height: 44px;
  color: #c6c6c6;
  padding: 0 12px;
}
.cos-basic-dropdown-content-header {
  text-transform: uppercase;
  border-bottom: 1px solid #f2f2f2;
  font-weight: 500;
}
.cos-basic-dropdown-content-footer {
  border-top: 1px solid #f2f2f2;
}
.cos-basic-dropdown-content-search {
  display: flex;
  width: 100%;
  position: relative;
}
.cos-basic-dropdown-content-search input {
  border: none;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  padding: 3px 8px 3px 40px;
  margin: 0;
  height: 30px;
  font-size: 13px;
  outline: none;
  box-sizing: initial;
}
.cos-basic-dropdown-content-search .icon-search {
  display: flex;
  align-items: center;
  position: absolute;
  line-height: 34px;
  left: 14px;
  color: #c6c6c6;
  transition: all 0.2s ease;
}
.cos-basic-dropdown-content-search:focus-within .icon-search {
  color: #666666;
}

.calendar-event .modal,
.calendar-note .modal {
  position: absolute;
}
.calendar-event .modal-body,
.calendar-note .modal-body {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto;
  grid-row-gap: 20px;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  position: initial;
  overflow: initial;
  max-height: initial;
}
.calendar-event .event-section,
.calendar-event .note-section,
.calendar-note .event-section,
.calendar-note .note-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5px;
}
.calendar-event .event-section p,
.calendar-event .note-section p,
.calendar-note .event-section p,
.calendar-note .note-section p {
  margin: 0;
}
.calendar-event .event-section input.event-input,
.calendar-event .note-section input.event-input,
.calendar-note .event-section input.event-input,
.calendar-note .note-section input.event-input {
  height: 35px;
  border-radius: 4px;
}
.calendar-event .event-section textarea,
.calendar-event .note-section textarea,
.calendar-note .event-section textarea,
.calendar-note .note-section textarea {
  resize: vertical;
  max-height: 200px;
  border-radius: 4px;
}
.calendar-event .event-section label.checkbox,
.calendar-event .note-section label.checkbox,
.calendar-note .event-section label.checkbox,
.calendar-note .note-section label.checkbox {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  padding-left: 25px;
  width: -moz-fit-content;
  width: fit-content;
}
.calendar-event .event-section.recurring-section .remove-repeat,
.calendar-event .note-section.recurring-section .remove-repeat,
.calendar-note .event-section.recurring-section .remove-repeat,
.calendar-note .note-section.recurring-section .remove-repeat {
  align-self: flex-end;
}
.calendar-event .modal-footer,
.calendar-note .modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.calendar-event .modal-footer .header-option,
.calendar-note .modal-footer .header-option {
  padding: 2px;
}
.calendar-event .modal-footer .header-option .header-option-button,
.calendar-note .modal-footer .header-option .header-option-button {
  padding: 0;
}
.calendar-event .modal-footer .header-option .header-option-button .header-option-button-label,
.calendar-note .modal-footer .header-option .header-option-button .header-option-button-label {
  height: 30px;
  width: 30px;
  min-width: 30px;
  padding: 0px;
}
.calendar-event .modal-footer .header-option .header-option-button .header-option-button-text,
.calendar-note .modal-footer .header-option .header-option-button .header-option-button-text {
  display: none;
}
.calendar-event .date-input-button,
.calendar-note .date-input-button {
  display: flex;
  background-color: #f7f7f7;
  border: none;
  padding: 7px 10px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  color: #666666;
  position: relative;
  margin-bottom: 5px;
}
.calendar-event .date-input-button:after,
.calendar-note .date-input-button:after {
  font-family: "CoS";
  content: "\25a6";
  display: block;
  position: absolute;
  right: 5px;
  color: #999999;
}
.calendar-event .date-input-button:hover,
.calendar-note .date-input-button:hover {
  background-color: #f7f7f7;
  color: #666666;
}
.calendar-event .date-input-button.time:after,
.calendar-note .date-input-button.time:after {
  font-family: "CoS";
  content: "\25f4";
}
.calendar-event .start-date-picker,
.calendar-event .end-date-picker,
.calendar-note .start-date-picker,
.calendar-note .end-date-picker {
  position: relative;
}

.repeat-event-picker {
  width: 520px;
  max-width: initial;
}

.application-container.sidebar-open .modal-scroll,
.application-container.sidebar-open .modal-backdrop, .application-container.sidebar-open ~ .modal-backdrop, .application-container.sidebar-open ~ #cos-ui-modal-wormhole .modal-backdrop,
.application-container.sidebar-open .marketing-campaign-wrapper {
  right: 300px;
  transition: right 0.5s ease;
}
.application-container.sidebar-open .media-viewer,
.application-container.sidebar-open .preview-modal-container,
.application-container.sidebar-open .file-library-overlay:not(.full-screen) {
  width: calc(100vw - 300px);
  transition: width 0.5s ease;
}
.application-container.sidebar-open .modal:not(.modal-support-center, .upsell-modal), .application-container.sidebar-open ~ #cos-ui-modal-wormhole .modal {
  left: calc(50% - 150px);
  transition: left 0.5s ease;
}
.application-container.sidebar-open .promo-modal {
  width: calc(100% - 285px);
}
.application-container.sidebar-open .modal-scroll .modal {
  left: 50%;
  transition: left 0.5s ease;
}
.application-container.sidebar-open .create-new-overlay,
.application-container.sidebar-open .social-composer-modal,
.application-container.sidebar-open .upsell-modal,
.application-container.sidebar-open .promo-banner {
  right: 300px;
  width: calc(100% - 300px);
  transition: right 0.5s ease, width 0.5s ease;
}
.application-container.sidebar-open .user-sidebar.popup {
  right: 350px;
  transition: right 0.5s ease;
}
.application-container.sidebar-open .content-wrapper {
  right: 313px;
  transition: right 0.5s ease;
}
.application-container.sidebar-open ~ #chat-widget-container {
  right: 310px !important;
}
.application-container.sidebar-open .onboarding-achievement-center.achievement-widget,
.application-container.sidebar-open .priority-notification {
  right: 315px;
  transition: right 0.5s ease;
}
.application-container.sidebar-open .settings-top-bar .priority-notification {
  right: 10px;
}
.application-container.sidebar-open .fs-takeover-wrapper .fs-takeover-footer {
  right: 300px;
}

.product-announcement-modal,
.product-announcement-hello-bar {
  display: flex;
  z-index: 9999999;
}
.product-announcement-modal,
.product-announcement-modal *,
.product-announcement-hello-bar,
.product-announcement-hello-bar * {
  box-sizing: border-box;
}
.product-announcement-modal .actions .confirm-button.button,
.product-announcement-hello-bar .actions .confirm-button.button {
  background-color: #f67b62;
}
.product-announcement-modal .actions .confirm-button.button:hover, .product-announcement-modal .actions .confirm-button.button:focus,
.product-announcement-hello-bar .actions .confirm-button.button:hover,
.product-announcement-hello-bar .actions .confirm-button.button:focus {
  background-color: #e97760;
}
.product-announcement-modal .actions .confirm-button.button:active,
.product-announcement-hello-bar .actions .confirm-button.button:active {
  background-color: #e97760 !important;
}
.product-announcement-modal .actions .learn-button,
.product-announcement-hello-bar .actions .learn-button {
  margin-left: 10px;
}
.product-announcement-modal button.dismiss,
.product-announcement-modal button.close-modal,
.product-announcement-hello-bar button.dismiss,
.product-announcement-hello-bar button.close-modal {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0;
  height: 34px;
  width: 34px;
}
.product-announcement-modal .icon-tiktok,
.product-announcement-hello-bar .icon-tiktok {
  background-color: transparent;
}

.product-announcement-modal {
  width: auto;
  border-radius: 20px;
  overflow: hidden;
  min-height: 350px;
}
@media only screen and (max-width: 1000px) {
  .product-announcement-modal {
    flex-direction: column-reverse;
  }
}
.product-announcement-modal button.close-modal {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #000000;
  background-color: #fff;
  opacity: 0.8;
}
.product-announcement-modal .hero-container {
  width: 450px;
}
.product-announcement-modal .hero-container.icon-contain {
  width: 350px;
}
@media only screen and (max-width: 1000px) {
  .product-announcement-modal .hero-container.icon-contain {
    width: auto;
  }
}
.product-announcement-modal .hero-container .hero-icon-contain {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4d9d1;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .product-announcement-modal .hero-container .hero-icon-contain {
    padding: 15px 0;
  }
}
.product-announcement-modal .hero-container .hero-icon-contain .hero-icon {
  font-size: 120px;
  color: #ffffff;
}
.product-announcement-modal .hero-container .hero-horizontal {
  height: auto;
  width: 100%;
}
.product-announcement-modal .hero-container .hero-vertical {
  display: none;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1000px) {
  .product-announcement-modal .hero-container:not(.has-vertical) .hero-horizontal {
    display: none;
  }
  .product-announcement-modal .hero-container:not(.has-vertical) .hero-vertical {
    display: block;
  }
}
.product-announcement-modal .announcement-body {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 40px 40px 30px;
  width: 400px;
  display: flex;
  flex-direction: column;
}
.product-announcement-modal .announcement-body.no-image {
  width: 550px;
}
.product-announcement-modal .announcement-body .hero-icon {
  display: block;
  font-size: 60px;
  margin-bottom: 10px;
}
.product-announcement-modal .announcement-body h3 {
  line-height: 32px;
  margin: 20px 0;
}
.product-announcement-modal .announcement-body .small-title {
  color: #f67b62;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.product-announcement-modal .announcement-body p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 22px;
}
.product-announcement-modal .announcement-body p.small {
  font-size: 13px;
}
.product-announcement-modal .announcement-body .actions {
  margin-top: auto;
}
.product-announcement-modal + .modal-backdrop {
  z-index: 6001;
}

.product-announcement-hello-bar {
  z-index: 9999999;
  height: 50px;
  position: fixed;
  color: #ffffff;
  background-color: #000000;
  bottom: 12px;
  left: 10px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 50px;
  align-items: center;
  padding: 2.5px 7.5px 2.5px 15px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.product-announcement-hello-bar .hero-image {
  margin: -5px 15px 0 -20px;
  height: 70px;
  width: 70px;
}
.product-announcement-hello-bar .hero-icon {
  font-size: 30px;
  margin-right: 10px;
}
.product-announcement-hello-bar .actions {
  margin-left: 20px;
  margin-right: 20px;
}
.product-announcement-hello-bar button.dismiss {
  margin-left: auto;
}

.form-control.input {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  background-color: #f7f7f7;
  border: none;
  padding: 10px 40px 10px 13px;
  border-radius: 4px;
  margin: 0;
  cursor: pointer;
  width: 100%;
  max-width: 250px;
  height: 35px;
  box-sizing: border-box;
}
.form-control.input:focus, .form-control.input:active {
  outline: none;
}
.form-control.input::-moz-placeholder {
  color: #4d4d4d;
}
.form-control.input::placeholder {
  color: #4d4d4d;
}
.form-control.input.date-picker {
  background: #f7f7f7 url("../@coschedule/coschedule-flatpickr/assets/img/calendar-3c04807cb4b9166622859d8aa9ac7236.svg") no-repeat right 10px bottom 50%;
  background-size: 17px;
  cursor: default;
}
.form-control.input.time-picker {
  background: #f7f7f7 url("../@coschedule/coschedule-flatpickr/assets/img/clock-8a178f1a60553d6151119d9302dbeafd.svg") no-repeat right 10px bottom 50%;
  background-size: 17px;
}
.form-control.input.date-time-picker {
  background: #f7f7f7 url("../@coschedule/coschedule-flatpickr/assets/img/calendar-3c04807cb4b9166622859d8aa9ac7236.svg") no-repeat right 10px bottom 50%;
  background-size: 17px;
}

.flatpickr-wrapper {
  position: initial;
  display: initial;
}

.flatpickr-calendar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);
  border: none;
  color: #4d4d4d;
  width: initial;
  min-width: 250px;
  max-width: 300px;
}
.flatpickr-calendar.static {
  top: initial;
}
.flatpickr-calendar .flatpickr-innerContainer {
  padding-bottom: 3px;
}
.flatpickr-calendar .flatpickr-months {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  color: #4d4d4d;
  height: initial;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month {
  position: relative;
  width: initial;
  left: initial;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 30px 15px;
  height: 50px;
  background-color: #f7f7f7;
  border-radius: 6px 6px 0 0;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper {
  font-size: 18px;
  line-height: 22px;
  border-radius: 6px;
  padding: 6px 10px 7px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .flatpickr-monthDropdown-month {
  margin: 0 auto;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover {
  background-color: #e6e6e6;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper {
  padding: 6px 10px 7px 22px;
  width: 80px;
  box-sizing: border-box;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .numInput {
  border-radius: 4px 0 0 4px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper span {
  left: 0;
  right: initial;
  border-right: 1px solid #f7f7f7;
  border-left: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .cur-year {
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowUp,
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowDown {
  background-color: #e6e6e6;
  border-radius: 6px 0 0 0;
  border-left: 1px solid #ffffff;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowUp:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowDown:hover {
  background-color: #cccccc;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowUp::after,
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowDown::after {
  top: 35%;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowDown {
  border-radius: 0 0 0 6px;
  border-top: 1px solid #ffffff;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper .arrowDown::after {
  top: 40%;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b3b3b3;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 15px 10px;
  box-sizing: border-box;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  display: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:after,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:after {
  font-family: "CoS";
  content: "<";
  margin: 2px 2px 0 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
  color: #808080;
  background-color: #e6e6e6;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:after {
  font-family: "CoS";
  content: ">";
  margin: 2px 0 0 2px;
}
.flatpickr-calendar .flatpickr-weekday {
  font-family: "MuseoSans-700", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: initial;
  text-transform: uppercase;
  font-size: 11px;
}
.flatpickr-calendar .flatpickr-days {
  width: 100%;
}
.flatpickr-calendar .flatpickr-days .dayContainer {
  width: auto;
  min-width: initial;
  max-width: initial;
}
.flatpickr-calendar .flatpickr-day {
  border-radius: 50px;
}
.flatpickr-calendar .flatpickr-day.inRange {
  border-radius: inherit;
  box-shadow: -5px 0 0 #f4d9d1, 5px 0 0 #f4d9d1;
  background: #f4d9d1;
  border-color: #f4d9d1;
}
.flatpickr-calendar .flatpickr-day.selected {
  background-color: #d17760;
  border-color: transparent;
}
.flatpickr-calendar .flatpickr-day.selected:hover {
  background-color: #d17760;
}
.flatpickr-calendar .flatpickr-day.today {
  border-color: #e6e6e6;
}
.flatpickr-calendar .flatpickr-day.today.selected {
  border-color: #d17760;
}
.flatpickr-calendar .flatpickr-day.today.selected:hover {
  background-color: #f4d9d1;
  border-color: transparent;
}
.flatpickr-calendar .flatpickr-day.today:hover {
  color: #4d4d4d;
  background-color: #e6e6e6;
}
.flatpickr-calendar .flatpickr-day.nextMonthDay {
  color: #808080;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: #cccccc;
}
.flatpickr-calendar .flatpickr-day:hover {
  background-color: #f4d9d1;
  border-color: transparent;
}
.flatpickr-calendar .flatpickr-day.startRange {
  box-shadow: 10px 0 0 #d17760 !important;
  background: #d17760;
  border-color: #d17760;
}
.flatpickr-calendar .flatpickr-day.endRange {
  box-shadow: 10px 0 0 #d17760 !important;
  background: #d17760;
  border-color: #d17760;
}
.flatpickr-calendar .numInputWrapper span {
  width: 18px;
}
.flatpickr-calendar .numInputWrapper .arrowUp,
.flatpickr-calendar .numInputWrapper .arrowDown {
  font-size: 13px;
  border: none;
}
.flatpickr-calendar .numInputWrapper .arrowUp:after,
.flatpickr-calendar .numInputWrapper .arrowDown:after {
  font-family: "CoS";
  content: "\e914";
  border: none;
}
.flatpickr-calendar .numInputWrapper .arrowDown:after {
  content: "\e913";
}
.flatpickr-calendar .flatpickr-time {
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-height: 100px;
  padding: 5px;
  width: 180px;
  margin: 0 auto;
}
.flatpickr-calendar .flatpickr-time .flatpickr-time-separator {
  height: initial;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper {
  margin: 0 3px;
  height: 60px;
  border-radius: 4px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper .numInput {
  color: #4d4d4d;
  border: none;
  margin-bottom: 0;
  line-height: initial;
  height: inherit;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span {
  background-color: #f7f7f7;
  border-radius: 0;
  padding: 0 20px;
  height: 20px;
  right: 9px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown {
  top: initial;
  bottom: 0;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown::after {
  left: 50%;
  margin-left: -7px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp {
  top: 2px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp::after {
  left: 50%;
  margin-left: -7px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper:hover .numInput {
  background-color: #f7f7f7;
}
.flatpickr-calendar .flatpickr-time input {
  font-size: 16px;
  font-family: "MuseoSans-500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 4px;
}
.flatpickr-calendar .flatpickr-time input:focus {
  background-color: transparent;
}
.flatpickr-calendar .flatpickr-time input.flatpickr-hour {
  font-weight: initial;
}
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  padding: 0 5px;
  border-radius: 4px;
  height: 40px;
}
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
  background-color: #f7f7f7;
}
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:active {
  background-color: transparent;
}
.flatpickr-calendar.hasTime .flatpickr-innerContainer {
  border-bottom: 1px solid #e6e6e6;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 70px;
  border-top: none;
}
.flatpickr-calendar.inline {
  box-shadow: none;
  border-radius: 0;
  top: 0;
}
.flatpickr-calendar.inline .flatpickr-months .flatpickr-month .flatpickr-current-month {
  border-radius: 0;
}

.gr__tooltip {
  position: absolute !important;
}

.ghq-extension-tab-hidden,
.ghq-draggable-tab-right {
  display: none;
}