body.loading {
    cursor: wait;
}
body.loading #loading {
    display: block;
}
body #loading {
    display: none;
}
body { padding-top: 50px; }
body {
    background-color: rgba(255, 255, 255, 0);
}
img {
    max-width: 100%;
}
#accountNav .dropdown-toggle img.avatar, #accountMenu img.avatar {
    max-height: 18px;
    max-width: 18px;
    margin: 0px 0px 0px 0px;
}
#accountMenu img.avatar {
    margin: 0px 0px 0px 12px;
}
#accountNav .dropdown-toggle .userAvatarName .name {
    display: none;
}
.btn-group img.avatar {
    max-height: 26px;
    max-width: 26px;
}
.closeBtn a {
    padding: 15px 14px 0px 0px;
}
.closeBtn .badge {
    background: #333;
    color: #CCC;
}
.urlForm {
}
.urlForm input[type="url"] {
    width: 100%;
    font-size: 24px;
    text-indent: 4px;
}
.urlForm input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
.navbar button.connectEmail.zocial.email.icon {
    background: rgb(73, 73, 73);
}
.navbar button.connectEmail.zocial.email:before {
    color: #F5F5F5;
}
.profile img.avatar {
    max-height: 50px;
}
[class*='mime-'] {
    display: block;
    height: 18px;
    width: 18px;
    background: url("/files/icon/unkown.png") top left;
    background-size: 18px;
    text-indent: 40px;
    overflow: hidden;
}
.navbar-form .form-group {
    margin-bottom: 0;
}
#bookmarkToolbar {
    
}
#siteNav {
    margin-right: 86px;
}
.toggler {
    position: fixed;
    top: 8px;
    right: 74px;
    z-index: 9999;
}
#bookmarklet-public {
    display: none;
}
.bookmark:hover #bookmarklet-public {
    display: block;
}
.bookmark {
    position: fixed;
    top: 0;
    right: 220px;
    height: 50px;
    line-height: 50px;
}
.bookmark .msg {
    display: none;
}
.bookmark:hover {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: yellow;
    color: black;
    padding: 0px 0px 0px 12px;
    z-index: 999;
    height: 50px;
}
.bookmark:hover .msg {
    display: block;
    float: left;
}
.bookmark a {
    color: #999;
}
.bookmark:hover a#bookmarklet, .bookmark:hover a#bookmarklet-public {
    display: block;
    cursor: pointer;
    float: right;
    margin-right: 20px;
}
.bookmark:hover a#bookmarklet {
    margin-right: 220px;
}
@media (max-width: 768px) {
    body .shareView .zocial {
        margin: 9px 0px 0px 4px !important;
        float: left;
    }
    .shareView .btn.btn-link {
        margin-top: 9px;
    }
    .shareView .btn.btn-link {
        float: left;
    }
    .navbar-toggle {
        margin-right: 4px;
    }
    .row td.faviconfile {
        padding: 8px 0px 0 0px;
    }
    .toggler {
        position: fixed;
        top: 58px;
        right: 15px;
        z-index: 9999;
    }
    .navbar-form {
        margin: 0 0;
        padding: 5px;
        overflow: auto;
    }
    header .bookmark {
        display: none;
    }
}
@media (min-width: 768px) {
    body .shareView .zocial {
        top: 3px;
    }
    nav > form.navbar-form.navbar-left {
        position: absolute;
        left: 0;
    }
    nav > div.sharer {
        position: absolute;
        left: 50px;
    }
    form.social.navbar-form {
        position: absolute;
        left: 350px;
        margin: 0 0;
    }
    form.navbar-form.navbar-left[role="search"] {
        margin-left: 45px;
    }
    .navbar-form .form-group {
        width: 500px;
    }
    .shareView {
        height: 100%;
    }
    .shareView > .image img {
        width: 100%;
    }
    .shareView header {
        z-index: 9999;
    }
    .shareView .navbar-form .form-group {
        width: 200px;
    }
}
.shareView .navbar-form label {
    color: white;
    padding: 0px 0px 0px 36px;
}
.shareView .btn.btn-link {
    color: #D5D5D5;
}
.shareView .btn.btn-link {
    font-size: 12px;
}
.shareView .view-comments .btn.btn-link:hover {
    color: white;
}
.sharer .form-group .glyphicon {
    padding-right: 12px;
}
.shareView .form-control, .shareView .input-group-addon {
    color: #D5D5D5;
    background-color: #9E9E9E;
    border: 1px solid #818181;
    border-right: 0px;
    padding: 0 0;
    text-align: left;
}
.shareView .form-control.shareUrl {
    border-left: 0px;
}
.input-group-addon.glyphicon {
    top: 0;
}
.navbar form[role="search"] button {
}

.row td.actions {
    text-align: right;
    width: 138px;
}
.row td.actions .dropdown-menu {
    text-align: left;
    left: auto;
    right: 0;
}

.row td.url a {
    height: 20px;
    overflow: hidden;
    display: block;
    float: left;
}

.row td.faviconfile {
    width: 16px;
    padding: 8px 25px 0 25px;
}
.urlsList .faviconfile {
    width: 16px;
}
.row img.favicon {
    max-width: 16px;
}
.row span.title {
    color: #8B8B8B;
    padding-left: 12px;
    font-size: 11px;
}

.row .shareCount, .row .commentCount, .row .viewCount {
    text-align: right;
    color: #777;
    font-size: 12px;
}

.urlsList span.avatar a .url {
    display: block;
    position: absolute;
    height: 22px;
    line-height: 22px;
    left: 30px;
    bottom: 0px;
}
.urlsList span.avatar a img.faviconfile {
    position: absolute;
    left: 8px;
    bottom: 4px;
}

.mime-text-plain {
    background-image: url("/files/icon/text-plain.png");
}
.mime-text-html {
    background-image: url("/files/icon/text-html.png");
}
.mime-application-javascript {
    background-image: url("/files/icon/application-javascript.png");
}
.mime-application-xml {
    background-image: url("/files/icon/application-rss+xml.png");
}
.mime-application-pdf {
    background-image: url("/files/icon/application-pdf.png");
}
.mime-application-octet-stream {
    background-image: url("/files/icon/application-octet-stream.png");
}
.mime-application-x-gzip {
    
}
.mime-application-x-empty {
    
}
.mime-audio-mpeg {
    background-image: url("/files/icon/audio-mpeg.png");
}
.mime-image-jpeg {
    background-image: url("/files/icon/image-x-generic.png");
}
.mime-image-png {
    background-image: url("/files/icon/image-x-generic.png");
}
.mime-image-gif {
    background-image: url("/files/icon/image-x-generic.png");
}

#frame {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 5px;
    z-index: 9999;
}
div.urlsList {
    overflow: auto;
    background: rgb(230, 230, 230);
}
.urlsList > span.avatar {
    display: block;
    float: left;
    width: 320px;
    height: 385px;
    padding: 8px;
    border: 1px outset rgb(255,255,255);
    font-size: 11px;
    overflow: hidden;
    position: relative;
    margin: 8px;
    border-radius: 2px;
    box-shadow: 0px 0px 2px rgb(102, 102, 102);
    background: rgb(255,255,255);
}
.urlsList > span.avatar .title {
    font-size: 15px;
}
.urlsList > span.avatar a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.88);
    height: 26px;
    box-shadow: 0px 0px 100px 8px rgb(190, 190, 190);
}
.commentList {
    
}
.urlComment {
    position: relative;
    .delete {
        display: none;
        position: absolute;
        right: 15px;
        z-index: 9999;
        top: 15px;
    }
}
.urlComment:hover .delete {
    display: block;
}
.commentList .urlComment {
    margin: 0 0 24px 0;
}
.commentList .urlComment .at {
    color: #8B8B8B;
    margin-left: 86px;
    font-size: 10px;
}
.commentList .popover.right .arrow {
    top: 22px;
}
.commentList .popover {
    position: relative;
    display: block;
    background: rgba(255,255,255,0.9);
    color: black;
    margin-left: 84px;
    max-width: 100%;
}
.commentList .userAvatarName img.avatar {
    width: 64px;
    float: left;
    margin: 4px;
    box-shadow: 0px 0px 5px rgba(41, 41, 41, 0.5);
}
.commentList .userAvatarName .name {
    display: none;
}

@media (min-width: 768px) {
    body > .shareView {
        form.social {
            button.btn {
                margin-top: -18px;
            }
        }
    }
}
body > .fullView {
    position: relative;
    h1.title {
        text-align: center;
    }
    .title img {
        padding-right: 6px;
    }
    .avatar img {
        filter: blur(3px);
        -webkit-filter: blur(3px);
        width: 100%;
        opacity: 0.33;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
    }
}