:root 
{
  --primary-text-color: #160A3A;              /* Deep royal purple text */
  --primary-background-color: #F4F2FB;        /* Soft lavender background */
  --primary-border-color: #DCD6F2;            /* Light lavender border */
  --primary-link-color: #5B35D5;              /* Modern violet link */
  
  --secondary-background-color: #160A3A;      /* Deep purple section headers */
  --secondary-text-color: #FFFFFF;            /* White text on dark sections */

  --third-background-color: #FFFFFF;          /* White card/alternate background */
  
  --status-available: #35C46A;               /* Available green */
  --status-informational: #007FA3;           /* Informational blue */
  --status-degraded: #F59E0B;                /* Degraded amber */
  --status-unavailable: #DC2626;             /* Unavailable red */
  --status-maintenance: #FACC15;             /* Maintenance yellow */
}

#page-wrapper{background-color:var(--primary-background-color)}

.navbar{background-color:var(--primary-background-color) !important;}
.ibox-title
{
    background-color:var(--secondary-background-color);
    border-color:var(--primary-border-color);
    color:var(--secondary-text-color);
}
.ibox-content
{
    background-color:var(--primary-background-color);
    border-color:var(--primary-border-color);
}

.fa-chevron-up,.fa-chevron-down,.fa-expand { color:var(--secondary-text-color)}


.footer-brand a {color:var(--primary-text-color) }
.component-uptime-from{color:var(--primary-text-color);}
.text-secondary.component-uptime-to{color:var(--primary-text-color)!important;}
.component-uptime-percentage{color:var(--primary-text-color);}

.subscribe-link
{
    background-color:var(--primary-background-color);
    color::var(--primary-text-color);
}

body{color:var(--primary-text-color);}
a{color:var(--primary-link-color) !important;}
table,td,th,.border{border-color:var(--primary-border-color) !important;}
table > thead > tr > th 
{
    background-color:var(--primary-background-color) !important;
    color:var(--primary-text-color);
}
table > tbody > tr > td 
{
    color:var(--primary-text-color);
}


  /*button and bar colors*/

.component-available {color: var(--status-available);}
.component-informational {color: var(--status-informational);}
.component-degraded {color: var(--status-degraded);}
.component-unavailable {color: var(--status-unavailable);}
.component-maintenance {color:var(--status-maintenance);} 
.status-available{background-color: var(--status-available);}
.status-degraded{background-color: var(--status-degraded);}
.status-informational {background-color: var(--status-informational);}
.status-unavailable{background-color: var(--status-unavailable);}
.status-maintenance {background-color: var(--status-maintenance);} 

.mri-btn{
    position:relative; left:-180px; top:-47px;
    }

@media (max-width: 900px){
        .mri-btn{
    position:relative; left: -5px; top:10px;
        }
        .tooltipster-base {
            width:unset !important;
            max-width:unset !important;
        }
    }
    
@media (min-width: 900px){
.column-header{
min-width:1300px;}
.body-container{
    min-width:1300px;}}

.navbar-toggler{
    margin-right:15px;
}


@media (max-width: 900px){

.fc-day-header.fc-mon span{
    display:none;
}

.fc-day-header.fc-mon:after{
    content: 'Mon';
}

.fc-day-header.fc-tue span{
    display:none;
}

.fc-day-header.fc-tue:after{
    content: 'Tues';
}
.fc-day-header.fc-wed span{
    display:none;
}

.fc-day-header.fc-wed:after{
    content: 'Wed';
}
.fc-day-header.fc-thu span{
    display:none;
}

.fc-day-header.fc-thu:after{
    content: 'Thurs';
}
.fc-day-header.fc-fri span{
    display:none;
}

.fc-day-header.fc-fri:after{
    content: 'Fri';
}
.fc-day-header.fc-sat span{
    display:none;
}

.fc-day-header.fc-sat:after{
    content: 'Sat';
}
.fc-day-header.fc-sun span{
    display:none;
}

.fc-day-header.fc-sun:after{
    content: 'Sun';
}
.fc-today-button span {
    display: none;
}
}

.tooltipster-content .incident-tooltip .incident-tooltip-text{
    hyphens:unset !important;
}

.tooltipster-base {
max-width: 350px !important;
min-width:300px !important;
width: 315px !important;
}


.page-incident .panel .status-maintenance{
  color: #3D3935
}

.historygrid tbody tr td:first-child>i {
    font-size: 12px;
}
.historygrid tbody tr td:first-child>i::before {
    color: #6f798d;
}

/* Make calendar table white */
.fc table,
.fc thead tr th,
.fc tbody tr td,
.fc-day-header,
.fc-day {
    background-color: #ffffff !important;
}


/* Make content/card area white */
.ibox-content {
    background-color: #ffffff !important;
}

.navbar-brand,
.navbar-brand img,
.logo,
.logo img {
    background-color: var(--primary-background-color) !important;
}

/* History table header background */
.historygrid thead tr th,
table.historygrid > thead > tr > th {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #0d024d !important;
    border-color: var(--primary-border-color) !important;
}

/* Mobile calendar visibility fix */
@media (max-width: 900px) {

    /* Make sure calendar text is visible */
    .fc,
    .fc *,
    .fc-day-header,
    .fc-day-header span,
    .fc-col-header-cell,
    .fc-col-header-cell-cushion,
    .fc-daygrid-day-number,
    .fc-day-number {
        color: #0d024d !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Stop hiding the weekday names on mobile */
    .fc-day-header span {
        display: inline !important;
    }

    /* Calendar background */
    .fc table,
    .fc thead,
    .fc tbody,
    .fc tr,
    .fc th,
    .fc td {
        background-color: #ffffff !important;
    }

    /* Make calendar fit mobile width */
    .fc,
    .fc-view-container,
    .fc-view,
    .fc-scroller,
    .fc-scrollgrid,
    .fc-scrollgrid table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Prevent calendar content from being clipped */
    .fc-scroller {
        height: auto !important;
        overflow: visible !important;
    }
}
}
}
.btn-primary:disabled{
    background-color:#160A3A !important
}