#topPanel {
  width: 100%;
  height: 58px;
  border-bottom: 1px #dbdbdb solid;
  background: #fff;
  position: relative;
  z-index: 10; }

body[data-page-type="main"] #topPanel {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: none;
  margin-bottom: -58px; }

#penxyLogo {
  background: url("../images/design/v2/upload_projector_button_icons.png") -1px -120px;
  width: 110px;
  height: 39px;
  margin: 7px 0 0 0;
  cursor: pointer; }

.topPanelIco {
  height: 38px;
  margin-top: 9px;
  position: relative; }

.centerContentArea {
  margin: 0 auto;
  height: 100%;
  min-width: 800px;
  max-width: 1160px;
  width: 100%; }

#topSignArea {
  width: 124px;
  height: 58px;
  position: relative; }

/* === */
#topPanel .topPanelButton {
  margin-right: 20px;
  position: relative;
  z-index: 1; }

.topPanelButton.menu-link {
  margin-top: 23px; }
.topPanelButton.submenu-link {
  height: 58px;
  padding: 23px 15px 0;
  box-sizing: border-box; }
  .topPanelButton.submenu-link:hover {
    background: rgba(255, 255, 255, 0.8); }
    .topPanelButton.submenu-link:hover div.dropdown {
      display: block; }
  .topPanelButton.submenu-link div.dropdown {
    position: absolute;
    display: none;
    top: 58px;
    left: 0;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.92); }
    .topPanelButton.submenu-link div.dropdown div.item {
      padding: 15px 15px 8px;
      height: 20px; }
      .topPanelButton.submenu-link div.dropdown div.item:hover {
        background: rgba(255, 255, 255, 0.8); }
      .topPanelButton.submenu-link div.dropdown div.item > a {
        text-decoration: none !important;
        border: none !important;
        height: 100%; }
    .topPanelButton.submenu-link div.dropdown:hover {
      display: block; }

.topPanelButton[data-action="edit-profile"] {
  display: none; }

.topPanelButton[data-action="mirror"] {
  display: none; }

.topPanelButton[data-action="support"],
.topPanelButton[data-action="testimonials"] {
  display: none; }

.topPanelButton[data-action="signin"] {
  margin-right: 10px !important; }

.topPanelButton[data-action="signup"],
.topPanelButton[data-action="signout"] {
  margin-right: 0 !important; }

.topPanelButton[data-action="user"] > .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px; }

#topPanel .topPanelButton > .ico {
  width: 30px;
  background-image: url("../images/design/v2/upload_projector_button_icons.png");
  height: 38px;
  float: left; }

.topPanelButton[data-action="projector"] > .ico {
  width: 45px !important;
  background-position: -124px -121px; }

.topPanelButton[data-action="getpenxy"] > .ico {
  background-position: -296px -2px; }

.topPanelButton[data-action="getpenxyforspeaker"] > .ico {
  background-position: -256px -122px; }

.topPanelButton[data-action="newsfeed"] > .ico {
  background-position: -294px -81px; }

.topPanelButton[data-action="signout"] > .ico {
  background-position: -525px -81px; }

.topPanelButton[data-action="signin"] > .ico,
.topPanelButton[data-action="user"] > .ico {
  background-position: -170px -120px; }

.topPanelButton[data-action="signup"] > .ico {
  width: 10px !important;
  height: 15px !important;
  margin-top: 12px !important;
  background-position: -586px -130px; }

body[data-page-type="main"] .centerButtons {
  left: 0;
  position: absolute;
  right: 0;
}

body[data-page-type="main"] .centerButtons > div {
  display: inline-block;
}

body[data-page-type="main"] .label {
  font-size: 1.35em;
}

body:not([data-page-type="main"]) .topPanelButton[data-action="projector"],
body:not([data-page-type="viewer"]) .topPanelButton[data-action="getpenxyforspeaker"],
body:not([data-page-type="app"]):not([data-page-type="howItWorks"]) .topPanelButton[data-action="getpenxy"],
body[data-user-signed="true"][data-page-type="userProfile"] .topPanelButton[data-action="sign"],
body:not([data-user-signed="true"]):not([data-user-signed="initializing"]) .topPanelButton[data-action="signout"],
body:not([data-user-signed="true"]):not([data-user-signed="initializing"]) .topPanelButton[data-action="newsfeed"],
body[data-page-type="userFeed"] .topPanelButton[data-action="newsfeed"],
body[data-page-type="main"] .topPanelButton[data-action="newsfeed"],
body[data-page-type="main"] #penxyLogo,
body[data-page-type="userProfile"][data-profile-private="true"] .topPanelButton[data-action="user"],
body[data-page-type="userProfile"][data-profile-private="maybe"] .topPanelButton[data-action="user"],
body[data-page-type="profile"][data-profile-private="true"] .topPanelButton[data-action="user"],
body[data-page-type="profile"][data-profile-private="maybe"] .topPanelButton[data-action="user"],
body:not([data-user-signed="true"]):not([data-user-signed="initializing"]) .topPanelButton[data-action="user"],
body:not([data-user-signed="false"]) .topPanelButton[data-action="signin"],
body:not([data-user-signed="false"]) .topPanelButton[data-action="signup"],
body:not([data-page-type="main"]) .topPanelButton[data-action="solutions"],
body:not([data-page-type="main"]) .topPanelButton[data-action="product"] {
  display: none; }

body[data-page-type="userProfile"][data-profile-private="true"] .topPanelButton[data-action="edit-profile"],
body[data-page-type="profile"][data-profile-private="true"] .topPanelButton[data-action="edit-profile"] {
  display: block; }

body[data-page-type="userProfile"][data-profile-private="true"] .topPanelButton[data-action="mirror"],
body[data-page-type="profile"][data-profile-private="true"] .topPanelButton[data-action="mirror"] {
  display: block; }

body[data-user-signed="true"] .topPanelButton[data-action="support"] {
  display: block; }

body[data-page-type="main"] .topPanelButton[data-action="testimonials"] {
  display: block; }
/*# sourceMappingURL=blocks.topPanelMain.css.map */