/*

    standard red for errors: #c05050
    standard yellow for warning: #7070a0
    standard blue for info: #03add0
    standard green for success: #83ab51;

    darker blue:  #00518B
    dark blue:    #10598C
    light blue:   #1781CB
    hilight blue: #1C93E6

    green: #306300
    orange: #D78F0D

    darkgreen:  #639131;
    lightgreen: #84c642;
    orange:     #de9410;

*/

:root { --color-light-blue: #1781CB; }

/*****************************
    IBM Plex Sans
******************************/
@font-face { font-family: IBM-Plex-Sans; src: url(../fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf); font-weight: 300; }
@font-face { font-family: IBM-Plex-Sans; src: url(../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf); font-weight: 400; }
@font-face { font-family: IBM-Plex-Sans; src: url(../fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf); font-weight: 500; }
@font-face { font-family: IBM-Plex-Sans; src: url(../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: IBM-Plex-Sans; src: url(../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf); font-weight: 700; }

img { border: 0; }

:focus { outline-color: #60B1EB; }

body { font-family: IBM-Plex-Sans, sans-serif; font-size: 13px; line-height: 1.3; font-weight: 400; color: black; margin: 0; padding: 0; background: white; letter-spacing: -.05px; -webkit-font-smoothing:subpixel-antialiased; }
body.dashboard { overflow: hidden; }

h3 { font-size: 11pt; color: #404040; font-weight: bold; margin-bottom: 4px; }

table.ffTable { border-color: #e0e0e0; border-spacing: 0; }
table.ffTable > thead > tr > th { padding: 10px 5px 7px 10px; text-align: left; color: #1e1e1e; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; white-space: nowrap; font-weight: 500; font-size: 13px; background: #f8f8f8; }
table.ffTable > thead > tr > th:first-child { border-left: 1px solid #e0e0e0; padding-left: 20px; border-top-left-radius: 3px; }
table.ffTable > thead > tr > th:last-child { border-right: 1px solid #e0e0e0; border-top-right-radius: 3px; }
table.ffTable > tbody > tr > td { border-bottom: 1px solid #e8e8e8; padding: 4px 8px; font-size: 13px; }
table.ffTable > tbody > tr > td:first-child { border-left: 1px solid #e0e0e0; padding-left: 20px; }
table.ffTable > tbody > tr > td.dataTables_empty:last-child { height: unset; }
table.ffTable > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 3px; }
table.ffTable > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 3px; }

table.ffTable > tbody > tr > td:last-child { border-right: 1px solid #e0e0e0; }
table.ffTable > tbody > tr > td.miniButtons { text-align: right; white-space: nowrap; }
table.ffTable > thead > tr > th.miniButtons { text-align: right; }

table.ffTable > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 3px; }
table.ffTable > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 3px; }

table.ffTable.plainHeader > thead > tr > th { padding: 10px 16px 10px 10px; border-top: 0; background: transparent; }
table.ffTable.plainHeader.topBorder > thead > tr > th { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #e0e0e0; border-radius: 4px; }
table.ffTable.plainHeader.topBorder { border-radius: 3px; }

table.ffTable.noLeftBorder > thead > tr > th { border-left: 0; }
table.ffTable.noLeftBorder > tbody > tr > td { border-left: 0; }

div.ffTableButtons { margin-top: 10px; }
div.ffTableButtons.indent { padding-left: 8px; }

table.dataTable.ffTable td { padding: 12px 5px 12px 10px; min-height: 40px; }
table.dataTable.ffTable.compact thead th { padding: 8px 5px 6px 10px; }
table.dataTable.ffTable.compact tbody td { padding: 6px 5px 4px 10px; height: 28px; }
table.dataTable.ffTable td.actions { padding: 10px 5px 6px 5px; }

table.ffTable tr.message td { vertical-align: middle; height: 50px; }

table.ffDialogTable > tbody > tr > td { padding: 4px 2px; }
table.ffDialogTable > tbody > tr > td:first-child { text-align: right; vertical-align: top; white-space: nowrap; padding-top: 6px; }
table.ffDialogTable > tbody > tr > td:last-child { width: 99%; }

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { line-height: 1.5; padding-top: 0; }


/* Slack Panel */
table.ffSlack { border-color: #e0e0e0; border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; margin-left: 20px; }
table.ffSlack td.imgTd { height: 24px; width: 24px; padding-left: 6px; padding-top: 6px; vertical-align: top; }
table.ffSlack td.authorTd { padding-left: 10px; padding-top: 6px; white-space: normal; word-wrap: break-word; }
table.ffSlack td.msgTd { padding-left: 10px; padding-bottom: 10px; white-space: normal; word-wrap: break-word; line-height: 1.6 !important; }
table.ffSlack td.attachmentTd { padding-left: 30px; white-space: normal; word-wrap: break-word; }
div.panelContentDark table.ffSlack tr td { color: #c0c0c0; }

div.ffDialogTip { border-top: dotted 1px #e0e0e0; padding-top: 10px; margin-top: 10px; font-size: 12px; line-height: 1.4; }

div.ffSlideHelp { padding: 8px 10px; border: 1px dotted #c0c0c0; margin-top: 6px; display: none; white-space: normal; line-height: 1.5; font-size: 12px; }

span.ffSlideHelp { padding: 6px 8px; border: 1px solid #c0c0c0; border-radius: 6px; background: #f8f8f8; display: none; margin-top: 4px; }

div.toolbar { position: relative; top: 5px; text-align: right; }

div.tipssection { border-top: 1px dotted #e0e0e0; display: none; padding: 10px 4px 8px 4px; font-size: 12px; }

div.sectiontitle { padding: 2px 0 2px 4px; font-weight: bold; }

div.sectiontext { padding: 2px 0 2px 0; }

div.tips { border: solid 2px #e0e0e0; background: #f0f0f0; padding: 4px 4px 4px 4px; }
div.awsCostTip, div.azureCostTip { line-height: 1.8; padding-top: 10px !important; padding-left: 2px; }

div[id^=widgetToolTip] { background: white; border: 1px solid #e0e0e0; border-radius: 4px; }
div[id^=widgetToolTip] table { font-size: 10px; font-family: sans-serif; }
div[id^=widgetToolTip] table td { padding: 0 6px; }

td.label { vertical-align: top; text-align: right; }

a:link, a:visited { font-weight: normal; text-decoration: underline; color: #303030; }

table.padded td { padding: 2px; border-collapse: collapse; }

textarea { border: 1px solid #e0e0e0; padding: 4px 6px; border-radius: 3px; font-family: Arial, sans-serif; font-size: 9pt; line-height: 1.5; }

/* Inputs */
input { font-size: 13px; font-family: IBM-Plex-Sans, sans-serif; color: #212529; }
input:not([type=button]):not([type=submit]):read-only { color: #808080; }
input[type="text"] { border: 1px solid #c0c0c0; padding: 6px 8px; border-radius: 3px; }
input[type=""] { border: 1px solid #c0c0c0; padding: 5px 7px; border-radius: 3px; }
input:not([type]) { border: 1px solid #c0c0c0; padding: 5px 7px; border-radius: 3px; }
input[type="password"] { border: 1px solid #c0c0c0; padding: 6px 8px; border-radius: 3px; }
input[type="radio"] { border: 0; }
input[type="select"] { border: 0; }
input[type="checkbox"] { border: 0; opacity: 0; }
input[type="button"]#saveChanges { min-width: 110px; }

.ffButton { display: inline-block; color: #1e1e1e; padding: 6px 12px; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #c0c0c0; height: 31px; }
.ffButton { border-radius: 3px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #ffffff; cursor: pointer; }

.ffButton:disabled { color: #a0a0a0; background: #e0e0e0; }
.ffButton:hover { background: #f4f4f4; transition: all .3s; }

.ffButton[type=submit] { text-align: center; }
.ffButton[type=button] { text-align: center; }
input[type=button]:disabled { color: #a0a0a0; background: #e0e0e0; }

input[type=button][disabled=disabled] { color: #a0a0a0; background: #e0e0e0; }

input.ffAvatarButton { background: transparent; border: none; color: #b2b2b2; cursor: pointer; margin: 30px 0 0 0; }
img.ffAvatarButton { background: transparent; border: none; color: #b2b2b2; cursor: pointer; margin: 30px 0 0 0; }
input.ffAvatarButton:hover { background-color: rgba(223, 223, 223, .6); }
img.ffAvatarButton:hover { background-color: rgba(223, 223, 223, .6); }

select { display: inline-block; color: #404040; padding: 6px 22px 6px 12px; max-width: 100%; margin: 0; border: 1px solid #c0c0c0; font-size: 13px; vertical-align: initial; }
select { border-radius: 3px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #ffffff; }
select { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') }
select { background-repeat: no-repeat, repeat; background-position: right .5em top 50%, 0 0; background-size: .65em auto, 100%; font-family: IBM-Plex-Sans, sans-serif; }

select:disabled { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #f0f0f0 0%, #e0e0e0 100%); color: #a0a0a0; }

input![type=text] { background-image: none, linear-gradient(to bottom, #ffffff 0%, #fafafa 100%); background-repeat: no-repeat, repeat; background-position: right .5em top 50%, 0 0; background-size: .65em auto, 100%; }

input[type=text]:disabled { background-image: none, linear-gradient(to bottom, #f8f8f8 0%, #f4f4f4 100%); }

*:focus { outline: none; }

select::-ms-expand { display: none; }
select:hover { border-color: #c0c0c0; transition: all .3s; }
select:focus { box-shadow: 0 0 0 3px -moz-mac-focusring; color: #202020; outline: none; }
select option {font-family: IBM-Plex-Sans, sans-serif; font-weight: normal; }

td.dashboard { background: #e0e0e0; }

td.headerElement div.pageBreakOnly {color: #c0c0c0; font-size: 1rem; font-weight: bold;}

div.reportcomparisontitle { font-weight: bold; padding: 0 0 0 2px; }

div.reportcomparisongraphsection { float: left; width: 490px; height: 200px; overflow: hidden; padding: 8px 4px 4px 4px; margin: 4px 4px 4px 4px; border: 2px solid #e0e0e0; }

div.reportdevicetablesection { padding: 6px 0 6px 4px; width: 1010px; border: 0 solid red; }

td.reportdevicetable, td.reportmonitortable, td.reportGraphTable { border: 1px solid #c0c0c0; padding: 4px 6px 4px 6px; }

table.reportGraphElement { width: 1002px; font-size: 9pt; border-collapse: collapse; background: white; }

div.reportGraphElement { padding: 6px 0 6px 4px; }

td.reportElementTD { vertical-align: bottom; }

/** report group table**/
#reportsTable i {
    font-size: 19px;
    margin-top: 4px;
    color: #606060;
}
#reportsTable img {
    margin-top: 5px;
}
#reportsTable div.imgDevice {
    margin-top: 4px;
}
#reportsTable i::before {
    display: inline-block;
    width: 16px;
    text-align: center;
}
#reportsTable td {
    white-space: nowrap;
    padding: 8px 5px 8px 10px;
}
#reportsTable tr:last-child td {
    border-bottom: 0
}

/**** reportPausedDeviceTable report slice *****/
.reportPausedDeviceTable { width: 1002px; margin-left:0 !important; }
.reportPausedDeviceTable th.statusTh { width: 85px;}
.reportPausedDeviceTable th.siteTh { width: 250px;}
.reportPausedDeviceTable td {padding-top:5px!important; padding-bottom:5px!important;}

/**** reportPausedMonitorTable report slice *****/
.reportPausedMonitorTable { width: 1002px; margin-left:0 !important; }
.reportPausedMonitorTable th.statusTh { width: 85px;}
.reportPausedMonitorTable th.siteTh { width: 250px;}
.reportPausedMonitorTable td {padding-top:5px!important; padding-bottom:5px!important;}

/***** inventory reports *****/
div.inventorySlice tr.summary {border-bottom:0;}
div.inventorySlice tr.details table {border:0;}
div.inventorySlice table.summaryDetailsTable td:not(:last-child) {padding-right:25px;}
div.inventorySlice td.inventoryDeviceTD {white-space:normal !important;}

/***** styles used by dashboards *****/
table.lightpanel td { border: 1px solid #e0e0e0; white-space: nowrap; padding: 2px; }
table.lightpanel a { text-decoration: none; }
table.lightpanel img { margin: 0; display: block; }

table.lightPanelSummary { width: 100%; font-family: arial, sans-serif; font-size: 8pt; border-collapse: collapse; margin-top: 6px; }
table.lightPanelSummary td { border: 1px solid #e0e0e0; padding: 6px 8px; }

td.toplabel { background: transparent; vertical-align: bottom; white-space: nowrap; padding: 6px; }

div.c1 { display: table-cell; transform: rotate(90deg) translateX(-100%) translateY(-100%); transform-origin: top left; }

/* used by HTML generated by the dashboard generator */
table.systemHealth { border-collapse: collapse; width: 100%; }
table.systemHealth table.driveTable { width: 100%; }
table.systemHealth div.percentageBar { min-width: 60px; width: 100%; }
table.systemHealth div.percentageBar div.Success { background: #709F59; }
table.systemHealth div.percentageBar div.Info { background: #03add0; }
table.systemHealth div.percentageBar div.Warning { background: orange; }
table.systemHealth div.percentageBar div.Failure { background: #C1190F; }
table.systemHealth div.percentageBar div.Critical { background: #ff0000; }
table.systemHealth div.percentageBar div.Paused { background: #c0c0c0; }
table.systemHealth div.percentageBar div.Suppressed { background: repeating-linear-gradient(57deg, #C0C0C0, #C0C0C0 10px, #b8b8b8 10px, #b8b8b8 20px); }

table.systemHealth td.disk { width: 100%; }

table.systemHealth td.Warning, table.systemHealth div.percentageValue.Warning { color: darkorange; }
table.systemHealth td.Failure, table.systemHealth div.percentageValue.Failure { color: #C1190F; }
table.systemHealth td.Critical, table.systemHealth div.percentageValue.Critical { color: #ff0000; }
table.systemHealth td.Info, table.systemHealth div.percentageValue.Info { color: #03add0; }
table.systemHealth td.Paused, table.systemHealth div.percentageValue.Paused { color: #c0c0c0; }
table.systemHealth td.Suppressed, table.systemHealth div.percentageValue.Suppressed { color: #b0b0b0; }

table.systemHealth th { padding: 8px 8px; font-weight: normal; }
table.systemHealth td { border-bottom: solid 1px #e0e0e0; padding: 6px 8px; white-space: nowrap; overflow: hidden; }
table.systemHealth td:first-child { padding-right: 0; padding-top: 10px; width: 24px; }
table.systemHealth td:nth-child(2) { max-width: 200px; }
table.systemHealth td.driveTableTd { padding: 0px 0px 0px 8px; width: 100%; }
table.systemHealth td:last-child { white-space: nowrap; }

table.systemHealth tr:hover td { background: #f0f0f0; }

table.systemHealth table.driveTable td { border: none; padding: 0px; text-align: left;}
table.systemHealth table.driveTable td:nth-child(2) { width: unset; }
table.systemHealth table.driveTable td:last-child { width: unset; }
table.systemHealth table.driveTable div:first-child { display: inline; }
table.systemHealth table.driveTable div:last-child { display: inline-block; text-align:right; }

table.systemHealth div.percentageBar div:first-child { width:calc(100%); height: 14px; }
table.systemHealth div.percentageValue { padding: 0 0 0 5px; vertical-align:top; }

div.panelContentDark table.systemHealth tr:hover td { background: #606060 !important; }
div.panelContentDark table.systemHealth .expanded td { background: #606060; }
div.panelContentDark table.systemHealth .fullMessage td { background: #606060; }
div.panelContentDark table.systemHealth tr td { color: #c0c0c0; }
div.panelContentDark table.systemHealth td.Warning, div.panelContentDark table.systemHealth div.percentageValue.Warning { color: #D78F0D; }
div.panelContentDark table.systemHealth td.Failure, div.panelContentDark table.systemHealth div.percentageValue.Failure { color: #e08c87; }
div.panelContentDark table.systemHealth td.Critical, div.panelContentDark table.systemHealth div.percentageValue.Critical { color: #ff6666; }
div.panelContentDark table.systemHealth td.Info, div.panelContentDark table.systemHealth div.percentageValue.Info { color: #03add0; }
div.panelContentDark table.systemHealth td.Paused, div.panelContentDark table.systemHealth div.percentageValue.Paused { color: #c0c0c0; }
div.panelContentDark table.systemHealth td.Success, div.panelContentDark table.systemHealth div.percentageValue.Success { color: #c0c0c0; }
div.panelContentDark table.systemHealth > tbody > tr > th { border-bottom: solid 1px #606060; }
div.panelContentDark table.systemHealth > tbody > tr > td { border-bottom: solid 1px #606060; }
div.panelContentDark a { color: #c0c0c0; }
div.panelContentDark a:hover { color: #c0c0c0 !important; }
div.panelContentDark div.panelCount { color: #c0c0c0; }

table.systemHealth th.header { border-bottom: solid 1px #e0e0e0; height: 16px; font-weight: bold; text-align: left; }

div.panelContentDark::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #707070; }
div.panelContentDark::-webkit-scrollbar-corner { background: #606060; }
div.panelContentDark::-webkit-scrollbar { width: 10px; height: 10px; }
div.panelContentDark::-webkit-scrollbar-thumb {	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #606060; }

/* used by HTML generated by the dashboard generator */
td.eventlist { border-bottom: solid 1px #e0e0e0; height: 16px; padding-left: 4px; }
td.eventlistbold { height: 16px; padding-left: 4px; font-weight: bold; }
td.eventlistboldred { height: 16px; padding-left: 4px; color: #c05050; font-weight: bold; }

/* used by dashboard element frames */
div.dashboardElementTitle { padding: 3px 3px 0 4px; height: 16px; color: black; background: #e0e0e0; overflow: hidden; }

td.dashboardElementSizeWest { width: 2px; height: 100%; background: #d0d0d0; cursor: e-resize; }
td.dashboardElementSizeEast { width: 4px; height: 100%; background: #d0d0d0; cursor: e-resize; }
td.dashboardElementSizeSouth { width: 100%; height: 2px; background: #d0d0d0; cursor: n-resize; }
td.dashboardElementSizeNorth { width: 100%; height: 2px; background: #d0d0d0; cursor: n-resize; }
table.tabularEventData { margin-top: 10px; border-color: #e0e0e0; border-collapse: collapse; }
table.tabularEventData th { text-align: left; padding: 4px 6px !important; border: 1px solid #d0d0d0; background: #e0e0e0; font-weight: 500; }
table.tabularEventData tr td { border: 1px solid #e0e0e0; background: white !important; padding: 4px 6px !important; }

div.panelContentDark table.tabularEventData tr td {background-color: transparent !important; }

table.tabularEventData tr.critical td { color: #ff0000; font-weight: 500; }
table.tabularEventData tr.error td { color: #c05050; font-weight: 500; }
table.tabularEventData tr.warning td { color: #FFA900; font-weight: 500; }
table.tabularEventData tr.info td { color: #03add0; font-weight: 500; }
table.tabularEventData tr td.critical { color: #ff0000; font-weight: 500; }
table.tabularEventData td.error { color: #c05050; font-weight: 500; }
table.tabularEventData td.warning { color: #FFA900; font-weight: 500; }
table.tabularEventData td.info { color: #03add0; font-weight: 500; }

.ffTreeCritical { color: #ff0000; background-image: url(../images/list/status-critical.png); background-repeat: no-repeat; width: 16px; height: 17px; background-position-y: 2px; display: inline-block; }
.ffTreeFailure { color: #c05050; background-image: url(../images/list/status-failure.png); background-repeat: no-repeat; width: 16px; height: 17px; background-position-y: 2px; display: inline-block; }
.ffTreeWarning { color: #FFA900; background-image: url(../images/list/status-warning.png); background-repeat: no-repeat; width: 16px; height: 17px; background-position-y: 2px; display: inline-block; }
.ffTreeInfo { color: #FFA900; background-image: url(../images/list/status-info.png); background-repeat: no-repeat; width: 16px; height: 17px; background-position-y: 2px; display: inline-block; }
.ffTreeSuccess { display: none; }
.ffTreePaused { color: #c0c0c0; background-image: url(../images/list/status-paused.png); background-repeat: no-repeat; width: 16px; height: 17px; background-position-y: 2px; display: inline-block; }
.ffTreeundefined { display: none; }

div.panelContent div.twitterEditShield {position:absolute; display:none; width:100%; background-color:#f8f8f8; opacity:.3;}
div.panelContent div.noTwitterData {display:none; text-align:center; padding:20px;}
div.panelContent div.logEventsToolbar { padding-top: 0px !important;}

div.panelContent div.monitorResultContainer table { width: 100%; }
div.panelContent div.monitorResultContainer table td { width: 100%; line-height: 1.5 }
div.panelContent div.monitorResultContainer .logEventsToolbar { margin-top: 5px; }
div.panelContent div.monitorResultContainer table.tabularEventData tr td:last-child { width: 100%; }

div.panelContent table.tabularEventData th { background: #e0e0e0;}

/*Installation Panel*/
div.panelContent div.notes { padding: 10px 20px; vertical-align: top; margin-top: 3px; margin-left: 20px; }
div.panelContent #releaseNotes { overflow-y: auto; margin-top: 10px; }
div.panelContent div.resources { vertical-align: top; }

div.panelContent .topPanel { height: 100%; display:flex; flex-wrap:wrap; align-content:center; justify-content:flex-start;}
div.panelContent .topPanel h3 { font-weight: normal; text-align: left; }
div.panelContent .topPanel > div.column {flex-grow:1; padding-left: 25px;}

div.panelContent div.topPanel label { color: #5E8AA9; font-size: 20px; font-weight: bold; }
div.panelContent div.telemetryData div > div.active:last-child { color: #1781CB; font-weight: bold; }
div.panelContent div.telemetryData div > div.error:last-child { color: #c05050; font-weight: bold; }

div.panelContent div.panelTitle { width: 100%; color: #404040; font-weight: normal; border-bottom: 1px solid #f0f0f0; max-width: 100%; font-size: 14px; padding-bottom: 6px; padding-top: 15px; padding-left: 15px; }
div.panelContent div.licenseMessage { text-align: center; padding: 6px 0; color: #404040; font-weight: bold;max-width: 100%; font-size: 15px; }

div.panelContent div.pim { display: none; }
div.panelContent div.info { display: none; }
div.panelContent div.pageContent { padding: 20px 20px; }
div.panelContent div.panels { margin-left: 0%; margin-top: 0% }


div.panelContent div.releaseNotes li { list-style-type: disc; list-style-position: inside; text-indent: -16px; padding-left: 16px; margin: 6px 12px 0 0; }
div.panelContent div.releaseNotes { padding-left: 15px; padding-top: 15px; }

div.panelContent div.telemetryData { padding-left: 15px; }
div.panelContent div.telemetryData div div:nth-child(1) { color: black; font-weight: normal; border-bottom: none; font-size: 12px; }
div.panelContent div.telemetryData div { padding: 1px 0px; font-size: 12px;}
div.panelContent div.telemetryData div > div.active:last-child { color: #20a020; font-weight: bold; }
div.panelContent div.telemetryData div > div.nonactive:last-child { color: #c02020; font-weight: bold; }
div.panelContent div.telemetryData div:first-child { margin-top: 5px; }

div.panelContent div.doughnut { display: inline-block; border-bottom: none; width: 100%; float: left; }
div.panelContent div.doughnut div.panelTitle { padding-top:0; padding-left:0;}
div.panelContent div.copyright { margin-top: 8px; font-size: 11.5px;}
div.panelContent div.licensedTo { font-weight: bold; text-align: center; border-top: 1px solid #e0e0e0; padding-top: 16px; font-size: 13px;}
div.panelContentDark div.licensedTo {border-top:1px solid #606060;}
div.panelContent div.licensedTo.eval { font-weight: normal; font-size: 13px; }

div.panelContent div.badgeContainer { margin: 5px; padding:5px; border-radius:5px; padding: 12px 18px;}
div.panelContent div.badgeTitle {display: inline-block; font-size: 12px; font-weight:bold; padding: 4px 6px; border-radius: 3px; margin-right: 8px; text-align: center; min-width: 50px; }
div.panelContent div.badgeDateTime {display: inline-block; font-weight:bold; float: right; }
div.panelContent div.msgBody {padding-top: 3px;}
div.panelContent div.msgTitle { font-weight: bold; margin-bottom: 4px; }
div.panelContent div.msgText { width:calc(100% - 15px); white-space:pre-wrap; line-height: 1.5; }
div.panelContent div.noAnnouncements { padding: 15px; text-align: center; }

div.panelContent table.appTable i { margin-right: 8px; font-size: 20px; }

div.panelContent table.appTable i.fa-check-circle { color: green; }
div.panelContentDark table.appTable i.fa-check-circle { color: #83ab51; }

div.panelContent table.appTable i.fa-clock { color: #03add0; }

div.panelContent table.appTable i.fa-exclamation-circle { color: darkred; }
div.panelContentDark table.appTable i.fa-exclamation-circle { color: #c05050; }

div.panelContent table.appTable i.fa-exclamation-triangle { color: #c09000; }

div.panelContent table.appTable i.fa-question-circle { color: #a0a0a0; }

div.panelContent table.intuneDeviceTable div.defenderExposureLevel {padding: 5px; text-align: center; color: #ffffff; border-radius: 5px;}
div.panelContent table.intuneDeviceTable div.defenderRiskLevel {padding: 5px; text-align: center; color: #ffffff; border-radius: 5px;}

div.panelContentDark table.appTable th { border-top: none};
div.panelContentDark table.appTable > thead > tr > th:first-child {border-left: none;}
div.panelContentDark table.appTable > thead > tr > td:first-child {border-left: none;}

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

    Whitespace helpers

*****************************************************************************/
.pd-t-10 { padding-top: 10px !important; }

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

    Table tags

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

span.tableTagUp { color: white; background: #83ab51; padding: 4px 6px; border-radius: 3px; min-width: 40px; display: inline-block; text-align: center; }
span.tableTagDown { color: white; background: #909090; padding: 4px 6px; border-radius: 3px; min-width: 40px; display: inline-block; text-align: center; }
span.tableTagConnected { color: white; background: #83ab51; padding: 4px 6px; border-radius: 3px; min-width: 40px; display: inline-block; text-align: center; min-width: 80px; }
span.tableTagDisconnected { color: white; background: #707070; padding: 4px 6px; border-radius: 3px; min-width: 40px; display: inline-block; text-align: center; min-width: 80px; }
span.tableTagDisabled { color: white; background: #b0b0b0; padding: 4px 6px; border-radius: 3px; min-width: 40px; display: inline-block; text-align: center; min-width: 80px; }

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

    Index Page

*****************************************************************************/
div.indexContent div.tutorials { display: none; }
div.indexContent div.topPanel label { color: #5E8AA9; font-size: 20px; font-weight: bold; }
div.indexContent div.telemetryData div > div.active:last-child { color: #1781CB; font-weight: bold; }
div.indexContent div.telemetryData div > div.error:last-child { color: #c05050; font-weight: bold; }
div.pageContent.indexContent { height: calc(100% - 100px); }

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

    Sector Graph Panels

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

#SectorGraphMain { float: left; width: 750px; }

div [id^=sequence] { width: 600px; height: 30px; }
div [id^=sequence_] text { font-weight: 600; fill: #ffffff; }
div [id^=SectorGraphChart_] { position: relative; overflow: hidden; }
div [id^=SectorGraphChart_] path { stroke: #ffffff; }
div [id^=toolTip_] { z-index: 1; position: absolute; color: black; display: none; overflow: hidden; pointer-events: none; padding: 2px; background: white; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 10px; font-family: IBM-Plex-Sans, sans-serif; }

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

    ffSettings tables

***********************************************************************************/
table.ffSettings { border-collapse: separate; border-spacing: 2px; }

table.ffSettings > tbody > tr > td:first-child { text-align: right; vertical-align: top; color: #404040; padding-top: 6px; white-space: nowrap; }

table.ffSettings > tbody > tr > td { padding: 2px; vertical-align: top; }

#deviceTabSelect { display: none; }
#dependencyHelp { width: 700px; }
#dependencyChooserMobile { display: none; }
table.ffSettings td.text_nowrap { white-space: nowrap !important; }

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

    ffEvents Table

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

table.ffEvents { font-size: 13px; width: 100%; border-spacing: 0; }

table.ffEvents tr th { text-align: left; border-bottom: 1px solid #e0e0e0; padding: 12px 6px 12px 6px; background: white; color: #404040; background-color: #f8f8f8; font-size: 13px; cursor: default; white-space: nowrap; font-weight: 500; }

.Paused { color: #c0c0c0; }
.Success { color: #101010; }

table.ffEvents tr.fullMessage table.tabularEventData td { white-space: nowrap; }
table.ffEvents i.ffIcon::before { display: inline-block; width: 16px; text-align: center; }

table.ffEvents img { width: 16px; height: 16px; }
table.ffEvents tr.Paused td { color: #a0a0a0; }
table.ffEvents tr.message td { vertical-align: middle; height: 50px; }
table.ffEvents tr.suppressed { background: repeating-linear-gradient(64deg, #FFFFFF, #FFFFFF 10px, #F2F2F2 10px, #F2F2F2 20px); }

table.ffEvents tr.suppressed td:not(.actions) { opacity: .3; }

div.imgSite { display: inline-block; width: 16px; height: 16px; }
div.imgSite:after { color: #606060; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f57d"; font-size: 18px; position: relative; top: -1px; }
div.imgSite.lostContact::after { color: red; }
.panelContentDark div.imgSite:after { color: #c0c0c0;}


div.imgGear { display: inline-block; width: 16px; height: 16px; background: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAAAd0SU1FB9MICAo6Ee803FIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAEdSURBVDhPrZKxSsNQAEVjKWgpooLQQgcFCe1SJxfFweLk4Fa/pZs/IIijq9TRn9DZQX9BigiCuqmo1XOT+2KaVqdeODS55760kEZTTxzHS3AJNzAHZbhyV/Ps7zBqwLe5gPPcfcuz8SB3oQkbHk9iC+qw6WNpKNrwCRp9+VPcmXD/DkPQdt3HkweswQOE4SN0rOU77oJ/gbZ1Goqd3ODAdRZ1Ob/nOg1FDU4t9RNnrbKos9PmCOatEvlkEVi0yqKusBlYJfK6IHtWWdQVNrdWiZwBfcOZ5QccwqrRtTo5/S9WoOLjv6EMD/iPY89Hg6jAm0cDePW10HV4jXqFJR8bDaILJ1CFfQgP2IZl6MPYK54YhgvwDPdQdj3tRNEPna+c6Y8tLMwAAAAASUVORK5CYII='); }
div.imgDevice { display: inline-block; width: 16px; height: 16px; background: no-repeat; background-image: url('data:image/png;base64,R0lGODlhEAAQAPcAAAAAACUlJTAwMJSUlKampqurq7CwsOTk5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAQABAAAAhYAP8JHEiwIEEBARIqTCjAYAADBCJKNBDAIYGFCS9arDgwgMaCHjGG3EhwJMiLGD+WVPnP5EqRLAWGHHDgwACXHS/StIlTJsqFMVsWkCixAMeSIhUaXGowIAA7'); }
div.imgDataPoint { display: inline-block; width: 16px; height: 16px; background: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAK7wAACu8BfXaKSAAAAAd0SU1FB9MCGhQRLRAzVHMAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAWJJREFUOE9jGBxAVVX1P5RJENjOutJiO+vqRfPZl8ShQsQbYDP3nKjt7CsfbGdfLQXiD1BhEgyYdbUdaPtmCPuaGlgQBJANACpabzPtkiCUywC08YT17EuuFrOvCAGd/x4oHwiVQgCYAXazr3oBbfgJdN4p45l3+YHsHiD7pt2sK4+AmgttZ1/eAdaADmAGAG07bjvrsqvdrKsL7GZfeQbUdMN0yhUJlYm32IFyW2ymX9ECa0AHCBdcuWdf/5+Fof4/k83MK4ctpp+XBitAAkC1e5WVlbWhXAiAGWAz+0oaWAAJqKioNMrLywtA2YlA/BaI3wP1lIAVgADMAK36K2xAyRogkwnEB7KLgPgTVFMvEL8B4hApKSlhIL0FpAYMYAYAnXYcKPEVyL8KpCOA+B2QbaegoKAPZN9TUlKKAGtAB0gGtAIVsgPpMCB9DajBCayAEIAZQDYAGUAOhmqnBDAwAACQSZz6MZ1pZAAAAABJRU5ErkJggg=='); }
div.imgGroup { display: inline-block; width: 16px; height: 16px; background: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAZUlEQVR42mNgGBRAVVX1BBD/R8L/gPg0ECsQa8B/ZL6GoQUjUCwPiO8BsQmIT5IBSOLRUEOQXXeCaANwGNqA0wAsYYELn8BlwH9i8agBmAb8BmJpEgx4iW5AN9QQojQDcQDDoAEAtC+i7VRrSvEAAAAASUVORK5CYII='); }
div.imgTag { display: inline-block; width: 16px; height: 16px; background: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH3QoQCxYalXJJIwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAADYSURBVHjaY2AYaMAIY6iqqvYDqXx0cSBQun379n1cBjAhsUGatYG4Fsr/B8QLgfge0HBFYgwAgSAgNoZqTgPanACkk/AZguyF/0g2gzTPRZJLBFLzsHkH3QUYmkEAyJ9PyCVgFwDxAnwhDnIJVB3cEGQXKAFxPNS5WAHUJckgl2AYAPUbyJB5uAzRMLQAhZk5zjDAZwhI898vb2eAwoiRmZULJs6Mbsu7d+8+CAsLLwIy9wHpR0D+BXTNt25c+44RjVgCTBHq12SoszE04zUAzRAGbJoHBwAAOOtb0y5Rq6IAAAAASUVORK5CYII='); }
div.imgRemove { display: none; width: 16px; height: 16px; background: no-repeat; opacity: .2; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAfElEQVR42mNgGFRAVVXVCIifA3EXFrkuIH4IUoNP80cg/g/E35ENgWr+DpV7i9UQoOAbqIL/yIagaYbhh9gMWIhF4W8g/oXNYFzewGYIcZrRDPmNRfMvgpqRDPhLlgEUeQGH5l9EByI0kVAUjUbQREJeQkIy5CFZSXnAAADRq5M9sm55aAAAAABJRU5ErkJggg=='); }
div.imgSingleGraph { display: inline-block; width: 16px; height: 16px; background: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEQAACxEBf2RfkQAAAAd0SU1FB90KEA0mDc1qhqUAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTCtCgrAAAABDklEQVQ4T2OgGvj//z/JGA5UVVWBfOyK8GE4oIoBUCZ5gBQDbGddabGddfWi+exL4lAh4g2wmXtO1Hb2lQ+2s6+WAvEHqDAJBsy62g60fTOEfU0NLAgCyAYAFa23mXZJEMplANp4wnr2JVeL2VeEgM5/D5QPhEohAMwAu9lXvYA2/AQ675TxzLv8QHYPkH3TbtaVR0DNhbazL+8Aa0AHMAOAth23nXXZ1W7W1QV2s688A2q6YTrlioTKxFvsQLktNtOvaII1oAOEC67cs6//z8JQ/5/JZuaVwxbTz0uDFaABZWVlZigTAmAG2My+kgYWQAPy8vL8IFpFRYUNLIAOkAORLAAygBwM1U4JYGAAAP0P83vc5zWjAAAAAElFTkSuQmCC'); }
div.imgUser { display: inline-block; width: 64px; height: 64px; background: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEgUlEQVR42u1bWUiUURQ+2qKmmT4otjhiRIulbQhtBBUpLShZ0kI9RD62PSRZFgRlG0Q9VFS+1INJCEbbU5QZWtBLERS0mCJqDxktthHmdG7z/cxpEnPG+0/3xhz4EMa55/vOuXfOf7efKGIRi5jLFscoYpxiNDCaGa8ZTYw7jGOMef9j4EmMQ4x3DG8/cJdxkFHHeIy/hxk5Ngafh152guti1DJKGcWMZYzVjHIE2tNHYtT/ahhptgS/kdEN8W8Y2xgJf2mTy2hkPGLshY89jAciER2M6aYHny+Cv81I1eBzuRhNnYzxpgafiF5SQm8xYjT6zkDx9GKUDDExAeUQ+FZTzwdaNuMbODabmIAmiNvjIscRcLxgRJkUfKYoVmNd5MkQPFkmJWCpGP5uWyu4ik1KwFqIeh4Grqfg2mBSAgogqj0MXO3gKjApAfMh6ksYuD6Da75JCcgWxSnGRZ4YwZNtUgLShTA35+xpgifdpAQkCGGTXOSZKHgSyDD7DmGzXeSYDY7vpgUfhSWvErfYRZ7FYnlt1EwwVQzNzDDNOFNNSsBIIWyMizyjBc8okxIQzfgIYStd5FkhfgKDTKsD1WK9Hu+Cf+XzITgumbgcnizW608Y4zT6HgefXnBMIUNtFeMrhJ7Q6PcEfH4Fh9G2DWJbURt01BdnCbydLDBVnZ2N0XwN/vLgq9u0yt+XXYHo6xp8XYOvq2SRLST/ocaMAfiZRv5Dk0VkmTWSf4s8VLsJH/fJQpsrem9TCO03iVFk7eHpGfH4yg2iXa54nJ4ji20Y+fbwVSC7gmi3E21ewofV1hDCM3wL2tyj/8CcE6N1QbRZgzavbA9+BOMHgpkZZA1wJj/DbU7AegTygYI70Y0h/w7TGluDT8cQVkFUhtD+vCiE6TYFrnZtDogNkvcMTwh+MjFynA0Qdd8ow9Sg1YlwKSq+85tXaKGB7RKrts3C3w9w7CB3T6H7ZbHku8vTQH9ecmqByDgNPHFYYr+gPy9PNUBDbLiDV4WpLUCQOhlWFxjmaNoHCDS1DT6LcbSXZLSFs1jup9+vv50Ocpqry3LB3SX07HebtESQXWSkGFB/UqDFO4CFV7+r8ieQXCCzTmaioMkLja4czjhZfqapuOm2OGhzRqdW85B/n6/Q4DlIoZhCe3Q6LiNDr6f18lNwnhBlOh3Xw2mFBTPRCmit1+UwWhS/PAsSkCeKoZb5yCjxiPFYkAAPaT5BzhIO4y1IQDxpvk2aJub6SyxIwBKxVtB2YauW/PcA1a3wRAMDV5p2Q6MXmrWZev/nrhhaqsBUYQHyL6+qpEJDlSjUzvtHSbrJBpNvt7ajl2WpWglWowfUDZGpjGSN3MnwuRIc1eAMXIZ3QONgN7M+lHyvwSkRndT3m2CqV9SWljrauoGeOss4Tr43wiqAw/jsLL5zA21eBvRsb+iEliJoC6up52wOVoknyfcGWDv1/RZYqOiB7zpwlYA72sB69GthMoGxgHxX6bcy9qGXK9HL6lW4y0ANPqvEd/ahzVr4mGDoAixiEbPdfgJHbJWB6ln0LgAAAABJRU5ErkJggg=='); }
div.imgToolBox { background-position: 5px 0; display: inline-block; height: 40px; background: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACEUlEQVR42t2VzUuUURSH36mcsnTGgowCEb/IghZJFG1yIQjT0gRHIUpdqBQYBEFRhAgmUYvZtChFJCMJAkvJDwQVTVK0rFFbtBD/k54Lvzcu13fGGXd24GGcM/f+zrnnnnP1vP/ZXsIfeAXF8lXBGPyG7/AYcvcifgi+wH24AUm4Dk2wDQ0QgYewCK1wMtsgR2AS2rR5Dc7r7xF4qnVX4IlOdCrbIEdhRcLV8F7+gzAPZ621dfAulVAOnE7x25rKEYINy/8aapxkNnVfBUEi5scKx38BPlnfk/o0dzGnxMJQKH8jzMISnLCF1lVLI1AmX6VKctMJcA6+QlQJ/VSCHdY60xgLdoA3EIPLOokRGod2Zemb6ZgSlaBM6y7BcVi21rXAlB3AZLsKx9QJ+Snu4xEkFHRFp/a0z2Qch1sqU567uVl1LUnTVQegH14EJFGgIDNpEvRq4Rv80vGTqu8zdZEfZACeB+wPZdr/YV1gqTb1Qa9zkkHHl5W1OUc1gzWsO/As31voyVb8HkxocOz6XoRRuOsEMdPbnam4yfAzHLZ8UfV9vd6nabjtBDHz0rWbuMnig9P3vnjc8uWpW+qd13fYegB3mJnCIWWTTtw3f7BiTpCPekZ22APoDBBvTHNiM5A/4Jrl63XK988iWhyT+MIu4r4VaWauwh1NcE6qxWf073ArQ3HfyvUCJIKeh/1vfwFgGmJKGGtAFAAAAABJRU5ErkJggg=='); }
div.imgToolBox > span { position: relative; top: -5px; }

div.imgFailure { width: 16px; height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALDwAACw8BkvkDpQAAAAd0SU1FB9sIChE4A3iSye8AAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAdUlEQVQ4T82SsQ3AIBADKSgZkZ0oWSc7MUDyL1myhBynSJGcdA34lIKU/3D0XsMRrvC8Me9yU5ERXKhIOZCROHRf3l3IiBhZkRE1ciIjauRERtTIiYyokRMZUSMnMhKHr59xbiPnREbisOVF+PQr56Yh+5xSLkdJW2SUJK4WAAAAAElFTkSuQmCC'); }
div.imgError { width: 16px; height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALDwAACw8BkvkDpQAAAAd0SU1FB9sIChE4A3iSye8AAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAdUlEQVQ4T82SsQ3AIBADKSgZkZ0oWSc7MUDyL1myhBynSJGcdA34lIKU/3D0XsMRrvC8Me9yU5ERXKhIOZCROHRf3l3IiBhZkRE1ciIjauRERtTIiYyokRMZUSMnMhKHr59xbiPnREbisOVF+PQr56Yh+5xSLkdJW2SUJK4WAAAAAElFTkSuQmCC'); }
div.imgPaused { width: 16px; height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALDAAACwwBP0AiyAAAAAd0SU1FB9sIChE5LMpYxfcAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAc0lEQVQ4T82SMQrAIBAELSz9u6Xf8U8+ILmDhQVZN0WKZGAa3SGFKf9hzlnDHq7wOph3uanICC5UpOzISBy6L+8uZESMrMiIGjmRETVyIiNq5ERG1MiJjKiRExmJw9fPOLaRcyAjcdjyInz6lXPTkH1OKTfYpcvkNXRF5AAAAABJRU5ErkJggg=='); }
div.imgWarning { width: 16px; height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALDgAACw4BQL7hQQAAAAd0SU1FB9sIChE6NYUePvQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAc0lEQVQ4T82SMQqAMBAEr0iZv6fMG3yfD4h3sLAQ1rWw0IFpkh0sYvyHdURLR3qm68a6q01DRnChIuVARvLQfXn3REbEyIqMqJETGVEjJzKiRk5kRI2cyIgaOZGRPHz9jHMbOScykoe9LtKnX7k2HdnnRFyHMnZk1294YgAAAABJRU5ErkJggg=='); }
div.imgCritical { width: 16px; height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMzQDW3oAAABySURBVDhPzZIxCsAgEAQttPPvlj7UB5g7WFiQzaZIkQxMozukMOU/7NZqOMIV7hvzLjcVGcGFipQDGYlD9+XThYyIkRUZUSMnMqJGTmREjZzIiBo5kRE1ciIjcfj6Gecxck5kJA57XoRPv3JuOrLPKeUCoYAc9EBVntcAAAAASUVORK5CYII='); }
div.imgInfo { width: 16px; height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALCwAACwsBbQSEtwAAAAd0SU1FB9sIChE5LMpYxfcAAAAWdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjFM78X/AAAAVElEQVQ4T2NoamqiCGMVJAUjOHvesgBxf/LaC//xYZAasFosBhDUDMNgQ9ANwKYQHx41YHgaAEwc07EpxIZBarEZwEOMIWDNILUYBpCJsQoSj5sYALFqRHdysk5AAAAAAElFTkSuQmCC'); }

div.imgSuccess { width: 16px; height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALDgAACw4BQL7hQQAAAAd0SU1FB9sIChE5LMpYxfcAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAd0lEQVQ4T82SsQ2AMBADU6TMOAxJlzIrsU8GgH/JkqXImIICTrom8YkilP+wH1sNezjD88a8y01FRnChImVHRuLQfXl1IiNiZEVG1MiJjKiRExlRIycyokZOZESNnMhIHL5+xrGMnAMZicOWF+HTr5ybhuxzSrkA+GxiJFWiuRsAAAAASUVORK5CYII='); }
div.imgUnviewed { width: 16px; height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALDgAACw4BQL7hQQAAAAd0SU1FB9sIChE5LMpYxfcAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAdklEQVQ4T82SMQqAMBAEU6QM+EgflDIP8Il5gN7BwkJY18JCB6ZJdrCI5T/sx1bDHs7wvDHvclOREVyoSNmRkTh0X16dyIgYWZERNXIiI2rkREbUyImMqJETGVEjJzISh6+fcSwj50BG4rDlRfj0K+emIfucUi7+QyO0oJ+0cQAAAABJRU5ErkJggg=='); }

span.monitorMsgInfo, div.monitorMsgInfo { cursor: default; color: #3080cd; }
span.monitorMsgWarn, div.monitorMsgWarn { cursor: default; color: #DF7900; }
span.monitorMsgError, div.monitorMsgError { cursor: default; color: #f04040; }
span.monitorMsgPaused, div.monitorMsgPaused { cursor: default; color: #a0a0a0; }

table.ffEvents tr.fullMessage td { border-top: 0; padding: 10px 10px 10px 20px; background: #f0f0f0; display: none; white-space: nowrap; }

table.ffEvents td { border-bottom: 1px solid #e0e0e0; vertical-align: middle; cursor: default; padding: 10px 6px 6px 6px; max-width: 600px; overflow: hidden; white-space: nowrap; }
table.ffEvents.ffMonitorList td:nth-child(3) { width: 100%; text-overflow: ellipsis; padding-right: 12px; }
table.ffEvents td:first-child { padding-left: 10px; }
table.ffEvents td:last-child { width: 100%; }

table.ffEvents tr.selected { background: #f0f0f0; }

table.ffEvents tr.expanded { background: #f8f8f8; }

table.ffEvents td.fullMessage { line-height: 1.5; }
table.ffEvents tr.fullMessage td { background: #f8f8f8; white-space: normal; }

table.ffEvents td div.message { overflow: hidden; display: inline; }

table.ffEvents tr.errorMessage td { vertical-align: middle; height: 50px; font-weight: bold; color: #a00000; padding-left: 20px; }
table.ffEvents tr:hover td { background: #f8f8f8; }
table.ffEvents tr.eventDetails { border-top: 0; }
table.ffEvents tr.noMatches td { padding: 20px 10px; }

table.ffEvents th.iconTH { padding-left:30px;}
table.ffEvents td.Critical { color: red; }
table.ffEvents td.Failure { color: #a00000; font-weight: bold; }
table.ffEvents td.Warning { color: #d0a040; font-weight: bold; }

table.ffEvents a { text-decoration: none; }
table.ffEvents i.fa { color: #808080; }

table.ffEvents a:hover { text-decoration: underline; }
table.ffEvents tr:not(.Unviewed,.Warning,.Failure,.Critical) a { font-weight: normal; }

table.ffEvents { border-bottom: inherit !important;}
table.ffEvents tbody tr {background-color: inherit !important;}

div.panelContentDark table.ffEvents tr th { background: inherit !important; border-bottom: 1px solid #606060; color: #c0c0c0; }
div.panelContentDark table.ffEvents tr a { color: #c0c0c0; }
div.panelContentDark table.ffEvents tr:hover td { background: #606060; }
div.panelContentDark table.ffEvents tr.suppressed { background: repeating-linear-gradient(64deg, #505050, #505050 10px, #404040 10px, #404040 20px); }
div.panelContentDark table.ffEvents .expanded td { background: #606060; }
div.panelContentDark table.ffEvents .fullMessage td { background: #606060; }
div.panelContentDark table.ffEvents td { border-bottom: 1px solid #606060; }
div.panelContentDark table.ffEvents:not(.dataPointList) tr td { color: #c0c0c0; }

div.panelContentDark table.ffEvents tr td.Critical { color: red; }
div.panelContentDark table.ffEvents tr td.Failure { color: #ff8080; font-weight: bold; }
div.panelContentDark table.ffEvents tr td.Warning { color: #d0a040; font-weight: bold; }

div.panelContentDark table.ffEvents img:not(.chooserAvatarImg) { filter: invert(80%); -webkit-filter: invert(80%); }
div.panelContentDark table.ffEvents div.imgGear { filter: invert(80%); -webkit-filter: invert(80%); }
div.panelContentDark table.ffEvents div.imgDataPoint { filter: invert(80%); -webkit-filter: invert(80%); }

div.panelContentDark table.systemHealth div.imgGear { filter: invert(80%); -webkit-filter: invert(80%); }

div.panelContentDark table.ffDataTable tr th { border-bottom: 1px solid #606060; color: #c0c0c0; }
div.panelContentDark table.ffDataTable tr a { color: #c0c0c0; }
div.panelContentDark table.ffDataTable tr:hover td { background: #606060 !important; }
div.panelContentDark table.ffDataTable td { border-bottom: 1px solid #606060; }
div.panelContentDark table.ffDataTable:not(.dataPointList) tr td { color: #c0c0c0; }
div.panelContentDark table.tabularEventData th { background: transparent; border-bottom: 1px solid #e0e0e0 !important;}
div.panelContentDark table.tabularEventData td { border-bottom: 1px solid #e0e0e0 !important;}

span.sortArrow { color: transparent; cursor: default; font-size: 10px; position: relative; top: -1px; }

span.sortArrowSelected { color: #008000; cursor: default; }

span.sortArrow:hover { color: #00b000; }

div.eventsFooterMessage { margin-top: 10px; }

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

    ffDataTable

***********************************************************************************/
table.ffDataTable.dataTable td { cursor: pointer; }
table.ffDataTable.dataTable td  .dtr-data { margin-top: 5px; }
table.ffDataTable.dataTable td.child { cursor: default; white-space: normal; padding: 12px 30px; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background: #f8f8f8; }

table.dataTable > tbody > tr.child ul.dtr-details { width: 100%; }
table.dataTable > tbody > tr.child ul.dtr-details li { width: 100%; padding-bottom: 14px; }

table.ffDataTable.dataTable td div.msgPreview { font-size: 12px; margin-top: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
table.ffDataTable.dataTable td div.eventIpAddress { font-size: 12px; margin-top: 3px; }
table.ffDataTable.dataTable td.eventTime { white-space: nowrap; }

table.ffDataTable.dataTable > tbody > tr.child span.dtr-data { line-height: 1.5; }
table.ffDataTable.dataTable > tbody > tr.child span.dtr-title { display: block; margin-top: 8px; margin-bottom: 8px; font-weight: 500; }

table.ffDataTable.dataTable tbody a { font-weight: 500; text-decoration: none; }
table.ffDataTable.dataTable tbody a:hover { color: #303030; text-decoration: underline; }

/* Selected */
table.ffDataTable.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { background-color: #f0f0f0; color: #404040; }
table.ffDataTable.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a { color: #303030; }

/* Select Checkboxes */
table.ffDataTable .selectAllCheckBox { display: none; }
table.ffDataTable th.select-checkbox.all { min-width: 16px; }

table.ffDataTable thead input[type="checkbox"] + label::before { width: 16px; height: 16px; border-radius: 3px; }
table.ffDataTable tbody input[type="checkbox"] + label::after { width: 16px; height: 16px; border-radius: 3px; }

table.ffDataTable.dataTable tbody td.select-checkbox:before { display: inline-block; height: 18px; width: 18px; border-radius: 3px; border: 1px solid #e0e0e0; background: white;; margin-top: 0px; position: absolute; transform: translateY(-50%); top: 50%; }
table.ffDataTable.dataTable tr.selected td.select-checkbox:after { content: ""; display: inline-block; height: 18px; width: 18px; background-color: #0081C1; border-radius: 3px; margin-top: 0px; margin-left: -6px; position: absolute; transform: translateY(-50%); top: 50%; background-image: url(../images/dot.png) !important; background-position: -1px -1px; }

/* Show entries */
.dataTables_wrapper .form-control-sm { font-size: 16px !important; }
.dataTables_wrapper .custom-select-sm { padding-top: 0; padding-bottom: 0; }
.dataTables_length { padding: 4px 20px 0 10px; margin-bottom: 4px; float: right !important; font-size: 12px; }
.dataTables_wrapper .dataTables_length select { font-size: 12px; padding: 3px 12px 3px 8px; }
.dataTables_info { margin-top: 6px; clear: none !important; }

/* Buttons */
.dt-buttons { padding-top: 3px; margin-left: 50px; }
.dataTables_wrapper .dataTables_info { padding-top: 3px; padding-left: 10px; height: 24px; }

/* Expand Row */
table.ffDataTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.control::before,
table.ffDataTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.control::before { background: transparent; border: none; box-shadow: none; color: slategray; font-weight: 600; font-size: 20px; line-height: 21px; left: 26px; position: absolute; transform: translateY(-50%); top: calc(50% - 3px); }

table.ffDataTable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.control::before,
table.ffDataTable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.control::before { background: transparent; border: none; box-shadow: none; color: slategray; font-weight: 600; font-size: 20px; line-height: 21px; left: 26px; }

.panelContentDark table.ffDataTable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.control::before,
.panelContentDark table.ffDataTable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.control::before { color: #c0c0c0;}

table.ffDataTable.dataTable.dtr-inline.collapsed > tbody > tr.noControl > td.control::before,
table.ffDataTabledataTable.dtr-inline.collapsed > tbody > tr.noControl > th.control::before { display: none; }

/* Header Sort Images */
table.ffDataTable.dataTable thead .sorting .sorting_asc { background-image: none !important; }
table.ffDataTable.dataTable thead .sorting_none { background-image: unset !important; cursor: default; }

/* Expander icon position */
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { margin-top: 0; }

/* Pagination */
.dataTables_paginate { font-size: 12px; margin-top: 0px; }

.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.disabled:hover { background: transparent !important; }

table.ffDataTable.dataTable { border-bottom: 0; }

table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #e0e0e0; padding-left: 9px; font-weight: normal; }

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover { padding: 3px 8px; border-radius: 3px !important; border: 1px solid #d0d0d0 !important; background: #f8f8f8 !important; color: #606060 !important; cursor: default !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-user-select: none !important; }
.dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111111; background: #465265 !important; cursor: default !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-user-select: none !important; }

table.ffDataTable .page-item .page-link { color: slateGray !important; }
table.ffDataTable .page-item.active .page-link { background: lightslategray !important; border-color: lightslategray !important; color: #FFFFFF !important; }

/* Search */
.dataTables_wrapper .dataTables_filter input { padding: 6px 8px; border: 1px solid #c0c0c0; border-radius: 5px; }

/* Buttons */
table.ffDataTable .logEventsToolbar { padding: 0; position: relative; left: -8px; }
table.ffDataTable span.ffMiniButton { -webkit-appearance: initial; box-sizing: initial; }
table.ffDataTable span.ffMiniButton i { -webkit-appearance: initial; box-sizing: initial; }
table.ffDataTable span.ffMiniButton i { width: 14px; }
table.ffDataTable span.ffMiniButton i.fa-bell-slash { position: relative; left: -2px; }
table.ffDataTable tr.suppressed td:not(.actions) { opacity: 1; }
table.ffDataTable .confirmBtn { text-decoration: none !important; }

/* Row background gradients */
table.ffDataTable tr.nodata { background: repeating-linear-gradient(57deg, #FFFFFF, #FFFFFF 10px, #F2F2F2 10px, #F2F2F2 20px); }
table.ffDataTable tr.maintenance { background: repeating-linear-gradient(57deg, #FFFFFF, #FFFFFF 10px, #F2F2F2 10px, #F2F2F2 20px); }
table.ffDataTable tr.paused { background: repeating-linear-gradient(57deg, #FFFFFF, #FFFFFF 10px, #F2F2F2 10px, #F2F2F2 20px); }
table.ffDataTable tr.suppressed { background: repeating-linear-gradient(57deg, #FFFFFF, #FFFFFF 10px, #F2F2F2 10px, #F2F2F2 20px); }

/* Actions */
table.ffDataTable td.actions { white-space: nowrap; }

/* ffDetails */
table.ffDataTable .ffDTDetails { width: 100%; }
table.ffDataTable .ffDTDetail { background-color: transparent; }

table.ffDataTable .ffDTDetailExpand { cursor: pointer; white-space: normal; line-height: 1.5; font-size: 12.5px; }
table.ffDataTable .ffDTDetailExpand.collapsed { height: 42px; overflow: hidden; }
table.ffDataTable .ffDTDetailsExpander { color: slategray; }

/* Hover/selected styles */
table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover { background: #f0f0f0; }

/* Empty table messages */
table.dataTable td.dataTables_empty { text-align: left; padding: 30px 20px; }
div.itemGroupMessage { text-align: left; padding: 30px 20px; border-top: 0; display: none; }

/* Responsiveness */
@media (max-width: 768px) { table .ffDataTable .ffStatus { max-width: 70px; padding: 0; }
    .dataTables_wrapper .dataTables_filter input { -webkit-appearance: none; }
}

/**********************************************************************************
   
    ffStatus

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

.ffStatus { -webkit-box-shadow: none; box-shadow: none; outline: none; position: relative; text-decoration: none; text-transform: none; transition: all .3s; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: default !important; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 0; font-size: 13px; line-height: 1.538462; border-radius: 3px; -webkit-user-select: none; -ms-user-select: none; user-select: none; min-width: 90px; }

.ffStatus-success { background-color: #83ab51; border-color: #83ab51; color: #ffffff; }
.ffStatus-success::before { content: "Success"; }

.ffStatus-info { background-color: #03add0; border-color: #03add0; color: #ffffff; }
.ffStatus-info.ffStatus-delayed { background-color: #83ab51; border-color: #83ab51; }
.ffStatus-info::before { content: "Info"; }

.ffStatus-warning { background-color: #FFA900; border-color: #FFA900; color: #ffffff; }
.ffStatus-warning.ffStatus-delayed { background-color: #83ab51; border-color: #83ab51; }
.ffStatus-warning::before { content: "Warning"; }

.ffStatus-error { background-color: #c05050; border-color: #c05050; color: #ffffff; }
.ffStatus-error.ffStatus-delayed { background-color: #83ab51; border-color: #83ab51; }
.ffStatus-error::before { content: "Error"; }

.ffStatus-failure { background-color: #D05C5C; border-color: #D05C5C; color: #ffffff; }
.ffStatus-failure.ffStatus-delayed { background-color: #83ab51; border-color: #83ab51; }
.ffStatus-failure::before { content: "Error"; }

.ffStatus-critical { background-color: #ff0000; border-color: #ff0000; color: #ffffff; }
.ffStatus-critical.ffStatus-delayed { background-color: #83ab51; border-color: #83ab51; }
.ffStatus-critical::before { content: "Critical"; }

.ffStatus-lostcontact { background-color: #ff0000; border-color: #ff0000; color: #ffffff; animation: shadow-pulse 2s infinite; }
.ffStatus-lostcontact::before { content: "Lost Contact"; }

.ffStatus-infailover { background-color: #FFA900; border-color: #FFA900; color: #ffffff; }
.ffStatus-infailover::before { content: "In Failover"; }

.ffStatus-infailoverdown { background-color: #FFA900; border-color: #FFA900; color: #ffffff; }
.ffStatus-infailoverdown::before { content: "Failover Down"; }

.ffStatus-paused { background: repeating-linear-gradient(57deg, #C0C0C0, #C0C0C0 10px, #B8B8B8 10px, #B8B8B8 20px); color: #ffffff; }
.ffStatus-paused::after { content: "Paused"; }

.ffStatus-maintenance { background: repeating-linear-gradient(57deg, #C0C0C0, #C0C0C0 10px, #B8B8B8 10px, #B8B8B8 20px); color: #ffffff; }
.ffStatus-maintenance::after { content: "Maintenance"; }

.ffStatus-nodata { background: repeating-linear-gradient(57deg, #C0C0C0, #C0C0C0 10px, #B8B8B8 10px, #B8B8B8 20px); color: #ffffff; }
.ffStatus-nodata::after { content: "No Data"; }

.ffStatus-suppressed { background: repeating-linear-gradient(57deg, #C0C0C0, #C0C0C0 10px, #B8B8B8 10px, #B8B8B8 20px); color: #ffffff; }
.ffStatus-suppressed::after { content: "Suppressed"; }

.ffStatus-suppressed.noWords::after { content: ""; }

.ffStatus-unknown { background-color: #000000; border-color: #000000; color: #ffffff; }
.ffStatus-unknown::before { content: "Down"; }

.ffStatus-sm { width: unset; }
.ffStatus-sm::before { content: "" !important; }
.ffStatus-sm::after { content: "" !important; }

span.consec { font-size: 11px; position: relative; top: -1px; left: 1px; }

@keyframes shadow-pulse 
{
    0% { background-color: #c00000; border-color: #c00000; }
    50% { background-color: #ff0000; border-color: #ff0000; }
    100% { background-color: #c00000; border-color: #c00000; }
}

/**********************************************************************************
   
    ffConfirm

***********************************************************************************/ 
.ffConfirm { background-color: #f0f0f0; padding: 10px 10px 15px 10px; border-radius: 15px; border: 1px solid #c0c0c0; white-space:nowrap; }

.ffConfirm .ffConfirmHeader { padding-bottom: 10px; font-weight: 500; text-align: left; padding-left: 7px; }
.ffConfirm .ffConfirmBody { padding: 5px; text-align: center; }
.ffConfirm .ffConfirmBtn { border-radius: 3px !important; border: 1px solid #d0d0d0 !important; background: #f8f8f8 !important; color: #606060 !important; cursor: pointer !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-user-select: none !important; padding: 10px; margin-right: 5px; }

.tooltip-arrow { left: 83px; text-align: center; color: #c0c0c0; position: absolute; top: 69px;}

.assignAlertTooltip .tooltip-arrow {top:74px;}
.assignAlertTooltip.imgAvatar .tooltip-arrow {top:78px;}
.assignAlertTooltip.defaultAvatar .tooltip-arrow {top:67px;}

/* Responsiveness - fixes a gap between arrow and tooltip when view on phone */
@media (max-width: 500px) { .tooltip-arrow { top: 68px; } }

/**********************************************************************************
   
    ffTip

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

.ffTip { background-color: #f8f8f8; padding: 12px 5px 12px 5px; border-radius: 3px; border: 1px solid #c0c0c0; font-size: 11px; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2); width:200px; }
.ffTip .ffTipHeader { padding-bottom: 10px; font-weight: bold; text-align: center; margin-right: 7px; white-space:normal;}
.ffTip .ffTipBody { width: 100%; padding: 0; text-align: center; white-space:nowrap; }
.ffTip .interfaceSection { padding-top: 10px; padding-bottom: 10px; }

/**********************************************************************************
   
    ffHelpButton

***********************************************************************************/
span.ffMiniButton i, span.ffHelpButton i, span.ffHelpLinkButton i { width: 12px; text-align: center; }

span.ffMiniButton, span.ffHelpButton, span.ffHelpLinkButton { background: #f0f0f0; border-radius: 3px; border: 0; padding: 5px 7px; margin-left: 4px; font-size: 14px; color: #606060; cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

span.ffMiniButton span { font-size: 12px; color: #404040; margin-right: 6px; }
span.ffMiniButton:hover, span.ffHelpButton:hover, span.ffHelpLinkButton:hover { background: #e0e0e0; transition: all .5s; }

span.ffHelpButton, span.ffHelpLinkButton { font-weight: bold; font-size: 12px; }

div.logEventsToolbar { padding-top: 10px; white-space: nowrap; }
div.logEventsToolbar button { margin: 0 2px; width: 24px; height: 24px; background: transparent; border-radius: 4px; padding: 3px; border: 0; outline: 0; }
div.logEventsToolbar button:hover { background: #e3e3e3; }

div.logEventsToolbar button div { width: 20px; height: 20px; padding: 0; background-repeat: no-repeat; background-position: top left; }
div.panelContentDark div.logEventsToolbar button:hover { background: #999999; }

button.gotoLogEventDevice { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: 1px; color: #a0a0a0; transition: all .5s; }
button.gotoLogEventDevice:hover { color: #606060; }
button.gotoLogEventDevice::after { font-family: "Font Awesome 5 Pro"; content: "\f233"; font-size: 16px; font-weight: 600; }

button.gotoLogEventMonitor { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: 1px; color: #a0a0a0; transition: all .5s; }
button.gotoLogEventMonitor:hover { color: #606060; }
button.gotoLogEventMonitor::after { font-family: "Font Awesome 5 Pro"; content: "\f013"; font-size: 16px; font-weight: 600; }

button.addLogEventLogbook { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: 1px; color: #a0a0a0; transition: all .5s; }
button.addLogEventLogbook:hover { color: #606060; }
button.addLogEventLogbook::after { font-family: "Font Awesome 5 Pro"; content: "\f46c"; font-size: 16px; font-weight: 600; }

button.editLogEventLogbook { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: 1px; color: #a0a0a0; transition: all .5s; }
button.editLogEventLogbook:hover { color: #606060; }
button.editLogEventLogbook::after { font-family: "Font Awesome 5 Pro"; content: "\f46c"; font-size: 16px; font-weight: 600; }

button.removeItem div { background-image: url('../images/delete16.png'); }
button.editLogBookEntry div { background-image: url('../images/note-16.png'); }

div.panelContentDark button.gotoLogEventDevice div { background-image: url('../images/server-d.png'); }
div.panelContentDark button.gotoLogEventMonitor div { background-image: url('../images/gear-d.png'); }
div.panelContentDark button.addLogEventLogbook div { background-image: url('../images/note-16-d.png'); }

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

    ffHistoryCheckmark


***********************************************************************************/
td.ffHistoryCheckmark:before, th.ffHistoryCheckmark:before { border: 1px solid #e0e0e0 !important;  }

td.ffHistoryCheckmark:after { background-image: url(../images/dot.png) !important; background-position: -2px -2px; }

th.ffHistoryCheckmark > input[type="checkbox"] + label::before { border: 1px solid #e0e0e0; background: white !important; }
th.ffHistoryCheckmark > input[type="checkbox"] + label::after { background-image: url("../images/dot.png") !important; }

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

    ffActionDropDown

***********************************************************************************/
div.ffActionDropDown button.dropbtn { display: inline-block; position: relative; top: 0; left: 1px; background-color:transparent; color: #a0a0a0; transition: all .4s; cursor: pointer; }
div.ffActionDropDown button.dropbtn:hover { background: #e8e8e8; }
div.ffActionDropDown button.dropbtn::after { font-family: "Font Awesome 5 Pro"; content: "\f078"; font-size: 13px; font-weight: 600; color: #404040; }

div.ffActionDropDown div.dropdown-content { text-align: left; background-color: white; width: 175px; left: -140px; }
div.ffActionDropDown div.dropdown-content > div:first-child { border-top: 1px solid #e2e2e2; }
div.ffActionDropDown div.dropdown-content > div { border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; cursor: pointer; }
div.ffActionDropDown div.dropdown-content > div:hover { background: #f0f0f0; }

div.ffActionDropDown div.dropdownItem { padding: 10px 0 10px 15px; cursor: pointer; }
div.ffActionDropDown div.dropdownItemTitle { font-weight: 500; cursor: pointer; }
div.ffActionDropDown div.dropdownItemSubtitle { font-size: 12px; margin-top: 2px; cursor: pointer; }

div.ffActionDropDown div.dropdown-content a { font-weight: normal; text-decoration: none; }
div.ffActionDropDown div.dropdown-content a:hover { text-decoration: none; cursor: default; }

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

    ffTokenChooser

***********************************************************************************/
div.ffTokenChooserButton { display: inline-block; position: absolute; top:9px; left:0px; display:none;  }
div.ffTokenChooserButton span.ffMiniButton { margin: 0px; padding:3px 5px; color: #c0c0c0; }
div.ffTokenChooserButton span.ffMiniButton:hover { color: #606060; }

div.ffTokenMirrorDiv { background: red; position: absolute; }
div.ffTokenChooserContainer { position: absolute; display: none; top:0px; left:0px; }

div.ffTokenDropDown div.dropdown-content { text-align: left; background-color: white; width: 375px; left: 0px; top:0px; height:105px; overflow:hidden; overflow-y:scroll }
div.ffTokenDropDown div.dropdown-content > div:first-child { border-top: 1px solid #e2e2e2; }
div.ffTokenDropDown div.dropdown-content > div { border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; cursor: pointer; }
div.ffTokenDropDown div.dropdown-content > div:hover { background: #f0f0f0; }

div.ffTokenDropDown div.dropdownItem { padding: 5px 0 5px 10px; cursor: pointer; }
div.ffTokenDropDown div.dropdownItem.selected { background: #f0f0f0; }
div.ffTokenDropDown div.dropdownItemTitle { font-size: 12px; font-weight: 500; cursor: pointer; }

div.ffTokenDropDown div.dropdown-content a { font-weight: normal; text-decoration: none; }
div.ffTokenDropDown div.dropdown-content a:hover { text-decoration: none; cursor: default; }

/**********************************************************************************
   
    ffContentHeader

***********************************************************************************/
.ffContentHeader { padding: 25px 0 15px 15px; min-width: 600px; border-bottom: 1px solid #e0e0e0; }
.ffContentHeader.noBorderBottom { border-bottom: 0; }
.ffContentHeader.compact { padding: 20px 0 20px 20px; border-bottom: 1px solid #f0f0f0; background: #f0f0f0; }
.ffContentHeader table.ffContentHeaderTable { width: 100%; }

.ffContentHeaderTable.paused .ffContentTitle { color: #808080; }
.ffContentHeaderTable.paused .ffContentSubTitle { color: #808080; }
.ffContentHeaderTable.refreshed .ffContentSubTitle { color: #60b060; cursor: pointer; }

.ffContentHeaderTable td.ffContentTitles { padding-left: 10px; }
.ffContentHeaderTable td.ffContentTitles .ffContentTitle { font-size: 15px; font-weight: 500; }
.ffContentHeaderTable td.ffContentTitles .ffContentSubTitle { line-height: 18px; }

.ffContentHeaderTable.noicon td.ffContentTitles { padding-left: 0; }

.ffContentIcon i.fa-tachometer { position: relative; top: -3px; }
.ffContentIcon i.fa-tag { position: relative; left: 2px; top: 2px; }
.ffContentIcon i.fa-filter { font-size: 26px; position: relative; top: 2px; }
.ffContentIcon i.fa-puzzle-piece { position: relative; top: -1px; left: 4px; }
.ffContentIcon i.fa-desktop { position: relative; top: 2px; }
.ffContentIcon i.fa-user-lock { font-size: 26px; }
.ffContentIcon i.fa-code-branch { position: relative; left: 2px; }

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

    ffBreadcrumb

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

div.ffBreadCrumb { font-size: 13px; margin-bottom: 1px; }
div.ffBreadCrumb span { cursor: default; }
div.ffBreadCrumb span.current { padding-left:2px; }
div.ffBreadCrumb span.current:first-child { padding-left: 0; }
div.ffBreadCrumb label:not(.nolink) { padding: 0 2px 0 2px; cursor:pointer; }
div.ffBreadCrumb label:first-child { padding-left: 0 }

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

    ffContentIcon

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

.ffContentHeaderTable.noicon td.ffContentIcon { display: none; }
td.ffContentIcon { vertical-align: middle; width: 50px; padding: 5px; background: white; border: 0 solid #e0e0e0; border-radius: 5px; text-align: center; height: 50px; margin-left: 20px; }
td.ffContentIcon span { cursor: default; display: inline-block; vertical-align: top; position: relative; }
td.ffContentIcon i { font-size: 42px; color: #606060; padding-left: 5px; padding-right: 5px; margin-top: 1px; }
td.ffContentIcon img { position: relative; top: 2px; }

/*
.ffContentHeaderTable.critical td.ffContentIcon { background: red; border-color: transparent; }
.ffContentHeaderTable.critical td.ffContentIcon i { color: white; }
.ffContentHeaderTable.critical td.ffContentIcon img[src*="n-"] { filter: brightness(1) invert(1); }

.ffContentHeaderTable.failure td.ffContentIcon { background: #c05050; border-color: transparent; }
.ffContentHeaderTable.failure td.ffContentIcon i { color: white; }
.ffContentHeaderTable.failure td.ffContentIcon img[src*="n-"] { filter: brightness(1) invert(1); }

.ffContentHeaderTable.warning td.ffContentIcon { background: #FFA900; border-color: transparent; }
.ffContentHeaderTable.warning i { color: white; }
.ffContentHeaderTable.warning img[src*="n-"] { filter: brightness(1) invert(1); }

.ffContentHeaderTable.info td.ffContentIcon { background: #03add0; border-color: transparent; }
.ffContentHeaderTable.info td.ffContentIcon i { color: white; }
.ffContentHeaderTable.info td.ffContentIcon img[src*="n-"] { filter: brightness(1) invert(1); }

.ffContentHeaderTable.paused td.ffContentIcon { background: #a0a0a0; border-color: transparent; }
.ffContentHeaderTable.paused td.ffContentIcon i { color: white; }
.ffContentHeaderTable.paused td.ffContentIcon img[src*="n-"] { filter: brightness(1) invert(1); }
    */
.ffContentIcon i.fa-folder-open { font-size: 34px; position: relative; left: 3px; }

.ffContentHeaderTable.hideicon .ffContentIcon { opacity: 0; }

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

    ffContentToolbar

***********************************************************************************/
td.ffContentToolbar { float: right; white-space: nowrap; margin: 10px 34px 0 0; }

/* Collapsed header toolbox */
td.ffContentToolbar div.toolBoxDiv { cursor: default; }
td.ffContentToolbar div.toolBoxDropbtn { display: inline-block; width: 30px; height: 24px; background-color: Transparent; background-repeat: no-repeat; border: none; overflow: hidden; outline: none; }
td.ffContentToolbar div.imgToolBox { display: none; height: 30px; background-color: #2980b9; color: white; border-radius: 5px; padding: 3px 4px 3px 12px; cursor: pointer; }
.toolBoxDropdown-content { display: none; font-size: 13px; position: relative; z-index: 10; color: #303030; top: 8px; left: -6px; border: 1px solid #e0e0e0; border-radius: 5px; user-select: none; background-color: white; }
.toolBoxDropdown-content table { border-collapse: collapse; display: block; cursor: default; }
.toolBoxDropdown-content table tbody { display: block; }
.toolBoxDropdown-content table tr { border-collapse: collapse; display: block; cursor: default; }
.toolBoxDropdown-content table tr:hover:not(.divider) { background: #2980b9; color: white; }
.toolBoxDropdown-content table td { border: none; white-space: nowrap; padding: 8px 24px 8px 8px; }
.toolBoxDropdown-content table td div { display: inline-block; vertical-align: middle; height: 24px; padding: 0; background-repeat: no-repeat; background-position: top left; text-align: center; }
.toolBoxDropdown-content table tr.divider { padding: 0; border-top: 1px solid #d0d0d0; }
.toolBoxDropdown-content table tr.divider td { padding: 0; margin-bottom: 10px; }

/* Spreadsheet bulk actions */

td.ffContentToolbar div.bulkActionsDiv.imgToolBox { cursor: default; }
td.ffContentToolbar div.bulkActionsDropbtn { display: inline-block; width: 30px; height: 24px; background-color: Transparent; background-repeat: no-repeat; border: none; cursor: pointer; overflow: hidden; outline: none; }
.bulkActionsDropdown-content { display: none; position: relative; z-index: 10; background: white; color: black; width: 205px; border: 1px solid #e0e0e0; border-radius: 5px; }
.bulkActionsDropdown-content table { border-collapse: collapse; display: block; cursor: default; }
.bulkActionsDropdown-content table tbody { display: block; }
.bulkActionsDropdown-content table tr { border-collapse: collapse; display: block; cursor: default; padding: 2px 12px; }
.bulkActionsDropdown-content table tr:hover:not(.divider) { background: #2980b9; color: white; }
.bulkActionsDropdown-content table tr.divider { background: #e0e0e0; padding: 0; height: 1px; }
.bulkActionsDropdown-content table td { border: none; white-space: nowrap; padding: 4px; }
.bulkActionsDropdown-content table td div { display: inline-block; vertical-align: middle; width: 30px; height: 24px; padding: 0; background-repeat: no-repeat; background-position: top left; text-align: center; }

/* ffFilterBox menu */
td.ffContentToolbar div.ffFilterBoxDiv { position: relative; width: initial; height: 30px; vertical-align: top; background-color: #2980b9; color: white; cursor: default; border-radius: 5px; padding: 3px 16px; }
ul.ffFilterBoxMenu { font-family: IBM-Plex-Sans, sans-serif !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: normal !important; }

/* Event History Time Filters */
span.eventHistoryFilter { position: relative; }
span.eventHistoryFilter:after { font-weight: 900; font-size: 20px; font-family: 'Font Awesome 5 Pro'; content: "\f0d7"; position: relative; top: 3px; left: 5px; }

/**********************************************************************************
   
    Message Bars

***********************************************************************************/
div .messageBarSuccess { font-weight: 500; display: none; padding: 12px; background: white; border-radius: 2px; margin: 0 6px 10px 6px; }
div.messageBarError { color: #a05050; padding: 10px 20px; background: white; border: 2px solid #a05050; border-radius: 6px; margin: 30px 40px; display: inline-block; }

/**********************************************************************************
   
    Menu Styles  

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

div.menuContainer { padding: 10px 10px 0 0; overflow: visible; }

div.menu { float: right; text-align: right; right: 0; margin-left: 10px; cursor: default; display: none; }
div.menuButton { border-radius: 3px; border: 1px solid #c0c0c0; background: #f0f0f0; color: #404040; padding: 0 8px; height: 32px; width: 180px; }
div.menuButton div { float: left; font-size: 9pt; font-weight: bold; padding: 8px 0 0 10px; }
div.menuButton img { float: right; }
div.menuItems { border: 1px solid #c0c0c0; color: #404040; text-align: left; position: relative; top: 4px; left: 2px; display: none; border-radius: 6px; background: white; }
div.menuItems > div > img { float: left; margin-right: 6px; }
div.menuItems div { background: transparent; color: #404040; padding: 8px 10px; font-size: 9pt; font-weight: normal; border-bottom: 1px solid #c0c0c0; }
div.menuItems div.menuDivider { padding: 0; background: #c0c0c0; border: 0; height: 2px; }
div.menuItems div:last-child { border-bottom: 0 solid #c0c0c0; }
div.menuItems div:hover { background: #f8f8f8; }

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

    Page structure newest
    
*****************************************************************************************/
html, body { height: 100%; }

div.structHeader { vertical-align: middle; width: 100%; max-height: 50px; min-height: 50px; height: 50px; border: 0; }

#globalSearch { border: 1px solid white; padding: 6px 8px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#globalSearch:hover { border: 1px solid #e0e0e0; }
#globalSearchInputDiv { padding: 9px 4px 4px 0; display: inline-block; width: calc(100% - 56px); white-space: nowrap; }
#globalSearchInputDivNoNavTree { padding: 9px 4px 4px 0; display: inline-block; width: 330px; white-space: nowrap; }
#globalSearchInputDiv input, #globalSearchInputDivNoNavTree input { width: 100%; box-sizing: border-box; margin-left: 4px; }
#globalSearchInputDiv img, #globalSearchInputDivNoNavTree img { display: none; position: relative; left: -28px; top: 4px; }
#globalSearchInputDiv form, #globalSearchInputDivNoNavTree form { display: inline; }


table.structHeader { width: 100%; border-collapse: collapse; }
table.structHeader td { padding: 0; }
table.structHeader > tbody > tr > td { padding: 0; background: white; border-bottom: 2px solid #f0f0f0; }
table.structHeader > tbody > tr > td:first-child { border-bottom: 2px solid #263238; }

div.structTreeBody::-webkit-scrollbar { width: 10px; background: #f0f0f0; }
div.structTreeBody::-webkit-scrollbar-thumb { background-color: #c0c0c0; }

div.structTreeHeader { height: 50px; padding-top: 8px; display: block; border-bottom: 1px solid #e0e0e0; width: 100%; background: white; overflow-x: hidden; }

div.pageContent::-webkit-scrollbar { width: 10px; height: 10px; background: #f0f0f0; }
div.pageContent::-webkit-scrollbar-thumb { background-color: #c0c0c0; }

td.logout { white-space: nowrap; }

td.structContent { padding: 0; }

.sidebar-icons { color: #f0f0f0; font-size: 18px; vertical-align: middle; width: 26px; padding-left: 0; }

td.structSidebar.expanded { width: 210px; }
td.structSidebar.expanded.tips { width: 230px; }
td.structSidebar.expanded tr.structMenu td { padding-left: 8px; width: 194px; }
td.structSidebar.expanded.tips tr.structMenu td { padding-left: 8px; padding-top: 4px; width: 214px; }
td.structSidebar { white-space: nowrap; vertical-align: top; min-width: 70px; width: 70px; padding: 0; height: 100%; z-index: 1; }
td.structSidebar { background-color: #484848; }

td.structSidebar span { display: none; }
td.structSidebar.expanded label { display: inline; font-size: 12.5px; letter-spacing: .5px; }

td.structSidebar.expanded:not(.tips) label.labelTips { display: none; }
td.structSidebar.expanded.tips label.labelBoth { display: none; }

td.structSidebar.expanded div { text-align: left; }
td.structSidebar.expanded.tips span { display: block; font-size: 11.4px; font-weight: 400; padding-left: 57px; color: #c0c0c0; top: -9px; position: relative; }

table.structMenu { -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; display: inline-block; border-spacing: 0; background-color: #484848; }
table.structMenu > tbody > tr > td { color: #f0f0f0; padding-right: 8px; white-space: nowrap; width: 54px; padding-left: 8px; border-top: 1px solid #3c3c3c; }
table.structMenu > tbody > tr:first-child > td { padding: 8px 0 7px 0; text-align: center; height: 48px; }
td.structSidebar.expanded table.structMenu > tbody > tr:first-child > td { padding: 0; height: 94px; }
td.structSidebar.expanded table.structMenu > tbody > tr:first-child > td > a > div { display: inline-block; }
table.structMenu.expanded.tips > tbody > tr > td { padding-bottom: 8px; }

table.structMenu > tbody > tr > td div { border-radius: 4px; padding: 10px 0; }
td.structSidebar.expanded table.structMenu > tbody > tr > td div { padding: 4px 0; }
td.structSidebar.expanded.tips table.structMenu > tbody > tr > td div { padding: 1px 0px; }

table.structMenu > tbody > tr > td:not(.selected) label { color: #e0e0e0; }
table.structMenu > tbody > tr > td:not(.selected):hover { background-color: #585858; transition: background-color .5s; }
table.structMenu > tbody > tr:first-child > td:hover { background-color: #606060; transition: background-color .5s; }
table.structMenu td { transition: background-color .2s; cursor: pointer;  }
table.structMenu td.selected { background-color: #4E7A99; }
td.structSidebar.expanded table.structMenu td.selected i { background-color: #4E7A99; }
table.structMenu td.selected label { color: #f0f0f0; }
table.structMenu img { vertical-align: middle; }
table.structMenu:not(.expanded) img { width: 28px; }
table.structMenu label { display: none; vertical-align: middle; padding-left: 21px; cursor: pointer; }
table.structMenu a { text-decoration: none; cursor: pointer; }
table.structMenu div { vertical-align: middle; text-align: center; }

.structSidebar tr:first-child td { padding-top: 12px; height: 40px; }

td.structSidebar div.structSidebarVersion { color: #a0a0a0; text-align: center; font-size: 10px; position: fixed; bottom: 4px; width: 64px; padding: 10px 4px; transition: color .5s; cursor: default; white-space: normal; line-height: 1.5; }
td.structSidebar div.structSidebarVersion:hover { color: #f0f0f0; }
td.structSidebar.expanded div.structSidebarVersion { width: 180px;  }
td.structSidebar.expanded.tips div.structSidebarVersion { width: 212px; font-size: 10px; }

@media (max-height:660px) {
    td.structSidebar div.structSidebarVersion { display: none; }
}

@media (max-height:760px) {
    td.structSidebar.expanded div.structSidebarVersion { display: none; }
}

@media (max-height: 900px) {
    td.structSidebar.expanded.tips div.structSidebarVersion { display: none; }
}

#menuDownload * { color: #AAD87D; }

td.structSidebar #menuHome img { position: relative; left: 0px; }

td.structSidebar.expanded i { position: relative; border-radius: 100%; width: 36px; height: 28px; text-align: center; padding-top: 8px; }
td.structSidebar.expanded.tips i { top: 7px; }
td.structSidebar.expanded #menuHome img { position: relative; left: 2px; width: 180px; }
td.structSidebar.expanded.tips #menuHome img { width: 210px; left: 0px; }
td.structSidebar.expanded #menuHeadquarters i { left: 9px; font-size: 20px; }
td.structSidebar.expanded #menuSites i { left: 8px; font-size: 20px; }
td.structSidebar.expanded #menuDashboards i { left: 8px; }
td.structSidebar.expanded #menuDevices i { left: 9px; }
td.structSidebar.expanded #menuMonitors i { left: 8px; }
td.structSidebar.expanded #menuKB i { left: 12px; }
td.structSidebar.expanded #menuPortal i { left: 11px; }
td.structSidebar.expanded #menuSettings i { left: 10px; }
td.structSidebar.expanded #menuTools i { left: 10px; }
td.structSidebar.expanded #menuReports i { left: 10px; }
td.structSidebar.expanded #menuLogbook i { left: 10px; }
td.structSidebar.expanded #menuDownload i { left: 4px; }
td.structSidebar.expanded #menuEvents i { left: 8px; }
td.structSidebar.expanded #daysLeft i { left: 10px; }

.structSplitter { background: #e0e0e0; width: 1px; cursor: ew-resize; transition: .1s; transition-delay: .2s; border-left: 2px solid white; border-right: 2px solid white; }
.structSplitter:hover { padding-left: 3px; }

td.contentBodyTD { vertical-align: top; }
td.showAvatar { width: 80px; }
td.logout { width: 40px; cursor: pointer; text-align: center; }
td.logout > div { display: inline-block; }

#headerAvatar { margin-top: 2px; border-radius: 100%; height: 40px; width: 40px; background-size: cover; cursor: pointer; display: inline-block; }
div.headerAvatarImg { margin-top: 14px; }
div.headerAvatarImg span { color: #ffffff; line-height: 40px; font-size: 12px; }
div.slideOutAvatarImg span { color: #ffffff; line-height: 90px; font-size: 25px; }
div.dlgAvatarChooserImg span { color: #ffffff; line-height: 200px; font-size: 25px; }
img.headerAvatarImg { position: relative; top: 8px; left: 2px; }

div.chooserAvatarImg { text-align: center; line-height: 22px; }
div.chooserAvatarImg span { color: #ffffff; line-height: 22px; font-size: 12px; }

#assignmentCol { text-align: center; }

#hqAlertTable_filter, #suppressedAlertsTable_filter, #infoAlertsTable_filter,
#myAlertsTable_filter, #mySuppressedAlertsTable_filter, #myInfoAlerts_filter {display:none;}

div.headquartersTableContainer div.myHqHeader {display:none;}
div.headquartersTableContainer div.myAssigmentHeader {display:none;}
div.headquartersTableContainer div.myInfoAlertsHeader {display:none;}
div.headquartersTableContainer div.mySuppressedAlertsHeader {display:none;}

.headquarters td.assignedTo img { cursor: pointer; }
.headquarters td.assignedTo .chooserAvatarImg { cursor: pointer; }
.headquarters td.assignedTo .ffTimelineAvatar { cursor: pointer; }

#hqAlertTable th.assignmentCol { text-align: center; width: 70px; }
#hqAlertTable th.actionCol { text-align: center; width: 70px; }
#hqAlertTable td.actions { text-align: center; }
#hqAlertTable td.assignedTo { text-align: center; padding-top: 10px; padding-bottom: 6px; }
#hqAlertTable td.assignAlertLogbook { padding-top: 10px;}
#hqAlertTable div.chooserAvatarImg { text-align: center; cursor: pointer; }
#hqAlertTable div.chooserAvatarImg span { font-size: 12px; }
#hqAlertTable .ffConfirmBtn div.chooserAvatarImg span { font-size: 10px; }

#myAlertsTable th.assignmentCol { text-align: center; width: 70px; }
#myAlertsTable th.actionCol { text-align: center; width: 70px; }
#myAlertsTable td.actions { text-align: center; }
#myAlertsTable td.assignedTo { text-align: center; padding-top: 2px; padding-bottom: 6px; }
#myAlertsTable td.assignAlertLogbook { padding-top: 10px; }
#myAlertsTable div.chooserAvatarImg { text-align: center; cursor: pointer; }
#myAlertsTable div.chooserAvatarImg span { font-size: 12px; }
#myAlertsTable .ffConfirmBtn div.chooserAvatarImg span { font-size: 10px; }

#suppressedAlertsTable th.assignmentCol { text-align: center; width: 70px; }
#suppressedAlertsTable th.actionCol { text-align: center; width: 70px; }
#suppressedAlertsTable td.actions { text-align: center; }
#suppressedAlertsTable td.assignedTo { text-align: center; }
#suppressedAlertsTable td.assignedTo div.chooserAvatarImg { text-align: center; line-height: 40px;}
#suppressedAlertsTable td.assignedTo div.chooserAvatarImg span { font-size: 12px; }
#suppressedAlertsTable td.assignedTo .ffConfirmBtn div.chooserAvatarImg { line-height: 22px; }

#mySuppressedAlertsTable th.assignmentCol { text-align: center; width: 70px; }
#mySuppressedAlertsTable th.actionCol { text-align: center; width: 70px; }
#mySuppressedAlertsTable td.actions { text-align: center; }
#mySuppressedAlertsTable td.assignedTo { text-align: center; }
#mySuppressedAlertsTable td.assignedTo div.chooserAvatarImg { text-align: center; line-height: 40px;}
#mySuppressedAlertsTable td.assignedTo div.chooserAvatarImg span { font-size: 12px; }
#mySuppressedAlertsTable td.assignedTo .ffConfirmBtn div.chooserAvatarImg { line-height: 22px; }

#infoAlertsTable th.assignmentCol { text-align: center; width: 70px; }
#infoAlertsTable th.actionCol { text-align: center; width: 70px; }
#infoAlertsTable td.actions { text-align: center; }
#infoAlertsTable td.assignedTo { text-align: center; padding-top: 2px; padding-bottom: 6px; }
#infoAlertsTable td.assignedTo div.chooserAvatarImg { text-align: center; line-height: 40px;}
#infoAlertsTable td.assignedTo div.chooserAvatarImg span { font-size: 12px; }
#infoAlertsTable .ffConfirmBtn div.chooserAvatarImg span { font-size: 10px; }
#infoAlertsTable td.assignedTo .ffConfirmBtn div.chooserAvatarImg { line-height: 22px; }

#myInfoAlertsTable th.assignmentCol { text-align: center; width: 70px; }
#myInfoAlertsTable th.actionCol { text-align: center; width: 70px; }
#myInfoAlertsTable td.actions { text-align: center; }
#myInfoAlertsTable td.assignedTo { text-align: center; padding-top: 2px; padding-bottom: 6px; }
#myInfoAlertsTable td.assignedTo div.chooserAvatarImg { text-align: center; line-height: 40px;}
#myInfoAlertsTable td.assignedTo div.chooserAvatarImg span { font-size: 12px; }
#myInfoAlertsTable .ffConfirmBtn div.chooserAvatarImg span { font-size: 10px; }
#myInfoAlertsTable td.assignedTo .ffConfirmBtn div.chooserAvatarImg { line-height: 22px; }

table.hqTable div.chooserAvatarImg { text-align: center; line-height: 40px;}
table.hqTable div.chooserAvatarImg span { font-size: 12px; }

#assignmentsTable th.avatarCol { text-align: center; width:70px;}
#assignmentsTable td.ffAssigmentStatusIcon { padding-left: 6px; }
#assignmentsTable td.ffAssigmentStatusIcon div { top: -4px; }
#assignmentsTable td.editLogEventLogbook { text-align: center;}

#myAssignmentsTable th.avatarCol { text-align: center; width:70px;}
#myAssignmentsTable td.ffAssigmentStatusIcon { padding-left: 6px; }
#myAssignmentsTable td.ffAssigmentStatusIcon div { top: -4px; }
#myAssignmentsTable td.editLogEventLogbook { text-align: center;}

#slideoutTable { width: 100%; }
#slideoutAvatarTR { text-align: center; }
#slideoutSettingsTR { text-align: left; }

div.logout { padding-top: 0; padding-right: 5px; display: inline-block; cursor: pointer; }
div.logout i {  color: #606060; font-size: 18px; margin: 0 0 0 16px; position: relative; top: -3px; }

div.structSlideout { border-left: 2px #f0f0f0 solid; position: absolute; height: calc(100% - 60px); width: 250px; right: 0; z-index: 5; display: none; background-color: #f8f8f8; }

.iframeportal { position: absolute; height: 99.9%; width: 99.8%; border: none; }

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

    checkboxes

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

input[type="checkbox"] + label::before { content: ""; display: inline-block; height: 16px; width: 16px; border: 1px solid #e0e0e0; background-color: white; border-radius: 4px; }
input[type="checkbox"] + label::after { content: ""; display: inline-block; height: 18px; width: 18px; background-color: #0081c1; border-radius: 3px; background-image: url(../images/dot.png) !important; background-position: -1px -1px; }
input[type="checkbox"] + label { position: relative; cursor: pointer; }
input[type="checkbox"] + label::before, input[type="checkbox"] + label::after { position: absolute; }
input[type="checkbox"] + label::before { left: -20px; top: -1px; }
input[type="checkbox"] + label::after { left: -20px; top: -1px; }
input[type="checkbox"] + label::after { content: none; }
input[type="checkbox"]:checked + label::after { content: ""; }
input[type="checkbox"] + label { padding-left: 6px; }

table.ffEvents th input[type="checkbox"] + label::before { left: -18px; top: -4px; }
table.ffEvents th input[type="checkbox"] + label::after { left: -17px; top: -3px; }

table.ffEvents td input[type="checkbox"] { position: relative; top: -3px; opacity: 0; }
table.ffEvents td input[type="checkbox"] + label::before { left: -18px; top: -6px; }
table.ffEvents td input[type="checkbox"] + label::after { left: -17px; top: -5px; }

table.chooser td input[type="checkbox"] { position: relative; top: -3px; opacity: 0; }

input[type="checkbox"] + label::before, input[type="checkbox"] + label::after, input[type="checkbox"] + label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

input[type="checkbox"]:disabled + label::before { background: #d0d0d0; border-color: #d0d0d0; background-image: none !important; }
input[type="checkbox"]:disabled + label::after { background-color: #d0d0d0; border-color: #d0d0d0; background-image: none !important; }

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

    Status indicators

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

div.modtile { border-radius: 4px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 95px; }

.gridPanel table.modcurrentStatus { width: 100%; height: 100%; }
.gridPanel table.modcurrentStatus td { padding: 8px 4px; vertical-align: middle; }
.gridPanel table.modcurrentStatus td:first-child { padding-left: 8px; }
.gridPanel table.modcurrentStatus td:last-child { padding-right: 8px; }

.gridPanel div.modtile { min-width: 85px; width: 100%; height: 100%; display: table; vertical-align: middle; }
.gridPanel div.modtile div { display: table-cell; vertical-align: middle; }
.gridPanel div.modtile.LostContact { background-color: #ff0000; animation: shadow-pulse 2s infinite; }
.gridPanel div.modtile.Critical { background-color: #ff0000; border-color: #ff0000; }
.gridPanel div.modtile.Failure { background-color: #c05050; border-color: #c05050; }
.gridPanel div.modtile.Warning { background-color: #FFA900; border-color: #FFA900; }
.gridPanel div.modtile.Info { background-color: #03add0; border-color: #03add0; }
.gridPanel div.modtile.Unviewed { background-color: #639131; border-color: #639131; }
.gridPanel div.modtile.Paused { background-color: #c0c0c0; border-color: #c0c0c0; }
.gridPanel div.modtile.Success { background-color: #83ab51; border-color: #83ab51; }
.gridPanel div.modtile.Maintenance { background-color: #a0a0a0; border-color: #a0a0a0; }
.gridPanel div.modtile.Suppressed { background-color: #a0a0a0; border-color: #a0a0a0; }
.gridPanel div.modtile.Faded { background-color: #a0a0a0; border-color: #a0a0a0; animation: none; }
.gridPanel div.modpanelCount { padding: 5px 10px; text-align: left; color: white; }
.gridPanel div.modstatusTitle { font-size: 50%; font-weight: bold; color: white; text-align: left; white-space: normal; }

#statusIndicators { white-space: nowrap; position: relative; top: 4px; padding: 0 0 14px 5px; display: inline-block; }
#statusIndicators button:not(.deviceStatusdropbtn) { min-width: 40px; }
#statusIndicators button { cursor: pointer; }
#statusIndicators button.successStatus { background-color: #83ab51; }
#statusIndicators button.infoStatus { background-color: #03add0; }
#statusIndicators button.warningStatus { background-color: #FFA900; }
#statusIndicators button.failureStatus { background-color: #c05050; }
#statusIndicators button.criticalStatus { background-color: #ff0000; }
#statusIndicators button.pausedStatus { background-color: #a0a0a0; }
#statusIndicators button.lostContactStatus { background-color: #ff0000; animation: shadow-pulse 2s infinite; }  

#statusIndicators div.successStatus.dropdown-content td { background-color: #83ab51; }
#statusIndicators div.infoStatus.dropdown-content td { background-color: #83ab51; }
#statusIndicators div.warningStatus.dropdown-content td { background-color: #FFA900; }
#statusIndicators div.failureStatus.dropdown-content td { background-color: #c05050; }
#statusIndicators div.criticalStatus.dropdown-content td { background-color: #ff0000; }
#statusIndicators div.pausedStatus.dropdown-content td { background-color: #a0a0a0; }

#statusIndicators div.successStatus.dropdown-content tr:hover td { background-color: #6ebc79; }
#statusIndicators div.infoStatus.dropdown-content tr:hover td { background-color: #ffc24c; }
#statusIndicators div.warningStatus.dropdown-content tr:hover td { background-color: #ffc24c; }
#statusIndicators div.failureStatus.dropdown-content tr:hover td { background-color: #cc7c7c; }
#statusIndicators div.criticalStatus.dropdown-content tr:hover td { background-color: #ff4c4c; }
#statusIndicators div.pausedStatus.dropdown-content tr:hover td { background-color: #bcbcbc; }

#statusIndicators td.viewAll { text-align: center; }

/* Style The Dropdown Button */
.dropbtn { float: right; margin-right: 5px; margin-top: 3px; vertical-align: top; height: 32px; padding: 5px 8px; font-family: IBM-Plex-Sans, sans-serif; font-size: 12px; color: #e8e8e8; border: none; border-radius: 3px; }

.dropbtn.disabled { float: right; margin-right: 5px; vertical-align: central; padding: 5px 8px; font-size: 14px; color: #e8e8e8; cursor: default; border: none; border-radius: 3px; opacity: .2; }

.dropbtn:focus { outline: none; }

/* The container <div> - needed to position the dropdown content */
.dropdown { position: relative; display: inline-block; }

/* Dropdown Content */
.dropdown-content { display: none; position: absolute; z-index: 5; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); top: 28px; }

.dropdown-content table { border-collapse: collapse; display: block; cursor: default; }
.dropdown-content table td { border: none; white-space: nowrap; color: #e8e8e8; padding: 8px; }
.dropdown-content table td.itemName { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; padding-right: 5px; }
.dropdown-content table td.itemCount { text-align: right; white-space: nowrap; padding-left: 0; }

/* Collapsed header statusIndicator */
button.deviceStatusdropbtn { position: relative; display: inline-block; width: 24px; height: 24px; background-color: Transparent; background-repeat: no-repeat; border: none; cursor: pointer; overflow: hidden; outline: none; }
#indicatorImg { position: absolute; top: -12px; left: 6px; }
#indicatorCount { position: absolute; width: 22px; text-align: center; top: -3px; left: 12px; color: #ffffff; }
.deviceStatusdropdown-content { display: none; position: relative; z-index: 6; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); top: -1px; background: #a0a0a0; width: 90px; }

.deviceStatusdropdown-content table { border-collapse: collapse; display: block; cursor: default; }
.deviceStatusdropdown-content table tr.warning { background: #FFA900; }
.deviceStatusdropdown-content table tr.failure { background: #c05050; }
.deviceStatusdropdown-content table tr.critical { background: #ff0000; }
.deviceStatusdropdown-content table tr.paused { background: #a0a0a0; }

.deviceStatusdropdown-content tr.warning:hover td { background-color: #ffc24c; }
.deviceStatusdropdown-content tr.failure:hover td { background-color: #cc7c7c; }
.deviceStatusdropdown-content tr.critical:hover td { background-color: #ff4c4c; }
.deviceStatusdropdown-content tr.paused:hover td { background-color: #bcbcbc; }

.deviceStatusdropdown-content table td { border: none; white-space: nowrap; color: #e8e8e8; padding: 8px; }
.deviceStatusdropdown-content table td.itemName { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; padding-right: 5px; }
.deviceStatusdropdown-content table td.itemCount { text-align: right; white-space: nowrap; padding-left: 0; }

/* collapsed header avatar dropdown */
.avatarDropdown-content { display: none; position: relative; z-index: 6; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); top: 35px; background: #f0f0f0; width: 135px; }
.avatarDropdown-content table { border-collapse: collapse; display: block; cursor: default; }
.avatarDropdown-content table tbody { display: block; }
.avatarDropdown-content table tr { border-collapse: collapse; display: block; cursor: default; }
.avatarDropdown-content table td { border: none; white-space: nowrap; padding: 0; text-align: left; }
.avatarDropdown-content table td div { display: inline-block; vertical-align: middle; border-radius: 100%; width: 40px; height: 40px; padding: 0; background-repeat: no-repeat; background-position: top left; }
.avatarDropdown-content table tr:hover:not(.divider) { background: #a0a0a0; }

/* collapsed header eventAlerts dropdown */

div.eventAlertDiv { display: inline-block; cursor: default; height: 36px; margin-left: 6px; }
div.eventAlertDropbtn { display: inline-block; width: 30px; height: 24px; background-color: Transparent; background-repeat: no-repeat; border: none; overflow: hidden; outline: none; }
.eventAlertDropdown-content { display: none; position: absolute; z-index: 6; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2); background: #f8f8f8; top: 33px; left: 0; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; min-width: 395px; overflow-x:hidden; }
.eventAlertDropdown-content .circle { margin-left: 10px; margin-top: 5px; margin-bottom: 5px; }
.eventAlertDropdown-content .circle i { position: absolute; top: 9px; left: 8px; }
.eventAlertDropdown-content > div { display: flex; border-bottom: 1px solid #e0e0e0; }
.eventAlertDropdown-content > div:hover { background: #e0e0e0; }
.eventAlertDropdown-content .eventAlertIcon { width: 50px; padding: 8px 0; }
.eventAlertDropdown-content .eventAlertTime { margin-right: 14px; width: 100%; text-align: right; padding-top: 20px; font-size: 12px; }
.eventAlertDropdown-content .eventAlertDetails { line-height: 1.5; padding: 10px 0 0 16px; font-size: 12px; }
.eventAlertDropdown-content .eventAlertDetails span:first-child { font-weight: 500; }
.eventAlertDropdown-content .eventAlertLostSite { font-weight: 500; padding: 22px 0 0 6px; }
.eventAlertDropdown-content .eventAlertNone { font-weight: bold; padding: 15px 12px; }
.eventAlertDropdown-content .eventAlertDropdownFooter { display: block; margin-bottom: 10px; padding-top: 10px; border-bottom: 0; text-align: center; font-size: 12px; }
.eventAlertDropdown-content .eventAlertDropdownFooter:hover { background: initial; }
.eventAlertDropdown-content .eventAlertDropdownFooter.additionalAlerts { padding-bottom: 0; margin-bottom: 0; }

.eventAlertLostContact > table { table-layout: fixed; border-collapse: collapse; display: block; cursor: default; }
.eventAlertLostContact > table tbody { display: block; }
.eventAlertLostContact > table tr { border-collapse: collapse; display: block; cursor: default; }
.eventAlertLostContact > table tr:hover { background: #e0e0e0; }
.eventAlertLostContact > table td { padding: 1px 4px; }

#telemetryDropDownDiv { height: 36px; }
.telemetryDropdown-content { display: none; padding: 12px 10px; position: absolute; z-index: 6; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2); background: #f8f8f8; top: 33px; left: 0; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; min-width: 220px; overflow-x: hidden; }
.telemetryDropdown-content > div { padding: 8px 10px; }
.telemetryDropdown-content > div > div:first-child { font-weight: 500; padding-bottom: 3px; }
.telemetryDropdown-content > div > div.nonactive:last-child { color: #c02020; font-weight: 500; }
.telemetryDropdown-content > div > div.active:last-child { color: #20a020; font-weight: 500; }
.telemetryDropdown-content > div > div.error:last-child { color: #c05050; font-weight: 500; }
.telemetryDropdown-content > div:last-child { line-height: 1.8; }

#debuggerDropDownDiv { height: 36px; }
.debuggerDropdown-content { display: none; padding: 12px 10px; position: absolute; z-index: 6; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2); cursor: default; background: #f8f8f8; top: 33px; left: 0; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; min-width: 220px; overflow-x: hidden; }
.debuggerDropdown-content > div { padding: 3px 10px; }
.debuggerDropdown-content > div:first-child { font-weight: 500; }

#telemetryConnectionStatus.active { color: #20a020; font-weight: 500; }
#telemetryConnectionStatus.error { color: #c05050; font-weight: 500; }

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

    Header content

*****************************************************************************************/
div.bannerText {
    font-size: 11px;
    padding: 5px;
}

div.browserWarning { background: #f3e574; padding: 10px; }
#closeBrowserWarning { float: right; position: relative; top: -4px; }

table.structHeader { height: 50px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

table.structHeader td input { padding: 4px 6px; }

#sidebarExpanderDiv { display: inline-block; padding-left: 14px; width: 24px; }
#sidebarExpanderDiv img { position: relative; top: 7px; }

#sidebarExpanderDivIndex, #sidebarExpanderDivHQ { display:inline-block; padding-left: 15px; width: 24px; }
#sidebarExpanderDivIndex img, #sidebarExpanderDivHQ img { position: relative; top: 8px; left: -1px; }


#sidebarExpanderDiv input { width: 100%; }

table.searchResults th { padding: 6px 8px 4px 15px; }
table.searchResults td { padding: 6px 15px; }
table.searchResults i.ffIcon::before { display: inline-block; width: 16px; text-align: center; }

table.structHeader td > div { cursor: default; }

#logoutLock { width: 22px; padding: 4px; margin: 0 5px 2px 8px; border-radius: 3px; display: inline-block; position: relative; top: 6px; }
#logoutLock:hover { background: #f0f0f0; }

div.structTreeBodyContainer { overflow-y: auto; }
body.dashboard div.structTreeBodyContainer { height: 100%; }
div.structTreeBodyContainer::-webkit-scrollbar { width: 10px; height: 10px; background: #f0f0f0; }
div.structTreeBodyContainer::-webkit-scrollbar-thumb { background-color: #e0e0e0; }

div.structTreeBody { padding-left: 0; overflow: hidden; }

div.structTreeBody table td { cursor: pointer; }
div.structTreeBody table tr.selected { background: #d0e0ff; }
div.structTreeBody table { width: 100%; }
div.structTreeBody table th { text-align: left; }
div.structTreeBody table td { border: none; }
div.structTreeBody table td img { width: 16px; vertical-align: text-bottom; }
div.structTreeBody table td.itemName { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 75%; }
div.structTreeBody table td.itemName span { padding-left: 5px; }
div.structTreeBody table td.siteName { padding-right: 10px; text-align: left; white-space: nowrap; width: 25%; }

#structBarLeft > div { display: inline-block; }
#structBarRight > div { display: inline-block; }
#structBarRight > button { display: inline-block; }

.structBarLeft { float: left; height: 50px; padding-top: 8px; }
.structBarRight.collapsed .imgToolBox { width: 25px; }
.structBarRight.collapsed .imgToolBox > span { display: none; }
.structBarRight.collapsed .logout > .logout { display: none; }
.structBarRight.collapsed #statusIndicators { display: none; }

div.bannerLicenseMessageWarning { padding: 15px; background: #f8f8a0; clear: both; }
div.bannerLicenseMessageError { padding: 15px; background: #c05050; clear: both; color: white; }
div.bannerFailOverSleeping { padding: 15px; background: #f8f8e0; clear: both; }
div.bannerFailOverActive { padding: 15px; background: #f8e0e0; clear: both; }

.settingsPageContainer { padding: 15px 8px 20px 8px; }

#ticketsIcon i { cursor: pointer; }
#ticketsIcon span.ticketCount { opacity: 0; position: relative; background-color: #f06060; color: #fff; border-radius: 100%; top: -14px; left: -5px; padding: 2px 5px 2px 5px; font-size: 9px; }
#ticketsIcon i:before { position: relative; bottom: 4px; font-size: 1.3em; color:#606060; margin-left: 16px; }

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

    Footer content

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

#footerContactDetails, #footerLicenseDetails { font-size: 11px; text-align: left; }
#footerLicenseDetails { padding: 10px 0 0 15px; }
#footerContactDetails { padding: 2px 0 10px 15px; }
#footerContactDetails a { text-decoration: none; }

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

    Page content styles

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

div.pageContent { display: none; overflow-y: auto; clear: both; padding-bottom: 140px; }

div.pageContent.dashboard { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgb(240, 240, 240); height: calc(100% - 60px); width: 100%; overflow: auto; padding-bottom: 0; }

@supports (-ms-ime-align: auto) { div.pageContent { height: auto; } }

#pageContainer { display: none; height: 100%; }

div.contentHeader { color: #404040; display: none; }
#contentHeaderDescription { display: inline; }
div.contentTitles { display: inline-block; }

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

    ffTabBar

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

div.ffTabBar { display: flex; background: white; }
div.ffTabBar > div { vertical-align: bottom; user-select: none; }
div.ffTabBar > div.tab { font-size: 13px; color: #606060; padding: 10px 20px; white-space: nowrap; border-radius: 4px 4px 0 0; border: 1px solid transparent; border-bottom: 1px solid #e0e0e0; cursor: pointer; text-align: center; }
div.ffTabBar > div.tab:hover { color: #606060; border: 1px solid #e0e0e0; background: white; }
div.ffTabBar > div.tab.selected { border: 1px solid #e0e0e0; border-bottom: 1px solid white; color: black; font-weight: 500; }
div.ffTabBar > div.tabSpace { min-width: 18px; border-bottom: 1px solid #e0e0e0; }
div.ffTabBar > div.tabEnd { width: 100%; border-bottom: 1px solid #e0e0e0; }

div.ffTabBar.white { display: flex; background: #ffffff; }
div.ffTabBar.white > div.tab:not(.selected) { border: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; }

div.tabPage { display: none; padding: 18px 6px; }
div.tabPage#siteEvents { padding: 0 0 10px 0; margin: 18px 16px; overflow-x: auto; }
div.tabPage#siteGroup { padding: 0; margin: 0 16px 18px 16px; border: 1px solid #e0e0e0; border-top: 0; border-bottom: 0; border-radius: 3px; }
div.tabPage#siteLogBook { padding: 0; margin: 18px 16px; border: 1px solid #e0e0e0; border-top: 0; border-right: 0; border-bottom: 0; border-radius: 3px; }
div.tabPage#siteSpreadsheet { padding: 0 10px 10px 10px; }  
div.tabPage#deviceGroup { padding: 0 16px 20px 16px; }
div.tabPage#deviceHistory { padding: 20px 16px; }
div.tabPage#deviceGraphs { padding: 20px 16px; }
div.tabPage#interfaces { padding: 20px 16px; }
div.tabPage#vms { padding: 20px 16px; }
div.tabPage#tickets { padding: 20px 16px; }
div.tabPage#vulnerabilities { padding: 20px 16px; }
div.tabPage#recommendations { padding: 20px 16px; }
div.tabPage#managedApps { padding: 20px 16px; }
div.tabPage#services { padding: 20px 16px; }
div.tabPage#processes { padding: 20px 16px; }
div.tabPage#eventLogs { padding: 20px 16px; }
div.tabPage#deviceSpreadsheet { padding: 0 10px 10px 10px; }
div.tabPage#monitorStatus { padding: 20px 6px; }
div.tabPage#monitorGroup { padding: 0; margin: 0 16px 18px 16px; border: 1px solid #e0e0e0; border-top: 0; border-radius: 3px; }
div.tabPage#monitorHistory { padding: 20px 16px; border-radius: 3px; border-right: 1px solid #e0e0e0; }
div.tabPage#monitorGraphs { padding: 0; margin: 20px 16px; border: 1px solid #e0e0e0; border-bottom: 0; border-radius: 3px; }
div.tabPage#monitorLogBook { padding: 0; margin: 20px 16px; border-radius: 3px; }
div.tabPage#monitorSpreadsheet { padding: 0 10px 10px 10px; }
div.tabPage#reportGroup { padding: 0 16px 20px 16px; }

div.ffTabBar > div.status { text-align: right; padding-right: 6px; display: none; }

#tabServices, #tabProcesses, #tabEventLogs, #tabVms, #tabInventory, #tabInterfaces, #tabUpdates { display: none; }

.tabPageSection { border-top: 1px solid #e0e0e0; background: white; padding: 25px 18px 18px 18px; margin: 0 10px 20px 10px; border: 1px solid #e0e0e0; border-radius: 3px; overflow-x: auto; }
.tabPageSection::before { content: ""; text-transform: uppercase; letter-spacing: .5px; font-weight: 500; font-size: 11px; position: relative; top: -10px; left: -10px; padding: 10px 10px 4px 10px; color: #606060; background: white; white-space: nowrap; }

.tabPageSubsection { border-top: 1px solid #e0e0e0; background: white; padding: 25px 12px 12px 18px; margin: 0 10px 20px 10px; border: 1px solid #e0e0e0; border-radius: 4px; overflow-x: hidden; }
.tabPageSubsection::before { content: "Subsection"; text-transform: uppercase; letter-spacing: .5px; font-weight: 500; font-size: 11px; position: relative; top: -10px; left: -10px; padding: 10px 10px 4px 10px; color: #606060; background: white; }

.tabPageSection.title-active-notifications::before { content: "Active Notifications"; }
.tabPageSection.title-attached-device::before { content: "Attached Device"; }
.tabPageSection.title-attached-devices::before { content: "Attached Devices"; }
.tabPageSection.title-authentication::before { content: "Authentication:"; }
.tabPageSection.title-authentication-profiles::before { content: "Authentication Profiles"; }
.tabPageSection.title-awsNetworking::before { content: "Networking"; }
.tabPageSection.title-awsOverview::before { content: "Overview"; }
.tabPageSection.title-awsSecurity::before { content: "Security"; }
.tabPageSection.title-awsStorage::before { content: "Storage"; }
.tabPageSection.title-awsTags::before { content: "Tags"; }
.tabPageSection.title-awsUpdated::before { content: "AWS Instance Details"; }
.tabPageSection.title-azureDataDisks::before { content: "Data Disks"; }
.tabPageSection.title-azureOverview::before { content: "Overview"; }
.tabPageSection.title-azureOsProfile::before { content: "OS Profile"; }
.tabPageSection.title-azureNetworkProfile::before { content: "Network Profile"; }
.tabPageSection.title-azureStorageImage::before { content: "Image"; }
.tabPageSection.title-azureStorageOsDisk::before { content: "OS Disk"; }
.tabPageSection.title-azureStorageProfile::before { content: "Storage Profile"; }
.tabPageSection.title-azureTags::before { content: "Tags"; }
.tabPageSection.title-azureUpdated::before { content: "Azure Virtual Machine Details"; }
.tabPageSection.title-compliant::before { content: "compliant"; }
.tabPageSection.title-dashboard-options::before { content: "Dashboard Options"; }
.tabPageSection.title-data-points::before { content: "Data Points"; }
.tabPageSection.title-data-retention::before { content: "Data Retention"; }
.tabPageSection.title-date-format::before { content: "Date Format"; }
.tabPageSection.title-defender-intune::before { content: "Microsoft Defender & Intune"; }
.tabPageSection.title-defender-recommendations::before { content: "Recommendations"; }
.tabPageSection.title-defender-status::before { content: "Defender Status"; }
.tabPageSection.title-defender-vulnerabilities::before { content: "Vulnerabilities"; }
.tabPageSection.title-dependencies::before { content: "Dependencies"; }
.tabPageSection.title-devices::before { content: "Devices"; }
.tabPageSection.title-device-finder::before { content: "Device Finder"; }
.tabPageSection.title-device-tags::before { content: "Device Tags"; }
.tabPageSection.title-device-typeAndHosting::before { content: "Type and Hosting"; }
.tabPageSection.title-device-notes::before { content: "Notes"; }
.tabPageSection.title-device-widgets::before { content: "Device Widgets"; }
.tabPageSection.title-download-api::before { content: "Download API"; }
.tabPageSection.title-download-remote-node::before { content: "Download Remote Note"; }
.tabPageSection.title-download-taskbar-notifier::before { content: "Download Taskbar Notifier"; }
.tabPageSection.title-distribution-lists::before { content: "Distribution Lists"; }
.tabPageSection.title-event-monitors::before { content: "Event Monitors"; }
.tabPageSection.title-encrypted::before { content: "Encrypted"; }
.tabPageSection.title-event-monitor-queue::before { content: "Event Monitor Queue"; }
.tabPageSection.title-event-grouping::before { content: "Event Grouping"; }
.tabPageSection.title-export-list::before { content: "Export List"; }
.tabPageSection.title-export-options::before { content: "Export Options"; }
.tabPageSection.title-export-now::before { content: "Export Now"; }
.tabPageSection.title-exposure-level::before { content: "Exposure Level"; }
.tabPageSection.title-failover-settings::before { content: "Failover Settings"; }
.tabPageSection.title-general-settings::before { content: "General Settings"; }
.tabPageSection.title-groups::before { content: "Groups"; }
.tabPageSection.title-google-maps-settings::before { content: "Google Maps Settings"; }
.tabPageSection.title-hardware-inventory::before { content: "Hardware Inventory"; }
.tabPageSection.title-holidays::before { content: "Holidays"; }
.tabPageSection.title-installation-url::before { content: "Installation URL"; }
.tabPageSection.title-integration-settings::before { content: "Integration Settings"; }
.tabPageSection.title-interface-graphs::before { content: "Interface Graphs"; }
.tabPageSection.title-intune-inventory::before { content: "Microsoft Intune Inventory"; }
.tabPageSection.title-inventory::before { content: "Inventory"; }
.tabPageSection.title-last-contact::before { content: "Last Contact"; }
.tabPageSection.title-log-viewer::before { content: "Log Viewer"; }
.tabPageSection.title-login-security::before { content: "Login Security"; }
.tabPageSection.title-login-security-standard-and-integrated::before { content: "Standard and Windows-Integrated"; }
.tabPageSection.title-login-security-ad::before { content: "Active Directory"; }
.tabPageSection.title-login-security-saml::before { content: "SAML"; }
.tabPageSection.title-logging::before { content: "Logging"; }
.tabPageSection.title-lost-contact-notifications::before { content: "Lost Contact Notifications"; }
.tabPageSection.title-lost-contact-notifications-licensing::before { content: "Licensing Server Lost Contact"; }
.tabPageSection.title-lost-contact-notifications-master-in-failover::before { content: "Master Console Failover"; }
.tabPageSection.title-lost-contact-notifications-remote-node-lost-contact::before { content: "Remote Node Lost Contact"; }
.tabPageSection.title-lost-contact-notifications-remote-node-in-failover::before { content: "Remote Node Failover "; }
.tabPageSection.title-lost-contact-notifications-recipients::before { content: "Recipients"; }
.tabPageSection.title-maintenance-windows::before { content: "Maintenance Window Profiles"; }
.tabPageSection.title-mapquest-settings::before { content: "MapQuest Settings"; }
.tabPageSection.title-monitor-options::before { content: "Event Monitor Options"; }
.tabPageSection.title-monitor-tags::before { content: "Monitor Tags"; }
.tabPageSection.title-name::before { content: "Name and Description"; }
.tabPageSection.title-network-devices::before { content: "Network Devices"; }
.tabPageSection.title-none::before { content: "";  }
.tabPageSection.title-none { content: ""; padding-top: 0; }
.tabPageSection.title-notifications::before { content: "Notifications and Actions"; }
.tabPageSection.title-notification-profiles::before { content: "Notification Profiles"; }
.tabPageSection.title-options::before { content: "Options"; }
.tabPageSection.title-outgoing-mail-server::before { content: "Outgoing Mail Servers"; }
.tabPageSection.title-pagerduty-settings::before { content: "PagerDuty Settings"; }
.tabPageSection.title-powershell-repo::before { content: "PowerShell Repository"; }
.tabPageSection.title-registered::before { content: "Registered"; }
.tabPageSection.title-risk-level::before { content: "Risk Level"; }
.tabPageSection.title-save-changes::before { content: "Save Changes"; }
.tabPageSection.title-schedule::before { content: "Schedule"; }
.tabPageSection.title-settings::before { content: "Settings"; }
.tabPageSection.title-site-notes::before { content: "Site Notes"; }
.tabPageSection.title-site-settings::before { content: "Site Settings"; }
.tabPageSection.title-slack-settings::before { content: "Slack Settings"; }
.tabPageSection.title-teams-settings::before { content: "Microsoft Teams Settings"; }
.tabPageSection.title-teams-profiles::before { content: "Connector Profiles"; }
.tabPageSection.title-slideshow-options::before { content: "Slideshow Profiles"; }
.tabPageSection.title-template-options::before { content: "Templates"; }
.tabPageSection.title-snmp-browser::before { content: "SNMP Browser"; }
.tabPageSection.title-snmp-mib-manager::before { content: "SNMP MIB Manager"; }
.tabPageSection.title-snmp-profiles::before { content: "SNMP Profiles"; }
.tabPageSection.title-snmp-mappings::before { content: "SNMP Mappings"; }
.tabPageSection.title-software-inventory::before { content: "Software Inventory"; }
.tabPageSection.title-updates-installed::before { content: "Updates"; }
.tabPageSection.title-updates-installed-latest::before { content: "Last Update Transaction"; }
.tabPageSection.title-updates-installed-defender::before { content: "Windows Defender Updates (Last 90 Days)"; }
.tabPageSection.title-sql-mirroring::before { content: "SQL Mirroring Settings"; }
.tabPageSection.title-status::before { content: "Status"; }
.tabPageSection.title-status-graphs::before { content: "Status Graphs"; }
.tabPageSection.title-syslog-filtering::before { content: "Syslog Filtering"; }
.tabPageSection.title-tags-notes::before { content: "Tags and Notes"; }
.tabPageSection.title-tags::before { content: "Tags"; }
.tabPageSection.title-telemetry::before { content: "Telemetry"; }
.tabPageSection.title-telemetry-availability-alerts::before { content: "Telemetry Availability Alerts"; }
.tabPageSection.title-telemetry-voice-settings::before { content: "Telemetry Voice Settings"; }
.tabPageSection.title-templates::before { content: "Templates"; }
.tabPageSection.title-tips::before { content: "Tips"; }
.tabPageSection.title-ui-settings::before { content: "User Interface Settings"; }
.tabPageSection.title-updates::before { content: "Details"; }
.tabPageSection.title-users::before { content: "Users"; }
.tabPageSection.title-vulnerabilties::before { content: "Vulnerabilities"; }
.tabPageSection.title-vmwareGeneralInfo::before { content: "General Information"; }
.tabPageSection.title-vmwareHardware::before { content: "Hardware Configuration"; }
.tabPageSection.title-vmwareOverview::before { content: "Overview"; }
.tabPageSection.title-vmwareStorage::before { content: "Storage"; }
.tabPageSection.title-vmwareUpdated::before { content: "VMware Guest Details"; }
.tabPageSection.title-widgets::before { content: "Widgets"; }
.tabPageSection.title-customTicketFields::before { content: "Custom Ticket Fields"; }

.tabPageSubsection.title-azureOsLinuxSshPubKeys::before { content: "SSH Linux Public Keys"; }
.tabPageSubsection.title-azureOsWindowsRms::before { content: "Windows RM Listeners"; }
.tabPageSubsection.title-azureNetworkInterface::before { content: "Network Interface";}

.tabPageSection.title-monitor-specific { padding-top: 10px; padding-bottom: 20px; }
.tabPageSection.title-monitor-specific::before { content: ""; padding: 0; }

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

    ffLogbook

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

.ffLogbook { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor:pointer; background-image: none; white-space: nowrap; font-size: 13px; line-height: 1.538462; position: relative; top: 2px; }

table.ffDataTable span.ffLogbookEvent { cursor: pointer; }
table.ffDataTable span.ffLogbookEvent i { font-size: 14px; color: #808080; transition: all 0.2s; position: relative; top: 1px; }
table.ffEvents span.ffLogbookEvent i { font-size: 14px; color: #808080; transition: all 0.2s; position: relative; top: 1px; }

div.imgDefaultLogbook { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: 1px; width: 20px; height: 20px; }
div.imgDefaultLogbook::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f46c"; font-size: 16px; font-weight: 600; }

span.ffLogbook > div { display: inline-block; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: default !important; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 0; border-radius: 3px; user-select: none; min-width: 90px; }

div.logBookOpen { background-color: #6faf00; border-color: #6faf00; color: #ffffff; }
div.logBookOpen::before { content: "Open"; }

div.logBookInProgress { background-color: #2d7f00; border-color: #2d7f00; color: #ffffff; }
div.logBookInProgress::before { content: "In Progress"; }

div.logBookClosed { background-color: #808080; border-color: #707070; color: #ffffff; }
div.logBookClosed::before { content: "Closed"; }

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

    Navigation tree icons

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

span.treePaused .dynatree-expander::after,
span.navTreeSite .dynatree-expander::after,
span.navTreeSite .dynatree-connector::after,
span.navTreeFolder .dynatree-expander::after,
span.navTreeFolder .dynatree-connector::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f07c"; font-size: 14px; line-height: 1; font-weight: 600; position: relative; top: 0px; left: -3px; padding-left: 24px; display: inline-block; text-align: center; width: 20px; height: 20px; }

span.treePaused .dynatree-expander::after { color: #a0a0a0; }

span.navTreeSite .dynatree-expander::after,
span.navTreeSite .dynatree-connector::after,
span.navTreeSite .dynatree-expander::after { font-size: 18px; }

span.treePaused .dynatree-expander::after { content: "\f04c"; font-size: 16px; }

span.navTreeSite .dynatree-expander::after,
span.navTreeSite .dynatree-connector::after { content: "\f57d"; font-size: 17px; }

span.navTreeSite .dynatree-connector + a { margin-left: 32px; }

span.navTreeFolder.treeRoot .dynatree-expander::after { display: none; }

span.navTreeDashboard a.dynatree-title::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f3fd"; font-size: 16px; font-weight: 600; line-height: 1; position: relative; top: 2px; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }
span.navTreePersonalDashboard a.dynatree-title::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f736"; font-size: 16px; font-weight: 600; line-height: 1; position: relative; top: 0px; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }
span.navTreePersonalDashboardAnotherUser a.dynatree-title::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f334"; font-size: 16px; font-weight: 600; line-height: 1; position: relative; top: 0px; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }

span.navTreeTemplate a.dynatree-title::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f62d"; font-size: 16px; font-weight: 600; line-height: 1; position: relative; top: 2px; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }

/* Hide status icon of site groups in some parts of the UI */
body.dashboard span.dynatree-folder.navTreeSite span[class^='ffTree'] { display: none; }
body.tickets span.dynatree-folder.navTreeSite span[class^='ffTree'] { display: none; }
body.reports span.dynatree-folder.navTreeSite span[class^='ffTree'] { display: none; }

span.navTreeEvents::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f03a"; font-size: 16px; font-weight: 400; position: relative; top: -3px; left: 1.2rem; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }
span.navTreeReport::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f56c"; font-size: 16px; font-weight: 600; position: relative; top: -3px; left: 1.2rem; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }
span.navTreeHelp::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f02d"; font-size: 16px; font-weight: 600; position: relative; top: -3px; left: 1.2rem; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }

/* was f022 */
span.navTreeView::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f0ce"; font-size: 16px; font-weight: 300; position: relative; top: -3px; left: 1.2rem; margin-right: 10px; display: inline-block; text-align: center; width: 20px; height: 20px; }

span.navTreeLogBook::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f328"; font-size: 16px; font-weight: 600; position: relative; top: -3px; left: 1.2rem; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }
span.navTreeSearch::before { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f002"; font-size: 16px; font-weight: 600; position: relative; top: -3px; left: 1.2rem; margin-right: 8px; display: inline-block; text-align: center; width: 20px; height: 20px; }


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

    ffTimeline

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

#ffTimelineContainer { width: 465px; max-height: 300px;  overflow-y: auto; overflow-x: hidden; border-top: 1px solid #c0c0c0; }
table.ffTimeline td.entryInfo { text-align: center; width: 32px; line-height: .9; }
table.ffTimeline td.entryDetails {white-space: nowrap; vertical-align: top; padding: 0 0 0 8px; font-weight: bold; }
table.ffTimeline tr.custom td.entryDetails { width: 345px; overflow: hidden; display: inline-block; text-overflow: ellipsis; }
table.ffTimeline td.entryDetailsUser { padding-top: 4px; }
div.ffTimelineAvatar {display: inline-block; text-align: center; border-radius:100%; width: 40px; height: 40px; line-height: 40px; color: #ffffff;}
img.ffTimelineAvatar {border-radius: 100%; height: 40px; width:40px;}

table.ffTimeline div.entryDetailsDate { color: #808080; padding-top: 2px; font-size: 11px; font-weight: normal; }
table.ffTimeline div.ffTimelineConnector { padding-top: 2px; }
table.ffTimeline div.ffTimelineConnector i { font-size: .9rem; }
table.ffTimeline div.ffTimelineConnector i:before { color: #e0e0e0; }
table.ffTimeline td.entryDetailsUser span {padding:0 0 0 8px;}
div.ffTimelineFooter {text-align: right; padding-top:10px;}

table.ffTimeline div.ffTimelineIcon, table.ffTimeline img.ffTimelineIcon {padding: 0 0 0 0;}
table.ffTimeline img.ffTimelineIcon {display: inline-block; position: relative; top: 0; left: -1px; height: 20px; }

div.ffTimelineIcon.logCreated { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: -1px; height: 20px; }
div.ffTimelineIcon.logCreated::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f005"; font-size: 16px; font-weight: 300; }

div.ffTimelineIcon.titleChange { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: -1px; height: 20px; }
div.ffTimelineIcon.titleChange::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f044"; font-size: 16px; font-weight: 300; }

div.ffTimelineIcon.priorityChange { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: -1px; height: 20px; }
div.ffTimelineIcon.priorityChange::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f883"; font-size: 16px; font-weight: 300; }

div.ffTimelineIcon.dateChange { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: -1px; height: 20px; }
div.ffTimelineIcon.dateChange::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f333"; font-size: 16px; font-weight: 300; }

div.ffTimelineIcon.assignedToChange, div.ffTimelineIcon div.enteredByChange { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: 0; width: 20px; height: 20px; }
div.ffTimelineIcon.assignedToChange::after, div.ffTimelineIcon div.enteredByChange::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f4ff"; font-size: 16px; font-weight: 300; }

div.ffTimelineIcon.deviceChange { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: -1px; height: 20px; }
div.ffTimelineIcon.deviceChange::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f233"; font-size: 16px; font-weight: 300; }

div.ffTimelineIcon.monitorChange { display: inline-block; padding: 0 8px 0 8px; position: relative; top: 0; left: -1px; height: 20px; }
div.ffTimelineIcon.monitorChange::after { color: #606060; font-family: "Font Awesome 5 Pro"; content: "\f013"; font-size: 16px; font-weight: 300; }

div.ffTimelineMsg { display:inline-block; vertical-align: middle; width: 280px; overflow: hidden; text-overflow: ellipsis; padding-top: 5px; font-weight: bold; }

div.entryActionsContainer { white-space: nowrap; vertical-align: top;}
div.entryActionsContainer span.ffMiniButton { display:none; }

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

    Tool bar buttons

*****************************************************************************************/
div.toolbar { display: none; white-space: nowrap; overflow: hidden; }
div.selectionToolbar { display: none; margin-right: 8px; }
div.tabToolbar { display: none; opacity: 0; margin-right: 8px; }
div.divider { display: inline-block; }
div.toolbar button { margin: 0 2px; width: 32px; height: 30px; background: transparent; border-radius: 4px; padding: 3px; border: none; outline: 0; display: inline-block; }
div.toolbar button:hover { background: #f0f0f0; }
div.selectionToolbar div.divider { width: 5px; height: 29px; margin-left: 8px; background: #e0e0e0; }
div.toolbar div.divider { width: 5px; height: 29px; margin: 0 4px; background: #e0e0e0; }
div.toolbar button div { width: 30px; height: 30px; padding: 0; background-repeat: no-repeat; background-position: top left; }

li.context-menu-item span:before { font-family: 'Font Awesome 5 Pro' !important; font-weight: bold !important; padding-right:10px !important; }

li.context-menu-icon-export span:before { content: "\f56e"; }
li.context-menu-icon-import span:before { content: "\f56f"; }
li.context-menu-icon-collapse span:before { content: "\f07b"; }
li.context-menu-icon-expand span:before { content: "\f802"; }
li.context-menu-icon-newTab span:before { content: "\f37e"; }
li.context-menu-icon-saveTemplate span:before { content: "\f62d"; }

li.context-menu-icon-gotoStatus span:before { content: "\f5f8"; }
li.context-menu-icon-gotoHistory span:before { content: "\f03a"; }
li.context-menu-icon-gotoGraphs span:before { content: "\f1fe"; }
li.context-menu-icon-gotoTickets span:before { content: "\f328"; }
li.context-menu-icon-gotoSettings span:before { content: "\f1de"; }
li.context-menu-icon-copyToClipboard span:before { content: "\f0c5"; }

li.context-menu-icon-gotoSite span:before { content: "\f57d"; }
li.context-menu-icon-properties span:before { content: "\f1de"; }
li.context-menu-icon-setOwner span:before { content: "\f007"; }

span.statusMessage { cursor: default; }

/* Site Toolbar when selected */
tr.selectedResume div:before { content: "\f04b"; }
tr.selectedMove div:before, li.context-menu-icon-move span:before { content: "\f062"; }
tr.selectedRemove div:before { content: "\f00d"; }
tr.selectedMarkDirty div:before { content: "\f362"; }
tr.selectedSetAuth div:before { content: "\f084"; }
tr.selectedSetNotification div:before, li.context-menu-icon-setNotification span:before { content: "\f74c"; }

/* Normal Site Toolbar */
tr.refresh div:before { content: "\f2f1"; }
tr.pause div:before, li.context-menu-icon-pause span:before { content: "\f04c"; }
tr.addSite div:before, li.context-menu-icon-addSite span:before { content: "\f3c5"; }
tr.addSubgroup div:before, li.context-menu-icon-addSubgroup span:before { content: "\f65e"; }
tr.rename div:before, li.context-menu-icon-rename span:before { content: "\f044"; }
tr.resume div:before, li.context-menu-icon-resume span:before { content: "\f04b"; }
tr.remove div:before, li.context-menu-icon-remove span:before { content: "\f2ed"; }
tr.markDirty div:before, li.context-menu-icon-sync span:before { content: "\f362"; }

/* Sites Event Selection */
tr.removeEvents div:before { content: "\f00d"; }
tr.selectedAddTicket div:before { content: "\f249"; }
tr.selectedEdit div:before { content: "\f044"; }
tr.selectedRemove div:before { content: "\f044"; }

/* Site Toolbar */
tr.refresh div:before { content: "\f2f1"; }
tr.addLogbook div:before { content: "\f249"; }
tr.removeAllEvents div:before { content: "\f00d"; }
tr.pauseSite div:before { content: "\f04c"; }
tr.resumeSite div:before { content: "\f04b"; }
tr.removeSite div:before { content: "\f2ed"; }
tr.markDirty div:before { content: "\f362"; }
tr.refreshServices div:before { content: "\f2f1"; }
tr.selectedStopServices div:before { content: "\f28d"; }
tr.selectedStartServices div:before { content: "\f144"; }
tr.selectedRestartServices div:before { content: "\f192"; }
tr.selectedRestartServices div:before { content: "\f2f9"; }
tr.refreshProcesses div:before { content: "\f2f1"; }
tr.selectedTerminate div:before { content: "\f05e"; }
tr.refreshEventLogs div:before { content: "\f2f1"; }
tr.refreshVms div:before { content: "\f2f1"; }
tr.refreshInterfaces div:before { content: "\f079"; }
tr.chooseColumns div:before { content: "\f0b0"; }
tr.selectedVmsStart div:before { content: "\f04b"; }
tr.selectedVmsShutdown div:before { content: "\f04d"; }
tr.selectedVmsShutdown div:before { content: "\f04d"; }
tr.selectedVmsTurnOff div:before { content: "\f011"; }
tr.selectedVmsSave div:before { content: "\f0c7"; }
tr.selectedVmsPause div:before { content: "\f04c"; }
tr.selectedVmsReboot div:before { content: "\f2f9"; }
tr.selectedMarkEventsViewed div:before { content: "\f00c"; }
tr.selectedMarkEventsUnviewed div:before { content: "\f15c"; }
tr.selectedRemoveEvents div:before { content: "\f00d"; }
tr.selectedAddLogbook div:before { content: "\f249"; }
tr.monitorSettingsToolbar.testNow div:before { content: "\f0c3"; }
tr.monitorSettingsToolbar.saveAndRunNow div:before { content: "\f04b"; }

/* Editing Dashboard Toolbar */
tr.saveChanges div:before { content: "\f044"; }
tr.revertChanges div:before { content: "\f2ea"; }
tr.lockPanels div:before { content: "\f30d"; }
tr.unlockPanels div:before { content: "\f3c2"; }

#accountSettings div { background-image: url('../images/users24.png'); margin-top: 3px; }
tr.divider div { background-image: url('../images/divider.png'); }

/* Headquarters Action Toolbar */
tr.applyFilter div:before { content: "\f0b0"; }
tr.removeFilter div:before { content: "\f057"; }

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

    Sites

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

#siteGroupTable i.fas.fa-folder-open:before { font-size: 16px; color: #606060; }
#siteGroupTable i.fas.globe-americas { font-size: 14px; }

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

    Devices

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

#deviceGroupTable i { font-size: 19px; margin-top: 4px; color: #606060; }
#deviceGroupTable img { margin-top: 5px; }
#deviceGroupTable div.imgDevice { margin-top: 4px; }
#deviceGroupTable i::before { display: inline-block; width: 16px; text-align: center; }
#deviceGroupTable td { white-space: nowrap; padding: 8px 5px 8px 10px; }
#deviceGroupTable tr:last-child td { border-bottom: 0 }

div.widgetContainer { width: 100%; display: flex; flex-wrap: wrap; overflow: hidden; }
div.widgetContainer > div { background: #f8f8f8; margin-right: 10px; margin-bottom: 6px; color: #404040; cursor: pointer; border-radius: 4px; }
div.widgetContainer > div.widgetDataPoint table { width: 100%; }
div.widgetContainer > div.widgetDataPoint tr:first-child td { height: 100px; white-space: nowrap; }
div.widgetContainer > div.widgetDataPoint tr td { text-align: center; }
div.widgetContainer div.widgetTile { position: relative; border-radius: 4px; border: 1px solid #e0e0e0; height: 95px; min-width: 95px; text-align: center; padding: 0px 12px;  }
div.widgetContainer div.widgetTile i { font-size: 44px; color: #404040; padding-top: 18px;  }
div.widgetContainer div.widgetDataPointValue.gauge { width: 95px; height: 85px; vertical-align: top; text-align: center; display: inline-block; }
div.widgetContainer div.widgetDataPointValue.gauge > div { display: inline-block; }
div.widgetContainer div.widgetDataPointValue.value { display: inline-block; height: 94px; vertical-align: top; }
div.widgetContainer div.widgetDataPointValue.image { display: inline-block; width: 95px; height: 94px; vertical-align: top; background-repeat: no-repeat; background-position: top 16px left 50%; }
div.widgetContainer div.widgetDataPointOverlay { position: absolute; top: 0; left: 0; display: inline-block; width: 95px; height: 94px; background: #f8f8f8; opacity: .5; z-index: 5; }
div.widgetContainer div.widgetStatusOverlay { position: absolute; top: 0; left: 0; display: inline-block; width: 85px; height: 95px; background: #f8f8f8; opacity: .5; z-index: 5; }
div.widgetContainer div.widgetDataPointTitle { white-space: nowrap; position: relative; top: -40px; width: 100%; display: block; font: 12px IBM-Plex-Sans; text-align: center; padding-top: 4px; overflow: hidden; text-overflow: ellipsis; }
div.widgetContainer div.widgetDataPointTitleGauge { white-space: nowrap; position: absolute; left: 0; top: 70px; width: 90px; margin-left: 5px; display: block; font: 12px IBM-Plex-Sans; text-align: center; padding: 4px 0 0 0; overflow: hidden; text-overflow: ellipsis; }
div [id^="widgetGraph"] { display: none; width: 150px; height: 94px; }

div.widgetTagContainer { display: inline-block; width: 100%; margin-top: 5px; }
div.widgetTagContainer > div.widgetTag { display: inline-block; width: auto; border: 1px solid #e0e0e0; background: #f8f8f8; margin-right: 10px; margin-bottom: 10px; color: #404040; padding: 8px 10px 6px 10px; border-radius: 3px; }
div.widgetTagContainer > div.widgetTag i { margin-right: 6px; color: #606060; display: none; }

div.widgetContainer.status { display: flex; flex-wrap: nowrap; height: 95px; }
div.widgetContainer.status > div { flex: 1; min-width: 85px; }
div.widgetContainer div.widgetStatusTile { position: relative; min-width: 85px; width: 100%; height: 100%; display: table; vertical-align: middle; border-radius: 4px; cursor: default; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
div.widgetContainer div.widgetStatusTile div { display: table-cell; vertical-align: middle; }
div.widgetContainer div.widgetStatusTile.critical { background-color: #ff0000; border-color: #ff0000; }
div.widgetContainer div.widgetStatusTile.error { background-color: #c05050; border-color: #c05050; }
div.widgetContainer div.widgetStatusTile.warning { background-color: #FFA900; border-color: #FFA900; }
div.widgetContainer div.widgetStatusTile.info { background-color: #03add0; border-color: #03add0; }
div.widgetContainer div.widgetStatusTile.paused { background-color: #808080; border-color: #808080; }
div.widgetContainer div.widgetStatusTile.success { background-color: #83ab51; border-color: #83ab51; }
div.widgetContainer div.widgetStatusTile.faded { background-color: #c0c0c0; border-color: #c0c0c0; }

div.widgetContainer div.widgetStatusCount { padding: 5px 10px 5px 20px; text-align: left; color: white; font-size: 25px; }
div.widgetContainer div.widgetStatusTitle { color: white; text-align: left; white-space: normal; font-size: 13px; }
div.widgetContainer div.widgetStatusTile.success div.widgetStatusTitle::after { content: "Success"; }
div.widgetContainer div.widgetStatusTile.info div.widgetStatusTitle::after { content: "Info"; }
div.widgetContainer div.widgetStatusTile.warning div.widgetStatusTitle::after { content: "Warning"; }
div.widgetContainer div.widgetStatusTile.error div.widgetStatusTitle::after { content: "Error"; }
div.widgetContainer div.widgetStatusTile.critical div.widgetStatusTitle::after { content: "Critical"; }
div.widgetContainer div.widgetStatusTile.paused div.widgetStatusTitle::after { content: "Inactive"; }

div.widgetGraphNoData { text-align: center; padding-top: 40px; }

#settings table.ffSettings div.ffIconContainer { border:1px solid #c0c0c0; border-collapse:collapse; float:left; padding: 3px 3px 3px 3px; background:white; width:32px; height:32px; text-align:center; }

#settings table.ffSettings div.ffIconContainer i.ffIcon { line-height:2rem; }

td.vmwareProperty > div { padding-bottom: 4px; line-height: 1.5; }

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

    Monitor settings

*****************************************************************************************/
#monitorGroupTable i { font-size: 19px; margin-top: 3px; color: #606060; }
#monitorGroupTable tr:last-child td { border-bottom: 0 }
#monitorGroupTable td { padding: 8px 5px 8px 10px; }
div.sectionTitleFirst { font-size: 11px; font-weight: bold; letter-spacing: .5px; text-transform: uppercase; color: #606060; margin-top: 0; padding: 15px 0 15px 0; }
div.sectionTitleFirst i { cursor: pointer; }

div.sectionTitle { font-size: 11px; font-weight: bold; letter-spacing: .5px; text-transform: uppercase; color: #606060; margin-top: 0; padding: 20px 0 5px 0; }
div.sectionTitle:first-child { border-top: 0; padding: 10px 0 10px 0; }
div.sectionTitle i { cursor: pointer; }

div.subSectionTitleFirst { color: #606060; font-weight: 500; letter-spacing: .5px; padding: 4px 0; text-transform: uppercase; font-size: 11px; }
div.subSectionTitle { color: #606060; font-weight: 500; letter-spacing: .5px; padding-top: 16px; padding-bottom: 5px; text-transform: uppercase; font-size: 11px; }

div.monitorSettings table.settingGroup > tbody > tr > td:first-child { text-align: right; vertical-align: top; padding-top: 16px; padding-right: 6px; }
div.monitorSettings .sectionTitle { font-size: 11px; font-weight: 500; letter-spacing: .5px; text-transform: uppercase; color: #606060; margin-top: 0; padding: 15px 0 10px 0; }
div.monitorSettings .sectionTitle:first-child { padding-top: 10px; }
div.monitorSettings .subSectionTitle { font-size: 11px; font-weight: 500; letter-spacing: .5px; color: #606060; padding: 15px 0 10px 0; }
div.monitorSettings .subSectionTitleFirst { font-size: 11px; font-weight: 500; letter-spacing: .5px; color: #606060; margin-top: 12px; padding-bottom: 10px; }

table.settingGroup, table.settingGroupOneCol { border-collapse: collapse; padding-top: 10px; }
table.settingGroup > tbody > tr > td, table.settingGroupOneCol > tbody > tr > td { padding-top: 8px; margin: 0; white-space: nowrap; }

table.settingGroupOneCol > tbody > tr > td:first-child { padding-bottom: 6px; padding-right: 6px; padding-top: 0; }
table.settingGroupOneCol > tbody > tr > td > div { padding-top: 6px; }

div.tagList input { width: 400px; }

div.tagList img { margin-left: 2px; position: relative; top: 3px; }

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

    Spreadsheet views

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

table.spreadSheet { border-collapse: collapse; width: 100%; }
table.spreadSheet tr:focus { outline-style: none; box-shadow: none; border-color: transparent; }
table.spreadSheet th, table.spreadSheet td { padding: 2px 6px 0 6px; border: solid 1px #e0e0e0; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none; }
table.spreadSheet th { height: 32px; vertical-align: middle; background: #f8f8f8; text-align: left; cursor: default; }
table.spreadSheet th:nth-child(2) { padding-top: 0; padding-left: 12px; }

table.spreadSheet td:first-child { background: #f8f8f8; text-align: center; width: 16px; cursor: default; -moz-user-select: none; }
table.spreadSheet td { overflow: hidden; cursor: default; height: 28px; }
table.spreadSheet td.selected { background: #e8e8e8; }
table.spreadSheet tr.selected td { background: #e8e8e8; }
table.spreadSheet td.statusSuppressed { background: repeating-linear-gradient( 64deg, #FFFFFF, #FFFFFF 10px, #F2F2F2 10px, #F2F2F2 20px ); }

table.spreadSheet td:nth-child(2) { width: 16px; padding-left: 12px; }
table.spreadSheet td:nth-child(3) { width: 16px; }

div.spreadSheetClipboard { display: none; margin-top: 15px; }
div.spreadSheetClipboard textarea { width: 100%; height: 300px; }

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

    Newfangled choosers

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

table.chooser { width: 100%; border-collapse: collapse; }
table.chooser th { text-align: left; color: #606060; padding: 8px 0; border-bottom: 1px solid #e0e0e0; font-weight: 500; }
table.chooser tr td { font-size: 13px; border-bottom: 1px solid #e0e0e0; background: #ffffff; height: 20px; padding: 6px 0 6px 0; cursor: default; user-select: none; }
table.chooser tr td:first-child { width: 24px; padding: 0 6px 0 12px; vertical-align: middle; white-space: nowrap; }
table.chooser tr td:nth-child(2) { width: 24px; padding-top: 10px; padding-right: 8px; }
table.chooser tr:hover td { background: #f0f0f0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
table.chooser tr { height: 28px; }
table.chooser i.ffIcon::before { display: inline-block; width: 16px; text-align: center; }

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

    Dashboards

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

#dashboardDiv > table { border-spacing: 0; }
#dashboardDiv > table td { overflow: hidden; }

#dashboardDiv { -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.dashboardGuideX { position: absolute; width: 1px; border-left: 1px dashed; z-index:1; padding-right: 100px;}
.dashboardGuideY { position: absolute; height: 1px; border-top: 1px dashed; z-index:1; padding-bottom: 20px;}
.dashboardGuideTop { position: absolute; height: 1px; border-top: 1px dashed; z-index:1;}
.dashboardGuideLabel {position: absolute; border: 1px solid; padding:2.5px; white-space: nowrap;}
div.gridPanel .panelTitleBar { display: none; white-space: nowrap; overflow: hidden; }
div.gridPanel .panelSubTitleBar { display: none; white-space: nowrap; overflow: hidden; }
div.gridPanel * { outline: none; }
div.gridPanel.expandedGraph > i {top: 65px!important;}

.dashboardSiteStatusByIcon i { font-size: 48px; padding: 10px 0; }
.dashboardSiteStatusByIcon a { white-space: normal; }

div.panelContentDark .dashboardSiteStatusByIcon a.Critical {color:#ff6666 !important;}
div.panelContentDark .dashboardSiteStatusByIcon a.Failure {color:#e08c87 !important;}
div.panelContentDark .dashboardSiteStatusByIcon a.Warning {color:#ff7a33 !important;}

div.gridPanel .deviceDrillDown { white-space: normal; padding: 8px 14px 8px 4px; display: grid; overflow: hidden; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; grid-column-gap: 10px; grid-row-gap: 10px; transition: 1s; }
div.gridPanel .deviceDrillDown > div { display: flex; flex-direction: column; justify-content: space-between; margin: 4px; border-radius: 8px; color: white;  transition: .3s; }
div.gridPanel .deviceDrillDown > div > div { padding-left: 16px; padding-right: 16px; }
div.gridPanel .deviceDrillDown > div:hover { box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 8px; opacity: 0.85 }
div.gridPanel .deviceDrillDown > div > div:first-child { font-weight: bold; font-size: 14px; padding: 16px 16px 0px 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.gridPanel .deviceDrillDown > div > div:last-child { padding: 2px 2px 10px 12px; opacity: .9; min-height: 26px; }
div.gridPanel .deviceDrillDown > div image { color: white; }
div.gridPanel .deviceDrillDown > div i { font-size: 24px; }
div.gridPanel .deviceDrillDown > div span { display: inline-block; border-radius: 100%; color: white; padding: 2px; min-width: 15px; text-align: center; font-size: 11px; margin: 0 4px 4px 0; border: 2px solid white; }
div.gridPanel .deviceDrillDown > div span.Info { background: #03add0; }
div.gridPanel .deviceDrillDown > div span.Warning { background: orange; }
div.gridPanel .deviceDrillDown > div span.Failure { background: #c1190f; }
div.gridPanel .deviceDrillDown > div span.Critical { background: red; }
div.gridPanel .deviceDrillDown > div span.Paused { background: #a0a0a0; }
div.gridPanel .deviceDrillDown > div span { background: #03add0; }

div.gridPanel .chartPanel { display: inline-block;}

div.panelGraphHeader
{    
    display: none;
    background: #ffffff;
    height: 35px;
    border: 1px solid #c9c9c9;
    border-bottom-style: hidden;
    background-color: #e4e4e4;
}

div.panelGraphHeaderTitle
{
    line-height: 35px;
    padding-left: 10px;
}

div.panelContent.expandedGraph
{
    height: 100% !important;
    border:1px solid #c9c9c9;
    border-top-style: hidden;
}

div.panelTitleBar.expandedGraph, div.panelSubTitleBar.expandedGraph
{
    border: 1px solid #c9c9c9;
    border-top-style: hidden;
    border-bottom-style: hidden;
}




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

    Graph Export Menu

*******************************************************************************************/
li.am5exporting-type-action {
    display: none;
}

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

    Graph slideout 
    
******************************************************************************************/
div.graphSlideout { width: 34%; height: 100%; vertical-align: top; }

table.graphSlideoutMetricTable, table.graphSlideoutControlTable {table-layout:fixed; width:100%}
table.graphSlideoutMetricTable tr.graphSlideoutTitleTR td { padding-left: 20px; }
table.graphSlideoutMetricTable tr.graphSlideoutTitleTR i { visibility: hidden; width: 10%; }        
table.graphSlideoutMetricTable tr.graphSlideoutTitleTR div { font-weight: bold; text-align: left; display: inline-block; width:80%; overflow:hidden; text-overflow:ellipsis;}
table.graphSlideoutMetricTable div.dataPointTile { display: inline-block; width:50% !important;}
table.graphSlideoutMetricTable div.dataPointTile > div > div { padding-top: 2px; }

table.graphSlideoutControlTable td {border:none; background:transparent !important;}
table.graphSlideoutControlTable div.showMinMaxContainer.enabled { background-color: #c0c0c0; }
table.graphSlideoutControlTable tr.graphSlideoutControlTR div { display:inline-block; height:30px; width:30px; border-radius:30px; background-color:white; text-align:center; border:1px solid #c0c0c0; }
table.graphSlideoutControlTable tr.graphSlideoutControlTR div i { line-height: 30px; }
table.graphSlideoutControlTable tr.graphSlideoutControlTR span.enabled { background-color: #c0c0c0; }
table.graphSlideoutControlTable .ffMiniButton { padding: 5px 10px; }
table.graphSlideoutControlTable .ffMiniButton .fa-analytics { position: relative; left: -3px; }
table.graphSlideoutControlTable .ffMiniButton .fa-magic { position: relative; left: -1px; }

table.graphSlideoutMetricTable td { background: white !important; }

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

    Graph Explorer

*******************************************************************************************/
div.panelGraphHeaderActions a.am5exporting-icon svg { display: none; }

div.panelGraphHeaderActions a.am5exporting-icon::before
{
    color: #606060;
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    font-size: 16px;
    font-weight: 300;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
}


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

    Dialogs

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

div.ffIconContainer { border: 1px solid #c0c0c0; border-collapse: collapse; float: left; padding: 4px 6px; background: white; width: 32px; height: 32px; text-align: center; border-radius: 3px; }
div.ffIconContainer i.ffIcon { line-height: 2rem; }

div.ffDataPointIconContainer { background: #c0c0c0; color: white; }

#titleIconHelp { margin-top: 45px; }

.dialogDiv { display: none; }
.dialogDiv > table { width: 100%; }
.dialogDiv > table > tbody > tr > td { vertical-align: top; width: calc(100% - 60px); }
.dialogDiv > table > tbody > tr > td:first-child { vertical-align:top; width: 60px; }

.dialogDiv > table table { table-layout: fixed; }
.dialogDiv > table table > tbody > tr > td:first-child span { white-space: nowrap; }
.dialogDiv .dialogInstructions { line-height: 1.5; margin-bottom: 10px; }
.dialogDiv .dialogTips { line-height: 1.5; padding-top: 10px; }
.dialogDiv table.dialogSettings input[type=text] { width: 100%; box-sizing: border-box; }
.dialogDiv table.dialogSettings input[type=password] { width: 100%; box-sizing: border-box; }

.dialogDiv table.dialogSettings > tbody > tr > td { padding: 3px 2px; }
.dialogDiv table.dialogSettings > tbody > tr > td:first-child { padding-top: 8px; white-space: nowrap; text-align: right; vertical-align: top; }
.dialogDiv table.dialogSettings.oneCol > tbody > tr > td:first-child { text-align: left; }

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

    Search Dialog

*****************************************************************************************/
div.ui-dialog:has(#dlgSearch) { border-radius: 10px !important; height: 80%; }
div.ui-dialog:has(#dlgSearch) div.ui-dialog-titlebar { padding: 0; }
div.ui-dialog:has(#dlgSearch) div.ui-dialog-titlebar span.ui-dialog-title { margin: 0; font-size: 0; }
div.ui-dialog:has(#dlgSearch) button.ui-dialog-titlebar-close { display: none; }

#dlgSearch { width: calc(100% - 50px); margin-left: 1em; margin-right: 2.5em; padding-right:0; overflow:hidden;}
#dlgSearch .searchDialogBody { height: 700px; overflow-y:auto; }
#dlgSearch .searchDialogHeader { margin: 0em 0em 0em 0.5em; padding: .5em 0 1em 0; border-bottom: 1px solid #000000; }
#dlgSearch div.searchInputContainer { padding-bottom: 5px; }
#dlgSearch div.searchInputContainer i { font-size: 1.5em; }
#dlgSearch table.searchDialogResults { width: 100%; overflow-y:auto;}
#dlgSearch table.searchDialogResults th {text-align:center;}
#dlgSearch table.searchDialogResults th.resultCol{text-align:left;} 
#dlgSearch table.searchDialogResults th.iconCol { width: 20px; }
#dlgSearch table.searchDialogResults th.iconCol { width: 20px; }
#dlgSearch table.searchDialogResults tr:hover td { background: #f0f0f0; }
#dlgSearch table.searchDialogResults td { cursor: pointer; text-align:center;}
#dlgSearch table.searchDialogResults td.resultName { text-align: left; }

/*****************************************************************************************
    
    Data Point Value Panel

*****************************************************************************************/
table.dataPointValues { width: 100%; height: 100%; table-layout: fixed; }
table.dataPointValues td { padding: 8px 4px; vertical-align: middle; overflow: hidden; }
table.dataPointValues td:first-child { padding-left: 8px; }
table.dataPointValues td:last-child { padding-right: 8px; }
div.dataPointTile { min-width: 85px; display: table; height: 100%; width: 100%; vertical-align: middle; }
div.dataPointTile > div { display: table-cell; vertical-align: middle; }
div.dataPointTile.Critical { background-color: #ff0000; border-color: #ff0000; }
div.dataPointTile.Failure { background-color: #c05050; border-color: #c05050; }
div.dataPointTile.Warning { background-color: #FFA900; border-color: #FFA900; }
div.dataPointTile.Info { background-color: #03add0; border-color: #03add0; }
div.dataPointTile.Success { background-color: #83ab51; border-color: #83ab51; }
div.dataPointTile.Suppressed { background: repeating-linear-gradient( 57deg, #C0E2C5, #C0E2C5 10px, #B7D9BC 10px, #B7D9BC 20px ); color: #ffffff; }

div.dataPointTile.sqr { border-radius: 0px; }
div.dataPointTile.sm { border-radius: 5px; }
div.dataPointTile.med { border-radius: 10px; }
div.dataPointTile.lrg { border-radius: 15px; }
div.dataPointTile.circ { border-radius: 100%; }

div.dataPointTile.urlLinked { cursor: pointer; }

div[class ^="dataPointValue"] { padding: 5px 10px; text-align: left; font-weight: normal; }
div[class ^="dataPointTitle"] { font-size: small; font-weight: bold; white-space: normal; overflow: hidden; text-overflow: ellipsis; }

/*****************************************************************************************
    
    Data Point List Panel

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

table.dataPointList td { vertical-align: bottom; position:relative }

table.dataPointList td.slanted div
{
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 90px;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    line-height:87px;
}

table.dataPointList td.vertical { height: 110px; }

table.dataPointList td.vertical div
{
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 90px;
    height: 80px;
    
    line-height:87px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:end;

}
                                           
/*****************************************************************************************
    
    MonitorQueue Panel

*****************************************************************************************/ table .queueTable tr { border-bottom: solid 0px #e0e0e0; }
table.queueTable td.percentageBar { width: 100%; }
table.queueTable td.percentageBar div.monitorQueuePercentBar { background: #2984C5; }

div.queueChartDivContainer { width: 100%; height: 100%; }
div.queuePieChartDiv { float: left; width: 280px; height: 225px; }
div.queueKeyMetricContainer { width: 100%; height: 100%; }
div.queueDataPointContainer { width: 100%; height: 100%; }

table.queueKeyMetrics { width: 100%; height: 100%; table-layout: fixed; }
table.queueKeyMetrics td { padding: 8px 4px; vertical-align: middle; overflow: hidden; }
table.queueKeyMetrics td:first-child { padding-left: 8px; }
table.queueKeyMetrics td:last-child { padding-right: 8px; }
div.queueKeyMetricTile { min-width: 85px; display: table; height: 100%; width: 100%; vertical-align: middle; }
div.queueKeyMetricTile > div { display: table-cell; vertical-align: middle; }

table.queueDataPointCount { width: 100%; height: 100%; table-layout: fixed; }
table.queueDataPointCount td { padding: 8px 4px; vertical-align: middle; overflow: hidden; }
table.queueDataPointCount td:first-child { padding-left: 8px; }
table.queueDataPointCount td:last-child { padding-right: 8px; }
div.queueDataPointTile { min-width: 85px; display: table; height: 100%; width: 100%; vertical-align: middle; }
div.queueDataPointTile > div { display: table-cell; vertical-align: middle; }

div[class ^="queueKeyMetricValue"] { padding: 5px 10px; text-align: center; font-weight: normal; }
div[class ^="queueKeyMetricTitle"] { font-size: small; font-weight: bold; white-space: normal; overflow: hidden; text-overflow: ellipsis; }

div[class ^="queueDataPointValue"] { padding: 5px 10px; }
div[class ^="queueDataPointTitle"] { font-size: small; font-weight: bold; white-space: normal; overflow: hidden; text-overflow: ellipsis; }

div.panelContentDark table.queueTable th { color: #c0c0c0; }
div.panelContentDark table.queueTable tr { border-bottom: solid 1px #606060; }
div.panelContentDark table.queueTable tr td { color: #c0c0c0; }
div.panelContentDark table.queueTable img { filter: invert(80%); }

div.queueNoDataDiv { padding: 10px 15px; }

table.queueTable a { text-decoration: none; }
table.queueTable a:hover { text-decoration: underline; }

/*****************************************************************************************
    
    Switch Panel

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

div.gridPanelSwitch { text-align: left; height: 100%; padding-left: 16px; }
div.gridPanelSwitch:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
div.gridPanelSwitch > div { display: inline-block; vertical-align: middle; }
div.gridPanelSwitch > div > div:nth-child(2n) { margin-bottom: 5px; border: 1px solid #c0c0c0; background: #e0e0e0; padding: 4px 4px 2px 4px; text-align: left; }
div.gridPanelSwitch > div > div:nth-child(2n + 1) { margin-top: 5px; text-align: left; }
div.gridPanelSwitch img { margin: 0 2px; }

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

    SNMP List Panels

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

table.snmpTable td { text-align: left; border-top: 1px solid #e0e0e0; }
table.snmpTable td:last-child { padding-right: 18px; }
table.snmpTable tr:last-child td { border-bottom: solid 1px #e0e0e0 !important; }

div.panelContentDark table.snmpTable td { border-top: solid 1px #606060; }
div.panelContentDark table.snmpTable tr:last-child td { border-bottom: solid 1px #606060 !important; }

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

    Office 365 Panels

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

table.office365Panel { height: 100%; }
table.office365Panel td { height: 100%; background: #83ab51; color: white; padding: 0 20px; min-width: 124px; max-width: 124px; white-space: normal; vertical-align: top; padding-top: 35px; overflow: hidden; }
table.office365Panel td i { font-size: 48px; padding-bottom: 10px; }
table.office365Panel td.info { background: #03add0; }
table.office365Panel td.warning { background: #d78f0d; }
table.office365Panel td.failure { background: #c05050; }
table.office365Panel td.critical { background: #ff0000; }
table.office365Panel td.officeOffline { width: 1000px; min-width: 100%; max-width: 1000px; padding-right: 10px; }
table.office365Panel div.details { display: none; }

table.office365PanelWrap td { display: inline-block; max-height: 140px; margin: 2px; }

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

    Miscellaneous

*****************************************************************************************/
div.graphNoData, div.graphNoDataRange, div.graphLoading { box-sizing: border-box; font-size: 14px; background: white; border: 0 dotted #c0c0c0; height: 100%; color: #505050; display: block; text-align: center; width: 100%; padding-top: 130px; }

div.reportGraphNoData { box-sizing: border-box; font-size: 12px; background: white; border: 0 dotted #c0c0c0; color: #505050; display: block; text-align: center; width: 100%; padding-top: 60px; }

div.graphNoDataRange { padding-top: 100px; }

div.graphLoading { padding-top: 135px; }

table.graphTableData { width: 100%; }

i.fa-list-alt { position: relative; left: -1px; top: 1px; }

/*****************************************************************************************
    
    Standard chooser result tables

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

table.chooserItemsTable td:first-child div { position: relative; top: 1px; }
table.chooserItemsTable { width: 500px; border-spacing: 0; box-sizing: border-box; line-height: 1.1; border-collapse: collapse; }
table.chooserItemsTable > tbody { max-height: 160px; overflow-y: auto; display: block; border: 1px solid #c0c0c0; border-radius: 3px; }

table.chooserItemsTable > tbody > tr > td { vertical-align: top; border-bottom: 1px solid #c0c0c0; cursor: default; width: 300px; height: 24px; white-space: nowrap; text-align: left; }
table.chooserItemsTable > tbody > tr > td:first-child { width: 22px; padding: 6px 8px 0 12px; overflow: hidden; }
table.chooserItemsTable > tbody > tr > td:nth-child(2) { vertical-align: middle; width: 172px; padding-top: 2px; }
table.chooserItemsTable > tbody > tr > td:last-child { min-width: 20px; padding-bottom: 6px; overflow: hidden; }
table.chooserItemsTable > tbody > tr:last-child td { border-bottom: 0; }
table.chooserItemsTable > tbody > tr:hover > td { background: #f0f0f0 !important; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

table.chooserItemsTable > tbody > tr:first-child td:first-child { border-top-left-radius: 3px; }
table.chooserItemsTable > tbody > tr:first-child td:last-child { border-top-right-radius: 3px; }

table.chooserItemsTable > tbody > tr:last-child td:first-child { border-bottom-left-radius: 3px; }
table.chooserItemsTable > tbody > tr:last-child td:last-child { border-bottom-right-radius: 3px; }

table.chooserItemsTable div.imgRemove { float: right; padding-right: 5px; height: 14px; position: relative; top: 7px; }

table.chooserItemsTableNarrow { width: 350px; }
table.chooserItemsTableNarrow > tbody > tr > td { width: 250px; }
table.chooserItemsTableNarrow > tbody > tr > td:nth-child(2) { width: 172px; }
table.chooserItemsTableNarrow > tbody > tr > td:last-child { overflow: hidden; }

table.chooserItemsTable i.ffIcon::before { display: inline-block; width: 16px; text-align: center; line-height:1em; }

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

    New Icons

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

div#vcl-header img { width: 32px; }

#dlgDateRangeSelect img { width: 48px; }
#dlgAddEditSecurityGroup img { width: 48px; }
#dlgAddEditLoginUser img { width: 48px; }
#dlgAddEditMaintenanceProfile img { width: 48px; }

/* Toolbox */
.toolBoxDropdown-content table td div { height: 26px; margin-right: 16px; }

div.imgToolBox > span { position: relative; top: -5px; left: -25px; }
div.imgToolBox { background-image: url() !important; }
div.imgToolBox:after { font-weight: 900; font-size: 14px; font-family: 'Font Awesome 5 Pro'; content: "\f0d7"; position: relative; bottom: 5px; left:-12px; }

div.imgToolBox div:before { font-weight: 900; font-size: 16px; font-family: 'Font Awesome 5 Pro'; position: relative; top: 2px; padding-left: 4px; padding-right: 10px; }

/* hqSelectionToolbar Toolbox */
tr.hqSelectionToolbar.selectedLogbookHq div:before { content: "\f249"; }

/* hqToolbar Toolbox */
div.eventAlertLostContact { border-bottom:1px solid #d0d0d0;}
div.eventAlertLostContact span.eventAlertSiteName { font-weight:bold;}  

div.imgEventAlert > span.eventAlertCount { position: relative; top: -14px; left: -4px; background-color: #606060; color: #ffffff; padding: 2px 5px; font-size: 10px; border-radius: 10px; }

div.imgEventAlert { position: relative; background-image: url() !important;  }
div1.imgEventAlert:before { font-weight: 900; font-size: 20px; font-family: 'Font Awesome 5 Pro'; content: "\f0f3"; position: relative; bottom: 3px; color:#606060; }

div.imgTelemetryStatus { position: relative; background-image: url() !important;  cursor: pointer; }
div.imgTelemetryStatus:before { font-weight: 900; font-size: 20px; font-family: 'Font Awesome 5 Pro'; content: "\f0c2"; position: relative; bottom: 3px; color:#606060; }

div.imgSearch { position: relative; background-image: url() !important; cursor: pointer; padding-right: 15px; }
div.imgSearch:before { font-weight: 8900; font-size: 20px; font-family: 'Font Awesome 5 Pro'; content: "\f002"; position: relative; bottom: 3px; color: #606060; }

div.imgDebuggerStatus { position: relative; background-image: url() !important; cursor: pointer; padding-right: 15px; }
div.imgDebuggerStatus:before { font-weight: 900; font-size: 20px; font-family: 'Font Awesome 5 Pro'; content: "\f071"; position: relative; bottom: 3px; color: #FFA900; }

div.imgEventAlert div:before { font-weight: 900; font-size: 20px; font-family: 'Font Awesome 5 Pro'; }

tr.markAllViewedHq div:before { content: "\f560"; }
tr.markAllUnviewedHq div:before { content: "\f15c"; }

/* Dashboard Toolbox */
li.context-menu-icon-addDashboard span:before, li.context-menu-icon-addPanel span:before { content: "\f067"; }
li.context-menu-icon-editDashboard span:before, li.context-menu-icon-saveChanges span:before { content: "\f044"; }
li.context-menu-icon-revertChanges span:before { content: "\f2ea"; }
li.context-menu-icon-slideshow span:before { content: "\f685"; }
li.context-menu-icon-personal span:before { content: "\f502"; }
li.context-menu-icon-bringToFront span:before { content: "\f857"; }
li.context-menu-icon-sendToBack span:before { content: "\f87e"; }
li.context-menu-icon-changeTheme span:before { content: "\f87f"; }
li.context-menu-icon-changeBackground span:before { content: "\f03e"; }
li.context-menu-icon-guides span:before { content: "\f546"; }
li.context-menu-icon-scrollbars span:before { display:inline-block; content: "\f546"; transform: rotate(270deg); transform-origin: 6px; }

li.context-menu-icon-addDiagramDevice span:before { content: "\f233"; }
li.context-menu-icon-addRackmount span:before { content: "\f0a0"; }
li.context-menu-icon-addDiagramMonitor span:before { content: "\f013"; }
li.context-menu-icon-addDataPoint span:before { content: "\f05a"; }
li.context-menu-icon-addLine span:before { content: "\f55b"; }
li.context-menu-icon-addShape span:before { content: "\f61f"; }
li.context-menu-icon-addAnchor span:before { content: "\f13d"; }
li.context-menu-icon-addText span:before { content: "\f893"; }
li.context-menu-icon-alignTop span:before { content: "\f341"; }
li.context-menu-icon-alignBottom span:before { content: "\f33d"; }
li.context-menu-icon-alignLeft span:before { content: "\f33e"; }
li.context-menu-icon-alignRight span:before { content: "\f340"; }
li.context-menu-icon-group span:before { content: "\f247"; }
li.context-menu-icon-ungroup span:before { content: "\f248"; }
li.context-menu-icon-horizontal span:before { content: "\f07e"; }
li.context-menu-icon-vertical span:before { content: "\f07d"; }
li.context-menu-icon-undo span:before { content: "\f0e2"; }
li.context-menu-icon-redo span:before { content: "\f01e"; }

/* Device Toolbox */
tr.deviceToolbar.deviceApplyChangesToolbar div:before { content: "\f0c7"; }
tr.deviceToolbar.refreshDevice div:before { content: "\F2F1"; }
tr.deviceToolbar.removeAllEventsDevice div:before { content: "\f00d"; }
tr.deviceToolbar.addTicket div:before { content: "\f249"; }
tr.deviceToolbar.pauseDevice div:before { content: "\f04c"; }
tr.deviceToolbar.resumeDevice div:before { content: "\f04b"; }
tr.deviceToolbar.moveDevice div:before { content: "\f062"; }
tr.deviceToolbar.removeDevice div:before { content: "\f2ed"; }
tr.deviceToolbar.connectRdp div:before, li.context-menu-icon-connectRemote span:before { content: "\f108"; }
tr.deviceToolbar.connectSsh div:before { content: "\f120"; }
tr.deviceToolbar.suppressAllOnce div:before { content: "\f1f6"; }
tr.deviceToolbar.suppressAllAlways div:before { content: "\f1f6"; }
tr.deviceToolbar.suppressAllUntil div:before { content: "\f1f6"; }
tr.deviceToolbar.unsuppressAll div:before { content: "\f0f3"; }

/* Toolbox folder level */
tr.deviceGroupToolbar.refresh div:before { content: "\F2F1"; }
tr.deviceGroupToolbar.addDevices div:before, li.context-menu-icon-addDevice span:before { content: "\f067"; }
tr.deviceGroupToolbar.pause div:before { content: "\f04c"; }
tr.deviceGroupToolbar.resume div:before { content: "\f04b"; }
tr.deviceGroupToolbar.rename div:before { content: "\f044"; }
tr.deviceGroupToolbar.addSubgroup div:before { content: "\f65e"; }
tr.deviceGroupToolbar.move div:before { content: "\f062"; }
tr.deviceGroupToolbar.remove div:before { content: "\f2ed"; }

/* Event Monitor Group Toolbox */
tr.monitorGroupToolbar.refresh div:before { content: "\F2F1"; }
tr.monitorGroupToolbar.pause div:before { content: "\f04c"; }
tr.monitorGroupToolbar.resume div:before { content: "\f04b"; }
tr.monitorGroupToolbar.addMonitor div:before, li.context-menu-icon-addMonitor span:before { content: "\f067"; }
tr.monitorGroupSelectionToolbar.selectedRun div:before { content: "\f04b"; }
tr.monitorGroupSelectionToolbar.selectedClone div:before { content: "\f24d"; }
tr.monitorGroupToolbar.addSubgroup div:before { content: "\f65e"; }
tr.monitorGroupToolbar.rename div:before { content: "\f044"; }
tr.monitorGroupToolbar.remove div:before { content: "\f2ed"; }
tr.monitorGroupToolbar.runAll div:before, li.context-menu-icon-runAll span:before { content: "\f04b"; }

/* Event Monitor Toolbox */
tr.monitorToolbar.refresh div:before, li.context-menu-icon-refresh span:before { content: "\F2F1"; }
tr.monitorToolbar.removeAllEvents div:before, li.context-menu-icon-remove span:before { content: "\f00d"; }
tr.monitorToolbar.addLogbook div:before, li.context-menu-icon-addTicket span:before { content: "\f249"; }
tr.monitorToolbar.pause div:before, li.context-menu-icon-pause span:before { content: "\f04c"; }
tr.monitorToolbar.resume div:before, li.context-menu-icon-resume span:before { content: "\f04b"; }
tr.monitorToolbar.clone div:before, li.context-menu-icon-clone span:before { content: "\f24d"; }
tr.monitorToolbar.remove div:before, li.context-menu-icon-remove span:before  { content: "\f2ed"; }
tr.monitorToolbar.runNow div:before, li.context-menu-icon-runNow span:before { content: "\f04b"; }
tr.monitorSettingsToolbar.monitorApplyChanges div:before { content: "\f0c7"; }
tr.monitorToolbar.suppressAllOnce div:before { content: "\f1f6"; }
tr.monitorToolbar.suppressAllAlways div:before { content: "\f1f6"; }
tr.monitorToolbar.suppressAllUntil div:before { content: "\f1f6"; }
tr.monitorToolbar.unsuppressAll div:before { content: "\f0f3"; }
li.context-menu-icon-monitorTools span:before { content: "\f0ad"; }

/* Reports Toolbox  */
tr.reportsViewToolbar.refresh div:before { content: "\F2F1"; }
tr.reportsViewToolbar.generateReport div:before, li.context-menu-icon-build span:before { content: "\f04b"; }
tr.reportsViewToolbar.editReport div:before, li.context-menu-icon-editReport span:before { content: "\f044"; }
tr.reportsViewToolbar.removeReport div:before { content: "\f2ed"; }
tr.reportsViewToolbar.printFriendly div:before { content: "\f02f"; }
tr.reportsViewToolbar.downloadPDF div:before { content: "\f1c1"; }

li.context-menu-icon-fullScreen span:before { content: "\f424"; }
li.context-menu-icon-exitfullScreen span:before { content: "\f422"; }

/* Report List Toolbox */
tr.reportsListToolbar.refresh div:before { content: "\F2F1"; }
tr.reportsListToolbar.addReport div:before, li.context-menu-icon-addReport span:before { content: "\f067"; }
tr.reportsListToolbar.addSubgroup div:before { content: "\f65e"; }
tr.reportsListToolbar.renameGroup div:before { content: "\f044"; }
tr.reportsListToolbar.removeGroup div:before { content: "\f2ed"; }

/* Report Edit Toolbox */
tr.reportsEditToolbar.apply div:before, li.context-menu-icon-apply span:before { content: "\f0c7"; }
tr.reportsEditToolbar.generateReport div:before { content: "\f04b"; }
tr.reportsEditToolbar.removeReport div:before { content: "\f2ed"; }

/* Report List Selection Toolbox */
tr.reportsListSelectionToolbar.generateReports div:before { content: "\f04b"; }
tr.reportsListSelectionToolbar.removeItems div:before { content: "\f00d"; }

/* Device Bulk Actions */
.bulkActionsDropdown-content tr.moveTo div:before { content: "\f062"; }
.bulkActionsDropdown-content tr.pause div:before { content: "\f04c"; }
.bulkActionsDropdown-content tr.resume div:before { content: "\f04b"; }
.bulkActionsDropdown-content tr.setCredentials div:before, li.context-menu-icon-setAuth span:before { content: "\f023"; }
.bulkActionsDropdown-content tr.setSnmpProfile div:before, li.context-menu-icon-setSNMP span:before { content: "\f084"; }
.bulkActionsDropdown-content tr.setOsAndHosting div:before, li.context-menu-icon-setOS span:before { content: "\f0ad"; }
.bulkActionsDropdown-content tr.setWidgetProfile div:before, li.context-menu-icon-setWidget span:before { content: "\f12e"; }
.bulkActionsDropdown-content tr.setMaintenanceProfiles div:before, li.context-menu-icon-setMaint span:before { content: "\f64a"; }
.bulkActionsDropdown-content tr.setOwners div:before { content: "\f509"; }
.bulkActionsDropdown-content tr.addTags div:before { content: "\f02b"; }
.bulkActionsDropdown-content tr.removeTags div:before { content: "\f00d"; }
.bulkActionsDropdown-content tr.replaceTags div:before { content: "\f2f1"; }

/* Ticket Selection Toolbox */
tr.ticketSelectionToolbar.editLogBookEntry div:before { content: "\f328"; }
tr.ticketSelectionToolbar.removeItems div:before { content: "\f00d"; }
tr.ticketSelectionToolbar.goToDevice div:before { content: "\f233"; }
tr.ticketSelectionToolbar.goToMonitor div:before { content: "\f085"; }

/* Ticket Toolbar */
tr.ticketToolbar.refresh div:before { content: "\F2F1"; }
tr.ticketToolbar.exportEntries div:before { content: "\f1c1"; }
tr.ticketToolbar.removeAllEntries div:before { content: "\f2ed"; }
tr.ticketToolbar.addTicket div:before { content: "\f328"; }

/* Event History Toolbox */
tr.eventHistoryToolbar.refresh div:before { content: "\F2F1"; }
tr.eventHistoryToolbar.exportEvents div:before, li.context-menu-icon-exportPDF span:before { content: "\f1c1"; }
tr.eventHistoryToolbar.removeAllEvents div:before { content: "\f00d"; }
tr.selectedPause div:before { content: "\f04c"; }
tr.selectedResume div:before { content: "\f04b"; }
tr.selectedSetOsAndHosting div:before { content: "\f0ad"; }
tr.selectedSetCredentials div:before { content: "\f023"; }
tr.selectedSetSnmpProfile div:before { content: "\f084"; }
tr.selectedSetMaintenanceProfiles div:before { content: "\f64a"; }
tr.selectedSetWidgetProfile div:before { content: "\f12e"; }
tr.selectedMove div:before { content: "\f062"; }
tr.selectedRemove div:before { content: "\f00d"; }

/* Admin History Actions Menu */
tr.eventAdminToolbar.exportEvents div:before { content: "\f1c1"; }

/* Event History Selection Toolbox */
tr.eventHistorySelectionToolbar.removeEvents div:before { content: "\f00d"; }
tr.eventHistorySelectionToolbar.addLogBookEntry div:before { content: "\f249"; }
tr.eventHistorySelectionToolbar.goToDevice div:before { content: "\f233"; }
tr.eventHistorySelectionToolbar.goToMonitor div:before { content: "\f085"; }

/* Circle Icon */
.circle { position: relative; border-radius: 50%; behavior: url(PIE.htc); /* remove if you don't care about IE8 */ display: table; text-align: center; color: #fff; }
.circle.xsmall { width: 30px; height: 30px; }
.circle.small { width: 40px; height: 40px; }
.circle.med { width: 50px; height: 50px; }
.circle.large { width: 60px; height: 60px; }

/* Background Colors */
.alertBg-lostContact { background-color: #ff0000; animation: shadow-pulse 2s infinite; }
.alertBg-critical { background-color: #ff0000 !important; }
.alertBg-error { background-color: #c05050 !important; }
.alertBg-warning { background-color: #FFA900 !important; }
.alertBg-info { background-color: #03add0 !important; }
.alertBg-success { background-color: #83ab51 !important; }

/* Authentication Profile Icons */
td.authProfileIconTd div { font-family: 'Font Awesome 5 Pro','Font Awesome 5 Brands'; font-size: 20px; color: #505050; }
td.authProfileIconTd div.domainAuthIcon:before { content: "\f17a"; }
td.authProfileIconTd div.otherAuthIcon:before { content: "\f007"; }
td.authProfileIconTd div.awsAuthIcon:before { content: "\f375"; }
td.authProfileIconTd div.azureAuthIcon:before { content: "\f0c2"; }
td.authProfileIconTd div.merakiAuthIcon:before { content: "M"; font-family: "IBM-Plex-Sans" }
td.authProfileIconTd div.sshAuthIcon:before { content: "\f084"; }
tr.authToolbar.authAddProfileToolbar div:before { content: "\f023"; }

/* Device Widget Profile Icons */
tr.widgetToolbar.widgetAddProfileToolbar div:before { content: "\f12e"; }

/* Maintenance Profile Icons */
td.maintProfileIconTD div { font-family: 'Font Awesome 5 Pro','Font Awesome 5 Brands'; font-size: 20px; color: #505050; }
td.maintProfileIconTD div.once:before { content: "\f783"; }
td.maintProfileIconTD div.daily:before { content: "\f073"; }
td.maintProfileIconTD div.weekly:before { content: "\f784"; }
td.maintProfileIconTD div.monthlyDays:before { content: "\f133"; }
td.maintProfileIconTD div.monthlyWeekDays:before { content: "\f133"; }
td.maintProfileIconTD div.activeNow:before { content: "\f736"; }
td.maintProfileIconTD div.complete:before { content: "\f274"; }
tr.maintToolbar.maintAddProfileToolbar div:before { content: "\f64a"; }

/* Email Notification Template Profile Icons */
tr.templateToolbar.templateAddProfileToolbar div:before { content: "\f2b6"; }

/* Notification Profile Icons */
tr.notificationToolbar.notificationAddProfileToolbar div:before { content: "\f674"; }

/* Powershell Repository Icons */
tr.psRepoToolbar.psRepoAddProfileToolbar div:before { content: "\f5fc"; }

/* snmp Connect Icons */
tr.snmpConnectToolbar.snmpConnectAddProfileToolbar div:before { content: "\f084"; }

/* snmp Map Icons */
tr.snmpMapToolbar.snmpMapAddProfileToolbar div:before { content: "\f0ec"; }

/* syslog Icons */
tr.syslogToolbar.syslogAddProfileToolbar div:before { content: "\f0b0"; }

/*****************************************************************************************
    
    date time picker

******************************************************************************************/ 
.xdsoft_save_selected { background: #fff; padding: 6px 0 !important; border-radius: 3px; border: 1px solid #404040 }
.xdsoft_save_selected:hover { background: #f0f0f0 }
.xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0,0,0,0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none }
.xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none }
.xdsoft_datetimepicker button { border: none !important }
.xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }
.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none }
.xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none }
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block }
.xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px }
.xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0 }
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px }
.xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center }
.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC) }
.xdsoft_datetimepicker .xdsoft_label i { opacity: .5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle }
.xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0 }
.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px }
.xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0 }
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: .5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0 }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0 }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0 }
.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) }
.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 700; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer }
.xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline }
.xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1 }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000 }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #3af; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700 }
.xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right }
.xdsoft_datetimepicker .xdsoft_calendar { clear: both }
.xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px }
.xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100% }
.xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px }
.xdsoft_datetimepicker .xdsoft_calendar th { height: 25px }
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5% }
.xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #3af }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #3af; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: .5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: default }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: .2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20) }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #3af !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important }
.xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default }
.xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px }
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
.xdsoft_time_box { position: relative; border: 1px solid #ccc }
.xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px }
.xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer }
.xdsoft_scroller_box { position: relative }
.xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #ddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px }
.xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans","Book Antiqua",sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top,#fff 0%,#f4f8fa 73%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(73%,#f4f8fa)); background: -webkit-linear-gradient(top,#fff 0%,#f4f8fa 73%); background: -o-linear-gradient(top,#fff 0%,#f4f8fa 73%); background: -ms-linear-gradient(top,#fff 0%,#f4f8fa 73%); background: linear-gradient(to bottom,#fff 0%,#f4f8fa 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0) }
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top,#f4f8fa 0%,#FFF 73%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4f8fa),color-stop(73%,#FFF)); background: -webkit-linear-gradient(top,#f4f8fa 0%,#FFF 73%); background: -o-linear-gradient(top,#f4f8fa 0%,#FFF 73%); background: -ms-linear-gradient(top,#f4f8fa 0%,#FFF 73%); background: linear-gradient(to bottom,#f4f8fa 0%,#FFF 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0) }

/*****************************************************************************************
    
    jQuery.contextMenu.css

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

.context-menu-list { margin: 0; padding: 0; min-width: 120px; max-width: 250px; display: inline-block; position: absolute; list-style-type: none; border: 1px solid #DDD; box-shadow: none; font-family: IBM-Plex-Sans,Helvetica,sans-serif; }
.context-menu-item { padding: 4px 8px 4px 24px; background-color: #EEE; position: relative; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none }
.context-menu-item span { white-space: nowrap; }
.context-menu-separator { padding-bottom: 0; border-bottom: 1px solid #DDD }
.context-menu-item > label > input, .context-menu-item > label > textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text }
.context-menu-item.hover { cursor: pointer; color: white; background-color: #0081c2; }
.context-menu-item.disabled { color: #666 }
.context-menu-input.hover, .context-menu-item.disabled.hover { cursor: default; background-color: #EEE }
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px }
.context-menu-input > label > * { vertical-align: top }
.context-menu-input > label > input[type="checkbox"], .context-menu-input > label > input[type="radio"] { margin-left: -17px }
.context-menu-input > label > span { margin-left: 5px }
.context-menu-input > label, .context-menu-input > label > input[type="text"], .context-menu-input > label > textarea, .context-menu-input > label > select { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }
.context-menu-input > label > textarea { height: 100px }
.context-menu-item > .context-menu-list { display: none; right: -5px; top: 5px }
.context-menu-item.hover > .context-menu-list { display: block }
.context-menu-accesskey { text-decoration: underline }


/*****************************************************************************************
    
    ui.dynatree.css

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

ul.dynatree-container { font-size: 10pt; padding: 0; margin: 0; background-color: transparent; overflow: hidden; }
ul.dynatree-container ul { padding: 0 0 0 16px; margin: 0 }
ul.dynatree-container li { white-space: nowrap; list-style-image: none; list-style-position: outside; list-style-type: none; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-attachment: scroll; background-color: transparent; background-position: 0 0; background-repeat: repeat-y; background-image: none; margin: 0; padding: 1px 0 0 }
ul.dynatree-container li.dynatree-lastsib { background-image: none }
ul.dynatree-no-connector > li { background-image: none }
.ui-dynatree-disabled ul.dynatree-container { opacity: .5; background-color: silver }
span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker { width: 16px; height: 16px; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: left; background-image: url(../images/dynatree-icons.gif); background-position: 0 0 }
ul.dynatree-container img { width: 16px; height: 16px; vertical-align: top; border-style: none }
span.dynatree-connector { background-image: none }
span.dynatree-expander { background-position: 0 -80px; cursor: pointer }
span.dynatree-expander:hover { background-position: -16px -80px }
.dynatree-exp-e span.dynatree-expander, /* Expanded,not delayed,not last sibling */
.dynatree-exp-ed span.dynatree-expander, /* Expanded,delayed,not last sibling */
.dynatree-exp-el span.dynatree-expander, /* Expanded,not delayed,last sibling */
.dynatree-exp-edl span.dynatree-expander /* Expanded,delayed,last sibling */ { background-position: -32px -80px }
.dynatree-exp-e span.dynatree-expander:hover, /* Expanded,not delayed,not last sibling */
.dynatree-exp-ed span.dynatree-expander:hover, /* Expanded,delayed,not last sibling */
.dynatree-exp-el span.dynatree-expander:hover, /* Expanded,not delayed,last sibling */
.dynatree-exp-edl span.dynatree-expander:hover /* Expanded,delayed,last sibling */ { background-position: -48px -80px }
.dynatree-loading span.dynatree-expander /* Loading status overrides all others */ { background-position: 0 0; background-image: url(../images/dynatree-loading.gif) }
span.dynatree-checkbox { margin-left: 3px; background-position: 0 -32px }
span.dynatree-checkbox:hover { background-position: -16px -32px }
.dynatree-partsel span.dynatree-checkbox { background-position: -64px -32px }
.dynatree-partsel span.dynatree-checkbox:hover { background-position: -80px -32px }
.dynatree-selected span.dynatree-checkbox { background-position: -32px -32px }
.dynatree-selected span.dynatree-checkbox:hover { background-position: -48px -32px }
span.dynatree-radio { margin-left: 3px; background-position: 0 -48px }
span.dynatree-radio:hover { background-position: -16px -48px }
.dynatree-partsel span.dynatree-radio { background-position: -64px -48px }
.dynatree-partsel span.dynatree-radio:hover { background-position: -80px -48px }
.dynatree-selected span.dynatree-radio { background-position: -32px -48px }
.dynatree-selected span.dynatree-radio:hover { background-position: -48px -48px }
span.dynatree-icon /* Default icon */ { margin-left: 3px; background-position: 0 0 }
.dynatree-ico-cf span.dynatree-icon /* Collapsed Folder */ { background-position: 0 -16px }
.dynatree-ico-ef span.dynatree-icon /* Expanded Folder */ { background-position: -64px -16px }
.dynatree-statusnode-wait span.dynatree-icon { background-image: url(loading.gif) }
.dynatree-statusnode-error span.dynatree-icon { background-position: 0 -112px }
ul.dynatree-container a { color: #1e1e1e; text-decoration: none; vertical-align: top; margin: 0; border: 1px solid transparent }
ul.dynatree-container a:hover { background: #F2F7FD; border-color: #B8D6FB }
span.dynatree-node a { display: inline-block; padding-left: 3px; padding-right: 3px }

ul .dynatree-container a:focus, span.dynatree-focused a:link /* @IE */ { background: #F2F7FD; border: 1px solid #99DEFD; outline: 0 }
span.dynatree-selected a { font-style: italic }
span.dynatree-node.treeCritical a { font-weight: 400; }
span.dynatree-node.treeFailure a { font-weight: 400 }
span.dynatree-node.treeWarning a { font-weight: 400 }
span.dynatree-node.treeUnviewed a { font-weight: 400 }
span.dynatree-node.treePaused a { color: #a0a0a0 }
div.dynatree-drag-helper a { border: 1px solid gray; background-color: transparent; padding-left: 5px; padding-right: 5px; opacity: .8 }
div.dynatree-drop-accept span.dynatree-drag-helper-img { background-position: -32px -112px }
div.dynatree-drag-helper.dynatree-drop-reject { border-color: red }
div.dynatree-drop-reject span.dynatree-drag-helper-img { background-position: -16px -112px }
#dynatree-drop-marker { width: 24px; position: absolute; background-position: 0 -128px; margin: 0 }
#dynatree-drop-marker.dynatree-drop-after, #dynatree-drop-marker.dynatree-drop-before { width: 64px; background-position: 0 -144px }
#dynatree-drop-marker.dynatree-drop-copy { background-position: -64px -128px }
#dynatree-drop-marker.dynatree-drop-move { background-position: -64px -128px }
span.dynatree-drag-source a { border: 1px dotted gray }
span.dynatree-drop-target.dynatree-drop-accept a { border: 1px dotted gray; background-color: #cfe2f8; text-decoration: none }
a.dynatree-title { height: 18px; font-size: 20px }

span.dynatree-node.nodeDivider { display: inline-block; padding-top: 5px; position: relative; left: -16px; }

span.dynatree-node.ffIcon { line-height: 1.7; font-size: 16px; }
span.dynatree-node.ffIcon::before { display: inline-block; width: 16px; position: relative; top: -3px; left: 6px; text-align: center; margin-right:3px;}
span.dynatree-node.ffIcon.root::before { left: 3px; top: -4px; padding-right: 10px; }
span.dynatree-node.ffIcon.fa-user-lock.root::before { left: 1px; }
span.dynatree-node.ffIcon.fa-cloud.root::before { left: 1px; }
span.dynatree-node.ffIcon.fa-desktop.root::before { left: 1px; }
span.dynatree-node.ffIcon.fa-pause::before { top: -3px; }
span.dynatree-node.ffIcon.fa-cogs::before { left: 1px; }
span.dynatree-node.ffIcon.fa-code::before { left: 2px; }

/*****************************************************************************************
    
    dynatree overrides

******************************************************************************************/
ul.dynatree-container { line-height: 1.7; padding-top: 4px; }
ul.dynatree-container a { font-family: IBM-Plex-Sans, sans-serif; font-size: 13px; padding: 1px 6px 3px 6px; user-select: none; -webkit-user-select: none; position: relative; top: -2px; left: -6px; }
ul.dynatree-container img { margin-top: 1px; }
ul.dynatree-container span.far::before { color: #404040; }
ul.dynatree-container span.fas::before { color: #606060; }
ul.dynatree-container span.fa.fa-pause { color: #a0a0a0; }

ul.dynatree-container .dynatree-folder a { margin-left: 32px; }
ul.dynatree-container .dynatree-folder.treeRoot a { margin-left: 4px; }

.dynatree-node img + a { left: -4px; }
.dynatree-node img { margin-right: 20px; left: 7px; position: relative; }

.dynatree-node.ffIcon { padding-left: 17px; }

/*****************************************************************************************
    
    jquery ui ver 1.12.1

******************************************************************************************/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ }

.ui-front { z-index: 100; }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; pointer-events: none; }


/* Icons
----------------------------------*/
.ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; }
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }
.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; }
.ui-menu .ui-menu { position: absolute; }
.ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
.ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; }
.ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active { margin: -1px; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon { left: auto; right: 0; }
.ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active { text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only { text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-controlgroup { vertical-align: middle; display: inline-block; }
.ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; }
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; }
.ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; }
.ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; }
.ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; }
.ui-controlgroup .ui-controlgroup-label span { font-size: 80%; }
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; }
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; }
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; }
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); }
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; }
.ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; }
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; }
.ui-checkboxradio-disabled { pointer-events: none; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span,
.ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; }
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-n { height: 2px; top: 0; }
.ui-dialog .ui-resizable-e { width: 2px; right: 0; }
.ui-dialog .ui-resizable-s { height: 2px; bottom: 0; }
.ui-dialog .ui-resizable-w { width: 2px; left: 0; }
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw { width: 7px; height: 7px; }
.ui-dialog .ui-resizable-se { right: 0; bottom: 0; }
.ui-dialog .ui-resizable-sw { left: 0; bottom: 0; }
.ui-dialog .ui-resizable-ne { right: 0; top: 0; }
.ui-dialog .ui-resizable-nw { left: 0; top: 0; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-draggable-handle { -ms-touch-action: none; touch-action: none; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }
.ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: .25; }
.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }
.ui-selectable { -ms-touch-action: none; touch-action: none; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }
.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; }
.ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; }
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; }
.ui-selectmenu-open { display: block; }
.ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; }
.ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; }
.ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-sortable-handle { -ms-touch-action: none; touch-action: none; }
.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; }
.ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
.ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; }
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; }
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: IBM-Plex-Sans,Helvetica,sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-family: IBM-Plex-Sans,Helvetica,sans-serif; font-size: 1em; }
.ui-widget.ui-widget-content { border: 1px solid #c5c5c5; }
.ui-widget-content { background: #ffffff; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; }
.ui-widget-header a { color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; }
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button { color: #454545; text-decoration: none; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; }
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus { color: #2b2b2b; text-decoration: none; }

.ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; }
.ui-icon-background,
.ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; }
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited { color: #ffffff; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; }
.ui-state-checked { border: 1px solid #dad55e; background: #fffa90; }
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a { color: #777620; }
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; }
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a { color: #5f3f3f; }
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text { color: #5f3f3f; }
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; }
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; }
.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-icon,
.ui-widget-content .ui-icon { background-image: url("../images/ui-icons_444444_256x240.png"); }
.ui-widget-header .ui-icon { background-image: url("../images/ui-icons_444444_256x240.png"); }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon { background-image: url("../images/ui-icons_555555_256x240.png"); }
.ui-state-active .ui-icon,
.ui-button:active .ui-icon { background-image: url("../images/ui-icons_ffffff_256x240.png"); }
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon { background-image: url("../images/ui-icons_777620_256x240.png"); }
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon { background-image: url("../images/ui-icons_cc0000_256x240.png"); }
.ui-button .ui-icon { background-image: url("../images/ui-icons_777777_256x240.png"); }

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals ---------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl { border-top-left-radius: 3px; }
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr { border-top-right-radius: 3px; }
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl { border-bottom-left-radius: 3px; }
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br { border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa; opacity: .3; }
.ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666666; box-shadow: 0 0 5px #666666; }

/*****************************************************************************************
    
    jQuery overrides

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

.ui-sortable-helper { display: table; }
.ui-dialog { padding: 0; border-radius: 0 !important; }
.ui-dialog-titlebar-close { padding: 0; border-radius: 0; height: 40px; }
a { text-decoration-style: dotted; }
.ui-widget-header { background: white; border: 0;  font-weight: 400; }
.ui-widget-content { border: 0; }
.ui-dialog .ui-dialog-content { margin: 0 2em .5em 2em; overflow-x:visible;  }
.ui-dialog .ui-dialog-title { font-size: 18px; margin: 35px 0 0 28px; }
.ui-dialog-titlebar-close .ui-button-text { padding: 1px; }
.ui-button { border: 1px solid #d0d0d0; background: #e0e0e0; padding: 0; cursor: default; }
.ui-button-text { color: #404040; background: #ffffff; }
.ui-button-text:hover { color: #000000; }
.ui-button-text-only .ui-button-text { padding: .3em 1em; min-width: 40px; }
.ui-dialog-buttonset .ui-button { color: #404040; background: white; padding: .6em 2em; min-width: 60px; border: 1px solid #e0e0e0; }
.ui-dialog-buttonset .ui-button:hover { background: #f0f0f0; }
.ui-dialog-buttonset .ui-button:first-child:not(.noDefault) { color: #f0f0f0; background: #0081c2; border: 1px solid #0081c2; }
.ui-dialog-buttonset .ui-button:first-child:not(.noDefault):hover { background: #1C93E6; color: white; border: 1px solid #1C93E6; }
.ui-dialog-buttonset .ui-button.default { color: #f0f0f0; background: #0081c2; border: 1px solid #0081c2; }
.ui-dialog-buttonset .ui-button.default:hover { background: #1C93E6; color: white; border: 1px solid #1C93E6; }

.ui-button-icon-only { padding: .4em; text-indent: -9999999px; }
.ui-dialog .ui-dialog-buttonpane { padding: 0 6px 10px 6px; }
.ui-dialog { border-radius: 6px; }
.ui-dialog .ui-dialog-titlebar { padding: 12px 10px 8px 14px; }
.ui-dialog .ui-dialog-titlebar-close { top: 25px; right: 15px; background: white; border: 0; }
.ui-spinner { border-radius: 3px; border: 1px solid silver; border-top: 2px solid silver; }
input.ui-spinner-input { border: 0; margin: 0; }
.ui-spinner-up { border: 1px solid silver; }
.ui-dialog-titlebar-close .ui-button-text { padding: 0 !important; }

.ui-dialog i.dialogIcon { font-size: 2.3rem; color: #808080; position: absolute; left: 28px; top: 40px; }

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

    Context Menu Overrides

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

.context-menu-item { background: white; padding: 8px 16px; }
.context-menu-item.context-menu-separator { padding: 0; }

/*****************************************************************************************
    
    Spectrum Color Chooser

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

.sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; z-index: 9999994; overflow: hidden }
.sp-container.sp-flat { position: relative }
.sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.sp-top { position: relative; width: 100%; display: inline-block }
.sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20% }
.sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100% }
.sp-clear-enabled .sp-hue { top: 33px; height: 77.5% }
.sp-fill { padding-top: 80% }
.sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.sp-alpha-enabled .sp-top { margin-bottom: 18px }
.sp-alpha-enabled .sp-alpha { display: block }
.sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid #000; background: #fff; opacity: .8 }
.sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px }
.sp-alpha-inner { border: solid 1px #333 }
.sp-clear { display: none }
.sp-clear.sp-clear-display { background-position: center }
.sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 28px }
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none }
.sp-container.sp-input-disabled .sp-input-container { display: none }
.sp-container.sp-buttons-disabled .sp-button-container { display: none }
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none }
.sp-palette-only .sp-picker-container { display: none }
.sp-palette-disabled .sp-palette-container { display: none }
.sp-initial-disabled .sp-initial { display: none }
.sp-sat { background-image: -webkit-gradient(linear,0 0,100% 0,from(#FFF),to(rgba(204,154,129,0))); background-image: -webkit-linear-gradient(left,#FFF,rgba(204,154,129,0)); background-image: -moz-linear-gradient(left,#fff,rgba(204,154,129,0)); background-image: -o-linear-gradient(left,#fff,rgba(204,154,129,0)); background-image: -ms-linear-gradient(left,#fff,rgba(204,154,129,0)); background-image: linear-gradient(to right,#fff,rgba(204,154,129,0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr=#FFFFFFFF,endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr='#FFFFFFFF',endColorstr='#00CC9A81') }
.sp-val { background-image: -webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0))); background-image: -webkit-linear-gradient(bottom,#000,rgba(204,154,129,0)); background-image: -moz-linear-gradient(bottom,#000,rgba(204,154,129,0)); background-image: -o-linear-gradient(bottom,#000,rgba(204,154,129,0)); background-image: -ms-linear-gradient(bottom,#000,rgba(204,154,129,0)); background-image: linear-gradient(to top,#000,rgba(204,154,129,0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81,endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81',endColorstr='#FF000000') }
.sp-hue { background: -moz-linear-gradient(top,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background: -ms-linear-gradient(top,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background: -o-linear-gradient(top,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background: -webkit-gradient(linear,left top,left bottom,from(red),color-stop(0.17,#ff0),color-stop(0.33,#0f0),color-stop(0.5,#0ff),color-stop(0.67,#00f),color-stop(0.83,#f0f),to(red)); background: -webkit-linear-gradient(top,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background: linear-gradient(to bottom,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%) }
.sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00') }
.sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00') }
.sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff') }
.sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff') }
.sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff') }
.sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000') }
.sp-hidden { display: none !important }
.sp-cf:before, .sp-cf:after { content: ""; display: table }
.sp-cf:after { clear: both }
.sp-cf { *zoom: 1 }

@media (max-device-width: 480px) {
    .sp-color { right: 40% }
    .sp-hue { left: 63% }
    .sp-fill { padding-top: 60% }
}

.sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0 }
.sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: #fff; opacity: .8 }
.sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0 }
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.sp-top { margin-bottom: 3px }
.sp-color, .sp-hue, .sp-clear { border: solid 1px #666 }
.sp-input-container { float: right; width: 100px; margin-bottom: 4px }
.sp-initial-disabled .sp-input-container { width: 100% }
.sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222 }
.sp-input:focus { border: 1px solid orange }
.sp-input.sp-validation-error { border: 1px solid red; background: #fdd }
.sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px }
.sp-picker-container { width: 172px; border-left: solid 1px #ffffff }
.sp-palette-container { border-right: solid 1px #cccccc }
.sp-palette-only .sp-palette-container { border: 0; }
.sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent }
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange }
.sp-thumb-el { position: relative }
.sp-initial { float: left; border: solid 1px #333333 }
.sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0 }
.sp-initial .sp-clear-display { background-position: center }
.sp-palette-button-container, .sp-button-container { float: right }
.sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle }
.sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111111 }
.sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver }
.sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px }
.sp-preview { position: relative; width: 25px; height: 20px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0 }
.sp-palette { *width: 220px; max-width: 220px }
.sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0 }
.sp-container { padding-bottom: 0 }
.sp-container button { font-family: IBM-Plex-Sans; padding: 4px 10px; border-radius: 3px; border: 1px solid #d0d0d0; background: #f0f0f0; margin-left: 0; cursor: default; color: #202020; }
.sp-container button:hover { border: 1px solid #a0a0a0; }
.sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none }
.sp-cancel:hover { color: #d93f3f !important; text-decoration: underline }
.sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000000; }
.sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) }
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat }
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=) }
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=) }
.sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==) }


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

    DataTables.net Overrides

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

table.dataTable.no-footer { border-bottom: 0; }

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before { display: inline-block; color: rgba(0, 0, 0, 0.5); content: "+"; color: slategray; font-weight: 600; font-size: 20px; line-height: 26px; }

.panelContentDark table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
.panelContentDark table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
.panelContentDark table.dataTable.dtr-column > tbody > tr > td.control:before,
.panelContentDark table.dataTable.dtr-column > tbody > tr > th.control:before { color: #c0c0c0; }

.panelContentDark table.dataTable.dtr-column > tbody > tr > td.dtr-control:after,
.panelContentDark table.dataTable.dtr-column > tbody > tr > th.dtr-control:after,
.panelContentDark table.dataTable.dtr-column > tbody > tr > td.control:after,
.panelContentDark table.dataTable.dtr-column > tbody > tr > th.control:after { color: #c0c0c0; }

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before
{
    content: "-";
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before
{
    content: "";
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after
{
       content: "";
}

table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > *
{    
    --dt-row-hover: 0,0,0,0;
}

table.dataTable tbody tr.selected > *
{
    --dt-row-selected: 240, 240, 240;
    --dt-row-selected-text: 64, 64, 64;
}

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

    Ace Editor overrides

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

.ace_gutter { z-index: 1; }