/* Default CSS Reset START */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;}
table#settings-selection {table-layout: fixed}
table#settings-selection td:first-child {width: 20%}
table#settings-selection tr {line-height: 1.7}
table#settings-selection tr span.trash {background: url(../../images/icons/remove.png) no-repeat left;padding-left: 16px;	display: inline-block; color: #808080; font-size: 13px;}
table#settings-selection tr span.trash {cursor: pointer}
/* Default CSS Reset END */

/* Setup Class Defaults START  */
body {font: normal 12px/150% 'Segoe UI',arial,verdana,sans-serif;background: inherit;direction: ltr;text-align: left;color: #434343;}
a {color: #3f6e9e;text-decoration: underline;}
a:hover {color: #3f6e9e;text-decoration: none;}
p {margin: 10px 0;}
fieldset {border: solid 1px;padding: 10px;margin: 10px 0;}
legend {padding: 0 10px;}
/*HEADERS*/h1,h2,h3,h4,h5 {margin-bottom: .5em;font-weight: normal;}h1 {font-size: 32px;}h2 {font-size: 21px;}h3 {font-size: 18px;}h4 {font-size: 15px;}h5 {font-size: 13px;}
/* Setup Class Defaults END  */

/* Useful Classes START  */
ul.bulletList {margin: 10px 0;padding-left: 50px;list-style:square outside;}
ol {margin: 10px 0;padding-left: 50px;list-style:decimal outside;}
ul.bulletList li, ol li {margin-bottom: .33em;}
ul.lineList li {border-bottom: solid 1px;padding: 2px 0;}
table.dt th, table.dt td {text-align: left;padding: 3px;}
table.dt tr.even td {background: #eef3f9;}
table.dt caption {font-style: italic;text-align: left;margin-bottom: 10px;}
.align {text-align: left;}
.alignx {text-align: right;}
.center {text-align: center;}
.float {float: left;}
.floatx {float: right;}
.bold {font-weight: bold;}
.italic {font-style:italic;}
.notbold {font-weight: normal;}
.redText {color: #f00;}
.greenText {color: green;}
.orangeText {color: #ff7800;}
.blueText {color:#56697c;}
.greyText {color: #888;}
.whiteText {color: #fff;}
.watermark {color: #666;font-style:italic;}
.inlineImg {vertical-align: middle;}
.seperator {margin-top: 20px;height: 20px;border-top: solid 2px #c9c9c9;}
.noBor {border: 0 !important;}.noPad {padding: 0 !important;}.noMargin {margin: 0 !important;}
/*FONT SIZES*/.f8 {font-size: 8px;}.f9 {font-size: 9px;}.f10 {font-size: 10px;}.f11 {font-size: 11px;}.f12 {font-size: 12px;}.f13 {font-size: 13px;}.f14 {font-size: 14px;}.f16 {font-size: 16px;}.f18 {font-size: 18px;}.f20 {font-size: 20px;}.f22 {font-size: 22px;}.f24 {font-size: 24px;}
/*FORM FIELD SIZES*/select.w30 ,input.w30, textarea.w30 {width: 20px;}select.w30 ,input.w40, textarea.w40 {width: 40px;}select.w60 ,input.w60, textarea.w60 {width: 60px;}select.w80 ,input.w80, textarea.w80 {width: 80px;}select.w100 ,input.w100, textarea.w100 {width: 100px;}select.w120 ,input.w120, textarea.w120 {width: 120px;}select.w140 ,input.w140, textarea.w140 {width: 140px;}select.w200 ,input.w200, textarea.w200 {width: 200px;}select.w250 ,input.w250, textarea.w250 {width: 250px;}select.w300 ,input.w300, textarea.w300 {width: 300px;}select.w400 ,input.w400, textarea.w400 {width: 400px;}
/* Useful Classes END  */
.butSpacing {margin-top: 15px !important;}
.priButBlue {display: inline-block;background:url(../images/bg/wizardButton_blue.png) no-repeat;background-size: 100% 100%;min-width: 150px;height: 43px;line-height: 43px;border: 0;padding: 0 50px 0 10px;margin: 0;color: #fff;cursor:pointer;font-size: 15px;text-align:left;font-weight:bold;text-decoration:none;}
.priButOrange {display: inline-block;background:url(../images/bg/wizardButton_orange.png) no-repeat;width: 209px;height: 43px;line-height: 43px;border: 0;padding: 0;margin: 0;color: #fff;cursor:pointer;font-size: 15px;text-align:left;padding-left: 10px;font-weight:bold;text-decoration:none;}
.priButBlue:hover,.priButOrange:hover {color: #fff;}
.redButton {line-height: 100%;display: inline-block;background:#cd400b;color: #fff;font-weight: bold;padding: 5px 10px;border: solid 2px #f2f3f5;text-decoration:none;}
.greenButton {line-height: 100%;display: inline-block;background:#56b408;color: #fff;font-weight: bold;padding: 5px 10px;border: solid 2px #f2f3f5;text-decoration:none;}
.greenButton:hover {background:#5ba021;color: #fff;}
.blueButton {line-height: 100%;display: inline-block;background:#617385;color: #fff;font-weight: bold;padding: 5px 10px;border: solid 2px #f2f3f5;text-decoration:none;}
.orangeButton {line-height: 100%;display: inline-block;background:#ff7800;color: #fff;font-weight: bold;padding: 5px 10px;border: 0;text-decoration:none;}
.orangeButton:hover {background:#e46b00;color: #fff;}
.redButton:hover,.greenButton:hover,.blueButton:hover {color: #fff;text-decoration:none;border-color: #fff;text-shadow: 1px 1px 1px #999;}

.redButton.disabled, .greenButton.disabled, .blueButton.disabled, .orangeButton.disabled,
.redButton.disabled:hover, .greenButton.disabled:hover, .blueButton.disabled:hover, .orangeButton.disabled:hover
{
	background: #eeeeee;
	pointer-events: none;
	cursor: default;
	color: #ccc;
	font-weight: normal;
}

.greenButton .tooltip_custom_note {
	display: none;
}

.greenButton.disabled .tooltip_custom_note {
	display: inline-block;
}

.greenButton.disabled,
.greenButton.disabled:hover
{
	pointer-events: all;
}

.custom-notes {
	padding-top: 15px;
}

.save-availability-section {
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* The actual popup */
.popup-text {
	display: none;
	width: 240px;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: absolute;
	z-index: 1;
	left: 140%;
	top: -38%;
}
/* Popup arrow */
.popup-text::after {
	content: "";
	position: absolute;
	top: 42%;
	left: 0;
	margin-left: -10px;
	border-width: 5px;
	border-style: solid;
}
.error {
	background-color: rgba(255,17,0,.3);
	-webkit-box-shadow: 3px 3px 10px 3px rgba(163,158,159,0.76);
	-moz-box-shadow: 3px 3px 10px 3px rgba(163,158,159,0.76);
	box-shadow: 3px 3px 10px 3px rgba(163,158,159,0.76);
}
.error::after {
	border-color: transparent rgba(255,17,0,.2) transparent transparent;
}
.success {
	background-color: rgba(58, 185, 78, .3);
	-webkit-box-shadow: 3px 3px 10px 3px rgba(215,215,215,1);
	-moz-box-shadow: 3px 3px 10px 3px rgba(215,215,215,1);
	box-shadow: 3px 3px 10px 3px rgba(215,215,215,1);
}
.success::after {
	border-color: transparent rgba(58,185,78,.2) transparent transparent;
}

.info {
	background-color: rgba(51, 153, 255, .3);
	-webkit-box-shadow: 3px 3px 10px 3px rgba(215,215,215,1);
	-moz-box-shadow: 3px 3px 10px 3px rgba(215,215,215,1);
	box-shadow: 3px 3px 10px 3px rgba(215,215,215,1);
}
/* Toggle this class - hide and show the popup */
.show {
	display: block;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
/*Add animation (fade in the popup)*/
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
}

#add_note_button {
	position: relative;
	display: inline-block;
	text-shadow: none;
}

#add_note_button .tooltip_custom_note {
	visibility: hidden;
	width: 200px;
	background-color: #fff;
	color: #777;
	text-align: justify;
	border: 1px solid #999999;
	border-radius: 5px;
	padding: 5px;
	position: absolute;
	font-size: 14px;
	text-shadow: none;
	bottom: 125%;
	left: 50%;
	margin-left: -100px;
}

#add_note_button .tooltip_custom_note::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

#add_note_button:hover .tooltip_custom_note {
	visibility: visible;

}

.cp_credits .grid_3.alpha .priButBlue {
	position:absolute;
	bottom: 10px;
	left: 5px;
}
.cp_credits>.grid_3 {
	min-height: 230px;
}

.redButton,.greenButton,.blueButton,.orangeButton {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 0 0 5px #fff;-webkit-box-shadow: 0 0 5px #fff;box-shadow: 0 0 5px #fff;border: 0;}

/* Basic typography START  */
h1.pagetitle {border-bottom: solid 3px #ff7802;padding: 0 0 20px 0;line-height:120%;}
/* Basic typography END  */

.allocation-main-layout {display: flex;justify-content: space-between;}

/* Messaging START */
.pageError,.pageAttention,.pageSuccess {margin: 10px 0;}
.pageError .message {background:url(../images/icons/errorMessage.png) no-repeat left #cd400c;color: #fff;font-size: 13px;padding: 10px 50px;}
.pageAttention .message {background:url(../images/icons/attentionMessage.png) no-repeat left #fedc0a;color: #000;font-size: 13px;padding: 10px 50px;}
.pageSuccess .message {background:url(../images/icons/successMessage.png) no-repeat left #56b408;color: #fff;font-size: 13px;padding: 10px 50px;}
/*.pageAnnouncement .pageError .message span, .pageAttention .message span , .pageSuccess .message span {	color: #fff;}*/
.pageAnnouncement .pageError .message, .message, .pageSuccess .message {	margin: 0 0 15px 0;	padding: 1px 50px;	min-height: 38px; line-height:40px;	font-size: 100%;	background:url(../../frontend/i/pages/project-cqr/statusbar.png) no-repeat 5px 1px #00b500;}
/*.pageAnnouncement .message {	line-height: 37px;	background-color: #C9F1F3;	border-radius: 3px 3px 3px 3px;	border: 1px solid #B6DADC; font: normal normal normal normal 16px / 24px open_sansbold; list-style: none outside none;}*/

.pageAnnouncement .message {
	background: none;
}
.curs-pointer {	cursor: pointer;}
.close-announcement {

	background: url(../../frontend/i/icons/btn/close-btn2.png) no-repeat left top;
	min-width: 17px;
	min-height: 17px;
	width: 17px;
	height: 17px;
	float: right;
	position: relative;
	border: 0px;
	outline: 0;
	box-shadow: none;
}
.pageAnnouncement .message  {
	background-color: #FCE5BD;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #F5DCB0;
	margin-bottom: 12px;
	padding: 9px 9px 9px 9px;
	font-size:140%;

}
#ann_date{
	font-size: 80%; white-space:nowrap;    color: #656565;

}
#ann_msg{
border:0px;width:910px; vertical-align:bottom; background-color: #FCE5BD;    color: #656565;

}
#ann_close_button{
	border:0px;
	width:90px;
	height:17px;
	background-color: #FCE5BD;
}



/* Messaging START */

/*MY ACCOUNT*/
.cp_user .badges  {
    width: 370px;
}

.cp_user .floatx {
    text-align: right;
}

/* cpanel report */
.cp_reports h2 {
	color: #56697c;
    border-bottom: solid 3px #f2f2f2;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 10px;
}

.cp_reports .btn-right {
	padding: 10px 0;
}

.cp_reports .btn-right .btn {
	float: right;
}

.cp_reports input[type=checkbox],
.cp_reports input[type=radio] {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.download-raw-report-form label {
	display: block;
	margin-bottom: 5px;
}

.download-raw-report-form .form-row {
	margin-bottom: 20px;
}
/* end cpanel report */

#project_notes_form input[type=text],
#project_notes_form textarea {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cat-status-filter {
	display: none;
}

.feature_config_group_horizontal > *{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}
.feature_config_group_vertical > *{
	display: block;
	vertical-align: top;
}
.feature_config_group_title{
	font-size: 14px;
	font-weight: bold;
}

table td a.community-icon {
	background: url(../../images/icons/community.svg) no-repeat center left;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 20px;
}

table td.community {
	position: relative;
	width: auto;
}

table span.blink-new {
	position: absolute;
	font-weight: 600;
	color: #ffcc00;
	top: -15px;
	right: 23px;

	animation-name: blinker;
	animation-iteration-count: 2;
	animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	animation-duration: 3s;
	-webkit-animation-name: blinker;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	-webkit-animation-duration: 3s;
}

@keyframes blinker {
	from { opacity: 1.0; }
	to { opacity: 0.0; }
}

@-webkit-keyframes blinker {
	from { opacity: 1.0; }
	to { opacity: 0.0; }
}

fieldset.project-features {
	box-sizing: border-box;
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}

fieldset.project-features > * {
	margin-right: 2em;
}

fieldset.project-features > label {
	flex-basis: 100%;
	border-bottom: 1px solid lightgray;
	margin-bottom: 1em;
	margin-right: 0;
}


#ui-datepicker-div {
	z-index: 99!important;
}

.profileMyTeam table td,
.profileMyTeam table th {
	padding: 3px 7px;
	border-collapse: collapse;
	border: 1px solid rgb(204, 204, 204);
	vertical-align: top;
}

.lp-container {
	display: flex;
	padding-bottom: 8px;
	border-bottom: 1px dashed rgb(204, 204, 204);
	margin-top: 8px;
}

.lp-container:last-child {
	border-bottom: none;
}

.lp-container label {
	display: flex;
}

.lp-container .lp {
	width: 50%;
	flex-shrink: 0;
	flex-grow: 0;
}

.lp-container .role {
	width: 50%;
}