* {
    -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;
}

div#header_wrap {
    overflow-x: auto;
    overflow-y: hidden;
    height: 100vh;
}

div#main_logo {
    float: left;
    display: flex;
    width: auto;
    height: 100%;
}
div#main_logo a {
    margin: auto;
}

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

div#main_menu {
    padding: 0;
    margin-left: 210px;
    white-space: nowrap;
}
/* overwrite bootstrap styles */
.navbar {
    margin: 12px 0 0 0 !important;
    min-height: 40px !important;
}

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

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

.nav > li > a:focus {
    background-color: #2980b9 !important;
}

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

.nav > li.active > a:hover {
    background-color: #2980b9 !important;
}

/* bootstrap end */

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

div#main_menu li a {
    text-decoration: none;
    color: #5E626E;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 13px 18px;
    border-radius: 5px;
    transition: all 100ms ease-in;
}

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;
}
/*
    ul#main_menu li#lang_logoff {
        float:right;
        width:180px;
        margin-right: 30px;
    }
*/
div#main_menu li#lang_logoff a {
    display: inline-block;
}

div#header_wrap a#logoff_button, div#header_wrap a#lang_button {
    text-decoration: none;
    background-color: #5e626e;
    color: #ffffff;
    border-radius: 5px;
}

div#main_content {
    width: 1340px;
    overflow: hidden;
}

    /*div#main_content.content-fluid {
    width: auto;
    margin-left: 0;
}*/

/* 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;
}

div#content_wrapper {
    width: 1480px;
    overflow: auto;
}

div.content {
}

.header {
    background-color: #7A7A7A;
    color: #FFFFFF;
    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: Verdana;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer !important;
}

    A:Hover {
        font-size: 9pt;
        color: #ff79e4;
        font-family: Verdana;
        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 {
    color: #fff;
    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;
}

span.nav_button {
    float: left;
    margin: 0 5px 3px;
    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 {
    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 {
    margin: 0 auto 0 auto;
    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: 12pt;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #0368C2;
    border: 1px solid #0368C2;
    border-width: 0 0 1px 0;
    padding: 10px 4px 4px 10px !important;
}

    .formheader a:hover {
        font-size: 12pt;
        font-family: Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #ff79e4;
        border: 1px solid #0368C2;
        border-width: 0 0 1px 0;
        padding: 4px;
    }

    .formheader span {
        font-size: 9pt;
        font-family: Verdana, Helvetica, sans-serif;
        font-weight: normal;
        color: #0368C2;
    }

#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: #ffffff;
        outline: none;
    }

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

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

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

div#expandable_buttons {
    background-color: #808080;
    padding: 5px 10px;
    margin-bottom: 10px;
}

    div#expandable_buttons span {
        display: inline-block;
        width: 18%;
        padding: 0.35em 0px;
    }

    div#expandable_buttons a {
        margin: 0 10px;
        font-size: 16px;
        text-decoration: underline;
    }

.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: 60%;
    float: left;
    font-size: 9pt !important;
}

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;
}

/* 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);
  }