/* MAIN */
html, body {
	margin:0;
	padding:0;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:14px;
	line-height:21px;
	text-align:center;
	color:#333;
	background:#dedfe0;
	min-width:1040px;
}
img {
	border:none;
}
#page div, #page span {
	transition: all 0.3s;
}
#page a {
	transition: all 0.2s;
}
#page input {
	transition: all 0.3s;
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#03146b;
}
a:hover {
	text-decoration:underline;
	color:#000;
}
h1, h2, h3 {
	color:#000;
	padding:2px 0;
	margin:2px 0;
}
h1 {
	font-size:1.5em; 
	margin:1%;
}
h2 {
	font-size:1.2em; 
}
h3 {
	font-size:1.1em; 
}
h1 .inf {
	color:#5aa4c7;
}
.breaker {
	clear:both;
	font: 1px 'Monotype',sans-serif;
	line-height: 1px;
	width: 1px;
	height: 1px;
	zoom: 1;
}
.spacer {
	height:10px;
}
.spacer2 {
	height:20px;
}
.spacer0 {
	height:6px;
}
.hr, hr {
	margin:5px 0;
	height:1px;
	width:100%;
	margin-bottom:9px;
	border-top:1px solid #d8dae0;
	background:#c1c1d2;
	border-bottom:1px solid #fff;
}
.hr2 {
	padding:0;
	height:1px;
	width:100%;
	margin-bottom:3px;
	border-bottom:1px dotted #bbe0f4;
}

.left {
	float:left;
	text-align:left;
}
.right {
	float:right;
	text-align:right;
}
.center {
	margin:0 auto;
	text-align:center;
}
.title {
	font-weight:bold;
}
small {
	color:#666;
}
large, .large {
	font-size:1.6em;
}
input, textarea, select {
	background-color:#fff;
	border:1px solid #EADCC6;
	margin:1px;
	padding:4px;
	border-radius: 2px;
}
input:focus, textarea:focus, select:focus {
	background-color:#fff;
	border:1px solid #33ccff;
}
table input, table select, .tplInput {
	background-color:#eee;
	border:1px solid #ccc;
	margin:1px;
	border-radius: 0;
}
input[type="checkbox"], input[type="checkbox"]:focus, input[type="radio"], input[type="radio"]:focus {
	margin:0;
	padding:0;
}
.input input[type="checkbox"], .input input[type="checkbox"]:focus, .input input[type="radio"], .input input[type="radio"]:focus {
	margin:8px 5px 0 0;
	float:left;
}
table .xtitle h2 {
	font-size:18px;
}

table {
	width:100%;
	border:1px solid #ddd;
	border-collapse: separate;
	border-spacing: 0px;
	font-family:Arial;
	font-size:10pt;
	background:#fff;
}
tr {
	padding:0;
	margin:0;
}
td, th {
	padding:10px;
	border:0;
	border-bottom:1px solid #ddd;
	text-align:left;
	line-height:1em;
	vertical-align:middle;
}
td {
	padding:7px 10px;
}
th {
	color:#fff;
	background:#404040;
	font-weight:700;
}
tr.row1 td {
	background-color:#f7f7f7;
}
tr:hover {
	box-shadow:0 0 2px #000;
	position:relative;
	z-index:999;
}
table tr:last-child td {
	border-bottom:none;
}

table.vertical th {
	border-bottom:1px dotted #ccc;
	color:#666;
	font-size:0.9em;
	background-color:#eee;
}

table thead tr:hover {
	box-shadow:none;
}

table thead td {
	background:#666;
	color:#ccc;
}
table thead td small {
	color:#eee;
}
table thead input, table thead select {
	width:100%;
	margin:-6px -5px;
	padding:5px;
	border:0;
	background:rgba(0, 0, 0, 0.1);
	color:#aaa;
}

table thead input:hover, table thead select:hover {
	background:#555;
}
table thead input:focus, table thead select:focus {
	background:#444;
	border:0;
}
table thead a {
	color:#eee;
}
table thead a:hover {
	color:#fff;
}
table thead #taskFilter i {
	font-size:14px;
}

table th small {
	color:#aaa;
}

tr.groupTitle th {
	font-weight:normal;
	padding:3px 3px 1px 0;
}
tr.groupTitle th:first-child {
	font-weight:normal;
	padding:2px 3px;
}
table td.noWrap {
	white-space: nowrap;
}


.highlight {
	border:1px dashed red;
	padding:10px 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow:inset 0 0 1px #f09f64, 0 0 2px #db724f;
	-moz-box-shadow:inset 0 0 1px #f09f64, 0 0 2px #db724f;
	box-shadow:inset 0 0 1px #f09f64, 0 0 2px #db724f;
	margin:5px 0;
}
fieldset {
	background:#edeff7;
	border:2px solid #e8e7ea;
	position:relative;
	border-radius: 2px;
	padding:10px;
	margin:45px 1% 1% 1%;
}
.rightContent fieldset {
	margin:35px;
}
fieldset legend {
	color:#333;
	font-size:1.4em;
	margin:-45px 1% -3% 1%;
	font-weight:bold;
	float:left;
}
.fieldsetInfo {
	margin: 10px 0 -500px 0;
	float:right;
	width:300px;
	padding:5px 30px;
	border-left:1px solid #ccc;
}
.infBox {
	padding:15px 15px 15px 60px;
	border:1px solid #7ca7d1;
	background:#d1e3f3 url('/i/icon/info.png') 8px 8px no-repeat;
	margin:5px;
	font-size:13px;
}
.xChoise {
	padding:10px;
	border:1px solid #ccc;
	margin:4px;
}
.input {
	float:left;
	text-align:left;
	padding:2px 0 2px 2px;
	max-width:740px;
	width:100%;
}
.input .btn {
	margin-top:-4px;
}

.wysiwygLarge {
	width:100%;
	height:150px;
}
label.inputLarge {
	font-size:2em;
	line-height:1.4em;
}
.inputLarge input {
	font-size:2em;
}



.btn, input[type="submit"], input[type="reset"], input[type="button"] {
	border:none;
	padding:7px 14px;
	font-size: 17px;
	display:inline-block;
	background:#ECECEC;
	border-radius:2px;
	color:#000000;
	cursor:pointer;
	font-family:Arial;
	font-weight:400;
	margin:0;
	text-align:center;
	white-space: nowrap;
	line-height:1;
}
.btn:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background:#e5e5e5;
	text-decoration:none;
	box-shadow:0 1px 4px #e5e5e5;
}
.btn:active {
	background:#cccccc;
}
.btn-disabled:hover {
	border-color:#d9d9d9;
	color:#444;
}
.btn-success, input[type="submit"] {
	background:#20c259;
	color:#fff;
	/*text-transform:uppercase;*/
	font-weight:700;
}
.btn-success:hover, input[type="submit"]:hover {
	background-color:#30cf67;
	color:#fff;
	box-shadow:0 1px 4px #30cf67;
	text-decoration:none;
}
.btn-success:active {
	background-color:#1FB55A;
	color:#fff;
}
.btn-error {
	background:#da5a5a;
	border-color:#da5a5a;
	color:#fff;
}
.btn-error:hover {
	border-color:#d8211d;
	background-color:#d8211d;
	color:#fff;
	box-shadow:0 1px 4px #d8211d;
}
.btn-light {
	background:none;
	border:none;
}
.btn-light:hover {
	background:#e4feeb;
}
.btn-dark {
	background-color:#330;
	border-color:#d4d4d4;
	color:#eee;
}
.btn-dark:hover {
	background-color:#000;
	border-color:#d4d4d4;
	color:#fff;
}


.btn-info {
	background-color:#36a6c7;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color:#fff;
}
.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {
	background-color:#2f96b4;
	color:#fff;
}



.btn-narrow {
	border-color: #9cecd2;
	font-size:15px;
	color:#000;
	padding:5px 10px;
	border-radius:3px;
}
.btn-narrow:hover {
	color:#000;
}
.btn-small {
	font-size:14px;
	padding:3px 5px;
}
.btn-large {
	font-size:24px;
	padding:13px 25px;
}

.btn-tiny {
	font-size:11px;
	padding:2px 3px;
	margin:-3px 0;
}
.btn-disabled {
	background:#eee !important;
	cursor:default !important;
	color:#bbb !important;
	border-color:#ddd !important;
}
label {
	float:left;
	text-align:right;
	padding:4px 5px 2px 0;
	width:150px;
	line-height:23px;
}
label.r {
	font-weight:bold;
	padding-right:10px;
	margin-left:-5px;
}
label small {
	display:block;
	margin-top:-7px;
	font-size:0.8em;
}
.input label {
	width:auto;
	float:none;
	line-height:16px;
}
.input small {
	float:left;
	margin-bottom:5px;
}
.input small.first {
	margin-top:8px;
}
.input input.error {
	border-color:red;
	background-color:#FFF7F0;
}
table label {
	float:none;
	padding:0;
	margin: 0;
}
.contentBox {
	background-color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:8px;
	padding:7px 10px;
}
.okBox {
	text-align:left;
	padding:10px 15px 10px 60px;
	color:#390;
	background:#eefdb8 url('/i/icon/ok.png') 8px 8px no-repeat;
	border:1px solid #aad344;
	margin:5px;
	transition: none;
	-webkit-transition: none;
}
.warningBox {
	text-align:left;
	padding:15px 15px 15px 60px;
	color:#390;
	background:#ffe9ae url('/i/icon/warning.png') 8px 8px no-repeat;
	border:1px solid #efc35c;
	margin:5px;
}
.errorBox {
	text-align:left;
	padding:10px 15px 10px 60px;
	color:#000;
	background:#f9c7be url('/i/icon/error.png') 8px 8px no-repeat;
	border:1px solid #f9a396;
	margin:10px;
}
ul.errors {
	min-width:300px;
	max-width:600px;
	color:#f00;
	text-align:left;
	margin:0 auto;
	padding:10px;
}
ul.errors a {
	color:#f00;
	text-decoration:underline;
}


ul.errors {
	min-width:300px;
	max-width:600px;
	color:#f00;
	text-align:left;
	margin:0;
	padding:10px;
}
ul.errors a {
	color:#f00;
	text-decoration:underline;
}
.numeration {
	width:100%;
	text-align:center;
	line-height:40px;
}
.numeration a {
	border:1px solid #eee;
	padding:2px 5px;
	text-decoration:none;
}
.numeration a:hover {
	text-decoration:none;
	background-color:#eee;
}
.numeration a.active {
	font-size:1.5em;
	font-weight:bold;
}
.disabled {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	cursor:default;
}
.disabled a, .disabled input {
	cursor:default !important;
}
.disabledCover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	background-color:#fff;
	position:absolute;
	width:120%;
	height:120%;
	margin:-10%;
}
.innerLoader {
	position:absolute;
	top:50%;
	left:50%;
	margin:-12px 0 0 -18px;
}
#alertBox {
	min-width:200px;
	padding:20px;
	z-index:9999999;
	border:5px solid #666
	text-align:center;
}
#mask {
	background:#333;
	display: none;
	height: 110%;
	left: -10px;
	opacity: 0.85;
	position: absolute;
	top: -10px;
	width: 110%;
	z-index: 100000;
}
.maskFlow {
	background-color: #fff;
	border: 6px solid #562113;
	border-radius: 20px;
	box-shadow:0 9px 22px -12px #605040;
	display: none;
	font-size: 1.2em;
	max-width: 780px;
	padding: 10px;
	position: fixed;
	z-index: 100009;
	margin-top:20px;
	color:#672d20;
}
.maskFlow a {
	color:#444;
}
.maskFlow a:hover {
	color:#000;
}

.maskFlow h1, .maskFlow h2, .maskFlow h3, .maskFlow label {
	color:#672d20;
}

.maskTitle {
	background: transparent url('/i/title.png') no-repeat;
	color: #fff;
	font-weight: bold;
	margin: -43px 0 0 140px;
	padding: 19px 0 0;
	text-align: center;
	width:456px;
	height:64px;
	float:left;
	display:inline-block;
	text-shadow:0 0 5px #000;
	font-size:24px;
	position:relative;
}
.maskFlow a.close {
	float:right;
	margin:-26px -28px -100px 0;
	font-size:29px;
	font-family:Arial;
	color:#666;
	font-weight:normal;
	position:relative;
	width:38px;
	height:38px;
	background:transparent url('/i/icon/close.png') no-repeat;
}
.maskFlow a.close:hover {
	text-decoration:none;
	color:#000;
}
.green {
	color:green;
}
.red {
	color:red;
}

dd {
	float:left;
	width:110px;
	font-size:0.8em;
	text-align:right;
	padding-right:10px;
	line-height:2em;
	opacity:0.8;
}
dt {
	float:left;
}
#saved {
	position:fixed;
	right:-2px;
	bottom:-2px;
	padding:10px 20px;
	color:green;
	background:#dff2d9;
	border:2px solid green;
	font-weight:bold;
	z-index:9999;
}

/* MAIN PARTS */
#head {
	text-align:left;
	padding:0 0 0 0;
	padding:10px 1%;
	border-bottom:1px solid #9496a9;
	background:#bec0ca;
	position:fixed;
	width:98%;
	min-width:1040px;
	top:0;
	left:0;
	z-index:5000;
	box-shadow:0 0 10px rgba(222, 223, 224, 0.8);
}
#page {
	width:100%;
	padding:0;
	text-align:left;
	margin-top:85px;
	margin-bottom:55px;
}
#footer {
	background:#bec0ca;
	position:fixed;
	bottom:0;
	width:98%;
	padding:0.5% 1%;
	border-top:1px solid #9496a9;
	z-index:100;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}
#meny {
	float:left;
	margin:52px 0 -2px 0;
}
#meny .mspacer {
	float:left;
	width:20px;
	height:5px;
}
#meny a {
	float:left;
	background-color:#a3a5b3;
	border:1px solid #9496a9;
	padding:1px 10px;
	margin:0 0 -11px 1px;
	font-weight:bold;
	color:#000;
}
#meny a:hover {
	background-color:#babcc7;
	text-decoration:none;
}
#meny a.active {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(222,223,224,1) 100%);
	border-bottom:1px solid #dedfe0;
}
.rightActions {
	float:right;
	padding:0 1%;
	margin:-1px 0 -100px 0;
}
.content-login, .content-resetpassword {
	position:fixed;
	top:50%;
	left:50%;
	width:400px;
	margin:-100px 0 0 -200px;
}
#saveArea {
	display:none;
	float:left;
	padding:1%;
	width:98%;
}

/**/
.itemBox {
	padding:10px;
	border:1px solid #666;
	margin:0 5px 10px 5px;
}
.itemBox:hover {
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);
}
.rightUser {
	margin:0 10px -100px 0;
}
.rightUser img {
	display:inline-block;
	margin:0 0 -7px 0;
	border:1px solid #eee;
	border-radius:2px;
}

.optionLinks {
	display:inline-block;
}
.optionLinks a {
	padding:0 5px;
	margin-left:5px;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.2);
	line-height:24px;
	display:inline-block;
}
.optionLinks a.active {
	box-shadow:0 0 5px rgba(0, 0, 0, 1);
	border-left-width:20px;
	font-weight:bold;
	background-color:#fff;
}
.optionLinks a:hover {
	box-shadow:0 0 2px rgba(0, 0, 0, 0.7);
}
.optionLinks a img {
	margin:0 6px 0 -5px;
	padding:0;
	float:left;
}

/* taskType styles */
.taskType_task {
	border-left:8px solid #038cdc;
}
.taskType_bug {
	border-left:8px solid #ff0000;
}
.taskType_event {
	border-left:8px solid #ff9900;
}
.taskType_idea {
	border-left:8px solid #33cc00;
}
.taskType_todo {
	border-left:8px solid #218400;
}

.barType_task {
	background:#038cdc;
}
.barType_bug {
	background:#ff0000;
}
.barType_event {
	background:#ff9900;
}
.barType_idea {
	background:#33cc00;
}
.barType_todo {
	background:#218400;
}


.fa-circle {
	color:#038cdc;
}
.fa-bug {
	color:#ff0000;
}
.fa-calendar {
	color:#ff9900;
}
.fa-lightbulb-o {
	color:#33cc00;
}
.fa-paper-plane {
	color:#218400;
}
.fa-exclamation-triangle {
	color:red;
	font-size:1.4em;
	margin:-3px 0;
}
.highPriority {
	position:relative;
}

option.taskType_task {
	background-color:#ccd9ff;
	color:#0033cc;
}
option.taskType_bug {
	background-color:#ffd5d5;
	color:#ff0000;
}
option.taskType_event {
	background-color:#ffebcc;
	color:#ff9900;
}
option.taskType_idea {
	background-color:#d5ffc6;
	color:#33cc00;
}
option.taskType_todo {
	background-color:#ccf2bb;
}

/* taskStatus styles */
.taskStatus_new, .taskStatus_ {
	background-color:#ffffff;
}
.taskStatus_approved {
	background-color:#ccd9ff;
}
.taskStatus_inprogress {
	background-color:#a3e8af;
}
.taskStatus_devtest {
	background-color:#fdffcc;
}
.taskStatus_torelease {
	background-color:#d8ffa4;
}
.taskStatus_livetest {
	background-color:#ffeacc;
}
.taskStatus_completed {
	background-color:#e4e6e3;
	color:#666;
}
.taskStatus_completedbugs {
	background-color:#ffa4a4;
}
.taskStatus_pending {
	background-color:#d9e8da;
	color:#666;

}
.taskStatus_rejected {
	background-color:#cecece;
	color:#af2414;
}

/********/

#projectMsg {
	font-size:1.4em;
	color:#3300cc;
}
.fr-box, .fr-box.fr-basic.fr-top, .fr-wrapper.show-placeholder .fr-placeholder {
	transition: none !important;
}
.taskView {
	margin:0 10px;
	padding:0 10px;
	background:#fff;
}
.taskHeader {
	border:1px dashed #aaa;
}
.links {
	border-top:1px solid #eee;
	padding:1%;
}
.links div {
	padding-top:2px;
	border-bottom:1px solid #eee;
}
.links div:hover {
	background-color:#eee;
}
.links div .btn {
	margin:2px 0 -6px 20px;
}
.links img {
	float:left;
	margin:0 5px 0 0;
}
.taksviewContent {
	float:left;
	min-width:920px;
	width:60%;
}
.taksviewComments {
	float:left;
	min-width:500px;
	width:36.6%;
	margin-left:1%;
	padding:0 1%;
	border-left:3px solid #e8e7ea;
	background-color:#edeff7;
}

@media screen and (max-width: 1600px) {
	.taksviewContent {
		width:100%;
	}
	.taksviewComments {
		margin:0;
		width:98%;
	}
}

.addComment {
	background-color:#eee;
	padding:10px;
}
.comments textarea {
	width:98%;
}
.comments label {
	float:none;
}
.comments .oneComment {
	margin:5px 0;
	padding: 5px;
	border:1px solid #eee;
	background:#fff;
	word-wrap: break-word;
}
.comments .oneComment:hover {
	border:1px solid #aaa;
}
.comments .oneComment .header, .comments .oneComment .commentReplys .oneComment .header {
	background:#bec0ca;
	height:24px;
	line-height:24px;
	margin:-5px -5px 3px -5px;
	font-size:13px;
	color:#000;
	
}
.comments .oneComment.question .header {
	background:#f9b8b8;
}
.comments .oneComment.fix .header {
	background:#ef3f3f;
	color:#fff;
}

.comments .oneComment .header img {
	margin:-2px 0 -7px 0;
	display:inline-block;
}
.comments .oneComment .header .right {
	font-size:0.8em;
	padding-right:1%;
}
.comments .oneComment .header .right .btn {
	opacity:0.2;
}

.comments .oneComment:hover .header .right .btn {
	opacity:1;
}
.comments .oneComment.deleted {
	font-size:0.8em;
	color:#666;
	background-color:#eee;
	opacity:0.5;
	padding: 0 5px;
}

.comments .commentReplys {
	padding:10px 0 10px 20px;
	margin-top:10px;
	border-top:1px solid #ccc;
}

#iframe {
	position:fixed;
	top:87px;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	background:#fff;
	display:none;
	line-height:40px;
	z-index:101;
}
#iframe img {
	margin:0 0 -5px 0;
}

.urlContent {
	width:100%;
	border:0;
	border-top:10px solid #aaa;
	border-bottom:20px solid #aaa;
}

.tableView {
	padding:0 1%;
}

/* task list view */
#taskList {
	
}
#taskList .taskTitle {
	border-left:1px solid #eee;
}
#taskList .taskTitle i {
	width:15px;
	text-align:center;
}

.myName {
	font-size:1.05em;
}
.commentNum {
	color:#333;
	font-size:1.3em;
	display:inline-block;
	margin:-5px 0 0 0;
}
.commentNum span {
	color: #eee;
	font-size: 0.5em;
	margin: 0 0 0 -11px;
	line-height: 2.1em;
	vertical-align: top;
	text-align: center;
	width: 14px;
	/*display: inline-block;*/
}
table th.itemCnt {
	text-align:right;
}
table th.itemCnt small {
	font-size:1em;
	color:#999;
}
#taskListForm #taskList {
	display:none;
}

#taskList .taskTitle .fa-comment {
	width:auto;
}
#taskList .fa-link.right {
	margin-right:0;
}

.quickActions {
	padding:1% 0 1% 1%;
	float:right;
}
.quickActions input {
	margin: 0px -8px 0 0;
	padding: 6px 16px 6px 6px;
	width:35px;
	float:left;
}
.quickActions input.error, .quickActions textarea.error {
	border-color:red;
	box-shadow:0 0 3px red;
}

.ui-tooltip {
	background:#333;
	color:#fff;
	text-align:left;
}

.percentBar {
	background:#888;
	float:right;
	height:15px;
	width:130px;
	padding:1px;
	margin:-2px 0 0 0;
}
.percentBar span {
	background-color:#73bd22;
	float:left;
	height:15px;
	font-size:10px;
	text-align:center;
	line-height:15px;
	color:#fff;
	width:0%;
}
th .green {
	color:#33ff33;
}
th .red {
	color:#fd8686;
}
.taksviewContent .tableView, fieldset .tableView {
	padding:0;
}

tr.unread {
	font-weight:400;
	text-shadow:0 1px rgba(255, 255, 255, 0.5);
}
tr.forme {
	font-weight:600;
}

div.unread {
	box-shadow:0 0 10px green;
}
td.update_time, th.update_time {
	font-size:0.9em;
	padding-top:0;
	padding-bottom:0;
}
tr.groupTitle th.update_time {
	padding-left:10px;
}
td.releaseField {
	padding-top:2px;
	padding-bottom:0;
}
#conditional {
	width:300px;
}
#conditionalTasks {
	position:absolute;
	background:#fff;
	width:306px;
	border:1px solid #EADCC6;
	border-top:0;
	margin:-2px 2px;
}
#conditionalTasks a {
	display:block;
	width:96%;
	padding:1% 2%;
	border-bottom:1px solid #eee;
}
#conditionalTasks a:after {
	content:'Click to choose';
	float:right;
	font-size:0.7em;
	color:#666;
}
#conditionalTasks a:hover {
	background-color:#eee;
}

tr.subtask td {
	padding:2px 10px
}
tr.subtask td:first-child {
	background:#fff;
	color:#666;
	padding-top:4px;
	font-size:0.8em;
}
tr.unpublic td:first-child {
	background:linear-gradient(to right, rgba(255,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
}


.subtaskMaster, .subtaskLower {
	padding:0.5% 1%;
	margin:-1% 0 0 0;
	background:linear-gradient(to right, rgba(211,211,211,1) 0%,rgba(255,255,255,0) 50%);
}
.subtaskLower {
	background:linear-gradient(to right, #defddb 0%,rgba(255,255,255,0) 50%);
}


/***/

.historyList .oneHistory {
	margin:5px 0;
	padding: 5px;
	border:1px solid #ddd;
	background:#fff;
}
.historyList .oneHistory:hover {
	border:1px solid #aaa;
}
.historyList .oneHistory .header {
	background:#eee;
	height:24px;
	line-height:24px;
	margin:-5px -5px -5px -5px;
	cursor:pointer;
	
}
.historyList .oneHistory .header img {
	margin:-2px 0 -5px 0;
	display:inline-block;
}
.historyList .oneHistory .header .right {
	font-size:0.8em;
	padding-right:1%;
}
.historyList table {
	margin-top:10px;
}
.historyList table img {
	float:left;
	margin:-6px 6px -6px 0;
}

/* DASHBOARD */
.dashboardMessages {
	float:left;
	width:38%;
	border-right:1px solid #aaa;
	padding:0 1%;
}
.dashboardMessages textarea {
	width:99%;
}

.oneDasboard {
	border-bottom:1px solid #eee;
	margin-bottom:1%;
	padding:5px;
}
.oneDasboard .header {
	background:#eee;
	height:24px;
	line-height:24px;
	margin:-5px -5px 3px -5px;
}
.oneDasboard .header img {
	margin:-2px 0 -7px 0;
	display:inline-block;
}
.oneDasboard .header .right {
	margin-right:5px;
}
.oneDasboard textarea {
	background:transparent;
	border-color:transparent;
}
.oneDasboard textarea:hover {
	border-color:#aaa;
	background:#eee;
}
.oneDasboard textarea:focus {
	border-color:#666;
	background:#fff;
}

.dashboardHistory {
	float:left;
	width:57%;
	border-left:1px solid #aaa;
	padding:0 1%;
	margin-left:-1px;
	overflow-x:hidden;
}
.dashboardHistory .oneLine {
	border-bottom:1px solid #eee;
	line-height:24px;
	padding-top:1px;
}
.dashboardHistory .oneLine:hover {
	background-color:#fffce8;
}
.dashboardHistory .oneLine .oneName {
	float:left;
	width:150px;
	font-size:0.85em;
	background:linear-gradient(to left, rgba(250,250,250,1) 0%,rgba(255,255,255,0) 100px);
	margin-right:5px;
}
.dashboardHistory .oneLine img {
	margin:-2px 0 -7px 0;
	display:inline-block;
}
.dashboardHistory .oneLine .message {
	line-height:22px;
}
.dashboardHistory .dayLine {
	color:#fff;
	background:#404040;
	font-weight:700;
	padding:3px 7px;
	margin:10px 0 5px 0;
}
.dashboardHistory .dayLine:first-child {
	margin-top:0;
}
.content-login .input, .content-resetpassword .input {
	width:auto;
}
.lineType_task {
	background-color:#ccd9ff;
}
.lineType_bug {
	background-color:#ffd5d5;
}
.lineType_event {
	background-color:#ffebcc;
}
.lineType_idea {
	background-color:#d5ffc6;
}
.lineType_todo {
	background-color:#ccf2bb;
}
.lineType_release {
	background-color:#d9fbf3;
}
.lineType_sprint {
	background-color:#f7dff7;
}

.lineType_comment {
	background-color:#fcfaf3;
}
.lineType_question {
	background-color:#f9b8b8;
}
.lineType_fix {
	background-color:#ef3f3f;
}
.lineType_crelease {
	background-color:#fcf4d6;
}

.listProjects {
	float:left;
	width:160px;
	background:#eee;
	height:100%;
	position:fixed;
}
.svnLogs {
	margin-left:200px;
}
.listProjects h2 {
	padding:10px;
}
.listProjects a {
	width:140px;
	padding:5px 10px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	float:left;
	margin-bottom:-1px;
}
.listProjects a:hover {
	background-color:#ccc;
	text-decoration:none;
}
.listProjects a.active {
	background-color:#fff;
	font-weight:bold;
}
.listProjects a img {
	margin:-4px 0 -6px 0;
	display:inline-block;
}
.releaseType_release td:first-child {
	border-left:8px solid #15b793;
}
.releaseType_sprint td:first-child {
	border-left:8px solid #a329a3;
}
#taskList tr.subtask td.taskTitle {
	padding-left:15px;
	border-left:10px solid #aaa;
	background:rgba(255, 255, 255, 0.5);
}
#taskFilter select {
	max-height:36px;
}
thead:hover #taskFilter select {
	max-height:1000px;
}
#taskFilter td {
	padding:7px 7px;
}
#taskFilter td:first-child {
	vertical-align:top;
}
select.selectedFilter, input.selectedFilter {
	background:#000;
	color:#fff;
}
.noteSave {
	font-size:10px;
	text-align:right;
	color:#666;
	margin:-3px 0;
	display:none;
}
.projectLog {
	background:#fff;
}
.oneProject {
	background:#fff;
}
#pingUsers {
	margin:40px -10px -50px 0;
}
#pingUsers img, #othersWarning img {
	padding:2px;
	border:1px solid #aaa;
	margin:1px;
	background:#fff;
}
#pingUsers img.away {
	border:1px solid #666;
	opacity:0.3;
	border-radius:5px;
	background:#ccc;
}
#othersWarning {
	background:rgba(255, 0, 0, 0.8);
	color:#fff;
	position:fixed;
	top:132px;
	left:0;
	width:100%;
	height:100%;
	font-size:30px;
	padding-top:5%;
	line-height:40px;
	display:none;
	z-index:10;
}
#othersWarning img {
	display:inline-block;
	margin:0 0 -9px 0;
}
.stripLength {
	float:left;
	max-width:75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
	background:red;
}
.workTime img {
	display:inline-block;
	margin:0 0 -7px 0;
}
.dashboardMessages .itemBox {
	background:#fff;
}
.dashboardMessages .itemBox td img {
	display:inline-block;
	margin:-6px 0 -7px 0;
}
#refreshMsg {
	position:fixed;
	top:12px;
	right:400px;
	z-index:5001;
	font-size:16px;
	display:none;
}
.dueDate {
	font-size:1.5em;
	margin-top:15px;
	display:inline-block;
}
.autoTime {
	font-size:0.9em;
	color:red;
}
.projectBox {
	padding:0 10px;
}
.ui-sortable .taskId:hover {
	background:rgba(255, 255, 255, 0.5);
	cursor:grab;
}
.ui-sortable-disabled .taskId:hover, .subtask .taskId:hover {
	background:transparent;
	cursor:default;
}

th.orderBy, th.orderByD {
	white-space:nowrap;
	background:#000;
}
th.orderBy:after, th.orderByD:after {
	content:'\f063';
	font-family:FontAwesome;
	float:right;
	font-weight:100;
	margin:0 -8px 0 -10px;
	font-size:13px;
}
th.orderByD:after {
	content:'\f062';
}


.workGraph {
	border:2px solid #ccc;
	width:100%;
	height:120px;
	white-space:nowrap;
	overflow:hidden;
	background:#eee;
}
.workGraph .bar {
	float:left;
	width:7.1428571428571428571428571428571%;
	border-right:1px solid #ccc;
	margin-left:-1px;
	height:120px;
	text-align:center;
}
.workGraph .bar.day0, .workGraph .bar.day6 {
	background:#fff9ec;
	border-left:1px solid #ccc;
}

.workGraph .bar:last-child {
	margin-right:-12px;
}
.workGraph .bar:hover {
	background:#fff;
	box-shadow:0 0 2px #000;
}
.workGraph .bar span.hours {
	width:100%;
	float:left;
	opacity:0.8;
}
.workGraph .bar span.hours:hover {
	opacity:1;
	position:relative;
	box-shadow:0 0 2px #000;
}
.workGraph .bar span.day {
	display:inline-block;
	position:absolute;
	margin:0 0 0 -1.9%;
	font-size:10px;
}
#savedFilters {
	padding:1.1% 0 0 1%;
}
#savedFilters .btn {
	margin-left:5px;
}
.pastedImages {
	display:block;
	clear:both;
}
.pastedImage {
	float:left;
	width:124px;
	height:110px;
	background:#999;
	font-size:9px;
	padding:5px;
	color:#000;
	margin:2px;
	border:1px solid #fff;
}
.pastedImage img {
	max-width:124px;
	max-height:100px;
}
.activeSprint strong {
	font-size:1.2em;
}
#userHistory .dashboardHistory {
	width:98%;
}

.releaseTests {
	float:right;
	width:250px;
	border-left:1px solid #aaa;
	padding:10px;
}
.releaseTests label {
	float:none;
}
.taskCompletePercent {
	width:98%;
	margin:-10px 1% 5px 1%;
	border:1px solid #aaa;
	line-height:25px;
	text-align:center;
	color:#fff;
	background:#bbb;
	text-shadow:0 1px 1px #000;
}
.taskCompletePercent small {
	color:#eee;
}
.taskCompletePercent .percent {
	background-color:#336600;
	height:26px;
	margin:0 -100% -2px 0;
	float:left;
}
.currSprint {
	background:#bad584;
	font-weight:bold;
}