*{margin: 0; padding: 0;}

html, body, div.wrap{ height:100%; }

body{background-image: url('../img/low_contrast_linen.png'); border:0;margin:0;padding:0; overflow: hidden; min-width: 880px;}

body, input, button{font-family:"Source Sans Pro", "Arial", Sans-Serif;font-size:14px;}

div.topbar-wrap{margin: 0 12px 0 10px; position: relative;}
div.topbar{color: #F3F3F3; line-height: 20px; font-size: 18px; font-weight: 300; position: absolute; height: 39px; width: 100%; border: 1px solid #222; border-top: 0; background-color: #444; z-index: 100;}
canvas#bitbunker-fancy-logo{float:left; width: 40px; height: 40px; margin: 0 -6px 0 4px;}
img.bunker-logo{float: right; margin: -1px 4px 0 5px; width: 59px; height: 40px; }
div.cheesy-zinnetje{float: right; padding: 9px 11px; }
div.site-title{padding: 9px 6px; float: left;}
div.site-title .highlight{ font-weight: 400; margin: 0 4px; display: inline-block;}
div.wrap{position:absolute; top: 0; width: 100%;}
div.col{ height: 100%; margin-left:10px; margin-right: -11px; width: 187px; float: left; padding: 0px; background-color:#555; border-left: 1px solid #232323;  border-right: 1px solid #232323; position: relative; }
div.main-col{ height: 100%; margin-right: 10px; margin-left: 574px; position: relative;  background-color:#555; border-left: 1px solid #232323;  border-right: 1px solid #232323;  }

ul.toolbar-menu{float: right; display: block; list-style-type: none;}
ul.toolbar-menu li{line-height: 18px; padding: 10px; float: left; display: block;}
ul.toolbar-menu li span.highlight{font-weight: 600;}
ul.toolbar-menu li .menu-action-icon{ margin: 0 7px;  vertical-align: -1px; }
ul.toolbar-menu li .label{display: inline-block; margin: 0 8px 0 0; font-size: 17px; }
ul.toolbar-menu li.action{cursor: pointer;}
ul.toolbar-menu li.action:hover{background-color: #666;}

div.col, div.main-col{ top: 40px; }

div.list-wrap{top: 40px; position:absolute; height: 100%; width: 187px; overflow-y: auto;}

#main-content{ width: 400px; height: 400px; overflow: auto; padding: 10px 10px 10px; color: #ddd;}
#main-content h3 { margin-top: 0; font-weight: normal; }
#main-content .log a:not(.btn) {color: #f99f9f;}

.content-spacer{margin: 0; padding: 0; height: 20px;}

[class^="icon-"]::before, [class*=" icon-"]::before{opacity: 1; vertical-align: 1px; font-size: 14px;}

.eg-icon{margin: -1px 6px 0 -22px; }
.content-ft-icon{margin: 0 6px 0 0;}

.expandable-group{ min-height: 32px; margin: 0 0 10px; background-color: #c5c5c5; position:relative; border: 1px solid #232323;  }
.expandable-group .arrow{ display: none; width: 11px; z-index: 100; height: 11px; position:absolute; right: 9px; top: 11px; background-image: url('../img/icons/arrow-collapsed_light.png'); }
.expandable-group.expanded .arrow{width: 11px; height: 11px; position:absolute; right: 9px; top: 11px; background-image: url('../img/icons/arrow-expanded-down_light.png'); }
.expandable-group-label{ position:absolute; width: 100%; height: 16px; cursor: pointer;}
.expandable-group-label-inner{ font-size: 15px; height: 16px; background-color: #999; color: #222; padding: 6px 8px 10px 32px; }
.expandable-group.expanded .expandable-group-label-inner{position:relative; }
.expandable-group-label-inner:hover, .expandable-group.expanded .expandable-group-label-inner{background-color: #999;}
.expandable-group-label-inner img{position:absolute; top: 8px; left: 9px;}
.expandable-group-content{display:none; color: #222; padding: 8px;  margin: 32px 0 0;  }
.expandable-group.expanded .expandable-group-content{display: block;}
.expandable-group-content a{color: #aa0000; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); text-decoration: underline;}
.expandable-group-content a:hover{color:#dd1111;}
.expandable-group-content a.disabled{color: #000 !important; text-shadow: none; cursor: default; text-decoration:  none;}
.expandable-group-content input{border: 1px solid #333; padding: 5px; }
.config-area{ width: 100%; height: 200px; border: 1px solid #333; }
.config-area-wrapper{padding: 6px 2px 1px 6px; margin: 0 6px 0 0;}
.report-content{font-family: "Roboto Mono"; font-size: 12px; }
.app-info{margin-bottom: 10px; font-weight: bold; font-size: 110%; color: #ffff00; }
.header-area{font-family: "Arial";text-align: right; opacity: 0.9; background-image: url('../img/opaque-black-ie8.png'); background: rgba(50,50,50,0.93); cursor: default; right: 0px; padding: 0 8px; margin: 0px 20px 0px 597px; position:fixed; top: 10px;}
.header-area:hover{opacity:0.2;}
.header-area h2{margin-bottom: 0; margin-top: 6px; font-size: 14px;}
.header-area h3{margin-top: 0;  margin-bottom: 6px; font-size: 12px; font-weight: normal;}

#content{background:0;border:1px solid #D2D2D2;box-shadow:0 0 30px #CCC;margin:10px auto;padding:20px 60px;width:350px;}
#mybody{background-color:#FFF;border:0;font-size:10pt;margin:0;padding:0;}
.actiontoggle{border-color:#505050;border-style:solid;border-width:1px 0 0 5px;cursor:pointer;font-size:8pt;margin:10px 0 0 !important;padding-left:3px;}

div#main-col-header{position: relative; background: #999; }
div#main-col-header, div.search-wrap{box-shadow: 0px 1px 3px rgba(0,0,0,0.2); border-bottom: 1px solid #232323; width: 100%; height: 40px;}
div#main-content-title{line-height: 20px; padding: 9px 10px 11px; color: #222; font-size: 16px; font-weight: 400;}
div#main-content-title .highlight{ font-weight: 600;}
img.content-icon{float: left; margin: 3px 6px 0 0;}
div.search-wrap{z-index:100; position:absolute; top:0px; left:0px; background: white; }
div.search-field-wrap{margin: 9px 10px; padding-right: 26px; position:relative;}
div.search-field-wrap label{position:absolute; font-size: 14px; left: 2px; top: 2px; cursor: text; color: #444;}
div.search-field-wrap input{height: 18px; font-size: 14px; border: 1px solid transparent; padding: 4px 27px 4px 5px; margin: -3px -4px; width:100%;background-image: url("../img/search.png"); background-repeat: no-repeat; background-position:right;}
div.search-field-wrap input:focus{outline: none;}
div.search-field-wrap input.hastext{background-image: none;}
div.search-field-reset{width:24px; height: 24px; position:absolute; right: -2px; top: -1px; display:none; background-image: url("../img/field-reset.png"); opacity: 0.5; cursor: pointer;}
div.search-field-reset:hover{opacity: 0.7;}
ul.itemlist{list-style:none; padding: 0; margin: 0; width: 100%;}
ul.itemlist > li{list-style: none;display: inline-block; width: 100%;}

a.statuslink{line-height: 16px; padding-left: 20px; background-repeat: no-repeat; background-position: 0 0;}
a.statuslink.idle{background-image: url('../img/indicators/1335011117_check_yes.png'); }
a.statuslink.warning{background-image: url('../img/indicators/1335011216_error_small.png'); }
a.statuslink.busy{background-image: url('../img/indicators/ajax-loader.gif'); }

ul.tags{padding: 0; margin: 0 0 2px;}
ul.tags li{margin: 6px; display: inline-block; padding: 6px 6px 6px 7px; border: 1px solid #232323; background-color: #444; color: #eee;}
ul.tags li:hover{background-color: #333; cursor: pointer;}
ul.tags li.with-close-button {padding-right: 25px; position: relative;}
ul.tags li a.manager-remove {position: absolute; right: 5px; top: 1px; background-position: center; background-repeat: no-repeat; height: 26px; width: 16px; background-image: url('../img/manager_remove.png'); opacity: 0.65;}
ul.tags li:hover a.manager-remove {opacity: 0.7;}
a.manager-remove:hover{opacity: 1 !important; cursor: pointer;}
div#managerModificationOverlay{background: rgba(189, 189, 189, 0.5); padding: 12px; position: absolute; display: none; }

p.pButton{margin: 5px 4px 7px;}
p.pInputField{margin: 4px;}
p.pInputField label{float: left; display: block;padding: 7px 2px;margin: 1px 6px 0 0; width: 140px;}
p.pInputField input[type="text"], p.pInputField input[type="password"]{float: left; width: 200px;}

p.pInputField input[readonly]{color: #333; background: #e4e4e4;}
p.pInputField input.busy{background-image:url("../img/snake.gif"); background-repeat: no-repeat; background-position: right;}
p.pInputGroup{ margin: 4px; padding: 2px 2px 5px; font-weight: bold;}

input.hiddentextfield{display: none;}

div.pLeftSpacer{float: left; width: 150px; height: 2px;}
.pHRadio{list-style-type: none; padding: 4px 0 4px 4px; float: left; width: 216px;}
.pHRadio li{padding: 4px 0;}
.pHRadio li input[type="radio"]{vertical-align: -2px; margin: 2px 8px 2px 2px;}

.pUserlist{list-style-type: none; padding: 0 4px; margin: 6px 0 10px 4px; width: 220px;}
.pUserlist li.owner{font-weight: 600; }
.pUserlist li{padding: 4px; line-height: 16px;}
.pUserlist li a.user-action{color: #222; font-weight: normal !important; opacity: 0.4; display: inline-block; width: 16px; height: 16px; margin: 2px 3px 2px 1px; vertical-align: -1px;}
.pUserlist li:hover a.user-action{opacity: 1;}
.pUserlist li a.user-action:hover{ color: #ff3333; }
.pUserlist li:not(:last-child){border-bottom: 1px solid #222; }

a.item{text-decoration: none;}
.item{ cursor: pointer; background: #555; color: #f3f3f3; position: relative; display:block; font-size: 14px; padding: 4px 7px; }
.item:hover{background: #4b4b4b !important; }
.item.selected{background: #444 !important;  }
.item.nosel{color:#333;}

.item-title{margin: -2px 0 -4px; font-weight: 600;}

.item .groupstatusicon{width: 16px; height: 16px; position:absolute; left: 4px;}
.item .reportstatusicon{width: 16px; height: 16px; position:absolute; left: 4px;}
.ok .statusicon{background-image: url("../img/ok.png");}
.fail .statusicon, .error .statusicon{background-image: url("../img/fail.png");}
.dead .statusicon{background-image: url("../img/dead.png");}

.item.machineitem{padding-left: 25px !important; position: relative;}
.item.machineitem .groupstatusicon, .item.groupitem .groupstatusicon{top: 11px;}

.item.groupitem{padding-left: 25px !important; position:relative;}
.item.reportitem{padding-left: 25px !important; position:relative; padding: 5px 7px;}
.item.groupitem.owngroup .item-title{font-weight: 700;}


ul.icons{text-align: right; list-style: none; float: right; padding: 0; }
ul.icons li{ width: 16px; height: 16px; float:left; background-repeat: no-repeat; background-position: center;}
ul.icons li.ok{background-image: url('../img/ok.png');}
ul.icons li.failed{background-image: url('../img/failed.png');}
ul.icons li.license{background-image: url('../img/license.png');}
ul.icons li.update{background-image: url('../img/software_outdated.png');}

.item.failed{border-left-color: #dc3333 !important;}
.item.gone{border-left-color: #020202 !important;}
.item.license{border-left-color: #662099 !important;}
.item.ok{border-left-color: #12ae54 !important;}
.item.warn{border-left-color: #bcdc33 !important;}

ul.item_properties{ list-style: none; position: absolute; top: 11px; right: 3px; opacity: 0.4;}
.item.selected ul.item_properties, .item:hover ul.item_properties{ opacity: 0.9;}
ul.item_properties li{float: left; }
ul.item_properties li a{text-decoration: none; width: 16px;}
div.action-icon-wrap{width: 16px; margin-left: -7px; margin-right: 7px; color: #f3f3f3;}

div.actionbar{border-color:#505050;border-style:solid;border-width:1px;display:block;font-size:10pt;margin-top:5px;padding:1px;}
div.actionsection{border:0;display:none;margin:0;padding:0;}
div.failed{background-color:#FCC;font-weight:700;}
div.failedsel{background-color:#FDD;font-style:italic;font-weight:700;}
div.frame{background-color:#555;padding:10px;border-radius: 2px;}

div.oksel{background-color:#EFE;font-style:italic;}
div.reportdate{border-bottom-style:hidden !important;color:#999;float:right;font-size:8pt;}
div.suffix{display:inline;font-size:12px; opacity: 0.8;}
span.suffix-error{color: #ff7777; }
div.warn{background-color:orange;}
div.warnsel{background-color:#FFD599;font-style:italic;}
form{margin:0;}
form input{border:0; background: white;}
img{border:0;}

.notify-overlay {position: fixed; bottom: 1px; right: 11px; z-index: 100;}
a.notification-close {opacity: 0.4; position: absolute; z-index: 100; right: 10px; top: 12px; width: 24px; height: 24px; background-image: url('../img/notification-close.png'); display: block;}
a.notification-close:hover{opacity: 0.7;}
.notify-overlay ul{list-style: none; margin: 5px;}
.notify-overlay ul li{position: relative; height: 46px; width: 400px; }
.notify-overlay ul li div{position: absolute; z-index: 100; right: 0px; border: 1px solid #222;
     margin: 5px; padding: 10px 36px 10px 10px; color: #f3f3f3; text-align: right;}
.notify-overlay ul li div a{color: #f67979;}
.notify-overlay ul li div a:hover{color: #f8acac;}
.notify-overlay ul li div{background: #444;}

div.activity-overlay{ background-image: url("../img/ditiseentransparantgifje.png"); position:fixed;  top:0px;     left: 0px;     width: 100%;   height: 100%;   z-index: 1001; }
div.activity-overlay > div{position:fixed;   bottom: 0px; }
div.activity-overlay > div div.inner-wrapper{ margin: 8px 6px; color: #eee; background-image: url('../img/opaque-black-ie8.png'); background: rgba(17, 17, 17, 0.95); padding: 14px;  }
div.activity-overlay > div div.caption-inner{ position: relative;display: inline-block;}
div.activity-overlay > div div.caption-inner img.ajax-gifje{float: left; margin: 2px 12px -4px 0;}
span#activity-caption-text {float: left;}
span#activity-caption-text span.id{ font-weight: 600; }

.bbcc_backupto, .bbcc_backupmadeon {color: #D193F1; font-weight: bold;}
.bbcc_time, .bbcc_date, .bbcc_date2 { color: #bfbfbf;}
.bbcc_filesize { color: #a1b3e1;}
.bbcc_success { color: #70ec6a; font-weight: bold; }
.bbcc_warning { color: #e56f6f; font-weight: bold; }
.bbcc_h1 { font-size: 120%; font-weight: bold; display: block; margin: 15px 0 -8px; padding: 3px;}
.bbcc_fulldiff{ /*font-style: italic;*/ }
.bbcc_volume{display: block; padding: 4px; margin-top: 4px; font-weight: bold;  color:#f7ca84;}
.bbcc_diffbkup{color: #97ccc2; display: inline-block; margin: 8px; font-weight: bold; }
.bbcc_cmdline{color: #999;}

#pwd-change-alert-container, #add-user-alert-container{margin: 12px 4px 14px;}
.alert {margin-bottom: 0;}

.btn{ background-image: none; border-radius: 0; font-size: 14px;}
.btn.btn-inverse{ background-color: #444; border-color: #232323;}
.btn.btn-inverse:hover:not(.disabled), .btn.btn-inverse:active:not(.disabled){ background-color: #333; }

.tooltip{font-size: 13px;}

.p-content-waypoint-queue, .p-content-waypoint-idle, .p-content-waypoint-visible{min-height: 28px; }
ul.loglist{margin: 8px 0 0 ; list-style-type: none;}
ul.loglist li{padding: 4px 0;}
ul.loglist li span.highlight{font-weight: bold;}

.logtable .highlight{font-weight: 600; }

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {background-color: rgba(0, 0, 0, 0.1);}
.table th, .table td { border-top: none; }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {background-color: rgba(0, 0, 0, 0.2); }
.table th {font-size: 115%;font-weight: 600; }

.alert{border-radius: 0; border-color: #B94A48; padding: 5px 14px; line-height: 20px;}
.alert .close{top: 0; right: -6px;}

.tooltip-inner{border-radius: 0; }