html, body, form {
    padding: 0;
    margin: 0;
}

body {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 10pt;
    font-style: normal;
    line-height: 150%;
    font-weight: normal;
    font-variant: normal;
}


a.DesktopModuleTitle {
    color: #FFFFFF;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
}

    a.DesktopModuleTitle:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }

    a.DesktopModuleTitle:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

td.DesktopHeadLeft {
    width: 6px;
    background-image: url(/images/DesktopModule_conner_left.gif);
}

td.DesktopHeadRight {
    width: 6px;
    background-image: url(/images/DesktopModule_conner_right.gif);
}

table tr.DesktopHead {
    background: #4a92c6;
}

table tr td.DesktopHead {
    color: #ffffff;
    background: #4a92c6;
    vertical-align: middle;
}

.DesktopModuleContentTable {
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #aec8d7;
    background: #ffffff;
    margin-bottom: 10px;
}

.CompanyName {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 10pt;
    color: #fff;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}

@media only screen and (max-width: 800px) {
    .CompanyName {
        display: none;
    }
}

.Login_CompanyName {
    font-family: Arial,Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 10pt;
    color: #122142;
    font-weight: bold;
    text-transform: none;
    background-color: #e6f1f3;
    padding: 5px 5px 5px 5px;
    display: block;
}

.Login_Banner {
    height: 100px;
    width: 500px;
    background-image: url(/images/login_banner.jpg);
    background-size: cover; /* <------ */
    background-repeat: no-repeat;
    background-position: center center; /* optional, center the image */
}

.Login_Form {
    border-top: 2px solid #eeeeee;
    border-right: 2px solid #008080;
    border-left: 2px solid #eeeeee;
    border-bottom: 2px solid #008080;
    margin: 0 auto;
    width: 500px;
}

.Login_Table_Outer {
    background-color: #d0e8ec;
}

.Login_Table {
    margin: 0 auto;
    width: 400px;
}

.Login_ResendPassword {
    background-color: #bbe0e9;
    padding: 5px;
}

.T1 {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 12pt;
    color: #477311;
    padding-left: 2px;
    padding-top: 6px;
    padding-bottom: 5px;
    font-weight: bold;
}

.T2 {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 11pt;
    line-height: 150%;
    color: #808000;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 5px;
}

.T3 {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 10pt;
    padding-bottom: 1px;
    padding-top: 5px;
    color: #808000;
    font-weight: bold;
}

H1 {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 14pt;
    line-height: 150%;
    font-weight: Bold;
    color: #626294;
}

H2 {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 12pt;
    line-height: 150%;
    font-weight: Bold;
    color: #666666;
}

H3 {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

.HR {
    line-height: 150%;
    color: #CED7E7;
}

.SPACE10 {
    /*position: relative;*/
    padding: 0;
    height: 10px; /* works only if parent container is assigned a height value */
}

td {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    font-style: normal;
    line-height: 150%;
}


A {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    text-decoration: none;
    color: #0060A6; /*color: #5a7490;*/
}

    A:hover {
        text-decoration: underline;
        color: #0060A6; /*color: #5a7490;*/
    }

    A:visited {
        text-decoration: none;
        color: #0060A6; /*color: #5a7490;*/
    }

.Normal {
    line-height: 150%;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
}

table tr .ModuleHead_BG {
    background: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
}

table tr td.ModuleHead {
    background: #4A92C6;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 5px;
}

table tr td.ModuleHead_Gray {
    background: #6B656B;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
}


table tr td.ModuleHead_Admin {
    background: #6B656B;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
}

table tr td.LeftPanel_BG {
    background: #E7EBF7 url(/images/LeftPanel_bg.jpg) repeat-y;
}

table tr td.LeftPanel_Sep {
    background: url(/images/LeftPanel_Border_bg.gif) repeat-y;
}

table tr td.LeftPanel_Sep2 {
    background: url(/images/LeftPanel_Border_bg.gif) repeat-y;
}


table tr td.LeftPanel_Admin_BG {
    background: #eeeeee;
}

table tr td.ModuleHead_BG {
    background: #D6EBFF;
}

table tr td.LeftPanel_Right {
    background: #A5BEDE url(/images/LeftPane_Right_bg.gif) repeat-y;
}

table tr td.LeftPanel_Left {
    background: #A5BEDE url(/images/LeftPane_Left_bg.gif) repeat-y;
}

table tr td.LeftPanel_Top {
    background: #ADBED6 url(/images/LeftPane_Top_bg.gif) repeat-x;
}

table tr td.LeftPanel_Bottom {
    background: #A5BEDE url(/images/LeftPanel_Bottom_bg.gif) repeat-x;
}

/***************************************************************/

.ModuleTitle {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 14pt;
    color: #549700;
}



.DesktopSection {
    font-family: Tahoma, Arial;
    font-size: 14pt;
    color: #FF8A21;
}


.DesktopBold {
    font-family: Arial, Tahoma;
    font-size: 9pt;
    color: #000084;
    font-weight: bold;
}

.UserOnline_LI {
    font-size: 9pt;
    list-style: disc;
    padding-left: 0px;
    color: Black;
}


a.menu {
    font-weight: Bold;
    color: White;
    padding-left: 5px;
    height: 26px;
    margin: 0px;
    padding-top: 5px;
}

    a.menu:Hover {
        font-weight: Bold;
        color: #EFEFEF;
        padding-left: 5px;
        height: 26px;
        margin: 0px;
        padding-top: 5px;
    }

a.SOmenu {
    font-weight: Bold;
    color: black;
    padding-left: 5px;
    height: 26px;
    margin: 0px;
    padding-top: 5px;
}

    a.SOmenu:Hover {
        font-weight: Bold;
        color: black;
        padding-left: 5px;
        height: 26px;
        margin: 0px;
        padding-top: 5px;
    }

a.white {
    font-weight: Normal;
    color: White;
    padding-left: 5px;
    height: 26px;
    margin: 0px;
    padding-top: 5px;
}

    a.white:Hover {
        font-weight: Normal;
        color: #cccccc;
        padding-left: 5px;
        height: 26px;
        margin: 0px;
        padding-top: 5px;
    }

.SubHead {
    color: #1D4B5B;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 8pt;
}

.PersonalLink {
    color: #ffffff;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 8pt;
}

a.PersonalLink:hover {
    text-decoration: underline;
    color: white;
}

a.PersonalLink:visited {
    text-decoration: none;
    color: white;
}

.LinkWhite {
    color: White;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial, helvetica, sans-serif, Times New Roman;
    font-size: 8pt;
}

.MenuLink {
    color: black;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial, helvetica, sans-serif, Times New Roman;
    font-size: 8pt;
    padding-left: 10px;
}

.MenuSubLink {
    color: black;
    font-family: Tahoma, Verdana, Arial, helvetica, sans-serif, Times New Roman;
    font-size: 8pt;
    padding-left: 10px;
}

/*
.MenuLink A:Hover {
	 PADDING-LEFT: 20px; COLOR: #CEFF00; 
}
*/
.MenuLink A:visited {
    padding-left: 20px;
    color: black;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    font-weight: bold;
}

.NormalRed {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    color: #FF0000;
}

.NormalBlue {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    color: blue;
}

.NormalBold {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    font-weight: bold;
}

.NormalBold_Gray {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: gray;
}

.Error_Message {
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 10pt;
    color: #FF0000;
    font-weight: bold;
}

.basic-table {
    text-align: justify;
    font-family: Verdana, Tahoma, Arial, Times New Roman, helvetica, sans-serif;
    font-size: 8pt;
    line-height: 150%;
}

    .basic-table td {
        padding-right: 0.7em;
        padding-left: 0.7em;
        padding-bottom: 0.4em;
        padding-top: 0.4em;
    }

    .basic-table TH {
        padding-right: 1em;
        padding-left: 1em;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        text-align: left;
    }

table tr.dark td {
    background: #006AA4;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.gray {
    background: #ddd;
}

    table tr.gray td {
        color: #000;
        font-weight: bold;
    }

td.date {
    white-space: nowrap;
}

td.number {
    text-align: right;
}

table tr.light td {
    background: #eeeeee;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.light {
    background: #eeeeee;
}

    table tr.light td {
        color: black;
        font-weight: bold;
    }

table tr.blue td {
    background: #085075;
    color: #ffffff;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.blue {
    background: #085075;
}

table tr.LightCyan td {
    background: #E0FFFF;
    color: Black;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.LightCyan {
    background: #E0FFFF;
}

table tr.LightBlue td {
    background: #ADD8E6;
    color: Black;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.LightBlue {
    background: #ADD8E6;
}

table tr.lightseagreen td {
    background: #20B2AA;
    color: Black;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.lightseagreen {
    background: #20B2AA;
}


table tr.lightskyblue td {
    background: #87CEFA;
    color: Black;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.lightskyblue {
    background: #87CEFA;
}

table tr.peachpuff td {
    background: #FFDAB9;
    color: Black;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.peachpuff {
    background: #FFDAB9;
}


tr.portal td {
    background: #eeeeee;
    color: Black;
    vertical-align: middle;
    font-weight: bold;
    font-family: Arial, Times New Roman, verdana;
}

tr.portal {
    background: #eeeeee;
}

.form-table {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
}

    .form-table td {
        padding: 3px 8px 3px 10px;
    }

td.no-paddings {
    padding: 0 !important;
}

td.no-paddings-x {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

td.no-paddings-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.small-table {
    font-family: Verdana, Arial, Tahoma, Times New Roman, helvetica, sans-serif;
    font-size: 8pt;
}

    .small-table td {
        padding-right: 0.5em;
        padding-left: 0.7em;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        font-family: Verdana, Arial, Tahoma, Times New Roman, helvetica, sans-serif;
        font-size: 8pt;
    }

    .small-table A {
        font-family: Verdana, Arial, Tahoma, Times New Roman, helvetica, sans-serif;
        font-size: 8pt;
    }

.small {
    font-family: Verdana, Arial, Tahoma, Times New Roman, helvetica, sans-serif;
    font-size: 8pt;
}

.menu-table {
    text-align: justify;
    font-family: Tahoma, Verdana, Arial, Times New Roman, helvetica, sans-serif;
    font-size: 8pt;
    line-height: 130%;
}

    .menu-table td {
        padding-right: 1em;
        padding-left: 1em;
        padding-bottom: 0.4em;
        padding-top: 0.4em;
        color: #FFFFFF;
    }

    .menu-table A {
        font-family: Verdana, Tahoma, Times New Roman, Arial, helvetica, sans-serif;
        font-size: 8.5pt;
        line-height: 150%;
        text-decoration: none;
        color: #FFFFFF;
    }



a.NormalLink {
    font-family: Tahoma, Verdana, Times New Roman, Arial, helvetica, sans-serif;
    font-size: 9pt;
    color: #235667;
    font-weight: bold;
}

    a.NormalLink:hover {
        color: #32409B;
    }

.BigLink {
    font-family: Tahoma, Verdana, Times New Roman, Arial, helvetica, sans-serif;
    font-size: 10pt;
    color: #739CAF;
    font-weight: bold;
}

a.BigLink:hover {
    color: #32409B;
}

.TextBox {
    padding: .12em 0 .1em .12em;
    margin-left: 4px;
}

.TextBox_Shadow {
    color: #000;
    font-family: Verdana, Times New Roman, Arial, Tahoma, helvetica, sans-serif;
    font-size: 8pt;
    padding: .12em 0 .1em .12em;
    border-style: solid;
    border-width: 1px;
    border-color: #96A6C5;
    background-color: #EFEFEF;
    height: 23px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
}

.CheckBox {
    color: #000;
    font-family: Verdana, Times New Roman, Arial, Tahoma, helvetica, sans-serif;
    font-size: 8pt;
    padding: .0em 0 .0em .0em;
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 0px;
}

.Button {
    font-family: Tahoma, Times New Roman, Arial, Verdana;
    color: #000;
    font-weight: bold;
    font-size: 8pt;
    text-align: center;
    padding: .4em .3em .4em .3em;
    border-color: #fff #999 #999 #fff;
    border-width: 1px;
}

    .Button:active {
    }

.formbutton {
    font-family: Tahoma, Times New Roman, Arial, Verdana;
    color: #000;
    font-weight: bold;
    font-size: 8pt;
    text-align: center;
    /*padding: .2em 0 .1em .2em;*/
    border-style: solid;
    border-width: 1px;
    border-color: #fff #999 #999 #fff;
}

.formbutton_disabled {
    color: gray;
    font-weight: bold;
    font-size: 8pt;
    text-align: center;
    padding: .2em 0 .1em .2em;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #999 #999 #fff;
    background: #ddd url(/images/button_bg_gray.gif) repeat-x;
}


.formcontrol {
    color: #000;
    font-family: Verdana, Times New Roman, Arial, Tahoma, helvetica, sans-serif;
    font-size: 8pt;
    padding: .12em 0 .1em .12em;
    border-style: solid;
    border-width: 1px;
    border-color: #96A6C5;
    background-color: #EFEFEF;
}

.TextControl {
    color: #000;
    font-family: Verdana, Times New Roman, Arial, Tahoma, helvetica, sans-serif;
    font-size: 8pt;
    padding: .12em 0 .1em .12em;
    border-style: solid;
    border-width: 1px;
    border-color: #96A6C5;
    background-color: #EFEFEF;
    height: 23px;
}

.SOF_T1 {
    font-family: Tahoma, Arial, verdana, Times New Roman, helvetica, sans-serif;
    font-size: 14pt;
    color: #BC3500;
}

.SOF_T2 {
    font-family: Tahoma, Arial, helvetica, sans-serif;
    font-size: 12pt;
    line-height: 150%;
    font-weight: bold;
}

.SOF_T3 {
    font-family: Tahoma, Arial, Tahoma, helvetica, sans-serif;
    font-size: 10pt;
    text-align: justify;
    line-height: 150%;
    color: #31518C;
    font-weight: bold;
}

.SOF_T4 {
    font-family: Tahoma, Arial,Times New Roman, Verdana, helvetica, sans-serif;
    font-size: 8pt;
    text-align: justify;
    line-height: 150%;
    font-weight: bold;
}

.SOF_Normal {
    font-family: Verdana, Arial, Tahoma, helvetica, sans-serif;
    font-size: 8pt;
    text-align: justify;
    line-height: 150%;
}

.SOF_Normal_Color {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    text-align: justify;
    line-height: 150%;
    color: #294D6B;
}

.SOF_HR {
    text-align: justify;
    line-height: 150%;
    color: #CED7E7;
}

.SOF_ShortCut {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    text-align: justify;
    line-height: 150%;
    color: #294D6B;
    font-weight: bold;
}


/* Left Panel Menu */

#LeftPanel {
    border-bottom: #ccc 1px solid;
    width: 100%;
}

.LeftPanel_1 A {
    padding-left: 3px;
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 4px;
    text-decoration: none;
    color: black;
    border-top: #fff 1px solid;
    border-bottom: #eeeeee 1px solid;
    background-color: #F7FBFF;
}

    .LeftPanel_1 A:visited {
        padding-left: 3px;
        color: black;
        border-top: #fff 1px solid;
        border-bottom: #eeeeee 1px solid;
        background-color: #F7FBFF;
    }

    .LeftPanel_1 A:hover {
        background: whitesmoke;
        color: #F37623;
        text-decoration: none;
        border-bottom: #eeeeee 1px solid;
    }

.LeftPanel_2 A {
    padding-left: 7px;
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 4px;
    text-decoration: none;
    color: #104194;
    border-top: #fff 1px solid;
    border-bottom: #eeeeee 1px solid;
    background-color: #F7FBFF;
}

    .LeftPanel_2 A:visited {
        padding-left: 7px;
        color: black;
        border-top: #fff 1px solid;
        border-bottom: #eeeeee 1px solid;
        background-color: #F7FBFF;
    }

    .LeftPanel_2 A:hover {
        background: whitesmoke;
        color: #F37623;
        text-decoration: none;
        border-bottom: #eeeeee 1px solid;
    }


abbr, acronym, span.abbr {
    /** cursor: help; border-bottom: 1px dashed #000; **/
}

.formbutton {
    padding: 4px 8px 4px 8px;
}

    .formbutton:disabled, .formbutton[disabled], .formbutton[disabled=disabled], .formbutton[disabled=true] {
        color: gray;
    }

a:disabled, a[disabled], a[disabled=disabled], a[disabled=true] {
    color: gray;
}

.Box_Message {
    background: #F5F5F5;
    height: 27px;
    padding: 7px 15px 0px 10px;
    margin-left: 10px;
    margin-top: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-style: solid;
    border-width: thin;
    border-color: #DDDDDD;
}

.Box_Message {
    float: left;
    margin-right: 10px;
}

a.POPMessage {
    color: #000000;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    text-decoration: none;
}

    a.POPMessage:hover {
        text-decoration: underline;
        color: #7A991A;
    }

.Panel_Oval {
    border: 1px solid #9D9D9D;
    padding: 1px 1px;
    margin: 15px 5px 5px 5px;
    background: #ffffff;
    width: 96%;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
}

.HRSLIM {
    line-height: 100%;
    height: 0;
    border-style: dotted;
    border-width: 1px 0 0 0;
    border-color: gray;
}

/*************************************************/
.formbutton2 {
    margin: 0px;
    padding: 3px 2px 3px 2px;
    text-decoration: none;
    color: black;
    background-color: #eeeeee;
    border-top: whitesmoke 1px solid;
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-left: #eeeeee 1px solid;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
}

    .formbutton2:disabled, .formbutton2[disabled], .formbutton2[disabled=disabled], .formbutton2[disabled=true] {
        color: gray;
    }

/*************************************************/

a.formlink {
    padding: 5px 4px;
    margin: 0px !important;
    text-decoration: none !important;
    color: black !important;
    background-color: #eeeeee !important;
    border-top: whitesmoke 1px solid !important;
    border-bottom: #cccccc 1px solid !important;
    border-right: #cccccc 1px solid !important;
    border-left: #eeeeee 1px solid !important;
}

    a.formlink:hover {
        text-decoration: none !important;
        color: black !important;
        background-color: whitesmoke !important;
        border-top: whitesmoke 1px solid !important;
        border-bottom: #BC8F8F 1px solid !important;
        border-right: #BC8F8F 1px solid !important;
        border-left: #eeeeee 1px solid !important;
    }

.formcell {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    padding-bottom: 0.2em;
    padding-left: 0.7em;
    padding-right: 0.5em;
    padding-top: 0.2em;
}

.mozvir {
    display: table-row;
}

.mozvic {
    display: table-cell;
}

.vir {
    display: block;
}

.vic {
    display: block;
}

.mozinvir {
    display: none;
}

.mozinvic {
    display: none;
}

.invir {
    display: none;
}

.invic {
    display: none;
}
/*************************************************/
a.tooltip {
    position: relative; /*this is the key*/
    z-index: 24;
    text-decoration: none;
}

    a.tooltip:hover {
        z-index: 25;
    }

    a.tooltip span {
        display: none;
    }

    a.tooltip:hover span {
        /*the span will display just on :hover state*/
        display: block;
        position: absolute;
        top: 2em;
        left: 2em; /*width:15em;     border:1px solid #0cf;     background-color:#cff; color:#000;     text-align: center*/
    }

span.tooltip {
    position: relative; /*this is the key*/
    z-index: 24;
    text-decoration: none;
}

    span.tooltip:hover {
        z-index: 25;
    }

    span.tooltip span {
        display: none;
    }

    span.tooltip:hover span {
        display: block;
        position: absolute;
        top: 2em;
        left: 2em;
    }

.T1 a {
    font-family: Tahoma, Arial, Segoe UI, verdana, Times New Roman, helvetica, sans-serif;
    font-size: 12pt;
    color: #477311;
    padding-left: 2px;
    padding-top: 6px;
    padding-bottom: 5px;
    font-weight: bold;
}

    .T1 a:visited {
        color: #477311;
        text-decoration: none;
    }

    .T1 a:hover {
        color: #477311;
        text-decoration: none;
    }

.nicescroll {
    max-height: 265px;
}

.ScrollDesktopModuleContentTable {
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #aec8d7;
    background: #ffffff;
    margin-bottom: 10px;
    max-height: 265px;
    overflow: auto;
}

.smallformbutton {
    font-family: Tahoma, Times New Roman, Arial, Verdana;
    color: #000;
    font-weight: bold;
    font-size: 8pt;
    text-align: center;
    padding: .2em 0 .1em .2em;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #999 #999 #fff;
}

    .smallformbutton:disabled, .smallformbutton[disabled], .smallformbutton[disabled=disabled], .smallformbutton[disabled=true] {
        color: gray;
    }

table tr.light2 td {
    background: #eeeeee;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
}

table tr.light2 {
    background: #eeeeee;
}

    table tr.light2 td {
        color: black;
        font-weight: bold;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.note {
    color: gray;
}

.red {
    color: red;
}

.green {
    color: green;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic
}

table td.FormControl {
    padding-left: 0;
    padding-right: 0;
}

p {
    margin-block-start: .5em;
    margin-block-end: .5em;
}

/*newmain.css*/
.FormSubject {
    padding-left: 0.3em;
    background: whitesmoke;
    color: #6B656B;
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial, Tahoma;
}

.FormHead_BG {
    background: #F7F7F7;
}

    .FormHead_BG TD {
        padding-left: 3px;
    }

.FormSubHead_BG {
    background: #F7F7F7;
}

.FormAction_BG {
    background: #F7F7F7;
}

.ModuleHead_BG {
    background: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
}

.ModuleHead {
    background: #4A92C6;
    color: #fff;
    font-weight: bold;
    font-family: Segoe UI, arial, Times New Roman, verdana, helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
}

.ModuleHead_Gray {
    background: #6B656B;
    color: #fff;
    font-weight: bold;
    font-family: Segoe UI, arial, Times New Roman, verdana, helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
}


.ModuleHead_Admin {
    background: #6B656B;
    color: #fff;
    font-weight: bold;
    font-family: Segoe UI, arial, Times New Roman, verdana, helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
}

.LeftPanel_BG {
    /*background: #E7EBF7 url(/images/LeftPanel_bg.jpg) repeat-y;*/
    background-color: whitesmoke;
}

.LeftPanel_Sep {
    background: url(/images/LeftPanel_Border_bg.gif) repeat-y;
}

.LeftPanel_Sep2 {
    background: url(/images/LeftPanel_Border_bg.gif) repeat-y;
}

.LeftPanel_Admin_BG {
    background: #eeeeee;
}

.ModuleHead_BG {
    background: #D6EBFF;
}

.LeftPanel_Right {
    background: #A5BEDE url(/images/LeftPane_Right_bg.gif) repeat-y;
}

.LeftPanel_Left {
    background: #A5BEDE url(/images/LeftPane_Left_bg.gif) repeat-y;
}

.LeftPanel_Top {
    background: #ADBED6 url(/images/LeftPane_Top_bg.gif) repeat-x;
}

.LeftPanel_Bottom {
    background: #A5BEDE url(/images/LeftPanel_Bottom_bg.gif) repeat-x;
}

.Body_BG {
    background: #84AEF7;
}

.Banner_BG {
    /** background: #A6AAAB url(/images/banner_bg.jpg) repeat-x; **/ /*background: #1E3C7B;	*/
    background: #1E6FB4;
}

.Footer_BG {
    background: #6B96C6;
}

/*********************************/
.dark {
    background: #006AA4;
    color: #fff;
    font-weight: bold;
    font-family: arial, Times New Roman, verdana, helvetica, sans-serif;
}

.form-table2 > tbody > tr > td {
    line-height: 150%;
    padding-right: 0.5em;
    padding-left: 0.7em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    white-space: normal !important;
}

.showmenu, sublevel, sublevel-disable {
    position: absolute;
    display: none;
    border-top: 1px solid #bec1c4;
    border-left: 1px solid #bec1c4;
    border-right: 1px solid #bec1c4;
    border-bottom: 1px solid #bec1c4;
    color: #222222;
    z-index: 1;
    background-color: white;
}

.toolmenu, sublevel, sublevel-disable {
    position: absolute;
    display: none;
    border-top: 1px solid #bec1c4;
    border-left: 1px solid #bec1c4;
    border-right: 1px solid #bec1c4;
    border-bottom: 1px solid #bec1c4;
    color: #222222;
    z-index: 1;
    text-align: left;
}

    .toolmenu a, .toolmenu a.sublevel-disable:link, .toolmenu a.sublevel:link, .toolmenu a.sublevel:visited {
        background-color: #ffffff;
        display: block;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: 1px solid #e2e4e7;
        padding: 4px 4px 4px 0px;
        text-decoration: none;
        color: Black;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        text-indent: -38px;
        PADDING-LEFT: 44px;
    }

a.aspNetDisabled {
    color: gray;
}

a:link, a:hover {
    cursor: pointer;
}

a[disabled=disabled]:link, a[disabled=disabled]:hover, a[disabled=true]:link, a[disabled=true]:hover {
    cursor: default;
}

.notify-container {
    display: inline-block;
}

input[type=text], textarea {
    box-sizing: border-box;
}

input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
}

    input[type=checkbox] + label {
        display: inline-block;
        vertical-align: middle;
    }

input[type=radio] {
    display: inline-block;
    vertical-align: middle;
    /*margin: 0 5px 3px 3px;*/
    margin: 3px 4px 3px 4px;
}

    input[type=radio] + label {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

        input[type=radio] + label:last-child {
            margin-right: 0px;
        }
/*ul {
	padding: 0;
	margin: 0;
}*/

/* way the hell off screen */
.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

select:not([size]) {
    height: 22px;
}

/*select {
    height: 22px;
}

    select[size] {
        height: auto;
    }

    select[class] {
        height: auto;
    }*/

.core-user {
    background-image: url(/images/icon_user.gif);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-user-extra {
    background-image: url(/images/icon_gray_user.gif);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-group {
    background-image: url(/images/icon_group.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-group-view {
    background-image: url(/images/icon_groupview.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-my-group-user, .core-group-user {
    background-image: url(/images/icon_group_user.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-portal {
    background-image: url(/images/icon_portal.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -2px 3px;
}

.core-menu {
    background-image: url(/images/icon_menu.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-sync {
    background-image: url(/images/sync.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-recyclebin {
    background-image: url(/images/icon_recyclebin.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-jobtitle {
    background-image: url(/images/icon_jobtitle.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-ipblock {
    background-image: url(/images/ip_block.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-permission {
    background-image: url(/images/icon_permission.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-group-manager, .core-group-virtual {
    background-image: url(/images/icon_group_manager.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-checked {
    background-image: url(/images/check.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.core-none {
    display: none !important;
}

.core-text-search, .core-dropdown-search, .core-button-search {
    height: 30px !important;
}

    .core-dropdown-search option:checked, [selected] { /* Text colour and font weight, red and bold */
        color: red;
        font-weight: bold;
    }

.core-read {
    background-image: url(/images/icon_read.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-unread {
    background-image: url(/images/icon_unread.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-ontime {
    background-image: url(/images/icon_ontime.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-warning {
    background-image: url(/images/icon_alarm_red.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-accepted {
    background-image: url(/images/icon_accepted.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-rejected {
    background-image: url(/images/icon_rejected.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-approved {
    background-image: url(/images/icon_approved.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-right-arrow {
    background-image: url(/images/right.png);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.core-security {
    background-image: url(/images/icon_key.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-site {
    background-image: url(/images/icon_site.png);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px -2px 3px;
}

.core-branch {
    background-image: url(/images/icon_stage.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px 3px;
}

@media only screen and (max-width: 800px) {
    .attach-list {
        display: none;
    }
}

.ui-textbox {
    padding: 3px 0px 4px 3px;
    height: 32px;
    box-sizing: border-box;
}

.ui-textbox-small {
    padding: 3px 0px 4px 3px;
    height: 30px;
    box-sizing: border-box;
}

span.FormSubject {
    display: inline-block;
    padding: 3px 8px 3px 10px;
    margin: 0 5px 0 5px;
}

span.FormSubjectMedium {
    display: inline-block;
    padding: 5px 8px 5px 10px;
    margin: 0 5px 0 5px;
}

span.FormSubjectBold {
    background: none !important;
    color: #000000 !important;
}

input[type=text] {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 10pt;
}

textarea {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 10pt !important;
}
/*@media only screen and (max-width: 800px) {
    textarea {
        font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
        font-size: 10px;
    }
}*/
.core-print {
    background-image: url(/images/icon_print.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0px 3px -3px 3px;
}

.core-itemprocess {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/images/table/process.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5;
    margin: 0px 0px -2px 0px;
}

.itemprocess:hover {
    opacity: 1;
}

.core-itemprocess.unprocessed {
    background-image: url(/images/table/unprocess.png);
    opacity: 1;
}

.TSK-status-N {
    background-image: url(/modules/TSK/images/icon_notstart.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.TSK-status-NO {
    background-image: url(/modules/TSK/images/icon_notstart_overdue.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.TSK-status-I {
    background-image: url(/modules/TSK/images/icon_inprogress.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
}

.TSK-status-IO {
    background-image: url(/modules/TSK/images/icon_inprogress_overdue.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
}

.TSK-status-P {
    background-image: url(/modules/TSK/images/icon_pause.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.TSK-status-D {
    background-image: url(/modules/TSK/images/icon_done.gif);
    background-position: -2px bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
}

.TSK-status-DO {
    background-image: url(/modules/TSK/images/icon_done_overdue.gif);
    background-position: -2px bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
}

.TSK-status-C {
    background-image: url(/modules/TSK/images/icon_cancel.gif);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.core-module {
    background-image: url(/images/icon_module.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.core-resource {
    background-image: url(/images/icon_resource.gif);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.table-container, #table-container {
    margin-bottom: 5px;
    overflow-x: auto;
}

.core-folder {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.core-folder-name, .core-folder-arrow-right {
    display: inline-block;
    color: gray;
    font-size: 10px;
    margin-right: 5px;
}

.core-item {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.core-item-code {
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
}

    .core-item-code:empty {
        display: none;
    }

.basic-table, .form-table {
    word-break: break-word;
    word-wrap: break-word;
}

.core-book {
    background-image: url(/images/icon_book.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
}

input[type=text] + a .core-book, textarea + a .core-book, input[type=text] + .core-book, textarea + .core-book {
    margin-left: 3px;
}

.core-paste {
    background-image: url(/images/paste.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
}

input[type=text] + a .core-paste, textarea + a .core-paste, input[type=text] + .core-paste, textarea + .core-paste {
    margin-left: 3px;
}


.core-copy {
    background-image: url(/images/copy.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
}

.form-data-table td.title-default {
    width: 250px;
}

.form-data-table td.title-default-180 {
    width: 180px;
}

.form-data-table td.title-default-200 {
    width: 200px;
}

.form-data-table td.title-default-300 {
    width: 300px;
}

.core-folder-open {
    background-image: url(/images/icon_folder_open.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}


.attach-list .file-signing {
    color: #ff0000 !important;
}

div.level1 {
    padding-left: 20px;
}

div.level2 {
    padding-left: 40px;
}

div.level3 {
    padding-left: 60px;
}

div.level4 {
    padding-left: 80px;
}

.disabled-button {
    pointer-events: none;
    opacity: 0.4;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.spinner-modal {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    /*background: rgba(0, 0, 0, 0.4) url('/images/ajax-loader.gif') 50% 50% no-repeat;*/
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .spinner-modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .spinner-modal {
    display: flex;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.thumb-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 8px 0 8px 0;
}

    .thumb-container img {
        border: 1px solid #C0C0C0;
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 5px;
    }

    .thumb-container:not(:has(.image-link)), .thumb-container:empty {
        display: none;
    }

.file-view-container {
    margin: 8px 0 8px 0;
    border-radius: 5px;
    border: 1px solid #c6c6c6;
    padding: 5px 2px 5px 2px;
    background-color: #f9f9f9;
    display: block;
}
    .file-view-container:not(:has(a)), .file-view-container:empty {
        display: none;
    }

    .core-search {
        background-image: url(/images/search.gif);
        background-position: 0px 2px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 1px -3px 5px;
    }

#paging-list, #paging-list2 {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 12px;
    padding: 4px;
}

#action-list, #action-list2 {
    display: flex;
    align-content: center;
    align-items: center;
}


.core-attachment {
    background-image: url(/images/icon_attachment.png);
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -1px 3px;
}

.attach-list {
    margin: 8px 0 8px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 8px;
}
        .attach-list:not(:has(.file)), .attach-list:empty {
            display: none;
        }

    .attach-list .file, .file-item {
        border-radius: 5px;
        border: 1px solid #c6c6c6;
        background-color: #f9f9f9;
        font-size: 10px;
        color: #0060A6 !important;
        font-weight: normal !important;
        display: inline-block;
    }

    .attach-list .file {
        padding: 2px 2px 2px 2px;
    }

.file-item {
    padding: 2px 4px 2px 4px;
}

    .file-item:empty {
        display: none;
    }

    .file-list {
        margin: 8px 0 8px 0;
        display: flex;
        flex-wrap: wrap;
        gap: 5px 8px;
    }

        .file-list:not(:has(.file-item)), .file-list:empty {
            display: none;
        }

span.FormNormalMedium {
    display: inline-block;
    padding: 5px 8px 5px 10px;
    margin: 0 5px 0 5px;
}

span.FormNormal {
    display: inline-block;
    padding: 3px 8px 3px 10px;
    margin: 0 5px 0 5px;
}

.FormNormal {
    font-family: Arial, Segoe UI, Tahoma, Times New Roman, Verdana;
    font-size: 9pt;
    font-style: normal;
    line-height: 150%;
}

.core-zip {
    background-image: url(/images/file/icon_zip.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0 -3px 3px;
}

.core-pdf {
    background-image: url(/images/file/icon_pdf.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px 3px;
}

.core-word {
    background-image: url(/images/file/icon_doc.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px 3px;
}

.core-excel {
    background-image: url(/images/file/icon_doc.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px 3px;
}

.core-ppt {
    background-image: url(/images/file/icon_ppt.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px 3px;
}

.core-image {
    background-image: url(/images/file/icon_image.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px 3px;
}

.core-media {
    background-image: url(/images/file/icon_media.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px 3px;
}

.core-other {
    background-image: url(/images/file/icon_other.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px 3px;
}

.core-watermark {
    background-image: url(/images/icon_watermark.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -5px 3px;
}

.core-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.core-nowrap {
    white-space: nowrap;
}

.cell-paddings {
    padding: 3px 8px 3px 10px;
}

.head-paddings {
    padding: 5px;
}

.White_BG {
    background-color: #ffffff;
}

.LightGray_BG {
    background-color: #eeeeee;
}

.LightGray2_BG {
    background-color: #eeeee0;
}

.LightGray3_BG {
    background-color: #cccccc;
}

.LightBlue_BG {
    background-color: #ADD8E6;
}

.LightGray3_BD {
    border: 1px solid #cccccc;
}
.core-badge, .core-badge:link {
    background-color: red;
    border-radius: 2px;
    padding: 1px 4px;
    color: white !important;
    font-weight: bold;
    display: inline-block;
    margin-right: 3px;
    text-decoration: none !important;
}

    .core-badge:visited {
        color: white !important;
        text-decoration: none !important;
    }

    .core-badge:hover {
        color: white !important;
        text-decoration: none !important;
    }