.actions {
  cursor: pointer; }

.menuHolder {
  color: #4F5858;
  display: none;
  position: relative; }
  .menuHolder ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%; }
    .menuHolder ul li {
      border: 1px solid #4F5858;
      margin: 0;
      padding: 0; }

.menu-on {
  display: block; }

.articleInnerForm .body .addholder .addNewButton, .references .getReferencesButton {
  width: 120px;
  height: 27px;
  border: 1px solid #4f5858;
  background: #d9d9d9;
  color: #4f5858;
  cursor: pointer;
  display: block;
  padding: 6px 10px;
  font-size: .8em;
  text-align: center; }

.references .referencesLoader {
  border: 5px solid #FFFFFF;
  border-top: 5px solid #3bafc7;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.height16 {
  height: 16px; }

.height30 {
  height: 30px; }

.height32 {
  height: 32px; }

.height64 {
  height: 64px; }

input.height16, textarea.height16, select.height16 {
  height: 18px; }

input.height32, textarea.height32, select.height32 {
  height: 34px; }

input.height64, textarea.height64, select.height64 {
  height: 66px; }

.noAddable {
  padding: 30px 0 0px 0; }

.errorIndicator {
  position: absolute;
  top: 26px;
  left: 2px;
  background-color: #ffc8ca;
  width: 196px;
  height: 33.5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 8px; }
  .errorIndicator img {
    width: 28px; }

.hideIndicator {
  background-color: transparent !important;
  pointer-events: none; }
  .hideIndicator img {
    display: none; }

.fullErrorHolder {
  position: absolute;
  width: 200px;
  color: #FFFFFF;
  background: #f25c66;
  text-align: center;
  padding: 4px 5px 10px 8px;
  border-radius: 5px;
  top: 21px;
  z-index: 1; }
  .fullErrorHolder .errormsgholder {
    display: inline-table;
    width: 100%;
    height: 100%; }
    .fullErrorHolder .errormsgholder .errormsginnerholder {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%;
      padding-top: 50px; }
      .fullErrorHolder .errormsgholder .errormsginnerholder .errorIndicator2 {
        position: absolute;
        top: 5px;
        left: 2px;
        width: 196px !important;
        height: 33.5px;
        border-radius: 5px;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0 0 0 8px !important; }
        .fullErrorHolder .errormsgholder .errormsginnerholder .errorIndicator2 img {
          width: 28px !important; }
      .fullErrorHolder .errormsgholder .errormsginnerholder .msgContainer {
        display: block;
        padding: 0 0 15px;
        text-align: left;
        width: 100%; }
        .fullErrorHolder .errormsgholder .errormsginnerholder .msgContainer span {
          font-size: .9em; }

.stickyError {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: white;
  position: fixed;
  background-color: #f25c66;
  width: 200px;
  height: 50px;
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 25px;
  z-index: 9000; }
  .stickyError img {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 15px; }
  .stickyError .rotate {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg); }

.toolmsgholder {
  right: -27.5px;
  color: #646464;
  background: #ffd86b;
  position: absolute;
  width: 200px;
  text-align: center;
  padding: 4px 5px 10px 8px;
  border-radius: 5px;
  z-index: 9999; }
  .toolmsgholder .errormsgholder {
    display: inline-table;
    width: 100%;
    height: 100%; }
    .toolmsgholder .errormsgholder .errormsginnerholder {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%; }
      .toolmsgholder .errormsgholder .errormsginnerholder div {
        display: block;
        text-align: left;
        width: 100%; }
      .toolmsgholder .errormsgholder .errormsginnerholder img {
        width: 25px; }

.fieldError {
  background: #FFE9E8;
  border: 1px solid #f25c66 !important; }

.showOptionalTitle {
  display: block; }

.field .datepickerholder .dateselectholder {
  margin: 0 5px 0 0;
  width: 85px !important;
  float: left; }
  .field .datepickerholder .dateselectholder .datepickselects {
    width: 85px !important;
    float: left;
    padding: 0 10px; }

.field .datepickerholder .dateicon {
  width: 30px !important;
  display: inline-block;
  margin: 0 0 0 -11.5px; }
  .field .datepickerholder .dateicon .iconHolder {
    cursor: pointer;
    background: #FFF;
    display: inline-block;
    margin: 0;
    width: 37px;
    border-top: 1px solid #4F5858;
    border-right: 1px solid #4F5858;
    border-bottom: 1px solid #4F5858; }
    .field .datepickerholder .dateicon .iconHolder .react-datepicker-popper[data-placement^="top"] {
      margin-left: -45px;
      z-index: 10000; }
    .field .datepickerholder .dateicon .iconHolder .react-datepicker-popper[data-placement^="bottom"] {
      margin-left: -45px;
      z-index: 10000; }
    .field .datepickerholder .dateicon .iconHolder .calendarButton {
      display: inline-block;
      height: auto;
      padding: 2px 0 0 1px; }
      .field .datepickerholder .dateicon .iconHolder .calendarButton .calendarIcon {
        display: inline-block;
        width: 27px;
        height: 27px; }

.addArticles {
  margin: 40px 0; }
  .addArticles .addarticlecard {
    width: 960px;
    display: inline-block; }
    .addArticles .addarticlecard .addArticleForm {
      width: 100%; }
  .addArticles .rightBar {
    display: inline-block; }
    .addArticles .rightBar .scrollToTopButton {
      position: fixed;
      top: 65%;
      height: 48px;
      width: 48px;
      background: #4f5858;
      color: white;
      padding-top: 8px;
      cursor: pointer;
      z-index: 9999999999;
      margin-left: 10px; }
      .addArticles .rightBar .scrollToTopButton img {
        width: 32px;
        height: 32px;
        transform: rotate(180deg); }

.articleInnerForm {
  float: left;
  background: #d9d9d9;
  border: 1px solid #d9d9d9;
  width: 100%; }
  .articleInnerForm .topbar {
    background: #4f5858;
    color: #FFFFFF;
    min-height: 67px;
    padding: 10px 0 0;
    width: 100%; }
    .articleInnerForm .topbar .errorHolder {
      float: right;
      right: 220px;
      position: relative;
      bottom: 51px; }
    .articleInnerForm .topbar .titleholder {
      display: table;
      height: 100%;
      margin: 0 auto;
      text-align: left;
      width: 90%; }
      .articleInnerForm .topbar .titleholder .titleinnerholder {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        width: 100%; }
        .articleInnerForm .topbar .titleholder .titleinnerholder .titleIconHolder {
          float: left;
          margin: 7px 20px 0 0;
          width: 30px; }
        .articleInnerForm .topbar .titleholder .titleinnerholder .articletitle {
          float: left;
          width: 90%;
          vertical-align: middle;
          margin-top: 10px; }
    .articleInnerForm .topbar .subinnerholder {
      float: left;
      padding: 15px 0 0 0; }
      .articleInnerForm .topbar .subinnerholder span {
        cursor: pointer; }
      .articleInnerForm .topbar .subinnerholder .arrowHolder img {
        margin: 0 20px 0 0;
        transform: rotate(90deg);
        width: 20px; }
      .articleInnerForm .topbar .subinnerholder .openArrowHolder img {
        transform: rotate(180deg); }
    .articleInnerForm .topbar .notclickableholder {
      float: left;
      padding: 15px 0 0 0; }
      .articleInnerForm .topbar .notclickableholder span {
        cursor: pointer; }
      .articleInnerForm .topbar .notclickableholder .arrowHolder img {
        margin: 0 20px 0 0;
        transform: rotate(90deg);
        width: 20px; }
      .articleInnerForm .topbar .notclickableholder .openArrowHolder img {
        transform: rotate(180deg); }
  .articleInnerForm .body {
    width: 100%; }
    .articleInnerForm .body .addholder {
      margin-top: 20px;
      padding: 0 50px;
      height: 100px;
      width: 100%;
      display: inline-flex;
      justify-content: flex-start;
      align-content: center;
      flex-direction: column; }
      .articleInnerForm .body .addholder hr {
        width: 100%; }
      .articleInnerForm .body .addholder .addNewButton {
        top: 24px;
        left: 28px;
        position: relative; }
    .articleInnerForm .body .row {
      clear: both;
      display: inline-block;
      padding: 0 0 30px;
      position: relative;
      width: 90%; }
      .articleInnerForm .body .row .subItemHeader {
        background: #FFFFFF;
        padding: 15px 0 15px 70px;
        text-align: left; }
      .articleInnerForm .body .row .subItemTitle {
        float: left; }
        .articleInnerForm .body .row .subItemTitle span {
          cursor: pointer; }
        .articleInnerForm .body .row .subItemTitle .arrowHolder img {
          fill: #4f5858;
          margin: 0 20px 0 0;
          transform: rotate(90deg);
          width: 20px; }
        .articleInnerForm .body .row .subItemTitle .openArrowHolder img {
          transform: rotate(180deg); }
      .articleInnerForm .body .row .subItemButton {
        float: right;
        padding: 15px 70px 15px 0px; }
        .articleInnerForm .body .row .subItemButton a {
          cursor: pointer; }
      .articleInnerForm .body .row .toggleButton {
        cursor: pointer;
        text-align: left;
        padding: 0 0 0 30px; }
        .articleInnerForm .body .row .toggleButton .arrowHolder img {
          margin: 0 20px 0 0;
          transform: rotate(90deg);
          width: 20px; }
        .articleInnerForm .body .row .toggleButton .openArrowHolder img {
          transform: rotate(180deg); }
      .articleInnerForm .body .row .hiddenFields {
        display: none;
        position: relative;
        top: 10px; }
        .articleInnerForm .body .row .hiddenFields .fieldHolder .fieldinnerholder .labelholder {
          font-weight: bold;
          padding: 10px 0 0; }
      .articleInnerForm .body .row .fieldHolder {
        width: 80%;
        float: left; }
        .articleInnerForm .body .row .fieldHolder .fieldinnerholder {
          float: left;
          padding: 0 10px 0 0; }
          .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder {
            width: 100%;
            float: left;
            font-weight: bold; }
            .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder .labelinnerholder {
              float: left;
              width: 100%; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder .labelinnerholder .label {
                float: left;
                left: 34px;
                padding: 0 0 10px 0;
                position: relative;
                text-align: left;
                width: 80%; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder .labelinnerholder .switchHolder .switch {
                background: #616161;
                border-radius: 8px;
                color: #FFFFFF;
                height: 26px;
                position: relative;
                width: 60px; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder .labelinnerholder .switchHolder .switch .switch-toggle {
                  background: #DADADA;
                  border: 1px solid #DADADA;
                  box-shadow: none;
                  height: 20px;
                  left: 4px;
                  position: absolute;
                  top: 20px;
                  width: 20px; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder .labelinnerholder .switchHolder .switch.on {
                  background: #616161; }
                  .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder .labelinnerholder .switchHolder .switch.on .switch-toggle {
                    background: #3eb1c8;
                    border: 1px solid #3eb1c8;
                    left: 36px; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder .labelinnerholder .switchHolder .switch.on:before {
                  position: relative;
                  top: 3px;
                  left: 5px;
                  content: "Yes"; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .labelholder .labelinnerholder .switchHolder .switch:before {
                position: relative;
                top: 3px;
                left: 28px;
                content: "No"; }
          .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder {
            float: left;
            width: 100%; }
            .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .requiredholder {
              background: #3eb1c8;
              border: 1px solid #3eb1c8;
              float: left;
              width: 30px; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .requiredholder .required {
                color: #FFFFFF;
                font-size: 20px;
                padding: 0 6px; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .requiredholder .required span {
                  position: relative;
                  top: 7px; }
            .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .norequire {
              background: none;
              border: 0px; }
            .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .status {
              float: left;
              left: 6px;
              position: relative;
              top: 7px; }
            .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .react-autosuggest__container {
              float: left;
              position: relative;
              height: 32px;
              width: 90%; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .react-autosuggest__container input {
                border: 1px solid #EDEFF1;
                height: 32px; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .react-autosuggest__container .react-autosuggest__suggestions-container {
                display: none; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .react-autosuggest__container .react-autosuggest__suggestions-container--open {
                display: block;
                position: absolute;
                top: 32px;
                width: 500px;
                border: 1px solid #aaa;
                background-color: #fff;
                font-family: Helvetica, sans-serif;
                font-weight: 500;
                font-size: 14px;
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                z-index: 2;
                max-height: 300px;
                text-align: left;
                overflow-y: scroll;
                overflow-x: hidden; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .react-autosuggest__container .react-autosuggest__suggestions-list {
                margin: 0;
                padding: 0;
                list-style-type: none;
                height: 100%; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .react-autosuggest__container .react-autosuggest__suggestion {
                cursor: pointer;
                padding: 10px 20px; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .react-autosuggest__container .react-autosuggest__suggestion--highlighted {
                background-color: #ddd; }
            .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field {
              float: left;
              width: 95%;
              position: relative; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field input, .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field select, .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field textarea {
                border: 1px solid #EDEFF1;
                width: 100%; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field textarea {
                margin: 0;
                padding: 5px 16px;
                resize: none;
                vertical-align: bottom; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder {
                width: 100%; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder {
                  width: 100%; }
                  .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder .switchLicense .switchLabel {
                    text-align: right;
                    float: left;
                    width: 140px; }
                    .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder .switchLicense .switchLabel span {
                      position: relative;
                      top: 5px; }
                  .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder .switchLicense .switch {
                    background: #616161;
                    border-radius: 8px;
                    color: #FFFFFF;
                    height: 26px;
                    position: relative;
                    width: 60px; }
                    .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder .switchLicense .switch .switch-toggle {
                      background: #DADADA;
                      border: 1px solid #DADADA;
                      box-shadow: none;
                      height: 20px;
                      left: 4px;
                      position: absolute;
                      top: 2px;
                      width: 20px; }
                    .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder .switchLicense .switch.on {
                      background: #444444; }
                      .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder .switchLicense .switch.on .switch-toggle {
                        background: #3eb1c8;
                        border: 1px solid #3eb1c8;
                        left: 36px; }
                    .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder .switchLicense .switch.on:before {
                      position: absolute;
                      top: 3px;
                      left: 5px;
                      content: "Yes"; }
                  .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .switchOuterHolder .switchInnerHolder .switchLicense .switch:before {
                    position: absolute;
                    top: 3px;
                    left: 28px;
                    content: "No"; }
              .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .grantSection {
                padding-bottom: 20px; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .grantSection .grantTitle {
                  font-weight: bold;
                  padding: 10px 0 10px 0;
                  text-align: left; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .grantSection .grantRow {
                  width: 500px;
                  display: flex;
                  position: relative;
                  flex-direction: row; }
                  .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .grantSection .grantRow .infoFlagGrant {
                    position: absolute;
                    right: 186px;
                    top: -29px;
                    width: 35px; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .grantSection .grantInput {
                  flex: .6; }
                .articleInnerForm .body .row .fieldHolder .fieldinnerholder .requrefieldholder .field .grantSection .grantRemove {
                  padding-top: 8px;
                  flex: .2; }
          .articleInnerForm .body .row .fieldHolder .fieldinnerholder .dateselectrequire {
            position: relative;
            top: 17px; }
        .articleInnerForm .body .row .fieldHolder .fulllength {
          width: 100%; }
        .articleInnerForm .body .row .fieldHolder .halflength {
          width: 50%; }
          .articleInnerForm .body .row .fieldHolder .halflength .requrefieldholder .field {
            width: 90%;
            position: relative; }
        .articleInnerForm .body .row .fieldHolder .textAlignSelect {
          margin-top: 17px; }
        .articleInnerForm .body .row .fieldHolder .dateAlignSelect {
          margin-top: 34px; }
        .articleInnerForm .body .row .fieldHolder .floatRight {
          float: right; }
        .articleInnerForm .body .row .fieldHolder .addGrant {
          margin-top: -20px; }
          .articleInnerForm .body .row .fieldHolder .addGrant a {
            background: #FFFFFF;
            border: 1px solid #6B7272;
            display: block;
            font-weight: bold;
            padding: 10px 0;
            width: 70%; }
      .articleInnerForm .body .row .dateErrorHolder {
        top: 16.5px; }
      .articleInnerForm .body .row .errorHolder {
        float: right;
        width: 20%;
        position: relative; }
        .articleInnerForm .body .row .errorHolder .switchOuterHolder {
          width: 100%; }
          .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder {
            width: 100%; }
            .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder .switchLicense .switchLabel {
              text-align: right;
              float: left;
              font-size: 14px;
              font-weight: bold; }
              .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder .switchLicense .switchLabel span {
                position: relative;
                top: 5px; }
            .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder .switchLicense .switch {
              background: #616161;
              border-radius: 8px;
              color: #FFFFFF;
              height: 26px;
              position: relative;
              width: 60px; }
              .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder .switchLicense .switch .switch-toggle {
                background: #DADADA;
                border: 1px solid #DADADA;
                box-shadow: none;
                height: 20px;
                left: 4px;
                position: absolute;
                top: 2px;
                width: 20px; }
              .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder .switchLicense .switch.on {
                background: #444444; }
                .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder .switchLicense .switch.on .switch-toggle {
                  background: #3eb1c8;
                  border: 1px solid #3eb1c8;
                  left: 36px; }
              .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder .switchLicense .switch.on:before {
                position: absolute;
                top: 3px;
                left: 5px;
                content: "On"; }
            .articleInnerForm .body .row .errorHolder .switchOuterHolder .switchInnerHolder .switchLicense .switch:before {
              position: absolute;
              top: 3px;
              left: 28px;
              content: "Off"; }
    .articleInnerForm .body .subItemRow {
      background: #FFFFFF;
      margin: 0 0 10px 0;
      padding: 5px 0;
      width: 100%; }
      .articleInnerForm .body .subItemRow .errorHolder {
        float: right;
        right: 160px;
        position: absolute;
        top: -15px; }
    .articleInnerForm .body .infohelper {
      padding: 40px 0 10px; }
      .articleInnerForm .body .infohelper .fieldinnerholder .labelholder .labelinnerholder .label {
        font-size: 10px; }
  .articleInnerForm .saveButtonHolder {
    background: #4f5858;
    display: block;
    float: left;
    padding: 20px 60px 20px 0;
    width: 100%; }
    .articleInnerForm .saveButtonHolder .saveButton {
      background: #FFFFFF;
      border: 1px solid #6B7272;
      clear: both;
      cursor: pointer;
      display: block;
      float: right;
      font-weight: bold;
      padding: 10px 30px; }

*::-ms-backdrop, .titleIconHolder {
  position: relative;
  top: -50px; }

.reviewArticleButtonDiv {
  float: left;
  text-align: right;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 7px; }
  .reviewArticleButtonDiv .articleTooltip {
    position: relative;
    float: right;
    padding-top: 9px;
    text-align: center; }
    .reviewArticleButtonDiv .articleTooltip div {
      position: absolute;
      width: 174px;
      color: #FFFFFF;
      background: #4f5858;
      line-height: 30px;
      text-align: left;
      border-radius: 0px;
      padding: 10px 0 5px 0;
      visibility: visible;
      opacity: 1;
      top: 57px;
      right: 0;
      z-index: 999;
      border-left: solid 1px #545454; }
      .reviewArticleButtonDiv .articleTooltip div p {
        font-size: .88em;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 30px;
        margin: 0; }
      .reviewArticleButtonDiv .articleTooltip div p:hover {
        background: #3eb1c8; }
    .reviewArticleButtonDiv .articleTooltip div:after {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 46%;
      width: 0;
      height: 0;
      border-bottom: 8px solid #4f5858;
      border-right: 8px solid transparent;
      border-left: 8px solid transparent; }

.saveConfirmation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
  clear: both;
  height: 25px;
  color: white; }

.saveSuccess {
  background-color: #3eb1c8; }

.saveFailed {
  background-color: #f25c66; }

.backbutton, .reviewbutton {
  background: #fff !important;
  color: black !important;
  border: 1px solid #4f5858 !important;
  height: 40px !important;
  margin-right: 20px; }

.backbutton {
  width: 112px !important; }
  .backbutton .backbuttonarrow {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    position: relative;
    right: 20px;
    top: 2px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  .backbutton span {
    padding: 0;
    margin: 0;
    position: relative;
    right: 5px; }

.reviewbutton {
  width: 144px !important; }

.OptionalTitleFields .fieldHolder {
  padding: 20px 0 !important; }

.OptionalTitleFields .first {
  padding: 20px 0 20px !important; }

.AddNewGrantNumberButton {
  cursor: pointer; }

.disabledButton {
  border: 1px solid #A6D8E5 !important;
  background: #A6D8E5 !important; }

.errorAbove {
  top: 2px; }

.errorBelow {
  bottom: 2px; }

.funderLocation {
  color: #7d8686; }

.freeToLicense {
  padding-top: 50px;
  padding-bottom: 20px; }

.infoFlagInput {
  position: absolute;
  right: 0px;
  top: -30px;
  width: 35px; }

.infoFlagTextArea {
  position: absolute;
  right: 0;
  top: -29px;
  width: 35px; }

.infoFlagDate {
  position: absolute;
  right: -0.5px;
  top: -13px;
  width: 35px;
  height: auto; }

.infoFlagBorder {
  outline: 1px solid #ffd86b; }

.infoFlagCalendarBorder {
  border-top: 1px solid #ffd86b !important;
  border-right: 1px solid #ffd86b !important;
  border-bottom: 1px solid #ffd86b !important; }

.infoFlagIconHolder {
  border-top: 1px solid #ffd86b !important;
  border-right: 1px solid #ffd86b !important;
  border-bottom: 1px solid #ffd86b !important; }

.hideSticky {
  background-color: transparent !important;
  pointer-events: none; }
  .hideSticky img {
    display: none; }
  .hideSticky p {
    display: none; }

.innerCardHolder .row .errorHolder {
  float: right;
  width: auto !important;
  right: 1px;
  position: relative; }

.abstract {
  height: 256px !important; }

.references {
  padding: 48px 78px 40px 78px;
  text-align: left; }
  .references .topText {
    margin-left: 15px; }
  .references .referencesLoader {
    position: relative;
    left: 150px;
    bottom: 19px; }
  .references .textBox {
    height: 240px;
    width: 100%;
    overflow: scroll;
    resize: none;
    margin-bottom: 32px; }
  .references .textBox:-moz-placeholder {
    text-align: center;
    padding-top: 105px;
    color: #a7a7a7; }
  .references .textBox::-moz-placeholder {
    text-align: center;
    padding-top: 105px;
    color: #a7a7a7; }
  .references .textBox:-ms-input-placeholder {
    text-align: center;
    padding-top: 105px;
    color: #a7a7a7; }
  .references .textBox::-webkit-input-placeholder {
    text-align: center;
    padding-top: 105px;
    color: #a7a7a7; }
  .references .getReferencesButton {
    width: 140px; }
  .references .removeAllReferences {
    margin-bottom: 32px;
    text-align: right; }
    .references .removeAllReferences span {
      cursor: pointer; }
  .references .resultsContainer {
    margin-top: 16px; }
    .references .resultsContainer .result {
      margin-top: 16px;
      text-align: left;
      min-height: 36px; }
      .references .resultsContainer .result .referenceText {
        width: 580px;
        display: inline-block;
        font-size: 14px; }
      .references .resultsContainer .result .referenceDiv {
        display: inline-block;
        margin: 1px 8px 1px 20px;
        vertical-align: top;
        position: relative; }
        .references .resultsContainer .result .referenceDiv .referenceReview {
          font-size: 14px; }
        .references .resultsContainer .result .referenceDiv .referenceReview:link {
          color: #3eb1c8; }
        .references .resultsContainer .result .referenceDiv .referenceTooltip {
          visibility: hidden;
          position: absolute;
          left: -150px;
          bottom: 30px;
          width: 400px;
          height: auto;
          background-color: #4f5858;
          z-index: 99999;
          color: white;
          padding: 20px 17px 30px 17px;
          font-size: 14px;
          font-family: "Helvetica Neue";
          line-height: 19px; }
        .references .resultsContainer .result .referenceDiv .referenceTooltip:after {
          content: '';
          position: absolute;
          top: 100%;
          left: 48%;
          width: 0;
          height: 0;
          border-bottom: 8px solid #4f5858;
          border-right: 8px solid transparent;
          border-left: 8px solid transparent;
          -ms-transform: rotate(180deg);
          /* IE 9 */
          -webkit-transform: rotate(180deg);
          /* Chrome, Safari, Opera */
          transform: rotate(180deg); }
      .references .resultsContainer .result .referenceTooltipHover:hover .referenceTooltip {
        visibility: visible; }
      .references .resultsContainer .result .noMatch {
        color: #acacad;
        display: inline-block; }
      .references .resultsContainer .result .referenceRemove {
        display: inline-block;
        font-size: 14px;
        margin: 1px 0 1px 46px;
        cursor: pointer;
        vertical-align: top;
        color: #3eb1c8; }
      .references .resultsContainer .result .clearReference {
        clear: both; }
    .references .resultsContainer p, .references .resultsContainer a {
      font-size: 14px;
      margin: 1px; }

.addIssueModal .modal {
  margin-top: 40px !important; }

.addIssueCard .addIssue {
  background: #FFFFFF;
  cursor: pointer;
  border: 0;
  color: #4F5858;
  padding: 10px 0;
  width: 100%; }

.addIssue {
  background: #FFFFFF;
  cursor: pointer;
  border: 0;
  color: #4F5858;
  padding: 10px 0;
  width: 100%; }

.addIssues {
  border: 0 !important;
  width: 100%; }
  .addIssues .saveButtonAddIssueHolder {
    background: #d9d9d9 !important;
    float: none !important;
    padding: 20px 60px 70px 0 !important; }
    .addIssues .saveButtonAddIssueHolder .addIssue {
      float: right;
      width: 176px;
      height: 40px;
      line-height: 18px;
      background: #3eb1c8;
      color: #FFFFFF;
      font-size: 16px;
      padding-bottom: 10px;
      position: relative;
      right: -20px; }
    .addIssues .saveButtonAddIssueHolder .cancelButton {
      background: #d9d9d9;
      border: 1px solid #4f5858;
      color: #4f5858;
      float: right;
      right: 10px;
      padding: 8px;
      text-align: center; }
  .addIssues .articleInnerForm, .addIssues .addIssues {
    border: 0 !important; }
  .addIssues .body .infohelper {
    padding-top: 7px !important; }
  .addIssues .body .row {
    width: 100% !important; }
    .addIssues .body .row .fieldHolder {
      padding: 0 0 0 40px; }
      .addIssues .body .row .fieldHolder .fieldinnerholder .requrefieldholder .requiredholder {
        width: 20px; }
    .addIssues .body .row .errorHolder {
      height: 100%; }
  .addIssues .topbar {
    background: #FFFFFF !important;
    color: #4F5858 !important;
    padding: 0 !important; }
    .addIssues .topbar .addholder a {
      background: #FFFFFF !important;
      border: 1px solid #4F5858 !important; }

.optionalissueiinfo .innerCardHolder {
  background: #FFFFFF;
  border: 1px solid #EDEFF1;
  margin: 12px;
  width: 80%; }
  .optionalissueiinfo .innerCardHolder .addFields {
    background-color: #f3f3f3;
    border: solid 1px black;
    box-shadow: none;
    margin-bottom: 25px;
    margin-top: 1px;
    margin-right: 530px;
    left: -20px;
    width: 100px;
    height: 25px; }

.optionalissueiinfo .subItemRow {
  margin: 0; }

.optionalissueiinfo .row .fieldHolder {
  width: 100% !important; }

.button-left {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline; }

.disabledDoi {
  background-color: #d9d9d9; }

.actionTooltip {
  position: relative;
  float: right;
  padding-top: 9px;
  text-align: center; }
  .actionTooltip div {
    position: absolute;
    width: 174px;
    color: #FFFFFF;
    background: #4f5858;
    height: 90px;
    line-height: 30px;
    text-align: left;
    border-radius: 0px;
    padding: 10px 0 10px 30px;
    visibility: visible;
    opacity: 1;
    bottom: 57px;
    right: 0;
    z-index: 999;
    border-left: solid 1px #545454; }
    .actionTooltip div p {
      font-size: .88em;
      margin-top: 3px;
      margin-bottom: 3px; }
  .actionTooltip div:after {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    content: '';
    position: absolute;
    top: 100%;
    left: 46%;
    width: 0;
    height: 0;
    border-bottom: 8px solid #4f5858;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent; }

.issuedatepickerholder .dateselectholder {
  margin: 0 5px 0 0;
  width: 79px !important;
  float: left; }
  .issuedatepickerholder .dateselectholder .datepickselects {
    width: 79px !important;
    float: left;
    padding: 0 10px; }

.issuedatepickerholder .dateicon {
  width: 30px !important;
  display: inline-block;
  margin: 0 0 0 -5.5px; }
  .issuedatepickerholder .dateicon .iconHolder {
    cursor: pointer;
    background: #FFF;
    display: inline-block;
    margin: 0;
    width: 36px;
    border-top: 1px solid #4F5858;
    border-right: 1px solid #4F5858;
    border-bottom: 1px solid #4F5858; }
    .issuedatepickerholder .dateicon .iconHolder .calendarButton {
      display: inline-block;
      height: auto;
      padding: 2px 0 0 4.5px; }
      .issuedatepickerholder .dateicon .iconHolder .calendarButton .calendarIcon {
        display: inline-block;
        width: 27px;
        height: 27px; }

.shiftLeft {
  left: -10px; }

.app input, .app select, .app textarea, .app svg, .app img {
  font-family: "HelveticaNeueETW01-55Rg" !important; }

.app .app-contents {
  text-align: center; }
  .app .app-contents .header {
    width: 100%;
    margin: 0 auto; }
    .app .app-contents .header.large {
      border-bottom: 1px solid black; }
      .app .app-contents .header.large .header-contents {
        min-height: 63px;
        height: 63px; }
        .app .app-contents .header.large .header-contents img {
          height: 42px; }
        .app .app-contents .header.large .header-contents .header-logo-name {
          font-size: 24px; }
    .app .app-contents .header .publications-nav {
      border-top: 1px solid #4f5858;
      border-bottom: 1px solid #4f5858; }
      .app .app-contents .header .publications-nav .publications-nav-contents {
        display: flex;
        width: 960px;
        margin: 0 auto;
        min-height: 81px;
        height: 81px;
        line-height: 81px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        .app .app-contents .header .publications-nav .publications-nav-contents .links {
          display: flex; }
          .app .app-contents .header .publications-nav .publications-nav-contents .links a {
            text-decoration: none;
            color: black;
            min-width: 158px;
            display: block;
            border-left: 1px solid #4f5858; }
          .app .app-contents .header .publications-nav .publications-nav-contents .links a:last-child {
            border-right: 1px solid #4f5858; }
    .app .app-contents .header .header-contents {
      width: 960px;
      margin: 1px auto;
      min-height: 63px;
      height: 63px; }
      .app .app-contents .header .header-contents a {
        float: right; }
      .app .app-contents .header .header-contents img {
        float: left;
        height: 42px;
        margin: 10px 0 -16px 16px; }
      .app .app-contents .header .header-contents .header-logo-name {
        width: 165px;
        font-size: 20px;
        text-align: left;
        -webkit-align-self: center;
        align-self: center;
        color: #4f5858; }
  .app .app-contents .cookie-warning {
    background: #ffc72c;
    min-height: 48px;
    height: 48px;
    line-height: 48px;
    vertical-align: middle; }
    .app .app-contents .cookie-warning a:not(.button-anchor) {
      color: #000; }
      .app .app-contents .cookie-warning a:not(.button-anchor):hover {
        color: #3eb1c8; }
    .app .app-contents .cookie-warning .button-anchor {
      margin-left: 16px;
      border-radius: 3px; }
  .app .app-contents .page-contents {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 500px; }

.app .footer {
  height: 160px;
  color: #fff;
  background: #4f5858;
  text-align: center; }
  .app .footer a {
    color: #fff;
    text-decoration: none; }
    .app .footer a:hover {
      color: #fbc52d; }
  .app .footer .footer-contents {
    height: 128px;
    padding: 20px 0;
    width: 960px;
    margin: 0 auto;
    display: flex;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
    .app .footer .footer-contents > div {
      float: left;
      text-align: left; }
      .app .footer .footer-contents > div a, .app .footer .footer-contents > div div {
        line-height: 23px; }
    .app .footer .footer-contents .address {
      text-align: left;
      color: #30a2be; }
  .app .footer .footer-meta {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    vertical-align: middle;
    background: #3e4545; }
    .app .footer .footer-meta .footer-meta-content {
      width: 960px;
      margin: 0 auto; }
      .app .footer .footer-meta .footer-meta-content img {
        height: 16px;
        width: 16px;
        vertical-align: middle;
        margin-bottom: 3px;
        margin-right: 3px; }
      .app .footer .footer-meta .footer-meta-content > :first-child {
        -webkit-flex-grow: 1;
        flex-grow: 1; }

.second-logo-img {
  position: relative;
  height: 70px !important;
  top: -14px;
  left: -22px; }

button {
  border-radius: inherit; }

.depositCartHolder {
  position: relative; }

.cartUpdate {
  display: none;
  position: absolute; }

.showCartUpdateMessage {
  display: inline-block;
  top: 50px;
  left: 79px; }

.cartItemCount {
  background: #3EB1C8;
  border-radius: 6px;
  color: #FFF;
  padding: 10px;
  position: initial;
  margin-left: -20px;
  line-height: 16px;
  margin-top: -7px;
  margin-right: 10px;
  float: right;
  left: 10px; }

.addholder a.tooltips {
  top: 24px;
  left: 78px;
  width: 120px;
  border: 1px solid black;
  background: #F9F9F9;
  color: #646464;
  cursor: pointer;
  display: block;
  padding: 4px 20px;
  position: relative; }

.addholder a.tooltips div {
  position: absolute;
  width: 220px;
  color: #FFFFFF;
  background: #4f5858;
  line-height: 30px;
  text-align: left;
  border: 1px solid black;
  padding: 10px 0 10px 0;
  visibility: visible;
  opacity: 1;
  bottom: 45px;
  left: -60px;
  z-index: 999;
  display: grid; }
  .addholder a.tooltips div .crossmark {
    padding-bottom: 2.5px;
    padding-top: 2.5px;
    padding-left: 20px;
    margin: 0;
    background-color: #4f5858 !important;
    color: white; }
  .addholder a.tooltips div .crossmark:hover {
    background-color: #3eb1c8 !important; }

.addholder a.tooltips div:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-bottom: 8px solid #4f5858;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.adjustDateRequire {
  margin-top: 17px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.cartContainer {
  position: relative; }
  .cartContainer .rightBorderBox {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 847px;
    height: 55px;
    border-right: 1px solid #d9d9d9; }
  .cartContainer table {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: separate;
    width: 960px; }
    .cartContainer table tr {
      width: 100%; }
      .cartContainer table tr .tall {
        padding: 20px 0 15px 0; }
      .cartContainer table tr .short {
        padding: 3px 0 3px 0; }
      .cartContainer table tr .underIssue {
        padding-left: 30px;
        height: 34px; }
      .cartContainer table tr td:first-child {
        padding: 10px 0 10px 10px; }
      .cartContainer table tr .errorholder {
        width: 11.8%;
        border-bottom: none; }
  .cartContainer .depositTopBorder {
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    margin: 0 auto;
    padding: 7px 0 7px 0;
    text-align: left;
    width: 960px;
    position: relative; }
    .cartContainer .depositTopBorder .item {
      margin: 0;
      padding: 0; }
      .cartContainer .depositTopBorder .item .stateIcon {
        width: 5%; }
        .cartContainer .depositTopBorder .item .stateIcon .iconHolder {
          display: inline-block;
          width: 35%; }
          .cartContainer .depositTopBorder .item .stateIcon .iconHolder img {
            display: block;
            width: 100%; }
      .cartContainer .depositTopBorder .item .aboveTitle {
        width: 59%; }
      .cartContainer .depositTopBorder .item .title {
        width: 30%; }
      .cartContainer .depositTopBorder .item .status {
        width: 10%; }
      .cartContainer .depositTopBorder .item .action {
        width: 13.5%; }
      .cartContainer .depositTopBorder .item .errorholder {
        width: 30%; }
  .cartContainer .depositCartRows {
    border: 1px solid #d9d9d9;
    border-top: 0px;
    margin-bottom: 50px; }
    .cartContainer .depositCartRows .depositCartItem {
      width: 960px; }
      .cartContainer .depositCartRows .depositCartItem .titleHolderTD {
        padding: 0 !important;
        left: -1px;
        position: relative; }
        .cartContainer .depositCartRows .depositCartItem .titleHolderTD .status {
          background: #4F5858;
          width: 10.7%;
          color: white; }
        .cartContainer .depositCartRows .depositCartItem .titleHolderTD .action {
          background: #4F5858;
          width: 13.7%;
          color: white; }
          .cartContainer .depositCartRows .depositCartItem .titleHolderTD .action a {
            cursor: pointer; }
      .cartContainer .depositCartRows .depositCartItem .itemholder .deposittitle {
        background: #4F5858;
        width: 30px; }
      .cartContainer .depositCartRows .depositCartItem .itemholder .depositpubtitle {
        background: #4F5858;
        color: #FFF;
        padding: 20px 0 15px 0px;
        width: 61%; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .depositpubtitle a:visited {
          color: white; }
      .cartContainer .depositCartRows .depositCartItem .itemholder .articleUnderIssueSpace {
        height: 50px; }
      .cartContainer .depositCartRows .depositCartItem .itemholder .item {
        margin: 0;
        padding: 0; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .item .stateIcon {
          width: 5%; }
          .cartContainer .depositCartRows .depositCartItem .itemholder .item .stateIcon .iconHolder {
            display: inline-block;
            width: 35%; }
            .cartContainer .depositCartRows .depositCartItem .itemholder .item .stateIcon .iconHolder img {
              display: block;
              width: 100%; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .item .stateIcon:last-child {
          border-bottom: 1px solid #d9d9d9; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .item .rowError {
          background: #fff0f0; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .item .issuerow {
          background: #f5f5f5; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .item .title {
          width: 59%;
          max-width: 290px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          padding-right: 10px; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .item .status {
          width: 10.7%; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .item .action {
          border-right: 1px solid #d9d9d9;
          width: 13.5%; }
          .cartContainer .depositCartRows .depositCartItem .itemholder .item .action a {
            cursor: pointer; }
        .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder {
          width: 90%;
          position: relative;
          border-bottom: none; }
          .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox {
            height: 32px;
            width: 80px;
            margin-left: 15px;
            background-color: #ee6068; }
            .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul {
              height: 100%;
              padding: 0;
              margin: 0;
              list-style: none; }
              .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li {
                height: 100%;
                text-align: center; }
                .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li img {
                  margin-top: 2px;
                  height: 95%; }
                .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips {
                  position: relative !important;
                  display: inline; }
                .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup {
                  font-size: .8em;
                  position: absolute;
                  width: 336px;
                  color: #FFFFFF;
                  height: auto;
                  line-height: 30px;
                  text-align: left;
                  border-radius: 0px;
                  padding: 30px 0 10px 17px;
                  visibility: visible;
                  opacity: 1;
                  top: -80px;
                  right: 71px;
                  z-index: 999;
                  background-color: #ee6068 !important;
                  min-height: 112px;
                  max-height: 352px; }
                  .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup .scrollContainer {
                    max-height: 283px;
                    width: 312px;
                    overflow-y: auto;
                    padding-right: 5px; }
                  .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup .scrollContainer::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
                    border-radius: 10px;
                    background-color: #ff8d90; }
                  .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup .scrollContainer::-webkit-scrollbar {
                    width: 8px;
                    background-color: #ee6068; }
                  .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup .scrollContainer::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
                    background-color: #ebebeb; }
                  .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup .closeButton {
                    position: absolute;
                    right: 8px;
                    top: 5px;
                    width: 13px;
                    height: 13px; }
                  .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup img {
                    height: 30px;
                    float: left; }
                  .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup p {
                    clear: both;
                    margin: 0 0 0 0;
                    line-height: 17px; }
                    .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup p b {
                      font-size: 1.1em; }
                  .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup .errorText {
                    margin-bottom: 10px; }
                .cartContainer .depositCartRows .depositCartItem .itemholder .item .errorholder .errorBox ul li a.tooltips .popup:after {
                  -ms-transform: rotate(270deg);
                  /* IE 9 */
                  -webkit-transform: rotate(270deg);
                  /* Chrome, Safari, Opera */
                  transform: rotate(270deg);
                  content: '';
                  position: absolute;
                  top: 73px;
                  left: 97.7%;
                  width: 0;
                  border-top: 8px solid #ee6068;
                  border-right: 12px solid transparent;
                  border-left: 12px solid transparent; }

.EmptyHolder {
  display: block;
  margin: 0 auto;
  width: 960px; }
  .EmptyHolder .emptyTitle {
    width: 100%;
    display: block;
    font-size: 28px;
    color: #4f5858;
    text-align: center; }
  .EmptyHolder .emptyBoxHolder {
    width: 100%;
    display: block;
    text-align: center; }
    .EmptyHolder .emptyBoxHolder img {
      display: block;
      width: 96px;
      height: 96px;
      margin: 0 auto; }

.borderRight {
  border-right: 1px solid #dbdbdb; }

.borderBottom td {
  border-bottom: 1px solid #dbdbdb; }

.depositReviewItem .itemTitle {
  background: #4F5757;
  color: #FFF;
  padding: 22px 0 42px 20px; }
  .depositReviewItem .itemTitle .titleinnholder {
    cursor: pointer;
    float: left; }
    .depositReviewItem .itemTitle .titleinnholder .arrowHolder img {
      margin: 0 20px 0 0;
      transform: rotate(90deg);
      width: 20px; }
    .depositReviewItem .itemTitle .titleinnholder .openArrowHolder img {
      transform: rotate(180deg); }
  .depositReviewItem .itemTitle .addholder {
    float: right;
    padding: 0 40px 0 0; }
    .depositReviewItem .itemTitle .addholder a {
      cursor: pointer;
      color: black;
      background: #FFF;
      border: 1px solid #4f5858;
      display: inline-block;
      width: 96px;
      height: 24px;
      line-height: 1.7;
      font-size: 13px;
      text-decoration: none;
      text-align: center; }

.depositReviewItem .showItemInfo {
  display: block; }
  .depositReviewItem .showItemInfo .reviewContent {
    position: relative;
    top: 20px; }

.depositReviewItem .hideItemInfo {
  display: none; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.depositHistory {
  margin: 0 auto;
  text-align: left;
  width: 960px; }
  .depositHistory input, .depositHistory select {
    border: 1px solid #DEE1E5; }
  .depositHistory .labelHolder {
    position: relative;
    top: 8px; }
  .depositHistory .pageTitle {
    font-size: 26px;
    text-align: left;
    margin: 0;
    color: #4f5858;
    padding: 35px 0; }
  .depositHistory .dateSearchHolder {
    height: 96px; }
    .depositHistory .dateSearchHolder .start, .depositHistory .dateSearchHolder .end {
      display: inline-block;
      padding: 22px 32px; }
    .depositHistory .dateSearchHolder .start {
      background: #d9d9d9;
      float: left; }
    .depositHistory .dateSearchHolder .end {
      background: #d9d9d9;
      float: right; }
    .depositHistory .dateSearchHolder .datepickerholder .dateselectholder {
      margin: 0 5px 0 0;
      width: 85px !important;
      float: left; }
      .depositHistory .dateSearchHolder .datepickerholder .dateselectholder .datepickselects {
        width: 85px !important;
        float: left;
        padding: 0 10px; }
    .depositHistory .dateSearchHolder .datepickerholder .dateicon {
      width: 30px !important;
      display: inline-block;
      margin-left: -5px; }
      .depositHistory .dateSearchHolder .datepickerholder .dateicon .iconHolder {
        background: #FFF;
        display: inline-block;
        width: 37px;
        height: 34px;
        border-top: 1px solid #4F5858;
        border-right: 1px solid #4F5858;
        border-bottom: 1px solid #4F5858; }
        .depositHistory .dateSearchHolder .datepickerholder .dateicon .iconHolder .calendarButton {
          display: inline-block;
          height: auto;
          width: 39px;
          padding: 1px 4.5px;
          cursor: pointer; }
          .depositHistory .dateSearchHolder .datepickerholder .dateicon .iconHolder .calendarButton .calendarIcon {
            display: inline-block;
            width: 27px;
            height: 27px; }
  .depositHistory .doiSearchHolder {
    height: 32px;
    padding: 30px 0 18px;
    width: 100%; }
    .depositHistory .doiSearchHolder .doiSearch {
      border: 1px solid #DEE1E5;
      float: right;
      height: 32px;
      width: 460px; }
  .depositHistory .historyData {
    border-spacing: 0;
    margin: 0;
    padding: 20px 0 0;
    width: 100%; }
    .depositHistory .historyData tr th {
      border: 1px solid #d9d9d9;
      border-left: 0px;
      border-right: 0px;
      padding: 8px 0; }
    .depositHistory .historyData tr .titleCell {
      width: 290px; }
    .depositHistory .historyData tr .dateCell {
      width: 120px; }
    .depositHistory .historyData tr .typeCell {
      width: 75px; }
    .depositHistory .historyData tr .statusCell {
      width: 85px; }
    .depositHistory .historyData tr .errorCell {
      width: 60px; }
      .depositHistory .historyData tr .errorCell .errorButton {
        width: 25px;
        position: absolute;
        margin-top: -12px; }
      .depositHistory .historyData tr .errorCell .errorMessage {
        background: white;
        position: absolute;
        margin-left: -188px;
        margin-top: 10px;
        width: 400px;
        max-height: 350px;
        padding: 0 0 0 12px;
        box-shadow: 0px 1px 6px 3px #d0d0d0;
        z-index: 1; }
        .depositHistory .historyData tr .errorCell .errorMessage p {
          margin-left: 10px;
          margin-bottom: 12px;
          font-size: 1.03em;
          color: #676262; }
        .depositHistory .historyData tr .errorCell .errorMessage .scrollBox {
          overflow: scroll;
          max-height: 305px;
          padding-right: 12px; }
          .depositHistory .historyData tr .errorCell .errorMessage .scrollBox .singleError {
            margin-bottom: 2px;
            color: white;
            background: #ff5354;
            white-space: normal;
            padding: 8px 12px 8px 12px;
            font-size: .9em;
            line-height: 200%; }
      .depositHistory .historyData tr .errorCell .errorContainer {
        position: absolute;
        margin-top: 15px; }
      .depositHistory .historyData tr .errorCell .errorContainer:after {
        content: "";
        position: absolute;
        z-index: 2;
        width: 0;
        height: 0;
        left: 6px;
        top: 3px;
        border: .5em solid black;
        border-color: transparent transparent white white;
        transform: rotate(135deg);
        box-shadow: -2px 2px 2px 0 #d0d0d0; }
    .depositHistory .historyData tr td {
      max-width: 250px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-top: 32px; }
      .depositHistory .historyData tr td .failedDeposit {
        color: #ef3340 !important; }
      .depositHistory .historyData tr td .doiLink {
        color: inherit; }
    .depositHistory .historyData tr .first {
      border-left: 1px solid #d9d9d9;
      padding: 8px 0 8px 32px;
      width: 140px; }
    .depositHistory .historyData tr .last {
      border-right: 1px solid #d9d9d9; }
    .depositHistory .historyData tr .firstTd {
      padding: 32px 0 0 32px; }
  .depositHistory .pagination {
    display: inline-table;
    float: right;
    margin-top: 40px; }
    .depositHistory .pagination li {
      cursor: pointer;
      display: block;
      height: 37px;
      text-align: center;
      float: left;
      margin: 0 2px 0 0; }
      .depositHistory .pagination li a {
        border: 1px solid #CBCBCB;
        display: table-cell;
        margin: 0 2px 0 0;
        height: 37px;
        min-width: 40px;
        padding: 5px;
        vertical-align: middle; }
    .depositHistory .pagination .active a {
      border: 1px solid #000; }
    .depositHistory .pagination .rc-pagination-next .nex {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      width: 20px;
      height: 20px;
      padding: 0;
      margin: 0;
      position: relative;
      top: 8px;
      right: 1px; }
    .depositHistory .pagination .rc-pagination-prev .prev {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg);
      width: 20px;
      height: 20px;
      padding: 0;
      margin: 0;
      position: relative;
      top: 8px;
      right: 1px; }

.orderBy {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0;
  position: relative;
  top: 2px;
  left: 5px;
  cursor: pointer; }

.ordered {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.waitMessage {
  text-align: center;
  position: fixed;
  width: 400px;
  height: 100px;
  left: 34%;
  top: 46%; }
  .waitMessage img {
    height: 100px;
    animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.opacity {
  opacity: .1; }

.depositPage {
  margin: 0 auto;
  text-align: left;
  width: 960px; }
  .depositPage .pageTitle {
    font-size: 26px;
    text-align: left;
    margin: 0;
    color: #4f5858;
    padding: 35px 0; }
  .depositPage .buttonHolder {
    display: block;
    padding: 0 0 35px 0;
    width: 100%; }
    .depositPage .buttonHolder .buttonInnerHolder {
      width: 100%;
      display: block;
      padding: 0 0 35px 0; }
      .depositPage .buttonHolder .buttonInnerHolder .ReviewButtonHolder {
        float: left; }
        .depositPage .buttonHolder .buttonInnerHolder .ReviewButtonHolder a {
          cursor: pointer;
          color: black;
          background: #FFF;
          border: 1px solid #4f5858;
          display: inline-block;
          width: 192px;
          height: 48px;
          line-height: 48px;
          font-size: 16px;
          text-decoration: none;
          text-align: center; }
      .depositPage .buttonHolder .buttonInnerHolder .DepositButtonHolder {
        float: right; }
        .depositPage .buttonHolder .buttonInnerHolder .DepositButtonHolder a {
          cursor: pointer;
          display: inline-block;
          width: 192px;
          height: 48px;
          line-height: 48px;
          background: #3eb1c8;
          color: #fff;
          font-size: 16px;
          text-decoration: none;
          text-align: center; }
        .depositPage .buttonHolder .buttonInnerHolder .DepositButtonHolder .disabledDeposit {
          background: #A6D8E5 !important; }
        .depositPage .buttonHolder .buttonInnerHolder .DepositButtonHolder .emptycartbutton {
          background: #FFF !important;
          pointer-events: none; }

.resultDiv {
  margin-top: 50px;
  margin-bottom: 100px; }
  .resultDiv .resultTopbar {
    border: 1px solid #dbdbdb;
    text-align: center;
    height: 96px;
    background-color: #f2f2f2;
    padding-top: 20px; }
    .resultDiv .resultTopbar h3 {
      margin: 0;
      padding: 0; }
    .resultDiv .resultTopbar p {
      margin: 0;
      padding: 0;
      font-size: .9em; }
  .resultDiv .resultIndicatorBar {
    border: 1px solid #dbdbdb;
    height: 144px; }
    .resultDiv .resultIndicatorBar .leftIndicator {
      float: left;
      margin-top: 15px;
      margin-left: 96px; }
      .resultDiv .resultIndicatorBar .leftIndicator .leftImage {
        width: 112px; }
      .resultDiv .resultIndicatorBar .leftIndicator .leftMessage {
        margin-left: 35px;
        float: right;
        width: 272px; }
    .resultDiv .resultIndicatorBar .rightIndicator {
      float: right;
      margin-top: 15px; }
      .resultDiv .resultIndicatorBar .rightIndicator .rightImage {
        width: 112px; }
      .resultDiv .resultIndicatorBar .rightIndicator .rightMessage {
        margin-left: 35px;
        float: right;
        width: 272px; }
  .resultDiv .titleStatusBar {
    border: 1px solid #dbdbdb;
    height: 32px;
    background-color: #596565;
    color: white;
    padding-top: 7px; }
    .resultDiv .titleStatusBar .leftTitle {
      float: left;
      margin-left: 60px; }
    .resultDiv .titleStatusBar .rightStatus {
      float: right;
      margin-right: 340px; }
  .resultDiv .resultCard {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb; }
    .resultDiv .resultCard .publicationTitleBar {
      height: 48px;
      width: 1000px;
      background-color: #596565;
      color: white; }
      .resultDiv .resultCard .publicationTitleBar .publicationTitle {
        vertical-align: middle;
        padding-left: 60px;
        width: 100%; }
    .resultDiv .resultCard .errorBorder {
      border: 1px solid red; }
    .resultDiv .resultCard .normalBorder {
      border-bottom: 1px solid #dbdbdb; }
    .resultDiv .resultCard .white {
      background-color: white !important; }
    .resultDiv .resultCard .issueBar {
      background-color: #dddddd; }
    .resultDiv .resultCard .articleBar .depositResultRow {
      height: 48px;
      vertical-align: middle; }
      .resultDiv .resultCard .articleBar .depositResultRow .articleTitle {
        padding-left: 80px;
        max-width: 572px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 10px;
        width: 572px; }
      .resultDiv .resultCard .articleBar .depositResultRow .articleUnderIssueTitle {
        padding-left: 110px;
        width: 572px; }
      .resultDiv .resultCard .articleBar .depositResultRow .articleResult {
        width: 100px; }
      .resultDiv .resultCard .articleBar .depositResultRow .errorResult {
        width: 258px; }
      .resultDiv .resultCard .articleBar .depositResultRow .urlBox {
        white-space: nowrap;
        max-width: 260px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .resultDiv .resultCard .articleBar .depositResultRow .errorBox {
        background-color: #ee6068; }
        .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul {
          padding: 0;
          margin: 0;
          list-style: none; }
          .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul li {
            width: 128px;
            height: 44px;
            text-align: center; }
            .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul li img {
              margin-top: 6px;
              height: 33px; }
            .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul li a.tooltips {
              position: relative !important;
              display: inline; }
            .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul li a.tooltips div {
              font-size: .8em;
              position: absolute;
              width: 400px;
              color: #FFFFFF;
              height: auto;
              line-height: 30px;
              text-align: left;
              border-radius: 0px;
              padding: 10px 0 10px 17px;
              visibility: visible;
              opacity: 1;
              bottom: 63px;
              margin-left: -300px;
              z-index: 999;
              background-color: #ee6068 !important;
              border: 1px solid black; }
              .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul li a.tooltips div img {
                height: 30px;
                float: left; }
              .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul li a.tooltips div p {
                clear: both;
                margin: 0; }
              .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul li a.tooltips div .closeButton {
                position: absolute;
                right: 8px;
                top: 5px;
                width: 13px;
                height: 13px; }
            .resultDiv .resultCard .articleBar .depositResultRow .errorBox ul li a.tooltips div:after {
              content: '';
              position: absolute;
              top: 100%;
              left: 90%;
              margin-left: -8px;
              width: 0;
              border-top: 8px solid #ee6068;
              border-right: 12px solid transparent;
              border-left: 12px solid transparent; }

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=e98f5793-4cb3-43cf-9c5a-90c30937c6bd&fontids=903184,903187,903190,903193,903196,903199,903202,903205");
@font-face {
  font-family: "HelveticaNeueETW01-45Lt";
  src: url("fonts/HelveticaNeueETW01-45Lt/HelveticaNeueETW01-45Lt.eot?#iefix");
  src: url("fonts/HelveticaNeueETW01-45Lt/HelveticaNeueETW01-45Lt.eot?#iefix") format("eot"), url("fonts/HelveticaNeueETW01-45Lt/HelveticaNeueETW01-45Lt.woff2") format("woff2"), url("fonts/HelveticaNeueETW01-45Lt/HelveticaNeueETW01-45Lt.woff") format("woff"), url("fonts/HelveticaNeueETW01-45Lt/HelveticaNeueETW01-45Lt.ttf") format("truetype"), url("fonts/HelveticaNeueETW01-45Lt/HelveticaNeueETW01-45Lt.svg#ccde919e-a712-41ef-b90f-9efc47661659") format("svg"); }

@font-face {
  font-family: "HelveticaNeueETW01-46Lt";
  src: url("fonts/HelveticaNeueETW01-46Lt/HelveticaNeueETW01-46Lt.eot?#iefix");
  src: url("fonts/HelveticaNeueETW01-46Lt/HelveticaNeueETW01-46Lt.eot?#iefix") format("eot"), url("fonts/HelveticaNeueETW01-46Lt/HelveticaNeueETW01-46Lt.woff2") format("woff2"), url("fonts/HelveticaNeueETW01-46Lt/HelveticaNeueETW01-46Lt.woff") format("woff"), url("fonts/HelveticaNeueETW01-46Lt/HelveticaNeueETW01-46Lt.ttf") format("truetype"), url("fonts/HelveticaNeueETW01-46Lt/HelveticaNeueETW01-46Lt.svg#c1993d56-4077-454a-8b19-635fa5a39532") format("svg"); }

@font-face {
  font-family: "HelveticaNeueETW01-55Rg";
  src: url("fonts/HelveticaNeueETW01-55Rg/HelveticaNeueETW01-55Rg.eot?#iefix");
  src: url("fonts/HelveticaNeueETW01-55Rg/HelveticaNeueETW01-55Rg.eot?#iefix") format("eot"), url("fonts/HelveticaNeueETW01-55Rg/HelveticaNeueETW01-55Rg.woff2") format("woff2"), url("fonts/HelveticaNeueETW01-55Rg/HelveticaNeueETW01-55Rg.woff") format("woff"), url("fonts/HelveticaNeueETW01-55Rg/HelveticaNeueETW01-55Rg.ttf") format("truetype"), url("fonts/HelveticaNeueETW01-55Rg/HelveticaNeueETW01-55Rg.svg#958b12cf-2908-4254-8cb9-9b12c3aa151e") format("svg"); }

@font-face {
  font-family: "HelveticaNeueETW01-56It";
  src: url("fonts/HelveticaNeueETW01-56It/HelveticaNeueETW01-56It.eot?#iefix");
  src: url("fonts/HelveticaNeueETW01-56It/HelveticaNeueETW01-56It.eot?#iefix") format("eot"), url("fonts/HelveticaNeueETW01-56It/HelveticaNeueETW01-56It.woff2") format("woff2"), url("fonts/HelveticaNeueETW01-56It/HelveticaNeueETW01-56It.woff") format("woff"), url("fonts/HelveticaNeueETW01-56It/HelveticaNeueETW01-56It.ttf") format("truetype"), url("fonts/HelveticaNeueETW01-56It/HelveticaNeueETW01-56It.svg#205c950e-e47f-4d97-9738-0a68edc4258d") format("svg"); }

@font-face {
  font-family: "HelveticaNeueETW01-65Md";
  src: url("fonts/HelveticaNeueETW01-65Md/HelveticaNeueETW01-65Md.eot?#iefix");
  src: url("fonts/HelveticaNeueETW01-65Md/HelveticaNeueETW01-65Md.eot?#iefix") format("eot"), url("fonts/HelveticaNeueETW01-65Md/HelveticaNeueETW01-65Md.woff2") format("woff2"), url("fonts/HelveticaNeueETW01-65Md/HelveticaNeueETW01-65Md.woff") format("woff"), url("fonts/HelveticaNeueETW01-65Md/HelveticaNeueETW01-65Md.ttf") format("truetype"), url("fonts/HelveticaNeueETW01-65Md/HelveticaNeueETW01-65Md.svg#2379b081-2371-47d9-8be9-4e39d7892ebf") format("svg"); }

@font-face {
  font-family: "HelveticaNeueETW01-66Md";
  src: url("fonts/HelveticaNeueETW01-66Md/HelveticaNeueETW01-66Md.eot?#iefix");
  src: url("fonts/HelveticaNeueETW01-66Md/HelveticaNeueETW01-66Md.eot?#iefix") format("eot"), url("fonts/HelveticaNeueETW01-66Md/HelveticaNeueETW01-66Md.woff2") format("woff2"), url("fonts/HelveticaNeueETW01-66Md/HelveticaNeueETW01-66Md.woff") format("woff"), url("fonts/HelveticaNeueETW01-66Md/HelveticaNeueETW01-66Md.ttf") format("truetype"), url("fonts/HelveticaNeueETW01-66Md/HelveticaNeueETW01-66Md.svg#4e787888-465d-4004-b616-6565e88fbe50") format("svg"); }

@font-face {
  font-family: "HelveticaNeueETW01-75Bd";
  src: url("fonts/HelveticaNeueETW01-75Bd/HelveticaNeueETW01-75Bd.eot?#iefix");
  src: url("fonts/HelveticaNeueETW01-75Bd/HelveticaNeueETW01-75Bd.eot?#iefix") format("eot"), url("fonts/HelveticaNeueETW01-75Bd/HelveticaNeueETW01-75Bd.woff2") format("woff2"), url("fonts/HelveticaNeueETW01-75Bd/HelveticaNeueETW01-75Bd.woff") format("woff"), url("fonts/HelveticaNeueETW01-75Bd/HelveticaNeueETW01-75Bd.ttf") format("truetype"), url("fonts/HelveticaNeueETW01-75Bd/HelveticaNeueETW01-75Bd.svg#62455047-c81f-44f1-8938-7739fa0f0e8d") format("svg"); }

@font-face {
  font-family: "HelveticaNeueETW01-76Bd";
  src: url("fonts/HelveticaNeueETW01-76Bd/HelveticaNeueETW01-76Bd.eot?#iefix");
  src: url("fonts/HelveticaNeueETW01-76Bd/HelveticaNeueETW01-76Bd.eot?#iefix") format("eot"), url("fonts/HelveticaNeueETW01-76Bd/HelveticaNeueETW01-76Bd.woff2") format("woff2"), url("fonts/HelveticaNeueETW01-76Bd/HelveticaNeueETW01-76Bd.woff") format("woff"), url("fonts/HelveticaNeueETW01-76Bd/HelveticaNeueETW01-76Bd.ttf") format("truetype"), url("fonts/HelveticaNeueETW01-76Bd/HelveticaNeueETW01-76Bd.svg#3b59e91c-919a-4e7a-9ada-8c73b3378f03") format("svg"); }

.button-anchor {
  background: #3eb1c8;
  color: #fff;
  padding: 8px;
  border: 0px none transparent;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s linear; }
  .button-anchor:hover {
    background-color: #56b9d1; }

.cursor {
  cursor: pointer; }

input[type=button].button-anchor, input[type=submit].button-anchor {
  padding: 16px; }

input, select, textarea {
  padding: 5px 16px;
  border: 0px solid #4F5858;
  outline: 1px solid #4F5858;
  outline-offset: -1px; }

.left-indent-16 {
  padding-left: 16px; }

.flex {
  display: flex; }

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

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

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.overflow-hack {
  overflow: hidden; }

.clear-both {
  clear: both; }

label input[type=checkbox] {
  visibility: hidden;
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden; }
  label input[type=checkbox] + span {
    display: flex;
    width: 14px;
    height: 14px;
    margin: 4px auto;
    border: 1px solid #9f9f9f;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer; }
  label input[type=checkbox]:hover + span:before, label input[type=checkbox]:checked + span:before {
    content: ' ';
    position: absolute;
    display: block;
    background: url("images/App/Asset_Icons_Grey_Check 2.svg");
    width: 15px;
    height: 15px;
    left: -1px;
    top: -1px; }
  label input[type=checkbox]:checked + span {
    background: #3eb1c8;
    border: 1px solid black; }
    label input[type=checkbox]:checked + span:before {
      background: url("images/App/Asset_Icons_White_Check 2.svg"); }

.empty-message {
  padding: 35px 0;
  text-align: center; }

.react-datepicker__day--selected {
  background-color: #3eb1cB !important; }

.react-datepicker__day--keyboard-selected {
  background-color: #3eb1cB !important; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.app .app-contents .login {
  flex-grow: 1;
  background: url("images/Login/LoginImage-1.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; }
  .app .app-contents .login .Sunset {
    padding: 12px 12px 12px 12px;
    background: #e9e9e9;
    border-radius: 4px;
    color: #454e4e;
    background-color: #FFE395;
    text-align: center;
    font-size: 14px;
    margin: auto;
    display: inline-block;
    margin-top: 10px;
    box-shadow: 0 3px 6px #0000004D; }
  .app .app-contents .login .warn-card {
    background: white;
    display: inline-block;
    margin: 79px 16px;
    width: 358px;
    position: absolute;
    left: 50%;
    text-align: left;
    box-shadow: 0 1px 5px black; }
    .app .app-contents .login .warn-card .title {
      padding: 20px;
      border-bottom: 2px solid #999;
      font-size: 18px;
      display: block;
      width: 100%; }
    .app .app-contents .login .warn-card .content {
      padding-left: 20px; }
      .app .app-contents .login .warn-card .content span {
        margin-bottom: 20px;
        margin-right: 20px;
        font-size: 12px;
        display: block;
        padding-top: 10px; }
        .app .app-contents .login .warn-card .content span a {
          color: #2da6bf;
          style: none; }
      .app .app-contents .login .warn-card .content .back {
        padding: 10px;
        background: url("images/Login/back.png") no-repeat;
        display: block; }
      .app .app-contents .login .warn-card .content .username {
        padding: 6px 12px 6px 12px;
        background: #e9e9e9;
        border-radius: 4px;
        color: #454e4e;
        width: 300px;
        display: block; }
      .app .app-contents .login .warn-card .content .warning {
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 20px 0px 20px 0px;
        border-bottom: 1px solid #ddd;
        font-size: 16px;
        display: block; }
      .app .app-contents .login .warn-card .content input {
        width: 100%; }
  .app .app-contents .login .login-card {
    background: white;
    display: inline-block;
    margin: 79px 16px;
    width: 358px;
    position: absolute;
    left: 50%;
    text-align: left;
    box-shadow: 0 1px 5px black; }
    .app .app-contents .login .login-card form {
      padding: 32px; }
    .app .app-contents .login .login-card.invalid-credentials input:not([type=button]):not([type=submit]) {
      border: 1px solid #ef3340;
      outline: none;
      background-color: #ffe3e3 !important; }
    .app .app-contents .login .login-card .card-title {
      font-size: 18px; }
    .app .app-contents .login .login-card label {
      font-size: 16px;
      display: block;
      width: 100%;
      padding-top: 16px; }
      .app .app-contents .login .login-card label:nth-of-type(1) {
        padding-top: 32px; }
      .app .app-contents .login .login-card label select, .app .app-contents .login .login-card label input {
        width: 100%;
        margin-top: 16px;
        font-size: 14px;
        height: 32px; }
    .app .app-contents .login .login-card .forgot-password {
      margin-bottom: 16px; }
    .app .app-contents .login .login-card span.invalid-credentials {
      color: #f00;
      font-size: 12px; }
    .app .app-contents .login .login-card div.invalid-credentials {
      top: 0;
      left: 0;
      background: #e74855;
      color: #fff;
      font-size: 12px;
      width: 100%;
      line-height: 15px;
      padding: 10px;
      text-align: center; }
      .app .app-contents .login .login-card div.invalid-credentials a {
        color: #fff; }
    .app .app-contents .login .login-card .button-anchor, .app .app-contents .login .login-card .forgot-password {
      margin-top: 32px;
      width: 100%; }
      .app .app-contents .login .login-card .button-anchor a, .app .app-contents .login .login-card .forgot-password a {
        color: #333;
        text-decoration: none; }
        .app .app-contents .login .login-card .button-anchor a:hover, .app .app-contents .login .login-card .forgot-password a:hover {
          text-decoration: underline; }

.ReactModal__Body--open {
  overflow: hidden; }

.ReactModal__Overlay--after-open {
  background-color: rgba(0, 0, 0, 0.5) !important;
  overflow-y: scroll;
  z-index: 9001; }
  .ReactModal__Overlay--after-open .ReactModal__Content--after-open {
    position: relative;
    border: 0 !important;
    padding: 0 !important;
    margin: auto !important;
    max-width: 864px;
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.5);
    border-radius: 3px; }
    .ReactModal__Overlay--after-open .ReactModal__Content--after-open .modal .titlebar {
      background: #4F5858;
      min-height: 70px;
      width: 100%; }
      .ReactModal__Overlay--after-open .ReactModal__Content--after-open .modal .titlebar .titlebarinner {
        position: relative;
        top: 20px;
        color: #FFFFFF;
        display: table;
        float: none;
        height: 100%;
        margin: 0 auto;
        width: 94%; }
        .ReactModal__Overlay--after-open .ReactModal__Content--after-open .modal .titlebar .titlebarinner .title {
          display: table-cell;
          vertical-align: middle;
          text-align: left;
          width: 100%;
          font-size: 18px;
          font-family: Helvetica Neue, Medium; }
        .ReactModal__Overlay--after-open .ReactModal__Content--after-open .modal .titlebar .titlebarinner .titleclose {
          display: table-cell;
          text-align: right;
          vertical-align: middle;
          width: 50%; }
          .ReactModal__Overlay--after-open .ReactModal__Content--after-open .modal .titlebar .titlebarinner .titleclose a img {
            cursor: pointer;
            width: 32px;
            height: 31.25px; }
    .ReactModal__Overlay--after-open .ReactModal__Content--after-open .modal .modalbody {
      width: 100%; }
      .ReactModal__Overlay--after-open .ReactModal__Content--after-open .modal .modalbody .modalboddyinner {
        width: 100%; }
  .ReactModal__Overlay--after-open .defaultModal {
    position: relative;
    top: 40px;
    left: auto;
    right: auto;
    bottom: 40px;
    border: 1px solid #cccccc;
    background: white;
    overflow: auto;
    outline: none;
    padding: 20px; }
  .ReactModal__Overlay--after-open .warningModal {
    position: relative;
    border-radius: 3px;
    top: 180px;
    left: auto;
    right: auto;
    bottom: 40px;
    border: 1px solid #cccccc;
    background: white;
    overflow: auto;
    outline: none;
    padding: 20px; }
    .ReactModal__Overlay--after-open .warningModal .modal .titlebar {
      background: #F25C66; }
  .ReactModal__Overlay--after-open .errorModal {
    position: relative;
    top: 300px;
    width: 400px;
    left: auto;
    right: auto;
    bottom: 40px;
    border: 1px solid #cccccc;
    overflow: auto;
    border-radius: 4px;
    outline: none;
    padding: 20px; }
    .ReactModal__Overlay--after-open .errorModal .modal .titlebar {
      background: #ff4f52; }
      .ReactModal__Overlay--after-open .errorModal .modal .titlebar .titlebarinner {
        top: 0;
        padding: 20px 0 15px 0; }
    .ReactModal__Overlay--after-open .errorModal .modal .modalbody {
      display: none; }
  .ReactModal__Overlay--after-open .tourModal {
    position: relative;
    top: 100px;
    width: auto;
    left: auto;
    right: auto;
    bottom: 40px;
    border: 1px solid #cccccc;
    overflow: auto;
    border-radius: 4px;
    outline: none;
    padding: 20px; }
    .ReactModal__Overlay--after-open .tourModal .modal .titlebar {
      display: none; }
    .ReactModal__Overlay--after-open .tourModal .modal .modalbody .modalboddyinner div {
      position: relative; }
      .ReactModal__Overlay--after-open .tourModal .modal .modalbody .modalboddyinner div img {
        width: 860px; }
      .ReactModal__Overlay--after-open .tourModal .modal .modalbody .modalboddyinner div .slideButton-1 {
        background-color: transparent;
        position: absolute;
        width: 193px;
        height: 59px;
        bottom: 78px;
        right: 155px;
        cursor: pointer; }
      .ReactModal__Overlay--after-open .tourModal .modal .modalbody .modalboddyinner div .slideButton-2 {
        background-color: transparent;
        position: absolute;
        bottom: 78px;
        left: 46px;
        width: 195px;
        height: 59px;
        cursor: pointer; }
      .ReactModal__Overlay--after-open .tourModal .modal .modalbody .modalboddyinner div .slideButton-3 {
        background-color: transparent;
        position: absolute;
        bottom: 78px;
        right: 48px;
        width: 193px;
        height: 59px;
        cursor: pointer; }
      .ReactModal__Overlay--after-open .tourModal .modal .modalbody .modalboddyinner div .slideButton-4 {
        background-color: transparent;
        position: absolute;
        bottom: 78px;
        left: 47px;
        width: 193px;
        height: 59px;
        cursor: pointer; }
      .ReactModal__Overlay--after-open .tourModal .modal .modalbody .modalboddyinner div .slideButton-5 {
        background-color: transparent;
        position: absolute;
        bottom: 78px;
        left: 47px;
        width: 193px;
        height: 59px;
        cursor: pointer; }
      .ReactModal__Overlay--after-open .tourModal .modal .modalbody .modalboddyinner div .slideButton-6 {
        background-color: transparent;
        position: absolute;
        bottom: 78px;
        left: 37px;
        width: 195px;
        height: 60px;
        cursor: pointer; }
  .ReactModal__Overlay--after-open .transferTitleModal {
    position: relative;
    top: 40px;
    left: auto;
    right: auto;
    bottom: 40px;
    border: 1px solid #cccccc;
    background: white;
    outline: none;
    padding: 20px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.publication h1 {
  font-size: 26px;
  text-align: left;
  margin: 0;
  color: #4f5858; }

.publication .publication-header {
  background: url("images/App/BannerArt_WorksList%20Banner.svg") no-repeat center center;
  background-size: 1930px;
  height: 222px;
  border-bottom: 2px solid #4f5858; }
  .publication .publication-header .publication-status-selector {
    margin: 0 auto;
    width: 960px;
    border: 4px solid #4f5858;
    background: white;
    display: flex;
    position: relative;
    top: 50%;
    height: 72px; }
    .publication .publication-header .publication-status-selector a {
      cursor: pointer;
      width: 238px;
      height: 64px;
      line-height: 64px;
      display: block;
      font-size: 20px;
      font-family: 'HelveticaNeueETW01-65Md';
      color: #4f5858; }
      .publication .publication-header .publication-status-selector a.selected {
        font-family: 'HelveticaNeueETW01-55Rg';
        color: white;
        background: #4f5858;
        position: relative; }
        .publication .publication-header .publication-status-selector a.selected:before {
          content: ' ';
          background: url(images/Publications/Triangle.svg);
          width: 50px;
          height: 25px;
          display: block;
          position: absolute;
          left: calc(50% - 25px);
          bottom: -44px; }

.publication .publication-title {
  padding: 48px 0 30px 0;
  width: 960px;
  margin: 0 auto; }
  .publication .publication-title h1 {
    float: left; }
  .publication .publication-title .recordSearchHolder {
    width: 100%;
    margin: 70px 0 0 0; }
    .publication .publication-title .recordSearchHolder .record-search-container {
      position: relative;
      float: right;
      width: 608px;
      height: 40px; }
      .publication .publication-title .recordSearchHolder .record-search-container:before {
        content: "";
        background: url("images/AddArticle/DarkTriangle.svg") no-repeat right center;
        width: 16px;
        height: 100%;
        top: 0;
        left: 80px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        position: absolute;
        pointer-events: none; }
      .publication .publication-title .recordSearchHolder .record-search-container .searchType {
        float: left;
        height: 40px;
        width: 104px;
        padding-left: 30px;
        -moz-appearance: none;
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        border-right: none;
        background-color: white; }
      .publication .publication-title .recordSearchHolder .record-search-container input {
        height: 40px;
        width: 496px;
        padding-left: 9.24px;
        position: relative; }
      .publication .publication-title .recordSearchHolder .record-search-container input::placeholder {
        color: #4F5858;
        padding-left: 18px;
        background: url("images/Publications/Add.svg") no-repeat left center; }
      .publication .publication-title .recordSearchHolder .record-search-container .record-search-results {
        position: absolute;
        font-size: 12px;
        top: 39px;
        left: 108px;
        width: 496px;
        height: 370px;
        text-align: left;
        background: white;
        border: 1px solid black;
        overflow: auto;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        z-index: 1; }
        .publication .publication-title .recordSearchHolder .record-search-container .record-search-results .record-search-result-holder {
          cursor: pointer; }
          .publication .publication-title .recordSearchHolder .record-search-container .record-search-results .record-search-result-holder .add {
            display: inline-block;
            line-height: 32px;
            vertical-align: top;
            color: deepskyblue;
            cursor: pointer; }
          .publication .publication-title .recordSearchHolder .record-search-container .record-search-results .record-search-result-holder .record-search-result {
            display: inline-block;
            height: 50%;
            line-height: 16px;
            padding: 10px 20px 10px 28px;
            width: 88%;
            overflow: hidden; }
          .publication .publication-title .recordSearchHolder .record-search-container .record-search-results .record-search-result-holder:hover {
            background: #f1f1f1; }

.publication .publication-actions {
  padding: 48px 0 32px 0;
  width: 960px;
  margin: 0 auto; }
  .publication .publication-actions .add-record {
    cursor: pointer;
    border: none;
    background: #3eb1c8;
    color: #fff;
    display: inline-block;
    width: 192px;
    line-height: 48px;
    font-size: 16px;
    text-decoration: none; }
  .publication .publication-actions .actions {
    width: 192px;
    border: 1px solid #4f5858;
    line-height: 46px;
    font-size: 16px; }
  .publication .publication-actions .activeAction {
    line-height: 48px;
    border: none;
    background: #3eb1c8;
    color: #fff; }
  .publication .publication-actions .tooltips {
    position: relative; }
    .publication .publication-actions .tooltips div {
      position: absolute;
      width: 160px;
      color: #FFFFFF;
      background: #4f5858;
      line-height: 30px;
      text-align: left;
      border-radius: 0px;
      padding: 10px 0 5px 0;
      visibility: visible;
      opacity: 1;
      top: 57px;
      right: 9%;
      z-index: 999; }
      .publication .publication-actions .tooltips div p {
        font-size: .83em;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px; }
      .publication .publication-actions .tooltips div p:hover {
        background: #3eb1c8; }
    .publication .publication-actions .tooltips div:after {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 46%;
      width: 0;
      height: 0;
      border-bottom: 8px solid #4f5858;
      border-right: 8px solid transparent;
      border-left: 8px solid transparent; }

.publication .publication-children {
  width: 960px;
  margin: 0 auto 48px auto; }
  .publication .publication-children table {
    width: 100%;
    border-collapse: collapse; }
  .publication .publication-children td {
    padding: 0 8px;
    text-align: left;
    text-transform: capitalize;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    background-clip: padding-box; }
    .publication .publication-children td.title {
      width: 300px;
      max-width: 300px; }
    .publication .publication-children td.url {
      width: 280px;
      max-width: 280px;
      text-transform: none;
      position: relative; }
    .publication .publication-children td.date, .publication .publication-children td.type {
      width: 140px;
      max-width: 140px; }
    .publication .publication-children td.status {
      width: 80px;
      max-width: 80px; }
    .publication .publication-children td.checkbox {
      width: 40px;
      max-width: 40px; }
  .publication .publication-children tr.issue:not(.failed) > td {
    background-color: #d9d9d9; }
  .publication .publication-children tr.failed > td {
    background-color: #fdeaec; }
    .publication .publication-children tr.failed > td.status {
      color: #ef3340; }
  .publication .publication-children tr:not(.failed) > td {
    background-color: white; }
  .publication .publication-children .publication-children-listing > tbody > tr > td {
    border-top: 1px solid #d9d9d9; }
    .publication .publication-children .publication-children-listing > tbody > tr > td:first-child {
      border-left: 1px solid #d9d9d9; }
    .publication .publication-children .publication-children-listing > tbody > tr > td:last-child {
      border-right: 1px solid #d9d9d9;
      padding-right: 16px; }
  .publication .publication-children .publication-children-listing > tbody > tr > td, .publication .publication-children .publication-children-listing > thead > tr > td {
    height: 48px; }
  .publication .publication-children .publication-children-listing > tbody tr:last-child td, .publication .publication-children .publication-children-listing > thead tr:last-child td {
    border-bottom: 1px solid #d9d9d9;
    overflow: visible; }
  .publication .publication-children .publication-children-listing .publicationSortArrow {
    top: 4px; }
  .publication .publication-children table.publication-children-listing td.issue-articles:last-child {
    padding-right: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }
    .publication .publication-children table.publication-children-listing td.issue-articles:last-child thead {
      display: none; }
    .publication .publication-children table.publication-children-listing td.issue-articles:last-child tbody tr:last-child td {
      border-bottom: 0 none transparent; }
    .publication .publication-children table.publication-children-listing td.issue-articles:last-child tbody tr td {
      border-bottom: 0 none transparent;
      border-top: 0 none transparent; }
      .publication .publication-children table.publication-children-listing td.issue-articles:last-child tbody tr td:first-child {
        border-left: 0 none transparent; }
      .publication .publication-children table.publication-children-listing td.issue-articles:last-child tbody tr td:last-child {
        border-right: 0 none transparent; }
      .publication .publication-children table.publication-children-listing td.issue-articles:last-child tbody tr td.checkbox {
        padding-left: 20px;
        width: 50px; }
      .publication .publication-children table.publication-children-listing td.issue-articles:last-child tbody tr td.title {
        width: 290px; }

.issueDOILink {
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  width: 60%; }

.issueDoiAddNew {
  position: absolute;
  top: 12px;
  right: 16px;
  border: 1px solid #4f5858;
  color: #000 !important;
  display: inline-table;
  height: 24px;
  text-decoration: none;
  width: 96px; }
  .issueDoiAddNew span {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center; }
  .issueDoiAddNew:active, .issueDoiAddNew:hover, .issueDoiAddNew:visited {
    color: #000 !important; }

.actionModal {
  padding: 20px 43px 45px 43px; }
  .actionModal .messageHolder {
    min-height: 170px;
    font-size: 1.05em; }
  .actionModal .buttonTable {
    display: table;
    width: 100%; }
    .actionModal .buttonTable .tableRow {
      width: 100%;
      display: table-row; }
      .actionModal .buttonTable .tableRow .leftCell {
        display: table-cell;
        width: 50%; }
      .actionModal .buttonTable .tableRow .rightCell {
        display: table-cell;
        width: 50%; }
        .actionModal .buttonTable .tableRow .rightCell .leftButton {
          float: right;
          cursor: pointer;
          background: white;
          border: 1px solid #4f5858;
          color: #4f5858;
          width: 145px;
          height: 38px;
          margin-right: 35px;
          font-size: 1.05em; }
        .actionModal .buttonTable .tableRow .rightCell .rightButton {
          float: right;
          cursor: pointer;
          background: #ef3340;
          border: none;
          color: white;
          width: 145px;
          height: 38px;
          font-size: 1.05em; }
  .actionModal .buttonHolder {
    margin-bottom: 51px; }
    .actionModal .buttonHolder button {
      cursor: pointer;
      float: right;
      background: white;
      border: 1px solid #4f5858;
      color: #4f5858;
      width: 130px;
      height: 31px; }

.grayedOut {
  color: grey;
  cursor: not-allowed; }

.sorted {
  color: #3eb1c8; }

.moveModal {
  padding: 0 0px 20px 0px; }
  .moveModal .issuesContainer {
    height: 500px;
    padding: 20px 0 0 30px;
    overflow: scroll;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap; }
    .moveModal .issuesContainer .issueBox {
      margin-bottom: 30px;
      margin-right: 30px;
      width: 177.5px;
      height: 120px;
      background: #e7e7e7;
      padding: 15px;
      color: #6e6e6e;
      cursor: pointer; }
    .moveModal .issuesContainer .selectedIssue {
      background: #3eb1c8;
      color: white; }
  .moveModal .buttonContainer {
    display: flex;
    height: 100px;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    border-top: 2px #e7e7e7 solid;
    padding: 0 30px 0 30px; }
    .moveModal .buttonContainer .leftButton {
      cursor: pointer;
      background: white;
      border: 1px solid #4f5858;
      color: #4f5858;
      width: 140px;
      height: 40px;
      font-size: 1.1em; }
    .moveModal .buttonContainer .rightButton {
      margin-left: 30px;
      cursor: pointer;
      background: #3eb1c8;
      border: none;
      color: white;
      width: 140px;
      height: 40px;
      font-size: 1.1em; }
    .moveModal .buttonContainer .inactive {
      background: white;
      cursor: not-allowed;
      color: #4f5858;
      border: 1px solid #4f5858; }

.publications .management-bar {
  width: 968px;
  margin: 0 auto;
  padding: 80px 24px 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .publications .management-bar .publication-search-container {
    position: relative;
    padding-bottom: 5px;
    background-repeat: no-repeat; }
    .publications .management-bar .publication-search-container input {
      height: 40px;
      width: 608px;
      padding-left: 9.24px;
      position: relative; }
    .publications .management-bar .publication-search-container input::placeholder {
      color: #4F5858;
      padding-left: 18px;
      background: url("images/Publications/Add.svg") no-repeat left center; }
    .publications .management-bar .publication-search-container .publication-search-results {
      position: absolute;
      font-size: 12px;
      line-height: 100%;
      top: 31px;
      left: 0;
      width: 100%;
      height: 370px;
      text-align: left;
      background: white;
      border: 1px solid black;
      overflow: auto;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
      z-index: 1; }
  .publications .management-bar .addPublicationCard .addPublication {
    cursor: pointer;
    background: #3eb1c8;
    border: 1px solid #3eb1c8;
    color: #FFFFFF;
    padding: 8px;
    width: 130px;
    height: 40px;
    width: 176px; }

.publications .content {
  width: 968px;
  margin: 0 auto; }
  .publications .content .publication-card {
    color: black; }
    .publications .content .publication-card .card {
      position: relative;
      width: 288px;
      height: 208px;
      float: left;
      margin: 16px;
      padding: 16px;
      text-align: left;
      font-size: 12px; }
      .publications .content .publication-card .card .publication-name {
        font-size: 14px;
        font-family: "HelveticaNeueETW01-65Md";
        color: #4f5858; }
      .publications .content .publication-card .card .publication-type {
        color: #4f5858; }
      .publications .content .publication-card .card .publication-edit {
        position: absolute;
        right: 15px;
        bottom: 10px;
        background-color: Transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        overflow: hidden;
        outline: none;
        font-size: 14px;
        font-family: "HelveticaNeueETW01-65Md";
        color: #3eb1cB; }

.reviewModal {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
  .reviewModal .modal .titlebar .titlebarinner .title .innerTitleHolder {
    display: table-cell;
    height: 100%;
    width: 730px; }
    .reviewModal .modal .titlebar .titlebarinner .title .innerTitleHolder .innterTitleHolderIcon {
      float: left;
      height: 100%;
      padding: 0 10px 0 0; }
      .reviewModal .modal .titlebar .titlebarinner .title .innerTitleHolder .innterTitleHolderIcon img {
        height: 32px;
        position: relative;
        top: 0px;
        left: -12px; }
    .reviewModal .modal .titlebar .titlebarinner .title .innerTitleHolder .innerTitleHolderText {
      width: 100%;
      margin-top: 2px;
      font-size: 18px; }
  .reviewModal .modal .titlebar .titlebarinner .titleclose a img {
    margin-right: -12px; }
  .reviewModal .modal .modalbody .modalboddyinner {
    margin: 20px 32px 20px 0 !important; }

.ReviewArticleCard {
  margin: 0px 0 40px 0;
  position: relative; }
  .ReviewArticleCard .modalContainer {
    margin: 0 auto;
    width: 960px; }

.reviewArticle {
  display: table;
  width: 100%; }
  .reviewArticle .firstBorder, .reviewArticle .secondBorder, .reviewArticle .reviewContent {
    display: table-cell; }
    .reviewArticle .firstBorder .abstractReview, .reviewArticle .secondBorder .abstractReview, .reviewArticle .reviewContent .abstractReview {
      word-break: break-word; }
  .reviewArticle .firstBorder {
    padding: 0 0 0 10px;
    height: 100%;
    width: 18px;
    vertical-align: bottom; }
    .reviewArticle .firstBorder .innerBorder {
      background: #d9d9d9;
      height: 97%;
      width: 6px; }
  .reviewArticle .secondBorder {
    padding: 0 0 0 10px;
    height: 100%;
    width: 14px;
    vertical-align: bottom; }
    .reviewArticle .secondBorder .innerBorder {
      background: #d9d9d9;
      height: 80%;
      width: 4px; }
  .reviewArticle .reviewContent {
    padding: 0 32px 0 16px;
    vertical-align: top;
    width: 100%; }
    .reviewArticle .reviewContent h4 {
      margin: 0 0 16px 0; }
    .reviewArticle .reviewContent ul {
      counter-reset: foo;
      display: table;
      padding-left: 0; }
      .reviewArticle .reviewContent ul li {
        counter-increment: foo;
        display: table-row; }
        .reviewArticle .reviewContent ul li p {
          margin: 5px 0; }
      .reviewArticle .reviewContent ul li::before {
        content: counter(foo) ".";
        display: table-cell;
        text-align: right;
        padding-right: 10px; }

.addToCart {
  float: right;
  width: 144px;
  height: 24px;
  color: #FFFFFF;
  background: #3eb1c8;
  border: 0px;
  margin: 0 32px 0 0;
  border-radius: 3px; }

.depositCartHolder {
  position: relative;
  line-height: 5px;
  padding-top: 35px; }
  .depositCartHolder .subtext {
    font-size: 12px; }
  .depositCartHolder .topnav {
    left: -80px;
    position: absolute !important;
    top: 85px; }
    .depositCartHolder .topnav .toast-success {
      box-shadow: none !important;
      webkit-box-shadow: none !important;
      background: none !important;
      padding: 15px 0 0 0 !important;
      background-image: none !important;
      opacity: 0.98 !important; }
      .depositCartHolder .topnav .toast-success .toast-title .toastTitle {
        position: relative; }
        .depositCartHolder .topnav .toast-success .toast-title .toastTitle .arrow {
          background-image: url(images/Toast/Triangle.svg);
          background-repeat: no-repeat;
          background-size: 40px 20px;
          position: absolute;
          top: -16px;
          left: 136px;
          width: 40px;
          height: 22px;
          z-index: 9999999; }
      .depositCartHolder .topnav .toast-success .toast-close-button {
        display: none; }
      .depositCartHolder .topnav .toast-success .toast-message {
        background: #3EB1C8;
        padding: 10px;
        position: relative;
        top: 4px; }
        .depositCartHolder .topnav .toast-success .toast-message .toastMessage {
          width: 100%; }
          .depositCartHolder .topnav .toast-success .toast-message .toastMessage .iconHolder {
            display: table-cell;
            vertical-align: middle;
            width: 20%; }
            .depositCartHolder .topnav .toast-success .toast-message .toastMessage .iconHolder img {
              display: block;
              padding: 10px;
              width: 100%; }
          .depositCartHolder .topnav .toast-success .toast-message .toastMessage .message {
            display: table-cell;
            line-height: normal;
            text-align: left;
            vertical-align: middle;
            width: 80%; }
  .depositCartHolder .remove-message .toast-success .toast-title .toastTitle .arrow {
    background-image: url(images/Toast/Triangle_Red.svg); }
  .depositCartHolder .remove-message .toast-success .toast-message {
    background: #EE6068; }

.addPublicationCard {
  position: relative;
  width: 95%;
  left: 27px; }
  .addPublicationCard .publicationConfirmation {
    margin-top: 7px;
    margin-left: -30px;
    width: 860px; }

.addPublication {
  cursor: pointer;
  background: #3eb1c8;
  border: 1px solid #3eb1c8;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 12px;
  width: 176px;
  height: 48px; }

.addPublications {
  display: table;
  width: 100%; }
  .addPublications .required {
    background: #3eb1c8;
    color: #FFFFFF;
    font-size: 20px;
    text-align: center; }
    .addPublications .required span {
      vertical-align: sub; }
  .addPublications input, .addPublications select {
    padding: 6px 16px; }
  .addPublications .fieldRowHolder {
    display: table-row;
    width: 100%;
    font-family: Helvetica Neue, Medium; }
    .addPublications .fieldRowHolder .fieldinput {
      display: table-cell;
      padding: 0 0 20px 0;
      width: 50%; }
      .addPublications .fieldRowHolder .fieldinput .left-indent-36 {
        padding: 15px 0 15px 39px; }
      .addPublications .fieldRowHolder .fieldinput .inputholder {
        width: 100%; }
        .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder {
          position: relative;
          display: inline-table;
          width: 100%; }
          .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .required, .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .notrequired, .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder input, .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder select {
            display: table-cell;
            font-size: 14px;
            vertical-align: middle;
            border-radius: 3px 3px 3px 3px; }
          .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .required, .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .notrequired {
            width: 4%; }
          .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder input, .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder select {
            height: 32px;
            width: 336px;
            outline: 0px solid #4F5858;
            border: 1px solid #4F5858;
            margin-left: 3px; }
          .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder input, .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder text, .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder textarea {
            outline: 0px solid #4F5858;
            border: 1px solid #4F5858;
            border-radius: 3px 3px 3px 3px; }
          .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .invalid {
            border: 1px solid #ef3340;
            background-color: #ef3340;
            color: #ffe3e3;
            margin: 0 0 0 5%;
            padding: 10px;
            width: 336px;
            font-size: 13px; }
          .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .doiDropdown {
            position: absolute;
            top: 40px;
            width: 336px;
            background: #4f5858;
            padding-top: 22px;
            padding-bottom: 18px;
            z-index: 2; }
            .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .doiDropdown .instruction {
              color: white;
              margin-bottom: 15px;
              padding-left: 15px; }
            .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .doiDropdown .doiOptionContainer {
              cursor: pointer;
              position: relative;
              height: 30px;
              display: flex;
              flex-direction: row;
              align-items: center; }
              .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .doiDropdown .doiOptionContainer .checkmark {
                width: 30px;
                height: 30px;
                left: 7px;
                top: 0px;
                position: absolute; }
              .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .doiDropdown .doiOptionContainer .doiOption {
                margin-top: 0px;
                margin-bottom: 0px;
                margin-left: 40px;
                color: white;
                font-size: 1em;
                font-family: system-ui; }
            .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .doiDropdown .doiOptionContainer:hover {
              background: #3eb1c8; }
          .addPublications .fieldRowHolder .fieldinput .inputholder .inputinnerholder .doiDropdown:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 46%;
            width: 0;
            height: 0;
            border-bottom: 8px solid #4f5858;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent; }
      .addPublications .fieldRowHolder .fieldinput .button-anchor {
        border: 2px solid #3eb1c8;
        float: right;
        padding: 8px;
        font-size: 16px;
        width: 144px;
        height: 40px;
        border-radius: 3px; }
      .addPublications .fieldRowHolder .fieldinput .button-white-cancel {
        background: #ffffff;
        border: 2px solid #4F5858;
        color: #4f5858;
        float: left;
        padding: 8px;
        text-align: center; }
      .addPublications .fieldRowHolder .fieldinput .button-red-removal {
        background: #ffffff;
        border: 2px solid #F25C66;
        color: #F25C66;
        float: left;
        padding: 8px;
        width: 208px;
        text-align: center; }
      .addPublications .fieldRowHolder .fieldinput.invalid input:not([type=button]):not([type=submit]) {
        background-color: #ffe3e3 !important; }
      .addPublications .fieldRowHolder .fieldinput.invalid .invalid {
        border: 1px solid #ef3340;
        background-color: #ef3340;
        color: #ffe3e3;
        margin: 0 0 0 5%;
        padding: 10px;
        width: 90%; }
  .addPublications .buttonholder {
    height: 110px; }
    .addPublications .buttonholder .fieldinput {
      vertical-align: bottom;
      padding-right: 65px;
      padding-left: 23px; }

.resolveWarning {
  padding: 20px 25px 10px 40px; }
  .resolveWarning .messageHolder div {
    margin-bottom: 20px; }
  .resolveWarning .buttonHolder {
    height: 90px;
    padding-top: 50px;
    padding-right: 15px; }
    .resolveWarning .buttonHolder button {
      float: right;
      margin-left: 30px;
      width: 110px;
      height: 30px; }
    .resolveWarning .buttonHolder .cancel {
      background: #d9d9d9;
      border: 1px solid #4f5858;
      color: #4f5858; }
    .resolveWarning .buttonHolder .ok {
      background: #3eb1c8;
      border: none;
      color: white; }

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
html, body {
  font-family: "HelveticaNeueETW01-55Rg";
  font-size: 14px;
  color: #000;
  font-weight: 400; }
  html div, body div {
    outline: none; }

.app {
  min-width: 960px; }

body {
  margin: 0;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

body, #root, .app {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.app-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

* {
  box-sizing: border-box; }

.loginButton {
  font-size: 16px; }

.userProfileMenuHolder {
  position: relative; }
  .userProfileMenuHolder .profileMenuTrigger {
    cursor: pointer; }
    .userProfileMenuHolder .profileMenuTrigger .profileActions {
      width: 15px;
      height: 15px;
      padding: 0;
      margin: 0 0 0 16px;
      position: relative;
      top: 3px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .userProfileMenuHolder .profileMenuTrigger .menuOpen {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
  .userProfileMenuHolder .profileMenu {
    z-index: 99;
    position: absolute;
    width: 140px;
    color: #FFFFFF;
    background: #4f5858;
    line-height: 10px;
    text-align: left;
    top: 90px;
    left: -30px;
    padding: 8px 0 8px 0; }
    .userProfileMenuHolder .profileMenu p {
      cursor: pointer;
      margin: 0;
      padding: 12px 15px 12px 15px; }
    .userProfileMenuHolder .profileMenu p:hover {
      background: #3eb1c8; }
  .userProfileMenuHolder .profileMenu:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #4f5858;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent; }


.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae; }

.react-datepicker-wrapper {
  display: inline-block;
  position: absolute;
  margin-left:-5px;
  margin-top: -1px;
  z-index: -1;
}

.react-datepicker__input-container > input {
  background-color: transparent;
  width: 38px;
  height: 35px;
  color: transparent;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper {
  left: 10px;
  z-index: 1; }
  .react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px;
    margin-left: -26px;
  }
  .react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 6px; }
  .react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px; }
    .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
      left: auto;
      right: 42px; }
  .react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px; }
    .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
      left: 42px;
      right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1; }
  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc; }
    .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b2b2; }
  .react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc; }
    .react-datepicker__navigation--next:hover {
      border-left-color: #b3b2b2; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #ccc; }
      .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b2b2; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #ccc; }
      .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b2b2; }

.react-datepicker__month-container {
  display: inline;
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }
  .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer; }
    .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
      border-radius: 0.3rem;
      background-color: #f0f0f0; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }
  .react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  .react-datepicker__day--today {
    font-weight: bold; }
  .react-datepicker__day--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff; }
    .react-datepicker__day--highlighted:hover {
      background-color: #32be3f; }
    .react-datepicker__day--highlighted-custom-1 {
      color: magenta; }
    .react-datepicker__day--highlighted-custom-2 {
      color: green; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff; }
    .react-datepicker__day--keyboard-selected:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5); }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000; }
  .react-datepicker__day--disabled {
    cursor: default;
    color: #ccc; }
    .react-datepicker__day--disabled:hover {
      background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block; }


.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover {
    cursor: pointer; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #b3b2b2; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover {
    cursor: pointer; }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover {
    background-color: #ccc; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b2b2; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #b3b2b2; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected {
    position: absolute;
    left: 15px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }
  .react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\00d7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day {
      width: 2rem;
      line-height: 2rem; } }
  .react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem; }
  .react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent; }
  .react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b2b2; }
  .react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--next:hover {
      border-left-color: #b3b2b2; }

.search-result-holder {
  cursor: pointer; }
  .search-result-holder .add {
    display: inline-block;
    line-height: 32px;
    vertical-align: top;
    color: #3eb1c8;
    cursor: pointer; }
  .search-result-holder .search-result {
    display: inline-block;
    height: 50%;
    line-height: 16px;
    padding: 10px 20px 10px 28px;
    width: 88%;
    overflow: hidden; }
  .search-result-holder:hover {
    background: #f1f1f1; }

.notAddable {
  cursor: not-allowed !important; }

.stateTracker {
  padding: 5px;
  background-color: #ffffe2;
  position: fixed;
  right: 10px;
  bottom: 40px;
  border: 1px dotted;
  border-radius: 10px;
  max-width: 450px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10; }

.stateTracker li {
  white-space: nowrap;
  margin: 0;
  padding-left: 10px; }

.stateTracker ul {
  list-style-position: inside;
  list-style-type: none;
  margin: 0;
  padding-left: 10px;
  padding-bottom: 0;
  padding-top: 0; }

.stateTracker button:focus {
  outline: none !important; }

.stateTracker button {
  font-weight: bold;
  margin-left: -2px;
  padding: 0 0 0 10px;
  text-decoration: underline;
  background-color: Transparent;
  border: none;
  font-size: 1.1em;
  cursor: pointer; }

.arrayList {
  margin-left: 5px !important; }

.hiddenList {
  display: none; }

.expandButton {
  float: left;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  background-color: white !important;
  border: 1px solid blue !important;
  font-size: .9em !important; }

.logButton {
  float: right;
  text-decoration: none !important; }

.switch{border:1px solid #ccc;width:50px;height:26px;border-radius:13px;cursor:pointer;display:inline-block}.switch-toggle{border:1px solid #999;box-shadow:1px 1px 1px #ccc;width:25px;height:24px;left:0;border-radius:12px;background:#fff;position:relative;transition:left .2s ease-in-out}.switch.on{background:green}.switch.on .switch-toggle{left:23px}.switch.disabled{cursor:not-allowed}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.transferTitleModal .transferTitleContainer {
  width: 100%;
  height: 460px;
  padding: 0px 20px 20px; }
  .transferTitleModal .transferTitleContainer .transferTitleInstruction {
    width: 829px;
    font-size: 13px;
    padding-left: 7px;
    padding-bottom: 10px; }
  .transferTitleModal .transferTitleContainer .content {
    width: 100%;
    height: 300px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row; }
    .transferTitleModal .transferTitleContainer .content .sectionTitle {
      font-size: 14px !important; }
    .transferTitleModal .transferTitleContainer .content .fromContainer {
      width: 370px;
      background-color: #f5f5f5; }
      .transferTitleModal .transferTitleContainer .content .fromContainer .titleBar {
        width: 100%;
        height: 30px;
        background-color: #d9d9d9;
        color: #4f5858;
        padding: 7px 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        overflow: hidden;
        min-width: 0; }
      .transferTitleModal .transferTitleContainer .content .fromContainer p {
        margin-left: 50px;
        font-size: 12px; }
      .transferTitleModal .transferTitleContainer .content .fromContainer .fromBar {
        width: 75%;
        height: 30px;
        background-color: #d9d9d9;
        border: 1px solid #4f5858;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        overflow: hidden;
        padding: 6px 10px;
        margin-left: 30px; }
    .transferTitleModal .transferTitleContainer .content .center {
      width: 80px;
      height: 100%;
      padding-top: 120px; }
    .transferTitleModal .transferTitleContainer .content .toContainer {
      width: 370px;
      background-color: #f5f5f5;
      position: relative; }
      .transferTitleModal .transferTitleContainer .content .toContainer .helpArea {
        position: absolute;
        right: -5px;
        top: 40px;
        z-index: 999;
        width: 50px;
        height: 50px; }
        .transferTitleModal .transferTitleContainer .content .toContainer .helpArea .helpIcon {
          width: 20px;
          cursor: pointer;
          position: absolute;
          right: 15px; }
        .transferTitleModal .transferTitleContainer .content .toContainer .helpArea .helpBubble {
          width: 250px;
          height: 80px;
          background-color: #ffd86b;
          position: absolute;
          right: -35px;
          top: 32px;
          border-radius: 8px;
          padding-left: 15px;
          padding-top: 10px;
          box-sizing: border-box; }
          .transferTitleModal .transferTitleContainer .content .toContainer .helpArea .helpBubble p {
            margin: 0 0 8px 0;
            font-size: 12px;
            font-weight: bold; }
          .transferTitleModal .transferTitleContainer .content .toContainer .helpArea .helpBubble a {
            font-size: 12px; }
          .transferTitleModal .transferTitleContainer .content .toContainer .helpArea .helpBubble:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            left: 183px;
            top: -6px;
            border: 0.5em solid #ffd86b;
            transform: rotate(135deg); }
      .transferTitleModal .transferTitleContainer .content .toContainer .emptyTitle {
        width: 100%;
        height: 30px;
        background-color: white; }
      .transferTitleModal .transferTitleContainer .content .toContainer p {
        margin-left: 50px;
        font-size: 12px; }
      .transferTitleModal .transferTitleContainer .content .toContainer .toInput {
        margin-left: 20px;
        height: 30px;
        width: auto;
        display: flex;
        flex-direction: row;
        font-size: 13px;
        position: relative; }
        .transferTitleModal .transferTitleContainer .content .toContainer .toInput .requiredStar {
          width: 20px;
          background-color: #3eb1c8;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 14px;
          color: white; }
        .transferTitleModal .transferTitleContainer .content .toContainer .toInput .toPublisherSearch {
          width: 75%;
          border: 1px solid #4f5858;
          background-color: white;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 12px;
          overflow: hidden;
          padding: 6px 10px; }
        .transferTitleModal .transferTitleContainer .content .toContainer .toInput .toPrefixSelect {
          width: 75%;
          border: 1px solid #4f5858;
          background-color: white;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 12px;
          overflow: hidden;
          padding: 6px 10px;
          position: relative; }
          .transferTitleModal .transferTitleContainer .content .toContainer .toInput .toPrefixSelect .selectCarrot {
            width: 20px;
            position: absolute;
            right: 10px;
            top: 4px;
            transform: rotate(90deg); }
        .transferTitleModal .transferTitleContainer .content .toContainer .toInput .publicationsList {
          width: calc(90% - 20px); }
        .transferTitleModal .transferTitleContainer .content .toContainer .toInput .prefixesList {
          width: calc(80% - 20px); }
        .transferTitleModal .transferTitleContainer .content .toContainer .toInput .list {
          position: absolute;
          left: 20px;
          top: 29px;
          z-index: 20;
          background-color: white;
          border: 1px solid #4f5858;
          padding-top: 10px;
          padding-bottom: 10px;
          max-height: 200px;
          overflow: scroll; }
          .transferTitleModal .transferTitleContainer .content .toContainer .toInput .list .listItem {
            height: 30px;
            cursor: pointer;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 12px;
            overflow: hidden;
            padding: 7px 10px; }
            .transferTitleModal .transferTitleContainer .content .toContainer .toInput .list .listItem:hover {
              background-color: #d9d9d9;
              color: #3eb1c8; }
  .transferTitleModal .transferTitleContainer .buttons {
    width: 100%;
    height: 40px; }
    .transferTitleModal .transferTitleContainer .buttons .cancel {
      background: #d9d9d9;
      border: 1px solid #4f5858;
      color: #4f5858;
      float: right;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 140px;
      height: 40px;
      margin-right: 30px;
      cursor: pointer; }
    .transferTitleModal .transferTitleContainer .buttons .transfer {
      float: right;
      width: 140px;
      height: 40px;
      line-height: 18px;
      background: #3eb1c8;
      color: #FFFFFF;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
    .transferTitleModal .transferTitleContainer .buttons .transferNotReady {
      border: 1px solid #4f5858;
      background-color: white !important;
      color: #4f5858 !important;
      cursor: not-allowed !important; }

.warningModal .transferWarningContainer {
  width: 100%;
  height: auto;
  padding: 20px 20px 30px 30px;
  font-family: Helvetica Neue, Medium;
  font-size: 16px; }
  .warningModal .transferWarningContainer p {
    color: #000000;
    margin-right: 80px; }
  .warningModal .transferWarningContainer .toPublisherHeader {
    margin-left: 20px;
    margin-top: 35px; }
  .warningModal .transferWarningContainer .toPublisher {
    background-color: #f5f5f5;
    width: 400px;
    height: 30px;
    padding: 6px 20px;
    color: #4f5858;
    min-width: fit-content; }
  .warningModal .transferWarningContainer .buttons {
    width: 100%;
    height: 40px;
    margin-top: 30px; }
    .warningModal .transferWarningContainer .buttons .cancelWarning {
      background: white;
      border: 2px solid #4f5858;
      color: #4f5858;
      float: right;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 140px;
      height: 40px;
      margin-right: 30px;
      cursor: pointer;
      border-radius: 3px; }
    .warningModal .transferWarningContainer .buttons .transferWarning {
      float: right;
      width: 140px;
      height: 40px;
      line-height: 18px;
      background: #F25C66;
      color: #FFFFFF;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      border-radius: 3px; }


/*# sourceMappingURL=app.css.map*/