h1 {
	margin-top:    0;
	font-size:     14px;
	padding:       0;
	margin-bottom: 0;
	user-select:   none;
}

#host-info {
	flex:       1;
	padding:    24px 0 16px 0;
	text-align: center;
	margin:     auto;
}

#host-info-placeholder {
	color:          #eee;
	font-weight:    bold;
	font-size:      48pt;

	text-transform: uppercase;
}

#host-info-loading {
	display: none;
}

#host-authcode {
	display:        none;
	margin-right:   16px;
	margin-left:    -8px;
	font-weight:    bold;
	padding-bottom: 8px;
	color:          #759100;
}


/* -- TABS -- */
#host-info .tabs {
	display:       flex;
	align-items:   flex-end;
	border-bottom: 1px solid #ccc;
}

#host-info .tab {
	margin-left:   0px;
	padding:       8px;

	border-top:    1px solid #ccc;
	border-left:   1px solid #ccc;

	background:    #f8f8f8;
	border-radius: 6px 6px 0px 0px;

	font-size:     12px;
}

#host-info .tab:nth-child(2) {
	margin-left: 0;
}

#host-info .tab:last-child {
	border-right: 1px solid #ccc;
}

#host-info .tab.selected {
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
	background:    #fff;
}

#host-info .tab-content {
	display:    none;
	text-align: left;
	padding:    32px;
}


/* -- HOSTNAME -- */
#host-info .hostname {
	font-family:    monospace;
	font-weight:    bold;
	font-size:      24px;
	margin:         0 24px 0 32px;
	padding-bottom: 3px;
}


/* -- MISC -- */
#host-info .header {
	font-weight:   bold;
	color:         #759100;
	margin-bottom: 4px;
}

#host-info .undefined {
	color: #bbb;
}

/* -- TABLE -- */
#host-info table {
	border:          2px solid #ccc;
	border-collapse: collapse;
}

#host-info table td {
	padding:        6px;
	border:         1px solid #eee;
	vertical-align: top;
}

#host-info table td:first-child {
	color: #759100;
}

/* -- SUB TABLE -- */
div.subtable {
	padding:       6px;
	border-bottom: 1px solid #eee;
	margin:        0 -6px 0 -6px;
}

div.subtable:first-child {
	padding-top: 0;
}

div.subtable:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#host-info ul {
	margin:       0;
	padding-left: 16px;
}

#host-info li {
	padding-left: 0;
}


/* -- NIC -- */
#host-info [type=nic] tr:first-child td {
	color: #759100;
	border-bottom: 2px solid #ccc;
}

#host-info [type=nic] td:first-child {
	color: #555;
}

#host-info [type=nic] td small {
	color: #aaa;
}

#host-info [type=nic] tr.no_name {
	display: none;
}

#host-info [type=nic] table tr td:nth-child(3),
#host-info [type=nic] table tr td:nth-child(7) {
	border-right: 2px solid #ccc;
}


/* -- HARDWARE -- */
#host-info [type=hardware] .mem-layout {
	display: flex;
}

#host-info [type=hardware] .pagefile     tr:first-child td,
#host-info [type=hardware] .diskdrive    tr:first-child td,
#host-info [type=hardware] .logical-disk tr:first-child td {
	color: #759100;
	border-bottom: 2px solid #ccc;
}

#host-info [type=hardware] .pagefile     td:first-child,
#host-info [type=hardware] .diskdrive    td:first-child,
#host-info [type=hardware] .logical-disk td:first-child {
	color: #555;
}


/* -- FILESYSTEM -- */
#host-info [type=filesystem] .filesystem tr:first-child td {
	color: #759100;
	border-bottom: 2px solid #ccc;
}

/* CONSOLE OUTPUT */
.console {
	padding:     8px;
	width:       600px;
	height:      320px;
	background:  #000;
	font-family: monospace;
	white-space: pre;
}

.console.out {
	color:  #2a2;
}

.console.err {
	height:     200px;
	color:      #f22;
	margin-top: 8px;
}

.exec-status.success {
	color: #0a0;
}

.exec-status.error {
	color: #f00;
}

[type=actions] .console {
	height: 160px;
}

/* -- Sections -- */
.section_header.active {
}

.section_header.inactive {
	color : #bbb;
}

.section-box {
	background:         #fafafa;
	border-left:        1px solid #ccc;
	border-right:       1px solid #ccc;
	border-bottom:      1px solid #ccc;
	padding:            16px;
	margin-bottom:      0px;
	-webkit-box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.12);
	   -moz-box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.12);
	        box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.12);
}

.section-box:hover {
	background: #f0f0f0;
}

tr:first-child .section-box {
	border-top: 1px solid #ccc;
}

.section-box .content {
	display:     none;
	padding-top: 12px;
}

#deployable_packages * {
}

#deployable_packages div {
	margin:  1px 0 1px 0;
	padding: 0;
}

#deployable_packages div.group {
	border-top:  1px solid #ccc;
	padding-top: 4px;
	margin-top:  4px;
}