/*
File:           css/global.css

CF Application: PlanBook project


Updates
Date        | Who | Notes
------------+-----+----------------------------------------------------------

07-01-2019  | an  |Key:4245:03 created label 4245:03_AN_add_display_response_not_reply_blog_01july2019
07-12-2019  | avi |Key:4265:01 modify by sir label 4265:01_modify_by_sir_12july2019 
08-16-2019  | vi  |Key:4319:05 add table-thin class
08-17-2019  |  vi |Key:4321:06 add class for div used in master template check point 
08-19-2019  |  vi |Key:4323:03 add label class just like tradeloop devjock
 08-19-2019 |  vi |Key:4323:06 change td css by sir
08-20-2019  |  vi |Key:4325:10 add help label in column pull down and show in dialog
08-22-2019  |  vi |Key:4329:09 add btn css 
09-02-2019  |  vi |Key:4347:02 add rounded class 
09-05-2019  | an  |Key:4353:01  add move css character_countdiv for  global  label 4353:01_AN_add_separtae_count_characte_css_05spetember2019
10-16-2019  | an  |Key:4415:04 add use class table-thin_darkerlines label 4415:04_AN_add_improve_thin_16cotber2019 
01-03-2019  | an  |Key:4544:07 add error check display error meegase if reuire field null as well as fixed issue  width label 4544:07_AN_add_errorcheck_imdv_03january2020
01-13-2020  |  vi |Key:4557:04 add pblabel class
01-16-2020  | an  |Key:4563:05 add fixed issue bootstrap 4 css for add org contact label 4563:05_AN_add_fixed_issue_bootstrap_orgcontact_16january2020
01-18-2020  | an  |Key:4567:01 add fixed issue bootstrap css has-feedback for set shareuser role  for Org Advance SetUp label 4567:01_AN_add_fixed_issue_bootstrapcssfeedback_shareuserrole_18january2020
01-25-2020  | an  |Key:4579:02 add fixed issue bootstrap css org set up card orgCustomerCardInh   label 4579:02_AN_add_fixed_combi_bootstrap_chngae_label_cuetomer_25january2020
01-28-2020  | an  |Key:4583:03 add class label as well as fixed class panel for display help code label 4583:03_AN_add_fixed_labelclass_28january2020
01-31-2020  | an  |Key:4589:03 add fixed issue bootstrap for Add Org Preferences Info as well as add has-error class for global.css  label 4589:03_AN_add_fixed_issue_bootstrap_add_preference_org_plan_31january2020
02-01-2020  | an  |Key:4591:06 add remove class has-erorr for global.css  label 4591:06_AN_add_remove_haserror_css_02febuary2020
02-19-2020  |  vi |Key:4619:01 remove border radius properties from mybtn class to display proper in btn-group
04-23-2020  | an  |Key:4723:01 add image dot left side if not permission but display column label 4723:01_AN_add_imagecolumndrop_23april2020 
04-28-2020  | an  |Key:4731:02 add fixed issue for connect user size for bootsrap 4 css  label 473102_AN_add_fixed_issue_connected_user_28april2020
06-06-2020  | vi  |Key:4799:02 add class btnpaddedwithcolor
06-11-2020  | an  |Key:4807:04 add use this class pbg-parent for dashpanel   label 4807:04_AN_add_usepdgpanel_dashpanel_11june2020
06-12-2020  | an  |Key:4809:02 add improve css footer label 4809:02_AN_add_imrpove_cssfilter_12june2020
06-13-2020  | an  |Key:4811:11 add use this pbg-captionimg css footer as well as display planname filter panel label 4811:11_AN_add_improvefooter_panel_13june2020
06-23-2020  | an  |Key:4827:06 add improve css toolbox as well as help label 4827:06_AN_add_modify_css_toolbox_23june2020
06-24-2020  | an  |Key:4829:06 add move this css pbg-parent-noheight global as well as mock up rounded button label 4829:06_AN_add_mockup_roundedbutton_movepgparentnoheight_24june2020
06-26-2020  | avi |Key:4831:03 move img css clsht16 in global css label 4831:03_move_img_css_clsht16_in_global_css_26jun2020
07-20-2020  | an  |Key:4873:04 add move copy link as well as wantoeditlink for display pbhelp label 4873:04_AN_add_helpcodeImrpove_20july2020
09-01-2020  | an  |Key:4891:07 add implement pdg class for right click menu label 4891:07_AN_add_implementrightclick_01august2020
08-05-2020  | an  |Key:4896:03 add modify css status dialog drop down label 4896:03_AN_add_dialog_status_05august2020
08-12-2020  | vi  |Key:4908:01 add class "dp-presearch-crossImage" for presearch cross image in dashpanels 
08-12-2020  | an  |Key:4908:05 add class for owner column label 4908:05_AN_add_prototypeowner_12august2020
10-09-2020  | avi |Key:5002:01 change tasknumber col label 5002:01_change_tasknumber_col_09OCT2020
10-09-2020  | an  |Key:5004:04 add some new class like pbg-img-reddot label 5004:04_AN_addmckupowner_09october2020
10-10-2020  | avi |Key:5006:03 modify new cell style by sir label 5006:03_modify_new_cell_style_by_sir_10OCT2020
10-16-2020  | an  |Key:5016:11 add display week info for scrumboard label 5016:11_AN_add_displayweekinfoscruboard_16october2020
10-30-2020  | an  |Key:5040:03 add css action item  label 5040:03_AN_add_release_scrumboard_30october2020
11-03-2020  | an  |Key:5046:02 add edit feature scrumboard as well as open panel label 5046:02_AN_add_open_panelscrumboard_03november2020
01-02-2021  | an  |Key:5143:10 add improve css for plan drop down presearch as well as add pbg-planname,pbg-treatasowner label 5143:10_AN_add_improvecssplandropdown_02january2021
03-31-2021  | an  |Key:5289:12 add remvove background global css label 5289:12_AN_add_remove_background_globalcss_31mar2021
04-03-2021  | an  |Key:5295:02 add fix issue Error in parsing value for ‘filter’.  Declaration dropped  font-weight  label 5295:02_AN_add_remove_background_cssfolderindexpage_03apr2021
04-08-2021  | avi |Key:5303:04 step1 modify left td cell.label 5303:04_step1_modify_left_td_cell_08apr2021
04-10-2021  | an  |Key:5307:08 add write css for use drop down column add planbook label 5307:08_AN_add_releaseglobalcssfile_10apr2021
04-14-2021  | an  |Key:5313:04 add display hide plan drop down under manage section through ajax for 271 label 5313:04_AN_add_displayhtmldropdownhideplanwithajax_14apr2021
04-16-2021  | an  |Key:5317:08 add fixed issue z-index label 5317:08_AN_add_fixedissuezindex_16apr2021
04-20-2021  | an  |Key:5323:06 add use line-height 105% for gf1  label 5323:06_AN_add_fixissue_contenteditableboxbreak_globalcss_20apr2021
04-22-2021  | avi |Key:5327:05 display band in dynamic filter by ajax.label 5327:05_display_band_in_dynamic_filter_ajax_22apr2021
05-08-2021  | an  |Key:5355:08 add this pbg-imgrb label 5355:08_AN_release_globalcss_file_08may2021  
05-10-2021  | avi |Key:5357:02 change index ajax filter tr style.label 5357:02_change_index_ajax_filter_tr_style_10may2021
05-11-2021  | avi |Key:5359:07 fix cell break problem.label 5359:07_fix_cell_break_problem_11may2021
05-12-2021  | avi |Key:5361:05 modify pb new header css.label 5361:05_modify_pb_new_header_css_12may2021
06-14-2021  | an  |Key:5417:01 add include css _inc_global_debug_css file for dv5 label 5417:01_AN_add_includedebugcolorfile_14june2021
06-23-2021  | an  |Key:5433:07 add debug color for filter as well as use small font size  label 5433:07_AN_add_filter_colordialogkey_23june2021
07-13-2021  | an  |Key:5467:11 add remove inline css genform,imdv as well as include write select2 css global file label 5467:11_AN_add_select2css_13july2021
07-14-2021  | an  |Key:5469:01 add revert code select2 load column select2 with save button label 5469:01_AN_add_revert_code_css_select2lodcolumnsaveform_14july2021
07-15-2021  | an  |Key:5471:03 add css for progress bar label 5471:03_AN_add_release_css_progress_bar_15july2021
07-16-2021  | avi |Key:5473:03 calculate select2 dynamic height label 5473:03_calculate_select2_dynamic_height_16july2021
07-17-2021  | avi |Key:5475:03 add class clsignoreX label 5475:03_add_class_clsignoreX_17july2021
09-08-2021  | an  |Key:5566:06 add using pbg class share button  label 5566:06_AN_add_useroundeddivindexajax_08sep2021
09-21-2021  | an  |Key:5588:01 add ui-button-icon-only .ui-icon css for fix issue dialog cross image center  label 5588:01_AN_add_fix_issue_dialogcrossimage_21sep2021
10-06-2021  | avi |Key:5612:04 modiy msg fix chrome floatThead header height problem label 5612:04_modify_msg_for_fix_chrome_floatThead_header_height_problem_06Oct2021
12-10-2021  | an  |Key:5718:05 add this class pbg-mv-donerow label 5718:05_AN_add_releaseglobalcss_10dec2021     
01-24-2022  | an  |Key:5790:03 add improve css footer dashpanel option label 5790:03_AN_add_imrprovecss_dashpaneloption_24jan2022  
02-05-2022  | an  |Key:5810:06 add fix issue missing pbg-c class global css label 5810:06_AN_add_fix_issuemissing_pbgc_class_global_05feb2022
08-24-2022  | an  |Key:6146:02 add using gp gc center td as well as display control bucket image for alaram label 6146:02_AN_add_displaycontrolbucketimagecenteralarm_24august2022 
08-27-2022  | an  |Key:6154:03 add footer as well as improve css label 6154:03_AN_add_footer_planhourimprovecss_29august2022
12-16-2022  | an  |Key:6337:01 add filter dependency indicator as well as move css global label 5469:6337:01_AN_add_filterdependencyindicator_16dec2022
01-14-2023  | an  |Key:6387:02 add this  gindimgdivWidth for mock up sla label 6387:02_AN_add_releasemockupctasla_14jan2023 
03-10-2023  | an  |Key:6475:08 add display image if click number as well as using clas pbg-total label 6475:08_AN_add_improvelookfeelplanhour_10mar2023                      
03-18-2023  | avi |Key:6489:06 add new css style in pbdd tools label 6489:06_add_new_css_style_in_pbdd_tools_18mar2023                
04-06-2023  | an  |Key:6521:07 add using pixel for display info partial  label 6521:07_AN_add_usingpxcontractnew_06apr2023
08-23-2023  | an  |Key:6757:07 add  class pbg-pbhide for dashpanel label 6757:07_AN_add_releasegloablcss_23aug2023
10-20-2023  | vi  |Key:6853:05 add class for customer dormant, inactive, planinactive
11-30-2023  | avi |Key:6921:03 add week color in budgetprocess4  label 6921:03_add_week_color_in_budgetprocess4_30nov2023
01-04-2024  | an  |Key:6977:06 add line height class label 6977:06_AN_add_lineheightglobalcss_04jan2024
01-24-2024  | an  |Key:7011:04 add move css filter for global  label 7011:04_AN_add_movecss_filterglobal_24jan2024   
03-12-2025  | an  |Key:7091:01 add improve look feel for tool box option as well as display help code  label 7091:01_AN_add_toolboxcss_12mar2024 
04-23-2024  | an  |Key:7161:04 add css for panel global file  label 7161:04_AN_add_class_panel_global_23apr2024
05-16-2024  | an  |Key:7201:01 add improve display text message  label 7201:01_AN_add_improvelookfeelmessage_16may2024 
07-13-2024  | an  |Key:7301:02 add table thin for pbg label 7301:02_AN_add_fixedheader_report_13july2024
*/
 
 
.wordbreakcls{
	word-wrap:break-word;
	word-break: break-all;/*this will cause long words to break on a character in between*/
}

.wordbreakclsBrWdOnly{
	word-wrap:break-word;
	/*word-break: break-all;*/
}
/*6521:07*/
.wordbreakclsBrWdOnlyWhenVeryLong,.pbg-wbbw{
	word-break:break-word;/*this will break only long words that cannot adjust themselves, like in the task column*/
	/*word-break: break-all;*/
}

.lineheightfontsizecolorCls{
font-family:Lato;font-size:14px;line-height:14px;color:Gray;
}

.marginbottomCls{
margin-bottom:3px;
}

.labelTopSmallGrayCls
	{
		margin-bottom: 0px;
		color:gray;
		font-size:14px !important;
		line-height:14px !important;
		font-family: "Lato", sans-serif;
	}
	
.margintopCls{
margin-top:0px;
}	

.lineinputs3px{margin-bottom: 5px;} /*this class use*/



/* start thin class*/


.table-thin
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
	
	
}

.table-thin.fontBig
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2rem;
	
	
}

.table-thin td, .table-thin th 
{
	
	border:1px solid #ddd;/*##f0f0f0 ededed #eaeaea #BFC9CA #ddd*/
	/*padding:3px 7px 2px 7px;*/
	padding:1px 7px 1px 7px;
	text-align:left !important;;
	vertical-align:middle !important;
	
}

.table-thin_darkerlines td, .table-thin_darkerlines th 
{
border:1px solid #BFC9CA !important;
}

.table-thin th 
{ 
	font-size:0.8em !important;
    /*padding-top:5px;
	padding-bottom:4px;*/
	background-color:Beige;/*##A7C942 MintCream*/
	vertical-align:middle;

}



.table-thin tbody tr td
{
	font-size:0.8em;
	/*vertical-align:top;*/
	
} 

/*end thin calss*/

/*6921:03*/
/*create header table design css ch-tbl*/
.pbg-ch-tbl{
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
    width: 95%;
}

.pbg-ch-tbl td, .pbg-ch-tbl th {
    border: 1px solid #ddd;
    text-align: left;
    /*padding: 8px;*/
	padding:0px 0px !important;
	height:23px;
}

 .pbg-ch-tbl.center {
	margin-left:auto; 
	margin-right:auto;
		/*margin:2px 4px;*/
}
/*create header table design css*/  



/* 4321:06*/
.first-div-in-td{
		font-size:12px;
		display:inline-block;
		width:70%;
		/*background:yellow;*/
		vertical-align:middle;
		line-height:14px;
	}
	/* 4321:06*/
	.second-div-image-in-td{
		vertical-align:middle;
		display:inline-block;
		width:22%;
		/*background:green;*/
		font-size:1.0em;
		text-align:right;
	}
	/* 4321:06*/
	.third-div-help-in-td{
		vertical-align:middle;
		display:inline-block;
		width:8%;
		/*background:blue;*/
		/*font-size:12px;*/
	}
	
/* 4321:06*/
.imgsize_small{
   width:24px;
    height:24px;
	display: inline;
    margin-left: auto;
    margin-right: 3px;
	vertical-align:middle;
	
	}	

.imgsize_small18{
   width:18px;
    height:18px;
	display: inline;
    margin-left: auto;
    margin-right: 3px;
	vertical-align:middle;
	
	}		

/* 4323:03*/
.mylabel{
	background-color:#E8E8E8;
	border:1px solid #cccccc;
	color:#006633;
	padding: 1px 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:11px;
	font-weight:bold;
	line-height:14px;/* 4323:06*/
}

/* 4323:03*/
.mylabel a:link, .mylabel a:visited{
	color:#006633;
	text-decoration:none;
}

/* 4323:03*/
.mylabel a:hover {
	color:#0000ff;
	text-decoration:underline;
}

/* 4323:03*/
.activelabel{
	background-color:#6FFF9E;
}

/* 4325:10*/
.imgsize_verysmall{
   width:14px;
    height:14px;
	display: inline;
    margin-left: auto;
    margin-right: 3px;
	vertical-align:middle;
	
	}	
	/* 4325:10*/
	.imgLclsdropdowncol{width:10px; height:10px;vertical-align:middle;} /*4723:01*/
	.img-div-left{
		vertical-align:middle;
		display:inline-block;
		width:3%;
		/*background:red;*/
	}
	.first-div-text{
		font-size:12px;
		display:inline-block;
		width:63%;
		/*background:yellow;*/
		vertical-align:middle;
		line-height:14px;
	}
	/* 4325:10*/
	.second-div-image{
		vertical-align:middle;
		display:inline-block;
		width:22%;
		/*background:lightcyan;*/
		font-size:1.0em;
		text-align:right;
	}
	/* 4325:10*/
	.third-div-help{
		vertical-align:middle;
		display:inline-block;
		width:12%;
		/*background:blue;*/
		/*font-size:12px;*/
	}
	
	hr {
border:0;
  width: 100%;
}
.clsHrThick{  color: Gray;
background-color: LightGray;
height: 5px;
  }
  
 .clsHrThin{  color: Gray;
background-color: LightGray;
height: 2px;
  } 
  
.clsHrSuperThin {  color: Gray;
background-color: LightGray;
height: 1px;
  }  
  
  .mybtn{
  	padding: 1px 5px;
 	font-size: 12px !important;
  	line-height: 1.5 !important;
  	/*border-radius: 3px !important;*/ /*4619:01*/
}

.imgsize_medium{
   width:32px;
    height:32px;
	display: inline;
    margin-left: auto;
    margin-right: 3px;
	vertical-align:middle;
	
	}	
	
/*4347:02*/
.myroundedCls
{	
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px;
	margin-top:0.1rem;
	padding:1px;
	text-align:center;
	font-size:1.0rem;
	font-weight:bold;
	border:1px solid lightgray;
	/*background-color:lightcyan; 3826:03*/
	
}	


/*4353:01*/
.character_countdiv
 {
  padding-top:0px;
  color:lightgrey;
  font-family: Lato; 
  line-height:90% !important;
  font-size: 0.8em;
 }
 /*4544:07*/
 .helpblock_imdv
 {
   
   line-height: 1; vertical-align: middle;

 }
 
 .labelBottomReqd_imdv{margin-top: 0px; color:Red;font-size: 11px;font-weight:bold;}
 
 /*4557:04*/
 .pblabel {
	    background-color: #E8E8E8;
	    border: 1px solid #ccc;
	    color: #063;
	    padding: 1px 3px;  
	    border-radius: 3px;
	    font-size: 11px;/*small*/
	    font-weight: bold;
		font-family: Arial,Helvetica,sans-serif,verdana; /*Lato,*//*tl has Arial,Helvetica,sans-serif,verdana;*/
	    /*line-height: 20px;*/
		/*font-family:"Lato";*/
		/*vertical-align:middle;*/
}
 /*4557:04*/
.pblabel.large { font-size: 18px; }
.pblabel.medium { font-size: 14px; }
.pblabel.small { font-size: 11px; }
.pblabel.bold { font-weight: bold; }
.pblabel.normal { font-weight: normal; }
	
 /*4557:04*/	
.pblabel a:link, .pblabel a:visited {
    color: #063;
    text-decoration: none;
}

 /*4557:04*/	
.pblabel a:hover {
 color:#00f;
 text-decoration:underline;
}


 .bs3label,.label {
    border: 1px solid #000;
  }
  
  .bs3label,.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.bs3label:hover,
a.bs3label:focus,
a.label:hover,
a.label:focus
 {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.bs3label:empty,.label:empty {
  display: none;
}

.bs3btn .bs3label,.btn .label {
  position: relative;
  top: -1px;
}
.bs3label-default,.label-default {
  background-color: #777;
}
.bs3label-default[href]:hover,
.bs3label-default[href]:focus,
.label-default[href]:hover,
.label-default[href]:focus
 {
  background-color: #5e5e5e;
}
.bs3label-primary,.label-primary { /*4583:03*/
  background-color: #337ab7;
}
.bs3label-primary[href]:hover,
.bs3label-primary[href]:focus,
.label-primary[href]:hover,
.label-primary[href]:focus 
 {
  background-color: #286090;
}
.bs3label-success,
.label-success
 {
  background-color: #5cb85c;
}
.bs3label-success[href]:hover,
.bs3label-success[href]:focus,
.label-success[href]:hover,
.label-success[href]:focus 
 {
  background-color: #449d44;
}
.bs3label-info,.label-info {
  background-color: #5bc0de;
}
.bs3label-info[href]:hover,
.bs3label-info[href]:focus,
.label-info[href]:hover,
.label-info[href]:focus
 {
  background-color: #31b0d5;
}
.bs3label-warning, .label-warning {
  background-color: #f0ad4e;
}
.bs3label-warning[href]:hover,
.bs3label-warning[href]:focus,
.label-warning[href]:hover,
.label-warning[href]:focus  
{
  background-color: #ec971f;
}
.bs3label-danger,
.label-danger
 {
  background-color: #d9534f;
}
.bs3label-danger[href]:hover,
.bs3label-danger[href]:focus,
.label-danger[href]:hover,
.label-danger[href]:focus
 {
  background-color: #c9302c;
}

/*4563:05*/
.bs3_btndefault {
      color: #333 !important;
      background-color: #fff !important;
      border-color: #ccc !important;
	 
  }
  
.bs3_btndefault:hover{
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}
.bs3_btndefault:active,
.bs3_btndefault.active,
 {
  background-image: none !important;
}


/*4567:01*/
.has-feedback {
  position: relative;
}

.form-control-feedback {
  position: absolute;
  top: .5rem;
  right: 1.5rem;
  z-index: 2;
  display: block;
text-align: center;
  pointer-events: none;
}


.btn-default {
      color: #333 !important;      
      border-color: #ccc !important;	 
  }
  
.btn-default:hover{
  color: #333 !important;
  border-color: #adadad !important;
}
/*4731:02*/
 .total_userconnect .badge 
 {
       font-size: 0.75rem;
       font-family:Arial,helvetica,sans-serif;
 }
  
  /*4799:02*/
  .btnpaddedwithcolor{
  	vertical-align:middle;padding:5px;display:inline-block;line-height:0;background:red;
  }
  
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  .pbg-parent, .pbg-p, .gp, .gpr {
  text-align: center;
  /*margin-left: 0.25rem;*//*add style for fix pb cell border problem with three column pb*//*5359:07*/
  /*background: Lime;*/
  height:100%;/*if you want to vertically align center in height of unknown div then use 100% here*/
  font-size:0;/*will keep the real width of the child divs without adding anything in between but you must remember to take font-size in child divs*/
  width:100%;
  }
  
  .pbg-parent-noheight, .pbg-p-nh {
  text-align: center;
  /*background: Lime;*/
  /*height:100%;*//*if you want to vertically align center in height of unknown div then use 100% here*/
  font-size:0;/*will keep the real width of the child divs without adding anything in between but you must remember to take font-size in child divs*/
  width:100%;
  }
  
  /* The ghost, nudged to maintain perfect centering */
  .pbg-parent:before, .pbg-parent-noheight:before, .pbg-p-nh:before, .pbg-p:before, .gp:before {
  content: '\200B';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing -0.25em; -0.25rem; */
  width:0px; /*if width:5px; then right div content outside in div, so keep the width to 0, for testing purposes you can use 2px*/
  background:orange;
  }
  
   /* The ghost, nudged to maintain perfect centering */
.gpr:before {
  content: '\200B';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25rem; /* Adjusts for spacing -0.25em; -0.25rem; */
  width:0px; /*if width:5px; then right div content outside in div, so keep the width to 0, for testing purposes you can use 2px*/
  background:orange;
  } 
  
  .pbg-centerchild, .pbg-cc, .gc {
  display: inline-block;/*required*/
  vertical-align: middle;/*required*/
  /*background: #f5f5f5;*/
  }
  
  pbg-cc-m2, .gcm2{margin-left:2px;}/*for finer adjustments of the st12, prty12, dd columns to shift the image and text towards the right 2px, subtract width by 2px in js*/
  /*gcm2 works with ddLM var in insvars js*/
  .pbg-margin-left2, .gmL2, .gmLx {margin-left:2px;}
  
   pbg-cc-m4, .gcm4{margin-left:4px;}
  
  .pbg-div-reddot, .gdrd { text-align:center; width:5px; margin:0 auto; } /*background:Yellow;*/
  .pbg-img-div-width, .gidw { width:20px; text-align:center; }
  /*width to be set in _ins_vars.js file also*/
  .pbg-img-reddot, .pbg-imgrd, .ird {
  width:4px;
  height:4px;
  vertical-align:middle;
  }
  
  .pbg-div-dropdown, .gddd { width:12px;margin:0 auto;text-align:center; }/*background:aqua;*/
  .pbg-img-dd, .idd { width:7px;text-align:center; } /*background:LightBlue;*/
  
  .pbg-div-dd-lock, .gdlk { width:10px;text-align:center; } /*background:Salmon;*/
  
  .pbg-img48 {
  width:48px;
  height:48px;
  vertical-align:middle;
  }
  
  .pbg-img64 {
  width:64px;
  height:64px;
  vertical-align:middle;
  }
  
    .pbg-img42 {
  width:42px;
  height:42px;
  vertical-align:middle;
  }
  
  .pbg-img36 {
  width:36px;
  height:36px;
  vertical-align:middle;
  }
  
    .pbg-img32 {
  width:32px;
  height:32px;
  vertical-align:middle;
  }
  
    .pbg-img28 {
  width:28px;
  height:28px;
  vertical-align:middle;
  }
  
  .pbg-img24 {
  width:24px;
  height:24px;
  vertical-align:middle;
  }
  
  
   .pbg-img21 {
  width:21px;
  height:21px;
  vertical-align:middle;
  }
  
  .pbg-img18, .igw {
  width:18px;
  height:18px;
  vertical-align:middle;
  }
  
  .pbg-img16,.i16 {
  width:16px;
  height:16px;
  vertical-align:middle;
  }
  
  /*4891:07*/
   .pbg-img14, .i14 {
  width:14px;
  height:14px;
  vertical-align:middle;
  }
  
   .pbg-img12 {
  width:12px;
  height:12px;
  vertical-align:middle;
  }
  
  .pbg-img6 {
  width:6px;
  height:6px;
  vertical-align:middle;
  }
  
  .pbg-width52, .pbg-w52 {
  width:56px;/*increase to 56 to adjust for padding of 2px on all sides*/
  /*uses img of size 42 or 36*/
  padding:2px;
  /*background:aqua;*/
  }
  
  .pbg-width42, .pbg-w42 {
  width:44px;/*increase to 44 to adjust for padding of 2px on all sides*/
  /*uses img of size 32 or 28 or 24*/
  padding:2px;
  /*background:aqua;*/
  }
  
  .pbg-width36, .pbg-w36 {
  width:40px;/*increase to 40 to adjust for padding of 2px on all sides*/
  /*uses img of size 28 or 24*/
  padding:2px;
  /*background:aqua;*/
  }
    
 .pbg-width32, .pbg-w32 {
  width:36px;/*increase to 36 to adjust for padding of 2px on all sides*/
  /*uses img of size 24 or 21*/
  padding:2px;
  /*background:aqua;*/
  }
  
   .pbg-width28, .pbg-w28 {
  width:32px;/*increase to 32 to adjust for padding of 2px on all sides*/
  /*uses img of size 24 or 21*/
  padding:2px;
  /*background:aqua;*/
  }
  
    .pbg-width18, .pbg-w20 {
  width:24px;/*increase to 32 to adjust for padding of 2px on all sides*/
  /*uses img of size 24 or 21*/
  padding:2px;
  /*background:aqua;*/
  }
  
   .pbg-width18, .pbg-w18 {
  width:22px;/*increase to 32 to adjust for padding of 2px on all sides*/
  /*uses img of size 24 or 21*/
  padding:2px;
  /*background:aqua;*/
  }
  
  /*6146:02*/
 .pbg-w18px {
	  width:18px;
  
  }
   /*6154:03*/
   .pbg-w30px {
	  width:30px;
  
  }
  
  .pbg-w40px {
	  width:40px;
  
  }
  
   .pbg-w25px {
	  width:25px;
  
  }
   /*6154:03*/
  
  .pbg-Ldiv {/*Left div*/
  width:20%;
  text-align:left;
  background:LightGreen;
  }
	
/*center div class*/
  .pbg-Cdiv {/*Center div*/
  width:60%;
  text-align:center;
  background:LightGray;
  }
  
  /*center div class*/
 .pbg-CdivNw {/*Center div*/
  text-align:center;
  /*background:LightGray;*/
  }
  
  /*center div class*/
 .pbg-Cdiv100 {/*Center div*/
  width:100%;
  text-align:center;
  /*background:LightGray;*/
  }
  
   /*center div class*/
 .pbg-Ldiv100, .pbg-L100 {/*Left div*/
  width:100%;
  text-align:left;
  /*background:LightGray;*/
  }
  
     /*center div class*/
 .pbg-L {/*Left div*/
  text-align:left;
  /*background:LightGray;*/
  }
  /*5790:03*/
  .pbg-Lm {/*Left div*/
  text-align:left;
  width:20%;
  /*background:LightGray;*/
  }
  
  .pbg-Cm {/*Center div*/
  width:60%;
  text-align:center;
  }
  
  .pbg-Rm {/*Left div*/
  text-align:right;
   width:20%;
  /*background:LightGray;*/
  }
  
   .pbg-Ld {/*Left div*/
  text-align:left;
  width:20%;
  /*background:LightGray;*/
  }
  
  .pbg-Cd {/*Center div*/
  width:60%;
  text-align:center;
  }
  
  .pbg-Rd {/*Left div*/
  text-align:right;
   width:20%;
  /*background:LightGray;*/
  }
  
/*right div class*/
  .pbg-Rdiv {/*Right div*/
  width:20%;
  text-align:right;
  background:LightBlue;
  }
  
  /*center div class*/
  .pbg-Sdiv {/*Single div*/
  width:90%;
  text-align:center;
  /*background:Gray;*/
  }

  .pbg-captionlabel {
  font-size:0.6rem;line-height:0.5rem;text-align:center;height:20px;padding-top:2px;width:90%;margin:0 auto;word-break:break-word;
  }/*background:LightCyan;*/
  
  .pbg-captionimg {
  text-align:center;
  }
  
  .pbg-fontsize1rem, .gf1 {
  font-size:1.0rem;
  /*line-height:1.0rem;*/
  word-break:break-all;
  float:none !important;
  /*line-height:100%;*/
  line-height:105%; /*if line height 100% use then it will break contenteditable box in chrome*/ /*5323:06*/
  }
  
  .pbg-fontsizepbcell, .gfc {
  font-size:1.0rem;
  word-break:break-all;
  float:none !important;
  /*line-height:100%;*/
  line-height:105%; /*if line height 100% use then it will break contenteditable box in chrome*/ /*5323:06*/
  }
  
    .pbg-fontsize1remwb, .gf1wb {
  font-size:1.0rem;
  /*line-height:1.0rem;*/
  word-break:break-word;
  float:none !important;
  /*line-height:100%;*/
  line-height:105%; /*if line height 100% use then it will break contenteditable box in chrome*/ /*5323:06*/
  }
  /*5357:02*/
   .pbg-fontsize8remwb, .gf8wb {
  font-size:0.8rem;
  /*line-height:1.0rem;*/
  word-break:break-word;
  float:none !important;
  /*line-height:100%;*/
  line-height:105%; /*if line height 100% use then it will break contenteditable box in chrome*/ /*5323:06*/
  }
  
    /*5357:02*/
   .pbg-fontsize8remwba, .gf8wba {
  font-size:0.8rem;
  /*line-height:1.0rem;*/
  word-break:break-all;
  float:none !important;
  /*line-height:100%;*/
  line-height:105%; /*if line height 100% use then it will break contenteditable box in chrome*/ /*5323:06*/
  }
  
  .gf1wba {
  font-size:1.0rem;
  /*line-height:1.0rem;*/
  word-break:break-all;
  float:none !important;
  /*line-height:100%;*/
  line-height:105%; /*if line height 100% use then it will break contenteditable box in chrome*/ /*5323:06*/
  /*text-align:right !important;*/
  /*background:yellow;*/
  }
  
   /*6154:03*/
  .gf8 {
  font-size:0.8rem; 
  line-height:105%; 
  }
  
  .gf7 {
  font-size:0.7rem; 
  line-height:105%; 
  }
  
  .gffba{
  font-size:0.9rem;
  line-height:100%;
  margin-left:3px;
  /*background:red;*/
  word-break:break-all;
  } 
  
 .gfp8{
  font-size:0.8rem;
  line-height:100%;
  margin-left:3px;
  /*background:blue;*/
  word-break:break-word;
  }
  /*, .gff*/
  .gfp9, .gff {
  font-size:0.9rem;
  line-height:100%;
  margin-left:3px;
  /*background:Green;*/
  word-break:break-word;
  }
  
.gf1rem {
  font-size:1.0rem;
  }
  
 .gf2rem {
  font-size:2.0rem;
  } 
  
 .gf12rem {
  font-size:1.2rem;
  line-height:105%;
  width:100px;
  word-break:break-all;
  white-space:normal;/*so that the word-break class happens*/
  } 
  
 .gf13rem{ 
    font-size:1.3rem;line-height:105%;word-break:break-all;width:100px;white-space:normal;}
  
    .pbg-fontcolorblue, .gfcb {
   color:blue !important;
  }
  
  
  
  .pbg-fontsize1rem, .gf2 {
  font-size:4px;
  /*line-height:1.0rem;*/
  word-break:break-all;
  float:none !important;
  /*line-height:100%;*/
  height:18px;
  }
  
  .pbg-roundedboxborder {
  border: 2px solid Orange/*Gold*/;
  border-radius:3px;
  /*padding:2px;*/ 
  }
  
 .pbg-roundedboxbordertransparent {
  border: 2px solid rgba(0, 0, 0, 0.0); /* rgba for transparency */
  border-radius:3px;
 /* padding:2px; */
  }
  
  .pbg-tbx-option-txt {
  font-size:1.1rem;
  line-height:1.2rem;
  text-align:left;
  /*font-weight:bold;*/
  vertical-align:middle !important;
  }
  .pbg-tbx-li{padding:4px 5px;cursor:pointer;vertical-align:middle !important;}/*6489:06*/
  .pbg-tbx-option-Ldiv {/*Left div*/
  width:11%;
  text-align:left;
  /*background:LightGreen;*/
  }
	
/*center div class*/
  .pbg-tbx-option-Cdiv {/*Center div*/
  width:82%;
  text-align:center;
  /*background:LightGray;*/
  }
  
 /*right div class*/
  .pbg-tbx-option-LofRdiv {/*Right div*/
  width:7%;
  text-align:center;
  /*background:LightCyan;*/
  }
  
  
/*right div class*/
  .pbg-tbx-option-Rdiv {/*Right div*/
  width:0%;
  text-align:center;
  /*background:Red;*//*LightBlue*/
  display:none;
  }
  
  .pbg-date-client {
  font-style:italic;
  background:LightBlue;
  font-size:0.9rem;
  }
  
  .pbg-time-client {
  font-style:italic;
  background:LightYellow;
  font-size:0.8rem;
  }
  
  .pbg-datetime-client {
  font-style:italic;
  background:LightGray;
  }
  
  .pbg-org-am {
  font-style:italic;
  background:Lavender;
  }
  
  .pbg-org-product-support-mngr {
  font-style:italic;
  background:Linen;
  }
  
  .pbg-rounded-div {
    -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px;
	padding:10px; 
	text-align:left;
	border: 1px solid #ccc;
	position: relative;  
	opacity:0.9
  }
  
  .pbg-rounded-div-p5px {
   padding:5px;
  }
  
  /* example code
  using
  .roundedClswithimage img
  means anywhere in the class where img tag is found then apply the class to the img
  */
    /*4831:03*/
    .clsht16{width:16px;height:16px;}
	
	input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

	
	.pbhelpHeaderCls{display:inline !important;width:128px;height:128px;margin-right:7px !important;/*background:aqua !important;border:1px solid red !important;*/}
	.imglinkimage{
   		width:20px;
		height:20px;
		 vertical-align:middle;
		 display:inline !important;
   }	
	  @media only screen and (max-width : 768px) {
	  
	  .pbhelpHeaderCls {
	display:inline !important;
	width:64px;
	height:64px;
	margin-right:4px !important;
	/*background:aqua !important;border:1px solid red !important;*/
	}	
	
	}
	/*4896:03*/
.pbg-border3pxInColor {
padding:3px;display:inline-block;
}	

.pbg-pry12divDEBUG {

}	

.pbg-pry12divDEBUG.blockdivDEBUGcolor {/*the classes should be joined together in case you need the class to be applied at the same level*/
/*background:Magenta;*/
}

.pbg-pry12divDEBUG .banddivDEBUGcolor {/*pbg-pry12divDEBUG blockdivDEBUGcolor*/
/*background:Green;*/
}	

.pbg-pry12divDEBUG .datadivDEBUGcolor {/*means the parent class is pbg-pry12divDEBUG and the child element has the class datadivDEBUGcolor*/
/*there should be a space here for proper syntax and whether it will be applied to the nested child also, please check ??????? */
/*background:Beige;*/
}	

.pbg-pry12divDEBUG .dotdivDEBUGcolor {
/*background:Blue;*/
}	

.pbg-pry12divDEBUG .lockdivDEBUGcolor {
/*background:Gold;*/
}	

.pbg-pry12divDEBUG .dddownimgdivDEBUGcolor {
/*background:Aqua;*/
}	

.pbg-owndivDEBUG.blockdivDEBUGcolor {/*the classes should be joined together in case you need the class to be applied at the same level*/
/*background:Magenta;*/
}

.pbg-owndivDEBUG .ownimgdivDEBUGcolor {
/*background:Aqua;*/
}	

/*4908:01*/
/* presearch cross image dashpanels*/
.dp-presearch-crossImage{
	cursor: pointer; 
	text-decoration: none;
	pointer-events: auto;
	text-align:center;
	padding-top:17px;
	line-height:25px;
}
/* END presearch cross image dashpanels*/

/*4908:05*/
.pbg-owner-col-Ldiv, .pbg-own-L {/*Center div*/
  width:16%;
  text-align:left;
  background:LightCyan;
  }
  


 .pbg-owner-col-Cdiv, .pbg-own-C {/*Center div*/
  width:78%;
  text-align:center;
  background:LightGray;
  }
  
  .pbg-owner-col-txt, .pbg-own-txt {
  font-size:12px;
  line-height:14px;
  vertical-align:middle !important;
   text-align:left;
  }
  
  .pbg-owner-col-Rdiv, .pbg-own-R {
	width:6%;
	text-align:right;
	/*background-color:lightgreen;*/
 	vertical-align:middle;
}

.gs{visibility:visible !important;}/* 2448:01 */
.gh{visibility:hidden ;}

.gsp{vertical-align:middle;}

.gmvL { background:LightCyan; }
.gmvR {background:LightCyan;}
.ghr {background:LightBlue;}

.gpry12 { background:LightYellow; }
.gdue { background:Magenta; }

.gasgn {background:LightGreen;}

.gcardborder { border: 2px solid; }
.gcardborder2 { border: 2px solid; }
.gcardborder3 { border: 3px solid; }
.gcardborderProgress { border: 2px solid Orange; }
.gdisplaybar { background:#ECEC75;/*for Gold use the following DADA37 is darker Gold dark gold is BDBD3D light gold is ECEC75*/ }

.pbg-block-center{font-size:1rem;line-height:20px;background-color:LightGreen;vertical-align:middle;
text-align:center;height:20px;/*padding-top:2px;*/background:LightGreen;/*width:90%;*//*margin:0 auto;*/word-break:break-word;
}

.ishdd { border-radius: 50%; }
.pbg-imgrb {
  border-radius: 50%;
  padding:2px;
  border:1px solid Gray;
}

.pbg-date, .gd { font-size:10px;line-height:10px;text-align:center; }/*background:aqua;*/
.pbg-time, .gt { font-size:9px;line-height:10px;text-align:center;cursor:pointer; }/*background:lightgreen;*/

/*action items*/
.pbg-action-img-h { text-align:center; height:40px;  }/*background:LightGreen;*/
.pbg-action-txt-h { text-align:center; height:20px; /*vertical-align:middle;*/ }/*background:Aqua;*/
.pbg-action-txt-f { font-size:0.5rem; }
.pbg-action-txt-fmultiline { font-size:0.6rem;line-height:0.5rem;text-align:center;margin:0 auto;word-break:break-word; }
.pbg-actiondiv, .gAc { width:40px;height:60px; }/*gAc means global action item on the card*/
.pbg-actiondivcolor-move-clr, .gAc-move-clr { background:LightCyan; }
.pbg-actiondivcolor-pry12-clr, .gAc-pry12-clr { background:LightYellow; }
.pbg-actiondivcolor-st12-clr, .gAc-st12-clr { background:Lavender; }
.pbg-actiondivcolor-st11-clr, .gAc-st11-clr, .gAc-pry-clr { background:GreenYellow; }
.pbg-actiondivcolor-numi-clr, .gAc-numi-clr { background:LightBlue; }
.pbg-actiondivcolor-asgn-clr, .gasgn-clr {background:LightGreen;}
.pbg-actiondivcolor-due-clr, .gdue-clr {background:Magenta;}
.pbg-actiondivcolor-hr-clr,.ghr-clr {background:LavenderBlush/*DarkOrange*/;}
.pbg-actiondivcolor-approve-clr, .gAc-approve-clr { background:lightgrey; }

/*top superscript*/
.bellnumbersTop {
    font-size:14px;
    /*background-color:Red;*/
    width:16px;
    line-height: 16px;
    text-align: center;
    color:##fff;
    z-index: 2;
	padding:1px;
    /*border-radius: 50%;*/
	border-radius: 3px;
    position: relative;
    left: -3px;/*left: 28px;*/ /*just adjust left for the right positioning of the label*/
	top:-3px;
}

.clsht8, .pbg-img8 {width:8px;height:8px;} /*5046:02*/
/*5143:10*/
.pbg-planname
{
 font-size:15px;line-height:15px;text-align:left;word-break:break-all;
}
.pbg-treatasowner
{
  font-size:12px;line-height:12px;text-align:left; word-break:break-all;
}

.pbg-err, .pbg-bug {color:red;}

.pbg-img1r{height:1.0rem;width:1.0rem;}
.pbg-img2r{height:2.0rem;width:2.0rem;}
.gcib{display:inline-block;}
.pbg-SeparatorForDistance, .pbg-sfd {margin:5px 0;}
.pbg-SeparatorForDistance-small, .pbg-sfd-small {margin:3px 0;}/*5313:04*/

.pbg-curD{background:none;cursor: default;}
/*.lw12{width:12%;}
.lw14{width:14%;}
.lw86{width:72%;}
.lw82{width:82%;}
.lw6{width:6%;}*/
.lw100{width:100%;}

/*define z-index*/
/*$('.table1').floatThead in file pbLoadOtherfunction.js binds the table header to z-index:1001; in the library while leaving the table rows as is with no z-index example http://pb.dev2.com/prototype/p6332/index1.cfm*/
/*div##fixedfooter include_nav_bar9.cfm z-index: 1030;*/
/*fixed-top include_navbar_fixed_v10a.cfm bs4.5 z-index: 1030;*/
.ziBD, .z-index-bigdialog {z-index:1031 !important;}/*if important not used it does not get applied*/


/*.scrollable-element {
scrollbar-color: red yellow;
}*/
/*5327:05*/
.fo-Rband-Red {background: red !important;}

.pbg-filterarea {max-width:300px;padding:0 5px;}/*background-color:lightyellow;*//*background: red !important;*/
.pbg-filtertxt, .pbg-filtxt{max-width:111px;}/*background:Blue;*/

.gpp0 {padding:0 0px 0 0px !important;}
.gpp2 {padding:0 2px 0 2px !important;}




/*.ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default {color:Beige;}*/
/*
<td class="ui-datepicker-week-end">
  <a class="ui-state-default" href="#">DAY NUMBER</a>
</td>
*/

.pbg-dummy{background:LightGreen;padding:10px;}
/*5467:11*/
.select2-dropdown{z-index:99999;}
/*5475:03*/
.clsignoreX >* .select2-selection__choice__remove{display:none !important;}
.select2-container--default .select2-selection--single {
   min-height: calc(1.5em + 0.75rem + 2px) !important;/*5473:03*/
   /*height: calc(1.5em + 0.75rem + 2px);*/
    height: auto/* !important*/;
	
}
/*.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: calc(1.5em + 0.75rem + 2px);
	height: auto;
	min-height:1.5rem;
	background:red;
	
}*/

/*.select2-container--default .select2-selection--single .select2-selection__rendered {  
   line-height: calc(1.5em + 0.75rem + 2px);
	height: auto;
	background:Green;
	
}*/

/*5471:03*/
/*use progress bar*/

.pbg-wL1ud {text-align:center;background:LightGray;}
.pbg-wC1ud {width:40%;text-align:left;background:gray;}
.pbg-wR1ud {width:50%}

.pbg-wR2ud {width:90%;text-align:left;background:gray;}/*use pbg-6*/

.pbg-pb1ud-height{height:12px;}
.pbg-pb1ud-clrborder {border:1px solid #ccc;}
.pbg-pb1ud-clr {background-color:#ddd;}
.pbg-pb1ud-clrfill {background-color:LightGreen;}
.pbg-pb1ud-width {width:20%}

.pbg-gp-pb-container-height{height:24px ;background:LightBlue;}/*use pbg-6*/
.pbg-w100p {width:100%;}/*use pbg-6*/

/*end use progress bar*/


.pbg-R {/*right div*/
  text-align:right !important;
  /*background:LightGray;*/
  }
  
  /*5566:06*/
  .pbg-notrounded-div {
   /* -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px;*/
	padding:10px; 
	text-align:left;
	border: 1px solid #ccc;
	position: relative;  
	opacity:0.9;
  }
  
  
  .pbg-btn-txt {
  font-size:1.1rem;
  line-height:1.2rem;
  text-align:left;
  /*font-weight:bold;*/
  vertical-align:middle !important;
  word-break:break-all;
  }
  /*5588:01*/
 .ui-button-icon-only .ui-icon {
	
	margin-top: -9px;
	
}
/*5612:04*/
.pbsaClr {background:Lime;}
/*5718:05*/
/*pbg meeting view mv done row class*/
.pbg-mv-donerow{
font-style:italic;
color:Gray;
}
/*5810:06*/
.pbg-C {
  text-align:center !important;
 }
.pbg-wba { word-break:break-all; }




/*dependency indicator*/
/*6337:01*/
.dpinumberCircle {
    font-family: "OpenSans-Semibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 0px;
    border-radius: 50%;
    font-size: 12px;
    min-width: 8px;
    min-height: 8px;
}

.dpinumberCircle span {
    display: inline-block;
    padding-top: 50%;
    padding-bottom: 50%;
    margin-left: 1px;
    margin-right: 1px;
}

.dpiclr1 {
    background: #0000FF; /*Blue*/
}
.dpiclr2 {
    background: #008000; /*Green*/
}
.dpiclr3 {
    background: #FF0000; /*Red*/
}
.dpiclr4 {
    background: #FFFF00; /*Yellow*/
}
.dpiclr5 {
    background: #808080; /*Gray*/
}
.dpiclr6 {
    background: #00FFFF; /*Aqua*/
}
.dpiclr7 {
    background: #FF00FF; /*Magenta*/
}
.dpiclr8 {
    background: #ADD8E6; /*Light Blue*/
}
.dpiclr9 {
    background: #00008B; /*Dark Blue*/
}
.dpiclr10 {
    background: #EADDCA; /*Almond*/
}
.dpiclr11 {
    background: #964B00; /*Brown*/
}
.dpiclr12 {
    background: #FFAA33; /*Yellow Orange*/
}
.dpiclr13 {
    background: #7CFC00; /*Grass Green*/
}
.dpiclr14 {
    background: #90EE90; /*Light Green*/
}
.dpiclr15 {
    background: #088F8F; /*Blue Green*/
}
.dpiclr16 {
    background: #D3D3D3; /*Light Gray*/
}
.dpiclr17 {
    background: #FFC0CB; /*Pink*/
}
.dpiclr18 {
    background: #F5F5DC; /*Beige*/
}

.dpiclr19 {
    background: #FF7F50; /*Coral*/
}
.dpiclr20 {
    background: #383838; /*Eclipse*/
}
.dpiclr21 {
    background: #8d0a9d; /*Purple*/
}
.dpiclr22 {
    background: #e3c2ff; /*Very Pale Voilet*/
}
.dpiclr23 {
    background: #8D9247; /*Dark Tan*/
}
/*6321:04*/
.dpiS 
{
    background:yellow;
	 border-color:yellow;
	 /*6329:07*/
	 color:#000;
}

.dpiH 
{
    background:red;
	 border-color:red;
}

.dpiC 
{
    background:green;
	 border-color:green;
}

/*6387:02*/
.wc0{background:aqua;}
.wc1{background:yellow;}
.wc2{background:salmon;}
.wc3{background:red;}
/*6475:08*/
.pbg-total-clr,.pbg-total{background:beige;}

/*6757:07*/
.pbg-pbhide
{ 
font-style:italic;
color:salmon!important;/*6853:05*/
text-decoration:line-through!important;
}
/*6853:05*/
.pbg-pbinactive
{ 
font-style:italic;
color:Gold!important;
}
/*6853:05*/
.pbg-custinactive
{ 
font-style:italic;
color:blue!important;
}
/*6853:05*/
.pbg-custdormant
{ 
font-style:italic;
color:red!important;
text-decoration:line-through!important;
}
/*6977:06*/
.pbg-cardtext
{
line-height:110%;
}

/*7011:04*/
.report-planbook-table-area{
	text-align:center;
	width:70%;
	margin: 0px auto;
	margin-top: 10px;
	background:;
	font-size:1.4em;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	border:1px solid #C3C3C3;
	font-family:Calibri,Arial,helvetica,sans-serif;
}

.report-center-table
{
  margin: 0 auto !important;
  float: none !important;

}

/*7091:01*/


.pbg-tbx-li-new{padding:4px 5px;vertical-align:middle !important;}

.pbg-tbx-option-Ldiv-new {/*Left div*/
  width:88%;

 }

.pbg-tbx-option-Ldiv-first-width {/*Left div*/
  width:12%;

 }
 
 .pbg-tbx-option-Ldiv-second-width {/*Left div*/
  width:76%;

 }
 
 .pbg-tbx-option-Ldiv-third-width {/*Left div*/
  width:12%;

 }
 
 .pbg-tbx-option-Rdiv-new {/*Left div*/
  width:12%;

 }
 
 .pbg-tbx-option-hover:hover{background:LightBlue/*Blue*/;}/
.pbg-curP
{
  cursor:pointer;
}

/*7161:04*/
.gen-panelcls {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		background-color: linen;/*#111*/;/*panel body for filters yellow*/ /*4970:06*/
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 70px;/*padding-top: 70px;the padding here will decide the height of the header*/ /*4805:09*/
		padding-bottom:65px;/*the padding here will decide the height of the footer*/
}

.gen-panelcls .gen-panelcls-l {
		
		left: 0;
	
}

.gen-panelcls .gen-panelcls-r {
		
		right: 0;
	
}
 
 
.gen-panelcls .genpanelclosebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		
}

@media screen and (max-height: 450px) {
		.gen-panelcls {padding-top: 15px;}
		/*.sidenaveditpanel a {font-size: 18px;}*/
	}

/*7201:01*/

.pbg-plan-msg-txt
{
 font-family: lato;
 font-size:2rem;
}


/*7301:02*/
.pbg-table-thin
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
	
	
}
.pbg-table-thin td, .pbg-table-thin th 
{
	
	border:1px solid #ddd;/*##f0f0f0 ededed #eaeaea #BFC9CA #ddd*/
	/*padding:3px 7px 2px 7px;*/
	padding:1px 1px 1px 1px;
	text-align:left;
	vertical-align:middle !important;
	
}
.pbg-table-thin th 
{ 
	font-size:0.8rem;
    /*padding-top:5px;
	padding-bottom:4px;*/
	background-color:Beige;/*##A7C942 MintCream*/
	vertical-align:middle;

}
.pbg-table-thin tbody tr td
{
	font-size:0.8rem;
	/*vertical-align:top;*/
	
}