#menu UL LI:first-child a,
#menu UL LI:first-child + * a{
/* 	padding-left: 25px;
    padding-right: 55px; */
}
#menu UL LI:first-child + * + * a,
#menu UL LI:first-child + * + * + * a,
#menu UL LI:first-child + * + * + * + * a{
	padding-left: 23px;
    padding-right: 23px;
}
#wrapper {
	/* width: 1280px; */
	margin: 0 auto;
}

#content {
    padding: 0 24px 18px 24px;
}
#content .vrm-cockpit h2 {
	padding: 0;
	line-height: 1em;
	margin: 1em 0;
}

.info-holder dl {
	margin: 10px 0 10px 30px;
	border-right: 1px solid #c3c3c4;
	padding: 5px 0;
}
.info-holder dl dt, .info-holder dl dd {
	display: inline-block;
}

.info-holder dl dt {
	width: 55%;
	white-space:nowrap;
}

.info-holder dl dd {
	margin-left: 0;
}

section > div:nth-child(1) > div > div:nth-child(3) > dl {
	border-right: 0px;
}

.general_row1 .column-3 {
	width: 33% !important;
}

.general_row1 .info-holder dl {
    margin: 0px;
    border-right: 1px solid #c3c3c4;
    padding: 5px;
}

.column-6.info-holder dl {
	border: none;
}
.column-6.info-holder dl dt {
	width: 27%;
}
.vrm-cockpit .box h3 {
	font-size: 1em;
}
.vrm-cockpit .box.last, .vrm-cockpit .box.only {
	margin-right: 0px;
}

.vrm-cockpit .box.only.mr10 {
	margin-right: 10px!important;
    padding: 2px 11px;
}

.mr10 {
	margin-right: 10px!important;
}

.vrm-cockpit .box {
	margin:0 10px 10px 0;
}
.accordion {
	overflow: hidden;
}

.accordion h3 {
	font-size: 1em;
	padding-top: 5px;
	margin-bottom: 15px
}

.accordion .box-info {
	min-height: 167px;
}
.accordion .rowspan2.box-info {
	min-height: 344px;
}
.accordion .column-6 .box-info{
	min-height: 320px;
}

.top-radius {
	position: relative;
}

.gradient-75 {
}

.openable a {
	text-decoration: none;
}
html.safari .openable a {
	padding: 0 0 0 35px;
	margin-left: -35px;
}

.openable a::before{
	content: '\e296';
	font-family: 'Bosch-Icon-TEST'!important;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	line-height: .5em;
}

.openable a.close::before {
	content:'\e147';
}

.openable-closed:hover:before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	margin: 0 10px;
}
.openable-closed:before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	margin-top: 3px;
	margin-left: -2px;
	margin-right: 2px;
}

.box-info-content ul {
	padding: 0 16px;
}
.box-info-content .dropdown ul.appendiable {
	padding: 0;
}
.box-info-content ul li {
	line-height: 1.4em;
}

.box-info-content ul li table .last {
	margin-left: 40px;
}

.box-info-content ul li table .first {
	width: 45%;
	text-align: left;
	margin:0;
}

.box-info-content ul li table td, .box-info-content ul li table th {
	width: 10%;
	float: left;
	margin-left: 10px;
}

.box-info-content ul li table td {
	font-weight: bold;
}

.box-info-content ul li table th {
	font-weight: normal;
}

.box-info-content ul li table {
	width: 100%;
	text-align: right;
}

.box-info-content ul li.error {
	color: #e20015;
	color: black;
	color: #950606;
}

.box-info-content li.warning .iconfont, table .iconfont.warning {
	font-size: 28px;
	margin-top: -10px;
}

.box-info-content ul li.warning, table .iconfont.warning {
	/* color: #ffcf00; */
	/* color: #cda600; */
	/* color: #8f7300; */
	/* color: #f39c11; */
	/* font-size: 2.5em !important; */
	background-color: #ffcf00;
	color: black;
	padding: 4px;
}

.box-info-content ul li .label {
	display: inline-block;
}

.box-info-content ul.vertical-10 li hr {
	margin: 10px 0;
}

.box-info-content ul.vertical-10 li {
	margin-bottom: 10px;
}

.box-info-content ul.label-20 .label {
	width: 20%;
}

.box-info-content ul.label-30 .label {
	width: 30%;
}

.box-info-content ul.label-40 .label {
	width: 40%;
}

.box-info-content ul.label-50 .label {
	width: 50%;
}

.box-info-content ul.label-60 .label {
	width: 57%;
}

.cockpit-overview dl > dd {
	min-width: 30%;
	float:right;
}

.cockpit-overview dl > dd strong {
	 float:right;
}

.leftLabel {
    width: 30px;
    float: left;
    display: block;
    position: relative;
}

.middleValue_44 {
    margin-left: 2px;
    float: left;
    display: block;
    min-width: 44%;
    text-align: right; 
}

.middleValue_44_2 {
    margin-left: 10px;
    float: left;
    display: block;
    min-width: 44%;
    text-align: right; 
}

.middleValue {
    margin-left: 10px;
    float: left;
    display: block;
    min-width: 19%;
    text-align: right; 
}

.middleValue_15{
    margin-left: 10px;
    float: left;
    display: block;
    min-width: 13%;
    text-align: right; 
}

.box-info-content .dropdown ul li a span {
	text-decoration: none;
}

.box-info-content ul li a span {
	text-decoration: underline;
}
.box-info-content ul li a:hover{
	text-decoration:none;
}
.box-info-content ul li .iconfont {
	font-size: 17px;
	font-weight: 600;
	height: auto;width: auto;
	line-height: 16px;
}

.box-info-content ul li a.view:before {
	/* content: "\E72A"; */
	content: "\e181";
	font-family: 'Bosch-Icon-TEST' !important;
	/* color:black; */
	line-height: 0.5em;
	height: auto;
	margin: 3px -20px 0 7px;
	font-size: 19px;
}

.box-info-content .value {
	font-size: 1em;
	color: inherit;
}

.noborder {
	border: none !important;
}

.push-bottom-40 {
	margin-bottom: 40px;
}

.push-bottom-50 {
	margin-bottom: 50px;
}

.push-bottom-60 {
	margin-bottom: 60px;
}

.chart-holder {
	/*overflow: hidden;*/
}

.chart-legend {
	margin-top: 0;
	font-weight: bold;
}

.chart {
	position: relative;
}

.chart-label {
	color: #c3c3c5;
	position: absolute;
	top: 42%;
	left: 0;
	text-align:center;
	width:100%;
	font-size: 2em;
}
h3.noborder {
	margin-bottom: 0;
}
#sessions-chart {
	float: right;
	margin-top: -85px;
	margin-right: 20px;
}

.chart-blue {
	color: #6eb0d5;
}

.chart-green {
	color: #66b38c;
}

.chart-red {
	color: #eb4d5b;
}
.controls {
	height:38px;
}

.bitrate-graph-holder .controls ul {
	margin-right: 24px;
}

.controls .btn-default {
	height: auto;
	padding: 0 3px;
}

.controls .fr {
	margin-left: 5px;
}

.controls span:before {
	line-height: 20px;
	padding: 0;
	margin: 0;
	font-weight: 900;
}

.filter {
	padding: 0 16px;
}

.filter .smallDrop {
	height: 26px;
	margin: 0;
	white-space: nowrap;
	width: 100%;
	padding: 0 8px;
	min-width: 200px;
}

.filter .smallDrop span {
	text-align: left!important;
	line-height: 22px;
}

.filter .label {
	display: inline-block;
	margin-right: 10px;
}

.controls, .filter {
	margin-bottom: 7px;
}

.table-holder .logs th a:after {
	content: none;
}

.box-info-content .table-holder {
	margin: 0 16px;
}

.logs .first div a {
	padding: 0 10px;
}

.logs .first div {
	min-width: 60px;
}

.logs.table th.col2, .logs td.col2 {
	min-width: 100px;
}

.logs.table TD:nth-child(3), .logs.table TH:nth-child(3) {
	width: 130px;
}

.logs.table TD:nth-child(4), .logs.table TH:nth-child(4) {
	width: 130px;
}

.logs.table TD:nth-child(5), .logs.table TH:nth-child(5) {
	width: 160px;
}
.logs.table THEAD .bar-grey:active,
.logs.table THEAD .bar-grey:focus {
	outline:none;
}
.table .header th.sorttable_sorted a:after {
     content:"\E703";
}
.table .header th.sorttable_sorted_reverse a:after {
    content: "";
    margin-right: -1px;
    margin-top: 4px;
    transform: rotate(180deg);
}
.logs.table thead th div a:after{
    display: block;
    font-family: "icons";
    font-size: 24px;
    height: 15px;
    line-height: 13px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -5px;
    top: 9px;
    width: 15px;
}

.logs .iconfont:before {
	margin-left: -2px;
}

.logs .iconfont.yellow {
	font-size: 21px;
}
.logs .iconfont {
	font-size: 20px;
	line-height: 28px;
}

.scrollStyle .logs {
	height: 368px;
}

.logs .iconfont.warning {
	font-size: 32px;
	/*top: -10px;*/
	left: -6px;
	position: absolute;
}

.logs .first div {
	position: relative;
}
/*copied from dlacockpit main.css start*/
.from-to div input[type="text"].small {
	height: 22px;
	line-height:22px;
}

.w50 {
	width: 50px;
}

.from-to {
	min-height: 40px;
	padding: 0 16px;
}

.from-to div label {
	padding-left: 0;
	display: block;
}

.from-to div {
	float: left;
	width: 50%
}

.from-to button.calender {
	height: 24px;
	width: 24px!important;
	padding: 0;
	float: none;
	margin-left: 5px;
}

.from-to button.calender span:before{
	font-size: 18px;
	width: 20px;
	height: 18px;
	line-height: 14px;
	float: none;
}
.filter-link {
	overflow: hidden;
	margin: 25px 16px 20px;
}
.controls button.filter-link {
	padding: 0 30px;
	height:32px;
}
.displayBlock{
	display:block!important;
}
.filterSelect .dropdown-items{
    height: 280px;
    width: 380px;
}
.filter .dropdown-items li {
	line-height: 30px;
}
.filterSelect .dropdown-items:before {
	left:4% !important;
}
.fild_checkbox{
	padding:0;
	margin:0;
}
.from-to .fild_checkbox input,
.from-to .fild_checkbox label{
	float:left;
	margin-left:3px;
}
.w120{
	width:120px
}
.filterSelect .from-to hr{
	margin:10px 0 15px;
}
.box-info .filterSelect H3 span{
	cursor:pointer;
}
.box-info .filterSelect H3 span:before {
    content: none;
}
.from-to .fild_checkbox label{
	width:70px;
	margin:0;
}
/*copied from dlacockpit main.css end*/

.bitrate-graph-holder canvas.overlay {
    height: inherit;
    width: inherit;
}
.logs.viewport td.last {
    text-indent:0;
    line-height: 16px;
    padding:5px;
}
.filterSelect  .fild_checkbox input,
.filterSelect  .fild_checkbox label{
	 height: 32px;
    line-height: 32px;
    margin: 0;
}
.tickLabel {
    height: 0;
    width: 0;
}
.tickLabels .ellipsis.noWrap {
    width: 60px;
    padding-left:2px;
}
.graphHolder {
    width: 85%;
    height:375px;
    margin-left: 20px;
    margin-bottom: 20px;
    background:url('../../shared/img/blue_anim.gif') no-repeat scroll 50% 50% #fff;
    overflow: visible!important;
    border: 1px solid #fff;
}
.vrm-cockpit .accordion-body .column-6.bitrate_graph_box .box-info,
.vrm-cockpit .accordion-body .column-6.logs_box .box-info{
    min-height: 560px;
}
.vrm-cockpit .accordion-body .box.box-info .vertical-10 tr {
    line-height:16px;
}



.select-per-page .dropdown-items li {
	line-height: 26px;
}
.select-per-page .dropdown-items {
	width: 130%;
	height: 128px;
}
.select-per-page button {
	min-width: 50px
}


.ie9 .scroll2.table-holder.tinyscrollbar.scrollStyle{
    overflow:hidden;
}
.ie9 .scroll2.table-holder.tinyscrollbar.scrollStyle thead {
	position:absolute !important;
}
.ie9 .controls.scalable .dropdown.select-per-page.dropdown-activated{
    max-width:45px;
}

.ie9 .filter .dropdown {
	width: 200px;
}

@media print {
	#content {
		overflow: visible;
	}

	#content > #cockpit > #scroll1 > .viewport {
		overflow: visible;
	}
	#content > #cockpit > #scroll1 > .viewport > .overview {
		position: static;
	}

	#scroll1 {
		height: auto !important;
	}

	#wrapper {
		width: 1024px;
	}

	.scrollbar {
		display: none!important;
	}
}
html.touch #scroll1 > .scrollbar{
    display:none!important;
}

.ie .table-holder.scrollStyle {
	min-width: 556px;
}
.touch #header{
    position: fixed;
    z-index: 1000;
}

#wrapper {
    min-height: inherit;
}
article.overview {
    width:100%;
}
.touch .scrollStyle TBODY {
    height: 250px!important;
}

.load_balancing_holder  TD.last, .load_balancing_holder  TH.last {
	min-width: 18% !important;
	width: 18% !important;
	text-align: center;
}

.load_balancing_holder .icon-Help:before {
	width: 10% !important;
	height: 10% !important;
	font-size: 16px !important;
	font-weight: bold;
}

.load_balancing_holder .icon-Help:before {
	width: 10px !important;
	height: 10px !important;
	line-height: 16px;
}

.logs_box .table td{	
	height: 10px !important;
	line-height: 16px;
	/* color:red; */
}

.vrm-cockpit .scrollStyle .logs {
  height: 425px;
}

/* secondary background */
#content.secondaryBackground {
	background:#EFF1F2;
	margin: 0px; 
  }
  /*primary background*/
.box-info{
	background:white!important;
}  
  
div.controls {
	background-color: #EFF1F2;
	margin:7px;
}

div.bitrate-graph-holder div.controls button {
	margin-top: 8px;
	border: 0;
    background-color: #EFF1F2;
	color: black;
}


#content .vrm-cockpit h2 {
	color: black;
}

button.btn-default.btn-grey.calender {
margin-top: 0px;
}
	
button.btn-default.btn-grey.calender > span:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  left:0px;
}

.graphHolder {
	margin-bottom: 20px!important;
	margin-left: 20px!important;
}

#interactionElems h1 {
	min-width: 300px;
	padding-right: 5px;
  }

.icon-WateringCan:before {
	font-family: 'Bosch-Icon-TEST' !important;
	content: '\e16e'!important;;
}