html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}
.logolink:hover .logo{
    animation: logowobble .5s ease-in-out;
    border-radius: 10px;
}
.logo{
    height: 50px;
    box-shadow: 0 0 50px #981412;
    border-radius: 50%;
    margin-right: 15px;
    transition: border-radius .25s;
}

@keyframes logowobble {
    0%{
        border-radius: 50%;
    }
    30%{
        border-radius: 5px;
    }
    50%{
        border-radius: 13px;
    }
    70%{
        border-radius: 8px;
    }
    100% {
        border-radius: 10px;
    }
}

.avatar-aside {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.username-aside{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.no-link-style{
    color:rgba(0,0,0,.8);
    text-decoration: none;
}
.no-link-style:hover{
    text-decoration: underline;
}

.login-btn{
    margin-top:10px;
}

.layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.drawer {
  border: none;
}
/* iOS Safari specific workaround */
.drawer .mdl-menu__container {
  z-index: -1;
}
.drawer .navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px;
  /*height: 151px;*/ /* 151px */
}
.avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.layout .navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
}
.layout .navigation .mdl-navigation__link:hover {
  background-color: #263238;
  color: rgba(255, 255, 255, 0.56);
}
.navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.56);
  margin-right: 32px;
}
.layout .navigation .mdl-navigation__link:hover .material-icons {
    /*color: rgba(255, 255, 255, 0.56) !important;*/
}

.layout .navigation .mdl-navigation__link--current{
    background-color: #b4c3cb;
    color: #37474F;
}
.layout .navigation .mdl-navigation__link--current:hover{
    background-color: #8c9fa9;
    color: #37474F;
}

.mdl-layout-title a{
    color:#fff;
    text-decoration: none;
    font-weight: 400;
}
.mdl-layout-title a:hover{
    text-decoration: underline;
}
.mdl-layout-title i{
    vertical-align: middle;
    margin-top: -3px;
}

.content {
  max-width: 1080px;
}

.content-padding{
    padding: 15px 30px;
}
.content-padding-tb{
    padding: 15px 0;
}

.mdl-button--file input {
    cursor: pointer;
    height: 100%;
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 4;
}

.mdl-textfield--file .mdl-textfield__input {
    box-sizing: border-box;
    width: calc(100% - 32px);
}
.mdl-textfield--file .mdl-button--file {
    right: 0;
}


_:-ms-input-placeholder{
  min-height: 664px;
}
_:-ms-input-placeholder{
  max-height: 300px;
}

.cards {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.cards .separator {
  height: 32px;
}
.cards .mdl-card__title.mdl-card__title {
  color: white;
  font-size: 24px;
  font-weight: 400;
}
.cards ul {
  padding: 0;
}
.cards h3 {
  font-size: 1em;
}
.cards .mdl-card__actions a {
  color: #00BCD4;
  text-decoration: none;
}

.category-container{
    position: relative;
    padding-right: 120px;
}
.category-container .mdl-radio{
    margin-right:15px;
}
.category-container .mdl-checkbox{
    width:auto;
    margin-right:15px;
}

.mdl-radio__outer-circle{
    //border: 2px solid #ef5350;
}
.mdl-radio.is-checked .mdl-radio__outer-circle{
    border: 2px solid #ef5350;
}
.mdl-radio__inner-circle{
    background: #ef5350;
}
.mdl-radio__ripple-container .mdl-ripple{
    background: #ef5350;
}

.mdl-progress>.progressbar{
    background-color: #ef5350;
}
.mdl-progress>.bufferbar {
    background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5 ,#3f51b5);
}

.mdl-progress{
    display:none;
}

table tr td{
    white-space: normal;
}

.modfiletable{
    display:none;
}

.toolbar{
    margin-bottom:15px;
    background: #ef5350;
    padding: 5px;
}
.toolbar .mdl-button{
    position: relative;
    bottom:0;
}
.toolbar .mdl-button:hover {
    background-color: rgba(255, 255, 255, .2) !important;
}
.mdl-textfield-ed label{
    top: 80px;
}

.moddescpreview-header{
    padding:10px;
    font-size: 1.2rem;
}
.moddescpreview{
    border-bottom:1px solid #ef5350;
    padding:10px 0;
    margin-bottom:30px;
}

.bbcode_spoiler{
    position: relative;
    filter: blur(3px);
}
.bbcode_spoiler:hover{
    filter: blur(0px);
}

.mdl-textfield__error {
    visibility: visible !important;
}

.chip-downloads{
    width:auto;
    padding:0 10px;
    margin-right:-12px;
    margin-left:8px;
    font-size: 1rem;
}

.mod-sidebar{
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.mod-sidebar-card{
    position:sticky;
    top:15px;
    min-height: 30px;
}

.mod-sidebar .mdl-list{
    margin: 0 0 15px 0;
}
.mod-sidebar .mdl-list__item--two-line{
    height:90px;
    align-items: flex-start;
}

.modimg{
    width:150px;
    height:150px;
}

.modfiletable-btns, .modfiletable-infos{
    width:100%;
}
.modfiletable-btns td, .modfiletable-infos td{
    white-space: normal;
}

.mod-dl-table tr th:first-child{
    width: 60px;
}

/*
.modlist-small .modimg{
    width:100px;
    height:100px;
}
*/
.modlist-small .mdl-card{
    min-height:100px;
}
.modlist-small .mdl-card__actions{
    display:none;
}
.modlist-small h4{
    margin:0;
}
.modlist-small .mdl-card .mdl-card__supporting-text:first-child{
    padding-bottom: 0;
}
.modlist-small .mdl-card__supporting-text p{
    margin:0;
    display:inline-block;
    max-height:50px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

/* DIALOG */
dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.1)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translate(0,-50%)}

.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14),
    0 11px 15px -7px rgba(0, 0, 0, 0.12),
    0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 400px;
    max-width: calc(100vw - 30px);
}
.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem;
}
.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mdl-dialog__actions > * {
    margin-right: 8px;
    height: 36px;
}
.mdl-dialog__actions > *:first-child {
    margin-right: 0;
}
.mdl-dialog__actions--full-width {
    padding: 0 0 8px 0;
}
.mdl-dialog__actions--full-width > * {
    height: 48px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right;
}
.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0, 0, 0, 0.54);
}

.like-badge:after{
    right: -17px !important;
}

.chip-wide {
    min-width: 12px;
}

.sort-wrapper{
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 0;
}

.sort-menu li i{
    vertical-align: middle;
}

.mod-sidebar .list-item .mdl-list__item-sub-title i{
    vertical-align: middle;
}

.search-wrapper{
    width:0px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.twitter-typeahead{
    width:100%;
}
.typeahead{
    outline: none;
}
.tt-menu{
    width:200px;
    max-width: 100%;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    color: rgba(0,0,0,0.8);
    padding:10px 0;
    overflow: hidden;
}
.tt-suggestion{
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.tt-suggestion:last-child{
    border-bottom: 0;
}
.tt-suggestion a{
    display:block;
    padding:7px 15px;
    width:100%;
    color:rgba(0,0,0,0.8);
    text-decoration: none;
    font-weight: 400;
}
.tt-suggestion:hover{
    background: rgba(0,0,0,0.04);
}

.checking i{
    animation: pulsecheck 1.5s ease infinite alternate;
}

@keyframes pulsecheck {
    0%{
        color: #78909c;
    }
    100% {
        color: #fff;
    }
}

.adsider{
    margin-top:15px;
    width:100%;
}
.adsider span{
    display:block;
    margin-bottom:15px;
    font-weight: 500;
}

.stepper{

}

.stepper-title{

}

.stepper-title .stepper-num{
    display:inline-block;
    width:38px;
    height:38px;
    padding:8px;
    margin-right: 10px;
    //margin-left: -10px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    background: #ef5350;
    color:#fff;
    line-height: 1;
    box-sizing: border-box;
}

.stepper-box{
    padding-left: 35px;
    margin-left: 19px;
    border-left:2px solid #e2e2e2;
}

@media (max-width: 500px) {
    .stepper-box{
        padding-left: 5px;
        margin-left: 0px;
        border-left:0px;
    }
}

.newsform{
    border-left:2px solid #ccc;
    padding-left:15px;
}

.news-box h4{
    margin-top:0;
    padding:15px 25px;
}
.news-box h4 small{
    display: block;
}
.news-box article{
    margin:25px;
}

@media only screen and (max-width: 480px) {
    table, thead, tbody, th, td, tr {
        display: block;
    }

    thead {
        display: none;
    }

    .mdl-data-table tbody tr {
        height: auto;
    }
    .mdl-data-table td {
        height: auto;
    }

    .mdl-data-table td,
    .mdl-data-table td:first-of-type {
        padding-left: 50%;
    }

    .mdl-data-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding: 6px 18px 0;
        white-space: nowrap;
        content: attr(data-label);
        text-align: left;
        color: rgba(0, 0, 0, 0.54118);
        font-weight: bold;
        font-family: 'Roboto', 'Helvetica', sans-serif;
        font-size: 12px;
    }

    .mdl-data-table td:last-of-type {
        padding-right: 18px;
    }
}