/* Styles for error and various helper pages like login etc. */
/* Taken from neptune variables/_base.scss */
/* Default button style for all buttons (toolbar and others) */
/* line 3, ../sass/buttons.scss */
.x-btn-default-toolbar-small, .x-btn-default-small {
  border-color: #b3b3b3;
  padding: 4px 8px;
  background-image: -moz-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
  background-image: -webkit-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
  -webkit-user-select: none;
}
/* line 13, ../sass/buttons.scss */
.x-btn-default-toolbar-small .x-btn-inner, .x-btn-default-small .x-btn-inner {
  color: #4d4d4d;
  font-size: 11px;
  text-shadow: none;
  -webkit-user-select: none;
}
/* line 20, ../sass/buttons.scss */
.x-btn-default-toolbar-small .x-btn-arrow, .x-btn-default-toolbar-small .x-btn-split, .x-btn-default-small .x-btn-arrow, .x-btn-default-small .x-btn-split {
  background-image: url("/resources/images/icons/arrows.png?v=27") !important;
  background-position: right -48px;
  -webkit-user-select: none;
}

/* line 27, ../sass/buttons.scss */
.x-btn-default-toolbar-small-over, .x-btn-default-small-over {
  border-color: gray;
  background-image: -moz-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
  background-image: -webkit-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
}
/* line 33, ../sass/buttons.scss */
.x-btn-default-toolbar-small-over .x-btn-inner, .x-btn-default-small-over .x-btn-inner {
  color: #333333;
}

/* line 39, ../sass/buttons.scss */
.x-btn-focus {
  border-color: gray;
}

/* line 43, ../sass/buttons.scss */
.x-btn-default-toolbar-small-pressed, .x-btn-default-toolbar-small-menu-active,
.x-btn-default-small-pressed, .x-btn-default-small-menu-active {
  border-color: #cccccc;
  background-image: none;
  background-color: #e6e6e6;
}
/* line 51, ../sass/buttons.scss */
.x-btn-default-toolbar-small-pressed .x-btn-inner, .x-btn-default-toolbar-small-menu-active .x-btn-inner,
.x-btn-default-small-pressed .x-btn-inner, .x-btn-default-small-menu-active .x-btn-inner {
  text-shadow: none;
}

/* line 57, ../sass/buttons.scss */
.x-btn-default-small-disabled, .x-btn-default-toolbar-small-disabled {
  border-color: #cccccc;
}
/* line 61, ../sass/buttons.scss */
.x-btn-default-small-disabled .x-btn-inner, .x-btn-default-toolbar-small-disabled .x-btn-inner {
  color: gray !important;
}

/* line 67, ../sass/buttons.scss */
.x-btn-split .x-btn-inner {
  border-right: 1px solid #b3b3b3;
  padding-right: 8px;
}

/* line 73, ../sass/buttons.scss */
.pp-call-to-action {
  padding: 4px 8px;
  background-image: -moz-linear-gradient(top, #7AA7F7, #4d90fe 40%, #4787ed);
  background-image: -webkit-linear-gradient(top, #7AA7F7, #4d90fe 40%, #4787ed);
  border-width: 1px;
  border-style: solid;
  border-color: #4d90fe;
}
/* line 81, ../sass/buttons.scss */
.pp-call-to-action .x-btn-inner {
  color: #FFF;
  font-size: 11px;
  text-shadow: none;
}

/* line 88, ../sass/buttons.scss */
.x-btn-over.pp-call-to-action {
  background-image: -moz-linear-gradient(top, #76A5F8, #4088FD 40%, #377DEC);
  background-image: -webkit-linear-gradient(top, #76A5F8, #4088FD 40%, #377DEC);
  border-color: #4088FD;
}

/* line 94, ../sass/buttons.scss */
.x-btn-pressed.pp-call-to-action {
  background-image: none;
  background-color: #377DEC;
  border-color: #4088FD;
}

/* line 100, ../sass/buttons.scss */
.x-btn-disabled.pp-call-to-action {
  background-image: none;
  background-color: #76A5F8;
}
/* line 104, ../sass/buttons.scss */
.x-btn-disabled.pp-call-to-action .x-btn-inner {
  color: #FFF !important;
}

/* Buttons in top toolbar */
/* line 115, ../sass/buttons.scss */
.pp-top-toolbar-button {
  background-image: -moz-linear-gradient(to bottom, #4d4d4d, #0d0d0d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(99%, #0d0d0d), color-stop(100%, black)) !important;
  height: 35px;
  line-height: 35px;
  border-style: none;
}
/* line 123, ../sass/buttons.scss */
.pp-top-toolbar-button .x-btn-inner {
  text-shadow: none !important;
  color: #cccccc;
}
/* line 129, ../sass/buttons.scss */
.pp-top-toolbar-button .x-btn-center {
  padding-left: 10px;
}
/* line 133, ../sass/buttons.scss */
.pp-top-toolbar-button.pp-has-new-features .x-btn-center::before {
  font-family: 'Helvetica Neue', Arial, Verdana, sans-serif;
  content: "\2022";
  opacity: 0.8;
  color: #DB3232;
  font-size: 27px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 146, ../sass/buttons.scss */
.pp-top-toolbar-button .x-btn-icon.pp-cog {
  top: 8px;
  height: 12px;
  background-image: url("/resources/images/icons/cogs.png?v=27") !important;
  background-position: right -0px;
}
/* line 154, ../sass/buttons.scss */
.pp-top-toolbar-button .x-btn-arrow, .pp-top-toolbar-button .x-btn-split {
  top: 4px;
  padding-right: 12px;
  background-image: url("/resources/images/icons/arrows.png?v=27") !important;
  background-position: right -83px;
}

/* line 163, ../sass/buttons.scss */
.pp-top-toolbar-button.x-btn-over .x-btn-inner, .pp-top-toolbar-button.x-btn-menu-active .x-btn-inner {
  text-shadow: none !important;
  color: white;
}
/* line 168, ../sass/buttons.scss */
.pp-top-toolbar-button.x-btn-over.pp-has-new-features .x-btn-center::before, .pp-top-toolbar-button.x-btn-menu-active.pp-has-new-features .x-btn-center::before {
  opacity: 1.0;
}
/* line 173, ../sass/buttons.scss */
.pp-top-toolbar-button.x-btn-over .x-btn-icon.pp-cog, .pp-top-toolbar-button.x-btn-menu-active .x-btn-icon.pp-cog {
  background-position: right -12px;
}
/* line 177, ../sass/buttons.scss */
.pp-top-toolbar-button.x-btn-over .x-btn-arrow, .pp-top-toolbar-button.x-btn-over .x-btn-split, .pp-top-toolbar-button.x-btn-menu-active .x-btn-arrow, .pp-top-toolbar-button.x-btn-menu-active .x-btn-split {
  background-position: right -63px;
}

/* line 183, ../sass/buttons.scss */
.pp-top-toolbar-button-settings .x-btn-icon {
  top: 6px;
  right: 4px;
}

/* line 189, ../sass/buttons.scss */
.x-btn.pp-select-button, .x-btn.pp-select-button * {
  cursor: default;
}

/* line 193, ../sass/buttons.scss */
.x-btn-icon.pp-select {
  background-image: url("/resources/images/icons/ticks.png?v=27") !important;
  cursor: pointer !important;
  width: 12px;
  height: 12px !important;
  margin-top: 2px;
  vertical-align: middle;
}

/* line 202, ../sass/buttons.scss */
.x-btn-icon.pp-select.all {
  background-position-x: -60px;
  background-position-y: 0;
}

/* line 207, ../sass/buttons.scss */
.x-btn-icon.pp-select.some {
  background-position-x: -72px;
  background-position-y: 0;
}

/* line 212, ../sass/buttons.scss */
.x-btn-icon.pp-select.none {
  background-position-x: -48px;
  background-position-y: 0;
}

/* line 217, ../sass/buttons.scss */
.x-btn-icon.pp-select:hover {
  -webkit-filter: brightness(0.9);
}

/* line 221, ../sass/buttons.scss */
.pp-linkbutton {
  line-height: 20px;
  vertical-align: middle;
  color: #36c;
  cursor: pointer;
}

/* line 229, ../sass/buttons.scss */
.pp-linkbutton:hover {
  text-decoration: underline;
}

/* line 234, ../sass/buttons.scss */
.pp-linkbutton-ok:before {
  content: "K";
  font-family: 'Pictos Custom';
  color: #cccccc;
  font-size: 20px;
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
  margin-top: 2px;
  color: #7db36c;
}

/*.x-btn-icon.pp-add-papers,*/
/* line 249, ../sass/buttons.scss */
.x-btn-icon.pp-toolbar-folders,
.x-btn-icon.pp-toolbar-labels,
.x-btn-icon.pp-toolbar-trash {
  background-image: none;
}

/* use png because font icon is inconsistent between Mac and PC */
/* line 257, ../sass/buttons.scss */
.x-btn-icon.pp-add-papers {
  background-image: url(/resources/images/icons/sprites.png?v=27);
  background-repeat: no-repeat;
  background-position-y: -1px;
  background-position-x: -440px;
}

/*.x-btn-icon.pp-add-papers:after,*/
/* line 266, ../sass/buttons.scss */
.x-btn-icon.pp-toolbar-folders:after,
.x-btn-icon.pp-toolbar-labels:after,
.x-btn-icon.pp-toolbar-trash:after {
  background-image: none;
  background-color: transparent;
  font-family: 'Pictos Custom';
  color: #999999;
  font-size: 20px !important;
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
  line-height: 20px;
}

/* line 282, ../sass/buttons.scss */
.x-btn-icon.pp-toolbar-folders:after {
  content: "G";
}

/* line 286, ../sass/buttons.scss */
.x-btn-icon.pp-toolbar-labels:after {
  content: "F";
}

/* line 290, ../sass/buttons.scss */
.x-btn-icon.pp-toolbar-trash:after {
  content: "C";
}

/*
.x-btn-icon.pp-add-papers:after{
    content:"J";
    color: #7db36c;
}
*/
/* Custom buttons  */
/* Custom button in gray */
/* line 306, ../sass/buttons.scss */
.pp-custom-button {
  width: 170px;
  line-height: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  background-image: -moz-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
  background-image: -webkit-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  color: #666666;
  text-decoration: none;
}

/* line 323, ../sass/buttons.scss */
.pp-custom-button.wider {
  width: 200px !important;
}

/* line 327, ../sass/buttons.scss */
.pp-custom-button:hover {
  border-color: gray;
  background-image: -moz-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
  background-image: -webkit-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
}

/* line 333, ../sass/buttons.scss */
.pp-custom-button:active {
  border-color: #cccccc;
  background-image: none;
  background-color: #e6e6e6;
}

/* line 341, ../sass/buttons.scss */
.pp-custom-button .pp-inner {
  display: inline-block;
  font-size: 12px;
  color: #4d4d4d;
}

/* line 348, ../sass/buttons.scss */
.pp-custom-button .pp-smaller {
  font-size: 10px;
  color: #FFF;
  margin-top: -5px;
}

/* Custom blue call to action button */
/* line 356, ../sass/buttons.scss */
.pp-custom-button.pp-call-to-action {
  background-image: -moz-linear-gradient(top, #7AA7F7, #4d90fe 40%, #4787ed);
  background-image: -webkit-linear-gradient(top, #7AA7F7, #4d90fe 40%, #4787ed);
  border-color: #4d90fe;
  color: #FFF;
}

/* line 363, ../sass/buttons.scss */
.pp-custom-button.pp-call-to-action:hover {
  background-image: -moz-linear-gradient(top, #76A5F8, #4088FD 40%, #377DEC);
  background-image: -webkit-linear-gradient(top, #76A5F8, #4088FD 40%, #377DEC);
  border-color: #4088FD;
}

/* line 369, ../sass/buttons.scss */
.pp-custom-button.pp-call-to-action:active {
  background-image: none;
  background-color: #377DEC;
  border-color: #4088FD;
}

/* line 376, ../sass/buttons.scss */
.pp-custom-button.pp-call-to-action .pp-inner {
  color: #FFF;
}

/* line 382, ../sass/buttons.scss */
.pp-custom-button.pp-disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}

/* line 387, ../sass/buttons.scss */
.pp-centered-button {
  margin: auto !important;
  display: block;
}

/* Flat buttons for Citation view*/
/* line 395, ../sass/buttons.scss */
.pp-flat-button {
  margin: 0px 5px;
  padding: 0px 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  height: 20px;
  background: #D3D3D3;
}
/* line 404, ../sass/buttons.scss */
.pp-flat-button .x-btn-inner {
  font-weight: normal;
  color: #919191;
  font-size: 12px;
  text-shadow: none;
  height: 18px;
  line-height: 18px;
}

/* line 415, ../sass/buttons.scss */
.x-btn-over.pp-flat-button, .x-btn-pressed.pp-flat-button {
  border-color: #D3D3D3;
  background: #BDBDBD;
}

/* line 420, ../sass/buttons.scss */
.pp-flat-button-call-to-action {
  border-color: #7FAC21;
  background: #7FAC21;
}
/* line 423, ../sass/buttons.scss */
.pp-flat-button-call-to-action .x-btn-inner {
  color: white;
}

/* line 428, ../sass/buttons.scss */
.x-btn-over.pp-flat-button-call-to-action, .x-btn-pressed.pp-flat-button-call-to-action {
  border-color: #7FAC21;
  background: #70971E;
}

/* line 434, ../sass/buttons.scss */
.pp-flat-button-big {
  margin: 0px 5px;
  padding: 0px 12px;
  height: 30px;
}
/* line 439, ../sass/buttons.scss */
.pp-flat-button-big .x-btn-inner {
  font-weight: normal;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
}

/* line 447, ../sass/buttons.scss */
.pp-hybrid-button {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background: transparent;
}
/* line 454, ../sass/buttons.scss */
.pp-hybrid-button .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  color: #919191;
  text-shadow: none;
}

/* line 464, ../sass/buttons.scss */
.pp-hamburger-button .x-btn-inner {
  font-size: 14px;
}

/* line 470, ../sass/buttons.scss */
.x-btn-over.pp-hybrid-button {
  border-color: gray;
  background-image: -moz-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
  background-image: -webkit-linear-gradient(top, white, #FCFCFC 3%, #E8E8E8);
}
/* line 475, ../sass/buttons.scss */
.x-btn-over.pp-hybrid-button .x-btn-inner {
  color: #333333;
}

/* line 480, ../sass/buttons.scss */
.x-btn-pressed.pp-hybrid-button, .x-btn-menu-active.pp-hybrid-button {
  border-color: #cccccc;
  background-image: none;
  background-color: #e6e6e6;
}
/* line 486, ../sass/buttons.scss */
.x-btn-pressed.pp-hybrid-button .x-btn-inner, .x-btn-menu-active.pp-hybrid-button .x-btn-inner {
  text-shadow: none;
}

/* line 494, ../sass/buttons.scss */
.pp-flat-custom-button {
  padding: 0px 12px;
  height: 35px;
  font-weight: normal;
  font-size: 14px;
}

/* line 501, ../sass/buttons.scss */
.pp-flat-custom-button.pp-call-to-action {
  border-color: #7FAC21;
  background: #7FAC21;
  color: white;
}

/* line 508, ../sass/buttons.scss */
.pp-flat-custom-button.pp-call-to-action:hover,
.pp-flat-custom-button.pp-call-to-action:active {
  border-color: #7FAC21;
  background: #70971E;
}

/* line 515, ../sass/buttons.scss */
.pp-flat-custom-button.pp-call-to-action2 {
  border-color: #D53D2A;
  background: #dd4b39;
  color: white;
}

/* line 522, ../sass/buttons.scss */
.pp-flat-custom-button.pp-call-to-action2:hover,
.pp-flat-custom-button.pp-call-to-action2:active {
  border-color: #D53D2A;
  background: #BD3423;
}

/* line 531, ../sass/buttons.scss */
.pp-flat-custom-button:disabled,
.pp-flat-custom-button:disabled:hover {
  background: #F3BCBC;
  border-color: #F3BCBC;
  cursor: default;
}

/* line 540, ../sass/buttons.scss */
.x-menu-item.pp-has-new-features::before {
  content: "\2022";
  color: #DB3232;
  line-height: 27px;
  font-size: 27px;
  position: absolute;
  top: 0;
  left: 12px;
}

/* line 7, ../sass/errors.scss */
.pp-link, a.pp, a.pp:visited {
  color: -webkit-link;
  text-decoration: none;
  cursor: pointer;
  color: #36c;
}

/* line 14, ../sass/errors.scss */
.pp-link:hover, a.pp:hover {
  text-decoration: underline;
}

/* line 18, ../sass/errors.scss */
.pp-errorbox {
  font-family: sans-serif;
  padding: 5px;
  color: black;
  width: 400px;
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -200px;
  text-align: center;
}
/* line 31, ../sass/errors.scss */
.pp-errorbox img {
  opacity: 0.2;
}
/* line 35, ../sass/errors.scss */
.pp-errorbox h1 {
  font-size: 18px;
  color: #b3b3b3;
}
/* line 40, ../sass/errors.scss */
.pp-errorbox p {
  font-size: 12px;
  color: gray;
}

/* line 47, ../sass/errors.scss */
.pp-loginbox {
  font-family: sans-serif;
  color: black;
  width: 340px;
  height: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -140px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: #cccccc 0px 2px 4px;
}

/* line 66, ../sass/errors.scss */
.pp-loginbox .pp-loginbox-header {
  line-height: 20px;
  font-size: 20px;
  font-weight: normal;
  padding: 15px;
  color: #246B8F;
  background: #f2f2f2;
  display: inline-block;
  width: 310px;
  border-bottom: 1px solid #cccccc;
  background-image: url(/resources/images/logo-single-page.png?v=27);
  background-repeat: no-repeat;
  background-position: 295px 4px;
}

/* line 81, ../sass/errors.scss */
.pp-loginbox .pp-loginbox-content {
  padding: 15px;
}

/* line 85, ../sass/errors.scss */
.pp-loginbox p {
  font-size: 14px;
  margin: 5px;
  padding: 0px;
  line-height: 1.3em;
}

/* line 92, ../sass/errors.scss */
.pp-loginbox p.subscript {
  font-size: 10px;
  position: absolute;
  bottom: 0px;
}