BODY, BODY TD {
    background-color: #ffffff;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

    BODY TD.bg {
        background-color: #cccccc;
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        padding: 5px;
    }

A, TD A {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

.TextBox {
    background-color: #ffffff;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.TextBox-bg {
    background-color: #eeeeee;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.section-header {
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 300%;
}

.button {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.attention, TD.attention {
    color: #cc0000; /* #cc0000; */
    font-family: Verdana;
}

.attention-low {
    color: #666666;
    font-family: Verdana;
    font-size: 8pt;
    border-style: none;
}

.attention.required-custom-attribute {
    margin-left: 4px;
    display: inline-block;
    font-weight: bold;
    font-size: 9pt;
}

.item {
    color: #ffffff;
}

.item-r {
    color: #006600;
}

.item-c {
    color: #cc0000;
}

.item-comp {
    color: #666666;
}


/** Menu Styles ****************************************/
.Menu {
    width: 100%;
    border-collapse: collapse;
}

.MenuGroup {
    background-color: #6699cc;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-color: #000000;
    border-top-color: #cccccc;
    border-left-color: #cccccc;
    border-right-color: #000000;
    border-style: solid;
    cursor: hand;
}

.MenuItem {
    background-color: #6699cc;
    border: 1px;
    color: #000000; /* used to be #ffffff */
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #6699cc;
    border-style: solid;
    cursor: hand;
}

.MenuLogo {
    background-color: #6699cc;
    border: 1px;
    color: #000000;
    font-style: italic;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #6699cc;
    border-style: solid;
}

.MenuUser {
    background-color: #6699cc;
    color: #000066;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #6699cc;
    border-style: solid;
    cursor: hand;
}

.MenuRoles {
    background-color: #6699cc;
    color: #ffffff;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #6699cc;
    border-style: solid;
    cursor: hand;
}

.MenuCurrentRole {
    background-color: transparent;
    color: #ffffff;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #6699cc;
    border-style: solid;
    cursor: hand;
}

.MenuRegularRole {
    background-color: transparent;
    color: #ffff33;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #6699cc;
    border-style: solid;
    cursor: hand;
}

.MenuTeamLevelRole {
    background-color: transparent;
    color: #cc0000; /* #ff6633; */
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #6699cc;
    border-style: solid;
    cursor: hand;
}

.MenuRoleItemOver {
    background-color: #cccccc;
    color: #666666;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #cccccc;
    border-left-color: #666666;
    border-top-color: #666666;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-style: ridge;
    cursor: hand;
}

.MenuRoleItemDown {
    background-color: #666666;
    color: #000000;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #666666;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #000000;
    border-top-color: #000000;
    border-style: solid;
    cursor: hand;
}

.MenuItemDisabled {
    background-color: #6699cc;
    color: #666666; /* used to be #ffffff */
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #6699cc;
    border-style: solid;
    cursor: hand;
}

.MenuItemInvisible {
    background-color: #6699cc;
    color: #6699cc;
    font-family: verdana;
    font-size: 0px;
    padding: 0px;
    border-width: 0px;
    border-color: #6699cc;
    border-style: none;
    display: none;
    visibility: hidden;
}

.MenuItemOver {
    background-color: #cccccc;
    color: #666666;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #000000;
    border-left-color: #666666;
    border-top-color: #666666;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-style: ridge;
    cursor: hand;
}

.MenuItemDown {
    background-color: #666666;
    color: #ffffff;
    font-family: verdana;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    border: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #666666;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #000000;
    border-top-color: #000000;
    border-style: solid;
    cursor: hand;
}

.MenuItemSeparator {
    padding: 1px;
    border-style: none;
    border-collapse: collapse;
    background-color: #cccccc;
}

TABLE.interface-results TH {
    font-size: medium;
    font-weight: bolder;
}

TABLE.interface-results TD.provider {
    /* this style is applied to interfaces where the provider matches the user's active team */
    background-color: #6699cc;
}

TABLE.interface-results TD.receiver {
    /* this style is applied to interfaces where the receiver matches the user's active team */
    background-color: #cccccc;
}

TABLE.interface-results TD.constrained {
    background-color: #ff3333;
}

/*TABLE.process-inputs
{
	border-style:			solid;
	border-width:			thin;
}*/

TABLE.process-inputs TR TD {
    font-size: 8pt;
    color: #000000;
}

    TABLE.process-inputs TR TD SELECT {
        font-size: 8pt;
        color: #000000;
    }

/** Dates Filter (LRM, Forecast, Actual, etc.) **********************/
TABLE.dates-filter,
TABLE.dates-filter TR,
TABLE.dates-filter TR TD,
TABLE.dates-filter TR TD A,
TABLE.dates-filter TR TD INPUT,
TABLE.dates-filter TR TD SELECT {
    font-size: 8pt;
}

/** Small Controls (General purpose table class, for standard, small inputs ********/
TABLE.small-controls,
TABLE.small-controls TR,
TABLE.small-controls TR TD,
TABLE.small-controls TR TD A,
TABLE.small-controls TR TD INPUT,
TABLE.small-controls TR TD SELECT {
    font-size: 8pt;
}


/** Workstream / Tier Filter Styles *********************************/
TABLE.tier-filter TR.headers TD, TABLE.tier-filter TR TD.header {
    font-size: 8pt;
}

TABLE.tier-filter, TABLE.tier-filter TR.dropdowns TD, TABLE.tier-filter TR TD.dropdown, TABLE.tier-filter TR TD input {
    font-size: 8pt;
    color: #000000;
}

    TABLE.tier-filter TR.dropdowns TD SELECT, TABLE.tier-filter TR TD.dropdown SELECT {
        font-size: 8pt;
        color: #000000;
    }

TABLE.tier-filter {
    border-style: solid;
    border-width: thin;
    border-bottom-style: none;
}

TABLE.tier-filter2 {
    font-size: 8pt;
    color: #999999;
    border-style: solid;
    border-width: thin;
    /*border-radius: 2px;*/
}

TABLE.tier-filter td {
    padding-top: 1px;
}

TABLE.custom-filter, TABLE.custom-filter TR TD {
    font-size: 8pt;
    color: #000000;
}

    TABLE.custom-filter TR TD SELECT, TABLE.custom-filter TR TD INPUT {
        font-size: 8pt;
        color: #000000;
    }

TABLE.custom-filter {
    border-style: solid;
    border-width: thin;
    border-bottom-style: none;
}

TABLE.filter, TABLE.filter TR TD {
    font-size: 8pt;
    color: #000000;
}

    TABLE.filter TR TD SELECT, TABLE.filter TR TD INPUT {
        font-size: 8pt;
        color: #000000;
    }

TABLE.filter {
    border-style: solid;
    border-width: thin;
    border-bottom-style: none;
}

TABLE.toggle-controls-border {
    border-style: solid;
    border-width: thin;
    font-size: 8pt;
    color: #000000;
}

TABLE.toggle-controls TD A {
    font-size: 8pt;
}

TABLE.toggle-controls TD.welcome {
    font-size: 10pt;
    font-weight: bold;
}

TABLE.interface-controls TD SELECT {
    font-size: 7pt;
    color: #000000;
}

TABLE.interface-controls TD, TABLE.interface-controls TD A {
    font-size: 8pt;
}

TABLE.interface-controls TH {
    font-size: 9pt;
}

/** DataGrid styles ******************************************/

TABLE.datagrid TR.datagrid-header-fixed, TABLE.datagrid TR.datagrid-header-fixed TD {
    background-color: #cccccc;
    color: #000000;
    font-size: 8pt;
    font-weight: normal;
    border-style: none;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-color: #ffffff;
    border-width: 1px;
    position: relative;
    vertical-align: middle;
    top: expression(this.offsetParent.scrollTop-1);
}

TABLE.datagrid,
TABLE.datagrid TR.datagrid-header,
TABLE.datagrid TR.datagrid-header TH,
TABLE.datagrid TR.datagrid-header TH A,
TABLE.datagrid TR.datagrid-header TD,
TABLE.datagrid TR.datagrid-header TD A {
    background-color: #cccccc;
    color: #000000;
    font-size: 8pt;
    font-weight: normal;
    border-style: none;
    vertical-align: middle;
}

TABLE.datagrid,
TABLE.datagrid TR.datagrid-subheader,
TABLE.datagrid TR.datagrid-subheader TD,
TABLE.datagrid TR.datagrid-subheader TD A,
TABLE.datagrid TR.datagrid-subsubheader,
TABLE.datagrid TR.datagrid-subsubheader TD,
TABLE.datagrid TR.datagrid-subsubheader TD A {
    background-color: #ffffff;
    /*padding: 10px 10px 0 10px;*/
    color: #000000;
    font-size: 8pt;
    font-weight: normal;
    border-style: none;
    vertical-align: middle;
    background-color: #CCCCCC;
}

TABLE.datagrid TR.datagrid-subheader,
TABLE.datagrid TR.datagrid-subsubheader {
    padding: 0;
}

TABLE.datagrid TR.datagrid-subsubheader .td-subsubheader-empty,
TABLE.datagrid TR.datagrid-subheader .td-subheader-empty {
    background-color: #CCCCCC;
    padding: 0 !important;
}

TABLE.datagrid TR.datagrid-subheader .td-subheader-checkbox,
TABLE.datagrid TR.datagrid-subsubheader .td-subsubheader-checkbox {
    padding: 0 !important;
}

TABLE.datagrid TR.datagrid-subheader .td-subheader {
    padding-left: 15px !important;
}

TABLE.datagrid TR.datagrid-subsubheader .td-subsubheader {
    padding-left: 30px !important;
}

.header-padding-20 {
    padding-left: 15px;
}

.header-padding-40 {
    padding-left: 30px;
}

    TABLE.datagrid TR.datagrid-header-light, TABLE.datagrid TR.datagrid-header-light TD, TABLE.datagrid TR.datagrid-header-light TD A {
        background-color: #eeeeee;
        color: #000000;
        font-size: 8pt;
        border-style: none;
    }

    TABLE.datagrid TR.datagrid-header TD.active, TABLE.datagrid TR.datagrid-header TD.active A {
        background-color: #cccccc;
        color: #000000;
        font-size: 8pt;
        border-style: none;
    }

    TABLE.datagrid, TABLE.datagrid TR.datagrid-footer, TABLE.datagrid TR.datagrid-footer TD, TABLE.datagrid TR.datagrid-footer TD A {
        background-color: #eeeeee;
        color: #000000;
        font-size: 8pt;
        font-weight: normal;
        border-style: none;
        vertical-align: middle;
    }

        TABLE.datagrid TR TD.active {
            background-color: #cccccc;
        }

        TABLE.datagrid TR TD {
            font-size: 8pt;
        }

            TABLE.datagrid TR TD A {
                font-size: 8pt;
            }

        TABLE.datagrid, TABLE.datagrid TR.datagrid-item, TABLE.datagrid TR.datagrid-item TD, TABLE.datagrid TR.datagrid-pp-completeditem, TABLE.datagrid TR.datagrid-pp-completeditem TD {
            font-size: 8pt;
            font-weight: normal;
            border-style: none;
        }

TABLE.datagrid, TABLE.datagrid TR.datagrid-item {
    font-size: 8pt;
    font-weight: normal;
    border-style: none;
}

            TABLE.datagrid TR.datagrid-item-master, TABLE.datagrid TR.datagrid-item-master TD, TABLE.datagrid TR.datagrid-pp-completeditem-master, TABLE.datagrid TR.datagrid-pp-completeditem-master TD {
                font-size: 8pt;
                font-weight: bold;
                border-style: none;
            }

            TABLE.datagrid, TABLE.datagrid TR.datagrid-item-alternate, TABLE.datagrid TR.datagrid-item-alternate TD {
                font-size: 8pt;
                border-style: none;
                background-color: #eeeeee;
            }

                TABLE.datagrid TR.datagrid-item-alternate-master, TABLE.datagrid TR.datagrid-item-alternate-master TD {
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                    background-color: #eeeeee;
                }

                TABLE.datagrid TR.datagrid-item.no-highlight-master, TABLE.datagrid TR.datagrid-item.no-highlight-master TD {
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-pp-item, TABLE.datagrid TR.datagrid-pp-item TD {
                    color: #ffffff;
                    font-size: 8pt;
                    border-style: none;
                    background-color: #6699cc;
                }

                TABLE.datagrid TR.datagrid-pp-item-master, TABLE.datagrid TR.datagrid-pp-item-master TD {
                    color: #ffffff;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                    background-color: #6699cc;
                }

                TABLE.datagrid TR.datagrid-pp-completeditem, TABLE.datagrid TR.datagrid-pp-completeditem TD {
                    color: #006600;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-pp-completeditem-master, TABLE.datagrid TR.datagrid-pp-completeditem-master TD {
                    color: #006600;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-pp-notcompleteditem, TABLE.datagrid TR.datagrid-pp-notcompleteditem TD {
                    color: #cc0000;
                    font-size: 8pt;
                    border-width: thin;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-pp-notcompleteditem-master, TABLE.datagrid TR.datagrid-pp-notcompleteditem-master TD {
                    color: #cc0000;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-pp-completeditem-bg, TABLE.datagrid TR.datagrid-pp-completeditem-bg TD {
                    font-size: 8pt;
                    border-style: none;
                    background-color: #eeeeee;
                }

                TABLE.datagrid TR.datagrid-pp-completeditem-bg-master, TABLE.datagrid TR.datagrid-pp-completeditem-bg-master TD {
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                    background-color: #eeeeee;
                }

                TABLE.datagrid TR.datagrid-pp-notcompleteditem-bg, TABLE.datagrid TR.datagrid-pp-notcompleteditem-bg TD {
                    font-size: 8pt;
                    border-width: thin;
                    border-style: none;
                    background-color: #ffcc33;
                }

                TABLE.datagrid TR.datagrid-pp-notcompleteditem-bg-master, TABLE.datagrid TR.datagrid-pp-notcompleteditem-bg-master TD {
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                    background-color: #ffcc33;
                }

                TABLE.datagrid TR.datagrid-item-r, TABLE.datagrid TR.datagrid-item-r TD {
                    color: #006600;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-item-r-master, TABLE.datagrid TR.datagrid-item-r-master TD {
                    color: #006600;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-item-c, TABLE.datagrid TR.datagrid-item-c TD {
                    color: #cc0000;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-item-c-master, TABLE.datagrid TR.datagrid-item-c-master TD {
                    color: #cc0000; /* #cc0000 */
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-item-comp, TABLE.datagrid TR.datagrid-item-comp TD {
                    color: #666666;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-item-comp-master, TABLE.datagrid TR.datagrid-item-comp-master TD {
                    color: #666666;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem TD {
                    background-color: #6699cc;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-master TD {
                    background-color: #6699cc;
                    font-size: 8pt;
                    font-weight: bold;
                    border-width: thin;
                    border-top-style: none;
                    border-top-color: #6699cc;
                    border-bottom-style: none;
                    border-bottom-color: #6699cc;
                    border-left-style: none;
                    border-left-color: #cccccc;
                    border-right-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-r TD {
                    color: #ffffff;
                    background-color: #6699cc;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-r-master TD {
                    color: #ffffff;
                    background-color: #6699cc;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-c TD {
                    color: #ffffff;
                    background-color: #6699cc;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-c-master TD {
                    color: #ffffff;
                    background-color: #6699cc;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-comp TD {
                    color: #666666;
                    background-color: #6699cc;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-comp-master TD {
                    color: #666666;
                    background-color: #6699cc;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem {
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-master {
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-r {
                    color: #006600;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-r-master {
                    color: #006600;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-c {
                    color: #cc0000;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-comp {
                    color: #666666;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-selecteditem-c-master {
                    color: #cc0000;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-predecessoritem, TABLE.datagrid TR.datagrid-predecessoritem TD {
                    background-color: #ffcc33;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-predecessoritem-master, TABLE.datagrid TR.datagrid-predecessoritem-master TD {
                    background-color: #ffcc33;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-predecessoritem-r, TABLE.datagrid TR.datagrid-predecessoritem-r TD {
                    color: #006600;
                    background-color: #ffcc33;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-predecessoritem-r-master, TABLE.datagrid TR.datagrid-predecessoritem-r-master TD {
                    color: #006600;
                    background-color: #ffcc33;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-predecessoritem-c, TABLE.datagrid TR.datagrid-predecessoritem-c TD {
                    color: #cc0000;
                    background-color: #ffcc33;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-predecessoritem-comp, TABLE.datagrid TR.datagrid-predecessoritem-comp TD {
                    color: #666666;
                    background-color: #ffcc33;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-predecessoritem-c-master, TABLE.datagrid TR.datagrid-predecessoritem-c-master TD {
                    color: #cc0000;
                    background-color: #ffcc33;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-successoritem, TABLE.datagrid TR.datagrid-successoritem TD {
                    background-color: #66cc33;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-successoritem-master, TABLE.datagrid TR.datagrid-successoritem-master TD {
                    background-color: #66cc33;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-successoritem-r, TABLE.datagrid TR.datagrid-successoritem-r TD {
                    color: #006600;
                    background-color: #66cc33;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-successoritem-r-master, TABLE.datagrid TR.datagrid-successoritem-r-master TD {
                    color: #006600;
                    background-color: #66cc33;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-successoritem-c, TABLE.datagrid TR.datagrid-successoritem-c TD {
                    color: #cc0000;
                    background-color: #66cc33;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-successoritem-comp, TABLE.datagrid TR.datagrid-successoritem-comp TD {
                    color: #666666;
                    background-color: #66cc33;
                    font-size: 8pt;
                    border-style: none;
                }

                TABLE.datagrid TR.datagrid-successoritem-c-master, TABLE.datagrid TR.datagrid-successoritem-c-master TD {
                    color: #cc0000;
                    background-color: #66cc33;
                    font-size: 8pt;
                    font-weight: bold;
                    border-style: none;
                }

TABLE.datagrid {
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
}

    TABLE.datagrid TR.datagrid-notes-item, TABLE.datagrid TR.datagrid-notes-item TD {
        color: #000000;
        font-size: 8pt;
        font-weight: normal;
        border-style: none;
        background-color: #eeeeee;
    }

    /* nested datagrid tables: reset word wrap */
    table.datagrid table {
        white-space: normal;
    }


/** Next Production Plans Grid ************************/
TABLE.npp-datagrid, TABLE.npp-datagrid TR.npp-datagrid-header, TABLE.npp-datagrid TR.npp-datagrid-header TD, TABLE.npp-datagrid TR.npp-datagrid-header TD A {
    background-color: #cccccc;
    color: #000000;
    font-size: 8pt;
    border-style: none;
}

    TABLE.npp-datagrid TR TD A {
        font-size: 8pt;
    }

    TABLE.npp-datagrid, TABLE.npp-datagrid TR.npp-datagrid-item, TABLE.npp-datagrid TR.npp-datagrid-item TD {
        font-size: 8pt;
        border-width: thin;
        border-top-style: none;
        border-top-color: #cccccc;
        border-bottom-style: none;
        border-bottom-color: #cccccc;
        border-left-style: none;
        border-right-style: none;
    }

        TABLE.npp-datagrid TR.npp-datagrid-planneditem, TABLE.npp-datagrid TR.npp-datagrid-planneditem TD {
            color: #006600;
            font-size: 8pt;
            border-style: none;
        }

        TABLE.npp-datagrid TR.npp-datagrid-preplanneditem, TABLE.npp-datagrid TR.npp-datagrid-preplanneditem TD {
            color: #cc0000;
            font-size: 8pt;
            border-style: none;
        }

TABLE.npp-datagrid {
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
}

/** Task Details Styles *******************************/
.task-detail-container {
    font-size: 8pt;
    border: solid;
    border-color: #6699cc;
    border-width: thin;
    padding: 10px;
}

.task-detail-container .task-detail {
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}

.task-detail-container .link {
    margin: 0 5px;
    float: right;
    font-weight:bold;
}

.task-detail-container .pred-succ {
    display: inline-block;
    vertical-align: top;
}

.task-detail-container .pred-succ .succ {
    min-width: 85px;
    display: inline-block;
    max-width: 50%;
    vertical-align: top;
}

.task-detail-container .pred-succ .pred {
    margin-right: 10px;
    min-width: 85px;
    vertical-align: top;
    max-width: 50%;
    display: inline-block;
}
.task-detail-container .label {
    color: #b3b3b3;
    text-transform: uppercase;
}

.task-detail-container .labels {
    display: inline-block;
}

.task-detail-container .values {
    display: inline-block;
}

.task-detail-container .value {
    color: #333;
}

.task-detail-container .structures {
    vertical-align: top;
    padding-bottom: 10px;
    padding-right: 10px;
    display: inline-block;
}

.task-detail-container .task-detail.description .value {
    font-weight: bold;
}

.task-detail-container .task-detail .detail-item {
    display: inline-block;
    margin-right: 10px;
}

TABLE.task-details {
    font-size: 8pt;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: #6699cc;
    border-width: thin;
    border-collapse: collapse;
}

    TABLE.task-details TR TD, TABLE.task-details TR TD A {
        font-size: 8pt;
    }

        TABLE.task-details TR TD.name {
            color: #000000;
            text-decoration: underline;
        }

TABLE.task-details-responsible {
    font-size: 8pt;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: #ffff33;
    border-width: thin;
    border-collapse: collapse;
}

    TABLE.task-details-responsible TR TD, TABLE.task-details-responsible TR TD A {
        font-size: 8pt;
    }

        TABLE.task-details-responsible TR TD.name {
            color: #000000;
            text-decoration: underline;
        }

        TABLE.task-details-responsible TR TD.value INPUT,
        TABLE.task-details-responsible TR TD.value SELECT,
        TABLE.task-details-responsible TR TD.value TEXTAREA {
            font-size: 8pt;
            color: #000000;
        }

TABLE.task-details-teamresponsible {
    font-size: 8pt;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: #ff6633;
    border-width: thin;
    border-collapse: collapse;
}

    TABLE.task-details-teamresponsible TR TD, TABLE.task-details-teamresponsible TR TD A {
        font-size: 8pt;
    }

        TABLE.task-details-teamresponsible TR TD.name {
            color: #000000;
            text-decoration: underline;
        }

        TABLE.task-details-teamresponsible TR TD.value INPUT,
        TABLE.task-details-teamresponsible TR TD.value SELECT,
        TABLE.task-details-teamresponsible TR TD.value TEXTAREA {
            font-size: 8pt;
            color: #000000;
        }

TABLE.interface-results TR TH {
    font-size: 9pt;
    background-color: #cccccc;
    color: #000000;
}

TABLE.interface-results TR TD {
    font-size: 8pt;
    background-color: #ffffff;
    color: #000000;
}

.materialYes, A.materialYes, TD A.materialYes {
    color: #ffffff;
    background-color: #000000;
    padding: 0 2px 1px 1px;
    font-size: 7pt;
}

.materialNo, A.materialNo, TD A.materialNo,
TABLE.task-details TR TD A.materialNo,
TABLE.task-details-teamresponsible TR TD A.materialNo,
TABLE.task-details-responsible TR TD A.materialNo,
TABLE.datagrid TR TD A.materialNo {
    color: #333333;
    font-size: 7pt;
}

TABLE.resource-grid {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana;
    font-size: 8pt;
    border-color: #000000;
    border-style: solid;
}

TABLE.resource-grid TR TD {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana;
    font-size: 8pt;
    border-color: #cccccc;
    border-style: solid;
}

TABLE.resource-grid TR TD A {
    color: #000000;
    border-style: none;
    font-size: 8pt;
}

TABLE.resource-grid TR.resource-grid-header TD, TABLE.resource-grid TR.resource-grid-header TD A {
    color: #000000; /*#ffffff;*/
    background-color: #cccccc; /*#3366cc;*/ /*#4a3c8c;*/
    font-size: 8pt;
    font-weight: normal; /*bold;*/
    border-style: none;
}

TABLE.resource-grid TR.resource-grid-footer TD, TABLE.resource-grid TR.resource-grid-footer TD A {
    background-color: #cccccc;
    font-size: 8pt;
}

TABLE.resource-grid TR.resource-grid-selected TD, TABLE.resource-grid TR.resource-grid-selected TD A {
    background-color: #66cc33;
    font-size: 8pt;
}

TABLE.resource-grid TR.resource-grid-alternating TD, TABLE.resource-grid TR.resource-grid-alternating TD A {
    background-color: #ffffff;
    font-size: 8pt;
}

TABLE.resource-grid TR.resource-grid-edit TD, TABLE.resource-grid TR.resource-grid-edit TD SELECT {
    color: #000000;
    background-color: #cccccc;
    font-size: 8pt;
}

TABLE.resource-grid TR.resource-grid-pager TD, TABLE.resource-grid TR.resource-grid-pager TD SELECT {
    color: #000000;
    background-color: #ffffff;
    font-size: 8pt;
}

TABLE.resource-grid TD A {
    border-style: none;
}

TABLE.resource-grid-history TR TD {
    font-size: x8pt;
    font-style: italic;
    border: none;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 0px;
    margin: 0px;
    border-collapse: collapse;
}

/* MILESTONE INPUT SCREEN */
TABLE.milestone-input {
    font-size: 8pt;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: #6699cc;
    border-width: thin;
    border-collapse: collapse;
}

    TABLE.milestone-input TR TD,
    TABLE.milestone-input TR TD A {
        font-size: 8pt;
    }

        TABLE.milestone-input TR TD SELECT,
        TABLE.milestone-input TR TD TEXTAREA,
        TABLE.milestone-input TR TD INPUT {
            font-size: 8pt;
            color: #000000;
        }

        TABLE.milestone-input TR TD.header {
            font-size: 8pt;
        }

/* TASK INPUT SCREEN */
TABLE.task-input {
    font-size: 8pt;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: #ffcc33;
    border-width: thin;
    border-collapse: collapse;
}

    TABLE.task-input TR TD,
    TABLE.task-input TR TD A {
        font-size: 8pt;
    }

        TABLE.task-input TR TD SELECT,
        TABLE.task-input TR TD TEXTAREA,
        TABLE.task-input TR TD INPUT {
            font-size: 8pt;
            color: #000000;
        }

        TABLE.task-input TR TD.header {
            font-size: 8pt;
        }

TABLE.task-input-group {
    font-size: 8pt;
    border-left-style: dotted;
    border-right-style: dotted;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-color: #6699cc;
    border-width: 1px;
    border-collapse: collapse;
}

TABLE.gantt-grid, TABLE.gantt-grid TR, TABLE.gantt-grid TR TD {
    border-style: none;
    border-collapse: collapse;
    border-color: White;
}

.GanttImage {
    page-break-after: always;
}


/** Document Manager ****************************************/

TABLE TR.document-task-association-active TD,
TABLE TR.document-task-association-active TD A,
TABLE TR.document-tier-association-active TD,
TABLE TR.document-tier-association-active TD A,
TABLE TR.document-standardprocess-association-active TD,
TABLE TR.document-standardprocess-association-active TD A,
TABLE TR.document-materialorder-association-active TD,
TABLE TR.document-materialorder-association-active TD A {
    /* no special customizations */
}

TABLE TR.document-task-association-inactive TD,
TABLE TR.document-task-association-inactive TD A,
TABLE TR.document-tier-association-inactive TD,
TABLE TR.document-tier-association-inactive TD A,
TABLE TR.document-standardprocess-association-inactive TD,
TABLE TR.document-standardprocess-association-inactive TD A,
TABLE TR.document-materialorder-association-inactive TD,
TABLE TR.document-materialorder-association-inactive TD A {
    color: #cccccc;
    text-decoration: line-through;
}

TABLE.document-grid TR.document-grid-header,
TABLE.document-grid TR.document-grid-header TD {
    background-color: #6699cc;
    font-weight: bold;
}

/* Calendar Popup */
.calendar, TD.calendar {
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
    font-family: Verdana;
    font-size: 8px;
}

.calendar-title, TD.calendar-title,
.calendar-nextprev, TD.calendar-nextprev {
    background-color: #3366cc;
    color: #000000;
}

.calendar-othermonthday, TD.calendar-othermonthday {
    color: #cccccc;
}

.report-calendar, TD.report-calendar {
    background-color: #66cc33;
    color: #000000;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    font-family: Verdana;
    font-size: 8px;
}

.report-calendar-title, TD.report-calendar-title,
.report-calendar-nextprev, TD.report-calendar-nextprev {
    background-color: #666666;
    color: #000000;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
}

.report-calendar-othermonthday, TD.report-calendar-othermonthday {
    color: #cccccc;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
}

.report-calendar-day, TD.report-calendar-day {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    font-family: Verdana;
    font-size: 8px;
}

TABLE.date-input {
    font-family: Verdana;
}

.workstructure-green {
    color: #006600;
}

.gray-spacer {
    background-color: #cccccc;
    color: #666666;
}

SELECT.self-cert OPTION.completed {
    background-color: #666666;
}

/* Team Calendar */
TABLE.calendar-month TR TD {
    color: #666666;
}

    TABLE.calendar-month TR TD.header {
        color: #000000;
        font-weight: bold;
    }

SPAN.day-prompt {
    text-decoration: underline;
    color: #000000;
    cursor: hand;
}

TABLE.calendar-month TR TD.full {
    background-color: #66cc33;
}

TABLE.calendar-month TR TD.partial {
    background-color: #ffcc33;
}

TABLE.calendar-month TR TD.holiday {
    background-color: #ff6633;
}

TABLE.calendar-month TR TD.other-month {
    background-color: #cccccc;
    color: #ffffff;
}

/* Product Catalog */
TABLE.product-details TR.header TD,
TABLE.product-details TR.custom-description TD {
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
}

    TABLE.product-details TR.values TD,
    TABLE.product-details TR.values TD A,
    TABLE.product-details TR.custom-description TD INPUT {
        color: #000000;
        font-size: 8pt;
    }

TABLE.selected-task-border {
    border-style: solid;
    border-width: thin;
    border-color: #6699cc;
}

TABLE.legend TR TD {
    font-weight: bold;
    font-size: 7pt;
    width: 90px;
    text-align: center;
}

    TABLE.legend TR TD.predecessor {
        background-color: #ffcc33;
    }

    TABLE.legend TR TD.selected {
        color: #ffffff;
        background-color: #3366cc;
    }

    TABLE.legend TR TD.successor {
        background-color: #66cc33;
    }

    TABLE.legend TR TD.team-member {
        background-color: #ff9933; /*#ffff33;*/
    }

    TABLE.legend TR TD.team-tla {
        color: #ffffff;
        background-color: #cc3366; /*#cc0000;*/ /* #ff6633; */
    }

TABLE TD.legend-lrm {
    background-color: #ffcc33;
}

TABLE TD.legend-forecast {
    background-color: #6699cc;
}

TABLE TD.legend-forecast-released {
    background-color: #66cc33;
}

TABLE TD.legend-actual {
    background-color: #ff6633;
}

TABLE TD.legend-forecast-driver {
    background-color: #cc3366;
    color: #ffffff;
}

TABLE.materials-manager {
    border-style: solid;
    border-width: thin;
}

@media print {
    TABLE.datagrid TR.datagrid-item TD, TABLE.datagrid TR.datagrid-item-alternate TD, TABLE.datagrid TR.datagrid-header, TABLE.datagrid TR.datagrid-header TD, TABLE.datagrid TR.datagrid-pp-completeditem, TABLE.datagrid TR.datagrid-pp-completeditem TD, TABLE.datagrid TR.datagrid-pp-completeditem, TABLE.datagrid TR.datagrid-pp-completeditem TD, TABLE.datagrid TR.datagrid-pp-notcompleteditem, TABLE.datagrid TR.datagrid-pp-notcompleteditem TD, TABLE.datagrid TR.datagrid-item-r, TABLE.datagrid TR.datagrid-item-r TD, TABLE.datagrid TR.datagrid-item-c, TABLE.datagrid TR.datagrid-item-c TD, TABLE.datagrid TR.datagrid-selecteditem TD, TABLE.datagrid TR.datagrid-selecteditem-r TD, TABLE.datagrid TR.datagrid-selecteditem-c TD, TABLE.datagrid TR.datagrid-selecteditem, TABLE.datagrid TR.datagrid-selecteditem-r, TABLE.datagrid TR.datagrid-selecteditem-cTABLE.datagrid TR.datagrid-predecessoritem, TABLE.datagrid TR.datagrid-predecessoritem TD, TABLE.datagrid TR.datagrid-predecessoritem-r, TABLE.datagrid TR.datagrid-predecessoritem-r TD, TABLE.datagrid TR.datagrid-predecessoritem-c, TABLE.datagrid TR.datagrid-predecessoritem-c TD, TABLE.datagrid TR.datagrid-successoritem, TABLE.datagrid TR.datagrid-successoritem TD, TABLE.datagrid TR.datagrid-successoritem-r, TABLE.datagrid TR.datagrid-successoritem-r TD, TABLE.datagrid TR.datagrid-successoritem-c, TABLE.datagrid TR.datagrid-successoritem-c TD {
        font-size: 8pt;
        border-width: 1px;
        border-top-style: solid;
        border-top-color: #cccccc;
        border-bottom-style: none;
        border-bottom-color: #cccccc;
        border-left-style: solid;
        border-right-style: none;
    }

    TABLE.npp-datagrid, TABLE.npp-datagrid TR.npp-datagrid-header, TABLE.npp-datagrid TR.npp-datagrid-header TD, TABLE.npp-datagrid, TABLE.npp-datagrid TR.npp-datagrid-item, TABLE.npp-datagrid TR.npp-datagrid-item TD, TABLE.npp-datagrid TR.npp-datagrid-planneditem, TABLE.npp-datagrid TR.npp-datagrid-planneditem TD, TABLE.npp-datagrid TR.npp-datagrid-preplanneditem, TABLE.npp-datagrid TR.npp-datagrid-preplanneditem TD, TABLE.npp-datagrid {
        font-size: 8pt;
        border-width: 1px;
        border-top-style: solid;
        border-top-color: #cccccc;
        border-bottom-style: none;
        border-bottom-color: #cccccc;
        border-left-style: solid;
        border-right-style: none;
    }
}

.datagrid-item:hover td,
.datagrid-pp-completeditem:hover td,
.datagrid-pp-notcompleteditem:hover td {
    background-color: #f0f0f0;
}

.datagrid-item.no-highlight:hover td {
    background-color: #ffffff;
}

/* Grid controls (chevrons) colors */

.grid-control {
    background-color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal !important;
}

    .grid-control:hover {
        background-color: #f0f0f0;
    }

    .grid-control.access-team,
    .grid-control.access-member {
        color: #000000 !important;
    }

    .grid-control.access-readonly {
        color: #cccccc !important;
        /*text-shadow: #ffffff 1px 1px;*/
        /*background-color: #f0f0f0;*/
    }

/* Main page areas */

#main_menu_holder {
    height: 30px;
}

#main_content_holder {
    position: absolute;
    top: 36px;
    left: 8px;
    right: 8px;
    bottom: 4px;
    overflow-y: scroll;
}

    #main_content_holder table {
        height: 22px;
    }

#main_content_holder_mid {
    position: absolute;
    top: 36px;
    left: 8px;
    right: 8px;
    bottom: 63px;
    overflow-y: scroll;
}

    #main_content_holder_mid table {
        height: 22px;
    }

#footer {
    position: absolute;
    bottom: 2px;
    left: 8px;
    right: 8px;
    height: 58px;
    border: 1px solid #7c7c7c;
    background-color: #ffffff;
}

    #footer table {
        background-color: #ffffff;
        border-collapse: collapse;
    }

/* move menu title to the right*/
div.RadMenu .rmLast {
    float: right;
}

.row-spacer td {
    font-size: 0px;
    height: 4px;
}

/* Rad Menu modifications for schema: Simle */

.RadMenu ul.rmRootGroup {
    background-color: #cccccc !important;
}

.RadMenu .rmItem .rmRootLink.rmExpanded,
.RadMenu .rmItem .rmRootLink.rmExpanded:hover {
    background-color: #ff9933 !important;
}

.RadMenu .rmItem a.rmLink:hover,
.RadMenu .rmItem a.rmFocused,
.RadMenu .rmItem a.rmSelected,
.RadMenu .rmItem a.rmSelected:hover,
.RadMenu .rmItem a.rmExpanded,
.RadMenu .rmItem a.rmExpanded:hover {
    background-color: #ffcc33 !important;
}

.RadMenu .rmItem a.rmDisabled,
.RadMenu .rmItem a.rmDisabled:hover {
    background-color: transparent !important;
}

.RadMenu .rmHorizontal a.rmRootLink .rmText, .RadMenu .rmHorizontal a.rmRootLink.rmDisabled .rmText {
    text-transform: uppercase;
}

.RadMenu .rmHorizontal a.rmDisabled .rmText {
    text-transform: none;
}

/* calendar weekends */
/*
.rcWeekend a {
    background-color: #f0f0f0;
}
*/

/* chevrones */
.chevron::before {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.35em;
    left: 0.15em;
    position: relative;
    top: 0.35em;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: top;
    width: 0.35em;
    margin-right: 0.35em;
    color: #999;
}

.chevron:hover::before {
    color: #000;
}

.chevron.top::before {
}

.chevron.right::before {
    left: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.chevron.bottom::before {
    top: 0.25em;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.chevron.left::before {
    left: 0.25em;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.weatherFeed {
    font-family: Verdana;
    font-size: 90%;
    margin: 0em 0em;
    width: 100%;
    border: none;
}

    .weatherFeed a {
        color: #666666;
    }

        .weatherFeed a:hover {
            color: #000;
            text-decoration: none;
        }

.weatherItem {
    padding: 0.8em;
    text-align: left;
}

.weatherHourItem {
    padding: 10px;
    text-align: left;
}

.weatherCity {
    text-align: center;
    text-transform: uppercase;
}

.weatherTemperature {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 3px;
}

.weatherTemp {
    font-size: 2.8em;
    font-weight: bold;
}

.weatherDesc, .weatherCity, .weatherForecastDay, .weatherForecastHour {
    font-weight: bold;
}

.weatherDesc {
    margin-bottom: 0.4em;
}

.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem {
    font-size: 10px;
}

.weatherLink, .weatherForecastItem {
    margin-top: 0.5em;
    text-align: left;
}

.weatherForecastItem {
    padding: 0.5em 0.5em 0.5em 64px;
    background-color: #ffffff;
    background-position: 7px center;
    width: 120px;
}

.weatherFeed.hourly-weather table {
    outline: 1px solid #fff;
}

.hourly-weather {
    max-width: 1140px;
}

.weatherForecastHourItem {
    font-size: 10px;
    margin-top: 0.5em;
    text-align: left;
    background-position: left center;
}

.weatherForecastItem:hover {
    background-color: #f0f0f0;
    cursor: pointer;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.weatherForecastItemSelected {
    background-color: #cccccc !important;
    outline: 1px solid #fff;
}

.weatherForecastDay {
    font-size: 1.1em;
}

.weatherForecastTemperature {
    font-size: 9px;
    font-weight: bold;
}

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

.weather-units-wrapper {
    position: absolute;
    font-size: 7pt;
    top: -3px;
    left: 4px;
}

#hideWeather {
    position: absolute;
    bottom: -6px;
    left: 4px;
    font-size: 11pt;
}

#hideWeather:hover {
    cursor: pointer;
    font-weight: bold;
}

#usWeatherUnit:hover, #siWeatherUnit:hover {
    cursor: pointer;
    text-decoration: underline;
}

.odd {
    background-color: #cccccc;
}

.even {
    background-color: #cccccc;
}

div.print-footer {
    display: none;
}

@media print {
    div.print-footer {
        display: block;
        position: fixed;
        text-align: center;
        bottom: 0;
        left: 0;
        right: 0;
        color: #999;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
    }
}

/*start styles for structure navigator*/
.structure-navigator-wrapper *, .custom-filter * {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.structure-navigator-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    /*height: 135px;*/
    /*margin-left: 50px;
    margin-top: 50px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

    .structure-navigator-wrapper li a, .structure-navigator-wrapper li > span {
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        font-size: 8pt !important;
    }

    .structure-navigator-wrapper #breadcrumb li span.icon {
        font-size: 9pt;
    }

    .structure-navigator-wrapper span.icon.sps-font-search {
        margin-left: 0;
        margin-right: 5px;
    }

    .structure-navigator-wrapper span.icon {
        margin-left: 5px;
    }

    .structure-navigator-wrapper li.header a, .structure-navigator-wrapper li.header > span {
        background-color: #999999 !important;
        color: #fff !important;
        padding-left: 10px !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .structure-navigator-wrapper li.header a:after, .structure-navigator-wrapper li.header > span:after {
            border-color: #999999 !important;
        }

    .structure-navigator-wrapper #breadcrumb li span span.k-widget {
        border-radius: 2px;
        border: 0px solid #999999;
        width: 0 !important;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
        outline: none;
        margin-bottom: 2px;
    }

    .structure-navigator-wrapper #breadcrumb li span input[type='text'] {
        width: 0 !important;
        border: none;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }

    .structure-navigator-wrapper #breadcrumb li span.expanded input[type='text'] {
        width: 100% !important;
        font-size: 8pt;
    }

    .structure-navigator-wrapper #breadcrumb li span span.k-i-close {
        margin-top: 0 !important;
        margin-right: 0 !important;
        right: 4px !important;
        outline: none !important;
        cursor: pointer !important;
    }

    /*.structure-navigator-wrapper #breadcrumb li span.expanded span.k-i-close {
    display: none;
}*/

    .structure-navigator-wrapper #breadcrumb li span span.k-widget input {
        height: 20px !important;
        padding: 0;
        border-radius: 2px;
    }

    .structure-navigator-wrapper #breadcrumb li span span.k-state-focused {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.new-item {
    display: none;
    width: 0;
}

.structure-navigator-wrapper li {
    display: list-item;
    width: auto;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.structure-navigator-wrapper #breadcrumb li span span.k-widget.expanded {
    width: 250px !important;
    background-color: #fff;
    font-size: 9pt;
    height: 20px;
}

.structure-navigator-wrapper #breadcrumb li span.apply-filter-btn:after {
    content: "\f00c";
    font-family: 'sps-font-awesome';
    margin-left: 2px;
    margin-right: 2px;
    height: 15px;
}

.search-input-wrapper {
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.apply-filter-btn {
    display: none;
}

    .apply-filter-btn.expanded {
        display: inline;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        font-size: 8pt;
        border-radius: 0 2px 2px 0;
        margin-left: -1px;
        position: relative;
    }

        .apply-filter-btn.expanded input[type='submit'] {
            height: 13px;
            width: 15px !important;
            position: absolute;
            top: 0;
            left: 0;
            background-color: transparent;
            color: transparent;
            cursor: pointer;
        }

.structure-navigator-wrapper #breadcrumb .structure-select,
.structure-navigator-wrapper #breadcrumb .k-dropdown.structure-select span,
.custom-comtrol-wrapper .k-dropdown,
.custom-comtrol-wrapper .k-dropdown span,
.custom-comtrol-wrapper .k-multiselect div {
    outline: none;
    border: none;
    background-color: transparent;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
    font-size: 8pt;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

    .custom-comtrol-wrapper .k-dropdown span {
        padding-bottom: 0;
    }

        .custom-comtrol-wrapper .k-dropdown span.k-input {
            padding: 0;
            color: #000;
            padding-top: 2px;
            padding-bottom: 1px;
            text-align: left;
            text-indent: 0;
        }

        .k-ie .custom-comtrol-wrapper .k-dropdown span.k-input {
            padding-top: 1px;
        }

.custom-comtrol-wrapper .k-multiselect {
    display: inline-block;
    border-radius: 0px !important;
    background-color: transparent;
}

.custom-comtrol-wrapper .k-multiselect .k-multiselect-wrap {
    padding-right: 5px;
    border-radius: 0px !important;
}

.custom-comtrol-wrapper .k-multiselect .k-multiselect-wrap .k-input {
        display: none;
    }

.custom-comtrol-wrapper .k-multiselect .k-multiselect-wrap ul li {
    border-color: #999999;
    background-color: #999999;
    border-radius: 3px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 18px;
    margin: 0;
    margin-left: 2px;
    margin-top: 1px;
    min-height: 22px;
}

.custom-filter-multiselect-popup-list ul li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.custom-filter-multiselect-item-text {
    font-size: 8pt !important;
}

.custom-comtrol-wrapper .k-multiselect .k-multiselect-wrap ul li span span.k-icon.k-i-close {
    font-size: 10pt;
}

.structure-navigator-wrapper #breadcrumb .k-dropdown.structure-select span {
    color: #000;
}

.structure-navigator-wrapper #breadcrumb .k-dropdown.structure-select span.k-input {
    padding-top: 2px;
    padding-bottom: 1px;
}

.structure-navigator-wrapper #breadcrumb .k-dropdown.structure-select .k-state-disabled {
    color: #000;
    opacity: .35;
}

.structure-navigator-wrapper #breadcrumb .k-dropdown.structure-select span.k-icon:before, .custom-comtrol-wrapper .k-dropdown span.k-icon:before {
    content: "";
}

.structure-navigator-wrapper #breadcrumb .k-dropdown.structure-select span.k-icon, .custom-comtrol-wrapper .k-dropdown span.k-icon {
    background-image: url(jquery/images/ui-icons_777777_256x240.png);
    float: right !important;
    margin-top: 0 !important;
    right: 0.5em !important;
    left: auto !important;
    margin-top: -8px !important;
    position: absolute !important;
    top: 50% !important;
    background-position: -67px -15px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.structure-navigator-wrapper #breadcrumb .k-dropdown.structure-select, .custom-comtrol-wrapper .k-dropdown, .custom-comtrol-wrapper .k-multiselect {
    width: auto;
}

.structure-navigator-wrapper #breadcrumb {
    /*-webkit-box-shadow: 3px 4px 5px -2px rgba(153,153,153,0.5);
    -moz-box-shadow: 3px 4px 5px -2px rgba(153,153,153,0.5);
    box-shadow: 3px 4px 5px -2px rgba(153,153,153,0.5);*/
}

/*.quarantined-structure-cls:before {
    content: '';
    width: 5px;
    height: 9px;
    outline: 1px solid #333;
    display: inline-block;
    margin-right: 8px;
    background: repeating-linear-gradient( 45deg, #333, #333 2px, #FFCC33 2px, #FFCC33 4px);
}*/

.structure-navigator-wrapper .custom-controls, .structure-navigator-wrapper.custom-filter.custom-controls {
    display: inline-block;
}

.k-ie11 .structure-navigator-wrapper .custom-controls, .structure-navigator-wrapper.custom-filter.custom-controls {
    display: block !important;
}

.k-ie11 .structure-navigator-wrapper .structure-navigator {
    display: block !important;
}

.k-ie11 .custom-comtrol-wrapper.edit-structure-custom-attribute {
    vertical-align: baseline !important;
}

.k-ie11 #dv_content {
    margin-left: 5px;
}

.structure-navigator-wrapper .custom-comtrol-wrapper, .custom-filter .custom-comtrol-wrapper {
    position: relative;
    /*display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
    display: inline-block;
    /*padding: 5px;*/
    border-radius: 2px;
    background-color: #fff;
    color: #000;
    margin-right: 5px;
    /*margin-top: 5px;*/
    margin-bottom: 5px;
    border: 1px solid #999999;
    height: 26px;
    /*-webkit-box-shadow: 3px 4px 5px -2px rgba(153,153,153,0.5);
    -moz-box-shadow: 3px 4px 5px -2px rgba(153,153,153,0.5);
    box-shadow: 3px 4px 5px -2px rgba(153,153,153,0.5);*/
}

    .structure-navigator-wrapper .custom-comtrol-wrapper:hover, .custom-filter .custom-comtrol-wrapper:hover {
        background-color: #f0f0f0;
        cursor: pointer;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
    }

    .structure-navigator-wrapper .custom-comtrol-wrapper:active, .custom-filter .custom-comtrol-wrapper:active {
        background-color: #999999;
        cursor: pointer;
        color: #fff;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
        -webkit-transition: color 200ms linear;
        -moz-transition: color 200ms linear;
        -o-transition: color 200ms linear;
        -ms-transition: color 200ms linear;
        transition: color 200ms linear;
    }

        .structure-navigator-wrapper .custom-comtrol-wrapper:active .ui-selectmenu-text, .custom-filter .custom-comtrol-wrapper:active .ui-selectmenu-text {
            color: #fff !important;
            -webkit-transition: color 200ms linear;
            -moz-transition: color 200ms linear;
            -o-transition: color 200ms linear;
            -ms-transition: color 200ms linear;
            transition: color 200ms linear;
        }

    .show-only-values-mode .custom-comtrol-wrapper:active {
        cursor: default;
        background-color: #fff;
        color: #000;
    }

    .show-only-values-mode .custom-comtrol-wrapper:hover {
        cursor: default;
        background-color: #fff;
    }

    .custom-comtrol-wrapper.edit-structure-custom-attribute {
        width: auto;
        text-align: center;
        vertical-align: initial;
        font-size: 16px;
        background-color: #999999 !important;
        color: #fff;
        cursor: pointer;
    }

    .custom-comtrol-wrapper.edit-structure-custom-attribute:hover {
        background-color: #666666 !important;
        cursor: pointer;
    }

    .custom-comtrol-wrapper.edit-structure-custom-attribute .custom-control-caption {
        width: 21px;
    }

.structure-navigator-wrapper .custom-control-caption, .custom-filter .custom-control-caption {
    margin-left: 5px;
    /*margin-right: 5px;*/
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: inline-block;
    float: left;
    padding: 5px;
}

.custom-comtrol-wrapper select {
    outline: none;
    border: none;
    font-size: 8pt;
    color: #000;
    background-color: #fff;
}

.custom-comtrol-wrapper.task-custom-attribute-wrapper input[type='text'] {
    width: 100px;
    display: inline-block;
    margin-top: 4px;
    margin-right: 4px;
}

.task-custom-attribute-filter .multiple-checkbox-control {
    display: inline-block;
    margin-right: 3px;
    margin-left: 5px;
    margin-bottom: 3px;
}

.task-custom-attribute-filter {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.structure-navigator-wrapper .structure-navigator {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.structure-navigator-wrapper #breadcrumb {
    list-style: none;
    display: inline-block;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-radius: 2px;
    /*margin-top: 5px;*/
    margin-bottom: 5px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin-right: 10px;
}

    .structure-navigator-wrapper #breadcrumb .icon {
        font-size: 14px;
    }

    .structure-navigator-wrapper #breadcrumb li {
        float: left;
    }

        .structure-navigator-wrapper #breadcrumb li a, .structure-navigator-wrapper #breadcrumb li > span {
            color: #000;
            display: block;
            background: #fff;
            text-decoration: none;
            position: relative;
            height: 24px;
            line-height: 24px;
            padding: 0 5px 0 5px;
            text-align: center;
            margin-right: 12px;
        }

        .structure-navigator-wrapper #breadcrumb li:nth-child(even) a {
            background-color: #fff;
        }

            .structure-navigator-wrapper #breadcrumb li:nth-child(even) a:before {
                border-color: #fff;
                border-left-color: transparent;
            }

            .structure-navigator-wrapper #breadcrumb li:nth-child(even) a:after {
                border-left-color: #fff;
            }

        .structure-navigator-wrapper #breadcrumb li:first-child a {
            padding-left: 15px;
            /*-moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 0 0 2px;*/
        }

            .structure-navigator-wrapper #breadcrumb li:first-child a:before, .structure-navigator-wrapper #breadcrumb li:first-child > span:before {
                border: none;
            }

        .structure-navigator-wrapper #breadcrumb li:last-child a {
            padding-right: 12px;
            padding-left: 0;
            margin-right: 0;
            -moz-border-radius: 0 2px 2px 0;
            -webkit-border-radius: 0;
            border-radius: 0 2px 2px 0;
        }

            .structure-navigator-wrapper #breadcrumb li:last-child a:after {
                border: none;
            }

        .structure-navigator-wrapper #breadcrumb li a.last-visible:after {
            border: none;
        }

        .structure-navigator-wrapper #breadcrumb li a.last-visible {
            margin-right: 0 !important;
        }

        .structure-navigator-wrapper #breadcrumb li a:before, .structure-navigator-wrapper #breadcrumb li a:after, .structure-navigator-wrapper #breadcrumb li > span:before, .structure-navigator-wrapper #breadcrumb li > span:after {
            content: "";
            position: absolute;
            top: 0;
            border: 0 solid #fff;
            border-width: 12px 6px;
            width: 0;
            height: 0;
            -ms-transform: rotate(360deg); /* IE 9 */
            -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
            transform: rotate(360deg);
        }

        .structure-navigator-wrapper #breadcrumb li a:before, .structure-navigator-wrapper #breadcrumb li > span:before {
            left: -10px;
            border-left-color: transparent;
        }

        .structure-navigator-wrapper #breadcrumb li a:after, .structure-navigator-wrapper #breadcrumb li > span:after {
            left: 100%;
            border-color: #b3b3b3;
            border-left-color: #fff;
        }

        .structure-navigator-wrapper #breadcrumb li a:hover {
            background-color: #f0f0f0;
            -webkit-transition: background-color 200ms linear;
            -moz-transition: background-color 200ms linear;
            -o-transition: background-color 200ms linear;
            -ms-transition: background-color 200ms linear;
            transition: background-color 200ms linear;
        }

            .structure-navigator-wrapper #breadcrumb li a:hover:before {
                border-color: #f0f0f0;
                border-left-color: transparent;
                -webkit-transition: border-color 200ms linear;
                -moz-transition: border-color 200ms linear;
                -o-transition: border-color 200ms linear;
                -ms-transition: border-color 200ms linear;
                transition: border-color 200ms linear;
            }

            .structure-navigator-wrapper #breadcrumb li a:hover:after {
                border-left-color: #f0f0f0;
                -webkit-transition: border-color 200ms linear;
                -moz-transition: border-color 200ms linear;
                -o-transition: border-color 200ms linear;
                -ms-transition: border-color 200ms linear;
                transition: border-color 200ms linear;
            }

        .structure-navigator-wrapper #breadcrumb li a:active {
            background-color: #999999;
        }

            .structure-navigator-wrapper #breadcrumb li a:active .ui-selectmenu-text {
                color: #fff !important;
                -webkit-transition: color 200ms linear;
                -moz-transition: color 200ms linear;
                -o-transition: color 200ms linear;
                -ms-transition: color 200ms linear;
                transition: color 200ms linear;
            }

            .structure-navigator-wrapper #breadcrumb li a:active:before {
                border-color: #999999;
                border-left-color: transparent;
            }

            .structure-navigator-wrapper #breadcrumb li a:active:after {
                border-left-color: #999999;
            }

        .structure-navigator-wrapper #breadcrumb li a.structure-select-wrapper {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

@font-face {
    font-family: 'sps-font-awesome';
    src: url('fonts/sps-font/sps-font-awesome.eot?ioxjub');
    src: url('fonts/sps-font/sps-font-awesome.eot?ioxjub#iefix') format('embedded-opentype'), url('fonts/sps-font/sps-font-awesome.ttf?ioxjub') format('truetype'), url('fonts/sps-font/sps-font-awesome.woff?ioxjub') format('woff'), url('fonts/sps-font/sps-font-awesome.svg?ioxjub#sps-font-awesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="sps-font-"], [class*=" sps-font-"] {
    font-family: 'sps-font-awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sps-font-search:before {
    content: "\f002";
}

.sps-font-plus:before {
    content: "\f067";
    line-height: inherit !important;
}

.sps-font-plus {
    line-height: inherit !important;
}

.structure-navigator-wrapper li.header {
    min-width: 150px;
}

.structure-navigator-wrapper .ui-selectmenu-button, .custom-filter .ui-selectmenu-button {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    width: auto !important;
    height: 24px;
    margin: 0 !important;
    padding: 0 !important;
}

    .structure-navigator-wrapper .ui-selectmenu-button .ui-selectmenu-text, .custom-filter .ui-selectmenu-text {
        background-color: transparent !important;
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        font-size: 8pt !important;
        color: #000 !important;
        height: 24px;
    }

.structure-navigator-wrapper .custom-controls .ui-selectmenu-button .ui-selectmenu-text, .custom-filter.custom-controls .ui-selectmenu-button .ui-selectmenu-text {
    padding-left: 0 !important;
    line-height: 15px;
}

.ui-selectmenu-menu .ui-menu-item {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 8pt !important;
}

.structure-navigator-wrapper #breadcrumb li span.icon:hover {
    color: #000;
    cursor: pointer;
}

.structure-navigator-wrapper .k-autocomplete .k-i-loading {
    right: 4px !important;
    bottom: 2px !important;
}

.ui-menu.ui-widget.ui-widget-content {
    max-height: 400px;
}

#tier-structure-quick-search-list.k-popup .k-list .k-item,
#sys-structure-quick-search-list.k-popup .k-list .k-item,
#area-structure-quick-search-list.k-popup .k-list .k-item {
    white-space: nowrap !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 8pt !important;
    color: #666666;
}

    #tier-structure-quick-search-list.k-popup .k-list .k-item.k-state-focused,
    #sys-structure-quick-search-list.k-popup .k-list .k-item.k-state-focused,
    #area-structure-quick-search-list.k-popup .k-list .k-item.k-state-focused {
        -webkit-box-shadow: inset 0 0 2px 0 #666666, inset 0 0 7px 0 #999999 !important;
        box-shadow: inset 0 0 2px 0 #666666, inset 0 0 7px 0 #999999 !important;
    }

.custom-filter {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .custom-filter .disabled-custom-control {
        background-color: #f0f0f0;
    }

        .custom-filter .disabled-custom-control .ui-state-disabled {
            opacity: 1 !important;
        }

        .custom-filter .disabled-custom-control .custom-control-caption,
        .custom-filter .disabled-custom-control .ui-selectmenu-text {
            color: #666666 !important;
            cursor: default !important;
        }

    .custom-filter .RadPicker .rcInputCell .RadInput .riTextBox {
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        font-size: 8pt !important;
    }

    .custom-filter .RadPicker .rcTable td {
        background-color: transparent;
    }

    .custom-filter .custom-comtrol-wrapper input[type="checkbox"] {
        height: auto;
        width: auto;
        margin-right: 5px;
        margin-top: 5px;
    }

    .custom-filter .custom-comtrol-wrapper.combined-content > * {
        float: left;
    }

    .custom-filter .custom-comtrol-wrapper.combined-content input[type="text"] {
        margin-top: 2px;
        height: 20px !important;
        font-size: 8pt !important;
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
    }

    .custom-filter .ui-selectmenu-icon.ui-icon, .structure-navigator .ui-selectmenu-icon.ui-icon {
        float: right !important;
        margin-top: 0 !important;
        right: 0.5em !important;
        left: auto !important;
        margin-top: -8px !important;
        position: absolute !important;
        top: 50% !important;
    }

    .custom-filter .ui-selectmenu-text, .structure-navigator .ui-selectmenu-text {
        display: block !important;
        overflow: hidden !important;
        text-align: left !important;
        padding: 0.4em 2.1em 0.4em 1em !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        margin-right: 0 !important;
    }

.ui-menu-item .ui-state-active {
    border: 1px solid #999 !important;
    background: #dadada url('jquery/images/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x !important;
    font-weight: normal !important;
    color: #212121 !important;
}

#filterRegion > table, .noprint > table {
    table-layout: fixed;
}

.structure-navigator-wrapper .structure-navigator {
    max-width: 100%;
    min-height: 31px;
}

.ui-selectmenu-menu {
    z-index: 9999 !important;
}

.k-list-container.structure-select-popup .k-item.k-state-selected, .k-list-container.structure-select-popup .k-item.k-state-focused {
    border: 1px solid #999 !important;
    background: #dadada url(jquery/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal !important;
    color: #212121 !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-list-container.structure-select-popup .k-list-filter .k-textbox:focus {
    border-color: #999999;
    -webkit-box-shadow: 0 0 7px 0 #999999;
    box-shadow: 0 0 7px 0 #999999;
}

.k-list-container.structure-select-popup.hidden-filter .k-list-filter {
    display: none;
}

.attribute-loading {
    color: #333 !important;
    animation: attributeLoading 1s infinite;
}

@keyframes attributeLoading {
    0% {
        background-color: #f2f2f2;
    }

    25% {
        background-color: #d9d9d9;
    }

    50% {
        background-color: #f2f2f2;
    }

    75% {
        background-color: #d9d9d9;
    }

    100% {
        background-color: #f2f2f2;
    }
}

.external-structure-control {
    border-left: 1px solid #999999;
    height: 24px;
}

.external-structure-control-li .custom-control-caption {
    border-left: 1px solid #999999;
    padding-left: 20px;
}
/*end styles for structure navigator*/

/* main menu search section */

.rmRootLink.mn_roles ~ div.rmSlide .rmItem.rmFirst .rmText {
    padding-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 30px;
}

.rmRootLink.mn_roles ~ div.rmSlide .rmItem.rmFirst .rmText .main_menu_search {
    width: 100%;
    border: 1px solid #ccc;
    font-size: 9pt;
    font-family: Verdana;
    padding-right: 35px;
    border-radius: 2px;
    box-sizing: border-box;
}

.rmRootLink.mn_roles ~ div.rmSlide .rmItem.rmFirst .rmText ~ div {
    position: relative;
}

.rmRootLink.mn_roles ~ div.rmSlide .rmItem.rmFirst .rmText div:hover span {
    display: inline-block;
}

.rmRootLink.mn_roles ~ div.rmSlide .rmItem.rmFirst .rmText div div {
    background-position: 0 0 !important;
    background-image: url(../images/search-icon.svg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 13px !important;
    height: 13px !important;
    top: 8px;
    right: 7px;
    position: absolute;
    opacity: 0.7;
}

.t-safari .rmRootLink.mn_roles ~ div.rmSlide .rmItem.rmFirst .rmText div div {
    top: 9px;
}


.rmRootLink.mn_roles ~ div.rmSlide .rmItem.rmFirst .rmText div span {
    position: absolute;
    display: none;
    top: 10px;
    right: 24px;
    height: 10px;
    width: 10px;
    line-height: 6px;
    text-align: center;
    color: #666666;
    cursor: pointer;
}

.t-safari .rmRootLink.mn_roles ~ div.rmSlide .rmItem.rmFirst .rmText div span {
    top: 11px;
}

/* end main menu search section */