* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

*:before,
*:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/** Main Menu **/
body#main_header {
    line-height: 1 !important;
    font-family: "Inter", sans-serif;
}

div#header_wrap {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100vh;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #171A2A;
    display: flex;
}

div#main_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 195px;
    padding-left: 20px;

    @media screen and (max-width: 1600px) {
        padding-left: 12px;
    }
}

div#main_logo a {
    margin: auto;
}

.header_logo {
    display: block;
    max-width: 180px;
    max-height: 90px;
    width: auto;
    height: 32.79px;
}

div#main_menu {
    padding: 0;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* overwrite bootstrap styles */
.navbar {
    margin: 0;
    min-height: 40px !important;
}

.navbar-nav {
    margin: 5px !important;
}

.navbar-nav>li {
    float: none !important;
}

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

#logoff_button:focus {
    background-color: #ffffff !important;
}


.nav>li>a:hover {
    border-radius: 5px;
}


/* bootstrap end */

div#main_menu li {
    display: inline-block;
    border-radius: 5px;
}

div#main_menu li a {
    text-decoration: none;
    color: #DDDFE5;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding-left: 20px;
    border-radius: 5px;
    transition: all 100ms ease-in;

    @media screen and (max-width: 1600px) {
        padding-left: 12px;
        padding-right: 12px;
    }
}



div#main_menu li a span {
    display: inline-table;
    white-space: normal;
    width: auto;
}

div#main_menu li a i {
    margin-right: 5px;
}

ul.nav.navbar-nav li:last-child {
    margin-right: 10px;
}

#main_menu li#lang_logoff {
    margin-right: 20px;
    margin-left: 20px;
    display: flex;
    align-items: center;

    @media screen and (max-width: 1600px) {
        margin-right: 10px;
        margin-left: 10px;
    }

}

div#header_wrap a#logoff_button,
div#header_wrap a#lang_button {
    text-decoration: none;
    background-color: #ffffff;
    color: #5C45FE;
    border-radius: 5px;
    border: 1px solid #5C45FE;
    padding: 10px;
    font-weight: 500;
}

div#main_content {
    overflow: hidden;
}


/* HG: auto size */
div#main_content.form-content {
    width: 100%;
}

.navbar-table {
    width: 100%;
}

/* HG: fix conflict of missing height in buttons */
div#main_content.form-content .navbar-table .nav_button.blue_button a {
    height: 40px;
}

.header {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    height: 30px;
    margin: 10px;
    padding: 15px 10px 5px;
}

.mainBG {}

.subheader {
    background-repeat: repeat-y;
    background-position: top;
}

.console {
    background-image: url(../images/console.gif);
    background-position: top right;
}


A {
    font-size: 9pt;
    color: #0368C2;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer !important;
}

A:Hover {
    font-size: 9pt;
    color: #ff79e4;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    text-decoration: none;
}

A.cmd {
    font-size: 10pt;
    color: #0368C2;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}

A.cmd:Hover {
    font-size: 10pt;
    color: #FFFFFF;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}

A.hlink:Visited {
    font-size: 9pt;
    font-family: Verdana;
    font-weight: bold;
    color: #0000ff;
    text-decoration: none;
}

A.hlink:Visited:Hover {
    font-size: 9pt;
    font-family: Verdana;
    font-weight: bold;
    color: #CD3333;
    text-decoration: none;
}

A.hlink:Active {
    font-size: 9pt;
    font-family: Verdana;
    font-weight: bold;
    color: #CD3333;
    text-decoration: none;
}

A.glossary {
    font-size: 9pt;
    color: #000066;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: underline;
}

A.glossary:Hover {
    font-size: 9pt;
    color: #CD3333;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: underline;
}

A.glossary:Visited {
    font-size: 9pt;
    font-family: Verdana;
    font-weight: bold;
    color: #000066;
    text-decoration: underline;
}

A.glossary:Visited:Hover {
    font-size: 9pt;
    font-family: Verdana;
    font-weight: bold;
    color: #CD3333;
    text-decoration: underline;
}

A.glossary:Active {
    font-size: 9pt;
    font-family: Verdana;
    font-weight: bold;
    color: #CD3333;
    text-decoration: underline;
}

A.TREELINKS {
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    COLOR: #0368c2;
    TEXT-DECORATION: none;
}

A.TREELINKS:HOVER {
    COLOR: #ff79e4;
}

A.SPLASH {
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    COLOR: #0368c2;
    TEXT-DECORATION: none;
}

A.SPLASH:HOVER {
    COLOR: #A0B937;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
}

TR.H1 {
    BACKGROUND-COLOR: #CCCCCC;
    BORDER-COLOR: #FFFFFF;
}

BODY {
    /* FONT-FAMILY: Verdana, Arial; */
    FONT-SIZE: 9pt;
    MARGIN: 0px !important;
    PADDING: 0px;
}

H1 {
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
}

H2 {
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 14pt;
    MARGIN: 1px 1px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
}

H2.rightjustify {
    COLOR: #A0B937;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    MARGIN: 1px 1px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right;
}

H3 {
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Tahoma, helv, sans-serif;
    FONT-SIZE: 13pt;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
}

H4 {
    COLOR: #333399;
    FONT-FAMILY: Verdana, Arial, Tahoma, helv, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: 600;
    TEXT-ALIGN: center;
}

H5 {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Tahoma, helv, sans-serif;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
    MARGIN: 1px 1px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

H6 {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Tahoma, helv, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    MARGIN: 1px 1px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}

H7 {
    COLOR: #CD3333;
    FONT-FAMILY: Verdana, Arial, Tahoma, helv, sans-serif, 'Times New Roman';
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center
}

W4 {
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Tahoma, helv, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: 600
}

P {
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    FONT-SIZE: 9pt
}

P.F1 {
    COLOR: #ff0033;
    FONT-FAMILY: Times New Roman, Verdana, Arial, Tahoma, helv, sans-serif;
    FONT-SIZE: 16pt;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center
}

P.F2 {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    COLOR: #ff0033;
    FONT-FAMILY: Tahoma, Verdana, Arial, helv, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    MARGIN: 1px 1px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center
}

P.F3 {
    COLOR: #333399;
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center
}

P.F4 {
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center
}

P.F5 {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial, helv, sans-serif;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: 500
}

P.F6 {
    COLOR: black;
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    FONT-SIZE: 6pt;
    MARGIN: 0px
}

P.F8 {
    COLOR: blue;
    FONT-FAMILY: sans-serif, Arial, helv, Verdana, Tahoma;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
}

P.F9 {
    COLOR: #CD3333;
    FONT-FAMILY: sans-serif, Arial, helv, Verdana, Tahoma;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
}

INPUT {
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    FONT-SIZE: 9pt;
    MARGIN: 0px
}

PRE {
    FONT-FAMILY: 'Courier New', serif
}


TD {
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    FONT-SIZE: 9pt;
}

TD.SUM {
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    COLOR: #808080;
}

TD.BDR {}

TD.List {}

TD.ListBold {}

TH {
    COLOR: #CCCCCC;
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    FONT-SIZE: 9pt;
    MARGIN: 0px
}

TT {
    FONT-FAMILY: 'Courier New', serif
}

UL {
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    FONT-SIZE: 7pt;
    MARGIN: 0px
}

.F7 {
    COLOR: white;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
}

.textarea {
    FONT-FAMILY: Verdana, Tahoma, Arial, helv, sans-serif;
    FONT-SIZE: 9pt;
}

.calculatefield {
    BACKGROUND-COLOR: #cccccc;
    color: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px;
    VERTICAL-ALIGN: top;
    PADDING-LEFT: 3px;
    PADDING-TOP: 3px;
}

.readonly {
    BACKGROUND-COLOR: #FAFAFA;
    color: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
}


body.calendar {
    background-color: #EEEEEE;
}

th.calendarHeader {
    background-color: #acd99b;
    color: #FFFFFF;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

td.calendarDaySelected {
    background-color: #e5e5e5;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

td.calendarDay {
    background-color: #FFFFFF;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


a.calendarLink {
    color: #000066;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

a.calendarLink:hover {
    color: #6699FF;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

a.calendarLinkSelected {
    color: #000066;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

a.calendarLinkSelected:hover {
    color: #FFFFFF;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.uploadButton {
    background-color: cccccc;
}


TD.ListDescription {
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    HEIGHT: 50px;
    VERTICAL-ALIGN: middle
}

td.mandatory {
    COLOR: #000066;
    FONT-WEIGHT: bold;
}

label.white {
    color: #ffffff
}

.star {
    COLOR: #FF0000;
    FONT-WEIGHT: bold;
}



A.links {
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
    COLOR: #0368C2;
    TEXT-DECORATION: none;
}

A.links:Hover {
    font-size: 11pt;
    color: #ff79e4;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}



.buttoncell {
    height: 55px;
    width: 120px;
    padding-top: 2px;
    padding-bottom: 6px;
    padding-left: 17px;
    text-align: center;
}


a.next {
    padding-right: 12px;
    background: url(../images/tools/toolsNext.gif) no-repeat 100% 50%;
}

a.previous {
    padding-left: 12px;
    background: url(../images/tools/toolsPrevious.gif) no-repeat 0% 50%;
}

a.nextDisabled {
    color: #8C8C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    background-color: #646C00;
    padding-right: 12px;
    background: url(../images/tools/toolsNextGrey.gif) no-repeat 100% 50%;
}

a.nextDisabled:hover {
    color: #8C8C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    background-color: #646C00;
    padding-right: 12px;
    background: url(../images/tools/toolsNextGrey.gif) no-repeat 100% 50%;
}

a.nextDisabled:active {
    color: #8C8C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    background-color: #646C00;
    padding-right: 12px;
    background: url(../images/tools/toolsNextGrey.gif) no-repeat 100% 50%;
}

a.previousDisabled {
    color: #8C8C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    background-color: #646C00;
    padding-left: 12px;
    background: url(../images/tools/toolsPreviousGrey.gif) no-repeat 0% 50%;
}

a.previousDisabled:hover {
    color: #8C8C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    background-color: #646C00;
    padding-left: 12px;
    background: url(../images/tools/toolsPreviousGrey.gif) no-repeat 0% 50%;
}

a.previousDisabled:active {
    color: #8C8C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    background-color: #646C00;
    padding-left: 12px;
    background: url(../images/tools/toolsPreviousGrey.gif) no-repeat 0% 50%;
}

.spacer {
    heigh: 10px;
    width: 100%;
}


/********************** 
 new classes 4/25/2012 
***********************/

.tabbg {
    heigh: 73px;
    vertical-align: middle;
    background: url(../images/header/tab_background_m.png);
    background-repeat: repeat-x;
    background-position: top;
}

.tableft {
    width: 23px;
    height: 73px;
    background: url(../images/header/tab_background_l.png);
    background-repeat: no-repeat;
    background-position: top;
}

.tabright {
    width: 23px;
    height: 73px;
    background: url(../images/header/tab_background_r.png);
    background-repeat: no-repeat;
    background-position: top;
}

.tablink {
    height: 97px;
    width: 110px;
    min-width: 110px;
}

.tablink a {
    color: #0368C2;
    font-size: 11pt;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}

.tablink a:hover {
    color: #ff79e4;
    font-size: 11pt;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}

.logoff {
    background: url(../images/header/log-off.png);
    background-repeat: no-repeat;
    width: 121px;
    height: 58px;
    text-align: right;
    padding: 20px 14px 0 0;
    float: right;
    margin-right: 10%;
}

.logoff a {
    color: #FFF;
    font-size: 10pt;
    font-family: Verdana;
    text-decoration: none;
}

.logoff a:hover {
    color: #ff79e4;
    font-size: 10pt;
    font-family: Verdana;
    text-decoration: none;
}

.logofftext a {
    color: #c40c1d;
}

.logofftext a:hover {
    color: #0368C2;
}

.contheader {
    color: #ffffff;
    font-size: 12pt;
    height: auto;
    background-color: #5e626e;
}

.contheader table tr td {
    padding: 5px 0 0 15px;
    border-right: 1px solid #808080;
}

.contheader_insp {
    height: 50px !important;
}


.conthead_left {
    background: url(../images/header/conthead_left.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 50px;
}

.conthead_right {
    background: url(../images/header/conthead_right.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 50px;
    background-position: right;
    background-color: #0065aa;
}

.newheader {
    font-family: Verdana, arial;
    font-size: 12pt !important;
}

.newheader span {
    font-size: 14pt !important;
    color: #22c836 !important;
}

tr.spacer td {
    height: 20px;
    background: transparent;
    border: none !important;
}

/* buttons */
div#survey_buttons_wrap span.nav_button {
    width: 135px;
    text-align: center;
    margin-bottom: 10px;
}

span.nav_button {
    float: left;
    margin: 0 5px 0;
    border-radius: 5px;
}

span.table_nav_button {
    margin: 0 3px 0px;
    border-radius: 4px;
    white-space: nowrap;
}


span#attached_search_button {
    float: right !important;
}

span.nav_button a {
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 30px;
    padding: 10px 10px 0;
    text-decoration: none;
    white-space: nowrap;
}

span.table_nav_button a {
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 25px;
    padding: 5px 5px 0;
    text-decoration: none;
}

span.nav_button.nav_button_padding_override a {
    /*fix text cut off on go button*/
    padding-top: 2.5px;
}

.button_height_override span.nav_button a {
    height: 40px;
}

span.nav_insp_button {
    float: left;
    height: 30px;
    margin: 0 10px 3px;
    padding: 7px 10px 0;
    width: auto;
}

span.nav_insp_button a {
    color: #4D4D4D;
    font-size: 16px;
    border: none;
}

.blue_button {
    background-color: #2980b9;
}

.green_button {
    background-color: #199643;
}

.grey_button {
    background-color: #DEDEDE;
}

/* .red_button {
    background-color: #ab2122;
} */

.button_g {
    padding: 8px 0 0 0;
    white-space: nowrap;
}

.button_g .bl {
    background-image: url(../images/buttongray_l.png);
    width: 9px;
    height: 34px;
    background-repeat: no-repeat;
    display: inline-block;
    white-space: normal;
}

.button_g .bm {
    background-image: url(../images/buttongray_m.png);
    height: 34px;
    background-repeat: repeat-x;
    padding: 8px 3px 0 3px;
    text-align: center;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

.button_g .bm a {
    color: #0368C2;
    text-decoration: none;
    display: inline-block;
}

.button_g .bm a:hover {
    color: #ff79e4;
    display: inline-block;
}

.button_g .br {
    background-image: url(../images/buttongray_r.png);
    width: 9px;
    height: 34px;
    background-repeat: no-repeat;
    display: inline-block;
    white-space: normal;
}

.button {
    padding: 8px 0 0 0;
    white-space: nowrap;
}

.button .bl {
    background-image: url(../images/button_l.png);
    width: 9px;
    height: 34px;
    background-repeat: no-repeat;
    display: inline-block;
}

.button .bm {
    background-image: url(../images/button_m.png);
    height: 34px;
    background-repeat: repeat-x;
    padding: 8px 3px 0 0;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.button .bm a {
    color: #FFF;
    text-decoration: none;
    display: inline-block;
}

.button .bm a:hover {
    color: #ff79e4;
    display: inline-block;
}

.button .br {
    background-image: url(../images/button_r.png);
    width: 9px;
    height: 34px;
    background-repeat: no-repeat;
    display: inline-block;
}

.linebraker td {
    border-top: 1px solid #808080;
}

.gridheader_container {
    background-color: #CCE0F8;
    color: #313441;
    font-family: "Inter", sans-serif;
}

.bulk-color {
    color: #313441;
}

.gridheader_container td {
    padding: 2px 6px 4px 6px;
}

.gridheader_container a {
    color: #313441;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.gridheader_fields {
    height: 36px;
}

.gridheader_fields>td>a,
.gridheader_fields>td>input,
.gridheader_fields>td>div>input,
.gridheader_fields>td>select {
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 0;
    border: 1px solid #b4c5e5 !important;
    border-radius: 1px;
    font-family: "Inter", sans-serif;
    outline: unset;
}

.gridheader_fields>td {
    vertical-align: top;
}

.gridheader_fields>td>div>div {
    padding: 1px 0;
}


.gridheader_fields .multiSelect {
    background: #FFF url(./images/dropdown.blue_2.png) right center no-repeat;
}

.gridheader_fields .multiSelect:active {
    background: #FFF url(./images/dropdown.blue.active_2.png) right center no-repeat;
}

.gridheader_fields .multiSelect:hover {
    background: #FFF url(./images/dropdown.blue.hover_2.png) right center no-repeat;
}

a.multiSelect.active {
    background-image: url(./images/dropdown.blue.active_2.png) !important;
}


.gridheader_empty {
    display: none;
}

.gridheader {
    background-color: #5e626e;
    color: #ffffff;
}

.gridheader td {
    padding: 5px 7px 0 5px;
}

.gridheader a {
    color: #ffffff;
}


.grid {
    width: 100%;
}

.gridrow a {
    padding-top: 10px;
}

.gridrow,
.gridrow td,
.gridrow a,
.gridrow a:hover {
    height: 35px;
    font-size: 9pt;
}

.gridrow td {
    padding: 5px 0 0 5px;
}

.altrow,
.altrow td {
    background-color: #f2f2f2;
    font-size: 9pt;
}

.altrow a {
    font-size: 9pt;
}

.altSection {
    background-color: #f7f7f7;
    font-size: 9pt;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 100%;
}

table.borderedGrid {
    border: 1px solid grey;
    border-collapse: collapse;
}

.summary {
    width: 65%;
    font-family: Verdana;
    font-size: 9pt
}

.treeheader {
    background-image: url(../images/treeheader.png);
    width: 215px;
    height: 58px;
    background-repeat: no-repeat;
    color: #0368C2;
    font-weight: bold;
    text-decoration: none;
    font-size: 11pt;
    padding: 0 0 15px 20px;
}

.treeheader td span {
    color: #0368C2;
    font-weight: bold;
    text-decoration: none;
    font-size: 11pt;
    padding: 0 0 15px 20px;
}

.formtable td,
.formtable {
    padding: 4px 0 3px 10px;
}

.formheader,
.formheader a {
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #313541;
    border: 1px solid #868EBE;
    border-width: 0 0 1px 0;
    padding: 10px 4px 4px 10px !important;
}

fieldset {
    border: 1px solid #868EBE;
}

.formheader-border {
    border: 1px solid #868EBE;
    border-width: 0 0 1px 0;
}

.formheader a:hover {
    color: #5c5c5c;
    border: 1px solid #0368C2;
    border-width: 0 0 1px 0;
    padding: 4px;
}

.formheader span {
    font-size: 9px;
    /* font-family: Verdana, Helvetica, sans-serif; */
    font-weight: 500;
    color: #313541;
}

#formQuicklinks {
    float: left;
    height: 100px;
    width: 70px;
    position: relative;
    margin: 25px 0px 0 0;
    left: 15px;
    display: inline-block;
    white-space: normal;
}

.errorMsgTable {
    border: 1 solid red;
    width: 75%;
    font-family: Verdana;
    font-size: 9pt;
}

.message {
    font-family: Verdana;
    font-size: 11pt;
    color: #0368C2;
    font-weight: bold;
}

.treeselected {
    background-color: #efefff;
    border: 1px solid #EEE;
}

.tablink {
    padding: 0 0 27px 0 !important;
    min-width: 130px !important;
    width: 130px !important;
    text-align: center !important;
}

/*.tabbg img { width: 90px !important; } */
.tabbg a {
    font-size: 95% !important;
}

.tablink img {
    width: 130px !important;
}

.error-field {
    background: #f78181;
    padding-bottom: 10px;
}

/* Pop up Forms */
div.Form_Wrapper {
    margin: 10px 15px;
}

div.Form_Wrapper h2.header {
    height: 25px;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 16pt;
}

div.Form_Wrapper fieldset {
    height: auto;
    padding: 25px;
}

div.Form_Wrapper div.form_fields {
    /*height: 340px;*/
}

div.form_row,
tr.form_row {
    height: auto;
    padding: 5px 0;
    overflow: auto;
}

tr.form_row {
    border-spacing: 0px;
}

table.form_row {
    border-spacing: 10px;
}

div.form_row img {
    margin-left: 5px;
    position: absolute;
}

div.form_fields label {
    float: left;
}

div.Form_Wrapper label {
    color: #000066;
    font-family: Verdana, Tahoma, Arial, helv, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    margin-right: 15px;
    width: 150px;
}


div.Form_Wrapper div.buttons {
    margin: 5px 0;
    padding-left: 150px;
}

/* End popup forms */

/* particular elements styles */
select.completedstatus_combo {
    height: 150px;
}

div.collapse_content {
    /*background-color: #eeeeee;*/
    padding-bottom: 10px;
    padding-left: 10px;
}

h2.formheader {
    margin: 35px 0;
}

select {
    color: black;
}

.save_button {
    background-color: #2980b9;
    border-radius: 8px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    height: 34px;
    padding: 18px 6px 3px;
    text-align: center;
    width: 42px;
}

div.left {
    float: left;
}

div.right {
    float: right;
}

div.clear {
    width: 100%;
    clear: both;
    height: 0px;
}

.hidden {
    display: none !important;
}

/* Other Actions expander */
div#more_actions_toggle {
    margin: 5px 10px;
}

div#more_actions_toggle a {
    font-family: FontAwesome;
    text-decoration: none !important;
    border: none !important;
    font-size: 18px;
    color: #000000;
    outline: none;
}

div#more_actions_toggle a:hover {
    color: #505050;
}

div#more_actions_toggle.closed a:before {
    content: "\f107";
    margin-right: 8px;
    color: #778095;
}

div#more_actions_toggle.open a:before {
    content: "\f106";
    margin-right: 8px;
    color: #778095;
}

div#expandable_buttons a {
    color: #1d76df;
}

div#expandable_buttons a:hover {
    color: #114785;
    text-decoration: none;
}

div#expandable_buttons .breaker {
    font-size: 16px;
    font-weight: lighter;
}


div#item_action_buttons {
    margin: 10px 0 5px 0;
}

.editableDiv {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 190px;
    min-height: 15px;
}

textarea:disabled,
select:disabled,
input:disabled,
.editableDiv-disabled,
.disabled {
    background-color: rgba(229, 229, 229, 1);
}

textarea.readonly,
select.readonly,
input.readonly {
    background-color: #DCDAD1;
}

.input-readonly {
    background-color: #C0C0C0;
}

/* ClientSummary Page */
div.account_header {
    width: 1480px;
    padding: 10px;
    height: auto;
}

div#account_header_info {
    width: 100%;
    float: left;
    font-family: "Inter", sans-serif;
    font-size: 9pt !important;
}

div#account_header_info .account_overview_title {
    color: #313541;
    font-size: 22.78px;
    font-weight: 700;
    padding: 3px 0px;
}

div#account_header_info .sub-details {
    display: flex;
    flex-wrap: wrap;
    color: #313541;
    padding: 8px 0px;
}

div#account_header_info .sub-details>div {
    padding-right: 30px;
    font-size: 12.64px;
}

div#account_header_info .sub-details .title {
    text-transform: uppercase;
    font-weight: 700;
    padding-right: 6px;
}

div#account_header_info .sub-details .value {
    font-weight: 400;
}


div#account_action_buttons {
    float: right;
}

#tblFileUpload td {
    padding-right: 10px;
}

#tblFileUpload tr {
    height: 30px;
}

#tblFileUpload_container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

#tblFileUpload_actions {
    margin-top: 30px;
    margin-left: 30px;
}

@media (max-width: 715px) {
    #tblFileUpload_container {
        flex-direction: column;
        max-width: 100vw;
    }

    #tblFileUpload_actions {
        margin-top: 0px !important;
        margin-left: -5px !important;
    }
}

table#email_table td b {
    white-space: nowrap;
    margin-right: 15px;
}

table#email_template_table td b {
    white-space: nowrap;
    margin-right: 15px;
}

table#email_template_table td.select-load-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}



/* Accounts listing */
span#launcher2 {
    padding: 0px !important;
}

/* Diary */
div.diary {
    margin-left: 50px;
}

div.diary label {
    width: 350px;
}

div#diary_wrap div.buttons {
    margin-left: 30%;
}

div#diary_wrap span.character_max {
    display: block;
    text-align: right;
    width: 650px;
}

.ql-container {
    height: auto !important;
}

.ql-editor {
    height: auto !important;
    width: 100% !important;
}

/* Maintenance */
div#DiaryConfiguration_Wrapper table {
    margin-left: 50px;
}

div#DiaryConfiguration_Wrapper th,
div#DiaryConfiguration_Wrapper td {
    color: #000000;
    text-align: left;
    height: 20px;
}

div#DiaryConfigButtons {
    margin-left: 31%;
}

div.Changelog_Wrapper {
    width: 70%;
}

div.Changelog_Wrapper table {
    width: 100%;
    border-spacing: 0px;
}

div.Changelog_Wrapper table thead {
    padding-bottom: 5px;
    height: auto;
}

div.Changelog_Wrapper th,
div.Changelog_Wrapper td {
    text-align: left;
    height: 20px;
    padding: 3px 7px 4px 15px;
}

div.newheader_cell {
    display: inline-block;
    border-right: 1px solid #808080;
    padding: 5px 5px 3px 15px;
    min-height: 30px;
}

div#audit_buttons span.nav_button {
    float: none;
    display: inline-block;
}

div#audit_teaser,
div#audit_pagination {
    width: 33%;
}

div#audit_buttons {
    margin-left: 35%;
}

/* Popup */
tr.popup_row {
    height: 35px;
    margin-left: 50px;
}

tr.popup_row td {
    padding-left: 50px;
    width: 250px;
}

.charCount {
    padding-top: 2px;
    min-height: 15px;
    color: #999;
    text-align: left;
}

.multi-select {
    width: 145px;
}

.multiSelectOptions {
    color: #000;
}

.insuredPortalTable {
    margin-top: 16px
}

.rec-ip-comment {
    border: none;
    background-color: transparent;
    font-family: Verdana, Tahoma, Arial, helv, sans-serif;
    font-size: 9pt;
    white-space: pre-wrap;
}

.survey-ip-comment {
    border: none;
    background-color: transparent;
    font-family: Verdana, Tahoma, Arial, helv, sans-serif;
    font-size: 9pt;
    min-width: 600px;
    min-height: 40px;
    margin: 0px;
    height: 55px;
    overflow-y: auto;
    resize: none;
    background-color: transparent !important;
    width: 100%;
}

.invisible {
    visibility: hidden;
}

.spin-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #eee;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 14px;
}

.spin-overlay .fa-spinner {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    z-index: 10000;
}

.warning-text {
    color: red;
    font-size: 14px;
}

.warning-text-rec-severity {
    color: red;
    font-size: 14px;
    text-align: center;
    margin: 1em;
}

.survey-file-name {
    width: 30% !important;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #eee;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#loading {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

td.browserWarning {
    color: red;
    text-decoration: underline;
}

td.browserWarning::before {
    content: "*";
    color: red;
}

td.browserWarning::after {
    content: "*";
    color: red;
}

.divcenter {
    color: #335DA7;
    margin-left: 8%;
    margin-right: 8%;
    margin-top: 4%;
    margin-bottom: 3%;
}

.bodyclass {
    background-color: #CCD4E9;
    font-size: 16px;
    font-family: Verdana, 'Times New Roman';
}

h1.bodyclass {
    margin-top: 0%;
    font-size: 7em;
    color: #335DA7;
    text-align: center;
    font-weight: 300;
}

h2.bodyclass {
    font-size: 3.46em;
    color: #335DA7;
    text-align: center;
    margin-top: -15%;
    margin-bottom: 7%;
    font-stretch: expanded;
}

p.bodyclass {
    font-size: 0.8em;
    line-height: 1.618em;
    text-align: center;
}

hr.bodyclass {
    height: 1.5px;
    background-color: #335DA7;
    text-align: center;
}

@media all and (min-width: 960px) {
    .bodyclass {
        font-size: 43px;
    }
}

@media all and (max-width: 959px) and (min-width: 600px) {
    .bodyclass {
        font-size: 16px;
    }
}

@media all and (max-width: 599px) and (min-width: 320px) {
    .bodyclass {
        font-size: 12px;
    }
}

.form-builder-field-counter {
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: .5em;
    border-width: 2px 0px 0px 2px;
    border-radius: 4px 0px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    background-color: #eeeeee;
}

a.disabled-link,
a.disabled-link:hover,
a.disabled-link:visited {
    color: lightgray;
    pointer-events: none;
    cursor: default !important;
}

div.field-warning {
    color: #FF8C00;
}

div.field-critical {
    color: #DC143C;
}

tr.survey-form-first-row td {
    vertical-align: top;
    padding-top: .5em
}

.rounded-top {
    border-radius: 5px 5px 0px 0px;
}

.vertically-centered-checkbox {
    display: block;
    padding-right: 10px;
}

.vertically-centered-checkbox * {
    vertical-align: middle;
}

.survey-forms {
    margin-left: 15px;
    margin-bottom: 50px;
    width: 1000px;
    max-height: 700px;
    overflow-y: auto;
}

.survey-forms table thead tr:nth-child(2) th {
    background-color: #d7d6d6;
    color: #43464B;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid #ccc;
}

input[type="checkbox"]#deletedFiles {
    width: 15px;
    height: 15px;
}

.delete-checkbox {
    width: 5% !important;
}

.dtablePagination,
.dataTables_paginate,
.dataTables_length {
    display: inline;
    padding: 5px;
    vertical-align: bottom;
    margin-left: 17%;
}

.dataTables_info {
    float: right;
}

.dataTables_length {
    display: inline-block;
    margin-top: 0;
}

.dataTables_wrapper .dataTables_length select {
    height: auto;
}

#allFilesTable_wrapper .dataTables_length label {
    height: 31px;
    color: #000;
}

#allFilesTable_wrapper .dataTables_paginate {
    display: inline-block;
    transform: translate(5px, -29px);
}

#allFilesTable_wrapper #allFilesTable_info {
    font-family: Verdana;
}

#allFilesTable_wrapper {
    margin-bottom: 15px;
}

.files-table {
    margin-left: 10px;
}

.files-table-header {
    font-size: 15px;
    margin-left: 1%;
}

#AccountFilesTable>tbody>tr>td,
#inspectionFilesTable>tbody>tr>td,
#allFilesTable>tbody>tr>td,
#InsuredPortalFilesTable>tbody>tr>td,
#AccountFilesTable>thead>tr>td,
#inspectionFilesTable>thead>tr>td,
#allFilesTable>thead>tr>td,
#InsuredPortalFilesTable>thead>tr>td,
#AccountFilesTable>thead>tr>th,
#inspectionFilesTable>thead>tr>th,
#allFilesTable>thead>tr>th,
#InsuredPortalFilesTable>thead>tr>th {
    padding: 5px;
    vertical-align: middle;
    color: #333;
}

#allFilesTable_wrapper {
    width: 95%;
}

#allFilesTable_filter {
    margin-right: 0.7%;
}

#allFilesTable_length {
    padding: 35px;
}


.dataTables_wrapper #allFilesTable_length {
    padding-top: 5px;
}

#allFilesTable_info {
    margin-right: -5%;
}

.inline-option {
    display: inline-block;
    font-weight: normal;
}

.inline-option.spaced:last-child {
    margin-right: .5rem;
}

.inline-option.spaced {
    margin-right: 2rem;
    /* this is the measured value of   due to font + font-size */
    margin-left: 8px;
}

.inline-option.spaced input {
    margin-right: 2px;
}

.toolbar-btns {
    margin-bottom: 1rem;
}

div#main_content fieldset#mainFieldSet {
    height: auto;
    padding: 0;
}

table#communications {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    font-family: Verdana;
    font-size: 9pt;
}

table#communications th,
table#communications td {
    word-wrap: break-word;
    text-align: left;
}

th.sticky-header {
    position: sticky;
    top: 0;
    z-index: 10;
}

td.cell-indent {
    padding-left: 2em;
}

td.form-edit-header {
    border-bottom: 1px solid #A0B937;
}

p.developer-exception-404 {
    border-radius: .5em;
    padding: 1em;
    background-color: white;
    text-align: left;
}

.inspection-item-form {
    display: flex;
}

.inspection-item-form>table {
    margin-top: 20px;
}

.external-invite {
    width: 30%;
    margin: 0 20px;
}

.external-invite h3 {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    user-select: none;
}

.external-invite h3 .material-icons {
    vertical-align: -7px;
}

.external-invite p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
}

.external-invite h3,
.external-invite p {
    color: #5e626e;
}

.external-invite h3 input {
    margin-right: 5px;
}

.external-invite table {
    width: 100%;
}

.external-invite td input {
    width: 95%;
}

div.ui-menu-item-wrapper.ui-state-active {
    border: 1px solid #ddd;
    background-color: #ddd;
    color: black;
}

.rct.ui-autocomplete {
    border-radius: 0px 0px 5px 5px;
    min-height: 40px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.rct.ui-autocomplete .ui-menu-item:last-child .ui-state-active {
    border-radius: 0px 0px 5px 5px;
}

.switches-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
}

.switch-container {
    margin-left: 26px;
    margin-right: 26px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

/* 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: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #29a829;
}

input:focus+.slider {
    box-shadow: 0 0 1px #29a829;
}

input:checked+.slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}


/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #171A2A;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}


#main_product_selector {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
    padding-left: 20px;

    @media screen and (max-width: 1600px) {
        padding-left: 12px;
        padding-right: 12px;
    }
}

#product_selector {
    font-size: 24px;
    color: #DDDFE5;
    opacity: 0.8;
    white-space: nowrap;

    @media screen and (max-width: 1600px) {
        font-size: 20px;
    }
}

#main-menu .nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: unset;
}

#main-menu.navbar-nav>li>a {
    line-height: 18px;
}

#main-menu {
    font-family: "Inter", sans-serif;
}

#main-menu a,
#main-menu span {
    font-family: "Inter", sans-serif;
}


#sub_header {
    width: 100%;
    height: 67px;
    background-color: #ffffff;
    font-family: "Alegreya Sans";
    border-bottom: 6px solid #868EBE;
}

.pagination_section span {
    font-family: "Inter", sans-serif;
}

.pagination_section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0px;
}


.sub_header_font_color {
    color: #313541;
}

.menu_background_color {
    background-color: #CCE0F8;
}

.sub_header_combo_box {
    width: 59px;
    height: 32px;
    background-color: #F4F5F9;
    border: 1px solid #7D87B9;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1;
}

.sub_header_page_span {
    font-size: 16px;
    font-weight: 400;
}

#main_menu_navbar {
    overflow-x: auto;
    overflow-y: hidden;
}

.action_button>a {
    padding: 8px 12px;
    margin: 5px 5px;
    font-size: 16px;
    display: block;
    float: left;
    font-weight: 500;
    line-height: 1;
    border-radius: 2px;
}

.vertical_nav_action_button>a {
    display: block;
    font-size: 14px;
    padding: 8px 5px 8px 5px;
    text-decoration: none;
    border-radius: 2px;
    width: 66px;
}

.table_action_button>a {
    display: block;
    font-size: 14px;
    height: 25px;
    padding: 5px 5px 0;
    text-decoration: none;
    border-radius: 2px;
    margin-left: 2px;
    margin-right: 2px;
}

.primary_button>a {
    color: #313541;
    background-color: #AEA2FF;
    border: 1px solid #5C45FE;
}

.primary_button>a:hover {
    color: #313541;
    background-color: #b4a9fb;
    border: 1px solid #4d35ff;
}

.secondary_button>a {
    color: #5C45FE;
    background-color: white;
    border: 1px solid #5C45FE;
}

.secondary_button>a:hover {
    color: #4d35ff;
    background-color: #efecff;
    border: 1px solid #4d35ff;
}

.red_button>a {
    color: #FFFFFF;
    background-color: #ab2122;
    border: 1px solid #ab2122;
}

.red_button>a:hover {
    color: #FFFFFF;
    background-color: #881313;
    border: 1px solid #881313;
}

.action_button.overview_button>a {
    width: 120px;
    text-align: center;
    margin: 5px;
    box-sizing: unset;
}

.action_button.overview_button>a:hover {
    text-decoration: unset;
}



.d-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-end {
    justify-content: end !important;
}


.flex-column {
    flex-direction: column !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.w-100 {
    width: 100%;
}

.w-85 {
    width: 85%;
}

.h-100 {
    height: 100%;
}

.account_overview_header {
    color: #313541;
    font-size: 12pt;
    background-color: #ffffff;
    border-bottom: 6px solid #868EBE;
    width: auto;
    height: auto;
    padding: 10px;
}

.overview_title {
    color: #313541;
    font-size: 12pt !important;
    padding-right: 100px;
}

.task_summary_title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 22.78px;
    line-height: 34.17px;
    letter-spacing: 0px;
    color: #313541;
}

.task_summary_title_sub {
    color: #313541;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14.64px;
    line-height: 16px;
    letter-spacing: 0.5px;
}

.task_summary_title_ref_value {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14.64px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #313541;
    margin-left: 10px;
}


.inspection_overview_header {
    background-color: white;
    color: #313541;
    border-bottom: 6px solid #868EBE;
    padding: 5px 5px 5px 0px;
    font-family: "Inter", sans-serif;
    margin-left: 8px;
}

.inspection_overview_header .addtional_expandable_menu>span>a {
    font-size: 16px;
    padding: 0px 15px;
    display: block;
    margin: 5px;
}

.inspection_overview_header .addtional_expandable_menu {
    border-radius: 2px;
}


.page_overview_main {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.page_overview_content {
    flex: 1;
    overflow: auto;
}

.form_navbar_name {
    height: 30px;
    display: flex;
    align-items: center;
    padding: 6px 6px 6px 8px;
}


.form_navbar_icons {
    width: 30%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.form_navbar_icon {
    font-size: 20px !important;
    width: 30px;
}


.form_navbar_title {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

/* Tooltip styles for JavaScript tooltip */
.tooltip {
    position: absolute;
    left: 10px;
    top: 216px;
    right: 10px;
    background: #191b25;
    font-size: 12px;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    white-space: normal;
    word-wrap: break-word;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    pointer-events: none;
}

.tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

thead.sticky-header {
    position: sticky;
    top: 0;
}