@import url("Fonts/Roboto/Roboto.css");
@import url("Fonts/OpenSans/OpenSans.css");
@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
}
body 
{
    font-family: 'Open Sans';
}  

/*	Font Definitions	*/
input, select, select.staticsize, .invisibleinput, SELECT.staticflowtrendsize, SELECT.smallstaticsize, TEXTAREA
{
	font-family: 'Open Sans'; 
}
SELECT.small, .smallcourier
{
    font-family: 'Open Sans'; 
}
.bluebutton, .sortbutton, input.AdvSortButton { 
	font-family: 'Open Sans'; 
}
th.header, th.headernoborder, font.header, a.header, a.header:hover, a.headerselected, 
a.headerselected:hover, font.lightgrayheader, a.lightgrayheader, a.lightgrayheader:hover, 
font.darkgrayheader, a.darkgrayheader, a.darkgrayheader:hover, font.subtaskheader, a.subtaskheader, 
a.subtaskheader:hover, a.rowheadersort, a.rowheadersort:hover, a.rowheadersortbig, a.rowheadersortbig:hover, 
font.rowheadersort, font.rowheadersortbig, a.category, a.category:hover, a.smalllink, a.smalllink:hover,
font.smalllink, a.smallblacklink
{
    font-family: 'Open Sans';  
}

FONT, FONT.reporttitle, FONT.failedmessage, FONT.projectheader, FONT.grayedout, td, TH,
font.filter, font.filtersmall, font.printtitle, font.pagenumber, font.bluelink, a.bluelink, a.bluelink:hover,
a.lightbluelink, a.lightbluelink:hover, a.bluelinkbold, a.bluelinkbold:hover, a.bluelinkboldnoline,
a.bluelinkboldnoline:hover, a.bluelinknoline, a.bluelinknoline:hover, a.lightbluelinknoline,
a.lightbluelinknoline:hover, font.swimlanedetails, font.swimlanedetailsduedate, 
font.swimlanedetailsprojecteddate, SELECT.swimlanedropdown, font.small, a.linknoline, a.linknoline:hover, 
font.reportSubHeaderStyle, font.reportHeaderStyle, font.reportStyle, span.filter, span, table.radiobuttonlist label, span.errormsg,
.RadioButtonList label, table.ReadOnlyGrid th, table.ReadOnlyGrid td, td.gridFooterCell   
{
    font-family: 'Open Sans'; 
}

FONT.projectdesc
{
	font-family: 'Open Sans';
}

.whitebutton, .transparentbutton, .transparentbutton:hoover
{
	font-family: 'Open Sans';
}

font.small, a.config, a.config:hover, font.config, .tooltiptable th, .tooltiptable td
 {
    font-family: 'Open Sans';
}
FONT.warningmsg
{
    FONT-FAMILY: Verdana
}
/*	End - Font Definitions	*/

/*	Font size Definitions	*/
.RadioButtonList label, table.ReadOnlyGrid th, table.ReadOnlyGrid td, td.gridFooterCell   
	{	font-size: 12px;	}
/*	End - Font size Definitions	*/

INPUT { 
	font-size: 12px; 
	font-weight: normal; 
}
 
SELECT {
	font-size: 12px;
	font-weight: normal;
}
OPTION {
    font-size: 12px;
	font-weight: normal;
}

SELECT.staticsize {
	font-size: 12px;
	font-weight: normal;
	width: 290px;	
}

div.NewAdvfilters SELECT.staticsize {
	width: 190px;
	float: right;	
}  

/*Proj attribute filters for task list 
div #taskListProjAttributeDiv SELECT.staticsize {
	font-size: 8pt;
	font-weight: normal;
	width: 150px;
	margin-right: 20px;
	margin-left:7px;
	margin-bottom:7px;
} */
/*Proj attribute filters for task list */
div .projAttrContainerDiv SELECT.staticsize {
	font-size: 12px;
	font-weight: normal;
	width: 150px;
	margin-right: 20px;
	margin-left:7px;
} 

.invisibleinput
{
	font-size: 12px;
	font-weight: normal;
	width: 0px;
	height: 0px;
} 

SELECT.staticflowtrendsize {
	font-size: 12px;
	font-weight: normal;
	width: 150px;
} 

SELECT.smallstaticsize {
	font-size: 12px;
	font-weight: normal;
	width: 125px;
}
TEXTAREA { 
	font-size: 12px; 
	font-weight: normal; 
} 



SELECT.small { 
	font-size: 12px; 
	font-weight: normal; 
} 

.bluebutton { 
	font-size: 13px; 
	TEXT-DECORATION: none; 
	font-weight: normal;
	outline:none; 
	/*height:20px;*/
}
.bluebutton::-moz-focus-inner {
    border-color: transparent;
} 
.sortbutton, input.AdvSortButton { 
	font-size: 12px; 
	TEXT-DECORATION: none; 
	font-weight: normal; 
	width : 65px; 
} 

input.AdvSortButton	{	margin-bottom:5px;	}

th.header  
{
    height:24px;
    text-align:left;
	/*border : medium outset white;*/ 
} 
th.headerselected  
{
    height:24px;
    text-align:left;
	/*border : medium inset white; */
} 
th.headerdefaultsort  
{
    height:24px;
    text-align:left;
	/*border : thin groove white;*/ 
} 
th.headernoborder  
{
    height:24px;
    text-align:left;
	/*border : thin solid white; */
	font-weight: normal; 
} 
th.headernobgcolor
{
    height:24px;
    background-color:inherit;
    text-align:left;
}


a.header {  
	font-size: 12px;   
	font-weight: 600;  
	text-decoration : none;  
    vertical-align:middle;
} 
a.header:hover { 
	font-size: 12px; 
	font-weight: 600;  
	text-decoration : underline; 
} 
a.headerselected {  
	font-size: 12px; 
	font-weight: normal;  
	text-decoration : underline;  
} 
a.headerselected:hover { 
	font-size: 12px; 
	font-weight: normal;  
	text-decoration : underline; 
} 



th.lightgrayheader { 
	border : thin none white; 
} 

th.lightgrayheaderselected { 
	border : medium inset white; 
} 
th.lightgrayheaderdefaultsort { 
	border : thin groove white; 
} 
th.lightgrayheadernoborder { 
	border : thin solid white; 
} 
font.lightgrayheader {
	font-size: 12px;
	font-weight: lighter;
	font-style: italic;
} 
a.lightgrayheader {
	font-size: 12px;
	font-weight: lighter;
	text-decoration : none;
	font-style: italic;
} 
a.lightgrayheader:hover {
	font-size: 12px;
	font-weight: lighter;
	text-decoration : underline;
	font-style: italic;
} 


th.darkgrayheader { 
	border : thin solid white; 
} 

th.darkgrayheaderselected { 
	border : medium inset white; 
}
 
th.darkgrayheaderdefaultsort { 
	border : thin groove white; 
} 
th.darkgrayheadernoborder { 
	border : thin solid white; 
} 

font.darkgrayheader {
	font-size: 12px;
	font-weight: lighter;
	font-style: italic;
} 
a.darkgrayheader {
	font-size: 12px;
	font-weight: lighter;
	text-decoration : none;
	font-style: italic;
} 
a.darkgrayheader:hover {
	font-size: 12px;
	font-weight: lighter;
	text-decoration : underline;
	font-style: italic;
} 


th.subtaskheader, th.subtaskheadernoborder { 
	border : thin solid white; 
} 


th.subtaskheaderselected { 
	border : medium inset white; 
} 
th.subtaskheaderdefaultsort { 
	border : thin groove white; 
} 

font.subtaskheader {
	font-size: 12px;
	font-weight: lighter;
	font-style: italic;
} 
a.subtaskheader {
	font-size: 12px;
	font-weight: lighter;
	text-decoration : none;
	font-style: italic;
} 
a.subtaskheader:hover {
	font-size: 12px;
	font-weight: lighter;
	text-decoration : underline;
	font-style: italic;
} 

 
FONT { font-size: 12px; font-weight: normal; } 

 
th.headerrow { font-size: 12px;	font-weight: 700; font-family: 'Open Sans'} 

FONT.reporttitle { font-size: 12px;	font-weight: 700; font-family: 'Open Sans' } 

/*span.reporttitle { font-size: 14px;	color: black; font-weight: 600; padding:5px; }*/ 

FONT.failedmessage { font-size: 12px; font-family: 'Open Sans'; color: red; font-weight: normal; } 
 
FONT.projectheader { font-size: 12px; font-weight: 600; font-family: 'Open Sans' } 
 
FONT.projectdesc { font-size: 12px; font-weight: normal; font-family: 'Open Sans'  } 

FONT.grayedout {
	font-size: 12px;
 	font-weight: normal;
} 
 

td { font-size: 12px; font-weight: normal; vertical-align:middle;}




TH { font-size: 12px; font-weight: 600; }

span.reporttitle { font-family: 'Roboto'; font-size: 16px;	font-weight: 700; } 
 
IMG { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none } 
 
.whitebutton { font-size: 12px; TEXT-DECORATION: underline; font-weight: normal; 
							border-width : 1; } 
 
.transparentbutton { font-size: 12px; TEXT-DECORATION: underline; font-weight: normal; border-width : 0; } 
 
.transparentbutton:hoover { font-size: 12px; TEXT-DECORATION: none; font-weight: normal; 
												border-width : 0; cursor : pointer; } 
 
font.filter { font-size: 12px;  font-weight: 600; } 

font.filtersmall { font-size: 10px; font-weight: normal; } 
 
font.printtitle { font-size: 14px; font-weight: normal; } 
 
font.pagenumber { font-size: 12px; font-weight: normal; } 
 
/*font.bluelink { font-size: 12px; font-weight: normal; } 
a.bluelink { font-size: 12px; font-weight: normal; color:Blue;  } 
 
a.bluelink:hover { font-size: 12px; font-weight: normal; text-decoration : none;} 


 


 
a.bluelinkbold { font-size: 12px; font-weight: 600;} 
 
a.bluelinkbold:hover { font-size: 12px; font-weight: 600; text-decoration : none;	} 

a.bluelinkboldnoline { font-size: 12px; font-weight: 600; text-decoration : none;} 
 
a.bluelinkboldnoline:hover { font-size: 12px; font-weight: 600; text-decoration : underline;	} 

a.bluelinknoline { font-size: 12px; font-weight: 600; text-decoration : none;} 
 
a.bluelinknoline:hover { font-size: 12px; font-weight: 600; text-decoration : underline;	} */


 

 
a.rowheadersort { font-size: 12px; font-weight: 600; text-decoration : none; color: #2D3333; } 
 
a.rowheadersort:hover {	font-size: 12px; font-weight: 600; text-decoration : underline; color: #2D3333; } 

a.rowheadersortbig { font-size: 12px; font-weight: 600; text-decoration : none; color: #2D3333; } 
 
a.rowheadersortbig:hover {	font-size: 12px; font-weight: 600; text-decoration : underline; color: #2D3333; } 


font.rowheadersort { font-size: 12px; font-weight: normal; text-decoration : none; } 

font.rowheadersortbig { font-size: 14px; font-weight: normal; } 
 
a.category { font-size: 12px; font-weight: normal; text-decoration : none; } 
 
a.category:hover { font-size: 12px; font-weight: normal;	text-decoration : none; } 
 
a.smalllink { font-size: 12px;	font-weight: normal; text-decoration : none; } 
 
a.smalllink:hover {	font-size: 12px; font-weight: normal; text-decoration : underline; } 

font.smalllink { font-size: 12px;	font-weight: normal; text-decoration : none; } 

font.small { font-size: 12px;	font-weight: normal; text-decoration : none; } 

a.config { font-size: 12px;	font-weight: normal; text-decoration : none; } 
 
a.config:hover {	font-size: 12px; font-weight: normal; text-decoration : underline; } 

a.smallblacklink { font-size: 10px;	font-weight: normal; text-decoration : none; } 

font.config { font-size: 12px;	font-weight: normal; text-decoration : none; } 

.transparentinput {
	background-image: none;
}



font.swimlanedetails {  
	font-size: 10px;	 
	
	font-weight: bolder; 
} 

font.swimlanedetailsduedate {  
	font-size: 10px;	 
	
	font-weight: lighter; 
} 
font.swimlanedetailsprojecteddate {  
	font-size: 10px;	 
	
	font-weight: lighter; 
} 





FONT.warningmsg
{
    FONT-SIZE: 8pt;
    
}

a.linknoline { font-size: 12px; font-weight: lighter; text-decoration : none;} 
 
a.linknoline:hover { font-size: 12px;  font-weight: lighter; text-decoration : none;	} 

TABLE.fixedWidth { table-layout: fixed }

.checklistHeaderBoldFont
{
    font-size: 12px; 
    font-weight: 600;
    font-family: 'Open Sans';
    text-align: right;
}
.checklistHeaderValueFont
{
    font-size: 12px; 
    font-family: 'Open Sans';
}

font.reportSubHeaderStyle { font-size: 13px; font-weight: normal; } 
font.reportHeaderStyle { font-size: 12px; font-weight: normal; }
font.reportStyle { font-size: 12px; font-weight: normal; } 

.tools { float: left; padding-top: 10px; font-size: 0.92em; height:50px; }
.tools ul { padding: 0 5px 10px 9px; list-style-type:none; }
.tools ul li { padding-left: 19px; margin-bottom: 4px; }
.tools a { text-decoration: none; }

td.PrintFooter {    clear: both; }

span.filter { font-size: 12px; font-weight: 600; } 

label.filter { font-size: 12px; font-weight: 600; } 



table.radiobuttonlist label { font-size: 12px; } 

div.ShowHideFiltersDiv { position: relative; top: 0px; height: 20px; width: 100%; text-align:center; padding:0px; margin-top:3px; }




body.filterbody {	margin: 0; padding: 0;	background:#ffffff;}

@media print  { .noprint  { display: none; } }
@media screen { .noscreen { display: none; } }



/*	Common filter attributes	*/
.filterName { font-size: 12px;font-weight:600; }
input.startdate { width:6em; }
input.days { width:3em; }
/*	End - Common filter attributes	*/

.filter-form-table-style {display: table; width: 100%;}
 
/* BEGIN - Default filter layout */
.DefaultFilter	{ margin:0;	}
.DefaultFilter td { padding-left:5px;vertical-align: top;	} 

.DefaultFilter #DropDownsStartDate div.row{ clear:both;  float:none; padding-top:2px; white-space:nowrap; }
.DefaultFilter #DropDownsStartDate div.row .filterName{ float:left; vertical-align:middle; white-space:pre-wrap;	}
.DefaultFilter #DropDownsStartDate div.row .filterDropdown{ float:right; text-align: left; padding-left:2px; width:290px; }

.DefaultFilter #ProjMgrfilters {	float:left; }
.DefaultFilter #ShowMgrsOnlyFilter #chkShowMgrsOnly	{	display:block; 	}
.DefaultFilter #ProjRoleFilter	{	margin-top:5px; clear:left;} 
.DefaultFilter #ProjRoleFilter	 td	{	padding:0px;	} 
 
.DefaultFilter .checkboxlist .filter{	float:left;	}

.DefaultFilter .checkboxOptions {	clear:left; display:block;   	}
.DefaultFilter .checkboxOptions span	{display:block;}

.DefaultFilter .checkboxlisthorizontal .checkboxOptions {	clear:left; display:block;   	}
.DefaultFilter .checkboxlisthorizontal .checkboxOptions span	{display:inline; margin-left:6px;	}

.DefaultFilter #IncludeChart .checkboxOptions #chkIgnoreBufConsumed	span	{	display:inline;   	}

.DefaultFilter #ReportButtons	{	clear:left;}

.ButtonIcons input	{	display:inline;} 

div.ButtonIcons > div { display:inline; }

/* Vertically center the project attribute/filter dropdown labels with the controls on their right. */
#tblContainer td,
body.filterbody td,
#td-ProjStatusFilter{
	vertical-align: top;
}
#ProjAttribFilterTable TD { vertical-align: middle; } 
#FieldsetFilter td,
#FieldsetChart td,
#tblContainer.tblAdvFilter td,
td.td-middle-valign
{
	vertical-align: middle;
}
#FieldsetChart td span,
#FieldsetFilter td span,
#lblTimeInterval,
#lblComputeDelayAgainst,
#lblPrjUnit,
#lblChartType,
#lblCompareWith,
#lblDrum,
#tdShowDataThroughLabel label,
#lblShowPast,
#lblShowDataThrough,
#rollingAvgChkBox span label,
#divTimeIntervalOptions span label,
#FieldsetFilter td label,
.fltFieldSet td label{
	font-weight:600;
	font-size:12px;
	font-family:'Open Sans';

}

#ProjAttribFilterTable	{ padding:0px; }

.ModProjAdvtFltBtnContainerDiv
{
   margin-left: 10px;
}

.fltFieldSet	{	border-width:1px;border-color:black;	}

.PagerHeaderStyle { 
	border : thin solid white; 
	font-weight: normal; 
} 

   
.tooltiptable 
{
    position:absolute;
    margin:0px;
    padding:0px;
    border-color:Black;
    border-style:solid;
    border-width:1px;
    visibility:hidden;
 }

.tooltiptable th 
{
    font-size:12px; 
    text-align:center;
}

.tooltiptable td
{
    font-size:12px; 
}

.tooltiptable td.CenterAlignCell
{
    text-align:center;
}

.TooltipFooterStyle td {
    font-weight:normal;
}

.tooltiptable .projecttooltiptable
{
    font-size:12px; 
    
    text-align:center;
}

span.rollingAvgChkBoxStyle 
{
	display:block;
}

table.ReadOnlyGrid th
{
    font-weight:600;
	}

td.gridFooterCell   { 
    font-weight:normal;
    text-align:left;
    height:20px;
    border-top-style:solid;
    border-top-width:1px;
	border-top-color:Black;
}

span.NoteMessages 
{
	margin-top:5px;
    display:block;
    clear:both;
    font-style:italic;
}

fieldset.AddtooltipCssClass
{
	padding:0.2em 0.2em 0.2em 0.2em;
	white-space:nowrap;
	display:inline;
	border-width:1px;
	border-style:solid;
}	

.customChecklist img, .customChecklist a.bluelink {
    vertical-align:middle;
}

span.taskUptMsg 
{
	font-weight:normal;
	}
	
table.RnRPrintDataTable th { font-weight:normal; border:0; }

.RnRDetailsHeader { font-weight:normal; padding:0.3em; font-size:12px; }

/* BEGIN - Edit Due date Time control */
    span.calendarcell { font-size: 12px; font-weight: normal; }
    
    td.datetimeCtrl{
        white-space:nowrap;
    }
    td.datetimeCtrl table#tblTimePicker{
        margin-left:0.3em;
    }
    td.datetimeCtrl table#tblTimePicker td{
        font-size: 11.5px;	 
    }
    td.readonly img, td.readonly table#tblTimePicker input {
        filter:alpha(opacity:50);
        opacity:0.5;
    }
    
    td.datetimeCtrl, td.datetimeCtrl span.calendarcell, td.datetimeCtrl span.calendarcell span, 
    td.datetimeCtrl table#tblTimePicker
    {
        height:100%;
    }
    td.datetimeCtrl, td.datetimeCtrl span.calendarcell, td.datetimeCtrl span.calendarcell span, 
    td.datetimeCtrl span.calendarcell img, td.datetimeCtrl table#tblTimePicker
    {
        vertical-align:middle;
        }
/* END - Edit Due date Time control */

    table.graph {
        height:100%;
        width:100%;
        margin-top:0.5em;
        margin-bottom:0.75em;
    }
    
    table.graph .LineCell {
        width:15%;
    }
    
    table.graph td, div.graph span{
        text-align:center;
        font-size:9.5px;
    }
    
    span.formula { 	font-style:italic;white-space:nowrap;margin-left:0.5em; }
    
    table.graph .EdgeDate{
        width:30%;
        vertical-align:bottom;
    }

    table.graph .fakeBar {
        
        border:2px solid Blue;
    }
    table.graph .BufferBar { 
        
        border:2px solid Gray;
    }
    
.ptReason
{
	position:absolute;
	visibility:hidden;
	
	font-weight:normal;
	font-size:12px;
	font-family:'Open Sans';
	border:solid 1px black;
	white-space:nowrap;
	padding-bottom:2px;
	text-align:left;
}

.ptReason li
{
	padding-left:10px;
}

#tblPager { text-align:center; }


div.roundedcorners_yellow_400x300-ForFuture-Use 
{
   	/*background-color: #e1ecfe;
	width: 400px;
	padding: 30px;*/
	margin: 100px auto 15px auto;
	/*border: 3px solid #c0c0c0;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	vertical-align: middle;*/
    color:#2D3333;
}

div.roundedcorners_yellow_400x300_GradientOnlyNoRoundCornersForIE {
    background-color: #e1ecfe;
	padding: 10px;
	margin-top: 10px;
	margin-right: 20px;
    text-align: center;
    border-radius: 30px;
    -moz-border-radius: 30px;
    width:375px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffcc), to(#ffffff));
    background: -moz-linear-gradient(top,  #ffffcc,  #ffffff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff');
    border: 3px solid;
    border-color: #dcdcdc;
    display: inline-block;
    behavior: url(border-radius.htc);
}

.imgLink{ cursor:pointer; }

#div_moreactions,
#div_rollup_actions
{
    display:;
    position:absolute;
    border:0.5px solid #D9E1CF;
    background-color:white;
}
td.off {
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight:normal;
}
td.on {
	cursor:pointer;
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight:normal;
}

.tooltipCls 
{
    position:absolute; 
    background-color:White; 
    border:1px solid gray; 
    box-shadow: rgba(0,0,0,.30) 0 2px 3px; 
    z-index:100;
}
.tooltipCls.tooltipClsDb {position:fixed;}
.tooltipCls.show { visibility:visible; }
.tooltipCls.hide { visibility:hidden; left:0; top:0; }

.portfolioTooltip div { padding:0.2em;}

/*for aligning task list content at top*/ 
.topAlignRow
{
    vertical-align:top;
}


div.TaskFltContainer select.staticsize
{
    width :170px;
    float: right;
}

table.stuckTaskAdvtFilter select.staticsize
{
    width :250px;
}

/* for positioning remove QC list button*/
.removeQCListBtn
{
    padding-right:2px;
}


/* BEGIN - Color Image Column */
.imagecolor {
	position:relative;
	float:left; /* optional */
	width:100%; /* optional, though better have one */
	height:26px;
    text-align:center
}

.colorCLMBatch {
    width: 30px;
    background-color: black;
    border-radius: 50%;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: black;
}

.colorCLMBatch.small {
    height: 20px;
    width: 20px;
    margin-left: 5px;
}

    .colorCLMBatch.Square {
        border-radius: 15%;
        height: 25px;
        width: 40px;
    }

.colorCLMBatch.Diamond {
    border-radius: 15%;
    transform: rotate(45deg);
}
.colorCLMBatch.Diamond .text {
    transform: rotate(-45deg);
}

.colorCLMBatch.redIcon {
    background-color: #FF0000;
}

.colorCLMBatch.redIcon .text{
    color: white;
}
.colorCLMBatch.greenIcon {
    background-color: #008000;
}
.colorCLMBatch.greenIcon {
    color: white;
}
.colorCLMBatch.yellowIcon {
    background-color: #FFFF00;
}

.colorCLMBatch.lightGreenIcon {
    background-color: #80FF80;
}
.colorCLMBatch.lightYellowIcon {
    background-color: #FFFF80;
}
.colorCLMBatch.lightRedIcon {
    background-color: #FF8080;
}
.colorCLMBatch.whiteIcon {
    background-color: #FFFFFF;
} 

.imagecolor img {
    width: 100%;
    min-width: 26px;
    height: 26px;
    width: 45px;
}

.imagecolor .textwhite {
	position:absolute;
	text-align:center;
	top:5px;
	left:0px;
	font-size:12px;
	font-weight: 600;
	color: #fff;
	width:100%; /* optional, though better have one */
	height:26px;
}

.imagecolor .textblack {
	position:absolute;
	text-align:center;
	top:5px;
	left:0px;
	font-size:12px;
	font-weight: 600;
	color: #000;
	width:100%; /* optional, though better have one */
	height:26px;
}
/* END - Color Image Column */

/*Dashboard Action Item*/
.issueCol
{
    min-width:100px;
}
.actionItemCol
{
    min-width:130px;
}
/*End- Dashboard Action Item*/


/* Task List - Increase width of project dropdown   */

.projectFltDropDownClick{
    width:auto;
}
input.test {
    min-width: 90px;
    width: 70%;
}

/* End of Task List - Increase width of project dropdown   */

/*Shashank:CON-6887
Override for Metrics reports 
#LegendAndData is the hard coded id given to legend table for all metrics report charts which are rendered by chartfx.
*/
#LegendAndData td
{
    vertical-align:top;
    
}

/*---- tm form elements ----*/
INPUT,textarea, 
div.TaskFltContainer select.staticsize,
SELECT,
.formButton, .formSelect, .formselect, 
.rollupDisplayDiv {
    border: 0.5px solid #D9E1CF;
    margin: 5px;
    outline: none;
}

    div.TaskFltContainer select.staticsize:focus,
    SELECT:focus,
    .formSelect:focus, .formselect:focus {
        border-color: #80ADA0;
    }

    div.TaskFltContainer select.staticsize:not([size]),
    SELECT:not([size]),
    .formSelect:not([size]), .formselect:not([size]) {
        height: 18px;
        box-sizing: content-box;
    }
    
    select[multiple].formSelect:not([size]), select[multiple].formselect:not([size]) {
        height: 100px;
    }

    input[type="checkbox"],
    input[type="radio"]{
    	vertical-align: middle;
    }
     input[type="checkbox"],
    input[type="radio"]{
    	width:18px;
    	height:18px;
    }
.bluebutton
{
    background-color: #72BFEA;
    
    border-color: #ccc;
    border-style: solid;
    border-radius: 2px;
    cursor: pointer;
    line-height: 1.5em;
    margin-left: 1px;
    margin-right: 1px;
    outline: none;
    transition: background-color 0.2s ease;
    /*
        NOTE: Copies of this CSS are present in:
        - kyromodal.css
    */
}

    .bluebutton:hover
    {
        background-color: #3BB1E3;
        webkit-box-shadow: 0 1px 1px 0 rgba(66,133,244,0.45), 0 1px 3px 1px rgba(66,133,244,0.3);
        box-shadow: 0 1px 1px 0 rgba(66,133,244,0.45), 0 1px 3px 1px rgba(66,133,244,0.3);
    }

    .bluebutton
    {
        background-color: #72BFEA;
        border-color: #1258bf;
        color: #ffffff;
    }



    

    input:disabled 
    {
        opacity: 0.7;
    }

    /* TODO: :focus and :hover */
/*----------------------------------------*/


/*---- tm form elements from theme style----*/
INPUT,textarea, 
div.TaskFltContainer select.staticsize,
SELECT,
.formSelect, .formselect,
.rollupDisplayDiv {
    line-height: 1.4em;
    padding: 4px 2px 4px;
}

    INPUT:focus,textarea:focus, 
    .formSelect:focus, .formselect:focus,
    .formButton:focus, .buttonstyle:focus, .formbutton:focus, .formDisButton:focus {
        border-color: #aaa;
        /* NOTE: This also sets border color on the blue buttons */
    }

    div.TaskFltContainer select.staticsize > option,
    SELECT > option,
    .formSelect > option, .formselect > option {
        padding: 4px 2px;
    }

INPUT,textarea, div.TaskFltContainer select.staticsize, 
SELECT,
.formSelect, .formselect,
.rollupDisplayDiv {
    border-radius: 4px;
    
}



.bluebutton{
    border-radius: 2px;
    border-width: 0;
    font-weight: 500;
    padding: 4px 10px;
}
/*----------------------------------------*/



/*---- tm app section layouts and colors ----*/
#AdvFltHeader,.headerrow,
.color_1_image, tr.color_1_image > td, tr.color_1_image > th, .subtitle {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    font-family: 'Open Sans';
    padding-bottom: 10px;
}
table.tblAdvFilter{
	margin:10px;
}


    .color_1_image > div, .color_1_image span, .color_1_image b {
        font-weight: 500;
    }

.subtitle {
    text-transform: none;
}

    .subtitle.question {
        border-bottom: medium none;
    }

.color_2, .color_A, .color_3 {
    background-color: #eeeeee;
}

.checklistHeaderBoldFont,
.leftcolumn,
 .color_5 {
    /* rules are defined in individual theme files */
    /* NOTE: If background-color value is changed, then please change .AlternatingItemStyle as well */
}

.color_6, .color_B, .color_C {
    background-color: #fafafa;
}

.color_highlight, .color_selected {
    background-color: #DBEDF9;/*#ffff99;*/ /*#f4f4f4;*/
}

.color_landing {
    background-color: #ffffb8 !important;
}

.color_deselected {
    background-color: #D0E0F3;
}

.color_trigger {
    background-color: #79C0F2;
    font-weight: 600;
}

.color_action {
    background-color: #feff66;
    font-weight: 600;
}

.MessageStyle {
    font-weight: 600;
    color: #ffffff;
    background-color: #506073;
}

.repsummary {
    padding: 6px 6px 12px 6px;
    border: 1px solid #99B5D2;
    border-radius: 8px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    background-color: #4682b4;
    max-width: 200px;
}

    .repsummary .reptitle {
        padding: 2px 5px 5px;
        font-weight: 600;
        text-align: center;
        color: #ffffff;
        font-size: 12px;
    }

    .repsummary a {
        color: #fff !important;
        text-decoration: underline;
    }

td.label-header {
    /* should be same as td.color_5 */
    font-weight: 500;
    text-align: right;
}
/*----------------------------------------*/

/*---- tm app section layouts and colors for theme----*/

.color_2, tr.color_2 > td {
    padding: 5px;
}

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

/*---- tm form containers ----*/
/*
    NOTE: content-frame and list-frame classes are set by tmuiscripts.js dynamically.
    It is not a perfect implementation, but it had to be done at that point (Angular release).
*/
.field-container {
    transition: background-color 0.2s ease;
}

.field-container:hover {
        background-color: #fafafa;
    }

td.checklistHeaderBoldFont,
td.leftcolumn {
    height: 2.5em;
    /*padding-bottom: 5px;*/
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent;
    text-align:left;
    vertical-align:middle;
 }
/*----------------------------------------*/


/*---------------Shashank edits------------*/
th.header,th.headernoborder, th.headernosort {
    background-color: #D9E1CF;
    font-size: 12px;
    text-align: left;
    padding: 8px;
    font-weight:600;
}

th.headernoborder td {
    border: none;
    padding:5px;
}
    th.headernoborder td.page-number-cell:hover {
        border: 0.5px solid white;
        border-radius: 5px;
        background-color: #D9E1CF;
    }
a.selected-header {
    border: 0.5px solid white;
    border-radius: 5px;
   color: black;
}
th.headernoborder table {
    border: none;
}
/* position:sticky doesn't work in IE 11 */
tr.stickyHeader > th {
    top:0px;
    position:sticky;
    z-index: 1;
}
tr.alternateRow2 > td,
tr.alternateRow1 > td,
tr.taskModifiedRow1 > td,
tr.taskModifiedRow2>td,
tr.row2 > td,
tr.row3 > td {
    font-size: 12px;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    color: #2D3333;
    /*border-bottom: 0.5px solid #D9E1CF;*/
}


span label ,
font label,
td label
{
        padding: 5 5 5 0;
        vertical-align: middle;
}

label font.filter 
{
    padding: 5px;
}

tr.alternateRow1,
tr.row2, tr.alternateRow22, tr.row3 {
    background-color: white;
   
}

.qCGridviewAlternateRow1 {
    background-color: white;
}

tr.alternateRow2, td.alternateRow2 {
    background-color: #f0f5f3;
}

    tr.row2:hover, tr.row3:hover, 
    td.rowcolordark:hover {
        background-color: #BBE0C6;
    }

a.bluelink {
    font-size: 12px;
    /*color: #495252;*/
    text-align: left;
    text-decoration:none;
}

a.bluelink:hover {
    font-size: 12px;
    color: #2D3333;
    text-align: left;
    text-decoration: none;
}

font.header {
    font-size: 12px;
    font-weight: 600;
}

.nowrap,.editButton {
    white-space: nowrap;
}
.valign{
    vertical-align: top !important;
}

.topvalign{
    vertical-align: top !important;
}

.middlevalign
{
    vertical-align:middle !important;
}

.bottomvalign
{
    vertical-align:bottom !important;
}

table 
{
    border-spacing:0;
}

#rmpform table {
    width: 100%;
    overflow: auto;
    table-layout: fixed;
    margin: 0;
    padding: 2px;
}

#ReportTitle, font.filter label 
{
    padding: 2px;
}

/*#TaskTable thead 
{
    display:block;
    overflow: auto;
}*/

#TaskTable th.header
{
    /*width:110px;*/
    padding:8px;
}

#TaskTable tr.alternateRow1 > td, #TaskTable tr.alternateRow2 > td
{
    /*width:110px;*/
    padding:8px;
}

/*#TaskTable tbody 
{
    display:block;
    overflow: auto;
}*/

body::-webkit-scrollbar,
#configEntries::-webkit-scrollbar {
    width: 15px;
    height: 8px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb,
#configEntries::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #495252;
}

body::-webkit-scrollbar-track,
#configEntries::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}


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


#StartDateFilter td{
    vertical-align:middle;
    
}
td.alternateRow1, td.rowcolordark {
    padding: 5px;
}

fieldset {
    border: 1px solid #D9E1CF !important;
}
fieldset .filter {
    color: #2D3333 !important;
}

#editAnnouncementLink{
	margin:10px;
}

/*Theme Change*/




th.header, th.headernoborder, th.headernosort,
.raiseme tr  {
    background-color: #D9E1CF;
}
    th.header:hover, th.headernoborder:hover, th.headernosort:hover {
        background-color: #D9E1CF;
    }

 tr.row2:hover, tr.row3:hover, td.rowcolordark:hover {
    background-color: #F7F9F5;
    
}

.bluebutton, .sortbutton, input.AdvSortButton,
input.sortbutton {
    background-color: #596161;
    color: #ffffe0;
    margin:2px;
}

     .sortbutton:hover, input.AdvSortButton:hover, .bluebutton:hover, input.sortbutton:hover {
        background-color: #495252;
        box-shadow: 0 0 0 0.5px #495252;
        margin: 2px;
    }

    

    

    .bluebutton:disabled,
    .bluebutton:disabled:hover,
    input.sortbutton:disabled:hover,
    input.sortbutton:disabled {
    	background-color: #596161;
    	color: #ffffe0;
    	margin:2px;
    	opacity: 0.5;
    	box-shadow: none;
    }

    input.sortbutton:hover{
    	border:0.5px solid #596161;
    }

tr.alternateRow2 > td, tr.alternateRow1 > td, tr.row2 > td, tr.row3 > td {
    color: #2D3333;
}
a.header,a.header:hover {
   color: #2D3333; 
}
a.bluelink, a, a.HLStyle:visited {
    font-size: 12px;
    color: rgb(71, 151,247);
    text-align: left;
    text-decoration: none;
}
a.bluelink:hover,a:hover, a.HLStyle:hover {
    text-decoration: underline;
    color: #3B94D9;
}
/************* CON-9176 CSS changes : My Profile***************/
td.priv-desc {
	padding:5px;
}
#change-password-box td {
 vertical-align: middle;
}

#change-password-box td label {
 font-weight: 600;
 font-size:12px;
}

a.bluelinkboldnoline{
	padding-top:5px;
	padding-bottom: 5px;
}

/*************************************************************************************/

/********************************************Admin Server Pages***********************/
.label-font{
	font-size:12px;
	font-weight:600;
	color:#2D3333;
}
td.topbar{
	padding-top:2px;
	padding-bottom: 2px;
}
/*************************************************************************************/
font.header { font-size: 12px; font-weight: 600; } 



.padding-left-20{
	padding-left: 20px;

}
.fill-on-hover:hover{
	background-color: #D9E1CF ;
}

/**************** Specific to Project status ->pipeline view and project control
CON-9178 Radio buttons and checkbox should be aligned*************/
#pShowMgrsOnlyFilter span input[type="checkbox"]{
	margin-left: 10px;
}

/****** Edit info*****/
.div-users{
	border:0.5px solid #D9E1CF;
}

#div_ReasonCodeEdit{
    border:0.5px solid #80ADA0;
    box-shadow: 0 1px 2px 0 #80ADA0;
}

#chartarea{
	padding:	10px;
	border:0.5px solid #80ADA0;
    box-shadow: 0 1px 2px 0 #80ADA0;
    background-color:white; 
}

tr.tdVerticalAlignTop > td 
{
    vertical-align:top;
}

#configEntries td.header{
	background-color:#D9E1CF;
	
}

#configEntries td.header font{
	color: #2D3333;
	font-size:12px;
	font-weight:600;
}


td.config-td.leftcolumn,
td.config-td.rightcolumn
{
	background-color:#F7F9F5;
	border-bottom:1px solid white;
	border-left:1px solid white;
}
td.config-td.leftcolumn label{
	vertical-align: top;
}



tr.alternateRow2 > td, tr.alternateRow1 > td, tr.row2 > td, tr.row3 > td{
	vertical-align: top;
}


.admin-checked-checkbox{
	margin:5px;
}

#proj-status-drilldown-links a img,
#proj-status-drilldown-links img.imgLink{
	margin:2px;

}
#proj-status-drilldown-links img.task-list-icon.disabled,
#proj-status-drilldown-links img.subtask-view-icon.disabled{
    opacity:0.5;
    margin:2px;

}

#printPreviewChkList, #ExcelReport, #ImportReport, .img-padding img {
    padding-left: 4px;
    padding-right: 4px;
}

.iconsize
{
    height:20px;
    width:20px;
}

.iconsizesmall
{
    height:15px;
    width:15px;
}

a.small-project-name-link,
font.small-project-name{
	font-size:11px;
}


.form-group.login-sso .sso-link {
    color: #80ada0;
    cursor: pointer;
    font-weight: 600;
}
.form-group.login-sso{
    text-align:center;
}

.separator {
    background-color: #3b5998;
    width: 30%;
    height: 1px;
    margin-top: 1em;
    display: inline-block;
    float: left;
}

.or-separator {
    float: left;
    font-family: 'Open Sans';
    font-weight: 600;
    display: inline-block;
    /*margin:6px;*/
    color: #3b5998;
}
.separator-line {
    text-align: center;
    border-bottom: 1px solid #80ada0;
    margin: 10px 40px 10px 40px;
    color: #80ada0;
}



.fixed-width 
{
    width: 290px;
}

.redwithwhite
{
    background-color:#FF0000;
    color:White;
}

.table-striped-custom tr:nth-of-type(odd) 
{
    background-color:#f0f5f3;
}

.table-striped-even tr:nth-of-type(even) 
{
    background-color:#f0f5f3;
}

.ui-dialog .ui-dialog-titlebar 
{
    background-image:none;
    background-color:#80ADA0;
    padding:.2em 1em;
}

#ui-dialog-title-resourceEffortPopup {
    margin-left: -10px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background: none;
    background-color: #596161 !important;
    color: White;
    border: none;
}

:focus 
{
    outline:none;
}

.andon-report .ui-state-default, .andon-report .ui-widget-content .ui-state-default
{
    background-color: transparent !important;
}

.color-abbrev-cell {
    display: inline-block;
    margin-top: 10px;
}

.black-bcg
{
    background-color: Black;
    color: white;
    cursor:default;
    border: none;
    opacity: 0.75;
}

.grey-bcg
{
    background-color: grey;
    color: white;
    cursor:default;
    border: none;
    opacity: 0.75;
}

.white-bcg
{
    background-color: white;
    cursor:default;
    border: none;
    opacity: 0.75;
}

.d3d3d3-bcg
{
    background-color: #d3d3d3;
    cursor:default;
    border: none;
    opacity: 0.75;
}

.black-color-font
{
    color: black;
}

.resourceEffortTable thead
{
    background-color:#D9E1CF;
}
.resourceEffortTable thead td
{
   padding-left: 8px;
   font-weight: 600;
}
tr.unassigned-resource-row td
{
    color: grey;
}
.rollupDisplayDiv.clickable-div
{
    cursor: pointer;
    color: #3B94D9;
}
.rollupDisplayDiv.clickable-div:hover
{
    text-decoration: underline;
}
.resource-effort-popup-button .ui-button-text
{
    font-size:12px;
}
.ui-dialog .ui-dialog-buttonpane
{
    margin: 0;
    padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .resource-effort-popup-button
{
        margin: .3em .4em .3em 0;
}
.ui-dialog .ui-dialog-title
{
    color:#2d3333;
    font-size:12px;
    font-weight: 600;
}
#resourceEffortPopup
{
    max-height: 100px;
    padding: 2px 0;
}  
.rounding-message
{
    font-size: 10.5px;
    font-style: italic;
    color: #3B94D9;
    padding: 5px 0 2px 2px;
}
.res-not-assign-message {
    font-size: 10.5px;
    font-style: italic;
    color: grey;
    padding: 5px 0 2px 2px;
}
.span-res-not-assign-message {
    background-color: gold;
}
.res-message-superscipt {
    display: inline;
    position: absolute;
    margin: -3px 0 0 0;
}
.subtaskRow .subtask-name
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px;
}

.task-resources,
.subtask-resources
{
    word-break: break-all;
    min-width: 200px;
}

.chain-view-remaining-duration-input{
    width: 4em;
    height: 27px;
}
.chain-view-remaining-duration-input-date
{
    width: 6em;
}
.chain-view-success-message {
    color: green;
}
.chain-view-failure-message {
    color: red;
}

.hidden-element{
    display: none;
}
.small-image-button {
    background-color: #596161;
    display: inline-block;
    border-radius: 2px;
    margin: 2px;
    padding: 1px;
    width: 16px;
    height: 16px;
    text-align: center;
}
.status-remaining-duration-text,
.pencil-icon-column{
    padding-left: 5px;
}
.chainview-data-column{
    width: 90%
}

td input.dur-readonly {
    background: none;
    border: none;
}
.invalid-input-field{
    border: 1px solid red;
}
.chainview-pencil-icon{
    width: 16px;
}
.remaining-dur-disabled
{
    opacity: 0.5;
}
.small-image-button:disabled 
{
    background-color: #596161;
    opacity: 0.5;    
}
.admin-jquery-dialog .ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
    background-color: #80ADA0;
    border: 0.5px solid #D9E1CF;
}
.admin-jquery-dialog .ui-state-default,
.admin-jquery-dialog .ui-widget-content .ui-state-default
{
    background-color:transparent !important;
    color:White;
    border:none;
}

.admin-jquery-dialog .ui-widget-header
{
    border: 1px solid #80ADA0;
}
.admin-jquery-dialog .ui-state-default .ui-icon
{
    background-image: url(../JQuery/1.11.0/images/ui-icons_222222_256x240.png);
}

.process-task-update-msg {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    color: #2D3333;
    margin: 5px;
}

div input.est-duration-input {
    width: 50px;
    border: solid 1px #D9E1CF;
}

input.best-dur-read-only-cls,
input.best-dur-read-only-cls:focus,
input.est-duration-input.readonly,
input.est-duration-input.readonly:focus {
    opacity: 0.5;
    cursor: default;
    background-color: transparent;
}
.field-hidden {
    display:none
}

input.est-duration-input:focus {
        border: 1px solid #80ADA0;
}
input.est-duration-input.required-field {
    border: 1px solid red;
}

img.est-duration-loading-icon {
	width: 16px;
    height: 16px;
    display: inline-block;
    top: 5px;
    position: relative;
}
img.est-duration-loading-icon.not-visible {
    display: none;
}
.invalid-mandatory-field,
.invalid-mandatory-field:hover,
.invalid-mandatory-field:focus
{
    border:1px solid red;
}
.go-to-field-icon
{
    padding-left : 5px;
}
.error-message
{
    color : red;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 600;
}
.disabled-button-cursor{
    cursor: auto;
}
.disabled-image{
    pointer-events: none;
    opacity:0.5;
}

.label-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

td.leftAlign {
    text-align: left !important;
}

td.rightAlign {
    text-align: right !important;
}

td.centerAlign {
    text-align: center !important;
}

img {
    margin-right: 2px;
}
input[type=button] {
    cursor: pointer;
}
input[type=button]:disabled {
    cursor: auto;
}

pre {
    font-family: 'Open Sans' !important;
    display: inline !important;
}