.vco-feature{display:none}
.vco-storyjs .vco-navigation{width:100%; border-top-style:none; cursor:-webkit-grab; cursor:grab; margin-top:-20px; position:relative}
.vco-timeline .vco-navigation .timenav-background{
  width:100% !important;
  position: relative !important;
  top: -10px;
  height: 160px;
  cursor:-webkit-grab; 
  background-color: #FDFDFD
}
.vco-timeline .vco-navigation .timenav{z-index:auto !important}

.vco-timeline .vco-navigation .timenav .content .marker.selected .line.row-one {
  z-index: 26;
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .line.row-two {
  z-index: 35;
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .flag.row-two {
	z-index: 32; 
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .flag.row-one {
	z-index: 25; 
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .flag.row-three {
	z-index: 50; 
}

.vco-timeline .vco-navigation .timeline-up {
	position: absolute;
	right: 5px;
	top: 0px;
	z-index: 2000;
	cursor: pointer;
	opacity: 0.5;
	padding: 5px;
}

.vco-timeline .vco-navigation .timeline-down {
	position: absolute;
	right: 5px;
	bottom: 15px;
	z-index: 2000;
	cursor: pointer;
	opacity: 0.5;
	padding: 5px;
}

/*.vco-timeline .vco-navigation .timenav .content .marker.selected .row-two.line .event-line{
	top: 91px;
	display: block; 
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .row-three.line .event-line{
	top: 41px;
	display: block;
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .row-one.line .event-line{
	top: 141px;
	display: block;
}
*/
.flag-content{color: #999 !important}

.vco-timeline .vco-navigation .timenav .content .marker.selected .leftGreyedOut, .vco-timeline .vco-navigation .timenav .content .marker.selected .rightGreyedOut{
	height: 150px;
	z-index: 20;
	background-color: rgba(237, 237, 237, 0.91);
	position : relative
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .eventLine{
	z-index: 255;
	top: 150px;
	position: absolute;
	height: 5px;
	background-color: #75A8FF;
	opacity: 0.70
}

.vco-timeline .vco-navigation .timenav .time .time-interval-minor .minor {
	top: 0px;
}

.vco-timeline .vco-navigation .timenav .time .time-interval-minor {
	top: 0px;
	padding-bottom: 5px;
	background-color: #FFFFFF
}

.vco-timeline .vco-navigation .timenav .time .time-interval {
	z-index: 250;
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .flag .flag-content {
	background-color: #445882;
	border-color: #fff;
	border-width: 1px;
	color: #fdfdfd !important;
	box-shadow: 2px 2px #ADADAD;
}

.vco-timeline .vco-navigation .timenav .time {
	z-index: 250;
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .flag:hover .flag-content {
	background-color: #2e69db;
}
.marker.selected .flag-content h3{color: #ffffff!important;}

.vco-timeline .vco-navigation .timenav .content .marker .line.active-line {
	background-color: #c0c0c0; /*#4AC764;*/
}
.vco-timeline .vco-navigation .timenav .content .marker .line.completed-line{
	background-color: #c0c0c0; /*#2E69DB;*/
}
.vco-timeline .vco-navigation .timenav .content .marker .line.started-line {
	background-color: #c0c0c0; /*#2E69DB;*/
}

.vco-timeline .vco-navigation .timenav .content .marker .line.today-line, .vco-timeline .vco-navigation .timenav .content .marker.selected .line.today-line  {
	background-color: #9CA1A6;
	z-index: 1;
}


.vco-timeline .vco-navigation .timenav .content .marker .line.row-two {
	height: 92px !important; 
	top: 58px;
	display: block; 
}

.vco-timeline .vco-navigation .timenav .content .marker .line.row-three {
    height: 42px !important;
 	top: 108px;
 	display: block;
}

.vco-timeline .vco-navigation .timenav .content .marker .line.row-one {
  	height: 142px !important;
  	top: 8px; 
  	display: block;
}

.vco-timeline .vco-navigation .timenav .content .marker .line.today-line {
  	display: none;
}

.vco-timeline .vco-navigation .timenav .content .marker .dot.started-dot {
	background-color: #c0c0c0; /*#2E69DB;*/
}
.vco-timeline .vco-navigation .timenav .content .marker .dot.completed-dot {
	background-color: #c0c0c0; /*#2E69DB;*/
}
.vco-timeline .vco-navigation .timenav .content .marker .dot.active-dot {
	background-color: #c0c0c0; /*#4AC764;*/
}


.vco-timeline .vco-navigation .timenav .content .marker .dot.row-one {
	top: 0px;
	left: -1px;
	z-index: 22;
	display: block !important;
}


.vco-timeline .vco-navigation .timenav .content .marker .dot.row-two {
	top: 50px;
	left: -1px; 
	z-index: 23;
	display: block !important;
}

.vco-timeline .vco-navigation .timenav .content .marker .dot.row-three {
	top: 100px;
	left: -1px;
	z-index: 23;
	display: block !important;
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .flag{
  height: 56px;
  background-repeat: no-repeat;
  background-position: 0 -53px;
  width: 153px;
  height: 53px;
  z-index: 24;
}
.vco-timeline .vco-navigation .timenav .content .marker .flag.row-two{
  z-index: 30; 
}

.vco-timeline .vco-navigation .timenav .content .marker .flag.row-three{
  z-index: 40; 
}

.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content{height:auto !important; border: 1px solid #c0c0c0; border-radius: 2px ;background-color: #F4F6F8; padding-bottom: 5px;}
.vco-timeline .vco-navigation .timenav .content .marker .flag:hover .flag-content{height:auto !important; background-color: #ffffff}

.vco-storyjs{clear:none !important; overflow:visible !important; width:calc(100% - 25px) !important; font-family:inherit; margin-left: 10px;}

.vco-storyjs .vco-container.vco-main{ overflow:hidden; padding-top:20px; height:205px !important;}

.vco-timeline .vco-navigation .timenav-background .timenav-line{height:159px !important; z-index:202 !important;}

.vco-timeline .vco-navigation .timenav-background .timenav-interval-background{top:160px !important}

.vco-timeline .vco-navigation .vco-toolbar {top: -7px; left: 1px;}
.vco-timeline .vco-navigation .vco-toolbar .zoom-in, .vco-timeline .vco-navigation .vco-toolbar .zoom-out, .vco-timeline .vco-navigation .vco-toolbar .back-home,
.vco-timeline .vco-navigation .vco-toolbar .first-marker, .vco-timeline .vco-navigation .vco-toolbar .last-marker,
.vco-timeline .vco-navigation .vco-toolbar .current-date {font-size:16px;}



.vco-timeline .vco-navigation .timenav-background .timenav-tag-size-half{display:none}

.vco-timeline .vco-navigation .timenav-background .timenav-tag-size-full{display:none}

.marker .popover .popover-inner .popover-content{padding-bottom:5px}

.marker .popover{padding-top:5px}

.vco-storyjs .vco-container.vco-main{width:calc(100%) !important;}

.vco-timeline .vco-navigation .vco-toolbar .zoom-in,.vco-timeline .vco-navigation .vco-toolbar .zoom-out,.vco-timeline .vco-navigation .vco-toolbar .back-home,
.vco-timeline .vco-navigation .vco-toolbar .first-marker, .vco-timeline .vco-navigation .vco-toolbar .last-marker,
.vco-timeline .vco-navigation .vco-toolbar .current-date {line-height: 16px;}

.vco-storyjs .vco-container.vco-main{border-color: #ddd; border: 1px solid #ebebeb; top: 10px;}

.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 {font-size: 12px; margin-top: 7px !important;}

.vco-timeline .vco-navigation .timenav-background .timenav-indicator-shadow {position: absolute; top: -50px; left: 0; width:100%; height: 49px; background: #fdfdfd; border-bottom: 1px solid #ebebeb}

.vco-notouch .vco-navigation .timenav .content .marker .flag .icon-small-checkmark {position: absolute; top: 0; right: 7px; opacity: 0.3;}

.vco-timeline .vco-navigation .timenav .content .marker.selected .flag .flag-content span.icon-small-checkmark, .vco-timeline .vco-navigation .timenav .content .marker.selected .flag .flag-content span.icon-status-good.active, .vco-timeline .vco-navigation .timenav .content .marker.selected .flag .flag-content span.icon-status-good.completed, .vco-timeline .vco-navigation .timenav .content .marker.selected .flag .flag-content span.icon-status-good.started, .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover span.-small-checkmark {opacity: 1;}

span.icon-small-checkmark {color: rgb(46, 105, 219);}

span.icon-status-good.active {color: #00ff00; opacity: 0.3; padding-right: 5px;}
span.icon-status-good.completed {color: #1d97f1; opacity: 0.3; padding-right: 5px;}
span.icon-status-good.started {color: #1d97f1; opacity: 0.3; padding-right: 5px;}


.vco-notouch .vco-navigation .timenav .content .marker .flag .state-count {
  position: absolute;
  bottom: 11px;
  right: 5px;
  font-size: 10px;
  border-radius: 30%;
  border: 2px solid #666;
  color: red;
  padding: 2px;
  background: #fff;
  text-align: center;
}



.vco-storyjs .vco-container.vco-main{width:calc(100%) !important}

.vco-storyjs div {text-align: left;}

.vco-notouch .vco-navigation .timenav .content .marker .flag .flag-status {
  font-size: 11px;
  font-weight: lighter;
}


.vco_slider .slider-item .content .content-container .text .container p {
    color:#000000 !important}
    

.vco-timeline .vco-navigation .timenav .content .marker.selected .line {
  z-index: 200;
}

.vco-timeline .vco-navigation .timenav .content .marker.selected .dot {
	z-index: 205;
}

.vco-timeline .vco-navigation .timenav .content .marker.selected:hover .dot {
	z-index: 205;
}

.vco-timeline .vco-navigation .timenav .content .marker .line {height: 160px !important; top: -10px;}

.vco-timeline .vco-navigation .vco-toolbar .first-marker, .vco-timeline .vco-navigation .vco-toolbar .last-marker,
.vco-timeline .vco-navigation .vco-toolbar .current-date {
  opacity: .5;
  cursor: pointer;
  top: 0;
  z-index: 202;
  width: 18px;
  height: 18px;
  color: #333;
  text-align: center;
  font-weight: bold;
  border: 1px solid #fff;
  padding: 5px;
}

.vco-timeline .vco-navigation .vco-toolbar .first-marker:hover, .vco-timeline .vco-navigation .vco-toolbar .last-marker:hover, .vco-timeline .vco-navigation .timeline-scroll:hover,
.vco-timeline .vco-navigation .vco-toolbar .current-date:hover {
  opacity: 1;
  color: #08c;
}



.filterButton{
	
	margin-top: 5px;
	display: inline-block;
	float: right;
}

.CustomerProfile {
  position: absolute;
  top: 340px;
}

#main{
	padding: 0px !important;
}

#interaction .toMove{
	margin-top: 10px;
}

#interaction h2{
	padding-bottom: 30px; 
	border-top: 2px solid #444a52; 
	font-size: 14px; 
	margin-top: 0px;
}

#interaction h3{
	padding-top: 15px; 
	text-align: center; 
	font-size: 14px; 
	border-top: 2px solid #444a52; 
	margin-top: 0px;
}

.toMove{
	margin: auto;
	cursor: move;
	width: 13px;
}
.toMove:active{
	border-color: #a4a4a4;
}

.toMove span{
	color: #666F7A;
}

.toMove.main{
	height: 25px;
}
.mobile{
	border-width: 1px;
	border-color: rgb(202,202,202);
	border-style: solid;
	border-radius: 2px;
	margin-top: 10px !important;
	overflow: hidden;
	background-color: #FDFDFD;
}

.kpi{
	min-width: 720px;
}

.mobile_remote{
	border-width: 1px;
	border-color: rgb(202,202,202);
	border-style: solid;
	border-radius: 2px;
	margin-top: 10px !important;
	overflow: hidden;
	background-color: #FDFDFD;
}

@media (max-width: 1450px){
	.donutWidget{
		display: block !important;
		width: 100% !important;
	}
	.barWidget{
		display: block !important;
		width: 100% !important;
		padding-top: 0px !important;
	}
}
@media (max-width: 785px){
	.donutWidget{
		display: inline-block !important;
		width: 40% !important;
	}
	.infoBox{
		float: none !important;
	}
	.mobile{
		width: 100% !important;
	}
	.barWidget{
		display: inline-block;
		width: 65%;
	}
}
@media (max-width: 700px){
	.mobile{
		width: 100% !important;
	}
	.donutWidget{
		display: block !important;
		width: 100% !important;
	}
}
@media (max-width: 600px){
	.mobile{
		width: 90% !important;
	}
}
@media (max-width: 525px){
	.mobile{
		width: 80% !important;
	}
}
@media (max-width: 490px){
	.mobile{
		width: 70% !important;
	}
}
.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.gridster-item-resizable-handler{
	z-index: 400 !important;
}

.serviceKPIs{
	text-align: center;
	border-bottom: solid 1px #ABABAB;
}

.KPIsBox{
	padding-right: 20px;
	padding-left: 20px;
	display: inline-block;
}

.KPIsBox h2{
	font-size: 15px;
	color:#151515;
	margin-top: 5px;
}

.KPIsBox h3{
	font-size: 26px;
	font-weight: 100;
	margin-top: 10px;
}

.KPIOther{
	border-right: solid 1px #ABABAB;
	border-bottom: solid 1px #ABABAB;
}

.KPILast{
	border-right: solid 1px #fff;
}

.graphs{
	border-bottom: solid 1px #ABABAB;
	width: 100%;
	padding-bottom: 15px;
}

.donutWidget{
	width: 32%; 
	display: inline-block;
}

.stackWidget{
	display: inline-block;
}

.barWidget{
	width: 35%; 
	display: inline-block; 
	vertical-align: top; 
	padding-top: 115px;
	margin-top: 30px;
}

#nav-tab{
	display: inline-block !important;
}

.navbar > ul{
	margin-left: 0px !important;
}

.bar {
	fill: #4475DA;
}

.bars{
	fill: #445882;
}

.axis {
  font: 10px sans-serif;
}

.axis path {
	fill: none;
	stroke: #fdfdfd;
	shape-rendering: crispEdges;
}

.y.axis line {
	stroke: #f4f4f4;
	stroke-dasharray: 2,2;
}

.graphs-cont{
	display: inline-block;
	width: 30%;
}
.graphs-cont .donutWidget{
	width: 100%;
}

/*Exclusively for developer view*/

.list-container{
	display: inline-block; 
	width: 33%; 
	border-bottom: 1px	solid #DEDADA; 
	border-top: 1px	solid #DEDADA; 
	margin-left: -4px; 
	padding-top: 10px; 
}

.list-container p{
	margin-bottom: 0px;
	cursor: default;
	padding-left: 10px;
}

.list-container p:hover{
	background-color: #E7F1F9;
	padding-left: 15px;
}

.list-container h3{
	margin: 0px;
    text-align: center;
}

.list-container span{
	float: right;
	margin-right: 10px;
	cursor: pointer;
}

.list-container h3 span{
	float: left;
	margin-left: 10px;
}

.tab-body button{
	width: 30%; 
	display: inline-block;
}

.activeService{
	background-color: #E7F1F9;
}