/* default styles and colors */
* {
    box-sizing: border-box;
}

body {
    background-color: #0f0f0f;

    font-family: system-ui;
    color: #B9B5AF;

    margin: 0;
    padding: 0;
}

.container {
    width: 1200px;
    margin: auto;
    padding: 20px;
}

.intro-container {
    border-bottom: 4px solid #363636;
}

.intro-container h1 {
    margin-top: 0;
}

footer {
    margin-top: 20px;
    border-top: 4px solid #363636;
}

.content-container {
    display: flex;
    justify-content: space-between;
}

.sidebar {
    width: 25%;
}

.main-upload {
    width: 63%;
}

.side-upload {
    width: 35%;
    display: flex;
    flex-direction: column;
}

.side-upload .panel:first-child {
    margin-bottom: 20px;
}

.side-upload .panel:last-child {
    margin-bottom: 0px;
}

.entry-list__message {
    text-align: center;
    margin: 0;
    padding: 0;
}

.img-responsive, .img-thumbnail {
    max-width: 100%;
}

.faq {
    margin-bottom: 50px;
}

.faq dt {
    font-weight: bold;

}

figure {
    margin: 0;
}

.main-jew-container {
    margin: auto;
    text-align: center;
    width: 100%;
    height: 120px;
}

.patreon_beggar {
    text-align: center;
    width: 100%;
    display: none;
    margin:auto;
}

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

.text-wrap-word {
    word-break: break-all;
}

.button-container {
    margin: 25px;
}

.collapse {
    display: none;
}

.collapse.shown {
    display: block;
}

.embed-responsive-item {
    max-width: 100%;
}

@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 300;
    src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 300;
    src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma");
}

@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 400;
    src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma");
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 400;
    src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma");
}

@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 500;
    src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 500;
    src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 700;
    src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 700;
    src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
}

/* links */

a {
    color: #A89368; 
    text-decoration: none;
}

a:visited {
    color: #A89368;
}

a:hover {
    text-decoration: underline;
}
.navbar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

    background: linear-gradient(#141414, #2D2D2D);
    background-color: #132D23;
    border-bottom: 1px solid #7d40ad;

    min-height: 110px;
    padding: 0px 20px;
}

.subnav {
    background-color: #1b1b1b;
    border-bottom: 1px solid #363636;
}

.navbar__section {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.navbar__section--reverse {
    flex-direction: row-reverse;
}

.logo {
    font-family: "Alegreya Sans SC", sans-serif;
    font-weight: 800;
    font-size: 30px;
    display: flex;
    align-items: center;
}

.logo .logo__text {
    text-decoration: none;
    color: #CCC;
    margin-left: 20px;
    font-family: 'Work Sans', sans-serif;
}

.logo .logo__image img{
    width: 60px;
    height: 54px;
}

.nav-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 20px;
    font-size: 20px;
}

.subnav .nav-list__item {
    font-size: 14px;
}

.nav-list--vertical {
    flex-direction: column;
}

.nav-list__item {
    display: inline-block;
    margin: 15px;
    text-transform: uppercase;
}

.nav-list__item:hover {
    text-decoration: none;
    color: #DAC7A2;
}

.subnav .nav-list__item {
    color: #6b6b6b;
    margin: 5px 10px;
}

.panel-nav {
    display: flex;
    width: 100%;

    background-color: #130A15;
    border: 1px solid #7d40ad;
    margin-bottom: 20px;
    align-items: center;
}

.panel-nav a{
    display: block;
    padding: 15px;
    border-right: 1px solid #7d40ad;
    background-color: #272727;
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1;
    text-align: center;
}

.panel-nav a:last-child {
    border-right: none;
}
.panel-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
}

.panel {
    background-color: #141414;
    border: 1px solid #363636;
    flex-grow: 1;
}

.panel__heading {
    background-color: #272727;
    border-bottom: 1px solid #363636;
    padding: 15px;
}

.panel__avatar-heading {
    display: flex;
    align-items: center;
    background-color: #141414;
    border-bottom: 1px solid #363636;
}

.panel__avatar-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px;
}

.panel__avatar-title--pull-right {
    margin-left: auto;
}

.panel__title {
    margin-top: 0px;
    margin-bottom: 0px;
}

.panel__body {
    padding: 15px;
    width: 100%;
}

.panel__body img {
    max-width: 100%;
}

.panel__body--flags {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 0;
}

@media only screen and (min-width: 1200px) {
    .panel__body--flags {
        flex-direction: row;
    }
}


.panel__footer {
    padding: 15px;
    width: 100%;
    border-top: 1px solid #363636;
    background-color: #272727;
}

.panel__footer h5{
    margin: 0;
}

.multi-panel {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: column;
}

@media only screen and (min-width: 1200px) {
    .multi-panel {
        flex-direction: row;
    }
}


.multi-panel .panel {
    width: 100%;
    margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
    .multi-panel .panel{
        margin: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }


    .multi-panel .panel:first-child {
        margin-left: 0px;
    }

    .multi-panel .panel:last-child {
        margin-right: 0px;
    }

}

.form-container {
    list-style: none;
    margin: 0;
    padding: 0;
}

.form-container li {
    display: flex;
    flex-direction: column;
}

.form-container li label {
    font-weight: bold;
}

input, select, button, textarea{
    border: 1px solid #000;
    background-color: #222222;
    color: #CCC;
    padding: 8px 12px;
}

button, input[type='submit'] {
    background-color: #65563A;
}

button:hover, input[type='submit']:hover {
    background-color: #4E432E;
}
.entry-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}
@media only screen and (min-width: 1200px) {
    .entry-content {
        width: 70%;
    }
}
.entry-list {
    width: 100%;
    display: flex;
    flex-direction: column;
}


@media only screen and (min-width: 1200px) {
    .entry-list {
        display: -ms-grid;
        -ms-grid-columns: 185px 20px 185px 20px 185px 20px 185px;
        -ms-grid-rows: 220px 40px;
        display: grid;
        grid-template-columns: 185px 185px 185px 185px;
        grid-gap: 20px;
    }
}
.entry {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #363636;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #141414;
    margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) {
    .entry {
        margin-bottom: 0px;
    }
}

.entry__image-link {
    display: block;
    width: 100%;
}

.entry__image {
    width: 100%;
}

.entry__body {
    padding: 15px;
    padding-top: 5px;
}

.entry__body .entry__title {
    padding: 0;
}

.entry__title {
    width: 100%;
    margin: 0;
    padding: 0px 10px 10px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

/* tags */

.entry__tags {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.entry__tags .entry__tag:first-child {
    border-bottom-left-radius: 4px;
}

.entry__tags .entry__tag:last-child {
    border-bottom-right-radius: 4px;
}

.entry__tag {
    width: 100%;
    text-align: center;
    border-top: 1px solid #594D36;
    background: linear-gradient(#322B1C, #4A402B);
}

.entry__tag--nsfw {
    border-top: 1px solid #875151;   
    background: linear-gradient(#471c1c, #662f2f);
    color: #FFF;
}

.entry__tag--furry {
    border-top: 1px solid #518751;   
    background: linear-gradient(#1b471b, #2e662e);
    color: #FFF;
}

.entry__tag--mod {
    border-top: 1px solid #518287;   
    background: linear-gradient(#1b4347, #2e6166);
    color: #FFF;
}

.entry__tag--beta {
    border-top: 1px solid #877f51;   
    background: linear-gradient(#47451b, #66632e);
    color: #FFF;
}

/* download flags */
.download-link {
    display: flex;
    align-items: center;
    flex-grow: 1;
    text-decoration: none;
}

.download-link:hover{
    text-decoration: none;
}

.download-link--eu {
    background-color: #161e2d;
}
.download-link--us {
    background-color: #2c1318;
}

.download-link__image {
    height:100%;
}

.pagination {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.pagination li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0;

    background-color: #141414;
    border-top: 1px solid #363636;
    border-bottom: 1px solid #363636;

    border-right: 1px solid #363636;
}

.pagination li:first-child {
    border-left: 1px solid #363636;
}

.pagination li:last-child {
    border-right: 1px solid #363636;
}

.pagination li.active {
    background-color: #272727;
}
.login-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.login-container>div {
    width: 100%;
    flex-grow: 1;
    margin-right: 10px;
    margin-left: 10px;
}

.login-container div:first-child {
    margin-left: 0px;
}

.login-container div:last-child {
    margin-right: 0px;
}

.login-form input{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.checkbox-container input[type='checkbox'] {
    display: inline-block;
    width: initial;
}
.alert {
    width: 100%;
    background-color: #1b1b1b;
    border: 1px solid #363636;
    margin-bottom: 15px;
    padding: 10px;
}

.alert.alert-info {
    background-color: #4A402B;
    color: #AAA497;
}

.alert.alert-success {
    background-color: #1b471b;
    color: #AAA497;
}

.alert.alert-warning {
    background-color: #47451b;
    color: #AAA497;
}

.alert.alert-danger {
    background-color: #471c1c;
    color: #AAA497;
}

.alert-danger--furry {
    background-image: url('/static/img/furry-bg.png');
}
.btn {
    margin-top: 10px;
}

.btn-block, .btn-block:active, .btn-block:visited {
    text-align: center;
    display: block;
    width: 100%;
    background-color: #7d40ad;
    color: #FFF;
    padding: 16px;
    text-decoration: none;
}

.btn-block:hover {
    text-decoration: none;
    color: #CCC;
    background-color: #693792;
}
.btn-group {
    display: flex;
    margin: 0;
    width: 100%;
}

.btn-group .btn {
    display: block;
    background-color: #65563A;
    padding: 5px;
    border: 1px solid #363636;
    border-left: none;
    text-decoration: none;
    text-align: center;
    flex-grow: 1;
}

.btn-group .btn:first-child {
    border-left:  1px solid #363636;
}

.btn-group .btn:hover {
    background-color: #564931;
}

.btn-group .btn.btn--danger {
    background-color: #471c1c;
    color: #AAA497;
}

.btn-group .btn.btn--primary {
    background-color: #1b4347;
    color: #AAA497;
}

.btn-group .btn.btn--success {
    background-color: #47451b;
    color: #AAA497;
}
table {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #141414;
    border: 1px solid #363636;
    border-collapse: collapse;
}

thead tr {
    background-color: #272727;
    padding: 0;
    margin: 0;
}

thead tr {
    border-bottom: 1px solid #363636;
}

tr {
    margin: 0;
    padding: 0;
    width: 100%;
}

td {
    margin: 0;
    padding: 15px;
}
.carousel {
    overflow:hidden;
    width:100%;
}

.panes{
    list-style:none;
    position:relative;
    width:1000%;
    overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */
    margin: 0;
    padding: 0;
}

.panes > li{
    float:left;
    width:10%; /* 100 / number of panes */
    text-align: center;
}

.carousel img{
    display:block;
    max-width:100%;
    height: 100%;
}
/*!
* Fine Uploader
*
* Copyright 2013, Widen Enterprises, Inc. info@fineuploader.com
*
* Version: 5.0.8
*
* Homepage: http://fineuploader.com
*
* Repository: git://github.com/Widen/fine-uploader.git
*
* Licensed under GNU GPL v3, see LICENSE
*/ 


.qq-uploader {
    position: relative;
    width: 100%;
}
.qq-upload-button {
    display: block;
    width: 105px;
    padding: 7px 0;
    text-align: center;
    background: #880000;
    border-bottom: 1px solid #DDD;
    color: #FFF;
}
.qq-upload-button-hover {
    background: #CC0000;
}
.qq-upload-button-focus {
    outline: 1px dotted #000000;
}
.qq-upload-drop-area, .qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 30px;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}
.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px;
}
.qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px;
}
.qq-upload-drop-area-active {
    background: #FF7171;
}
.qq-upload-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.qq-upload-list li {
    margin: 0;
    padding: 9px;
    line-height: 15px;
    font-size: 16px;
    background-color: #FFF0BD;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size,
.qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text,
.qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
    margin-right: 12px;
    display: inline;
}
.qq-upload-file {
}
.qq-upload-spinner {
    display: inline-block;
    background: url("/static/css/loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}
.qq-drop-processing {
    display: block;
}
.qq-drop-processing-spinner {
    display: inline-block;
    background: url("/static/css/processing.gif");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
}

.qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
    display: inline;
}

.qq-upload-retry, .qq-upload-delete, .qq-upload-cancel,
.qq-upload-pause, .qq-upload-continue {
    color: #000000;
}

.qq-upload-size, .qq-upload-cancel, .qq-upload-retry,
.qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
    font-size: 12px;
    font-weight: normal;
}
.qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: bold;
}
.qq-upload-failed-icon {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}
.qq-upload-retrying .qq-upload-failed-text {
    display: inline;
    color: #D60000;
}
.qq-upload-list li.qq-upload-success {
    background-color: #5DA30C;
    color: #FFFFFF;
}
.qq-upload-list li.qq-upload-fail {
    background-color: #D60000;
    color: #FFFFFF;
}
.qq-progress-bar {
    display: block;
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
    width: 0%;
    height: 15px;
    border-radius: 6px;
    margin-bottom: 3px;
}

.qq-total-progress-bar {
    height: 25px;
    border-radius: 9px;
}

.qq-total-progress-bar-container {
    margin: 9px;
}

INPUT.qq-edit-filename {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.qq-upload-file.qq-editable {
    cursor: pointer;
}

.qq-edit-filename-icon.qq-editable {
    display: inline-block;
    cursor: pointer;
}

INPUT.qq-edit-filename.qq-editing {
    position: static;
    margin-top: -5px;
    margin-right: 10px;
    margin-bottom: -5px;

    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.qq-edit-filename-icon {
    display: none;
    background: url("/static/css/edit.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

INPUT.qq-edit-filename.qq-editing ~ .qq-upload-cancel {
    display: none;
}

.qq-hide {
    display: none;
}

/*! 2014-11-25 */

.login-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.login-container>div {
    width: 100%;
    flex-grow: 1;
    margin-right: 10px;
    margin-left: 10px;
}

.login-container div:first-child {
    margin-left: 0px;
}

.login-container div:last-child {
    margin-right: 0px;
}

.login-form input{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.checkbox-container input[type='checkbox'] {
    display: inline-block;
    width: initial;
}
.a13-container {
    border: 1px solid #740000;
    padding: 10px;
    padding-right: 500px;
    background-color: #4a0101;
    border-radius: 5px;
    box-shadow: 2px 3px 3px black;
    margin-bottom: 20px;
    background-image: url('https://smutba.se/static/img/monkas.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 500px;
}

.a13-container h2 {
    margin: 0;
}

.a13-container p {
    margin-bottom: 0px;
}