/* Filter Checkbox */
#page_subheader img.filterbutton{  width: 40px; height: 28px; margin-right: 20px; float: right; cursor: pointer; }

/* Filter Textfield */
#page_subheader input.searchbox{ width: 240px; height: 16px; outline: 0px none; background-color: #F2F2F2; border: 1px solid #a6a6a6; padding: 5px; float: right; box-sizing: content-box; }
#page_subheader div.searchbox{ width: 28px; height: 27px; margin: 0 20px 0 12px; padding-top: 1px; line-height: 28px; background-color: #fdc300; float: right; text-align: center; font-size: 22px; color: #FFFFFF; cursor: help; }

/* Filter Dropdown (TypeAhead) */
#page_subheader input.choosefromdropdown{ height: 16px; margin-right: 25px; outline: 0px none; background-color: #F2F2F2; border: 1px solid #a6a6a6; padding: 5px; float: right; box-sizing: content-box; }

/* Typeahead popups */
.dropdown-menu{ background-color: #fff; position: absolute; z-index: 1000; border: 1px solid #fdc300; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); list-style: none none outside; }
ul.dropdown-menu{ max-height: 300px; overflow: auto; min-width: 64px; }
ul.dropdown-menu .ng-scope.active{ background-color: #fdc300;}
ul.dropdown-menu li{ cursor: pointer; padding: 4px 8px; }
ul.dropdown-menu li a{ text-decoration: none; color: black; }

/* Table */
.tables{ width: 100%; border-spacing: 0; }
.tables > tbody > tr > th{ font-weight: bold; text-align: left; border-bottom: 1px solid #dbdbdb; padding: 10px 0px 10px 0px; white-space: nowrap; line-height: 22px; }
.tables > tbody > tr > th.alignright{ text-align: right; }
.tables > tbody > tr > th div.non-sortable{ height: 24px; display: inline-block; padding-right: 19px; }
.tables > tbody > tr > th div.sortable{ height: 24px; cursor: pointer; display: inline-block; }
.tables > tbody > tr > th div.sortsymbol{ height: 24px; width: 18px; display: inline-block; vertical-align: middle; text-align: left; margin-left:3px;}
.tables > tbody > tr > td{ padding: 6px 12px 6px 0px; vertical-align: middle; }
.tables > tbody > tr > td.alignright{ text-align: right; }
.tables > tbody > tr > td.tdborder{ border-bottom: 1px solid #dbdbdb; }
.tables > tbody > tr > td.tdexp{ padding: 0px 10px 0px 0px; background-color: #f9f9f9; border-left: 3px solid #fdc300; }
.tables > tbody > tr > td.button{ white-space: nowrap; padding-left: 10px; }
.tables > tbody > tr > td span.clickable{ cursor: pointer; }
.tables > tbody > tr > td span.nowrap{ white-space: nowrap; }
.tables > tbody > tr{ min-height: 50px; }
.tables > tbody > tr.separator td.tdborder{ border-bottom: 80px solid transparent;}
.tables > tbody > tr.yellowRow{ background-color: #FFF0A0; }
.tables > tbody > tr.redRow{ background-color: #FF9090; }
.tables > tbody > tr.blueRow{ background-color: #AAD1FF; }

.tables span.greenCell{ color: #3d9441; }
.tables span.yellowCell{ color: #a68100; }
.tables span.redCell{ color: #CC0000; }
.tables span.boldCell{ font-weight: bold; }
.tables a{ color: #444444; text-decoration: none; }
.tables a:hover{ color: #888888; }
.tables .grayText{ color: #a6a6a6; }
.tables .grayText.expansion{ color: #000000; }
.tables .reducedFontSize{ font-size: 80%; }

.tables span.deletespan{ width: 19px; height: 21px; display: inline-block; position: relative; margin-right: 5px; overflow: visible; }
.tables input.button:enabled{ cursor: pointer; }
.tables span.icon,.tables input.icon{ display: inline-block; height: 21px; width: 19px; vertical-align: middle; margin-right: 5px; border: 1px solid transparent; background-color: transparent; background-repeat: no-repeat; background-position: center center; padding: 0;}
.tables input.arrowbutton{ background-image: url('../images/arrow_down_gray.png'); background-color: #ccc; }
.tables input.deletebutton:enabled{ background-image: url('../images/delete.png'); }
.tables input.deletebutton:disabled{ background-image: url('../images/delete_gray.png'); }
.tables input.deletenowbutton{ background-image: url('../images/delete_now.png'); display: block; position: absolute; top: 19px; background-color: #ccc; }
.tables input.editbutton:enabled{ background-image: url('../images/edit.png'); }
.tables input.editbutton:disabled{ background-image: url('../images/edit_gray.png'); }
.tables input.exportbutton:enabled{ background-image: url('../images/export.png'); }
.tables input.linkbutton:enabled{ background-image: url('../images/link.png'); }
.tables input.refreshbutton:enabled{ background-image: url('../images/refresh.png'); }
.tables input.tarabutton:enabled{ background-image: url('../images/tara.png'); }

/* Expansions */
td.tdexp > div{ margin: 10px 0px 20px 0px; padding: 0px 15px; }
td.tdexp > div table.log{ border-spacing: 10px; width: 100%; }
td.tdexp > div table.log td{ vertical-align: top; width: 50%; }
td.tdexp > div table.log div{ margin: 0px 0px 20px 0px; padding: 0px; }
td.tdexp > div table.log div.clickable{ cursor: pointer; }

div.celldetails_left{ display: inline-block; width: 250px; float: left; }
div.cellgraph{ display: inline-block; min-width: 350px; width: 35%; max-width: 500px; }
div.celltable > table > tbody > tr > th{ padding: 4px 4px 4px 24px; font-weight: bold; white-space: nowrap; }
div.celltable > table > tbody > tr > td{ padding: 4px 4px 4px 24px; cursor: pointer; }
div.celltable > table > tbody > tr:hover > td{ background-color: #f2f2f2; }
div.celldetails_right{ display: inline-block; margin: 0px 0px 0px 36px; cursor: pointer; }

/* Tooltips */
span.tooltip-parent-ellipsis{ display: inline-block; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; height: 1.2em; }
span.tooltip-parent-ellipsis.hints{ width: 100px; }
span.tooltip-parent-ellipsis.desc{ width: 100px; }

td[uib-tooltip-html]{ cursor: help; }
td[uib-tooltip-html='']{ cursor: inherit; }

/* progress bar */
span.weight_progress{ white-space: nowrap; }
span.weight_progress_bar{ display: inline-block; background-color: #CCCCCC; height: 10px; width: 60px; overflow: hidden; }
span.weight_progress_bar_val{ display: block; background-color: #fdc300; height: 10px;  pointer-events: none; }

/* choosefromlist */
ul.choosefromlist{ width: 166px; margin: 0px 0px 25px 50px; padding: 15px 20px 5px 20px; float: left; list-style-type: none; background-color: #F2F2F2; }
ul.choosefromlist > li{ margin-bottom: 10px; cursor: pointer; }
ul.choosefromlist > li.choosefromlist_active{ font-weight: bold; }

/* tablemsg */
span.tablemsg{ display: inline-block; height: 26px; margin-left: 64px; font-size: 12pt; font-weight: bold; padding: 2px 16px 0 16px; background-color: #FF9090; overflow: hidden; }

@media (max-width: 1740px) {
    span.tablemsg{ margin-left: 32px; }
}

@media (max-width: 1640px) {
    #page_subheader input.searchbox{ width: 160px; }
}

@media (max-width: 800px) {
    #page_subheader input.searchbox{ width: 120px; }
}