#order-error .content, #complete .content {
  padding: 20px; }

#waiting .spinner {
  text-align: center;
  padding: 50px 0; }
#waiting .explanation {
  padding: 5px 0; }

#download .alert {
  margin: 10px 20px 5px 20px; }
  #download .alert a, #download .alert a:visited, #download .alert a:hover {
    color: #c09853;
    text-decoration: underline; }
#download .download-list {
  padding: 0 20px; }
  #download .download-list .no-files-yet {
    padding: 20px 0; }
  #download .download-list .item, #download .download-list .folder {
    float: left;
    clear: both;
    width: 100%;
    padding: 30px 0 24px 0;
    border-bottom: 1px dashed #BBB; }
    #download .download-list .item .icon, #download .download-list .folder .icon {
      float: left;
      margin-right: 12px;
      height: 45px; }
      #download .download-list .item .icon.custom-product-image, #download .download-list .folder .icon.custom-product-image {
        position: relative;
        top: -3px; }
    #download .download-list .item .text, #download .download-list .folder .text {
      float: left;
      width: 67.5%; }
      #download .download-list .item .text .name, #download .download-list .folder .text .name {
        font-weight: bold;
        font-size: 15px;
        line-height: 15px;
        color: #666;
        padding-top: 1px; }
        #download .download-list .item .text .name a, #download .download-list .item .text .name a:hover, #download .download-list .item .text .name a:visited, #download .download-list .folder .text .name a, #download .download-list .folder .text .name a:hover, #download .download-list .folder .text .name a:visited {
          color: #666;
          text-decoration: none; }
      #download .download-list .item .text .licenses, #download .download-list .folder .text .licenses {
        padding-top: 4px;
        font-size: 13px;
        line-height: 13px;
        color: #888; }
      #download .download-list .item .text .expiry, #download .download-list .folder .text .expiry {
        padding-top: 4px;
        font-size: 13px;
        line-height: 13px;
        color: #B9B9B9; }
    #download .download-list .item .button, #download .download-list .folder .button {
      float: right; }
      #download .download-list .item .button a, #download .download-list .item .button a:hover, #download .download-list .item .button a:visited, #download .download-list .folder .button a, #download .download-list .folder .button a:hover, #download .download-list .folder .button a:visited {
        color: #999;
        text-decoration: none;
        font-size: 15px;
        border: 1px solid #999;
        border-radius: 5px;
        padding: 8px 20px;
        display: block; }
    #download .download-list .item:last-child, #download .download-list .folder:last-child {
      border-bottom: none; }
  #download .download-list .folder .folder-img {
    padding-top: 3px; }
  #download .download-list .folder .folder-explain {
    padding-top: 4px;
    font-size: 13px;
    line-height: 13px; }
    #download .download-list .folder .folder-explain a, #download .download-list .folder .folder-explain a:hover {
      color: #B9B9B9;
      text-decoration: none; }
  #download .download-list .folder .items {
    display: none;
    padding-left: 25px; }
    #download .download-list .folder .items .item .text {
      width: 65%; }
    #download .download-list .folder .items .item:last-child {
      padding-bottom: 0; }
  #download .download-list .inactive .button {
    border-color: #BBB; }
    #download .download-list .inactive .button a, #download .download-list .inactive .button a:hover, #download .download-list .inactive .button a:visited {
      color: #BBB; }

#download .meta, #view-media .meta {
  margin: 0 20px;
  padding: 20px 0 10px 0;
  text-align: center;
  clear: both;
  border-top: 1px dashed #BBB; }
  #download .meta .meta-buttons .download-all, #view-media .meta .meta-buttons .download-all {
    display: inline-block;
    margin-right: 5px; }
    #download .meta .meta-buttons .download-all a, #download .meta .meta-buttons .download-all a:hover, #download .meta .meta-buttons .download-all a:visited, #view-media .meta .meta-buttons .download-all a, #view-media .meta .meta-buttons .download-all a:hover, #view-media .meta .meta-buttons .download-all a:visited {
      border: 1px solid #999;
      border-radius: 5px;
      display: block;
      padding: 8px 20px 8px 20px;
      margin: 0 0 20px 0;
      color: #999;
      text-decoration: none; }
  #download .meta .meta-buttons .dropbox, #view-media .meta .meta-buttons .dropbox {
    display: inline-block; }
    #download .meta .meta-buttons .dropbox a, #download .meta .meta-buttons .dropbox a:hover, #download .meta .meta-buttons .dropbox a:visited, #view-media .meta .meta-buttons .dropbox a, #view-media .meta .meta-buttons .dropbox a:hover, #view-media .meta .meta-buttons .dropbox a:visited {
      background: url(https://transactions.sendowl.com/assets/sendowl/dropbox-781a07f97b18ef72c40c2ed75fd8e42461ac58511e9eaf8beee459627a0e75d9.png) 8px 8px no-repeat;
      border: 1px solid #999;
      border-radius: 5px;
      display: block;
      padding: 8px 20px 8px 35px;
      margin: 0 0 20px 0;
      color: #999;
      text-decoration: none; }
      #download .meta .meta-buttons .dropbox a.in-progress, #download .meta .meta-buttons .dropbox a:hover.in-progress, #download .meta .meta-buttons .dropbox a:visited.in-progress, #view-media .meta .meta-buttons .dropbox a.in-progress, #view-media .meta .meta-buttons .dropbox a:hover.in-progress, #view-media .meta .meta-buttons .dropbox a:visited.in-progress {
        background: url() 8px 8px no-repeat; }
      #download .meta .meta-buttons .dropbox a.complete, #download .meta .meta-buttons .dropbox a:hover.complete, #download .meta .meta-buttons .dropbox a:visited.complete, #view-media .meta .meta-buttons .dropbox a.complete, #view-media .meta .meta-buttons .dropbox a:hover.complete, #view-media .meta .meta-buttons .dropbox a:visited.complete {
        background: url(https://transactions.sendowl.com/assets/sendowl/dropbox-complete-22c29d25c2bd36101b96a062838796292f8e4b5262e9b339cc5e376de72818b4.png) 8px 8px no-repeat; }
  #download .meta .powered, #view-media .meta .powered {
    padding: 0; }

#view-media .content {
  padding: 18px 20px 8px 20px; }
#view-media .meta {
  margin: 0 5px; }
#view-media .player {
  max-width: 640px; }
#view-media .audio-player {
  height: 150px;
  margin-bottom: 5px; }
#view-media .hidden-player {
  display: none; }
#view-media .download {
  color: #555;
  padding: 10px 2px 0 1px;
  margin: 5px 0 0 0;
  text-align: center; }
  #view-media .download a, #view-media .download a:hover, #view-media .download a:visited {
    color: #999;
    text-decoration: none;
    font-size: 15px;
    line-height: 21px;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 8px 20px;
    display: inline-block; }
#view-media .back-link {
  margin: 20px 0;
  text-align: center; }
#view-media .not-available {
  text-align: center;
  margin: 50px 0 50px 0; }

.fullpage-field-entry .intro {
  padding: 10px 0;
  font-size: 15px; }
.fullpage-field-entry .alert {
  margin: 10px 0; }
.fullpage-field-entry .main {
  padding: 0 0 5px 0; }
.fullpage-field-entry .buttons {
  padding: 15px 0 10px 0; }
  .fullpage-field-entry .buttons .submit-btn {
    padding: 6px 20px; }
.fullpage-field-entry input {
  padding: 4px 6px;
  border: 1px solid #AAA; }

#recover-order .main {
  padding-bottom: 2px; }
  #recover-order .main input {
    width: 240px;
    height: 30px;
    line-height: 22px; }
#recover-order .submit-btn {
  padding: 6px 15px; }

#unsubscribe .content {
  padding: 20px; }
#unsubscribe .buttons {
  padding: 25px 0 0 0; }
  #unsubscribe .buttons input {
    margin: 0 auto; }

@media (max-width: 767px) {
  #download .download-list .item .text {
    width: 85%; }
    #download .download-list .item .text .name a, #download .download-list .item .text .name a:hover {
      text-decoration: underline; }
  #download .download-list .item .button {
    display: none; }
  #download .download-list .folder .items .item .text {
    width: 85%; } }
@media (max-width: 400px) {
  .fullpage-field-entry .intro {
    font-size: 16px; }
  .fullpage-field-entry input {
    height: 38px;
    line-height: 26px;
    font-size: 16px; }

  #order-error .content, #complete .content {
    padding: 10px 15px 15px 15px;
    font-size: 16px; }
    #order-error .content input[type="text"], #order-error .content textarea, #complete .content input[type="text"], #complete .content textarea {
      padding: 0 10px;
      height: 38px;
      line-height: 26px;
      font-size: 16px; }

  #waiting .explanation {
    font-size: 16px; }

  #download .alert {
    font-size: 15px; }
  #download .download-list .item .text .name, #download .download-list .folder .text .name {
    font-size: 16px;
    line-height: 16px; }
  #download .download-list .item .text .licenses, #download .download-list .folder .text .licenses {
    font-size: 15px;
    line-height: 15px; }
  #download .download-list .item .text .expiry, #download .download-list .folder .text .expiry {
    font-size: 15px;
    line-height: 15px; }
  #download .download-list .item .text {
    width: 80%; }
  #download .download-list .folder .items .item .text {
    width: 80%; }

  #view-media .content {
    padding: 10px 15px 15px 15px;
    font-size: 16px; } }
#manage-subscription-order .content {
  padding-bottom: 20px; }
#manage-subscription-order .row {
  padding: 1px 0; }
  #manage-subscription-order .row .col-xs-4 {
    font-weight: bold;
    color: #444; }
#manage-subscription-order .payments {
  position: relative;
  left: -5px; }
  #manage-subscription-order .payments td, #manage-subscription-order .payments th {
    padding: 2px 5px 2px 5px;
    font-weight: normal; }
  #manage-subscription-order .payments th {
    border-bottom: 1px solid #777; }
  #manage-subscription-order .payments tr td, #manage-subscription-order .payments tr th {
    border-right: 1px solid #777; }
    #manage-subscription-order .payments tr td:last-child, #manage-subscription-order .payments tr th:last-child {
      border-right: none; }

#manage-subscription-update-card .fields input[type=text] {
  height: 30px;
  line-height: 18px; }
  #manage-subscription-update-card .fields input[type=text].error {
    border: 1px solid #C83347; }
#manage-subscription-update-card .fields #stripe-card-element {
  padding: 5px 10px 0 12px;
  height: 36px;
  width: 300px;
  border-radius: 5px;
  border: 1px solid #CCC;
  background-color: #fff; }
#manage-subscription-update-card .fields .buttons {
  width: 100%; }
#manage-subscription-update-card .fields .apple-pay-button {
  display: none;
  float: left;
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 7px;
  padding: 0px;
  box-sizing: border-box;
  width: 125px;
  height: 38px;
  margin-left: 5px; }
#manage-subscription-update-card .fields .apple-pay-button-black {
  background-image: -webkit-named-image(apple-pay-logo-white);
  background-color: black; }

@media (max-width: 600px) {
  #manage-subscription-order .payments-intro:after {
    content: ":"; }
  #manage-subscription-order .payments-details {
    width: 100%;
    clear: both;
    margin-top: 15px; } }
@media (max-width: 479px) {
  #manage-subscription-order .intro, #manage-subscription-order .meta-data, #manage-subscription-order .payments, #manage-subscription-order .payments-intro {
    font-size: 16px; }

  #manage-subscription-update-card .intro {
    font-size: 16px; }
  #manage-subscription-update-card .fields input {
    float: left; }
  #manage-subscription-update-card .fields input[type="text"], #manage-subscription-update-card .fields textarea {
    padding: 0 10px;
    height: 38px;
    line-height: 26px;
    font-size: 16px; }
  #manage-subscription-update-card .fields input.card {
    width: 250px; }
  #manage-subscription-update-card .fields input.expiry {
    clear: both;
    margin: 5px 5px 0 0; }
  #manage-subscription-update-card .fields input.cvc {
    margin-top: 5px; }
  #manage-subscription-update-card .buttons {
    float: left;
    clear: both; }
  #manage-subscription-update-card .footer {
    clear: both; } }