/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* MOBILE SIDEBAR CLASS */
.mobile-sidebar {
    display: block!important;
}
.collapse {
    display: block;
}

/* Home page */
body {
    background-color: #f8f8f8;
}
.home-content {
    padding: 30px 0;
}
.home-content .panel-heading h2.panel-title {
    font-size: 18px;
}
.home-content .panel .panel-heading i {
    color: #fff!important;
}
.panel-body ul li a {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
span.welcome-large {
    font-size: 20px;
	color: #337ab7;
}

/* jQuery Dialog for selftext on results pages */
.threads .ui-dialog {
	/*max-width: 50%!important;*/
}

/* Notifications badge in header */
.badge-notification:after {
    position: absolute;
    content: attr(data-value);
    background: rgb(255, 0, 0);
    height: 1.5rem;
    top: -0.8rem;
    right: 1.0rem;
    width: 1.5rem;
    text-align: center;
    line-height: 1.3rem;
    font-size: 1rem;
    border-radius: 48%;
    color: white;
    border: 1px solid #f00;
}

/* AM Temp Shadowbans page */
.am-temp-shadow-bans .table thead {
    color: #EAEAEA;
    background-color: #374f65;
}
.am-temp-shadow-bans h3 {
    margin-bottom: 20px;
}
.am-temp-shadow-bans span.stupidsort {
	float: right;
    padding: 2px;
    margin-right: 5px;
	cursor: pointer;
}
.am-temp-shadow-bans span.reminder {
    margin: 5px;
    vertical-align: -webkit-baseline-middle;
}

/* Basic Config page */
.basic-config input[type="radio"], 
.basic-config input[type="checkbox"] {
    margin-top: 10px;
}

/* Botlog page */
.botlog code {
    border: #AAA solid 1px;
    padding: 20px;
    background-color: #300A24;
    display: block;
    color: #FFF;
	font-size: 90%;
	border-radius: 4px;
}

/* Demonyms page */
.demonyms .dem-index {
    display: inline-block;
    position: absolute;
    font-weight: bold;
    padding-top: 8px;
}

/* Header Rotation page */
.header-rotation .alert.alert-danger,
.header-rotation .alert.alert-success {
    margin: 10px 0px;
}
body.header-rotation {
    padding-right: 0 !important;
}
.header-rotation span.stupidsort {
    float: right;
    padding: 2px;
    margin-right: 5px;
    cursor: pointer;
}
.header-rotation .table thead {
    color: #EAEAEA;
    background-color: #374f65;
}
.header-rotation .table tr.editable {
    cursor: move;
}
.header-rotation .ui-sortable-helper {
    display: table;
}
.header-rotation .header-order {
    font-weight: 600;
}
.header-rotation .header-preview {
    width: 70%;
}
.header-rotation .header-preview img {
    max-width: 70%;
    padding: 5px 0;
    cursor: pointer;
}
.header-rotation td.creators {
    width: 16%;
}
/* Header preview modal popup */
.header-rotation #header-image {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
.header-rotation #header-image:hover {
    opacity: 0.7;
}
.header-rotation .header-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}
.header-rotation .header-modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 100% !important;
}
.header-rotation #header-caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}
.header-rotation .header-modal-content, 
.header-rotation #header-caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.4s;
    animation-name: zoom;
    animation-duration: 0.4s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
.header-rotation .header-modal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.header-rotation .close:hover,
.header-rotation .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
@media only screen and (max-width: 700px){
    .header-rotation .header-modal-content {
        width: 100%;
    }
}
/* Add new header modal */
.header-rotation.modal-open {
	overflow-y: scroll;
}
.header-rotation .form-horizontal .control-label {
	text-align: left;
}
.header-rotation .modal-footer {
	background-color: #eaeaea;
}
.header-rotation input[type="file"] {
    padding: 2px 0px;
}
.header-rotation .panel-body {
    background-color: #e0e0e0;
}
.header-rotation .btn-group i {
    padding: 0;
}
.header-rotation .button-right {
    float: right;
    margin-top: 0;
}
.header-rotation .add-header,
.header-rotation .button-right {
    margin-bottom: 10px;
}
.header-rotation input[type='submit'] {
    margin-top: 0!important;
}
.header-rotation .modal-header {
	background-color: #313c4c;
    color: #eaeaea;
}

/* Register page */
.register .form-group.register {
	padding: 15px;
}

.page-header {
	margin: 0px 0 20px;
}

.navbar-header h3.header-title {
	margin: 0;
    float: left;
    padding: 16px 20px;
	height: 100%;
    font-size: 22px;
    font-family: Roboto, sans-serif;
}

.header-title a.header-gob {
	color: #E1A636;
	text-decoration: none;
}

.header-title span {
	color: #EAEAEA;
}

#header h3.large-screen {
  display: table-cell;
}
@media (max-width: 768px) {
  #header h3.large-screen {
    display: none;
  }
}

.navbar-header {
	height: 100%
}

#wrapper {
    width: 100%;
}

#page-wrapper {
	min-height: 550px!important;
    padding: 0 15px;
    /*min-height: 568px;*/
    background-color: #fff;
}

#content {
	margin-left: 260px;
	padding: 0 30px;
}

/* Notices page */
.notices #content .notice {
    background-color: #202834;
    border-radius: 5px;
    color: #FFFFFF;
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}
.notices #content .inner-2 {
    padding: 10px;
}
.notices #content .notice .delete {
    -webkit-filter: brightness(100%) contrast(0%) grayscale(100%);
    -moz-filter: brightness(100%) contrast(0%) grayscale(100%);
    filter: brightness(100%) contrast(0%) grayscale(100%);
    float: right;
    height: 16px;
    width: 16px;
    position: relative;
    top: 12px;
    right: 10px;
}
.notices #content .notice .delete:hover {
    -webkit-filter: brightness(100%) contrast(100%) grayscale(0%);
    -moz-filter: brightness(100%) contrast(100%) grayscale(0%);
    filter: brightness(100%) contrast(100%) grayscale(0%);
    cursor: pointer;
}
.notices #content .notice .notice-title {
    font-size: 1.15em;
    cursor: pointer;
}
notices.less:1
.notices #content .notice h4 {
    display: inline-block;
    padding-right: 10px;
}
.notices #content .notice .notice-title .arrow {
    margin-right: 5px;
    width: 10px;
}
notices.less:1
.notices #content .notice .arrow {
    margin-right: 10px;
}
.notices #content .notice .collapsible {
    background-color: #EDEDED;
    color: #000000;
}
.notices #content .notice .collapsible {
    display: none;
}
.notices #content .notice select[name="type"] {
    margin-left: 15px;
}
.notices #content input[type='checkbox'] {
    position: relative;
    top: 7px;
}
.notices #content .notice select[name$="day"] {
    width: 10em;
    display: inline-block;
}
.notices #content .notice select[name$="hour"] {
    width: 5em;
    display: inline-block;
}
.notices #content .notice select[name$="minute"] {
    width: 5em;
    display: inline-block;
}
.notices #content .notice input[name$="_duration"] {
    width: 4em;
}
.notices #content .notice .post-type-selection {
    background-color: #BBBBBB;
    box-shadow: inset 0px 0px 46px -14px rgba(0, 0, 0, 0.75);
    padding-bottom: 3px;
    margin-bottom: 10px;
}
.notices #content .notice .post-type-selection p.active {
    opacity: 1;
}
.notices #content .notice .post-type-selection p {
    background-color: #202834;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
    opacity: 0.7;
    padding: 10px 0px;
    text-align: center;
    width: 50%;
}
.notices #content .notice .post-type-selection textarea {
    height: 200px;
}
.notices #content #success, .notices #content #failure {
    display: inline;
}
.notices #content button#submit-notices img {
    position: relative;
    top: 2px;
    left: 7px;
    height: 16px;
    width: 0px;
    -webkit-animation: spin 0.75s linear infinite;
    animation: spin 0.75s linear infinite;
}
#plus-notice {
    margin-bottom: 15px;
}

/* Sidebar page */
#content textarea[name='sidebar'] {
    background-color: #191919;
    color: #ccc;
}
.sidebar-page input[type='submit'] {
    margin-top: -170px!important;
}
.sidebar-preview {
    background-color: #010713;
    color: #a9bbab;
    margin: 0;
    margin-left: 50px;
    padding: 10px;
    position: relative;
    width: 310px;
}
.sidebar-preview a {
	color: #A0B6CA;
}
.sidebar-preview blockquote {
    margin: 0;
    padding: 0;
    border: 0;
}
.sidebar-preview blockquote > ul > li:first-child {
    background-color: transparent;
    line-height: 40px;
    padding-right: 10px;
    width: 104px;
}
.sidebar-preview blockquote > ul > li {
    color: #bdc3c7;
    display: inline;
    float: left;
}
.sidebar-preview blockquote > ul > li > a {
    background-color: #101828;
    display: inline-block;
    margin-right: 5px;
    padding: 7px 12px 5px 12px;
}
.sidebar-preview blockquote > ul > li > a:before {
    background: url(%%social-media%%) no-repeat;
    content: '';
    display: inline-block;
    height: 25px;
}
.sidebar-preview blockquote > ul > li > a[href="http://goo.gl/Yrc6kr"]:before {
    background-position: 0 0;
    width: 31px;
}
.sidebar-preview blockquote > ul > li > a[href="http://goo.gl/fwu1eP"]:before {
    background-position: -36px 0;
    width: 52px;
}
.sidebar-preview blockquote > ul > li > a[href="http://goo.gl/bHoLLk"]:before {
    background-position: -93px 0;
    width: 24px;
}
.sidebar-preview a[href$='#esports'] {
    background: #5b7b5b;
    box-shadow: inset 1px 1px 0px #c5c5c5;
}
.sidebar-preview a[href$='#no-esports'] {
    background: #8B5252;
    box-shadow: inset 1px 1px 0px #c5c5c5;
}
.sidebar-preview a[href$='#highlights'] {
    background: #89a0c7;
    box-shadow: inset 1px 1px 0px #c5c5c5;
}
.sidebar-preview a[href$='#no-highlights'] {
    background: #CD8181;
    box-shadow: inset 1px 1px 0px #c5c5c5;
}
.sidebar-preview a[href$='#discussion'] {
    background: #45608c;
    box-shadow: inset 1px 1px 0px #c5c5c5;
}
.sidebar-preview a[href$='#no-fluff'] {
    background: #984747;
    box-shadow: inset 1px 1px 0px #c5c5c5;
}
.sidebar-preview a[href$='#unfiltered'] {
    background: #9E9E9E;
    box-shadow: inset 1px 1px 0px #c5c5c5;
}
.sidebar-preview a[href*='#wiki'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -385px;
}
.sidebar-preview a[href*='#suggestions'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -315px;
}
.sidebar-preview a[href*='#irc'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -175px;
}
.sidebar-preview a[href*='#discord'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -490px;
}
.sidebar-preview a[href*='vods'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -35px;
}
.sidebar-preview a[href*='demos'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -245px;
}
.sidebar-preview a[href*='vods'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -35px;
}
.sidebar-preview a[href*='#trade'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -315px;
}
.sidebar-preview a[href*='#recruitcs'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -280px;
}
.sidebar-preview a[href*='#csmapmakers'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -351px;
}
.sidebar-preview a[href*='#gathers'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -420px;
}
.sidebar-preview a[href*='#workshop'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -455px;
}
.sidebar-preview a[href*='#learncsgo'] {
    background: #101828 url(%%sidebar-icons%%) no-repeat 275px -385px;
}
.sidebar-preview a, .sidebar-preview .tagline a, .sidebar-preview .titlebox h1 a {
    color: #A0B6CA;
}
.sidebar-preview table:nth-child(6) tr:first-child td {
    padding-top: 6px;
}

/* Stylesheet page */
#content textarea[name='stylesheet'] {
    font-family: 'Lucida Console', Consolas, monospace;
    height: 685px;
    margin-bottom: 15px;
	color: #ccc;
    background-color: #191919;
    max-width: 100%;
    min-width: 100%;
    min-height: 400px;
}

#content input[type='submit'] {
    margin-top: 10px;
}

/* Strafe Ticker page */
.strafe-ticker .collapse {
    display: none!important;
}
.strafe-ticker .collapse.in {
    display: block!important;
}
.strafe-ticker img.arrow.collapsed {
    margin-right: 5px;
    width: 10px;
}
.strafe-ticker .form-horizontal .control-label {
    text-align: left;
}

/* Flair Stats page */
.flair-stats .terminal {
    width: 100%;
    height: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.4);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.flair-stats .terminal-path-bar {
    text-align: center;
    color: #525252;
    padding: 5px 0;
    margin: 0;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-size: 0.85em;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.flair-stats .terminal-body {
    height: 500px;
    margin: 0;
    padding: 5px;
    list-style: none;
    background: #141414;
    color: #45D40C;
    font: 14px 'Andale Mono', Consolas, 'Courier New';
    line-height: 1.6em;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.flair-stats .terminal-body li {
    word-wrap: break-word;
    position: relative;
    padding: 0 0 0 10px;
}
.flair-stats .run-script-btn {
    margin: 20px 0;
}
.flair-stats .download {
    padding: 7px 10px;
}
.flair-stats .download-csv {
    float: left;
}
.flair-stats .download-json {
    float: right;
}
.flair-stats .table thead {
    color: #EAEAEA;
    background-color: #374f65;
}
.flair-stats form#flair-stats {
    padding-left: 0;
}
.flair-stats p.log-time {
    display: initial;
    padding: 0 4px;
}
.flair-stats input[type="checkbox"] {
    margin: 0 0 0 3px;
    vertical-align: middle;
}

/* Verified Flair Wiki page*/
#content textarea[name='finished_markdown'] {
    background-color: #191919;
    color: #ccc;
}
.verified-flairs h3 {
    padding-bottom: 15px;
}
.verified-flairs textarea {
    margin-top: 10px;
	margin-bottom: 10px;
}
.verified-flairs input#auto_upload {
	margin-top: 10px;
}

/* Comments page */
.comments .table thead {
	color: #EAEAEA;
    background-color: #374f65;
}

/* Submissions/Threads page */
.threads .table thead {
    color: #EAEAEA;
    background-color: #374f65;
}

/* Changelog page */
.changelog-entry {
    background-color: #FAFAFA;
    border: 1px solid #CACACA;
    padding: 20px;
}
.changelog p.byline {
    color: #000;
}

p.byline {
    font-size: 12px;
    display: inline;
}

p.byline a {
    color: inherit;
    text-decoration: underline;
}

/* Mod Actions page */
.modlog #content {
    padding: 0px 30px;
}
.modlog .table thead {
    color: #EAEAEA;
    background-color: #374f65;
}
.modlog #content table:not(.filter-results) td:first-child {
    max-width: 80px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.modlog #content table:not(.filter-results) tr:last-child td {
    border-bottom-width: 2px;
    border: 1px solid #ddd;
    border-top: 2px solid #ddd;
    padding: 5px;
    font-weight: bold;
}
.modlog #content table.filter-results input[type="checkbox"] {
    position: relative;
    top: 3px;
}
.modlog #content table.filter-results label {
    position: relative;
    top: 2px;
    left: 8px;
}
.modlog input[type='submit'] {
    width: 100px;
}
.modlog #modlog-query-btn, .modlog #modlog-matrix-btn {
    margin-top: 30px;
}
.modactions {
    height: 16px;
    width: 16px;
    display: block;
    content: " ";
    float: left;
    margin-right: 5px;
    background: url(/images/reddit-spritesheet.png) no-repeat;
}
.modactions.removelink {
    background-position: -88px -686px;
}
.modactions.editflair {
    background-position: -22px -774px;
}
.modactions.approvecomment {
    background-position: -66px -664px;
}
.modactions.approvelink {
    background-position: -88px -642px;
}
.modactions.removecomment {
    background-position: -44px -686px;
}
.modactions.distinguish {
    background-position: -88px -664px;
}
.modactions.banuser {
    background-position: -66px -752px;
}
.modactions.sticky {
    background-position: -22px -708px;
}
.modactions.unsticky {
    background-position: -88px -708px;
}
.modactions.modmails {
    background-position: -44px -730px;
}

/* Modmail page */
.modmail-listing #content > div > div, .modmail-listing .reply {
    border: 1px solid #344554;
    background-color: #FAFAFA;
    padding: 0px 20px;
    margin: 30px auto;
}
.modmail-listing .byline {
    font-size: 0.9em;
    font-weight: bold;
}
.modmail-listing p {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.modmail-listing #content div > div h4 {
    font-weight: 600;
}

/* Webpanel page */
.log .table thead {
    color: #EAEAEA;
    background-color: #374f65;
}
.log .dropdown-filter {
    margin: 20px 0;
}
.log .filter-placeholder {
    display: none;
}
/* Recruitment pages */
.recruitment .recruitment-apptools {
    display: inline-block;
}
.recruitment .recruitment-apptools a {
    color: #5a95c7;
}
.recruitment .recruitment-apptools.comment-history {
    float: right;
}
.recruitment .application-container .application {
    background-color: #202834;
    padding: 10px 10px 25px 10px;
    margin-bottom: 30px;
    z-index: 10;
}
.recruitment .application-container .application table {
    background-color: #FAFAFA;
    margin-bottom: 0px;
    word-break: break-word;
}
.recruitment .application-container .application-ext {
    background-color: #DDD;
    color: #FAFAFA;
    padding: 0;
}
.recruitment .application-container .application-ext ul.vote {
    background-color: #203051;
    display: table;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}
.recruitment .application-container .application-ext ul.vote li {
    display: table-cell;
    padding: 10px 0;
    text-align: center;
    width: auto;
}
.recruitment .application-container .application-ext ul.vote li:hover {
    cursor: pointer;
    background-color: #4161a2;
}
.recruitment .application-container .application-ext ul.vote li.active, 
.recruitment .application-container .application-ext ul.vote li:focus {
    background-color: #305120;
}
.recruitment .application-container .application-ext .vote-reveal {
    color: #222;
    background-color: #CCC;
    text-align: center;
}
.recruitment .application-container .application-ext .vote-reveal p {
    margin: 0;
}
.recruitment .application-container .application-ext > div > div, 
.recruitment .application-container .application-ext > div > div > div {
    padding: 7px 5px;
}
.recruitment .application-container .application-ext .vote-reveal .variable {
    color: #b6811b;
}
.recruitment .application-container .application-ext .comment-area {
    overflow: auto;
    padding-bottom: 0;
}
.recruitment .application-container .application-ext .comments .comment p.tagline {
    color: #666;
    display: inline;
}
.recruitment .application-container .application-ext .comments .comment p {
    margin: 0;
}
.recruitment .application-container .application-ext .comments .comment .comment-body {
    display: table-cell;
}
.recruitment .application-container .application-ext .comments {
    padding-top: 0;
    color: #222;
}
.recruitment .application-container .application-ext .comments .comment img {
    width: 38px;
    float: left;
    margin-right: 10px;
}

.recruitment-stats img {
    margin-right: 10px;
    width: 64px;
}
.recruitment-stats #content table {
    background-color: #F8F8F8;
    color: #000;
    font-size: 14px;
}
.recruitment-stats #content h3 {
    background: #313c4c;
    color: #eaeaea;
    padding: 10px;
    margin-bottom: 0;
}
.recruitment-stats #content h3 a {
    color: #eaeaea;
    font-size: 20px;
}
.recruitment-stats table.app-stats {
    margin: 30px 0;
}
.recruitment .comment .comment-body blockquote {
    padding: 5px 20px;
    margin: 5px 0 10px;
}
.recruitment .comment .comment-body blockquote p {
    font-size: 14px;
}


/* TrialWatching page */
.trialwatch .table thead {
	color: #EAEAEA;
    background-color: #374f65;
}
.trialwatch .pagination {
    margin: 5px 0;
}

/* Error pages */
.error-title {
    text-decoration: underline;
}
.error-page {
    text-align: center;
}

/* Mod-meetups page */
body.mod-meetups {
    padding-right: 0 !important;
}
.mod-meetups.modal-open {
	overflow-y: scroll;
}
.mod-meetups .form-horizontal .control-label {
	text-align: left;
}
.mod-meetups .modal-footer {
	background-color: #eaeaea;
}
.mod-meetups input[type="file"] {
    padding: 2px 0px;
}
.memories .panel-body {
    background-color: #e0e0e0;
}
.memories i.fa.fa-camera {
    color: #464646;
}
.memories i {
    padding-top: 16px;
}
.memories .btn-group i {
    padding: 0;
}
.memories button.add-meetup {
    padding: 5px 5px;
    margin-bottom: 15px;
}
.memories .modal-header {
	background-color: #313c4c;
    color: #eaeaea;
}
.memories img {
    max-height: 100%;
    max-width: 100%;
    padding-top: 10px;
}
.timeline > li > .timeline-panel {
    background-color: #313c4c;
}
.memories .timeline:before {
	background-color: #e6e6e6!important;
}
.memories .timeline-title {
	color: #eaeaea;
}
.memories .timeline-body p {
	color: #cacaca;
}
.memories .text-muted {
	color: #999;
	font-size: 13px;
}
.memories .text-muted .author, 
.memories .text-muted a {
    color: #999;
	font-size: 12px;
	text-decoration: underline;
}
.memories hr {
	margin-top: 15px;
    margin-bottom: 15px;
}
.memories .dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
	background-color: #e8e8e8;
}
.memories .comment-area {
	margin: 15px 0 5px;
}
.memories .comment-area .comment-text {
	padding: 0;
}
.memories p.no-comments {
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
}
.memories .comment img {
	width: 38px;
    float: left;
    margin-right: 10px;
	padding: 0;
}
.memories .comments .comment {
	padding: 7px 0;
}
.memories .comments .comment p {
    margin: 0;
}
.memories .comments .comment p.tagline {
    display: inline;
}
.memories .timeline-date p.badge-date {
    z-index: 100;
    position: absolute;
    top: 29px;
    left: calc(50% + 60px);
    width: auto;
    height: 50px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.3em;
    line-height: 25px;
}
.memories .timeline-date p.badge-date-inv {
    z-index: 100;
    position: absolute;
    top: 29px;
    right: calc(50% + 35px);
    width: auto;
    height: 50px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.3em;
    line-height: 25px;
}
@media (max-width: 1300px) {
    .memories .timeline-date p.badge-date,
    .memories .timeline-date p.badge-date-inv {
        display: none;
    }
}


/* Twitter DMs */
.twitter-dms .dm-compose {
    padding: 6px 8px;
    margin-bottom: 15px;
}
.twitter-dms .modal-header {
    background-color: #313c4c;
    color: #eaeaea;
}
.twitter-dms .modal-footer {
    background-color: #eaeaea;
}
.twitter-dms .dm-container {
    padding: 10px 10px;
    border: solid 1px #ccc;
    border-radius: 10px;
}
.twitter-dms .twitter-dm {
    background-color: #1b2836;
    padding: 10px 15px;
    margin: 10px 0px;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
}
.twitter-dms .dm-user-avatar {
    display: inline-flex;
    height: 52px;
    left: 15px;
    top: 15px;
    width: auto;
}
.twitter-dms .DMAvatar {
    border-radius: 100%;
    font-size: 0;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.twitter-dms .DMAvatar-container {
    box-sizing: border-box;
    overflow: hidden;
}
.twitter-dms .DMAvatar-image {
    height: 100%;
    width: 100%;
}
.twitter-dms .dm-send-arrow {
    display: inline-flex;
    padding: 12px;
}
.twitter-dms .dm-username {
    display: inline-flex;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 5px;
}
.twitter-dms .fullname {
    word-break: break-all;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: inherit;
}
.twitter-dms .fullname:hover {
    cursor: pointer;
    text-decoration: underline;
}
.twitter-dms .twitter-dm span.username {
    font-size: 14px;
    color: #8899a6;
    font-family: inherit;
}
.twitter-dms .twitter-dm span.username b:hover {
    cursor: pointer;
    text-decoration: underline;
}
.twitter-dms .dm-verified {
    display: inline-flex;
    background: #555;
    padding: 2px 5px 2px 2px;
    border-radius: 4px;
}
.twitter-dms .dm-verified .dm-verified-text {
    color: #4ec820;
    font-family: inherit;
    font-size: 10px;
    line-height: 13px;
}
.twitter-dms .dm-date {
    display: inline-flex;
    float: right;
}
.twitter-dms .twitter-dm span.dm-timestamp {
    color: #8899a6;
    font-size: 12px;
    top: 15px;
    white-space: nowrap;
}
.twitter-dms .dm-preview {
    color: #c9cdd0;
    font-family: inherit;
    font-size: 14px;
    margin-top: 10px;
    padding: 0 10px;
}
.twitter-dms .dm-reply-btn {
    display: inline-flex;
    float: right;
    padding: 0 10px 5px;
}
.twitter-dms .dm-reply-btn .btn-primary {
    font-size: 12px;
    padding: 3px 10px;
}
.twitter-dm .dm-reply-text {
    height: 100px;
}
.twitter-dm .dm-reply-message {
    padding: 0 0 5px;
}
.twitter-dm .dm-reply-send {
    padding: 10px 15px;
}


/* User Search page */
.user-search-results .table thead {
    color: #EAEAEA;
    background-color: #374f65;
}
.user-search-results .type-comment,
.user-search-results .type-submission {
    font-weight: bold;
    background-color: #eaeaea;
    border-color: #bbb!important;
}
.user-search-results .type-comment {
    color: #a04949;
}
.user-search-results .type-submission {
    color: #7f90e4;
}
.user-search-results td.noneText {
    color: #ccc;
}
.user-search-results .panel .panel-heading i {
    color: #fff!important;
}
.user-search-results .user-search-name {
    text-align: center;
}
.user-search-results .am-removal-count,
.user-search-results .modmail-count {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    font-weight: 700;
    background-color: #fff;
    color: #d9534f;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    margin-left: 5px;
    padding-left: 1px;
}
.user-search-results .modmail-count {
    color: #f0ad4e!important;
}
.user-search-results .usermodmail {
    color: #f0ad4e;
    background-color: white;
    border: none;
    margin-top: 0px!important;
    text-decoration: underline;
    width: 100%;
}
.user-search-results .userremovals {
    color: #d9534f;
    background-color: white;
    border: none;
    margin-top: 0px!important;
    text-decoration: underline;
    width: 100%;
}

/******** Admin Pages ********/
/* User Management */
.user-management .table thead, .notifications .table thead {
    color: #EAEAEA;
    background-color: #374f65;
}
.user-container, .notifications-container {
    padding: 30px 0;
}

.timeframe {
    font-weight: bold;
    padding: 10px 20px;
    margin-top: 30px;
}


@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 260px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.row#panels {
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

#side-menu {
	margin-top: 0;
	background: #313c4c;
}

#sidebar-status {
	color: #EAEAEA;
	padding: 10px 5px 10px 20px;
}

#sidebar-status h3 {
	margin: 13px 0;
}

#sidebar-status p {
	font-size: 15px;
}

#sidebar-status p:first-of-type {
	font-size: 16px;
}

.sidebar-headers {
	color: #EAEAEA;
	font-size: 22px;
	padding: 15px 20px 5px 20px;
}

.sidebar-headers.dash {
	padding: 8px 20px 12px 20px;
	font-size: 16px;
}

.sidebar-headers.changelog {
	margin-top: 10px;
	padding: 0 20px;
}

.sidebar-headers.changelog a, .sidebar-headers.dash a {
	color: #b9c5ce;
    font-size: 16px;
}

.sidebar li:last-of-type {
	margin-bottom: 30px;
}

#bot-status.status-online {
	color: #AFA;
}

#bot-status, #bot-status.status-offline, #bot-updates-in {
	color: #E1A636
}

.nav > li > a {
	color: #b9c5ce;
	margin-left: 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
}

.nav > li > a:focus {
	background-color: transparent
}

.navbar-brand {
	height: 60px;
	font-size: 22px;
	line-height: 31px;
	font-family: Roboto, serif!important;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-header .header-gob:hover {
	color: #e4af49;
}

.panel-default > .panel-heading {
	color: #EAEAEA;
	background-color: #374f65;
}

.panel-heading.login {
	color: inherit;
	background-color: #f5f5f5;
}

.navbar-default {
	background-color: #313c4c!important;
}

.navbar-default .navbar-brand {
	color: #E1A636
}

.navbar-default.sidebar {
	position: absolute;
	top: 62px;
    left: 0;
    bottom: 0;
}

.navbar-static-top {
	height: 62px;
}

.navbar img {
	height: 44px;
    width: 44px;
    border-radius: 50%;
	margin-top: 1px;
	margin-bottom: 2px;
}

.navbar .username {
	color: #EAEAEA;
	padding: 0px 10px;
}

.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 20px;
}

.navbar-top-links li a {
    padding: 8px 5px;
    font-size: 16px;
}

.nav > li > a:hover, .nav > li > a:focus {
	background: none;
    color: #a0bed4;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: none;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 0px 10px;
    margin-top: 4px;
    min-height: 0;
    font-size: 14px;
}

.navbar-top-links .dropdown-menu li a:hover {
	background-color: #EAEAEA;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* User Profile pages */
.profile h3 img {
    width: 92px;
}
.profile #edit-profile-image img {
    height: 64px;
    width: 64px;
    display: inline-block;
    margin-left: 15px;
}
.profile #edit-profile-image input[name='profile-image'] {
    margin: 20px 0;
}
.profile #content textarea {
    margin-top: 5px;
	margin-bottom: 25px;
}
.profile #content {
    margin-top: 30px;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border: none;
}

.sidebar ul li.active > a {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

/* Sidebar fontawesome icon coloring */
.sidebar .fa-wrench {
    color: #000;
}
.sidebar .fa-fire {
    color: #b97053;
}
.sidebar .fa-exclamation-circle {
    color: #d6c050;
}
.sidebar .fa-edit {
    color: #ccc;
}
.sidebar .fa-file-text {
    color: #ccc;
}
.sidebar .fa-minus-circle {
    color: #945e5d;
}
.sidebar .fa-terminal {
    color: #000;
}
.sidebar .fa-comments {
    color: #fff;
}
.sidebar .fa-tasks {
    color: #6b93b5;
}
.sidebar .fa-envelope {
    color: #f0ad4e;
}
.sidebar .fa-reddit {
    color: #1f821f;
}
.sidebar .fa-archive {
    color: #777;
}
.sidebar .fa-list-alt {
    color: #ccc;
}
.sidebar .fa-check {
	color: #25b125;
}
.sidebar .fa-ban {
	color: #9c4141;
}
.sidebar .fa-users {
    color: #c789a8;
}
.sidebar .fa-picture-o {
    color: #76b8e6;
}
.sidebar .fa-user {
    color: #b7b721;
}
.sidebar .fab {
    padding: 0 3px;
    color: #7289da;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 260px;
        margin-top: 0;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

@media(max-width:1463px) {
	.fa-5x {
		font-size: 3em;
	}
}

@media(max-width:946px) {
	.header-title span {
		display: none;
	}
}

@media(max-width:768px) {
    .sidebar {
		display: none;
		width: 100%;
		height: 100%;
		z-index: 999;
		left: 0;
		right: 0;
    }
	#side-menu {
	}
	.navbar-top-links li:last-child {
		display: none;
	}
	.navbar-header h3.header-title {
		font-size: 16px;
	}
	ul.nav.navbar-top-links.navbar-right {
		display: none;
	}
	#content {
		margin-left: 0;
	}
}

@media(max-width:829px) {
	.navbar .username {
		display: none;
	}
}
	
.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

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

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 26px;
}

.panel-title {
	font-size: 18px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}
canvas {
            max-width: 100% !important;
            max-width: 400px;
            height: auto !important;
}
canvas.round {
    max-width: 100% !important;
    max-width: 350px;
    height: auto !important;
}
.margin-inverse-top {
    margin-top: -44px;
}

.codeWrapper {
    background-color:#020111;
    color:#38f527;
}