/*
 * This file is for default styles for raw html elements
 * You almost certainly need to include foundation.scss if you aren't already including main.scss
 */
body,
input,
textarea,
select,
button,
.normal {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  font-size: 13px;
  color: #3d464d;
  font-weight: normal;
}

body {
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

a, a * {
  cursor: pointer;
  outline: none;
}

a {
  color: #2895F1;
  text-decoration: none;
}

a:focus {
  text-decoration: underline;
}

a img {
  border: 0;
}

p, h1, h2, h3, h4, h5 {
  margin: 0 0 1em 0;
  line-height: 1.6em;
}

h1 {
  font-size: 18pt;
  font-weight: normal;
  margin: 10px 0;
}

h2 {
  padding-top: 3px;
  padding-bottom: 10px;
  margin-bottom: 4px;
  font-size: 10pt;
}

h3 {
  padding: 0;
  margin: 0;
  font-size: 10pt;
}

h4 {
  margin: 0 0 0.5em 0;
  font-weight: bold;
  font-size: 14px;
}

h5 {
  margin: 0 0 0.5em 0;
  font-weight: bold;
  font-size: 12px;
}

input[type=password] {
  font-family: arial, sans-serif;
}

button {
  border: 0;
  width: auto;
  overflow: visible;
  border-style: solid;
  outline: 0;
}

form {
  padding: 0;
  margin: 0;
}

label {
  cursor: default;
}

noscript {
  font-size: 13px;
  font-weight: normal;
}

.carousel * {
  font-family: "Gotham", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
}

.carousel a {
  color: #0bacff;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* This doesn't belong here */
.link-img {
  vertical-align: middle;
  background-color: #fff;
  margin: -2px 0 0 0;
  padding-right: 4px;
  background-repeat: no-repeat;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
#account-header {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  float: right;
  font-size: 13px;
}

#account-header.show-account-photo {
  /* Nav link photo */
  /* Dropdown menu photo */
}

#account-header.show-account-photo .header-nav-link {
  line-height: 24px;
}

#account-header.show-account-photo .header-nav-link .avatar-component {
  float: left;
  margin-right: 10px;
}

#account-header.show-account-photo .sub-nav,
#account-header.show-account-photo .account-dropdown {
  /* if the .title div has a click listener, make it look clickable */
  /* 'Add profile photo' link for users who haven't set an account photo */
}

#account-header.show-account-photo .sub-nav .clickable,
#account-header.show-account-photo .account-dropdown .clickable {
  cursor: pointer;
}

#account-header.show-account-photo .sub-nav .avatar-container,
#account-header.show-account-photo .account-dropdown .avatar-container {
  float: left;
  height: 36px;
  width: 32px;
}

#account-header.show-account-photo .sub-nav .avatar-container .avatar-component,
#account-header.show-account-photo .account-dropdown .avatar-container .avatar-component {
  margin-top: 4px;
}

#account-header.show-account-photo .sub-nav .name-container,
#account-header.show-account-photo .account-dropdown .name-container {
  box-sizing: border-box;
  width: 100%;
  padding-left: 40px;
  line-height: 35px;
}

#account-header.show-account-photo .sub-nav .name-container .name,
#account-header.show-account-photo .account-dropdown .name-container .name {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  word-wrap: break-word;
  width: 100%;
}

#account-header.show-account-photo .sub-nav #add-account-photo-link,
#account-header.show-account-photo .account-dropdown #add-account-photo-link {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding-left: 40px;
  font-size: 12px;
  /* Hide this link when a photo has been set */
}

#account-header.show-account-photo .sub-nav #add-account-photo-link.has-photo,
#account-header.show-account-photo .account-dropdown #add-account-photo-link.has-photo {
  display: none;
}

#account-header p {
  font-size: 13px;
}

#account-header .nav {
  margin-top: 0;
  list-style: none;
}

#account-header .nav li:hover .account_dropdown {
  display: block;
}

#account-header .nav li {
  float: left;
  list-style: none;
  position: relative;
  z-index: 100;
  margin-left: 10px;
}

#account-header .nav li.top-level-nav-item {
  padding-left: 20px;
}

#account-header .nav li.top-level-nav-item--align-baseline {
  margin-top: 3px;
}

#account-header .nav li .header-nav-link {
  float: left;
  margin: 0;
  padding: 0;
}

#account-header .nav li .header-nav-link img.link-img {
  opacity: .25;
  vertical-align: middle;
  background-color: #fff;
  margin: -1px 0 0 5px;
  padding-right: 0px;
  background-repeat: no-repeat;
}

#account-header .nav li .header-nav-link--space {
  padding-top: 3px;
}

#account-header .nav li .header-nav-link--bold {
  padding-left: 3px;
  font-weight: 700;
}

.tabbing #account-header .sprite-button:focus {
  margin: -2px;
  padding: 2px;
}

#header-account-menu .bubble-dropdown {
  padding: 20px;
  left: auto !important;
  right: 0px;
  min-width: 165px;
  max-width: 195px;
}

#account-header {
  /* Stormcrow: pro_web_dropdown_upgrade */
  /* End Stormcrow: pro_web_dropdown_upgrade */
}

#account-header .bubble-dropdown-target:hover {
  text-decoration: underline;
}

#account-header li.active .sub-nav {
  display: block;
}

#account-header .sub-nav {
  display: none;
  position: absolute;
  right: 2px;
  top: 100%;
  margin-top: 12px;
  z-index: 1;
  padding-bottom: 12px;
}

#account-header .sub-nav .title,
#account-header .bubble-dropdown .title {
  width: 100%;
  font-size: 14px;
  color: #000;
  margin: -7px 0 10px;
}

#account-header .sub-nav ul,
#account-header .bubble-dropdown ul {
  margin: 0;
  padding: 0;
}

#account-header .sub-nav ul a:hover,
#account-header .bubble-dropdown ul a:hover {
  text-decoration: none;
}

#account-header .sub-nav ul .role-title,
#account-header .bubble-dropdown ul .role-title {
  vertical-align: top;
}

#account-header .sub-nav ul .subheader-gray-text,
#account-header .bubble-dropdown ul .subheader-gray-text {
  color: #aaa;
  font-size: 12px;
  margin-top: 2px;
}

#account-header .sub-nav ul .email,
#account-header .bubble-dropdown ul .email {
  margin-bottom: 6px;
}

#account-header .sub-nav ul li,
#account-header .bubble-dropdown ul li {
  margin: 0 -20px;
  display: block;
  float: none;
}

#account-header .sub-nav ul li.user-list-item,
#account-header .bubble-dropdown ul li.user-list-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 0;
  padding: 6px 20px;
}

#account-header .sub-nav ul li.user-list-item a,
#account-header .bubble-dropdown ul li.user-list-item a {
  padding: 0px;
}

#account-header .sub-nav ul li.user-list-item a:hover,
#account-header .bubble-dropdown ul li.user-list-item a:hover {
  background: #fff;
}

#account-header .sub-nav ul li.user-list-item .button-as-link,
#account-header .bubble-dropdown ul li.user-list-item .button-as-link {
  font-size: 12px;
}

#account-header .sub-nav ul li.divider,
#account-header .bubble-dropdown ul li.divider {
  border-top: 1px solid #edf1f5;
  margin-top: 10px;
  padding-top: 10px;
}

#account-header .sub-nav ul li .sign-in-user-list,
#account-header .bubble-dropdown ul li .sign-in-user-list {
  float: right;
  position: relative;
  top: -40px;
  right: 10px;
  box-shadow: -10px 0px 15px 5px #FFFFFF;
}

#account-header .sub-nav ul li a,
#account-header .bubble-dropdown ul li a {
  padding: 5px 20px;
}

#account-header .sub-nav ul li a.standalone,
#account-header .bubble-dropdown ul li a.standalone {
  display: block;
  zoom: 1;
  min-width: 165px;
}

#account-header .sub-nav ul li a.standalone img,
#account-header .bubble-dropdown ul li a.standalone img {
  margin-right: 10px;
  margin-bottom: -3px;
}

#account-header .sub-nav ul li a:hover,
#account-header .bubble-dropdown ul li a:hover {
  background-color: #e3f2ff;
  cursor: pointer;
  text-decoration: none;
}

#account-header .sub-nav ul .quota_graph_container,
#account-header .bubble-dropdown ul .quota_graph_container {
  margin: 16px 0 12px 0;
  border-top: 1px solid #ddd;
  background: #eee;
  height: 5px;
  width: 165px;
}

#account-header .sub-nav ul .quota_graph_container .quota_graph_bar,
#account-header .bubble-dropdown ul .quota_graph_container .quota_graph_bar {
  margin-top: -1px;
  background: #69b5f2;
  border: 1px solid #5d9fd5;
  height: 4px;
}

#account-header .sub-nav ul .quota_graph_container .quota_graph_bar.over,
#account-header .bubble-dropdown ul .quota_graph_container .quota_graph_bar.over {
  border-color: #c00;
  background: #e00;
}

#account-header .account-dropdown ul li.exp-dropdown-upsell a {
  background-color: #fffdec;
}

#account-header .account-dropdown ul li.exp-dropdown-upsell a:hover {
  background-color: #fffdec;
}

#account-header .account-dropdown ul li.exp-dropdown-upsell-v2 a {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  font-weight: 700;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
#page-footer .bubble-dropdown, #page-full-footer .bubble-dropdown {
  padding: 9px 0;
  bottom: 35px;
  min-width: 80px;
}

#page-footer .bubble-dropdown .bubble-menu-item, #page-full-footer .bubble-dropdown .bubble-menu-item {
  padding: 6px 15px;
  margin: 0;
  min-width: 80px;
  font-size: 13px;
}

#page-full-footer {
  clear: both;
  padding: 0;
}

#page-full-footer .sub-nav {
  right: -35px;
}

#page-full-footer #footer-top-margin {
  height: 6em;
}

#page-full-footer #footer-border {
  width: 100%;
  height: 0;
  margin-bottom: 2em;
  border-top: 1px solid #d0d4d9;
}

#page-full-footer .footer-col {
  float: left;
  max-width: 200px;
  margin: 15px 45px 20px 15px;
}

#page-full-footer .footer-col ul {
  margin: 0;
  padding: 0;
}

#page-full-footer .footer-col ul li {
  list-style: none;
  font-size: 11px;
  margin: 5px 0;
  padding: 0;
}

#page-full-footer .footer-col ul li.header {
  font-weight: 600;
}

#page-full-footer .footer-col ul li a, #page-full-footer .footer-col ul li.header {
  font-size: 13px;
  color: #767676;
}

#page-footer {
  position: fixed;
  bottom: 10px;
  padding: 0 6px;
  text-align: left;
  display: inline-block;
  background: #fff;
  border-radius: 3px;
}

#page-footer .sub-nav {
  text-align: left;
  right: -15px;
}

#page-footer ul, #page-footer li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#page-footer ul a {
  display: inline-block;
  margin: 0 5px 5px 0;
  font-size: 12px;
}

#page-footer .footer-link {
  margin-right: 10px;
}

#page-footer .s_web_more {
  position: relative;
  top: 6px;
}

#outer-frame {
  width: 990px;
  margin: 0 auto;
}

#page-header {
  background: #fff;
  box-sizing: border-box;
  height: 90px;
  padding: 16px 0px;
  width: 100%;
}

#page-header #inner-page-header {
  margin: auto;
  width: 990px;
}

#page-header.minimal-header {
  height: 50px;
}

#page-header.blue-top-border {
  border-top: 10px solid #007ee5;
}

#page-header.page-header-border {
  height: 73px;
  border-bottom: 1px solid #d0d4d9;
  padding: 19px 0;
  margin: 0 auto 50px;
  width: 990px;
}

#page-header.page-header-border #account-header {
  margin-top: 8px;
}

#page-header.fixed-full-width-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 59px;
  padding: 12px 20px;
}

#page-header.fixed-full-width-header #inner-page-header {
  width: auto;
}

#page-header .home-icon-container #home-icon {
  display: inline-block;
  vertical-align: middle;
}

#page-header .home-icon-container #home-icon .custom-team-logo {
  max-width: 140px;
  max-height: 30px;
}

#page-header .home-icon-container .home-icon-title {
  color: #75828d;
  font-size: 16px;
  margin-left: 10px;
}

.fixed-header #page-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

@media (max-width: 1005px) {
  .fixed-header #page-header {
    position: absolute;
  }
}

.page-header-text {
  font-size: 18px;
  font-weight: normal;
}

.page-header-text .inline-header {
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
}

.page-header-text .role-select {
  margin-left: 5px;
  vertical-align: bottom;
}

#header-border-div {
  width: 100%;
  height: 0;
  margin: 19px 0 0 0;
  border-top: 1px solid #eaf2f8;
  border-bottom: 1px solid #fafbfc;
}

#page-logo-header {
  margin-bottom: 30px;
}

#page-logo-header.noborder {
  margin-bottom: 24px;
}

#page-logo-header #back-to-home {
  float: right;
  margin-top: 30px;
}

#page-logo-header #back-to-home img {
  margin-top: -4px;
}

.earthrise body {
  background: #fff url(/static/images/earthrisechopped-vflv6G6su.jpg) no-repeat fixed center bottom;
}

#page-sidebar {
  position: fixed;
  width: 180px;
  z-index: 6;
}

.fixed-header #page-sidebar {
  top: 50px;
}

@media (max-width: 1005px) {
  .fixed-header #page-sidebar {
    position: absolute;
  }
}

.has_sidebar #page-content {
  padding-left: 190px;
}

#page-content {
  padding-bottom: 2em;
  min-height: 425px;
}

.fixed-header .clear-page-header {
  margin-top: 50px;
}

#page-prefooter {
  clear: both;
}

.fixed-header .top-notification-bar #page-header {
  top: 51px;
}

.fixed-header .top-notification-bar #page-sidebar {
  top: 101px;
}

.fixed-header .top-notification-bar #page-content {
  top: 51px;
  position: relative;
}

.fixed-header .has-top-dashboard #page-header {
  top: 270px;
}

.fixed-header .has-top-dashboard #page-sidebar {
  top: 320px;
}

.fixed-header .has-top-dashboard #page-content {
  top: 270px;
  position: relative;
}

.fixed-header .has-top-onboarding-progress-bar #page-header {
  top: 230px;
}

.fixed-header .has-top-onboarding-progress-bar #page-sidebar {
  top: 280px;
}

.fixed-header .has-top-onboarding-progress-bar #page-content {
  top: 230px;
  position: relative;
}

.fixed-header .has-top-onboarding-progress-bar-collapsed #page-header {
  top: 60px;
}

.fixed-header .has-top-onboarding-progress-bar-collapsed #page-sidebar {
  top: 110px;
}

.fixed-header .has-top-onboarding-progress-bar-collapsed #page-content {
  top: 60px;
  position: relative;
}

.fixed-header .has-top-onboarding-progress-bar.top-notification-bar #page-header {
  top: 281px;
}

.fixed-header .has-top-onboarding-progress-bar.top-notification-bar #page-sidebar {
  top: 331px;
}

.fixed-header .has-top-onboarding-progress-bar.top-notification-bar #page-content {
  top: 281px;
  position: relative;
}

.fixed-header .has-top-onboarding-progress-bar-collapsed.top-notification-bar #page-header {
  top: 111px;
}

.fixed-header .has-top-onboarding-progress-bar-collapsed.top-notification-bar #page-sidebar {
  top: 161px;
}

.fixed-header .has-top-onboarding-progress-bar-collapsed.top-notification-bar #page-content {
  top: 111px;
  position: relative;
}

.fixed-header .has-fastrack-survey-banner #page-header {
  top: 100px;
}

.fixed-header .has-fastrack-survey-banner #page-sidebar {
  top: 150px;
}

.fixed-header .has-fastrack-survey-banner #page-content {
  top: 100px;
  position: relative;
}

.fixed-header .has-prompt-large-banner #page-header {
  top: 175px;
}

.fixed-header .has-prompt-large-banner #page-sidebar {
  top: 225px;
}

.fixed-header .has-prompt-large-banner #page-content {
  top: 175px;
  position: relative;
}

.fixed-header .has-team-progress-bar #page-header {
  top: 85px;
}

.fixed-header .has-team-progress-bar #page-sidebar {
  top: 135px;
}

.fixed-header .has-team-progress-bar #page-content {
  top: 85px;
  position: relative;
}

.main-skip-link {
  display: none;
}

.has_sidebar .main-skip-link {
  display: inline-block;
  line-height: 24px;
}

.has_sidebar .main-skip-link:not(:focus) {
  position: fixed;
  top: -1000px;
}

.main-skip-destination {
  position: fixed;
  top: 0;
}

#main-nav, #main-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main-nav {
  margin-top: 27px;
}

#main-nav .nav-item-link, #main-nav .button-as-link {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 7px 5px 2px;
}

#main-nav .nav-item-link:hover, #main-nav .button-as-link:hover {
  text-decoration: none;
}

#main-nav .nav-item-link.selected, #main-nav .button-as-link.selected {
  font-weight: 600;
  color: #3d464d;
}

#main-nav .nav-item-link:focus *, #main-nav .button-as-link:focus * {
  text-decoration: underline;
}

#main-nav .nav-item-link:focus .freshbubble, #main-nav .nav-item-link:focus .nav-label, #main-nav .button-as-link:focus .freshbubble, #main-nav .button-as-link:focus .nav-label {
  text-decoration: none;
}

#main-nav .nav-icon {
  display: inline-block;
  height: 15px;
}

#main-nav .nav-label {
  display: inline-block;
  padding-left: 6px;
  padding-right: 1px;
  font-size: 11px;
  font-weight: 400;
  color: #47525d;
}

#main-nav .sub-nav .chat-bubble-arrow-border {
  right: 130px;
}

#main-nav .sub-nav .chat-bubble-arrow {
  right: 130px;
}

#main-nav .sub-nav.admin_console_options {
  display: none;
}

/* position the actual panel above the link */
#debug-panel-container {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px;
  width: 200px;
  z-index: 10;
}

#debug-panel-link {
  position: fixed;
  right: 54px;
  bottom: 10px;
  z-index: 1000;
}

#debug-panel h1 {
  font-size: 13px;
  font-weight: bold;
  margin: 0 4px 0 0;
  display: inline;
}

#debug-panel hr {
  border: none;
  height: 1px;
  background-color: #ccc;
  clear: both;
}

#debug-panel .panel-input,
#debug-panel .panel-button {
  margin: 5px 0px;
  width: 100%;
}

#debug-panel label {
  font-size: 12px;
  margin-right: 4px;
}

#debug-panel .button-primary {
  width: 100%;
  margin: 2px;
}

#debug-panel .panel-select {
  width: 140px;
}

#cprofile {
  right: 2px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

#cprofile .ajax {
  display: block;
  font-weight: normal;
}

#gandalf_panel {
  max-height: 500px;
  overflow-y: auto;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
#login-or-register-page-content {
  text-align: center;
}

#login-or-register-page-content .login-or-register-img, #login-or-register-page-content .login-register-container {
  display: inline-block;
  vertical-align: middle;
}

#login-or-register-page-content .login-or-register-img {
  margin-right: 90px;
  margin-top: 80px;
  margin-bottom: 110px;
}

.with-dot-com-nav-bar #login-or-register-page-content {
  padding-top: 126px;
}

.with-dot-com-nav-bar .mast-head {
  line-height: 26px;
}

.auth-google.button-primary {
  margin-top: 0px;
}

#login-and-register-container #login-container {
  display: block;
}

#login-and-register-container #register-container {
  display: none;
}

#login-and-register-container.show-register #login-container {
  display: none;
}

#login-and-register-container.show-register #register-container {
  display: block;
}

#login-container, #register-container {
  width: 100%;
  margin: 0 auto;
  height: 400px;
  /* prevent footer jump between login/register switch */
}

#login-container > form, #register-container > form {
  display: inline-block;
  width: 357px;
}

#login-container .splash, #register-container .splash {
  float: left;
  padding-left: 18px;
  margin-top: 60px;
  width: 464px;
  height: 390px;
  text-align: center;
}

#login-container #login_lhs h1, #register-container #login_lhs h1 {
  font-size: 20px;
  color: #000000;
  text-align: center;
  margin-top: 22px;
}

#login-container #login_lhs h3, #register-container #login_lhs h3 {
  font-size: 15px;
  font-weight: normal;
  color: #666;
  text-align: center;
  margin-top: 6px;
}

#login-container #login_lhs .login_lhs_action, #register-container #login_lhs .login_lhs_action {
  margin-top: 20px;
  text-align: center;
}

#login-container #login_lhs .login_lhs_teams_graphic, #register-container #login_lhs .login_lhs_teams_graphic {
  margin: 40px 0 0 0;
}

#login-container .title-text, #register-container .title-text {
  color: #222;
  font-size: 22px;
  font-weight: 600;
}

#login-container .alternative-option, #register-container .alternative-option {
  float: right;
  margin-top: 4px;
  color: #444;
  font-size: 13px;
}

#login-container #sso-login-description, #register-container #sso-login-description {
  margin: 20px 0;
  font-size: 14px;
}

#login-container #sso_login_submit, #login-container #sso_login_cancel, #register-container #sso_login_submit, #register-container #sso_login_cancel {
  float: right;
}

#login-container #sso_login_cancel, #register-container #sso_login_cancel {
  margin-right: 10px;
}

#login-container > form {
  margin-top: 115px;
  margin-left: 50px;
}

#login-container #forgot-link {
  position: relative;
  top: 15px;
  float: left;
}

#login-partial, #register-partial {
  width: 357px;
}

#login-partial #email-field {
  margin-top: 16px;
  margin-bottom: 12px;
}

#login-partial #login-footer {
  margin-top: 20px;
}

#login-partial #login-footer #remember-me {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  float: left;
}

#login-partial #login-footer #remember-me label {
  cursor: pointer;
}

#login-partial #login-footer #sso_description {
  float: left;
}

#login-partial #login-footer #login_submit, #login-partial #login-footer .cancel-btn {
  float: right;
  margin-top: -6px;
}

#register-container > form {
  margin-top: 80px;
  margin-left: 50px;
}

#register-container > form #register-title {
  margin-bottom: 16px;
}

#register-partial #fname-field {
  margin-bottom: 12px;
}

#register-partial #lname-field {
  margin-bottom: 12px;
}

#register-partial .register-spacer {
  height: 12px;
}

#register-partial #new-email-field,
#register-partial #email-field {
  margin-bottom: 12px;
}

#register-partial #new-email-field #email_check_warning,
#register-partial #email-field #email_check_warning {
  float: right;
}

#register-partial #new-email-field .email_warning_area,
#register-partial #email-field .email_warning_area {
  font-weight: 600;
}

#register-partial #new-password-field,
#register-partial #password-field {
  margin-bottom: 12px;
}

#register-partial .password_strength_icon {
  margin-top: 6px;
}

#register-partial .password_strength_desc {
  font-size: 11px;
}

#register-partial #tos-agree-field {
  position: relative;
  margin: 25px 0 0 -3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  line-height: 36px;
  /* correct for the -3px above */
}

#register-partial #tos-agree-field label {
  cursor: pointer;
}

#register-partial #tos-agree-field .error-plain-text {
  padding-left: 3px;
}

#register-partial #register-submit, #register-partial .cancel-btn {
  margin-top: 8px;
  float: right;
}

.error-plain-text {
  color: #e82110;
  font-size: 12px;
}

#open_in_app_interstitial {
  text-align: center;
}

#open_in_app_interstitial .instruction_text {
  font-size: 135%;
}

#open_in_app_interstitial p {
  margin-bottom: 24px;
}

#open_in_app_interstitial .openinapp-button {
  margin: 0;
}

.login-form-container .checkbox.checkbox-inline {
  max-width: 200px;
}

.login-form-container .checkbox .text-input-error-wrapper span.error-message {
  padding-right: 20px;
}

.login-register-container-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.login-promo-upgrade {
  background-color: #fafbfc;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 30px 0 15px;
  padding: 20px;
  width: 350px;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.token-container,
.tokenized_autocompleter_container {
  display: block;
  position: relative;
  z-index: 1;
}

.token-container ::-webkit-scrollbar,
.tokenized_autocompleter_container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

.token-container ::-webkit-scrollbar-thumb,
.tokenized_autocompleter_container ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.token-container .tokenizer,
.tokenized_autocompleter_container .tokenizer {
  background: #fff;
  min-height: 23px;
  max-height: 300px;
  padding: 0px 0px 3px 3px;
  width: auto;
  font-size: 13px;
  line-height: 1.6em;
  cursor: default;
  border-radius: 3px;
}

.token-container .tokenizer *,
.tokenized_autocompleter_container .tokenizer * {
  cursor: default;
}

.token-container .tokenizer input,
.tokenized_autocompleter_container .tokenizer input {
  width: 50%;
}

.token-container .tokenizer .tokenizer_input,
.token-container .tokenizer .token,
.tokenized_autocompleter_container .tokenizer .tokenizer_input,
.tokenized_autocompleter_container .tokenizer .token {
  float: left;
  margin-right: 3px;
  margin-top: 3px;
}

.token-container .tokenizer .tokenizer_input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input {
  position: relative;
  max-width: 450px;
  overflow: hidden;
  padding: 1px 0px;
}

.token-container .tokenizer .tokenizer_input .new-collab-input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input .new-collab-input {
  width: 20px;
}

.token-container .tokenizer .tokenizer_input input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input input {
  border: 0px solid black;
  outline: 0;
  font-size: 13px;
  padding: 0px 5px;
  margin: 0 0 -1px 0;
  white-space: pre;
  cursor: text;
}

.token-container .tokenizer .tokenizer_input label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  font-size: 13px;
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: text;
  pointer-events: none;
  color: #777;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.token-container .tokenizer .tokenizer_input.focused label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input.focused label {
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.token-container .tokenizer .tokenizer_input.populated label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input.populated label {
  display: none;
}

.token-container .tokenizer .tokenizer_input_borderless,
.tokenized_autocompleter_container .tokenizer .tokenizer_input_borderless {
  left: 4px;
  margin-left: -1px;
  overflow: hidden;
  position: relative;
}

.token-container .tokenizer .tokenizer_input_borderless .new-collab-input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input_borderless .new-collab-input {
  border: 3px solid transparent !important;
  border-left: none;
  display: block;
  margin: -1px 3px 0px -2px;
  padding: 0px !important;
}

.token-container .tokenizer .tab_stop,
.token-container .tokenizer .tokenizer_stretcher,
.tokenized_autocompleter_container .tokenizer .tab_stop,
.tokenized_autocompleter_container .tokenizer .tokenizer_stretcher {
  display: block;
  float: left;
  overflow: hidden;
  width: 0px;
}

.token-container .tokenizer .tab_stop,
.tokenized_autocompleter_container .tokenizer .tab_stop {
  height: 0px;
}

.token-container .tokenizer .tab_stop input,
.tokenized_autocompleter_container .tokenizer .tab_stop input {
  border: 0px solid black;
  display: inline;
  position: relative;
  width: 1px;
  height: 1px;
  overflow: visible;
  left: -1500px;
}

.token-container .tokenizer .tokenizer_stretcher,
.tokenized_autocompleter_container .tokenizer .tokenizer_stretcher {
  padding-top: 7px;
}

.token-container .tokenizer div:-moz-first-node,
.tokenized_autocompleter_container .tokenizer div:-moz-first-node {
  padding-top: 1px !important;
}

.token-container .import-contacts-link,
.token-container .import-contacts-modal,
.token-container .tokenizer-can-edit,
.tokenized_autocompleter_container .import-contacts-link, .tokenized_autocompleter_container .import-contacts-modal, .tokenized_autocompleter_container .tokenizer-can-edit {
  background: none;
  height: 21px;
  margin-top: -28px;
  position: absolute;
  right: 10px;
}

.token-container div.tokenizer-can-edit,
.tokenized_autocompleter_container div.tokenizer-can-edit {
  margin-top: -32px;
}

.carousel-app .token-container .tokenizer,
.carousel-app .tokenized_autocompleter_container .tokenizer {
  padding: 14px 24px 18px 24px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}

.carousel-app .tokenized_autocompleter_container .import-contacts-link {
  margin-top: -41px;
  right: 21px;
}

.carousel-app .tokenized_autocompleter_container .tokenizer
.tokenizer_input_borderless .new-collab-input {
  margin: 1px 3px 0px -3px;
}

.carousel-app .tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  left: 0px;
  top: 3px;
  color: #929BA0;
}

.carousel-app .tokenized_autocompleter_container .tokenizer {
  overflow-x: hidden;
  overflow-y: auto;
}

body.gecko .tokenized_autocompleter_container .tokenizer_input label {
  left: 6px;
}

div.tokenizer .token {
  background-repeat: no-repeat;
  color: black;
  white-space: nowrap;
}

div.tokenizer .token.token-valid,
div.tokenizer .token.token-valid span {
  background-image: url("/static/images/tokens/token-vflrppjFm.png");
}

div.tokenizer .token.token-valid:hover,
div.tokenizer .token.token-valid:hover span {
  background-image: url("/static/images/tokens/token_hover-vflBO4qD1.png");
}

div.tokenizer .token.token-valid span.x,
div.tokenizer .token.token-valid span.x_hover,
div.tokenizer .token.token-valid:hover span.x,
div.tokenizer .token.token-valid:hover span.x_hover {
  background-image: url("/static/images/tokens/token_close-vflQfmPVE.png");
  cursor: pointer !important;
}

div.tokenizer .token.token-error,
div.tokenizer .token.token-error span {
  background-image: url("/static/images/tokens/er_token-vflniwpEy.png");
}

div.tokenizer .token.token-error:hover,
div.tokenizer .token.token-error:hover span {
  background-image: url("/static/images/tokens/er_token_hover-vflXal_JN.png");
}

div.tokenizer .token.token-error span.x,
div.tokenizer .token.token-error span.x_hover,
div.tokenizer .token.token-error:hover span.x,
div.tokenizer .token.token-error:hover span.x_hover {
  background-image: url("/static/images/tokens/er_token_close-vflw-1uHD.png");
  cursor: pointer !important;
}

div.tokenizer .token.token-warn,
div.tokenizer .token.token-warn span {
  background-image: url("/static/images/tokens/w_token-vfl9rjynV.png");
}

div.tokenizer .token.token-warn:hover,
div.tokenizer .token.token-warn:hover span {
  background-image: url("/static/images/tokens/w_token_hover-vflTRtwW6.png");
}

div.tokenizer .token.token-warn span.x,
div.tokenizer .token.token-warn span.x_hover,
div.tokenizer .token.token-warn:hover span.x,
div.tokenizer .token.token-warn:hover span.x_hover {
  background-image: url("/static/images/tokens/w_token_close-vfl57bsSl.png");
  cursor: pointer !important;
}

div.tokenizer .token:hover,
div.tokenizer .token:hover span {
  text-decoration: none;
}

div.tokenizer .token span {
  background-position: top right;
  background-repeat: no-repeat;
  display: block;
}

div.tokenizer .token span span {
  background-position: bottom right;
}

div.tokenizer .token span span span {
  background-position: bottom left;
}

div.tokenizer .token span span span span {
  background-image: none;
  padding: 2px 3px 2px 5px;
}

div.tokenizer .token span span span span span.hidden {
  display: none;
  margin: 0;
  padding: 0;
}

div.tokenizer .token span span span span img {
  width: 16px;
  margin: 0 5px -3px 0;
}

div.tokenizer .token span.x,
div.tokenizer .token span.x_hover,
div.tokenizer .token:hover span.x,
div.tokenizer .token:hover span.x_hover {
  background-position: 5px;
  cursor: pointer;
  display: inline;
  padding: 0px 7px 0px 4px;
}

div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span {
  color: white;
  text-decoration: none;
}

div.tokenizer .token_selected.token-valid,
div.tokenizer .token_selected.token-valid span,
div.tokenizer .token_selected.token-valid:hover,
div.tokenizer .token_selected.token-valid:hover span {
  background-image: url("/static/images/tokens/token_selected-vfl6BDgcp.png");
}

div.tokenizer .token_selected.token-error,
div.tokenizer .token_selected.token-error span,
div.tokenizer .token_selected.token-error:hover,
div.tokenizer .token_selected.token-error:hover span {
  background-image: url("/static/images/tokens/er_token_selected-vflutxYy5.png");
}

div.tokenizer .token_selected.token-warn,
div.tokenizer .token_selected.token-warn span,
div.tokenizer .token_selected.token-warn:hover,
div.tokenizer .token_selected.token-warn:hover span {
  background-image: url("/static/images/tokens/w_token_selected-vflbeHi5X.png");
}

div.autocomplete {
  position: absolute;
  margin: -1px 0 0 0;
  padding: 0px;
  text-align: left;
  z-index: 1;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border: 1px solid #e5e5e5;
  background-color: #f9fcff;
}

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 44px;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}

div.autocomplete ul li.selected {
  background-color: #d5ecff;
}

.autocomplete-match {
  font-weight: bold;
}

.autocomplete-secondary {
  color: #666666;
}

.autocomplete-left, .import-contacts-autocomplete-item {
  float: left;
  padding: 8px 8px 0px 8px;
  width: 28px;
  height: 28px;
  text-align: center;
}

.autocomplete-left img, .import-contacts-autocomplete-item img {
  vertical-align: middle;
}

.autocomplete-line {
  line-height: 1.3em;
  margin-top: 4px;
  min-height: 5px;
}

.autocomplete-line-center {
  line-height: 1.3em;
  margin-top: 14px;
}

.contact-importer-img {
  margin-right: 2px;
}

.sf-name {
  width: 300px;
}

.sf-list-name {
  float: left;
}

.sf-joined {
  width: 170px;
}

#sharing-header {
  display: inline-block;
  width: 100%;
  padding: 7px 2px 2px;
  line-height: normal;
  /* TODO(jkao,jessica) this belongs on .db_select.bubbly (db_select.scss), but we should check
    first that doing that won't break anything. */
}

#sharing-header #role-selector select {
  margin-left: -5px;
  margin-bottom: -4px;
}

#sharing-header .role-select > .bubble-picker {
  z-index: 3;
}

#sharing-header #header-right {
  text-align: right;
}

#sf-view {
  display: none;
  font-size: 13px;
}

#sf-view .freshbutton, #sf-view .freshbutton-blue {
  padding: 7px 18px;
}

#sf-view .freshbutton .s_web_folder_user_blue, #sf-view .freshbutton-blue .s_web_folder_user_blue {
  margin-bottom: -2px;
  margin-right: 8px;
}

#sf-view .new-share-tab-exp-footer {
  background-color: #F6F9FC;
  border: 1px solid #E5E5E5;
  height: 80px;
  margin-top: -35px;
  border-radius: 5px;
}

#sf-view .new-share-tab-exp-footer .new-share-tab-exp-img {
  float: left;
  padding: 10px 10px 0px;
  width: 10%;
}

#sf-view .new-share-tab-exp-footer .new-share-tab-exp-middle {
  float: left;
  padding-top: 13px;
  width: 63%;
}

#sf-view .new-share-tab-exp-footer .new-share-tab-exp-middle .new-share-tab-exp-title {
  font-size: 12px;
}

#sf-view .new-share-tab-exp-footer .new-share-tab-exp-middle .new-share-tab-exp-learn-more {
  color: #7B8994;
  font-size: 12px;
}

#sf-view .new-share-tab-exp-footer #share-button {
  float: right;
  padding: 6px 3px;
  margin: 18px 5px;
}

#sf-view .empty-list {
  display: none;
}

#sf-view hr {
  height: 1px;
  background-color: #edf1f5;
  border-width: 0px;
}

#sf-view #sf-explanation {
  margin: 30px 0 33px 0px;
}

#sf-view #sf-explanation #learn-more {
  line-height: 1.8em;
  margin-bottom: 0px;
  float: left;
  width: 570px;
}

#sf-view #sf-explanation #share-button {
  text-align: right;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#sf-view #sf-explanation #share-button #create-share {
  display: inline-block;
  margin-top: 5px;
}

#sf-view #new-invites-link .link-img {
  background-color: transparent;
  padding-right: 8px;
  margin-top: -8px;
  margin-bottom: -5px;
}

#sf-view .hotbox, #sf-view .sf-list-container.sf-sort {
  margin-top: 14px;
  margin-bottom: 0;
}

#sf-view .blueexplanation {
  background-color: #f7fbfe;
  border: 1px solid #e5f2fc;
  line-height: 1.8em;
}

#sf-view #invites-box {
  padding: 15px 0;
  font-weight: 600;
  margin-bottom: 27px;
  border-radius: 3px;
}

#sf-view .sf-list-container, .shared-files-view .sf-list-container {
  margin-bottom: 50px;
  margin-top: 44px;
}

#sf-view .sf-list-container .sf-list-title, .shared-files-view .sf-list-container .sf-list-title {
  margin-top: 32px;
  font-weight: normal;
  font-size: 16px;
}

#sf-view .sf-list-container .sf-sort, .shared-files-view .sf-list-container .sf-sort {
  list-style-type: none;
  height: 10px;
  width: 100%;
  padding-left: 0;
}

#sf-view .sf-list-container .sf-sort .col-header-button, .shared-files-view .sf-list-container .sf-sort .col-header-button {
  background-color: inherit;
  color: inherit;
}

#sf-view .sf-list-container .sf-sort .sort-option, #sf-view .sf-list-container .sf-sort sort-option > button, .shared-files-view .sf-list-container .sf-sort .sort-option, .shared-files-view .sf-list-container .sf-sort sort-option > button {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #aaa;
  text-decoration: none;
}

#sf-view .sf-list-container .sf-sort .sort-option span, #sf-view .sf-list-container .sf-sort sort-option > button span, .shared-files-view .sf-list-container .sf-sort .sort-option span, .shared-files-view .sf-list-container .sf-sort sort-option > button span {
  margin-right: 5px;
}

#sf-view .sf-list-container .sf-sort .sort-option.name-sorter span, #sf-view .sf-list-container .sf-sort sort-option > button.name-sorter span, .shared-files-view .sf-list-container .sf-sort .sort-option.name-sorter span, .shared-files-view .sf-list-container .sf-sort sort-option > button.name-sorter span {
  margin-left: 2px;
}

#sf-view .sf-list-container .sf-sort .name-sorter, .shared-files-view .sf-list-container .sf-sort .name-sorter {
  float: left;
  width: 520px;
}

#sf-view .sf-list-container .sf-sort .modified-sorter, .shared-files-view .sf-list-container .sf-sort .modified-sorter {
  float: left;
  width: 160px;
}

#sf-view .sf-list-container .sf-sort .sort-arrow, .shared-files-view .sf-list-container .sf-sort .sort-arrow {
  margin-bottom: 1px;
}

#sf-view .sf-list-container ol.sf-list, .shared-files-view .sf-list-container ol.sf-list {
  padding: 0px;
  margin: 0px;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder, #sf-view .sf-list-container ol.sf-list li.sf-file, .shared-files-view .sf-list-container ol.sf-list li.sf-folder, .shared-files-view .sf-list-container ol.sf-list li.sf-file {
  list-style: none;
  width: 100%;
  margin: 0 0 -1px 0;
  padding: 10px 0;
  border: solid #edf1f5;
  border-width: 1px 0px;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder img, #sf-view .sf-list-container ol.sf-list li.sf-folder .filename-col, #sf-view .sf-list-container ol.sf-list li.sf-folder .modified-col, #sf-view .sf-list-container ol.sf-list li.sf-folder .options-col, #sf-view .sf-list-container ol.sf-list li.sf-file img, #sf-view .sf-list-container ol.sf-list li.sf-file .filename-col, #sf-view .sf-list-container ol.sf-list li.sf-file .modified-col, #sf-view .sf-list-container ol.sf-list li.sf-file .options-col, .shared-files-view .sf-list-container ol.sf-list li.sf-folder img, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .filename-col, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .modified-col, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .options-col, .shared-files-view .sf-list-container ol.sf-list li.sf-file img, .shared-files-view .sf-list-container ol.sf-list li.sf-file .filename-col, .shared-files-view .sf-list-container ol.sf-list li.sf-file .modified-col, .shared-files-view .sf-list-container ol.sf-list li.sf-file .options-col {
  float: left;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder .filename-col, #sf-view .sf-list-container ol.sf-list li.sf-file .filename-col, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .filename-col, .shared-files-view .sf-list-container ol.sf-list li.sf-file .filename-col {
  width: 510px;
  padding-right: 10px;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder .filename-col .members, #sf-view .sf-list-container ol.sf-list li.sf-file .filename-col .members, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .filename-col .members, .shared-files-view .sf-list-container ol.sf-list li.sf-file .filename-col .members {
  display: table;
  font-size: 12px;
  max-width: 450px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder .filename-col img, #sf-view .sf-list-container ol.sf-list li.sf-file .filename-col img, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .filename-col img, .shared-files-view .sf-list-container ol.sf-list li.sf-file .filename-col img {
  margin: 2px 11px 0 10px;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder .modified-col, #sf-view .sf-list-container ol.sf-list li.sf-file .modified-col, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .modified-col, .shared-files-view .sf-list-container ol.sf-list li.sf-file .modified-col {
  width: 155px;
  margin-top: 9px;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder .options-col, #sf-view .sf-list-container ol.sf-list li.sf-file .options-col, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .options-col, .shared-files-view .sf-list-container ol.sf-list li.sf-file .options-col {
  width: 125px;
  margin-top: 9px;
  text-align: right;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder .options-col a.options-link, #sf-view .sf-list-container ol.sf-list li.sf-folder .options-col a, #sf-view .sf-list-container ol.sf-list li.sf-file .options-col a.options-link, #sf-view .sf-list-container ol.sf-list li.sf-file .options-col a, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .options-col a.options-link, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .options-col a, .shared-files-view .sf-list-container ol.sf-list li.sf-file .options-col a.options-link, .shared-files-view .sf-list-container ol.sf-list li.sf-file .options-col a {
  margin-right: 15px;
}

#sf-view .sf-list-container ol.sf-list li.sf-folder .options-col a.delete-link img, #sf-view .sf-list-container ol.sf-list li.sf-file .options-col a.delete-link img, .shared-files-view .sf-list-container ol.sf-list li.sf-folder .options-col a.delete-link img, .shared-files-view .sf-list-container ol.sf-list li.sf-file .options-col a.delete-link img {
  float: inherit;
}

#sf-view .sf-spinner, .shared-files-view .sf-spinner {
  width: 100%;
  height: 105px;
  text-align: center;
  margin-top: 50px;
}

.shared-files-view .sf-list-container {
  margin: 0;
}

.shared-files-view .sf-list-container .sf-sort {
  margin: 0;
}

.shared-files-view .loading-files {
  color: #7b8994;
  font-size: 20px;
  text-align: center;
  margin-top: 25px;
}

.shared-files-view .files-empty {
  text-align: center;
  margin-top: 25px;
}

.shared-files-view .files-empty .files-empty-header {
  font-size: 20px;
}

.shared-files-view .files-empty .files-empty-subheader {
  color: #7b8994;
  margin-top: 8px;
}

.share-page-sharing-tabs {
  margin-top: 30px;
}

.member-container.spinner-div {
  text-align: center;
}

.no-shares #sharing-header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}

.no-shares #sf-view #empty-content {
  text-align: center;
}

.no-shares #sf-view #empty-content.exp-new-share-look .exp-page-header-image {
  width: 180px;
}

.no-shares #sf-view #empty-content.exp-new-share-look .exp-page-header-text {
  color: #aaa;
  font-size: 22px;
  margin: 10px 156px;
}

.no-shares #sf-view #empty-content.exp-new-share-look .exp-page-desc {
  color: #4c545a;
  font-size: 14px;
  margin: 20px 190px;
}

.no-shares #sf-view #empty-content.exp-new-share-look #share-button {
  margin-top: 30px;
}

.no-shares #sf-view #empty-content.exp-new-share-look #share-button img {
  padding: 0px;
}

.no-shares #sf-view #learn-more {
  display: none;
}

.no-shares #sf-view #share-button {
  margin-top: -90px;
}

.no-shares .new-share-tab-exp-footer {
  display: none;
}

.invite-more-form .tokenized_autocompleter_container {
  padding-top: 2px;
}

.invite-more-form .allow_members_row {
  width: 575px;
}

.invite-more-form .allow_members_row .db-modal-buttons {
  white-space: nowrap;
}

.sf-can-edit .bubble-picker-dropdown.chat-bubble .bubble-picker-option, .sf-invite-can-edit .bubble-picker-dropdown.chat-bubble .bubble-picker-option {
  white-space: nowrap;
  padding-right: 15px;
}

.sf-can-edit .bubble-picker-dropdown.chat-bubble .bubble-picker-option.disabled a, .sf-invite-can-edit .bubble-picker-dropdown.chat-bubble .bubble-picker-option.disabled a {
  color: #aaa;
  text-decoration: none;
}

.sf-can-edit .bubble-picker-dropdown.chat-bubble .divider, .sf-invite-can-edit .bubble-picker-dropdown.chat-bubble .divider {
  height: 1px;
  margin: 3px 0;
  background-color: #bdc4c9;
}

.sf-can-edit .bubble-picker-dropdown.chat-bubble .upsell, .sf-invite-can-edit .bubble-picker-dropdown.chat-bubble .upsell {
  text-align: center;
}

.sf-can-edit .bubble-picker-dropdown.chat-bubble .upsell:hover, .sf-invite-can-edit .bubble-picker-dropdown.chat-bubble .upsell:hover {
  background: #e3f2ff;
}

.sf-can-edit .bubble-picker-dropdown.chat-bubble .upsell a, .sf-invite-can-edit .bubble-picker-dropdown.chat-bubble .upsell a {
  width: 130px;
  display: block;
  padding: 5px;
  text-decoration: none;
}

.warn-dot {
  background: #f8ca00;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}

.sf-invite-can-edit {
  margin-top: 5px;
}

.invite-more-form .db-select.bubbly {
  background-color: transparent;
}

.folder-settings {
  margin-bottom: 5px;
}

.folder-settings .share-team-only,
.folder-settings .share-anyone {
  margin-right: 5px;
}

.folder-settings.team-only .share-team-only,
.folder-settings .share-anyone,
.folder-settings.in-team-folder .share-in-team-folder {
  display: inline;
}

.folder-settings .share-team-only,
.folder-settings .share-in-team-folder,
.folder-settings.team-only .share-anyone,
.folder-settings.team-only .share-in-team-folder,
.folder-settings.in-team-folder .share-anyone,
.folder-settings.in-team-folder .share-team-only {
  display: none;
}

.folder-settings .share-in-team-folder .s_web_info {
  position: relative;
  top: 5px;
  margin-left: 4px;
}

.folder-settings.in-team-folder .change-new-folder-settings {
  float: right;
}

.golden-gate-upgrade-container {
  position: relative;
  height: 64px;
  margin-top: 16px;
  margin-bottom: -32px;
  left: -32px;
  width: 638px;
  border-top: 1px solid rgba(0, 126, 229, 0.5);
  background-color: rgba(0, 126, 229, 0.5);
}

.golden-gate-upgrade-container .golden-gate-upgrade {
  position: absolute;
  padding: 19px 27px;
  color: #fff;
  left: 7px;
  font-size: 14px;
}

.golden-gate-upgrade-container .golden-gate-upgrade a {
  color: #fff;
}

#group_name {
  width: 100%;
}

.sf-nesting-info-tooltip {
  width: 180px;
}

.sf-display-name-tooltip {
  margin-top: 2px;
  margin-bottom: 2px;
}

.sf-display-name-tooltip .sf-tooltip-row {
  line-height: 16px;
}

.sf-display-name-tooltip .sf-tooltip-warning {
  border-top: 1px solid #e5e5e5;
  color: #aaa;
  font-size: 11px;
  padding-top: 10px;
  margin-top: 10px;
}

.shared-top-banner-dot {
  padding: 4px;
}

.get-editable-link-invite {
  float: left;
  margin-left: -10px;
  margin-top: 20px;
}

.get-editable-link-invite .get-link-invite-loading {
  margin-left: 6px;
}

.get-editable-link-prompt {
  z-index: 1500;
  display: inline-block;
  position: absolute;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  text-align: center;
  width: 180px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(61, 70, 77, 0.1);
}

.get-editable-link-prompt .close-button {
  position: absolute;
  right: 0px;
  top: 10px;
  opacity: 0.6;
}

.get-editable-link-prompt .content {
  margin-top: 10px;
}

.get-editable-link-prompt .content .new {
  padding-right: 3px;
}

.get-editable-link-prompt .learn-more {
  margin-top: 15px;
}

.get-editable-link-prompt .prompt-arrow-border,
.get-editable-link-prompt .prompt-arrow {
  border-style: solid;
  border-width: 9px;
  width: 0px;
  height: 0px;
  position: absolute;
}

.get-editable-link-prompt .prompt-arrow-border {
  border-color: rgba(61, 70, 77, 0.1) transparent transparent transparent;
  bottom: -18px;
}

.get-editable-link-prompt .prompt-arrow {
  border-color: #fff transparent transparent transparent;
  bottom: -15px;
}

.share_show_modal ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

.share_show_modal ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.share_show_modal small {
  font-size: 8pt;
  font-weight: normal;
}

.share_show_modal .unshare_folder_link {
  float: right;
  margin-bottom: 5px;
}

.share_show_modal .member-info {
  width: 573px;
}

.share_show_modal .member-info.header-loading {
  height: 23px;
}

.share_show_modal .member-info.follow-on {
  margin-top: 25px;
}

.share_show_modal .share-managed-by {
  color: #7b8994;
  font-weight: 400;
  margin-left: 4px;
}

.share_show_modal .inviting-not-permitted {
  background-color: #e5e5e5;
  border: 1px solid rgba(170, 170, 170, 0.5);
  margin-bottom: 15px;
  padding: 15px 5px;
  text-align: center;
  border-radius: 3px;
}

.share_show_modal .action-panel {
  padding-top: 20px;
}

.share_show_modal .action-panel .email-not-verified {
  background-color: #fffdec;
  border: 1px solid #d8b877;
  margin-top: -5px;
  /* reduce the action panel's top margin */
  margin-bottom: 25px;
  padding: 15px 5px;
  text-align: center;
  border-radius: 3px;
}

.share_show_modal .action-panel .invite-more-form.collapsed {
  margin-bottom: 20px;
}

.share_show_modal .folder-management-buttons {
  margin-top: 20px;
  text-align: right;
}

.share_show_modal .folder-management-buttons .sf-action-get-link {
  margin-right: 8px;
}

.share_show_modal .folder-management-buttons input[type=button] {
  float: right;
  margin-top: 16px;
}

.share_show_modal .folder-management-buttons input[type=button].sf-action {
  float: left;
  margin-right: 8px;
}

.share_show_modal .folder-management-buttons .button-tertiary {
  float: left;
  margin-right: 8px;
}

.share_show_modal .member-container {
  background: #fff;
  border: 1px solid #e5e5e5;
  height: 130px;
  overflow: auto;
  padding: 5px;
  position: relative;
}

.share_show_modal .member-container .member-loading-spinner {
  margin-top: 124px;
}

.share_show_modal .member-container.react-rendered .bs-row {
  line-height: 41px;
  height: 41px;
}

.share_show_modal .member-container.react-rendered .bs-row .avatar-component {
  margin-top: 9px;
}

.share_show_modal .member-container.react-rendered .bs-row .select-input .select-option {
  white-space: normal;
  line-height: 20px;
}

.share_show_modal .member-container .avatars-enabled .tooltip-bubble {
  min-width: 200px;
  max-width: 300px;
  box-sizing: border-box;
  padding: 10px;
}

.share_show_modal .member-container .avatars-enabled .tooltip-bubble .avatar-wrapper {
  float: left;
}

.share_show_modal .member-container .avatars-enabled .tooltip-bubble .avatar-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.share_show_modal .member-container .avatars-enabled .tooltip-bubble .sf-display-name-tooltip {
  display: block;
  overflow: hidden;
}

.share_show_modal .member-container.dual-pane {
  height: 96px;
}

.share_show_modal .team-folder-member-container {
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-top: 10px;
  padding: 10px;
}

.share_show_modal .team-folder-member-container img {
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.share_show_modal .team-folder-member-container .team-folder-team-name {
  position: relative;
  top: -2px;
}

.share_show_modal .share-actions-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.share_show_modal .share-actions-list li {
  padding: -10px;
  text-align: left;
  white-space: nowrap;
}

.share_show_modal a.sf-display-name {
  color: #3d464d;
  text-decoration: none;
}

.share_show_modal a.sf-display-name.red-text {
  color: #e82110;
}

.share_show_modal .remove-button img {
  opacity: 0.6;
}

.share_show_modal .background-icon {
  padding: 3px 0 2px 28px !important;
}

.share_show_modal .bs-row .action-button {
  margin-right: 5px;
}

.share_show_modal .bs-row.selected .chat-bubble {
  display: block;
  z-index: 1;
}

.share_show_modal .bs-row.selected .chat-bubble img {
  margin: 0 6px 0 0;
}

.share_show_modal .bs-row em {
  color: #7B8994;
}

.share_show_modal .bs-row.unjoined .sf-display-name {
  color: #7B8994;
}

.share_show_modal .bs-row.unjoined .sf-tooltip-name {
  color: #7B8994;
}

.share_show_modal .bs-row .avatar-component {
  display: inline-block;
  float: left;
  margin-right: 8px;
}

.share_show_modal .bs-row.group-member {
  cursor: pointer;
}

.share_show_modal .bs-row.group-member .retract-button {
  display: none;
}

.share_show_modal .bs-row.group-member .retract-button, .share_show_modal .bs-row.group-member .expand-button {
  margin: 8px 0 0 5px;
}

.share_show_modal .bs-row.group-member div {
  cursor: pointer;
}

.share_show_modal .bs-row.group-member .bs-row {
  display: none;
}

.share_show_modal .bs-row.group-member .group-users {
  padding-top: 3px;
  float: none;
}

.share_show_modal .bs-row.group-member.expanded {
  padding-left: 5px;
  margin-right: 1px;
  height: auto;
  background: #f9fcff;
  border: none;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.share_show_modal .bs-row.group-member.expanded .bs-row {
  float: none;
  display: inherit;
  border: none;
  padding-left: 23px;
  padding-right: 0px;
}

.share_show_modal .bs-row.group-member.expanded .bs-row .sf-name {
  width: 277px;
}

.share_show_modal .bs-row.group-member.expanded .bs-row:hover {
  background: #eaf4fc;
}

.share_show_modal .bs-row.group-member.expanded .expand-button {
  display: none;
}

.share_show_modal .bs-row.group-member.expanded .retract-button {
  display: inline;
}

.share_show_modal .folder-management-buttons .sf-action {
  float: none;
}

.share_show_modal .action-panel {
  padding-top: 10px;
}

.share_show_modal .action-panel .invite-more-form .custom-message-container {
  display: block;
}

.share_show_modal .action-panel .invite-more-form.collapsed .tokenized_autocompleter_container .tokenizer {
  border-radius: 3px;
}

.share_show_modal .action-panel .invite-more-form.collapsed .tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  color: #7B8994;
}

.share_show_modal .action-panel .invite-more-form.collapsed .custom-message-container {
  display: none;
}

.share_show_modal.ajax-loading .ajax-loading-indicator {
  display: inline;
}

.share_show_modal.ajax-loading .share-invite-button {
  opacity: 0.5;
}

.invite-perm-input {
  text-align: right;
  padding: 0px 5px 5px;
}

.invite-more-form .tokenized_autocompleter_container .tokenizer {
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}

.invite-more-form .custom-message-container textarea {
  box-shadow: none;
  box-sizing: border-box;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: white;
  border-top: none;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ccc;
  height: 58px;
  padding: 7px;
  resize: vertical;
  width: 100%;
}

.invite-more-form .custom-message-container label {
  color: #ccc;
  top: 3px;
}

.invite-more-form .external-invite-message {
  vertical-align: middle;
}

.invite-more-form .external-invite-message img {
  margin: -5px 5px 0px;
  vertical-align: middle;
}

.invite-more-form .external-invite-message.team-only .external-forbidden,
.invite-more-form .external-invite-message.single .external-warning-singular,
.invite-more-form .external-invite-message .external-warning-plural {
  display: block;
  margin-top: 20px;
}

.invite-more-form .external-invite-message.team-only .external-warning-singular,
.invite-more-form .external-invite-message.team-only .external-warning-plural,
.invite-more-form .external-invite-message.single .external-warning-plural,
.invite-more-form .external-invite-message .external-warning-singular,
.invite-more-form .external-invite-message .external-forbidden {
  display: none;
}

.invite-more-form.team-only div.tokenizer .token.token-warn,
.invite-more-form.team-only div.tokenizer .token.token-warn span {
  background-image: url("/static/images/tokens/er_token-vflniwpEy.png");
}

.invite-more-form.team-only div.tokenizer .token.token-warn:hover,
.invite-more-form.team-only div.tokenizer .token.token-warn:hover span {
  background-image: url("/static/images/tokens/er_token_hover-vflXal_JN.png");
}

.invite-more-form.team-only div.tokenizer .token.token-warn span.x,
.invite-more-form.team-only div.tokenizer .token.token-warn span.x_hover,
.invite-more-form.team-only div.tokenizer .token.token-warn:hover span.x,
.invite-more-form.team-only div.tokenizer .token.token-warn:hover span.x_hover {
  background-image: url("/static/images/tokens/er_token_close-vflw-1uHD.png");
  cursor: pointer !important;
}

.external_share_confirm .modal-buttons {
  margin-top: 20px;
}

.external_share_confirm .modal-buttons input[type="button"],
.external_share_confirm .modal-buttons input[type="submit"] {
  margin-left: 5px;
  float: right;
}

.external_share_confirm .external_prompt {
  font-size: 13px;
  padding-bottom: 20px;
}

.external_share_confirm .external_prompt .external_prompt_single {
  display: none;
}

.external_share_confirm .external_prompt .external_prompt_multiple {
  display: inline;
}

.external_share_confirm .external_prompt.single .external_prompt_single {
  display: inline;
}

.external_share_confirm .external_prompt.single .external_prompt_multiple {
  display: none;
}

.external_share_confirm .empty_state {
  display: none;
}

.external_share_confirm.no-recipients .empty_state {
  display: block;
}

.external_share_confirm.no-recipients .external_prompt,
.external_share_confirm.no-recipients .token-container {
  display: none;
}

.external_share_confirm.no-recipients .send {
  display: none;
}

#invites-container .message-top {
  margin-bottom: 20px;
}

#invites-container .message-bottom {
  margin-top: 20px;
}

#invites-container .invites-message {
  padding: 15px 10px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  line-height: 1.8em;
  text-align: center;
}

#invites-container .sign-in-message {
  cursor: pointer;
  /* this message is a clickable div */
}

#invites-container .sign-in-message .link-img {
  padding-right: 8px;
  margin-top: -8px;
  margin-bottom: -5px;
}

#invites-container .email-verification-warning, #invites-container .overquota-warning {
  background-color: #fffdeb;
  border-color: #eed9ae;
  margin-bottom: 20px;
  /* in case there's two verification warnings */
  cursor: pointer;
  /* this message is a clickable div */
}

#invites-container .email-verification-warning--red, #invites-container .overquota-warning--red {
  background: #FBD6DC;
  border: 1px solid #F2768B;
}

#invites-container .invitation-table-container {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
}

#invites-container .invitation-table-container .invitation-table {
  border: none;
}

#invites-container .invitation-table-container .invitation-table .invitation-row:last-child td {
  border-bottom: none;
}

#invites-container .db-modal-buttons .cancel-button {
  margin-right: 0px;
}

#invites-container .invitation-table {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-collapse: collapse;
  clear: both;
  width: 100%;
  white-space: nowrap;
}

#invites-container .invitation-row {
  line-height: 16px;
  height: 56px;
}

#invites-container .invitation-row td {
  max-width: 250px;
  padding: 10px 0px;
  border-bottom: 1px solid #e5e5e5;
  white-space: normal;
}

#invites-container .invitation-row td.invitation-icon {
  padding: 10px 5px 10px 10px;
  width: 34px;
  vertical-align: top;
}

#invites-container .invitation-row td.sf-invite-button-container {
  vertical-align: top;
  min-width: 180px;
  padding: 13px 12px 13px 5px;
  text-align: right;
}

#invites-container .invitation-row td.sf-invite-button-container form.view-folder-form {
  display: none;
}

#invites-container .invitation-row td.sf-invite-button-container .sf-accepted .sf-mounted form {
  display: none;
}

#invites-container .invitation-row td.sf-invite-button-container .sf-accepted .sf-mounted form.view-folder-form {
  display: inline;
}

#invites-container .invitation-row .invitation-header {
  font-size: 13px;
}

#invites-container .invitation-row .invitation-header .invitation-folder-name {
  font-weight: bold;
}

#invites-container .invitation-row .invitation-details {
  font-size: 12px;
  color: #aaa;
}

.team-external-invite-accept .external-invite-description {
  padding: 20px 0px;
}

.team-external-invite-accept .single-invitation {
  border-spacing: 0px;
  width: 100%;
}

.team-external-invite-accept .single-invitation td {
  border-bottom: none;
}

.team-external-invite-accept .sf-action-buttons {
  text-align: right;
}

.team-external-invite-accept .sf-action-buttons form {
  display: inline;
}

.team-external-invite-accept .sf-action-buttons form .decline-invite-button {
  margin-right: 5px;
}

.team-external-invite-accept .invitation-row td {
  padding: 0px;
}

.team-external-invite-accept .invitation-row td.invitation-icon {
  padding-right: 10px;
}

#new-shared-folder-name-input {
  width: 100%;
}

#new-or-existing-sf,
#new-sf-or-shmodel,
#shared-folder-type {
  padding: 0px;
  margin-bottom: 0px;
}

#new-or-existing-sf li,
#new-sf-or-shmodel li,
#shared-folder-type li {
  background: #fff;
  list-style: none;
  padding: 20px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

#new-or-existing-sf li.top,
#new-sf-or-shmodel li.top,
#shared-folder-type li.top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#new-or-existing-sf li.bottom,
#new-sf-or-shmodel li.bottom,
#shared-folder-type li.bottom {
  margin-top: -1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#new-or-existing-sf li label,
#new-sf-or-shmodel li label,
#shared-folder-type li label {
  margin-left: 5px;
}

#new-or-existing-sf li label:hover,
#new-sf-or-shmodel li label:hover,
#shared-folder-type li label:hover {
  cursor: pointer;
}

#new-or-existing-sf li label.description,
#new-sf-or-shmodel li label.description,
#shared-folder-type li label.description {
  display: block;
  color: #999;
  margin-left: 24px;
}

#allow-other-members-to-share-container span.pre-share-upsell {
  display: inline-block;
  margin-top: 35px;
}

.sf-modal-footer a.back {
  margin-top: 36px;
}

#create-link-or-invite-wizard-modal .share-options {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  border: 2px solid #e5e5e5;
  margin-top: 20px;
  text-align: center;
}

#create-link-or-invite-wizard-modal .share-options .share-option {
  width: 50%;
  border: 2px solid #e5e5e5;
  cursor: pointer;
  vertical-align: top;
}

#create-link-or-invite-wizard-modal .share-options .share-option:hover {
  background-color: #e3f2ff;
}

#create-link-or-invite-wizard-modal .share-options .share-option .option-img {
  display: block;
  margin: 0 auto 20px auto;
}

#create-link-or-invite-wizard-modal .share-options .share-option.option-to-share-folder .option-img {
  margin-bottom: 25px;
}

#create-link-or-invite-wizard-modal .share-options .share-option .option-content {
  margin: 25px 38px;
}

#create-link-or-invite-wizard-modal .share-options .share-option .option-content .option-subtext {
  color: #aaa;
}

#create-link-or-invite-wizard-modal .learn-more {
  margin-top: 20px;
  margin-left: 2px;
  display: block;
}

.create-and-share-new-folder-modal #create-and-share-new-folder-header {
  font-size: 14px;
}

.create-and-share-new-folder-modal #create-and-share-new-folder-second-header {
  font-size: 14px;
  margin-bottom: 17px;
}

.create-and-share-new-folder-modal .text-input {
  width: 100%;
  margin-bottom: 20px;
}

.create-and-share-new-folder-modal .text-input .text-input-input {
  font-size: 13px;
}

.create-and-share-new-folder-modal .text-input .text-input-wrapper label {
  font-size: 13px;
}

body.pl #sf-view.sf-list-container .sf-list .sf-folder .filename-col {
  width: 510px;
}

body.pl #sf-view.sf-list-container .sf-list .sf-folder .modified-col {
  width: 160px;
}

body.pl #sf-view.sf-list-container .sf-list .sf-folder .options-col {
  width: 130px;
}

body.pl #sf-view.sf-list-container .sf-list-container.sf-sort .name-sorter {
  width: 510px;
}

body.pl #sf-view.sf-list-container .sf-list .sf-folder.past-folder .options-col,
body.ms #sf-view.sf-list-container .sf-list .sf-folder.past-folder .options-col {
  margin-top: 0px;
}

body.pl #sf-view.sf-list-container .sf-list .sf-folder.past-folder .options-col .options-link,
body.ms #sf-view.sf-list-container .sf-list .sf-folder.past-folder .options-col .options-link {
  display: inline-block;
  vertical-align: middle;
}

.access-request-feedback-link {
  position: absolute;
  left: 33px;
  bottom: 38px;
}

.content-link-sync-modal .db-modal {
  border-radius: 10px;
  width: 350px;
  text-align: center;
}

.content-link-sync-modal .db-modal .db-modal-title {
  display: none;
}

.content-link-sync-modal .db-modal .db-modal-content {
  border-radius: 10px;
  padding: 10px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__content {
  margin-bottom: 5px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__content .content-link-sync-modal__top-panel {
  border-bottom: 1px solid #d0d4d9;
  padding-bottom: 10px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__content .content-link-sync-modal__top-panel .content-link-sync-modal__shared-folder-img {
  margin-top: 15px;
  width: 40px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__content .content-link-sync-modal__top-panel .content-link-sync-modal__shared-folder-name {
  font-weight: bold;
  font-size: 14px;
  margin-top: 2px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__content .content-link-sync-modal__top-panel .content-link-sync-modal__shared-folder-size {
  color: #7b8994;
  font-size: 12px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__content .content-link-sync-modal__tip-panel {
  line-height: 1.6em;
  margin-top: 20px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__content .content-link-sync-modal__tip-panel .content-link-sync-modal__tip-head {
  font-weight: bold;
  padding-right: 4px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__content .content-link-sync-modal__tip-panel .content-link-sync-modal__tip-body {
  color: #7b8994;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__add-to-dropbox-button {
  width: 300px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__not-now-label {
  color: #007ee5;
  cursor: pointer;
  padding: 5px;
}

.content-link-sync-modal .db-modal .db-modal-content .content-link-sync-modal__not-now-label:hover {
  text-decoration: underline;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/*
  annoying: careful changing these 4 values.
  depending on their value + page width + zoom, pixel roundoff can leave the modified column 1px misaligned between browse and search.
  these seem to work well for most zooms on webkit.
*/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.token-container,
.tokenized_autocompleter_container {
  display: block;
  position: relative;
  z-index: 1;
}

.token-container ::-webkit-scrollbar,
.tokenized_autocompleter_container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

.token-container ::-webkit-scrollbar-thumb,
.tokenized_autocompleter_container ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.token-container .tokenizer,
.tokenized_autocompleter_container .tokenizer {
  background: #fff;
  min-height: 23px;
  max-height: 300px;
  padding: 0px 0px 3px 3px;
  width: auto;
  font-size: 13px;
  line-height: 1.6em;
  cursor: default;
  border-radius: 3px;
}

.token-container .tokenizer *,
.tokenized_autocompleter_container .tokenizer * {
  cursor: default;
}

.token-container .tokenizer input,
.tokenized_autocompleter_container .tokenizer input {
  width: 50%;
}

.token-container .tokenizer .tokenizer_input,
.token-container .tokenizer .token,
.tokenized_autocompleter_container .tokenizer .tokenizer_input,
.tokenized_autocompleter_container .tokenizer .token {
  float: left;
  margin-right: 3px;
  margin-top: 3px;
}

.token-container .tokenizer .tokenizer_input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input {
  position: relative;
  max-width: 450px;
  overflow: hidden;
  padding: 1px 0px;
}

.token-container .tokenizer .tokenizer_input .new-collab-input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input .new-collab-input {
  width: 20px;
}

.token-container .tokenizer .tokenizer_input input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input input {
  border: 0px solid black;
  outline: 0;
  font-size: 13px;
  padding: 0px 5px;
  margin: 0 0 -1px 0;
  white-space: pre;
  cursor: text;
}

.token-container .tokenizer .tokenizer_input label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  font-size: 13px;
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: text;
  pointer-events: none;
  color: #777;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.token-container .tokenizer .tokenizer_input.focused label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input.focused label {
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.token-container .tokenizer .tokenizer_input.populated label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input.populated label {
  display: none;
}

.token-container .tokenizer .tokenizer_input_borderless,
.tokenized_autocompleter_container .tokenizer .tokenizer_input_borderless {
  left: 4px;
  margin-left: -1px;
  overflow: hidden;
  position: relative;
}

.token-container .tokenizer .tokenizer_input_borderless .new-collab-input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input_borderless .new-collab-input {
  border: 3px solid transparent !important;
  border-left: none;
  display: block;
  margin: -1px 3px 0px -2px;
  padding: 0px !important;
}

.token-container .tokenizer .tab_stop,
.token-container .tokenizer .tokenizer_stretcher,
.tokenized_autocompleter_container .tokenizer .tab_stop,
.tokenized_autocompleter_container .tokenizer .tokenizer_stretcher {
  display: block;
  float: left;
  overflow: hidden;
  width: 0px;
}

.token-container .tokenizer .tab_stop,
.tokenized_autocompleter_container .tokenizer .tab_stop {
  height: 0px;
}

.token-container .tokenizer .tab_stop input,
.tokenized_autocompleter_container .tokenizer .tab_stop input {
  border: 0px solid black;
  display: inline;
  position: relative;
  width: 1px;
  height: 1px;
  overflow: visible;
  left: -1500px;
}

.token-container .tokenizer .tokenizer_stretcher,
.tokenized_autocompleter_container .tokenizer .tokenizer_stretcher {
  padding-top: 7px;
}

.token-container .tokenizer div:-moz-first-node,
.tokenized_autocompleter_container .tokenizer div:-moz-first-node {
  padding-top: 1px !important;
}

.token-container .import-contacts-link,
.token-container .import-contacts-modal,
.token-container .tokenizer-can-edit,
.tokenized_autocompleter_container .import-contacts-link, .tokenized_autocompleter_container .import-contacts-modal, .tokenized_autocompleter_container .tokenizer-can-edit {
  background: none;
  height: 21px;
  margin-top: -28px;
  position: absolute;
  right: 10px;
}

.token-container div.tokenizer-can-edit,
.tokenized_autocompleter_container div.tokenizer-can-edit {
  margin-top: -32px;
}

.carousel-app .token-container .tokenizer,
.carousel-app .tokenized_autocompleter_container .tokenizer {
  padding: 14px 24px 18px 24px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}

.carousel-app .tokenized_autocompleter_container .import-contacts-link {
  margin-top: -41px;
  right: 21px;
}

.carousel-app .tokenized_autocompleter_container .tokenizer
.tokenizer_input_borderless .new-collab-input {
  margin: 1px 3px 0px -3px;
}

.carousel-app .tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  left: 0px;
  top: 3px;
  color: #929BA0;
}

.carousel-app .tokenized_autocompleter_container .tokenizer {
  overflow-x: hidden;
  overflow-y: auto;
}

body.gecko .tokenized_autocompleter_container .tokenizer_input label {
  left: 6px;
}

div.tokenizer .token {
  background-repeat: no-repeat;
  color: black;
  white-space: nowrap;
}

div.tokenizer .token.token-valid,
div.tokenizer .token.token-valid span {
  background-image: url("/static/images/tokens/token-vflrppjFm.png");
}

div.tokenizer .token.token-valid:hover,
div.tokenizer .token.token-valid:hover span {
  background-image: url("/static/images/tokens/token_hover-vflBO4qD1.png");
}

div.tokenizer .token.token-valid span.x,
div.tokenizer .token.token-valid span.x_hover,
div.tokenizer .token.token-valid:hover span.x,
div.tokenizer .token.token-valid:hover span.x_hover {
  background-image: url("/static/images/tokens/token_close-vflQfmPVE.png");
  cursor: pointer !important;
}

div.tokenizer .token.token-error,
div.tokenizer .token.token-error span {
  background-image: url("/static/images/tokens/er_token-vflniwpEy.png");
}

div.tokenizer .token.token-error:hover,
div.tokenizer .token.token-error:hover span {
  background-image: url("/static/images/tokens/er_token_hover-vflXal_JN.png");
}

div.tokenizer .token.token-error span.x,
div.tokenizer .token.token-error span.x_hover,
div.tokenizer .token.token-error:hover span.x,
div.tokenizer .token.token-error:hover span.x_hover {
  background-image: url("/static/images/tokens/er_token_close-vflw-1uHD.png");
  cursor: pointer !important;
}

div.tokenizer .token.token-warn,
div.tokenizer .token.token-warn span {
  background-image: url("/static/images/tokens/w_token-vfl9rjynV.png");
}

div.tokenizer .token.token-warn:hover,
div.tokenizer .token.token-warn:hover span {
  background-image: url("/static/images/tokens/w_token_hover-vflTRtwW6.png");
}

div.tokenizer .token.token-warn span.x,
div.tokenizer .token.token-warn span.x_hover,
div.tokenizer .token.token-warn:hover span.x,
div.tokenizer .token.token-warn:hover span.x_hover {
  background-image: url("/static/images/tokens/w_token_close-vfl57bsSl.png");
  cursor: pointer !important;
}

div.tokenizer .token:hover,
div.tokenizer .token:hover span {
  text-decoration: none;
}

div.tokenizer .token span {
  background-position: top right;
  background-repeat: no-repeat;
  display: block;
}

div.tokenizer .token span span {
  background-position: bottom right;
}

div.tokenizer .token span span span {
  background-position: bottom left;
}

div.tokenizer .token span span span span {
  background-image: none;
  padding: 2px 3px 2px 5px;
}

div.tokenizer .token span span span span span.hidden {
  display: none;
  margin: 0;
  padding: 0;
}

div.tokenizer .token span span span span img {
  width: 16px;
  margin: 0 5px -3px 0;
}

div.tokenizer .token span.x,
div.tokenizer .token span.x_hover,
div.tokenizer .token:hover span.x,
div.tokenizer .token:hover span.x_hover {
  background-position: 5px;
  cursor: pointer;
  display: inline;
  padding: 0px 7px 0px 4px;
}

div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span {
  color: white;
  text-decoration: none;
}

div.tokenizer .token_selected.token-valid,
div.tokenizer .token_selected.token-valid span,
div.tokenizer .token_selected.token-valid:hover,
div.tokenizer .token_selected.token-valid:hover span {
  background-image: url("/static/images/tokens/token_selected-vfl6BDgcp.png");
}

div.tokenizer .token_selected.token-error,
div.tokenizer .token_selected.token-error span,
div.tokenizer .token_selected.token-error:hover,
div.tokenizer .token_selected.token-error:hover span {
  background-image: url("/static/images/tokens/er_token_selected-vflutxYy5.png");
}

div.tokenizer .token_selected.token-warn,
div.tokenizer .token_selected.token-warn span,
div.tokenizer .token_selected.token-warn:hover,
div.tokenizer .token_selected.token-warn:hover span {
  background-image: url("/static/images/tokens/w_token_selected-vflbeHi5X.png");
}

div.autocomplete {
  position: absolute;
  margin: -1px 0 0 0;
  padding: 0px;
  text-align: left;
  z-index: 1;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border: 1px solid #e5e5e5;
  background-color: #f9fcff;
}

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 44px;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}

div.autocomplete ul li.selected {
  background-color: #d5ecff;
}

.autocomplete-match {
  font-weight: bold;
}

.autocomplete-secondary {
  color: #666666;
}

.autocomplete-left, .import-contacts-autocomplete-item {
  float: left;
  padding: 8px 8px 0px 8px;
  width: 28px;
  height: 28px;
  text-align: center;
}

.autocomplete-left img, .import-contacts-autocomplete-item img {
  vertical-align: middle;
}

.autocomplete-line {
  line-height: 1.3em;
  margin-top: 4px;
  min-height: 5px;
}

.autocomplete-line-center {
  line-height: 1.3em;
  margin-top: 14px;
}

.contact-importer-img {
  margin-right: 2px;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
@-webkit-keyframes lightbox-selection-wiggobble {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  67% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes lightbox-selection-wiggobble {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  67% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes lightbox-selection-elbboggiw {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  33% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  67% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes lightbox-selection-elbboggiw {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  33% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  67% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes wiggobble {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  67% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes wiggobble {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  67% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.shmodel-body {
  /*************************
     *      ERROR PAGE       *
     *************************/
}

.shmodel-body .dropdown-menu-container {
  position: absolute;
}

.shmodel-body .dropdown-menu-container .chat-bubble {
  display: none;
}

.shmodel-body .dropdown-shown .chat-bubble {
  display: block;
}

.shmodel-body .visibility-description {
  padding: 6px;
}

.shmodel-body .visibility-description .s_web_arrow-down-gray {
  vertical-align: 1px;
  margin-left: 5px;
}

.shmodel-body .visibility-description {
  opacity: .6;
}

.shmodel-body .visibility-description .sprite-div {
  display: inline-block;
  vertical-align: top;
}

.shmodel-body .dropdown-menu-trigger {
  opacity: 1.0;
}

.shmodel-body .dropdown-menu-trigger:hover {
  cursor: pointer;
  background-color: #f7f7f7;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.shmodel-body .visibility-control-container {
  width: 400px;
}

.shmodel-body .visibility-container {
  position: relative;
  top: -27px;
  width: 400px;
}

.shmodel-body .visibility-container .chat-bubble {
  text-align: left;
  position: relative;
  padding: 10px 0px;
  min-width: 200px;
  right: 10px;
  top: 10px;
}

.shmodel-body .visibility-container .chat-bubble .chat-bubble-arrow, .shmodel-body .visibility-container .chat-bubble .chat-bubble-arrow-border {
  left: 40px;
}

.shmodel-body .visibility-container .chat-bubble ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.shmodel-body .visibility-container .chat-bubble ul li.unselectable-option {
  padding: 5px 15px;
  opacity: .4;
}

.shmodel-body .visibility-container .chat-bubble ul li.selectable-option {
  padding: 0;
}

.shmodel-body .visibility-container .chat-bubble ul li.selectable-option button {
  border: 0;
  padding: 5px 15px;
  width: 100%;
  text-align: left;
  background-color: transparent;
}

.shmodel-body .visibility-container .chat-bubble ul li.selectable-option button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.shmodel-body .visibility-container .chat-bubble ul li.selectable-option button:hover {
  background-color: #e1f2ff;
  cursor: pointer;
}

.shmodel-body .visibility-container .chat-bubble ul .sprite_web {
  margin-right: 6px;
  margin-bottom: -3px;
}

.shmodel-body #outer-frame, .shmodel-body #page-content {
  padding: 0;
  margin: 0;
  min-height: 0;
  width: auto;
}

.shmodel-body #outer-frame {
  padding-top: 47px;
}

.shmodel-body #page-content {
  position: relative;
}

.shmodel-body #tabs-container, .shmodel-body #page-header {
  display: none;
}

.shmodel-body #hotbox {
  border-collapse: collapse;
}

.shmodel-body #kill_dl {
  background: #fff;
  position: absolute;
  width: 60px;
  height: 20px;
  z-index: 10;
}

.shmodel-body .err {
  max-width: 700px;
  text-align: center;
  margin: 50px auto;
}

.shmodel-body .err h3 {
  color: #3d464d;
  font-size: 20px;
  margin-top: 25px;
  font-weight: normal;
}

.shmodel-body #register-partial {
  margin-left: auto;
  margin-right: auto;
}

.shmodel-body #shmodel-status {
  position: relative;
  top: -2px;
  padding-right: 5px;
}

.shmodel-body .visibility-team-only-fixed {
  display: none;
}

.shmodel-body .visibility-team-only {
  display: none;
}

.shmodel-body .visibility-public {
  display: block;
}

.shmodel-body #shmodel-status {
  display: none;
}

body.team-only-shmodel .visibility-public {
  display: none;
}

body.team-only-shmodel #shmodel-status {
  display: inline;
}

body.team-only-shmodel .visibility-team-only {
  display: block;
}

body.team-only-shmodel div.tokenizer .token.token-warn,
body.team-only-shmodel div.tokenizer .token.token-warn span {
  background-image: url("/static/images/tokens/er_token-vflniwpEy.png");
}

body.team-only-shmodel div.tokenizer .token.token-warn:hover,
body.team-only-shmodel div.tokenizer .token.token-warn:hover span {
  background-image: url("/static/images/tokens/er_token_hover-vflXal_JN.png");
}

body.team-only-shmodel div.tokenizer .token.token-warn span.x,
body.team-only-shmodel div.tokenizer .token.token-warn span.x_hover,
body.team-only-shmodel div.tokenizer .token.token-warn:hover span.x,
body.team-only-shmodel div.tokenizer .token.token-warn:hover span.x_hover {
  background-image: url("/static/images/tokens/er_token_close-vflw-1uHD.png");
  cursor: pointer !important;
}

body.team-only-shmodel-fixed .visibility-team-only {
  display: none;
}

body.team-only-shmodel-fixed .visibility-team-only-fixed {
  float: left;
  display: block;
}

#content-wrapper {
  position: relative;
  width: 952px;
  margin: 0 auto 40px;
  padding: 0 10px;
}

#content-wrapper #top-bar {
  position: relative;
}

#content-wrapper #album-top-bar {
  padding: 24px 0 26px 0;
}

#content-wrapper #album-top-bar .album-info {
  float: left;
}

#content-wrapper #album-top-bar .album-info .album-name {
  font-size: 20px;
  font-weight: normal;
  padding-bottom: 4px;
  line-height: normal;
}

#content-wrapper #album-top-bar .album-info .album-desc {
  color: #888;
}

#content-wrapper #album-top-bar .album-buttons {
  float: right;
  margin-top: 8px;
  margin-right: 4px;
}

#content-wrapper #album-top-bar .album-buttons a.freshbutton-lightblue,
#content-wrapper #album-top-bar .album-buttons a.freshbutton-blue {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

#content-wrapper #album-top-bar .album-buttons a.freshbutton-lightblue#owner-menu-button,
#content-wrapper #album-top-bar .album-buttons a.freshbutton-lightblue#non-owner-menu-button,
#content-wrapper #album-top-bar .album-buttons a.freshbutton-blue#owner-menu-button,
#content-wrapper #album-top-bar .album-buttons a.freshbutton-blue#non-owner-menu-button {
  padding: 4px 6px;
}

#content-wrapper #album-top-bar .album-buttons a.freshbutton-lightblue#owner-menu-button .sprite,
#content-wrapper #album-top-bar .album-buttons a.freshbutton-lightblue#non-owner-menu-button .sprite,
#content-wrapper #album-top-bar .album-buttons a.freshbutton-blue#owner-menu-button .sprite,
#content-wrapper #album-top-bar .album-buttons a.freshbutton-blue#non-owner-menu-button .sprite {
  margin-right: 0;
}

#content-wrapper #album-top-bar .album-buttons #owner-menu,
#content-wrapper #album-top-bar .album-buttons #non-owner-menu {
  margin-top: 3px;
  width: auto;
}

#shmodel-content-area {
  /************************
     *     CONTENT FLAG     *
     ************************/
}

#shmodel-content-area h1 {
  font-size: 18px;
}

#shmodel-content-area .filename-below {
  margin-top: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  display: none;
}

#shmodel-content-area #default-content {
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
  margin-top: 100px;
}

#shmodel-content-area #default-content .filename {
  padding-top: 15px;
  text-align: center;
  color: #000;
  font-size: 16px;
}

#shmodel-content-area #default-content #shmodel-owner {
  margin-top: 5px;
}

#shmodel-content-area #default-content .meta {
  margin: 5px 0 25px 0;
}

#shmodel-content-area #default-content a.freshbutton-blue, #shmodel-content-area #default-content a.freshbutton-lightblue {
  margin: 10px;
}

#shmodel-content-area #default-content a.disabled-button {
  opacity: .4;
  cursor: default;
}

#shmodel-content-area #video-preview-flash-message {
  display: none;
}

#shmodel-content-area .content-flag {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  position: fixed;
  bottom: 7px;
  left: 10px;
  border: 1px solid transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/images/contentflag-vfl6np-Y7.png);
  text-indent: -900px;
  overflow: hidden;
}

#shmodel-content-area .content-flag:hover {
  background-color: #F2FAFE;
  border-top: 1px solid #88CEFB;
  border-right: 1px solid #69B9EC;
  border-bottom: 1px solid #45A1DB;
  border-left: 1px solid #69B9EC;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px #FFF;
}

body.file-preview-body #shmodel-content-area #default-content,
.preview-box {
  display: none;
}

body.file-preview-body #shmodel-content-area .preview-box {
  display: block;
}

body.file-preview-body #shmodel-content-area .preview-box .video-loading {
  margin: auto;
  width: 18px;
}

.shmodel-body.photo-zoom #file-comments {
  display: none;
  width: 0px;
}

.shmodel-body.photo-zoom #outer-frame {
  top: 0px;
  padding: 10px;
}

.shmodel-body.photo-zoom .nav-header,
.shmodel-body.photo-zoom .content-flag {
  display: none;
}

.shmodel-body.photo-zoom #shmodel-content-area {
  top: 0px;
}

.shmodel-body.photo-zoom #shmodel-content-area .filename-below,
.shmodel-body.photo-zoom #shmodel-content-area #preview-img {
  display: none;
}

.shmodel-body.photo-zoom #shmodel-content-area #full-img {
  display: block;
}

#download-menu-button {
  /* if only we had a standardized dropdown button component... */
}

#download-menu-button .sprite {
  margin-left: 3px;
  margin-right: -8px;
}

#download-menu-button .s_web_arrow-down-blue {
  margin-bottom: 2px;
  margin-left: 6px;
  margin-right: -4px;
}

.nav-header {
  height: 30px;
  padding: 10px;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  background-color: #FFF;
  z-index: 10;
  border-bottom: 1px solid #e5e5e5;
}

.top-notification-bar .nav-header {
  top: 51px;
}

.nav-header #account-header .header-nav-link {
  line-height: 30px;
}

.nav-header #account-header .avatar-wrapper {
  vertical-align: middle;
  display: inline-block;
}

.nav-header .logo {
  line-height: 30px;
  display: inline-block;
}

.nav-header .logo img {
  max-width: 140px;
  max-height: 30px;
  vertical-align: middle;
}

.nav-header .logo img.big {
  display: none;
}

.nav-header .logo img.custom-team-logo {
  vertical-align: top;
}

.nav-header .filename {
  display: none;
  font-size: 14px;
  color: #444;
  margin-left: 10px;
  line-height: 30px;
  vertical-align: top;
}

.nav-header #shmodel-owner {
  margin-left: 5px;
  font-size: 13px;
}

.nav-header .nav-close {
  float: right;
  position: absolute;
  right: 9px;
  top: 15px;
  cursor: pointer;
}

.nav-header .buttons {
  position: absolute;
  right: 29px;
  top: 8px;
}

.nav-header .buttons #account-header {
  padding-top: 0px;
}

.nav-header .buttons a.freshbutton-lightblue,
.nav-header .buttons a.freshbutton-blue {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.nav-header .buttons a.disabled-button {
  opacity: .4;
  cursor: default;
}

.nav-header .buttons .link-wrapper {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid #bfbfbf;
  top: -2px;
  position: relative;
}

.nav-header .buttons .link-wrapper .copy-icon {
  height: 18px;
  padding: 5px;
  border-right: 1px solid #bfbfbf;
  vertical-align: middle;
}

.nav-header .buttons .link-wrapper .copy-icon img {
  vertical-align: -3px;
  margin-left: 3px;
}

.nav-header .buttons .link-wrapper .short-link {
  border-width: 0px;
  width: 120px;
  text-align: right;
  padding: 5px;
  height: 18px;
  box-shadow: 0px 3px 3px #eee;
  /* only inner shadow */
}

.nav-header #account-header {
  display: inline-block;
  float: none;
  vertical-align: top;
  line-height: 30px;
}

.nav-header #account-header ul.nav {
  -webkit-padding-start: 0px;
  padding-left: 0px;
}

.nav-header #account-header ul.nav #notification-feed-nav-link .header-nav-link span.freshbubble#new-notification-count {
  top: 0;
}

.nav-header #account-header ul.nav .header-nav-link:not(.sprite-button) {
  margin: 0;
}

.nav-header #account-header ul.nav #login-hover-link {
  padding: 0px !important;
  margin: 0 0 0 20px;
}

.nav-header #account-header ul.nav #login-hover-cont {
  line-height: normal;
}

.nav-header #account-header .sub-nav {
  right: 10px;
  margin-top: 20px;
  line-height: normal;
}

.nav-header #account-header .sub-nav#notification-nav-link {
  margin-top: 17px;
  right: 0;
}

.nav-header #account-header .bubble-dropdown {
  line-height: normal;
}

.nav-header #owner-menu-button,
.nav-header #non-owner-menu-button {
  padding: 4px 6px;
}

.nav-header #owner-menu-button .sprite,
.nav-header #non-owner-menu-button .sprite {
  margin-right: 0;
}

.nav-header #owner-menu,
.nav-header #download-menu {
  width: auto;
}

.nav-header .download-menu-team-assume-user-offset {
  top: 36pt !important;
  left: -30pt !important;
  width: 135pt !important;
}

body.empty-folder #top-bar,
body.empty-folder #album-top-bar {
  display: none;
}

body.empty-folder #content-wrapper {
  text-align: center;
}

body.empty-folder #content-wrapper img {
  margin: 80px 0 20px;
}

body.empty-folder #content-wrapper h3 {
  color: #777;
  font-size: 24px;
  font-weight: normal;
}

body.empty-folder .buttons a.a2md-button {
  display: none !important;
}

.shmodel-body.shmodel-album {
  background: #fff;
}

.shmodel-body.shmodel-album.anonymous-album #content-wrapper #album-top-bar .album-info .album-name {
  padding-bottom: 0px;
  margin-top: 2px;
}

.shmodel-body.shmodel-album.anonymous-album #content-wrapper #album-top-bar .album-info .album-desc {
  display: none;
}

.shmodel-body.shmodel-album.anonymous-album #content-wrapper #album-top-bar .album-buttons {
  margin-top: 0px;
}

.shmodel-body.shmodel-album #outer-frame {
  padding-top: 0;
}

.shmodel-body.shmodel-album #gallery-list-toggle {
  display: none;
}

.shmodel-body.shmodel-album .nav-header {
  position: static;
  box-shadow: none;
}

.shmodel-body.shmodel-album .nav-header .buttons a.freshbutton-lightblue,
.shmodel-body.shmodel-album .nav-header .buttons a.freshbutton-blue {
  display: none !important;
}

.shmodel-body.shmodel-album .nav-header:before {
  display: none;
}

.shmodel-body.shmodel-album #content-wrapper {
  width: 100%;
  padding: 0;
  margin: auto;
}

.shmodel-body.shmodel-album .gallery-view-section {
  border: none;
  padding: 0;
  margin: 0;
}

.shmodel-body.shmodel-album #gallery-view-media {
  padding: 0;
}

.shmodel-body.shmodel-album #gallery-view-media li {
  background-color: #fff;
  width: 256px;
  height: 256px;
  line-height: 256px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.shmodel-body.shmodel-album #gallery-view-media li img.thumbnail {
  width: 256px;
  height: 256px;
}

.nav-header:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  zpadding-bottom: 12px;
  height: 1px;
  z-index: 10;
}

#shmodel-owner {
  color: #7b8994;
}

/*************************
 *      FOLDER SHARE     *
 *************************/
.shmodel-body #page-content .folder_preview {
  margin: 20px auto;
  width: 800px;
  padding: 5px 30px;
  background-color: #FFF;
}

.shmodel-body #page-content .shmodel-comments #file-comments {
  position: fixed;
  right: 0;
  top: 51px;
  bottom: 0;
}

.shmodel-body #page-content .gremo {
  margin-top: 9px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 3px;
}

.shmodel-body #page-content .gallery-wrapper {
  position: relative;
}

.shmodel-body #page-content #gallery-view {
  margin: 2em 0 0;
}

.shmodel-body #page-content .sh_header {
  padding: 0 6px;
}

.shmodel-body #page-content .sh_header * {
  float: left;
}

.shmodel-body #page-content .sh_header .filename {
  width: 53%;
}

.shmodel-body #page-content .sh_header .filesize {
  width: 23%;
}

.shmodel-body #page-content ol.browse-files {
  -webkit-padding-start: 0px;
  padding-left: 0;
  margin-left: 0;
}

.shmodel-body #page-content #lightbox_delete_link {
  display: none;
}

/* All mobile-ish, high resolution devices, iPhone 4+ & iPad 3+, and android */
@media only screen and (-webkit-min-device-pixel-ratio: 1.1) {
  .nav-header .logo img.small {
    display: none;
  }
  .nav-header .logo img.big {
    display: inline;
  }
}

/* Smartphones / Small Screens ----------- */
.shmodel-body.mobile #modal-behind {
  width: 460px !important;
}

.shmodel-body.mobile #modal {
  width: 440px !important;
  margin-left: -220px !important;
}

.shmodel-body.mobile #page-content .nav-header .filename,
.shmodel-body.mobile #page-content .nav-header #account-header {
  display: none;
}

.shmodel-body.mobile #page-content #content-wrapper {
  width: 400px;
}

.shmodel-body.mobile #page-content #content-wrapper #list-view-container .browse-file:first-child,
.shmodel-body.mobile #page-content #content-wrapper #gallery-view-container .browse-file:first-child {
  border-width: 0 0 0 0;
}

.shmodel-body.mobile #page-content #content-wrapper #list-view-container #list-view-header,
.shmodel-body.mobile #page-content #content-wrapper #list-view-container .filesize-col,
.shmodel-body.mobile #page-content #content-wrapper #list-view-container .modified-col,
.shmodel-body.mobile #page-content #content-wrapper #gallery-view-container #list-view-header,
.shmodel-body.mobile #page-content #content-wrapper #gallery-view-container .filesize-col,
.shmodel-body.mobile #page-content #content-wrapper #gallery-view-container .modified-col {
  display: none;
}

.shmodel-body.mobile #page-content #content-wrapper #list-view-container .filename-col,
.shmodel-body.mobile #page-content #content-wrapper #gallery-view-container .filename-col {
  width: 100%;
}

.shmodel-body.mobile.file-preview-body .filename-below {
  display: inline-block;
}

@media only screen and (max-width: 700px) {
  .nav-header .filename,
  .nav-header #account-header {
    display: none;
  }
}

/*************************
 *      PROMO MODAL      *
 *************************/
#shmodel-promo-modal {
  text-align: center;
}

#shmodel-promo-modal #shmodel-promo-header {
  margin: 0;
  font-size: 26px;
  font-weight: bold;
}

#shmodel-promo-modal #shmodel-promo-subheader {
  color: #888;
  font-size: 18px;
  font-weight: normal;
}

#shmodel-promo-modal #shmodel-promo-table {
  margin: auto;
}

#shmodel-promo-modal #shmodel-promo-table td {
  padding: 0 8px;
}

#shmodel-promo-modal #shmodel-promo-table td .shmodel-promo-desc {
  margin: -15px auto 0 auto;
  width: 200px;
}

/*************************
 *        SHMODAL        *
 *************************/
#modal #shmodal-title,
.db-modal #shmodal-title {
  padding-right: 39px;
  text-align: right;
}

#modal #shmodal-title #shmodal-title-text,
.db-modal #shmodal-title #shmodal-title-text {
  text-align: left;
  float: left;
}

#modal #shmodal-title .freshtoggle,
.db-modal #shmodal-title .freshtoggle {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

#modal #shmodal-title .freshtoggle img,
#modal #shmodal-title .freshtoggle .sprite,
.db-modal #shmodal-title .freshtoggle img, .db-modal #shmodal-title .freshtoggle .sprite {
  display: block;
}

#modal .bottom-row,
.db-modal .bottom-row {
  width: 576px;
}

#modal .shmodal-image,
.db-modal .shmodal-image {
  display: block;
  width: 98px;
  height: 98px;
  line-height: 98px;
  margin: 1px 16px 0 1px;
  text-align: center;
  font-size: 0;
}

#modal .shmodal-image.thumbnail,
.db-modal .shmodal-image.thumbnail {
  background-color: #f6f6f6;
  border-radius: 2px;
  box-shadow: 0 0 1px #000;
}

#modal .shmodal-image img,
.db-modal .shmodal-image img {
  max-width: 98px;
  max-height: 98px;
  vertical-align: middle;
  border-radius: 2px;
}

#modal #shmodal-send-content #shmodal-send-form table,
.db-modal #shmodal-send-content #shmodal-send-form table {
  border-spacing: 0px;
}

#modal #shmodal-send-content #shmodal-send-form table td,
.db-modal #shmodal-send-content #shmodal-send-form table td {
  padding: 0;
  vertical-align: top;
}

#modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs,
.db-modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs {
  width: 459px;
}

#modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs .tokenizer,
.db-modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs .tokenizer {
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs .custom-message-container,
.db-modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs .custom-message-container {
  z-index: 0;
}

#modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs .custom-message-container textarea,
.db-modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs .custom-message-container textarea {
  height: 58px;
  padding: 5px 7px 3px 7px;
  border-top: none;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
}

#modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs .custom-message-container label,
.db-modal #shmodal-send-content #shmodal-send-form #shmodal-send-form-inputs .custom-message-container label {
  top: 3px;
  color: #ccc;
}

#modal #shmodal-send-content #shmodal-copy-link,
.db-modal #shmodal-send-content #shmodal-copy-link {
  margin-left: 7px;
}

#modal #shmodal-fb-content .fb-post-sickinput input,
.db-modal #shmodal-fb-content .fb-post-sickinput input {
  padding: 4px 5px 5px 7px;
  width: 560px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#modal #shmodal-fb-content .fb-post-sickinput label,
.db-modal #shmodal-fb-content .fb-post-sickinput label {
  top: 5px;
}

#modal #shmodal-fb-content #shmodal-fb-post-preview,
.db-modal #shmodal-fb-content #shmodal-fb-post-preview {
  background: #fff;
  width: 566px;
  padding: 3px;
  border: 1px solid #e5e5e5;
  border-top: none;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#modal #shmodal-fb-content #shmodal-fb-post-preview .link-image,
.db-modal #shmodal-fb-content #shmodal-fb-post-preview .link-image {
  height: 54px;
  vertical-align: top;
}

#modal #shmodal-fb-content #shmodal-fb-post-preview .link-image img,
.db-modal #shmodal-fb-content #shmodal-fb-post-preview .link-image img {
  max-width: 54px;
  max-height: 54px;
  vertical-align: middle;
}

#modal #shmodal-fb-content #shmodal-fb-post-preview .link-info,
.db-modal #shmodal-fb-content #shmodal-fb-post-preview .link-info {
  padding-left: 5px;
  color: #000;
  line-height: 1.5em;
}

#modal #shmodal-fb-content #shmodal-fb-post-preview .link-info .link-name,
.db-modal #shmodal-fb-content #shmodal-fb-post-preview .link-info .link-name {
  font-weight: 600;
  font-size: 14px;
}

#modal #shmodal-fb-content #shmodal-fb-post-preview .link-info .link-domain,
.db-modal #shmodal-fb-content #shmodal-fb-post-preview .link-info .link-domain {
  font-size: 12px;
}

#modal #shmodal-twitter-content table,
.db-modal #shmodal-twitter-content table {
  border-spacing: 0px;
}

#modal #shmodal-twitter-content table td,
.db-modal #shmodal-twitter-content table td {
  padding: 0;
  vertical-align: top;
}

#modal #shmodal-twitter-content #shmodal-twitter-post-preview #shmodal-twitter-profile,
.db-modal #shmodal-twitter-content #shmodal-twitter-post-preview #shmodal-twitter-profile {
  margin-top: -4px;
  margin-bottom: 9px;
}

#modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput,
.db-modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput {
  height: 100px;
}

#modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput textarea,
.db-modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput textarea {
  width: 445px;
  height: 86px;
  padding: 6px;
}

#modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput label,
.db-modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput label {
  top: 5px;
}

#modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput.shrank,
.db-modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput.shrank {
  padding-top: 2px;
  height: 53px;
}

#modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput.shrank textarea,
.db-modal #shmodal-twitter-content #shmodal-twitter-post-preview .twitter-post-sickinput.shrank textarea {
  height: 43px;
}

#modal #shmodal-twitter-content #twitter-chars,
.db-modal #shmodal-twitter-content #twitter-chars {
  padding-right: 11px;
}

/*************************
 *     FEATURES PAGE     *
 *************************/
#shmodel-features {
  text-align: center;
}

#shmodel-features h1 {
  margin: 0;
  color: #000;
  font-size: 40px;
}

#shmodel-features h2 {
  padding: 0;
  color: #888;
  font-size: 17px;
  font-weight: normal;
}

#shmodel-features #try-now {
  margin-top: 36px;
  margin-bottom: -48px;
}

#shmodel-features .amazingbox {
  width: 835px;
  margin-top: 60px;
}

#shmodel-features #shmodel-feature-set {
  width: 100%;
  margin-top: 36px;
  text-align: center;
}

#shmodel-features #shmodel-feature-set td {
  padding-left: 23px;
}

#shmodel-features #shmodel-feature-set .feature-image {
  float: left;
  margin: 5px 9px 46px;
}

#shmodel-features #shmodel-feature-set .feature-image.folderlink {
  padding-right: 6px;
}

#shmodel-features #shmodel-feature-set .feature-image.lightning {
  margin-right: 2px;
}

#shmodel-features #shmodel-feature-set .desc {
  text-align: left;
  line-height: 1.6em;
  width: 270px;
}

#shmodel-features #shmodel-feature-set .desc h3 {
  color: #000;
  font-size: 16px;
  font-weight: normal;
}

#shmodel-features #how-to {
  width: 960px;
  margin-top: 48px;
  margin-left: -1000px;
  padding-left: 1000px;
  padding-right: 1000px;
  text-align: left;
  line-height: 1.6em;
}

#shmodel-features #how-to h3 {
  color: #000;
  font-size: 22px;
  font-weight: normal;
}

#shmodel-features #how-to #how-to-screenshots {
  width: 100%;
  margin-top: 24px;
}

#shmodel-features #how-to #how-to-screenshots .shmodel-screenshot {
  width: 274px;
  text-align: right;
}

#shmodel-features #how-to #how-to-screenshots .shmodel-screenshot .caption {
  margin-top: -7px;
  font-size: 11px;
  color: #8fa7ba;
}

#shmodel-features #how-to #how-to-screenshots .shmodel-screenshot.left {
  float: left;
}

#shmodel-features #how-to #how-to-screenshots .shmodel-screenshot.middle {
  margin: auto;
}

#shmodel-features #how-to #how-to-screenshots .shmodel-screenshot.right {
  float: right;
}

#shmodel-features #online-viewing {
  margin-top: 50px;
}

#shmodel-features #online-viewing #online-viewing-image {
  float: left;
}

#shmodel-features #online-viewing #online-viewing-desc {
  text-align: left;
  line-height: 1.8em;
  padding-top: 40px;
  margin-left: 715px;
}

#shmodel-features #online-viewing #online-viewing-desc h3 {
  color: #000;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 16px;
}

/*************************
 *    GALLERY MODE       *
 *************************/
div#folder-title {
  margin-top: 32px;
}

div#folder-title h3 {
  font-size: 18px;
  font-weight: normal;
  display: inline;
  margin-right: 10px;
}

#gallery-list-toggle {
  position: absolute;
  top: 0;
  right: 0;
}

#gallery-list-toggle a {
  display: inline-block;
  zoom: 1;
  padding: 7px 9px;
  border: 1px solid #79BCEA;
  border-radius: 2px;
  background-color: #f3fafe;
  box-shadow: 0px 1px 1px #ccc, -1px 1px 1px #fff;
  text-decoration: none;
}

#gallery-list-toggle a div {
  width: 14px;
  height: 14px;
  float: left;
}

#gallery-list-toggle a#gallery-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#gallery-list-toggle a#list-toggle {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#gallery-list-toggle a.selected {
  background-color: #d9e7f0;
  box-shadow: inset 1px 1px 3px #c4d0d9;
}

.gallery-view-section {
  background-color: #fff;
  border: 1px solid #ccdbeb;
  border-radius: 2px;
  padding-top: 16px;
  padding-left: 16px;
  /* get rid of extra IE7 margin on ol tags. */
  /* see: http://stackoverflow.com/questions/837762/why-are-my-ul-and-ol-lists-not-displaying-properly-in-ie7 */
  margin-left: 0px;
}

#gallery-view-folders {
  /* by default, assume three-folder-columns */
}

#gallery-view-folders li {
  display: block;
  width: 290px;
  float: left;
  line-height: 32px;
  margin-bottom: 16px;
  margin-right: 16px;
  white-space: nowrap;
  overflow: hidden;
}

#gallery-view-folders li img {
  vertical-align: bottom;
  margin-right: 8px;
}

#gallery-view-folders.one-folder-columns li {
  width: 910px;
}

#gallery-view-folders.two-folder-columns li {
  width: 445px;
}

#gallery-view-folders.three-folder-columns li {
  width: 290px;
}

#gallery-view-media {
  padding-bottom: 12px;
}

#gallery-view-media li {
  display: block;
  float: left;
  border: 1px solid #e2edf5;
  background-color: #f6f6f6;
  margin-right: 4px;
  margin-bottom: 4px;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
  font-size: 0;
  /* to deal with extra spacing in html */
}

#gallery-view-media li.wiggobble {
  -webkit-animation: wiggobble 0.58s;
          animation: wiggobble 0.58s;
}

#gallery-view-media a img {
  vertical-align: middle;
}

#gallery-view-media img.video-overlay {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

#gallery-view-files {
  margin-top: 24px;
}

ol.browse-files {
  padding: 0 0 9px;
}

.gallery-list-view {
  margin: 0;
}

.gallery-list-view .browse-file {
  text-align: left;
  padding: 7px 0;
  margin: 0 0px;
  line-height: 32px;
  color: #555;
  border-width: 1px 0 0 0;
}

.gallery-list-view .browse-file:first-child {
  border-width: 0 0 0 0;
  padding-top: 0;
}

.gallery-list-view .browse-file div {
  display: block;
  cursor: default;
}

.gallery-list-view .browse-file img.icon {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 11px;
  display: block;
  overflow: hidden;
  background-color: transparent;
  vertical-align: bottom;
  border: 1px solid transparent;
  cursor: pointer;
}

.gallery-list-view .browse-file img.thumbnail {
  border-color: #B1B1B1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.gallery-list-view .browse-file .comment-count-bubble-wrapper {
  cursor: pointer;
  display: inline-block;
  float: none;
  margin-left: 10px;
}

#list-view-container {
  margin: 13px 0;
  padding-right: 16px;
}

#list-view-container .browse-files .browse-file {
  border-width: 1px 0 0 0;
}

#list-view-container .browse-file:first-child {
  padding-top: 7px;
}

#list-view-container #list-view-header {
  color: #777;
  margin: 4px 0 10px;
}

.list-view-cols div {
  float: left;
  display: block;
}

.list-view-cols .filename-col {
  width: 558px;
}

.list-view-cols .filesize-col {
  width: 186px;
}

.list-view-cols .modified-col {
  float: left;
}

body.nonmedia-folder #gallery-view-media {
  display: none;
}

body.nonmedia-folder #gallery-view-files {
  border-radius: 2px;
}

body.nonmedia-folder.file-preview-body .nav-header .filename,
body.nonmedia-folder.file-preview-body #shmodel-content-area .filename-below, body.nonempty-folder.file-preview-body .nav-header .filename,
body.nonempty-folder.file-preview-body #shmodel-content-area .filename-below {
  display: none;
}

/*************************
 *       C2D MODAL       *
 *************************/
#c2d-modal #create-account-content p,
#c2d-modal #login-account-content p, #c2d-modal-personal #create-account-content p,
#c2d-modal-personal #login-account-content p, #c2d-modal-work #create-account-content p,
#c2d-modal-work #login-account-content p {
  margin: 0 15px;
}

#c2d-modal #login-table, #c2d-modal-personal #login-table, #c2d-modal-work #login-table {
  margin: 0 auto;
}

#c2d-modal #login-table td, #c2d-modal-personal #login-table td, #c2d-modal-work #login-table td {
  width: 210px;
}

#c2d-modal .login-register-container {
  margin: auto;
  width: 400px;
}

#c2d-modal .hr-label__text {
  background-color: #f6f9fc;
}

.shmodel-async-login-modal .db-login-container {
  margin-left: 108px;
}

.tutorial-bubble-x-link {
  float: right;
  padding: 0px 0px 5px 5px;
}

#shmodel-folder-tutorial-intro-bubble {
  position: fixed;
  margin-left: 50%;
  left: -187.5px;
  top: 90px;
}

#shmodel-folder-tutorial-file-list-bubble {
  position: fixed;
  z-index: 100;
}

#shmodel-folder-tutorial-view-mode-bubble {
  position: absolute;
}

#shmodel-folder-tutorial-download-bubble {
  position: absolute;
}

#shmodel-folder-tutorial-share-bubble {
  position: absolute;
}

#shmodel-folder-tutorial-signup-bubble {
  position: absolute;
}

#htmlified {
  width: 100%;
  border: 0;
  overflow: hidden;
}

.get-link-icon {
  margin-top: -1px;
  margin-right: 10px;
}

#get-link-input {
  width: 510px;
}

body.framed .nav-header .filename {
  display: inline-block;
}

.non-owner-remove-link-text {
  white-space: nowrap;
}

#non-owner-menu .remove-link .sprite-div .sprite-frame {
  vertical-align: top;
  padding-top: 2px;
}

.no_download_bubble {
  width: 200px;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.db-modal .sick-input input,
.db-modal .sick-input textarea, #modal .sick-input input,
#modal .sick-input textarea {
  border-color: #e5e5e5;
  background: #fff;
}

.db-modal-wrapper.ajax-loading .ajax-loading-indicator {
  display: inline;
}

.db-modal-wrapper.ajax-loading .confirm-button, .db-modal-wrapper.ajax-loading .share-invite-button {
  opacity: 0.5;
}

.db-modal-wrapper--preloaded .db-modal {
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.db-modal {
  z-index: 1000;
  position: absolute;
  width: 640px;
  border: 0;
  border-radius: 6px;
}

.db-modal .db-modal-title {
  box-sizing: content-box;
  font-size: 18px;
  font-weight: normal;
  padding: 20px 32px;
  line-height: normal;
  background: none;
  margin: 0;
  min-height: 24px;
}

.db-modal .db-modal-title .db-modal-h-img {
  display: none;
  padding-right: 6px;
  vertical-align: middle;
}

.db-modal .db-modal-title .db-modal-title-text {
  display: inline;
}

.db-modal .db-modal-content {
  box-sizing: content-box;
  border-top: 1px solid #e5e5e5;
  background: #f6f9fc;
  padding: 32px;
  line-height: 1.8em;
  font-size: 13px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.db-modal .db-modal-content.db-modal-content--notitle {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.db-modal .db-modal-content .dynamic-content {
  margin: 0px;
  padding: 0px;
}

.db-modal .db-modal-content .dynamic-content .loading-spinner {
  text-align: center;
  margin: 3em 0;
}

.db-modal .db-modal-content .db-modal-prompt-text {
  margin-bottom: 20px;
}

.db-modal .db-modal-content .simple-modal-word-wrap-content {
  word-wrap: break-word;
}

.db-modal .bottom-row.db-modal-message {
  position: relative;
}

.db-modal .bottom-row.db-modal-message .db-modal-lower-left-message {
  width: 280px;
  float: left;
  position: absolute;
  bottom: 0;
}

.db-modal .db-modal-buttons {
  margin-top: 20px;
  text-align: right;
}

.db-modal .db-modal-buttons .dbmodal-loading {
  margin-left: 12px;
  vertical-align: middle;
}

.db-modal .db-modal-buttons .dbmodal-button {
  margin-left: 12px;
}

.db-modal .confirm-button, .db-modal .cancel-button {
  margin-left: 12px;
}

.db-modal--clean-style .db-modal {
  background-color: white;
}

.db-modal--clean-style .db-modal .db-modal-content {
  background-color: transparent;
  border-top: 0;
  border-radius: 5px;
  text-align: center;
}

.db-modal--clean-style .db-modal .db-modal-title {
  display: none;
}

.db-modal--clean-style .db-modal .db-modal-buttons {
  text-align: center;
  margin: 20px 0 0 0;
  padding: 0 0 40px;
}

.db-modal--clean-style .db-modal .db-modal-buttons .button-primary {
  display: inline-block;
  min-width: 210px;
  line-height: 36px;
}

.db-modal--clean-style .db-modal .db-modal-buttons .button-primary, .db-modal--clean-style .db-modal .db-modal-buttons .button-secondary, .db-modal--clean-style .db-modal .db-modal-buttons .button-tertiary {
  margin-top: 0px;
}

.db-modal--clean-style .db-modal .db-modal__header {
  font-size: 24px;
  margin: 10px 0 4px;
}

.db-modal--clean-style .db-modal .db-modal__body {
  width: 400px;
  margin: 0 auto;
  font-size: 14px;
  color: #7b8994;
}

.db-modal--clean-style .db-modal .db-modal__alt-action {
  display: block;
  width: auto;
  text-align: center;
  padding: 0 20px 20px;
}

.db-modal--lightbox-style .db-modal,
.db-modal--lightbox-style .db-modal-box,
.db-modal--bare-style .db-modal, .db-modal--bare-style .db-modal-box {
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.db-modal--bare-style .db-modal {
  width: unset;
  box-shadow: none;
}

.db-modal--simple-style .db-modal-overlay {
  display: none;
}

.db-modal--simple-style .db-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: table;
  margin: 0;
}

.db-modal--simple-style .db-modal .db-modal-box {
  border: 0;
  display: table-cell;
  vertical-align: middle;
}

.db-modal--simple-style .db-modal .db-modal-box .db-modal-x {
  display: none;
}

.db-modal--simple-style .db-modal .db-modal-box .db-modal-title {
  padding: 10px 32px;
}

.db-modal--simple-style .db-modal .db-modal-box .db-modal-content {
  padding: 0px 32px;
  border: 0;
  background: #fff;
}

.db-modal--simple-style .db-modal .db-modal-box .db-modal-buttons {
  text-align: left;
}

.db-modal--simple-style .db-modal .db-modal-box .db-modal-buttons .dbmodal-button {
  margin-right: 10px;
  margin-left: 0;
}

.db-modal--normal-size-buttons .db-modal .db-modal-box {
  padding: 40px;
}

.db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal-buttons {
  margin-top: 40px;
  padding: 0;
}

.db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal-buttons .button-primary, .db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal-buttons .button-secondary, .db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal-buttons .button-tertiary {
  min-width: 0;
  margin: 0 auto;
  line-height: normal;
}

.db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal__alt-action {
  margin-top: 10px;
  padding: 0;
}

.carousel-app .db-modal {
  width: 460px;
}

.carousel-app .db-modal .db-modal-content {
  padding: 0;
  background: #fff;
}

.carousel-app .db-modal .db-modal-content .simple-modal-content {
  padding: 20px 24px;
}

.carousel-app .db-modal .db-modal-title {
  padding: 20px 25px 16px;
}

.carousel-app .db-modal .db-modal-buttons {
  padding: 20px 24px;
  margin-top: 0;
}

.carousel-app .db-modal .db-modal-buttons .dbmodal-button {
  margin: 0 0 0 12px;
}

.carousel-app .db-modal--clean-style .db-modal .db-modal-buttons .dbmodal-button {
  margin: 0;
}

#modal {
  z-index: 1000;
  width: 500px;
  position: absolute;
  left: 50%;
  margin: 0 0 0 50px;
  margin-left: -250px;
  border: 0;
  background-color: #fff;
  border-radius: 6px;
}

#modal-box {
  background-color: #fff;
  height: 100%;
  border: 1px solid #7A858D;
  border-radius: 5px;
}

#modal-box h2 {
  font-size: 18px;
  font-weight: normal;
  padding: 20px 32px;
  background: none;
  margin: 0;
}

#modal-box h2 span.step-number {
  color: #888;
  font-weight: normal;
}

#modal-box h2#modal-title {
  word-wrap: break-word;
}

#modal-box h2#modal-title .sprite {
  display: none;
}

#modal-box .ajax-loading .ajax-loading-indicator {
  display: inline;
  margin: 4px;
}

div#modal-content {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #f6f9fc;
  border-top: 1px solid #e5e5e5;
  padding: 32px;
  line-height: 1.8em;
  font-size: 13px;
  word-wrap: break-word;
  -webkit-nbsp-mode: space;
  -webkit-line-break: after-white-space;
}

div#modal-content h5, div#modal-content p {
  line-height: 1.8em;
  font-size: 13px;
}

div#modal-content h5 {
  font-weight: 600;
}

div#modal-content .wide {
  margin-left: -10px;
  margin-right: -10px;
}

div.modal-buttons {
  text-align: right;
  margin-top: 20px;
}

div.modal-buttons .freshbutton, div.modal-buttons .freshbutton-blue {
  margin-left: 10px;
}

html.boxshadow #modal {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

#modal-behind {
  z-index: 999;
  width: 520px;
  position: absolute;
  left: 50%;
  margin: 0 0 0 0px;
  margin-left: -260px;
  border: 0;
  background-color: #000;
}

html.boxshadow #modal-behind {
  background-color: transparent;
}

#modal-content ol {
  margin: 0;
  padding: 0;
}

#modal-content ol li {
  margin: 0 0 1.5em 20px;
  padding: 0;
}

.modal-tabs {
  background: #f4faff;
  border-top: 1px solid #a8ceed;
  border-bottom: 1px solid #a8ceed;
  list-style: none;
  padding: 5px 8px;
  margin: 5px 0px 1.5em 0px;
}

.modal-tabs li {
  float: left;
  margin: 0 10px 0 0;
}

.modal-tabs li a {
  display: block;
  padding: 3px 5px 4px 5px;
  border-radius: 4px;
  border: 1px solid transparent;
}

.modal-tabs li a:hover {
  text-decoration: none;
  background-color: #dfedff;
  border-color: #dfedff;
  color: #2895F1;
}

.modal-tabs li a.selected {
  background: #358cd4;
  color: #fff;
  border-color: #358cd4;
  text-decoration: none;
}

.modal-multi-select {
  overflow: auto;
  border: 1px solid #78b0de;
  height: 200px;
  position: relative;
}

#modal-progress-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  text-align: center;
  color: #616161;
  z-index: 95;
}

#modal-progress-content {
  position: fixed;
  left: 50%;
  top: 275px;
  margin: -42px 0 0 -102px;
  background: #fff;
  z-index: 96;
  text-align: center;
  border: 1px solid #7ad;
  padding: 18px 25px 14px 25px;
}

#modal-progress-text {
  margin-top: 5px;
}

.modal-h-img {
  padding-right: 6px;
  margin-bottom: -8px;
}

#contact-importer, #contact-importer-various {
  text-align: center;
}

#contact-importer #contact-import-buttons, #contact-importer-various #contact-import-buttons {
  padding: 26px 0 26px 0px;
}

#contact-importer #contact-import-buttons .show-contact-importer-various-link, #contact-importer-various #contact-import-buttons .show-contact-importer-various-link {
  margin-top: 15px;
}

#contact-importer .import-contacts-title, #contact-importer-various .import-contacts-title {
  padding-bottom: 10px;
  text-align: center;
  font-size: 20px;
}

#contact-importer .import-contacts-button, #contact-importer-various .import-contacts-button {
  border-radius: 5px;
  font-size: 23px;
  margin: 10px 5px 0px 5px;
  width: 225px;
  height: 65px;
  border-color: #DADADA;
  border-width: 1px;
}

#contact-importer .import-contacts-button:hover, #contact-importer .import-contacts-button.hovered, #contact-importer-various .import-contacts-button:hover, #contact-importer-various .import-contacts-button.hovered {
  box-shadow: none;
}

#contact-importer .import-facebook-friends, #contact-importer-various .import-facebook-friends {
  background: #3b5998;
  padding: 9px 0px 0px 11px;
}

#contact-importer .import-gmail-contacts, #contact-importer-various .import-gmail-contacts {
  padding: 9px 0px 0px 13px;
}

#contact-importer .import-yahoo-contacts, #contact-importer-various .import-yahoo-contacts {
  padding: 9px 0px 0px 10px;
}

#modal #upload-quota-warning-bar-padding {
  height: 41px;
}

#modal #upload-quota-warning-bar {
  height: 37px;
  padding-top: 14px;
  text-align: center;
  font-size: 13px;
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

#modal #upload-quota-warning-bar.lightyellow {
  border-top: 1px solid;
  background: #fffdec;
  border-color: #d8b877;
}

#modal #upload-quota-warning-bar.lightred {
  background-color: #FBD6DC;
  border-top: 1px solid #F2768B;
}

#modal #upload-quota-warning-bar {
  z-index: 1002;
}

#modal #invitations-quota-warning-bar-padding {
  height: 50px;
}

#modal #invitations-quota-warning-bar {
  height: 42px;
  padding-top: 18px;
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

#modal #invitations-quota-warning-bar.lightyellow {
  border-top: 1px solid;
  background: #fffdec;
  border-color: #d8b877;
}

#modal #invitations-quota-warning-bar.lightred {
  background-color: #FBD6DC;
  border-top: 1px solid #F2768B;
}

#modal-overlay, .db-modal-overlay, .db-modal-wrapper {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}

#modal-overlay, .db-modal-overlay {
  background-color: rgba(37, 40, 43, 0.6);
}

.db-modal .db-modal-x {
  position: absolute;
  top: 20px;
  right: 26px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-image: url("/static/images/streams/dismiss-cross-vflIlGysZ.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px;
  cursor: pointer;
}

.db-modal .db-modal-x:focus {
  box-shadow: 0 0 0 2px #A0D1FA;
  border-radius: 5px;
}

.db-modal-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: auto;
}

.db-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  margin: 10vh auto;
  position: relative;
  width: 640px;
  z-index: 1000;
  border: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 4px;
}

.db-modal .db-modal-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.db-modal .db-modal-title {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0;
  padding: 20px 32px;
  line-height: normal;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.db-modal .db-modal-title .db-modal-h-img {
  display: none;
  padding-right: 6px;
  vertical-align: middle;
}

.db-modal .db-modal-title .db-modal-title-text {
  display: inline;
}

.db-modal .db-modal-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto 0;
      -ms-flex: 1 auto 0;
          flex: 1 auto 0;
  box-sizing: content-box;
  padding: 32px;
  background: #f6f9fc;
  border-top: 1px solid #d0d4d9;
}

.db-modal .db-modal-buttons {
  text-align: right;
}

.db-modal .db-modal-buttons .dbmodal-loading {
  margin-left: 12px;
  vertical-align: middle;
}

.db-modal .db-modal-buttons .dbmodal-button + .dbmodal-button {
  margin-left: 12px;
}

.db-modal .confirm-button, .db-modal .cancel-button {
  margin-left: 12px;
}

.db-modal__banner {
  padding: 23px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f6f9fc;
  color: #47525d;
}

.db-modal__banner--warning {
  background-color: #fff5cc;
  color: #996e00;
}

.db-modal__banner :last-child {
  margin-bottom: 0;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.upload-file .upload-progress-bar,
#bulk-upload-status .upload-progress-bar,
#inline-upload-status .upload-progress-bar {
  background-color: #e9f4ff;
}

.upload-file.complete .upload-progress-bar,
#bulk-upload-status.complete .upload-progress-bar,
#inline-upload-status.complete .upload-progress-bar {
  background-color: #ebffd9;
}

.upload-file.error .upload-progress-bar,
#bulk-upload-status.error .upload-progress-bar,
#inline-upload-status.error .upload-progress-bar {
  background-color: #fce3e3;
}

.upload-file.cancelled .upload-progress-bar,
#bulk-upload-status.cancelled .upload-progress-bar,
#inline-upload-status.cancelled .upload-progress-bar {
  background-color: #f8f8f8;
}

.upload-file .small-x-button,
#bulk-upload-status .small-x-button,
#inline-upload-status .small-x-button {
  width: 11px;
  height: 11px;
  background-image: url("/static/images/x-small-inactive-vflYKfRuL.png");
}

.upload-file .small-x-button:hover,
#bulk-upload-status .small-x-button:hover,
#inline-upload-status .small-x-button:hover {
  background-image: url("/static/images/x-small-active-vflYKfRuL.png");
}

.upload-file .small-x-button:active,
#bulk-upload-status .small-x-button:active,
#inline-upload-status .small-x-button:active {
  background-image: url("/static/images/x-small-pressed-vflYKfRuL.png");
}

#quick-send-upload-files-list,
#upload-files-list {
  border: 1px solid #b9b9b9;
}

#quick-send-upload-files-list.scroll,
#upload-files-list.scroll {
  height: 228px;
  overflow-y: scroll;
}

#quick-send-upload-files-list .upload-file,
#upload-files-list .upload-file {
  list-style: none;
  position: relative;
  margin: 0;
  height: 35px;
  line-height: 35px;
  border-top: 1px solid #ddd;
  vertical-align: bottom;
}

#quick-send-upload-files-list .upload-file:first-child,
#upload-files-list .upload-file:first-child {
  border-top: none;
}

#quick-send-upload-files-list .upload-file .upload-progress-bar,
#upload-files-list .upload-file .upload-progress-bar {
  height: 35px;
}

#quick-send-upload-files-list .upload-file .upload-file-info,
#upload-files-list .upload-file .upload-file-info {
  vertical-align: baseline;
  border-collapse: collapse;
  width: 100%;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
}

#quick-send-upload-files-list .upload-file .upload-file-info div,
#upload-files-list .upload-file .upload-file-info div {
  display: block;
}

#quick-send-upload-files-list .upload-file .upload-file-info .filename-col,
#upload-files-list .upload-file .upload-file-info .filename-col {
  float: left;
  width: 300px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .filename-col img,
#upload-files-list .upload-file .upload-file-info .filename-col img {
  margin: 10px 3px -3px 8px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .filename-col .size,
#upload-files-list .upload-file .upload-file-info .filename-col .size {
  color: #888;
}

#quick-send-upload-files-list .upload-file .upload-file-info .dest-col,
#upload-files-list .upload-file .upload-file-info .dest-col {
  float: left;
  width: 170px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .error-col,
#upload-files-list .upload-file .upload-file-info .error-col {
  float: left;
  width: 170px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .error-col .error-msg,
#upload-files-list .upload-file .upload-file-info .error-col .error-msg {
  color: #992826;
}

#quick-send-upload-files-list .upload-file .upload-file-info .error-col .error-details .tooltip-target,
#upload-files-list .upload-file .upload-file-info .error-col .error-details .tooltip-target {
  display: inline-block;
  margin-left: 4px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .error-col .error-details img,
#upload-files-list .upload-file .upload-file-info .error-col .error-details img {
  margin-bottom: -3px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .time-col,
#upload-files-list .upload-file .upload-file-info .time-col {
  float: right;
  margin-right: 28px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .status-col,
#upload-files-list .upload-file .upload-file-info .status-col {
  float: right;
}

#quick-send-upload-files-list .upload-file .upload-file-info .status-col img,
#upload-files-list .upload-file .upload-file-info .status-col img {
  margin: 9px 8px 0 0;
}

#quick-send-upload-files-list .upload-file .upload-file-info .status-col .small-x-button,
#upload-files-list .upload-file .upload-file-info .status-col .small-x-button {
  position: absolute;
  top: 12px;
  right: 10px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .remove-link,
#upload-files-list .upload-file .upload-file-info .remove-link {
  color: #c30;
  cursor: pointer;
  float: right;
  font-size: 9px;
  padding-right: 7px;
}

#quick-send-upload-files-list .upload-file .upload-file-info .share-link,
#upload-files-list .upload-file .upload-file-info .share-link {
  color: #007ee5;
  cursor: pointer;
  float: right;
  padding-right: 7px;
}

.upload-error-tooltip {
  max-width: 300px;
}

#bulk-upload-status {
  position: relative;
  height: 35px;
  line-height: 35px;
  margin-top: 20px;
  border: 1px solid #b9b9b9;
}

#bulk-upload-status .upload-progress-bar {
  height: 35px;
}

#bulk-upload-status .bulk-upload-info {
  border-collapse: collapse;
  width: 100%;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
}

#bulk-upload-status .bulk-upload-info div {
  display: block;
}

#bulk-upload-status .bulk-upload-info .files-info {
  float: left;
  margin-left: 10px;
}

#bulk-upload-status .bulk-upload-info .files-info .num-files {
  font-weight: bold;
}

#bulk-upload-status .bulk-upload-info .files-info .size {
  color: #888;
}

#bulk-upload-status .bulk-upload-info .files-info .num-errors {
  color: #992826;
}

#bulk-upload-status .bulk-upload-info .time-left {
  float: right;
  font-weight: bold;
  margin-right: 31px;
}

#bulk-upload-status .bulk-upload-info .status {
  float: right;
}

#bulk-upload-status .bulk-upload-info .status img {
  margin: 10px 8px 0 0;
}

#bulk-upload-status .bulk-upload-info .status .small-x-button {
  position: absolute;
  top: 12px;
  right: 10px;
}

#bulk-upload-status.error {
  color: #992826;
}

#inline-upload-status {
  position: fixed;
  bottom: 17px;
  margin: 0;
  width: 800px;
  z-index: 5;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

#inline-upload-status .inline-upload-info {
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
}

#inline-upload-status .inline-upload-info div {
  display: block;
}

#inline-upload-status .inline-upload-info .icon {
  float: left;
}

#inline-upload-status .inline-upload-info .icon img {
  margin: 10px 8px 0 11px;
}

#inline-upload-status .inline-upload-info .files-info {
  float: left;
}

#inline-upload-status .inline-upload-info .files-info .files {
  font-weight: bold;
}

#inline-upload-status .inline-upload-info .files-info .num-errors {
  color: #992826;
}

#inline-upload-status .inline-upload-info .status {
  color: #aaa;
  float: right;
  margin-right: 14px;
}

#inline-upload-status .inline-upload-info .status .small-x-button {
  position: absolute;
  top: 14px;
  right: 14px;
}

#inline-upload-status .inline-upload-bar {
  background-color: #e2f0fc;
  height: 5px;
  border-radius: 5px;
}

#inline-upload-status .inline-upload-bar .inline-upload-progress {
  background-color: #97c8f3;
  height: 5px;
}

#inline-upload-status.complete {
  border-color: #26b75d;
}

#inline-upload-status.complete .inline-upload-info {
  background-color: #edfaf1;
}

#inline-upload-status.complete .inline-upload-bar .inline-upload-progress {
  background-color: #63cb89;
}

#inline-upload-status.error {
  border-color: #e3a8a7;
}

#inline-upload-status.error .inline-upload-info {
  background-color: #fef1f1;
}

#inline-upload-status.error .inline-upload-bar .inline-upload-progress {
  background-color: #e3a8a7;
}

#basic-upload-modal #file-box {
  position: absolute;
  cursor: pointer;
  width: 100px;
  margin: 0;
  clip: rect(0px, 100px, 5px, 95px);
  opacity: 0;
}

#basic-upload-modal #basic-upload-status {
  position: relative;
  height: 35px;
  line-height: 35px;
  margin-top: 20px;
  border: 1px solid #b9b9b9;
  background-color: #e9f4ff;
}

#basic-upload-modal #basic-upload-status div {
  display: block;
}

#basic-upload-modal #basic-upload-status .file-info {
  float: left;
}

#basic-upload-modal #basic-upload-status .file-info .icon {
  margin: 0px 3px 0px 8px;
}

#basic-upload-modal #basic-upload-status .file-info .icon img {
  margin-bottom: -3px;
}

#basic-upload-modal #basic-upload-status .status {
  float: right;
  padding: 3px 8px;
}

#upload-promo-modal {
  text-align: center;
}

#upload-promo-modal .promo-header {
  margin-bottom: 7px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

#upload-promo-modal .promo-header .red {
  color: #c30;
}

.uploader-footer-text {
  font-size: 11px;
  line-height: 32px;
  vertical-align: top;
}

.uploader-footer-text a {
  vertical-align: top;
}

.external-drop-indicator {
  position: fixed;
  background-color: #060;
  z-index: 1000;
}

.uploads-disabled .external-drop-indicator,
.external-drop-indicator--uploads-disabled {
  background-color: #e82110;
}

.external-drop-indicator.top {
  top: 0px;
  left: 6px;
  width: 100%;
  height: 6px;
}

.external-drop-indicator.right {
  top: 6px;
  right: 0px;
  width: 6px;
  height: 100%;
}

.external-drop-indicator.bottom {
  bottom: 0px;
  right: 6px;
  width: 100%;
  height: 6px;
}

.external-drop-indicator.left {
  bottom: 6px;
  left: 0px;
  width: 6px;
  height: 100%;
}

#upload-modal-dropzone {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1001;
  color: #000;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #78b0de;
  border-radius: 3px;
}

#upload-modal-dropzone div {
  margin-top: 100px;
}

#upload-modal-dropzone #disabled-upload-message {
  padding-top: 90px;
  line-height: 30px;
}

#modal-content #choose-button {
  margin-right: 10px;
}

/* THIS FILE IS USED BY DESKTOP AND MOBILE WEB */
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.tabbing .button-primary:focus,
.tabbing .button-secondary:focus,
.tabbing .button-tertiary:focus {
  box-shadow: 0 0 0 2px #A0D1FA;
  text-decoration: none;
}

.tabbing .button-primary::-moz-focus-inner,
.tabbing .button-secondary::-moz-focus-inner,
.tabbing .button-tertiary::-moz-focus-inner {
  border-color: transparent;
}

.tabbing .button-as-link:focus {
  text-decoration: underline;
}

.tabbing .sprite-button:focus {
  box-shadow: 0 0 0 2px #A0D1FA;
  margin: -2px;
  padding: 2px;
  text-decoration: none;
  border-radius: 5px;
}

/* HTML button that looks like a link */
.button-as-link {
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: #2895F1;
  background: none;
}

.button-as-link::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-as-link:hover {
  text-decoration: underline;
}

.button-as-link:disabled:hover {
  text-decoration: none;
}

/* TODO: kill freshbuttons!! */
.button-primary,
.button-secondary,
.button-tertiary {
  margin: 2px 0 5px;
  min-height: 34px;
  line-height: normal;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-appearance: none;
  margin-top: 16px;
  padding: 6px 16px;
}

body.ie .button-primary,
body.ie .button-secondary,
body.ie .button-tertiary {
  padding-top: 0;
  padding-bottom: 0;
}

.button-primary.button-small,
.button-secondary.button-small,
.button-tertiary.button-small {
  margin: 0;
  padding: 3px 10px;
  min-height: 30px;
}

/* For legacy support: the old freshbuttons have a
   slightly different height than the new form inputs */
.freshbutton,
.freshbutton-red,
.freshbutton-blue,
.freshbutton-lightblue,
.freshbutton-blue-on-gray,
.freshbutton-gray,
.freshbutton-silver,
.freshbutton-green,
.freshbutton-no-hover {
  padding: 5px 16px;
  border-radius: 3px;
}

.freshbutton,
.freshbutton-red,
.freshbutton-blue,
.freshbutton-lightblue,
.freshbutton-blue-on-gray,
.freshbutton-gray,
.freshbutton-silver,
.freshbutton-green,
.freshbutton-no-hover,
.button-primary,
.button-secondary,
.button-tertiary {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  overflow: visible;
  text-decoration: none;
}

.freshbutton.button-big,
.freshbutton-red.button-big,
.freshbutton-blue.button-big,
.freshbutton-lightblue.button-big,
.freshbutton-blue-on-gray.button-big,
.freshbutton-gray.button-big,
.freshbutton-silver.button-big,
.freshbutton-green.button-big,
.freshbutton-no-hover.button-big,
.button-primary.button-big,
.button-secondary.button-big,
.button-tertiary.button-big {
  padding: 10px 26px;
  min-width: 180px;
  border-width: 2px;
}

.freshbutton.button-wide,
.freshbutton-red.button-wide,
.freshbutton-blue.button-wide,
.freshbutton-lightblue.button-wide,
.freshbutton-blue-on-gray.button-wide,
.freshbutton-gray.button-wide,
.freshbutton-silver.button-wide,
.freshbutton-green.button-wide,
.freshbutton-no-hover.button-wide,
.button-primary.button-wide,
.button-secondary.button-wide,
.button-tertiary.button-wide {
  width: 100%;
  max-width: 100%;
}

.freshbutton:hover,
.freshbutton:focus,
.freshbutton-red:hover,
.freshbutton-red:focus,
.freshbutton-blue:hover,
.freshbutton-blue:focus,
.freshbutton-lightblue:hover,
.freshbutton-lightblue:focus,
.freshbutton-blue-on-gray:hover,
.freshbutton-blue-on-gray:focus,
.freshbutton-gray:hover,
.freshbutton-gray:focus,
.freshbutton-silver:hover,
.freshbutton-silver:focus,
.freshbutton-green:hover,
.freshbutton-green:focus,
.freshbutton-no-hover:hover,
.freshbutton-no-hover:focus,
.button-primary:hover,
.button-primary:focus,
.button-secondary:hover,
.button-secondary:focus,
.button-tertiary:hover, .button-tertiary:focus {
  text-decoration: none;
}

.freshbutton:active,
.freshbutton.pressed,
.freshbutton.touched,
.freshbutton.touch,
.freshbutton-red:active,
.freshbutton-red.pressed,
.freshbutton-red.touched,
.freshbutton-red.touch,
.freshbutton-blue:active,
.freshbutton-blue.pressed,
.freshbutton-blue.touched,
.freshbutton-blue.touch,
.freshbutton-lightblue:active,
.freshbutton-lightblue.pressed,
.freshbutton-lightblue.touched,
.freshbutton-lightblue.touch,
.freshbutton-blue-on-gray:active,
.freshbutton-blue-on-gray.pressed,
.freshbutton-blue-on-gray.touched,
.freshbutton-blue-on-gray.touch,
.freshbutton-gray:active,
.freshbutton-gray.pressed,
.freshbutton-gray.touched,
.freshbutton-gray.touch,
.freshbutton-silver:active,
.freshbutton-silver.pressed,
.freshbutton-silver.touched,
.freshbutton-silver.touch,
.freshbutton-green:active,
.freshbutton-green.pressed,
.freshbutton-green.touched,
.freshbutton-green.touch,
.freshbutton-no-hover:active,
.freshbutton-no-hover.pressed,
.freshbutton-no-hover.touched,
.freshbutton-no-hover.touch,
.button-primary:active,
.button-primary.pressed,
.button-primary.touched,
.button-primary.touch,
.button-secondary:active,
.button-secondary.pressed,
.button-secondary.touched,
.button-secondary.touch,
.button-tertiary:active, .button-tertiary.pressed, .button-tertiary.touched, .button-tertiary.touch {
  box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1);
}

.freshbutton:focus,
.freshbutton-red:focus,
.freshbutton-blue:focus,
.freshbutton-lightblue:focus,
.freshbutton-blue-on-gray:focus,
.freshbutton-gray:focus,
.freshbutton-silver:focus,
.freshbutton-green:focus,
.freshbutton-no-hover:focus,
.button-primary:focus,
.button-secondary:focus,
.button-tertiary:focus {
  box-shadow: 0px 0px 0px 2px #a0d1fa;
}

.freshbutton:disabled,
.freshbutton.disabled,
.freshbutton-red:disabled,
.freshbutton-red.disabled,
.freshbutton-blue:disabled,
.freshbutton-blue.disabled,
.freshbutton-lightblue:disabled,
.freshbutton-lightblue.disabled,
.freshbutton-blue-on-gray:disabled,
.freshbutton-blue-on-gray.disabled,
.freshbutton-gray:disabled,
.freshbutton-gray.disabled,
.freshbutton-silver:disabled,
.freshbutton-silver.disabled,
.freshbutton-green:disabled,
.freshbutton-green.disabled,
.freshbutton-no-hover:disabled,
.freshbutton-no-hover.disabled,
.button-primary:disabled,
.button-primary.disabled,
.button-secondary:disabled,
.button-secondary.disabled,
.button-tertiary:disabled, .button-tertiary.disabled {
  opacity: .4;
  cursor: default;
}

.freshbutton:disabled:focus,
.freshbutton.disabled:focus,
.freshbutton-red:disabled:focus,
.freshbutton-red.disabled:focus,
.freshbutton-blue:disabled:focus,
.freshbutton-blue.disabled:focus,
.freshbutton-lightblue:disabled:focus,
.freshbutton-lightblue.disabled:focus,
.freshbutton-blue-on-gray:disabled:focus,
.freshbutton-blue-on-gray.disabled:focus,
.freshbutton-gray:disabled:focus,
.freshbutton-gray.disabled:focus,
.freshbutton-silver:disabled:focus,
.freshbutton-silver.disabled:focus,
.freshbutton-green:disabled:focus,
.freshbutton-green.disabled:focus,
.freshbutton-no-hover:disabled:focus,
.freshbutton-no-hover.disabled:focus,
.button-primary:disabled:focus,
.button-primary.disabled:focus,
.button-secondary:disabled:focus,
.button-secondary.disabled:focus,
.button-tertiary:disabled:focus, .button-tertiary.disabled:focus {
  box-shadow: none;
}

.freshbutton.split,
.freshbutton-red.split,
.freshbutton-blue.split,
.freshbutton-lightblue.split,
.freshbutton-blue-on-gray.split,
.freshbutton-gray.split,
.freshbutton-silver.split,
.freshbutton-green.split,
.freshbutton-no-hover.split,
.button-primary.split,
.button-secondary.split,
.button-tertiary.split {
  padding: 0;
}

.freshbutton.split span.label,
.freshbutton-red.split span.label,
.freshbutton-blue.split span.label,
.freshbutton-lightblue.split span.label,
.freshbutton-blue-on-gray.split span.label,
.freshbutton-gray.split span.label,
.freshbutton-silver.split span.label,
.freshbutton-green.split span.label,
.freshbutton-no-hover.split span.label,
.button-primary.split span.label,
.button-secondary.split span.label,
.button-tertiary.split span.label {
  display: inline-block;
  padding: 6px 16px;
}

.freshbutton.split span.more,
.freshbutton-red.split span.more,
.freshbutton-blue.split span.more,
.freshbutton-lightblue.split span.more,
.freshbutton-blue-on-gray.split span.more,
.freshbutton-gray.split span.more,
.freshbutton-silver.split span.more,
.freshbutton-green.split span.more,
.freshbutton-no-hover.split span.more,
.button-primary.split span.more,
.button-secondary.split span.more,
.button-tertiary.split span.more {
  display: inline-block;
  padding: 6px 16px;
}

.button-tertiary:focus {
  border: 1px solid #a0bacf;
}

.freshbutton-blue,
.button-primary,
a.button-primary {
  background-color: #007ee5;
  background-image: -webkit-linear-gradient(#168add, #007ee5);
  background-image: linear-gradient(#168add, #007ee5);
  border: 1px solid #0c6ebe;
  color: white;
}

.freshbutton-blue:hover,
.freshbutton-blue.hovered,
.button-primary:hover,
.button-primary.hovered,
a.button-primary:hover, a.button-primary.hovered {
  background: -webkit-linear-gradient(#168eef, #007ee5);
  background: linear-gradient(#168eef, #007ee5);
}

.freshbutton-blue:active,
.freshbutton-blue.pressed,
.freshbutton-blue.touched,
.freshbutton-blue.touch,
.button-primary:active,
.button-primary.pressed,
.button-primary.touched,
.button-primary.touch,
a.button-primary:active, a.button-primary.pressed, a.button-primary.touched, a.button-primary.touch {
  background: -webkit-linear-gradient(#1b80d3, #0a74cb);
  background: linear-gradient(#1b80d3, #0a74cb);
}

.freshbutton-blue:disabled,
.freshbutton-blue.disabled,
.button-primary:disabled,
.button-primary.disabled,
a.button-primary:disabled, a.button-primary.disabled {
  opacity: .4;
  cursor: default;
}

.freshbutton-blue:disabled:hover,
.freshbutton-blue:disabled.hovered,
.freshbutton-blue:disabled:active,
.freshbutton-blue:disabled.pressed,
.freshbutton-blue:disabled.touched,
.freshbutton-blue:disabled.touch,
.freshbutton-blue.disabled:hover,
.freshbutton-blue.disabled.hovered,
.freshbutton-blue.disabled:active,
.freshbutton-blue.disabled.pressed,
.freshbutton-blue.disabled.touched,
.freshbutton-blue.disabled.touch,
.button-primary:disabled:hover,
.button-primary:disabled.hovered,
.button-primary:disabled:active,
.button-primary:disabled.pressed,
.button-primary:disabled.touched,
.button-primary:disabled.touch,
.button-primary.disabled:hover,
.button-primary.disabled.hovered,
.button-primary.disabled:active,
.button-primary.disabled.pressed,
.button-primary.disabled.touched,
.button-primary.disabled.touch,
a.button-primary:disabled:hover,
a.button-primary:disabled.hovered,
a.button-primary:disabled:active,
a.button-primary:disabled.pressed,
a.button-primary:disabled.touched,
a.button-primary:disabled.touch, a.button-primary.disabled:hover,
a.button-primary.disabled.hovered,
a.button-primary.disabled:active,
a.button-primary.disabled.pressed,
a.button-primary.disabled.touched,
a.button-primary.disabled.touch {
  background: #007ee5;
}

.freshbutton-blue.split span.more,
.button-primary.split span.more,
a.button-primary.split span.more {
  border-left: 1px solid #0c6ebe;
}

.freshbutton-lightblue,
.button-secondary,
a.button-secondary {
  background-color: #f4faff;
  background-image: -webkit-linear-gradient(#fffffe, #f4faff);
  background-image: linear-gradient(#fffffe, #f4faff);
  border: 1px solid #5eb0f0;
  color: #007ee5;
}

.freshbutton-lightblue:hover,
.freshbutton-lightblue.hovered,
.button-secondary:hover,
.button-secondary.hovered,
a.button-secondary:hover, a.button-secondary.hovered {
  background: -webkit-linear-gradient(#fffffe, #e5f3ff);
  background: linear-gradient(#fffffe, #e5f3ff);
}

.freshbutton-lightblue:active,
.freshbutton-lightblue.pressed,
.button-secondary:active,
.button-secondary.pressed,
a.button-secondary:active, a.button-secondary.pressed {
  background: -webkit-linear-gradient(#edf6ff, #e5f3ff);
  background: linear-gradient(#edf6ff, #e5f3ff);
}

.freshbutton-lightblue:disabled,
.freshbutton-lightblue.disabled,
.button-secondary:disabled,
.button-secondary.disabled,
a.button-secondary:disabled, a.button-secondary.disabled {
  opacity: .4;
  cursor: default;
}

.freshbutton-lightblue:disabled:hover,
.freshbutton-lightblue:disabled.hovered,
.freshbutton-lightblue:disabled:active,
.freshbutton-lightblue:disabled.pressed,
.freshbutton-lightblue:disabled.touched,
.freshbutton-lightblue:disabled.touch,
.freshbutton-lightblue.disabled:hover,
.freshbutton-lightblue.disabled.hovered,
.freshbutton-lightblue.disabled:active,
.freshbutton-lightblue.disabled.pressed,
.freshbutton-lightblue.disabled.touched,
.freshbutton-lightblue.disabled.touch,
.button-secondary:disabled:hover,
.button-secondary:disabled.hovered,
.button-secondary:disabled:active,
.button-secondary:disabled.pressed,
.button-secondary:disabled.touched,
.button-secondary:disabled.touch,
.button-secondary.disabled:hover,
.button-secondary.disabled.hovered,
.button-secondary.disabled:active,
.button-secondary.disabled.pressed,
.button-secondary.disabled.touched,
.button-secondary.disabled.touch,
a.button-secondary:disabled:hover,
a.button-secondary:disabled.hovered,
a.button-secondary:disabled:active,
a.button-secondary:disabled.pressed,
a.button-secondary:disabled.touched,
a.button-secondary:disabled.touch, a.button-secondary.disabled:hover,
a.button-secondary.disabled.hovered,
a.button-secondary.disabled:active,
a.button-secondary.disabled.pressed,
a.button-secondary.disabled.touched,
a.button-secondary.disabled.touch {
  background: #f4faff;
}

.freshbutton-lightblue.split span.more,
.button-secondary.split span.more,
a.button-secondary.split span.more {
  border-left: 1px solid #5eb0f0;
}

.freshbutton,
.freshbutton-silver,
.freshbutton-gray,
.freshbutton-blue-on-gray,
.button-tertiary,
a.button-tertiary {
  background: #fff;
  border: 1px solid #bbb;
  color: #47525d;
}

.freshbutton:hover,
.freshbutton.hovered,
.freshbutton-silver:hover,
.freshbutton-silver.hovered,
.freshbutton-gray:hover,
.freshbutton-gray.hovered,
.freshbutton-blue-on-gray:hover,
.freshbutton-blue-on-gray.hovered,
.button-tertiary:hover,
.button-tertiary.hovered,
a.button-tertiary:hover, a.button-tertiary.hovered {
  background: -webkit-linear-gradient(#fffffe, #f2f2f2);
  background: linear-gradient(#fffffe, #f2f2f2);
}

.freshbutton:active,
.freshbutton.pressed,
.freshbutton-silver:active,
.freshbutton-silver.pressed,
.freshbutton-gray:active,
.freshbutton-gray.pressed,
.freshbutton-blue-on-gray:active,
.freshbutton-blue-on-gray.pressed,
.button-tertiary:active,
.button-tertiary.pressed,
a.button-tertiary:active, a.button-tertiary.pressed {
  background: -webkit-linear-gradient(#f7f7f7, #f2f2f2);
  background: linear-gradient(#f7f7f7, #f2f2f2);
}

.freshbutton:disabled,
.freshbutton.disabled,
.freshbutton-silver:disabled,
.freshbutton-silver.disabled,
.freshbutton-gray:disabled,
.freshbutton-gray.disabled,
.freshbutton-blue-on-gray:disabled,
.freshbutton-blue-on-gray.disabled,
.button-tertiary:disabled,
.button-tertiary.disabled,
a.button-tertiary:disabled, a.button-tertiary.disabled {
  opacity: .4;
  cursor: default;
}

.freshbutton:disabled:hover,
.freshbutton:disabled.hovered,
.freshbutton:disabled:active,
.freshbutton:disabled.pressed,
.freshbutton:disabled.touched,
.freshbutton:disabled.touch,
.freshbutton.disabled:hover,
.freshbutton.disabled.hovered,
.freshbutton.disabled:active,
.freshbutton.disabled.pressed,
.freshbutton.disabled.touched,
.freshbutton.disabled.touch,
.freshbutton-silver:disabled:hover,
.freshbutton-silver:disabled.hovered,
.freshbutton-silver:disabled:active,
.freshbutton-silver:disabled.pressed,
.freshbutton-silver:disabled.touched,
.freshbutton-silver:disabled.touch,
.freshbutton-silver.disabled:hover,
.freshbutton-silver.disabled.hovered,
.freshbutton-silver.disabled:active,
.freshbutton-silver.disabled.pressed,
.freshbutton-silver.disabled.touched,
.freshbutton-silver.disabled.touch,
.freshbutton-gray:disabled:hover,
.freshbutton-gray:disabled.hovered,
.freshbutton-gray:disabled:active,
.freshbutton-gray:disabled.pressed,
.freshbutton-gray:disabled.touched,
.freshbutton-gray:disabled.touch,
.freshbutton-gray.disabled:hover,
.freshbutton-gray.disabled.hovered,
.freshbutton-gray.disabled:active,
.freshbutton-gray.disabled.pressed,
.freshbutton-gray.disabled.touched,
.freshbutton-gray.disabled.touch,
.freshbutton-blue-on-gray:disabled:hover,
.freshbutton-blue-on-gray:disabled.hovered,
.freshbutton-blue-on-gray:disabled:active,
.freshbutton-blue-on-gray:disabled.pressed,
.freshbutton-blue-on-gray:disabled.touched,
.freshbutton-blue-on-gray:disabled.touch,
.freshbutton-blue-on-gray.disabled:hover,
.freshbutton-blue-on-gray.disabled.hovered,
.freshbutton-blue-on-gray.disabled:active,
.freshbutton-blue-on-gray.disabled.pressed,
.freshbutton-blue-on-gray.disabled.touched,
.freshbutton-blue-on-gray.disabled.touch,
.button-tertiary:disabled:hover,
.button-tertiary:disabled.hovered,
.button-tertiary:disabled:active,
.button-tertiary:disabled.pressed,
.button-tertiary:disabled.touched,
.button-tertiary:disabled.touch,
.button-tertiary.disabled:hover,
.button-tertiary.disabled.hovered,
.button-tertiary.disabled:active,
.button-tertiary.disabled.pressed,
.button-tertiary.disabled.touched,
.button-tertiary.disabled.touch,
a.button-tertiary:disabled:hover,
a.button-tertiary:disabled.hovered,
a.button-tertiary:disabled:active,
a.button-tertiary:disabled.pressed,
a.button-tertiary:disabled.touched,
a.button-tertiary:disabled.touch, a.button-tertiary.disabled:hover,
a.button-tertiary.disabled.hovered,
a.button-tertiary.disabled:active,
a.button-tertiary.disabled.pressed,
a.button-tertiary.disabled.touched,
a.button-tertiary.disabled.touch {
  background: #fff;
}

.freshbutton.split span.more,
.freshbutton-silver.split span.more,
.freshbutton-gray.split span.more,
.freshbutton-blue-on-gray.split span.more,
.button-tertiary.split span.more,
a.button-tertiary.split span.more {
  border-left: 1px solid #bbb;
}

.sprite-button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

.sprite-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sprite-button:disabled {
  cursor: default;
}

.media-mobile .button-primary,
.media-mobile .button-secondary,
.media-mobile .button-tertiary {
  width: 100%;
}

.carousel .button-primary,
.carousel .button-secondary,
.carousel .button-tertiary {
  font-size: 14px;
  font-weight: 400;
  padding: 11px 16px;
}

.carousel .button-primary:active,
.carousel .button-secondary:active,
.carousel .button-tertiary:active {
  box-shadow: none;
}

.carousel .button-primary {
  background: #0bacff;
  border-color: #0bacff;
}

.carousel .button-primary:hover {
  background: #36BEFF;
  border-color: #36BEFF;
}

.carousel .button-primary:active {
  background: #007EC1;
  border-color: #007EC1;
}

.carousel .button-secondary {
  background: #fff;
  border-color: #36BEFF;
  color: #0bacff;
}

.carousel .button-secondary:hover {
  background: #fff;
  color: #36BEFF;
}

.carousel .button-secondary:active {
  background: #fff;
  color: #007EC1;
  border-color: #007EC1;
}

.carousel .button-tertiary,
.carousel .button-tertiary:hover,
.carousel .button-tertiary:active {
  background: #fff;
}

.business-theme .button-primary, .business-theme .button-secondary, .business-theme .button-tertiary {
  font-weight: normal;
  min-height: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.business-theme .button-primary.button-big, .business-theme .button-secondary.button-big, .business-theme .button-tertiary.button-big {
  min-width: 220px;
  min-height: 50px;
  line-height: 34px;
}

.business-theme .button-primary {
  background: #007ee5;
  border-color: #007ee5;
  color: #ffffff;
}

.business-theme .button-primary:hover, .business-theme .button-primary.hovered {
  background: #3398ea;
  border-color: #3398ea;
}

.business-theme .button-primary:active, .business-theme .button-primary.pressed {
  background: #0c57bd;
  border-color: #0c57bd;
}

.business-theme .button-primary:disabled, .business-theme .button-primary.disabled {
  color: #bcc3c8;
  border-color: #bcc3c8;
  background: #ffffff;
}

.business-theme .button-primary:disabled, .business-theme .button-primary.disabled {
  color: #ffffff;
  background: #bdc4c9;
}

.business-theme .button-secondary {
  background: #ffffff;
  border-color: #007ee5;
}

.business-theme .button-secondary:hover, .business-theme .button-secondary.hovered {
  background: #f0f7fd;
  border-color: #007ee5;
}

.business-theme .button-secondary:active, .business-theme .button-secondary.pressed {
  background: #e3f1fc;
  border-color: #007ee5;
}

.business-theme .button-secondary:disabled, .business-theme .button-secondary.disabled {
  color: #bcc3c8;
  border-color: #bcc3c8;
  background: #ffffff;
}

.business-theme .button-secondary.button-big {
  border-radius: 5px;
}

.business-theme .button-tertiary {
  background: #ffffff;
  border-color: #bcc3c8;
}

.business-theme .button-tertiary:hover, .business-theme .button-tertiary.hovered {
  background: #f0f7fc;
  border-color: #bcc3c8;
}

.business-theme .button-tertiary:active, .business-theme .button-tertiary.pressed {
  background: #cfe8fc;
  border-color: #bcc3c8;
}

.business-theme .button-tertiary:disabled, .business-theme .button-tertiary.disabled {
  color: #bcc3c8;
  border-color: #bcc3c8;
  background: #ffffff;
}

.business-theme .button-tertiary:active, .business-theme .button-tertiary:hover, .business-theme .button-tertiary.pressed, .business-theme .button-tertiary.hovered {
  border-color: #266cb9;
}

.media-mobile.carousel .button-primary,
.media-mobile.carousel .button-secondary,
.media-mobile.carousel .button-tertiary {
  font-size: 16px;
  font-weight: 200;
  padding: 12px 16px;
}

.carousel-app .carousel .button-primary,
.carousel-app .carousel .button-secondary,
.carousel-app .carousel .button-tertiary {
  font-size: 13px;
  padding: 8px 18px 9px;
}

.freshbutton img.sprite,
.freshbutton-red img.sprite,
.freshbutton-blue img.sprite,
.freshbutton-lightblue img.sprite,
.freshbutton-blue-on-gray img.sprite,
.freshbutton-gray img.sprite,
.freshbutton-silver img.sprite,
.freshbutton-green img.sprite,
.freshbutton-no-hover img.sprite {
  margin-bottom: -3px;
  margin-right: 3px;
}

.freshbutton.fb-large,
.freshbutton-red.fb-large,
.freshbutton-blue.fb-large,
.freshbutton-lightblue.fb-large,
.freshbutton-blue-on-gray.fb-large,
.freshbutton-gray.fb-large,
.freshbutton-silver.fb-large,
.freshbutton-green.fb-large,
.freshbutton-no-hover.fb-large {
  font-weight: normal;
  padding: 6px 15px;
  font-size: 16px;
}

.freshbutton.fb-big,
.freshbutton-red.fb-big,
.freshbutton-blue.fb-big,
.freshbutton-lightblue.fb-big,
.freshbutton-blue-on-gray.fb-big,
.freshbutton-gray.fb-big,
.freshbutton-silver.fb-big,
.freshbutton-green.fb-big,
.freshbutton-no-hover.fb-big {
  padding: 15px 40px;
  font-size: 19px;
}

.freshbutton.fb-medium,
.freshbutton-red.fb-medium,
.freshbutton-blue.fb-medium,
.freshbutton-lightblue.fb-medium,
.freshbutton-blue-on-gray.fb-medium,
.freshbutton-gray.fb-medium,
.freshbutton-silver.fb-medium,
.freshbutton-green.fb-medium,
.freshbutton-no-hover.fb-medium {
  font-size: 14px;
  padding: 10px 40px;
}

/* These are the buttons that have been converted to new style */
.freshbutton.big-border,
.freshbutton.fb-big,
.freshbutton-blue.big-border,
.freshbutton-blue.fb-big,
.freshbutton-lightblue.big-border,
.freshbutton-lightblue.fb-big,
.freshbutton-silver.big-border,
.freshbutton-silver.fb-big,
.freshbutton-gray.big-border,
.freshbutton-gray.fb-big {
  border-width: 2px;
}

.freshbutton-blue.mobile, .freshbutton-green.mobile {
  padding: 12px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
}

.freshbutton-red {
  color: #fff;
  border-top: 1px #A12B36 solid;
  border-right: 1px #92222C solid;
  border-bottom: 1px #821721 solid;
  border-left: 1px #8F212B solid;
  background: -webkit-linear-gradient(#DB4457, #C32F39);
  background: linear-gradient(#DB4457, #C32F39);
  text-shadow: #355782 0 1px 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px #E98A96;
}

.freshbutton-red:hover, .freshbutton-red.hovered {
  border-top: 1px #BD0E1B solid;
  border-right: 1px #A60C17 solid;
  border-bottom: 1px #9A0B16 solid;
  border-left: 1px #AC0D19 solid;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 3px #F08EA5;
}

.freshbutton-red:active, .freshbutton-red.pressed {
  border-top: 1px #A12B36 solid;
  border-right: 1px #8F212B solid;
  border-bottom: 1px #821721 solid;
  border-left: 1px #982631 solid;
  background: -webkit-linear-gradient(#A7242D, #CB3A4F);
  background: linear-gradient(#A7242D, #CB3A4F);
  box-shadow: 0 2px 2px #9C212A;
}

.freshbutton-green {
  color: #fff;
  border-top: 1px #028F05 solid;
  border-right: 1px #056F08 solid;
  border-bottom: 1px #056F08 solid;
  border-left: 1px #056F08 solid;
  background: -webkit-linear-gradient(#06b00a, #069709);
  background: linear-gradient(#06b00a, #069709);
  text-shadow: #056F08 0 1px 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px #19ca1d;
}

.freshbutton-green:active, .freshbutton-green.pressed {
  background: -webkit-linear-gradient(#069709, #06B00A);
  background: linear-gradient(#069709, #06B00A);
  box-shadow: 0 2px 2px #057707;
}

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

.freshtoggle {
  background: #fff;
  padding: 4px;
  float: left;
  border: 1px solid #e5e5e5;
}

.freshtoggle.ft-left {
  border-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.freshtoggle.ft-middle,
.freshtoggle.ft-right {
  border-left: none;
}

.freshtoggle.ft-right {
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.freshtoggle:hover,
.freshtoggle:active,
.freshtoggle.toggled {
  background: #eff2f3;
  text-decoration: none;
}

.freshtoggle img {
  float: left;
}

.freshtoggle .label {
  color: black;
  margin-bottom: -3px;
  padding: 0 2px 0 6px;
  text-decoration: none;
}

.freshdropdown-menu.chat-bubble,
.freshdropdown-menu.chat-bubble-bottom {
  position: absolute;
  right: 0;
  z-index: 10;
  padding: 5px 0;
  margin: 0;
  width: 175px;
}

.freshdropdown-menu.chat-bubble.wide,
.freshdropdown-menu.chat-bubble-bottom.wide {
  width: 203px;
}

.freshdropdown-menu.chat-bubble ul,
.freshdropdown-menu.chat-bubble-bottom ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.freshdropdown-menu.chat-bubble ul li a,
.freshdropdown-menu.chat-bubble-bottom ul li a {
  display: block;
  padding: 8px 14px;
}

.freshdropdown-menu.chat-bubble ul li a:hover,
.freshdropdown-menu.chat-bubble-bottom ul li a:hover {
  text-decoration: none;
  background-color: #e3f2ff;
}

.freshdropdown-menu.chat-bubble ul li span.disabled,
.freshdropdown-menu.chat-bubble-bottom ul li span.disabled {
  display: block;
  padding: 8px 14px;
  opacity: 0.4;
  cursor: default;
}

.freshdropdown-menu.chat-bubble.big,
.freshdropdown-menu.chat-bubble-bottom.big {
  padding: 4px 0;
  width: 195px;
}

.freshdropdown-menu.chat-bubble.big ul li.subheader,
.freshdropdown-menu.chat-bubble-bottom.big ul li.subheader {
  margin: 10px 0px 7px 8px;
  font-size: 11px;
  color: #666;
}

.freshdropdown-menu.chat-bubble.big ul li.divider,
.freshdropdown-menu.chat-bubble-bottom.big ul li.divider {
  height: 0px;
  margin: 4px 0;
  border-bottom: 1px solid #d2e5f5;
}

.freshdropdown-menu.chat-bubble.big ul li a,
.freshdropdown-menu.chat-bubble-bottom.big ul li a {
  padding: 4px 10px;
  height: 32px;
  line-height: 32px;
  color: #222;
}

.freshdropdown-menu.chat-bubble.big ul li a img,
.freshdropdown-menu.chat-bubble-bottom.big ul li a img {
  float: left;
  width: 32px;
  height: 32px;
  margin-left: -2px;
  margin-right: 9px;
  background-color: #e3f2ff;
}

.freshdropdown-menu.chat-bubble.big ul li a img.freshdropdown-spacer,
.freshdropdown-menu.chat-bubble-bottom.big ul li a img.freshdropdown-spacer {
  background-color: transparent;
}

.freshdropdown-menu.chat-bubble.black,
.freshdropdown-menu.chat-bubble-bottom.black {
  border: 1px solid #888;
  background: #000;
  border-radius: 4px;
  opacity: 0.9;
}

.freshdropdown-menu.chat-bubble.black ul li.divider,
.freshdropdown-menu.chat-bubble-bottom.black ul li.divider {
  border-bottom: 1px solid #555;
}

.freshdropdown-menu.chat-bubble.black ul li a,
.freshdropdown-menu.chat-bubble-bottom.black ul li a {
  color: #fff;
}

.freshdropdown-menu.chat-bubble.black ul li a img,
.freshdropdown-menu.chat-bubble-bottom.black ul li a img {
  background-color: transparent;
}

.freshdropdown-menu.chat-bubble.black ul li a:hover,
.freshdropdown-menu.chat-bubble-bottom.black ul li a:hover {
  background-color: #222;
}

.freshdropdown-menu.chat-bubble.black .chat-bubble-arrow-border,
.freshdropdown-menu.chat-bubble-bottom.black .chat-bubble-arrow-border {
  border-top-color: #888;
}

.freshbutton-no-hover {
  cursor: default;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.error-bubble {
  border-radius: 3px;
  padding: 7px 5px 7px 5px;
  margin: 0 10px 0 0;
  text-align: right;
  position: absolute;
  top: 1px;
  right: 100%;
  color: red;
  background-color: #fff4f4;
  border: 1px solid #d58a8a;
  font-size: 13px;
  line-height: 18px;
}

.error-bubble .error-message {
  color: #d58a8a;
  font-size: inherit;
  line-height: inherit;
}

.error-bubble .error-bubble-arrow-border {
  display: block;
  border-color: transparent transparent transparent #d58a8a;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
  position: absolute;
  top: 10px;
  right: -13px;
}

.error-bubble .error-bubble-arrow {
  border-color: transparent transparent transparent #fff4f4;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
  position: absolute;
  top: 10px;
  right: -11px;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/* Used to style (sick)input placeholders across browsers. */
.sick-input {
  position: relative;
}

.sick-input input {
  width: 345px;
  height: 24px;
}

.sick-input input, .sick-input textarea, .sick-input select {
  border-radius: 3px;
  font-size: 16px;
  border: 1px solid #bfbfbf;
  padding: 5px;
}

.sick-input label {
  font-size: 16px;
  position: absolute;
  left: 8px;
  top: 6px;
  cursor: text;
  pointer-events: none;
  color: #777;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.sick-input.small input {
  width: 199px;
  height: 22px;
}

.sick-input.small input, .sick-input.small textarea {
  padding: 3px 5px 4px;
}

.sick-input.small input, .sick-input.small textarea, .sick-input.small label {
  font-size: 13px;
}

.sick-input.focused label {
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.sick-input.focused input::-webkit-input-placeholder {
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.sick-input.focused input:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.sick-input.focused input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.sick-input.focused input:-ms-input-placeholder {
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.sick-input.populated label {
  display: none;
}

.link-span, .link-span a, .link-span img {
  cursor: pointer;
}

.link-span:hover a {
  text-decoration: underline;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
body.file-preview-body {
  /**************************
     *      PHOTO PREVIEW     *
     **************************/
  /**************************
     *      VIDEO PREVIEW     *
     **************************/
  /**************************
     *       CODE PREVIEW     *
     **************************/
  /***********************
     *    FONT PREVIEW     *
     ***********************/
  /***********************
    *   PENDING UPLOAD    *
    ***********************/
}

body.file-preview-body #outer-frame, body.file-preview-body #page-content {
  padding: 0;
  margin: 0;
  min-height: 0;
  width: auto;
}

body.file-preview-body #outer-frame {
  padding-top: 47px;
}

body.file-preview-body #page-content {
  position: relative;
}

body.file-preview-body .nav-header .filename {
  display: inline-block;
  width: calc(100% - 440px);
}

body.file-preview-body .nav-header .filename span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

body.file-preview-body .nav-header .filename .display-name {
  max-width: calc(100% - 600px);
  float: left;
}

body.file-preview-body .nav-header .filename .shmodel-owner .from-team {
  max-width: 500px;
}

body.file-preview-body .nav-header .buttons a.freshbutton-lightblue {
  display: inline-block;
  vertical-align: middle;
}

body.file-preview-body .preview-box {
  display: block;
}

body.file-preview-body .content-shadow {
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #ddd;
}

body.file-preview-body #preview-img {
  display: block;
  margin: 28px auto 0;
  cursor: hand;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  -ms-interpolation-mode: bicubic;
}

body.file-preview-body #full-img {
  display: none;
  margin: 0 auto;
  cursor: hand;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}

body.file-preview-body #video {
  margin: 50px auto;
}

body.file-preview-body #video object, body.file-preview-body #video video, body.file-preview-body #video .video-js {
  display: block;
  margin: 0 auto;
}

body.file-preview-body #code-wrapper, body.file-preview-body #htmlified-wrapper {
  background: #fff;
  padding: 20px;
  font-size: 12px;
  text-align: left;
  overflow: auto;
  max-width: 900px;
  margin: 30px auto;
  border: 1px solid #BBB;
}

body.file-preview-body #code {
  margin: 0;
  padding: 0;
}

body.file-preview-body #code .syntaxhighlighter {
  overflow-y: hidden !important;
  margin: 0 !important;
}

body.file-preview-body pre#code {
  white-space: -moz-pre-wrap;
  /* Mozilla, supported since 1999 */
  white-space: -pre-wrap;
  /* Opera 4 - 6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word;
  /* IE 5.5+ */
}

body.file-preview-body pre#code.plain-text {
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}

body.file-preview-body #code-loading {
  margin-top: 1em;
}

body.file-preview-body #code-wrapper .syntaxhighlighter .gutter .line {
  border-right: 2px solid #fff !important;
}

body.file-preview-body .font-preview {
  margin: 0px auto;
  background-color: #FFF;
  text-align: center;
  padding-bottom: 10px;
  width: 400px;
  margin: 50px auto 0;
}

body.file-preview-body .font-preview textarea {
  resize: none;
  text-align: center;
  font-family: h;
  font-size: 4em;
  padding: 10px 10px 0;
  margin: 0 0 10px 0;
  border: 0px solid #FFF;
  width: 380px;
}

body.file-preview-body #pending-upload {
  width: 600px;
  height: 800px;
  margin: 50px auto;
  text-align: center;
}

body.file-preview-body #pending-upload #pendingfile-icon {
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  margin: 100px auto 0px auto;
  position: relative;
}

body.file-preview-body #pending-upload #pendingfile-filename {
  font-weight: bold;
  margin: 5px auto;
}

body.file-preview-body #pending-upload #pendingfile-status {
  color: LightGray;
}

body.file-preview-body #pending-upload #pendingfile-sync {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: -2px;
  right: 2px;
}

body.file-preview-body #pending-upload .pending-rotating {
  -webkit-animation: pending-spin 2s linear infinite;
  animation: pending-spin 2s linear infinite;
}

@-webkit-keyframes pending-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes pending-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

body.preview-photo #page-content {
  position: static;
}

body.preview-photo .preview-box {
  position: fixed;
  top: 47px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 28px;
  height: 100%;
  padding-bottom: 75px;
  box-sizing: border-box;
}

body.preview-photo #preview-img {
  max-width: 100%;
  max-height: 100%;
  margin: 0px auto;
  padding: 0px;
}

.preview-box #pdf-embed-container.rams-fullscreen,
.preview-box #html-container.rams-fullscreen,
.preview-box #htmlified-wrapper.rams-fullscreen,
.preview-box #code-wrapper.rams-fullscreen {
  top: 0px;
  z-index: 10;
}

.preview-box #pdf-embed-container.animate-fullscreen-transition,
.preview-box #html-container.animate-fullscreen-transition,
.preview-box #htmlified-wrapper.animate-fullscreen-transition,
.preview-box #code-wrapper.animate-fullscreen-transition {
  z-index: 10;
}

.preview-box #pdf-embed-container iframe,
.preview-box #html-container iframe,
.preview-box #htmlified-wrapper iframe,
.preview-box #code-wrapper iframe {
  border: 0;
}

body.preview-htmlified #htmlified-wrapper,
body.preview-htmlified #code-wrapper {
  position: absolute;
  padding: 0;
  margin: 0;
  max-width: none;
  border: none;
}

body.preview-htmlified #htmlified-loading {
  padding: 10px;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
#file-preview-modal {
  color: #fff;
  font-size: 13px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  background: #000;
}

#file-preview-modal .preview {
  position: absolute;
  top: 47px;
  bottom: 47px;
  left: 0;
  right: 0;
  text-align: center;
}

#file-preview-modal .preview .preview-container-parent {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

#file-preview-modal .preview div.preview-container-parent {
  display: table;
}

#file-preview-modal .preview div.preview-container {
  display: table-cell;
  vertical-align: middle;
}

#file-preview-modal .preview .video-js {
  margin: 0px auto;
}

#file-preview-modal .header {
  text-align: right;
  height: 17px;
  padding: 15px;
  background: #000;
  opacity: 1;
  -webkit-transition: opacity 1.5s ease-in 0s;
  transition: opacity 1.5s ease-in 0s;
}

#file-preview-modal .header .close {
  opacity: 0.75;
  padding-right: 1px;
  padding-top: 1px;
}

#file-preview-modal .header .close:hover {
  opacity: 1;
}

#file-preview-modal .header .close.opacity-zero {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in 0s;
  transition: opacity 1s ease-in 0s;
}

#file-preview-modal .menu {
  position: absolute;
  height: 17px;
  line-height: 17px;
  padding-bottom: 15px;
  background: #000;
  margin-top: -51px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: opacity 0s ease-in 0s;
  transition: opacity 0s ease-in 0s;
}

#file-preview-modal .menu .next, #file-preview-modal .menu .prev {
  opacity: 0.75;
}

#file-preview-modal .menu .next.opacity-zero, #file-preview-modal .menu .prev.opacity-zero {
  -webkit-transition: opacity 0s ease-in 0s;
  transition: opacity 0s ease-in 0s;
  opacity: 0;
}

#file-preview-modal .menu .next.opacity-zero:hover, #file-preview-modal .menu .prev.opacity-zero:hover {
  opacity: 0;
  cursor: default;
}

#file-preview-modal .menu .next.opacity-zero:hover img, #file-preview-modal .menu .prev.opacity-zero:hover img {
  cursor: default;
}

#file-preview-modal .menu .next:hover, #file-preview-modal .menu .prev:hover {
  opacity: 1;
}

#file-preview-modal .menu #lightbox-select-button {
  opacity: 0.75;
  margin-right: 5px;
}

#file-preview-modal .menu #lightbox-select-button.wiggobble {
  -webkit-animation: lightbox-selection-wiggobble 0.54s;
          animation: lightbox-selection-wiggobble 0.54s;
}

#file-preview-modal .menu #lightbox-select-button.elbboggiw {
  -webkit-animation: lightbox-selection-elbboggiw 0.54s;
          animation: lightbox-selection-elbboggiw 0.54s;
}

#file-preview-modal .menu #lightbox-select-button:hover, #file-preview-modal .menu #lightbox-select-button.selected {
  opacity: 1;
}

#file-preview-modal .opacity-zero {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in 0s;
  transition: opacity 1s ease-in 0s;
}

#file-preview-modal .file-title {
  position: absolute;
  left: 15px;
  color: #CCC;
}

#file-preview-modal .file-title .filename {
  float: left;
}

#file-preview-modal .file-title .filename.faded {
  color: #999;
}

#file-preview-modal .file-title .album-name {
  float: left;
  margin-right: 20px;
}

#file-preview-modal .file-title .filename,
#file-preview-modal .file-title .album-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

#file-preview-modal .actions {
  position: absolute;
  right: 15px;
  z-index: 1000;
  text-align: right;
}

#file-preview-modal .actions a {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  overflow: hidden;
  margin: 0 4px;
  min-width: 21px;
}

#file-preview-modal .actions #lightbox_share_link {
  opacity: 0.75;
}

#file-preview-modal .actions #lightbox_share_link:hover {
  opacity: 1;
}

#file-preview-modal .actions .lightbox-action {
  opacity: 0.75;
  display: inline-block;
  cursor: pointer;
  margin-left: 20px;
}

#file-preview-modal .actions .lightbox-action:hover {
  opacity: 1;
}

#file-preview-modal .actions, #file-preview-modal .file-title {
  min-width: 150px;
  white-space: nowrap;
}

#file-preview-modal .show-copyright-flag .actions {
  right: 44px;
}

#file-preview-modal .copyright-complaint-flag {
  right: 8px;
  bottom: 8px;
}

#file-preview-modal .paging {
  text-align: center;
  position: absolute;
  width: 100%;
}

#file-preview-modal .paging .paging-block {
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  min-width: 150px;
}

#file-preview-modal .paging .paging-block .lightbox-index-text-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  color: #CCC;
  min-width: 100px;
  margin: 0px 4px;
}

#file-preview-modal .paging .paging-block .lightbox-index-text-container .current_index, #file-preview-modal .paging .paging-block .lightbox-index-text-container .total {
  display: inline-block;
  vertical-align: middle;
  min-width: 35px;
}

#file-preview-modal .paging .paging-block .lightbox-index-text-container .current_index {
  text-align: right;
  margin-right: 5px;
}

#file-preview-modal .paging .paging-block .lightbox-index-text-container .total {
  text-align: left;
  margin-left: 5px;
}

#file-preview-modal .paging .paging-block a {
  display: inline-block;
  margin: 0 2px;
  vertical-align: text-top;
}

#file-preview-modal #lightbox_share {
  margin: 0;
  position: absolute;
  right: 92px;
  top: -5px;
}

#file-preview-modal .lightbox-button {
  border-radius: 2px;
  border: none;
  color: white;
  background: #292929;
  padding: 5px 10px 3px 10px;
  font-size: 13px;
}

#file-preview-modal .lightbox-button:hover {
  text-decoration: none;
  background: #333;
}

#file-preview-modal #lightbox-more-actions-list .s_web_lightbox_open {
  height: 16px;
  width: 16px;
  margin: 7px 14px 0 7px;
}

#file-preview-modal #lightbox-more-actions-button.extra-margin {
  margin-right: 1px;
  margin-left: 3px;
  opacity: 0.75;
}

#file-preview-modal #lightbox-more-actions-button.extra-margin:hover {
  opacity: 1;
}

#file-preview-modal #lightbox-delete-button {
  opacity: 0.75;
  margin-right: 5px;
}

#file-preview-modal #lightbox-delete-button:hover {
  opacity: 1;
}

#file-preview-modal #lightbox-actions-base {
  display: none;
}

#file-preview-modal .freshdropdown-menu.chat-bubble.black,
#file-preview-modal .freshdropdown-menu.chat-bubble-bottom.black {
  bottom: 45px;
  right: 5px;
}

#file-preview-modal .freshdropdown-menu.chat-bubble.black ul li a,
#file-preview-modal .freshdropdown-menu.chat-bubble-bottom.black ul li a {
  padding: 3px 10px;
}

#file-preview-modal .chat-bubble-arrow-border.black,
#file-preview-modal .chat-bubble-arrow.black,
#file-preview-modal .chat-bubble-bottom .chat-bubble-arrow-border.black,
#file-preview-modal .chat-bubble-bottom .chat-bubble-arrow.black {
  right: 10px;
}

#file-preview-modal .delete-file-prompt {
  position: absolute;
  right: 5px;
  border: 1px solid #fff;
  background: #000;
  padding: 5px 10px;
  bottom: 45px;
  border-radius: 5px;
  z-index: 1002;
  width: 160px;
}

#file-preview-modal .delete-file-prompt .freshbutton, #file-preview-modal .delete-file-prompt .freshbutton-blue {
  width: 160px;
  margin: 5px 0;
}

#file-preview-modal .delete-file-prompt .chat-bubble-arrow-border.black,
#file-preview-modal .delete-file-prompt .chat-bubble-arrow.black,
#file-preview-modal .delete-file-prompt .chat-bubble-bottom .chat-bubble-arrow-border.black,
#file-preview-modal .delete-file-prompt .chat-bubble-bottom .chat-bubble-arrow.black {
  right: 38px;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
#file-viewer.comments.no-preview #file-viewer-container #file-comments {
  position: fixed;
  top: 0;
  right: 0;
}

#file-viewer.comments #file-viewer-container {
  width: 1222px;
  margin-left: -610px;
}

#file-viewer.comments #file-viewer-container .preview {
  float: left;
  width: 900px;
}

#file-viewer.comments #file-viewer-container #file-comments {
  position: relative;
  float: right;
}

#photo-comments {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 501;
  background: white;
}

#file-comments.hidden-comments, #photo-comments.hidden-comments {
  width: 30px;
}

.hide-button {
  position: absolute;
  top: 5px;
  right: 5%;
  color: #aaa;
  font-size: 11px;
}

#file-comments .show-button {
  position: relative;
  width: 30px;
  height: 100%;
  display: table;
}

#file-comments .show-button.dark {
  background: #25282B;
  border-left: 1px solid #F6F8FA;
}

#file-comments .show-button.dark:hover {
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
}

#file-comments .show-button.white {
  background: #ffffff;
  border-left: 1px solid #E5E5E5;
}

#file-comments .show-button.white:hover {
  background: #f3f4f4;
  cursor: pointer;
}

#photo-comments .show-button {
  position: fixed;
  right: 0px;
  width: 30px;
  height: 100%;
  display: table;
}

#photo-comments .show-button.dark {
  background: #25282B;
  border-left: 1px solid #F6F8FA;
}

#photo-comments .show-button.dark:hover {
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
}

#photo-comments .show-button.white {
  background: #ffffff;
  border-left: 1px solid #E5E5E5;
}

#photo-comments .show-button.white:hover {
  background: #f3f4f4;
  cursor: pointer;
}

.show-button-sprite {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.preview-linkfile-box {
  padding: 40px;
  background-color: #ffffff;
  border: 1px solid #d0d4d9;
  border-radius: 7px;
  width: 300px;
}

.preview-linkfile-box {
  background-image: url("/static/images/icons/ajax-loading-small-blue-vflm7vRcz.gif");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 192dpx), (min-resolution: 1.1dppx) {
  .preview-linkfile-box {
    background-image: url("/static/images/icons/ajax-loading-small-blue@2x-vfljkfH6D.gif");
  }
}

.preview-linkfile-content {
  background-color: #ffffff;
  -webkit-transition: visibility 0.2s, opacity 0.2s;
  transition: visibility 0.2s, opacity 0.2s;
  text-align: center;
}

.preview-linkfile-content .preview-linkfile-icon img {
  width: 64px;
  height: 64px;
}

.preview-linkfile-content.loading-content {
  opacity: 0;
  visibility: hidden;
}

.preview-linkfile-title {
  margin: 8px 0;
  font-size: 14px;
}

.preview-linkfile-filebase {
  font-weight: bold;
}

.preview-linkfile-description {
  font-size: 13px;
  color: #47525d;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.preview-linkfile-button-openlink {
  visibility: hidden;
}

.preview-linkfile-button-openlink.has-link {
  visibility: visible;
}

/* Use the entire vertical space of the shared-link page. */
body.preview-linkfile #page-content {
  position: static;
}

body.preview-linkfile .preview-box {
  position: absolute;
  top: 0;
  bottom: 0;
}

body.preview-linkfile .preview-container-wrapper {
  height: 100%;
}

.force-show-all-text {
  white-space: normal;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
body.preview-audio__body #page-content {
  position: static;
}

body.preview-audio__body .preview-box {
  position: absolute;
  top: 50px;
  bottom: 0;
}

body.preview-audio__body .preview-container-wrapper {
  height: 100%;
  background: #f6f9fc;
}

.preview-audio__wrapper {
  min-width: 250px;
  max-width: 636px;
  width: 90%;
}

.preview-audio__aspect-container {
  position: relative;
  width: 100%;
  padding-top: 50%;
}

.preview-audio__container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 250px;
  min-height: 165px;
  max-height: calc(100vh - 150px);
  background: white;
  border-radius: 3px;
  border: 1px solid #d0d4d9;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.preview-audio__container--loading {
  width: 250px;
  height: 165px;
  background: transparent;
  border: none;
}

.preview-audio__load-wheel {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
}

.preview-audio__radio {
  position: absolute;
  top: calc(50% - 16px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.preview-audio__radio--hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.preview-audio .visuals {
  background: white;
  height: calc(100% - 32px);
}

.preview-audio .waveform {
  position: relative;
  height: calc(100% - 3px);
}

.preview-audio .waveform__scrub {
  height: 100%;
  background: #fbfbfb;
}

.preview-audio .wavebar__container {
  overflow: hidden;
  position: absolute;
  height: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  -webkit-transition: height 1s;
  transition: height 1s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.preview-audio .wavebar__container--ready {
  height: 100%;
}

.preview-audio .wavebar__single {
  position: relative;
  float: left;
  background: #e8eaec;
  width: 2px;
  min-height: 1px;
}

.preview-audio .wavebar__single--scrubbed {
  background: #d0d4d9;
}

.preview-audio .wavebar__space {
  height: 1px;
  width: 1px;
  background: none;
}

.preview-audio .audio-progress-bar {
  cursor: pointer;
  height: 3px;
  background: #e8eaec;
  position: relative;
  top: -1px;
  z-index: 10;
}

.preview-audio .audio-progress-bar__done {
  position: absolute;
  background: #007ee5;
  height: 4px;
  left: -1px;
}

.preview-audio .audio-progress-bar__showing {
  border-right: 1px solid #0071ce;
  border-left: 1px solid #0071ce;
}

.preview-audio .audio-progress-bar__buffered {
  position: absolute;
  background: #d0d4d9;
  height: 100%;
}

.preview-audio .toolbar {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #d0d4d9;
  height: 32px;
}

.preview-audio .toolbar-controller {
  float: left;
  padding: 0 10px;
  border-right: 1px #d0d4d9 solid;
  font-size: initial;
  background: none;
  cursor: pointer;
}

.preview-audio .toolbar-details {
  float: left;
}

.preview-audio .toolbar-details__string {
  padding-left: 10px;
}

.preview-audio .toolbar-details__time {
  color: #7b8994;
}

.preview-audio .toolbar-details__loading {
  color: #d0d4d9;
}

.preview-audio .toolbar-volume {
  float: right;
  padding-right: 14px;
}

.preview-audio .toolbar-volume__button {
  display: inline-block;
  padding-right: 10px;
}

.preview-audio .toolbar-volume__button button {
  font-size: 18px;
  background: none;
  padding: 0;
  cursor: pointer;
}

.preview-audio .volume-bar {
  display: inline-block;
  cursor: pointer;
}

.preview-audio .volume-bar__container {
  background: #e8eaec;
  height: 4px;
  width: 64px;
}

.preview-audio .volume-bar__selected {
  background: #7b8994;
  height: 100%;
}

.preview-audio .vertical-align {
  height: 100%;
  display: table;
}

.preview-audio .vertical-align__child {
  display: table-cell;
  vertical-align: middle;
}

.file_preview_with_unity {
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  position: absolute;
  margin-top: -40px;
  z-index: 1001;
}

.file_preview_with_unity .preview_open_overlay {
  display: inline-block;
  border-radius: 20px;
  padding: 8px 18px;
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #ffffff;
  background-color: #007ee5;
}

.file_preview_with_unity .preview_open_overlay .overlay-text {
  float: left;
}

.file_preview_with_unity .preview_open_overlay .open {
  margin-left: 2px;
  text-decoration: underline;
  cursor: pointer;
}

.file_preview_with_unity .preview_open_overlay .overlay-remove-button {
  margin-top: 2px;
  margin-left: 15px;
  float: right;
  cursor: pointer;
}

body.pdf-preview-pdf-native #page-content,
body.pdf-preview-pdf-embedded #page-content,
body.pdf-preview-pdf-js #page-content,
body.preview-htmlified #page-content {
  position: static;
}

body.pdf-preview-pdf-native #pdf-embed-container,
body.pdf-preview-pdf-native #htmlified-wrapper,
body.pdf-preview-pdf-native #code-wrapper,
body.pdf-preview-pdf-embedded #pdf-embed-container,
body.pdf-preview-pdf-embedded #htmlified-wrapper,
body.pdf-preview-pdf-embedded #code-wrapper,
body.pdf-preview-pdf-js #pdf-embed-container,
body.pdf-preview-pdf-js #htmlified-wrapper,
body.pdf-preview-pdf-js #code-wrapper,
body.preview-htmlified #pdf-embed-container, body.preview-htmlified #htmlified-wrapper, body.preview-htmlified #code-wrapper {
  position: fixed;
  top: 47px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

body.pdf-preview-pdf-native #pdf-embed-container iframe,
body.pdf-preview-pdf-native #htmlified-wrapper iframe,
body.pdf-preview-pdf-native #code-wrapper iframe,
body.pdf-preview-pdf-embedded #pdf-embed-container iframe,
body.pdf-preview-pdf-embedded #htmlified-wrapper iframe,
body.pdf-preview-pdf-embedded #code-wrapper iframe,
body.pdf-preview-pdf-js #pdf-embed-container iframe,
body.pdf-preview-pdf-js #htmlified-wrapper iframe,
body.pdf-preview-pdf-js #code-wrapper iframe,
body.preview-htmlified #pdf-embed-container iframe, body.preview-htmlified #htmlified-wrapper iframe, body.preview-htmlified #code-wrapper iframe {
  width: 100%;
  height: 100%;
}

body.pdf-preview-pdf-native #viewerContainer,
body.pdf-preview-pdf-embedded #viewerContainer,
body.pdf-preview-pdf-js #viewerContainer,
body.preview-htmlified #viewerContainer {
  top: 0;
  padding-top: 0px;
}

body.pdf-preview-pdf-native #viewerContainer .page,
body.pdf-preview-pdf-embedded #viewerContainer .page,
body.pdf-preview-pdf-js #viewerContainer .page,
body.preview-htmlified #viewerContainer .page {
  margin: 20px auto;
}

body.excel-preview #page-content {
  position: static;
}

body.excel-preview #html-container {
  position: fixed;
  top: 47px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

body.excel-preview #html-container iframe {
  width: 100%;
  height: 100%;
}

#file-viewer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  background: rgba(0, 0, 0, 0.7);
}

#file-viewer #file-viewer-container {
  position: absolute;
  top: 4%;
  left: 50%;
  margin-left: -450px;
  height: 90%;
  min-height: 300px;
  max-height: 1000px;
  width: 900px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 7px;
  background: #fff;
  overflow: hidden;
  /* This establishes a local stacking context so that the z-indexes of descendants are
         * not compared to the z-indexes of elements outside this element. */
  z-index: 0;
}

#file-viewer #file-viewer-container .title-bar {
  z-index: 600;
  position: relative;
  height: 50px;
  line-height: 50px;
  background: #fff;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  /* Safari won't respect the rounded corners of the title bar's parent, so set it here */
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

#file-viewer #file-viewer-container .title-bar .filename {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  margin-left: 0px;
}

#file-viewer #file-viewer-container .title-bar .filename .sprite {
  position: absolute;
  top: 8px;
  left: 10px;
}

#file-viewer #file-viewer-container .title-bar .filename .filename-text {
  position: absolute;
  left: 51px;
}

#file-viewer #file-viewer-container .title-bar .close-icon-container {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 8px;
  right: 8px;
}

#file-viewer #file-viewer-container .title-bar .close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
}

#file-viewer #file-viewer-container .loading {
  position: absolute;
  width: 100%;
  height: 100%;
}

#file-viewer #file-viewer-container .loading img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#file-viewer #file-viewer-container .preview {
  /*Default - may not look right*/
  height: 95%;
  /* Firefox */
  /* WebKit */
  /* Opera */
  height: -o-calc(100% - 50px);
  /* Standard */
  height: calc(100% - 50px);
}

#file-viewer #file-viewer-container .preview #viewerContainer {
  top: 0;
}

#file-viewer #file-viewer-container .preview iframe {
  width: 100%;
  border: 0;
  height: 100%;
  background-color: white;
}

#file-viewer #file-viewer-container #download-button-bubble {
  width: 150px;
}

#file-viewer #file-viewer-container .disabled-button {
  opacity: .4;
  cursor: default;
}

#file-viewer #file-viewer-container .open-with-static-content-container {
  width: 0px;
  height: 0px;
  overflow: hidden;
}

#file-viewer #file-viewer-container .open-with-static-content-container iframe {
  width: 0px;
  height: 0px;
  border: 0;
}

#file-viewer.has-preview #file-viewer-container, #file-viewer.edit #file-viewer-container {
  top: 2%;
  bottom: 0;
  height: inherit;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu, #file-viewer.edit #file-viewer-container .title-bar .button-menu {
  position: absolute;
  width: 400px;
  right: 42px;
  height: 34px;
  line-height: 34px;
  text-align: right;
  top: 8px;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .openwith-button, #file-viewer.edit #file-viewer-container .title-bar .button-menu .openwith-button {
  display: none;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .openwith-dropdown, #file-viewer.edit #file-viewer-container .title-bar .button-menu .openwith-dropdown {
  width: auto;
  display: none;
  font-size: 13px;
  line-height: normal;
  white-space: nowrap;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .openwith-dropdown .ow_folder, #file-viewer.edit #file-viewer-container .title-bar .button-menu .openwith-dropdown .ow_folder {
  border-top: 1px solid #e5e5e5;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .split-button .button-elm.main-button, #file-viewer.edit #file-viewer-container .title-bar .button-menu .split-button .button-elm.main-button {
  display: inline-block;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .split-button .button-elm.more-button, #file-viewer.edit #file-viewer-container .title-bar .button-menu .split-button .button-elm.more-button {
  display: none;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .split-button.shown, #file-viewer.edit #file-viewer-container .title-bar .button-menu .split-button.shown {
  display: block;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .split-button.split, #file-viewer.edit #file-viewer-container .title-bar .button-menu .split-button.split {
  float: right;
  margin: 0 8px 0 0;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .split-button.split .button-elm, #file-viewer.edit #file-viewer-container .title-bar .button-menu .split-button.split .button-elm {
  margin: 0;
  float: left;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .split-button.split .button-elm.main-button, #file-viewer.edit #file-viewer-container .title-bar .button-menu .split-button.split .button-elm.main-button {
  display: inline-block;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .split-button.split .button-elm.more-button, #file-viewer.edit #file-viewer-container .title-bar .button-menu .split-button.split .button-elm.more-button {
  display: inline-block;
  padding: 6px 8px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .button-elm, #file-viewer.edit #file-viewer-container .title-bar .button-menu .button-elm {
  margin: 0 8px 0 0;
  float: right;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .more-options-button, #file-viewer.edit #file-viewer-container .title-bar .button-menu .more-options-button {
  display: none;
  padding: 4px 6px;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .more-options-button .sprite, #file-viewer.edit #file-viewer-container .title-bar .button-menu .more-options-button .sprite {
  top: 2px;
  position: relative;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .more-options-dropdown, #file-viewer.edit #file-viewer-container .title-bar .button-menu .more-options-dropdown {
  display: none;
  font-size: 13px;
  line-height: normal;
}

#file-viewer.has-preview #file-viewer-container .title-bar .button-menu .more-options-dropdown .download-button, #file-viewer.edit #file-viewer-container .title-bar .button-menu .more-options-dropdown .download-button {
  margin: 0;
  padding-left: 16px;
}

#file-viewer.has-preview #file-viewer-container .file-info, #file-viewer.edit #file-viewer-container .file-info {
  display: none;
}

#file-viewer.has-preview #file-viewer-container .preview #code-wrapper, #file-viewer.has-preview #file-viewer-container .preview #htmlified-wrapper, #file-viewer.edit #file-viewer-container .preview #code-wrapper, #file-viewer.edit #file-viewer-container .preview #htmlified-wrapper {
  background: #fff;
  color: #000;
  padding: 0;
  font-size: 12px;
  text-align: left;
  overflow: auto;
  min-height: 400px;
  margin: 0px auto;
}

#file-viewer.has-preview #file-viewer-container .preview #code, #file-viewer.edit #file-viewer-container .preview #code {
  margin: 0;
  padding: 0 10px;
}

#file-viewer.has-preview #file-viewer-container .preview #code.plain-text, #file-viewer.edit #file-viewer-container .preview #code.plain-text {
  padding: 10px;
}

#file-viewer.has-preview #file-viewer-container .preview pre#code, #file-viewer.edit #file-viewer-container .preview pre#code {
  white-space: -moz-pre-wrap;
  /* Mozilla, supported since 1999 */
  white-space: -pre-wrap;
  /* Opera 4 - 6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word;
  /* IE 5.5+ */
}

#file-viewer.has-preview #file-viewer-container .preview pre#code.plain-text, #file-viewer.edit #file-viewer-container .preview pre#code.plain-text {
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace  !important;
}

#file-viewer.no-preview #file-viewer-container {
  position: absolute;
  width: 400px;
  height: 400px;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -225px;
  overflow: visible;
}

#file-viewer.no-preview #file-viewer-container .preview-content-container {
  height: auto;
}

#file-viewer.no-preview #file-viewer-container .title-bar .filename {
  margin-left: 15px;
}

#file-viewer.no-preview #file-viewer-container .title-bar .button-menu {
  display: none;
}

#file-viewer.no-preview #file-viewer-container .title-bar .download-img-button {
  display: none;
}

#file-viewer.no-preview #file-viewer-container .title-bar .share-img-button {
  display: none;
}

#file-viewer.no-preview #file-viewer-container .file-info {
  margin-top: 60px;
  text-align: center;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-thumbnail {
  margin-bottom: 8px;
  height: 128px;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-type {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-extended-details {
  margin-bottom: 15px;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-size, #file-viewer.no-preview #file-viewer-container .file-info .file-modified {
  color: #777;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .download-button {
  margin: 0;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .openwith-button {
  display: none;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .openwith-dropdown {
  width: auto;
  display: none;
  font-size: 13px;
  line-height: normal;
  white-space: nowrap;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .openwith-dropdown .ow_folder {
  border-top: 1px solid #e5e5e5;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button .button-elm.main-button {
  display: inline-block;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button .button-elm.more-button {
  display: none;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.shown {
  display: block;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.split {
  float: right;
  margin: 0 8px 0 0;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.split .button-elm {
  margin: 0;
  float: left;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.split .button-elm.main-button {
  display: inline-block;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.split .button-elm.more-button {
  display: inline-block;
  padding: 6px 8px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.shown {
  display: inline-block;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.split {
  float: none;
  margin: 0;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.split .button-elm {
  float: none;
}

#file-viewer.no-preview #file-viewer-container .file-info .file-actions .split-button.split .button-elm.more-button {
  padding: 3px 8px;
}

#file-viewer .open-with-onboarding-tooltip {
  color: #ffffff;
  font-size: 13px;
  line-height: normal;
  padding: 0px;
  text-align: left;
  width: auto;
}

#file-viewer .open-with-onboarding-tooltip li {
  padding: 16px;
}

#file-viewer .open-with-onboarding-tooltip li img {
  float: left;
}

#file-viewer .open-with-onboarding-tooltip li .content-wrapper {
  display: table-cell;
  vertical-align: middle;
}

#file-viewer .open-with-onboarding-tooltip li .text-wrapper {
  float: left;
  line-height: 20px;
  margin-left: 8px;
  width: 200px;
}

#file-viewer .open-with-onboarding-tooltip li .text-wrapper .tooltip-new {
  font-weight: bold;
}

#file-viewer .open-with-onboarding-tooltip li .dismiss-button {
  background: #000;
  color: #fff;
  float: left;
  font-weight: 200;
  margin-left: 20px;
  margin-top: 3px;
  padding: 3px 15px;
}

#file-viewer .open-with-onboarding-tooltip li .dismiss-button:focus {
  background: #fff;
  border: 1px solid #bbb;
  color: #000;
}

#file-viewer.has-preview.doc-preview #file-viewer-container, #file-viewer.has-preview.html-preview #file-viewer-container, #file-viewer.has-preview.htmlified-preview #file-viewer-container, #file-viewer.has-preview.adobecs-preview #file-viewer-container, #file-viewer.has-preview.photo-preview #file-viewer-container, #file-viewer.has-preview.video-preview #file-viewer-container, #file-viewer.has-preview.linkfile-preview #file-viewer-container {
  left: 0;
  margin-left: 0;
  width: 100%;
  top: 0;
  border-radius: 0;
  max-height: none;
}

#file-viewer.has-preview.doc-preview #file-viewer-container .title-bar, #file-viewer.has-preview.html-preview #file-viewer-container .title-bar, #file-viewer.has-preview.htmlified-preview #file-viewer-container .title-bar, #file-viewer.has-preview.adobecs-preview #file-viewer-container .title-bar, #file-viewer.has-preview.photo-preview #file-viewer-container .title-bar, #file-viewer.has-preview.video-preview #file-viewer-container .title-bar, #file-viewer.has-preview.linkfile-preview #file-viewer-container .title-bar {
  border-bottom: 1px solid #e5e5e5;
}

#file-viewer.has-preview.doc-preview #file-viewer-container .preview, #file-viewer.has-preview.html-preview #file-viewer-container .preview, #file-viewer.has-preview.htmlified-preview #file-viewer-container .preview, #file-viewer.has-preview.adobecs-preview #file-viewer-container .preview, #file-viewer.has-preview.photo-preview #file-viewer-container .preview, #file-viewer.has-preview.video-preview #file-viewer-container .preview, #file-viewer.has-preview.linkfile-preview #file-viewer-container .preview {
  left: 0;
  right: 0;
  height: auto;
  top: 51px;
  bottom: 0;
  position: absolute;
}

#file-viewer.has-preview.doc-preview #file-viewer-container .preview.rams-fullscreen, #file-viewer.has-preview.html-preview #file-viewer-container .preview.rams-fullscreen, #file-viewer.has-preview.htmlified-preview #file-viewer-container .preview.rams-fullscreen, #file-viewer.has-preview.adobecs-preview #file-viewer-container .preview.rams-fullscreen, #file-viewer.has-preview.photo-preview #file-viewer-container .preview.rams-fullscreen, #file-viewer.has-preview.video-preview #file-viewer-container .preview.rams-fullscreen, #file-viewer.has-preview.linkfile-preview #file-viewer-container .preview.rams-fullscreen {
  top: 0;
  z-index: 601;
}

#file-viewer[data-docpreview-quality-popup-enabled='True'].has-preview.doc-preview .preview {
  position: relative;
}

#file-viewer.room-for-team-assume-user-top-bar {
  top: 47px;
  /* makes room for the assume user top bar */
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.token-container,
.tokenized_autocompleter_container {
  display: block;
  position: relative;
  z-index: 1;
}

.token-container ::-webkit-scrollbar,
.tokenized_autocompleter_container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

.token-container ::-webkit-scrollbar-thumb,
.tokenized_autocompleter_container ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.token-container .tokenizer,
.tokenized_autocompleter_container .tokenizer {
  background: #fff;
  min-height: 23px;
  max-height: 300px;
  padding: 0px 0px 3px 3px;
  width: auto;
  font-size: 13px;
  line-height: 1.6em;
  cursor: default;
  border-radius: 3px;
}

.token-container .tokenizer *,
.tokenized_autocompleter_container .tokenizer * {
  cursor: default;
}

.token-container .tokenizer input,
.tokenized_autocompleter_container .tokenizer input {
  width: 50%;
}

.token-container .tokenizer .tokenizer_input,
.token-container .tokenizer .token,
.tokenized_autocompleter_container .tokenizer .tokenizer_input,
.tokenized_autocompleter_container .tokenizer .token {
  float: left;
  margin-right: 3px;
  margin-top: 3px;
}

.token-container .tokenizer .tokenizer_input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input {
  position: relative;
  max-width: 450px;
  overflow: hidden;
  padding: 1px 0px;
}

.token-container .tokenizer .tokenizer_input .new-collab-input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input .new-collab-input {
  width: 20px;
}

.token-container .tokenizer .tokenizer_input input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input input {
  border: 0px solid black;
  outline: 0;
  font-size: 13px;
  padding: 0px 5px;
  margin: 0 0 -1px 0;
  white-space: pre;
  cursor: text;
}

.token-container .tokenizer .tokenizer_input label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  font-size: 13px;
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: text;
  pointer-events: none;
  color: #777;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.token-container .tokenizer .tokenizer_input.focused label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input.focused label {
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.token-container .tokenizer .tokenizer_input.populated label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input.populated label {
  display: none;
}

.token-container .tokenizer .tokenizer_input_borderless,
.tokenized_autocompleter_container .tokenizer .tokenizer_input_borderless {
  left: 4px;
  margin-left: -1px;
  overflow: hidden;
  position: relative;
}

.token-container .tokenizer .tokenizer_input_borderless .new-collab-input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input_borderless .new-collab-input {
  border: 3px solid transparent !important;
  border-left: none;
  display: block;
  margin: -1px 3px 0px -2px;
  padding: 0px !important;
}

.token-container .tokenizer .tab_stop,
.token-container .tokenizer .tokenizer_stretcher,
.tokenized_autocompleter_container .tokenizer .tab_stop,
.tokenized_autocompleter_container .tokenizer .tokenizer_stretcher {
  display: block;
  float: left;
  overflow: hidden;
  width: 0px;
}

.token-container .tokenizer .tab_stop,
.tokenized_autocompleter_container .tokenizer .tab_stop {
  height: 0px;
}

.token-container .tokenizer .tab_stop input,
.tokenized_autocompleter_container .tokenizer .tab_stop input {
  border: 0px solid black;
  display: inline;
  position: relative;
  width: 1px;
  height: 1px;
  overflow: visible;
  left: -1500px;
}

.token-container .tokenizer .tokenizer_stretcher,
.tokenized_autocompleter_container .tokenizer .tokenizer_stretcher {
  padding-top: 7px;
}

.token-container .tokenizer div:-moz-first-node,
.tokenized_autocompleter_container .tokenizer div:-moz-first-node {
  padding-top: 1px !important;
}

.token-container .import-contacts-link,
.token-container .import-contacts-modal,
.token-container .tokenizer-can-edit,
.tokenized_autocompleter_container .import-contacts-link, .tokenized_autocompleter_container .import-contacts-modal, .tokenized_autocompleter_container .tokenizer-can-edit {
  background: none;
  height: 21px;
  margin-top: -28px;
  position: absolute;
  right: 10px;
}

.token-container div.tokenizer-can-edit,
.tokenized_autocompleter_container div.tokenizer-can-edit {
  margin-top: -32px;
}

.carousel-app .token-container .tokenizer,
.carousel-app .tokenized_autocompleter_container .tokenizer {
  padding: 14px 24px 18px 24px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}

.carousel-app .tokenized_autocompleter_container .import-contacts-link {
  margin-top: -41px;
  right: 21px;
}

.carousel-app .tokenized_autocompleter_container .tokenizer
.tokenizer_input_borderless .new-collab-input {
  margin: 1px 3px 0px -3px;
}

.carousel-app .tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  left: 0px;
  top: 3px;
  color: #929BA0;
}

.carousel-app .tokenized_autocompleter_container .tokenizer {
  overflow-x: hidden;
  overflow-y: auto;
}

body.gecko .tokenized_autocompleter_container .tokenizer_input label {
  left: 6px;
}

div.tokenizer .token {
  background-repeat: no-repeat;
  color: black;
  white-space: nowrap;
}

div.tokenizer .token.token-valid,
div.tokenizer .token.token-valid span {
  background-image: url("/static/images/tokens/token-vflrppjFm.png");
}

div.tokenizer .token.token-valid:hover,
div.tokenizer .token.token-valid:hover span {
  background-image: url("/static/images/tokens/token_hover-vflBO4qD1.png");
}

div.tokenizer .token.token-valid span.x,
div.tokenizer .token.token-valid span.x_hover,
div.tokenizer .token.token-valid:hover span.x,
div.tokenizer .token.token-valid:hover span.x_hover {
  background-image: url("/static/images/tokens/token_close-vflQfmPVE.png");
  cursor: pointer !important;
}

div.tokenizer .token.token-error,
div.tokenizer .token.token-error span {
  background-image: url("/static/images/tokens/er_token-vflniwpEy.png");
}

div.tokenizer .token.token-error:hover,
div.tokenizer .token.token-error:hover span {
  background-image: url("/static/images/tokens/er_token_hover-vflXal_JN.png");
}

div.tokenizer .token.token-error span.x,
div.tokenizer .token.token-error span.x_hover,
div.tokenizer .token.token-error:hover span.x,
div.tokenizer .token.token-error:hover span.x_hover {
  background-image: url("/static/images/tokens/er_token_close-vflw-1uHD.png");
  cursor: pointer !important;
}

div.tokenizer .token.token-warn,
div.tokenizer .token.token-warn span {
  background-image: url("/static/images/tokens/w_token-vfl9rjynV.png");
}

div.tokenizer .token.token-warn:hover,
div.tokenizer .token.token-warn:hover span {
  background-image: url("/static/images/tokens/w_token_hover-vflTRtwW6.png");
}

div.tokenizer .token.token-warn span.x,
div.tokenizer .token.token-warn span.x_hover,
div.tokenizer .token.token-warn:hover span.x,
div.tokenizer .token.token-warn:hover span.x_hover {
  background-image: url("/static/images/tokens/w_token_close-vfl57bsSl.png");
  cursor: pointer !important;
}

div.tokenizer .token:hover,
div.tokenizer .token:hover span {
  text-decoration: none;
}

div.tokenizer .token span {
  background-position: top right;
  background-repeat: no-repeat;
  display: block;
}

div.tokenizer .token span span {
  background-position: bottom right;
}

div.tokenizer .token span span span {
  background-position: bottom left;
}

div.tokenizer .token span span span span {
  background-image: none;
  padding: 2px 3px 2px 5px;
}

div.tokenizer .token span span span span span.hidden {
  display: none;
  margin: 0;
  padding: 0;
}

div.tokenizer .token span span span span img {
  width: 16px;
  margin: 0 5px -3px 0;
}

div.tokenizer .token span.x,
div.tokenizer .token span.x_hover,
div.tokenizer .token:hover span.x,
div.tokenizer .token:hover span.x_hover {
  background-position: 5px;
  cursor: pointer;
  display: inline;
  padding: 0px 7px 0px 4px;
}

div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span {
  color: white;
  text-decoration: none;
}

div.tokenizer .token_selected.token-valid,
div.tokenizer .token_selected.token-valid span,
div.tokenizer .token_selected.token-valid:hover,
div.tokenizer .token_selected.token-valid:hover span {
  background-image: url("/static/images/tokens/token_selected-vfl6BDgcp.png");
}

div.tokenizer .token_selected.token-error,
div.tokenizer .token_selected.token-error span,
div.tokenizer .token_selected.token-error:hover,
div.tokenizer .token_selected.token-error:hover span {
  background-image: url("/static/images/tokens/er_token_selected-vflutxYy5.png");
}

div.tokenizer .token_selected.token-warn,
div.tokenizer .token_selected.token-warn span,
div.tokenizer .token_selected.token-warn:hover,
div.tokenizer .token_selected.token-warn:hover span {
  background-image: url("/static/images/tokens/w_token_selected-vflbeHi5X.png");
}

div.autocomplete {
  position: absolute;
  margin: -1px 0 0 0;
  padding: 0px;
  text-align: left;
  z-index: 1;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border: 1px solid #e5e5e5;
  background-color: #f9fcff;
}

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 44px;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}

div.autocomplete ul li.selected {
  background-color: #d5ecff;
}

.autocomplete-match {
  font-weight: bold;
}

.autocomplete-secondary {
  color: #666666;
}

.autocomplete-left, .import-contacts-autocomplete-item {
  float: left;
  padding: 8px 8px 0px 8px;
  width: 28px;
  height: 28px;
  text-align: center;
}

.autocomplete-left img, .import-contacts-autocomplete-item img {
  vertical-align: middle;
}

.autocomplete-line {
  line-height: 1.3em;
  margin-top: 4px;
  min-height: 5px;
}

.autocomplete-line-center {
  line-height: 1.3em;
  margin-top: 14px;
}

.contact-importer-img {
  margin-right: 2px;
}

@-webkit-keyframes icondown {
  0% {
    -webkit-transform: translateY(-8px) rotate(8deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes iconup {
  0% {
    -webkit-transform: translateY(8px) rotate(-8deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}

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

@keyframes icondown {
  0% {
    -webkit-transform: translateY(-8px) rotate(8deg);
            transform: translateY(-8px) rotate(8deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@keyframes iconup {
  0% {
    -webkit-transform: translateY(8px) rotate(-8deg);
            transform: translateY(8px) rotate(-8deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

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

#drag-status.rotatein .icon0, #drag-status .icon2 {
  -webkit-animation: icondown 0.6s ease-out 0s 1;
  animation: icondown 0.6s ease-out 0s 1;
}

#drag-status.rotatein .icon1, #drag-status .icon3 {
  -webkit-animation: iconup 0.6s ease-out 0s 1;
  animation: iconup 0.6s ease-out 0s 1;
}

#drag-status.fadein {
  -webkit-animation: fadein 0.6s ease-out 0s 1;
  animation: fadein 0.6s ease-out 0s 1;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.twofactor-login-form .loading-wheel, .twofactor-account-form .loading-wheel {
  display: none;
}

.twofactor-login-form.loading .loading-wheel, .twofactor-account-form.loading .loading-wheel {
  display: inline;
}

.twofactor-login-form.resending #resend-link, .twofactor-account-form.resending #resend-link {
  color: #999;
}

.twofactor-login-form.resending #resend-link:hover, .twofactor-account-form.resending #resend-link:hover {
  text-decoration: none;
}

.twofactor-login-form {
  width: 310px;
  margin: 50px auto;
}

.twofactor-login-form #twofactor-title {
  font-size: 20px;
  font-weight: 600;
}

.twofactor-login-form #twofactor-title .sprite {
  margin: 0 6px -8px 0;
}

.twofactor-login-form #desc {
  margin: 10px 0 20px 0;
}

.twofactor-login-form .sick-input {
  display: inline-block;
}

.twofactor-login-form .sick-input label {
  font-size: 15px;
  height: 17px;
}

.twofactor-login-form .sick-input input {
  font-size: 15px;
  width: 160px;
  height: 20px;
}

.twofactor-login-form .error-message {
  font-size: 13px;
  margin-bottom: 6px;
}

.twofactor-login-form .last-four-digits {
  font-weight: 600;
}

.twofactor-login-form .freshbutton-blue {
  float: right;
  font-size: 15px;
  padding: 5px 16px;
  margin-top: -1px;
}

.twofactor-login-form #trusted-div {
  margin: 12px 0 15px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.twofactor-login-form #trusted-div label {
  cursor: pointer;
}

.twofactor-login-form #trusted-div input {
  margin: 0 5px 0 0;
}

.twofactor-login-form #resend-p {
  margin-bottom: 5px;
}

.twofactor-login-form .lost_phone {
  white-space: nowrap;
}

.twofactor-login-form#twofactor-recover .sick-input input {
  width: 297px;
}

.twofactor-login-form#twofactor-recover #recover-footer {
  margin-top: 10px;
}

.twofactor-login-form#twofactor-recover .link-spacer {
  margin-bottom: 5px;
}

.twofactor-login-form#twofactor-recover #code-field {
  margin-bottom: 9px;
}

.twofactor-login-form#twofactor-recover .freshbutton-blue {
  float: none;
  margin: 0 0 10px 0;
}

.twofactor-account-form strong, .twofactor-account-form #phone-number-placeholder {
  color: black;
  font-weight: 600;
}

.twofactor-account-form .subtitle {
  margin-bottom: 5px;
}

.twofactor-account-form #phone-number-description, .twofactor-account-form #backup-phone-number-description {
  margin: -4px 0 14px;
  line-height: 1.45em;
}

.twofactor-account-form .sick-input {
  display: inline;
}

.twofactor-account-form .sick-input label {
  font-size: 12px;
  top: 3px;
}

.twofactor-account-form .sick-input input {
  font-size: 12px;
  height: 17px;
  margin-right: 8px;
}

.twofactor-account-form .freshbutton-blue, .twofactor-account-form .freshbutton {
  font-size: 12px;
  padding: 5px 16px 4px 16px;
  margin: 0;
}

.twofactor-account-form .align-right {
  text-align: right;
  margin-right: 0px;
}

.twofactor-account-form .error-message {
  font-size: 12px;
  display: inline-block;
}

.twofactor-account-form .loading-wheel {
  margin-bottom: -3px;
}

.twofactor-account-form .learn-more, .twofactor-account-form .backbutton {
  display: block;
  float: left;
}

.twofactor-account-form div.back-next img, .twofactor-account-form div.modal-buttons img {
  margin-top: 7px;
  float: right;
}

.twofactor-account-form input[type=submit] {
  float: right;
}

.twofactor-account-form .input-row {
  margin-top: 15px;
  margin-bottom: 20px;
  position: relative;
}

.twofactor-account-form .back-next {
  min-width: 50px;
  text-align: right;
}

.twofactor-account-form #skipstep {
  margin-right: 20px;
  vertical-align: sub;
}

#generate-new-recovery-code {
  margin-right: 4px;
}

#twofactor-start #safebox {
  text-align: center;
}

#twofactor-start #safebox img {
  margin-top: 10px;
}

#twofactor-start .freshbutton-blue {
  margin-top: -4px;
}

#twofactor-start .sick-input label {
  top: 3px;
}

#twofactor-enter-password #password-field, #twofactor-disable-enter-password #password-field {
  display: inline-block;
  margin-right: 5px;
}

#twofactor-enter-password #password-field input, #twofactor-disable-enter-password #password-field input {
  width: 180px;
}

#twofactor-enter-phone .texter-widget, #twofactor-enter-backup-phone .texter-widget {
  position: relative;
}

#twofactor-enter-phone .texter-widget .styled-select, #twofactor-enter-backup-phone .texter-widget .styled-select {
  width: 155px;
  display: inline;
  position: relative;
  overflow: hidden;
  margin-right: 8px;
}

#twofactor-enter-phone .texter-widget .styled-select #country-code, #twofactor-enter-backup-phone .texter-widget .styled-select #country-code {
  width: 155px;
  background: transparent;
  white-space: nowrap;
  padding: 5px;
  font-size: 12px;
  height: 30px;
  border: 1px solid #BFBFBF;
}

#twofactor-enter-phone .texter-widget .phone-input-background, #twofactor-enter-backup-phone .texter-widget .phone-input-background {
  position: absolute;
  background-image: url("/static/images/black_phone_icon-vflaxYjcX.png");
  background-size: 11px 17px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  top: 6px;
  left: 173px;
  height: 17px;
  width: 11px;
  z-index: 10;
  opacity: 0.4;
}

#twofactor-enter-phone .texter-widget #phone-number-field label, #twofactor-enter-phone .texter-widget #backup-phone-number-field label, #twofactor-enter-backup-phone .texter-widget #phone-number-field label, #twofactor-enter-backup-phone .texter-widget #backup-phone-number-field label {
  left: 32px;
  top: -2px;
}

#twofactor-enter-phone .texter-widget #phone-number-field input, #twofactor-enter-phone .texter-widget #backup-phone-number-field input, #twofactor-enter-backup-phone .texter-widget #phone-number-field input, #twofactor-enter-backup-phone .texter-widget #backup-phone-number-field input {
  padding-left: 28px;
  width: 170px;
}

#twofactor-enter-phone .phone-number-error, #twofactor-enter-backup-phone .phone-number-error {
  display: none;
  /* don't take up space in the modal until there is an error */
}

.add-flow #twofactor-backup-next {
  display: none;
}

#twofactor-backup-save {
  display: none;
}

.add-flow #twofactor-backup-save {
  display: block;
}

#twofactor-delivery-choice .delivery-choice {
  display: inline-block;
  zoom: 1;
  width: 235px;
  position: relative;
  margin-bottom: 30px;
  padding: 8px 15px;
  border: 1px solid #d2e5f5;
  border-radius: 3px;
}

#twofactor-delivery-choice .delivery-choice#sms-choice {
  float: left;
}

#twofactor-delivery-choice .delivery-choice#app-choice {
  float: right;
}

#twofactor-delivery-choice .delivery-choice.selected {
  background-color: #d2e5f5;
}

#twofactor-delivery-choice .delivery-choice label {
  display: block;
  line-height: 1.4em;
  padding-left: 27px;
}

#twofactor-delivery-choice .delivery-choice input {
  position: absolute;
  top: 40%;
  margin: 0;
}

#twofactor-delivery-choice .error-message, #twofactor-delivery-choice .back-next {
  clear: both;
}

#twofactor-delivery-choice .loading-wheel {
  margin-right: 8px;
}

#twofactor-offline-setup #hide-qr-span, #twofactor-offline-setup #qr-div {
  display: none;
}

#twofactor-offline-setup #secret-div {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin: 25px 0 20px 0;
}

#twofactor-offline-setup p {
  margin: 0;
  padding: 0;
}

#twofactor-offline-setup .desc {
  margin-bottom: 10px;
}

#twofactor-offline-setup .blue-bullets li {
  background: url(/static/images/icons/bullet_blue-vfleICrKj.gif) no-repeat 0px 3px;
}

#twofactor-offline-setup #qr-div {
  text-align: center;
  margin: 30px 0 20px 0;
}

#twofactor-offline-setup.showing-qr #show-qr-span, #twofactor-offline-setup.showing-qr #secret-div {
  display: none;
}

#twofactor-offline-setup.showing-qr #hide-qr-span {
  display: inline;
}

#twofactor-offline-setup.showing-qr #qr-div {
  display: block;
}

#twofactor-enable-confirm .sick-input label {
  top: -1px;
}

#twofactor-enable-confirm .sick-input input {
  width: 170px;
}

#twofactor-enable-confirm #resend-link {
  font-size: 12px;
  margin-right: 10px;
}

#twofactor-enable-confirm .error-message {
  margin-left: 10px;
}

#twofactor-enable-confirm #confirm-offline {
  display: none;
}

#twofactor-enable-confirm.offline #confirm-offline {
  display: block;
}

#twofactor-enable-confirm.offline #confirm-sms {
  display: none;
}

#twofactor-enable-confirm.offline #resend-link {
  display: none;
}

#twofactor-recovery .delivery-label, #twofactor-recovery-edit .delivery-label {
  font-weight: bold;
  color: #000;
  margin-bottom: 12px;
}

#twofactor-recovery .confirm-phones-outer, #twofactor-recovery-edit .confirm-phones-outer {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

#twofactor-recovery .confirm-phones-inner, #twofactor-recovery-edit .confirm-phones-inner {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

#twofactor-recovery .confirm-phone-label, #twofactor-recovery-edit .confirm-phone-label {
  display: block;
  color: #999;
  margin-bottom: -3px;
}

#twofactor-recovery .confirm-phone-number, #twofactor-recovery-edit .confirm-phone-number {
  display: block;
  margin-bottom: 20px;
}

#twofactor-recovery .twofactor-backup-list, #twofactor-recovery-edit .twofactor-backup-list {
  list-style-type: none;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin: 15px auto 6px auto;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

#twofactor-recovery .twofactor-backup-list__item, #twofactor-recovery-edit .twofactor-backup-list__item {
  counter-increment: step-counter;
  margin-bottom: 0.5em;
  margin-left: 10px;
}

#twofactor-recovery .twofactor-backup-list__item::before, #twofactor-recovery-edit .twofactor-backup-list__item::before {
  content: counter(step-counter) ". ";
  color: #888888;
  margin-right: 10px;
}

#twofactor-recovery .twofactor-backup-list__code, #twofactor-recovery-edit .twofactor-backup-list__code {
  font-family: monospace;
}

#twofactor-recovery .codesbox, #twofactor-recovery-edit .codesbox {
  padding: 10px 15px;
  margin-bottom: 20px;
  border-radius: 3px;
}

#twofactor-recovery .codesbox p, #twofactor-recovery-edit .codesbox p {
  margin: 0;
  padding: 0;
}

#twofactor-recovery .codesbox .desc, #twofactor-recovery-edit .codesbox .desc {
  font-weight: 600;
  text-align: center;
}

#twofactor-recovery .codesbox .sub-desc, #twofactor-recovery-edit .codesbox .sub-desc {
  text-align: center;
  margin-bottom: 3px;
}

#twofactor-recovery .codesbox__error, #twofactor-recovery-edit .codesbox__error {
  color: red;
  font-size: 16px;
  display: none;
}

#twofactor-recovery .loading-wheel, #twofactor-recovery-edit .loading-wheel {
  margin-right: 8px;
}

#twofactor-recovery .display-for-edit, #twofactor-recovery-edit .display-for-edit {
  display: none;
}

#twofactor-recovery.edit-mode .display-for-edit, #twofactor-recovery-edit.edit-mode .display-for-edit {
  display: inline;
}

#twofactor-recovery.edit-mode .hide-for-edit, #twofactor-recovery-edit.edit-mode .hide-for-edit {
  display: none;
}

#twofactor-disable .loading-wheel {
  margin-right: 8px;
}

form[id^='twofactor-security-key'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

form[id^='twofactor-security-key'] .scanning-wheel {
  vertical-align: middle;
}

form[id^='twofactor-security-key'] .modal-img {
  width: 40%;
}

form[id^='twofactor-security-key'] .instructions {
  width: 100%;
}

.sms .app_desc,
#resend-p,
.sms_desc,
.backup.sms .sms_desc,
.backup_desc {
  display: none;
}

.app_desc,
.sms #resend-p,
.sms .sms_desc,
.backup .backup_desc {
  display: block;
}

@-moz-document url-prefix() {
  .twofactor-login-form .sick-input input {
    height: 23px;
  }
  .twofactor-account-form .sick-input input {
    height: 19px;
  }
  #twofactor-enable-confirm .sick-input label {
    top: -2px;
  }
}

/* Based heavily on team_admin.scss #manage-tfa-users-modal */
.twofactor-security-keys-edit-modal .twofactor-security-keys-container {
  background: #fff;
  border: 1px solid #e5e5e5;
  max-height: 212px;
  min-height: 100px;
  overflow: auto;
  padding: 5px;
  position: relative;
}

.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows {
  padding-left: 5px;
  margin: 5px 0 0 0;
}

.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .last_used_info,
.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .added_info,
.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .disable_key,
.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .sprite {
  vertical-align: middle;
}

.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .tooltip-target {
  display: inline;
}

.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .last_used_info {
  width: 320px;
  padding-left: 5px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .added_info {
  display: inline-block;
  width: 215px;
  text-align: right;
}

.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .disable_key {
  width: 40px;
  text-align: right;
  display: inline-block;
  opacity: 0.6;
}

.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .disable_key:hover {
  opacity: 1;
}

.twofactor-security-keys-edit-modal .twofactor-security-keys-container #key-rows .key_row {
  list-style: none;
  padding-bottom: 10px;
  margin-top: 0;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.dialog-menu, .chat-bubble, .chat-bubble-bottom, .chat-bubble-left, .chat-bubble-right {
  position: relative;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
}

.chat-bubble, .chat-bubble-bottom, .chat-bubble-left, .chat-bubble-right {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(61, 70, 77, 0.1);
}

.chat-bubble li.subheader {
  font-size: 11px;
  border-top: 1px solid #edf1f5;
  color: #999;
  text-transform: uppercase;
}

.chat-bubble li.subheader span {
  padding: 5px 8px 0px 8px;
  display: block;
  height: 18px;
}

.dialog-menu {
  border: 1px solid #79bcea;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chat-bubble-arrow-border {
  border-color: transparent transparent rgba(61, 70, 77, 0.1) transparent;
  border-style: solid;
  border-width: 9px;
  height: 0;
  width: 0;
  position: absolute;
  top: -19px;
  right: 30px;
}

.chat-bubble-arrow-border.black {
  border-color: transparent transparent #fff transparent;
}

.chat-bubble-arrow {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 9px;
  height: 0;
  width: 0;
  position: absolute;
  top: -17px;
  right: 30px;
}

.chat-bubble-arrow.black {
  border-color: transparent transparent #000 transparent;
}

.chat-bubble-bottom .chat-bubble-arrow-border {
  border-color: rgba(61, 70, 77, 0.1) transparent transparent transparent;
  top: auto;
  bottom: -19px;
}

.chat-bubble-bottom .chat-bubble-arrow-border.black {
  border-color: #fff transparent transparent transparent;
}

.chat-bubble-bottom .chat-bubble-arrow {
  border-color: #fff transparent transparent transparent;
  top: auto;
  bottom: -17px;
}

.chat-bubble-bottom .chat-bubble-arrow.black {
  border-color: #000 transparent transparent transparent;
}

.chat-bubble-left .chat-bubble-arrow-border {
  border-color: transparent rgba(61, 70, 77, 0.1) transparent transparent;
  top: 30px;
  left: -19px;
}

.chat-bubble-left .chat-bubble-arrow-border.black {
  border-color: transparent #fff transparent transparent;
}

.chat-bubble-left .chat-bubble-arrow {
  border-color: transparent #fff transparent transparent;
  top: 30px;
  left: -17px;
}

.chat-bubble-left .chat-bubble-arrow.black {
  border-color: transparent #000 transparent transparent;
}

.chat-bubble-right .chat-bubble-arrow-border {
  border-color: transparent transparent transparent rgba(61, 70, 77, 0.1);
  top: 30px;
  left: auto;
  right: -19px;
}

.chat-bubble-right .chat-bubble-arrow-border.black {
  border-color: transparent transparent transparent #fff;
}

.chat-bubble-right .chat-bubble-arrow {
  border-color: transparent transparent transparent #fff;
  top: 30px;
  left: auto;
  right: -17px;
}

.chat-bubble-right .chat-bubble-arrow.black {
  border-color: transparent transparent transparent #000;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.circle-avatar {
  position: relative;
  display: inline-block;
}

.circle-avatar img {
  border-radius: 50%;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.banner-yellow {
  padding: 12px;
  border: 1px solid;
  background: #fffdec;
  border-color: #d8b877;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
.token-container,
.tokenized_autocompleter_container {
  display: block;
  position: relative;
  z-index: 1;
}

.token-container ::-webkit-scrollbar,
.tokenized_autocompleter_container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

.token-container ::-webkit-scrollbar-thumb,
.tokenized_autocompleter_container ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.token-container .tokenizer,
.tokenized_autocompleter_container .tokenizer {
  background: #fff;
  min-height: 23px;
  max-height: 300px;
  padding: 0px 0px 3px 3px;
  width: auto;
  font-size: 13px;
  line-height: 1.6em;
  cursor: default;
  border-radius: 3px;
}

.token-container .tokenizer *,
.tokenized_autocompleter_container .tokenizer * {
  cursor: default;
}

.token-container .tokenizer input,
.tokenized_autocompleter_container .tokenizer input {
  width: 50%;
}

.token-container .tokenizer .tokenizer_input,
.token-container .tokenizer .token,
.tokenized_autocompleter_container .tokenizer .tokenizer_input,
.tokenized_autocompleter_container .tokenizer .token {
  float: left;
  margin-right: 3px;
  margin-top: 3px;
}

.token-container .tokenizer .tokenizer_input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input {
  position: relative;
  max-width: 450px;
  overflow: hidden;
  padding: 1px 0px;
}

.token-container .tokenizer .tokenizer_input .new-collab-input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input .new-collab-input {
  width: 20px;
}

.token-container .tokenizer .tokenizer_input input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input input {
  border: 0px solid black;
  outline: 0;
  font-size: 13px;
  padding: 0px 5px;
  margin: 0 0 -1px 0;
  white-space: pre;
  cursor: text;
}

.token-container .tokenizer .tokenizer_input label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  font-size: 13px;
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: text;
  pointer-events: none;
  color: #777;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.token-container .tokenizer .tokenizer_input.focused label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input.focused label {
  color: #ccc;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.token-container .tokenizer .tokenizer_input.populated label,
.tokenized_autocompleter_container .tokenizer .tokenizer_input.populated label {
  display: none;
}

.token-container .tokenizer .tokenizer_input_borderless,
.tokenized_autocompleter_container .tokenizer .tokenizer_input_borderless {
  left: 4px;
  margin-left: -1px;
  overflow: hidden;
  position: relative;
}

.token-container .tokenizer .tokenizer_input_borderless .new-collab-input,
.tokenized_autocompleter_container .tokenizer .tokenizer_input_borderless .new-collab-input {
  border: 3px solid transparent !important;
  border-left: none;
  display: block;
  margin: -1px 3px 0px -2px;
  padding: 0px !important;
}

.token-container .tokenizer .tab_stop,
.token-container .tokenizer .tokenizer_stretcher,
.tokenized_autocompleter_container .tokenizer .tab_stop,
.tokenized_autocompleter_container .tokenizer .tokenizer_stretcher {
  display: block;
  float: left;
  overflow: hidden;
  width: 0px;
}

.token-container .tokenizer .tab_stop,
.tokenized_autocompleter_container .tokenizer .tab_stop {
  height: 0px;
}

.token-container .tokenizer .tab_stop input,
.tokenized_autocompleter_container .tokenizer .tab_stop input {
  border: 0px solid black;
  display: inline;
  position: relative;
  width: 1px;
  height: 1px;
  overflow: visible;
  left: -1500px;
}

.token-container .tokenizer .tokenizer_stretcher,
.tokenized_autocompleter_container .tokenizer .tokenizer_stretcher {
  padding-top: 7px;
}

.token-container .tokenizer div:-moz-first-node,
.tokenized_autocompleter_container .tokenizer div:-moz-first-node {
  padding-top: 1px !important;
}

.token-container .import-contacts-link,
.token-container .import-contacts-modal,
.token-container .tokenizer-can-edit,
.tokenized_autocompleter_container .import-contacts-link, .tokenized_autocompleter_container .import-contacts-modal, .tokenized_autocompleter_container .tokenizer-can-edit {
  background: none;
  height: 21px;
  margin-top: -28px;
  position: absolute;
  right: 10px;
}

.token-container div.tokenizer-can-edit,
.tokenized_autocompleter_container div.tokenizer-can-edit {
  margin-top: -32px;
}

.carousel-app .token-container .tokenizer,
.carousel-app .tokenized_autocompleter_container .tokenizer {
  padding: 14px 24px 18px 24px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}

.carousel-app .tokenized_autocompleter_container .import-contacts-link {
  margin-top: -41px;
  right: 21px;
}

.carousel-app .tokenized_autocompleter_container .tokenizer
.tokenizer_input_borderless .new-collab-input {
  margin: 1px 3px 0px -3px;
}

.carousel-app .tokenized_autocompleter_container .tokenizer .tokenizer_input label {
  left: 0px;
  top: 3px;
  color: #929BA0;
}

.carousel-app .tokenized_autocompleter_container .tokenizer {
  overflow-x: hidden;
  overflow-y: auto;
}

body.gecko .tokenized_autocompleter_container .tokenizer_input label {
  left: 6px;
}

div.tokenizer .token {
  background-repeat: no-repeat;
  color: black;
  white-space: nowrap;
}

div.tokenizer .token.token-valid,
div.tokenizer .token.token-valid span {
  background-image: url("/static/images/tokens/token-vflrppjFm.png");
}

div.tokenizer .token.token-valid:hover,
div.tokenizer .token.token-valid:hover span {
  background-image: url("/static/images/tokens/token_hover-vflBO4qD1.png");
}

div.tokenizer .token.token-valid span.x,
div.tokenizer .token.token-valid span.x_hover,
div.tokenizer .token.token-valid:hover span.x,
div.tokenizer .token.token-valid:hover span.x_hover {
  background-image: url("/static/images/tokens/token_close-vflQfmPVE.png");
  cursor: pointer !important;
}

div.tokenizer .token.token-error,
div.tokenizer .token.token-error span {
  background-image: url("/static/images/tokens/er_token-vflniwpEy.png");
}

div.tokenizer .token.token-error:hover,
div.tokenizer .token.token-error:hover span {
  background-image: url("/static/images/tokens/er_token_hover-vflXal_JN.png");
}

div.tokenizer .token.token-error span.x,
div.tokenizer .token.token-error span.x_hover,
div.tokenizer .token.token-error:hover span.x,
div.tokenizer .token.token-error:hover span.x_hover {
  background-image: url("/static/images/tokens/er_token_close-vflw-1uHD.png");
  cursor: pointer !important;
}

div.tokenizer .token.token-warn,
div.tokenizer .token.token-warn span {
  background-image: url("/static/images/tokens/w_token-vfl9rjynV.png");
}

div.tokenizer .token.token-warn:hover,
div.tokenizer .token.token-warn:hover span {
  background-image: url("/static/images/tokens/w_token_hover-vflTRtwW6.png");
}

div.tokenizer .token.token-warn span.x,
div.tokenizer .token.token-warn span.x_hover,
div.tokenizer .token.token-warn:hover span.x,
div.tokenizer .token.token-warn:hover span.x_hover {
  background-image: url("/static/images/tokens/w_token_close-vfl57bsSl.png");
  cursor: pointer !important;
}

div.tokenizer .token:hover,
div.tokenizer .token:hover span {
  text-decoration: none;
}

div.tokenizer .token span {
  background-position: top right;
  background-repeat: no-repeat;
  display: block;
}

div.tokenizer .token span span {
  background-position: bottom right;
}

div.tokenizer .token span span span {
  background-position: bottom left;
}

div.tokenizer .token span span span span {
  background-image: none;
  padding: 2px 3px 2px 5px;
}

div.tokenizer .token span span span span span.hidden {
  display: none;
  margin: 0;
  padding: 0;
}

div.tokenizer .token span span span span img {
  width: 16px;
  margin: 0 5px -3px 0;
}

div.tokenizer .token span.x,
div.tokenizer .token span.x_hover,
div.tokenizer .token:hover span.x,
div.tokenizer .token:hover span.x_hover {
  background-position: 5px;
  cursor: pointer;
  display: inline;
  padding: 0px 7px 0px 4px;
}

div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span {
  color: white;
  text-decoration: none;
}

div.tokenizer .token_selected.token-valid,
div.tokenizer .token_selected.token-valid span,
div.tokenizer .token_selected.token-valid:hover,
div.tokenizer .token_selected.token-valid:hover span {
  background-image: url("/static/images/tokens/token_selected-vfl6BDgcp.png");
}

div.tokenizer .token_selected.token-error,
div.tokenizer .token_selected.token-error span,
div.tokenizer .token_selected.token-error:hover,
div.tokenizer .token_selected.token-error:hover span {
  background-image: url("/static/images/tokens/er_token_selected-vflutxYy5.png");
}

div.tokenizer .token_selected.token-warn,
div.tokenizer .token_selected.token-warn span,
div.tokenizer .token_selected.token-warn:hover,
div.tokenizer .token_selected.token-warn:hover span {
  background-image: url("/static/images/tokens/w_token_selected-vflbeHi5X.png");
}

div.autocomplete {
  position: absolute;
  margin: -1px 0 0 0;
  padding: 0px;
  text-align: left;
  z-index: 1;
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border: 1px solid #e5e5e5;
  background-color: #f9fcff;
}

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 44px;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}

div.autocomplete ul li.selected {
  background-color: #d5ecff;
}

.autocomplete-match {
  font-weight: bold;
}

.autocomplete-secondary {
  color: #666666;
}

.autocomplete-left, .import-contacts-autocomplete-item {
  float: left;
  padding: 8px 8px 0px 8px;
  width: 28px;
  height: 28px;
  text-align: center;
}

.autocomplete-left img, .import-contacts-autocomplete-item img {
  vertical-align: middle;
}

.autocomplete-line {
  line-height: 1.3em;
  margin-top: 4px;
  min-height: 5px;
}

.autocomplete-line-center {
  line-height: 1.3em;
  margin-top: 14px;
}

.contact-importer-img {
  margin-right: 2px;
}

.manage-alias #alias-desc {
  margin-bottom: 20px;
  padding: 0px 4px;
}

.manage-alias #alias-list-container {
  background: #fff;
  border: 1px solid #bdc4c9;
  height: 175px;
  overflow: auto;
  padding: 5px;
  position: relative;
}

.manage-alias #alias-list-container::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

.manage-alias #alias-list-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.manage-alias #alias-list-container #alias-list {
  padding-bottom: 45px;
}

.manage-alias #alias-list-container #alias-list .alias-row {
  font-weight: 600;
}

.manage-alias #alias-list-container #alias-list .alias-row .alias-entry {
  width: 445px;
}

.manage-alias #alias-list-container #alias-list .alias-row .alias-action {
  width: 100px;
  text-align: right;
}

.manage-alias #alias-list-container #alias-list .alias-row .alias-action .alias-verify {
  float: right;
  margin-right: 15px;
}

.manage-alias #alias-list-container #alias-list .alias-row .alias-action .alias-remove {
  background-image: url("/static/images/x-vflYKfRuL.png");
  width: 11px;
  height: 11px;
  margin-top: 8px;
  margin-right: 10px;
  float: right;
}

.manage-alias .action-panels-container {
  margin-top: 25px;
}

.manage-alias .alias-action-panel .alias-action-inputs {
  margin-bottom: 15px;
}

.manage-alias .alias-action-panel .alias-action-inputs .email-input {
  width: 100%;
}

.manage-alias .alias-action-panel .alias-action-inputs .texter-widget {
  position: relative;
}

.manage-alias .alias-action-panel .alias-action-inputs .texter-widget .styled-select {
  width: 155px;
  display: inline;
  position: relative;
  overflow: hidden;
  margin-right: 8px;
}

.manage-alias .alias-action-panel .alias-action-inputs .texter-widget .styled-select #country-code {
  width: 155px;
  background: transparent;
  white-space: nowrap;
  padding: 5px;
  font-size: 12px;
  height: 34px;
  border: 1px solid #BFBFBF;
  vertical-align: top;
  margin-top: 19px;
}

.manage-alias .alias-action-panel .alias-action-inputs .texter-widget #phone_alias-field {
  display: inline;
}

.manage-alias .alias-action-panel .alias-action-inputs .texter-widget #phone_alias-field label {
  left: 32px;
  top: -2px;
  font-size: 12px;
}

.manage-alias .alias-action-panel .alias-action-inputs .texter-widget #phone_alias-field input {
  padding-left: 28px;
  width: 376px;
  height: 18px;
  font-size: 13px;
}

.manage-alias .alias-action-panel .alias-action-inputs .texter-widget #phone_alias-field .sick-input {
  display: inline;
}

.manage-alias .alias-action-panel .alias-action-buttons {
  text-align: right;
}

.manage-alias .alias-action-panel .alias-action-buttons .alias-action {
  float: left;
  margin-right: 8px;
}

.manage-alias .alias-action-panel .alias-action-buttons a {
  font-weight: bold;
  float: left;
  margin-top: 15px;
  margin-left: 4px;
  padding: 5px;
}

.verify-email-alias-flow {
  width: 500px;
  margin: 0px auto;
}

.verify-email-alias-flow .bolded, .verify-email-alias-flow b {
  font-weight: bold;
}

.verify-email-alias-flow .page-header-text {
  margin-bottom: 30px;
}

.verify-email-alias-flow p {
  margin-bottom: 36px;
}

.verify-email-alias-flow #password {
  width: 100%;
}

.verify-email-alias-flow #submit-button {
  margin-top: 17px;
  float: right;
}

.carousel-desktop .verify-email-alias-flow {
  overflow: hidden;
  padding: 60px 0;
  font-size: 14px;
}

.carousel-desktop .verify-email-alias-flow div.page-header-text {
  font-size: 24px;
}

.carousel-desktop .no-password {
  text-align: center;
}

.carousel-desktop .no-password button#submit-button {
  margin: 0 auto;
  float: none;
}

.media-mobile .carousel .verify-email-alias-flow {
  width: initial;
  padding: 0;
  margin: 50px 30px;
}

.media-mobile .carousel .verify-email-alias-flow * {
  line-height: 20px;
}

/**
 * Force showing a scroll bar on Mac, overriding the native OS settings.
 * Having a hidden scrollbar can make the scrollbar overlay the right side
 * of a div.
 */
/**
* A circle with centered text
* Supported by all browsers that support the border-radius mixin
**/
/**
* A triangle pointing up of given height, width filled with given color
**/
#notify-wrapper {
  width: 100%;
  height: 0px;
  left: 0;
  top: 0;
  text-align: center;
  position: fixed;
  z-index: 1001;
}

#notify-wrapper .left-align {
  text-align: left;
}

#notify {
  border-radius: 3px;
  margin: 9px;
  padding: 8px 18px;
  font-size: 12px;
  display: inline-block;
}

.server-error {
  background-color: #fef1f1;
  border: 1px solid #e2a8a8;
  color: #D46D6D;
}

.server-warning {
  background-color: #FFFAE4;
  border: 1px solid #F4CD33;
  color: #C39D02;
}

.server-success {
  background-color: #e8f7ed;
  border: 1px solid #30b661;
  color: #1BA84E;
}

.server-info {
  border: 1px solid #bdc4c9;
  color: #aaa;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

.ax-visually-hidden {
  position: absolute !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.ax-focusable:focus, .ax-focusable.is-focused {
  box-shadow: 0 0 0 2px #A0D1FA;
  outline: none;
}

.ax-focusable-inline:focus, .ax-focusable-inline.is-focused {
  text-decoration: underline;
}

body.unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body.no-x-overflow {
  overflow-x: hidden;
}

wbr:after {
  content: "\00200B";
}

.textinput {
  border-style: none solid solid;
  vertical-align: middle;
  border: 1px solid #aaa;
  padding: 4px;
  color: #555;
  width: 160px;
  margin: 0;
}

.register-form .textinput {
  width: 200px;
}

.selinput {
  border: 1px solid #aaa;
  color: #555;
}

.widesel {
  width: 170px;
}

:focus {
  outline: none;
}

.background-icon-swapless {
  position: relative;
  padding: 11px 0 0 47px !important;
}

.background-icon {
  position: relative;
  padding: 2px 0 2px 30px !important;
}

.background-icon img, .background-icon-swapless img {
  position: absolute;
  top: 3px;
  left: 4px;
}

.dropdown .background-icon img {
  top: 6px;
  left: 4px;
}

.background-icon-swapless {
  display: block;
}

div#main-container {
  min-height: 600px;
  background: #fff;
  width: 866px;
  margin: 0 auto;
  padding: 5px 0 0 0;
}

/* HEADER */
#db-logo {
  width: 37px;
  height: 35px;
}

/* TABS */
#tabs-container {
  min-height: 29px;
  border-bottom: 1px solid #ace;
}

#tabs {
  margin: 0 0 0 254px;
  padding: 0;
}

.tab {
  float: left;
  list-style: none;
  margin: 0 4px -1px 0;
  border: 1px solid #ace;
  background-color: #f4faff;
}

.tab a {
  display: block;
  padding: 7px 11px;
  font-size: 13px;
  height: 17px;
  font-weight: bold;
  position: relative;
  border-top: 1px solid #fff;
}

.tab a:hover {
  text-decoration: none;
}

.tab .tab-icon {
  margin: 0 0 -4px 0;
  padding-right: 5px;
  background-color: #f4faff;
}

.tab.selected {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

.tab.selected a {
  color: #222;
  background-color: #fff;
}

.tab.selected .tab-icon {
  background-color: #fff;
}

.bolded {
  font-weight: 600;
}

#login-hover-cont {
  width: 210px;
}

#login-hover-cont .create-account {
  clear: both;
  margin: 20px -20px 0 -20px;
  padding: 5px;
  background-color: #ebf5fd;
  text-align: center;
}

#account-header #top-login-wrapper .bubble-dropdown {
  padding: 20px 20px 10px;
  left: auto !important;
  right: 0;
}

#account-header #top-login-wrapper .bubble-arrow, #account-header #top-login-wrapper .bubble-arrow-border {
  left: 85%;
}

textarea.textinput {
  width: 100%;
}

.link-img {
  vertical-align: middle;
  background-color: #fff;
  margin: -2px 0 0 0;
  padding-right: 4px;
  background-repeat: no-repeat;
}

html {
  overflow-y: scroll;
}

html.no-overflow {
  overflow: hidden;
}

* html .clearfix {
  height: 1%;
}

body.no-scroll {
  position: fixed !important;
  width: 100%;
}

#stop-acting {
  float: right;
  margin-right: 4px;
}

#top_notifier {
  padding: 6px;
  background: #E9F4FF;
  border-bottom: 1px solid #ace;
  border-right: 1px solid #ace;
  text-align: center;
  font-size: 11px;
  color: #000;
  z-index: 10;
  position: fixed;
  top: 0;
  display: block;
  width: 700px;
  border-bottom-right-radius: 10px;
}

#top_notifier a {
  color: #1f45cc;
}

#top_notifier.gremo {
  border: 0;
  border-bottom: 1px solid #8bd183;
  background: #f6fcf6;
  margin-bottom: 1em;
}

.purchase-subtext {
  padding-top: 11px;
  font-size: 11px;
}

.blank {
  color: #000;
}

.blank:hover {
  background: #fff;
  text-decoration: none;
}

.no-border {
  border: 0;
}

.button {
  background-color: #348dd3;
  border-color: #a3c8e9 #4379c0 #4379c0 #a3c8e9;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  margin: 0;
  padding: 2px 7px;
}

.grayed {
  background-color: #eee;
  border-color: #e5e5e5 #aaa #aaa #e5e5e5;
  border-style: solid;
  border-width: 1px;
  color: #666;
}

.gray {
  color: #aaa;
}

.blocktext {
  font-size: 13px;
  line-height: 1.9em;
}

.note {
  color: #222;
  margin-top: 2px;
  font-size: 8pt;
  line-height: 150%;
}

.note div {
  display: inline;
}

a:hover {
  text-decoration: underline;
}

.fieldset {
  border: 1px dotted #ccc;
  _border: 1px solid #e3e3e3;
  margin-bottom: 1em;
  padding: 15px;
  font-size: 12px;
}

.fieldset p {
  margin: 0 0 0.75em 0;
}

legend {
  margin-top: -2em;
  font-size: 12px;
  font-weight: bold;
}

#flash, .flash {
  border: 1px solid #F0DE26;
  margin: 0 0 5px 0;
  background-color: #fffcc9;
  padding: 7px;
  font-size: 11.5px;
}

.flash {
  margin-bottom: 10px;
}

#flash.fail, .flash.fail {
  background: #fdd;
  border: 1px solid #e66;
}

#flash.okay, .flash.okay {
  background: #e5fdd0;
  border: 1px solid #9dd07b;
}

div.notice p {
  margin: 0 0 5px 10px;
  padding: 7px;
}

div.notice span {
  color: #222;
}

div#notice-container {
  margin: 0 10px;
}

.lined thead {
  font-weight: bold;
}

.lined th {
  margin: 0;
  color: #888;
  padding: 8px;
  background: url(/static/images/dots-vflPwuWRn.gif) bottom repeat-x;
}

.lined td {
  padding: 8px;
  background: url(/static/images/skinny_dots-vfldI7ERm.gif) repeat-x bottom;
}

#floaters .bubble {
  width: 250px;
}

#topnav {
  margin: 0;
  padding: 0;
  margin-top: 18px;
  display: inline;
  float: right;
}

#topnav ul {
  display: inline;
  font-size: 8pt;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#topnav li {
  display: inline;
}

#topnav li a {
  padding: 8px;
  margin: 3px;
  display: block;
  float: left;
  overflow: visible;
  text-decoration: none;
}

#topnav li a:hover {
  text-decoration: underline;
}

div#feedback textarea {
  width: 98%;
  height: 12em;
  margin: 6px 0;
  overflow: auto;
}

div#feedback input[type=text] {
  margin: 6px 0;
}

.filebrowser td {
  padding-bottom: 20px;
}

.empty {
  padding: 20px;
  color: #ccc;
  font-style: italic;
}

#dropdown {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 2;
}

#show-more-dropdown {
  top: -30px;
}

UL.dropdown, UL.dropdown li, UL.dropdown a, UL.dropdown div {
  margin: 0;
  padding: 0;
}

UL.dropdown {
  position: absolute;
  list-style-type: none;
  background-color: #fff;
  border: 1px solid #0078cc;
}

UL.dropdown-lite {
  border: 1px solid #7ad;
  border-top: none;
  background-color: #f4faff;
}

UL.dropdown li {
  border: none;
  position: relative;
}

UL.dropdown a {
  padding: 6px 4px;
  height: 16px;
  line-height: 16px;
  border: 0;
  display: block !important;
  white-space: nowrap;
  padding-right: 13px;
}

.dropdown a:hover img {
  background-color: #f4faff;
}

.error-message {
  color: #e82110;
  font-size: 10px;
}

.slide {
  display: none;
}

img.tb {
  background: #ffffff;
  padding: 7px;
  margin: 7px;
  display: inline;
  border: 1px solid #A2A2A2;
}

img.tb:hover {
  border: 1px solid #000000;
}

.border {
  border: 1px solid #808080;
}

.clear {
  clear: both;
}

pre {
  overflow: auto;
  padding: 2px;
  display: block;
  margin: 1em 0;
}

pre:hover {
  overflow: auto;
}

pre.command-line:before {
  content: "$ ";
}

.panel {
  padding: 4px;
}

a.panel:hover img {
  background-color: #fff;
}

.panel a {
  text-decoration: underline;
}

.right {
  float: right;
}

#treeview-loading {
  text-align: center;
  padding: 1em 0;
}

.treeview.default {
  font-size: 1em;
  border: 1px solid #0078CC;
  padding: 7px;
  position: absolute;
  top: -1000px;
  left: -1000px;
  background-color: #f8fcff;
  z-index: 2;
}

.treeview-shared-folder:hover {
  text-decoration: none;
}

.inplace {
  background: #fff;
  font-size: 1em;
  border: 1px solid #e5e5e5;
  padding: 7px;
  overflow: auto;
  height: 150px;
}

.treeview a:hover {
  text-decoration: none;
}

.treeview img {
  margin: 0px 0px -3px 2px;
}

.treeview .item {
  padding: 3px 0 2px 0px;
}

.treeview .highlight, .treeview .highlight .link-img {
  background-color: #e3f2ff !important;
}

.treeview .highlight a {
  color: #3d464d;
}

.treeview-new-folder {
  padding-bottom: 6px;
  background: url(/static/images/dots-vflPwuWRn.gif) repeat-x bottom;
}

.outer-progress-bar {
  border: 1px solid #aaa;
  padding: 1px;
  margin: 0 auto;
  width: 200px;
  text-align: left;
}

.inner-progress-bar {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  position: relative;
  width: 200px;
  height: 18px;
}

.progress-bar {
  width: 200px;
  height: 18px;
  font-size: 10px;
  position: absolute;
}

.under-pb {
  background: white;
  color: #222;
}

.over-pb {
  background: #348DD3;
  color: white;
}

.pb-percentage {
  position: relative;
  text-align: center;
  margin: 2px auto 0 auto;
}

#pwd_cont {
  vertical-align: top;
  padding-top: 5px;
}

.download-button {
  margin-left: 20px;
}

.cool-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 15px;
}

.cool-ul li {
  background: #fff url(/static/images/icons/bullet_arrow_right-vflNKOadj.gif) no-repeat 0 50%;
  padding-left: 20px;
  font-size: 12pt;
  line-height: 16pt;
}

.graybox {
  background-color: #ddd;
  border: 1px solid #222;
  padding: 5px;
}

.space-four-right {
  margin-right: 4px;
}

.data-table {
  margin-top: 2px;
  border-width: 0;
  border-spacing: 0;
}

.data-table td {
  padding: 2px;
  padding-right: 20px;
}

.data-table th {
  padding-left: 2px;
  padding-right: 20px;
  border-bottom: 1px solid #7ad;
  background-color: #d6e8fa;
  text-align: left;
}

.data-table tr:hover {
  background-color: #fafafa;
}

.data-table-overline {
  border-top: 1px solid #999;
}

.data-table-num-cell {
  text-align: right;
}

.no-right-pad td {
  padding-right: 0;
}

.no-right-pad th {
  padding-right: 0;
}

td blockquote, .blockquote {
  margin: 3px 0;
  padding: 0;
  background: transparent url(/static/images/icons/lquote-vfleLEP9D.png) left top no-repeat;
  background-color: transparent;
  float: left;
}

td blockquote p {
  padding: 0 20px;
  margin: 0;
  background: transparent url(/static/images/icons/rquote-vfl_1CBoV.png) right bottom no-repeat;
}

#spinner-loading {
  position: absolute;
  background-color: white;
  text-align: center;
  font-size: 21pt;
  color: #616161;
  z-index: 300;
}

.tooltip {
  background-color: #F4FAFF;
  border: 1px solid #0078cc;
  padding: 4px;
  z-index: 500;
  max-width: 200px;
}

.copy-move-overlay {
  background-color: black;
}

.copy-move-text {
  text-align: center;
  cursor: default;
}

.copy-move-text a {
  display: block;
  color: #fff;
  text-align: center;
  cursor: default;
  text-decoration: none;
}

.sortable-column-header {
  color: #aaa;
  float: left;
  margin-bottom: 0px;
  text-align: left;
  font-size: 12px;
}

.sortable-column-header span {
  margin-right: 5px;
}

.sortable-column-header .s_web_arrow-up-gray, .sortable-column-header .s_web_arrow-down-gray {
  position: relative;
  top: -1px;
}

.sortable-column-header:hover {
  text-decoration: none;
}

#select-all-sorter {
  float: left;
  margin-left: 7px;
}

.browse-message {
  margin: 30px auto;
  font-size: 8pt;
  color: #666;
  text-align: center;
  display: block;
  width: 380px;
}

.browse-message h3 {
  font-weight: normal;
  font-style: italic;
  font-size: 13px;
  color: #666;
}

.payment-option {
  border-top: 1px solid #ccc;
  background-color: #fff;
}

.payment-option * {
  cursor: pointer;
}

.payment-option-selected {
  background-color: #eff8ff;
}

.payment-option input {
  vertical-align: middle;
}

.payment-option {
  font-size: 25pt;
}

.plan-desc {
  width: 240px;
}

.payment-option .plan-desc {
  font-size: 8pt;
  color: #888;
}

.payment-option .plan-desc b {
  color: #222;
}

.cc-icon {
  width: 50px;
  height: 30px;
  margin-right: 8px;
  float: left;
  background-position: 0 0;
}

.cc-icon-off {
  background-position: 50px 0;
}

.content-tab {
  margin: 15px 0 0 25px;
}

#full-content .content-tab {
  margin: 15px 25px 0 25px;
}

.link-as-button {
  padding: 1px 9px;
}

.link-as-button:hover {
  text-decoration: none;
}

.bar-graph {
  height: 20px;
  background: #fff;
  padding: 1px;
  border: 1px solid #aaa;
}

.bar-graph-part {
  float: left;
  height: 20px;
}

.bar-graph-normal {
  background: #348dd3;
}

.bar-graph-shared {
  background: #81cbf7;
}

.over .bar-graph-normal {
  background: #e35959;
}

.over .bar-graph-shared {
  background: #fcb8b8;
}

.bar-graph-free {
  background: #F4FAFF;
}

.bar-graph-key {
  text-align: center;
  margin: 1em 0;
}

.bar-graph-key span {
  margin: 0 0 0 4em;
}

.bar-graph-legend {
  padding: 0 6px;
  border: 1px solid #888;
}

.bar-graph {
  background: #f4faff;
  border: 1px solid #aeceef;
  position: relative;
}

.bar-graph-normal {
  overflow: hidden;
}

#white-mask {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

#folder-contents {
  padding: 20px 0px;
  border-bottom: 1px solid #83a9d0;
}

#folder-contents table {
  margin: auto;
}

.folder-contents-title {
  font-size: 14px;
}

.folder-contents-file-img {
  padding-left: 20px;
}

.folder-contents-file-desc {
  font-size: 14px;
}

#events {
  width: 100%;
  border-collapse: collapse;
  text-decoration: none;
}

#event-table td {
  border-bottom: 1px solid #edf1f5;
  padding: 13px 0;
  font-size: 13px;
}

#event-table .icon {
  text-align: center;
}

#event-table .icon img {
  margin-top: 3px;
}

#event-table .modified {
  padding-right: 13px;
}

img.mini {
  margin-left: 8px;
}

.button-container input {
  margin: 0.5em 0.5em 0 0;
}

.indent {
  margin-left: 10px;
}

table.spacing td, ul.spacing li {
  padding-top: 4px;
  padding-bottom: 3px;
}

table.spacing td, ul.spacing li {
  padding-top: 4px;
  padding-bottom: 3px;
}

table.spacing td, ul.spacing li {
  padding-top: 4px;
  padding-bottom: 3px;
}

.button-container input {
  margin: 0.5em 0.5em 0 0;
}

.indent {
  margin-left: 10px;
}

table.spacing td, ul.spacing li {
  padding-top: 4px;
  padding-bottom: 3px;
}

.code {
  background-color: #f4faff;
  border: 1px solid #7ad;
  font-family: courier,monospace;
  padding: 0.5em;
  white-space: pre-wrap;
}

.account-table {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 3px;
}

.account-table th {
  padding: 8px;
  background: url(/static/images/skinny_dots-vfldI7ERm.gif) bottom repeat-x;
}

.account-table td {
  padding: 8px;
}

.account-table {
  border-collapse: collapse;
}

.account-table .icon-col {
  padding: 4px 6px 0 4px;
  width: 16px;
}

#applications-table .icon-col {
  padding: 2px 8px 0 4px;
}

#applications-table td {
  padding: 8px 8px 8px 0;
}

.account-table th.email {
  width: 348px;
}

.account-table td.email {
  width: 328px;
}

.account-table .email {
  text-align: left;
}

.account-table .sent, .account-table .status {
  width: 125px;
  text-align: center;
}

.account-table p {
  font-size: 12px;
}

#account-sign-in .row-header {
  vertical-align: top;
  width: 200px;
  font-weight: bold;
}

#account-sign-in #twofactor-row td {
  padding-top: 15px;
}

#referral-instructions {
  background: -webkit-linear-gradient(#edf5ff, #e3f3fc);
  background: linear-gradient(#edf5ff, #e3f3fc);
  border-radius: 3px;
  height: 80px;
  text-align: center;
}

#bonus-loading img {
  margin-bottom: -10px;
}

#bonus-loading {
  color: #adadad;
  text-align: center;
}

#referral-instructions td img {
  vertical-align: middle;
  margin-bottom: 3px;
}

#bonus-text {
  margin-top: 30px;
  color: #adadad;
  font-size: 13px;
  text-align: center;
}

#bonus-total {
  color: #6fbf00;
  font-size: 32px;
  text-align: center;
  font-weight: 200;
}

#bonus-content {
  margin: 0;
}

#bonus-content table {
  width: 100%;
  border-collapse: collapse;
}

#bonus-content h4 {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 12px;
}

#bonus-table th {
  color: #adadad;
  font-weight: normal;
  background: none;
  text-align: left;
  padding-bottom: 13px;
  border-bottom: 1px solid #dbdbdb;
}

#bonus-table .bonus-row > td {
  border-bottom: 1px solid #dbdbdb;
  padding: 13px 0px;
}

#bonus-table td .earned-space {
  width: 70px;
  display: inline-block;
  font-weight: 600;
  color: #000;
}

.spaced-table {
  width: 100%;
}

.spaced-table td {
  padding: .2em 0;
}

.account-subheader {
  color: #222;
}

#search-results {
  margin: 0px 0px 1em 7px;
  padding: 0px;
}

#search-results li {
  list-style: none;
  font-size: 14px;
  margin: 0px;
  padding: 10px 0;
}

#search-results li p {
  margin: 2px 0px;
  font-size: 14px;
}

#search-results li p a {
  color: #888;
}

.highlight {
  background: #ffa;
}

.payment-option-selected {
  background: #fff;
}

.payment-option-selected h2 {
  color: #07c !important;
}

.disabled-button {
  background: #ddd;
  border: 1px solid #bbb;
  color: #999;
}

#referral-status-container {
  width: 500px;
  margin: 0 auto;
}

#referral-status-container h2 {
  font-size: 20px;
}

#referral-status-container h2 img {
  margin: 0 6px -6px 0;
}

#referral-status-container > p {
  margin-top: -6px;
}

#referral-status-container #button-p {
  text-align: right;
  margin-bottom: 0;
}

#referral-status-container .sick-input input {
  width: 486px;
}

.suggestion-input {
  color: #999;
}

.suggestion-input-unfaded {
  color: #333;
}

#login-page #login-container {
  width: 470px;
  margin: 30px auto 50px auto;
}

#login-page #form-container {
  border: 1px dotted #ccc;
  _border: 1px solid #e0e0e0;
  border-top: 0;
  padding: 30px 70px;
  width: 330px;
}

#login-page .heading_text {
  text-align: center;
  margin-bottom: 1em;
}

#login-page table td.label, #login-page table div.label {
  text-align: right;
  vertical-align: top;
  padding-top: 9px;
}

#login-page table td {
  padding: 3px 0px 3px 5px;
  color: #666;
  vertical-align: middle;
  font-size: 11px;
}

#login-page .textinput {
  width: 200px;
}

#login-page .content-tab {
  margin: 0 auto;
}

#login-page .spacer {
  font-size: 8px;
}

#login-page .error-message {
  display: block;
  text-align: left;
  margin-bottom: -1.8em;
}

.opera #login-page .error-message {
  margin-bottom: -1.2em;
}

#team-welcome-page .heading_text {
  text-align: center;
  margin-bottom: 1em;
  font-size: 16px;
}

#team-welcome-page .textinput {
  width: 180px;
}

#team-welcome-page #register-submit {
  float: none;
}

#team-confirm-migrate-page #team-confirm-migrate-container {
  width: 550px;
  margin: 0 auto;
}

.salesforce-form input.error, .salesforce-form input.required {
  border: 1px #d00 solid;
}

ul.navlist {
  margin: 0;
  padding: 0;
}

ul.navlist li {
  list-style: none;
  margin: 0;
  padding-bottom: 15px;
}

ul.navlist a, ul.navlist span.fakelink {
  display: block;
  padding: 5px 0;
  font-size: 11px;
  margin: 0;
}

#admin_help_div {
  width: 1000px;
  text-align: left;
}

#admin_help_div input[type='text'], #admin_help_div textarea {
  width: 100%;
}

.emo {
  background: #f4faff;
  padding: 20px;
  border: 1px solid #ace;
}

.emo ul {
  padding: 0 1.5em;
}

.emo ul li {
  list-style: none;
  margin: 4px 0;
}

.emo ul li img {
  margin-right: 5px;
}

.skinny-emo {
  padding: 10px;
}

.gremo {
  padding: 20px;
  background-color: #e8f7ed;
  border: 1px solid #30b661;
  color: #1BA84E;
  margin-bottom: 1.6em;
}

.gremo .link-img {
  background-color: #e8f7ed;
}

.db-badge {
  display: inline-block;
  padding: 0;
  margin: 0;
  position: relative;
}

.db-badge-image {
  position: absolute;
  top: 49px;
  left: 44px;
}

.db-badge-content {
  position: absolute;
  top: 52px;
  left: 44px;
  width: 47px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
}

.third-column {
  width: 30%;
  float: left;
  min-height: 10px;
}

.half-column {
  width: 48%;
}

.half-column.left-column {
  float: left;
}

.half-column.right-column {
  float: right;
  margin-right: 0;
}

.center-column {
  width: 82%;
  margin: 0 auto;
}

.upgrade.half-column .fieldset {
  min-height: 145px;
}

.center {
  text-align: center;
}

.clean {
  margin: 0;
  padding: 0;
}

.rss-icon {
  margin: 0;
  float: left;
}

.rss-icon img {
  background-color: #fff;
  height: 16px;
  width: 16px;
}

div#login-page table td.clean {
  padding: 0 5px;
}

div#events-container {
  height: auto;
  position: relative;
  font-size: 12px;
  margin: -5px 0;
}

div#events-content h2 {
  margin-top: 0;
  padding-top: 0;
}

.events_bubble_tail {
  position: absolute;
  left: 50%;
  top: 12px;
  margin: 0 0 0 -3px !important;
  z-index: 10;
}

.ebubble {
  z-index: 2;
  font-size: 10px;
  font-weight: normal;
  font-size: 11px;
}

.ebubble, .ebubble td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  color: #fff;
}

.ebubble .tl {
  width: 2px;
  height: 2px;
  background: url(/static/images/events_bubble_tl-vfll9Oxtw.gif) no-repeat;
}

.ebubble .t {
  height: 2px;
  background: url(/static/images/events_bubble_t-vflGkZMxc.gif) repeat-x;
}

.ebubble .tr {
  width: 2px;
  height: 2px;
  background: url(/static/images/events_bubble_tr-vfl8mUk3B.gif) no-repeat;
}

.ebubble .l {
  width: 2px;
  background: url(/static/images/events_bubble_l-vflGvJmjK.gif) repeat-y;
}

.ebubble .c {
  background: #ff9c4b;
  padding: 1px 2px;
  font-weight: bold;
  font-size: 11px;
}

.ebubble .r {
  width: 2px;
  background: url(/static/images/events_bubble_r-vfl25pCNx.gif) repeat-y;
}

.ebubble .bl {
  width: 2px;
  height: 2px;
  background: url(/static/images/events_bubble_bl-vflcO_DWx.gif) no-repeat;
}

.ebubble .b {
  height: 2px;
  line-height: 2px;
  background: url(/static/images/events_bubble_b-vflK7Mihn.gif) repeat-x;
  text-align: center;
}

.ebubble .br {
  width: 2px;
  height: 2px;
  background: url(/static/images/events_bubble_br-vflH2rVYW.gif) no-repeat;
}

.ebubble .b .events_bubble_tail {
  position: static;
  margin-bottom: -3px;
}

.freshbubble {
  border-radius: 3px;
  text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
}

#member-requests span.freshbubble,
#main-nav span.freshbubble,
#main-nav a.freshbubble,
.header-nav-link span.freshbubble {
  margin: 0;
  padding: 0px 3px;
  position: relative;
  top: 0;
  font-size: 9px;
  line-height: 15px;
  border: 1px solid #f5bdbc;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #ee908f;
  font-weight: bold;
  min-width: 9px;
  height: 15px;
  text-shadow: none;
  background: #fff;
}

#main-nav span.freshbubble,
#main-nav a.freshbubble {
  margin-left: 6px;
}

#member-requests span.freshbubble,
#main-nav span.freshbubble,
.header-nav-link span.freshbubble {
  top: -1px;
}

.header-nav-link span.freshbubble {
  margin-right: 5px;
}

#member-requests span.freshbubble,
#main-nav span.freshbubble#inbox-count,
.header-nav-link span.freshbubble {
  display: none;
}

#member-requests span.freshbubble.show,
#main-nav span.freshbubble#inbox-count.show,
.header-nav-link span.freshbubble.show {
  display: inline-block;
  vertical-align: middle;
}

#main-nav .custom-nav {
  margin-top: 30px;
  padding-top: 30px;
}

#main-nav .custom-nav .header {
  font-weight: 600;
  font-size: 13px;
  color: #aaa;
  margin-left: 5px;
  margin-bottom: 5px;
}

.freshbutton-blue.fb-big .download-icon {
  margin: -13px 0 -18px 0;
}

.switch_icon {
  float: left;
  width: 29px;
}

.switch_text {
  width: 136px;
  float: left;
}

.switch_text .switch_email {
  color: #777;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-button.ui-button {
  position: relative;
  margin-left: 10px;
  display: inline-block;
}

.filter-button.ui-button.active .sub-nav {
  display: block;
}

.filter-button.ui-button .sub-nav {
  text-align: left;
  display: none;
  position: absolute;
  top: 25px;
  right: -21px;
  padding: 5px 15px;
  width: 162px;
  font-size: 13px;
  color: #666;
  background-color: #f6f7f8;
  text-shadow: #cacaca 0 1px 1px;
}

.filter-button.ui-button .sub-nav ul, .filter-button.ui-button .sub-nav li, .filter-button.ui-button .sub-nav a {
  display: block;
  margin: 0;
  padding: 0;
}

.filter-button.ui-button .sub-nav a {
  display: block;
  padding: 6px 15px;
  margin: 0 -15px;
  font-size: 13px;
  color: #333;
}

.filter-button.ui-button .sub-nav a img {
  margin-right: 5px;
  margin-bottom: -3px;
}

.filter-button.ui-button .sub-nav a:hover {
  background: #e3f2ff;
  text-decoration: none;
}

.filter-button.ui-button .freshbutton-lightblue {
  position: relative;
  width: 160px;
  text-align: left;
  background: #f6f7f8;
}

.filter-button.ui-button .freshbutton-lightblue .s_arrow-down-blue {
  position: absolute;
  right: 5px;
  top: 7px;
}

.filter-button.ui-button.active:hover .freshbutton-lightblue {
  border: 1px #79bcea solid;
  box-shadow: none;
}

.filter-button.ui-button img.filter-arrow {
  float: right;
  margin-right: 0px;
}

.explanation {
  border: 1px solid #e5f2fc;
  background-color: #f7fbfe;
  margin-bottom: 18px;
  margin-top: 10px;
  padding: 18px 40px 18px 35px;
  line-height: 1.8em;
  border-radius: 3px;
}

.greexplanation {
  border-top: 1px solid #a2d85d;
  border-bottom: 1px solid #90c54c;
  border-left: 1px solid #eaf9da;
  border-right: 1px solid #eaf9da;
  background-color: #f6ffee;
  margin-bottom: 18px;
  margin-top: 10px;
  padding: 18px 40px 18px 54px;
  line-height: 1.8em;
}

.index-plans {
  padding: 10px 10px;
  position: relative;
  top: 50px;
}

.index-plans img {
  position: relative;
  top: 3px;
}

.link-span, .link-span a, .link-span img {
  cursor: pointer;
}

.link-span:hover a {
  text-decoration: underline;
}

#download-link {
  background: transparent url(/static/images/download_button-vflSjG2SU.png) no-repeat;
  width: 334px;
  height: 105px;
  display: block;
  position: relative;
}

#download-link span {
  position: absolute;
  color: #fff;
  font-size: 12px;
  top: 60px;
  left: 105px;
  width: 224px;
  text-align: center;
}

#download-link:hover {
  text-decoration: none;
}

p#avail {
  margin: 0;
  font-size: 10px;
  margin-top: 4px;
  width: 244px;
  margin-left: 80px;
  text-align: center;
  margin-bottom: -10px;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

.alt_row, .alt_row .sprite {
  background-color: #f4faff;
}

.highlighted_row, .highlighted_row .sprite {
  background-color: #fef4ca;
}

#invite-download.emo {
  padding: 30px;
}

#invite-download p {
  font-size: 15px;
  margin: 1em 0;
}

#invite-download h1 {
  margin: 0;
  color: #2895F1;
  font-weight: bold;
  font-size: 20pt;
}

#invite-download #post-register-steps {
  margin: 30px auto 0 auto;
  width: 85%;
  padding: 0 0 2em 0;
}

#invite-download #post-register-steps td {
  padding-bottom: 0.5em;
}

#invite-download #post-register-steps #avail {
  font-size: 11px;
}

#invite-download #invite-download-button-container {
  width: 355px;
  text-align: center;
  margin: 0 auto 0px auto;
  padding-bottom: 20px;
}

#invite-download #invite-download-button-container #avail {
  text-align: center;
  width: auto;
}

.hotbutton {
  display: -moz-inline-stack;
  display: inline-block !important;
  position: relative;
  background-color: #fafcff;
  margin: 1px -1px 0 0;
  border: 1px solid #aeceef;
  border-width: 0 1px;
}

.hotbutton-content {
  display: block;
  position: relative;
  margin: -1px 0px;
  border: 1px solid #aeceef;
  border-width: 1px 0;
  height: 23px;
  line-height: 23px;
  padding: 0 5px;
  text-align: center;
}

.hotbutton-content .sprite {
  margin: -4px 4px 0 0;
  vertical-align: middle;
}

.hotbutton:hover {
  text-decoration: none;
}

.hotbutton.over, .hotbutton.over .hotbutton-content, .hotbutton.down, .hotbutton.down .hotbutton-content, .hotbutton.selected, .hotbutton.selected .hotbutton-content {
  border-color: #4291df;
  position: relative;
  z-index: 2;
}

.hotbutton.down, .hotbutton.down .hotbutton-content, .hotbutton.selected, .hotbutton.selected .hotbutton-content {
  background-color: #4291df;
  color: #fff;
}

.hotbutton .shadow {
  background-color: #e7ebef;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 1px;
  right: 1px;
  height: 1px;
}

.rounded5 {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

html.borderradius .hotbutton.rounded, html.borderradius .hotbutton.rounded span {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0;
}

.text-img {
  margin-bottom: -4px;
  padding-right: 4px;
}

.h2-img {
  margin-bottom: -3px;
  padding-right: 6px;
}

.blue-bullets {
  margin: 0 0 0 0.5em;
  padding: 0;
}

.blue-bullets li {
  list-style: none;
  background: url(/static/images/icons/bullet_blue-vfleICrKj.gif) no-repeat;
  padding: 0 0 0 18px;
  margin: 5px 0px 5px 5px;
}

.blue-bullets.unindented li {
  margin-left: -9px;
}

.pseudo-p {
  margin: 0.75em 0;
}

.bubble, .bubble td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 10;
  color: #222;
  line-height: 1.5em;
  text-align: left;
}

.bubble .tl, .bubble .tr, .bubble .bl, .bubble .br {
  width: 13px;
  height: 13px;
  overflow: hidden;
}

.bubble .tl {
  background: url(/static/images/bubble_tl-vfl6cABbS.png) no-repeat bottom;
}

.bubble .tr {
  background: url(/static/images/bubble_tr-vflrB536R.png) no-repeat left bottom;
}

.bubble .bl {
  background: url(/static/images/bubble_bl-vflMdxQ1O.png) no-repeat;
}

.bubble .br {
  background: url(/static/images/bubble_br-vflU2zuvO.png) no-repeat;
}

.bubble .t, .bubble .b {
  height: 13px;
  padding: 0 10px;
}

.bubble .t {
  background: url(/static/images/bubble_t-vflgeQa3q.png) repeat-x bottom;
}

.bubble .b {
  background: url(/static/images/bubble_b-vflhe-s45.png) repeat-x;
}

.bubble .l, .bubble .r {
  width: 13px;
  padding: 10px 0;
}

.bubble .l {
  background: url(/static/images/bubble_l-vflk7FP1Z.png) left repeat-y;
}

.bubble .r {
  background: url(/static/images/bubble_r-vfljSgzWm.png) left repeat-y;
}

.bubble .c {
  background-color: #fff;
  padding: 6px 8px;
}

.bubble .arrow {
  display: block;
  position: relative;
  margin-left: -12px;
}

.bubble .barrow {
  position: relative;
  margin-top: 7px;
}

.bubble .tarrow {
  position: relative;
  margin-bottom: 2px;
}

.bubble .rarrow {
  position: relative;
  margin-left: 7px;
}

.bluebubble, .bluebubble td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 10;
  color: #222;
  line-height: 9px;
  text-align: left;
  position: relative;
}

.bluebubble .tl, .bluebubble .tr {
  width: 15px;
  height: 31px;
  overflow: hidden;
  position: relative;
}

.bluebubble .bl, .bluebubble .br {
  width: 15px;
  height: 31px;
  overflow: hidden;
  position: relative;
}

.bluebubble .tl {
  background: url(/static/images/bluebubble_tl-vfl4G9bEE.png) no-repeat bottom right;
}

.bluebubble .tr {
  background: url(/static/images/bluebubble_tr-vfllJ3ZZm.png) no-repeat bottom left;
}

.bluebubble .bl {
  background: url(/static/images/bluebubble_bl-vflYN_4x3.png) no-repeat top right;
}

.bluebubble .br {
  background: url(/static/images/bluebubble_br-vflqKajGM.png) no-repeat top left;
}

.bluebubble .t, .bluebubble .b {
  padding: 0;
  position: relative;
}

.bluebubble .t {
  height: 31px;
  background: url(/static/images/bluebubble_t-vfli9iy8c.png) repeat-x bottom;
}

.bluebubble .b {
  height: 31px;
  background: url(/static/images/bluebubble_b-vflH9LDZ4.png) repeat-x top;
}

.bluebubble .l, .bluebubble .r {
  width: 15px;
  height: 1px;
  padding: 0;
  position: relative;
}

.bluebubble .l {
  background: url(/static/images/bluebubble_l-vfljhAD5k.png) right repeat-y;
}

.bluebubble .r {
  background: url(/static/images/bluebubble_r-vfllrpFJa.png) left repeat-y;
}

.bluebubble .c {
  background-color: #fbfdff;
  padding: 0px 5px 0px 5px;
  color: #222;
  position: relative;
  line-height: 18px;
}

.bluebubble .barrow {
  position: absolute;
  height: 13px;
  width: 22px;
  top: 11px;
}

.bluebubble .tarrow {
  position: absolute;
  height: 31px;
  width: 22px;
  top: 0;
}

.bluebubble .rarrow {
  margin-left: 11px;
}

.bluebubble .arrow {
  margin-right: 11px;
}

.bluebubble .arrow-container {
  position: relative;
  height: 31px;
}

.bluebubble h1 {
  font-size: 16px;
  font-weight: bold;
  top: 0;
  margin-top: 0;
  margin-bottom: 5px;
}

.step-number {
  color: #2895F1;
}

.input-label, .input-content {
  margin-bottom: 5px;
}

.input-label {
  width: 110px;
  height: 22px;
  line-height: 22px;
  float: left;
  clear: left;
}

.input-content {
  width: 220px;
  float: left;
}

.emo .link-img {
  background-color: #f4faff;
  margin-bottom: -1px;
}

.sharing-input {
  height: 5em;
}

ul.blocklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.blocklist a {
  display: block;
  padding: 6px 0;
}

.no-tab-link {
  float: right;
  font-size: 14px;
  margin-top: 7px;
}

.no-tab-link img {
  vertical-align: top;
  margin-top: -1px;
  padding-bottom: 1px;
}

.bottom-menu {
  position: absolute;
  bottom: 0;
  background-color: #f6fbff;
  padding: 20px;
  left: 0;
  right: 0;
  border-top: 1px solid #ace;
  font-size: 11px;
}

.bottom-menu li a {
  padding-left: 20px;
}

.bottom-menu li a img.sprite {
  margin-left: -20px;
}

div#left-content div.bottom-menu img.link-img {
  background-color: #f4faff;
}

.searchbox {
  position: relative;
}

.searchbox img {
  position: absolute;
  top: 4px;
  left: 4px;
}

.searchbox input {
  padding-left: 23px;
}

.topround {
  position: absolute;
  left: -1px;
  top: -1px;
}

.bs-row > div {
  display: inline-block;
}

.bs-row .sf-name > img {
  vertical-align: top;
  margin: 2px 1px 0 0;
  padding-right: 4px;
  background-repeat: no-repeat;
}

.bs-row {
  height: 24px;
  position: relative;
  padding: 4px;
  margin: 1px 0;
  line-height: 24px;
}

.bs-row .action-button {
  cursor: pointer;
}

.bs-row.noactions, .bs-row.noactions * {
  cursor: auto;
}

.bs-row.noactions a {
  cursor: pointer;
}

.bs-actions {
  text-align: right;
  width: 79px;
  position: absolute;
  right: 0;
  margin: 2px 15px 0 0;
}

.bs-row em {
  color: #888;
  font-size: 11px;
  font-style: normal;
}

.bs-row.hover {
  background: #f9fcff;
  border: 1px solid #d4e5f6;
}

#team-members-header {
  background: #fff url(/static/images/skinny_dots-vfldI7ERm.gif) repeat-x bottom;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 3px;
  margin: 4px 0;
}

#team-members-header div {
  float: left;
  padding-left: 2px;
}

#team-members-header div.team-user {
  padding-left: 4px;
}

#team-members-header div.team-usage {
  padding-left: 0px;
}

.team-user {
  width: 447px;
}

.team-join-state {
  width: 160px;
}

.team-usage {
  width: 108px;
}

.team-bubble-pad {
  padding-right: 10px;
}

#keys-chart {
  z-index: 10;
}

#keys-chart h2 {
  color: #fff;
  margin-top: 0;
  padding-top: 0;
}

#keys-chart div {
  background: #4c545a;
  color: #fff;
  padding: 20px 20px;
  border-radius: 3px;
}

#keys-chart ul {
  list-style: none;
  width: 45%;
  line-height: 1.5em;
  padding: 0;
}

#keys-chart ul.keys-left {
  margin: 0 5%;
  float: left;
}

#keys-chart ul.keys-left span.key {
  width: 52px;
}

#keys-chart ul.keys-right {
  float: right;
  margin: 0;
}

#keys-chart ul.keys-right span.key {
  width: 70px;
}

#keys-chart ul span.key {
  color: #9cf;
  display: inline-block;
  margin-left: -60px;
}

#keys-chart ul li {
  margin: 0;
  padding: 0;
  padding-left: 45px;
}

.horizontal_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.horizontal_list li {
  float: left;
  margin: 0 0 0 2em;
  padding: 0;
}

.invite {
  border: 1px solid #ace;
  margin-bottom: 0.5em;
  background-color: #f4faff;
}

.invite.used {
  border: 1px solid #aaa;
  background-color: #f8f8f8;
}

.invite .invite-details {
  background: #fff url(/static/images/skinny_dots-vfldI7ERm.gif) repeat-x top;
}

.invite-header {
  padding: 7px 6px;
  margin: 1px 0;
  display: block;
}

.inviter {
  float: left;
  width: 190px;
}

.inviter a:hover {
  text-decoration: none;
}

.inviter .text-img {
  padding-right: 7px;
}

.folder-name {
  float: left;
  width: 266px;
}

.treeview-folder .link-img {
  background-color: #fff;
  margin: -5px 0px 0px 0px;
}

.highlight .treeview-folder .link-img {
  background-color: #f4faff;
}

.treeview-folders .item.disabled {
  opacity: 0.4;
}

.calendar {
  text-align: center;
  width: 18.5em;
  border: 1px solid #ccc;
  padding: 0.5em;
  font-size: 11px;
  background-color: #f8f8f8;
}

.calendar h5 {
  font-size: 13px;
}

.calendar .changemonth {
  padding: 3px 5px;
}

.calendar .changemonth.prev {
  float: left;
}

.calendar .changemonth.next {
  float: right;
}

.calendar .days {
  width: 18.5em;
  clear: both;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.calendar .date {
  display: -moz-inline-stack;
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  margin: 1px 1px 0 0;
  background-color: #fff;
  cursor: pointer;
}

.calendar .date:hover {
  background-color: #e9f4ff;
  text-decoration: none;
}

.calendar .date.selected {
  background: #2895F1;
  color: #fff;
}

.calendar .date.inactive,
.calendar .date.inactive:hover {
  color: #bbb;
  background: #fff;
  cursor: default;
}

#cal_date {
  float: right;
  margin-left: 7px;
  border-collapse: collapse;
}

#cur_date {
  border: 1px solid #dadada;
  padding: 5px;
  color: #444;
  text-align: center;
  width: 100px;
  display: block;
  float: right;
  margin-right: -1px;
  border-radius: 3px;
}

#cur_date img {
  float: right;
  margin: 0 1px -1px 0;
}

#cur_date:hover {
  text-decoration: none;
}

#cur_date img {
  float: right;
}

#cal_container {
  display: inline;
  z-index: 1000;
  margin-top: -2px;
  padding-right: 1px;
}

#errorbox {
  line-height: 1.6em;
}

#errorbox.advanced {
  width: 60%;
  margin: 0 auto 0 auto;
  padding: 20px;
  background-color: rgba(233, 244, 255, 0.55);
  font-size: 13px;
  line-height: 1.6em;
}

#errorbox.advanced h1 {
  margin: 0 0 4px 0;
  padding-top: 3px;
  background: url(/static/images/dots-vflPwuWRn.gif) repeat-x bottom;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

div#content.errorpage {
  background: url(/static/images/errorpagebox-vflWAw_ws.jpg) center 80px no-repeat !important;
  padding-top: 180px;
  min-height: 325px;
}

.hotbox, .green-hotbox, .orange-hotbox {
  background: #f4faff url(/static/images/white_pixel-vfltEkXBV.gif) repeat-x;
  border: 1px solid #ace;
  padding: 20px;
}

html.borderradius .hotbox, html.borderradius .green-hotbox, html.borderradius .orange-hotbox {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.orange-hotbox {
  background-color: #fff8e3;
  border: 1px solid #f6e2aa;
}

.green-hotbox {
  background-color: #f4fdee;
  border: 1px solid #d1f1ba;
}

.green-hotbox img {
  background-color: #f4fdee;
}

.hotbox.dark {
  background-color: #e9f4ff;
  border-color: #ace;
}

.force-break {
  word-wrap: break-word;
  -webkit-nbsp-mode: space;
  -webkit-line-break: after-white-space;
}

.force-no-break {
  white-space: nowrap;
}

.bigger .hotbutton-content {
  font-weight: 600;
  font-size: 13px;
  padding: 3px 15px 3px 15px;
}

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

.app-icon {
  max-height: 16px;
  max-width: 16px;
}

.email-iframe-preview {
  width: 680px;
  height: auto;
  border: 1px solid #ddd;
  background: #fff;
}

.green-hotbox {
  background-color: #f4fdee;
  border: 1px solid #beddb9;
}

.borderbox {
  border: 1px solid #e4e4e4;
  padding: 20px 10px 20px 40px;
}

.borderbox {
  border-radius: 18px;
}

.code-sample {
  border: 1px solid #ccc;
  background: #fafafa;
  margin: 0 auto;
  padding: 15px;
}

.ratingstars, .ratingstars * {
  cursor: pointer !important;
}

.hotbox-inner {
  padding: 16px;
  background: #fff;
}

.hotbox-thin-border {
  padding: 4px;
}

.candybox {
  background: #fefeff url(/static/images/shadow_gradient-vfllopsMq.gif) bottom repeat-x;
  border: 1px solid #c3c6ca;
  padding: 10px 20px 20px 20px;
  margin: 0 0 2em 0;
}

.candybox {
  border-radius: 5px;
  box-shadow: 0px 1px 1px #dfdfdf;
}

.candybox h1 {
  font-size: 32px;
  color: #2895F1;
  margin: 0;
  padding: 0;
}

.candybox h2 {
  background: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #7a8b9a;
}

.sf-invite-action form {
  display: inline;
}

.sf-invite-action .ajax_submit_loading {
  display: none;
}

.sf-invite-action.loading form {
  opacity: 0.4;
}

.sf-invite-action.loading .ajax-loading-indicator {
  display: inline-block;
  vertical-align: middle;
}

.sf-invite-action .ajax-loading-indicator {
  margin: 0 6px 0 6px;
}

/* !----- Downloading Page Styles ----- */
/* !--- Downloading --- */
#downloading-container {
  border-bottom: 1px solid #aaccee;
  margin: 0 0 60px 0;
}

#downloading-header {
  background: url("/static/images/dropboxlove-vflc5oKID.gif") no-repeat left top;
  padding: 13px 0 25px 160px;
  width: 561px;
  margin: 0 auto;
}

#downloading-header h1 {
  font-weight: bold;
  margin: 0;
  font-size: 320%;
}

#downloading-header p {
  font-size: 130%;
}

/* !--- Install Steps --- */
#steps-container {
  width: 866px;
  margin: 0 auto 50px auto;
  background: url("/static/images/arrows-vfldd2t3Y.gif") no-repeat -13px 45px;
}

#steps-container table#steps {
  width: 100%;
  border-collapse: collapse;
}

#steps-container table#steps tr td {
  width: 250px;
  vertical-align: top;
}

#steps-container table#steps tr td.middle {
  padding: 0 20px;
}

#steps-container table#steps tr td .screenshot {
  margin: 0 0 20px 0;
}

#steps-container table#steps tr td .screenshot img {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#steps-container table#steps tr td .screenshot.ie img {
  border-radius: 8px;
}

#more-help {
  text-align: center;
  color: #888;
}

#locale-container {
  position: relative;
  float: right;
  margin-top: 20px;
  margin-right: 16px;
  min-width: 50px;
  max-width: 200px;
}

#locale-container img {
  vertical-align: middle;
}

#locale-container img.s_web_globe_gray_20x20 {
  margin: 0 2px -5px 0;
}

#locale-container .link-span a {
  margin-right: 3px;
  font-size: 13px;
  font-weight: 600;
  color: #767676;
  vertical-align: middle;
}

#locale-selector-modal .db-modal {
  width: 550px;
}

#locale-selector-modal table {
  margin-left: 36px;
}

#locale-selector-modal table td {
  vertical-align: top;
}

#locale-selector-modal ul {
  font-size: 15px;
  list-style: none;
  margin: 0;
  padding: 0 50px 0 0;
  line-height: 1.8em;
}

#locale-selector-modal ul li {
  line-height: 1.8em;
}

.modal-locale-link .spacer {
  margin-left: -5px;
}

.modal-locale-link .arrow {
  margin-bottom: 3px;
}

.ul_select_menu {
  position: absolute;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 150px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  text-align: left;
}

.ul_select_menu li {
  display: none;
  cursor: pointer;
  padding: 5px 6px;
}

.ul_select_menu li.selected {
  display: block;
  background-image: url(/static/images/icons/big-dropdown-gray-vflRwG4rA.gif);
  background-repeat: no-repeat;
  background-position: 95% 5px;
}

.ul_select_menu li.hover {
  background: #f6f6f6;
}

.ul_select_menu.shown {
  z-index: 1;
}

.ul_select_menu.shown li {
  display: block;
}

.ul_select_menu.shown li.selected {
  background-image: none;
}

.ul_select_menu.one li.selected {
  background: transparent;
  cursor: default;
}

.ul_select_menu .sprite {
  margin-bottom: -3px;
}

#programming_language_selector_container {
  float: right;
}

#namespace-list-container {
  float: right;
  margin-left: 10px;
  margin-top: 1px;
}

#namespace-list-container ul.ul_select_menu {
  margin: 0;
  padding: 0;
  border-color: #dadada;
  width: 173px;
}

#namespace-list-container ul li {
  padding: 5px;
  white-space: nowrap;
}

#namespace-list-container ul img.sprite {
  margin-bottom: 0;
  background-color: transparent;
}

#namespace-list {
  max-height: 400px;
  overflow-y: auto;
}

#big_price_holder .freshbutton-blue {
  margin-top: -4px;
}

#screencast-container {
  position: relative;
}

#watch-text {
  position: absolute;
  width: 100%;
  height: 20px;
  top: 210px;
  left: 0;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  margin-left: -4px;
}

/* !----- Call to Actions ----- */
.download {
  text-align: center;
  margin: 50px 0;
}

a.cta {
  text-decoration: none;
  font-weight: bold;
  font-size: 200%;
  padding: 13px 20px 13px 60px;
  border-radius: 5px;
}

a.cta.blue {
  color: #fff;
  text-shadow: 0 -1px #16588d;
  border: 1px solid #1d74b9;
  background: url("/static/images/cta_bg-vflM6j2h6.png") repeat-x 0 0;
  box-shadow: inset 0 1px #92c5ee, 0 1px 2px rgba(0, 0, 0, 0.3);
}

a.cta.blue:hover {
  background-position: 0 -56px;
}

a.cta.blue:active {
  background-position: 0 -112px;
}

.data-table2 {
  width: 100%;
  font-size: 12px;
}

.data-table2 td {
  padding: 5px;
}

.data-table2 tr.inactive td {
  color: #888;
  background: #fafafa;
}

.data-table2 {
  margin-top: 2px;
  border-width: 0;
  border-spacing: 0;
}

.data-table2 th {
  border-bottom: 1px solid #7ad;
  background-color: #d6e8fa;
  text-align: left;
}

.data-table2 tr:hover {
  background-color: #fafafa;
}

.house-ad-standard {
  border-top: 1px solid #b3d0ee;
  border-bottom: 1px solid #bdd5f1;
  background: #f8f9fb;
}

.house-ad-aqua {
  background-color: #f6fdff;
  border-bottom: 1px solid #cfeef7;
  border-top: 1px solid #cfeef7;
}

.house-ad-aqua .container {
  padding: 0 0 30px 0;
}

.house-ad-aqua .simplebutton {
  border-radius: 3px;
  text-align: center;
  padding: 5px 16px;
  /* This kind of simple button should always have consistent font-size */
  font-size: 13px !important;
  font-weight: 600;
  cursor: pointer;
  overflow: visible;
  /* we need this so that ie7 doesn't add unnecessary extra padding */
  border: 1px #a0cddc solid;
  background-color: white;
  color: #1d99c1;
}

.house-ad-aqua .simplebutton:hover {
  text-decoration: none;
}

.house-ad-aqua img {
  margin-top: 30px;
}

.house-ad-aqua p {
  padding: 10px 0;
}

.house-ad-orange {
  background-color: #c74c37;
}

.house-ad-orange a {
  color: #f0cdc7;
  font-size: 13px;
  font-weight: normal;
}

.house-ad-orange a:hover {
  text-decoration: none;
}

#ha-container,
.admin_content {
  /* we need an ID selector, otherwise other rules have higher precedence and override */
  /* Add .admin_content to ensure we get the proper preview on the admin pages */
}

#ha-container .house-ad-lightblue,
.admin_content .house-ad-lightblue {
  background-color: #f0f9ff;
}

#ha-container .house-ad-lightblue .promo-title,
.admin_content .house-ad-lightblue .promo-title {
  font-size: 12px;
}

#ha-container .house-ad-lightblue .promo-title a,
.admin_content .house-ad-lightblue .promo-title a {
  padding: 0;
  color: inherit;
}

#ha-container .house-ad-lightblue p,
.admin_content .house-ad-lightblue p {
  margin-top: 0;
}

#ha-container .house-ad-lightblue .freshbutton-blue,
.admin_content .house-ad-lightblue .freshbutton-blue {
  margin: 5px 0 15px 0;
  padding: 5px 16px;
}

.admin-liveops-pin-verification-error, .admin-liveops-pin-verification-success {
  width: 90%;
  height: 100px;
  line-height: 100px;
  display: inline-block;
  margin: 20px;
  padding: 10px;
  font-size: 28px;
  color: white;
}

.admin-liveops-pin-verification-error {
  background-color: red;
}

.admin-liveops-pin-verification-success {
  background-color: green;
}

img.fromo {
  position: relative;
  left: -12px;
}

.toggle-button {
  display: inline-block;
  padding: 3px;
  border: 1px solid #ccc;
  margin: 0;
  margin-left: -1px;
}

.password_strength_container {
  position: relative;
  width: 100%;
  margin-top: 2px;
  height: 10px;
}

.password_strength {
  height: 4px;
  background-color: #c81818;
  width: 0;
  position: absolute;
  left: 0;
}

.password_strength_bg {
  height: 4px;
  background-color: #e8e8e8;
  width: 100%;
  position: absolute;
  left: 0;
}

.password_strength_separator {
  height: 4px;
  width: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
}

.password_strength_desc {
  float: right;
  margin-top: 6px;
  line-height: 16px;
}

.password_strength_icon {
  float: right;
  margin-top: 5px;
  margin-left: 3px;
}

.trace_table {
  margin: -5px;
  background: #f4faff;
  width: 100%;
}

.trace_table td {
  border: none;
}

#email-verify-view {
  margin: 0 auto;
  width: 70%;
  text-align: center;
  padding: 40px;
}

#email-verify-view h1 {
  font-size: 21px;
}

#email-verify-view p {
  font-size: 13px;
}

.change-email .db-modal {
  width: 550px;
}

.change-email .sick-input {
  margin-left: 63px;
  margin-bottom: 10px;
}

.change-email .sick-input .textinput {
  width: 345px;
}

.change-email .error-message {
  margin-left: 63px;
  width: 358px;
  line-height: 1.6em;
  display: inline-block;
}

.change-email .change-email-warning {
  display: none;
}

.change-email.warnings-not-seen.has-warnings #warnings-title {
  background: white;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 450px;
  height: 35px;
  padding: 15px;
}

.change-email.warnings-not-seen.has-warnings .change-email-warning {
  display: block;
}

.change-email.warnings-not-seen.has-warnings #change-email-form {
  display: none;
}

.twitter-profile .profile-pic {
  float: left;
  width: 32px;
  height: 32px;
  margin-top: 2px;
  margin-right: 8px;
}

.twitter-profile .profile-pic img {
  width: 32px;
  height: 32px;
  margin-top: 2px;
  border-radius: 4px;
}

.twitter-profile .name-info {
  line-height: 1.6em;
}

.twitter-profile .name-info .name {
  color: #000;
  font-weight: 600;
}

.twitter-profile .name-info .username {
  color: #888;
}

#recover-form {
  width: 500px;
  margin: 0 auto;
}

#recover-form .sick-input {
  margin-bottom: 1em;
}

#recover-form #error-messages {
  font-size: 13px;
  height: 30px;
}

#recover-form input[type=email], #recover-form input[type=password] {
  width: 487px;
}

#recover-form input[type=submit] {
  float: right;
}

#recover-form ul {
  margin: 0;
  padding: 0;
}

#recover-form li {
  margin: 1em 0 0 1em;
  padding: 0;
  list-style: none;
}

#recover-form li .sprite {
  margin-right: 4px;
  margin-bottom: -2px;
}

.typeahead-and-message .tokenized_autocompleter_container .tokenizer {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.typeahead-and-message .custom-message-container .textinput {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-shadow: none;
  background: none;
  height: 72px;
  margin-top: -1px;
}

.typeahead-and-message .custom-message-container textarea {
  padding: 7px 8px;
}

.ajax-loading-indicator {
  display: none;
}

.ajax-loading-indicator img {
  vertical-align: text-bottom;
  padding: 0 0 1px 0;
}

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

.lfloat {
  float: left;
}

.rfloat {
  float: right;
}

.lr-container {
  overflow: hidden;
}

.lr-container.clearfix {
  overflow: visible;
}

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

.new-indicator {
  font-size: 9px;
  font-weight: 600;
  color: #46cc6c;
  vertical-align: top;
}

.tab-empty-state {
  text-align: center;
}

.tab-empty-state img {
  padding: 40px 0;
}

.tab-empty-state .page-header-text {
  margin-bottom: 20px;
  font-size: 16px;
}

.tab-empty-state .desc {
  margin: auto;
  width: 600px;
}

#multiaccount-login-modal.db-modal-wrapper .db-modal {
  width: 416px;
}

.switch-login-modal #modal-box .db-login-container {
  width: auto;
}

.switch-login-modal #modal-box .db-login-container #login-partial {
  width: 100%;
  margin-top: -10px;
}

.switch-login-modal #modal-box .db-login-container .sick-input input {
  width: 100%;
  height: 34px;
  box-sizing: border-box;
}

.switch-login-modal #modal-box h2 {
  font-weight: normal;
  margin-bottom: 19px;
  padding: 24px 32px 4px;
}

.switch-login-modal #modal-box .twofactor-login-form #desc {
  margin-top: 0px;
  margin-bottom: 20px;
}

.switch-login-modal #modal-box .twofactor-login-form #twofactor-title {
  display: none;
}

.switch-login-modal #modal-box #code-field, .switch-login-modal #modal-box #submit-code, .switch-login-modal #modal-box #trusted-div {
  display: block;
  width: 50%;
  margin: 10px auto;
}

.switch-login-modal #modal-box #code-field {
  margin-top: 25px;
}

.switch-login-modal #modal-box #trusted-div {
  margin-bottom: 25px;
}

/* context menu right arrow sprite */
.s_web_menu-right-arrow {
  float: right;
  top: 4px;
  position: relative;
}

#pro-plan-notify {
  background: #FFFBD8;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 15px;
  border: 1px dotted #ccc;
}

header, footer, section {
  display: block;
}

/* lightbox.css */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightbox a img {
  border: none;
}

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#imageContainer {
  padding: 0 10px 10px 10px;
  clear: both;
}

#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#hoverNav {
  position: absolute;
  top: 16px;
  left: 0;
  height: 80%;
  width: 100%;
  z-index: 10;
}

#imageContainer > #hoverNav {
  left: 0;
}

#hoverNav a {
  outline: none;
}

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background: transparent url(/static/lbimages/blank-vfl_JT7DD.gif) no-repeat;
  /* Trick IE into showing hover */
  display: block;
}

#prevLink {
  left: 0;
  float: left;
}

#nextLink {
  right: 0;
  float: right;
}

#prevLink:hover, #prevLink:visited:hover {
  background: url(/static/lbimages/prevlabel-vflCtgTVg.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
  background: url(/static/lbimages/nextlabel-vflHgc4RH.gif) right 15% no-repeat;
}

#imageFileName {
  font-size: 11px;
  float: left;
  font-weight: bold;
  padding: 10px 8px;
}

#imageDataContainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding-top: 10px;
}

#imageData {
  padding: 0 10px;
  color: #666;
}

#imageData #imageDetails {
  text-align: left;
}

#imageData #caption {
  font-weight: bold;
  float: right;
}

#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}

#bottomNavClose {
  float: right;
  padding: 8px 8px 4px 4px;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}

/**
     * Copyright Facebook Inc.
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
     * You may obtain a copy of the License at
     *
     *     http://www.apache.org/licenses/LICENSE-2.0
     *
     * Unless required by applicable law or agreed to in writing, software
     * distributed under the License is distributed on an "AS IS" BASIS,
     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     * See the License for the specific language governing permissions and
     * limitations under the License.
     *
     * @author blaise
     * @provides fb.css.button
     * @layer xfbml
     */
/**
     * simple buttons are very completely separate from the pretty buttons below.
     */
.fb_button_simple,
.fb_button_simple_rtl {
  background-image: url(/images/connect_favicon.png);
  background-repeat: no-repeat;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

.fb_button_simple_rtl {
  background-position: right 0px;
}

.fb_button_simple .fb_button_text {
  margin: 0 0 0px 20px;
  padding-bottom: 1px;
}

.fb_button_simple_rtl .fb_button_text {
  margin: 0px 10px 0px 0px;
}

a.fb_button_simple:hover .fb_button_text,
a.fb_button_simple_rtl:hover .fb_button_text,
.fb_button_simple:hover .fb_button_text,
.fb_button_simple_rtl:hover .fb_button_text {
  text-decoration: underline;
}

/**
     * these are the new style pretty buttons with various size options
     */
.fb_button,
.fb_button_rtl {
  background: #29447e url(/images/connect_sprite.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px 1px;
  text-decoration: none;
  outline: none;
}

.fb_button .fb_button_text,
.fb_button_rtl .fb_button_text {
  background: #5f78ab url(/images/connect_sprite.png);
  border-top: solid 1px #879ac0;
  border-bottom: solid 1px #1a356e;
  color: white;
  display: block;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-weight: bold;
  padding: 2px 6px 3px 6px;
  margin: 1px 1px 0px 21px;
  text-shadow: none;
}

a.fb_button,
a.fb_button_rtl,
.fb_button,
.fb_button_rtl {
  text-decoration: none;
}

a.fb_button:active .fb_button_text,
a.fb_button_rtl:active .fb_button_text,
.fb_button:active .fb_button_text,
.fb_button_rtl:active .fb_button_text {
  border-bottom: solid 1px #29447e;
  border-top: solid 1px #45619d;
  background: #4f6aa3;
  text-shadow: none;
}

.fb_button_xlarge,
.fb_button_xlarge_rtl {
  background-position: left -60px;
  font-size: 24px;
  line-height: 30px;
}

.fb_button_xlarge .fb_button_text {
  padding: 3px 8px 3px 12px;
  margin-left: 38px;
}

a.fb_button_xlarge:active {
  background-position: left -99px;
}

.fb_button_xlarge_rtl {
  background-position: right -268px;
}

.fb_button_xlarge_rtl .fb_button_text {
  padding: 3px 8px 3px 12px;
  margin-right: 39px;
}

a.fb_button_xlarge_rtl:active {
  background-position: right -307px;
}

.fb_button_large,
.fb_button_large_rtl {
  background-position: left -138px;
  font-size: 13px;
  line-height: 16px;
}

.fb_button_large .fb_button_text {
  margin-left: 24px;
  padding: 2px 6px 4px 6px;
}

a.fb_button_large:active {
  background-position: left -163px;
}

.fb_button_large_rtl {
  background-position: right -346px;
}

.fb_button_large_rtl .fb_button_text {
  margin-right: 25px;
}

a.fb_button_large_rtl:active {
  background-position: right -371px;
}

.fb_button_medium,
.fb_button_medium_rtl {
  background-position: left -188px;
  font-size: 11px;
  line-height: 14px;
}

a.fb_button_medium:active {
  background-position: left -210px;
}

.fb_button_medium_rtl {
  background-position: right -396px;
}

.fb_button_text_rtl,
.fb_button_medium_rtl .fb_button_text {
  padding: 2px 6px 3px 6px;
  margin-right: 22px;
}

a.fb_button_medium_rtl:active {
  background-position: right -418px;
}

.fb_button_small,
.fb_button_small_rtl {
  background-position: left -232px;
  font-size: 10px;
  line-height: 10px;
}

.fb_button_small .fb_button_text {
  padding: 2px 6px 3px;
  margin-left: 17px;
}

a.fb_button_small:active,
.fb_button_small:active {
  background-position: left -250px;
}

.fb_button_small_rtl {
  background-position: right -440px;
}

.fb_button_small_rtl .fb_button_text {
  padding: 2px 6px;
  margin-right: 18px;
}

a.fb_button_small_rtl:active {
  background-position: right -458px;
}

ul.horizontal {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

ul.horizontal li {
  display: inline;
}