/* additional navigation */
#xm-add-nav{
	padding:0 0 2px;
	margin:0 0 8px;
	list-style:none;
	font-weight:bold;
	font-size:14px;
	line-height:17px;
	background:url(../images/divider3.png) repeat-x 0 100%;
	position:relative;
	z-index:15;
}
#xm-add-nav:after{
	content:'';
	display:block;
	clear:both;
}
#xm-add-nav > li{
	float:left;
	padding:0 0 0 1px;
	position:relative;
}
#xm-add-nav > li:before{
	content:'';
	width:2px;
	background:url(../images/separator2.png) repeat-y;
	position:absolute;
	top:1px;
	left:0;
	bottom:7px;
}
#xm-add-nav > li:first-child:before{display:none;}
#xm-add-nav > li > a{
	float:left;
	color:#5182a1;
	padding:0 11px 7px 10px;
	position:relative;
	margin:0 -1px 0 0;
}
#xm-add-nav > li:first-child > a{padding-left:0;}
#xm-add-nav > li > a:before{
	content:'';
	width:100%;
	height:3px;
	background:#d0d0d0;
	background:rgba(0,0,0,0.1);
	position:absolute;
	bottom:0;
	left:0;
	display:none;
}
#xm-add-nav > li > a:hover,
#xm-add-nav > li.active > a{text-decoration:none;}
#xm-add-nav > li > a.has-drop-down-a:hover:before{display:none;}
#xm-add-nav > li > a:hover:before,
#xm-add-nav > li.active > a:before{
	content:' ';
	display:block;
}
#xm-add-nav li.hover .xm-drop{display:block;}
#xm-add-nav li.hover .xm-drop .xm-drop{display:none;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop{display:block;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop .xm-drop{display:none;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop{display:block;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop .xm-drop{display:none;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop{display:block;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop .xm-drop{display:none;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop{display:block;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop .xm-drop{display:none;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop{display:block;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop .xm-drop{display:none;}
#xm-add-nav li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop li.hover .xm-drop{display:block;}

#xm-add-nav .xm-drop{
	position:absolute;
	top:100%;
	left:13px;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	text-align:left;
	display:none;
}
#xm-add-nav .right-side .xm-drop{
	left:auto;
	right:0;
}
#xm-add-nav .right-side .xm-drop-frame:before{
	left:auto;
	right:15px;
}
#xm-add-nav .xm-drop .xm-drop{
	left:100%;
	top:-1px;
	padding:0;
}
#xm-add-nav .xm-drop-frame{
	background:#f2f2f2;
	width:175px;
	z-index:5;
	border:1px solid #fff;
	box-shadow:2px 2px 13px 0 rgba(0,0,0,0.27);
	-webkit-box-shadow:2px 2px 13px 0 rgba(0,0,0,0.27);
	position:relative;
}
#xm-add-nav .xm-drop-frame:before{
	content:'';
	width:12px;
	height:7px;
	background:url(../images/sprite.png) no-repeat -46px -122px;
	position:absolute;
	top:-7px;
	left:15px;
}
#xm-add-nav .xm-drop ul{
	padding:11px 0 15px;
	margin:0;
	list-style:none;
}
#xm-add-nav .xm-drop a{
	color:#4e4e4e;
	display:block;
	padding:6px 18px 7px;
	position:relative;
}
#xm-add-nav .xm-drop a.has-drop-down-a:before{
	content:'';
	width:4px;
	height:7px;
	background:url(../images/sprite.png) no-repeat -146px -96px;
	position:absolute;
	top:11px;
	right:7px;
}
#xm-add-nav .right-side .xm-drop a.has-drop-down-a:before{
	right:auto;
	left:7px;
	background-position:-152px -96px;
}
#xm-add-nav .xm-drop a:hover,
#xm-add-nav .xm-drop > .xm-drop-frame li.hover > a{
	text-decoration:none;
	border:solid #cbdde2;
	border-width:1px 0;
	background:#d9e6ea;
	margin:-1px 0;
}
#xm-add-nav .xm-drop ul li{position:relative;background: url(../images/nav-bar-sep.png) repeat-x;background-position: bottom;}
#xm-add-nav .xm-drop .xm-drop .xm-drop-frame:before{display:none;}
#xm-add-nav.xm-graph-page{margin:0 0 47px;}
#xm-add-nav.xm-tasklist-page{margin:0 0 28px;}
/* view-panel */
.xm-view-panel{
	overflow:hidden;
	padding:22px 0 23px;
	color:#4e4e4e;
	font-size:0.917em;
}
.xm-sprints-aside .xm-view-panel{padding:13px 0 12px;}
.xm-view-panel span{
	float:left;
	margin:0 14px 0 0;
}
.xm-sprints-aside .xm-view-panel span{margin:0 16px 0 0;}
.xm-view-panel ul{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}
.xm-view-panel ul li{
	float:left;
	margin:2px;
	/*margin:0 11px 0 0;*/
}
.xm-sprints-aside .xm-view-panel ul li{margin:0 8px 0 0;}
.xm-view-panel ul a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/sprite.png) no-repeat;
	width:27px;
	height:27px;
}
.xm-view-panel ul .xm-btn-table-view a{background-position:0 -310px;}
.xm-view-panel ul .xm-btn-table-view.active a,
.xm-view-panel ul .xm-btn-table-view a:hover{background-position:0 -277px;}
.xm-view-panel ul .xm-btn-pin-view a{background-position:-34px -310px;}
.xm-view-panel ul .xm-btn-pin-view.active a,
.xm-view-panel ul .xm-btn-pin-view a:hover{background-position:-34px -277px;}
.xm-view-panel ul .xm-btn-list-view a{background-position:-66px -310px;}
.xm-view-panel ul .xm-btn-list-view.active a,
.xm-view-panel ul .xm-btn-list-view a:hover{background-position:-66px -277px;}
.xm-view-panel ul .xm-btn-column-view a{background-position:-98px -310px;}
.xm-view-panel ul .xm-btn-column-view.active a,
.xm-view-panel ul .xm-btn-column-view a:hover{background-position:-98px -277px;}
.xm-view-panel ul .xm-btn-tasklist-view a{background-position:-130px -310px;}
.xm-view-panel ul .xm-btn-tasklist-view.active a,
.xm-view-panel ul .xm-btn-tasklist-view a:hover{background-position:-130px -277px;}
.xm-view-panel ul .xm-btn-expanded-view a{background-position:-162px -310px;}
.xm-view-panel ul .xm-btn-expanded-view.active a,
.xm-view-panel ul .xm-btn-expanded-view a:hover{background-position:-162px -277px;}
/*timesheet view panel*/
.xm-tm-panel .xm-view-panel ul a{ background:url(../images/xm-sprite.png) no-repeat; }
.xm-tm-panel .xm-view-panel ul .xm-btn-calendar-view a{background-position:0 -52px;}
.xm-tm-panel .xm-view-panel ul .xm-btn-calendar-view.active a,
.xm-tm-panel .xm-view-panel ul .xm-btn-calendar-view a:hover{background-position:0 -19px;}
.xm-tm-panel .xm-view-panel ul .xm-btn-client-view a{background-position:-34px -52px;}
.xm-tm-panel .xm-view-panel ul .xm-btn-client-view.active a,
.xm-tm-panel .xm-view-panel ul .xm-btn-client-view a:hover{background-position:-34px -19px;}
.xm-tm-panel .xm-view-panel ul .xm-btn-project-view a{background-position:-66px -52px;}
.xm-tm-panel .xm-view-panel ul .xm-btn-project-view.active a,
.xm-tm-panel .xm-view-panel ul .xm-btn-project-view a:hover{background-position:-66px -19px;}

.xm-tm-panel .xm-view-panel ul .xm-btn-thumb-view a{background-position:0 -118px;} /*library*/
.xm-tm-panel .xm-view-panel ul .xm-btn-thumb-view.active a,
.xm-tm-panel .xm-view-panel ul .xm-btn-thumb-view a:hover{background-position:0 -85px;}
.xm-tm-panel .xm-view-panel ul .xm-btn-pods-view a{background-position:-34px -118px;}/*library*/
.xm-tm-panel .xm-view-panel ul .xm-btn-pods-view.active a,
.xm-tm-panel .xm-view-panel ul .xm-btn-pods-view a:hover{background-position:-34px -85px;}/*library*/
.xm-tm-panel .xm-view-panel ul .xm-btn-list-view a{background-position:-66px -118px;}
.xm-tm-panel .xm-view-panel ul .xm-btn-list-view.active a,
.xm-tm-panel .xm-view-panel ul .xm-btn-list-view a:hover{background-position:-66px -85px;}

.xm-timesheet-action {float:left;}
.xm-timesheet-toggle {float:right;}
.xm-timesheet-toggle .xm-view-panel, .xm-timesheet-action .xm-view-panel {padding:0 0 12px;}
.xm-timesheet-action .xm-view-panel ul a{
	text-indent:0;
	overflow:auto;
	background-image:none;
	background-color:#5182a1;padding: 4px 10px; border-radius:4px;
	width: auto;
	height: auto;
	color:#FFF;
	padding-left: 26px;
}
.xm-timesheet-action .xm-view-panel ul a:hover{
	text-decoration: none;
	background-color:#70a0bf;
}
.xm-timesheet-action .xm-view-panel ul .xm-mark-approve a{
	background-color:#99af99;
}
.xm-timesheet-action .xm-view-panel ul .xm-mark-reject a{
	background-color:#c68a8a;
}
.xm-timesheet-action .xm-view-panel ul .xm-mark-approve a:hover{
	background-color:#7a987a;
}
.xm-timesheet-action .xm-view-panel ul .xm-mark-reject a:hover{
	background-color:#a96f6f;
}
.xm-timesheet-action .xm-view-panel li:before{
	content:'';
	width:20px;
	height:19px;
	background:url(../images/xm-sprite.png) no-repeat;
	position:absolute;
	top:10;
	left:21;
	margin-top: 5px;		
	margin-left: 6px;
}
.xm-timesheet-action .xm-view-panel li.xm-mark-approve:before{
	background-position:-23px 0;	
}
.xm-timesheet-action .xm-view-panel li.xm-mark-reject:before{
	background-position:-42px 0;	
}
.xm-tm-checkbox {
	width:15px;height:15px;
}
.xm-tm-panel:after, .xm-general-panel:after {
	display:block;
	clear:both;
	content:'';
}
/*end: timesheet view panel*/
@media only screen and (max-width: 767px){
	#xm-add-nav > li{
		float:none;
		padding:0;
		background:url(../images/divider3.png) repeat-x;
	}
	#xm-add-nav > li:before{display:none;}
	#xm-add-nav > li > a{
		float:none;
		display:block;
		padding:7px 0 7px;
	}
	#xm-add-nav .xm-drop{
		position:static;
		margin:0 0 10px;
	}
	#xm-add-nav .xm-drop-frame:before{display:none;}
	#xm-add-nav .xm-drop-frame{
		width:auto;
		box-shadow:none;
		-webkit-box-shadow:none;
	}
	#xm-add-nav .xm-drop a.has-drop-down-a:before,
	#xm-add-nav .right-side .xm-drop a.has-drop-down-a:before{
		right:7px;
		background-position:-146px -96px;
	}
}

/***** CMS Page "Edit Content" Dropdown *****/
.xm-btn-dropdown {
	margin:0;padding:0;
	font-size:11px;
	color:#545454;
	background:none;
	line-height:23px;
	border: none;
	border: 3px solid #ececec;
}
/* overwrite bootstrap to look like xm2 theme buttons */
.btn-dropdown {
	margin:0;padding:0;
	font-size:11px;
	color:#545454;
	background:none;
	line-height:23px;
	border: none;
}
.btn-dropdown label {
	font-weight:normal;
	float:left;
	border:1px solid #bababa;
	padding:0 11px 1px;
	border-radius:4px;
	position:relative;
	cursor:pointer;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fff 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top,  #fff 0%,#e4e4e4 100%);
	background: -o-linear-gradient(top,  #fff 0%,#e4e4e4 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#e4e4e4 100%);
	background: linear-gradient(to bottom,  #fff 0%,#e4e4e4 100%);
}
.btn-dropdown:hover, .btn-dropdown:focus {	color: #545454;}

.xm-drop-caret { position: relative; top: 2px;}

.xm-optgroup { color: #323232; font-weight: bold; cursor:pointer;}
.xm-optgroup ul {list-style:none; }
.xm-optgroup a {padding-right: 8px}
.xm-optgroup span { float:right;}

.pg-sect-edit { color: #cecece;}
.pg-sect-edit:hover { color: #fff;}
.pg-sect-spacer {display:inline-block;width: 30px;text-indent:-999px;}

.xm-optitem { display:none; position: relative; display: block; white-space:nowrap; }
.xm-optitem a {padding: 3px 18px 3px 15px;}
.xm-optitem span { padding-right: 5px; float:none; font-weight: bold; color:#000;}
.xm-optitem span.move {float:right; color: #cecece; cursor: move; width: 1px; font-weight:normal; font-size: 9px; padding-right:0;}

.xm-link-so {color:#000 !important; font-weight:bold !important;}