@charset "utf-8";



/* ================================================== Text Features == */

.verysmall {font-size: 10px;}
.small {font-size: 14px;}
.large {font-size: 18px;}

.italic {font-style: italic;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.underline {border-bottom: 1px solid black}

.white{color: white;}
.black{color: black;}
.blue{color: #00B0F0;}
.red{color: #dc2828;}
.green{color: #92D050;}
.lightyellow{color: #ffff88;}
.orange{color: #ffbf49;}
.todo{background-color: #FFFF00;}
.bgLightBlue {background-color: #8dadff;}



/* ================================================== Fonts == */

.light {
    font-family: futura-pt, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.book {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.medium {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.heavy {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.bold {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.cn-book {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.cn-medium {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.cn-bold {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.cn-exbold {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 800;
    font-style: normal;
}

.mono {
    font-family: lexia-mono, serif;
    font-weight: 400;
    font-style: normal;
}

/* ================================================== General == */

body {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    background-color: #F5EFE0;
    color: black;
}

@media screen {
    body {
        margin: 20px;
        padding: 0px;
    }
}

@media print {
    body {
        margin: 0px;
        padding: 0px;
    }
}

p {
    color: black;
    font-size: 16px;
}

p.small {
    color: black;
    font-size: 12px;
}

pre.body {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: black;
    white-space:pre-line;
}

h1 {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    line-height: 50px;
    margin: 0;
    color: #dc2828;
}

h1.thin {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 40px;
    line-height: 50px;
    margin: 0;
    color: #dc2828;
}

h2 {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 38px;
    margin: 0;
    color: #dc2828;
}

h2.thin {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 32px;
    line-height: 50px;
    margin: 0;
    color: #dc2828;
}

h2.thinblack {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 32px;
    line-height: 50px;
    margin: 0;
    color: black;
}

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



/* ================================================== Buttons == */

button {
    text-decoration:    none;
    color:              inherit;
    display:            block;
    border-radius:      10px;
    padding:             5px;
    background-color:   #FFFAF5;
}



/* ================================================== Hyperlinks == */

a:link {
    text-decoration: none;
    color: inherit;
}

a:visited {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: underline;
    color: inherit;
}

a:active {
    text-decoration: underline;
    color: inherit;
}



/* ================================================== Tables == */

table {
    border: 0;
    border-spacing: 0px;
}

table.small {
    font-size: 10px;
}


th {
    /* background-color: #AAAAAA; */
    vertical-align: bottom;
    text-align: left;
    padding: 5px;
}

th.vertical {
    vertical-align: middle;
    text-align: left;
    writing-mode: vertical-lr;
    text-orientation: sideways;
}

th.vertical_right {
    vertical-align: middle;
    text-align: right;
    writing-mode: vertical-lr;
    text-orientation: sideways;
}

th.border_left {
  border-left: 1px solid black;
}

th.border_left_thk {
  border-left: 2px solid black;
}

th.border_right {
  border-right: 1px solid black;
}

th.border_right_thk {
  border-right: 2px solid black;
}

th.cn {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 700;
    font-style: normal;
}

th.center {
    text-align: center;
}

tr {
    vertical-align: top;
}

tr.border_bottom {
  border-bottom: 1px solid black;
}

tr.border_bottom_thk {
  border-bottom: 2px solid black;
}

tr.border_top {
    border-top: 1px solid black;
  }
  
  tr.border_top_thk {
    border-top: 2px solid black;
  }

tr.lightBlue {background-color: #8dadff;}
tr.dark {background-color: #9E9A91;}

tr.hoverfill:hover {background-color: #9E9A91;} /* include twice so rows hover as expected */
tr.hoverfill:nth-child(even) {background-color: #E3DDCF;}
tr.hoverfill:hover {background-color: #9E9A91;} /* include twice so rows hover as expected */

tr.total    {background-color: #555555;}
tr.darkgrey    {background-color: #555555;}
tr.medgrey    {background-color: #bfbfbf;}
tr.lightgrey    {background-color: #d9d9d9;}
tr.subtotal {background-color: #888888;}

td {
    text-align: left;
    padding: 5px;
}

td.fixed {
    font-size: 10px;
    vertical-align: middle;
    font-family: lexia-mono, serif;
    font-weight: 400;
    font-style: normal;
}

td.note {
    font-size: 10px;
    vertical-align: middle;
}

td.small {
    font-size: 10px;
    vertical-align: middle;
}

td.smallcn {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
}

td.cn {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
}

td.active {
    background-color:   #CFF09C;
    -webkit-print-color-adjust: exact !important;
}

td.planned {
    background-color:   #B3C4F0;
    -webkit-print-color-adjust: exact !important;
}


td.inprog {
    background-color:   #F0F058;
    -webkit-print-color-adjust: exact !important;
}

td.action {
    background-color:   #F49D8F;
    -webkit-print-color-adjust: exact !important;
}

td.fillwhite {
    background-color:   #ffffff;
    -webkit-print-color-adjust: exact !important;
}

td.filllightyellow {
    background-color:   #ffff88;
    -webkit-print-color-adjust: exact !important;
}

td.fillgreen {
    background-color:   #92D050;
    -webkit-print-color-adjust: exact !important;
}

td.fillblue {
    background-color:   #00B0F0;
    -webkit-print-color-adjust: exact !important;
}

td.fillred {
    background-color:   #dc2828;
    -webkit-print-color-adjust: exact !important;
}

td.fillorange {
    background-color:   #ffbf49;
    -webkit-print-color-adjust: exact !important;
}

td.fillgrey {
    background-color:   #808080;
    -webkit-print-color-adjust: exact !important;
}

td.center {
    text-align: center;
}

td.nowrap {
    white-space: nowrap;
}

td.border_left {
  border-left: 1px solid black;
}

td.border_left_thk {
  border-left: 2px solid black;
}

td.border_left_dotted {
  border-left: 1px dotted black;
}

td.border_right {
  border-right: 1px solid black;
}

td.border_right_thk {
  border-right: 2px solid black;
}

td.checkbox {
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    font-style: normal;
}

th.hoverColumn:nth-child(even) {background-color: #E3DDCF;}
th.hoverColumn:hover {background-color: #9E9A91;}

td.hoverColumn:nth-child(even) {background-color: #E3DDCF;}
td.hoverColumn:hover {background-color: #9E9A91;}


/* ================================================== Forms == */

form.inline {
    display: inline;
}

input.auto_submit {
    font-size: 18px;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    background: transparent;
    border: none;
    border-radius: 4px;
}

input.auto_submit:hover {
    background: #FFF278;
}

input.auto_submit_border {
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    background: #FFF278;
    border: solid 1px black;
    border-radius: 4px;
    width: 70px;
}


input.auto_checkbox {
    font-size: 18px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    background: transparent;
    border: none;
    border-radius: 4px;
    width: 18px;
}

input.auto_checkbox:hover {
    background: #FFF278;
}

input.manual {
    font-size: 18px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}

input.small {
    width: 18px;
}

input.manual:hover {
    background: #FFF278;
}

textarea.auto_submit {
    font-size: 14px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    background: transparent;
    border: none;
    border-radius: 4px;
    width: 200px;
    height: 36px;
}

textarea.auto_submit:hover {
    background: #FFF278;
}

textarea.auto_submit_border {
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    background: #FFF278;
    border: solid 1px black;
    border-radius: 4px;
    width: 130px;
    height: 60px;
}


textarea.manual {
    font-size: 14px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    width: 200px;
    height: 36px;
}

textarea.manual:hover {
    background: #FFF278;
}

select.auto_submit_border {
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    background: #FFF278;
    border: solid 1px black;
    border-radius: 4px;
    width: 130px;
}

.select_small {
    font-size: 14px;
    padding: 1px;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    background: #ffffff;
    border: solid 1px black;
    border-radius: 2px;
    width: 130px;
}


/* ================================================== Sliders == */

/* From https://www.w3schools.com/howto/howto_css_switch.asp */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
  
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
  
input:checked + .slider {
    background-color: #2196F3;
}
  
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_red {
    background-color: #dc2828;
}
  
input:focus + .slider_red {
    box-shadow: 0 0 1px #dc2828;
}
  
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
  
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
  
.slider.round:before {
    border-radius: 50%;
}

/* Labels */
div.switch-label {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    display:flex;
    align-items:center;
    gap: 10px;
    }

div.switch-note {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    padding: 6px;
    display:flex;
    align-items:center;
    background-color: #f3f58e;
    border-radius: 12px;
    }


/* ================================================== Div == */

.table_section {
    margin-top: 100px;
    vertical-align: bottom;
}

.table_subsection {
    margin-top: 60px;
    vertical-align: bottom;
}

.bottomtext{font-size: 16px;
            text-align: left;
}

.headertext{font-size: 16px;
            text-align: left;
}

div.component {
    border-style:       solid;
    border-width:       1px !important;
    border-color:       #000000;
    border-radius:      4px;
}

div.design {
    background-color:   #F0F058;
    -webkit-print-color-adjust: exact !important;
}

div.order {
    background-color:   #B3C4F0;
    -webkit-print-color-adjust: exact !important;
}

div.construction {
    background-color:   #CFF09C;
    -webkit-print-color-adjust: exact !important;
}

div.done {
    background-color:   #cecece;
    -webkit-print-color-adjust: exact !important;
}

/* ================================================== Span Formats == */

.ref-head {
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ref-id {
    font-size: 10px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: italic;
    margin-right:20px;
}

.ref-text {
    font-size: 10px;
    font-family: futura-pt, sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ref-comment {
    font-size: 10px;
    font-family: futura-pt, sans-serif;
    font-weight: 300;
    font-style: normal;
}

/* ================================================== Select == */

select {
    display: block;
    margin: 0 auto;
    width:300px;
    border:1px solid red;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding:2px;
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    display: table-cell;
    vertical-align: middle;
}



/* ================================================== Flex == */

.flex-container {
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    align-items:     flex-start;
    align-content:   flex-start;
}

.flex-row {
    display:         flex;
    flex:            1;
    flex-direction:  row;
    padding:         0px;
    justify-content: flex-start;
    align-items:     flex-start;
    align-content:   flex-start;
}

.flex-row-center {
    display:         flex;
    flex:            1;
    flex-direction:  row;
    padding:         0px;
    text-align:      center; 
    align-items:     center; 
    justify-content: center;
    align-content:   center;
}

.flex-cell-1up {
    flex-direction: column;
    flex: 0 0 800px;
    height: 200px;
    padding: 0px;
    align-content: center;
    align-items: center;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.flex-cell-2up {
    flex-direction: column;
    flex: 0 0 400px;
    height: 200px;
    line-height: 200px;
    padding: 0px;
    align-content: center;
    align-items: center;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.flex-round-1{border-radius: 25px 0px 0px 0px;}
.flex-round-2{border-radius: 0px 25px 0px 0px;}
.flex-round-3{border-radius: 0px 0px 25px 0px;}
.flex-round-4{border-radius: 0px 0px 0px 25px;}




/* ================================================== Applet Flexbox == */
.flex-applet-container {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          wrap;
    justify-content:    flex-start;
    align-items:        stretch;
    align-content:      flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
}

.flex-applet-items {
    display:        block;
    flex-grow:      0;
    flex-shrink:    1;
    flex-basis:     auto;
    align-self:     auto;
    order:          0;
}


/* ================================================== Dep Summary Flexbox == */

.dep_summary_container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
    align-content: start
}

.dep_summary_item {
    flex: 0 0 auto;
    margin: 6px;
    border-radius:      10px;
    padding:            10px;
    background-color:   #FFFAF5;
}


/* ================================================== Asset Lootbox Flexbox == */

.asset_lootbox_container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: start;
    align-content: start;
}

.asset_lootbox_head_container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    align-content: start;
    height: 200px;
}

img.asset_lootbox_head_image {
    height: 150px;
}

img.asset_lootbox_coniferous {
    height: 30px;
}

.asset_lootbox_head_item {
    flex: 0 0 auto;
    margin: 10px;
    height: 150px;
    text-align: center;
}

.asset_lootbox_body_container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: start;
    align-content: start;
}

@media print {
    div.asset_lootbox_noprint_item {
      display:none;
    }
 }

.asset_lootbox_body_item {
    margin: 10px;
}


/* ================================================== Asset Lootbox Label == */

.lootbox_label_container {
    width: 8.5in;
    height: 11in;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lootbox_label_grid {
    display: grid;
    grid-template-columns: 4in 4in;
    grid-template-rows: 2in 2in 2in 2in 2in;
    gap: 0;
}

.lootbox_label_grid_item {
    border: none;
    padding: 5px;

    display: flex;
    justify-content: center;
    align-items: center;
}

table.label {
    border-top: 1px solid black !important;
    border-spacing: 0px;

    font-size: 10px;
    line-height: 10px;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;

    text-align: center;
    padding: 2px;
}

td.label_mono
{
    font-family: lexia-mono, serif !important;
}

tr.label td.label {
    padding: 2px;
}

.label_col1 {
    width: 0.8in;
}

.label_col2 {
    width: 0.8in;
}

.label_col3 {
    width: 0.8in;
}

.label_col4 {
    width: 0.8in;
}

.label_center {
    text-align: center;
}

.label_border_top {
    border-top: 1px solid black;
  }

.label_border_right {
    border-right: 1px solid black;
  }

.label_border_bottom {
    border-bottom: 1px solid black;
  }

.label_border_bottom_dotted {
  border-bottom: 1px dotted black;
}

.label_border_left {
    border-left: 1px solid black;
}

.label_border_sides {
    border-right: 1px solid black;
    border-left: 1px solid black;
  }


/* ================================================== Asset Input Table == */

.ait_id {
    width: 60px;
}

.ait_summary {
    width: 400px;
}

.ait_collapse {
    display:none;
}

.ait_insert_row {
    background-color: #ffffff;
    border-bottom:  #000000 1px solid;
}

.ait_input {
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          16px;
    background:         #ffff88;
    border:             #000000 1px solid;
    border-radius:      4px;
    text-align:         left;
    padding:            2px;
    width:              auto;
}

select.ait_select {
    width: auto;
}

.ait_button {
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          16px;
    border:             #000000 1px solid;
    border-radius:      4px;
    text-align:         left;
    padding:            0px 4px 0px 4px;
}


/* ================================================== Issue Detail Flexbox == */

.issue_detail_container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: start;
    align-content: start;
}

.issue_detail_head_container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    align-content: start;
    height: 200px;
}

.issue_detail_head_item {
    flex: 0 0 auto;
    margin: 10px;
    height: 150px;
    text-align: center;
}

.issue_detail_body_container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: start;
    align-content: start;
}

.issue_detail_body_item {
    margin: 10px;
}




/* ================================================== Columns Flexbox == */
.flex-columns-container {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          wrap;
    justify-content:    space-between;
    align-items:        stretch;
    align-content:      flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
}

.flex-columns-items {
    display:        block;
    flex-grow:      0;
    flex-shrink:    1;
    flex-basis:     auto;
    align-self:     auto;
    order:          0;
    margin:         30px;
}




/* ================================================== Folding Flexbox == */
.flex-fold-container {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          wrap;
    justify-content:    flex-start;
    align-items:        stretch;
    align-content:      flex-start;
    padding:            5px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
}

.flex-fold-v-container {
    display:            flex;
    flex-direction:     column;
    flex-wrap:          wrap;
    justify-content:    flex-start;
    align-items:        stretch;
    align-content:      flex-start;
    padding:            5px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
}

.flex-fold-items {
    display:            block;
    flex-grow:          0;
    flex-shrink:        1;
    flex-basis:         auto;
    align-self:         auto;
    order:              0;
    border-radius:      10px;
    margin:             5px;
    padding:            10px;
    background-color:   #FFFAF5;
}

div.active {
    background-color:   #CFF09C;
    border-style:       solid;
    border-width:       4px !important;
    border-color:       #F5EFE0;
    border-radius:      4px;
    -webkit-print-color-adjust: exact !important;
}

div.planned {
    background-color:   #B3C4F0;
    border-style:       solid;
    border-width:       4px !important;
    border-color:       #F5EFE0;
    border-radius:      4px;
    -webkit-print-color-adjust: exact !important;
}

div.inprog {
    background-color:   #F0F058;
    border-style:       solid;
    border-width:       4px !important;
    border-color:       #F5EFE0;
    border-radius:      4px;
    -webkit-print-color-adjust: exact !important;
}

div.action {
    background-color:   #F49D8F;
    border-style:       solid;
    border-width:       4px !important;
    border-color:       #F5EFE0;
    border-radius:      4px;
    -webkit-print-color-adjust: exact !important;
}


/* ================================================== Flex Div Text Table == */
div.ft-container {
    display:            flex;
    flex:               flex-grow;
    flex-direction:     column;
    flex-wrap:          wrap;
    justify-content:    flex-start;
    align-items:        stretch;
    align-content:      flex-start;
    padding:            5px;
    margin:             0px;
    border:             0px;
    row-gap:            5px;
    column-gap:         0px;
}

div.ft-card {
    display:            flex;
    flex:               flex-grow;
    flex-direction:     column;
    flex-wrap:          wrap;
    justify-content:    flex-start;
    align-items:        stretch;
    align-content:      flex-start;
    padding:            5px;
    margin:             10px;
    border:             0px;
    row-gap:            5px;
    column-gap:         0px;
    border:             solid black 1px;
}

div.ft-row {
    display:            flex;
    flex-direction:     row;
    justify-content:    flex-start;
    align-items:        flex-end;
    align-content:      flex-start;
    margin:             0px;
    padding:            0px;
    row-gap:            0px;
    column-gap:         10px;
}

div.ft-col {
    display:            block;
    flex-grow:          0;
    flex-shrink:        1;
    flex-basis:         auto;
    align-self:         auto;
    order:              0;
    border-radius:      00px;
    margin:             0px;
    padding:            0px;
}


/* ================================================== Flex Div FIDS == */

div.fids-container {
    display:            flex;
    flex-direction:     column;
    flex-wrap:          wrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    background-color:   #000000;
    height:             1024px;
    width:              max-content;
    column-gap:         2px;
    padding:            50px;
}
div.fids-container-long {
    display:            flex;
    flex-direction:     column;
    flex-wrap:          wrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    background-color:   #000000;
    width:              max-content;
    column-gap:         2px;
    padding:            50px;
}
/* ----- Header Types ----- */
div.fids-row-hour {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-end;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    border-bottom:      2px solid #FFFFFF;
    height:             60px;
}

div.fids-cell3-date {
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        700;
    font-style:         normal;
    font-size:          14pt;
    color:              #F86D14;
    width:              200px;
}
div.fids-cell2-hour {
    display:            flex;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        700;
    font-style:         normal;
    font-size:          14pt;
    color:              #F86D14;
    width:              150px;
}
div.fids-cell4-blank {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        500;
    font-style:         normal;
    font-size:          12pt;
    color:              #FFFFFF;
    width:              50px;
    height:             20px;
}

/* ----- Flight Rows ----- */
div.fids-row-flight {
    display:            flex;
    flex-direction:     column;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
}
/* ----- Upper Row ----- */
div.fids-row-upper {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
}
div.fids-cell1-time {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-end;
    align-items:        flex-end;
    padding:            0px 5px 0px 0px;;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        500;
    font-style:         normal;
    font-size:          10pt;
    color:              #FFFFFF;
    width:              75px;
    height:             20px;
}
div.fids-cell2-airline {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-end;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        500;
    font-style:         normal;
    font-size:          10pt;
    color:              #FFFFFF;
    width:              150px;
    height:             20px;
}
div.fids-cell3-place1 {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        500;
    font-style:         normal;
    font-size:          12pt;
    color:              #9EC6FF;
    width:              200px;
    height:             20px;
}
div.fids-cell4-gate {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    center;
    align-items:        center;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        500;
    font-style:         normal;
    font-size:          12pt;
    color:              #FFFFFF;
    background-color:   #3C3D7C;
    width:              50px;
    height:             20px;
}
div.fids-cell5-note1 {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px 0px 0px 5px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt-condensed, sans-serif;
    font-weight:        500;
    font-style:         normal;
    font-size:          10pt;
    color:              #FFFFFF;
    width:              200px;
    height:             20px;
}
/* ----- Lower Row ----- */
div.fids-row-lower {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
}
div.fids-cell2-flnum {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        500;
    font-style:         normal;
    font-size:          10pt;
    color:              #F86D14;
    border-bottom:      1px solid #9EC6FF;
    width:              150px;
    height:             20px;
}
div.fids-cell3-place2 {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    border-bottom:      1px solid #9EC6FF;
    width:              200px;
    height:             20px;
}
div.fids-cell4-crsl {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    center;
    align-items:        center;
    padding:            0px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt, sans-serif;
    font-weight:        500;
    font-style:         normal;
    font-size:          12pt;
    color:              #00460c;
    border-bottom:      1px solid #9EC6FF;
    width:              50px;
    height:             20px;
}
div.fids-cell5-note2 {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          nowrap;
    justify-content:    flex-start;
    align-items:        flex-start;
    padding:            0px 0px 0px 5px;
    margin:             0px;
    border:             0px;
    row-gap:            0px;
    column-gap:         0px;
    font-family:        futura-pt-condensed, sans-serif;
    font-weight:        700;
    font-style:         normal;
    font-size:          10pt;
    color:              #9EC6FF;
    border-bottom:      1px solid #9EC6FF;
    width:              200px;
    height:             20px;
}


/* ================================================== Issue Summary Table == */

.ist_id {
    width: 60px;
}

.ist_summary {
    width: 400px;
}

.ist_pcs {
    width: 100px;
}

.ist_assigned {
    width: 200px;
}

.ist_collapse {
    display:none;
}

.ist_insert_row {
    background-color: #ffffff;
    border-bottom:  #000000 1px solid;
}

.ist_input {
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          16px;
    background:         #ffff88;
    border:             #000000 1px solid;
    border-radius:      4px;
    width:              200px;
    text-align:         left;
    padding:            2px;
}

.ist_button {
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          16px;
    border:             #000000 1px solid;
    border-radius:      4px;
    text-align:         left;
    padding:            0px 4px 0px 4px;
}



/* ---------- Cell Colours ---------- */
/* purple #880088 */

.status-New {background-color: #FF0000;}
.status-Feedback {background-color: #FFFF00;}
.status-Acknowledged {background-color: none}
.status-Confirmed {background-color: none}
.status-Assigned {background-color: none}
.status-Resolved {background-color: #008000;}
.status-Closed {
    color: #a0a0a0 !important;
    text-decoration: line-through !important;
}

.assigned-nobody {background-color: #FFFF00;}
.assigned-self {background-color: #007FFF;}

.priority-Immediate {background-color: #FF0000;}
.priority-Urgent {background-color: #FFFF00;}
.priority-High {background-color: #007FFF}
.priority-Normal, .priority-Low {background-color: none}

.criticality-Safety {background-color: #880000;}
.criticality-Blocker, .criticality-Crash {background-color: #FF0000;}
.criticality-Major {background-color: #FFFF00;}
/* .criticality-Minor {background-color: #007FFF} */
.criticality-Minor, .criticality-Tweak, .criticality-Typo, .criticality-Trivial, .criticality-Feature, .criticality-Request, .criticality-Non-Project {background-color: none}

/* ================================================== Issue Detail Grid == */

.issue_detail_grid_h {
    display:                grid;
    grid-gap:               0px;
    grid-template-columns:  600px 100px 100px;
    grid-template-rows:     50px 30px 30px 30px;
}

.issue_detail_grid_h_title {
    grid-column:    1;
    grid-row:       1;
    font-family:    futura-pt-bold, sans-serif;
    font-weight:    700;
    font-style:     normal;
    font-size:      40px;
    line-height:    50px;
    margin:         0;
    color:          #dc2828;
}

.issue_detail_grid_h_summary {
    grid-column:    1;
    grid-row:       2/4;
    font-family:    futura-pt, sans-serif;
    font-weight:    700;
    font-style:     normal;
    font-size:      32px;
    line-height:    38px;
    margin:         0;
    color:          #000000;
}

.issue_detail_grid_h_label1 {
    grid-column:    2;
    grid-row:       1;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    background-color: #F5EFE0;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-end;
    align-items:    flex-end;
}

.issue_detail_grid_h_label2 {
    grid-column:    2;
    grid-row:       2;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    background-color: #F5EFE0;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-end;
    align-items:    center;
}

.issue_detail_grid_h_label3 {
    grid-column:    2;
    grid-row:       3;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    background-color: #F5EFE0;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-end;
    align-items:    center;
}

.issue_detail_grid_h_label4 {
    grid-column:    2;
    grid-row:       4;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    background-color: #F5EFE0;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-end;
    align-items:    center;
}

.issue_detail_grid_h_data1 {
    grid-column:    3;
    grid-row:       1;
    font-family:    futura-pt-bold, sans-serif;
    font-weight:    700;
    font-style:     normal;
    font-size:      40px;
    line-height:    50px;
    margin:         0;
    color:          #dc2828;
    display:        flex;
    justify-content:center;
    align-items:    flex-end;
}

.issue_detail_grid_h_data2 {
    grid-column:    3;
    grid-row:       2;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    background-color: #F5EFE0;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:center;
    align-items:    center;
}

.issue_detail_grid_h_data3 {
    grid-column:    3;
    grid-row:       3;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    background-color: #F5EFE0;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:center;
    align-items:    center;
}

.issue_detail_grid_h_data4 {
    grid-column:    3;
    grid-row:       4;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    background-color: #F5EFE0;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:center;
    align-items:    center;
}

.issue_detail_flex_sh {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
    align-content: start;

    width: 900px;
}

.issue_detail_flex_sh_card {
    flex: 1 0 auto;
    margin: 3px;

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    align-content: start;

    border-radius:      10px;
    padding:            10px;
    background-color:   #E3DDCF;
}

.issue_detail_flex_sh_tag_container {
    flex: 0 0 auto;
    margin: 3px;

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    align-content: center;
}

.issue_detail_flex_sh_tag {
    flex: 0 0 auto;
    margin: 5px;

    border-radius:      10px;
    padding:            10px;
    background-color:   #9E9A91;
}

.issue_detail_grid_comment_container {
    display:                grid;
    grid-gap:               2px;
    grid-template-columns:  250px 600px;
    grid-template-rows:     20px 20px 20px 20px 1fr;

    padding: 2px 2px 22px 12px;
}

.issue_detail_grid_comment_username {
    grid-column:    1;
    grid-row:       1;
    font-family:    futura-pt, sans-serif;
    font-weight:    700;
    font-style:     normal;
    font-size:      16px;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-start;
    align-items:    center;

    border-radius:      10px;
}

.issue_detail_grid_comment_timestamp {
    grid-column:    1;
    grid-row:       2;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-start;
    align-items:    center;
    
    border-radius:      10px;
}

.issue_detail_grid_comment_assigned_to {
    grid-column:    1;
    grid-row:       3;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-start;
    align-items:    center;
    
    border-radius:      10px;
}

.issue_detail_grid_comment_status {
    grid-column:    1;
    grid-row:       4;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-start;
    align-items:    center;
    
    border-radius:      10px;
}

.issue_detail_grid_comment_uuid {
    grid-column:    1;
    grid-row:       5;
    font-family:    futura-pt-condensed, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     right;
    display:        flex;
    justify-content:flex-start;
    align-items:    flex-start;
    
    border-radius:      10px;
}

.issue_detail_grid_comment_body {
    grid-column:    2;
    grid-row:       1/6;
    font-family:    futura-pt, sans-serif;
    font-weight:    400;
    font-style:     normal;
    font-size:      16px;
    background-color: #ffffff;
    color:          black;
    margin:         0px;
    padding:        0px;
    text-align:     left;
    display:        flex;
    justify-content:flex-start;
    align-items:    start;
    
    border-radius:      10px;
    padding:            10px;
}

.issue_summary_input {
    font-family:        futura-pt, sans-serif;
    font-weight:        700;
    font-style:         normal;
    font-size:          32px;
    background:         #ffff88;
    border:             none;
    border-radius:      4px;
    width:              600px;
    text-align:         left;
    padding:            2px;
    color:          #000000;
}

.issue_detail_input {
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          16px;
    background:         #ffff88;
    border:             none;
    border-radius:      4px;
    width:              200px;
    text-align:         left;
    padding:            2px;
}

.issue_metadata_select {
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          14px;
    background:         #ffff88;
    border:             none;
    border-radius:      4px;
    width:              90px;
    text-align:         center;
    padding:            2px;
}

.issue_detail_textarea {
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          16px;
    background:         #ffff88;
    border:             none;
    border-radius:      4px;
    width:              400px;
    text-align:         left;
    padding:            2px;
    resize:             both;
}

.issue_detail_button {
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          16px;
    border:             #000000 1px solid;
    border-radius:      4px;
    text-align:         left;
    padding:            0px 4px 0px 4px;
}


/* ================================================== Issue Detail Grid == */

body.hlce_colours {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    background-color: #3E3E3E;
    color: #646464;
}



/* ================================================== Login Page == */

div.login_option {
    display:            flex;
    flex:               1;
    flex-direction:     row;
    padding:            0px;
    text-align:         center; 
    align-items:        center; 
    justify-content:    center;
    align-content:      center;
    vertical-align:     middle;

    background-color:   #009e08;
    border-style:       solid;
    border-width:       4px !important;
    border-color:       #F5EFE0;
    border-radius:      10px;

    width:              400px;
    flex-basis:         100px;
}

div.login_big_text {
    display:            flex;
    flex:               1;
    flex-direction:     row;
    padding:            0px;
    text-align:         center; 
    align-items:        center; 
    justify-content:    center;
    align-content:      center;
    vertical-align:     middle;
    
    font-family:        futura-pt, sans-serif;
    font-weight:        700;
    font-style:         normal;
    font-size:          24px;
}

div.login_small_text {
    display:            flex;
    flex:               1;
    flex-direction:     row;
    padding:            0px;
    text-align:         center; 
    align-items:        center; 
    justify-content:    center;
    align-content:      center;
    vertical-align:     middle;
    
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    font-size:          16px;
}

input.email_input {
    font-size:          18px;
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    background:         #ffff88;;
    border:             none;
    border-radius:      4px;
    width:              300px;
    text-align:         center;
}

input.email_button {
    font-size:          18px;
    font-family:        futura-pt, sans-serif;
    font-weight:        400;
    font-style:         normal;
    background:         #969696;
    border:             2px solid #000000;
    border-radius:      4px;
    width:              300px;
}

/* ================================================== Hover Pic == */

.hoverpic-zone .hoverpic-bubble {
    display: none;
    left: 1%;
    position: absolute;
    z-index: 10;
}

.hoverpic-zone:hover .hoverpic-bubble {
    display: block;
    background: #888888;  
    box-shadow: 4px 4px 0 #88888888;
}


/* ================================================== Printing == */

@media print {
    .pagebreak { page-break-before: always; }
}