html {
    min-height: 100%;
}


body {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fcfcfc !important;
    transition: 0.26s all;
    font-family: "nunito sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

footer {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px;
    background-color: #fafafa;
    color: #606060;
    text-align: center;
}



footer a {
    padding-right: 30px;
}

button, h3, h1, h2, p, h4, div, input {
    font-family: 'Nunito Sans';
}

button {
    color: white;
}

.content-item {
  /* display:none !important */
}

.pace {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  z-index:100;

  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);

  -webkit-transition: -webkit-transform .2s ease-out;
  -ms-transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.pace.pace-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
  background: #29d;

  pointer-events: none;
}


iframe[name=google_conversion_frame] {
    position: absolute;
}

body[loggedin=false] #invites-container {
    display: none;
}

.tooltip {
    z-index: 5001
}

#login-separator {
    text-align: center;
    font-size: 0.7em;
    padding: 15px;
}

#forgot-password-link {
    float: right;
    font-size: 0.8em;
    padding-top: 0.1em;
    position: absolute;
    right: 15px;
    top: 0;
}

#premium-bot {
    text-align: center
}

#audio-player {
    position: absolute;
    top: 45px;
    bottom: 0;
    right: 0;
    left: 0;
    max-width: initial;
}

#audio-title {
    color:white;
}

#audio-player .mejs-container {
    width: 100% !important;
}

#audio-player ul.mejs {
    max-height: 2000px !important;
}

#audio-player .mejs-shuffle-button button:before {
    font-size: 15px;
    position: relative;
}

#get-a-modal label {
    padding: 15px;
    border-bottom: 3px dashed #dedede;
}

#get-a-modal label:hover {
    background: #f6f6f6;
    transition: 0.3s all;
}

#get-a-modal span {
    line-height: 51px;
    margin-left: 15px;
    font-weight: 200;
    color: #2E404C;
    font-size: 16px;
}

#get-a-modal button {
    float: right;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 900;
    height: 50px;
    line-height: 14px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.298039) 1px 2px 0px;
    touch-action: manipulation;
    background-color: rgb(103, 193, 105);
    background-image: none;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(255, 255, 255);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(255, 255, 255);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-top-style: none;
    border-top-width: 0px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px -5px 0px 0px inset;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
}

#get-a-modal img {
    margin-left: 15px;
}

#a-plan-select-title:after {
    border-bottom-color: rgba(0, 0, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 15px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgba(0, 0, 0, 0);
    border-left-style: solid;
    border-left-width: 15px;
    border-right-color: rgba(0, 0, 0, 0);
    border-right-style: solid;
    border-right-width: 15px;
    border-top-style: solid;
    border-top-width: 15px;
    bottom: -30px;
    box-sizing: border-box;
    display: block;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px;
    content: '';
    border-top-color: #f7f7f7;
}

@media (max-width: 830px) {
    #get-a-modal button {
        display: none;
    }
}

ul.mejs {
    max-height: none !important;
}

.progression-skin .mejs-controls .mejs-playpause-button, .progression-skin .mejs-controls .mejs-prevtrack-button {
    border-left: none !important;
}

.progression-skin .mejs-playlist ul {
    max-height: none !important;
}

div.mejs-controls {
    border-bottom: 2px solid #bb5050 !important;
}

div.mejs-controls:hover {
    border-bottom: 2px solid #dd4040 !important;
}

.get-more-link {
    visibility: hidden;
}

.reveal-modal-bg {
    background: linear-gradient(129.41deg, rgba(255, 255, 255, 0.5) 0%, rgba(222, 228, 252, 0.5) 100%) !important;
}

body[loggedin="true"] #welcome-top {
    display: none;
}

.seedr-doc-div {
    padding: 50px;
    font-weight: 300;
    text-align: center;
    background: white;
    border: 1px solid #fafafa;
    box-shadow: 0 0 2px #dedede;
}

.seedr-doc-div p {
    text-align: justify;
    font-size: 10pt;
}

.seedr-doc-div .columns {
    float:none;
}

/* Loaders */
.sk-cube-grid {
    width: 120px;
    height: 120px;
    margin: 40px auto;
    opacity: 0.7;
}

.sk-cube {
    background-color: #39AECA !important;
}

/* Bonuses Page */
.bonus-title:after {
    border-bottom-color: rgba(0, 0, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 20px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgba(0, 0, 0, 0);
    border-left-style: solid;
    border-left-width: 20px;
    border-right-color: rgba(0, 0, 0, 0);
    border-right-style: solid;
    border-right-width: 20px;
    border-top-color: rgb(217, 248, 255);
    border-top-style: solid;
    border-top-width: 20px;
    bottom: -40px;
    box-sizing: border-box;
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px;
    content: '';
}

.bonus-header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(68, 97, 157);
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 19px;
    font-weight: 300;
    height: 115px;
    line-height: 27.142858505249px;
    padding-bottom: 0px;
    padding-left: 80px;
    padding-right: 25px;
    padding-top: 0px;
    position: relative;
    text-align: left;
}

.bonus-header:after {
    border-bottom-color: rgba(0, 0, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 15px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgba(0, 0, 0, 0);
    border-left-style: solid;
    border-left-width: 15px;
    border-right-color: rgba(0, 0, 0, 0);
    border-right-style: solid;
    border-right-width: 15px;
    border-top-style: solid;
    border-top-width: 15px;
    bottom: -30px;
    box-sizing: border-box;
    display: block;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px;
    content: '';
}

.bonus-header.twitter {
    background-color: #32b3e3
}

.bonus-header.youtube {
    background-color: #dc0000
}

.bonus-header.googleplus {
    background-color: #83c317
}

.bonus-header.blog {
    background-color: #535353
}

.bonus-header.facebook {
    background-color: #44619d
}

.bonus-header.email {
    background-color: #474747
}

.bonus-header.pinterest {
    background-color: #ca2a2a;
}

.bonus-header.twitter:after {
    border-top-color: #32b3e3;
}

.bonus-header.youtube:after {
    border-top-color: #dc0000;
}

.bonus-header.googleplus:after {
    border-top-color: #83c317;
}

.bonus-header.blog:after {
    border-top-color: #535353;
}

.bonus-header.facebook:after {
    border-top-color: #44619d
}

.bonus-header.email:after {
    border-top-color: #474747
}

.bonus-header.pinterest:after {
    border-top-color: #ca2a2a;
}

/***********/

.hidden {
    display: none;
}

.maroon {
    color: maroon;
}

.link-results-content .tooltip > .nub {
    margin-left: 80px;
}

#link-dropper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background-color: white;
    z-index: 100;
    width: 100%;
    opacity: 0.6;
    text-align: center;
    padding: 100px;
    border: 3px solid #bebebe;
}

#explainer-modal {
    background: black;
    border-radius: 4px;
}

#explainer-thumb {
    border-radius: 7px;
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    height: 169px;
    margin-top: 40px;
    opacity: 0.37;
    transition: opacity 1s;
    cursor: pointer;
    border: 1px solid rgb(221, 104, 104);
    overflow: hidden;
}

#explainer-thumb:active {
    border-color: #7C9FD3;
}

#explainer-thumb:hover, #explainer-thumb:active {
    opacity: 1;
    transition: opacity 1s;
}

#explainer-thumb img {
    width: 100%;
    height: auto;
}

#alerts {
    position: fixed;
    top: 125px;
    left: 0;
    padding: 0;
    text-align: center;

    position: fixed;
    top: 15px;
    width: 100%;
    left: 0;
    text-align: center;

    pointer-events: none;
}

#alerts > div {
    overflow-wrap: break-word;
    display: inline-block;
    background-color: #e8f7ed;
    border: 1px solid #30b661;
    color: #1BA84E;
    width: auto;
    font-size: 13px;

    padding: 11px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #1BA84E;
    pointer-events: all;
}

.overcast {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.full-width-item {
    width: 100%;
    max-width: 100%;
    background-position: top;
}

.joyride-tip-guide p {
    line-height: 22px;
}

.context-container {
    padding: 0;
}

.context-table {
    /* border: 1px solid rgb(224, 156, 156); */
    background: 0;
    margin: 0;
    width: 180px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
    /* padding: 20px; */
}

.context-menu-item {
    border: 1px solid transparent;
}

.context-menu-theme-gloss .context-menu-item-hover {
    background: none;
    background: #dedede;
    border: none;
    border-radius: 0;
    color: black;
}

#notifications-menu {
    position: absolute;
    top: 105px;
    left: 20px;
    width: 300px;
    max-width: 90%;
}

.modal-header {
    border-bottom: 1px solid #dedede;
    font-weight: bold;
    padding: 15px;
    line-height: 25px;
}

.modal-body {
    font-size: 14px;
    padding: 15px 15px 0 15px;
}

.modal-body a {
    text-decoration: underline;
}

.modal-footer {
    border-top: 1px solid #dedede;
    text-align: right;
    padding: 15px;
}

.alert-box {
    font-size: 0.9em;
    line-height: 18px;
}

.alert-box a:not(a[class=close]) {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}

#content {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    margin-top: 15px;
}

#content-list {
    margin-left: 0;
    min-height: 400px;
}

#content-list li {
    list-style-type: none;

    font-size: 11pt;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#folder-empty {
    pointer-events: none;
}

.content-item {
    position: absolute;
    width: 100%;
    margin:0;
    height: 53px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    max-width: 76rem;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-tap-highlight-color: transparent;
    cursor: default;
    background: white;
    border-bottom: 1px dashed #FBFBFB;
    display: none;
}

.drop-load {
    -moz-animation-name: dropLoad;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.15s;

    -webkit-animation-name: dropLoad;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.15s;

    animation-name: dropLoad;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.15s;
}

.zoom-load {
    -moz-animation-name: zoomLoad;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-duration: 0.5s;

    -webkit-animation-name: zoomLoad;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 0.5s;

    animation-name: zoomLoad;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 0.5s;
}

.fade-load {
    -moz-animation-name: fadeLoad;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.13s;

    -webkit-animation-name: fadeLoad;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.13s;

    animation-name: fadeLoad;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.13s;
}

.rotate-load {
    -moz-animation-name: rotateLoad;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: rotateLoad;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;

    animation-name: rotateLoad;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

.content-item.is_lost {
    background: #E6FFEA !important;
}

.content-item.is_lost .content-item-size {
    background-color: transparent !important;
}

.content-item.is_paused {
    background: #fafafa;
}

.content-item.is_paused .content-item-size {
    background-color: transparent !important;
}

.files-margin-div {
    margin-left: 40px;
    margin-right: 40px;
}

.header-row {
    max-width: 76rem;
    padding-left: 15px;
    padding-right: 15px;
    background: #FDFDFD;
}

.header-row > div {
    cursor: pointer;
    line-height: 19px;
}

#files-heading .header-row > div:hover {
    background-color: #f9f9f9;
}

.content-item-filename {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

input[type=text].rename-input {
    display: inline-block;
    margin: 0;
    padding: 0 15px 0 15px;
    height: 100%;
}

.content-item[marked=true] {
    background-color: #4285F4 !important;
    color: white;
}

.content-item[marked=true] a {
    color: white;
}

.content-item.dragging {
    /*background-color:#F7F6C6 !important;*/
}

.dragging-div {
    height: 55px;
    width: 40px;
}

.dragging-div > div {
    height: 32px;
    width: 32px;
    position: absolute;
}

.dragging-div > div > .s-icon-column {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dragging-div > div > .s-icon-column i {
    font-size: 22pt;
    line-height: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.dragging-div > div .video-icon-bg {
    margin: 0;
}

.folder-icon {
    width: 32px;
    height: 24px;
    margin-top: 14px;
    margin-left: 7px;
    background: transparent url(/images/icons/folder.png);
}

.dragging-counter {
    bottom: 0px;
    left: 0px;
    width: 20px !important;
    height: 20px !important;
    font-size: 10pt;
    border-radius: 10px;
    background: rgb(253, 96, 96) !important;
    color: white;
    margin: 0;
    text-align: center;
    font-weight: bold;
}

.content-item.dragging-over {
    border-bottom: 1px #cecece dashed;
    background: #dedede;
}

.content-item-filename {
    background: transparent;
}

.content-link {
    margin-right: 7px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.content-item-filename > div::selection {
    background: transparent; /* WebKit/Blink Browsers */
}

.content-item-filename > div::-moz-selection {
    background: transparent; /* Gecko Browsers */
}

.content-item img {
    max-height: 100%;
}

.item-menu-button {
    float: right !important;
    clear: right;
    display: none;
    height: 67px;
    background: #fafafa;
    text-align:center;
}

.item-menu-button > div {
    width: 32px;
    height: 32px;
    margin: 20px 8px;
    vertical-align: middle;
}

.content-item > div {
    float: left;
    white-space: nowrap;
    overflow: visible;
}

.content-item-image {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

.content-item-functions {
    float: right !important;
}

.check-icon {
    font-size: 16px;
    padding: 7px;
    /* margin-top: 16px; */
    border-radius: 18px;
    background: #707070;
    color: white;
    padding-left: 12px;
    padding-right: 12px;
}

.content-item-functions .link-progress {
    display: none;
}

.content-item[is_ready=false] .content-item-functions * {
    display: none;
}

.content-item[is_ready=false] .content-item-functions .link-progress {
    display: inline;
}

.overlay-element {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#link-progress-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    height: calc(100% - 150px);
    background-color: transparent;
    display: none;
    z-index: 5;
    top: 181px;
}

#link-progress-display {
    display: none;
    width: 100%;
    position: fixed;
    z-index: 6;
    top: 200px;
}

#link-progress-display > div {
    padding: 15px;
    margin-top: 50px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    background-color: white;
    border: 1px solid #F3F3F3;
    /* border-radius: 8px; */
    /* height: 150px; */
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.17);
}

#link-progress-display .row {
    height: 40px;
}

.video-link, .audio-link, .share-link {
    font-size: 18pt;
    margin-left: 20px;
    position: relative;
}

body[loggedin=true] #login-span {
    display: none;
}

body[loggedin=false] #upload-nav-item,
body[loggedin=false] #settings-nav-item,
body[loggedin=false] #files-nav-item,
body[loggedin=false] #notifications-nav-item,
body[loggedin=false] #search-nav-item,
body[loggedin=false] #searchicon-nav-item,
body[loggedin=false] #pie-nav-item,
body[loggedin=false] span[class*="-notif"],
body[loggedin=false] .dropdown {
    display: none;
}

.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    color: #000;
    font-family: sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    outline: none;
    background: no-repeat center center url(/images/cycle.png);
    cursor: pointer;
    z-index: 97;
    opacity: 0.5;
}

.back-to-top:hover {
    opacity: 1;
}

nav a:after {
    content: none !important;
}

#upload-nav-item a, #account-nav-item a {
    padding-right: 16px !important;
}

.progress {
    position: relative;
}

.progress.round {
    float: right;
    width: 127px;
    height: 24px;
    background: white;
    padding: 1px 1px 1px 1px;
    border: 1px #bebebe solid;
    margin: 0;
    padding-top: 0;
    line-height: 20px;
    overflow: hidden;
}

.progress.success .meter {
    background: #7BE4A2
}

.progress.round .meter {
    border-radius: 12px;
    height: 20px;
    margin-top: 1px;
    overflow: hidden;
}

.progress .meter {
    -webkit-transition: width 2s;
    transition: width 2s;
}

.meter-overlay {
    width: 100%;
    height: 100%;
    background-image: url(/images/animated-overlay.gif);
    opacity: 0.1;
}

#link-progress-display .progress-label {
    font-size: 12pt;
    margin-top: -2px;
}

#link-progress-display .meter {
    background: #A7C9EB;
}

#top-bar .progress-label {
    font-size: 8pt;
}

.progress-overlay {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    opacity: 0.2;
    background: #C7D9ED url('images/animated-overlay.gif');
}

.content-item:hover .s-icon-column i, .content-item[marked=true] .s-icon-column i {
    text-align: center;
}

.settings-text a {
    color: #2ba6cb;
    text-decoration: none;
    line-height: inherit;
}

.setting-item {
    margin: 0 !important;
    margin-bottom: 5px !important;
    height: 34px;
}

.setting-item input[type=checkbox] {
    vertical-align: middle;
    margin: 0 1em 0 0;
}

.setting-item > div {
    line-height: 38px;
}

.settings-content {
    margin-bottom: 50px;
}

.s-icon-column {
    width: 45px;
    height: 45px;
    color: #353535;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    position: relative;
}

#folder-up .s-icon-column {
    padding-top: 12px;
}

.header-row .s-icon-column {
    height: auto;
    background: #fcfafa;
    border-bottom: 3px solid #eee;
    cursor: pointer;
}

.header-row .s-icon-column input {
    margin-bottom: 0;
    cursor: pointer;
}

#files-tab .s-icon-column i {
    font-size: 25px;
    margin-top: 15px;
    display: block;
}

.s-icon-column i.fa-folder {
    color: #E4BE38;
}

.content-item[marked=true] i.fa-folder {
    color: White;
}

a {
    text-decoration: none;
    line-height: inherit;
}

a:hover, a:focus {
    color: #2795b6;
}

a img {
    border: none;
}

.add-result-button {
    float: right;
    margin: 0;
    margin-top: -5px;
}

.notification a.button {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 5px;
}

.friend-list {
    border: 1px #cecece solid;
    line-height: 40px;
    padding: 10px 10px 10px 10px;
    overflow-y: auto;
    margin-bottom: 14px;
    margin-left: 0;
}

.friend-list li {
    list-style-type: none;
    cursor: pointer;
    margin-bottom: 4px;
}

.friend-list li:hover {
    background-color: #fafafa;
}

.friend-list li div:before {
    /*background:url(../images/profile.png) no-repeat;*/
    content: " ";
    width: 24px;
    height: 24px;
    margin: 10px 20px 10px 20px;
    float: left;
    clear: none;
    display: table;
}

.friend-list li.lang-eng div:before {
    background: url(/images/flags/24/us.png) no-repeat;
}

.friend-list li.lang-heb div:before {
    background: url(/images/flags/24/il.png) no-repeat;
}

.friend-list li.lang-ita div:before {
    background: url(/images/flags/24/it.png) no-repeat;
}

.friend-list li.lang-spa div:before {
    background: url(/images/flags/24/es.png) no-repeat;
}

.friend-list li.lang-por div:before {
    background: url(/images/flags/24/pt.png) no-repeat;
}

.friend-list li.lang-pob div:before {
    background: url(/images/flags/24/br.png) no-repeat;
}

.friend-list li.lang-fre div:before {
    background: url(/images/flags/24/fr.png) no-repeat;
}

.friend-list li.lang-ger div:before {
    background: url(/images/flags/24/de.png) no-repeat;
}

.friend-list li.lang-rus div:before {
    background: url(/images/flags/24/ru.png) no-repeat;
}

.friend-list li.lang-tur div:before {
    background: url(/images/flags/24/tr.png) no-repeat;
}

.friend-list li.lang-ara div:before {
    background: url(/images/flags/24/_Arab%20League.png) no-repeat;
}

.friend-list li.lang-ell div:before {
    background: url(/images/flags/24/gr.png) no-repeat;
}

.friend-list li.lang-fin div:before {
    background: url(/images/flags/24/fi.png) no-repeat;
}

.friend-list li.lang-pol div:before {
    background: url(/images/flags/24/pl.png) no-repeat;
}

.friend-list li.lang-bul div:before {
    background: url(/images/flags/24/bu.png) no-repeat;
}

.friend-list li.lang-rum div:before {
    background: url(/images/flags/24/ro.png) no-repeat;
}

.friend-list li.lang-hun div:before {
    background: url(/images/flags/24/hu.png) no-repeat;
}

.friend-list li.lang-dut div:before {
    background: url(/images/flags/24/nl.png) no-repeat;
}

.friend-list li[marked=true] {
    background-color: #F0F0FF;
}

.modal-title {
    color: white;
    font-size: 10pt;
    top: 12px;
    margin-left: 20px;
    float: left;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 50px;
    width: 60%;
    white-space: nowrap;
}

#ebook-title {
    color: w;
}

#ebook-nav {
    width: 30%;
    min-width: 200px;
    text-align: right;
}

#ebook-nav>button {
    display: inline-block;
    margin-left: 15px;
    border-radius: 5px;
    line-height: 9px;
    width: 70px;
    background: #595959;
    border: none;
}


#ebook-chapters {
    border-radius: 5px;
    font-size: 0.85rem;
    background: #d7d7d7;
    border: 0;
    outline: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ccc 0%,#ddd 100%);
    background-repeat: no-repeat, repeat;
 /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
 /* icon size, then gradient */
    background-size: .65em auto, 100%;
}

#ebook-nav {
    /* display: flex; */
    height: 45px;
}

#pdf-modal {
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    top: 0 !important;
    border-radius: 0 !important;
}

#ebook-page-input {
    display: inline-block;
    width: 56px;
    border: none;
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #e2e2e2;
    background: none;
    text-align: center;
}

#ebook-pages {
    font-size: 0.9rem;
}

#ebook-pct {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 37px;
    padding: 0 15px 0 15px;
    border: none;
    /* border-radius: 5px; */
    height: 37px;
    margin-left: 12px;
    /* background: white; */
    /* margin-right: 20px; */
    width: 73px;
    outline: none;
}

#sendfile-button {
    float: right;
    margin-bottom: 0;
}

#folder-share-save {
    float: right;
}

#folder-share-modal > form > div:last-child {
    height: 40px;
    border-top: 1px dashed #cecece;
    padding-top: 10px;
}

#logout-button {
    float: right;
    margin-top: 30px;
}

.signup-load-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(253, 253, 253);
    opacity: 0.92;
    z-index: 4;
    position: absolute;
    padding-top: 15%;
    text-align: center;
    display: none;
    /* margin-top: 20px; */
    color: black;
}

.setting-form {
    display: none;
    clear: both;
    text-align: center;
    margin: 40px 40px 20px 40px;
}

.setting-form input, .setting-form select {
    width: 200px;
}

.setting-editing {
    background-color: #f0f0f0;
    border-top-style: solid !important;
    border-bottom: none;
    height: 209px;
}

.setting-editing .setting-value-section, .setting-editing .setting-edit-section {
    display: none;
}

.setting-editing .setting-form {
    display: block;
}

.setting-editing .row {
    line-height: 25px;
}

#storage-status {
    line-height: 20px;
    padding: 10px 10px 10px 10px;
}

#storage-status > div {
    height: 40px;
    font-size: 8pt;
}

#storage-status .progress {
    width: auto;
    float: none;
}

body[loggedin="true"] #new-here, body[loggedin="false"] #old-here {
    display: none;
}

body[loggedin="false"] #new-here, body[loggedin="true"] #old-here {
    display: inline;
}

body[loggedin="true"] #signup {
    display: none;
}

#loading-div {
    /*    background-color: white;
    background:rgba(255,255,255,0.8);*/
    text-align: center;
    position: fixed;
    top: 104px;
    height: 100%;
    width: 100%;
    z-index: 999;
    padding-top: 80px;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;

    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;    

    background: rgba(251, 251, 251, 0.8);
}

#loading-div img {
    margin-top: 10%;
    padding: 5px 5px 5px 5px;
    /*    border:1px solid #cecece;
    border-radius:5px;
    background-color:black;*/
}

.reveal-modal .close-reveal-modal {
    z-index: 10000 !important;
    font-size: 1.6rem !important;
    top: 6px;
}

#player {
    height: 100%;
    z-index: 100;
}

.player-hidden {
    position: absolute !important;
    left: -5000px;
}

#welcome-sign-in-form {
    display: none;
}

#welcome-login-div {
    padding: 10px 20px 10px 20px;
    margin: 20px;
    background: white;
    border-radius: 15px;
    background: white;
    border: 1px solid #cecece;
    box-shadow: 0 0 2px #dedede;
    line-height: 30px;
}

#welcome-login-div i {
    font-size: 1.2em;
    margin-top: 2px;
}

.login-register-required, .login-incorrect, .login-to-continue, .login-waiting-list, .login-activate, .login-recaptcha {
    background-color: #FFFFD6;
    padding: 10px 5px 10px 5px;
    margin-bottom: 10px;
    color: #404040;
    font-size: 11pt;
    text-align: center;
    display: none;
}

.login-waiting-list {
    background-color: #D6F6FF;
}

.viewer-modal {
    height: 80%;
    background: black;
    padding: 0;
    padding-top: 40px;
    position: fixed;
    overflow: hidden;
    top: 60px !important;
    border-radius: 6px !important;
}

#video-modal {
    background: #353535;
    box-shadow: 0 0 20px #202020;
    outline: none;
}

.video-wait img {
    max-width: 80%;
}

.video-preview {
    height: 100%;
    text-align: center;
    background-color: black;
    padding-top: 5px;
    padding-bottom: 20px;
    border-radius: 5px;
    white-space: nowrap
}

.video-preview img {
    width: 100%;
    max-height: 100%;
    height: auto;
    vertical-align: middle
}

#video-circle-progress {
    padding: 0;
    border-radius: 8px;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 60px;
    color: white
}

#video-circle-progress canvas {
    width: 100%;
    height: 100%;
}

#video-circle-progress strong {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
}

#video-modal.converting {
    padding-bottom: 40px;
}

.video-modal-converting-div {
    display: none;
    border: 0;
    background-color: #101010;
    color: white;
    padding: 0;
}

#video-modal-conversion {
    background-color: #272727;
}

.video-modal-converting-div .meter {
    background-color: #666;
    font-weight: bold;
}

#video-modal.converting .video-modal-converting-div {
    display: block;
}

#captions-bottom {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 100%;
}

#captions-list {
    overflow-y: scroll;
    position: absolute;
    top: 0;
    bottom: 30px;
}

#captions-container {
    position: absolute;
    top: 75px;
    bottom: 0;
    left: 0;
    right: 0;
}

#captions-select > form {
    height: 100%
}

#captions-select {
    height: 100%
}

.progress-label {
    height: 100%;
    color: #303030;
    text-align: center;
    width: 100%;
    display: inline-block;
    position: absolute;
    font-weight: 700;
    color: #48484A;
    font-size: 0.8em;
    left: 0;
    top: 1px;
}

.loader-div {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 15px;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.8;
}

.loader-div > img {
    background-color: black;
    border-radius: 8px;
    padding: 16px;
}

#captions-list li div {
    margin-right: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#captions-list button {
    float: right;
    padding: 7px;
    line-height: 25px;
    width: 80px;
    color: white;
    margin: 0 0 0 0 !important;
}

#video-subtitles-select option:before {
    display: block;
    position: absolute;
    background: url(/images/flags/24/il.png);
    height: 40px;
    width: 40px;
}

#audio-player {
    background-color: #252525 !important;
}

#audio-player * {
    box-sizing: content-box;
}

/* Start: Shuffle */
.mejs-controls .mejs-shuffle-on button {
    background-position: -32px 0 !important;
}
.mejs-controls .mejs-shuffle-off button {
    background-position: -32px -16px !important;
}
/* End: Shuffle */

.ebook-nav {
    width: 30px;
    font-size: 30px;
}

.ebook-nav:hover {
    background-color: #dedede;
}

#ebook-modal {
    background-color: #fefaed;
    padding: 0;
    padding-top: 40px;
    padding-bottom: 64px;
    max-width: 100%;
    top:0 !important;
    border-radius: 0;
    box-shadow: none;
}

#ebook-container {
    background-color: #fffaee;
    height: 100%;
    position: relative;
    display: block;
    visibility: visible;
}

#ebook-area {
    padding: 0;
    height: 100%;
    border-radius: 0;
    display: block;
    visibility: visible;
}

#ebook-area iframe {
    border-radius: 8px;
}

.ebook-nav-row {
    padding: 14px;
    /* box-shadow: 0 -5px 20px rgba(0,0,0,0.2); */
    z-index: 20;
    position: relative;
    /* background: #7a7a7a; */
    display: flex;
    border-top: 2px solid #f6eed8;
}

#jp_container_N {
    padding: 12px;
    border-radius: 4px;
}

.modal-minimized {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    top: -1000px !important;
}

.minimize-reveal-modal {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: 0.3em;
    right: 2em;
    color: #aaa !important;
    font-weight: bold;
    z-index: 10000 !important;
    cursor: pointer;
}

#video-modal-closed-captions {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: 0.5em;
    right: 2.5em;
    color: #aaa;
    font-weight: bold;
    z-index: 10000 !important;
    cursor: pointer;
}

.maximize-div {
    display: none;
    cursor: pointer;
}

.video-icon-bg {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.85);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/images/image-loader.gif');
    width: 32px;
    height: 32px;
    padding: 0;
    display: block;
    margin-left: 7px;
    margin-top: 8px;
}

span.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#password-strength {
    white-space: nowrap;
}

#password-strength span {
    height: 13px;
    width: 25%;
    border: 1px solid transparent;
    display: inline-block;
    visibility: hidden;
    background-color: #ff4040;
}

#password-strength :nth-child(1) {
    visibility: visible;
}

#password-strength.weak-strength :nth-child(1), #password-strength.weak-strength :nth-child(2) {
    visibility: visible;
    background-color: #ffff20;
}

#password-strength.medium-strength :nth-child(1), #password-strength.medium-strength :nth-child(2), #password-strength.medium-strength :nth-child(3) {
    visibility: visible;
    background-color: #ffff20;
}

#password-strength.high-strength span {
    visibility: visible;
    background-color: #20ff20;
}

.close-input {
    position: absolute;
    font-size: 8pt;
    top: 10px;
    right: 25px;
}

.top-bar {
    height: 75px !important;
    padding-top: 15px;
    margin-bottom: 0 !important;
}

#file-browser {
    margin-top: 121px;
    /* background-repeat: no-repeat; */
    /* background-position-y: 90px; */
    padding-top: 10px;
}

.content-item, #file-browser {/* --content-item-height:53px */}


@-moz-keyframes dropLoad {
    0% {
        -moz-transform: translateY(-20px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes dropLoad {
    0% {
        -webkit-transform: translateY(-20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes dropLoad {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes zoomLoad {
    0% {
        transform: scale(0.6);
        opacity: 0.3;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes zoomLoad {
    0% {
        transform: scale(0.6);
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoomLoad {
    0% {
        transform: scale(0.6);
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes fadeLoad {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeLoad {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeLoad {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes rotateLoad {
    0% {
        -moz-transform: rotateX(-45deg) translate(0, -250px);
        opacity: 0;
    }
    100% {
        -moz-transform: rotateX(0deg) translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateLoad {
    0% {
        -webkit-transform: rotateX(-45deg) translate(0, -250px);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg) translate(0, 0);
        opacity: 1;
    }
}

@keyframes rotateLoad {
    0% {
        transform: rotateX(-45deg) translate(0, -250px);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg) translate(0, 0);
        opacity: 1;
    }
}

#right-menu {
    float: right;
    width: 55px;
    padding: 9px 10px 10px 5px;
    height: 50px;
    /* border: 1px solid transparent; */
    border-radius: 5px;
    /* overflow: hidden; */
    margin-top: 6px;
}

#right-menu input[type='text']:hover {
    border-color: #fafafa;
}

#right-menu.right-menu-open {
    width: 500px;
    border-color: #dcdcdc !important;
}

.right-menu-text-icon {
    display: none;
    background: white;
}

#right-menu.right-menu-open .right-menu-text-icon {
    display: block;
}

#link-file-upload-form {
    display:none;
}

/*#right-menu.right-menu-open input[type='text'], #right-menu.right-menu-open #close-upload-button {
display:inline-block;
}*/

    .content-item-menu {
        padding: 4px;
        float: right !important;
        display: none;
    }

    .file-menu-button {
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 9px solid #353535;
        border-radius: 3px;
    }

    #link-results {
        width: 100%;
        padding: 0;
        display: none;
        position: absolute;
        height: auto;
        background: #fdfdfd;
        top: 46px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px;
        cursor: default;
        /* border: 1px solid #ECECEC; */
        border-radius: 5px;
        transition: opacity 0.6s;
        overflow: visible;
        padding: 0;
        box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
        border: 0;
        border-radius: 0;
        border-right: 3px solid #bdbdbd;
    }

    #link-results:before {
        display: block;
        border-top-width: 0;
        border-left-width: 10px;
        border-right-width: 10px;
        border-bottom-width: 10px;
        display: block;
        content: ' ';
        width: 0;
        height: 0;
        position: absolute;
        top: -10px;
        right: 50%;
        border-color: #dedede;
        border-style: solid;
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
    }

    #link-results-searching {
        text-align: center;
        padding: 20px;
        display: none;
    }

    #link-results-empty {
        display: none;
        padding: 20px;
        text-align: center;
        color: #909090;
    }

    #link-results-content {
        display: none;
        text-align: center;
        color: #909090;
        max-height: 350px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fafafa;
        padding: 5px;
    }

    #link-results-content > div {
        padding: 10px;
        height: 90px;
        color: black;
        /* border-bottom: 1px dashed #dedede; */
        font-size: 0.8em;
        text-align: left;
        /* border-left: 2px dashed #bbbbbb; */
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding: 15px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.09);
        border-bottom: 1px solid #d0d0ec;
        border-radius: 5px;
        background: white;
    }

    #link-results-content > div > span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #link-results-content div.link-results-title {
        margin-right: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        border-bottom: 1px solid #cecece;
    }

    #link-results-content span.link-results-size {
        line-height: 30px;
    }

    #link-results-content span.link-results-size .fi-info {
        color: #aaaaaa;
        cursor: pointer;
    }

    #link-results-content a.button {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        background: #2572c7;
    }

    #files-search-input {
        display: inline-block;
    width: auto;
    margin-left: 40px;
    border: 0;
    clear: none;
    margin-top: -3px;
    height: 26px;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    font-size: 9pt;
    margin-bottom: -2px;    
    }

    .content-item-uploaded {
        text-align: center;
        padding-right: 0;
        padding-left: 0;
        float: right;
        overflow: hidden;
    }

    @media (min-width: 830px) AND (max-width: 980px) {
        body.as .content-item-uploaded {
            display: none;
        }

    }

    #main-menu {
        height: 30px;
        padding-top: 10px;
        float: right;
        margin-top: 6px;
    }

    .body-login-button {
        /*
        background-color:black;*/
    background-color: white;
    border: 1px solid #cecece;
    color: black;
    transition: 0.18s;
    outline: none;
}

.body-login-button:hover {
    border: 1px solid rgb(58, 144, 228);
    background: #fcfcfc;
    color: black;
}

div.advantages {
    font-size: 1.4em;
    margin-top: 0;
    padding-bottom: 120px;
    background: white;
}

div.advantage {
    max-width: 1024px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    color: #505050;
    margin-top: 0;
    padding: 30px 0;
    padding-top: 60px;
    padding-bottom: 60px;
}

div.advantage blockquote {
    width: 33%;
    padding: 15px 15px 15px 32px;
    font-size: 17.5px;
    color: black;
}

div.advantage blockquote small {
    text-align: right;
    /* width: 100%; */
    display: block;
    font-size: 14px;
    color: rgb(118, 118, 118);
}

div.advantage blockquote i.fa {
    position: absolute;
    left: 0;
    color: #707070;
}

div.advantage:nth-child(even) {
    /*background-color:#f9f9f9;*/
}

div.advantage p {
    line-height: 32px;
}

.advantage-icon {
    display: block;
    width: 255px;
    color: black;
    padding: 0;
    padding-top: 10px;
}

.advantage-icon.right {
    /*padding-right:30px;*/
    padding-left: 80px;
}

.advantage-icon.left {
    /*padding-left:30px;*/
    padding-right: 80px;
}

.advantage h4 {
    text-align: left;
    font-size: 20pt;
    text-shadow: 0 0 3px rgba(0,0,0,0.1);
    letter-spacing:-1px;
}

.advantage blockquote {
    float: left;
    border: none;
    position: relative;
}

.advantage blockquote p {
    line-height: 32px;
    color: rgb(51, 51, 51);
    text-align: left;
}

#landing-plans {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding-top: 14px;
    flex-wrap: wrap;
    font-family: Lato;
}

#landing-plans>div {
    flex-grow: 1;
    margin: 25px;
    padding: 4px 4px 30px 4px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 30px rgba(0,0,0,0.06);
    font-family: Lato;
    flex-basis: 0;
    overflow: hidden;
    transition:0.25s;
    cursor:pointer;
}

#landing-plans>div:hover {
    transform:scale(1.04);
    box-shadow: 0 0 34px rgba(0,0,0,0.1);
}

#landing-plans h4 {
text-align: center;
    font-size: 1.2rem;
    color: #444;
    font-family: Lato;
    font-weight: 700;
    text-shadow: none;
    background: #ddeeff;
    padding: 6px;
    margin-top: 0;
    height: 40px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#landing-plans sup {
    font-size:45%;
    top:-0.7em
}

#landing-plans p.pricing-package-description {
    padding: 9px 28px;
    height:134px;
}

#plotholder {
    height: 190px;
    /* width: 100%; */
    /* min-width: 100px; */
}

#welcome-logo {
    position: absolute;
    bottom: 0;
    left: 50px;
    max-width: initial;
}

#welcome-logo + div {
    position: absolute;
    bottom: 0;
    left: 230px;
}

#welcome-background {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #226cc0;
    height: 60%;
    padding-right: 50px
}

#welcome-buttons-div {
    position: absolute;
    left: 325px;
    bottom: -8px;
    display:none !important; 
}

#welcome-logo-div {
    padding-right: 70px;
    text-align: right;
    height: 40%;
    position: relative;
    padding-bottom: 19px;
}

#welcome-div-new #welcome-logo-div {
    padding-right: none;
    text-align: center;
}

#welcome-div-new ::-webkit-input-placeholder {
    color: black;
}

#welcome-div-new :-moz-placeholder { /* Firefox 18- */
    color: black;
}

#welcome-div-new ::-moz-placeholder { /* Firefox 19+ */
    color: black;
}

#welcome-div-new :-ms-input-placeholder {
    color: white;
}

.old-welcome #welcome-div-new form {
    width: 320px;
}

.old-welcome #welcome-div-new input[type=text], .old-welcome #welcome-div-new input[type=password], .old-welcome #welcome-div-new input[type=email] {
    border: none;
    border-bottom: 1px solid white;
    margin-bottom: 7px;
    width: 265px;
    height: 30px;
    border-radius: 3px;
}

#welcome-div-new input[data-invalid] {
    border: 1px solid rgb(255, 185, 4);
}

.old-welcome #welcome-div-new label {
    font-weight: 600;
}

.old-welcome #welcome-div-new input.button {
    width: 264px;
    font-weight: bold;
    font-size: 17px;
    /* background: white; */
    /* color: rgb(34, 108, 192); */
    margin-top: 0;
    border: 1px solid #007ee5;
    line-height: 24px;
    font-weight: 600;
    /* width: 100%; */
    float: none;
    background: #007ee5;
    font-weight: 700;
    font-size: 16px;
    outline: none;
}

#home-description {
    position: absolute;
    bottom: -28px;
    right: 17px;
    /* font-weight: bold; */
    font-size: 11pt;
    color: #646464;
}

#welcome-tab button.tiny {
    box-shadow: 1px 1px 3px #dedede;
    font-size: 0.8em;
    margin-top: 2px;
}

#open-signup-button {
    display: none
}

#welcome-tab button, #welcome-tab a, #welcome-tab input[type=submit] {
    font-size: 9pt;
}

#create-account-button {
    /*background-color:#770101;*/
}

#welcome-inner-top-row {
    padding-right: 140px;
}

#welcome-safe {
    /*	padding-top: 25px;*/
}

#welcome-move {
    padding-top: 26px;
}

#welcome-instant {
    padding-top: 67px;
}

#welcome-easy {
    padding-top: 25px;
}

#more-div {
    line-height: 37px;
    text-align: right;
    border-bottom: 1px solid #cecece;
    position: absolute;
    bottom: 0;
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 2px 4px #dadada;
}

#more-div button {
    background-color: white;
    /* border: 1px #cecece solid; */
    border-radius: 3px;
    padding: 2px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 4px;
    outline: none;
    background: rgb(54, 121, 197);
    color: white;
    margin: 0;
    padding: 0 3px 0 3px;
    background: transparent;
    color: #404040;
}

#more-div button:hover {
    background-color: #f0f0f0;
}

#signup-div {
    display: none;
    background-color: white;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 35px;
    max-width: 50rem;
}

#signup-form > * {
    display: none;
}

#signup-form-new small.error {
    width: 265px;
    font-style: normal;
    font-weight: 500;
    background: rgb(79, 149, 229);
}

#signup-form-new label.error {
    color: red;
}

#signup-errors {
    display: block;
    padding-left: 16px;
}

#signup-form #no-invite {
    display: block;
    text-align: center;
}

#close-link {
    float: right;
    cursor: pointer;
    padding: 3px 8px 4px 8px;
    border: 1px solid #dedede;
    border-radius: 3px;
    font-size: 9pt;
    background-color: #f0f0f0;
    margin-left: 10px;
}

#close-link:hover {
    background-color: #dcdcdc;
}

.support-button {
    margin-right: 50px;
    background: #f2f2f2;
    border: 1px solid #cecece;
    color: black
}

#right-menu input[type=text], #link-paste-icon {
    display: none;
}

#right-menu.right-menu-open input[type=text], #right-menu.right-menu-open #link-paste-icon {
    display: block;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
}

.content-item-size {
    width: 9%;
    padding-right: 0;
    padding-left: 18px;
    text-align: left;
    background-color: #fdfdfd;
}

.content-item:hover .content-item-size, .content-item[marked=true] .content-item-size, .content-item.dragging-over .content-item-size {
    background-color: transparent;
}

#welcome-div, #welcome-div-new {
    height: 100%;
    min-height: 790px;
    padding-bottom: 0;
    max-height: 900px;
}

#welcome-div.signing-up, #welcome-div-new.signing-up {
    min-height: 720px;
}

#welcome-inner-top-row:after, #welcome-inner-top-row:before {
    content: " ";
    display: table;
}

#welcome-inner-top-row {
    margin-top: -160px;
    margin-bottom: 30px;
}

.signing-up #welcome-inner-top-row {
    margin-top: 0;
}

.reveal-modal {
    min-height: initial;
    box-shadow: 0 0 40px #ccc;
    border: none;
    outline: none
}

#page-title {
    display: none;
}

.page-header {
    height: 98px;
    top: 0;
    padding: 10px 20px 10px 20px;
    -webkit-backface-visibility: hidden;
    background: #FBFBFB;
    transition: 0.4s all;
    background: white;
    border-bottom: 3px dashed #f3f3f3;
}

.page-header > .row {
    padding: 9px;
}

#menu-home {
    float: right;
    transition: 0.4s all;
    margin-right: 10px;
}

.account-name-container {
    margin-left: 74px;
    width: 220px;
    text-align: left;
    font-size: 15px;
    padding-top: 7px;
}

.account-name {
    font-size: 14px;
    font-family: 'Lato';
    text-transform: capitalize;
    font-weight: bold;
}

.account-upgrade {
    float: right;
    color: blue;
    text-decoration: underline;
    margin-top: 0 !important;
}

.account-upgrade i {
    display: inline-block;
    margin-top: 3px;
    float: right;
    padding: 1px 0 0 5px;
    font-size: 1.35em;
    color: black;
}

#main-drop {
    position: absolute;
    top: 0px;
    margin-top: 51px;
    background: #FDFDFD;
    width: 220px;
    display: none;
    transform: translateZ(0);
    direction: ltr;
    /* border: 1px solid #E2E2E2; */
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
    padding: 5px;
    border-right-color: #bbb;
    right: 0;
    border-right: 3px solid #dedede;
}

#main-drop:before {
    display: block;
    border-top-width: 0;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    right: 8px;
    border-color: #F1F1F1;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

#main-drop > ul {
    padding: 0;
    margin-left: 0;
    line-height: 27px;
}

#main-drop li {
    color: black;
    font-size: 14px;
    border-radius: 3px;
    padding: 3px;
    padding-left: 12px;
    cursor: pointer;
}

#main-drop > ul > li:hover {
    background-color: #e5eeff;
}

#menu-drop {
    float: left;
    margin-left: 15px;
    padding: 3px 15px 3px 15px;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    color: #aeaeae;
    position: relative;
    direction: rtl;
    margin-top: 3px;
    margin-right: 15px;
}

#mobile-logo-div {
    display:none;
}

#welcome-margin {
    display: table-cell;
    vertical-align: middle;
}

#link-upload-text {
    margin-right: 32px;
    border-right: none;
    background: #fafafa;
}

#link-paste-icon {
    float:left;padding: 6px 0 5px 10px;color: #777;
}

#close-right-menu {
    position: absolute;
    top: 0;
    height: 37px;
    font-size: 10pt;
    background-color: #f1f1f1;
    padding: 9px;
    padding-top: 7px;
}

#right-menu-add-clipboard {
    display:none;
}

#mobile-overlay-div {
    display: none;
    background: black;
    opacity: 0.35;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    position: fixed;
}

#mobile-space {
    display: none;
}

#mobile-menu {
    display: none;
}

.right-menu-text-icon {
    font-size: 13.5pt;
    color: black;
    /* position: absolute; */
    /* top: 1px; */
    /* left: 1px; */
    width: 32px;
    text-align: center;
    padding-top: 2px;
    /* background: #696969; */
    cursor: pointer;
    float: right;
    /* border-radius: 27%; */
    margin-left: 10px;
    z-index: 4;
    padding-bottom: 3px;
    height: 35px;
    border-bottom: 3px solid #7990ff;
}

.right-menu-text-icon:hover {
    background-color: #f1f1f1;
}

#right-menu-text-icon:active {
    box-shadow: inset 0 1px 2px 1px #ccc;
    border: 1px solid rgb(74, 159, 255);
}

body[loggedin=false] #main-menu {
    display: none;
}

body[loggedin=false] .page-header {
    border: none;
    display: none;
}

#doc-modal {
    height: 80%;
}

#doc-div {
    overflow-y: scroll;
    overflow-x: auto;
    background-color: white;
    height: 100%;
}

.header-bg {
    background: white !important;
}

ul > li {
    list-style-type: none;
}

.advantages li {
    list-style-type: circle;
}

.top-bar-section ul li > a {
    opacity: 0.6;
}

.top-bar-section ul li > a:hover {
    opacity: 1;
}

.link-progress-display .progress .meter::after {
    content: "";
    background: url(/images/animated-overlay.gif);
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

#link-progress-title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12.5pt;
    white-space: nowrap;
    display: block;
    text-decoration: underline;
    color: #3184FF;
}

#link-progress-size {
    padding-left: 5px;
}

#link-progress-speed {
    text-align: right;
    font-weight: 600;
}

.reveal-modal.classy {
    /* border-radius: 10px;
    border: 2px #cecece solid;*/
    position: fixed !important;
    top: 15% !important;
}

#np-modal {
    top: 10% !important;
}

#sign-in-form button {
    margin-top: 15px;
}

#sign-in-submit {
    margin-left: 15px;
}

#files-heading, .content-heading {
    position: fixed;
    top: 97px;
    background: #FBFBFB;
    z-index: 50;
    padding-top: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#main-drop-button {
    display: inline-block;
}

.after-arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;

    border-top: 4px solid #aaaaaa;

    display: block;
    position: absolute;

    top: 7px;
    left: -15px;
}

.before-arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;

    border-top: 4px solid #aaaaaa;

    display: block;
    position: absolute;

    top: 7px;
    left: -10px;
}

header {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

header:hover #menu-drop {
    background-color: #fcfcfc;
    color: black;
}

header:hover #menu-drop.active {
    color: #AE0000;
}

#wishlist-menu-item {
    display:none;
}

#subscription-menu-item {
    background: #569DF9 !important;
    color: white !important;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: bold !important;
    line-height: 44px;
    margin-bottom: 14px;
    border: 1px solid #4D79B1;
    padding: 0 0 0 12px !important;
}

#subscription-menu-item i {
    line-height: 41px;
}

li#logout-menu-item {
    font-weight: 600;
}

.menu-separator {
    height: 0px;
    border-bottom: 1px solid #A5A5A5;
    margin-bottom: 8px;
    background: none !important;
    border-radius: 0 !important;
}

#search-menu {
    margin-left: 240px;
    padding-top: 7px;
    display: none;
}

.search-bar-active {
    border-color: #aaaadd !important;
}

#search-bar {
    border: 1px #B9B9B9 solid;
    background-color: white;
    height: 31px;
    overflow: hidden;
    padding-top: 0.5px;
}

#search-bar > input {
    border: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    background: transparent !important;
}

#search-bar-button {
    float: right;
    text-align: center;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    cursor: pointer;
    color: #909090;
    width: 55px;
    padding: 6px 0 3px 0;
    border-left: 0;
    font-size: 14pt;
}

#search-bar-button:hover {
    background-color: #f0f0f0;
    color: black;
}

.pretty-text {
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.context-menu-shadow {
    display: none !important;
}

.main-menu-icon {
    margin-left: 8px;
    margin-right: 15px;
    font-size: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    height: 100%;
    border-left: 1px dashed #EAEAEA;
    padding-left: 8px;
    line-height: 27px;
}

#uploader {
    background-color: white;
    position: relative;

    display: none;
}

#uploader > div {
    background-size: 128px 128px;
    background-image: url(/images/striped.gif);
    padding: 8px;
}

#uploader-search {
    border: 1px solid #ababab;
    background-color: white;
    position: relative;
}

#uploader-search input[type=text] {
    border: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: white;
}

#upload-button {
    float: right;
    font-size: 13.5pt !important;
    border: 1px solid transparent;
    border-left: none;
    color: #080808;
    color: white;
    width: 32px;
    height: 35px;
    padding: 0;
    line-height: 32px;
    margin-bottom: 0;
    color: black;
/*    border-bottom: 3px solid red;*/
    background: #f3f3f3;
}

#upload-button:hover {
    background-color: rgb(243, 243, 243);
}

#upload-button:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#close-upload-button {
    float: left;
    display: none;
    padding-right: 3px;
    padding-left: 3px;
}

p.title {
    background: none repeat scroll 0 0 #404040;
    border-bottom: 2px solid #ff0000;
    border-radius: 5px;
    color: #fff;
    padding: 4px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}

p.title i {
    padding: 3px 8px 4px 9px;
    /* margin-top: -0.25em; */
    font-size: 1.5em;
    vertical-align: middle;
    color: white;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    /* border-radius: 5px; */
    background: #575757;
    border-left: 1px solid rgb(165, 165, 165);
}

body[loggedin=false] #right-menu {
    width: auto;
}

body[loggedin=true] #top-login-button, body[loggedin=false] #top-login-button {
    display: none;
}

body[loggedin=true] #introduction-account {
    visibility: hidden;
}

body[loggedin=false] #upload-button {
    display: none;
}

body[loggedin=false] #main-drop ul {
    display: none;
}

#top-storage-div {
    float: left;
    border: 0;
    cursor: pointer
}

#top-storage-div .progress {
    font-size: 8pt;
    margin-bottom: 4px;
    text-align: left;
    height: 10px;
    float: left;
    padding-top: 5px;
    width: 167px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    width: 204px;
}

#top-storage-span-container {
    font-size: 8pt;
    margin-bottom: 4px;
    text-align: right;
    height: 3px;
    /* float: left; */
    /* padding-top: 5px; */
    width: 206px;
    margin-left: 88px;
}

#top-storage-span {
    font-weight: 700;
    line-height: 14px;
    display: inline-block;
}

#top-wishlist-div {
    display: block;
    float: left;
    padding: 9px;
    border-radius: 5px;
    margin: 15px;
    border-bottom: 2px solid #7990ff;
    margin-left: 40px;
    position: relative;
    cursor: pointer;
}

#top-wishlist-div > i {
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
}

#top-wishlist-div:before {
    display: block;
    position: absolute;
    background: #77B7FF;
    content: attr(count);
    width: 12px;
    height: 16px;
    top: 0;
    right: 0;
    text-align: center;
    border-radius: 4px;
    font-size: 8pt;
    z-index: 5;
    color: white;
    font-weight: bold;
}

#top-wishlist-div[count=false]:before {
    display: none;
}

div#ultra-container {
    display: none;
    position: absolute;
    width: 280px;
    height: auto;
    background: #FBFBFB;
    top: 46px;
    right: -19px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px;
    /* border-radius: 5px; */
    /* overflow: hidden; */
    border: 1px solid #F3F3F3;
    cursor: default;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    transition: opacity 0.6s;
}

div#ultra-container:before {
    display: block;
    border-top-width: 0;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    right: 25px;
    border-color: #F1F1F1;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

div#ultra-container .ultra-testing-overlay {
    background-image: url(/images/animated-overlay.gif);
    background-color: #AFB3F5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
    height: 94%;
    vertical-align: middle;
    opacity: 0.04;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
    display: none;
}

div#ultra-container .checking .ultra-testing-overlay {
    display: block;
}

div#ultra-container label {
    line-height: 35px;
}

div#ultra-container input[name=ultra-source] {
    float: left;
    margin-top: 11px;
}

div#ultra-container img {
    float: left;
}

div#ultra-comingsoon {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    color: blue;
    height: 67px;
    padding-top: 23px;
    border-top: 1px solid #eeeeee;
    box-shadow: 0 -5px 6px #fafafa;
}

div#ultra-container .fa-bolt, div#ultra-container .fa-users {
    float: right;
    margin: 11px;
}

div#ultra-container ul {
    background: #FDFDFD;
    margin-left: 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}

div#ultra-container ul > li {
    padding: 11px;
    font-size: 11px;
    position: relative;
}

div#ultra-container .premium-notice {
    display: none;
    color: #2E5786;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 25px;
    display: list-item;
    padding: 5px;
    font-size: 0.8em;
    text-decoration: underline;
    border-bottom: 1px solid blue;
    padding-top: 20px;
    padding-bottom: 20px;
}

div#ultra-container li:hover {
    background: #F7F7F7;
}

div#ultra-container h6 {
    border-bottom: 1px solid #DADADA;
    line-height: 34px;
    margin-bottom: 0;
    font-weight: 500;
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 3px;
    background: #627DFF;
    color: white;
}

.ultra-flag {
    float: left;
    margin-left: 12px;
}

.ultra-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 200;
    font-size: 13px;
    margin-bottom: 4px;
    padding-left: 12px;
    text-align: left;
}

div#wishlist-container {
    display: block;
    position: absolute;
    width: 350px;
    height: auto;
    background: #FBFBFB;
    top: 46px;
    right: -19px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px;
    /* border-radius: 5px; */
    /* overflow: hidden; */
    border: 1px solid #F3F3F3;
    cursor: default;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    transition: opacity 0.6s;
}

div#wishlist-container:before {
    display: block;
    border-top-width: 0;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    right: 25px;
    border-color: #F1F1F1;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

div#wishlist-container h6 {
    line-height: 40px;
    margin-bottom: 0;
    font-weight: 500;
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    margin-bottom: 3px;
}

div#wishlist-container .fa-star-half-o {
    float: right;
    margin: 11px;
}

div#wishlist-container .fa-close {
    display:none;
}

div#wishlist-container ul {
    background: #FDFDFD;
    min-height: 27px;
    margin-left: 0;
    border-bottom: 1px solid #f0f0f0;
    max-height: 330px;
    overflow-y: auto;
}

div#wishlist-container ul > li {
    padding: 11px;
    font-size: 14px;
}

div#wishlist-container li:hover {
    background: #F7F7F7;
}

.wishlist-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 200;
    font-size: 13px;
    margin-bottom: 4px;
}

.wishlist-size {
    float: left;
    font-weight: 200;
}

.wishlist-date {
    float: right;
    margin-right: 4px;
    color: gray;
}

.wishlist-close {
    float: left;
    margin-left: 10px;
    float: right;
    cursor: pointer;
}

.wishlist-premium {
    float: right;
    border-radius: 50%;
    background: #FFFFBA;
    color: #676767;
    font-size: 13px;
    width: 25px;
    margin-top: 9.5px;
    margin-left: 5%;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    border: 1px dashed #C7C7C7;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

button.wishlist-download {
    width: 100%;
    border-radius: 3px;
    margin-top: 7px;
    padding: 0;
    line-height: 30px;
    background: #5292E4;
}

#main-drop div {
    margin: 15px;
    padding: 15px;
    text-align: center;
    background-color: #606060;
    color: white;
}

#main-drop ul {
    margin-bottom: 0;
}

body[loggedin=true] #main-drop div {
    display: none;
}

#icon-reload {
    position: absolute;
    padding: 3px;
    right: 20px;
    top: 15px;
}

#icon-reload i {
    padding: 0;
}

@media screen and (min-width: 480px) {
    #icon-reload {
        top: 10px;
        padding: 7px;
    }
}

.header-row span {
    position: relative;
}

.header-row .after-arrow:after {
    top: 7px;
    right: -20px;
}

.header-row .after-arrow.up:after {
    border-bottom: 4px solid #aaaaaa;
    border-top: 0;
}

.link-upload-container input[type=text] {
    border: 0;
    height: 100%;
    box-shadow: none;
    width: calc(100% - 32px);
    margin-left:32px;
    background-color: #f9f9f9;
    height: 36px;
    border-right: none;
}

.close-link-results {
    height: 20px;
    background-color: #f3f3f3;
    margin-bottom: 3px;
    border: 1px solid transparent;
    font-size: 8pt;
    text-align: center;
    padding-top: 4px;
    cursor: pointer;
    color: #909090;
}

.close-link-results:hover {
    background-color: #f5f5f5;
}

.table-heading {
    padding: 10px 5px 8px;
    line-height: 15px;
    font-size: 12px;
    color: #4D7FA1;
}

.content-color {
    color: #767674;
}

.content-item-text {
    font-size: 16px;
    padding-top: 16.5px;
    padding-bottom: 14px;
}

html, body {
    width: 100%;
    height: 100%;
    position: relative;
}

footer {
    position: relative;
}

.main-container {
    min-height: 590px;
    max-width: 82em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.fix {
    position: fixed;
    width: 100%;
    z-index: 98;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;    
}

.seedr-size {
    min-height: 570px;
    padding-top: 12px;
}

#signup {
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: -35px;
    margin-left: auto;
    width: 246px;
    height: 78px;
    background-repeat: no-repeat;
}

.content-tab {
    display: none;
    padding-bottom: 140px;
    position: relative;
}

#notifications-tab li {
    list-style-type: none;
    padding: 10px 0;
    border-bottom: 1px dashed #AAADAE;
    line-height: 26px;
}

#notifications-tab li.row:nth-child(odd) {
    background-color: /*#c4d5e4*/ #cddce9;
    border-radius: 5px;
}

#notifications-tab li:hover {
    background: url('/images/transparent-bg.png');
    border-radius: 5px;
}

.notif-text {
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #575757;
}

.notif-text span.username {
    position: absolute;
    left: 55px;
}

.settings-text {
    font-size: 12px;
    color: #575757;
    border-bottom-color: #CCC;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-left-color: #CCC;
}

article p {
    font-size: 14px;
    color: black;
    padding: 10px;
}

article .content-color {
    color: /*#575757*/ #454545;
}

article ul li {
    list-style-type: circle;
    font-size: 14px;
    margin-left: 30px;
}

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
}

#right-menu input[type=text]:focus, #files-search-input:focus {
    border-color: #6FA5DE !important;
}

.large-12 {
    float: none;
}

.item-buttons {
    display: none;
    float: right;
    font-size: 11pt;
    vertical-align: bottom;
    margin: -5px 26px -2px 10px;
    color: #787878;
    /* background: #fcfcfc; */
    /* border-radius: 5px; */
    /* box-shadow: 0 0 6px rgba(0,0,0,0.04); */
}

.item-buttons>span {
    background: #f9f9f9;
    border-radius: 14px;
    width: 29px;
    height: 29px;
    display: inline-block;
    text-align: center;
    margin-left: 4px;
    /* box-shadow:  0 0 7px rgba(0,0,0,0.04); */
    border: 1px solid #f3f3f3;
    cursor: pointer;
    line-height: 25px;
    padding: 0;
    cursor: pointer;
}

.item-buttons>span:hover {
    border-color: #c9c9c9;
    box-shadow: 0 0 9px rgba(0,0,0,0.06);
    transform: scale(1.03);
}

.item-scan-status {
    line-height: 11px;
    padding: 7px;
    border-radius: 9px;
    background: #99CC99;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    float: right;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: -3px;
}

.content-item.scanning .item-scan-status {
    background: #A2A2A2;
}

.content-item.infected .item-scan-status {
    background: red;
}

.content-item.encrypted .item-scan-status {
    background: #FFCC68;
}

.item-scan-text {
    display: none;
    margin-left: 15px;
}

.content-item.infected .item-scan-text {
    display: block;
}

/*.content-item:hover .item-scan-status .item-scan-text, */
.content-item[marked=true] .item-scan-status .item-scan-text {
    display: block;
}

.item-scan-icon {
    float: left;
    width: 10px;
    height: 10px;
    font-size:12px;
    
}

.item-scan-text:after {
    content: 'SAFE';
}

.content-item.scanning .item-scan-text:after {
    content: 'SCANNING';
}

.content-item.infected .item-scan-text:after {
    content: 'INFECTED';
}

.content-item.encrypted .item-scan-text:after {
    content: 'ENCRYPTED';
}

.content-item:hover .item-buttons {
    display: block;
}

#add-folder-button {
    padding: 5px;
    float: right;
    display: block;
    line-height: 12px;
    margin-right: 35px;
    background: none;
    color: black;
    outline: none;
}

#add-folder-button:hover {
    background: #eaeaea
}

#add-folder-button:active {
    background: #FFE8E8
}

.hidden {
    display: none;
}

.bottom-stroke {
    border-bottom: 3px solid #dedede;
}

#account-tab, #settings-tab, #subscriptions-tab, #paypal_finish-tab, #paypal_failed-tab, #devices-tab, #get_space-tab {
    background: #fcfcfc;
    padding-top: 20px;
}

#account-tab > .row, #settings-tab > .row, #subscriptions-tab > .row, #paypal_finish-tab .main-container, #paypal_faile-tab .main-container, #devices-tab .main-container, #get_space-tab .main-container {
    margin-top: 94px;
    /* padding-top: 40px; */
}

#settings-tab > .row {
    padding: 20px;
}

#account-tab > .row > div > div > div, #settings-tab.row > div > div > div {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.settings-cat {
    padding: 10px;
}

#beta-text {
    position: absolute;
    margin-top: 27px;
    color: #0073BA;
}

.upgrade-to-resume {
    float: right;
    margin-right: 11px;
    margin-top: -1px;
    color: #0089FF;
    cursor: pointer;
}

.upgrade-to-resume:after {
    display: inline-block;
    content: '► Upgrade';
}

body[is_premium=true] .upgrade-to-resume:after {
    content: '⌛ Waiting For Slot';
}

.torrent-status-indicator {
    padding: 0 5px 0 5px;
    margin-bottom: -20px;
    border-radius: 8px;
    font-size: 16px;
    margin-right: 5px;
    cursor: pointer;
    float: right;
    display: none;
    padding-right: 8px;
    border-right: 1px dashed rgb(181, 181, 181);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
}

.content-item[marked=true] .torrent-status-indicator, .content-item[marked=true] .torrent-status-indicator, .content-item[marked=true] .upgrade-to-resume {
    color: White;
}

.torrent-status-indicator:hover {
    background: white;
}

.torrent.warning .content-item-size, .torrent.error .content-item-size, .torrent.loading .content-item-size {
    background: transparent;
}

.torrent.warning .torrent-status-indicator, .torrent.error .torrent-status-indicator {
    display: block;
}

.torrent.warning .progress, .torrent.error .progress {
    width: 110px;
}

.torrent .fi-download {
    display: none;
}

.torrent.warning {
    background: rgb(255, 247, 221);
}

.torrent.loading {
    background: rgb(249, 252, 255);
}

#link-progress-display .progress {
    height: 2.5em;
    line-height: 2.5em;
    background: #fdfdfd;
    border: 1px solid #aaaaaa;
    overflow: hidden;
    box-shadow: 1px 1px 2px #f8f8f8;
}

.torrent.loading .meter, #link-progress-display.loading .meter {
    width: 100% !important;
    background: #FFF3DC;
    -webkit-transition: background 2s;
    transition: background 2s;
}

.torrent.loading .fi-share {
    color: #808080
}

.torrent.error {
    background: rgb(255, 239, 223);
}

.torrent.error, .torrent.warning, .torrent.loading {
    -webkit-transition: background 0.6s;
    transition: background 0.6s;
}

.torrent .fi-share {
    -webkit-transition: color 0.6s;
    transition: color 0.6s;
}

.settings-cat .meter {
    margin-top: 0 !important;
}

.settings-cat .progress {
    border: 0;
}

.file-link-container {
    overflow: hidden;
    text-overflow: ellipsis;
}

#signup-form-new-container {
    padding-top: 22px;
    margin-left: 56px;
    position: relative
}

#tv-container {
    text-align: right;
    padding-right: 50px
}

#welcome-left-block {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 50%
}

#welcome-right-block {
    position: relative;
    display: table-cell;
    height: 44%;
    width: 50%
}

#youtube-play-link {
    display: none;
    position: absolute;
}

#drop-torrents-here {
    color: white;
    font-size: 18pt;
    text-shadow: 0 0 0.3px white
}

#signup-form-tv {
    display: none
}

#account-modal {
    z-index: 5000;
    padding: 0px;
    border-radius: 5px;
    padding-top: 76px;
    font-family:'Lato';
}

#account-modal .row {
    max-width: 400px;
}

#account-modal input.s-text-input {
    margin-top: 3px;
}

#account-modal button {
    display: block;
    margin: 20px auto 20px auto;
    max-width: 300px;
    width: 100%;
    border-radius: 25px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-family: 'Lato';
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

input.s-text-input {
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    border-radius: 4px;
    background: white;
}

img#seedr-login-logo {
    position: absolute;
    top: -64px;
    left: 50%;
    margin-left: -59px;
    background: #f1f4fd;
    padding: 27px;
    border-radius: 50%;
    border: 4px solid white;
}

.gradient-top-border {
    background: linear-gradient(77.87deg, rgba(156, 89, 179, 1) 0%, rgba(204, 83, 62, 1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.grecaptcha-badge {
    visibility:hidden;
}

#registeremail+div {
    position:absolute;
    line-height:42px;
}

#welcome-container {
    width: 100%;
    max-width: 980px;
    padding-top: 40px;
    display: inline-block;
    text-align: left
}

.reveal-modal {
    min-width: 500px;
}

#notifianchor {
    display: none;
}

#link-upload-form {
    margin: 0;
    position: relative;
    margin-right: 100px;
}

#account-image {
    width: 60px;
    height: 60px;
    padding: 6px;
    display: block;
    border-radius: 50%;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.15);
    float: left;
    /* border: 1px solid #969ca2; */
    margin-right: 28px;
    padding: 10px;
}

#activation-recaptcha > div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#activation-recaptcha > div > div {
    display: inline;
}

#np-modal .close-reveal-modal {
    font-size: 2.4rem !important;
    top: .4rem;
}

#np-modal .fa-lock {
    margin-right: 20px
}

span.content-item-cloud-name {
    color: #005670;
}

.content-item i.fa.fa-dropbox {
    color: #2282d6;
}

.content-item i.fa.fa-google {
    color: #4285F4
    ;
}

div.content-item.cloud.content-item-size.content-item-text {
    background-color: transparent;
}

div.content-item.cloud {
    border-style: dashed;
    border-color: #5eacff;
    border-bottom-width: 2px;
    background-color: #fafafa;
    color: black;
}

.content-item .progress {
    margin-left:10px;
}

body.mobile .item-menu-button {
    display: inline-block;
}

body.mobile .content-item-uploaded {
    width: 147px;
}

#files-nav {
    display:none;
}

@media all and (max-width: 1200px) {

    .content-item-size {
        text-align:center;
        padding-left:0;
    }

    body.mobile .files-margin-div {
        margin-right:0;
        margin-left:0;
    }

    body.mobile .content-item {
        padding-right:0;
    }



    #welcome-container {
        padding: 30px;
    }

    #tv-container {
        padding-right: 15px;
    }

    #signup-form-new-container {
        margin-left: 0;
    }

    #welcome-logo + div {
        left: 178px;
        bottom: 10px;
    }

    #welcome-buttons-div {
        left: 254px;
        bottom: -13px;
    }

    #welcome-clouds {
        display: none;
    }

}

@media all and (max-width: 1100px) {

    #video-modal {
        box-shadow: none;
    }

    .signing-up #welcome-margin {
        vertical-align: top;
    }

    #captions-container {
        top: 175px;
    }

    #captions-select input[type='submit'] {
        margin-top: 0 !important;
    }

    #captions-list {
        margin-top: 0;
    }

    #link-progress-display > div {
        width: 93%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 35px;
    }

    #right-menu.right-menu-open {
        width: 340px;
        padding-left: 33px !important;
    }

    #welcome-inner-top-row {
        margin-top: -160px !important;
    }

    .signing-up #welcome-inner-top-row {
        margin-top: 0 !important;
    }

    #link-results {
        width: 340px;
    }

    #welcome-inner-top-row {
        padding-right: 0;
    }

    div.advantage {
        height: auto;
        padding:30px;
    }
}

@media all and (max-width: 900px) {
    .right-menu-text-icon {
        display: none;
    }
}

@media all and (max-width: 830px) {
    #landing-plans>div{
        flex-basis:auto;
        max-width:none;
    }

    #landing-plans button {
        width:90%;
        font-size:1rem
    }

    #welcome-buttons-div.shown {
        display:block !important
    }

    .content-item, #file-browser {/* --content-item-height:67px */}

    #link-progress-size, #link-progress-speed {
        font-size: 0.8em;
    }

    .main-bg h2 {
        margin-top:130px !important;
    }
    #alerts {
        top: 62px;
        z-index: 200;
    }

    #alerts > div {
        width: 97%;
    }

    #premium-bot {
        margin-bottom: 23px !important;
    }

    body {
        transition: 0s all;
        overflow-x: hidden;
    }

    #np-modal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        border-radius: 0 !important;
        box-shadow: none;
        height: 100% !important;
        right: 0;
    }

    .content-item[marked=true] .item-scan-status .item-scan-text {
        display: none;
    }

    .item-scan-icon {
        height: 10px;
        font-size: 0.8em;
    }

    #captions-list {
        margin-top: 0;
        bottom: 60px;
    }

    #captions-bottom {
        height: 65px;
    }

    #captions-bottom > * {
        display: block !important;
        float: none !important;
        width: 100%;
        text-align: center !important;
        padding: 4px;
    }

    #captions-container {
        top: 184px;
    }

    #main-drop:before {
        display: none;
    }

    .page-header > .row {
        box-shadow: 0 0 20px rgba(0,0,0,0.05);
        padding: 0;
    }

    .page-header .row {
        height: 50px;
        background: white;
    }

    #link-upload-form {
        margin-right: 0 !important;
    }

    #wishlist-menu-item {
        display:block;
    }

    #main-menu {
        height: 0;
        padding-top: 0;
        margin-top: 0;

        float: none;
    }

    #right-menu {
    padding: 6px;
    margin-top: 0;
    padding-left: 35px;
    margin-right: 36px;
    }

    #right-menu .right-menu-text-icon {
        display: none !important;
    }

    #top-wishlist-div {
/*        float: right;
        margin-right: 5px;
        position: static;
        margin-top: 6px;
        margin: 7px 17px 2px 2px;
        box-shadow: 0 0 4px #ddd;
        border-radius: 5px;
        border-bottom-width: 4px;
        padding: 8px;
        line-height: 15px;
*/
        position: static;
        margin: 0;
        padding: 0;
    }

    #top-wishlist-div>i {
        display:none;
    }

    div#wishlist-container {
        width: 100%;
        height: auto;
        top: 100px;
        left: 0;
        top: 0;
        z-index: 5;
        height: 100vh;
    }

    div#wishlist-container ul {
        padding: 0 25px;
    }

    div#wishlist-container .fa-star-half-o {
        float: left;
        margin: 13.4px;
    }

    div#wishlist-container .fa-close {
        display:block;
        float: right;
        padding: 5.2px;
        background: white;
        margin: 8px;
        box-shadow: 0 0 3px #aeaeae;
    }

    div#wishlist-container:before {
        display: none;
    }

    .icon-folder {
        margin-left: 11px;
    }

    div.advantage blockquote {
        width: auto;
        float: none;
    }

    .reveal-modal {
        min-width: inherit;
        width: 100vw !important;
    }

    #description-block, #video-block {
        display: none;
    }

    #description-block.shown, #video-block.shown {
        display: block;
    }

    #signup-form-tv.shown {
        display: block
    }

    #signup-block {
        display: none;
    }

    #signup-block.shown {
        display: block;
    }

    #signup-block form {
        display: none;
        height: 0;
        transition: 1.5s;
        opacity: 0;
    }

    #signup-block.shown form {
        display: block;
        height: auto;
        opacity: 1;
    }

    #welcome-logo {
        bottom: 81px;
        left: 50%;
        margin-left: -86px;
    }

    #welcome-logo + div {
        display: none;
    }

    #welcome-left-block {
        display: none;
    }

    #captions-list li div {
        margin-right: 10px;
    }

    .joyride-tip-guide[data-index="3"], .joyride-tip-guide[data-index="4"] {
        margin-left: inherit;
        margin-top: inherit;
    }

    .joyride-tip-guide[data-index="3"] .joyride-nub, .joyride-tip-guide[data-index="4"] .joyride-nub {
        margin-left: 85%
    }

    #skrill-modal {
        top: 0 !important;
        overflow: hidden;
    }

    #explainer-thumb {
        width: 200px;
        margin-left: -100px;
        margin-top: 140px;
        height: 114px;
        opacity: 1;
    }

    .torrent-status-indicator {
        margin-top: 0;
    }

    #beta-text {
        margin-top: 24px;
    }

    .setting-form input, .setting-form select {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #captions-list button {
        display: none;
    }

    .signing-up {
        min-height: 1250px;
    }

    #home-description {
        position: absolute;
        bottom: -24px;
        /* font-weight: bold; */
        font-size: 11pt;
        width: 100%;
        padding-left: 40px;
        padding-right: 0;
    }

    .right-menu-text-icon {
        display: none;
    }

    .item-buttons {
        display: none !important;
    }

    #main-drop li {
        padding: 10px;
    }

    #menu-drop > i:after {
        display: none;
    }

    #menu-drop {
        margin-left: 0;

    background-color: #fcfcfc;
    border: none;
    color: black;
    margin-top: 2px;
    margin-left: 6px;
    margin-right: 5px;
    position: absolute;
    font-size: 19px;
    line-height: 34px;
    padding-right: 10px;
    padding-left: 10px;
    right: 0px;
    top: 4px;
    height: 36px;
    padding-top: 0;
    }

    #main-drop {
        margin-top: 110px;
        box-shadow: rgba(0, 0, 0, 0.097) 0 0 3px;
        background: white;
        width: calc(100% - 40px);
        border: 1px #dedede solid;
        left: 20px;
    }

    #mobile-logo-div {
    float: left;
    padding: 4px 0 0 5px;
    display:block;
    }

    .content-item a {
        color: #31ADD0;
    }

    .progress.round {
        width: 115px;
        margin-right: 8px;
        height: 26px;
        font-size: 10pt;
        margin-bottom: -7px;
        line-height: 24px;
    }

    .progress.round .meter {
        height: 98%;
    }

    .torrent.warning .progress, .torrent.error .progress {
        width: 60px;
    }

    .content-item {
        padding: 0;
        height: 67px;
        border-bottom: 1px solid #f3f3f3;
        overflow: hidden;
        margin: 0;
        width: 100%;    
    }

    .content-item.folder {
        /*		border-color:#ecbf35;*/
    }

    .content-item.torrent {
        border-color:black
    }

    .content-item.is_paused .progress.round {
        width: 100%;
    }

    .content-item.is_paused .content-item-size {
        display: none;
    }

    .content-item.is_paused .upgrade-to-resume {
        float: none !important;
        margin-top: 35px !important;
    }

    .content-item-text {
        font-size: 12px;
    }

    .s-icon-column {
        height: 65px;
    }

    .content-item[marked=true] .s-icon-column .video-icon-bg:after, .content-item[marked=true] .s-icon-column i:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        color: rgb(169, 71, 42);
        display: block;
        content: "\f00c";
        font-family: "FontAwesome";
        font-size: 15pt;
        text-align: right;
        padding-right: 5px;
        padding-top: 20px;
        text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    }

    body[loggedin=true] #mobile-menu {
        /*display:block;*/
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 35px;
        background: #e5e5e5;
        z-index: 95;
        box-shadow: 0 -1px 2px #dedede;
    }

    #mobile-menu button {
        height: 27px;
        width: 27px;
        margin: 3px;
        padding: 0;
        border-radius: 5px;
    }

    .back-to-top {
        right: 50px;
        bottom: 0;
        width: 35px;
        height: 35px;
    }

    #mobile-space {
        display: block;
        height: 40px;
        text-align: center;
        border-bottom: none;
        padding: 5px 0 2px 0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
        margin-left: 132px;
    }

    #mobile-space-span {
        font-size: 14px;
        color: black;
        text-align: LEFT;
        width: 100%;
        font-weight: 700;
        display: block;
        text-align: left;
        padding-left:18px;
        line-height: 31px;
    }

    #files-nav {
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: white;
        box-shadow: 0 0 15px rgba(0,0,0,0.1);
        overflow: visible;
        display:block;
    }

    .files-nav-icon {
        float: left;
        padding: 8px;
        font-size: 19px;
        width: 44px;
        background: #dedede;
        text-align: center;
    }

    #files-nav-sort>ul {
        position: absolute;
        background: white;
        width: 100%;
        top: -16vh;
        left: 0;
        box-shadow: 0 -20px 20px rgba(0,0,0,0.1);
        padding: 0;
        margin: 0;
        display: block;
        line-height: 34px;
        border-top: 3px solid #cecece;
        color: black;
        text-decoration: underline;
        display: none;
    }

    #files-nav-sort>ul>li>i {
        float: right;
        margin-right: 15px;
        line-height: 34px;
    }
    
    #mobile-search {
        display:none;
        position: absolute;
        left: 0;
        background: white;
        width: 100%;
        height: 44px;
        bottom: 0;
        z-index: 20;
    }

    #mobile-search input {
        margin-left: 40px;
        margin-right: 40px;
        display: block;
        width: calc(100% - 80px);
        background: white;
        outline: none;
        box-shadow: none;
        border: none;
        height: 40px;
    }

    #mobile-search>div {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #f0f0f0;
    }

    #mobile-search-back {
        float:left;
    }
    #mobile-search-search {
        float:right;
    }


    .s-icon-column i {
        font-size: 40px;
    }

    .s-icon-column i.fi-page {
        font-size: 36px;
    }

    .video-icon-bg img {
        max-height: 100%;
    }

    .video-icon-bg {
        height: 29px;
        width: 32px;
        margin-top: 19px;
        margin-left: 10px;
    }

    #link-upload-text {
        padding-left: 0;
        margin-right: 129px;
        margin-left:23px;
    }


    .files-text {
        font-size: 14px;
    }

    .content-item:hover {
        background-color: transparent;
    }

    .content-item[marked=true] {
        background-color: #f6f6f0 !important;
        color:inherit;
    }

    #loading-div {
        top: 69px;
    }

    #more-div button {
        width: 100%
    }

    #body-login-button-new {
        float: left;
    }

    #open-signup-button {
        float: right;
        background: rgb(34, 108, 192);
        color: white;
        display: block;
        height: 45px;
    }

    #welcome-div-new {
        min-height: 520px;
    }

    #welcome-div-new input[type=text], #welcome-div-new input[type=password], #welcome-div-new input[type=email], #welcome-div-new small.error, #welcome-div-new input.button {
        width: 100%;
    }

    #welcome-div-new input[name=fullname] {
        width: 50%;
    }

    #youtube-play-link {
        display: block;
        background: #f1f1f1;
        line-height: 60px;
        text-align: center;
        color: black;
        position: absolute;
        top: 0;
        width: 100%;
        cursor: pointer;
        z-index: 2;
    }

    #youtube-play-link img {
        width: 48px;
        margin-right: 15px;
    }

    #welcome-logo-div, #welcome-buttons-div {
        width: 100%;
    }

    #welcome-buttons-div {
        position: absolute;
        bottom: 0;
        height: 72px;
        left: 0;
    }

    #welcome-div-new form {
        width: auto;
        padding-right: 11px;
    }

    #welcome-background {
        height: 58%
    }

    #welcome-logo-div {
        height: 42%;
        position: relative;
        padding-bottom: 19px;
        text-align: center;
    }

    .viewer-modal:not(.modal-minimized) {
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0;
        margin: 0 !important;
        position: fixed;
        border: 0;
        border-radius: 0 !important;
    }

    #upload-button {
        float: right;
        margin-right: 5px;
        position: static;
        /* box-shadow: 0 0 4px #ddd; */
        border-radius: 5px;
        border-bottom-width: 4px;
        width: 36px;
        height: 36px;
        line-height: 36px;
        padding: 0;
        color: navy;
        border:0;
    }

    #link-results {
        width: 100%;
        position: static;
        display: none;
        box-shadow: none;
        height: calc(100vh - 65px);
        border-radius: 0px;
        border-right-width: 0px;
    }

    #link-results-content {
        background: white;
        height: 100%;
        max-height: 100%;
    }

    #link-results-content > div {
        padding: 15px;
        border-bottom: 1px solid #d0d0ec;
        border-radius: 0;
        background: white;
        box-shadow: none;
    }

    #file-browser {
        box-shadow: none;
        border-radius: 0;
        margin:0; padding:0;
    }

    #menu-drop {
background-color: #fcfcfc;
    border: none;
    color: black;
    margin-top: 2px;
    margin-left: 6px;
    margin-right: 5px;
    position: absolute;
    font-size: 19px;
    line-height: 34px;
    padding-right: 10px;
    padding-left: 10px;
    right: 0px;
    top: 4px;
    height: 36px;
    padding-top: 0;
    }

    #files-tab {
        /* background:white; */
    }

    .minimize-reveal-modal {
        display: none;
    }

    #top-storage-div > * {
        display: none;
    }

    .account-name-container {
        display: block;
    }

    #account-name-contaner > * {
        display: none;
    }

    #account-image {
        display: none;
    }

    #main-menu {
        width: calc(100% - 95px);
    }

    #page-title {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 45px;
    width: calc(100% - 56px);
    height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    margin-left: 8px;
    font-weight: 300;
    }

    #top-wishlist-div:before {
        top: 8px;
        right: 8px;
    }

    .viewer-modal {
        padding-top: 55px;
        padding-bottom: 5px;
    }

    .modal-title {
        font-size: 18px;
        width: 76%;
    }

    .reveal-modal .close-reveal-modal {
        font-size: 2.4rem !important;
        top:11px;
    }

    #video-modal-closed-captions {
        font-size: 1.7em;
        line-height: 1.1;
        right: 1.8em;
    }

    .page-header {
        padding: 0;
        background: #eaeaef;
        height: 50px;
    }

    .get-more-link {
        position: absolute;
        margin-right: 20px;
        /* visibility: hidden; */
        line-height: 30px !important;
        text-decoration: underline;
        color: blue;
        /* display: none; */
        font-size: 10px;
        right: 0;
        font-size: 14px;
    }

    #menu-home {
        display: none;
    }

    .support-button {
        padding-right: 0;
        margin-right: 0;
    }

    .signing-up {
        margin-top: 0;
    }

    #welcome-inner-top-row {
        padding-right: inherit;
    }

    #introduction-account {
        text-align: center;
    }

    #introduction-account > a {
        margin: 0 !important;
    }

    #right-menu.right-menu-open {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        max-height: 100vh;
        margin-top: 0;
        background: white;
        padding: 6px !important;
        position: absolute;
        width: 100%;
        z-index: 99;
    }

    #right-menu.right-menu-open .right-menu-text-icon {
        display: block !important;
        position: relative;
    }

    #close-right-menu {
    left: 0;
    padding: 0;
    height: 36px;
    width: 24px;
    text-align: center;
    line-height: 35px;
    }

    #right-menu-add-clipboard {
        position: absolute;
        top: 50px;
        left: auto;
        right: auto;
        width: calc(100% - 12px);
    }

    #right-menu.right-menu-open #right-menu-add-clipboard {
        display:block;
    }

    footer {
        text-align: center;
    }

    footer a, footer button {
        display: block;
        width: 100%;
        clear: both;
        text-align: center;
        margin-bottom: 20px;
        padding-right: 0;
    }

    .content-link {
        display: block;
    }

    .overcast {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    }

    .content-item > div.content-item-uploaded {
        float: left !important;
        padding-left: 15px;
        padding-right: 0;
        /* width: auto !important; */
        color: #cccccc;
        padding-top: 17px;
    }

    .content-item > div.content-item-menu {
        display: block;
    }

    .content-item > div.content-item-filename {
        margin-top: -10px;
        color: #6a7a7a;
        font-size: 16px;
        width: auto;
        word-wrap: break-word;
        float: none;
        height: 30px;
        overflow: visible;
        margin-left: 40px;
        margin-right: 52px;
        padding-right: 0;
    }

    .content-item > div.content-item-size {
        padding-right: 0;
        padding-left: 0;
        float: left !important;
        margin-left: 5px;
        width: 70px !important;
        color: #6a7a7a;
        text-align: left !important;
        background-color: transparent;
    }

    .content-item > div.s-icon-column {
        float: left;
        width: 51px;
        height: 45px;
        color: #353535;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        position: relative;
    }

    #main-drop {
width: 95vw;
    left: -86vw;
    top: 61px;
    position: absolute;
    border: 0;
    box-shadow: 0 0 40px rgba(0,0,0,0.25);
    padding: 20px;
    margin-top: 0;
    z-index: 500;
    border-radius: 5px;
    }

    #main-drop > ul {
        padding: 0;
    }

    #search-menu {
        display: none;
    }

    .top-bar > :nth-child(1) {
        width: 170px !important;
    }

    .top-bar-section > ul {
        width: 200px;
    }

    .top-bar-section > ul > li {
        width: 33px;
        padding-left: 0 !important;
        margin-left: 20px;
    }

    #folder-up .content-item-filename {
        margin-top: 9px;
    }

    #folder-up .s-icon-column {
        padding-top: 26px;
    }

    .top-bar-section > ul > li > a {
        width: 30px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: right;
    }

    /* .top-bar-section>ul>li>a img {
    height:14px;
    }*/
    #upload-nav-item a, #account-nav-item a {
        padding-right: 0 !important;
    }

    .searchbox {
        display: none !important;
    }

    #files-heading, .content-heading {
        display: none !important;
    }

    .top-bar-section > ul > li {
        float: left !important;
    }

    .files-margin-div {
        padding-left: 7px; padding-right:7px; margin-left:0; margin-right:0; margin-top:41px;
    }

    .content-item {
        cursor: pointer;
    }

    #right-menu {

    }

    body[loggedin=true] #searchicon-nav-item {
        display: block;
    }

    #wrapper {
        min-width: 80%;
        width: 95%;
        margin: 0 auto 0;
        position: relative;
    }

    body[loggedin=false] #account-nav-item a {
        max-width: 768px;
        width: 110px !important;
        text-align: center;
    }

    #account-modal {
        min-height: 0;
        margin: 0;
        width: 100%;
        margin-top: 0;
        top: 0 !important;
        position: absolute !important;
        border-radius: 0;
        box-shadow: none;
        height: 100%;
        border-radius: 0;
        min-height: 480px;
    }

    #account-modal label > span {
        display: none;
    }

    #account-modal .close-reveal-modal {
        right: 0.25rem;
    }

    #account-modal small {
        font-size: 100%;
    }

    #account-modal small b {
        display: none;
    }

    #account-modal input[name=password], #account-modal input[name=username] {
        font-size: 140%;
    }

    #forgot-password-link {
        top:10px;
        right: 25px;
    }

    img#seedr-login-logo {
        top: 26px;
        zoom: 0.5;
    }

    #sign-in-submit, #sign-in-cancel {
        width: 45%;
        width: calc(50% - 13px);
    }
}

@media all and (max-width: 640px) {

    #welcome-torrenting, #welcome-only-with {
        display: none;
    }

    .advantage-icon {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0 !important;
        padding-right: 0;
        width: 128px;
    }

    div.advantage h4 {
        text-align:left
    }

}

@media all and (max-width: 550px) {
    #login-separator {
        padding: 8px;
    }

    #welcome-div-new {
        min-height: 518px
    }

    #welcome-logo {
        bottom: 63px;
    }

    #welcome-right-block {
        width: 90%;
    }

    #youtube-play-link {
        line-height: 32px;
    }

    #youtube-play-link img {
        width: 29px;
        margin-right: 15px;
    }

    #welcome-background {
        height: 68%
    }

    #welcome-logo-div {
        height: 32%;
    }

    #welcome-buttons-div {
        padding-left: 0;
        height: 58px;
    }

    #welcome-tab input[type=submit] {
        line-height: 1;
        border: 1px solid #72AAEA;
    }

    #drop-torrents-here {
        width: 110%;
        margin-left: -10%;
        text-align: center;
        border-bottom: 2px dashed #4B88CF;
        padding-bottom: 10px;
        margin-top: 4px;
    }
}

@media all and (max-width: 390px) {
    #login-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        width: 235px;
    }

    #login-recaptcha-container {
        height: 64px;
        text-align: center
    }

    #account-modal label {
        text-align: center;
    }

    #menu-home > span {
        font-size: 8pt !important;
    }

    /*#menu-home>#home-link img {
    width:70px;
    }*/
    .friend-list button {
        padding: 1px !important;
        font-size: 0.65rem !important;
    }

    #right-menu {
        width: 50px;
    }

    #top-login-button {
        margin-left: -25px;
    }
}

@media all and (max-width: 350px) {
    .content-item > div.content-item-uploaded {
        display: none;
    }
}

@media all and (min-width: 800px) and (max-width: 1150px) {

    #account-modal {
        left: 50%;
        margin-left: -25%;
        width: 50%;
    }

}

/* speed fix */

.reveal-modal-bg, .reveal-modal {
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;    
}

.reveal-modal {
    -moz-animation-name: dropLoad;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.4s;

    -webkit-animation-name: dropLoad;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;

    animation-name: dropLoad;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.4s;
}

.reveal-modal-bg {
    -moz-animation-name: fadeIn;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: fadeIn;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;

    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

@-moz-keyframes dropModal {
    0% {
        -moz-transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes dropModal {
    0% {
        -webkit-transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes dropModal {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.seedr-loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgb(119, 183, 255);
    border-right: 1.1em solid rgb(119, 183, 255);
    border-bottom: 1.1em solid rgb(119, 183, 255);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.seedr-loader,
.seedr-loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.seedr-loader-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
    display: none;
    transition: 0.2;
    opacity: 0;
}

.seedr-loader-container.shown {
    opacity: 1;
    display: block
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}