.sidenav-container {background-color: #303030!important;}

.mat-toolbar.mat-primary {
    background-color: #232323!important;
}

.footer-bar {    background-color: #232323!important;}

.mat-card {
    background: #424242;
    color: #fff;
}

.mat-card-subtitle {
    color: #727272;
}

.mat-table {
    background: #424242;
}

.mat-header-cell {
    color: hsla(0,0%,100%,.7);
}

.mat-header-row {
    border-bottom-color: hsla(0,0%,100%,.12);
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb {
    background-color: #fff;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #d61f26;
}
.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #d61f26;
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #d61f26;
}
.mat-raised-button.mat-primary, .mat-flat-button.mat-primary, .dark-theme .mat-raised-button.mat-primary {
    background-color: #838383;
}

.mat-progress-bar-fill:after {
    background-color: #d61f26;
}
.mat-menu-panel {
    background: #424242;
}
.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(90deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.7) 2px,transparent 0,transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.7) 2px,transparent 0,transparent);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgb(253 63 70);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: hsla(0,0%,100%,.7);
}
.mat-checkbox .mat-ripple-element {
    background-color: #fff;
}
.mat-checkbox-frame {
    border-color: hsla(0,0%,100%,.7);
}
.mat-stroked-button:not([disabled]) {
    border-color: hsla(0,0%,100%,.12);
}
.dark-theme .mat-progress-bar-buffer {
    background-color: #b3e5fc;
}
.mat-tab-header, .mat-tab-nav-bar {
    border-bottom: 1px solid hsla(0,0%,100%,.12);
}
.mat-card-subtitle {
    color: hsla(0,0%,100%,.7);
}
.mat-stroked-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0,0,0,.2), 0 0 0 0 rgba(0,0,0,.14), 0 0 0 0 rgba(0,0,0,.12);
}
.mat-expansion-indicator:after, .mat-expansion-panel-header-description {
    color: hsla(0,0%,100%,.7);
}
.dark-theme .mat-stroked-button:not([disabled]) {
    border-color: hsla(0,0%,100%,.12);
}
.mat-expansion-panel-header-description {
    color: hsla(0,0%,100%,.7);
}
.offlineText[_ngcontent-sro^='_ngcontent-sro-'] {
    color: #a7a7a7 !important;
}
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {
    color: rgb(255 255 255 / 54%);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgb(255 255 255 / 87%);
    background-color: #4c4c4c;
}

.mat-button:hover .mat-button-focus-overlay, .mat-stroked-button:hover .mat-button-focus-overlay {
    opacity: 0.04;
}
.mat-button-toggle-appearance-standard {
    color: #fff;
    background: #424242;
}
.mat-slider:hover .mat-slider-track-background {
    background-color: hsla(0,0%,100%,.3);
}
.mat-select-panel {
    background: #424242;
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    background-color: #bdbdbd;
}

.mat-slide-toggle-bar {
    background-color: hsla(0,0%,100%,.5);
}
.mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled] {
    background-color: hsla(0,0%,100%,.12);
}

.mat-select-arrow {
    color: hsla(0,0%,100%,.7);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #bb0c12;
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: hsla(0,0%,100%,.12);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ed2f36;
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: hsla(0,0%,100%,.12);
}
.mat-slider-track-background {
    background-color: hsla(0,0%,100%,.3);
}
.mat-menu-item .mat-icon-no-color {
    color: #fff;
}
.mat-menu-item, .mat-tab-label, .mat-tab-link {
    color: #fff;
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(90deg,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.7) 33%,transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x;
}

.mat-divider {
    border-top-color: hsla(0,0%,100%,.12);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.mat-checkbox-checkmark {
    fill: #303030;
}

.mat-expansion-panel {
    background: #424242!important;
    color: #fff!important;
}
.mat-input-element:disabled {
    color: hsla(0,0%,100%,.5);
}
.mat-accordion>mat-expansion-panel>.mat-expansion-panel-content {
    background-color: #303030;
}

.mat-expansion-panel-header-title {
    color: #fff!important;
}
.mat-form-field-underline .mat-form-field-should-float {    background-color: red;}

.mat-drawer-container {
    background-color: #303030;
    color: #fff;
}

.mat-input-element {
    caret-color: #D61F26;
}

.mat-cell {
    color: #fff;
}

p, span {
    color: #fff;
}
.mat-menu-item:hover:not([disabled]) {
    background: hsla(0,0%,100%,.04);
}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: hsla(0,0%,100%,.04);
}
.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
    background: #424242;
    color: #fff;
}
.brand-text {
  visibility: hidden;
  position: relative;
  margin-top: 4px;
}

.brand-text::before {
  content: 'Cloud C² Server';
  visibility: visible;
  position: absolute; 
  top: 0;
  left: 0;
  margin-top: 2px;
}
 
.brand-subtext {
  visibility: hidden;
  margin-top: 2px;
}
.brand-subtext::before {
  visibility: visible;
  content: 'HAK5 THE PLANET EDITION';
  position: relative;
  margin-top: -1px;
}

.brand-logo {
  width: 0 !important;
  height: 0 !important;
  padding-top: 50px;
  padding-left: 100px;
  background: url('https://jacobriggs.io/assets/images/misc/jr-logo-light.svg') no-repeat;
  background-size: contain;
  background-position: center;
}

.cdk-overlay-pane .user-text-entry.ng-tns-c221-0:nth-child(4) {    
    visibility: hidden;
  }

.cdk-overlay-pane .user-text-entry.ng-tns-c221-0:nth-child(3) {    
    display: none; 
  }

.cdk-overlay-pane .user-text-entry.ng-tns-c221-0:nth-child(3)::before {    
    background: #b38913;
    border-radius: 6px;
    font-size: 12px;
    content: 'VIP Hacker';
    visibility: visible;
    padding: 3px 10px;
    margin: 9px 0px 0px 0px;
	display: none;
  }

br.ng-tns-c137-2 {visibility: hidden; display:none!important;}
.mat-menu-content .ng-tns-c137-2:nth-child(2) {visibility: hidden; display:none!important;}
.mat-menu-content .ng-tns-c137-2:nth-child(3) {visibility: hidden; display:none!important;}


.footer-text { visibility: hidden; }

.footer-text::before { 
  content: 'Jacob Riggs - Cloud C² Server';
  visibility: visible;
  font-weight: normal;
}

.footer-text-middle { visibility: hidden; }
.footer-text-end { visibility: hidden; }

.footer-text-end::before { 
  content: "Copyright © " var(--year, "2025") " - Jacob Riggs";
  visibility: visible;
  float: right;
  pointer-events: none;
  cursor: default;
  font-weight: normal;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgb(233 47 54 / 58%);
}

:root {
    --primary: #e92f36!important;
}

[_ngcontent-wyb-c244] {
    --primary: #e92f36!important;
}


body [_ngcontent-jws-c244] { --primary: #e92f36 !important; }

.mat-fab.mat-primary {
    background-color: #d61f26;
}

.mat-flat-button.mat-primary, .dark-theme .mat-raised-button.mat-primary {
    background-color: #838383;
}


.cdk-overlay-pane a.ng-tns-c137-2:nth-child(8) {    
    visibility: hidden;
    display:none!important;   
  }

  .dark-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #d61f26;
}

#ng-chat-people {display:none;}

.dark-theme .mat-tab-group.mat-primary .mat-ink-bar {
    background-color: #838383;
}

.auth-container .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    width: 95%;
    height: 28px;
    font-family: inherit;
    line-height: 1.42857143;
    font-size: 14px;
    padding: 9px 9px;
    color: #727272 !important;
    background-color: #ffffff !important;
    border: 1px solid rgb(210, 210, 210);
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    margin-top: 30px;
}

.auth-background, .auth-container{
    background-color: #FFFF;
}

.auth-card {
    background-color: #ededed;
    color: #727272;
    padding: 15px 40px;
    border: 2px solid #949494;
    margin: 0 auto;
    border-radius: 4px;
}

.auth-container .mat-card-actions .mat-button:first-child, .mat-card-actions .mat-raised-button:first-child, .mat-card-actions .mat-stroked-button:first-child {
    background: #6F6F6F;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    padding: 10px 15px;
    transition: background .3s;
    height: 45px;
    line-height: 21px;
    font-weight: normal;
    width: 100px;
    margin-top: 32px;
}

.auth-container .mat-card-actions-align-end {
    display: inline-block;
    display: block;
    margin: auto;
    text-align: center;
}

.auth-container .ng-tns-c101-4, .ng-tns-c101-3 {
    color: #727272;
    margin-bottom: -10px;
}

.auth-container .mat-form-field-appearance-legacy .mat-form-field-underline {
    height: 1px;
    display: none;
}

.auth-container .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0;
}

.auth-container .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {transform:unset!important;width:unset!important;}

.auth-error {position: absolute; margin-top: 13px;}

.mat-paginator {background: #424242;color: rgb(255 255 255 / 54%);}

.mat-elevation-z6 {
    background: #424242;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: bold;
}

.notification-entry {
    background: #525252;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: bold;
	border-bottom: solid 2px #4d4d4d;
	min-height: 90px!important;
}

.notification-message {
    font-weight: normal;
    color: #c7c7c7;
	font-size: 14px!important;
    line-height: 24px;
    overflow-wrap: break-word!important;
    width: 320px!important;
    display: block!important;
}

ng-tns-c221-0 {background: #424242;}

ng-star-inserted {padding-top:10px;}

.device-icon {
    height: 30px!important;
    margin-right: 10px!important;
    border-radius: 50%;
}

.tab-device-icon > img {
    height: 30px!important;
    border-radius: 50%;
    margin-top: -4px;
}

.notification-container {
    border-radius: 6px;
}


.notification-info-stripe::first-child{
    border-top-left-radius: 4px;
}

.notification-info-stripe.ng-star-inserted + div > br:nth-of-type(1),
.notification-info-stripe.ng-star-inserted + div > br:nth-of-type(2) {
    display:none;
}

/* Beats .offlineText[_ngcontent-…] { color: var(--secondary) !important; } */
.offlineText:not(#x):not(#y) { color: #cecece !important; }

/* (Optional) global nuke to ensure your variables win on any element */
* { --primary: #e92f36 !important; }

mat-icon[style*="color: green;"] {
  color: #7ec276 !important;
}

mat-icon[style*="color: red;"] {
  color: #c27676 !important;
}

/* Center everything inside the footer toolbar */
mat-toolbar.footer-bar.mat-toolbar-single-row {
  display: flex !important;              /* ensure Flexbox */
  justify-content: center !important;    /* center horizontally */
  align-items: center !important;        /* center vertically in the row */
  gap: 16px;                             /* optional spacing between links */
}

/* Keep the footer links aligned nicely */
mat-toolbar.footer-bar .footer-text-middle,
mat-toolbar.footer-bar .footer-text-end {
  margin: 0 !important;
  white-space: nowrap;
}

/* If Angular/Material injects extra spacing, suppress it */
mat-toolbar.footer-bar a {
  display: inline-flex;
  align-items: center;
}

.auth-container.be0-height-100vh.bg-gradient-1 {
  background: #f8f8f8 !important;
}

/* Target the specific spans by their text content */
span.ng-star-inserted {
  color: #6f6f6f !important;
}

/* (Optional) make it more specific so it only affects those labels */
span.ng-star-inserted:contains("Username"),
span.ng-star-inserted:contains("Password") {
  color: #6f6f6f !important;
}

a.footer-text-middle[href="https://hak5.org"],
a.footer-text-middle[href*="shop.hak5.org"] {
  display: none !important;
}