.XIMGCOMPANYLOGO {
    max-height: 80px;
}

* {
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

    * :not(.foo) {
        font-size: 0.8rem;
    }

b, i {
    font-size: inherit !important;
}

img {
    vertical-align: middle;
}

input[type=text], input[type=password], textarea, select {
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    font-size: 0.9rem;
    padding: 2px 0.2rem; /*2px, not "rem", see handling of class="AUTOHEIGHT" */
}

b, i, u {
    font-size: inherit;
}

@media print { /*to avoid printing links (href) by Bootstrap*/
    a[href]:after {
        content: none !important;
    }
}

.mainBody {
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

a, span {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #0000AA;
    text-decoration: none;
}

    a:hover {
        color: #0000AA;
        text-decoration: underline;
        cursor: pointer;
    }

@media print {
    /* use this to default printing to LANDSCAPE:  @page { size: landscape; }*/

    h1, h2, .mainPanelTitle {
        color: Black;
    }

    #divFeedback, .XCALENDAR {
        display: none !important;
    }
}

@media screen {
    h1, h2, .mainPanelTitle {
        color: #3D5579;
    }
}

.mainPanelTitle {
    float: left;
}

.AUTOHEIGHT {
    width: 100%;
    height: 5em;
    background-color: #FFFFFA;
    padding: 0 0.2em;
}

.XCALENDAR {
    -moz-box-shadow: 2px 2px 5px #999999;
    -webkit-box-shadow: 2px 2px 5px #999999;
    box-shadow: 2px 2px 5px #999999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999');
    cursor: pointer;
    margin-left: 0.1em;
    vertical-align: middle;
    margin-top: -0.2em;
}

h1, .mainPanelTitle {
    font-weight: bold;
    font-size: 1.2rem !important;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

h2 {
    font-weight: bold;
    font-size: 1.1rem !important;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.subheader {
    font-weight: bold;
    font-size: 1rem !important;
    color: #3366cc;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.ok, .error {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0.12em 0.35em;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}

.ok {
    background-color: green !important;
    color: #FFF;
}

.error {
    background-color: red !important;
    color: #FFF;
}

.hidden, .hidden0, .hiddenIf1, .visible0 /*used in reports - see displaying depending on certain parameter*/ {
    display: none !important;
}

.visible, .visible1 {
    display: block;
}

.note {
    font-size: 0.8rem;
}

.text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    color: #000000;
}

.footer, .footerLeft, .LINKTECHSUPPORT {
    background-color: #292929;
    color: #8F8F8F;
    font-size: 0.74rem;
    height: 20px;
    padding-top: 1px;
}

.footer {
    text-align: center;
}

    .footer span {
        color: #8F8F8F;
        font-weight: bold;
    }

    .footer a, .footer a:link, .footer a:visited {
        color: #AAA !important;
    }

        .footer a:hover {
            color: #FFF !important;
        }

#masterFooter a, #masterFooter a:link, #masterFooter a:visited {
    color: #DDD !important;
}


.footerprint td, .footerprint span {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.footerprint b {
}

/* Text next to the header in the action grids and welcome screen that denote if
 * an action item is new.
 */
.newText {
    color: Green;
    padding: 0 0.1em;
    font-weight: normal;
}

@media screen {
    .headerprint {
        display: none;
    }

    .footerprint {
        display: none;
    }

    .masterBackground {
        background-color: #F8F8F8;
    }
}

@media print {
    .noprint {
        display: none !important;
    }

    .header {
        display: none;
    }

    .footer {
        display: none;
    }
}

.popup, #divPOBPopup {
    background-color: #6FAED9;
    border: 1px solid #000000;
    position: absolute;
    text-align: right;
    padding-right: 1px;
    z-index: 1;
}

    .popup table td {
        vertical-align: top;
        background-color: #DDECFC;
        padding: 3px;
    }

.treeNode .hover {
    color: #303030;
    text-decoration: underline;
    cursor: pointer;
}

.treeNode .selected {
    font-weight: bold;
    color: #303030;
}

.listOfLinks {
    color: #707070;
}

    .listOfLinks ul {
        margin-left: 15px;
        padding: 0;
    }

    .listOfLinks li {
        padding: 2px 0px;
    }

.listOfLinksHeader, .listOfLinksHeader a:link, .listOfLinksHeader a:visited, .listOfLinksHeader a:focus, .listOfLinksHeader a:hover {
    color: #676767 !important;
    font-weight: bold;
}

.welcome {
    font-size: 1.3rem !important;
    font-weight: bold;
}

.welcomesmall {
    font-size: 1.2em;
}

.welcome, .welcomesmall {
    color: #3B4FA2;
}

.tableSeparator td {
    border-top: solid 1px gray;
}

.hiddenItem {
    display: none;
}

/* TREE */
.customtooltip {
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    padding: 2px 5px 2px 5px;
    border-style: ridge;
    border-color: #7788AA;
    border-width: 1px;
    background-color: #2651A7;
    color: #FFFFFF;
    font-size: 0.9em;
    font-style: normal;
    line-height: 1.4em;
}

.disabledTextBox {
    color: #151515;
    background-color: #D1E1F1;
    font-style: italic;
}

.disabledTextBox2 {
    color: #151515;
    background-color: #F3F7FF;
    font-style: italic;
}

.disabledTextBox3 {
    color: #000000;
    background-color: #F7FAFF;
    font-style: italic;
}

.DISABLEDTB {
    color: #000000;
    background-color: #D0D0E0;
    font-style: italic;
}

.DISABLEDBTNGRAY {
    color: gray !important;
    font-style: italic;
}

.sidebarIcon {
    cursor: pointer;
    width: 28px;
}

.sidebarIconCount {
    color: #DD0000;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

.sidebarPrintWaitText {
    color: #7993CB;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

.taskLink, .taskLink:hover {
    font-size: 1.1rem;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
}

.taskLinkDisabled, .taskLinkDisabled:hover {
    /*font-size: 1.4em;
    font-weight: bold;
    color: #5e6d9c !important;
    cursor: default;
    text-decoration: none;
    background-color: transparent;*/
    display: none;
}

.toolbarIcon {
    width: 35px;
    cursor: pointer;
    margin-right: 4px;
}

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

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

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

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

.center {
    text-align: center;
}

.font_08 {
    font-size: 0.8em;
}

.font_09 {
    font-size: 0.9em;
}

.font_0 {
    font-size: 1em;
}

.font_1 {
    font-size: 1.1em;
}

.font_2 {
    font-size: 1.2em;
}

.font_3 {
    font-size: 1.3em;
}

.font_4 {
    font-size: 1.4em;
}

.font_5 {
    font-size: 1.5em;
}

.font_6 {
    font-size: 1.6em;
}

.font_7 {
    font-size: 1.7em;
}

.REPORT_TR + tr:nth-child(odd) {
    background-color: #FDFDFD;
}

.REPORT_TR + tr:nth-child(even) {
    background-color: #f2f3ff;
}

.grayBottomBorder1, .grayBottomBorder1 td {
    border-bottom: solid 1px #EEE;
}

.grayBottomBorder2, .grayBottomBorder2 td {
    border-bottom: solid 1px #DDD;
}

.grayBottomBorder3, .grayBottomBorder3 td {
    border-bottom: solid 1px #CCC;
}

.grayBottomBorder4, .grayBottomBorder4 td {
    border-bottom: solid 1px #BBB;
}

.grayBottomBorder5, .grayBottomBorder5 td {
    border-bottom: solid 1px #AAA;
}

.nobreak {
    page-break-inside: avoid;
}

.date {
    color: Blue;
}

.requiredLabel {
    color: #0000AA !important;
}

.distinctText {
    color: Blue;
}

.paddingBottomLevel1 {
    padding-bottom: 0.1em;
}

.paddingBottomLevel2 {
    padding-bottom: 0.1em;
}

.paddingBottomLevel3 {
    padding-bottom: 3px;
}

.paddingBottomLevel4 {
    padding-bottom: 4px;
}

.paddingBottomLevel5 {
    padding-bottom: 5px;
}

.paddingBottomLevel6 {
    padding-bottom: 6px;
}

.paddingBottomLevel7 {
    padding-bottom: 7px;
}

.paddingBottomLevel8 {
    padding-bottom: 8px;
}

.paddingBottomLevel9 {
    padding-bottom: 9px;
}

.paddingBottomLevel10 {
    padding-bottom: 10px;
}

.accessDeniedSection {
    color: red;
    font-family: Arial;
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 1em;
}

.securityDisabled {
    background-color: #D0D0E0;
}

.O2_Table {
    border: solid 1px blue;
}

.O2_Table, O2_TableNoBorder {
    background-color: #E1EDFF;
    width: 100%;
    padding: 0;
    margin: 0;
}

.O2_TableRow {
    height: 10px;
}

.O2_TableCell {
    padding: 1px 1px 1px 1px;
    vertical-align: top;
}

.O2_FormFieldVerySmall {
    width: 50px;
}

.O2_FormFieldSmall {
    width: 100px;
}

.O2_FormFieldMedium {
    width: 160px;
}

.O2_FormFieldLarge {
    width: 240px;
}

.O2_FormField {
    width: 92%;
    width: calc(100% - 1.4em);
}

.O2_FormField100 {
    width: 100%;
}

.O2_FormField_PostalCode {
    width: 5.5em;
}

.O2FormRow, .O2FormRow0LP {
    padding-top: 0.7em !important;
    vertical-align: top;
    /*white-space: nowrap;*/
}

.O2FormRow2 {
    padding-top: 4px !important;
    vertical-align: top;
    /*white-space: nowrap;*/
}

.O2FormRow0LP {
    padding-left: 0px !important;
}

.O2_FormColumnR {
    border-right: 1px solid #EEEEEE;
}

.O2_FormColumnL {
    border-left: 1px solid #EEEEEE;
}

.O2Label {
    font-weight: bold;
    font-size: 0.8rem;
    padding-right: 0.7em;
    white-space: nowrap !important;
}

.O2LabelNote /* e.g. "This is required" - in italics */ {
    color: #777;
    font-style: italic;
    font-size: 0.8rem;
    margin-left: 4px;
}

.genericnote {
    color: #777;
    font-style: italic;
    font-size: 0.9em;
    margin-left: 0.5em;
}

.genericnote0 {
    color: #555;
    font-style: italic;
    font-size: 0.9em;
    margin-left: 0.5em;
}

.O2Value {
}

/******* javascript/stackedItem.js [BEGIN] *******/
.O2collapsiblePanel_table {
    margin-bottom: 15px;
}

.O2collapsiblePanel_table_noMargin,
.O2collapsiblePanel_table {
    width: 100%;
    table-layout: auto;
}

.O2collapsiblePanel_titleInfo {
    color: Blue;
    font-weight: normal;
    font-style: italic;
    font-size: 1em;
}

.O2collapsiblePanel_cell_11_12_21_22 {
    text-align: center;
    vertical-align: middle;
    padding-right: 0.1em;
    width: 0%;
}

.O2collapsiblePanel_cell_13, .O2collapsiblePanel_cell_15,
.O2collapsiblePanel_cell_23, .O2collapsiblePanel_cell_25,
.O2collapsiblePanel_cell_TITLE {
    cursor: pointer;
}

.O2collapsiblePanel_cell_TITLE {
    white-space: nowrap;
    width: 1%;
}

.O2collapsiblePanel_cell_13 {
    width: 25px;
}

.O2collapsiblePanel_cell_15 {
    width: 2000px;
}

.O2collapsiblePanel_cell_13, .O2collapsiblePanel_cell_15 {
    height: 7px;
}

.O2collapsiblePanel_cell_23, .O2collapsiblePanel_cell_25 {
    height: 6px;
}

.O2collapsiblePanel_cell_32, .O2collapsiblePanel_cell_MAINCONTENT {
    /*background-color: #EEEEFF;*/
}

.O2collapsiblePanel_cell_13, .O2collapsiblePanel_cell_15 /* top line */ {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #DDF;
}

.O2collapsiblePanel_cell_32, .O2collapsiblePanel_cell_MAINCONTENT {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #DDF;
}

.O2collapsiblePanel_cell_25, /* right vertical line (top-right) */
.O2collapsiblePanel_cell_31, /* left vertical line */
.O2collapsiblePanel_cell_MAINCONTENT,
.O2collapsiblePanel_cell_36 /* right vertical line */ {
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #DDF;
}

.O2collapsiblePanel_cell_TITLE /* TITLE */ {
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
}

.O2collapsiblePanel_cell_31 /* left vertical line */ {
    width: 7px;
}

.O2collapsiblePanel_cell_32 /* bottom horizontal line (left-bottom) */ {
    width: 6px;
}

.O2collapsiblePanel_cell_MAINCONTENT {
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}

.O2collapsiblePanel_cell_36 /* right vertical line */ {
    width: 0%;
}
/******* javascript/stackedItem.js [END] *******/

.opticMenu, .opticMenuItem, .opticMenuTotals {
    background-color: #e5e9f5;
    white-space: nowrap;
}

.opticMenuTotals {
    background-color: #d1d7de;
    border-top: 1px solid #b7bed2 !important;
    border-right: 1px solid #b7bed2 !important;
    border-bottom: 1px solid #b7bed2 !important;
}

.opticMenu {
    z-index: 50001;
    padding-left: 0.1em;
    padding-top: 0.1em;
    padding-right: 0.1em;
    padding-bottom: 0.1em;
    filter: alpha(opacity=98);
    opacity: 0.98;
    border: solid 1px #777;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}

.opticMenuColumnR {
    border-right: 1px dotted #acb0b9;
}

.opticMenuItem, .opticMenuItemSelected, .opticMenuTotals {
    font-family: Arial;
    font-size: 1em;
    z-index: 50002;
}

.opticMenuItem, .opticMenuItemSelected {
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
}

.opticMenuItem {
    color: #000000;
    cursor: default;
}

.opticMenuItemSelected {
    color: #FFFFFF;
    background-color: #252577 !important;
    cursor: pointer;
}

    .opticMenuItemSelected a, .opticMenuItemSelected:hover a {
        color: white;
    }

.opticMenuSectionTitle {
    color: white !important;
    background-color: #005499 !important;
    font-size: 0.98em;
    font-weight: bold;
    letter-spacing: 0.03em;
}

    .opticMenuSectionTitle i {
        font-style: inherit;
        color: #588bb7 !important;
    }

    .opticMenuSectionTitle:not(:first-child) {
        /*margin-top: 0.1em;*/
    }

.opticMenuTotals {
    color: #213e88;
    padding-left: 0.1em;
    padding-top: 0.1em;
    padding-right: 0.1em;
    padding-bottom: 1px;
    font-style: italic;
    filter: alpha(opacity=98);
    opacity: 0.98;
    border-right: solid 1px #777;
    border-bottom: solid 1px #777;
}

/******************/
.IncidentMgmt_wSR_ODD {
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
}

.IncidentMgmt_wSR_EVEN {
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
}

.IncidentMgmt_wSR_ODD, .IncidentMgmt_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
}
/******************/
.EmployeeMgmtWelding_wSR_ODD {
    background-color: #D1EAFF; /*#E5F1FF*/
}

.EmployeeMgmtWelding_wSR_EVEN {
    background-color: #D5EEFF; /*#E5F1FF*/
}

.EmployeeMgmtWelding_wSR_ODD, .EmployeeMgmtWelding_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
}
/******************/
.IncidentMgmtPersonInvolved, .InspectionMgmtTeamMember {
    background-color: #E8F3FF;
    padding: 0;
    border-top: solid 1px #CCCCDD;
    border-left: solid 1px #CCCCDD;
    border-right: solid 1px #E1E1FF;
    border-bottom: solid 1px #E1E1FF;
}
/******************/
.IncidentMgmtFirstAid_wSR_ODD {
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
}

.IncidentMgmtFirstAid_wSR_EVEN {
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
}

.IncidentMgmtFirstAid_wSR_ODD, .IncidentMgmtFirstAid_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
    position: relative;
}
/******************/
.IncidentMgmtEnvironmentMSDS_wSR_ODD {
    background-color: #E5FFF6;
}

.IncidentMgmtEnvironmentMSDS_wSR_EVEN {
    background-color: #E9FFFA;
}

.IncidentMgmtEnvironmentMSDS_wSR_ODD, .IncidentMgmtEnvironmentMSDS_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
}
/******************/
.IncidentMgmtEnvironmentAgencies_wSR_ODD {
    background-color: #FFE5E5;
}

.IncidentMgmtEnvironmentAgencies_wSR_EVEN {
    background-color: #FFE9E9;
}

.IncidentMgmtEnvironmentAgencies_wSR_ODD, .IncidentMgmtEnvironmentAgencies_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
}
/******************/

.treeRootStyle {
    /*border: solid 3px #D7D7E7; */
    border: solid 2px #E7E7F1;
    background-color: #FCFCFF;
    padding-right: 10px;
    padding-top: 4px;
    padding-left: 4px;
}

.InvestigationTree_wSR_ODD {
    background-color: #D1F1FF;
}

.InvestigationTree_wSR_EVEN {
    background-color: #D1F1FF;
}

.InvestigationTree_wSR_ODD, .InvestigationTree_wSR_EVEN {
    padding: 0;
    border: solid 1px #AAAAAA;
}
/******************/
.IncidentEmployees_wSR_ODD {
    background-color: #E7F7FF;
}

.IncidentEmployees_wSR_EVEN {
    background-color: #DDECFC;
}

.IncidentEmployees_wSR_ODD, .IncidentEmployees_wSR_EVEN {
    padding: 0;
    border-top: solid 1px #888888;
}
/******************/

.IncidentInvestigationTreePathDIV {
    margin-top: 25px;
}

.IncidentInvestigationTreePathSPAN {
    color: #FFFFFF;
    background-color: #265E97;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
}

.IncidentInvestigationTreeTotalActionsSPAN {
    font-weight: bold;
    color: #265E97;
    white-space: nowrap;
}
/******************/
.TrainingCourses_wSR_ODD {
    background-color: #DDEBFF;
}

.TrainingCourses_wSR_EVEN {
    background-color: #FBFBFF;
}

.TrainingCourses_wSR_ODD, .TrainingCourses_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
    position: relative;
}
/******************/
.Training_wSR_ODD {
    background-color: #DDEBFF;
}

.Training_wSR_EVEN {
    background-color: #FBFBFF;
}

.Training_wSR_ODD, .Training_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
}
/******************/
.WellnessMgmtIncident {
    background-color: #FAFAFF;
    padding: 0;
    border: solid 1px #E1E1E1;
    position: relative;
}
/******************/
.WellnessMgmtMedicalAid_wSR_ODD {
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
}

.WellnessMgmtMedicalAid_wSR_EVEN {
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
}

.WellnessMgmtMedicalAid_wSR_ODD, .WellnessMgmtMedicalAid_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
    position: relative;
}
/******************/
.WellnessMgmtActivities_wSR_ODD {
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
}

.WellnessMgmtActivities_wSR_EVEN {
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
}

.WellnessMgmtActivities_wSR_ODD, .WellnessMgmtActivities_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
    position: relative;
}
/******************/
.WellnessMgmtCosts_wSR_ODD {
    background-color: #F1F5FF;
}

.WellnessMgmtCosts_wSR_EVEN {
    background-color: #F1F5FF;
}

.WellnessMgmtCosts_wSR_ODD, .WellnessMgmtCosts_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
    position: relative;
}
/******************/

.btnCollapseExpand {
    height: 20px;
    font-size: 1em;
}

.editInnerHTML_tb {
    background-color: #FFF2A0;
}

.calculatedDiference {
    font-style: italic;
    color: #555555;
}

.securityGroupTreeNode {
    font-size: 1.2em;
    font-weight: bold;
    color: #000055;
}

.rbsTreeNodeRoot {
    color: #000055;
    font-size: 1.3em;
    font-weight: bold;
    background: url(/common/_images/cube18.png) no-repeat;
    padding-left: 20px;
}

.rbsTreeNode {
    font-weight: bold;
    font-size: 1.3em;
}

.rbsTreeNodeSmall {
    font-weight: bold;
    font-size: 1.1em;
}

.rbsTreeNodeDisabled {
    font-weight: bold;
    font-size: 1.3em;
    background: url(/common/_images/x2.gif) no-repeat;
    padding-left: 18px;
}

.rbsRuleNaturalLanguage {
    font-weight: normal;
    color: #000000;
    background-color: #DFF5FF;
    padding: 2px 10px 2px 10px;
    border: solid 1px #DDDDDD;
}

.rbsRuleNaturalLanguageParams {
    text-align: right;
    font-style: italic;
    text-align: right;
    font-size: 0.9em;
    background-color: #EAFCFF;
    float: right;
    display: inline;
    padding-left: 4px;
    padding-right: 4px;
}

.rbsNodeArea {
    background-color: #AADDF0;
    padding: 0px 10px 5px 10px;
    border: dotted 1px #ADBDCE;
    margin-bottom: 7px;
    font-weight: normal;
}

.rbsNodeAreaSectionTitle {
    color: #127090;
    font-weight: bold;
    padding-top: 5px;
}

.rbsDisabledRule {
    color: #FFFFFF;
    background-color: #D50000;
    font-style: italic;
    font-size: 0.9em;
    font-weight: bold;
    padding-left: 0.1em;
    padding-right: 0.1em;
}

.rbsImportantText {
    color: #BB0000;
    font-style: italic;
    font-weight: bold;
}

.rbsruleactive, .rbsruleinactive {
    float: right;
    font-size: 0.7em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    outline-width: 0;
    padding: 0.1em 0.4em;
}

.rbsruleactive {
    background-color: #047ad4;
    color: white;
    border: 0.05em solid #00F;
}

.rbsruleinactive {
    background-color: #d50000;
    color: white;
    border: 0.05em solid #f00;
}

.parameterLabelMANUALFROM, .parameterLabelMANUALTO {
    margin: 0 0.2em 0 1em;
    text-align: right;
    font-style: italic;
    color: #284598;
}

.parameterLabel, .parameterLabelFixedWidth, .parameterLabelFixedWidth2, .parameterLabelFixedWidthSMALLER,
.parameterLabelFixedWidthSMALL, .parameterLabelFixedWidthVSMALL, .parameterLabelFixedWidthVVSMALL, .parameterLabelFixedWidthVVVSMALL {
    color: #284598;
    font-weight: bold !important;
    padding-right: 5px;
    display: inline-block;
    white-space: nowrap;
    padding-top: 0.2em;
}

.parameterLabelSIMPLE {
    color: #555577;
    font-weight: bold;
    padding-right: 5px;
}

.parameterLabelFixedWidthVVSMALL {
    width: 3.25em;
}

.parameterLabelFixedWidthVSMALL {
    width: 4.5em;
}

.parameterLabelFixedWidthSMALL {
    width: 6.5em;
}

.parameterLabelFixedWidthSMALLER {
    width: 9em;
}

.parameterLabelFixedWidth {
    width: 13em;
}

.parameterLabelFixedWidth2 {
    width: 15em;
}

.reportParameterCBLabel {
    padding-right: 10px;
    font-style: italic;
    white-space: nowrap;
}

.reportNoRecords {
    color: #777799;
    font-size: 1.2em;
    font-weight: bold;
}

.reportLabel {
    color: #0d2585;
    font-weight: bold;
    white-space: nowrap;
}

/******************/
.reportGrid_wSR_ODD {
    background-color: #DDEBFF;
}

.reportGrid_wSR_EVEN {
    background-color: #FBFBFF;
}

.reportGrid_wSR_ODD, .reportGrid_wSR_EVEN {
    padding: 0;
    border: solid 1px #BBBBBB;
}

.securityPermission {
    margin-top: 3px;
    margin-bottom: 2px;
    vertical-align: middle;
    cursor: pointer;
}

.divSecurityPermissions {
    display: inline-block;
    margin-top: 1px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding: 10px 18px 10px 18px;
    border: solid 1px #D8D8D8;
    background-color: #F7F7FC;
    text-align: left;
}

.repTrainingCell, .repTrainingCellTrainer, .repTrainingCellEmployee,
.repTrainingDateC, .repTrainingDateE, .repTrainingDateCfuture, .repTrainingDateEexpired {
}

.repTrainingHeader {
    padding: 0px 3px 0px 3px;
    font-weight: bold;
    background-color: #265E97;
    color: white;
    border-left: solid 1px #AAAAAA;
    border-top: solid 1px #AAAAAA;
    width: 120px;
}

.repTrainingCell {
    background-color: #E1E1E1;
}

.repTrainingDateC, .repTrainingDateE,
.repTrainingDateCfuture, .repTrainingDateEexpired {
    text-align: center;
    width: 90px;
    white-space: nowrap;
}

.repTrainingDateC {
}

.repTrainingDateE {
}

.repTrainingDateCfuture {
    color: Green;
}

.repTrainingDateEexpired {
    color: Red !important;
}

.repTrainingCellTrainer {
    text-align: center;
    width: 20px;
    white-space: nowrap;
}

.verticalText {
    /*writing-mode: tb-rl;
    filter: flipv fliph;
    height: 200px;
    vertical-align: top;
    white-space: nowrap;*/
    /*vertical-align: middle;*/

    writing-mode: tb-rl;
    transform: rotate(-180deg);
}

.repTrainingCellEmployee {
    font-weight: bold;
    white-space: nowrap;
}

.cbList_ResultsBody {
    border-style: inset;
    border-width: 1px;
    border-color: #AAAAAA;
    background-color: #FDFDFD;
}

    .cbList_ResultsBody > *:nth-child(odd) {
        background-color: #F7F7F7;
        cursor: pointer;
    }

    .cbList_ResultsBody > *:nth-child(even) {
        background-color: #EDEDFF;
        cursor: pointer;
    }

    .cbList_ResultsBody > *:hover {
        background-color: #b5d7ff !important;
    }

.cbList_ResultsOddRow {
    background-color: #F7F7F7;
    cursor: pointer;
}

.cbList_ResultsEvenRow {
    background-color: #EDEDFF;
    cursor: pointer;
}

    .cbList_ResultsOddRow:hover, .cbList_ResultsEvenRow:hover {
        background-color: #abc1ec !important; /*#bcd3ff !important;*/
    }

.cbList_ResultsFooter {
    padding-top: 4px;
    color: #373737;
}

.blueBGNote {
    padding: 10px 20px 10px 20px;
    color: black;
    background-image: url(/common/_images/bg_lightBlue.jpg);
    background-repeat: repeat;
    border: solid 1px #BBBBBB;
    background-position: 0px -40px;
}

.orangeBGNote {
    padding: 7px 15px 7px 15px;
    color: black;
    background-image: url(/common/_images/bg_lightOrange.jpg);
    background-repeat: repeat;
    border: solid 1px #BBBBBB;
    background-position: 0px -40px;
}

.legendTrainingReport {
    font-family: Arial;
    font-style: italic;
    color: #888888;
    padding-top: 0.1em;
}

#divLegendTemplate2 img {
    height: 1.2em;
    margin: 0 0.1em 0 0.2em;
    vertical-align: bottom;
}

.labelSelectMultiple {
    margin-top: 5px;
    font-size: 0.92em;
    font-style: italic;
    color: #555582;
    white-space: nowrap;
}

.bgSelectorActiveArrowDown {
    background-image: url(/common/_images/triangleDown_blue.png);
    background-repeat: no-repeat;
}

.bgSelectorInactiveArrowRight {
    background-image: url(/common/_images/triangleRight_gray.png);
    background-repeat: no-repeat;
}

.bgSelectorInactiveArrowRight, .bgSelectorActiveArrowDown {
    display: inline-block;
    padding-left: 1.3em;
    cursor: pointer;
    font-style: italic;
    color: #617086;
    font-size: 0.9em;
    background-size: 1.2em;
}

    .bgSelectorInactiveArrowRight:hover {
        background-image: url(/common/_images/triangleRight_blue.png);
        color: #00F;
    }

.bgSelectorActiveArrowDown {
    background-image: url(/common/_images/triangleDown_blue.png);
}

.bgSelectorInactive {
    background-color: #888;
    color: #FFF;
}

    .bgSelectorInactive:hover, .bgSelectorActive {
        background-color: #25A;
        color: white;
    }

.O2SideBarRow {
    background-color: #E8EDF5;
    padding: 1px 10px 1px 24px;
    border-left: solid 1px #E2E2E7;
    border-top: solid 1px #E2E2E7;
    border-bottom: solid 1px #F8F8FA;
    border-right: solid 1px #F8F8FA;
}

textarea {
    resize: none; /*disables bottom-right resizing in Chrome*/
    /*white-space: normal;*/
    overflow: auto !important;
}

fieldset {
    padding: 0.1em 0.7em 0.7em 0.7em !important;
    border: solid 1px #D1D1E7;
    -moz-box-shadow: 3px 3px 7px #CACACA;
    -webkit-box-shadow: 3px 3px 7px #CACACA;
    box-shadow: 3px 3px 7px #CACACA;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CACACA')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CACACA');
    margin-right: 4px;
}

.redBorder {
    border: 1px solid #FF0000 !important;
}

.fieldSetLegend {
    color: #153A8D;
    font-weight: bold;
    padding-left: 0.1em;
    padding-right: 0.1em;
    font-size: 1em !important;
}

.quickSearchListAllM, .quickSearchListAll {
    font-size: 0.95em;
    cursor: pointer;
    color: white;
    padding: 0.1em 0.5em;
}

.quickSearchListAll {
    background-color: #6c7073;
}

.quickSearchListAllM {
    background-color: #0077ef;
}

.O2Table {
    border-left: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
}

.O2Table {
    border-left: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
}

.O2TableHEADER {
    border-right: solid 1px #AAAAAA;
    padding: 0.1em 0;
    text-align: center;
    vertical-align: middle;
    background-color: #265E97;
    color: white;
    font-weight: bold;
}

.O2TableCELLNoBorder, .O2TableCELL {
    padding: 0px 4px 0px 4px;
    vertical-align: top;
}

.O2TableCELL {
    border-right: solid 1px #888888;
}

.O2TableRowODD, .O2TableRowODDwRightBottomBorder {
    background-color: #D1E5FF;
}

.O2TableRowODDwRightBottomBorder {
    border-right: solid 1px #888888;
    border-bottom: solid 1px #888888;
}

.O2TableRowEVEN {
    background-color: #F7F7FF;
}

.O2TableHiddenRowsMessage {
    font-style: italic;
    font-weight: bold;
}

.HMgmtSummaryNAME {
    text-align: left;
}

.HMgmtSummaryHOURS {
    text-align: right;
    font-weight: bold;
    width: 1%;
}

.ROWx {
    filter: alpha(opacity=92);
    opacity: 0.92;
    background-color: #FF5555;
    color: white;
    font-size: 0.9em;
    font-family: Arial;
    font-weight: bold;
    padding: 1px 4px 1px 4px;
    float: left;
}

.ObgLightY {
    background-color: #FFFCF8;
}

.ObgLightG {
    background-color: #F1FFF7;
}

.ObgLightB {
    background-color: #F1F7FF;
}

.O100, .O100c {
    width: 100%;
}

.O100c {
    text-align: center;
}

.O99, .O99c {
    width: 99%;
}

.O99c {
    text-align: center;
}

.O98, .O98c {
    width: 98%;
}

.O98c {
    text-align: center;
}

.O97, .O97c {
    width: 97%;
}

.O97c {
    text-align: center;
}

.OCtrlDEL, .OCtrlDEL_M, .OCtrlEDIT, .OCtrlEDIT_M {
    width: 40px;
    text-align: center;
    padding: 1px 4px 1px 4px;
    font-family: Arial;
    font-weight: bold;
    font-size: 0.9em;
}

.OCtrlDEL_M {
    background-color: #FF5555;
}

.OCtrlEDIT, .OCtrlDEL {
    color: #5555AA;
}

.OCtrlEDIT_M {
    background-color: #00AA00;
}

.OCtrlDEL, .OCtrlEDIT {
    background-color: Transparent;
}

.OCtrlDEL_M, .OCtrlEDIT_M {
    color: #FFFFFF;
    cursor: pointer;
}

.topTabCENTER {
    background-image: url(/common/_images/upsideDownTabCENTER.png);
    color: white;
}

.topTabCENTERi {
    background-image: url(/common/_images/upsideDownTabCENTERi.png);
    color: #35355B;
}

.topTabCENTER, .topTabCENTERi {
    background-repeat: repeat-x;
    font-size: 13px; /*former 0.8rem;*/
    vertical-align: top;
    cursor: pointer;
    white-space: nowrap;
}

.imgUploadButton, .imgDeleteButton {
    font-size: 0.8rem !important;
    text-align: center;
    padding: 0 0.2em;
}

.imgOutsideFrame {
    border: solid 1px #CCCCCC;
    padding: 1px 1px 1px 1px;
    text-align: left;
}

.imgInsideFrame {
    border: solid 1px #999999;
    float: left;
}
/******************/

input[disabled='disabled'], textarea[disabled='disabled'], select[disabled='disabled'] {
    color: black;
    /*do NOT set background color: there are some fields with bg color already set, e.g. SIN/readonly */
}

.multipleRecordsTotal {
    color: #567;
    font-style: italic;
    margin-left: 10px;
}

.advSearchNatlangTopRB {
    color: #095;
    font-weight: bold;
}

.moduleTask {
    display: inline;
    text-align: center;
    padding: 0 0.3em 0 0.9em;
}

    .moduleTask a, .moduleTask a:hover, .moduleTask a:visited, .moduleTask a:active, .moduleTask a:focus {
        color: #FFFFFF;
        text-decoration: none;
    }

.imgshading {
    -moz-box-shadow: 2px 2px 7px #A4A4A4;
    -webkit-box-shadow: 2px 2px 7px #A4A4A4;
    box-shadow: 2px 2px 7px #A4A4A4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A4A4A4')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A4A4A4');
    margin-right: 4px;
}

.DEVICEPICTURE, .INLINEUPLOAD .XINLINE {
    margin-bottom: 0.4em;
}

.imgshading2, .opticMenu, .INLINEUPLOAD .XINLINE, .customtooltip, .PendingReview, .Approved, .Rejected {
    -moz-box-shadow: 3px 3px 7px #555555;
    -webkit-box-shadow: 3px 3px 7px #555555;
    box-shadow: 3px 3px 7px #555555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');
    margin-right: 4px;
}

.imgshading3 {
    -moz-box-shadow: 3px 3px 7px #333333;
    -webkit-box-shadow: 3px 3px 7px #333333;
    box-shadow: 3px 3px 7px #333333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
    margin-right: 4px;
}

.imgshading4 {
    -moz-box-shadow: 3px 3px 7px #151515;
    -webkit-box-shadow: 3px 3px 7px #151515;
    box-shadow: 3px 3px 7px #151515;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#151515')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#151515');
    margin-right: 4px;
}

.imgshadingRED1 {
    -moz-box-shadow: 2px 2px 16px #551133;
    -webkit-box-shadow: 2px 2px 16px #551133;
    box-shadow: 2px 2px 16px #551133;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#551133')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#551133');
    margin-right: 4px;
}

.imgshadingRED2 {
    -moz-box-shadow: 2px 2px 24px #551133;
    -webkit-box-shadow: 2px 2px 24px #551133;
    box-shadow: 2px 2px 24px #551133;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#551133')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#551133');
    margin-right: 4px;
}

.imgshadingBLUE1 {
    -moz-box-shadow: 2px 2px 16px #113377;
    -webkit-box-shadow: 2px 2px 16px #113377;
    box-shadow: 2px 2px 16px #113377;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#113377')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#113377');
    margin-right: 4px;
}

.imgshadingBLUE2 {
    -moz-box-shadow: 2px 2px 24px #113377;
    -webkit-box-shadow: 2px 2px 24px #113377;
    box-shadow: 2px 2px 24px #113377;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#113377')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#113377');
    margin-right: 4px;
}

.imgshading5 {
    -moz-box-shadow: 2px 2px 14px #113355;
    -webkit-box-shadow: 2px 2px 14px #113355;
    box-shadow: 2px 2px 14px #113355;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#113355')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#113355');
    margin-right: 4px;
}

.imgshading6 {
    -moz-box-shadow: 2px 2px 14px #777;
    -webkit-box-shadow: 2px 2px 14px #777;
    box-shadow: 2px 2px 14px #777;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777');
    margin-right: 4px;
}

.imgshading7 {
    -moz-box-shadow: 2px 2px 7px #777;
    -webkit-box-shadow: 2px 2px 7px #777;
    box-shadow: 2px 2px 7px #777;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777');
    margin-right: 4px;
}

.pageTitle, .pageTitleBlue {
    font-weight: bold;
    font-size: 1.4em;
    color: #707070;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.pageTitleBlue {
    color: #0000AD;
}

.inactiveItem, .inactiveItem2, .enableditem2 {
    display: inline-block;
    padding: 1px 4px 1px 4px;
    font-weight: normal;
    cursor: default;
}

.inactiveItem {
    margin-left: 8px;
    background-color: #ffe7f7 !important;
    color: #E22 !important;
    text-transform: uppercase;
}

.inactiveItem2 {
    color: #EDF3FA;
    background-color: #E22;
}

.enableditem2 {
    color: #FFFFFF;
    background-color: #0DB100;
}

.Feedback {
    color: Blue;
    font-size: 1.2em;
}

#divFeedback {
    position: fixed;
    z-index: 99999;
    top: -400px; /* must sync with gUtils_feedbackHomeY / utils.js */
    left: 50%;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -moz-box-shadow: 1px 1px 5px #555;
    -webkit-box-shadow: 1px 1px 5px #555;
    box-shadow: 1px 1px 5px #555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444');
    border: 1px solid #89A;
    background-color: #FDFFFD;
}

    #divFeedback * {
        font-size: inherit;
    }

#divFeedbackText {
    color: #15B;
    font-size: 1.3em;
    font-family: Arial;
    padding: 0.4em 0.9em 0.4em 0.9em;
}

.FeedbackOK {
    background: -webkit-gradient(linear, left top, left bottom, from(#FDFFFD), to(#F1FFF1));
    background: -ms-linear-gradient(top, #FDFFFD 0%, #F1FFF1 100%);
    background: -moz-linear-gradient(top, #FDFFFD, #F1FFF1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFFFD', endColorstr='#F1FFF1');
}

.FeedbackWARNING {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF8F4), to(#FFD0A8));
    background: -ms-linear-gradient(top, #FFF8F4 0%, #FFD0A8 100%);
    background: -moz-linear-gradient(top, #FFF8F4, #FFD0A8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F4', endColorstr='#FFD0A8');
}

.FeedbackERROR {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF7F7), to(#FFC7C7));
    background: -ms-linear-gradient(top, #FFF7F7 0%, #FFC7C7 100%);
    background: -moz-linear-gradient(top, #FFF7F7, #FFC7C7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7', endColorstr='#FFC7C7');
}

.border01em {
    -webkit-border-radius: 0.1em;
    -moz-border-radius: 0.1em;
    border-radius: 0.1em;
}

.border02em {
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.border03em {
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}

.border04em {
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}

.border05em {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}

.border50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.roundBorder3 {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

.roundBorder5 {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.roundBorder7 {
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
}

.roundBorder7TOP {
    -webkit-border-top-left-radius: 7px !important;
    -moz-border-top-left-radius: 7px !important;
    border-top-left-radius: 7px !important;
    -webkit-border-top-right-radius: 7px !important;
    -moz-border-top-right-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

.roundBorder7BOTTOM {
    -webkit-border-bottom-left-radius: 7px !important;
    -moz-border-bottom-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
    -webkit-border-bottom-right-radius: 7px !important;
    -moz-border-bottom-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.roundBorder9 {
    -webkit-border-radius: 9px !important;
    -moz-border-radius: 9px !important;
    border-radius: 9px !important;
}

.roundBorder9BOTTOM {
    -webkit-border-bottom-left-radius: 9px !important;
    -moz-border-bottom-left-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    -webkit-border-bottom-right-radius: 9px !important;
    -moz-border-bottom-right-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
}

.marginBottom1 {
    margin-bottom: 10px;
}

.grayBG1 {
    background-color: #EEE;
}

.XIMG {
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.finger {
    cursor: pointer;
}

.XORANGEBTN, .XBLUEBTN, .XBLUEBTNp, .XGREENBTN, .XSILVERBTN, .XSILVERBTN2, .XREDBTN, .XREDBTNNOHOVER {
    /*position: absolute;
    top: 1px;
    left: 1px;*/
    display: inline-block;
    padding: 0.1em 0.2em;
    white-space: nowrap;
    text-align: center;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    font-family: Helvetica, Tahoma;
    font-size: 1em;
    cursor: pointer;
    box-shadow: 3px 3px 5px #888;
    -moz-box-shadow: 3px 3px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#888')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#888');
}

.XBLUEBTNp {
    padding: 0.2em 0.5em;
}

.BTNTASK {
    display: inline-block;
    padding: 0.35em 0.62em;
    white-space: nowrap;
    text-align: center;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    font-family: Helvetica, Tahoma;
    font-size: inherit !important;
    cursor: pointer;
    background-color: #3e7ad2;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e7ad2), to(#233c7b));
    background: -ms-linear-gradient(top, #3e7ad2 0%, #233c7b 100%);
    background: -moz-linear-gradient(top, #3e7ad2, #233c7b);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3e7ad2', endColorstr='#233c7b');
    box-shadow: 3px 3px 5px #1b1b1b;
    -moz-box-shadow: 3px 3px 5px #1b1b1b;
    -webkit-box-shadow: 3px 3px 5px #1b1b1b;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#1b1b1b')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#1b1b1b');
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .BTNTASK:hover {
        background-color: #5998f1;
        background: -webkit-gradient(linear, left top, left bottom, from(#5998f1), to(#193b94));
        background: -ms-linear-gradient(top, #5998f1 0%, #193b94 100%);
        background: -moz-linear-gradient(top, #5998f1, #193b94);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5998f1', endColorstr='#193b94');
        box-shadow: 3px 3px 5px #1b1b1b;
        -moz-box-shadow: 3px 3px 5px #1b1b1b;
        -webkit-box-shadow: 3px 3px 5px #1b1b1b;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#1b1b1b')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#1b1b1b');
    }

@media only screen and (max-width: 1080px) {
    .moduleTask {
        padding: 0 0.2em 0 0.5em;
    }

    .BTNTASK {
        padding: 0.3em 0.5em;
        font-size: 0.9em !important;
    }
}

@media only screen and (max-width: 950px) {
    .moduleTask {
        padding: 0 0.1em 0 0.4em;
    }

    .BTNTASK {
        padding: 0.3em 0.5em;
        font-size: 0.85em !important;
        font-weight: normal;
    }
}

@media only screen and (max-width: 950px) {
    .moduleTask {
        padding: 0 0.1em 0 0.4em;
    }

    .BTNTASK {
        padding: 0.3em 0.4em;
        font-size: 0.8em !important;
    }
}

.XREDBTNNOHOVER {
    cursor: default;
}

.XORANGEBTN:hover, .XBLUEBTN:hover, .XGREENBTN:hover, .XSILVERBTN:hover, .XSILVERBTN2:hover, .XREDBTN:hover {
    box-shadow: 3px 3px 7px #555;
    -moz-box-shadow: 3px 3px 7px #555;
    -webkit-box-shadow: 3px 3px 7px #555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#555')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#555');
}

.XBTNLETTERSPACING_00_01HOVER {
    letter-spacing: 0.0em;
}

    .XBTNLETTERSPACING_00_01HOVER:hover {
        letter-spacing: 0.1em;
    }

.XBTNLETTERSPACING_00_02HOVER {
    letter-spacing: 0.0em;
}

    .XBTNLETTERSPACING_00_02HOVER:hover {
        letter-spacing: 0.2em;
    }

.XBTNLETTERSPACING_01_02HOVER {
    letter-spacing: 0.1em;
}

    .XBTNLETTERSPACING_01_02HOVER:hover {
        letter-spacing: 0.2em;
    }

.XBTNLETTERSPACING_01_03HOVER {
    letter-spacing: 0.1em;
}

    .XBTNLETTERSPACING_01_03HOVER:hover {
        letter-spacing: 0.3em;
    }

.XORANGEBTN, .XBLUEBTN, .XBLUEBTNp, .XGREENBTN, .XSILVERBTN, .XSILVERBTN2, .XREDBTN, .XREDBTNNOHOVER,
.XORANGEBTN:hover, .XBLUEBTN:hover, .XBLUEBTNp:hover, .XGREENBTN:hover, .XSILVERBTN:hover, .XSILVERBTN2:hover, .XREDBTN:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .XORANGEBTN, .XORANGEBTN:hover {
        color: #FFF;
        background-color: #9c3f00;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffae00), to(#9c3f00));
        background: -ms-linear-gradient(top, #ffae00 0%, #9c3f00 100%);
        background: -moz-linear-gradient(top, #ffae00, #9c3f00);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffae00', endColorstr='#9c3f00');
    }

    .XBLUEBTN, .XBLUEBTN:hover,
    .XBLUEBTNp, .XBLUEBTNp:hover {
        color: #E2ECFF;
        background-color: #004984;
        background: -webkit-gradient(linear, left top, left bottom, from(#528AF5), to(#004984));
        background: -ms-linear-gradient(top, #528AF5 0%, #004984 100%);
        background: -moz-linear-gradient(top, #528AF5, #004984);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#528AF5', endColorstr='#004984');
    }

    .XGREENBTN, .XGREENBTN:hover {
        color: #E2FFE5;
        background-color: #0c5d00;
        background: -webkit-gradient(linear, left top, left bottom, from(#00CE18), to(#0c5d00));
        background: -ms-linear-gradient(top, #00CE18 0%, #0c5d00 100%);
        background: -moz-linear-gradient(top, #00CE18, #0c5d00);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00CE18', endColorstr='#0c5d00');
    }

    .XSILVERBTN, .XSILVERBTN:hover {
        color: #000000;
        background-color: #B6B6B6;
        background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#B6B6B6));
        background: -ms-linear-gradient(top, #FAFAFA 0%, #B6B6B6 100%);
        background: -moz-linear-gradient(top, #FAFAFA, #B6B6B6);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#B6B6B6');
        border-top: 1px solid #e4e4e4;
    }

    .XSILVERBTN2, .XSILVERBTN2:hover {
        color: #000000;
        background-color: #9499a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#9499a5));
        background: -ms-linear-gradient(top, #f5f5f5 0%, #9499a5 100%);
        background: -moz-linear-gradient(top, #f5f5f5, #9499a5);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5f5f5', endColorstr='#9499a5');
    }

    .XREDBTN, .XREDBTNNOHOVER, .XREDBTN:hover {
        color: #EDF3FF;
        background-color: #AD0101;
        background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#AD0101));
        background: -ms-linear-gradient(top, #FF0000 0%, #AD0101 100%);
        background: -moz-linear-gradient(top, #FF0000, #AD0101);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF0000', endColorstr='#AD0101');
    }

a.BOXCONFIG0, a.BOXCONFIG {
    float: left;
    cursor: pointer;
    color: #FFFFFF;
    border: 1px solid #AEAEAE;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Arial;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    text-decoration: none;
    position: absolute;
    z-index: 1000;
    font-size: 20px;
    width: 20px;
    height: 20px;
    padding-left: 0.1em;
    padding-top: 1px;
    background-color: #2972B1;
}

a.BOXCONFIG {
    margin-top: -10px;
    margin-left: -10px;
}

@media screen {
    a.BOXCLOSE, a.BOXCLOSE2, a.BOXCLOSE3, a.BOXCLOSE4 {
        float: right;
        cursor: pointer;
        color: #FFFFFF;
        border: 1px solid #AEAEAE;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background-color: #C02F2F;
        font-family: Arial;
        font-weight: bold;
        display: inline-block;
        line-height: 0px;
        text-decoration: none !important;
        position: absolute;
        /*z-index:99000;*/
        right: 0;
    }

    a.BOXCLOSE {
        margin-top: -0.6em;
        margin-right: -0.6em;
        font-size: 0.8rem;
        padding: 0.5rem 0.3rem 0.5rem 0.3rem;
    }

    a.BOXCLOSE2 {
        margin-top: -11px;
        margin-right: -13px;
        font-size: 0.75rem;
        padding: 0.7em 0.3em 0.6em 0.3em;
    }

    a.BOXCLOSE3 {
        margin-top: -10px;
        margin-right: -11px;
        font-size: 0.7rem;
        padding: 0.6rem 0.35rem;
    }

    a.BOXCLOSE4 {
        margin-top: -9px;
        margin-right: -9px;
        font-size: 0.7rem;
        padding: 0.9rem 0.5rem;
    }

    .BOXCLOSE:before, .BOXCLOSE2:before, .BOXCLOSE3:before, .BOXCLOSE4:before {
        content: "X";
    }

    .BOXCLOSE:hover {
        box-shadow: 0px 0px 7px #DDDDDD;
        -moz-box-shadow: 0px 0px 7px #DDDDDD;
        -webkit-box-shadow: 0px 0px 7px #DDDDDD;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#DDDDDD')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#DDDDDD');
        color: white;
    }

    .BOXCLOSE.TOPFEEDBACK:before {
        content: "x";
    }

    .BOXCLOSE.TOPFEEDBACK {
        position: absolute;
        right: 0;
        margin-top: -1px;
        margin-right: -0.5rem;
        border-radius: 35%;
        -webkit-border-radius: 35%;
        -moz-border-radius: 35%;
        padding: 0.4rem 0.2rem;
        font-size: 0.7rem;
        background-color: #dedede;
        border: 1px solid #d0d0d0;
        color: #a7a2a2;
    }

        .BOXCLOSE.TOPFEEDBACK:hover {
            background-color: #C02F2F;
            color: #FFF;
        }

    .BOXCLOSE2:hover {
        background-color: #f00;
        color: white;
    }

    .BOXCLOSE3:hover {
        box-shadow: 0px 0px 7px #DDDDDD;
        -moz-box-shadow: 0px 0px 7px #DDDDDD;
        -webkit-box-shadow: 0px 0px 7px #DDDDDD;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#DDDDDD')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#DDDDDD');
        color: white;
    }

    .BOXCLOSE4:hover {
        box-shadow: 0px 0px 7px #DDDDDD;
        -moz-box-shadow: 0px 0px 7px #DDDDDD;
        -webkit-box-shadow: 0px 0px 7px #DDDDDD;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#DDDDDD')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#DDDDDD');
        color: white;
    }
}

.BOXCHECKBOX_CHECKED, .BOXCHECKBOX_CHECKEDDISABLED, .BOXCHECKBOX_UNCHECKED {
    float: left;
    margin-top: -6px;
    margin-left: -5px;
    cursor: pointer;
    background-color: white;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.BOXCHECKBOX_CHECKED {
    background-image: url(/common/_images/checkboxChecked3.png);
}

.BOXCHECKBOX_CHECKEDDISABLED {
    background-image: url(/common/_images/checkboxChecked3D.png);
}

.BOXCHECKBOX_UNCHECKED {
    background-image: url(/common/_images/checkboxUnchecked3.png);
}

.FANCYBG_LIGHT_RED, .FANCYBG_LIGHT_GREEN, .FANCYBG_LIGHT_BLUE, .FANCYBG_BLUE {
    display: inline-block;
    padding: 4px 10px 4px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.2em;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

.FANCYBG_LIGHT_RED {
    color: #E6E6E6;
    background-color: #FFC8C8;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF9F9), to(#FFC8C8));
    background: -ms-linear-gradient(top, #FFF9F9 0%, #FFC8C8 100%);
    background: -moz-linear-gradient(top, #FFF9F9, #FFC8C8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFF9F9', endColorstr='#FFC8C8');
}

.FANCYBG_LIGHT_GREEN {
    color: #E6E6E6;
    background-color: #A7F1CD;
    background: -webkit-gradient(linear, left top, left bottom, from(#E4FBFC), to(#A7F1CD));
    background: -ms-linear-gradient(top, #E4FBFC 0%, #A7F1CD 100%);
    background: -moz-linear-gradient(top, #E4FBFC, #A7F1CD);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E4FBFC', endColorstr='#A7F1CD');
}

.FANCYBG_LIGHT_BLUE {
    color: #E6E6E6;
    background-color: #B6DFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8F4FF), to(#B6DFFF));
    background: -ms-linear-gradient(top, #E8F4FF 0%, #B6DFFF 100%);
    background: -moz-linear-gradient(top, #E8F4FF, #B6DFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E8F4FF', endColorstr='#B6DFFF');
}

.FANCYBG_BLUE {
    color: #E6E6E6;
    background-color: #061E65;
    background: -webkit-gradient(linear, left top, left bottom, from(#1D94E4), to(#061E65));
    background: -ms-linear-gradient(top, #1D94E4 0%, #061E65 100%);
    background: -moz-linear-gradient(top, #1D94E4, #061E65);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D94E4', endColorstr='#061E65');
}

.FANCYBTN_SILVER, .FANCYBTN_SILVER2, .FANCYBTN_YELLOW, .FANCYBTN_GREEN, .FANCYBTN_ORANGE, .FANCYBTN_MAGENTA, .FANCYBTN_BLUE, .FANCYBTN_BLUE2 {
    display: inline-block;
    padding: 4px 10px 4px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1.2em;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

.FANCYBTN_SILVER {
    color: #222222;
    background: -webkit-gradient(linear, left top, left bottom, from(#E7E7E7), to(#BBBBBB));
    background: -ms-linear-gradient(top, #E7E7E7 0%, #BBBBBB 100%);
    background: -moz-linear-gradient(top, #E7E7E7, #BBBBBB);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E7E7E7', endColorstr='#BBBBBB');
}

    .FANCYBTN_SILVER:hover {
        color: #000000;
        background: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#E7E7E7));
        background: -ms-linear-gradient(top, #BBBBBB 0%, #E7E7E7 100%);
        background: -moz-linear-gradient(top, #BBBBBB, #E7E7E7);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BBBBBB', endColorstr='#E7E7E7');
    }

.FANCYBTN_SILVER2 {
    color: #222222;
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D5D5D5));
    background: -ms-linear-gradient(top, #F7F7F7 0%, #D5D5D5 100%);
    background: -moz-linear-gradient(top, #F7F7F7, #D5D5D5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F7F7F7', endColorstr='#D5D5D5');
}

    .FANCYBTN_SILVER2:hover {
        color: #000000;
        background: -webkit-gradient(linear, left top, left bottom, from(#D5D5D5), to(#F7F7F7));
        background: -ms-linear-gradient(top, #D5D5D5 0%, #F7F7F7 100%);
        background: -moz-linear-gradient(top, #D5D5D5, #F7F7F7);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D5D5D5', endColorstr='#F7F7F7');
    }

.FANCYBTN_BLUE {
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#0052F2), to(#064BA3));
    background: -ms-linear-gradient(top, #0052F2 0%, #064BA3 100%);
    background: -moz-linear-gradient(top, #0052F2, #064BA3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0052F2', endColorstr='#064BA3');
}

    .FANCYBTN_BLUE:hover {
        color: #FFFFFF;
        background: -webkit-gradient(linear, left top, left bottom, from(#010C4D), to(#0052F2));
        background: -ms-linear-gradient(top, #010C4D 0%, #0052F2 100%);
        background: -moz-linear-gradient(top, #010C4D, #0052F2);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#010C4D', endColorstr='#0052F2');
    }

.FANCYBTN_BLUE2 {
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#538DFD), to(#032879));
    background: -ms-linear-gradient(top, #538DFD 0%, #032879 100%);
    background: -moz-linear-gradient(top, #538DFD, #032879);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#538DFD', endColorstr='#032879');
}

    .FANCYBTN_BLUE2:hover {
        color: #FFFFFF;
        background: -webkit-gradient(linear, left top, left bottom, from(#032879), to(#538DFD));
        background: -ms-linear-gradient(top, #032879 0%, #538DFD 100%);
        background: -moz-linear-gradient(top, #032879, #538DFD);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#032879', endColorstr='#538DFD');
    }

.FANCYBTN_YELLOW {
    background: -webkit-gradient(linear, left top, left bottom, from(#FCFFB8), to(#FCD744));
    background: -ms-linear-gradient(top, #FCFFB8 0%, #FCD744 100%);
    background: -moz-linear-gradient(top, #FCFFB8, #FCD744);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFFB8', endColorstr='#FCD744');
    color: #025;
}

    .FANCYBTN_YELLOW:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#FCD744), to(#FCFFB8));
        background: -ms-linear-gradient(top, #FCD744 0%, #FCFFB8 100%);
        background: -moz-linear-gradient(top, #FCD744, #FCFFB8);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCD744', endColorstr='#FCFFB8');
        color: #000;
    }

.FANCYBTN_GREEN {
    background: -webkit-gradient(linear, left top, left bottom, from(#00D310), to(#025506));
    background: -ms-linear-gradient(top, #00D310 0%, #025506 100%);
    background: -moz-linear-gradient(top, #00D310, #025506);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00D310', endColorstr='#025506');
    color: #FFF;
}

    .FANCYBTN_GREEN:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#025506), to(#00D310));
        background: -ms-linear-gradient(top, #025506 0%, #00D310 100%);
        background: -moz-linear-gradient(top, #025506, #00D310);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#025506', endColorstr='#00D310');
        color: #FFF;
    }

.FANCYBTN_ORANGE {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffae00), to(#9c3f00));
    background: -ms-linear-gradient(top, #ffae00 0%, #9c3f00 100%);
    background: -moz-linear-gradient(top, #ffae00, #9c3f00);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffae00', endColorstr='#9c3f00');
    color: #FFF;
}

    .FANCYBTN_ORANGE:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#9c3f00), to(#ffae00));
        background: -ms-linear-gradient(top, #9c3f00 0%, #ffae00 100%);
        background: -moz-linear-gradient(top, #9c3f00, #ffae00);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c3f00', endColorstr='#ffae00');
        color: #FFF;
    }

.FANCYBTN_MAGENTA {
    background: -webkit-gradient(linear, left top, left bottom, from(#B20AE7), to(#510464));
    background: -ms-linear-gradient(top, #B20AE7 0%, #510464 100%);
    background: -moz-linear-gradient(top, #B20AE7, #510464);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B20AE7', endColorstr='#510464');
    color: #FFF;
}

    .FANCYBTN_MAGENTA:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#510464), to(#B20AE7));
        background: -ms-linear-gradient(top, #510464 0%, #B20AE7 100%);
        background: -moz-linear-gradient(top, #510464, #B20AE7);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#510464', endColorstr='#B20AE7');
        color: #FFF;
    }

.leftbgAction, .leftbgEmail, .leftbgSMS, .leftbgWarning {
    background-repeat: no-repeat;
    padding-left: 30px;
}

.leftbgAction {
    background-image: url(/common/_images/notifbgActions.png?x2);
    background-position: 0px -1px;
}

.leftbgEmail {
    background-image: url(/common/_images/notifbgEmail.png);
    background-position: 0px 0px;
}

.leftbgSMS {
    background-image: url(/common/_images/notifbgSMS.png);
    background-position: 0px -2px;
}

.leftbgWarning {
    background-image: url(/common/_images/notifbgWarning.png);
    background-position: 0px -2px;
    color: #E00;
}

label[for] {
    cursor: pointer;
}

.clickedit {
    height: 1%;
    min-height: 22px !important;
    background-color: #F7F7FF;
}

.LBLSTATUSACTIVE {
    background-color: green;
}

.LBLSTATUSINACTIVE {
    background-color: #FF2424;
}

.LBLSTATUSACTIVE, .LBLSTATUSINACTIVE {
    padding: 0 0.3em;
    color: #FFFFFF;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}

.PHFILEUPLOAD {
    display: table-cell;
    border: 1px solid #CFDBFC;
    height: 84px !important;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBFDF2), to(#F2FCD9));
    background: -ms-linear-gradient(top, #FBFDF2 0%, #F2FCD9 100%);
    background: -moz-linear-gradient(top, #FBFDF2, #F2FCD9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFDF2', endColorstr='#F2FCD9');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top;
    font-weight: bold;
    color: #165DAA;
    padding: 2px;
}

.EMAILTOOL_COMMASEPBOX_EMPLOYEE, .EMAILTOOL_COMMASEPBOX_CONTRACTOREMPLOYEE {
    display: inline-block;
    border: 1px solid #8CC3FF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 3px 1px 3px;
    margin: 0px 1px 1px 0px;
}

.EMAILTOOL_COMMASEPBOX_EMPLOYEE {
    background-color: #DBEEFF;
}

.EMAILTOOL_COMMASEPBOX_CONTRACTOREMPLOYEE {
    background-color: #DDFFCA;
}

.EMAILTOOL_BTNCLEARLIST {
    position: absolute;
    right: 1.2em;
    padding: 0.1em 0.5em;
    margin-top: -0.5em;
    border: 0.05em solid #d5d5d5;
    font-size: 1.1em;
}

.EMAILTOOL_SUMMARYTOTALS {
    font-weight: bold;
    color: #006FFC;
}

.EMAILTOOL_DEL:before {
    content: "X";
}

.EMAILTOOL_DEL {
    display: inline-block;
    margin-left: 0.2em;
    padding: 0.1em 0.15em;
    border: 1px solid #DADADA;
    color: #FFFFFF;
    background-color: #FCC5C5;
    text-align: center;
    font-weight: bold;
    font-size: 0.85em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}

    .EMAILTOOL_DEL:hover {
        background-color: #FF5F5F;
    }

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

td, th {
    padding: 0;
}

.TABS_TEMPLATEINFO {
    float: right;
    background-color: #DBEDFF;
    color: #000000;
    padding: 0.1em 0.4em;
    cursor: default;
    font-size: 0.95em;
    border: solid 1px #C3DBFF;
    margin-right: 0.7em;
}

.commonCompanyName {
    color: #004CA1;
    font-weight: bold;
}

.isCommon, a.isCommon:hover, .makeCommon, a.makeCommon:hover {
    padding: 1px 3px 1px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.isCommon, a.isCommon:hover {
    color: #FFF;
}

.makeCommon, a.makeCommon:hover {
    color: #f7f7f7;
    cursor: pointer;
}

.makeCommon, .isCommon {
    background-color: #277cd3;
}

a.makeCommon:hover, a.isCommon:hover {
    background-color: #2673c1;
}

.isCommon2 {
    color: #000 !important;
    background-color: #B0DEFF !important;
}

.warnRequiredField /* same as in OPTICMobile.App.MIOPTICGlobal.css */ {
    border: 1px solid #FF0000 !important;
    background-color: #FFD3EE !important;
}

.LINKRELEASENOTES {
    color: #38b4ff !important
}

.LINKTECHSUPPORT {
    color: #fff !important;
    background-color: #bd00ba;
    padding: 0.2em 0.4em;
}

    .LINKTECHSUPPORT:hover {
        background-color: #e40000;
    }

#masterFooter a {
    text-decoration: none !important;
}

    #masterFooter a:hover {
        color: white !important
    }

.none {
    background-color: #7B7B7B;
}

.CONTRACTOR_RATING_EXEMPT, .CONTRACTOR_RATING_OK, .CONTRACTOR_RATING_TRIFFLAG, .CONTRACTOR_RATING_REDFLAG, .CONTRACTOR_RATING_THRESHOLD {
    font-weight: bold;
    font-size: inherit;
}

.CONTRACTOR_RATING_EXEMPT {
    color: Blue;
}

.CONTRACTOR_RATING_OK {
    color: Green;
}

.CONTRACTOR_RATING_TRIFFLAG {
    color: #FFA500;
}

.CONTRACTOR_RATING_REDFLAG {
    color: Red;
}

.trainingExpired, .medicalExpired {
    color: red;
}

.trainingExpiring, .medicalExpiring {
    color: red;
}

.trainingCompleted, .medicalCompleted {
    color: black;
}

input[type=radio], input[type=checkbox] {
    vertical-align: -2px; /*to align all labels with radio buttons and check boxes*/
}

.HIGHLIGHTEDBG1 {
    background-color: #FFE800;
}

label[for] {
    font-weight: normal;
}

.calendar {
    z-index: 50002 !important;
    border: 0.18em solid #6192ad !important;
}

    .calendar table {
        border-color: transparent !important;
    }

    .calendar tbody td {
        text-align: center !important;
    }

    .calendar tbody .rowhilite td {
        background: #ececec !important;
    }

    .calendar tbody td.hilite {
        background-color: #bbd7ff !important;
        border-top: 1px solid #fff;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #fff;
    }

    .calendar tbody td {
        border: 1px inset transparent !important;
    }

        .calendar tbody td.selected {
            border: 1px inset #AAA;
            background-color: #94bbff !important;
        }

    .calendar thead .title {
        background-color: #ccd5e2 !important;
        color: black !important;
        border-width: 0 !important;
        padding: 0.3em 0.1em !important;
    }

    .calendar thead .hilite {
        border-width: 0 !important;
    }

    .calendar thead .name {
        background-color: #e5e0da !important;
        padding: 0.1em !important;
    }

    .calendar tbody .rowhilite td {
        color: unset !important;
    }

    .calendar tfoot .ttip {
        background: white !important;
        color: #555 !important;
    }

legend {
    margin-bottom: 0px !important;
}

#topTableHyperlinks {
}

.MAINMODULE_TOPBAR_NORMAL, .MAINMODULE_TOPBAR_SPECIAL1 {
    color: white;
    width: 100%;
    height: 46px;
    padding: 0;
    margin: 0;
    z-index: 2;
    position: absolute;
}

.MAINMODULE_TOPBAR_NORMAL, .MAINMODULE_TOPBAR_SPECIAL1 {
    background-color: #2B3F72;
}

    .MAINMODULE_TOPBAR_NORMAL td:first-child, .MAINMODULE_TOPBAR_SPECIAL1 td:first-child, .BLUEGRADIENTBAR {
        background: -webkit-gradient(linear, left top, left bottom, from(#445d9c), to(#2c3d6a));
        background: -ms-linear-gradient(top, #445d9c 0%, #2c3d6a 100%);
        background: -moz-linear-gradient(top, #445d9c, #2c3d6a);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2c3d6a')";
    }

/*.MAINMODULE_TOPBAR_SPECIAL1 {
    background-color: #481f69;
}

    .MAINMODULE_TOPBAR_SPECIAL1 td:first-child {
        background: -webkit-gradient(linear, left top, left bottom, from(#861669), to(#34104c));
        background: -ms-linear-gradient(top, #861669 0%, #34104c 100%);
        background: -moz-linear-gradient(top, #861669, #34104c);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#34104c')";
    }*/

.FLASHINGBG_REDWHITE {
    -webkit-animation: flashinganim_REDWHITE 1s infinite; /* Safari 4+ */
    -moz-animation: flashinganim_REDWHITE 1s infinite; /* Fx 5+ */
    -o-animation: flashinganim_REDWHITE 1s infinite; /* Opera 12+ */
    animation: flashinganim_REDWHITE 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes flashinganim_REDWHITE {
    0%, 49% {
        background-color: #e50000;
        border: 1px solid #DDDDDD;
    }

    50%, 100% {
        background-color: #DDDDDD;
        border: 1px solid #FFAAAA;
    }
}

.FLASHINGBG_ORANGEWHITE {
    -webkit-animation: flashinganim_ORANGEWHITE 1s infinite; /* Safari 4+ */
    -moz-animation: flashinganim_ORANGEWHITE 1s infinite; /* Fx 5+ */
    -o-animation: flashinganim_ORANGEWHITE 1s infinite; /* Opera 12+ */
    animation: flashinganim_ORANGEWHITE 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes flashinganim_ORANGEWHITE {
    0%, 49% {
        background-color: #ff7f00;
        border: 1px solid #DDDDDD;
    }

    50%, 100% {
        background-color: #DDDDDD;
        border: 1px solid #FFAA33;
    }
}

.FLASHINGBG_GREENWHITE {
    -webkit-animation: flashinganim_GREENWHITE 1s infinite; /* Safari 4+ */
    -moz-animation: flashinganim_GREENWHITE 1s infinite; /* Fx 5+ */
    -o-animation: flashinganim_GREENWHITE 1s infinite; /* Opera 12+ */
    animation: flashinganim_GREENWHITE 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes flashinganim_GREENWHITE {
    0%, 49% {
        background-color: #0fcc00;
    }

    50%, 100% {
        background-color: #DDDDDD;
    }
}

.CONTRACTOR_COLORS, .AMODULELINK, .AMODULELINK:link, .AMODULELINK:visited {
    color: #9c0088;
}

.CONTRACTOR_COLORS {
    background-color: #fce9ff;
}

.AMODULELINK0, .AMODULELINK0:link, .AMODULELINK0:visited,
.AMODULELINK, .AMODULELINK:link, .AMODULELINK:visited {
    padding: 1px 3px;
    text-decoration: none;
    font-size: inherit;
}

    .AMODULELINK:hover {
        color: #ab00ca;
    }

.BOLD {
    font-weight: bold;
}

.BGEMPLOYEE {
    background-color: #DBEEFF;
}

.BGCONTRACTOREMPLOYEE {
    background-color: #fdecff; /*#DDFFCA;*/
}

.BGOTHERPERSON {
    background-color: #FCF7DB;
}

.BGEQUIPMENT {
    background-color: #B9FF9B;
}

input[type=text], input[type=password], textarea, select {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    box-sizing: border-box;
    border: 0.08em solid #99A;
    outline-offset: 0;
}

    input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
        outline: none;
        border: 0.08em solid #0075bf;
    }

.LED_BLINKRED, .LED_BLINKBLUE, .LED_BLINKGREEN {
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    margin-left: 0.4em;
}

.LED_BLINKRED {
    background-color: #A00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: BLINKRED 1s infinite;
    -moz-animation: BLINKRED 1s infinite;
    -ms-animation: BLINKRED 1s infinite;
    -o-animation: BLINKRED 1s infinite;
    animation: BLINKRED 1s infinite;
}

@-webkit-keyframes BLINKRED {
    from {
        background-color: #F00000;
    }

    50% {
        background-color: #A0000000;
    }

    to {
        background-color: #F00000;
    }
}

@-moz-keyframes BLINKRED {
    from {
        background-color: #F00000;
    }

    50% {
        background-color: #A0000000;
    }

    to {
        background-color: #F00000;
    }
}

@-ms-keyframes BLINKRED {
    from {
        background-color: #F00000;
    }

    50% {
        background-color: #A0000000;
    }

    to {
        background-color: #F00000;
    }
}

@-o-keyframes BLINKRED {
    from {
        background-color: #F00000;
    }

    50% {
        background-color: #A0000000;
    }

    to {
        background-color: #F00000;
    }
}

@keyframes BLINKRED { /*Chrome*/
    from {
        background-color: #F00000;
    }

    50% {
        background-color: #A0000000;
    }

    to {
        background-color: #F00000;
    }
}

.LED_BLINKBLUE {
    background-color: #204080;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: BLINKBLUE 1s infinite;
    -moz-animation: BLINKBLUE 1s infinite;
    -ms-animation: BLINKBLUE 1s infinite;
    -o-animation: BLINKBLUE 1s infinite;
    animation: BLINKBLUE 1s infinite;
}

@-webkit-keyframes BLINKBLUE {
    from {
        background-color: #0000FF;
    }

    50% {
        background-color: #0000FF00;
    }

    to {
        background-color: #0000FF;
    }
}

@-moz-keyframes BLINKBLUE {
    from {
        background-color: #0000FF;
    }

    50% {
        background-color: #0000FF00;
    }

    to {
        background-color: #0000FF;
    }
}

@-ms-keyframes BLINKBLUE {
    from {
        background-color: #0000FF;
    }

    50% {
        background-color: #0000FF00;
    }

    to {
        background-color: #0000FF;
    }
}

@-o-keyframes BLINKBLUE {
    from {
        background-color: #0000FF;
    }

    50% {
        background-color: #0000FF00;
    }

    to {
        background-color: #0000FF;
    }
}

@keyframes BLINKBLUE { /*Chrome*/
    from {
        background-color: #0000FF;
    }

    50% {
        background-color: #0000FF00;
    }

    to {
        background-color: #0000FF;
    }
}

.LED_BLINKGREEN {
    background-color: #108a00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: BLINKGREEN 1s infinite;
    -moz-animation: BLINKGREEN 1s infinite;
    -ms-animation: BLINKGREEN 1s infinite;
    -o-animation: BLINKGREEN 1s infinite;
    animation: BLINKGREEN 1s infinite;
}

@-webkit-keyframes BLINKGREEN {
    from {
        background-color: #108a00;
    }

    70% {
        background-color: #18d200;
    }

    to {
        background-color: #108a00;
    }
}

@-moz-keyframes BLINKGREEN {
    from {
        background-color: #108a00;
    }

    70% {
        background-color: #18d200;
    }

    to {
        background-color: #108a00;
    }
}

@-ms-keyframes BLINKGREEN {
    from {
        background-color: #108a00;
    }

    70% {
        background-color: #18d200;
    }

    to {
        background-color: #108a00;
    }
}

@-o-keyframes BLINKGREEN {
    from {
        background-color: #108a00;
    }

    70% {
        background-color: #18d200;
    }

    to {
        background-color: #108a00;
    }
}

@keyframes BLINKGREEN { /*Chrome*/
    from {
        background-color: #108a00;
    }

    70% {
        background-color: #18d200;
    }

    to {
        background-color: #108a00;
    }
}

.LED_BLUE, .LED_GREEN, .LED_RED {
    display: inline-block;
    margin: 0 auto;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.LED_BLUE {
    background-color: #5581ff;
}

.LED_GREEN {
    background-color: #00ab00;
}

.LED_RED {
    background-color: #ef0000;
}

/*
::-webkit-scrollbar {
    width: 1.3em;
    height: 1.3em;
}

::-webkit-scrollbar-button {
    background: no-repeat #e9ecef;
    background-size: 0.75em;
    background-position: center bottom;
}

    ::-webkit-scrollbar-button:vertical:decrement {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a6268'><polygon points='0,50 100,50 50,0'/></svg>");
    }

    ::-webkit-scrollbar-button:vertical:increment {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a6268'><polygon points='0,0 100,0 50,50'/></svg>");
    }

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #EEF;
}

::-webkit-scrollbar-thumb {
    background: #9FA2CA;
}*/

.HOVERCONTAINER:hover {
    background-color: #e6eaf1;
}

.HOVERCONTAINER .IMGOUTPUTUP, .HOVERCONTAINER .IMGOUTPUTDOWN {
    display: inline-block;
    opacity: 0.3;
    filter: alpha(opacity=20)
}

.HOVERCONTAINER:hover .IMGOUTPUTUP, .HOVERCONTAINER:hover .IMGOUTPUTDOWN {
    opacity: 1.0;
    filter: alpha(opacity=100)
}

.MODALPOPUP {
    position: absolute;
    z-index: 50001;
    top: 3%;
    left: 4%;
    width: 92%;
    height: 92%;
    background-color: #fff;
    border: 1px solid #b5b5b5;
}

.MODALPOPUPTITLE {
    cursor: pointer;
    height: 1.8em;
    background-color: #2d5bab;
    color: #fff;
    padding: 0.3em 0.4em;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}

.MODALPOPUPCLOSE {
    cursor: pointer;
    float: right;
    width: 1.6em;
    margin-top: 0.3em;
    margin-right: 0.2em;
}

.MODALPOPUPCONTENT {
    position: absolute;
    top: 2.2em;
    left: 0;
    right: 0;
    bottom: 0;
}

    .MODALPOPUPCONTENT iframe {
        border-width: 0px;
    }

.STDPOPUP {
    position: fixed !important;
    z-index: 50001;
    background-color: white;
    border: inset 2px #DDDDDD;
    width: 96%;
    margin-right: -48%;
    right: 50%;
    height: 90%;
    top: 5%;
    left: auto;
}

.STDPOPUPCLOSE {
    cursor: pointer;
    float: right;
    width: 1.8em;
    height: 1.8em;
}

.STDPOPUPHEADER {
    background-color: #1e50b7;
    color: white;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0.5em;
}

.STDPOPUPBODY {
    position: absolute;
    width: 100%;
    top: 1.9em;
    bottom: 0;
    overflow: auto;
    background-color: white;
    padding: 0.2em;
}

.TBLSTRIPE *:not(.NOSTRIPE) tr:not(.NOSTRIPE):hover td:not(.NOSTRIPE),
.STRIPE:not(.NOSTRIPE):hover, .STRIPE:not(.NOSTRIPE):hover *:not(.NOSTRIPE),
.HOVERHIGHLIGHT:not(.NOSTRIPE):hover, .HOVERHIGHLIGHT:not(.NOSTRIPE):hover *:not(input):not(textarea):not(select):not(.NOSTRIPE) {
    background-color: #abc1ec !important; /*#bcd3ff !important;*/
}

/*.TBLSTRIPE *:not(.NOSTRIPE) tr:nth-child(odd) td:not(.NOSTRIPE),
    .STRIPE:not(.NOSTRIPE):nth-child(odd), .STRIPE:not(.NOSTRIPE):nth-child(odd) *:not(.NOSTRIPE) {
        background-color: white;
    }*/

.TBLSTRIPE *:not(.NOSTRIPE) tr:nth-child(even) td:not(.NOSTRIPE),
.STRIPE:not(.NOSTRIPE):nth-child(even), .STRIPE:not(.NOSTRIPE):nth-child(even) *:not(.NOSTRIPE) {
    background-color: #f5f8ff;
}

.PDFTITLE a {
    font-weight: bold;
}

.PREDEFRESNOTES {
    vertical-align: top;
}

    .PREDEFRESNOTES .BTN {
        position: inherit !important;
        padding: 0.1em 1em 0.1em 1em !important;
        margin-right: 1em;
    }

.MENUITEM_OK {
    background-color: #65d665;
}

.MENUITEM_DEBUG {
    background-color: #f576ff;
}

.MENUITEM_WARN {
    background-color: #ffa500;
}

.MENUITEM_ERR {
    background-color: #ff9f9f;
}

.inactiveBG {
    background-color: #ff9f9f !important;
}

.MENUITEM_HIGHLIGHTED {
    background-color: #fff376;
}

.MENUITEM_X {
    background-color: #5feaea;
}

.MENUITEM_Y {
    background-color: #bcbfd6;
}

select.MENUITEM_OK, .statusCompleted, .closed:not(.expandable):not(.collapsable), .statusGreen, .active, .active2 {
    background-color: #80ff80;
    color: #560000;
    border: 1px solid #26b100;
    outline-width: 0;
}

select.MENUITEM_DEBUG, .outOfService {
    background-color: #faaeff;
    color: #560000;
    border: 1px solid #ea00fb;
    outline-width: 0;
    white-space: nowrap;
}

select.MENUITEM_WARN, .statusInProgress, .sold {
    background-color: #ffc957;
    color: #4c0071;
    border: 1px solid #e28500;
    outline-width: 0;
}

select.MENUITEM_ERR, .statusCancelled, .inactive, .inactive2, .statusRed, .errField {
    background-color: #ffb2b2;
    color: #560000;
    border: 1px solid #ff6060;
    outline-width: 0;
}

.statusRed2 {
    background-color: red;
    color: white;
    border: 1px solid #b70000;
    outline-width: 0;
}

select.MENUITEM_X, .temporaryTransfer {
    background-color: #5feaea;
    color: #560000;
    border: 1px solid #9a9a9a;
    outline-width: 0;
    white-space: nowrap;
}

select.MENUITEM_Y, .disposed {
    background-color: #bcbfd6;
    color: #560000;
    border: 1px solid #986e6e;
    outline-width: 0;
    white-space: nowrap;
}

select.MENUITEM_HIGHLIGHTED {
    background-color: #cee7ff;
    color: #003e9a;
    border: 1px solid #8ab0d4;
    outline-width: 0;
}

.statusNotStarted, .open:not(.expandable):not(.collapsable), .statusGray, .statusGray2, .current {
    background-color: #737373;
    color: #fff;
    white-space: nowrap;
    border: 1px solid #565656;
    outline-width: 0;
}

.open:not(.expandable):not(.collapsable) {
    background-color: #e8e8e8;
    color: #000;
    border: 1px solid #d3d3d3;
}

.statusGray0, .statusGray00 {
    background-color: #737373;
    color: #fff;
}

.statusGray00 {
    padding: 0 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}

.statusGray2 {
    background-color: #d3d3d3;
    color: #000;
    border: 1px solid #a4a4a4;
}

.statusNotStarted, .statusInProgress, .statusCompleted, .statusCancelled, .statusRed, .statusRed2, .open:not(.expandable):not(.collapsable), .closed:not(.expandable):not(.collapsable):not(.treeview), .statusGray, .statusGray2, .statusGreen, .none, .active, .inactive, .active2, .inactive2, .sold, .disposed, .outOfService, .temporaryTransfer, .current {
    white-space: nowrap;
    display: inline-block;
    padding: 0.1em 0.2em !important;
    min-width: 5.8em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 7px #707070;
    -webkit-box-shadow: 2px 2px 7px #707070;
    box-shadow: 2px 2px 7px #707070;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#707070')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#707070');
    margin-right: 4px;
    font-size: inherit;
    text-align: center;
}

.active2, .inactive2 {
    padding-left: 0.8em !important;
    padding-right: 0.8em !important;
    min-width: unset;
}

.current {
    min-width: unset;
}

.BORDERANIM {
    background: url(/common/_images/selection.gif);
}

    .BORDERANIM .XA { /*see setup for file uploading*/
        zoom: 90% !important;
        margin: 5% !important;
        display: inline-block;
    }

.BORDERANIMATION {
    color: #27B;
    outline: 3px dashed white;
    box-shadow: 0 0 0 3px #27B;
    animation: 1s animBORDERANIMATION ease infinite;
}

@keyframes animBORDERANIMATION {
    to {
        outline-color: #27B;
        box-shadow: 0 0 0 3px white;
    }
}

@-webkit-keyframes animBORDERANIMATION {
    to {
        outline-color: #27B;
        box-shadow: 0 0 0 3px white;
    }
}

@-moz-keyframes animBORDERANIMATION {
    to {
        outline-color: #27B;
        box-shadow: 0 0 0 3px white;
    }
}

@-ms-keyframes animBORDERANIMATION {
    to {
        outline-color: #27B;
        box-shadow: 0 0 0 3px white;
    }
}

@-o-keyframes animBORDERANIMATION {
    to {
        outline-color: #27B;
        box-shadow: 0 0 0 3px white;
    }
}

.FILEDROPWAIT {
    position: absolute;
    height: 10px;
}

.OPTICDATE {
    width: 7.2em !important;
    text-align: center;
}

.BOXLINK {
    display: inline-block;
    border: 1px solid #b7c5d4;
    margin: 2px 0px 0px 10px;
    padding: 2px 4px;
}

    .BOXLINK:hover {
        background-color: #cce3ff;
    }
/* e.g. % value displayed on pie charts*/
.jqplot-data-label {
    color: #fff !important;
    text-shadow: 1px 1px 5px #000000 !important;
    font-size: 1.1em !important;
}

/* Chart Title*/
.jqplot-title {
    color: #344673 !important;
    margin-top: 0.5em;
}

.FIELDBORDEROK {
    border: 1px solid Transparent;
}

.FIELDBORDERERROR {
    border: 1px solid red;
}

.POINTER {
    cursor: pointer;
}

#divTasks img {
    vertical-align: middle;
    margin-top: -0.2em;
    margin-right: 0.5em;
}

.ONLINETESTRESULTPASS {
    background-color: green !important;
    color: white !important;
}

.ONLINETESTRESULTFAIL {
    background-color: red !important;
    color: white !important;
}

.ONLINETESTRESULTPASS, .ONLINETESTRESULTFAIL {
    padding: 0.1em 0.5em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}

@media print {
    .PRINTCOLUMN1, .PRINTCOLUMN2 {
        display: table-cell !important;
        vertical-align: top;
        width: 50%;
    }

    .PRINTCOLUMN1 {
        padding-right: 0.5em;
    }

    .PRINTCOLUMN2 {
        padding-left: 0.5em;
    }
}

/* jqplot legend size e.g. in pie charts on Dashboard */
.jqplot-table-legend {
    /*width: 300px;*/
}

    .jqplot-table-legend td:first-child {
        width: 16px;
    }

@-webkit-keyframes ROTATE15 {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    75% {
        transform: rotate(-15deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-moz-keyframes ROTATE15 {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    75% {
        transform: rotate(-15deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-ms-keyframes ROTATE15 {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    75% {
        transform: rotate(-15deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-o-keyframes ROTATE15 {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    75% {
        transform: rotate(-15deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes ROTATE15 { /*Chrome*/
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    75% {
        transform: rotate(-15deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes ROTATE360 {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(360deg);
    }

    75% {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-moz-keyframes ROTATE360 {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(360deg);
    }

    75% {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-ms-keyframes ROTATE360 {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(360deg);
    }

    75% {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-o-keyframes ROTATE360 {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(360deg);
    }

    75% {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes ROTATE360 { /*Chrome*/
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(360deg);
    }

    75% {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes ROTATE360R {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@-moz-keyframes ROTATE360R {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@-ms-keyframes ROTATE360R {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@-o-keyframes ROTATE360R {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes ROTATE360R { /*Chrome*/
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.CENTEREDPOPUP80, .CENTEREDPOPUP90 {
    /*position: fixed;
    z-index: 50001;
    top: 61.7969px;*/
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}

.CENTEREDPOPUP80 {
    width: 80% !important;
    height: 80% !important;
}

.CENTEREDPOPUP90 {
    width: 90% !important;
    height: 90% !important;
}

.POPUPHEADER {
    overflow: hidden;
    white-space: nowrap;
}

.FOOTER_LATLNG {
    position: absolute;
    display: inline-block;
    margin-left: 0.5em;
    color: #8f8f8f;
}

/*[BEGIN] Top tab red dot*/
.topTabCENTER img, .ttCENTER img {
    display: none;
}

.TABREDDOT, .TABBLUEDOT {
    display: inline-block !important;
    margin-top: -0.05em;
    margin-left: 0.2em;
    width: 0.45em;
    height: 0.5em;
}

.mainPanelTitle .TABREDDOT, .mainPanelTitle .TABBLUEDOT {
    display: none !important;
}

#panelTitle .TABREDDOT {
    display: none !important;
}
/*[END] Top tab red dot*/

.WSREDITING .BG_DROPINDICATOR, .CONTAINER_DROPINDICATOR .BG_DROPINDICATOR {
    background-image: url(/common/_images/candrop.png?x);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2.4em;
    min-width: 3em;
}

#topToolbars {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 9999;
}

#masterContent {
    padding-top: 40px;
}

.PendingReview, .Approved, .Rejected {
    padding: 0.1em 0.5em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    white-space: nowrap;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.PendingReview {
    background-color: #e87100;
    color: white !important;
}

.Approved, .Approved td, .Approved div, .Approved label, .Approved span, .Approved .XA {
    background-color: #009200 !important;
    color: white !important;
}

.Rejected, .Rejected td, .Rejected div, .Rejected label, .Rejected span, .Rejected .XA {
    background-color: #de0000 !important;
    color: white !important;
}

.BTNAPPROVAL_APPROVE, .BTNAPPROVAL_REJECT, .BTNAPPROVAL_DELETE, .BTNAPPROVAL_RESETAPPROVEREJECT, .BTNAPPROVAL_CHANGETOPENDINGREVIEW {
    position: inherit;
    float: right;
    letter-spacing: 0.01em;
    padding: 0.3em 1rem;
    margin-left: 1em;
    margin-top: -0.7em !important;
}

.TOAPPROVEROW td, .TOAPPROVEROW label:not(.TOAPPROVE), .TOAPPROVEROW div:not(.TOAPPROVE), .TOAPPROVEROW span:not(.TOAPPROVE) {
    background-color: #b1ffa8 !important;
}

.TOREJECTROW td, .TOREJECTROW label:not(.TOREJECT), .TOREJECTROW div:not(.TOREJECT), .TOREJECTROW span:not(.TOREJECT) {
    background-color: #ffa8a8 !important;
}

.TOAPPROVE, .TOREJECT {
    position: absolute;
    filter: alpha(opacity=90);
    opacity: 0.9;
    color: #fff !important;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    padding: 0.2em 0.5em;
    z-index: 9999;
    margin-left: 1.6rem;
    margin-top: 0.2rem;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}

    .TOAPPROVE *, .TOREJECT * {
        font-size: inherit;
    }

.TOAPPROVE {
    background-color: #008000 !important;
}

.TOREJECT {
    background-color: #f30000 !important;
}

.APPROVALS_FILE {
    width: 8em;
    vertical-align: top;
    padding: 0.2em 0.1em;
    text-align: center;
    vertical-align: middle;
}

.APPROVALS_CREATEDDATE {
    width: 8em;
    white-space: nowrap;
}

.APPROVALS_CREATEDBY {
}

.APPROVALS_STATUS {
    width: 10em;
    text-align: center;
}

.APPROVALS_DELETE {
    width: 8em;
    text-align: center;
}

    .APPROVALS_DELETE a {
        background-color: #5454a2 !important;
        color: white !important;
        padding: 0 0.5em;
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
        text-decoration: none;
    }

        .APPROVALS_DELETE a:hover {
            background-color: #FF5555 !important;
            color: white !important;
        }

.TDCHECKBOX_HIDDEN {
    display: none !important;
}

.TDCHECKBOX {
    text-align: center;
    width: 2em;
}

    .TDCHECKBOX input[type=checkbox] {
        margin: 0;
    }

.DIV4TBLFIXHEADER {
    overflow: auto;
}

    .DIV4TBLFIXHEADER th {
        position: sticky;
        top: 0;
    }

.ASHOWMORELESS, .ASHOWMORELESS:link, .ASHOWMORELESS:visited, .ASHOWMORELESS:focus, .ASHOWMORELESS:hover {
    float: right;
    margin-left: 0.5em;
    white-space: nowrap;
    background-color: #7f8f9e !important;
    color: white;
    font-style: italic;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 0.1em 0.3em;
    font-size: 0.9em;
    text-decoration: none;
}

    .ASHOWMORELESS:hover {
        background-color: #2081da !important;
    }

@media print {
    .ASHOWMORELESS {
        display: none !important;
    }
}

.PHGEOLOCATION table {
    width: 100%;
}

.TDGEOLOCATIONINFO {
    padding-top: 0.25em;
    vertical-align: top;
    width: 1%;
    white-space: nowrap;
}

.TDGEOLOCATIONLINK {
    text-align: left;
}

    .TDGEOLOCATIONLINK a {
        text-decoration: none !important;
    }

    .TDGEOLOCATIONLINK img {
        width: 4em;
        cursor: pointer;
    }

.IMGSTATUSINFO, .IMGHASQRRAWTEXT {
    width: 1.4em;
    margin-left: 0.7em;
    vertical-align: top;
    margin-top: -0.2em;
}

label.checkbox, label.radio {
    cursor: pointer;
    padding: 0.2em;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
    white-space: nowrap;
    min-width: 20em;
}

    label.checkbox:hover, label.radio:hover {
        background-color: #b3d6ff;
    }

    label.checkbox input, label.radio input {
        margin-left: 0;
    }

.signaturePanelContainer canvas {
    border: 0 solid white !important;
    background-color: white;
}

.ADISABLED {
    text-decoration: none !important;
    color: #333 !important;
    cursor: default !important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.UPLOADFILEPANEL {
    background-color: #F7EDE5;
    height: 100%;
}

    .UPLOADFILEPANEL input[type="radio"], .UPLOADFILEPANEL input[type="checkbox"] {
        margin-right: 0.3em;
    }

.TBLAPPROVALNOTES {
    width: 100%;
}

    .TBLAPPROVALNOTES td {
        background-color: #d3d3d3 !important;
        padding: 0.3em !important;
    }

    .TBLAPPROVALNOTES input[type="text"] {
        background-color: yellow !important;
        width: 100%;
    }

.CUSTOMMULTILAYOUTNOTE {
    color: #b8bec3;
    font-style: italic;
    font-size: 0.9em;
}

.MULTILIST_TEAMLEADER {
    background-color: #65d4ff;
    padding: 0.2em 0.4em;
    border-radius: 0.8em;
    margin-left: 0.2em;
    font-size: 0.9em;
}

.MULTILIST_OBSITEM {
    color: #002c7b;
    font-weight: bold;
    font-style: italic;
}

.CIRCULATED {
    display: inline;
    float: right;
    font-style: italic;
    background-color: #007dc5;
    color: white;
    padding: 0.1em 0.55em;
    -webkit-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    border-radius: 0.7em;
}

.CIRCULATEDINFO {
    font-weight: normal;
    font-style: italic;
    color: #004993;
}

.yesBlueBG {
    background-color: #89d2ff;
    color: #002a56;
    padding: 0.2em 0.3em;
    font-weight: bold;
    font-weight: bold;
    -webkit-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    border-radius: 0.7em;
}

.HOVER_YBG:hover {
    background-color: #ffa;
}

.DEPLOYMENTNOTE {
    border-top: 0.1em dotted #960000;
    border-bottom: 0.1em dotted #960000;
    background-color: #ffdc93;
    color: black;
    padding: 0.1em 0.4em;
}

    .DEPLOYMENTNOTE.PROXIMITY {
        background-color: #d80600 !important;
        color: white !important;
    }

@media print {
    .DEPLOYMENTNOTE {
        display: none !important;
    }
}

.DIVREGENERATINGPDF {
    margin-top: 0.8em;
    margin-left: 0.4em;
    display: inline-block;
    white-space: nowrap;
    width: 9em;
    text-align: center;
}

    .DIVREGENERATINGPDF img {
        width: 100% !important;
        height: 0.5em;
        vertical-align: top;
        margin-right: 0.3em;
    }

    .DIVREGENERATINGPDF span {
        display: inline-block;
        font-style: italic;
        margin-bottom: 0.2em;
    }

::-webkit-input-placeholder {
    font-style: italic;
}

:-moz-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}

.RAD1 {
    -webkit-border-radius: 0.1em;
    -moz-border-radius: 0.1em;
    border-radius: 0.1em;
}

.RAD2 {
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.RAD3 {
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}

.RAD4 {
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}

.RAD5 {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}

.CBLIST {
    display: block;
    background-color: white;
    border-left: 0.1em solid #cbcbcb;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

    .CBLIST table {
        border-collapse: collapse;
    }

.CBLISTTOPTITLE {
    font-weight: bold;
    margin-bottom: 0.15em;
}

.CBLISTHEADER {
    display: block;
    width: 100%;
    background-color: #0a5e9b;
    padding: 0.15em 0.1em 0.15em 0;
}

    .CBLISTHEADER td {
        vertical-align: middle;
    }

        .CBLISTHEADER td:first-child {
            width: 1%;
            white-space: nowrap;
            padding-right: 3em;
        }

        .CBLISTHEADER td:last-child {
            text-align: right;
        }

.CBLISTHEADER_FILTER {
    background-color: #fafafa;
    width: 100%;
}

    .CBLISTHEADER_FILTER:focus {
        background-color: white;
        outline: 0.1em solid #00a8ff;
    }

.CBLISTROWS {
    overflow: auto;
}

.CBLIST label {
    cursor: pointer;
}

.CBLISTSELCOUNT {
    color: #FFF;
    font-weight: bold;
}

.CBLISTNATLANGVALUESEP {
    display: inline-block;
    color: #D00;
    padding: 0 0.25em;
}

.NEWRECORD_PICKTEMPLATE_BTN {
    display: inline-block;
    min-width: 30em;
    padding: 0.8em 1em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .NEWRECORD_PICKTEMPLATE_BTN:hover {
        font-weight: bold;
    }

.NEWRECORD_PICKTEMPLATE_ROW {
    margin: 1.2em 0;
    text-align: center;
}

.ADMINONLYPANEL {
    padding: 0.7em;
    background-color: #d3d3d3;
    margin: 0.2em 0;
}

[opticsection] {
    margin-bottom: 1em;
}

.xtable, .xtableMainModule {
    display: table;
    width: 100%;
}

    .xtr, .xtableMainModule .xtr {
        display: table-row;
    }

.xtd, .xtd5, .xtd10, .xtd15, .xtd20, .xtd25, .xtd30, .xtd35, .xtd40, .xtd45, .xtd50, .xtd55, .xtd60, .xtd65, .xtd70, .xtd75, .xtd80, .xtd85, .xtd90, .xtd95, .xtd100 {
    display: table-cell;
    vertical-align: top;
}

    .xtd td, .xtd5 td, .xtd10 td, .xtd15 td, .xtd20 td, .xtd25 td, .xtd30 td, .xtd35 td, .xtd40 td, .xtd45 td, .xtd50 td, .xtd55 td, .xtd60 td, .xtd65 td, .xtd70 td, .xtd75 td, .xtd80 td, .xtd85 td, .xtd90 td, .xtd95 td, .xtd100 td {
        vertical-align: top;
    }

    .xtd:last-child:not(.X) .O2_FormField, .xtd5:last-child:not(.X) .O2_FormField, .xtd10:last-child:not(.X) .O2_FormField, .xtd15:last-child:not(.X) .O2_FormField, .xtd20:last-child:not(.X) .O2_FormField, .xtd25:last-child:not(.X) .O2_FormField, .xtd30:last-child:not(.X) .O2_FormField, .xtd35:last-child:not(.X) .O2_FormField, .xtd40:last-child:not(.X) .O2_FormField, .xtd45:last-child:not(.X) .O2_FormField, .xtd50:last-child:not(.X) .O2_FormField, .xtd55:last-child:not(.X) .O2_FormField, .xtd60:last-child:not(.X) .O2_FormField, .xtd65:last-child:not(.X) .O2_FormField, .xtd70:last-child:not(.X) .O2_FormField, .xtd75:last-child:not(.X) .O2_FormField, .xtd80:last-child:not(.X) .O2_FormField, .xtd85:last-child:not(.X) .O2_FormField, .xtd90:last-child:not(.X) .O2_FormField, .xtd95:last-child:not(.X) .O2_FormField, .xtd100:last-child:not(.X) .O2_FormField {
        width: 100%;
    }

.xtableMainModule .xtd:not(.Y), .xtableMainModule .xtd5:not(.Y), .xtableMainModule .xtd10:not(.Y), .xtableMainModule .xtd15:not(.Y), .xtableMainModule .xtd20:not(.Y), .xtableMainModule .xtd25:not(.Y), .xtableMainModule .xtd30:not(.Y), .xtableMainModule .xtd35:not(.Y), .xtableMainModule .xtd40:not(.Y), .xtableMainModule .xtd45:not(.Y), .xtableMainModule .xtd50:not(.Y), .xtableMainModule .xtd55:not(.Y), .xtableMainModule .xtd60:not(.Y), .xtableMainModule .xtd65:not(.Y), .xtableMainModule .xtd70:not(.Y), .xtableMainModule .xtd75:not(.Y), .xtableMainModule .xtd80:not(.Y), .xtableMainModule .xtd85:not(.Y), .xtableMainModule .xtd90:not(.Y), .xtableMainModule .xtd95:not(.Y), .xtableMainModule .xtd100:not(.Y) {
    padding-top: 0.7em;
}

.xtd5 {
    width: 5%;
}

.xtd10 {
    width: 10%;
}

.xtd15 {
    width: 15%;
}

.xtd20 {
    width: 20%;
}

.xtd25 {
    width: 25%;
}

.xtd30 {
    width: 30%;
}

.xtd35 {
    width: 35%;
}

.xtd40 {
    width: 40%;
}

.xtd45 {
    width: 45%;
}

.xtd50 {
    width: 50%;
}

.xtd55 {
    width: 55%;
}

.xtd60 {
    width: 60%;
}

.xtd65 {
    width: 65%;
}

.xtd70 {
    width: 70%;
}

.xtd75 {
    width: 75%;
}

.xtd80 {
    width: 80%;
}

.xtd85 {
    width: 85%;
}

.xtd90 {
    width: 90%;
}

.xtd95 {
    width: 95%;
}

.xtd100 {
    width: 100%;
}

@media (max-width: 900px) {
    .xtd, .xtd5, .xtd10, .xtd15, .xtd20, .xtd25, .xtd30, .xtd35, .xtd40, .xtd45, .xtd50, .xtd55, .xtd60, .xtd65, .xtd70, .xtd75, .xtd80, .xtd85, .xtd90, .xtd95, .xtd100 {
        display: block;
        width: 100%;
    }

    .xtableMainModule .O2_FormField {
        width: 100%;
    }
}

.BGBLINKBLUE {
    background-color: #0062bfde;
    -webkit-animation: A_BGBLINKBLUE 0.9s infinite;
    -moz-animation: A_BGBLINKBLUE 0.9s infinite;
    -ms-animation: A_BGBLINKBLUE 0.9s infinite;
    -o-animation: A_BGBLINKBLUE 0.9s infinite;
    animation: A_BGBLINKBLUE 0.9s infinite;
}

@-webkit-keyframes A_BGBLINKBLUE {
    from {
        background-color: #0062bfde;
    }

    50% {
        background-color: #0d7ee9de;
    }

    to {
        background-color: #0062bfde;
    }
}

@-moz-keyframes A_BGBLINKBLUE {
    from {
        background-color: #0062bfde;
    }

    50% {
        background-color: #0d7ee9de;
    }

    to {
        background-color: #0062bfde;
    }
}

@-ms-keyframes A_BGBLINKBLUE {
    from {
        background-color: #0062bfde;
    }

    50% {
        background-color: #0d7ee9de;
    }

    to {
        background-color: #0062bfde;
    }
}

@-o-keyframes A_BGBLINKBLUE {
    from {
        background-color: #0062bfde;
    }

    50% {
        background-color: #0d7ee9de;
    }

    to {
        background-color: #0062bfde;
    }
}

@keyframes A_BGBLINKBLUE { /*Chrome*/
    from {
        background-color: #0062bfde;
    }

    50% {
        background-color: #0d7ee9de;
    }

    to {
        background-color: #0062bfde;
    }
}

/* QR Reader [BEGIN] */
#qr-reader [alt="Info icon"] {
    display: none
}

#qr-reader {
    width: 450px;
    display: table-cell;
    vertical-align: middle;
}

#qr-reader__scan_region img {
    content: url("https://secure.theopticsystem.com/common/_javascript/qrbarcodes/OPTICQRBarCodeScanIcon.jpg?x2");
    width: 350px !important;
    height: auto !important;
}

button.html5-qrcode-element {
    padding: 0.8em 2em;
}

.SCANRESULT-qr-reader {
    color: white;
    background-color: blue;
    padding: 0.2em;
    text-align: center;
    margin-bottom: 0.5em;
}
/* QR Reader [END] */

.TBLACTIONSHTML {
    width: 100%;
    border-left: solid 1px #AAAAAA;
}

    .TBLACTIONSHTML th {
        vertical-align: middle;
        padding: 0.3em 0.2em;
        color: white;
        background-color: blue;
        background-color: #2B3989;
        background: -webkit-gradient(linear, left top, left bottom, from(#3D68BD), to(#2B3989));
        background: -ms-linear-gradient(top, #3D68BD 0%, #2B3989 100%);
        background: -moz-linear-gradient(top, #3D68BD, #2B3989);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D68BD', endColorstr='#2B3989');
    }

    .TBLACTIONSHTML th, .TBLACTIONSHTML td {
        border-right: solid 1px #AAAAAA;
        border-bottom: solid 1px #AAAAAA;
        text-align: center;
    }

    .TBLACTIONSHTML td {
        padding: 0.1em 0.2em;
    }

    .TBLACTIONSHTML tr:nth-child(odd) td {
        background-color: #DDEBFF;
    }

    .TBLACTIONSHTML tr:nth-child(even) td {
        background-color: white;
    }

.ACTIONSHTML_ID {
    width: 4%;
}

.ACTIONSHTML_TYPE {
    width: 5%;
}

.ACTIONSHTML_TITLE {
    width: 30%;
}

td.ACTIONSHTML_TITLE {
    text-align: left;
}

.ACTIONSHTML_DETAILS {
    width: 33%;
}

td.ACTIONSHTML_DETAILS {
    text-align: left;
}

.ACTIONSHTML_ASSIGNEDTO {
    width: 13%;
}

.ACTIONSHTML_DUEDATE {
    width: 9%;
}

.ACTIONSHTML_STATUS {
    width: 8%;
    white-space: nowrap;
}

.HTML_PROJECT_NAME, .HTML_DEPARTMENT_NAME, .HTML_LOCATION_NAME, .HTML_COSTCENTRE_NAME {
    display: block;
}

.XADDRESS_MAPICON, .XADDRESS_MAPICON_DISABLED {
    border-width: 0;
    vertical-align: bottom;
    margin-bottom: -0.5em;
    vertical-align: middle;
}

.XADDRESS_MAPICON {
    width: 4em;
    cursor: pointer;
}

.LASTUPDATEDLATLNG {
    display: inline-block;
    margin-left: 0.5em;
}

    .LASTUPDATEDLATLNG .XADDRESS_MAPICON, .LASTUPDATEDLATLNG .XADDRESS_MAPICON_DISABLED {
        width: 2em;
        margin-top: -0.5em;
        margin-bottom: -0.1em;
    }

.FEEDBACKPERCENT {
    color: #187be5;
    font-weight: bold;
}

.IMGREADONLY {
    height: 1.8em;
}

.DISABLED_RED {
    display: inline-block;
    background-color: #cee8ff;
    padding: 0.3em 1em;
}

    .DISABLED_RED .A {
        color: green;
    }

    .DISABLED_RED .I {
        color: red;
    }