@charset "utf-8";


/* --------------- AGGC CSS Grid --------------- */


.flex-aggc-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.flex-aggc-container.chat {
    margin-left:auto;
    margin-right:auto;
    padding: 0px;
}

.grid-container-yvr-map {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 10px;
}

.grid-item {
    text-align: center;
}

.grid-item.summary {
    padding: 10px;
    text-align: center;
}

.grid-item.chat {
    padding: 2px;
    text-align: center;
}

.grid-item.span1 {
    grid-column: span 1;
}

.grid-item.span2 {
    grid-column: span 2;
}

.grid-item.span3 {
    grid-column: span 3;
}

.grid-item.span6 {
    grid-column: span 6;
}

.grid-container-aggc-row {
    display: grid;
    grid-template-columns: 110px 110px 110px 300px 110px 110px;
    grid-template-rows: 30px 70px;
    gap: 3px;
    background-color: #9e9a91;
    padding: 6px;
}

.grid-item.rowspan2 {
    grid-row: span 2;
}


/* --------------- AGGC Sector Colours --------------- */

.sector-bb {background-color: #ab741e;}

.sector-transfer {background-color: #775115;}

.sector-dw {background-color: #073b77;}
.sector-ds {background-color: #073b77;}
.sector-dn {background-color: #073b77;}
.sector-l {background-color: #3d6597;}
.sector-i {background-color: #5a6b1b;}
.sector-t {background-color: #859e29;}
.sector-di {background-color: #002754;}
.sector-ii {background-color: #7c9770;}
.sector-other {background-color: #525252;}


/* --------------- HLCE Sector Colours --------------- */

.hlce-flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 10px;
    padding: 10px;
}

.hlce-flex-item {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    border: 2px solid black;
    padding: 2px;
    display:flex;
    justify-content:left;
    align-items:top;
    border-radius: 5px;
}

.hlce-sector-B {background-color: hsl(37, 100%, 50%);}
.hlce-sector-B1 {background-color: hsl(37, 100%, 40%);}
.hlce-sector-B2 {background-color: hsl(37, 100%, 34%);}
.hlce-sector-B3 {background-color: hsl(37, 100%, 28%);}
.hlce-sector-B4 {background-color: hsl(37, 100%, 22%);}
.hlce-sector-B5 {background-color: hsl(37, 100%, 16%);}
.hlce-sector-B6 {background-color: hsl(36, 100%, 10%); color: #bdbdbd;}

.hlce-sector-D {background-color: #073b77;}
.hlce-sector-L {background-color: #3d6597;}
.hlce-sector-I {background-color: #5a6b1b;}
.hlce-sector-T {background-color: #859e29;}


/* --------------- AGGC Criticality --------------- */

.crit-bg {background-color: #3E3E3E;}
.crit-grn {background-color: #008000;}

.crit-0 {background-color: #595959;}
.crit-1 {background-color: #007FFF;}
.crit-2 {background-color: #FFFF00;}
.crit-3 {background-color: #FF0000;}


/* --------------- AGGC Other Colors --------------- */

.beige {background-color: #F5EFE0;}


/* --------------- AGGC CSS Text --------------- */

.aggc-sector {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    color: black;
}

.aggc-icon {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    color: black;
    display:flex;
    justify-content:center;
    align-items:center;
}

.aggc-title {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    color: black;
    display:flex;
    justify-content:left;
    align-items:center;
}

.aggc-body {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    background-color: #F5EFE0;
    color: black;
    margin: 0px;
    display:flex;
    justify-content:left;
    align-items:top;
}


/* --------------- AGGC Insert --------------- */

input.aggc-icon-insert {
    width: 30px;
    height: 30px;
}