/* main css file for config-console */

@import url('font-awesome/css/font-awesome.min.css');
/* hack needed for font-awesome since our base font is 13px and not 14px */
[class^="icon-"],
[class*=" icon-"] {
    font-size: 14px;
}
.icon-remove-sign { color: #DD9999; }
.icon-remove-sign:hover { color: #FF0000; }

* {
	font-family: verdana;
}
body {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	margin: 10px 0;
	font-family: 'Helvetica Neue', sans-serif;
}
form {
	padding: 0;
	margin: 0;
}
pre {
	margin: 0;
}
input, textarea {
	padding: 3px;
	border: 1px solid #CCC;
}

#header {
	color: white;
	background-color: #85a2d5;
	border-bottom: 4px solid #B6E2F1;
	padding: 10px;
}
#header h2 {
	display: inline;
	font-weight: 200;
	font-size: 1.6em;
	vertical-align:top;
}
#header a {
	color: white;
}

#header #user-info {
	float: right;
	font-size: 13px;
	padding-top:10px;
}

#header .header-upper {
	vertical-align:top;
	padding-right: 20px;
}


#breadcrumbs {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	font-size: 12px;
}

.container1 {
	margin: 0 auto;
	width: 1000px;
}

.spacious {
	margin: 10px 0;
}

#main {
	padding: 10px 20px;
	margin-left: 150px;
	float: none;
	width: auto;
	font-size: 13px;
}

#main-slim {
	font-size: 13px;
	padding: 10px 20px;
}

#main table {
	border: 1px solid #CCC;
	border-collapse: collapse;
}
#main td,th {
	font-size: 13px;
	border: 1px solid #CCC;
	padding: 3px 8px;
}
#main td.center {
	text-align: center;	
}

#main h2 {
	font-size: 16px;
	color: #333;
	padding: 5px 0px;
	width: 100%;
}

#main h3 {
	font-size: 14px;
	color: #333;
	border-bottom: 2px solid #DA7C0C;
	padding: 5px 0;
	width: 100%;
}

#main a, #main a:visited {
	text-decoration: none;
	color: #004B91;
}

#main a:hover {
	color: #DA7C0C;
}

#main ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#main ul li {
	padding: 4px 0;
}

#main .CodeMirror {
	/*height: 400px;*/
}

#main .form {
	background: #EEE;
	padding: 10px;
	border: 1px solid #DDD;
}

#main .form td {
	vertical-align: middle;
	border: 0;
	padding: 0px 10px;
}

/* physical hosts */
#main .host-row {
	height: 37px;
}

#menu-container {
	position: relative;
	float:left;
	width: 150px;
}

#menu {
	border: 1px solid #909090;
	border-radius: 2px;
}

#menu .title {
	background: #2b2b2b;
	color: #fff;
	border-bottom: 1px solid #D6C782;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 2px;
}

#menu .item {
	display: block;
	text-decoration: none;
	color: #1a1a1a;
	background: #FaFaFa;
	border-top: 1px solid #FFFEF5;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px;
}

#menu .item:hover {
	background: white;
	text-decoration: underline;
	border-top: 1px solid #D6C782;
	border-bottom: 1px solid #D6C782;
}

#menu .item.indent::before {
	content: "\21B3  ";
}

#mascot {
	padding: 10px;
}

#mascot img {
	width: 120px;
}

#main .app-info {
	background: #EEE;
	width: 100%;
	width: 100%;
	border-collapse: collapse;
}

#main .app-info td {
	font-size: 11px;
	border: 0;
}

#main .app-info .lbl {
	color: #000;
}

#main .app-info .val {
	color: #b84;
	background: #FFF;
	font-weight: bold;
}

#main .app-info .val > a {
	color: #b84;
}

#main .app-info .val > a::after {
	content: ' \25BE';
}

#main .app-info .menu:hover .entries {
    display: block; 
}

#main .app-info .menu .entries {
    text-align: left;
    display: none;
    position: absolute;
	top: 3px;
	left: -9px;
    background-color: white;
    border: 1px solid #CCC;
    border-top: none;
    max-height: 300px;
    overflow-y: scroll;
}

#main .app-info .menu .entries a {
    font-weight: normal;
    padding: 3px 10px;
    border-bottom: 1px solid #DDD;
    display: block;
}

#main .expandable {
	border: 1px solid #CCC;
	margin-top: 10px;
}

#main .expandable .title {
	cursor: pointer;
	background: #f2f2f2;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

#main .expandable .title .unbold {
	font-weight: normal;
}

#main .expandable .title .sign {
	float: right; 
	padding: 0 5px;
}

#main .expandable .content .body {
	padding: 10px;
	overflow: auto;
}

#main .expandable .content .withbg {
	background: #f2f2f2;
	padding: 5px;
}

#main .status {
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
#main .status.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/info.png');
}
#main .status.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/success.png');
}
#main .status.warning {
    color: #FFFFFF;
    background-color: #FF0000;
    background-image: url('/images/warning.png');
}
#main .status.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/error.png');
}

#main .diff {
	border: 1px solid #ADDFFF;
}

#main .diff .dt {
	font-size: 11px;
	color: #888;
}

#main .diff th {
	background: #bdedff;
	border: 0;
	border-bottom: 1px solid #ADDFFF;
}

#main .diff .odd {
	background: #e0ffff;
	border: 0;
	border-bottom: 1px solid #ADDFFF;
}

#main .diff .even {
	background: #bdedff;
	border: 0;
	border-bottom: 1px solid #ADDFFF;
}

#main .loading {
	margin: 10px 20px;
	vertical-align: middle;
	background: #F8F8F8;
}
#main .loading img {
	vertical-align: middle;
}

#main .editKey {
	width: 100%;
}

#main #merge-view {
    border: 10px solid rgba(0, 0, 0, 0.5);
    width: 90%;
    position: absolute;
    top: 200px;
    left: 5%;
    background-color: white;
    z-index: 1002;
}

#footer {
}


/* modal window */

#shield {
	position: fixed;
	background: #333;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: .5;
	filter: alpha(opacity=50);
	width: 100%;
	height: 100%;
	_position: absolute;
	display: none;
}

#window {
	width: 400px;
	height: 200px;
	position: fixed;
	z-index: 1001;
	text-align: left;
	padding: 10px;
	_position: absolute;
	background: #333 transparent;
	background: rgba(51,51,51,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C333333',endColorstr='#4C333333');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C333333, endColorstr=#4C333333)";
	display: none;
}

#window .body {
	height: 100%;
	background: #FFF;
	overflow: auto;
}

#window .body .controls {
	padding: 5px;
	background: #f2f2f2;
}

#window.absolute {
	position: absolute;
}


#search {
	margin-left: 150px;	
	padding: 0px 20px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

#search .search-parent {
	position:relative;
	background:white;
	margin:0;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

#search .search-query {
	padding: 8px 100px 9px 5px;
	margin:0;
	border: 0;
	outline: 0;
	font-size: 13px;
	width: 100%;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	color: #333;
}

#search .search-menu {
	position:absolute;
	top:0;
	right:0;
	height:34px;
	margin:0;
	border: 0;
	outline: 0;
	background: transparent;
}

#search .search-btn-container {
	background: #007fb8;
	background: -moz-linear-gradient(top,#1e5799 0,#fff 0,#007fb8 7%,#007fb8 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(0%,#fff),color-stop(7%,#007fb8),color-stop(100%,#007fb8));
	background: -webkit-linear-gradient(top,#1e5799 0,#fff 0,#007fb8 7%,#007fb8 100%);
	background: -o-linear-gradient(top,#1e5799 0,#fff 0,#007fb8 7%,#007fb8 100%);
	background: -ms-linear-gradient(top,#1e5799 0,#fff 0,#007fb8 7%,#007fb8 100%);
	background: linear-gradient(to bottom,#1e5799 0,#fff 0,#007fb8 7%,#007fb8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799',endColorstr='#007fb8',GradientType=0);
	width:40px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

#search .search-btn-container:hover {
	background: #0073cf;
	background: -moz-linear-gradient(top,#1e5799 0,#fff 0,#00a8d9 7%,#0073cf 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(0%,#fff),color-stop(7%,#00a8d9),color-stop(100%,#0073cf));
	background: -webkit-linear-gradient(top,#1e5799 0,#fff 0,#00a8d9 7%,#0073cf 100%);
	background: -o-linear-gradient(top,#1e5799 0,#fff 0,#00a8d9 7%,#0073cf 100%);
	background: -ms-linear-gradient(top,#1e5799 0,#fff 0,#00a8d9 7%,#0073cf 100%);
	background: linear-gradient(to bottom,#1e5799 0,#fff 0,#00a8d9 7%,#0073cf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799',endColorstr='#0073cf',GradientType=0);
}

#search .search-btn {
	background: url("/images/search.png") no-repeat -7px -77px;
	width: 40px;
	height: 28px;
	margin: 6px 0 0 0;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	border: 0;
	padding: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.property-diff {
	white-space: pre;
	height: 400px;
	border: 1px solid #DDD;
	overflow: auto;
}

.property-diff .removed {
	background: #FFBABA;
}

.property-diff .added {
	background: #DFF2BF;
}

body {
	background-color:#f2f2f2 !important;
}
.container {
	background-color:#ffffff;
	min-height:700px;	
}
.xcrud-toggle-show {
display:none !important;	
}

.table-striped div.form-group:nth-child(odd) {
	    background-color: #f9f9f9;
	    padding:5px;
	    border-top: 1px solid #dddddd;
	    border-bottom: 1px solid #dddddd;
}
.form-horizontal .control-label {
	text-align: left;
}

.navbar {
	z-index: 1;
}

.pagination {
    float:right !important;
}

.xcrud-error span {
	display:none;
}