/*
    Supports JQuery Widget "FlowPanel" widgets
    Author: Kevin Tresenriter (2016)
*/
body { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    opacity:1.0;
}
.miq-panelset
{
    position:absolute;
    left:0px;
    top:30px;
    bottom:0;
    overflow:auto;
    width:100%;
}
.PanelSetScroller
{
    position:relative; 
    z-index:1;
/*    -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    height:100%;
    padding:0;
    width:2000px;
}
.miq-panelset-PanelBlock, .miq-panel, .miq-listpanel, .miq-detailpanel
{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    font-family:Segoe UI;
    overflow:hidden;
    border-right:0px solid #fff;
    box-sizing:border-box;
}
.miq-panellist-ListBox,.miq-paneldetail-ListBox 
{
    position:absolute;
    box-sizing:border-box;
    left:0;
    top:0;
    right:0;
    bottom:0;
}
.allow-filter .miq-panellist-ListBox {
    top:50px;
}
.miq-panellist-List,.miq-paneldetail-List
{
    position:relative;
    box-sizing:border-box;
}
.miq-panel.PanelMin  .Contents, .miq-panel.ShowPanelTools.PanelMin .PanelTools, .miq-panel.ShowToolbar.PanelMin .Toolbar
{
    display:none;
}
.miq-panel.PanelMin  .Titlebar
{
    transform: rotate(90deg) translate(-24px,-8px);
    transform-origin: left bottom 0;
    background-color:Transparent;
    width:1600px;
}
.miq-panel.PanelMin
{
    background-color:rgba(155, 178, 206, 0.9);
    cursor:pointer;
}
.miq-panel .Titlebar {
    position: absolute;
    width: 100%;
    top: 0px;
    font-size: 20px;
    font-weight: Normal;
    background-color: rgba(0,32,78, 0.8);
    position: relative;
}
.miq-panel .Titlebar .Title
{
    text-align:left;
    vertical-align:middle;
    color:#fff;
    margin-left:10px;
    margin-right:120px;
    height:30px;
    display:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	cursor:ew-resize;
	cursor:grab;
}
.miq-panel.ShowTitle .Titlebar .Title {
    display:block;
}
.miq-panel .ps-grab {
	cursor:ew-resize;
	cursor:grabbing;
}
.miq-panel .pd-back  {
    display:none;
    color:#fff;
    width:20px;
    height:20px;
    position:absolute;
    left:10px;
    top:5px;
    cursor:pointer;
}
.miq-panel.ShowBack .pd-back {
    display:block;
}
.miq-panel.ShowBack .Title {
    display:block;
    padding-left:25px;
}
.miq-panel .PanelTools
{
    height:20px;
    font-size:16px;
    position:absolute;
    color:#fff;
    display:none;
    right:0px;
    top:0px;
}
.miq-panel.ShowPanelTools .PanelTools {
    display:block;
}
.miq-panel .PanelToolSet {
    display:inline-block;
    position:relative;
}
.miq-panel .PanelToolSetUser {
    display:inline-block;
    position:relative;
}
.miq-panel .PanelToolSet .PanelTool,.miq-panel .PanelToolSetUser .PanelTool  {
    margin-right:20px;
    margin-top:5px;
    cursor:pointer;
}
.miq-panel .PanelToolSetUser .PanelTool.checked
{
    background-color: rgba(0,0,0,0.25);
}
.miq-panel .Toolbar
{
    font-size:20px;
    height:60px;
    margin-left:10px;
    color:#fff;
    position:relative;
    display:none;
	cursor:ew-resize;
}
.miq-panel.ShowToolbar .Toolbar {
    display:block;
}
.miq-panel .Toolbar .Tools
{
    text-align:left;
    vertical-align:top;
}
.miq-panel .Toolbar .Tool
{
    cursor:pointer;
    width:40px;
    height:40px;
    display:inline-block;
    text-align:center;
    margin-bottom:10px;
    margin-right:10px;
    /*
    border:1px solid;
    border-radius:24px;
    -moz-border-radius:24px;*/ /* Old Firefox */
    /*background-color:#DDDDDD;*/
}
.miq-panel .Toolbar .Tool .Tool-Icon
{
    font-size:20px;
    height:20px;
}
.miq-panel .Toolbar .Tool .Tool-Title
{
    font-size:10px;
    height:10px;
}
.miq-panel .panel-spinner, .miq-panel .panel-error {
    position:absolute;
    top:6px;
    right:10px;
    display:none;
}
.miq-panel .pd-statusbox {
    /*position:absolute;
    top:110px;
    left:0;
    right:0;
    height:0px;
    opacity:0.0;
    */
    position:relative;
    height:0px;
    display:none;
}
.miq-panel.pd-status-visible .pd-statusbox {
    height:30px;
    display:block;
    opacity:1.0;
}
.miq-panel.pd-status-success .pd-statusbox {
    background-color:#C7F299;
    border: 1px solid rgb(146,212,0);
    color:#444444;
}
.miq-panel.pd-status-warning .pd-statusbox {
    background-color: rgba(224, 232, 48, 0.5);
    border: 1px rgba(224, 232, 48, 0.5);
    color: #444444;
}
.miq-panel.pd-status-error .pd-statusbox {
    background-color:#FBD4D4;
    border: 1px solid #EAB1B1;
    color:#444444;
}
.miq-panel.pd-status-info .pd-statusbox {
    background-color: rgb(155,178,206);
    border: 1px solid rgb(155,178,206);
    color: #444444;
}
.miq-panel.PanelMin .pd-statusbox {
    display:none
}
.miq-panel .pd-statusicon {
    position:absolute;
    top:8px;
    left:8px;
    cursor:pointer;
}
.miq-panel .pd-statuslabel {
    position:absolute;
    top:4px;
    left:30px;
    right:30px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
}
.miq-panel .pd-statusclose {
    position:absolute;
    top:8px;
    right:8px;
    cursor:pointer;
    display:none;
}
.miq-panel .pd-close{
    display:none;
    color:#fff;
    z-index:1;
    cursor: pointer;
    width:20px;
    position:relative;
}
.miq-panel.ShowClose .pd-close{
    display:inline-block;
}
.miq-panel .pd-resizer.ui-resizable-e {
    display:none;
    color:#fff;
    z-index:2;
    cursor: e-resize;
    width:20px;
    height:20px;
    position:relative;
    background-color:rgba(255,255,255,0.0);
}
.miq-panel.AllowResize .pd-resizer{
    display:inline-block;
}
.miq-panel.AllowResize.PanelMin .pd-resizer {
    display:none
}
.miq-panel .ui-resizable-e {
    background-color:rgba(255,255,255,0.1);
    right:-2px;
}
.miq-panel .pd-popout{
    display:none;
    color:#fff;
    z-index:1;
    cursor: pointer;
    width:20px;
    height:20px;
    position:relative;
}
.miq-panel.AllowPopout .pd-popout{
    display:inline-block;
}
/* Special styles when inside a Popout */
.miq-popout .miq-panel.AllowResize .pd-resizer{
    display:none;
}
.miq-popout .miq-panel.AllowPopout .pd-close{
    display:inline-block;
}
.miq-popout .miq-panel.ShowClose .pd-popout{
    display:none;
}
.miq-panel .Contents
{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    width:100%;
    top:30px;
    overflow:auto;
}
.miq-panel.miq-panelgrid .Contents {
    overflow:hidden;
}
.miq-panel.ShowToolbar.ShowTitle.pd-status-visible .Contents
{
    top:120px;
}
.miq-panel.ShowToolbar.ShowTitle .Contents
{
    top:90px;
}
.miq-panel.ShowToolbar.pd-status-visible .Contents
{
    top:90px;
}
.miq-panel.ShowToolbar .Contents
{
    top:60px;
}
.miq-panel.pd-status-visible .Contents
{
    top:30px;
}
.miq-panel .Contents
{
    top:0px;
}
.miq-panel.ShowTitle.pd-status-visible .Contents
{
    top:60px;
}
.miq-panel.ShowTitle .Contents
{
    top:30px;
}
.error-text-color {
    color:#f00;
}
.miq-panel .panel-error {
    color:red;
}
.miq-panel .List
{
    width:100%;
    position:absolute;
}
.miq-fieldgroup {
    display:inline-block;
}
.miq-fieldgroup-title {
    font-size:1.5em;
    margin-left:10px;
}
.miq-fieldgroup-fields {
    padding-left:10px;
}
.miq-fieldgroup-fields.miq-blank {
    padding-left:0;
}
.miq-field
{
    cursor:pointer;
    position:relative;
}
.miq-field:hover
{
    background-color: rgba(0,32,78,0.15);
}
    .miq-field:active {
        background-color: rgba(0,32,78,0.15);
    }
.miq-field
{
    position:relative;
}
.miq-field-more {
    position:absolute;
    right:0;
    width:20px;
    top:0;
    bottom:0;
    padding-top:5px;
}
.miq-field .miq-field-more-icon {
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
    position:absolute;
}
.miq-field-label {
    font-size: 0.75em;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1;
    color: rgba(85, 85, 85, 0.77);
}
.miq-paneldetail .Contents {
    font-size:16px;
}
.miq-paneldetail .miq-field {
    box-sizing:border-box;
    margin-left:10px;
    margin-right:10px;
    padding-right:20px;
}
.miq-paneldetail-HistoryMode .Contents,.miq-paneldetail-HistoryMode .Contents2
{
    right:50%;
}
.miq-paneldetail-MainList
{
    width:100%;
    position:absolute;
    overflow:hidden;
}
.PageHeader {
    height:40px;
    background-color:rgb(0, 160, 255);
    padding:0;
    position:relative;
}
.PageHeaderTool {
    margin:0;
    cursor:pointer;
    width:40px;
    height:40px;
    display:inline-block;
    color:white;
    position:relative;
}
.PageHeaderTool:hover {
    background-color:rgba(255,255,255,0.2);
}
.PageHeaderTool .PageHeaderTool-icon {
    left:10px;
    top:10px;
    width:20px;
    height:20px;
    text-align:center;
    position:absolute;
    display:block;
}
.PanelSetScroller
{
    background-image:url(../Image/WatermarkRibbon.png);
}
.Tool.NewItem
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.Tool.DeleteItem
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: -24px 0px;
}
.Tool.Edit
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: -48px 0px;
}
.Tool.Accept
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: -72px 0px;
}
.Tool.Cancel
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: -96px 0px;
}
.Tool.View
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: -120px 0px;
}
.Tool.PrevItem
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: -144px 0px;
}
.Tool.NextItem
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: -168px 0px;
}
.Tool.History
{
    background-image: url(../image/CommandIcons2.png);
    background-repeat: no-repeat;
    background-position: -192px 0px;
}
.ItemContents
{
    margin-left:0px;
    position:relative;
}
.EditMode .ItemContents
{
    margin-left:36px;
}
.RowHeader
{
    position:absolute;
    display:none;
    top:0px;
    left:0px;
    width:36px;
    height:36px;
    background-image: url(../image/RowHeader.png);
    background-repeat: no-repeat;
    background-position: -36px 0px;
}
.EditMode .RowHeader
{
    display:block;
}
.EditMode .RowHeader.Selected
{
    background-position: 0px 0px;
}
.Gripper
{
    font-family:"Times New Roman",Georgia,Serif;
    /*width:24px;
    background-image: url(../image/Gripper.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;*/
}
.Edit
{
    text-align:right;
    font-size: .8em;
    cursor:pointer;
}
.Done
{
    text-align:right;
    font-size: .8em;
    cursor:pointer;
    display:none;
}
.History
{
    font-family: "Wingdings";
    cursor:move;
    background-image: url(../image/History.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    position: relative;
    display: inline-block;
    padding:0px;
}
.HistoryModifiedDate, .HistoryModifiedBy
{
    cursor:move;
}
.HistoryMode
{
    font-family: "Wingdings";
    cursor:pointer;
    background-image: url(../image/CommandHistoryMode.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    position: relative;
    display: inline-block;
    padding:0px;
}
.PreviousItem
{
    cursor:pointer;
    background-image: url(../image/PreviousItem.png);
    background-repeat: no-repeat;
    background-position: -0px 0px;
    width:24px;
    height:24px;
    position: relative;
    display: inline-block;
    padding:0px;
}
.NextItem
{
    cursor:pointer;
    background-image: url(../image/NextItem.png);
    background-repeat: no-repeat;
    background-position: -0px 0px;
    width:24px;
    height:24px;
    position: relative;
    display: inline-block;
    padding:0px;
}
.ViewItem
{
    text-align:left;
    cursor:pointer;
    background-image: url(../image/CommandView.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    position: relative;
    display: inline-block;
    padding:0px;
}
.ItemBody
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}
.ItemMove
{
    position:absolute;
    left:0px;
    top:0px;
    width:20px;
    height:20px;
    display:none;
    cursor:pointer;
    background-image: url(../image/GripperVertical.png);
    background-repeat: no-repeat;
    background-position: -0px 0px;
}
.ItemSelect
{
    position:absolute;
    left:20px;
    top:0px;
    width:20px;
    height:20px;
    display:none;
}
.Sort div
{
    cursor:pointer;
    display: inline-block;
    width:24px;
    height:24px;
}
.Sort.Ascending
{
    background-image: url(../image/CommandSortAsc.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.Sort.Descending
{
    background-image: url(../image/CommandSortDesc.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.Sort.None
{
    background-image: url(../image/CommandSortNone.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.DropList .Checkmark
{
    text-align:left;
    vertical-align:top;
    cursor:pointer;
    display: inline-block;
    width:24px;
    height:24px;
}
.DropList .Checkmark.Checked
{
    background-image: url(../image/Checkmark.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.DropList .Label
{
    text-align:left;
    cursor:pointer;
    white-space:nowrap;
    display: inline-block;
}
.List
{
    position:relative;
    list-style:none;
    padding:0;
    margin:0;
    /*width:100%;*/
}
.listitem
{
    box-sizing:border-box;
    position:relative;
    text-align:left;
    /*width:100%;*/
    right:0;
    cursor:pointer;
    height:40px;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
}
.listitem .li-image {
    box-sizing:border-box;
    background-color:rgb(106, 162, 185);
    position:absolute;
    left:0;
    top:0;
    width:40px;
    height:40px;
    border:2px solid rgb(106, 162, 185);
    overflow:hidden;
}
.listitem .li-icon {
    position:absolute;
    left:5px;
    top:5px;
    width:30px;
    height:30px;
    color:#fff;
    font-size:25px;
}
.listitem .li-contents {
    margin-left:50px;
    margin-right:20px;
}
.listitem .li-title {
    font-size:11pt;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.listitem .li-desc {
    font-size:10pt;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color:#666;
}
.listitem .li-next {
    position:absolute;
    right:0;
    width:20px;
    top:0;
    bottom:0;
    padding-top:5px;
    display:none;
}
.li-allow-next .li-next {
    display:block;
}
/*.listitem .li-header {
    width:20px;
}*/
.listitem.selected {
    background-color:rgb(214,238,255);
}
.listitem.selected .li-image {
    border-color: rgb(84, 128, 145);
}
.listitem .li-image .selectioncheckmarkbackground  {
display:none;
}
.listitem .li-image .selectioncheckmark  {
display:none;
}
.listitem.selected .li-image .selectioncheckmarkbackground  {
position:absolute;
display:block;
border-top: 10px solid rgb(84, 128, 145);
border-right: 10px solid rgb(84, 128, 145);
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
width:0;
height:0;
right:0;
top:0;
margin:0;
padding:0;
z-index:1;
}
.listitem.selected .li-image .selectioncheckmark {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAIBAMAAADdFhi7AAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACXRSTlMAWBPLljy4L+6i5tblAAAANklEQVR4XhXHMQ0AIAwF0WsCHuiGBhSw4gIJeIGlbum/4ZKHake32FTw2/FpMWA9gRJCUkgKH9c8B7y7KEkoAAAAAElFTkSuQmCC');
background-position:right top;
background-repeat:no-repeat;
color:white;
display:block;
position:absolute;
margin:0;
padding:2px;
right:0;
top:0;
width:11px;
height:8px;
z-index:2;
font-size:10px;
font-weight:900;
}
.listitem.li-flow {
    display:inline-block;
    width:300px;
    margin-right:0;
}
.li-icon-only .listitem{
    width:40px;
    display:inline-block;
}
.listitem:hover
{
    background-color:#ddd;
}
.listitem:active,.ListItemDown
{
    background-color:#E0E0E0;
}
.li-filter {
    height:50px;
}
.ListItem .Description
{
    font-size: 14px;
    text-align:left;
    position:absolute;
    left:4px;
    top: 4px;
    width:312px;
    overflow:hidden;
    text-overflow:ellipsis;
    height:34px;
}
.ListItem .ItemDate
{
    font-size: 12px;
    text-align:right;
    position:absolute;
    left:200px;
    top: 42px;
    width:120px;
}
.List.Number
{
    width:100%;
}
.List.Number .ButtonPanel
{
    width:20%;
    height:40px;
}
.List.Number .Button
{
    width:100%;
    height:100%;
}
.CalcFieldPanel
{
    background-color:#F0F0F0;
    border: 1px solid gray;
    padding:4px;
}
.CalcField
{
    text-align:right;
    background-color:#F0F0F0;
    width:100%;
    border:0px;
    padding:0px;
}
.DateDay
{
    vertical-align:top;
    text-align:left;
}
.DateDay.Odd
{
    background-color:#F0F0F0;
}
.DateDay.Current
{
    background-color:#FFDDDD;
}
.DateMonth
{
    position:relative;
    left:0px;
    top:-30px;
    z-index:100;
    text-align:center;
    color:Gray;
    font-size:24px;
}
.HistoryItemDetailList
{
    width:320px;
    position:absolute;
    overflow:hidden;
}
.FieldLabel
{
    position:relative;
    text-align:left;
    font-weight:normal;
    font-size:12px;
    margin-left:10px;
    margin-right:15px;
}
.FieldData
{
    font-size:16px;
    position:relative;
    text-align:left;
    margin-left:25px;
    margin-right:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.FieldData input, .FieldData textarea
{
    display:none;
}
.EditMode .FieldData
{
    padding:4px;
    border: 1px solid gray;
    background-color:#F0F0F0;
}
.EditMode .FieldData.StaticText
{
    padding:0px;
    border: 0px solid Transparent;
    background-color:Transparent;
}
.EditMode .FieldData .StaticText
{
    display:none;
}
.EditMode .FieldData input, .EditMode .FieldData textarea
{
    display:block;
    width:100%;
    margin:0px;
    border:0px solid gray;
    background-color:#F0F0F0;
}
.Field.Number .NextPage, .Field.Date .NextPage
{
    position:absolute;
    top:0px;
    right:0px;
    display:none;
}
.EditMode .Field.Number .NextPage,.EditMode .Field.Date .NextPage
{
    display:block;
    top:8px;
    right:4px;
}
.EditMode .Field.Number .FieldData,.EditMode .Field.Date .FieldData
{
    background-color:#F0F0F0;
    border: 1px solid gray;
    padding:4px;
}
.EditMode .Field.DropList .FieldData
{
    border: 1px solid gray;
    padding:4px;
}
/*
.Field.MultiList .Title,.ListItem.LinkListItem .Title
{
    position:relative;
    text-align:left;
    height:40px;
    top: 10px;
    margin-left:10px;
    margin-right:15px;
}
.Field.MultiList .Expander,.ListItem.LinkListItem  .Expander
{
    position:absolute;
    top:10px;
    right:28px;
}
.Field.MultiList .NextPage,.ListItem.LinkListItem .NextPage
{
    position:absolute;
    top:10px;
    right:12px;
}
.Field.DropList .NextPage
{
    position:absolute;
    top:0px;
    right:0px;
    display:none;
}
.EditMode .Field.DropList .NextPage
{
    top:8px;
    right:4px;
    display:block;
}
.Field .FieldData .TextBlock
{
    text-align:left;
    position:relative;
    max-height:40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    margin-right:30px;
}
.Field.TextArea .FieldData .NextPage
{
    position:absolute;
    top:4px;
    right:4px;
}
.FieldData.TextArea .TextBlock
{
    overflow:hidden;
    margin-right:24px;
    height:40px;
}
*/
.DropListItem
{
    height: 40px;
}
.DropListItem .Selector
{
    position:relative;
    top:8px;
    left:4px;
    width:24px;
    height:24px;
}
.DropListItem .Selector.Selected
{
}
.DropListItem .Label
{
    position:absolute;
    left:32px;
    top:10px;
}
/*
.ListItem.LinkListItem .SubList,.Field.MultiList .SubList
{
    position:relative;
    display:none;
    padding-left:20px;
    padding-right:0px;
    max-height:162px;
}
.SubItem
{
    position:relative;
    height:45px;
}
.ListItem.LinkListItem .SubTitle,.SubItem .SubTitle
{
    position:relative;
    top:10px;
}
.ListItem .NextPage,.SubItem .NextPage
{
    position:absolute;
    display:block;
    top:8px;
    right:4px;
}
.ListItem .Title
{
    position:relative;
    height:40px;
}
.ListItem .SubTitle
{
    position:relative;
    left:30px;
    top:10px;
}
.ListItem .Order
{
    position:absolute;
    left:0px;
    top:5px;
}
*/
.TextAreaFull, .DivAreaFull
{
    box-sizing:border-box;
    font-size:16px;
    width:100%;
    height:100%;
}
/*
.IssueItem
{
    height:50px;
}
.ListItem.IssueItem
{
}
.ListItem.IssueItem .Title
{
    font-size: 14px;
    text-align:left;
    position:relative;
    left:0px;
    top: 4px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-left:10px;
    margin-right:15px;
}
.ListItem.IssueItem .AssignedTo
{
    font-size: 12px;
    position:absolute;
    left:0px;
    top: 24px;
    width:60%;
    margin-left:10px;
}
.ListItem.IssueItem .State
{
    font-size: 12px;
    position:absolute;
    left:60%;
    top: 24px;
    width:80px;
}
.ListItem.IssueItem .Priority
{
    font-size: 12px;
    text-align:right;
    position:absolute;
    right:0px;
    top: 24px;
    width:40px;
    margin-right:15px;
}
.Wide .ListItem.IssueItem
{
    height:20px;
}
.Wide .ListItem.IssueItem .Title
{
    font-size: 14px;
    text-align:left;
    position:absolute;
    left:4px;
    top: 4px;
    width:200px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.Wide .ListItem.IssueItem .AssignedTo
{
    font-size: 12px;
    position:absolute;
    left:204px;
    top: 4px;
    width:150px;
}
.Wide .ListItem.IssueItem .State
{
    font-size: 12px;
    position:absolute;
    left:354px;
    top: 4px;
    width:80px;
}
.Wide .ListItem.IssueItem .Priority
{
    font-size: 12px;
    text-align:right;
    position:absolute;
    left:434px;
    top: 4px;
    width:40px;
}
.ListItem.Comment
{
}
.ListItem.Comment .Title
{
    text-align:left;
    position:relative;
    font-size: 16px;
    margin-left:10px;
    margin-right:15px;
    max-height:60px;
    overflow:hidden;
    text-overflow:ellipsis;
    top:0px;
}
.ListItem.Comment .Footer
{
    position:relative;
    margin-left:10px;
    margin-right:15px;
    font-size: 12px;
    margin-bottom:15px;
    color:Navy;
}
.ListItem.Comment .CreatedBy
{
    position:relative;
}
.ListItem.Comment .CreatedDate
{
    position:absolute;
    top:0px;
    right:0px;
}
.ViewEditorColumnItem, .ViewEditorSortItem, .ViewEditorFilterItem
{
    position:relative;
}
.ViewEditorSortItem .Title
{
    left:30px;
    top:10px;
}
*/
.li-mover
{
    height:20px;
    width:20px;
}
.li-header-down
{
}
.Moving
{
    box-shadow: 0px 0px 20px #888888;
    z-index:100;
    background-color: #aaaaaa;
}
.Docked
{
    position:absolute;
    box-shadow: 0px 0px 10px #888888;
    z-index:100;
    background-color: #aaaaaa;
}
.BoxShadow
{
    box-shadow: -10px 0px 20px #888888;
}
.LeftShadow
{
    position:absolute;
}
.ShadowNW
{
    width: 10px;
    height: 10px;
    font-size: 1px;
    background-image: url("Image/ShadowCorner.png");
    background-repeat: no-repeat;
}
.ShadowN
{
    height: 10px;
    font-size: 1px;
    background-image: url("Image/ShadowVert.png");
    background-repeat: repeat-x;
    background-position: 0px 0px;
}
.ShadowNE
{
    width: 10px;
    height: 10px;
    font-size: 1px;
    background-image: url("Image/ShadowCorner.png");
    background-repeat: no-repeat;
    background-position: -10px 0px;
}
.ShadowE
{
    background-image: url("Image/ShadowHorz.png");
    background-repeat: repeat-y;
    background-position: -10px 0px;
}
.ShadowSE
{
    width: 10px;
    height: 10px;
    font-size: 1px;
    background-image: url("Image/ShadowCorner.png");
    background-repeat: no-repeat;
    background-position: -10px -10px;
}
.ShadowS
{
    height: 10px;
    font-size: 1px;
    background-image: url("Image/ShadowVert.png");
    background-repeat: repeat-x;
    background-position: 0px -10px;
}
.ShadowSW
{
    width: 10px;
    height: 10px;
    font-size: 1px;
    background-image: url("Image/ShadowCorner.png");
    background-repeat: no-repeat;
    background-position: 0px -10px;
}
.ShadowW
{
    width: 10px;
    height:100%;
    background-image: url("Image/ShadowHorz.png");
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

.PullDown, .PullUp 
{
    position:relative;
    height:40px;
    font-weight:bold;
    font-size:14px;
    color:#888;
}
.PullDown .PullLabel, .PullUp .PullLabel  {
    position:relative;
    left:45px;
    top:10px;
}
.PullDown .PullIcon, .PullUp .PullIcon  {
    position:absolute;
    font-size:20px;
    left: 10px;
    top: 10px;
    width:20px;
    height:20px;
    /*background:url(../Image/pullicon.png) 0 0 no-repeat;
    background-size:40px 160px;*/
}
.PullDown .PullIcon
{
    background-position:0px 0px;
}
.PullUp .PullIcon  {
    background-position:0px -40px;
}
.PullDown.hold .PullIcon, .PullUp.hold .PullIcon {
    background-position:0px -80px;
}
.PullDown.load .PullIcon, .PullUp.load .PullIcon {
    background-position:0px -120px;
}
.ButtonPanel
{
    text-align:center;
    vertical-align: middle;
    height:45px;
    background-color:silver;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.CalcButton
{
}
.ImageItem
{
    height:80px;
}
.ImageItem .Title
{
    left:130px;
}
.ImageItem .Image
{
    position:absolute;
    top:0px;
    left:0px;
    width:120px;
}
.CustomerItem .Title
{
    font-size:16px;
}
.ImagePanel
{
    display:inline-block;
    position:relative;
}
.FieldAdded {
    background-color:lightyellow;
}
.FieldRemoved {
    background-color:lightyellow;
}
.PartAdded {
    background-color:#dfd;
    color:darkgreen;
}
.PartRemoved {
    background-color:#fdd;
    color:#f00;
}
.dptp {
    width:8em;
    margin: 4px 0px 4px 0px;
}
.dptp-all {
    width:10em;
    margin: 4px 0px 4px 0px;
}
.drslider {
    min-width:10em;
    width:100%;
    margin:10px 0px 10px 0px;
    margin-bottom:5px;
}
.dr-from-label, .dr-label {
    position:relative;
}
.dr-to-label {
    position:absolute;
    top:0px;
    right:0px;
}
.dr-container {
    margin:0px 20px 0px 20px;
}
.dr-section {
}
.miq-dr-adv {
    display:none;
    cursor:default;
}
.dr-adv-expand {
    position:absolute;
    right:0;
    width:20px;
    top:0;
    bottom:0;
    padding-top:5px;
}
.dr-adv-expand:hover {
    background-color:rgba(255,255,255,0.2);
}
.dr-adv-expand-icon {
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
    position:absolute;
}
.dr-adv-date,.dr-adv-time {
    position:relative;
    z-index:1;
}
.dr-adv-date-left,.dr-adv-time-left,.dr-adv-date-right,.dr-adv-time-right {
    width:100px;
    z-index:1;
}
.dr-adv-date-left,.dr-adv-time-left {
    position:relative;
    margin-bottom:5px;
}
.dr-adv-date-right,.dr-adv-time-right {
    right:0;
    position:absolute;
}
.dr-adv-label {
    position:absolute;
    left:0;
    right:0;
    top:0;
    text-align: center;
    z-index:0;
}
.ViewColumnToggle {
    right:10px;
    top:4px;
    position:absolute;
}
.miq-togglebutton {
    font-size:16px;
}
.miq-togglebutton-track {
    box-sizing:border-box;
    display:inline-block;
    border:2px solid black;
    width:44px;
    height:16px;
    border-radius: 8px;
    padding:2px;
    position:relative;
    margin-left:6px;
    margin-right:6px;
}
.miq-togglebutton-thumb {
    display:inline-block;
    width:20px;
    height:8px;
    border-radius: 4px;
    background-color:#000;
    position:absolute;
    top:2px;
}
.miq-togglebutton-thumb-off {
    left:2px;
}
.miq-togglebutton-thumb-on {
    right:2px;
}
.FilterColumnToggle {
    width:20px;
    height:20px;
    right:10px;
    top:4px;
    position:absolute;
}
.Field.ListItem {
    height:auto;
    position:relative;
}
.calc-body {
    box-sizing:border-box;
}
.calc-body table {
    width:100%;
    border-collapse:separate;
    border-spacing:4px;
    border:0;
}
.calc-button {
    width:25%;
    text-align:center;
    background-color:rgb(216, 230, 202);
    border:2px solid #559DBF;
    margin:4px;
    cursor:pointer;
}
.calc-display {
    box-sizing:border-box;
    width:100%;
    background-color:rgb(216, 230, 202);
    border:2px solid #559DBF;
    text-align:right;
    margin:0;
}
.ItemContents {
    margin-right:10px;
}
.miq-dr {
    width:250px;
    position:relative;
}
.miq-dr-ds {
    margin-left:10px;
    margin-top:5px;
}
.miq-dr-label-right {
    position: absolute;
    right:0;
    top:0;
}
.miq-field-label {
    font-size: 0.75em;
    overflow:hidden;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    z-index:1;
    color:#555;
}
.slick-cell.selected {
    background-color:#ccc;
}
.slick-cell.cell-edited {
    background-color:rgba(0,0,255,0.2);
    font-weight:800;
}
.slick-cell .row-header-icon.mif-checkmark {
    opacity:0.0;
}
.slick-cell.selected-header .row-header-icon.mif-checkmark {
    opacity:1.0;
}
.slick-cell.selected-header.cell-working .row-header-icon.mif-checkmark {
    opacity:0.0;
}
.slick-cell .row-header-icon.mif-spinner {
    opacity:0.0;
}
.slick-cell.cell-working  .row-header-icon.mif-spinner {
    opacity:1.0;
}
.slick-cell .row-header-icon.mif-cancel,.slick-cell .row-header-icon.mif-warning {
    opacity:0.0;
}
.slick-pane-top.slick-pane-left .slick-cell.cell-edited {   /* Row Header Cells */
    background-color:rgba(0,0,255,0.2);
}
.slick-pane-top.slick-pane-left .slick-cell {   /* Row Header Cells */
    white-space:normal;
}
.row-header-icon {
    position:absolute;
    right:2px;
    top:2px;
}
.row-header-spinner {
    display:none;
}
.row-header-value {
    white-space:pre;
}
.slick-cell.cell-new {
    background-color:#bfb;
    font-weight:800;
}
.slick-pane-top.slick-pane-left .slick-cell.cell-new {   /* Row Header Cells */
    background-color:#0D0;
    font-weight:800;
}
.slick-cell.cell-errored .row-header-icon.mif-cancel,.slick-cell.cell-deleted .row-header-icon.mif-cancel {
    opacity:1.0;
}
.slick-cell.cell-errored {
    background-color:rgba(255,0,0,0.2);
    font-weight:800;
}
.slick-cell.cell-deleted {
    text-decoration:line-through;
    color:#999;
}
.cell-error-text {
    display:inline-block;
    position:absolute;
    top:3px;
    right:4px;
}
.slick-pane-top.slick-pane-left .slick-cell.cell-errored {   /* Row Header Cells */
    background-color:rgba(255,0,0,0.2);
}
.slick-cell.cell-warning .row-header-icon.mif-warning {
    opacity:1.0;
}
.slick-cell.cell-warning {
    background-color:rgba(255,255,0,0.2);
    font-weight:800;
}
.slick-pane-top.slick-pane-left .slick-cell.cell-warning {   /* Row Header Cells */
    background-color:rgba(255,255,0,0.2);
}
.panel-grid-container {
    left:0;
    top:0;
    right:0;
    bottom:0px;
    position:absolute;
}
.panel-grid {
    left:0;
    top:0;
    right:0;
    bottom:30px;
    position:absolute;
}
.panel-grid-footer {
    background-color:#eee;
    position:absolute;
    left:0;
    bottom:0px;
    width:100%;
    height:30px;
}
.panel-grid-footer-metric-set {
    position:absolute;
    left:0;
    top:0;
    padding-right:10px;
}
.metric-label {
    display:inline-block;
    vertical-align:baseline;
    max-width:100px;
    white-space: nowrap; 
    overflow:hidden;
    text-overflow: ellipsis;
    margin-left:15px;
    margin-right:5px;
    font-weight: bold;
}
.metric-value {
    display:inline-block;
    vertical-align:baseline;
    max-width:100px;
    white-space: nowrap; 
    overflow:hidden;
    text-overflow: ellipsis;
}
.metric-diff {
    max-width:150px;
}
.panel-grid-footer-paging {
    display:none;
    background-color:#eee;
    position:absolute;
    right:0;
    top:3px;
}
.AllowPaging .panel-grid-footer-paging {
    display:block;
    user-select:none;-ms-user-select:none;-webkit-user-select:none;
}
.panel-grid-footer-paging .paging-lower {
    /*margin-right:10px;*/
}
.panel-grid-footer-paging .paging-slider {
    display:inline-block;
    width:200px;
    margin-left:20px;
    margin-right:20px;
}
.panel-grid-footer-paging .paging-to {
    display:none;
}
.panel-grid-footer-paging .paging-upper {
    /*margin-left:10px;*/
}
.panel-grid-footer-paging button.paging-more {
    margin-left:3px;
    margin-right:10px;
    margin-top:0px;
    margin-bottom:0px;
    border:0;
    padding:0;
    color:#000;
    font-size:inherit;
    width:auto;
    background-color:inherit;
    opacity:1.0;
}
.panel-grid-footer-paging button.paging-more:disabled {
    opacity:0.5;
}
.panel-grid-footer-paging .paging-more-spin {
    margin-left:5px;
    opacity:0.0;
}
.panel-grid-footer-paging .paging-more-spin.working {
    opacity:1.0;
}
.miq-panel .ui-autocomplete {
    max-width:250px;
}
.miq-panel .ultrafield-medium{
    width:250px;
}
.miq-panel .miq-daterange {
    margin-left:10px;
}
.miq-flowmenu {
    position:relative;
}
.mi-set{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
}
.mi-set-list{
    height:100%;
}
.mi-set-item {
    height:100%;
    position:absolute;
}
.menuitem
{
    box-sizing:border-box;
    position:relative;
    text-align:left;
    /*width:100%;*/
    right:0;
    cursor:pointer;
    height:40px;
    margin-bottom:10px;
}
.menuitem .mi-image {
    box-sizing:border-box;
    position:absolute;
    left:0;
    top:0;
    width:40px;
    height:40px;
    overflow:hidden;
}
.menuitem .mi-icon {
    position:absolute;
    left:5px;
    top:5px;
    width:30px;
    height:30px;
    color:#444;
    font-size:25px;
}
.menuitem .mi-contents {
    margin-left:46px;
    margin-right:20px;
}
.menuitem.selected  .mi-image{
    border-right:4px rgba(0,179,190, 0.85);
}
.menuitem .mi-title {
    font-size:11pt;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.menuitem .mi-desc {
    font-size:10pt;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: rgba(102,102,104, 1.0);
}
.menuitem .mi-next {
    position:absolute;
    right:0;
    width:20px;
    top:0;
    bottom:0;
    padding-top:5px;
    display:block;
}
    .menuitem.selected {
        background-color: rgba(0,32,78,0.25);
    }
    .menuitem:Hover {
        background-color: rgba(0,32,78,0.15);
    }
.mi-container {
    height:100%;
    width:100%;
}
.mi-container td {
    position:relative;
}
.mi-listbox {
    position:absolute;
    left:0;
    top:0;
    right:0;
}
.mi-list {
    position:relative;
    box-sizing:border-box;
}
.mi-topbox {
    position:absolute;
    left:0;
    right:0;
    top:0;
}
.mi-bottombox {
    position:absolute;
    left:0;
    right:0;
    bottom:0;

}
/*.miq-panelmenu-TopBox {
    position:relative;
    top:0;
    left:0;
    right:0;
}
.miq-panelmenu-BottomBox {
    position:relative;
    bottom:0;
    left:0;
    right:0;
}*/
.miq-popout {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
}
.slick-headerrow-columns {
	font-size:10pt;
}
input.slick-headerrow-column-filter {
    border: 0px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 40px; /* Make space for the icon */
    padding-left: 10px; /* Optional: For better alignment */
}
.fl-listbox {
    position:relative;
    width:100%;
    height:100%;
}
.cell-number {
    text-align:right;
}
.cell-bool {
    display:inline-block;
    background-color:#ddd;
    border-radius:8px;
}
.cell-bool-value {
    display:inline-block;
    padding-left:6px;
    padding-right:6px;
    border-radius:8px;
}
.cell-bool-left {
}
.cell-bool-mid {
    display:inline-block;
}
.cell-bool-right {
}
.cell-bool-value.selected {
    background-color:#aaf;
}
.miq-scrollable {
    overflow:auto;
}