/* Default image path, reset in `_overrides-<appname>.scss` - see Connect */
/* colors */
/* note that there are contrast/legibility issues using rstudio-blue with white text - use rstudio-dark-blue */
/* timing */
/* sizes */
/* typically overridden by particular projects */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

fieldset {
  min-width: inherit; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* these flex class are not so good - better to use the independent classes below that set spacing & alignment separately */
.flex {
  display: flex;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  align-items: flex-start; }

.flexAfter {
  display: flex;
  justify-content: flex-start;
  display: -ms-flexbox;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  align-items: baseline; }

.flexBaseline {
  display: flex;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  align-items: baseline; }

.flexCenter {
  display: flex;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  align-items: center; }

.flexCenterCenter {
  display: flex;
  justify-content: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center; }

/* indpendent classes for flex spacing and alignment - add as needed */
.flexDefault {
  display: flex; }

.flexSpaceBetween {
  display: flex;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: space-between; }

.flexSpaceAfter {
  display: flex;
  justify-content: flex-start;
  display: -ms-flexbox;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: flex-start; }

.flexSpaceBefore {
  display: flex;
  justify-content: flex-end; }

.flexJustifyCenter {
  justify-content: center; }

.flexAlignCenter {
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center; }

.flexAllowWrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.flexAlignBaseline {
  align-items: baseline; }

.flexAlignBottom {
  align-items: flex-end; }

.flexAlignTop {
  align-items: start; }

.flexAlignStretch {
  align-items: stretch; }

.flexColumn {
  flex-direction: column; }

/* text alignment */
.center {
  text-align: center; }

.right {
  text-align: right; }

.onlyShowOnMobile {
  display: none; }

.redText {
  color: #ff0000; }

.respectLineBreaks {
  white-space: pre-line; }

.dontBreak {
  white-space: nowrap; }

.strikeThru {
  text-decoration: line-through; }

.uppercase {
  text-transform: uppercase; }

.muchSmallerFont {
  font-size: 0.7em; }

.smallerFont {
  font-size: 0.9em; }

.biggerFont {
  font-size: 1.3em; }

.smallFont {
  font-size: 12px; }

.letterSpacing {
  letter-spacing: 0.1em; }

.lightText {
  color: #808080 !important; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

small {
  font-size: .8em; }

/* spacing (stop using - please! - use xxxMarginRight instead )*/
.doubleExtraSpacingRight {
  margin-right: 2em; }

.extraSpacingRight {
  margin-right: 1em; }

.tinyExtraSpacingRight {
  margin-right: .4em; }

/* spacing */
.bigMarginRight {
  margin-right: 3em !important; }

.marginRight {
  margin-right: 2em !important; }

.midMarginRight {
  margin-right: 1em !important; }

.smallMarginRight {
  margin-right: .5em !important; }

.bigMarginLeft {
  margin-left: 3em !important; }

.marginLeft {
  margin-left: 2em !important; }

.midMarginLeft {
  margin-left: 1em !important; }

.smallMarginLeft {
  margin-left: .5em !important; }

.marginLeftAlignWithCheckboxLabel {
  margin-left: 22px; }

.bigMarginBelow {
  margin-bottom: 30px !important; }

.marginBelow {
  margin-bottom: 20px !important; }

.midMarginBelow {
  margin-bottom: 10px !important; }

.smallMarginBelow {
  margin-bottom: 5px !important; }

.noMarginBelow {
  margin-bottom: 0px !important; }

.bigMarginAbove {
  margin-top: 30px !important; }

.marginAbove {
  margin-top: 20px !important; }

.midMarginAbove {
  margin-top: 10px !important; }

.smallMarginAbove {
  margin-top: 5px !important; }

.noMarginAbove {
  margin-top: 0px !important; }

.padding {
  padding: 20px; }

.midPadding {
  padding: 10px; }

.smallPadding {
  padding: 5px; }

.noPaddingTop {
  padding-top: 0px !important; }

/* panel colors */
.lightGray {
  background-color: #f9f8f8; }

/* layout */
.blockSpan {
  display: inline-block;
  white-space: nowrap; }

.fullWidth {
  width: 100% !important; }

.relativeFrame {
  position: relative; }

.controlBorder {
  border: 1px solid #c9c8c8; }

@media screen and (max-width: 1023px) {
  span.onlyShowOnMobile {
    display: inline; }
  div.onlyShowOnMobile {
    display: block; }
  .hideOnMobile {
    display: none !important; } }

@font-face {
  font-family: 'Lato';
  font-display: fallback;
  src: url(fonts/Lato-Regular.woff2) format("woff2"), url(fonts/Lato-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  font-display: fallback;
  src: url(fonts/Lato-Bold.woff2) format("woff2"), url(fonts/Lato-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  font-display: fallback;
  src: url(fonts/Lato-Light.woff2) format("woff2"), url(fonts/Lato-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal; }

body, button, input, textarea {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }

/* elements of our standard app structure
 *
 * main content area
 * left hand nav panel
 * right hand user panel
 *
 *
*/
html, body {
  /* to help push the footer down */
  height: 100%; }

#root, #app, #main {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%; }

#appBody {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%; }

.band {
  position: relative;
  padding: 0 5%; }

.bandContent {
  margin: 0 auto;
  max-width: 1200px; }

.exBand {
  /* break out of the band and band content structure to go full width */
  position: relative;
  width: 100vw;
  left: calc( ( 100% - 100vw ) / 2); }

#root, #app {
  overflow: hidden; }

#app.showNavPanel #main {
  left: 240px;
  -moz-box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden; }
  #app.showNavPanel #main #rStudioHeader {
    left: 240px; }

#app.showNavPanel #mainCover {
  width: 100%;
  left: 240px; }

#app.showNavPanel #navPanel {
  display: block; }

#app.showUserPanel #main {
  left: -240px;
  -moz-box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden; }
  #app.showUserPanel #main #rStudioHeader {
    left: -240px; }

#app.showUserPanel #mainCover {
  width: 100%;
  left: -240px; }

#app.showUserPanel #userPanel {
  display: block; }

#main {
  background-color: #fff;
  z-index: 10;
  overflow: auto;
  -webkit-transition-property: left, right;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s; }
  #main .pageContainer,
  #main .pageContainerNoAuth {
    position: absolute;
    top: 50px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s; }
    #main .pageContainer.showingHistoryBar,
    #main .pageContainerNoAuth.showingHistoryBar {
      top: 95px; }
  #main .pageContainerNoAuth {
    top: 130px; }

.hideHeader #main .pageContainer {
  top: 0px; }
  .hideHeader #main .pageContainer.showingHistoryBar {
    top: 45px; }

#mainCover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.33);
  z-index: 1000;
  -webkit-transition-property: left, right;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s; }

.bandContent.mainPage {
  -webkit-transition-property: padding;
  -moz-transition-property: padding;
  -o-transition-property: padding;
  transition-property: padding;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding: 175px 0 80px 0; }

.shrinkHeader .bandContent.mainPage {
  padding-top: 80px;
  padding-bottom: 175px; }
  .shrinkHeader .bandContent.mainPage.requiresAuth, .shrinkHeader .bandContent.mainPage.dontPadExtra {
    padding-bottom: 80px; }

.hideHeader .bandContent.mainPage {
  padding-top: 30px; }

.sidePanel {
  position: absolute;
  top: 0px;
  height: 100%;
  padding: 10px 0 0 0;
  display: none;
  overflow-y: auto;
  color: #fff; }
  .sidePanel .navMenu {
    font-size: 13px;
    overflow-x: hidden; }
    .sidePanel .navMenu .menu {
      font-size: 13px; }
    .sidePanel .navMenu .menuSectionTitle {
      display: block;
      line-height: 30px;
      padding: 0 20px;
      color: #fcbf49; }
    .sidePanel .navMenu .menuItem {
      display: block;
      border-radius: 0;
      margin-right: 0;
      line-height: 40px;
      padding: 0 20px 0 47px;
      font-size: 13px;
      -webkit-transition-property: background-color;
      -moz-transition-property: background-color;
      -o-transition-property: background-color;
      transition-property: background-color;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      background-repeat: no-repeat;
      background-size: 15px 80px;
      background-position: 25px 0px; }
      .sidePanel .navMenu .menuItem.active {
        background-position-y: -40px; }
    .sidePanel .navMenu button.menuItem {
      width: 100%;
      text-align: left;
      background-color: transparent; }
    .sidePanel .navMenu a {
      color: inherit; }
      .sidePanel .navMenu a:hover {
        text-decoration: none; }
    .sidePanel .navMenu .menuSeparator {
      margin: 3px 20px;
      height: 0px;
      border-bottom: 1px dotted;
      opacity: 0.2;
      border-color: #fff; }
  .sidePanel .finePrint {
    line-height: 20px;
    font-size: 11px;
    padding: 0 20px; }

@media screen and (min-width: 1024px) {
  #app.pinNavPanel #main {
    left: 240px;
    width: auto;
    right: 0px;
    -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); }
    #app.pinNavPanel #main #rStudioHeader {
      left: 240px;
      width: auto;
      right: 0px; }
      #app.pinNavPanel #main #rStudioHeader #menuToggler {
        display: none; }
  #app.pinNavPanel #navPanel {
    display: block; }
  #app.pinNavPanel.showUserPanel #main {
    left: 0px;
    right: 240px; }
    #app.pinNavPanel.showUserPanel #main #rStudioHeader {
      left: 0px;
      right: 240px; } }

@media screen and (max-width: 1023px) {
  .bandContent.mainPage {
    padding-top: 80px; } }

#userPanel {
  /* right hand sidebar */
  right: 0px;
  width: 240px;
  background-color: #4c83b6; }
  #userPanel .navMenu .menu {
    margin-bottom: 30px; }
    #userPanel .navMenu .menu.noMenuBottomMargin {
      margin-bottom: 0px; }
  #userPanel .navMenu .menuItem.active {
    color: #5d4c45;
    background-color: #fff; }
  #userPanel .navMenu .menuItem.login {
    background-image: url(images/navLogin.svg); }
  #userPanel .navMenu .menuItem.signup {
    background-image: url(images/navSignup.svg); }
  #userPanel .navMenu .menuItem.profile {
    background-image: url(images/navProfile.svg); }
  #userPanel .navMenu .menuItem.account {
    background-image: url(images/navAccount.svg); }
  #userPanel .navMenu .menuItem.logout {
    background-image: url(images/navLogout.svg); }
  #userPanel .navMenu .menuItem.language, #userPanel .navMenu .menuItem.account2 {
    background-image: url(images/navLanguage.svg); }
    #userPanel .navMenu .menuItem.language.active, #userPanel .navMenu .menuItem.account2.active {
      color: #fff;
      background-color: transparent; }
  #userPanel .navMenu .menuItem.account2.active:hover {
    background-color: #75aadb; }
  #userPanel .navMenu .menuItem.subMenuItem {
    background-image: url(images/navSubMenu.svg);
    padding-left: 72px;
    background-position-x: 50px; }
    #userPanel .navMenu .menuItem.subMenuItem.active {
      background-color: #f9f8f8; }
  #userPanel .navMenu .messageContainer {
    margin: 10px 20px; }
    #userPanel .navMenu .messageContainer .message a {
      color: #4c83b6; }
      #userPanel .navMenu .messageContainer .message a:hover {
        color: #42709b;
        text-decoration: underline; }
  #userPanel .role {
    font-size: .8em; }
    #userPanel .role::before {
      content: " : "; }

@media screen and (max-width: 1023px) {
  #userPanel .navMenu .menuItem.active.noMobile {
    color: #fff;
    background-color: transparent;
    background-position-y: 0px; } }

#userPanel {
  /* right hand sidebar */ }
  #userPanel .navMenu .menuItem:hover {
    background-color: #75aadb; }
  #userPanel .navMenu .menuItem.authentication {
    background-image: url(images/navLogin.svg); }
  #userPanel .navMenu .menuItem.tokens {
    background-image: url(images/navAPIKeys.svg); }
  #userPanel .navMenu .menuItem.info {
    background-image: url(images/navInfo.svg); }

.userPopupPanel {
  padding: 20px; }
  .userPopupPanel .userPopupPanelInnards {
    display: flex;
    justify-content: space-between;
    line-height: 25px; }
  .userPopupPanel .infoPanel {
    white-space: normal;
    min-width: 300px;
    margin-right: 40px;
    line-height: 18px; }

.popupMenu.open.shiftRight {
  right: -50px; }

@media screen and (max-width: 767px) {
  .userPopupPanel .userPopupPanelInnards {
    flex-direction: column; }
  .userPopupPanel .infoPanel {
    min-width: 280px;
    margin-right: 0; } }

.popupNavMenu .menu {
  font-size: 13px; }
  .popupNavMenu .menu a {
    display: block; }
  .popupNavMenu .menu .menuItem {
    margin: 0;
    padding: 12px 16px 12px 36px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 10px center; }
    .popupNavMenu .menu .menuItem.active {
      color: inherit;
      background-color: #e3eef8; }
    .popupNavMenu .menu .menuItem.logout {
      background-image: url(images/popupMenuLogout.svg); }
    .popupNavMenu .menu .menuItem.profile {
      background-image: url(images/popupMenuProfile.svg); }
    .popupNavMenu .menu .menuItem.accountPersonal {
      background-image: url(images/popupMenuPersonalNonPrimeAccount.svg); }
      .popupNavMenu .menu .menuItem.accountPersonal.primary {
        background-image: url(images/popupMenuPersonalAccount.svg); }
    .popupNavMenu .menu .menuItem.login, .popupNavMenu .menu .menuItem.authentication {
      background-image: url(images/popupMenuLogin.svg); }
    .popupNavMenu .menu .menuItem.signup {
      background-image: url(images/popupMenuSignup.svg); }
    .popupNavMenu .menu .menuItem.tokens {
      background-image: url(images/popupMenuAPIKeys.svg); }
    .popupNavMenu .menu .menuItem.info {
      background-image: url(images/popupMenuInfo.svg); }
    .popupNavMenu .menu .menuItem.accountOrganization {
      background-image: url(images/popupMenuOrganization.svg); }
    .popupNavMenu .menu .menuItem.subMenuItem {
      padding: 12px 12px 12px 56px;
      background-position: 30px center;
      background-image: url(images/popupMenuSubMenu.svg); }
      .popupNavMenu .menu .menuItem.subMenuItem.active {
        background-color: #e9f2f9; }
  .popupNavMenu .menu .menuSeparator {
    margin: 3px 0px;
    height: 0px;
    border-bottom: 1px solid;
    border-color: #e1e0e0; }
  .popupNavMenu .menu .menuItems {
    display: block !important; }
  .popupNavMenu .menu.textOnly .menuItem {
    padding: 6px 25px 6px 15px; }

.popupNavMenu .menuSectionTitle {
  line-height: 25px;
  color: #808080;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap; }

.mobileSectionMenu {
  position: relative;
  top: 1px;
  margin-left: 10px;
  font-size: 12px; }

.textMenuToggler {
  background-color: transparent;
  padding: 2px 25px 2px 2px;
  background-image: url(images/actionPopup.svg);
  background-size: 30px 30px;
  background-position: right center;
  background-repeat: no-repeat;
  text-align: left; }
  .textMenuToggler:hover {
    background-color: transparent; }

a, .standardLink {
  color: #4c83b6;
  text-decoration: none;
  cursor: pointer; }
  a:hover, .standardLink:hover {
    color: #42709b;
    text-decoration: underline; }
  a.actionLook, .standardLink.actionLook {
    display: inline-block;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    background-size: 30px 30px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 13px; }

button.standardLink {
  background-color: transparent !important;
  font-size: inherit !important;
  font-weight: inherit !important; }
  button.standardLink.inline {
    padding: 0; }

a.iconLink {
  display: inline-block;
  line-height: 40px;
  padding-left: 24px;
  text-decoration: none;
  color: #4c83b6;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
  background-image: url(images/iconLink.svg);
  font-size: 16px; }
  a.iconLink:hover {
    text-decoration: underline; }

a.noLink {
  color: inherit; }
  a.noLink:hover {
    text-decoration: none; }

.navBuoy {
  position: relative;
  top: -55px;
  float: left; }

.anchorLink {
  color: inherit; }
  .anchorLink:hover {
    color: inherit; }

/* basic control styling */
input {
  box-sizing: border-box;
  padding: 5px 10px; }
  input[type=number].fiveDigitNumberInput {
    width: 80px; }

textArea {
  box-sizing: border-box; }

input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 300; }

input, textarea {
  border: 1px solid #c9c8c8; }
  input[type=radio], input[type=checkbox], textarea[type=radio], textarea[type=checkbox] {
    border: none;
    margin: 2px 6px 2px 2px;
    width: auto; }
  input[type=range], textarea[type=range] {
    padding: 5px 0; }
  input:focus, textarea:focus {
    outline: 3px solid rgba(117, 170, 219, 0.2); }
  input.useDialog, textarea.useDialog {
    background-image: url(images/inputDialog.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    cursor: pointer; }

textarea.full {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  line-height: 20px;
  resize: vertical; }
  textarea.full.fiveLines {
    min-height: 120px;
    max-height: 520px;
    -webkit-transition-property: min-height;
    -moz-transition-property: min-height;
    -o-transition-property: min-height;
    transition-property: min-height;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s; }
    textarea.full.fiveLines.expandOnFocus:focus {
      min-height: 520px; }

textarea:disabled, textarea:read-only {
  background-color: #f9f8f8;
  border: 1px solid #e1e0e0; }
  textarea:disabled[type=text], textarea:disabled[type=password], textarea:disabled[type=number], textarea:read-only[type=text], textarea:read-only[type=password], textarea:read-only[type=number] {
    color: #818080; }

input:disabled {
  background-color: #f9f8f8;
  border: 1px solid #e1e0e0; }
  input:disabled[type=text], input:disabled[type=password], input:disabled[type=number] {
    color: #818080; }

input:read-only {
  background-color: #f9f8f8;
  border: 1px solid #e1e0e0; }
  input:read-only[type=text], input:read-only[type=password], input:read-only[type=number] {
    color: #818080; }

input:-moz-read-only {
  background-color: #f9f8f8;
  border: 1px solid #e1e0e0; }
  input:-moz-read-only[type=text], input:-moz-read-only[type=password], input:-moz-read-only[type=number] {
    color: #818080; }

button, a.button {
  padding: 12px 20px;
  border: none;
  color: #303030;
  font-size: 13px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #e2e2e2;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s; }
  button:hover, a.button:hover {
    background-color: #e8e8e8; }
  button:disabled, button.disabled, a.button:disabled, a.button.disabled {
    cursor: default;
    opacity: 0.6;
    background-color: #f1f0f0;
    color: #a1a0a0; }
  button[type=submit], button.default, a.button[type=submit], a.button.default {
    background-color: #4c83b6;
    color: #fff; }
    button[type=submit]:hover, button.default:hover, a.button[type=submit]:hover, a.button.default:hover {
      background-color: #3c6993; }
    button[type=submit]:disabled, button[type=submit].disabled, button.default:disabled, button.default.disabled, a.button[type=submit]:disabled, a.button[type=submit].disabled, a.button.default:disabled, a.button.default.disabled {
      background-color: #f1f0f0;
      color: #a1a0a0; }
    button[type=submit].noSubmitLook, button.default.noSubmitLook, a.button[type=submit].noSubmitLook, a.button.default.noSubmitLook {
      background-color: #e2e2e2;
      color: #303030; }
      button[type=submit].noSubmitLook:hover, button.default.noSubmitLook:hover, a.button[type=submit].noSubmitLook:hover, a.button.default.noSubmitLook:hover {
        background-color: #e8e8e8; }
  button:focus, a.button:focus {
    outline: 3px solid rgba(117, 170, 219, 0.2); }
  button.withImageLeft, a.button.withImageLeft {
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 25px 25px; }

a.button {
  display: inline-block;
  border-radius: 3px;
  line-height: 17px; }
  a.button:hover {
    text-decoration: none; }

select {
  border: 1px solid #c9c8c8;
  box-sizing: border-box;
  height: 28px;
  font-size: 13px;
  background-color: #fff;
  color: #444; }
  select.full {
    width: 100%; }
  select.matchTextInput {
    height: 36px;
    padding-left: 5px; }
  select:disabled {
    border: 1px solid #f9f8f8;
    color: #a1a0a0; }
  select:focus {
    outline: 3px solid rgba(117, 170, 219, 0.2); }

a:focus {
  outline: 3px solid rgba(117, 170, 219, 0.2); }

label {
  line-height: 18px; }
  label.labelAbove {
    display: block;
    margin-bottom: 4px; }

.rangeValues {
  /* for two values at either end, also add flexSpaceBetween class */
  line-height: 12px;
  font-size: 11px;
  color: #808080;
  padding-left: 3px;
  padding-right: 3px; }

.modalDialog form textarea.idSecret {
  height: 112px;
  min-height: 112px;
  resize: none; }

.authBody input {
  width: 100%;
  font-size: 14px;
  padding: 8px 12px; }

.authBody button {
  width: 100%;
  background-color: #4c83b6;
  color: #fff; }
  .authBody button.withImage {
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 25px 25px; }
    .authBody button.withImage.google {
      background-image: url(images/googleLogo.png); }
    .authBody button.withImage.github {
      background-image: url(images/gitHubLogo.svg); }

.productLogo {
  display: inline-block;
  height: 50px;
  width: 150px;
  max-width: 100%;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s; }

#rStudioHeader {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.98);
  -moz-box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition-property: left, top;
  -moz-transition-property: left, top;
  -o-transition-property: left, top;
  transition-property: left, top;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s; }
  #rStudioHeader .headerChunk {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: flex-start; }
  #rStudioHeader #menuToggler, #rStudioHeader #overlayNavToggler {
    display: inline-block;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    vertical-align: bottom; }
    #rStudioHeader #menuToggler.asNeeded, #rStudioHeader #overlayNavToggler.asNeeded {
      display: none;
      margin-right: 5px; }
    #rStudioHeader #menuToggler.headerFix, #rStudioHeader #overlayNavToggler.headerFix {
      margin-right: 5px; }
  #rStudioHeader #menuToggler {
    background-image: url(images/menuToggler.svg);
    cursor: pointer; }
  #rStudioHeader #overlayNavToggler {
    display: none;
    background-image: url(images/overlayNavToggler.svg);
    margin-left: 5px; }
  #rStudioHeader .menuItems {
    display: inline-block; }
  #rStudioHeader .user {
    cursor: pointer;
    font-size: 13px;
    padding-right: 4px;
    border-radius: 3px;
    -webkit-transition-property: opacity, background-color;
    -moz-transition-property: opacity, background-color;
    -o-transition-property: opacity, background-color;
    transition-property: opacity, background-color;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s; }
    #rStudioHeader .user:hover {
      background-color: #f9f8f8; }
  #rStudioHeader .innards {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-transition-property: padding;
    -moz-transition-property: padding;
    -o-transition-property: padding;
    transition-property: padding;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; }
  #rStudioHeader .productLogo {
    cursor: pointer; }

.padForHeader {
  padding-top: 130px; }

.shrinkHeader #rStudioHeader .innards {
  padding: 9px 0; }

.shrinkHeader .productLogo {
  height: 30px;
  width: 90px; }
  .shrinkHeader .productLogo.mini {
    height: 20px;
    width: 40px;
    vertical-align: middle; }

#headerToggler {
  position: absolute;
  top: 50px;
  height: 0px;
  right: 2%;
  width: 34px;
  background-color: #fff;
  opacity: .66;
  border-radius: 0 0 5px 5px;
  -moz-box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.1);
  z-index: 101;
  -webkit-transition-property: top, height, opacity;
  -moz-transition-property: top, height, opacity;
  -o-transition-property: top, height, opacity;
  transition-property: top, height, opacity;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  background-image: url(images/showHeaderToggle.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer; }
  #headerToggler:hover {
    opacity: 100%; }
  #headerToggler.standardPage {
    right: 4%;
    position: fixed; }

.hideHeader #rStudioHeader.isHideable {
  top: -50px; }

.hideHeader #headerToggler {
  top: -1px;
  height: 28px;
  border: 1px solid #f9f8f8; }

@media screen and (max-width: 1023px) {
  #rStudioHeader .productLogo {
    height: 30px;
    width: 90px; }
  #rStudioHeader #menuToggler.asNeeded {
    display: inline-block; }
  #rStudioHeader .menu.main, #rStudioHeader .menu.aux .menuItems {
    display: none; }
    #rStudioHeader .menu.main.dontCollapse, #rStudioHeader .menu.aux .menuItems.dontCollapse {
      display: block; }
  #rStudioHeader .user .userName, #rStudioHeader .user .userNameAccount {
    display: none; }
  #rStudioHeader .innards {
    padding: 9px 0; }
  .shrinkHeader #rStudioHeader .menu .menuItem.emphasize {
    background-color: transparent;
    color: inherit; } }

@media screen and (max-width: 767px) {
  #rStudioHeader #overlayNavToggler {
    display: inline-block; } }

.productLogo {
  background-image: url(images/logoRStudio.svg); }

.productLogo.userSettings {
  width: 325px;
  background-image: url(images/logoRStudioUserSettings.svg); }

.productLogo.cloud {
  width: 230px;
  background-image: url(images/logoRStudioCloud.svg); }

.productLogo.shinyapps {
  width: 325px;
  background-image: url(images/logoShinyAppsIo.svg); }

.productLogo.academy {
  width: 280px;
  background-image: url(images/logoRStudioAcademy.svg); }

.productLogo.mechanic {
  width: 385px;
  background-image: url(images/logoRStudioCloudMechanic.svg); }

.productLogo.community {
  width: 325px;
  background-image: url(images/logoRStudioCommunity.svg); }

.shrinkHeader .productLogo.userSettings {
  width: 195px; }

.shrinkHeader .productLogo.cloud {
  width: 138px; }

.shrinkHeader .productLogo.shinyapps {
  width: 195px; }

.shrinkHeader .productLogo.academy {
  width: 168px; }

.shrinkHeader .productLogo.mechanic {
  width: 231px; }

.shrinkHeader .productLogo.community {
  width: 195px; }

#rStudioHeader .productLogo.userSettings {
  cursor: default; }

.statusMessage {
  position: relative;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-property: max-height, margin;
  -moz-transition-property: max-height, margin;
  -o-transition-property: max-height, margin;
  transition-property: max-height, margin; }
  .statusMessage .message {
    text-align: center;
    border-top: 1px dotted #e1e0e0;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 0px;
    padding: 4px 45px; }
    .statusMessage .message a {
      color: #fff; }
  .statusMessage.showing {
    max-height: 100px; }
    .statusMessage.showing.noMax {
      max-height: none; }
  .statusMessage.activity {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s; }
    .statusMessage.activity .message {
      background-color: #f9f8f8;
      color: #303030; }
      .statusMessage.activity .message .messageSpinnerContainer {
        display: inline-block; }
  .statusMessage.warning .message {
    background-color: #fcbf49; }
  .statusMessage.error .message {
    background-color: #e6553a; }
  .statusMessage.info .message {
    background-color: #a3c586; }
  .statusMessage.status .message {
    background-color: #f9f8f8;
    color: #303030; }
  .statusMessage.status #messageClose, .statusMessage.status .messageClose {
    background-image: url(images/close.svg); }
  .statusMessage #messageClose, .statusMessage .messageClose {
    position: absolute;
    right: 20px;
    top: 0px;
    width: 20px;
    height: 28px;
    background-image: url(images/closeButton.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; }
  .statusMessage .messageSpinnerContainer {
    display: none;
    width: 25px;
    height: 25px;
    margin: -5px 5px -5px 0; }
  .statusMessage.onPage {
    position: sticky;
    z-index: 99;
    top: 50px; }

.pushFooter {
  position: relative;
  min-height: 100%;
  margin-bottom: -140px; }

.pushFooter:after {
  content: "";
  height: 140px;
  display: block; }

#rStudioFooter {
  position: relative;
  box-sizing: border-box;
  height: 140px; }
  #rStudioFooter.band {
    background-color: #4c83b6;
    color: #fff;
    padding: 30px 5%;
    font-weight: normal;
    font-size: 12px;
    line-height: 25px; }
  #rStudioFooter .bandContent {
    display: flex;
    justify-content: space-between;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    align-items: center;
    line-height: 20px; }
    #rStudioFooter .bandContent a {
      color: #fff; }
    #rStudioFooter .bandContent #copyright {
      flex-shrink: 5;
      color: #e3eef8; }

#logos {
  flex-shrink: 1;
  white-space: nowrap; }
  #logos .footerLogo {
    display: inline-block;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    margin: 0 8px; }
    #logos .footerLogo:last-child {
      margin-right: 0px; }
    #logos .footerLogo.twitter {
      background-image: url(images/twitterLogo.svg); }
    #logos .footerLogo.gitHub {
      background-image: url(images/gitHubLogo.svg); }
    #logos .footerLogo.linkedIn {
      background-image: url(images/linkedInLogo.svg); }
    #logos .footerLogo.facebook {
      background-image: url(images/facebookLogo.svg); }

@media screen and (max-width: 350px) {
  #logos .footerLogo {
    margin: 0 2px; } }

#rStudioFooter.band {
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #4c83b6; }

#rStudioFooter .bandContent {
  align-items: start; }
  #rStudioFooter .bandContent #footerLogo {
    display: inline-block;
    width: 120px;
    height: 40px;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  #rStudioFooter .bandContent .footerMenu {
    margin: 10px 0 0 5px; }
    #rStudioFooter .bandContent .footerMenu a {
      margin-right: 20px; }
  #rStudioFooter .bandContent #versionInfo {
    display: inline-block;
    font-size: 10px;
    white-space: nowrap;
    vertical-align: top; }
  #rStudioFooter .bandContent #logos {
    text-align: right; }

@media screen and (max-width: 450px) {
  #rStudioFooter .bandContent #footerLogo {
    width: 105px;
    height: 35px; }
    #rStudioFooter .bandContent #footerLogo #versionInfo {
      margin-top: 35px; }
  #logos .footerLogo {
    margin: 0 5px; } }

@media screen and (max-width: 350px) {
  #logos .footerLogo {
    margin: 0 3px;
    width: 23px;
    height: 23px; } }

#rStudioFooter .bandContent #footerLogo {
  background-image: url(images/logoRStudioWhite.svg); }

.dialogContainer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1000;
  overflow-y: auto; }
  .dialogContainer.transparent {
    background-color: transparent; }
  .dialogContainer .formSection.dialogNote {
    line-height: 20px; }

.modalDialog {
  position: relative;
  box-sizing: border-box;
  padding: 30px;
  background-color: #fff;
  margin: 60px auto 0 auto;
  width: 500px;
  max-width: 100%;
  border: 1px solid #ddd;
  -moz-box-shadow: 0 5px 70px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 70px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 70px 5px rgba(0, 0, 0, 0.2); }
  .modalDialog .modalClose {
    position: absolute;
    top: 22px;
    right: 22px; }
  .modalDialog .purpose {
    padding: 0 0 20px 0;
    font-size: 16px; }
    .modalDialog .purpose .target, .modalDialog .purpose .destination {
      font-style: italic; }
    .modalDialog .purpose.withActions {
      display: flex;
      justify-content: flex-start;
      display: -ms-flexbox;
      -ms-flex-pack: start;
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-justify-content: flex-start;
      align-items: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      margin-top: -8px; }
  .modalDialog .details {
    line-height: 22px;
    word-break: break-word; }
    .modalDialog .details p, .modalDialog .details li {
      margin-bottom: 10px; }
  .modalDialog .statusMessage .message {
    border-top-width: 0;
    padding-top: 8px;
    padding-bottom: 8px; }
  .modalDialog .statusMessage.showing {
    margin-top: 10px; }
  .modalDialog .statusMessage.aboveActions.showing {
    margin-top: -5px;
    margin-bottom: 15px; }
  .modalDialog.maxOut {
    width: 95%; }
  .modalDialog.minTop {
    margin-top: 10px; }

form .actions, .modalDialog .actions, .actions.buttons {
  text-align: right;
  white-space: nowrap; }
  form .actions button, .modalDialog .actions button, .actions.buttons button {
    min-width: 140px; }
    form .actions button.letWrap, .modalDialog .actions button.letWrap, .actions.buttons button.letWrap {
      white-space: normal; }
  form .actions > button:not(:first-child), .modalDialog .actions > button:not(:first-child), .actions.buttons > button:not(:first-child) {
    margin-left: 10px; }
  form .actions.noMinButtonWidth button, form .actions .actionBar button, .modalDialog .actions.noMinButtonWidth button, .modalDialog .actions .actionBar button, .actions.buttons.noMinButtonWidth button, .actions.buttons .actionBar button {
    min-width: 0px; }

.dialogSpinnerContainer {
  position: absolute;
  top: 15px;
  right: 25px;
  width: 35px;
  height: 35px;
  background-color: #fff; }

@media only screen and (max-width: 767px) {
  .modalDialog {
    margin-top: 50px;
    padding: 20px; }
    .modalDialog.maxOut {
      width: 100%; }
    .modalDialog .modalClose {
      top: 12px;
      right: 12px; }
  form .actions button {
    min-width: 120px; } }

.modalDialog.slightlyWider {
  width: 700px; }

.paramsPaneCloser, .paneCloser, .modalClose, .filterKiller, .barClose, .panelClose {
  height: 30px;
  width: 30px;
  padding: 0;
  background: url(images/close.svg) no-repeat center center;
  background-size: 30px 30px;
  flex-shrink: 0;
  border-radius: 15px; }
  .paramsPaneCloser:hover, .paneCloser:hover, .modalClose:hover, .filterKiller:hover, .barClose:hover, .panelClose:hover {
    background-color: rgba(0, 0, 0, 0.05); }

.backButton {
  height: 30px;
  width: 30px;
  padding: 0;
  background: url(images/back.svg) no-repeat center center;
  background-size: 30px 30px;
  flex-shrink: 0;
  border-radius: 15px; }
  .backButton:hover {
    background-color: rgba(0, 0, 0, 0.05); }

.strengthOMeterFrame {
  position: absolute;
  top: 4px;
  right: 2px;
  bottom: 4px;
  width: 75px;
  padding: 7px;
  background-color: #fff; }
  .strengthOMeterFrame .somLabel {
    font-size: 9px;
    text-transform: uppercase;
    color: #818080; }
  .strengthOMeterFrame .somTooWeak {
    width: 6px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: 6px 6px;
    background-image: url(images/tinyX.svg); }
  .strengthOMeterFrame .somBar {
    border-radius: 10px;
    height: 7px;
    width: 100%;
    border: 1px solid #e1e0e0;
    overflow: hidden; }
    .strengthOMeterFrame .somBar .somValueBar {
      height: 7px; }

.user {
  display: inline-block;
  line-height: 30px; }
  .user .userIcon {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    overflow: hidden;
    background-color: #c9c8c8;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle; }
    .user .userIcon img {
      width: 30px;
      height: 30px; }
    .user .userIcon.initials {
      color: #fff;
      font-size: 16px;
      text-align: center;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg); }
    .user .userIcon.departed {
      background-color: transparent;
      background-image: url(images/userDeparted.svg); }
  .user .userInitialsIconContainer {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border-radius: 15px;
    background-color: #c9c8c8; }
    .user .userInitialsIconContainer .userIcon {
      position: absolute;
      left: 0px;
      top: 0px;
      background-color: transparent; }
    .user .userInitialsIconContainer.makeRoomForMessageIndicator {
      margin-right: 7px; }
    .user .userInitialsIconContainer .messageIndicator {
      position: absolute;
      top: 3px;
      left: 18px;
      width: 24px;
      height: 24px;
      background-size: 24px 24px;
      background-repeat: no-repeat; }
      .user .userInitialsIconContainer .messageIndicator.urgent {
        background-image: url(images/userUrgentMessage.svg); }
      .user .userInitialsIconContainer .messageIndicator.important {
        background-image: url(images/userImportantMessage.svg); }
  .user.withAccount .userIcon, .user.withAccount .userInitialsIconContainer {
    vertical-align: top; }
  .user .userName {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle; }
    .user .userName.emailUnder, .user .userName.auxInfoUnder {
      line-height: 18px; }
      .user .userName.emailUnder .userEmail, .user .userName.emailUnder .userAuxInfo, .user .userName.auxInfoUnder .userEmail, .user .userName.auxInfoUnder .userAuxInfo {
        margin-left: 0px; }
  .user .userEmail, .user .userAuxInfo {
    display: inline-block;
    vertical-align: middle; }
  .user .userNameAccount {
    margin-left: 5px;
    display: inline-block;
    line-height: 15px; }
    .user .userNameAccount .userName {
      margin-left: 0;
      display: block;
      vertical-align: top; }
    .user .userNameAccount .userAccount {
      padding-top: 2px;
      line-height: 13px;
      font-size: 11px;
      vertical-align: top;
      color: #818080; }
  .user.editUserIcon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: flex-start; }
    .user.editUserIcon .userIcon, .user.editUserIcon .userInitialsIconContainer {
      flex-shrink: 0; }
    .user.editUserIcon .iconInstructions {
      padding-left: 10px;
      line-height: 15px; }

.userEmail, .userAuxInfo {
  font-size: 12px;
  margin-left: 10px;
  color: #a1a0a0; }

.author {
  margin-bottom: 5px; }
  .author a:hover .user .userName {
    text-decoration: underline; }
  .author .user {
    line-height: 24px; }
    .author .user .userIcon {
      height: 24px;
      width: 24px;
      border-radius: 12px; }
      .author .user .userIcon img {
        width: 24px;
        height: 24px; }
      .author .user .userIcon.initials {
        font-size: 14px; }
    .author .user .userInitialsIconContainer {
      width: 24px;
      height: 24px; }
    .author .user .userName {
      vertical-align: baseline; }
  .author.inItemMeta {
    /* should be able to merge this into author itself once real code puts author in meta block */
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0px; }

.departedUserName {
  font-style: italic; }

.userId {
  font-style: italic; }
  .userId::before {
    content: 'ID# '; }

.menu {
  font-weight: inherit;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap; }
  .menu.main {
    flex-grow: 10;
    -ms-flex: 10 0 auto;
    text-align: left;
    margin-left: 50px; }
  .menu.aux {
    flex-grow: 2;
    -ms-flex: 2 0 auto; }
  .menu .menuItems {
    display: block; }
  .menu .menuItem {
    color: inherit;
    line-height: inherit;
    background-color: transparent;
    display: inline-block;
    padding: 6px 15px;
    margin-right: 3px;
    vertical-align: middle;
    cursor: pointer;
    color: inherit;
    border-radius: 3px;
    -webkit-transition-property: opacity, background-color;
    -moz-transition-property: opacity, background-color;
    -o-transition-property: opacity, background-color;
    transition-property: opacity, background-color;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s; }
    .menu .menuItem:hover {
      text-decoration: none;
      background-color: #f9f8f8; }
    .menu .menuItem.active {
      background-color: #4c83b6;
      color: #fff; }
    .menu .menuItem.activeSubdued {
      background-color: #f9f8f8; }
    .menu .menuItem.icon {
      width: 32px;
      height: 32px;
      padding: 0px;
      margin-left: 10px;
      margin-right: 0px;
      background-size: 32px 64px;
      background-repeat: no-repeat;
      background-position: center 0px; }
      .menu .menuItem.icon.active {
        background-position: center -32px; }
  .menu .standardDescription {
    display: none; }

.mainPage .layoutMenuOnPage {
  margin-right: -28px; }
  .mainPage .layoutMenuOnPage .menu {
    margin: 0px;
    white-space: normal; }
    .mainPage .layoutMenuOnPage .menu .menuItemContainer {
      display: inline-block;
      vertical-align: top;
      width: 272px;
      margin: 0 28px 40px 0; }
      .mainPage .layoutMenuOnPage .menu .menuItemContainer .menuItem {
        margin: 0 0 10px 0;
        border-radius: 0;
        border-style: none;
        display: block;
        padding: 0 0 0 25px;
        height: 30px;
        font-size: 20px;
        line-height: 30px;
        background-repeat: no-repeat;
        background-size: 15px 80px;
        background-position: left -4px;
        color: #4c83b6; }
        .mainPage .layoutMenuOnPage .menu .menuItemContainer .menuItem:hover {
          background-color: inherit;
          text-decoration: underline; }
    .mainPage .layoutMenuOnPage .menu .standardDescription {
      display: block; }

.mainPage .menu {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 11px; }
  .mainPage .menu.noMarginBelow {
    margin-bottom: 0; }
  .mainPage .menu .menuItem {
    margin-right: 10px;
    border: 1px solid #e1e0e0; }
    .mainPage .menu .menuItem.active {
      border-color: #4c83b6; }
  .mainPage .menu .charSeparator {
    margin-right: 10px; }
  .mainPage .menu.inSectionHeader {
    margin-bottom: 0px;
    margin-left: 30px; }
    .mainPage .menu.inSectionHeader .menuItems {
      display: inline-block; }
    .mainPage .menu.inSectionHeader .menuLabel {
      display: inline-block;
      margin-right: 5px;
      font-size: 12px; }
  .mainPage .menu.wrappable {
    white-space: inherit;
    margin-bottom: 0px; }
    .mainPage .menu.wrappable .menuItem {
      margin-bottom: 10px; }

@media screen and (max-width: 1023px) {
  .mainPage .menu {
    display: none; }
    .mainPage .menu.inSectionHeader {
      display: block; }
  .layoutMenuOnPage .menu, .mainPage .menu.showOnMobile {
    display: block; } }

.splitColumns {
  display: flex;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  align-items: flex-start; }
  .splitColumns .column100 {
    width: 100%; }
  .splitColumns .column80 {
    width: 78%; }
  .splitColumns .column75 {
    width: 73%; }
  .splitColumns .column67 {
    width: 65%; }
  .splitColumns .column60 {
    width: 58%; }
  .splitColumns .column50 {
    width: 48%; }
  .splitColumns .column45 {
    width: 43%; }
  .splitColumns .column40 {
    width: 38%; }
  .splitColumns .column33 {
    width: 31%; }
  .splitColumns .column25 {
    width: 23%; }
    .splitColumns .column25 .columnImage {
      width: 276px; }
  .splitColumns .column20 {
    width: 19%; }
  .splitColumns .column16 {
    width: 14%; }
  .splitColumns .columnImage {
    max-width: 100%;
    margin-bottom: 1em;
    background-repeat: no-repeat;
    background-size: cover; }

@media screen and (max-width: 1023px) {
  .splitColumns {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    .splitColumns .column25.slowGrow, .splitColumns .column20.slowGrow {
      width: 48%; }
    .splitColumns .column50.goAuto {
      width: auto; }
    .splitColumns .column75, .splitColumns .column67, .splitColumns .column60, .splitColumns .column50, .splitColumns .column45, .splitColumns .column40, .splitColumns .column33, .splitColumns .column25, .splitColumns .column20, .splitColumns .column16 {
      width: 100%; }
    .splitColumns.withMobileMargins .column75, .splitColumns.withMobileMargins .column67, .splitColumns.withMobileMargins .column60, .splitColumns.withMobileMargins .column50, .splitColumns.withMobileMargins .column45, .splitColumns.withMobileMargins .column40, .splitColumns.withMobileMargins .column33, .splitColumns.withMobileMargins .column25, .splitColumns.withMobileMargins .column20, .splitColumns.withMobileMargins .column16 {
      margin-bottom: 30px; } }

@media screen and (max-width: 611px) {
  .splitColumns .column25.slowGrow, .splitColumns .column20.slowGrow {
    width: 100%; }
  .splitColumns .column80 {
    width: 100%; } }

/* Sections */
.section {
  margin-bottom: 40px; }
  .section.info {
    background-color: #f9f8f8;
    padding: 20px; }
  .section.uppercaseControlGroupTitles .controlGroupTitle {
    text-transform: uppercase; }
  .section.sectionBottomBorder {
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .section.smallBottomMargin {
    margin-bottom: 10px; }
  .section.marginTop {
    margin-top: 40px; }
  .section.extraMarginBottom {
    margin-bottom: 80px; }

.sectionTitle {
  font-size: 24px;
  font-weight: 300;
  margin: 5px 0 13px 0;
  word-wrap: break-word; }
  .sectionTitle.mightWrap {
    line-height: 30px; }
  .sectionTitle.sectionBottomBorder {
    padding-bottom: 17px; }
  .sectionTitle.tight {
    margin-bottom: 7px; }
  .sectionTitle.superTight {
    line-height: 24px;
    margin-bottom: 0px; }
  .sectionTitle .user {
    padding-right: 4px;
    position: relative;
    top: -2px; }
  .sectionTitle.small {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px; }
  .sectionTitle label {
    font-size: 14px;
    padding-left: 3px; }

.sectionTitleFinePrint {
  margin-top: -17px;
  font-size: 14px;
  margin-bottom: 20px; }

.sectionTitleDetails {
  font-size: 13px;
  padding-left: 10px; }

.sectionSubtitle {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  margin: 4px 0 10px 0; }

.sectionBlurb {
  line-height: 20px;
  word-wrap: break-word; }
  .sectionBlurb.bottomMargin {
    margin-bottom: 5px; }

.sectionBottomBorder {
  border-bottom: 1px dotted #c9c8c8; }

.smallSectionLabel {
  font-size: 11px;
  color: #aaa;
  text-transform: uppercase;
  margin-bottom: 8px; }

.sectionImage {
  width: 100%; }
  .sectionImage.max300 {
    max-width: 300px; }

.sectionFinePrint {
  margin-top: 1em;
  line-height: 20px;
  font-size: 11px;
  font-style: italic; }

/*
  Styles for a smallish form displayed on a full page, e.g. a login form
  It's poorly named, in that we later added a full page form for large forms displayed on a full page
*/
.fullPageFormContainer {
  position: relative;
  max-width: 400px;
  margin: 0 auto; }
  .fullPageFormContainer.goBig {
    max-width: 100%; }
  .fullPageFormContainer form, .fullPageFormContainer div.formish {
    background-color: #f9f8f8;
    padding: 20px 40px 40px 40px; }
    .fullPageFormContainer form .actions, .fullPageFormContainer div.formish .actions {
      margin-top: 30px; }
      .fullPageFormContainer form .actions button, .fullPageFormContainer form .actions a.button, .fullPageFormContainer div.formish .actions button, .fullPageFormContainer div.formish .actions a.button {
        width: 100%;
        text-align: center; }
  .fullPageFormContainer .formTitle {
    text-align: center; }
  .fullPageFormContainer .backButton {
    position: absolute;
    left: 5px;
    top: 20px;
    background-image: url(images/back.svg); }
    .fullPageFormContainer .backButton.onAlternateFormPicker {
      top: 37px; }

.splitPageFormContainer form, .splitPageFormContainer div.formish {
  background-color: #f9f8f8;
  padding: 25px 50px 50px 50px; }

.splitPageFormContainer .actions.alignRight {
  text-align: right; }

.splitPageFormContainer .actions button, .splitPageFormContainer .actions a.button {
  min-width: 100px;
  margin-right: 10px; }
  .splitPageFormContainer .actions button:last-child, .splitPageFormContainer .actions a.button:last-child {
    margin-right: 0px; }

.backgroundless form, .backgroundless div.formish {
  background-color: transparent;
  padding: 0;
  margin-top: 10px; }
  .backgroundless form .chunk, .backgroundless div.formish .chunk {
    margin-bottom: 50px; }

.fullPageFormContainer .formTitle, .splitPageFormContainer .formTitle, .modalDialog .formTitle, .anyOldForm .formTitle {
  padding: 25px 50px;
  font-size: 18px;
  background-color: #f9f8f8;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #fff; }

.fullPageFormContainer .formFooter, .splitPageFormContainer .formFooter, .modalDialog .formFooter, .anyOldForm .formFooter {
  text-align: center;
  padding: 20px 50px;
  background-color: #f1f0f0; }

.fullPageFormContainer .splitFormHeader .formTitle, .splitPageFormContainer .splitFormHeader .formTitle, .modalDialog .splitFormHeader .formTitle, .anyOldForm .splitFormHeader .formTitle {
  width: 50%;
  padding-bottom: 25px;
  border-bottom: none; }

.fullPageFormContainer .splitFormHeader .alternateFormPicker, .splitPageFormContainer .splitFormHeader .alternateFormPicker, .modalDialog .splitFormHeader .alternateFormPicker, .anyOldForm .splitFormHeader .alternateFormPicker {
  width: 50%;
  text-align: center;
  background-color: #e5e4e4;
  color: #606060;
  border-radius: 0;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s; }
  .fullPageFormContainer .splitFormHeader .alternateFormPicker:hover, .splitPageFormContainer .splitFormHeader .alternateFormPicker:hover, .modalDialog .splitFormHeader .alternateFormPicker:hover, .anyOldForm .splitFormHeader .alternateFormPicker:hover {
    background-color: #fdfcfc; }
  .fullPageFormContainer .splitFormHeader .alternateFormPicker .alternateFormText, .splitPageFormContainer .splitFormHeader .alternateFormPicker .alternateFormText, .modalDialog .splitFormHeader .alternateFormPicker .alternateFormText, .anyOldForm .splitFormHeader .alternateFormPicker .alternateFormText {
    font-size: 11px;
    line-height: 12px;
    margin: 10px 0 4px 0; }
  .fullPageFormContainer .splitFormHeader .alternateFormPicker .alternateFormTitle, .splitPageFormContainer .splitFormHeader .alternateFormPicker .alternateFormTitle, .modalDialog .splitFormHeader .alternateFormPicker .alternateFormTitle, .anyOldForm .splitFormHeader .alternateFormPicker .alternateFormTitle {
    display: block;
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 24px; }
    .fullPageFormContainer .splitFormHeader .alternateFormPicker .alternateFormTitle.noAlternateText, .splitPageFormContainer .splitFormHeader .alternateFormPicker .alternateFormTitle.noAlternateText, .modalDialog .splitFormHeader .alternateFormPicker .alternateFormTitle.noAlternateText, .anyOldForm .splitFormHeader .alternateFormPicker .alternateFormTitle.noAlternateText {
      padding: 13px 0; }

.fullPageFormContainer form .chunk, .fullPageFormContainer div.formish .chunk, .splitPageFormContainer form .chunk, .splitPageFormContainer div.formish .chunk, .modalDialog form .chunk, .modalDialog div.formish .chunk, .anyOldForm form .chunk, .anyOldForm div.formish .chunk {
  margin-bottom: 20px; }
  .fullPageFormContainer form .chunk.withBottomLine, .fullPageFormContainer div.formish .chunk.withBottomLine, .splitPageFormContainer form .chunk.withBottomLine, .splitPageFormContainer div.formish .chunk.withBottomLine, .modalDialog form .chunk.withBottomLine, .modalDialog div.formish .chunk.withBottomLine, .anyOldForm form .chunk.withBottomLine, .anyOldForm div.formish .chunk.withBottomLine {
    border-bottom: 1px dotted #c9c8c8; }

.fullPageFormContainer form .tightChunk, .fullPageFormContainer div.formish .tightChunk, .splitPageFormContainer form .tightChunk, .splitPageFormContainer div.formish .tightChunk, .modalDialog form .tightChunk, .modalDialog div.formish .tightChunk, .anyOldForm form .tightChunk, .anyOldForm div.formish .tightChunk {
  margin-bottom: 10px; }

.fullPageFormContainer form .fieldLabel, .fullPageFormContainer div.formish .fieldLabel, .splitPageFormContainer form .fieldLabel, .splitPageFormContainer div.formish .fieldLabel, .modalDialog form .fieldLabel, .modalDialog div.formish .fieldLabel, .anyOldForm form .fieldLabel, .anyOldForm div.formish .fieldLabel {
  margin-bottom: 7px;
  display: flex;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  align-items: flex-end; }
  .fullPageFormContainer form .fieldLabel span:first-of-type, .fullPageFormContainer div.formish .fieldLabel span:first-of-type, .splitPageFormContainer form .fieldLabel span:first-of-type, .splitPageFormContainer div.formish .fieldLabel span:first-of-type, .modalDialog form .fieldLabel span:first-of-type, .modalDialog div.formish .fieldLabel span:first-of-type, .anyOldForm form .fieldLabel span:first-of-type, .anyOldForm div.formish .fieldLabel span:first-of-type {
    white-space: nowrap; }
  .fullPageFormContainer form .fieldLabel.error .optional, .fullPageFormContainer div.formish .fieldLabel.error .optional, .splitPageFormContainer form .fieldLabel.error .optional, .splitPageFormContainer div.formish .fieldLabel.error .optional, .modalDialog form .fieldLabel.error .optional, .modalDialog div.formish .fieldLabel.error .optional, .anyOldForm form .fieldLabel.error .optional, .anyOldForm div.formish .fieldLabel.error .optional {
    display: none; }
  .fullPageFormContainer form .fieldLabel.error .errorText, .fullPageFormContainer div.formish .fieldLabel.error .errorText, .splitPageFormContainer form .fieldLabel.error .errorText, .splitPageFormContainer div.formish .fieldLabel.error .errorText, .modalDialog form .fieldLabel.error .errorText, .modalDialog div.formish .fieldLabel.error .errorText, .anyOldForm form .fieldLabel.error .errorText, .anyOldForm div.formish .fieldLabel.error .errorText {
    display: block; }
  .fullPageFormContainer form .fieldLabel .optional, .fullPageFormContainer div.formish .fieldLabel .optional, .splitPageFormContainer form .fieldLabel .optional, .splitPageFormContainer div.formish .fieldLabel .optional, .modalDialog form .fieldLabel .optional, .modalDialog div.formish .fieldLabel .optional, .anyOldForm form .fieldLabel .optional, .anyOldForm div.formish .fieldLabel .optional {
    font-size: 9px;
    color: #808080;
    font-style: italic; }
  .fullPageFormContainer form .fieldLabel .errorText, .fullPageFormContainer div.formish .fieldLabel .errorText, .splitPageFormContainer form .fieldLabel .errorText, .splitPageFormContainer div.formish .fieldLabel .errorText, .modalDialog form .fieldLabel .errorText, .modalDialog div.formish .fieldLabel .errorText, .anyOldForm form .fieldLabel .errorText, .anyOldForm div.formish .fieldLabel .errorText {
    display: none; }
  .fullPageFormContainer form .fieldLabel .actionBar.inline, .fullPageFormContainer div.formish .fieldLabel .actionBar.inline, .splitPageFormContainer form .fieldLabel .actionBar.inline, .splitPageFormContainer div.formish .fieldLabel .actionBar.inline, .modalDialog form .fieldLabel .actionBar.inline, .modalDialog div.formish .fieldLabel .actionBar.inline, .anyOldForm form .fieldLabel .actionBar.inline, .anyOldForm div.formish .fieldLabel .actionBar.inline {
    margin-bottom: -5px; }

.fullPageFormContainer form .errorText, .fullPageFormContainer div.formish .errorText, .splitPageFormContainer form .errorText, .splitPageFormContainer div.formish .errorText, .modalDialog form .errorText, .modalDialog div.formish .errorText, .anyOldForm form .errorText, .anyOldForm div.formish .errorText {
  color: #ff0000;
  margin-left: 10px;
  font-weight: bold; }

.fullPageFormContainer form .instructions, .fullPageFormContainer div.formish .instructions, .splitPageFormContainer form .instructions, .splitPageFormContainer div.formish .instructions, .modalDialog form .instructions, .modalDialog div.formish .instructions, .anyOldForm form .instructions, .anyOldForm div.formish .instructions {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px; }
  .fullPageFormContainer form .instructions.solo, .fullPageFormContainer div.formish .instructions.solo, .splitPageFormContainer form .instructions.solo, .splitPageFormContainer div.formish .instructions.solo, .modalDialog form .instructions.solo, .modalDialog div.formish .instructions.solo, .anyOldForm form .instructions.solo, .anyOldForm div.formish .instructions.solo {
    margin-top: 10px;
    margin-bottom: 0px; }

.fullPageFormContainer form .toggleableInfo, .fullPageFormContainer div.formish .toggleableInfo, .splitPageFormContainer form .toggleableInfo, .splitPageFormContainer div.formish .toggleableInfo, .modalDialog form .toggleableInfo, .modalDialog div.formish .toggleableInfo, .anyOldForm form .toggleableInfo, .anyOldForm div.formish .toggleableInfo {
  font-size: 13px;
  border: 1px solid #e5e4e4;
  margin-bottom: 10px;
  padding: 10px 10px 0px 10px;
  background-color: #f9f8f8; }

.fullPageFormContainer form input, .fullPageFormContainer form textarea, .fullPageFormContainer div.formish input, .fullPageFormContainer div.formish textarea, .splitPageFormContainer form input, .splitPageFormContainer form textarea, .splitPageFormContainer div.formish input, .splitPageFormContainer div.formish textarea, .modalDialog form input, .modalDialog form textarea, .modalDialog div.formish input, .modalDialog div.formish textarea, .anyOldForm form input, .anyOldForm form textarea, .anyOldForm div.formish input, .anyOldForm div.formish textarea {
  box-sizing: border-box;
  /* font-size: 15px; */ }
  .fullPageFormContainer form input[type=text], .fullPageFormContainer form input[type=password], .fullPageFormContainer form input[type=number], .fullPageFormContainer form input[type=email], .fullPageFormContainer form textarea[type=text], .fullPageFormContainer form textarea[type=password], .fullPageFormContainer form textarea[type=number], .fullPageFormContainer form textarea[type=email], .fullPageFormContainer div.formish input[type=text], .fullPageFormContainer div.formish input[type=password], .fullPageFormContainer div.formish input[type=number], .fullPageFormContainer div.formish input[type=email], .fullPageFormContainer div.formish textarea[type=text], .fullPageFormContainer div.formish textarea[type=password], .fullPageFormContainer div.formish textarea[type=number], .fullPageFormContainer div.formish textarea[type=email], .splitPageFormContainer form input[type=text], .splitPageFormContainer form input[type=password], .splitPageFormContainer form input[type=number], .splitPageFormContainer form input[type=email], .splitPageFormContainer form textarea[type=text], .splitPageFormContainer form textarea[type=password], .splitPageFormContainer form textarea[type=number], .splitPageFormContainer form textarea[type=email], .splitPageFormContainer div.formish input[type=text], .splitPageFormContainer div.formish input[type=password], .splitPageFormContainer div.formish input[type=number], .splitPageFormContainer div.formish input[type=email], .splitPageFormContainer div.formish textarea[type=text], .splitPageFormContainer div.formish textarea[type=password], .splitPageFormContainer div.formish textarea[type=number], .splitPageFormContainer div.formish textarea[type=email], .modalDialog form input[type=text], .modalDialog form input[type=password], .modalDialog form input[type=number], .modalDialog form input[type=email], .modalDialog form textarea[type=text], .modalDialog form textarea[type=password], .modalDialog form textarea[type=number], .modalDialog form textarea[type=email], .modalDialog div.formish input[type=text], .modalDialog div.formish input[type=password], .modalDialog div.formish input[type=number], .modalDialog div.formish input[type=email], .modalDialog div.formish textarea[type=text], .modalDialog div.formish textarea[type=password], .modalDialog div.formish textarea[type=number], .modalDialog div.formish textarea[type=email], .anyOldForm form input[type=text], .anyOldForm form input[type=password], .anyOldForm form input[type=number], .anyOldForm form input[type=email], .anyOldForm form textarea[type=text], .anyOldForm form textarea[type=password], .anyOldForm form textarea[type=number], .anyOldForm form textarea[type=email], .anyOldForm div.formish input[type=text], .anyOldForm div.formish input[type=password], .anyOldForm div.formish input[type=number], .anyOldForm div.formish input[type=email], .anyOldForm div.formish textarea[type=text], .anyOldForm div.formish textarea[type=password], .anyOldForm div.formish textarea[type=number], .anyOldForm div.formish textarea[type=email] {
    width: 100%; }
    .fullPageFormContainer form input[type=text].fiveDigitNumberInput, .fullPageFormContainer form input[type=password].fiveDigitNumberInput, .fullPageFormContainer form input[type=number].fiveDigitNumberInput, .fullPageFormContainer form input[type=email].fiveDigitNumberInput, .fullPageFormContainer form textarea[type=text].fiveDigitNumberInput, .fullPageFormContainer form textarea[type=password].fiveDigitNumberInput, .fullPageFormContainer form textarea[type=number].fiveDigitNumberInput, .fullPageFormContainer form textarea[type=email].fiveDigitNumberInput, .fullPageFormContainer div.formish input[type=text].fiveDigitNumberInput, .fullPageFormContainer div.formish input[type=password].fiveDigitNumberInput, .fullPageFormContainer div.formish input[type=number].fiveDigitNumberInput, .fullPageFormContainer div.formish input[type=email].fiveDigitNumberInput, .fullPageFormContainer div.formish textarea[type=text].fiveDigitNumberInput, .fullPageFormContainer div.formish textarea[type=password].fiveDigitNumberInput, .fullPageFormContainer div.formish textarea[type=number].fiveDigitNumberInput, .fullPageFormContainer div.formish textarea[type=email].fiveDigitNumberInput, .splitPageFormContainer form input[type=text].fiveDigitNumberInput, .splitPageFormContainer form input[type=password].fiveDigitNumberInput, .splitPageFormContainer form input[type=number].fiveDigitNumberInput, .splitPageFormContainer form input[type=email].fiveDigitNumberInput, .splitPageFormContainer form textarea[type=text].fiveDigitNumberInput, .splitPageFormContainer form textarea[type=password].fiveDigitNumberInput, .splitPageFormContainer form textarea[type=number].fiveDigitNumberInput, .splitPageFormContainer form textarea[type=email].fiveDigitNumberInput, .splitPageFormContainer div.formish input[type=text].fiveDigitNumberInput, .splitPageFormContainer div.formish input[type=password].fiveDigitNumberInput, .splitPageFormContainer div.formish input[type=number].fiveDigitNumberInput, .splitPageFormContainer div.formish input[type=email].fiveDigitNumberInput, .splitPageFormContainer div.formish textarea[type=text].fiveDigitNumberInput, .splitPageFormContainer div.formish textarea[type=password].fiveDigitNumberInput, .splitPageFormContainer div.formish textarea[type=number].fiveDigitNumberInput, .splitPageFormContainer div.formish textarea[type=email].fiveDigitNumberInput, .modalDialog form input[type=text].fiveDigitNumberInput, .modalDialog form input[type=password].fiveDigitNumberInput, .modalDialog form input[type=number].fiveDigitNumberInput, .modalDialog form input[type=email].fiveDigitNumberInput, .modalDialog form textarea[type=text].fiveDigitNumberInput, .modalDialog form textarea[type=password].fiveDigitNumberInput, .modalDialog form textarea[type=number].fiveDigitNumberInput, .modalDialog form textarea[type=email].fiveDigitNumberInput, .modalDialog div.formish input[type=text].fiveDigitNumberInput, .modalDialog div.formish input[type=password].fiveDigitNumberInput, .modalDialog div.formish input[type=number].fiveDigitNumberInput, .modalDialog div.formish input[type=email].fiveDigitNumberInput, .modalDialog div.formish textarea[type=text].fiveDigitNumberInput, .modalDialog div.formish textarea[type=password].fiveDigitNumberInput, .modalDialog div.formish textarea[type=number].fiveDigitNumberInput, .modalDialog div.formish textarea[type=email].fiveDigitNumberInput, .anyOldForm form input[type=text].fiveDigitNumberInput, .anyOldForm form input[type=password].fiveDigitNumberInput, .anyOldForm form input[type=number].fiveDigitNumberInput, .anyOldForm form input[type=email].fiveDigitNumberInput, .anyOldForm form textarea[type=text].fiveDigitNumberInput, .anyOldForm form textarea[type=password].fiveDigitNumberInput, .anyOldForm form textarea[type=number].fiveDigitNumberInput, .anyOldForm form textarea[type=email].fiveDigitNumberInput, .anyOldForm div.formish input[type=text].fiveDigitNumberInput, .anyOldForm div.formish input[type=password].fiveDigitNumberInput, .anyOldForm div.formish input[type=number].fiveDigitNumberInput, .anyOldForm div.formish input[type=email].fiveDigitNumberInput, .anyOldForm div.formish textarea[type=text].fiveDigitNumberInput, .anyOldForm div.formish textarea[type=password].fiveDigitNumberInput, .anyOldForm div.formish textarea[type=number].fiveDigitNumberInput, .anyOldForm div.formish textarea[type=email].fiveDigitNumberInput {
      width: 80px; }

.fullPageFormContainer form input, .fullPageFormContainer div.formish input, .splitPageFormContainer form input, .splitPageFormContainer div.formish input, .modalDialog form input, .modalDialog div.formish input, .anyOldForm form input, .anyOldForm div.formish input {
  padding: 8px 10px; }

.fullPageFormContainer form textarea, .fullPageFormContainer div.formish textarea, .splitPageFormContainer form textarea, .splitPageFormContainer div.formish textarea, .modalDialog form textarea, .modalDialog div.formish textarea, .anyOldForm form textarea, .anyOldForm div.formish textarea {
  width: 100%;
  padding: 10px;
  line-height: 20px;
  resize: vertical;
  max-height: 300px;
  min-height: 100px; }
  .fullPageFormContainer form textarea.smallish, .fullPageFormContainer div.formish textarea.smallish, .splitPageFormContainer form textarea.smallish, .splitPageFormContainer div.formish textarea.smallish, .modalDialog form textarea.smallish, .modalDialog div.formish textarea.smallish, .anyOldForm form textarea.smallish, .anyOldForm div.formish textarea.smallish {
    min-height: 60px; }
  .fullPageFormContainer form textarea.biggish, .fullPageFormContainer div.formish textarea.biggish, .splitPageFormContainer form textarea.biggish, .splitPageFormContainer div.formish textarea.biggish, .modalDialog form textarea.biggish, .modalDialog div.formish textarea.biggish, .anyOldForm form textarea.biggish, .anyOldForm div.formish textarea.biggish {
    min-height: 300px;
    max-height: 500px; }

.fullPageFormContainer form button, .fullPageFormContainer form a.button, .fullPageFormContainer div.formish button, .fullPageFormContainer div.formish a.button, .splitPageFormContainer form button, .splitPageFormContainer form a.button, .splitPageFormContainer div.formish button, .splitPageFormContainer div.formish a.button, .modalDialog form button, .modalDialog form a.button, .modalDialog div.formish button, .modalDialog div.formish a.button, .anyOldForm form button, .anyOldForm form a.button, .anyOldForm div.formish button, .anyOldForm div.formish a.button {
  box-sizing: border-box;
  font-size: 15px; }
  .fullPageFormContainer form button.withImage, .fullPageFormContainer form a.button.withImage, .fullPageFormContainer div.formish button.withImage, .fullPageFormContainer div.formish a.button.withImage, .splitPageFormContainer form button.withImage, .splitPageFormContainer form a.button.withImage, .splitPageFormContainer div.formish button.withImage, .splitPageFormContainer div.formish a.button.withImage, .modalDialog form button.withImage, .modalDialog form a.button.withImage, .modalDialog div.formish button.withImage, .modalDialog div.formish a.button.withImage, .anyOldForm form button.withImage, .anyOldForm form a.button.withImage, .anyOldForm div.formish button.withImage, .anyOldForm div.formish a.button.withImage {
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 25px 25px; }
    .fullPageFormContainer form button.withImage.google, .fullPageFormContainer form a.button.withImage.google, .fullPageFormContainer div.formish button.withImage.google, .fullPageFormContainer div.formish a.button.withImage.google, .splitPageFormContainer form button.withImage.google, .splitPageFormContainer form a.button.withImage.google, .splitPageFormContainer div.formish button.withImage.google, .splitPageFormContainer div.formish a.button.withImage.google, .modalDialog form button.withImage.google, .modalDialog form a.button.withImage.google, .modalDialog div.formish button.withImage.google, .modalDialog div.formish a.button.withImage.google, .anyOldForm form button.withImage.google, .anyOldForm form a.button.withImage.google, .anyOldForm div.formish button.withImage.google, .anyOldForm div.formish a.button.withImage.google {
      background-image: url(images/google-logo.png); }
    .fullPageFormContainer form button.withImage.github, .fullPageFormContainer form a.button.withImage.github, .fullPageFormContainer div.formish button.withImage.github, .fullPageFormContainer div.formish a.button.withImage.github, .splitPageFormContainer form button.withImage.github, .splitPageFormContainer form a.button.withImage.github, .splitPageFormContainer div.formish button.withImage.github, .splitPageFormContainer div.formish a.button.withImage.github, .modalDialog form button.withImage.github, .modalDialog form a.button.withImage.github, .modalDialog div.formish button.withImage.github, .modalDialog div.formish a.button.withImage.github, .anyOldForm form button.withImage.github, .anyOldForm form a.button.withImage.github, .anyOldForm div.formish button.withImage.github, .anyOldForm div.formish a.button.withImage.github {
      background-image: url(images/gitHubLogo.svg); }
    .fullPageFormContainer form button.withImage.sso, .fullPageFormContainer form a.button.withImage.sso, .fullPageFormContainer div.formish button.withImage.sso, .fullPageFormContainer div.formish a.button.withImage.sso, .splitPageFormContainer form button.withImage.sso, .splitPageFormContainer form a.button.withImage.sso, .splitPageFormContainer div.formish button.withImage.sso, .splitPageFormContainer div.formish a.button.withImage.sso, .modalDialog form button.withImage.sso, .modalDialog form a.button.withImage.sso, .modalDialog div.formish button.withImage.sso, .modalDialog div.formish a.button.withImage.sso, .anyOldForm form button.withImage.sso, .anyOldForm form a.button.withImage.sso, .anyOldForm div.formish button.withImage.sso, .anyOldForm div.formish a.button.withImage.sso {
      background-image: url(images/sso.svg); }
  .fullPageFormContainer form button.waiting, .fullPageFormContainer form a.button.waiting, .fullPageFormContainer div.formish button.waiting, .fullPageFormContainer div.formish a.button.waiting, .splitPageFormContainer form button.waiting, .splitPageFormContainer form a.button.waiting, .splitPageFormContainer div.formish button.waiting, .splitPageFormContainer div.formish a.button.waiting, .modalDialog form button.waiting, .modalDialog form a.button.waiting, .modalDialog div.formish button.waiting, .modalDialog div.formish a.button.waiting, .anyOldForm form button.waiting, .anyOldForm form a.button.waiting, .anyOldForm div.formish button.waiting, .anyOldForm div.formish a.button.waiting {
    opacity: 1.0;
    background-color: #a1a0a0 !important;
    color: #f9f8f8 !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-image: url(images/spinnerWhite.svg) !important;
    background-position: 8px center; }

.fullPageFormContainer form .finePrint, .fullPageFormContainer div.formish .finePrint, .splitPageFormContainer form .finePrint, .splitPageFormContainer div.formish .finePrint, .modalDialog form .finePrint, .modalDialog div.formish .finePrint, .anyOldForm form .finePrint, .anyOldForm div.formish .finePrint {
  margin-top: 10px;
  font-size: 11px; }

.fullPageFormContainer div.textInputWithButtonContainer, .splitPageFormContainer div.textInputWithButtonContainer, .modalDialog div.textInputWithButtonContainer, .anyOldForm div.textInputWithButtonContainer {
  position: relative; }
  .fullPageFormContainer div.textInputWithButtonContainer input:read-only, .splitPageFormContainer div.textInputWithButtonContainer input:read-only, .modalDialog div.textInputWithButtonContainer input:read-only, .anyOldForm div.textInputWithButtonContainer input:read-only {
    background-color: #fff;
    color: black;
    border-color: #c9c8c8; }
  .fullPageFormContainer div.textInputWithButtonContainer button, .splitPageFormContainer div.textInputWithButtonContainer button, .modalDialog div.textInputWithButtonContainer button, .anyOldForm div.textInputWithButtonContainer button {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 29px;
    height: 29px;
    padding: 0px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    cursor: pointer; }
    .fullPageFormContainer div.textInputWithButtonContainer button.useDialog, .splitPageFormContainer div.textInputWithButtonContainer button.useDialog, .modalDialog div.textInputWithButtonContainer button.useDialog, .anyOldForm div.textInputWithButtonContainer button.useDialog {
      background-image: url(images/inputDialogButton.svg); }

.fullPageFormContainer .afterTheForm, .splitPageFormContainer .afterTheForm, .modalDialog .afterTheForm, .anyOldForm .afterTheForm {
  padding: 0 40px; }

@media screen and (max-width: 420px) {
  .fullPageFormContainer, .splitPageFormContainer {
    max-width: 400px; }
    .fullPageFormContainer form, .fullPageFormContainer div.formish, .splitPageFormContainer form, .splitPageFormContainer div.formish {
      padding: 20px; }
    .fullPageFormContainer .formTitle, .splitPageFormContainer .formTitle {
      padding-left: 20px;
      padding-right: 20px; } }

.contentPanel .settingsPane .formSection, .panel .formSection, .dialogContainer .formSection {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #edecec;
  line-height: 30px; }
  .contentPanel .settingsPane .formSection.infoSection, .panel .formSection.infoSection, .dialogContainer .formSection.infoSection {
    line-height: 20px; }
  .contentPanel .settingsPane .formSection.noSeparator, .panel .formSection.noSeparator, .dialogContainer .formSection.noSeparator {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 5px; }
  .contentPanel .settingsPane .formSection.tight, .panel .formSection.tight, .dialogContainer .formSection.tight {
    margin-top: -10px;
    padding-bottom: 5px; }
  .contentPanel .settingsPane .formSection.noBottomPadding, .panel .formSection.noBottomPadding, .dialogContainer .formSection.noBottomPadding {
    padding-bottom: 0; }
  .contentPanel .settingsPane .formSection.simple, .panel .formSection.simple, .dialogContainer .formSection.simple {
    padding-bottom: 0;
    line-height: inherit; }
  .contentPanel .settingsPane .formSection .hideableSection, .panel .formSection .hideableSection, .dialogContainer .formSection .hideableSection {
    overflow: hidden;
    max-height: 0;
    -webkit-transition-property: max-height;
    -moz-transition-property: max-height;
    -o-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s; }
    .contentPanel .settingsPane .formSection .hideableSection.showing, .panel .formSection .hideableSection.showing, .dialogContainer .formSection .hideableSection.showing {
      max-height: 500px;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s; }
  .contentPanel .settingsPane .formSection .rsc-row, .panel .formSection .rsc-row, .dialogContainer .formSection .rsc-row {
    white-space: nowrap; }
    .contentPanel .settingsPane .formSection .rsc-row.allowWrap, .panel .formSection .rsc-row.allowWrap, .dialogContainer .formSection .rsc-row.allowWrap {
      white-space: normal;
      line-height: 18px;
      padding-bottom: 6px;
      word-break: break-word; }
    .contentPanel .settingsPane .formSection .rsc-row.header, .panel .formSection .rsc-row.header, .dialogContainer .formSection .rsc-row.header {
      margin-left: 0;
      margin-top: 10px; }
    .contentPanel .settingsPane .formSection .rsc-row.inset, .panel .formSection .rsc-row.inset, .dialogContainer .formSection .rsc-row.inset {
      margin-left: 20px; }
    .contentPanel .settingsPane .formSection .rsc-row.header .rsc-label, .panel .formSection .rsc-row.header .rsc-label, .dialogContainer .formSection .rsc-row.header .rsc-label {
      text-align: left;
      color: inherit; }
    .contentPanel .settingsPane .formSection .rsc-row.rangeValues, .panel .formSection .rsc-row.rangeValues, .dialogContainer .formSection .rsc-row.rangeValues {
      display: flex;
      justify-content: space-between;
      display: -ms-flexbox;
      -ms-flex-pack: justify;
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-justify-content: space-between; }
    .contentPanel .settingsPane .formSection .rsc-row.rangeContainer, .panel .formSection .rsc-row.rangeContainer, .dialogContainer .formSection .rsc-row.rangeContainer {
      line-height: normal; }
    .contentPanel .settingsPane .formSection .rsc-row.rangeValues, .panel .formSection .rsc-row.rangeValues, .dialogContainer .formSection .rsc-row.rangeValues {
      line-height: 12px;
      font-size: 11px;
      color: #808080; }
      .contentPanel .settingsPane .formSection .rsc-row.rangeValues .min, .panel .formSection .rsc-row.rangeValues .min, .dialogContainer .formSection .rsc-row.rangeValues .min {
        padding-left: 5px; }
      .contentPanel .settingsPane .formSection .rsc-row.rangeValues .max, .panel .formSection .rsc-row.rangeValues .max, .dialogContainer .formSection .rsc-row.rangeValues .max {
        padding-right: 5px; }
    .contentPanel .settingsPane .formSection .rsc-row.right, .panel .formSection .rsc-row.right, .dialogContainer .formSection .rsc-row.right {
      text-align: right; }
    .contentPanel .settingsPane .formSection .rsc-row.hasWarning .textInputWarning, .panel .formSection .rsc-row.hasWarning .textInputWarning, .dialogContainer .formSection .rsc-row.hasWarning .textInputWarning {
      margin-top: 4px;
      font-size: 12px;
      line-height: 15px;
      font-weight: 400;
      white-space: normal;
      display: block;
      color: #bb7a05; }
    .contentPanel .settingsPane .formSection .rsc-row.hasWarning input, .contentPanel .settingsPane .formSection .rsc-row.hasWarning input[type=text], .contentPanel .settingsPane .formSection .rsc-row.hasWarning input[type=password], .panel .formSection .rsc-row.hasWarning input, .panel .formSection .rsc-row.hasWarning input[type=text], .panel .formSection .rsc-row.hasWarning input[type=password], .dialogContainer .formSection .rsc-row.hasWarning input, .dialogContainer .formSection .rsc-row.hasWarning input[type=text], .dialogContainer .formSection .rsc-row.hasWarning input[type=password] {
      border-color: #bb7a05; }
    .contentPanel .settingsPane .formSection .rsc-row.hasError .textInputError, .panel .formSection .rsc-row.hasError .textInputError, .dialogContainer .formSection .rsc-row.hasError .textInputError {
      margin-top: 4px;
      font-size: 12px;
      line-height: 15px;
      font-weight: 400;
      white-space: normal;
      display: block;
      color: #ff0000; }
    .contentPanel .settingsPane .formSection .rsc-row.hasError input, .contentPanel .settingsPane .formSection .rsc-row.hasError input[type=text], .contentPanel .settingsPane .formSection .rsc-row.hasError input[type=password], .panel .formSection .rsc-row.hasError input, .panel .formSection .rsc-row.hasError input[type=text], .panel .formSection .rsc-row.hasError input[type=password], .dialogContainer .formSection .rsc-row.hasError input, .dialogContainer .formSection .rsc-row.hasError input[type=text], .dialogContainer .formSection .rsc-row.hasError input[type=password] {
      border-color: #ff0000; }
    .contentPanel .settingsPane .formSection .rsc-row.hasInfo .textInputInfo, .panel .formSection .rsc-row.hasInfo .textInputInfo, .dialogContainer .formSection .rsc-row.hasInfo .textInputInfo {
      margin-top: 4px;
      font-size: 12px;
      line-height: 15px;
      font-weight: 400;
      white-space: normal;
      display: block;
      color: #808080; }
    .contentPanel .settingsPane .formSection .rsc-row .error, .panel .formSection .rsc-row .error, .dialogContainer .formSection .rsc-row .error {
      display: none;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      white-space: normal;
      color: #ff0000; }
    .contentPanel .settingsPane .formSection .rsc-row.hasError .error, .panel .formSection .rsc-row.hasError .error, .dialogContainer .formSection .rsc-row.hasError .error {
      display: block; }
    .contentPanel .settingsPane .formSection .rsc-row input[type=text], .contentPanel .settingsPane .formSection .rsc-row input[type=number], .contentPanel .settingsPane .formSection .rsc-row input[type=password], .contentPanel .settingsPane .formSection .rsc-row input[type=file], .panel .formSection .rsc-row input[type=text], .panel .formSection .rsc-row input[type=number], .panel .formSection .rsc-row input[type=password], .panel .formSection .rsc-row input[type=file], .dialogContainer .formSection .rsc-row input[type=text], .dialogContainer .formSection .rsc-row input[type=number], .dialogContainer .formSection .rsc-row input[type=password], .dialogContainer .formSection .rsc-row input[type=file] {
      font-size: 13px;
      margin: 5px 0; }
      .contentPanel .settingsPane .formSection .rsc-row input[type=text].smallText, .contentPanel .settingsPane .formSection .rsc-row input[type=number].smallText, .contentPanel .settingsPane .formSection .rsc-row input[type=password].smallText, .contentPanel .settingsPane .formSection .rsc-row input[type=file].smallText, .panel .formSection .rsc-row input[type=text].smallText, .panel .formSection .rsc-row input[type=number].smallText, .panel .formSection .rsc-row input[type=password].smallText, .panel .formSection .rsc-row input[type=file].smallText, .dialogContainer .formSection .rsc-row input[type=text].smallText, .dialogContainer .formSection .rsc-row input[type=number].smallText, .dialogContainer .formSection .rsc-row input[type=password].smallText, .dialogContainer .formSection .rsc-row input[type=file].smallText {
        font-size: 10px; }
    .contentPanel .settingsPane .formSection .rsc-row input[type=text], .contentPanel .settingsPane .formSection .rsc-row input[type=password], .contentPanel .settingsPane .formSection .rsc-row input[type=number], .panel .formSection .rsc-row input[type=text], .panel .formSection .rsc-row input[type=password], .panel .formSection .rsc-row input[type=number], .dialogContainer .formSection .rsc-row input[type=text], .dialogContainer .formSection .rsc-row input[type=password], .dialogContainer .formSection .rsc-row input[type=number] {
      width: 100%; }
    .contentPanel .settingsPane .formSection .rsc-row input[type=range], .panel .formSection .rsc-row input[type=range], .dialogContainer .formSection .rsc-row input[type=range] {
      width: 99%; }
    .contentPanel .settingsPane .formSection .rsc-row .prefixedInputContainer, .panel .formSection .rsc-row .prefixedInputContainer, .dialogContainer .formSection .rsc-row .prefixedInputContainer {
      position: relative; }
      .contentPanel .settingsPane .formSection .rsc-row .prefixedInputContainer span, .panel .formSection .rsc-row .prefixedInputContainer span, .dialogContainer .formSection .rsc-row .prefixedInputContainer span {
        position: absolute;
        top: 5px;
        padding-left: 10px;
        color: #a1a0a0;
        display: inline-block;
        max-width: 50%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 12px; }
      .contentPanel .settingsPane .formSection .rsc-row .prefixedInputContainer input, .panel .formSection .rsc-row .prefixedInputContainer input, .dialogContainer .formSection .rsc-row .prefixedInputContainer input {
        background-color: transparent;
        position: relative; }
  .contentPanel .settingsPane .formSection .actions.alignRight, .panel .formSection .actions.alignRight, .dialogContainer .formSection .actions.alignRight {
    text-align: right; }
  .contentPanel .settingsPane .formSection .actions.extraSpacingAbove, .panel .formSection .actions.extraSpacingAbove, .dialogContainer .formSection .actions.extraSpacingAbove {
    margin-top: 5px; }
  .contentPanel .settingsPane .formSection .actions button, .contentPanel .settingsPane .formSection .actions a.button, .panel .formSection .actions button, .panel .formSection .actions a.button, .dialogContainer .formSection .actions button, .dialogContainer .formSection .actions a.button {
    min-width: 100px;
    margin-right: 10px;
    background-color: #4c83b6;
    color: #fff; }
    .contentPanel .settingsPane .formSection .actions button:last-child, .contentPanel .settingsPane .formSection .actions a.button:last-child, .panel .formSection .actions button:last-child, .panel .formSection .actions a.button:last-child, .dialogContainer .formSection .actions button:last-child, .dialogContainer .formSection .actions a.button:last-child {
      margin-right: 0px; }
  .contentPanel .settingsPane .formSection .actions.small button, .contentPanel .settingsPane .formSection .actions.small a.button, .panel .formSection .actions.small button, .panel .formSection .actions.small a.button, .dialogContainer .formSection .actions.small button, .dialogContainer .formSection .actions.small a.button {
    font-size: 12px;
    padding: 5px 10px;
    min-width: 0px; }
  .contentPanel .settingsPane .formSection .details, .panel .formSection .details, .dialogContainer .formSection .details {
    line-height: 22px;
    font-size: 13px; }
    .contentPanel .settingsPane .formSection .details.marginTop, .panel .formSection .details.marginTop, .dialogContainer .formSection .details.marginTop {
      margin-top: 10px; }
    .contentPanel .settingsPane .formSection .details.standardFontSize, .panel .formSection .details.standardFontSize, .dialogContainer .formSection .details.standardFontSize {
      font-size: inherit; }
  .contentPanel .settingsPane .formSection.withFileInput, .panel .formSection.withFileInput, .dialogContainer .formSection.withFileInput {
    /* we use z-index trickery to control the appearance of file input - parent needs this */
    position: relative;
    z-index: 0; }

.contentPanel .settingsPane .subPanel, .panel .subPanel, .dialogContainer .subPanel {
  margin-top: 5px;
  padding: 10px;
  background-color: #f9f8f8; }

.infoToggle {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  background-repeat: no-repeat;
  background-size: 25px 50px;
  background-position: center 0px;
  background-image: url(images/actionToggleInfo.svg); }
  .infoToggle:hover {
    background-color: #f1f0f0; }
  .infoToggle.selected {
    background-position: center -25px; }

.fileInputContainer {
  position: relative;
  z-index: 0; }
  .fileInputContainer input {
    cursor: pointer; }
  .fileInputContainer.imageFile input[type=file] {
    margin: 0;
    padding: 0;
    border: 0; }

/* content */
h1, h2, h3, h4, h5, h6 {
  color: inherit;
  font-weight: 300; }

h1 {
  font-size: 2.4em;
  margin: .75em 0 .5em 0; }

h2 {
  font-size: 2.0em;
  margin: 2em 0 .5em 0; }

h3 {
  font-size: 1.6em;
  margin: .75em 0 .5em 0; }

h4 {
  font-size: 1.2em;
  margin: .75em 0 .5em 0; }

p {
  line-height: 1.6em;
  margin-bottom: 1em; }

ul, ol {
  line-height: 1.6em;
  padding-left: 2em;
  margin-bottom: 1em; }
  ul li, ol li {
    margin-bottom: 1em; }

ul {
  list-style: disc outside none; }

ol {
  list-style: decimal outside none; }
  ol.groovyBaby {
    list-style: none;
    counter-reset: list-counter; }
    ol.groovyBaby li {
      counter-increment: list-counter; }
      ol.groovyBaby li:before {
        content: counter(list-counter);
        width: 16px;
        height: 16px;
        text-align: center;
        margin-right: 10px;
        color: #fff;
        background-color: #818080;
        display: inline-block;
        border-radius: 8px;
        font-size: 9px;
        line-height: 16px;
        vertical-align: text-bottom; }

pre, code {
  font-family: "Source Code Pro", monospace;
  background-color: #f9f8f8; }
  pre.noBackground, code.noBackground {
    background-color: transparent; }

pre {
  padding: 10px;
  line-height: 2em;
  margin-bottom: 1em;
  word-wrap: normal;
  word-break: normal;
  border-radius: 3px;
  border: 1px solid #e5e4e4;
  overflow-x: auto; }
  pre.letWrap {
    white-space: pre-wrap;
    word-break: break-word; }
  pre.tight {
    line-height: 1.50em; }
  pre code {
    display: inline;
    padding: 0;
    margin: 0;
    background-color: inherit;
    border-radius: 0;
    border: none; }

code {
  color: #606060;
  display: inline-block;
  margin: 1px 3px;
  padding: 1px 2px;
  background-color: #f9f8f8;
  border-radius: 3px; }

blockquote {
  font-size: 1.1em;
  font-weight: 300;
  font-style: italic;
  margin: 20px 0 20px .9em;
  padding-left: 1em;
  border-left: 3px solid #e5e4e4; }

@media screen and (max-width: 1023px) {
  blockquote {
    margin-left: 20px; } }

.listItem {
  display: flex;
  justify-content: flex-start;
  display: -ms-flexbox;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  margin-bottom: 30px;
  position: relative; }
  .listItem .unpub {
    font-style: italic; }
  .listItem .itemImage {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    margin: 0 15px 15px 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
    .listItem .itemImage.missing {
      height: auto;
      max-height: 150px;
      border: 1px dotted #e1e0e0; }
  .listItem .listingImageWrapper {
    display: block;
    flex-shrink: 0;
    width: 150px;
    margin: 0 15px 15px 0;
    height: fit-content; }
    .listItem .listingImageWrapper img {
      width: 150px; }
      .listItem .listingImageWrapper img:after {
        content: " ";
        display: block;
        background-color: #f9f8f8;
        width: 150px;
        height: 150px; }
  .listItem .itemDetails {
    width: 100%;
    font-size: 13px;
    line-height: 20px; }
    .listItem .itemDetails .itemHeader {
      display: flex;
      justify-content: space-between;
      display: -ms-flexbox;
      -ms-flex-pack: justify;
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-justify-content: space-between;
      align-items: flex-start;
      line-height: 30px;
      margin-bottom: 3px; }
      .listItem .itemDetails .itemHeader .itemTitle {
        font-size: 20px;
        display: block; }
      .listItem .itemDetails .itemHeader .itemActions {
        flex-shrink: 0;
        height: 30px; }
    .listItem .itemDetails .itemMeta .itemDescription {
      margin-bottom: 5px;
      white-space: pre-line; }
    .listItem .itemDetails .itemMeta .itemDate, .listItem .itemDetails .itemMeta .itemInfo {
      font-size: 12px;
      color: #818080; }
      .listItem .itemDetails .itemMeta .itemDate .created, .listItem .itemDetails .itemMeta .itemDate .updated, .listItem .itemDetails .itemMeta .itemDate .chunk, .listItem .itemDetails .itemMeta .itemInfo .created, .listItem .itemDetails .itemMeta .itemInfo .updated, .listItem .itemDetails .itemMeta .itemInfo .chunk {
        display: inline-block; }
      .listItem .itemDetails .itemMeta .itemDate .created, .listItem .itemDetails .itemMeta .itemDate .chunk, .listItem .itemDetails .itemMeta .itemInfo .created, .listItem .itemDetails .itemMeta .itemInfo .chunk {
        padding-right: 20px; }
      .listItem .itemDetails .itemMeta .itemDate .label, .listItem .itemDetails .itemMeta .itemInfo .label {
        text-transform: uppercase;
        font-size: 11px;
        color: #818080; }
    .listItem .itemDetails .itemMeta .itemInfo .forkedFrom, .listItem .itemDetails .itemMeta .itemInfo .forks, .listItem .itemDetails .itemMeta .itemInfo .sourcedFrom {
      display: inline-block; }
      .listItem .itemDetails .itemMeta .itemInfo .forkedFrom.emphasize, .listItem .itemDetails .itemMeta .itemInfo .forks.emphasize, .listItem .itemDetails .itemMeta .itemInfo .sourcedFrom.emphasize {
        font-weight: bold; }
    .listItem .itemDetails .itemMeta .itemInfo .updated, .listItem .itemDetails .itemMeta .itemInfo .forkedFrom, .listItem .itemDetails .itemMeta .itemInfo .forks {
      margin-right: 20px; }
  .listItem.disabled::after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5; }

.smallerImages .listItem .itemImage {
  width: 75px;
  height: 75px; }

.tinyImages .listItem {
  margin-bottom: 15px; }
  .tinyImages .listItem .itemImage {
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0; }

.emptyListMessage {
  font-style: italic;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #595858;
  padding: 20px;
  background-color: #f9f8f8; }

.tableContainer {
  overflow-x: auto; }

table.contentListing {
  width: 100%;
  box-sizing: border-box;
  font-size: 13px; }
  table.contentListing thead tr {
    font-size: 12px;
    color: #444;
    background-color: #f9f8f8;
    border: 1px solid #f1f0f0; }
  table.contentListing tbody tr {
    border-bottom: 1px solid #f1f0f0; }
  table.contentListing th, table.contentListing td {
    padding: 18px 30px 18px 6px;
    white-space: nowrap;
    line-height: 13px;
    box-sizing: content-box; }
    table.contentListing th.tightRight, table.contentListing td.tightRight {
      padding-right: 5px; }
    table.contentListing th.showLinkDecorationOnHover a:hover, table.contentListing td.showLinkDecorationOnHover a:hover {
      text-decoration: underline; }
  table.contentListing .unpub {
    font-style: italic; }
  table.contentListing.allTightRight th, table.contentListing.allTightRight td {
    padding-right: 6px; }
  table.contentListing tbody tr.detailsRow td {
    padding: 5px 15px;
    background-color: #f2f2f2;
    line-height: 18px;
    white-space: pre-wrap; }
  table.contentListing tbody tr.detailsRow .detailsSpinnerContainer {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 5px;
    vertical-align: middle; }
  table.contentListing tbody tr.commentRow {
    background-color: #f8f1b6; }
    table.contentListing tbody tr.commentRow td {
      word-wrap: break-word;
      white-space: normal;
      padding-left: 60px;
      padding-top: 7px;
      padding-bottom: 7px; }
  table.contentListing td.withIcon {
    padding-left: 40px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 4px center; }
  table.contentListing td.icon {
    width: 30px;
    padding-right: 6px;
    min-width: 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center center; }
  table.contentListing td.icon.userIcon {
    padding: 0 6px 0 0; }
  table.contentListing td.action1, table.contentListing th.action1 {
    width: 30px;
    padding-right: 8px;
    text-align: right; }
  table.contentListing th {
    text-align: left;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: right 5px center; }
  table.contentListing.clickableRows a {
    color: inherit;
    text-decoration: none; }
  table.contentListing.clickableRows a.standardLink {
    color: #4c83b6;
    text-decoration: none;
    cursor: pointer; }
    table.contentListing.clickableRows a.standardLink:hover {
      color: #42709b;
      text-decoration: underline; }
  table.contentListing.clickableRows tbody tr {
    cursor: pointer;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; }
    table.contentListing.clickableRows tbody tr:hover {
      color: #4c83b6;
      background-color: #f9f8f8; }
    table.contentListing.clickableRows tbody tr.current {
      background-color: #fdf2c2; }
  table.contentListing.clickableRows.withLinks a {
    display: block;
    padding: 18px 30px 18px 6px; }
  table.contentListing.clickableRows.withLinks td {
    padding: 0; }
  table.contentListing.sortableColumns th {
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    cursor: pointer; }
    table.contentListing.sortableColumns th:hover {
      background-color: #f2f2f2; }
    table.contentListing.sortableColumns th.sort.ascending {
      background-image: url(images/sortAscending.svg); }
    table.contentListing.sortableColumns th.sort.descending {
      background-image: url(images/sortDescending.svg); }
    table.contentListing.sortableColumns th.unsortable {
      cursor: inherit; }
      table.contentListing.sortableColumns th.unsortable:hover {
        background-color: inherit; }
  table.contentListing td.clickableCell {
    padding: 0; }
    table.contentListing td.clickableCell a {
      padding: 18px 30px 18px 6px;
      display: block;
      padding-top: 18px;
      padding-bottom: 18px;
      padding-right: 30px;
      width: 100%; }
    table.contentListing td.clickableCell:hover {
      background-color: #f9f8f8; }
    table.contentListing td.clickableCell.withIcon a {
      padding-left: 40px; }

.noListingMessage {
  border-top: 1px #f9f8f8 solid;
  padding-top: 40px;
  text-align: center; }

.standardDescription {
  line-height: 1.5em; }

.moreItems {
  line-height: 30px;
  padding: 5px 0;
  text-align: center;
  border-radius: 5px; }
  .moreItems.moreToGet {
    background-color: #4c83b6;
    color: #fff;
    cursor: pointer; }
  .moreItems.gettingMore {
    background-color: #f9f8f8; }
  .moreItems .moreItemsSpinnerContainer {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0;
    vertical-align: top; }

@media screen and (max-width: 500px) {
  .listItem {
    display: block;
    clear: both; }
    .listItem .itemImage {
      display: none; }
    .listItem:after {
      content: ".";
      visibility: hidden;
      display: block;
      height: 0;
      clear: both; } }

table.propertiesTable {
  width: 100%;
  margin-bottom: 20px;
  font-size: 15px; }
  table.propertiesTable caption, table.propertiesTable td.tableTitle, table.propertiesTable th, table.propertiesTable td.sectionLabel {
    text-align: left; }
  table.propertiesTable caption, table.propertiesTable td.sectionLabel {
    font-size: 12px;
    background-color: #f9f8f8;
    padding-left: 10px;
    color: #444; }
  table.propertiesTable tr, table.propertiesTable caption {
    border-bottom: 1px solid #e1e0e0; }
    table.propertiesTable tr.borderTop, table.propertiesTable caption.borderTop {
      border-top: 1px solid #e1e0e0; }
  table.propertiesTable td, table.propertiesTable th, table.propertiesTable caption {
    padding-top: 12px;
    padding-bottom: 12px; }
  table.propertiesTable th {
    padding-right: 20px;
    padding-left: 20px;
    white-space: nowrap; }
  table.propertiesTable td {
    color: #000;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px; }
    table.propertiesTable td.allowWrap {
      white-space: normal; }
  table.propertiesTable td.detail {
    color: #a1a0a0;
    white-space: nowrap;
    text-align: right; }
    table.propertiesTable td.detail.overridden {
      text-decoration: line-through; }
  table.propertiesTable td.sectionLabel {
    font-weight: inherit; }
  table.propertiesTable td.planHeader {
    width: 25%;
    padding: 0 1px; }
    table.propertiesTable td.planHeader .planContents {
      padding: 12px; }
      table.propertiesTable td.planHeader .planContents .planTitle {
        font-size: 20px;
        color: #4c83b6;
        margin-bottom: 10px; }
      table.propertiesTable td.planHeader .planContents .planPrice {
        margin-bottom: 10px;
        font-size: 15px; }
  table.propertiesTable .messageContainer {
    font-size: 14px; }

table.propertiesTable .loginMethod {
  display: inline-block;
  padding-left: 31px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 0 2px;
  height: 30px;
  line-height: 30px; }
  table.propertiesTable .loginMethod.google {
    background-image: url(images/googleLogo.png); }
  table.propertiesTable .loginMethod.github {
    background-image: url(images/gitHubLogoDark.svg); }
  table.propertiesTable .loginMethod.rstudio {
    background-image: url(images/logoRStudioIcon.svg); }

.actionBar {
  position: relative;
  display: inline-block;
  line-height: 30px;
  margin-right: 15px;
  vertical-align: top;
  text-align: right;
  white-space: nowrap; }
  .actionBar.collapseWhiteSpace {
    display: flex;
    justify-content: flex-start;
    display: -ms-flexbox;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: flex-start; }
  .actionBar.inline {
    margin-right: 0;
    line-height: inherit;
    vertical-align: inherit; }
  .actionBar.alignWithRegularButtons {
    margin-top: 4px;
    margin-left: -10px; }
  .actionBar.alignWithOptions {
    margin-left: -10px;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap; }
  .actionBar.tight .action {
    margin-left: 2px; }
  .actionBar .action {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-left: 10px;
    padding: 0px;
    background-color: transparent;
    border-radius: 0px;
    min-width: 0px;
    vertical-align: middle;
    text-align: left;
    background-size: 30px 30px;
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer; }
    .actionBar .action.toggle {
      background-size: 30px 60px;
      background-position: left top; }
    .actionBar .action.toggled {
      background-position: left -30px; }
    .actionBar .action.first {
      margin-left: 0px; }
    .actionBar .action .actionTitle {
      display: none; }
    .actionBar .action.alwaysShowTitle {
      width: auto;
      padding-left: 30px;
      line-height: 30px;
      text-indent: 0; }
      .actionBar .action.alwaysShowTitle .actionTitle {
        display: inline-block; }
      .actionBar .action.alwaysShowTitle.imageRight {
        padding-left: 0;
        padding-right: 30px;
        background-position: right center; }
        .actionBar .action.alwaysShowTitle.imageRight .actionTitle {
          padding-right: 0px;
          padding-left: 5px; }
    .actionBar .action:hover {
      background-color: rgba(1, 0, 0, 0.03); }
    .actionBar .action:disabled, .actionBar .action.disabled {
      opacity: .6;
      cursor: default; }
      .actionBar .action:disabled:hover, .actionBar .action.disabled:hover {
        background-color: transparent; }
    .actionBar .action.radio {
      margin-left: 0px; }
    .actionBar .action.current {
      background-color: #f1f0f0; }
    .actionBar .action.noCurrent.current {
      background-color: inherit; }
    .actionBar .action.menuInstant {
      background-color: #4c83b6;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .actionBar .action.emphasize {
      /* obsolete once Cloud switches to new project menu */
      background-color: #4c83b6;
      border-radius: 4px; }
    .actionBar .action.menuDropDown {
      background-color: #4c83b6;
      margin-left: 0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid #cbdae9; }
      .actionBar .action.menuDropDown.withActionTitle {
        border-radius: 4px;
        border-left-width: 0; }
        .actionBar .action.menuDropDown.withActionTitle .actionTitle {
          color: #fff;
          padding-left: 13px !important; }
      .actionBar .action.menuDropDown.current {
        background-color: #406586; }

.popupButtonAndMenuContainer {
  display: inline-block;
  position: relative; }
  .popupButtonAndMenuContainer.withMenuToggler {
    background-image: url(images/actionPopup.svg);
    background-size: 30px 30px;
    background-position: right center;
    background-repeat: no-repeat; }

.popupMenu, .actionBar.popupMenu, .actionBar.showTitles .popupMenu {
  display: none;
  z-index: 1000;
  line-height: 40px;
  background-color: #fff;
  text-align: left;
  font-size: 13px;
  max-height: 80vh;
  max-width: 95vw;
  overflow: auto;
  -moz-box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.15); }
  .popupMenu.open, .actionBar.popupMenu.open, .actionBar.showTitles .popupMenu.open {
    display: block;
    position: absolute;
    right: 0px; }
  .popupMenu.lessMaxHeight, .actionBar.popupMenu.lessMaxHeight, .actionBar.showTitles .popupMenu.lessMaxHeight {
    max-height: 60vh; }
  .popupMenu.alignLeft.open, .actionBar.popupMenu.alignLeft.open, .actionBar.showTitles .popupMenu.alignLeft.open {
    right: auto;
    left: 0px; }
  .popupMenu .action, .actionBar.popupMenu .action, .actionBar.showTitles .popupMenu .action {
    display: block;
    margin-left: 0;
    background-size: 30px 30px;
    height: 40px;
    padding: 0px 15px 0px 40px;
    background-position: 5px center;
    width: 100%; }
    .popupMenu .action .actionTitle, .actionBar.popupMenu .action .actionTitle, .actionBar.showTitles .popupMenu .action .actionTitle {
      display: inline-block;
      white-space: nowrap; }
  .popupMenu .separator, .actionBar.popupMenu .separator, .actionBar.showTitles .popupMenu .separator {
    line-height: 1px;
    height: 1px;
    margin: 4px 0 5px 0;
    border-bottom: 1px dotted #d8d8d8; }

.inlineTextAction {
  font-weight: bold;
  cursor: pointer; }

.actions {
  line-height: 30px; }

.panelActionBar {
  display: flex;
  justify-content: space-between;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  margin-right: 0px; }
  .panelActionBar .action {
    display: block;
    background-size: 30px 30px;
    padding: 0 5px 0 30px;
    background-position: 0px center;
    width: auto;
    margin-left: 0px; }
    .panelActionBar .action .actionTitle {
      display: inline-block;
      white-space: nowrap; }

.sampleAction {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: bottom; }

@media screen and (min-width: 767px) {
  .actionBar.showTitles .action {
    width: auto;
    padding-left: 30px;
    line-height: 30px;
    text-indent: 0; }
    .actionBar.showTitles .action.emphasize {
      /* obsolete once Cloud switches to new project menu */
      padding-left: 32px;
      padding-right: 8px;
      border-radius: 4px; }
      .actionBar.showTitles .action.emphasize .actionTitle {
        color: #fff; }
    .actionBar.showTitles .action.menuInstant {
      padding-left: 20px;
      padding-right: 16px;
      background-image: none; }
      .actionBar.showTitles .action.menuInstant .actionTitle {
        color: #fff; }
    .actionBar.showTitles .action .actionTitle {
      vertical-align: top;
      display: inline-block;
      padding-right: 5px;
      white-space: nowrap;
      font-size: 13px;
      color: #303030; }
    .actionBar.showTitles .action.noTitle .actionTitle {
      display: none; }
    .actionBar.showTitles .action.imageRight {
      padding-left: 0;
      padding-right: 30px;
      background-position: right center; }
      .actionBar.showTitles .action.imageRight .actionTitle {
        padding-right: 0px;
        padding-left: 5px; } }

.actionBar .action.newToken {
  background-image: url(images/actionNew.svg); }

.actionBar .action.delete {
  background-image: url(images/actionDelete.svg); }

.actionBar .action.copy {
  background-image: url(images/actionCopy.svg); }

.actionBar .action.edit {
  background-image: url(images/actionEdit.svg); }

.actionBar .action.email {
  background-image: url(images/actionEmail.svg); }

.actionBar .action.resend {
  background-image: url(images/actionResend.svg); }

.actionBar .action.toggleInfo {
  background-image: url(images/actionToggleInfo.svg);
  border-radius: 15px;
  background-position: left 0px;
  background-size: 30px 60px; }
  .actionBar .action.toggleInfo.current {
    background-position: left -30px;
    background-color: transparent; }

.actionBar.afterInput {
  position: absolute;
  left: 100%;
  top: 3px; }

.invitationWelcome {
  font-size: 13px;
  color: #303030; }
  .invitationWelcome p {
    margin: 2.4em 0;
    line-height: 1.7em; }
  .invitationWelcome a {
    font-weight: bold; }
  .invitationWelcome .welcomeImage {
    width: 420px;
    height: 440px;
    background-repeat: no-repeat;
    background-size: 420px auto;
    background-position: left top;
    background-image: url(images/cloudyrHome1.svg); }

@media screen and (max-width: 1023px) {
  .invitationWelcome {
    text-align: center; }
  .welcomeImage {
    display: none; } }

div.auth-body {
  padding-top: 100px; }
  div.auth-body div.container {
    max-width: 400px;
    margin: 0 auto 50px auto;
    background-color: #f9f8f8;
    padding: 50px; }
    div.auth-body div.container input, div.auth-body div.container button {
      margin-bottom: 20px; }

.centeredMessage {
  text-align: center;
  font-size: 1.75em;
  font-weight: 200;
  color: #303030;
  margin-top: 100px; }

div.divider {
  margin: 20px 0 20px 0; }
  div.divider.text-center {
    text-align: center; }

div.auth-or {
  text-align: center;
  padding-top: 20px; }

.error {
  color: #ff0000; }

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

div.terms-info {
  text-align: center;
  margin-top: 30px;
  font-size: 10px;
  color: #818080; }

.additional-info {
  line-height: 20px;
  margin-bottom: 10px; }

div.form-note {
  font-size: 12px;
  line-height: 16px;
  color: #818080;
  margin: 5px 0 0 5px; }

@media screen and (max-width: 360px) {
  div.auth-body {
    padding-top: 50px; }
    div.auth-body div.container.form-wrapper {
      padding: 20px; } }

@media screen and (min-width: 1024px) {
  div.auth-body div.splitPageFormContainer.column50 {
    /* for invitation page - want the signup/login form to right align */
    margin: 0 0 50px 0; } }

div.auth-body div.fullPageFormContainer {
  margin: 0 auto 50px auto;
  background-color: #f9f8f8;
  padding: 50px; }
  div.auth-body div.fullPageFormContainer form {
    padding: 0px; }

div.auth-body div.splitPageFormContainer {
  background-color: #f9f8f8;
  max-width: 400px;
  padding: 25px 50px 50px 50px;
  margin: 0 auto 50px auto; }
  div.auth-body div.splitPageFormContainer form {
    padding: 0; }
    div.auth-body div.splitPageFormContainer form .actions {
      margin-top: 30px; }
      div.auth-body div.splitPageFormContainer form .actions button {
        width: 100%; }

.messageContainer {
  position: relative;
  padding-top: 12px; }
  .messageContainer .message {
    padding: 18px 15px 5px 15px;
    background-color: #f9f8f8;
    color: #303030;
    border-radius: 0 5px 5px 5px; }
    .messageContainer .message.darker {
      background-color: #f1f0f0; }
  .messageContainer.mark:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: left top; }
  .messageContainer.mark.urgent:after {
    background-image: url(images/messageUrgent.svg); }
  .messageContainer.mark.important:after {
    background-image: url(images/messageImportant.svg); }
  .messageContainer.mark.info:after {
    background-image: url(images/messageInfo.svg); }
  .messageContainer.mark.good:after {
    background-image: url(images/messageGood.svg); }

.appPicker {
  display: block;
  padding: 20px 20px 20px 50px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 10px center; }
  .appPicker.cloud {
    background-image: url(images/appIconCloud.svg); }
  .appPicker.shiny {
    background-image: url(images/appIconShiny.svg); }
  .appPicker.identity {
    background-image: url(images/appIconUserSettings.svg); }
  .appPicker:hover {
    background-color: #fff; }

#rStudioHeader .innards {
  padding: 0; }

#rStudioHeader .productLogo {
  font-size: 0; }