/* SHEWHART
----------------------------------------------------------*/
.vertical { -o-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; height: 50px; vertical-align: bottom; }

.ShewhartMenus { background-color: whitesmoke; border: 1px solid #a8adb4; z-index: 1000; font-weight: bold; box-shadow: rgb(153, 153, 153) 2px 2px 2px 0; }

.FirstMenu { width: 120px; }
.FirstMenu > div { padding: 5px; height: 16px; }
.FirstMenu > div:hover { background-color: #004169; color: White; cursor: pointer; }
.FirstMenu > div:hover > a { background-color: #004169; color: White; cursor: pointer; }
.FirstMenuIcon { float: right; width: 16px; height: 12px; background-image: url('Icons/check-blue.png'); background-repeat: no-repeat; background-size: cover; }
.FirstMenu > div:hover > .FirstMenuIcon { background-image: url('Icons/check-white.png'); }

.SecondMenu { text-align: left; padding-left: 5px; padding-right: 5px; }

.BreadCrumbLink { text-decoration: underline; }
.BreadCrumbLink:hover { background-color: #006400; color: White; cursor: pointer; }

.TabularTable { border-width: 0; padding: 3px 3px 0 3px; margin: 0; border-spacing: 0; width: 100%; font-family: Arial; font-size: 12px; }
.TabularHeaderCell { vertical-align: bottom; text-align: center; background-color: #004169; color: #FFFFFF; }
.TabularDataRow.ui-state-hover { font-weight: normal !important; }
.TabularDataCell { text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #E5E5F0; vertical-align: top; }
.TabularDataCell p { margin-block: 0 !important; }
.TabularDataCell p, .TabularDataCell ol, .TabularDataCell ul { margin-block: 0 !important; }
.FieldTitle { text-align: right; padding-right: 15px; font-weight: bold; color: #000000}
.BottomSpacing { padding-bottom: 10px;}
.TabularInnerTableCell { vertical-align: top; }

.ParetoKPICell { vertical-align: bottom; text-align: left; font-size: 24px; }

.GroupingRow { background-color: #D5D5D5 !important; color: #000000; }
.GroupingRowDark { background-color: #004169 !important; color: #FFFFFF; }
.MainRow { background-color: #B2BCBC !important; }

.SubHeading { background-color: #B2BCBC !important; color: #000000; }

.Left { text-align: left; }
.Right { text-align: right; }
.Center { text-align: center; }
.Top { vertical-align: top; }
.Small { font-size: 0.875em; color: #66778A; }

.CrosstabSmall { font-size: 11px; }

.Indent { padding-left: 24px; }

.GroupingCell { text-align: left; }

.Bold { font-weight:bold; }
.Italics { font-style:italic; }

.RowDividerDataCell { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #B2BC00; }

.IconImage { padding-top: 2px; }

.TabularCellDivider { border-right-style: solid; border-right-width: 1px; border-right-color: #B2BC00; }
.TabularCellClickable:hover { background-color: #004169; color: White; cursor: pointer; }
.TabularPlaceholder { overflow: auto; }
.TabularInnerTable { padding: 0; margin: 0; width: 100%; height: 100%; border-spacing: 0; }

.NoPadding { padding: 0; }

.Highlight { background-color: #FFD966; font-weight: bold; color: Black; }
.HighlightCrosstab { background-color: #D5D5D5; font-weight: bold; color: Black; }
*:focus { outline: none; }
.OffScreen { position: absolute; left: 5000px; }
.PrintPlaceholder { width: 1000px; height: 550px; }
.tickLabel { white-space: nowrap }
.TabReportCommentSmallTextBox { width: 20%; }
.TabReportCommentLargeTextBox { width: 98.4%; float: left; font-size:1.25em !important; }
.TabReportCommentKPITextBox { width: 95%; float: left; }
.TabReportCommentText { width: 100%; }
.TabReportCommentDescription { width: 20%; float: left; }

.AlternativeDataRow { background-color: #f5f5f5; }
.FinalRow { border-bottom-color: #C3C3C3; }
.SubtotalRow {
    background-color: #CCCCCC;
    font-weight: bold;
    color: Black;
}