﻿.devicePicker { cursor:hand; position:absolute; display:none; z-index:30; background-color:#F7F7F7; 
    border: solid 1px #7F9DB9; width: 180px; padding: 0px 0px 0px 0px; height: 220px; overflow: auto; }
    
.tooltip { z-index: 11; font-family: Arial; font-size: 8pt; background-color: #FFFFE1; padding: 3px 3px 3px 3px; border: solid 1px black; position: absolute; }

.inlineWindow {	display: none; border: solid 3px #BCC7DA; background-color: #F4F5F9; 
    padding: 10px; margin: -10px; position: fixed; z-index: 200; filter: alpha(opacity=95); opacity:.95; }
.inlineWindow h1 { font-size: 13px; }

.DefaultLink { font-weight: normal; color: #ac0f12; text-decoration: underline; }
.SelectedLink { font-weight: bold; color: #80C1E0; }


.adminIcon, .adminIconDisabled { float: left; height: 75px; margin-bottom: 20px; width: 120px; text-align: center; cursor: pointer; position: relative; }
.adminIcon a { text-decoration: none; border: solid 1px transparent; display: block; padding: 8px 5px; overflow: hidden;
    border-radius: 3px; -moz-border-radius: 3px; position: relative; overflow: hidden; }
*html .adminIcon a, *html .adminIcondisabled a { border-color: #fff; }
.adminIconDisabled a { cursor: default;	text-decoration: none; }
.adminIcon a:hover { border: solid 1px #d9e3ea; background: url('../images/iconHoverBG2.png') repeat-x bottom; 
    background-color: #fff; overflow: visible; z-index: 10; }
.adminIcon img, .adminIconDisabled img { border: none; }
.adminIcon .label, .adminIconDisabled .label { display: block; padding: 6px 0 0 0; color: #003d73; text-decoration: none; max-height: 32px; }
.adminIconDisabled .label { color: #bbb; }
.adminIcon a:hover .label, .adminIcon a:focus .label { color: #80C1E0; max-height: none; }


.key { background-color: #E2E7EE; }

.serverStatusNav { float: right; margin-top: -75px; }

.chartPopup { background-image: url('../images/semi-trans-bg.png'); background-repeat: repeat; background-color: transparent;
    border: solid 1px #BCC7DA; padding: 5px; position: absolute; z-index: 10; text-align: right; top: 25px; left: 30px; }

.dropDownBox { border: solid 1px #BCC7DA; background-color: #F4F5F9; padding: 10px; }

.miniProgressBar { background-image: url('../images/mini_progress_bar_bg.gif'); background-repeat: repeat-x; text-align: left; }
.miniProgressBar .fill { background-image: url('../images/mini_progress_bar_fill.gif'); background-repeat: repeat-x; }
.miniProgressBar .fillComplete { background-image: url('../images/mini_progress_bar_fill_green.gif'); background-repeat: repeat-x; }



.basicSlider,  .numberedSlider { vertical-align: middle; }
.numberedSlider { margin-bottom: 6px }
.basicSlider .track, .numberedSlider .track { background-image: url('../images/sliderBG.png'); background-repeat: repeat-x; background-position: left center; height: 3px; border: solid 1px #9099a9; }
.basicSlider .grip, .numberedSlider .grip { background-image: url('../images/slider_grip.gif'); background-repeat: no-repeat; height: 16px; width: 8px; }
.basicSlider .tick, .numberedSlider .tick { margin-top: 18px; margin-bottom: 15px; position: relative; }

.updateProgress { position: absolute; top: 50%; left: 50%; width: 120px; margin-left: -60px; height: 70px; margin-top: -35px; z-index: 99999;
                  background-color: #fff; border: solid 1px #ccc; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px; }
.updateProgress img { margin-top: 14px; }
.updateProgress span{ display: block; color: #557799; }

.progressBar, .progressBar .fill, .progressBar .fillRed { background-image: url('../../../images/progressBar.png'); background-repeat: repeat-x; height: 8px; }
.progressBar { border: solid 1px #bcc7da; }
.progressBar .fill { background-position: 0 -8px; }
.progressBar .fillRed {  background-position: 0 -16px; }

.downloadManager { position: fixed; bottom: 4px; right: 4px; }
.download, .downloadComplete { background-image: url('../../../images/downloadManager/downloadBG.png'); width: 218px; height: 28px; }
.downloadComplete { background-image: url('../../../images/downloadManager/downloadBG2.png'); }

.overdue { color: #e92000; }
.outstanding { font-weight: bold; }

.statusLED { float: left; margin: 0 20px 14px 0; line-height: 14px; }
.statusLED img { vertical-align: middle; margin-right: 8px; }
.statusLED .label { font-weight: bold; vertical-align: middle; }

.deviceLED { padding: 0 3px 3px 0; }

.confidenceIndicator { cursor: default; border: solid 1px #bcc7da; height: 8px; position: relative; width: 40px; top: 7px; background-color: #f0f9fb; float: left; }
.confidenceIndicator .fill { background-image: url('../images/confidenceIndicator.png'); background-repeat: repeat-x; height: 8px; position: absolute; bottom: 0; }
.confidenceLabel { font-family: "Microsoft Sans Serif", Tahoma, Arial; font-size: 9px; margin-left: 3px; }


.userNameCell { padding: 0 0 0 16px; background-image: url('../images/User.png'); background-position: left center; background-repeat: no-repeat; cursor: pointer; }
/*.userNameCell .label { padding: 2px; border: solid 1px transparent; }
.userNameCell .label:hover { border-color: #b0d0e0; background-color: #e2eeff; }*/
.multiUserDrag { min-height: 24px; min-width: 24px; padding: 3px 0 3px 28px; position: relative; top: 5px; left: 5px; cursor: default; background-image: url('../images/MultiUserSelection.png'); background-position: left center; background-repeat: no-repeat; }


.driveInfoBar { border: solid 1px #acb7ca; height: 15px; background-image: url('../images/progressBarBG.gif'); background-repeat: repeat-x; background-position: 0 0; position: relative; }
.driveInfoBar-fill, .driveInfoBar-fill-red { margin: -1px 0 0 -1px; border: solid 1px #386491; background-image: url('../images/progressBarFill.gif'); background-repeat: repeat-x; background-position: 0 0; height: 15px; }
.driveInfoBar-fill-red { background-position: 0 -15px; border-color: #bb0000; }


.star-rating-control { width: 96px; display: inline-block; }
.rating-cancel, .star-rating { float:left; width:15px; height:15px; padding-right: 1px; text-indent:-999em; cursor:pointer; background:transparent; overflow:hidden; }
.star-rating a, .rating-cancel a { background:url('../images/star.png') no-repeat 0 0; }
.star-rating a { display:block; width:15px; height:100%; background-position:0 -15px; border:0; }
.star-rating-on a { background-position:0 -30px!important; }
.rating-cancel { float: right; display: none; }
.rating-cancel a { width:15px; height:100%; background-position:0 -45px; border:0; }
.star-rating-control:hover .rating-cancel a { display: block !important; }


.comparisonOperator { cursor: pointer; }
.comparisonOperator span { width: 16px; height: 16px; display: inline-block; background: url('../images/ComparisonOperator.png') no-repeat 0 0; border: none; }
.comparisonOperator .eq { background-position: 0 0; }
.comparisonOperator .gte { background-position: 0 -16px; }
.comparisonOperator .lte { background-position: 0 -32px; }
.comparisonOperator .gt { background-position: 0 -48px; }
.comparisonOperator .lt { background-position: 0 -64px; }
.comparisonOperator .neq { background-position: 0 -80px; }
.comparisonOperator .off { background-position: 0 -96px; }


.checkboxColumn { float: left; width: 200px; }
.checkboxColumn LABEL, .checkboxList LABEL { height: 21px; vertical-align: middle; display: inline-block; margin: 0 30px 0 2px; }

.datePicker { width: 100px; }



/* FILTER BUILDER */
.filterGroup { border: solid 1px #a3afc5; background-image: url('../images/filterGroupBg.png'); background-color: #fff;
               background-repeat: repeat-y; padding: 0; margin: 0 5px 0 0; position: relative; min-height: 24px; }
.filterGroup .label { width: 34px; text-align: center; font-weight: bold; color: #003d73; position: absolute; 
                  font-size: 11px; height: 12px; top: 50%; margin: -8px 0 0 0; cursor: pointer; }
.filterGroup .label:hover { color: #fa9130; }
.filterGroup .itemList { border: solid 0px #a3afc5; border-left-width: 1px; margin: 0 0 0 34px; position: relative; min-height: 24px; }
.filterGroup .item, .filterGroup .groupContainer { padding: 4px 0 4px 8px; background-image: url('../images/filterDots.png'); background-repeat: no-repeat; background-position: left center; }
.filterGroup .item  { line-height: 18px; }
.filterGroup .item>span { padding: 3px; cursor: pointer; }
/*.filterGroup .item>span:hover { color: #fa9130; background-color: #e9f0f9; outline: solid 1px #bcc7da; }*/
.filterGroup .item>span:hover { color: #fa9130; }
.inlineEdit-placeholder { font-style: italic; font-weight: normal; color: #baa; }
.filterGroup .comparisonOperator { text-transform: lowercase; color: #7b3; }

/*.filterGroup .comparisonOperator:hover { background-color: #e9f0f9; }*/
.filterGroup .value input { width: 180px; font-size: 12px; padding: 0px 3px 0px 3px; }
.thresholdSlider { width: 100px; display: none; margin-right: 15px; }
.confidenceThreshold { width: 90px; display: inline-block; margin-left: 15px; color: #537fb5; }
.dropValid { border: solid 1px #7c0; }
.selectedFilterItem.item { background-color: #fedab0; /* #fcd9b0; */}
.selectedFilterItem.filterGroup { border: solid 1px #fa9130; }
.selectedFilterItem.filterGroup>.label { color: #fa9130; }
.icon-radio-checked { background: url('../../../Images/include.gif') no-repeat !important; background-position: right center !important; }



/* SQL reporting */
.reportActions {  float: right; position: relative; }
.reportActions a { background-image: url('../../../images/16x16/printer.png'); background-position: left center; background-repeat: no-repeat; padding-left: 18px; font-size: 12px; font-weight: bold; text-decoration: none; /*display: block; width: 100%;*/ margin: 0 15px 0 0; /*height: 16px; */ font-weight: normal; }
.reportActions .print { background-image: url('../../../images/16x16/printer.png'); }
.reportActions .save { background-image: url('../../../images/save.gif'); }

.icon-pdf { background: url('../../../images/16x16/PDF.png') no-repeat 1px 3px !important; }
.icon-xlsx { background: url('../../../images/16x16/xlsx.png') no-repeat 1px 3px !important; }


.capsWarning { color: #ee3000; font-weight: bold; margin-left: 5px; display: none; }
.capsWarning:before { content: url('../../../images/warning.png'); vertical-align: bottom; margin-right: 2px; }


.auditDetails { margin: 0 0 10px 0; }

.dialogContent { position: relative; }
.configAuditTable { height: 200px; overflow: auto; margin-top: 25px;  }
.configAuditTable .gridHeader { position: absolute; top: -25px; z-index: 9999; }


.divReportProgress { left: 50% !important; top: 50% !important; width: 100px !important;
    padding: 10px !important; margin-left: -60px; margin-top: -50px; text-align: center !important;
    border: solid 3px #bcc7da !important; background-color: #F4F5F9 !important;
}

.businessUnitFilter { }
.businessUnitFilter .comboBox { float: left; border: solid 1px #bcc7da; }
.businessUnitFilter .comboBoxText { line-height: 14px !important; padding: 1px 3px 1px 3px !important; margin: 0px; color: #888; font-size: 12px !important; }
.businessUnitFilter .treeContainer { overflow: auto; max-height: 200px; clear: both; }

.securityProfileEditor { }
    .securityProfileEditor h3 { margin: 10px 0 0 0; }
    .securityProfileEditor input { margin-bottom: 0; }

.reportViewer-toolbar { background-image: none !important; }

.reportViewer-toolbar table { margin: 0; padding: 0; width: auto !important; }
.reportViewer-toolbar .PageNavigationGroup { margin-right: 20px; }
.reportViewer-toolbar .PageNavigationGroup input { padding: 0; }
.reportViewer-toolbar .PageNavigationGroup input[type=text] { padding: 2px; }
.reportViewer-toolbar .PageNavigationGroup  td { margin: 0; padding: 0; }


.licenceWarning { clear: both; width: 100%; background-color: #ffaca6; border: solid 1px #d02019; padding: 5px 8px; color: #d02019; font-weight: bold; box-sizing: border-box; }


.licensingTable { border: solid 1px #bcc7da; }
.licensingTable th { color: #003d73; background: url('../images/gridHeaderBG2.png') repeat-x #fff; background-position: 0 0; padding: 3px;
    text-transform: capitalize; height: 21px; border: solid 0px #bcc7da; border-width: 0 0 1px 1px; text-align: left; font-weight: normal; }
.licensingTable th:first-of-type { border-left-width: 0; }
.licensingTable td { padding: 3px; line-height: 16px; background-color: #fff; }
.licensingTable tr:nth-child(odd) td { background-color: #F4F5F9; }


.licenseSummary { text-align: left; margin: 2px 0; line-height: 14px; }
.licenseSummary .label { padding-right: 15px; }



.durationSlider { margin: 10px 10px 14px 2px; }
.durationSlider .label { margin-top: 6px; font-size: 10px; color: #555; text-align: center; width: 100%; position: absolute; }



.dashboardFilters { width: 240px; }

.dashboard * { box-sizing: border-box; -moz-box-sizing: border-box; }

.dashboard { width: 100%; height: 100%; overflow: hidden; }
    .dashboard .tile { float: left; text-align: center; overflow: hidden; position: relative; }
    .dashboard .tile h2 { display: block; margin: 0; padding: 0; height: 20%; min-height: 50px;
                          line-height: 50px; font-size: 1.5em; text-align: center; color: inherit; }
    
    .dashboard .tile.disabled { color: #aaa; }        
    .dashboard .value { font-style: normal; font-size: 72px; display: block; margin: 0; padding: 0 0 30px 0; height: 80%; }
    .dashboard .value number { vertical-align: middle; }
    .dashboard .value table { font-size: 14px; width: 92%; height: 98%; margin: 0 4% 2% 4%; text-align: left; line-height: 1em; }
    .dashboard .value td { }
    .dashboard .value th { text-align: left; }

.dashboard.with2columns .tile { width: 49%; margin: 0 1% 1% 0; }   
.dashboard.with2columns .tile.span2 { width: 99%; margin-right: 1%; clear: both; }

.dashboard.with3columns .tile { width: 32.333%; margin: 0 1% 1% 0; }   
.dashboard.with3columns .tile.span2 { width: 65.666%; margin-right: 1%; clear: both; }
.dashboard.with3columns .tile.span3 { width: 99%; margin-right: 1%; clear: both; }

.colour1 { background-color: #8fb643; }
.colour2 { background-color: #34608f; }
.colour3 { background-color: #944aa0; }
.colour4 { background-color: #43bfb7; }
.colour5 { background-color: #a51918; }


/* Float style
.licenseGrid { }
.licenseGrid label { width: 250px; float: left; margin: 4px 120px 4px 4px; font-weight: bold; }
.licenseGrid label img { float: right; vertical-align: middle; }
.licenseGrid label .value { float: right; vertical-align: middle; }
*/

.licenseGrid { display: block; /*display: table;*/ min-width: 300px; }
.licenseGrid label { display: table-row; }
.licenseGrid label span:first-child { font-weight: bold; min-width: 220px; }
.licenseGrid label span { display: table-cell; padding: 3px 40px 3px 0; }
.licenseGrid label img { display: table-cell; vertical-align: middle; padding: 3px 40px 3px 0; }



.buttonEditor-buttonsTab { display: table-row; height: 100%; }
.buttonEditor-buttonList { display: table-cell; padding-right: 15px; vertical-align: top; min-width: 150px; height: 100%; empty-cells: show; }
.buttonEditor-buttonDetails { display: table-cell; padding: 15px; border: solid 1px #d3d6d9; width: 100%; vertical-align: top; empty-cells: show; }
.buttonEditor-buttonDetails .configForm { margin-top: 20px; }
.buttonEditor-buttonList ul { list-style-type: none; border: solid 1px #d3d6d9;  margin: 0; padding: 0; min-height: 220px !important; height: 220px; width: 150px; overflow: auto; }
.buttonEditor-buttonList li { padding: 3px 5px 3px 5px; margin: 0; cursor: pointer; }
.buttonEditor-buttonList li:active { cursor: move; }
.buttonEditor-buttonList li.selected { padding: 5px; color: #fa9130; font-weight: bold; }


.uploader input[type=button] { float: left; }
.progress { display: none; position: relative; width: 100%; height: 3px; margin: 24px 0 0 0; border: solid 1px #aaa;  border-radius: 2px;
            padding: 0px; box-sizing: padding-box; -moz-box-sizing: padding-box; }
.progress .bar { background-color: #fa9130; /*#f9a900;*/ display: block; height: 3px; width: 0; }
.progress .bar.success { background-color: #7c0; /* #a6d900; */}
    .progress .bar.error { background-color: #d02019; }
.progress .status { position: absolute; top: -20px; right: 0; font-size: 12px; }