:root {
    --nav-bg: linear-gradient(to bottom,#2c3e50 5%,#2c3e50 30%,#2c3e50 38%,#2c3e50 40%,#2c3e50 62%,#2c3e50 64%,#2c3e50 72%,#2c3e50 72%,#2c3e50 85%,#2c3e50 100%);
}
body {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    word-wrap: break-word;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: #2b2d33 !important;
}

main {
    flex: 1 0 auto;
}
nav {
    padding: 5px;
    text-align: center;
    background: var(--nav-bg);
}
#logo-img {
    max-height: 95%;
}
.centrify {
    float: none !important;
    margin: auto !important;
}
.padding-zero {
    padding: 0px !important;
}
.card-compact {
    padding: 0px !important;
}
.compact-contents {
    padding: 1.2rem !important;
}
.dropdown-content {
    min-width: 160px;
}
main {
    padding-top: 15px;
}
.with-heading {
    padding: 0px;
}
.with-heading>.content {
    padding: 1.4rem .8rem;
}
.card .card-image img {
    width: 50%;
}
.card .card-content .card-title {
    line-height: 20px;
    padding-bottom: 10px;
}
.card .card-action a {
    color: #64b5f6;
}
.card .card-action a:hover {
    color: #1e88e5;
}
.material-icons.orange600 { color: #4db6ac; }
.green100 {
    color: green;
}
.red-text {
    color: crimson;
}
.orange100 {
    color: orange;
}
.loading {
    text-align: center !important;
    vertical-align: middle !important;
}
.table-wrapper {
    overflow-x: auto;
}
.centerify {
    float: none;
    margin: auto;
}
.tabs .tab a {
    color: #039be5;
}
.tabs .tab a:hover {
    color: #1565c0;
}
.tabs .indicator {background-color: #039be5;}
.torrents-container {
    overflow: auto;
}

.pagination li.active {
    background: #4db6ac;
}
.content-title {
    color: white;
    padding: 1px 25px !important;
    background: #006064;
}

.btw {    /* word-break*/
    word-break: break-all;
}
.rel-icon {   /* freeleech coin */
    margin-bottom: -1px;
    margin-left: 5px;
}
.torr-sort-icon {
    vertical-align: middle;
    color: red;
}

.account-action-buttons {
    padding: 0px 17px;
    text-align: center;
}
.account-action-buttons a {
    margin-right: 15px !important;
}

.auth-form-container {
    opacity: .85;
    height: 70vh;
}
.mat-error-msg {
    opacity: .85;
    font-size: 1.5rem;
}

.input-error-msg {
    margin-top: -1rem;
    color: red;
    font-size: .9rem;
}
.auth-card {
    padding: 0px;
}
.card-panel { background: #efefef; }
.auth-card-container {
    padding: 1.5rem;
}
.auth-form-header {
    font-size: 1.8rem;
    text-transform: capitalize;
    padding: .3rem;
    font-weight: 300;
    background: var(--nav-bg) !important;
    color: white;
}
.auth-form-title {
    font-weight: 600;
}
.input-field { margin-bottom: 30px; }
.cbtn {
    background: none;
    border: 1px solid #01579b;
    color: darkblue;
    font-size: 1.1em;
}
.cbtn:hover, .cbtn:active, .cbtn:focus { background: #01579b; color: whitesmoke; }

.auth-btn {
    max-width: 100%;
    padding-right: 40px;
    padding-left: 40px;
}
.agree-btn {
    padding: 7px 15px;
    height: auto;
    line-height: initial;
    margin: 10px auto;
}
.login-page-extras {
    margin-top: 20px;
    margin-bottom: -25px;
    font-size: .9rem;
}
.login-page-extras a {
    color: #00838f;
}

/*
CREATE
 */
.welcome-text { font-size: 20px; font-weight: 600; }
.welcome-text ul { padding: 20px; }
.welcome-text li { list-style-type: square !important; margin-bottom: 28px; text-align: left; }
#invite-request-block { display: none; }
.input-headers { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.inline-nb { font-style: italic; font-size: .9em; padding: 5px 0; }
.center-align { text-align: center; }
.center-wrapper { display: flex; min-height: calc( 100vh - 140px ); justify-content: center; align-items: center; }
.center-wrapper>.card-panel { margin: auto; }
#intro-block { font-size: 1.3em; }
.intro-list { font-weight: normal; padding: 15px !important; }
.intro-list li { list-style-type: square !important; margin-bottom: 15px; }
#application-block { display: none; }

.teal-text { color: teal; }