html, body, img, hr, p, ul, ol, li, li, dd, dt, dl, form {
	margin: 0;
	padding: 0;
}

a:link {
	border: none;
}

html {
	height: 100%;
}

.hermesHolder body {
	font-family: Segoe UI, Verdana, Geneva, sans-serif;
	background: White;
	color: #333333;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: black;
	font-weight: normal;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 180%;
	color: #666;
	font-weight: normal;
}

h2 {
	font-size: 140%;
	color: #666;
	font-weight: bold;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {
	font-size: 120%;
	color: #000;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 10px;
}

h4 {
	font-size: 120%;
	color: #747474;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 100%;
}

h1.page-title {
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	font-family: Segoe UI !important;
	font-size: 220%;
	color: #777;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
}

h1 span {
	color: #999;
}

select, input {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

label {
	cursor: pointer;
}

img, a img {
	border: 0;
}

/* blue/white theme for RadGrid headers */

.RadGrid .rgHeader {
	background-color: #00A2DD;
	color: #FFFFFF !important;
}

	.RadGrid .rgHeader a {
		color: #FFFFFF !important;
	}

.RadGrid th.rgSorted a {
	color: #000000 !important;
}

.hermesHolder .RadGrid .rgHeader a, .hermesHolder .RadGrid .rgHeader a:link {
	color: #FFFFFF !important;
}

.hermesHolder .RadGrid th.rgSorted a, .hermesHolder .RadGrid th.rgSorted a:link {
	color: #000000 !important;
}

/* END blue/white theme for RadGrid headers */

/*************** simple metro tiles ***************/
.MetroTile_Blue {
	background-color: #0099CC;
	color: #FFFFFF;
}

.MetroTile_Green {
	background-color: #6FBD46;
	color: #FFFFFF;
}

.MetroTile_Brown {
	background-color: #F57621;
	color: #FFFFFF;
}

.MetroTile_Gray {
	background-color: #A0A0A0;
	color: #FFFFFF;
}

/*************** metro hovered menu ***************/
/* -------------------Blue tiles----------------- */
.MetroHoveredMenu .MetroTile {
	background-color: #0099CC;
	color: #FFFFFF;
}

.MetroHoveredMenu .MetroTileActive {
	background-color: #517B93;
	color: #FFFFFF;
}

.MetroHoveredMenu .MetroTile:hover {
	background-color: #F7941D;
}

.MetroHoveredMenu .MetroTileActive:hover {
	background-color: #C67517;
}
/* ------------------Green tiles----------------- */
.MetroHoveredMenu .MetroTileGreen {
	background-color: #669900;
	color: #FFFFFF;
}

.MetroHoveredMenu .MetroTileGreenActive {
	background-color: #426300;
	color: #FFFFFF;
}

.MetroHoveredMenu .MetroTileGreen:hover {
	background-color: #F7941D;
}

.MetroHoveredMenu .MetroTileGreenActive:hover {
	background-color: #C67517;
}

/* metro style grid nested view */

.MetroGridNestedPanel {
	background-color: #00A2DD;
	padding: 5px;
}

.MetroGridNestedPanelInnerDiv {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 10px 15px 15px;
}

/* END metro style grid nested view */

/* lite project menu */

.ProjectSettings_UCWrapper {
	vertical-align: top;
	width: 700px;
	padding: 10px;
}

.ProjectSettings_UCContent {
	margin-bottom: 10px;
	min-width: 600px;
}

	.ProjectSettings_UCContent h2 {
		font-size: 170%;
		color: #09C;
		margin-top: -10px;
		margin-bottom: 10px;
		border-bottom: 0px none;
	}

.ProjectSettings_MenuWrapper {
	padding-right: 30px;
}

/* END lite project menu */

.hermesHolder {
	font-size: 12px;
	font-family: Segoe UI;
}

.hermesHolder a:not(.rtsLink), .hermesHolder a:not(.rtsLink):link {
    color: #000000 !important; /*font-size: 11px;*/
    background-color: transparent;
    text-decoration: none;
}

.hermesHolder a:not(.rtsLink):active, .hermesHolder a:not(.rtsLink):hover {
    color: #000000 !important;
    text-decoration: none;
}

hr.hide {
	display: none;
}

hr {
	background: #CCCCCC none repeat scroll 0 0;
	border: 0 none;
	height: 1px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.clear {
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	height: 0;
}

hr.clearer {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.standardText {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #000000;
}

.icon {
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}

/* layout */
#left {
	position: relative;
	float: left;
	left: 0px;
	width: 270px;
	max-width: 270px;
	margin: 0;
	padding: 0 0 0 10px;
	z-index: 2000;
}

#content {
	position: relative;
	/*margin: 0em 30px 0px 0px;*/
	padding: 0 0 5em; /* bottom padding for footer */
}

#right {
	position: absolute;
	right: 0px;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
/*  4 column positioning-layers static and absolute */

#pagetitle {
	top: 115px;
	background: #fff;
}

#leftcontent {
	position: relative;
	float: left;
	left: 10px;
	width: 23%;
	padding: 0 0 5em;
}

#centerleftcontent {
	position: relative;
	float: left;
	left: 30px;
	width: 23%;
	padding: 0 0 5em;
}

#centerrightcontent {
	position: relative;
	float: left;
	left: 50px;
	width: 25%;
	padding: 0 0 5em;
}

#rightcontent {
	position: relative;
	float: right;
	right: 1%;
	width: 23%;
	padding: 0 0 5em;
}

/*  2 column positioning-layers static and absolute */
#menu {
	position: absolute;
	left: 0px;
	width: 150px;
	margin: 0px;
	padding: 0px 0 0 7px;
}

#contentcolumn {
	margin: 0px 0px 0px 250px;
	padding: 0 0 5em; /* bottom padding for footer */
}

/* full width */
#fullcontentcolumn {
	padding: 0 0 5em; /* bottom padding for footer */
	margin: 0 1px 0 1px;
	float: left;
	width: 100%;
}


div#container {
	position: relative;
	float: left;
	left: 0px;
	width: 100%;
	margin-top: -15px;
}


#footer {
	float: left;
	position: relative;
	width: 100%;
	text-align: left;
	margin: 25px 0 0 0;
}

div#footer p {
	color: #999;
	font-size: 9px;
	padding: 7px;
}

	div#footer p a {
		font-size: 9px;
		padding-bottom: 2px;
		border-bottom: 1px dotted #ccc;
	}

/* Form Styles */
div.issue-detail, div.fieldsPanel {
	padding: 5px;
	position: relative;
}

.detail-ID {
	font-size: 18px;
	float: left;
	color: white;
	margin: -32px 15px 0px 0px;
	text-shadow: 1px 1px 1px black;
	FILTER: Shadow(Color=#000, Direction=135);
	position: absolute;
	background-color: gray;
	padding: 5px;
}

div.issue-detail .item, div.fieldsPanel .item {
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 2px;	
	vertical-align: middle;
	float: left;
	min-width: 160px;
}

.DescriptionLabel {
	color: #669900 !important;
	font-size: 20px !important;
}

.IssueDetail-MainContent {
	float: left;
	padding-top: 5px;
	width: 100%;
	background-color: white;
}

td.rightColContent {
	text-align: left;
	padding-left: 15px;
}

div.itemLabel input[type=image] {
	width: 24px;
	height: 24px;
}

div.issue-detail div.item div.itemLabel, div.fieldsPanel div.item div.itemLabel {
	vertical-align: baseline;
	display: inline-block;
	width: 90%;
	max-width: 170px;
	float: left;
}

div.issue-detail div.item *, div.fieldsPanel div.item * {
	font-family: Segoe UI;
	font-size: 14px;
}

div.fieldsPanel div.item label, .titlelabel, .itemLabel, .itemLabel span {
	color: #00a2dd !important;
	font-size: 17px !important;
	font-weight: normal;
}

div.issue-detail div.item *, div.fieldsPanel div.item p {
	display: block;
	vertical-align: baseline;
}


div.issue-detail div.item div.editor script, div.fieldsPanel div.item div.editor script {
	display: none;
}

div.issue-detail div.item div.itemLabel label {
	cursor: default;
}

div.issue-detail div.item[disabled="disabled"] {
	color: Gray;
}

div.issue-detail .item .editor, div.fieldsPanel .item .editor {
	display: inline-block;
	vertical-align: middle;
	width: 99%;
	float: left;	
	padding-bottom: 3px;
}

#EditorHolder {
	width: 100%;
}

div.issue-detail .item .editor div, div.fieldsPanel .item .editor div:not(.rddtSlide, .rslHorizontal) {
	display: inline-table;
	vertical-align: middle;
}

div.fieldsPanel .item .editor div.HtmlEditor div {
	/* SS: correction for issue detail - custom field of type RichText */
	display: block !important;
}

div.issue-detail .editor .RadComboBox .rcbEmptyMessage {
	width: 140px !important;
}

div.issue-detail .editor .RadComboBox input[type=text] {
	width: auto;
}

div.issue-detail .editor .RadComboBox table {
	width: 140px;
}


table.issue-detail td {
	vertical-align: top;
}

table.form td.input-group input {
	width: auto; /* but not for radios or checks */
}

table.form td {
	padding-right: 10px;
}

.hermesHolder fieldset {
	width: 650px;
	margin: 5px 0 5px;
	padding: 5px; /*background-color:#FAFAFA;*/
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border: 1px solid #ccc;
	display:inherit!important;
}

.hermesHolder legend {
	padding: 2px 5px;
	color: #696;
	background-color: #fff;
	font-weight: bold;
	display: inline;
}

.req {
	color: Red;
	vertical-align: top;
}

/* Header Styles */
#dashboard {
	height: 22px;
	line-height: 20px;
	font-size: 80%;
	margin-top: 0px;
	background-image: url(../../images/widget.png) !important;
	background-position: 0% 100% !important;
	background-repeat: repeat-x !important;
	border: 1px solid #11A1EF !important;
	display: block;
	background-color: #11A1EF;
}

	#dashboard a {
		font-size: 10px;
	}

#search {
	line-height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0 0 0 18px;
	margin: 0; /*background: url(../images/magnifier.gif) no-repeat 0 4px;*/
	z-index: 1001;
	color: Black;
}

#helpXpera {
	line-height: 20px;
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 0 0 0 18px;
	margin: 0;
	background: url(../../images/help.gif) no-repeat 0 3px;
	z-index: 1001;
}

.notifyicon {
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 1111;
	float: right;
	margin-top: -20px;
	margin-left: 22px;
}

#search-menu {
	width: 150px;
	padding: 3px;
	height: 25px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	position: absolute;
	z-index: 1003;
	background-color: #ffffff;
	background: url('../../images/sBg.gif') no-repeat-x #fff;
	top: 32px;
	right: 30px;
}

	#search-menu input {
		text-align: right;
	}

.header-nav {
	float: right;
	position: absolute;
	margin-right: 5px;
	top: 87px;
	right: 0;
	left: auto;
	text-align: left;
	display: block;
	white-space: nowrap;
	z-index: 1010;
}

.header-nav-ddl {
	height: 18px;
	font-size: 85%;
}

	#header h1.title {
		margin-top: 4px;
		margin-bottom: 5px;
	}

		#header h1.title a {
			line-height: 25px;
			color: #666;
			font-size: 120%;
			font-weight: bold;
		}

.logo {
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 10px;
}

.breadcrumb {
	border-bottom: 1px solid #ddd;
	padding: 3px;
	color: #555555;
	background-color: #F5F5F5;
	vertical-align: top;
	padding-left: 15px;
	margin-bottom: 20px;
	line-height: 1.7em;
	font-size: 0.9em;
}

	.breadcrumb a {
		line-height: 1.5em;
		color: #0040B6;
		font-size: 0.9em;
		border-bottom: 1px dotted #0040B6;
	}

/* Header & Menu Tabs */

.xps_header {
	margin-left: 140px;
}

	.xps_header .xps_tabs {
		height: 43px;
		position: relative;
		margin-top: -8px;
	}

	.xps_header .xps_quick-nav {
		float: right;
		margin: 13px 0 0 0;
		width: 306px;
	}
	.xps_actions-panel .xps_breadcrumbs {
		height: 40px;
	}

		.xps_actions-panel .xps_breadcrumbs #xps_bc_content {
			display: none;
		}

		.xps_actions-panel .xps_breadcrumbs a {
			color: #1f5da9;
		}

			.xps_actions-panel .xps_breadcrumbs a:hover {
				text-decoration: none;
				color: #606060;
			}

	.xps_actions-panel .xps_logo-part2 {
		background: url(images/logo_part2.png) 0 0 no-repeat;
		width: 74px;
		height: 68px;
		position: absolute;
		top: 0;
		left: 0;
	}

.ms-WPBody .xps_top-menu {
	font-size: 16px;
	float: right;	
	height: 42px;
}

	.ms-WPBody .xps_top-menu ul {
		list-style: none;
		padding: 0;
		font-size: 1.20em;
		font-family: Segoe UI;
		font-weight: normal;
		display: table;
	}

	.ms-WPBody .xps_top-menu li {
		float: left;
		padding: 7px 0;
	}

		.ms-WPBody .xps_top-menu li img {
			display: none;
			padding: 0 8px 2px 0;
			vertical-align: middle;
		}

		.ms-WPBody .xps_top-menu li a {
			color: #999 !important;
			display: block;
			padding: 8px 10px 5px 10px !important;
			text-transform: uppercase;
			font-size: 90%;
		}

			.ms-WPBody .xps_top-menu li a:hover {
				color: #263D51 !important;
				text-shadow: none;
			}

	.ms-WPBody .xps_top-menu ul li:first-child a {
		padding-left: 5px;
	}

	.ms-WPBody .xps_top-menu li a.selected {
		color: #0099CC !important;
		font-weight: bold;
	}

.tabsB a.AddIssue {
}

	.tabsB a.AddIssue span {
		color: #690 !important;
	}

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

.tabsB {
	font-size: 1.25em;
	line-height: normal;
	display: inline-block;
	float: right;
	padding: 0 0 10px;
	height: 30px;
}


	.tabsB ul {
		margin: 0;
		list-style: none;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}

	.tabsB li {
		display: inline;
		margin: 0;
		padding: 0;
	}

	.tabsB a {
		float: left;
	}

		.tabsB a img {
			margin-right: 2px;
		}

		.tabsB a span {
			float: left;
			display: block;
			font-family: Segoe UI;
			font-weight: normal;
			font-size: 18px;
			padding: 7px;
			color: #666 !important;
		}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		.tabsB a span {
			float: none;
		}
		/* End IE5-Mac hack */

		.tabsB a:hover span {
			color: #000;
		}

		.tabsB a:hover {
			background-position: 0% 0px;
		}

			.tabsB a:hover span {
				color: #21374c
			}

		.tabsB a.selected {
			background-position: 0% 0px;
		}

			.tabsB a.selected span {
				color: #0099CC !important;
				font-weight: bold;
			}

		.tabsB a span img {
			vertical-align: middle;
			padding: 0 0px 3px 0;
			display: none;
		}

.middleDescText {
	width: 60%;	
}

.admineditproject {
	display: none;
	line-height: 20px;
	position: absolute;
	top: 92px;
	left: 722px;
	margin: 0;
	padding: 3px;
	vertical-align: top;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 0.9em;
}

	.admineditproject a:hover {
		text-decoration: underline;
	}

.adminTabActive {
	font-family: Segoe UI;
	color: #00A2DD;
	font-size: 14px;
	background-color: #E5E5E5;
	text-align: center;
	padding: 10px 0;
}

.adminTabInactive {
	background-color: #F3F3F3;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
	border-left: 2px white solid;
}

	.adminTabInactive a:link {
		font-family: Segoe UI;
		font-size: 14px;
		color: #FFFFFF;
		text-decoration: none;
	}

	.adminTabInactive a:visited {
		font-family: Segoe UI;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
	}

	.adminTabInactive a:active {
		font-family: Segoe UI;
		font-weight: normal;
		color: #ffffff;
		text-decoration: none;
	}

	.adminTabInactive a:hover {
		font-family: Segoe UI;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}

.adminTabActive a:link, .adminTabActive a:visited {
	font-family: Segoe UI;
	color: #00A2DD !important;
	text-decoration: none;
}

.tabContentHolder {
	border: 6px solid #E5E5E5;
	padding: 15px;
}

.contentTableShort {
	width: 100%;
	border: 1px solid #2c7da9;
	background-color: White;
}

.contentCell {
	vertical-align: top;
	padding-top: 15px;
	padding-left: 8px;
	padding-right: 8px;
}

/*Hower popup menu based on Telerik RadMenu*/

.popupRadMenuLink {
	float: right;
	font: 12px "Segoe UI",Arial,sans-serif !important;
}

	.popupRadMenuLink .rmGroup {
		background: none no-repeat fixed 0 0 #1080DD !important;
		border: none;
	}

	.popupRadMenuLink .rmRootGroup {
		background-image: none !important;
		border: none !important;
		background-color: transparent !important;
	}

.popupRadMenu .rmText {
	padding: 0px !important;
	margin-right: 10px !important;
	border: none;
}

.popupRadMenu a:hover {
	text-decoration: underline;
}

.popupRadMenu ul {
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 12px;
}

	.popupRadMenu ul li img {
		display: none !important;
	}

.menuGroup span {
	font-size: 14px;
	text-transform: uppercase;
	color: #669900 !important;
	font-weight: bold;
}

.popupRadMenu ul li {
	margin: 0px 0px 2px 0px;
	white-space: nowrap;
	list-style: none;
	font-size: 11px;
	text-transform: uppercase;
}

/* default page - 'quick links' link */

a.quickLink {
	text-decoration: none;
	cursor: default;
}

	a.quickLink:hover {
		text-decoration: underline;
	}

/* Home Page Styles */
.projectImageGroup {
	margin-left: -82px;
	margin-right: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	min-height: 60px;
	min-width: 60px;
	max-height: 60px;
	max-width: 60px;
	position: absolute;
}

.project {
	width: auto;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	padding-top: 10px;
	color: #424251;
	border-top: 1px solid #EFEFEF;
	min-height: 72px;
}

#content h1 .ProjectListTitle {
	margin-left: 1%;
	color: #333333;
	font-size: 36px;
	font-family: "Segoe UI Light","Segoe WPC","Segoe UI", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
}

.project a {
	color: #424251 !important;
	background-color: transparent;
	text-decoration: none;
}

.project .thumb {
	border: 0px;
}

.projectDetails h1 a:link, .projectDetails h1 span, a.projectDetails, .project H1 a:link, .project li a:link.NavLink {
	color: #424251 !important;
}

.projectDetails h1 {
	line-height: 25px;
	margin: 0 0 5px 0;
	padding: 0;
	word-wrap: break-word;
	color: #424251;
	width: 90%;
	border: none;
}

.projectDetails {
	display: block;
	padding-left: 10px;
	min-height: 60px;
	max-width: 80%;
}

.project h1 a {
	font-size: 90%;
	font-weight: bold;
	color: white !important;
	margin: 0;
}

	.project h1 a span {
		font-weight: normal;
		font-size: 120%;
		text-transform: uppercase;
	}

.project div.quickLinks {
	float: right;
	margin-right: -20px;
	margin-top: 20px;
}

	.project div.quickLinks > a, .project div.quickLinks > div.RadMenu {
		float: left;
		margin-left: 4px;
	}

.actions {
	margin-left: 10px;
	height: 13px;
	list-style: none;
	font-size: 14px;
	margin-top: 145px;
	position: absolute;
}

	.actions li {
		color: white;
		line-height: 20px;
		margin-right: 10px;
	}

.nextMilestone {
	padding: 2px;
}

.issues {
	color: white !important;
	padding: 2px;
	text-transform: uppercase;
}

.progressBar {
	padding-left: 2px;
	position: absolute;
	margin-top: -25px;
	margin-left: 300px;
	font-size: 30px;
}

.projectImage {
	max-width: 60px;
	max-height: 60px;
	padding: 2px;
}

.thumb {
	border: 1px solid #efefef;
	display: block;
	overflow: hidden;
}

.popupTitle {
	padding-bottom: 4px;
	font-weight: bold;
}

div.welcomemessage {
	padding: 1em;
	width: 230px; /*white-space:nowrap;*/
	background-color: #11A1EF;
	border: 1px solid #11A1EF;
	border-radius: 0.5em 0.5em;
	box-shadow: 1px 1px 1px #ccc;
	-moz-border-radius: 0.5em 0.5em;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
}

	div.welcomemessage h2.title {
		margin: 0;
		padding: 0em 1em 0em 0em;
		font-size: 1.3em;
		font-weight: bold;
		color: White;
		border: none;
	}

	div.welcomemessage ul {
		margin-left: 15px;
	}

/* Project Calendar Styles */
.calDayStyle a {
	font-size: 1.1em;
}

.calDayStyle {
	height: 100px;
}

.calIssuePastDue a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #fff;
}

.calIssuePastDue {
	margin: 3px;
	background-color: #FF7777;
	border-radius: 0.25em 0.25em;
	-moz-border-radius: 0.25em 0.25em;
	color: #fff;
	padding: 3px;
}

.calIssue {
	border-radius: 0.25em 0.25em;
	-moz-border-radius: 0.25em 0.25em;
	background-color: #8888BB;
	margin: 3px;
	color: #fff;
	padding: 3px;
}

	.calIssue a {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 0.85em; /*   color:#555557;*/
		color: #fff;
	}

/* Grid Styles */
.grid {
	font-weight: normal;
	font-size: 13px;
	color: #333333;
	border: none;
	border-top: none;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

.gridHeader {
	text-align: left;
	background-color: #00a2dd;
	color: white;
	font-weight: bold;
	height: 20px;
}

	.gridHeader a {
		font-weight: bold;
		text-decoration: none;
		font-size: 100%;
		color: #333333;
	}

.gridAltRow {
	background-color: #fafafa;
}

.gridPager {
	vertical-align: middle;
	height: 30px;
	background-color: #F1F2EC;
	text-align: right;
}

.gridFooter {
	background-color: #eeeeee;
	font-size: 0.8em;
}

.gridSelectedRow {
	background-color: #B2C3E1;
	font-weight: bold;
	font-size: 0.8em;
}

.gridMyFooter {
	background-color: #F1F2EC;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	width: 100%;
}

.gridMyFooterIn {
	float: right;
	height: 20px;
	line-height: 20px;
	padding-right: 5px;
	vertical-align: middle;
}

/* Roadmap */
.roadMapGroupHeader td {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	padding: 5px;
	background-color: #eee;
	height: 25px;
}

.roadMapSummary {
	padding: 0;
	width: 175px;
	font-weight: bold;
	background-color: #eee;
}

/* Changed Log */
.milestoneGroupHeader {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	padding: 5px;
	padding-left: 50px;
	font-weight: bold;
	cursor: pointer;
	margin-top: 5px;
	background: url(../../images/package.gif) no-repeat 24px 7px;
	height: 50px;
}

.milestoneProgress {
	float: right;
	font-weight: normal;
	font-size: 0.9em;
}

.milestoneDescription {
	float: left;
}

.milestoneContent {
	padding-left: 50px;
	background-color: white;
	margin-bottom: 15px;
}

.milestoneNotes {
	font-size: 1.0em;
	font-weight: normal;
}

.milestoneReleaseDate {
	font-size: 0.9em;
	min-width: 15%;
	float: left;
	padding-right: 5px;
	font-style: italic;
	font-weight: normal;
}

.milestoneList li:hover {
	background-color: #eee;
}

.milestoneName {
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	min-width: 15%;
	white-space: nowrap;
	line-height: 20px;
}

.milestoneList {
	list-style-type: none;
	margin: 0.5em 0px 0px;
	padding: 0px;
}

	.milestoneList li.active {
		background-color: #F0F0F0;
		background-image: url(../../images/bullet_arrow_down.gif);
		border-top: 1px solid #ddd;
	}

	.milestoneList li {
		background-image: url(../../images/bullet_arrow_left.png);
		background-position: 3px 12px;
		background-repeat: no-repeat;
		border-top: 1px solid white;
		display: block;
		list-style-type: none;
		margin: 0px 0px 0.25em;
		padding: 0px;
	}

		.milestoneList li .issueCount {
			float: right;
			padding-right: 13px;
			padding-top: 13px;
			display: block;
			font-weight: normal;
		}

/* Summary Page Styles */
table.summary {
	border-collapse: separate;
	border-spacing: 3px;
	width: 100%;
	margin-bottom: 35px;
}

td.count-column {
	width: 15px;
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}

td.item-column {
	padding-left: 5px;
	text-align: left;
	width: 90%;
}

td.image-column {
	padding-left: 5px;
	width: 15px;
}

td.id-column {
	padding-left: 5px;
	min-width: 62px;
}

.tree td div {
	height: 20px !important;
}

.tree td img {
	vertical-align: bottom;
}

/* Issue List Legend Styles */
table.issueListLegend {
	border-collapse: separate;
	border-spacing: 3px;
	width: 100%;
	margin-bottom: 15px;
}

/* Messages */
.info, .success, .warn, .error {
	border: 1px solid;
	margin: 10px 0;
	padding: 7px 10px 7px 40px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../../images/accept.gif');
}

.info {
	border: 1px solid #c3ced2;
	background-color: #e5f3ff;
	background-image: url('../../images/information.gif');
}

.warn {
	border: 1px solid #f0c000;
	background-color: #ffffce;
	background-image: url('../../images/error.gif');
}

.error {
	border: 1px solid #cc0000;
	background-color: #ffdddc;
	background-image: url('../../images/exclamation.gif');
}


/* Queries */

div.QueryListMenu{
	display:flex;
}

div.QueryListMenu div.QueryListSubmenu {
	border: 1px solid #ccc;
}

div.QueryListMenu div.QueryListSubmenu.Operations{
	margin-left:10px;
}

div.QueryListMenu td{
	padding:5px;
}

div.QueryListMenu .RadButton_Metro.rbSkinnedButton .rbDecorated{
	margin-left:0px!important;
}

.PickQuery .rcbSeparator {
	background-color: #83c381 !important;
}

div.issueHeader {
	position: relative;
}

div.pnlBugNavigation {
	height: 38px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #BBBBBB !important;
	margin-bottom: 7px;
}

td#leftPanelContent {
	min-width: 250px;
	vertical-align: top;
	padding-left: 5px;
	/*
	background: url('./Images/midleLeftColContectbg.png') repeat-y;
*/
	min-height: 500px;
	height: 600px;
	margin: 0;
}

div.issueHeader .title {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	/*
	background: url('./Images/IssueTitlebg.jpg') no-repeat;
*/
}

.issueNumber {
	color: #333 !important;
	font-family: Segoe UI !important;
	font-size: 24px !important;
	font-weight: normal !important;
}

/* pager settings */
div.pager {
	padding: 4px;
	background-color: #F1F2EC;
	height: 20px;
}

	div.pager input {
		vertical-align: middle;
	}

span.results1 {
	float: left;
}

span.results2 {
	float: right;
}

/*  Issue List */
.issueListOptionsContainer {
	height: auto;
	padding-top: 5px;
}

#SetProperties {
	clear: both;
	display: none;
	width: 100%;
	background-color: #FFFAF6;
	margin-bottom: 10px;
}

	#SetProperties select {
		width: 184px;
	}

.rightButtonContainer {
	float: right;
	padding-right: 3px;
	padding-bottom: 5px;
	width: auto;
}

	.rightButtonContainer .rightButtonItem {
		display: inline;
		margin-left: 10px;
	}


	.rightButtonContainer a img {
		vertical-align: text-bottom;
		margin-right: 2px;
	}

.leftButtonContainerPanel {
	float: left;
	padding-bottom: 5px;
	width: 400px;
}

#EditIssueProperties {
	line-height: 20px;
	padding: 0 0 2px 20px;
	margin: 0;
	background: url(../../images/table_edit.gif) no-repeat 0 -1px;
	z-index: 1001;
}

/* Comments */
.AddComment .Default.RadEditor {
	width: 99% !important;
}

.AddComment {
	margin-bottom: 20px;
	clear: both;
	margin-top: 10px;
}

.commentContainer, .commentContainerOwner {
	/*margin-bottom: 1.5em;*/
	padding: 10px;
	border: 1px solid #ededed; /*background-color:#FAFAFA;*/
	display: block;
	min-height: 70px;
	width: calc(100vw - 290px) !important;
	max-width: 100%;
	overflow-x: auto;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.commentContainer div, .commentContainerAlt div, .commentContainerOwner div {
	margin-top: 0em;
}

.commentContainer div.downloadAllAttachments {
	margin-top: 5px;
}

.commentContainer div.downloadAllAttachments a {
	color: #669900 !important;
	font-weight: bold;
}

.commentContainerAlt {	
	padding: 10px;
	border: 1px solid #ededed;
	display: block;
	min-height: 70px;
}

.commentContainerOwner {	
	padding: 10px;
	background-color: #FAFAFA;
	border: 1px solid #ededed;
	display: block;
	min-height: 70px;
}

.commentTitle {
	font-weight: normal;
	font-size: 0.9em;
}

.commentAuthor {
	font-size: 1.2em;
	font-weight: bold;
	color: #696969;
}

/* Side Menu */
ul.sideMenu {
	margin: 0;
	padding: 0;
	width: 225px;
}

	ul.sideMenu li {
		text-align: right;
		font-family: Segoe UI !important;
		text-transform: lowercase;
		font-size: 170%;
		list-style: none !important;
	}

	ul.sideMenu li span {
		list-style: none;
		display: list-item;
		padding: 4px 10px 4px 15px;
		text-decoration: none;
		color: white !important; 
		background: #E2E2E2;
	}

	ul.sideMenu li a {
		list-style: none;
		display: list-item;
		padding: 4px 25px 4px 7px;
		text-decoration: none;
		color: white !important;
		background: #E2E2E2;
	}

	ul.sideMenu li span {			
		background: #E2E2E2;
	}

	ul.sideMenu li a:hover {
		background: #E2E2E2;
	}

	ul.sideMenu li span {
		font-weight: bold;
	}

	ul.sideMenu li.on a {
		background-image: url(../../images/on.gif) !important;
		background-position: right !important;
		background-repeat: no-repeat !important;
		background: #E2E2E2;
	}

	ul.sideMenu li.off a {
		background-image: url(../../images/off.gif);
		background-position: right;
		background-repeat: no-repeat;
	}

	ul.sideMenu li a:hover {
		background-image: url(../../images/on.gif);
		background-repeat: no-repeat;
		background-position: right;
	}

.tree {
	margin-top: -20px;
}

.roundedBox {
	line-height: 24px;
	margin-bottom: 0.7em;
	text-align: left;
	font-size: 140%;
	font-family: Segoe UI;
	font-weight: normal;
	text-transform: uppercase;
}

ul.permissions {
	list-style: none;
	float: left;
	width: 600px;
}

	ul.permissions li {
		display: inline;
		float: left;
		width: 300px;
	}

ul.permissions2 {
	list-style: none;
	float: left;
	width: 600px;
}

	ul.permissions2 li {
		display: inline;
		float: left;
		width: 200px;
		white-space: nowrap;
	}

.roadMapProgress {
	background: transparent url(../../images/fade.png) repeat-x 0% -3px;
	display: block;
	height: 10px;
}

.modalBackground {
	background-color: gray;
	opacity: 0.7;
}

.ModalPopup {
	font-family: "Segoe UI",Arial,sans-serif;
	font-size: 12px;
	background-color: #efefef;
	border: 7px solid #C5C5C5;
	padding: 10px;
}

	.ModalPopup .FieldLabel {
		font-size: 12px;
	}

.ModalPopupContent {
	padding: 7px;
}

.ModalPopupOption {
	background-color: #C5C5C5;
	margin-top: 14px;
}

.ModalPopupButtons {
	text-align: center;
	margin-top: 14px;
}

.IssueDetailTitle {
	color: #690 !important;
	font-family: Segoe UI !important;
	font-size: 24px !important;
	font-weight: normal !important;
	margin-bottom: 0 !important;
}

	.IssueDetailTitle input {
		color: #690 !important;
		font-size: 24px !important;
		border: 1px solid #690 !important;
		height: 36px !important;
	}

.issueTitle {
	color: #606060 !important;
	float: left;
	font-size: 16px !important;
	font-weight: bold !important;
	width: 99% !important;
	padding: 2px 0 0 2px;
}

.issueTitleWatermarked {
	color: #999 !important;
	font-size: 16px !important;
	width: 99% !important;
	font-weight: bold !important;
	padding: 2px 0 0 2px;
}
/* form styles */
.fieldgroup {
	float: left;
}

#content h2 {
	border-bottom: 0px white solid !important;
	margin-top: -40px;
	margin-left: 10px;
	color: white;
	font-size: 170%;
	display: table;
}

.fieldgroup h3 {
	margin-top: 0.5em;
}

.fieldgroup ol {
	padding: 0em 1em 0 1em;
	list-style: none;
	display: table;
}

.fieldgroup .listWrapper ol li {
	text-align: left;
	float: left;
	list-style: none;
	height: 30px;
	width: 300px;
}

.fieldgroup li {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	white-space: normal;
	vertical-align: top;
}

	.fieldgroup li span.cke_skin_kama {
		display: inline-block;
	}

.fieldgroup label, .fieldgroup span.label {
	display: inline-block;
	padding: 3px 10px 0px 0px;
	vertical-align: top;
}

.labelgrouplist label {
	float: right;
}

div.labelgroup {
	max-width: 575px;
	display: inline-block;
}

	div.labelgroup label {
		float: right;
		width: auto;
	}

div.submit {
	/*float: right;*/
	border-style: none;
	left: 20px;	
}

div.submit input[type="submit"], div.NewFilterItemsArea div.submit input[type="button"] {
	background-color: #669900 !important;
	color: white;
	border: 0px;
	font-size: 11px;
	font-family: Segoe UI;
	padding: 6px;
	cursor: pointer;
}

div.submit input[type="submit"]:hover, div.NewFilterItemsArea div.submit input[type="button"] {
	background-color: #517A00 !important;
}

a.hyperlinkLikeSubmitButton:link {
	background-color: #669900 !important;
	color: white !important;
	font-size: 11px;
	font-family: Segoe UI;
	padding: 6px;
}

a.hyperlinkLikeSubmitButton:hover{
	background-color: #517A00 !important;
}

.TileButton {
	background-color: #669900 !important;
	color: white;
	border: 0px;
	font-size: 11px;
	font-family: Segoe UI;
	padding: 6px;
	cursor: pointer;
	height: 85px;
	width: 85px;
}

div.submit input[type="submit"]:disabled {
	cursor: default;
	background-color: gray !important;
}

.progress {
	float: right;
}

.issueDescription {
	padding-left: 5px;
	width: calc(100vw - 490px) !important;
	max-width: 100%;
	overflow-x: auto;
	white-space: normal;
	padding-right: 0;
	margin-bottom: 25px;
	margin-top: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 10px;
	border-radius: 5px;
	word-wrap: break-word; /* Starší syntaxe pro zalamování dlouhých slov */
	overflow-wrap: break-word;
	height: auto;
}

.issueDescription .Default.RadEditor {
	/*padding-left:5px;*/
	width: 95% !important;
}

.projectDesc {
	float: left;
	position: absolute;
	width: 50% !important;
}

.projectDesc ul, .projectDesc div, .issueDescription ul, .issueDescription ol, .commentContainer ul, .commentContainer ol, .commentContainerAlt ul, .commentContainerAlt ol {
	margin: 15px 0 15px 25px;
	padding-left: 20px;
	max-width: 90%;
}

.closeImage {
	cursor: pointer;
	background-image: url("../../images/cross.gif");
	height: 16px;
	width: 16px;
	border: none !important;
}

table.grid .istDraft {
	background-color: #ffffff; /*white*/
}

table.grid .istNew {
	background-color: #91cedc; /*blue*/
}

table.grid .istInProgress {
	background-color: #f9b277; /*orange*/
}

table.grid .istAssigned {
	background-color: #ffea93; /*yellow*/
}

table.grid .istCompleted {
	background-color: #ff7f75; /*red*/
}

table.grid .istClosed {
	background-color: #c5c5c5; /*grey*/
}

table.grid .istStopped {
	background-color: #cc99ff; /*violet*/
}

table.grid .accepted {
	background-color: #92d050; /*green*/
}

/* styl pro hromadni upravu vlastnosti vybranych pripadu */
div.updateIssuesProperty {
	display: inline-block;
	width: 45%;
	height: 25px;
	padding-bottom: 5px;
}

	div.updateIssuesProperty div.propertyName {
		vertical-align: top;
		display: inline-block;
		width: 25%;
	}

	div.updateIssuesProperty div.propertyValue {
		display: inline-block;
	}

div#SetProperties div.issue-detail .item {
	display: inline-block;
	width: 436px;
}

/* styly pro advanced search */
div.searchOptions {
	vertical-align: top;
	display: inline-block;
	border: 1px solid #c0c0c0;
	padding: 5px 20px 5px 5px;
	margin-left: 20px;
	width: auto;
}

	div.searchOptions ul {
		list-style-type: none;
	}

.searchInputArea {
	width: 200px;
}

div.searchLegend {
	padding: 2px 5px;
	color: #696;
	font-weight: bold;
	display: inline;
}

/* styles for user profile - issue notification settings */

div.IssueNotificationSettings {
	background-color: #E5E5E5;
	margin: 5px 0;
	padding: 5px;
}

	div.IssueNotificationSettings table {
		width: 600px !important;
	}

.IssueNotificationSettings td {
	width: 200px;
}

/*searchBanner properties*/

#searchBanner {
	float: right;
	width: 350px;
}

	#searchBanner .searchComboBox {
		display: inline-block;
		vertical-align: middle;
	}

	#searchBanner a {
		background-image: none;
	}

.searchButton {
	margin-left: 5px;
}

#searchIssuesCombo {
	display: inline-block;
}

	#searchIssuesCombo label {
		width: 150px;
		float: right;
	}



#totalWorkTimeDiv {
	float: right;
	line-height: 25px;
}

	#totalWorkTimeDiv span {
		display: inline-block;
	}

.editor .RadComboBox {
	vertical-align: baseline;
}


.issueToolTip .tipHeader {
	font-weight: bold;
	width: 100px;
}

.issueToolTip .tipItem {
	width: 100px;
}

.issueToolTip .toolTipImg {
	width: 16px;
	height: 16px;
	display: inline-block;
}

/* Project Settings - Workflow styles */

.workflowDiv {
	overflow: auto;
}

.workflowGroup {
	border-bottom: 1px solid grey !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.workflowGroupTop {
	border-bottom: 1px solid grey !important;
	color: #666666;
	font-size: 140%;
	font-weight: bold;
	line-height: 25px;
	margin-top: 10px;
}

.workflowGroupBottom {
	padding-top: 10px;
	padding-bottom: 10px;
}

.workflowGroupBottom2 {
	border-bottom: 1px solid grey !important;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.workflowLabel {
	font-weight: bold;
}

.WorkflowDetail {
	border: 1px solid grey !important;
	padding: 0px 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 210px;
}

.workflowStatusList {
	width: 190px;
	border: 1px solid grey !important;
	padding: 10px 0px 10px 10px;
	margin-right: 10px;
	float: left;
}

.workflowStatusListInner {
	width: 180px;
	margin-top: 5px;
}

	.workflowStatusListInner .rlbGroup {
		border: none !important;
	}

.workflowPreviewRole {
	float: right;
	display: inline-block;
}

.workflowPreviewRoleLabel {
	vertical-align: middle;
}

.workflowPreviewListItem {
	list-style: none;
	margin-bottom: 5px;
}

.centerImg {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.solutionComment {
	border: 2px solid #669900;
	margin-bottom: 1.5em;
}

div.RadEditor.Metro.reWrapper, div.RadEditor.Default.reWrapper.expanding {
	min-width: 600px !important;
	width: 100% !important;
}

#logTimeCommentHolder div.RadEditor.Default.reWrapper.expanding {
	min-width: 94% !important;
	width: 100% !important;
}

.normalComment {
	margin-bottom: 1.5em;
}

.deletedIssue {
	text-decoration: line-through;
}

.rbtItem label {
	display: inline-block;
	float: none;
}

/* END: Project Settings - Workflow styles */

.categoriesPane {
	border-style: solid;
	border-color: #999999;
	border-width: thin;
	background-color: #FFFFFF;
}

/* ---------------- ErrorUC.ascx ---------------- */
#ErrorPageContent {
	margin-left: 20px;
}

	#ErrorPageContent a {
		color: #0E5BC2 !important;
	}

/* ---------- CreateProjectliteUC.ascx ---------- */
#NewUserDescription ul {
	list-style-type: circle;
	padding-left: 40px;
}

#NewUserDescription h4 {
	color: #747474;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
}

#NewUserDescription p {
	margin-top: 10px;
}

/* --------------------------------------------- RadTreeViewCustomization ---------------------------------------------
*
* 'Metro' skin pre RadTreeView je nevyrazny - preto je pouzity skin 'Office2010Silver' (zaregistrovany v RadSkinManager)
* a zaroven su prepisane niektore styly, aby RadTreeView zapadol do kontextu 'Metro' skinu
* --------------------------------------------------------------------------------------------------------------------*/
.RadTreeView_Office2010Silver .rtSelected .rtIn {
	background-color: #249FD9 !important;
	background-image: none !important;
	border-color: #249FD9 !important;
	color: #FFFFFF !important;
}

.RadTreeView_Office2010Silver .rtHover .rtIn {
	background-color: #E5E5E5 !important;
	background-image: none !important;
	border-color: #E5E5E5 !important;
	color: #767676 !important;
}

.RadTreeView_Office2010Silver, .RadTreeView_Office2010Silver a.rtIn, .RadTreeView_Office2010Silver .rtEdit .rtIn input {
	color: #767676 !important;
	font: 12px/18px "Segoe UI",Arial,sans-serif !important;
}

/* ------------------- IssueList user control - columns selector ------------------- */
.ChangeColumnsPanel {
	width: 100%;
	background-color: #E5E5E5;
	margin-bottom: 10px;
}

.ChangeColumnsPanelInner {
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.columnTitleLabel {
	margin-left: 6px;
	margin-top: 4px;
	color: #000000;
	font-weight: bold;
}

.ChangeColumnsButton {
	background-color: #FFFFFF !important;
	margin-left: 6px;
	margin-top: 6px;
}

	.ChangeColumnsButton:hover {
		background-color: #00A2DD !important;
		color: #FFFFFF !important;
	}

	.ChangeColumnsButton .rbText:hover {
		color: #FFFFFF !important;
	}

.title .RadInput, .title .RadInputMgr {
	width: 100% !important;
}

/* ------------------------- Issues transfers (copy / move) ------------------------- */
.TransferResultsTable {
	overflow: auto;
	display: block;
	max-width: 1000px;
}

	.TransferResultsTable td {
		border-style: none none solid none;
		border-width: 4px;
		border-color: white;
		padding-left: 5px;
		padding-right: 5px;
	}

td.transferIssuesColIssueId {
	width: 1px;
	white-space: nowrap;
	padding-right: 20px !important;
}

.TransferResultsTable tr.Success {
	background-color: #1BA1E2; /*cyan*/
	color: #ffffff;
}

.TransferResultsTable tr.Warning {
	background-color: #E3C800; /*yellow*/
	color: #ffffff;
}

.TransferResultsTable tr.Failure {
	background-color: #E51400; /*red*/
	color: #ffffff;
}

.TransferResultsTable tr.Unknown {
	/* clear */
}

/* ------------------------- Close Issue(s) result ------------------------- */
.CloseIssueResultsTable {
	overflow: auto;
	display: block;
	max-width: 1000px;
}

	.CloseIssueResultsTable td {
		border-style: none none solid none;
		border-width: 4px;
		border-color: white;
		padding-left: 5px;
		padding-right: 5px;
	}

td.CloseIssueColIssueId {
	width: 1px;
	white-space: nowrap;
	padding-right: 20px !important;
}

.CloseIssueResultsTable tr.Success {
	background-color: #1BA1E2; /*cyan*/
	color: #ffffff;
}

.CloseIssueResultsTable tr.Warning {
	background-color: #E3C800; /*yellow*/
	color: #ffffff;
}

.CloseIssueResultsTable tr.Failure {
	background-color: #E51400; /*red*/
	color: #ffffff;
}

.TransferResultsTable tr.Unknown {
	/* clear */
}


/* ------------------------- Project switch ------------------------- */

.projectSwitchList {
	/*centered div*/
	width: 1120px;
	margin: 0 auto;
}

/* SS: correction for Telerik RadButtons of type 'ToggleButton' (CheckBox, RadioButton) */
/* buttons on click (on toggle of state) are focused by default and within metro theme are highlighted and it looks pretty weird */
/* styles below are used to disable mentioned highlighting */

.RadButton.RadButton_Metro.rbToggleButton:focus, .RadButton.RadButton_Metro.rbToggleButton:active {
	border: 0 none !important;
	color: #000000 !important;
	background-color: inherit !important;
	outline: none !important;
}

.rbToggleCheckbox, .rbToggleCheckboxChecked, .rbToggleCheckboxFilled {
	background-image: url(../../images/CheckboxResource.png) !important;
}

.rbToggleButton .rbToggleCheckbox+.rbText, .rbToggleButton .rbToggleCheckboxChecked+.rbText, .rbToggleButton .rbToggleCheckboxFilled+.rbText{
	margin-left: 6px !important;
	margin-top: 1px !important;
}
/* ------------------------- Project reports ------------------------- */

.ReportDetailPanel {
	background-color: rgb(241, 241, 241);
	padding: 10px;
}

.ReportItemsPanel {
	margin-top: 10px;
}

.ProjectReportLabel {
	font-size: 16px !important;
	color: #00a2dd !important;
	font-family: Segoe UI !important;
}

.ProjectReportTitle {
	color: #690 !important;
	font-family: Segoe UI !important;
	font-size: 24px !important;
	font-weight: normal !important;
	margin-bottom: 0 !important;
}

.ProjectReportDescription {
	font-size: 14px !important;
}

.ProjectReportText {
	font-size: 14px !important;
}

.ReportItemsListTotal {
	font-weight: bold;
	font-size: 14px;
}

.TimeSheetItemsGridFooter {
	border-width: 1px;
	border-style: solid;
	border-color: #999 #e5e5e5;
	background: #e4e4e4;
	padding: 4px;
	text-align: right;
}

.ProjectTimesheetExpenseItemsTitle {
	color: #690 !important;
	font-family: Segoe UI !important;
	font-size: 16px !important;
	font-weight: bold !important;
	margin-bottom: 3px !important;
	display: block;
}

/* ------------------------- Email viewer ------------------------- */

TABLE.mailMessage {
	border-spacing: 0px;
	border-width: 2px 2px 1px 2px;
	border-color: #777;
	border-style: solid;
}

	TABLE.mailMessage TD {
		padding: 3px;
	}

		TABLE.mailMessage TD.body {
			border-width: 2px 0px 1px 0px;
			border-color: #777;
			border-style: solid;
		}

		TABLE.mailMessage TD.attachments, TABLE.mailMessage TD.attachmentLabel {
			border-width: 1px 0px;
			border-color: #777;
			border-style: solid;
			vertical-align: top;
		}

			TABLE.mailMessage TD.attachments a {
				color: #0e5bc2 !important;
			}

			TABLE.mailMessage TD.attachments TD {
				padding: 1px;
			}

		TABLE.mailMessage TD.fieldLabel, TABLE.mailMessage TD.attachmentLabel {
			font-weight: bold;
			vertical-align: top;
			/* automaticka sirka sloupce podle obsahu  */
			width: 1px;
			white-space: nowrap;
			padding-right: 30px;
		}

div.divStripped {
	margin-bottom: 5px;
}

	div.divStripped span {
		background: #FF4644;
		color: #FFFFFF;
		padding: 2px 5px;
	}

/* ------------------------- Projects list filter ------------------------- */

.ProjectListFilterInfo {
	color: #0099cc;
	width: 100%;
	padding: 0 10px 0 10px;
	font-weight: bold;
}

	.ProjectListFilterInfo a, .ProjectListFilterInfo a:link, .ProjectListFilterInfo a:visited, .ProjectListFilterInfo a:hover {
		color: #0e6e8e !important;
		cursor: pointer;
	}

/* ------------------------- Issue layout divider / designer ------------------------- */

div.RecordDetailDivider {
	width: 100%;
	background-color: #00a2dd;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	clear: both;
}

	div.RecordDetailDivider span {
		font-weight: bold;
		color: #FFFFFF;
		font-size: 17px;
	}

.RecordDetailLayoutDesignerDivider {
	background-color: #83c381;
}

.rgSelectedRow .RecordDetailLayoutDesignerDivider {
	background-color: #188315;
}

.RecordDetailLayoutDesignerDisabled {
	font-style: italic;
	color: gray;
}

/* ------------------------- Issue layout annotation / designer ------------------------- */

.RecordDetailLayoutDesignerAnnotation {
	background-color: #FFDA6D;
}

.rgSelectedRow .RecordDetailLayoutDesignerAnnotation {
	background-color: #FFBC05;
}

/* ------------------------- Import issues tab ------------------------- */

table.importLegendTable, table.importLegendTable th, table.importLegendTable tr, table.importLegendTable td {
	border: 1px solid;
	border-color: gray;
	border-collapse: collapse;
}

	table.importLegendTable th, table.importLegendTable td {
		padding-right: 10px;
		padding-left: 5px;
		text-align: left;
	}

/* ------------------------- Multiselection custom field ------------------------- */

.MultiselectionCustomFieldInWideContainer, .MultiselectionCustomFieldInNarrowContainer {
	background-color: #f3f3f3;
	padding: 4px;
}

.MultiselectionCustomFieldInWideContainer {
	width: 100%;
}

.MultiselectionCustomFieldInNarrowContainer {
	width: 96%;
}

.MultiselectionCustomFieldInWideContainer .MultiSelectionItem {
	width: 170px !important; /*display values in more columns*/
}

.MultiselectionCustomFieldInNarrowContainer .MultiSelectionItem {
	width: 100% !important; /*display values in one column*/
}

/* ------------------------- Multiselect user list custom field ------------------------- */

.MultiselectUserListCustomFieldInWideContainer {
	width: 100% !important;
}

.MultiselectUserListCustomFieldInNarrowContainer {
	width: 160px !important;
}


/* ------------------------- Drop down tree, CategoryFieldUC, ProjectCategories ------------------------- */

.dropDownTree {
	display: inline-block !important;
}

.dropDownTreePopup .rddtScroll {
	max-height: 300px;
}
    
.dropDownTree .rddtFakeInput {
	white-space: normal;
	height: 100% !important;
}

.dropDownTree .rddtIcon {
    height: 16px !important;
}

.dropDownTree .rddtClearButton {
	top: 11px !important;
}

/* ------------------------- Risk assessment custom ------------------------- */

.CustomRiskAssessmentValue {
	background-color: #f3f3f3;
	min-width: 250px;
	padding: 4px;
}

.CustomRiskAssessmentValue .CRAElement {
vertical-align: middle;
margin: 2px;
padding: 4px;
background-color: #e8e8e8;
display: inline-table;
width: 18%;
}

.CustomRiskAssessmentValue .CRAElement .CRADesciption {
width: 146px;
}

.CustomRiskAssessmentValue .CRAElement .CRAValue {
width: 80px;
height: 25px;
text-align: center;
}

.CustomRiskAssessmentValue .CRAElement .CRAValue span {
	vertical-align: middle !important;
}

.CustomRiskAssessmentElementModify h2 {
	color: #666;
	font-size: 140%;
	font-weight: bold;
	margin: 0px;
	border: none;
}

.CustomRiskAssessmentElementModify .groupHeader {
	background-color: #c5c5c5;
	padding: 2px;
}

.CustomRiskAssessmentElementModify ul {
	list-style: inside none disc;
}

.CustomRiskAssessmentElementModify .ConsequenceInput input {
	float: left;
}

.CustomRiskAssessmentElementModify .ConsequenceInput label {
	float: left;
	margin-left: 5px;
	width: 90%;
}

/* ------------------------- Custom fields administration------------------------- */

.CustomFieldType .rcbSeparator {
	background-color: #83c381 !important;
	font-style: italic;
}

/* ------------------------- replacement of "text-indent: 9999px;" technique------------------------- */
/* --------------- (original technique causes problems in some browsers in sharepoint) --------------- */

.RadComboBox .rcbArrowCell a {
	text-indent: 100% !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}

/* ---------------------------- NEW GRID FILTER STYLES ------------------------------- */

div.NewIssueFilterItem {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 5px;
}

div.NewIssueFilterItemLabel {
	display: inline-block;
	width: 85px;
	text-align: right;
	margin-right: 5px;
}

div.NewIssueFilterItemValue {
	display: inline-block;
	width: 170px;
}

	div.NewIssueFilterItemValue .rbToggleButton {
		margin-left: -4px;
	}

div.NewIssueFilterAdvancedButton {
	margin-bottom: 6px;
}

	div.NewIssueFilterAdvancedButton a:link, div.NewIssueFilterAdvancedButton a:hover, div.NewIssueFilterAdvancedButton a:visited {
		font-weight: bold;
		color: #00B2E2 !important;
	}

div.NewFilterItemsArea {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	background-color: #F4F4F4;
	margin-bottom: 5px;
	margin-top: 5px;
}

	div.NewFilterItemsArea .FilterIndicator {
		color: red;
		font-weight: bold;
		float: right;
		padding: 6px;
	}

	div.NewFilterItemsArea .FilterButton {
		float: right;
		margin-left: 10px;
	}

/* --------------------SMTP configuration-------------------------- */

div.SmtpProjectAssignment {
	background-color: #E5E5E5;
	margin: 5px 0;
	padding: 5px;
}

/* ---------------------------------------------- */

.title .RadInput, .title .RadInputMgr {
	width: 85% !important;
}


.projectTitle {
	font-size: 36px;
	font-family: "Segoe UI Light","Segoe WPC","Segoe UI", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
	margin-left: 8px;
	margin-bottom: 16px;
}

.pageTitleLabel {
	font-family: Segoe UI !important;
	font-size: 34px;
	color: #777;
	text-transform: uppercase;
	margin-left: 10px;
}

.pageSubTitleLabel {
	font-family: Segoe UI !important;
	font-size: 25px;
	color: #777;
	text-transform: uppercase;
}

.pageSubSubTitleLabel {
	font-family: Segoe UI !important;
	font-size: 18px;
	color: #777;
	text-transform: uppercase;
}

.colourBoxLeft {
	background-color: #00B2E2;
	position: absolute;
	width: 25px;
	height: 80px;
	margin-left: -147px;
}



	.colourBoxLeft #appLogo {
		width: 100px;
		height: 54px;
		margin: 13px 30px 0 30px;
		background-image: url(../../images/xpera-logo-100x54.jpg);
		display: none;
	}

.RadEditor Metro reWrapper {
	width: 100% !important;
}

.RadGrid .rgMasterTable {
	width: 100% !important;
}

.RadScheduler_Metro .rsApt .rsAptContent {
	background-color: #EEEEEE !important;
	background-image: none;
	color: black;
}



.IssueListTopMenuHolder {
	position: absolute;
}

.RadToolBar_Metro .rtbOuter {
	border: none !important;
}

.AddHoursButton {
	background-color: #0e5bc2 !important;
	color: white !important;
	width: 120px !important;
	height: 24px;
}

.MainMessage {
	margin: 30px;
	top: 30px;
	position: relative;
}

/* #region ProjectStartPage IssueRepeaters */
/* #region containers - dimension of containers for page*/
.issueRepeaters .rep-cont {
	display: block;
	width: 100%;	
	clear: both;
}

.issueRepeaters .rep-cont .top-half {
	display: block;
	width: 100%;
	clear: both;
}

.issueRepeaters .rep-cont .top-half .left-cont {
	/* Zde je Posledni zmeny v projektu */
	display: inline-block;
	width: 49%;
	height: 100%;
	min-height: 600px;
	vertical-align: top;
}

.issueRepeaters .rep-cont .top-half .right-cont {
	display: inline-block;
	width: 49%;
	/*background: #008c00;*/
	overflow: hidden;
	height: 100%;
	position: relative;
	vertical-align: top;
}

.issueRepeaters .rep-cont .top-half .right-cont .top-small {
	display: block;
	width: 100%;
	/*background: #008b8b;*/
	height: 50%;
	min-height: 300px;
	max-height: 50%;
	overflow: hidden;
}

.issueRepeaters .rep-cont .top-half .right-cont .bottom-small {
	display: block;
	width: 100%;	
	height: 50%;
	min-height: 300px;
	max-height: 50%;
	overflow: hidden;
}

.issueRepeaters .rep-cont .bottom-half {
display: block;
width: 100%;
clear: both;
}

.issueRepeaters .rep-cont .bottom-half .left-cont {
	display: inline-block;
	width: 49%;	
	height: 100%;
	vertical-align: top;
}

.issueRepeaters .rep-cont .bottom-half .right-cont {
	display: inline-block;
	width: 49%;	
	height: 100%;
	vertical-align: top;
}
/* #endregion containers*/

/* #region Repeaters - Head and Title, time (common)*/
.issueRepeaters .rpt {
	display: inline-table;
	float: left;
	overflow: auto;
	min-width: 90%;
	padding: 10px;
}

.issueRepeaters .rpt-title {
	margin-bottom: 20px;
}

.issueRepeaters .rpt-title .title,
.issueRepeaters .rpt-title .title a {
	font-size: 17pt;
	font-weight: normal;
	font-family: segoe-wp, Arial, sans-serif;
	text-transform: uppercase;
	color: #777777 !important;
}

	.issueRepeaters .rpt-title .small {
		text-transform: none;
		font-weight: normal;
		font-size: 12pt;
		font-family: segoe-wp, Arial, sans-serif;
	}

.issueRepeaters .rpt .time {
	display: block;
	font-weight: bold;
	text-align: right;
	min-width: 100px;
}

/* #endregion all repeaters / common feature*/

/*#region no-items, show-all */
.issueRepeaters .no-items {
	background: #FAFAFA;
	padding: 50px 0;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}

.issueRepeaters .show-all {
	position: relative;
	text-align: right;
	color: #008c00;
}

	.issueRepeaters .show-all.move-down {
		margin-top: 20px;
	}
/*#endregion */

/* #region TABLE-Repeaters (head and rows) */
.issueRepeaters table {
	border-collapse: collapse;
	border: 1px solid #e5e5e5;
}

.issueRepeaters .rgHeader th {
	font-weight: normal;
	font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif;
	line-height: 16px;
	color: #FFFFFF;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
	padding-bottom: 4px;
	text-align: center;
	background-color: #00A2DD;
}

.issueRepeaters .rgRow {
	background-color: transparent;
}

.issueRepeaters .rgAltRow {
	background-color: #ededed;
}

.issueRepeaters .id-column {
	min-width: 62px;
}

.issueRepeaters .time-column {
	min-width: 100px;
	text-align: center;
}

.issueRepeaters table td {
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0 0 1px 1px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 3px;
}
/* #endregion TABLE-Repeaters (head and rows) */

/* #region Text-Repeaters: row, who, time, user-action, issue-id, issue-title */
.issueRepeaters .rpt.txt {
	font-size: 11px;
	position: relative;
}

	.issueRepeaters .rpt.txt .row {
		margin-bottom: 10px;
		font-size: 11pt;
		font-family: segoe-wp;
	}

	.issueRepeaters .rpt.txt .who {
		font-weight: bold;
		color: #2757A1;
	}

	.issueRepeaters .rpt.txt .user-action {
		font-weight: normal;
	}

	.issueRepeaters .rpt.txt .issue-id,
	.issueRepeaters .rpt.txt .issue-title {
		font-weight: bold;
	}
/* #endregion */

/* #region Text-Repeaters colors: all, after-term, active, completed*/
.issueRepeaters .all,
.issueRepeaters .all a {
	color: #777777 !important;
}

.issueRepeaters .rpt-title .all:before,
.issueRepeaters .rpt-title .after-term:before,
.issueRepeaters .rpt-title .active:before,
.issueRepeaters .rpt-title .completed:before {
	content: " - ";
}


.issueRepeaters .after-term,
.issueRepeaters .after-term a {
	color: #A20025 !important;
}

.issueRepeaters .active,
.issueRepeaters .active a {
	color: #2757A1 !important;
}

.issueRepeaters .completed,
.issueRepeaters .completed a {
	color: #008C00 !important;
}

/* #endregion assigned-to-me-issue repeater*/

/* #region project-changes repeater*/
.issueRepeaters .rpt.project-changes {
	display: block;
	min-width: 90%;
	overflow: hidden;
}

.issueRepeaters .project-changes .additional-data {
	display: block;
}

.issueRepeaters .project-changes .issue-description-text {
	font-style: italic;
}

.issueRepeaters .project-changes .comment-text {
	font-style: italic;
}

.issueRepeaters .project-changes .attachment {
	font-weight: bold;
	padding-left: 30px;
	line-height: 150%;
	margin-bottom: 30px;
	background: transparent url(../../images/Start/Images.png) no-repeat -6px center;
}

.issueRepeaters .project-changes .update-time {
	display: block;
	font-weight: bold;
	padding-left: 30px;
	line-height: 150%;
	background: transparent url(../../images/Start/Clock01.png) no-repeat -6px center;
}

	.issueRepeaters .project-changes .update-time .in24h {
		color: #008C00;
	}

	.issueRepeaters .project-changes .update-time .in48h {
		color: #2757A1;
	}

	.issueRepeaters .project-changes .update-time .after48h {
		color: #A20025;
	}
/* #endregion project-changes repeater*/

/* #region Podtrzeni linku*/
.issueRepeaters a:hover {
	text-decoration: underline;
}
/* #endregion*/

/* #endregion start-issue-repeaters */

/* ------------------------- Project administration styles ------------------------- */

h3.adminProj {
	background-color: #efefef;
}

	h3.adminProj span {
		margin-left: 5px;
	}

.adminProjLabel {
	width: 170px;
	font-family: Segoe UI, Verdana, Geneva, sans-serif;
}

.adminProjLabelRequired {
	/*font-weight: bold;*/
}

.adminProjWideInput {
	width: 450px !important;
}

.adminProjNarrowInput {
	width: 200px !important;
}

.adminProjErrorDiv {
	margin-left: 185px;
}

.adminProjOptions {
	width: 700px;
}

.adminProjOptions ol li > span{
	white-space:normal!important;
	text-align:left;
}

.adminProjRadioList {
	margin-left: -5px;
}

h3.adminProjOptionsSubmenu {
	padding-left:16px;
}

.CustomFieldSelectionList_Value_RequiredValidator {
    display: block;
}

/* --------------------Progress field -------------------------- */

/*do not show small ticks in progress bar*/
div.progressEditor li.rslSmallTick {
	visibility: hidden !important;
}

/*correction - missing long tick on 0 value*/
div.progressEditor li.rslLargeTickFirst {
	background-position: 2px bottom !important;
}

/* ------------------- UserFieldUC, DateInfoFieldUC --------------------- */

div.userExtendedProperties {
	margin-top: 5px;
	display: block !important;
}

div.userExtendedProperties div.extendedProperty {
	display: block !important;
}

div.userExtendedProperties div.extendedProperty span.extendedPropertyLabel {
	font-weight: bold;
}

div.userExtendedProperties div.extendedProperty span {
	display: block !important;
}

div.userExtendedProperties.wide div.extendedProperty span {
	display: inline !important;
}

img.userFieldImage {
	margin-top: 5px;
	max-height: 130px;
	max-width: 130px;
	display: block;
}

div.dateInfoFieldContent span{
	display:block!important;
}

div.dateInfoFieldContent.wide span {
	display: inline !important;
}

/* ------------------- Hierarchical list custom field --------------------- */

.cfHierarchicalListDropClue {
	width: 16px;
	height: 16px;
	position: absolute;
	left: -7px;
	top: -7px;
	background-size: cover;
}

.cfHierarchicalListDropEnabled {
	background-image: url('../../Images/DropEnabled.png');
}

.cfHierarchicalListDropDisabled {
	background-image: url('../../Images/DropDisabled.png');
}

.ucDropDownTreeHiddenItem{
	font-style:italic;
	color:lightslategray;
}

/* -------------------------- Project members ----------------------------- */

.clsProjectMembersUC_Content .filtertTrProjectMembers {
	height: 80px;
	background-color: #f1f1f1;
	vertical-align: middle;
	padding: 10px !important;
	display: table-cell;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-bottom: 8px solid white;
	border-radius: 10px;
	border-right: 2px solid white;
	border-left: 2px solid white;
}

.clsProjectMembersUC_Content .cls_inDropView {
	width: 200px !important;
	height: 30px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	padding-left: 5px !important;
}

.clsProjectMembersUC_Content .cls_ddDropView {
	font-size: 15px !important;
	cursor: pointer !important;
}

.clsGridUsers .rgHeader {
	border: 1px solid #00a2dd !important;
}

.clsGridUsers .gridUsertDispName {
	font-weight: 600;
}

.clsGridUsers a.workReportLinkDisabled {
	opacity: 0.5;
}

.clsGridUsers a.openIssuesLinkEnabled {
	font-weight: 600;
}

.clsGridUsers td.expiredIssCell a:link, .clsGridUsers td.expiredIssCell a {
	display: flex;
	width: 100% !important;
	height: 100% !important;
	align-items: center;
	justify-content: center;
	color: white !important;
	font-weight: 600 !important;
	top: 0;
	left: 0;
	position: absolute;
}

.clsGridUsers td.expiredIssCell a:hover {
	color: white !important;
}

.clsGridUsers td {
    position: relative;
}

    .clsGridUsers td.afterDeadlineLinkDisabled {
        background-color: #690 !important;
    }

    .clsGridUsers td.afterDeadlineLinkEnabled {
        background-color: red !important;
    }


.clsGridUsers .rgRow td:not(.expiredIssCell) {
	border: 1px solid #f1f1f1 !important;
	background-color: #f1f1f1 !important;
}

.clsGridUsers .rgAltRow td:not(.expiredIssCell) {
	border: 1px solid #ffffff !important;
	background-color: #ffffff !important;
}

.clsGridUsers .rgRow td.expiredIssCell {
	border: 6px solid #f1f1f1 !important;
}

.clsGridUsers .rgAltRow td.expiredIssCell {
	border: 6px solid #ffffff !important;
}


/* -------------------------- Host notification settings ----------------------------- */

h3.hostNotificationSettings {
	background-color: #0099CC;
}

h3.hostNotificationSettings span {
	margin-left: 5px;
	color: white;
}

/* ---------------------- LocalizableInputBase.ascx ------------------------ */

.RadTabStrip_Simple .rtsLI a{
    font-weight:400!important;
    color:#000000!important;
}

/* ---------------------- Reports administration ------------------------ */

.reportsGridTitle {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 140%;
	color: #26519F;
	display: block;
}

.reportsGridDescription {
	display: block;
	width: 700px;
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #262626;
	margin-bottom: 24px;
	margin-top: 8px;
}

/* -------------------------- Issue attachments ----------------------------- */
.AttachmentpdfSignInfo {
	margin-left: 2px;
	vertical-align: middle;
	cursor: help;
}

/* ---------------------------------------------- */
.rmRootLink span.rmText {
	position: absolute;
	top: 38px;
	font-size: 8pt !important;
	margin-left: -34pt;
	width: 50px;
	word-break: break-all !important;
	white-space: normal !important;
	line-height: normal;
	text-align: center;
}

li.rmItem  {
	margin-left: 0px !important;
	margin-right: 20px !important;
}

.AddRelationLink {
	background-color: #669900 !important;
	border: 0px;
	font-size: 11px;
	font-family: Segoe UI;
	padding: 6px;
	display: block;
}

.AddRelationLink:hover {
	background-color: #517A00 !important;
}

.AddRelationLink[disabled="disabled"] {
	background-color: gray !important;
}

a.AddRelationLink:link {
	color: white !important;
}

a.AddRelationLink[disabled="disabled"] {
	color: white !important;
}

.CreateButtonHolder {
	width: 32% !important;
	display: inline-block;
	margin: 6px;
}

div.IssueRelationsGrid .rgRow td:not(.rgGroupCol) {
	border-color: #e5e5e5 #e5e5e5;
}

/* pevna vyska report iframe */

.ReportViewerControl > table tr:last-child > td table tr td:last-child iframe {
	height: 100%;
	min-height: 929px;
}

.collapsible_section {
	background-color: #0099CC !important;
	cursor: pointer !important;
	padding: 10px 10px 10px 30px !important;
	width: 100% !important;
	border: none !important;
	text-align: left !important;
	outline: none !important;
	font-size: 14px !important;
	background-image: url(../../images/Arrowhead-Down.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px center !important;
	color: white !important;
	margin-left: 0px !important;
	margin-top: 5px;
}

.active_section {
	background-image: url(../../images/Arrowhead-Right.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px center !important;
}

.collapsible_section:hover {
	background-color: #0077AA !important;
}

.section_content {
	padding: 0 18px !important;
	display: none;
	overflow: hidden;
	background-color: white !important;
	border: 1px solid #0099CC !important;
	padding: 10px !important;
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.bottomIssueMenuHolder, .topIssueMenuHolder {
	float: left;        
	height: 27px;
	width: 100%;
	text-align: right
}

.listBoxes .rlbList {
	width: 100%;
}
.rlbTemplateCell .rlbHeader {
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.showMoreAttachments {
	display: none;
	height: 28px;
}

/* CF URL(s) - Editable/Static extern URL field */

div.fieldsPanel div.item a.cfLink {
	color: #0e5bc2 !important;
	text-decoration: underline;
}

.cfLinkUrl {
	margin-left: 3px;
}
.reveal-eye {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	right: 21px;
	top: 6px;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: #fff url('../../Images/reveal-password.png') 50% 50% no-repeat;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease 0s,visibility 0s linear .2s;
}

	.reveal-eye.is-visible {
		display: inline-block;
		visibility: visible;
		opacity: 1;
		transition: opacity .2s ease 0s,visibility 0s linear 0s;
	}