body{
	background-color: #FFF !important;
/* 
	font-family: "roboto" !important;
 */
}

.md-skin .nav-header {
	/*background: url("patterns/HB_220x130.png") no-repeat;				/* [DB] using this one */
	/*background-size: 220px 130px;*/
	/*height: 130px;*/
	/* -- settings without logo -- */
	height: 60px;
	padding: 0; /* is padded elsewhere and it prevents setting VT size below that other padding value */
	/* version : imitating the navbar-static-top */
	background: #577087;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
				0 3px 1px -2px rgba(0, 0, 0, 0.2), 
				0 1px 5px 0 rgba(0, 0, 0, 0.12);
	/* version : neutral -- */
	/*
	background: #EEE;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
				0 3px 1px -2px rgba(0, 0, 0, 0.2), 
				0 1px 5px 0 rgba(0, 0, 0, 0.12);
	*/
}

.md-skin .welcome-message{												/* [DB] for the top bar */
	min-width: 600px !important;
}
.md-skin .welcome-message .locallabel{
	background: #F0F;
	padding: 2px 18px 2px 18px;
	border: 2px solid #FFF;
	margin-left: 12px;
}
.md-skin .welcome-message .livelabel{
	background: #0F0;
	color: #050;
	padding: 2px 18px 2px 18px;
	border: 2px solid #FFF;
	margin-left: 12px;
}
.md-skin .welcome-message .liveclosed{
	display: inline-block;
	width: 300px;
	background: #FB0;
	color: #000;
	padding: 2px 18px 2px 18px;
	border: 2px solid #FFF;
	margin-left: 12px;
	text-align: center;
}

smaller,
.smaller{
	font-size: .80em;
}

.user_name_menu{												/* attn does not impact the name, it's the a just below */
	color: #F00 !important;
}
.user_name_menu_small{
	font-size: 8pt;
	color: #FF0 !important;
}

.nav-header-profile {											/* for GF, profile below menu */ 
	margin-left: 25px;
	margin-top: 0px;
}
.nav-header-profile a {											/* this is what impacts the name, and not user_name_menu */
	color: #577087;
	font-size: 9pt;
}
.nav-header-profile a:hover {
	color: #F00;
}


.icon_menu{
	width: 14px;

/*	this defines a std menu icon color
	color: #18A689;
 */
}

.md-skin .page-heading{
	vertical-align: top;
}

.HB_logo{
	position: relative;
	top: 18px;
	padding-right: 11px;
}

.icon_active_demo{
	/* for those menu items which are not placeholders only */
	color: #18A689;
}

/* Adjust bootstrap and template behavior */
@media (max-width: 768px){

	.nav_top_right_ops{												/* logout item too far right on small screens, corrected */
		float: right;
		position: relative;
		left: -33px;
	}
}

/* Adjust bootstrap and template behavior */
@media (max-width: 1024px){
	.col-sm-2{
		width: 26.66666667%;											/* std bootstrap = 16.66666667%, but input labels are longer... */
																		/* ...and using 3 columns instead of 2 looks bad on bigger screens */
	}
}

/* Adjust style.css behavior */
.md-skin .wrapper-content{
	/* ORIG: padding: 30px 20px 40px; */
	padding: 25px 20px 30px 20px !important;
}
/* Adjust style.css behavior */
@media (max-width: 1215px){
	.project-manager{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		position: relative;
		top: -40px;
	}
}

.subtitle_taglike{
/* REF--V1
	padding: 5px;
	width: 100%;
	color: #666;
	background: #FAFAFA;
 */
	position: relative;
	left: -30px;
	top: -25px;
	width: 40%;
	min-width: 200px;
	padding: 5px 5px 5px 7px;
	background: #AAA;
	color: #FFF;
}

.pinlabel{
	position: relative;
	top: -10px;
	background: #C0F1FF;
	color: #77B9FF;
	border: 1px solid #B0E1EF;
}
.pinlabel.inline{
	position: relative;
	top: 0px;
}

/* Adjust bootstrap and template behavior */
.dl-horizontal dt{
	text-align: left;
/* 
	border-bottom: 1px solid #F0F0F0;
 */
}
.dl-horizontal dd{
/* 
	border-bottom: 1px solid #F0F0F0;
 */
}
.panel_item{
	padding: 6px 0 0 0;
}
.panel_item_underline{
	border-bottom: 1px solid #F0F0F0 !important;
}

/* Adjust bootstrap and template behavior */
/* NB: the a tag is used by the menu and has different styles */
a.navy{
	color: #68C !important;											/*  blue lgf #5780FF */ /* HF BIG VERSION #8AD */
	text-decoration: none;
}
a.navy:hover,
a.navy:focus{
	color: #7090FF !important;											/* green #5C9*/
}
a.navy:focus{
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
a.navy.high{
	color: #005CFF !important;
}

a.MTerror{
	color: #090 !important;	/*5970fb*/
	background: #EFE;
	text-decoration: none;
}
a.MTerror:hover,
a.MTerror:focus{
	background: #CFC;
}
a.MTerror:focus{
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn-xxs{																/* the std xs is not quite small enough here */
	border-radius: 4px;
	font-size: 10px;
	line-height: 1.6;
	padding: 1px 4px 1px 6px;
}

.btn-w-m-SE{															/* unused for now */
	min-width: 120px;
}

.btn-small-SE{															/* unused for now */
/* 
	min-width: 90px;
 */
	background: #50A78A;
	color: #FFF;
}
.btn-small-SE:hover{													/* unused for now */
	background: #40977A;
	color: #FFF;
}

.btn-w-m-actions{														/* state buttons in Actions list */
	min-width: 90px;
}


/*
.dashboard{
	height: 250px;
	border: 1px solid #50A78A !important;
}

.dash.actions.upcoming.date{
	color: #040;
	font-weight: bold;
	width: 90px;
	margin: 0;
	padding: 6px 0 0 0;
}
.dash.actions.upcoming.text{
	padding: 5px 0 9px 0;
}

.dash.actions.overdue.date{
	color: #F00;
	font-weight: bold;
	width: 90px;
	margin: 0;
	padding: 6px 0 0 0;
}
.dash.actions.overdue.text{
	padding: 5px 0 9px 0;
}
*/



.project-actions{														/* Adjust default in style.css */
	text-align: right;
	vertical-align: top !important;
}
.project-title{														/* Adjust default in style.css */
	text-align: left;
	width: 80%;
}

table.P_display{
	width: 100%;
}

table.P_display td.key{
	padding: 7px 9px 7px 6px;
	min-width: 200px !important;										/* important => to supersede the 99% used in the value column */
	width: 200px;
	font-weight: bold;
	border-bottom: 1px solid #F0F0F0;
	vertical-align: top;
}
table.P_display td.value{
	padding: 7px 0 7px 9px;
	border-bottom: 1px solid #F0F0F0;
	width: 99%;															/* ensure the border covers the space until the end */
	/* specially for overlong urls in document page mode */
/* 
	word-break: break-word
 */
/* 
	word-wrap: break-word;
 */
	overflow-wrap: break-word;
  	hyphens: auto;
}
table.P_display td.key.rejected{
}
table.P_display td.value.rejected{
}
table.P_display td.key .document{
	border: 0;
}
table.P_display td.value .document{
	padding-left: 20px;
	border: 0;
}
table.P_display td.button{
}
table.P_display td.key_reject_msg{
}
table.P_display td.value_reject_msg{
	color: #900;
	position: relative;
	top: 6px;
	left: -7px;
}
.value_rejected_input{
	border: 1px solid #A00;
	background: #FFF8F8;
}
table.P_display td.key_reject_synthesis{
}
table.P_display td.value_reject_synthesis{
	color: #900;
	position: relative;
	top: 32px;
	left: -7px;
}

table.P_display td.searchmode{
/* 
	font-weight: bold;
 */
	vertical-align: top;
}

table.P_display td.keyfilter{
	border: 0;
	padding-left: 17px;
}

table.P_display td.filtermode{
	padding-bottom: 20px;
}

table.P_display td.key.strong,
table.P_display td.value.strong{
	border-bottom: 2px solid #E0E0E0;
}

table.P_display td.key.uploader{
	padding: 7px 9px 7px 6px;
	min-width: 200px !important;										/* important => to supersede the 99% used in the value column */
	width: 200px;
	font-weight: bold;
	border-bottom: 1px solid #F8F8F8;
	vertical-align: top;
}
table.P_display td.value.uploader{
	padding: 7px 0 7px 9px;
	border-bottom: 1px solid #F8F8F8;
	width: 99%;															/* ensure the border covers the space until the end */
}

table.reports{
	border: 1px solid #F0F0F0;
	margin-top: 9px;
}
table.reports th{
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	background: #E4E4E4;
	padding: 4px;
}
table.reports td{
	background: #FFF;
	padding: 2px 7px 4px 2px;
	margin-left: auto;
	margin-right: auto;
}
table.reports .generatedreport{
	background: #D4FFD7;
}

div.archive_title{
	background: #F0F0F0;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 18px;
	margin-top: 18px;
	margin-bottom: 18px;
}
table.archive{
	line-height: 10px !important;
}
table.archive td.month{
	font-weight: bold;
	font-size: 1.1em;
	padding: 20px 0 10px 18px;
}
table.archive td.filename{
	padding: 6px 0 6px 38px;
}
table.archive td.filename a{
}
table.archive td.delbox{
	display:inline-block;
	position: relative;
	top: -4px;
	left: 44px;
}
table.archive td.delbox div.checkbox{
	background: #0F0;
}
table.archive td.del_button{
	position: relative;
	left: 18px;
}

/*--REF--before using table
div.reports{
	background: #F0F0F0;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 18px;
	margin-top: 18px;
	margin-bottom: 18px;
}
div.reports.month{
	background: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 18px;
	margin-bottom: 7px;
}
div.reports.item{
	background: #FFF;
	font-size: 1em;
	font-weight: normal;
	padding-left: 18px;
	margin: 0 0 0 18px;
}
div.reports.item.name{
	display: inline-block;
	width: 240px;
	margin-right: 0;
}
div.reports.item.delete{
	display: inline-block;
	margin-left: 0;
	padding-left: 0;
}
div.reports.item.delete a{
	color: #F00;
}
*/

/* https://stackoverflow.com/questions/17642447/change-bootstrap-tooltip-color */
.tooltip-inner{															/* Adjust style.css behavior */
	background: rgba(255,255,255,1) !important;
	color: #405090;
	border: 1px solid #405090;
	-webkit-box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3);
	text-align: left;
	min-width: 300px !important;
	text-align: justify;
}
.tooltip.top .tooltip-arrow{											/* Adjust style.css behavior */
/* 
	border-top-color: #259120;
 */
	border-top-color: #888888;
}
.tooltip.right .tooltip-arrow{											/* Adjust style.css behavior */
/* 
	border-right-color: #259120;
 */
	border-right-color: #888888;
}
.tooltip.bottom .tooltip-arrow{											/* Adjust style.css behavior */
/* 
	border-bottom-color: #259120;
 */
	border-bottom-color: #888888;
}
.tooltip.left .tooltip-arrow{											/* Adjust style.css behavior */
/* 
	border-left-color: #259120;
 */
	border-left-color: #888888;
}

.tooltip.in{															/* Adjust bootstrap and template behavior */
  filter: alpha(opacity=100);
  opacity: 1;
}


.tagsinput-SE{
	background-color: #407070;
	color: #FFF !important;
}

.tag-list li{															/* modify std from style.css */
	float: none;
	width: 150px;
}
.tag-list li a{
	background: #F0F0F0 !important;
	border-radius: 4px;
}

table thead th{
	text-align: center;
	background: #E8E8E8 !important;										/* important: supersedes column backgrounds (tests) */
}

.bootstrap-tagsinput{
	/* NB: cannot supersede the bootstrap defaults here. This file is loaded before 'css/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css' */
}

/* may supersede here bootstrap-chosen attributes */
.chosen-container-multi .chosen-choices{								/* the complete field (without drop-down) */
	width: 100% !important;
}
.chosen-container-single .chosen-single {								/* the value displayed when single mode */
	background: #FFFFFF;
	width: 100% !important;
}
.chosen-container-multi .chosen-choices li.search-choice {
	background: #F4F4F4;
	border: 1px solid #EBEBEB;
	color: #333333;
}
.chosen-container .chosen-drop {										/* the drop-down when open */
    border: 1px solid #577087;
}
.chosen-container .chosen-results li.highlighted {						/* in the drop-down, the highlighted element */
    background-color: #577087;
}

/* these action definitions are obsolete for now. they apply to the 1st version (list) */
.OFF__action{
	border-bottom: 1px solid #F0F0F0;
/* 
	border-left: 1px solid #0F0;
 */
}
.OFF__action-checkbox{
	width: 20px;
/* 
	border-left: 2px solid #577087;
 */
	text-align: center;
}
.OFF__action-date{
/* 
	width: 100px;
	max-width: 200px;
 */
	text-align: center;
}
.OFF__action-who{
	min-width: 20%;
	width: 20%;
}
.OFF__action-action{
/* 
	min-width: 20%;
	width: 20%;
 */
}
.OFF__action-notes{
	min-width: 80% !important;
	width: 80%;
}
.OFF__action-docs{
	width: 18px;
	text-align: center;
}

.timeline-item .date{													/* adjust the insufficient std width */
	width: 140px;
}

/* override the std from style.css */
.label{																	/* tags; adjust std attributes */
	font-size: 8pt !important;
	border: 0px solid #FFF !important;
	position: relative !important;
	top: -2px !important;
	padding: 1px 5px !important;
	margin-left: 5px !important;
}
.label_contact_2{
	font-size: 10pt;
	background: #6478E1;
	color: #FFF;
}
.label_viewer{
	font-size: 10pt;
	background: #9090BF;
	color: #FFF;
}
.label_editor,
.label_user{
	font-size: 10pt;
	background: #77B785;
	color: #FFF;
}
.label_admin{
	font-size: 10pt;
	background: #77B9FF;
	color: #FFF;
}
.label_sysadmin{
	font-size: 10pt;
	background: #ca8a00;
	color: #FFF;
}
.sectionlabel{
	font-size: 10pt;
	background: #B00;
	color: #FFF;
	padding-top: 2px !important;
	border-radius: 0px;
}
.label_test_onthefly{
	font-size: 10pt;
	background: #F00;
	color: #FFF;
}
.label_contact_2_small{
	background: #6478E1;
	color: #FFF;
}
.label_viewer_small{
	background: #9090BF;
	color: #FFF;
}
.label_editor_small,
.label_user_small{
	background: #6EC724;
	color: #FFF;
}
.label_admin_small{
	background: #77B9FF;
	color: #FFF;
}
.label_sysadmin_small{
	background: #ca8a00;
	color: #FFF;
}
.label_dev_small{
	font-size: 8pt !important;
	background: #B00;
	color: #FFF;
}
.label_settings{
	display: inline-block !important;
	position: absolute !important;
	top: -1px !important;
	left: -33px !important;
	background: #B00;
}
.label_test_onthefly_small{
	background: #F00;
	color: #FFF;
}
.label_doublon{
	font-size: 7pt;
	font-weight: normal;
	background: #FB0;
	color: #000;
	border: 1px solid #F90;
	position: relative;
	top: -7px;
	padding: 1px 3px;
	margin-left: 5px;
}
.label_menu{
	display: none;
	font-size: 8pt;
	font-weight:bold;
	text-align: center;
	background: #80A8F0;		/* vg blue: #77AAED */
	color: #FFF;
	border-radius: 10px;
	padding: 2px 10px;
	width: 45px;
	position: relative;
	top: -2px;
}

.HB_footer{
	/* From style.css. The main reason for diverging is that the std footer is nicely bottom-sticky, but works badly on iPad. */
	background: none repeat scroll 0 0 #577087;		/*SE=e7eaec*/
	border-top: 1px solid #577087;		/*SE=e7eaec*/
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 20px;

	font-size: 1.1rem;
	color: #FFF;														/* #18A689 */

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.HB_footer.add{
	background: #FFF;
	padding 5px 0 10px 0;
	margin: 0;
}

.HB_footer a{
	color: #CFF;
}
.HB_footer a:hover{
	color: #8FF;
}

#footer_left{
	float: left;
}

#footer_right{
	float: right;
}

/* --- Adds --- */

.L{
	text-align: left;
	padding-left: 11px !important;										/* someone kills the padding otherwise */
}
.LL{
	text-align: left !important;
}
.C{
	text-align: center !important;
}
.R{
	text-align: right;
	padding-right: 11px !important;										/* someone kills the padding otherwise */
}
.RR{
	text-align: right !important;
}
.J{
	text-align: justify !important;
}
.VTOP{
	vertical-align: top !important;
}
.VBOT{
	vertical-align: bottom !important;
}
.VMID{
	vertical-align: middle !important;
}

.BORDER, .BORDER1{														/* debug help */
	border: 1px solid #F00;
}
.BORDER2{																/* debug help */
	border: 1px solid #00F;
}
.BORDER3{																/* debug help */
	border: 1px solid #0F0;
}
.BORDER4{																/* debug help */
	border: 1px solid #F0F;
}
.BORDER5{																/* debug help */
	border: 1px solid #0FF;
}
.BORDER6{																/* debug help */
	border: 1px solid #FF0;
}

.BACK, .BACK1{															/* debug help */
	background: #F00;
}
.BACK2{																/* debug help */
	background: #00F;
}
.BACK3{																/* debug help */
	background: #0F0;
}
.BACK4{																/* debug help */
	background: #F0F;
}
.BACK5{																/* debug help */
	background: #0FF;
}
.BACK6{																/* debug help */
	background: #FF0;
}

bBLACK{
	background: #000 !important;
	color: #FFF !important;
}
bRED{
	background: #F00 !important;
	color: #FFF !important;
}
bORANGE{
	background: #FC0 !important;
	color: #666 !important;
}
bVERYLIGHTGREEN{
	background: #BFB !important;
}
bLIGHTGREEN{
	background: #0F0 !important;
}
bGREEN{
	background: #090 !important;
	color: #FFF !important;
}
bDARKGREEN{
	background: #0C0 !important;
	color: #FFF !important;
}
bLIGHTBLUE{
	background: #CCF !important;
}
bBLUE{
	background: #00F !important;
	color: #FFF !important;
}
bDARKBLUE{
	background: #009 !important;
}
bYELLOW{
	background: #FF0 !important;
}
bCYAN{
	background: #0FF !important;
}
bMAGENTA{
	background: #F0F !important;
	color: #FFF !important;
}
bDARKMAGENTA{
	background: #C0C !important;
	color: #FFF !important;
}
bVIOLET{
	background: #7000E0 !important;
	color: #FFF !important;
}
bGRAY{
	background: #AAA !important;
	color: #000 !important;
}
bLIGHTGRAY{
	background: #D8D8D8 !important;
}
bVERYLIGHTGRAY{
	background: #F0F0F0 !important;
}
bWHITE{
	background: #FFF !important;
}
black{
	color: #000 !important;
}
red{
	color: #f00 !important;
}
orange{
	color: #DF8C00 !important;
}
verylightgreen{
	color: #DFD !important;
}
lightgreen{
	color: #0A0 !important;
}
green{
	color: #070 !important;
}
darkgreen{
	color: #040 !important;
}
lightblue{
	color: #CCF !important;
}
blue{
	color: #00f !important;
}
darkblue{
	color: #009 !important;
}
yellow{
	color: #ff0 !important;
}
cyan{
	color: #0ff !important;
}
magenta{
	color: #f0f !important;
}
violet{
	color: #A870E0 !important;
}
gray{
	color: #AAA !important;
}
lightgray{
	color: #D8D8D8 !important;
}
verylightgray{
	color: #F0F0F0 !important;
}
white{
	color: #FFF !important;
}

.text-gray{
	color: #888;
}
.text-lightgray{
	color: #AAA;
}
.text-verylightgray{
	color: #CCC;
}
.text-black{
	color: #000;
}
.hint{
	color: #BBB;
	font-size: 7pt;
	font-weight: normal;
}
.hint1{
	color: #BBB;
	font-size: 8pt;
	font-weight: normal;
}
.hint2{
	color: #BBB;
	font-size: 9pt;
	font-weight: normal;
}
.hint3{
	color: #999;
	font-size: 9pt;
	font-weight: normal;
}
.idhint{
	color: #77A;
/* 
	background: #FFF;
 */
	font-size: 9pt;
	font-weight: normal;
}

.tag_link{
	color: #555 !important;
	background: #DDD !important;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	border-radius: 4px;
	margin-right: 4px;
}
.tag_link:hover{
	color: #333 !important;
	background: #CCC !important;
	cursor: pointer;
}

.sweet-alert p{
	font-size: 1.0em !important;
	font-weight: bold !important;
}
.sweet-alert h2{
	font-size: 1.3em !important;
 }
.sweet-alert button{
	font-size: 1.0em !important;
	padding: 5px 15px !important;
}

.fieldrequired{															/* for form inputs */
	color: #50A78A;
}
.fieldnotrequired{														/* for form inputs */
	color: #FFF;														/* same char but invisible, thus aligning required and not required */
}
.fieldrequired_rejected{												/* for form inputs */
	color: #B00;
}

/*---------------------------------------------------------------------*/
/* For the dev displayer table() in app.inc */

div.table_dev
{
	overflow: scroll;
}

.table_dev
{
	border: 4px solid #F8F8F8;
	background: #D0E0F0;
}
.table_dev th
{
	border-left: 1px solid #E0F8FF;
	border-top: 1px solid #E0F8FF;
	border-bottom: 1px solid #6AB5CF;
	border-right: 1px solid #AAC5DF;
	background: #D0E0F0;
	color: #006;
	font-size: 9pt; 
	padding: 3px 4px 2px 4px;
}
.table_dev td.bigtitle
{
	border-left: 2px solid #CAE5FF;
	border-top: 2px solid #CAE5FF;
	border-bottom: 2px solid #8AA5BF;
	border-right: 2px solid #9AB5CF;
	background: #AAC5DF; 
	color: #006;
	padding: 6px;
	font-size: 10pt; 
	font-weight: bold;
}
.table_dev td
{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #D8E0E8;
	border-right: 1px solid #E8F0F8;
	background: #F0F8FF;
	color: #006;
	max-width: 600px;
	text-wrap: normal;
	word-wrap: break-word;
	padding: 0 4px 0 4px;
}

.table_devVT
{
	border: 4px solid #F8F8F8;
	background: #D0E0F0;
}
.table_devVT th
{
	border-bottom: 1px solid #AAC;
	border-right: 1px solid #BBD;
	border-top: 1px solid #EEF;
	border-left: 1px solid #EEF;
	background: #D0E0F0;
	color: #006;
	text-align: left;
}
.table_devVT td.bigtitle
{
	border-left: 1px solid #CAE5FF;
	border-top: 1px solid #CAE5FF;
	border-bottom: 1px solid #8AA5BF;
	border-right: 1px solid #9AB5CF;
	background: #AAC5DF; 
	color: #006;
	padding: 6px;
	font-size: 10pt; 
	font-weight: bold;
}
.table_devVT td
{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #D8E0E8;
	border-right: 1px solid #E8F0F8;
	background: #F0F8FF;
	color: #006;
}
.table_dev.access td
{
	background: #F8F8F8;
	border: 0;
}

/*---------------------------------------------------------------------*/
/* For the table displaying the report on screen */

/* V1 div table */
div.table_report
{
	overflow: auto; /*scroll*/
}
.table_report
{
	border: 8px solid #F8F8F8;
	background: #FDFDFD;
}
.table_report th
{
	border-left: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	border-bottom: 2px solid #E0E0E0;
	border-right: 2px solid #E0E0E0;
	background: #D8D8D8;
	color: #000;
	font-size: 9pt; 
	padding: 5px 4px 4px 5px;
}
.table_report td
{
	border-top: 1px dotted #E8E8E8;
	border-left: 1px dotted #E8E8E8;
	border-bottom: 1px dotted #E0E0E0;
	border-right: 1px dotted #E0E0E0;
	background: transparent;
	color: #000;
/* 
	max-width: 600px;
	min-width: 50px;
 */
	text-wrap: normal;
	word-wrap: break-word;
	vertical-align: top;
	padding: 9px 5px 9px 7px;
}
.table_report tr.odd
{
	background: #F9F9F9;
}
.table_report tr.even
{
	background: #F3F3F3;
}
.table_report tr:hover
{
	background: #EFE;
}
div.table_report
{
	overflow: auto; /*scroll*/
}

/* V2 fixed size, scrollers */
.table_report2
{
	border: 8px solid #E8E8E8;
	background: #FDFDFD;
	width: 99%;
/* 
	height: 600px;
 */
}
.table_report2 th
{
	border-left: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	border-bottom: 2px solid #E0E0E0;
	border-right: 2px solid #E0E0E0;
	background: #C5FBBB;							/* #D8D8D8 */
	color: #000;
	font-size: 9pt; 
	padding: 5px 4px 4px 5px;
}
.table_report2 td
{
	border-top: 1px dotted #E8E8E8;
	border-left: 1px dotted #E8E8E8;
	border-bottom: 1px dotted #E0E0E0;
	border-right: 1px dotted #E0E0E0;
	background: transparent;
	color: #000;
/* 
	max-width: 600px;
	min-width: 50px;
 */
	text-wrap: normal;
	word-wrap: break-word;
	vertical-align: top;
	padding: 9px 5px 9px 7px;
}
.table_report2 tr.odd
{
	background: #F9F9F9;
}
.table_report2 tr.even
{
	background: #F3F3F3;
}
.table_report2 tr:hover
{
/* 
	background: #EFE;
 */
}
div.table_report2
{
	overflow: scroll;
}

table.pays {
	width: 100%;
	border: 0px solid #F0F0F0;
	margin: 0px;
}
table.pays tr.titles {
	background: #F8F8F8;
}
table.pays th {
	background: #E8E8E8;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
}
table.pays th.darker {
	background: #E0E0E0;
}
table.pays tr {
	background: #F8F8F8;
	border-bottom: 4px solid #FFF;
}
table.pays td {
	background: transparent;
	padding: 7px 10px 7px 10px;
}
table.pays td.darker {
	background: #F2F2F2;
}

.table_docs_sites
{
	border: 1px solid #AAA;
}
.table_docs_sites th
{
	border: 1px solid #AAA;
	background: #E0E0E0;
	color: #000;
	font-size: 11pt; 
	padding: 5px 4px 4px 12px;
}
.table_docs_sites td
{
	border-top: 1px solid #DDD;
	border-right: 1px solid #AAA;
	border-bottom: transparent;
	border-left: 1px solid #AAA;
	color: #000;
	background: #F4F4FF;
	text-wrap: normal;
 	word-break: break-word;					/* solves the word-wrap problem (which kills text-wrap, which kills width) */
	vertical-align: top;
	padding: 7px 15px 7px 25px;
}
.table_docs_sites.whiter td					/* counters only : do not want blue background */
{
	background: #FFF;
}

.table_docs_sites.table_docs_sites_border
{
	border-top: 2px solid #AAA !important;
	border-right: 1px solid #AAA !important;
	border-bottom: 1px solid #AAA !important;
	border-left: 1px solid #AAA !important;
}
.table_docs_sites.table_docs_sites_border td
{
	background: #F8F8F8;
}

.list_tables_public 
{
}
.list_tables_public td.name
{
	width: 210px;
	border-bottom: 1px dotted #DDD;
}
.list_tables_public td.value
{
	text-align: right;
	border-bottom: 1px dotted #DDD;
	padding-top: 10px;
}

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

.debug{
	color: #88F;
	background: #FCFCFF;
	border: 1px dotted #99F;
	padding: 4px;
	margin: 3px;
}
.debug a{
}
.debug a:hover{
	color: #F00;
}

.devtools{
	background: #FFF;
	color: #000;
	border: 1px solid #DDD;
	border-radius: 4px;
/* 
	-webkit-box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.2);
 */
	position: absolute;
	bottom: 40px;
	left: 15px;
	width: 96%;
	height: 60px;
}
/* V1 topleft overlay
.devtools p.title{
	position: relative;
	left: -5px;
	top: -5px;
	width: 65px;
	border-radius: 3px;
	background: #AAA;
	color: #FFF;
	padding: 3px 12px 3px 12px;
}
 */
.devtools .title{
	display: inline-block;
	position: relative;
	left: 2px;
	top: 2px;
	width: 60px;
	height: 54px;
	padding: 20px 12px 3px 12px;
	border-radius: 3px;
	background: #909;
	color: #FFF;
}
.devtools p{
	position: relative;
	left: 64px;
	top: -52px;
}
@media (max-width: 768px){
	.devtools{
		height: 26px;
		width: 95%;
		background: #909;
	}
	.devtools .title{
/* 
		display: none;
 */
	position: relative;
	left: -7px;
	top: -14px;
	width: 60px;
	height: 20px;
	border-radius: 3px;
	color: #FFF;
	background: transparent;
	}
	.devtools p{
		left: 45px;
		top: -32px;
	}
}

.alert-success{
	background-color: #d0FFd0;
}
.alert-info{
	background-color: #d0e0FF;
}
.alert-warning{
	background-color: #FBEBC6;
}
.alert-danger{
	background-color: #FFd0d0;
}

/* 
		var y = win.top.outerHeight / 2 + win.top.screenY - ( h / 2)
		var x = win.top.outerWidth / 2 + win.top.screenX - ( w / 2)
 */
@media screen and (min-width: 768px){ 
	.modal{
		text-align: center;
	}
	.modal:before{
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
	.modal-dialog{
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
}

.linkbutton{
	color: #577087;
	cursor: pointer;	
}
.linkbutton:hover{
	color: #5197ff;
}
.linkbutton:hover .linkdanger{
	color: #FF0;
	background: #F00;
}
.linkdanger:hover:after{
	content: " ATTN! EXECUTED WITHOUT CONFIRMATION!";
	background: #F00;
	color: #FF0;
	padding: 7px;
	position: relative;
	top: -26px;
	left: -94px;
}
.linkdev{
	color: #F0F;
	background: #FDD;
}


.reportswitchbutton{
	color: #000;
	cursor: pointer;	
}

.btn-neutral {
  color: #555;
  background-color: #EEE;
  border: 2px solid #DDD;
  font-weight: bold;
}

/* FOOTABLE */

.footable.breakpoint > tbody > tr > td > span.footable-toggle{
	color: #50A78A !important;
}

.footable > thead > tr > th{
	background: #ECECEC !important;
	font-weight: normal !important;
	color: #999;
	text-align: left;
	line-height: 0.8em !important;
}

/* 
	This separates the row and the discovered panel
.footable.breakpoint > tbody > tr.footable-detail-show > td{
	border-bottom: 1px solid #F00 !important;
}
 */

.footable-odd{
/* 
	background-color: #F8F8F8 !important;
 */
	background-color: transparent !important;
}

.footable > tbody td{
	border-bottom: 1px solid #E8E8E8 !important;
	background: #FFF;
}

table.footable{
	border: 1px solid #E0E0E0 !important;
}

.footable > thead > tr > th > span.footable-sort-indicator{
	color: #F00 !important;
	display: none !important;
}

.footable-row-detail-name{
	padding-left: 40px !important;
	font-weight: normal !important;
	vertical-align: top !important;
}
.footable-row-detail-row{
/* 
	background: #F8F8F0;
 */
}
.footable-row-detail-value{
/* 
	background: #F0F000 !important;
 */
}
.footable-row-detail-inner{
/* 
	background: #F00000 !important;
 */
}

table.partnerships-overview > tbody > tr > td{
	background: #FFF;
/* 
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
 */
 	border: 0;
}

/* END FOOTABLE */

.panel_default,
.panel_body,
.panel{
	border: 1px solid #F0F0F0;
}
.panel-heading .accordion-toggle:after{
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; 				/* enable glyphicon */
    content: "\e114";					   				/* from bootstrap.css */
    float: left; 
    padding-right: 5px;
    color: #577087;										/* SE=01A247*/
    margin-top: 4px;
}
.panel-heading .accordion-toggle.collapsed:after{
    /* symbol for "collapsed" panels */
    content: "\e080";    								/* from bootstrap.css */
    color: #577087;										/* SE=01A247*/
}

.btn-wide{
	padding-right: 22px;
	padding-left: 22px;
}
.btn-verywide{
	padding-right: 42px;
	padding-left: 42px;
}
.btn-veryverywide{
	padding-right: 82px;
	padding-left: 82px;
}

table.dev{
	border: 2px solid #AAA;
}
table.dev tr{
	background: #000;
	border: 1px solid #AAA;
}
table.dev tr td{
	background: #FFF;
	border: 1px solid #EEE;
	padding-left: 6px;
}
table.dev tr th{
	background: #FD0;
	padding: 4px 10px;
}

.tags{
	position:relative;
	left: 16px;
}
.documents{
	position:relative;
	left: 16px;
}

.help-block{
	color: #B09B8C;		/* blue #9BB7D7   orange #DF8C00   violet #813FA6   taupe #B09B8C */
}

.edit-label{
	position: relative;
	top: 9px;
	min-width: 195px;
}

.money-group{
	width: 170px !important;
	/* margin left must be in sync with .part_textarea and .part_input */
/* 
	margin-left: 15px;
 */
}

input.date{
	width: 160px !important;
}
input.narrow{
	width: 160px !important;
}
select.narrow{
	width: 160px !important;
}
.date-group{
	margin: 0 !important;
	padding: 0 !important;
}
.datepicker {
	width: 160px;
	/* margin left must be in sync with .part_textarea and .part_input */
/* 
	margin-left: 15px;
 */
}
.datepicker table {
	background: #FFF !important;
	border: 0 !important;
	/* box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */
	-webkit-box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    3px 3px 6px 2px rgba(0,0,0,0.2);  /* Firefox 3.5 - 3.6 */
	box-shadow:         3px 3px 6px 2px rgba(0,0,0,0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	/* padding:  20px; */
}
.datepicker table thead th {
	background: #F4F4F4 !important;
}
.datepicker table td.day:hover {
	background: #CCC !important;
}

.usermessage{
	color: #904;
}

.showhidden{
	color: #F0F !important;
	background: #FFF8FF !important;
}

.login-panel{
	background: #FFF;
	padding: 22px;
	margin-top: 18px;
	margin-bottom: 18px;
	border: 1px solid #F00 !mportant;
	min-width: 400px;
}
.login-panel.wider{
	min-width: 400px;
}

/* box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */
.shadow{
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    1px 1px 5px 1px rgba(0,0,0,0.2);  /* Firefox 3.5 - 3.6 */
	box-shadow:         1px 1px 5px 1px rgba(0,0,0,0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.minishadow{
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.03);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    1px 1px 1px 1px rgba(0,0,0,0.03);  /* Firefox 3.5 - 3.6 */
	box-shadow:         1px 1px 1px 1px rgba(0,0,0,0.03);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.user-SE{																/* specific for displaying in list of SE users */
	background: #F2FFF2 !important;
}
.user-external{														/* specific for displaying in list of persons */
	background: #FEFEFB !important;
}

.panel_system_error{
	max-width: 600px;
	font-size: 16px;
	font-weight: normal;
	color: #900;
	background: #FCC;
	padding: 11px;
	margin: 10px;
	border: 2px solid #900;
	text-align: center;
}

.panel_program_error{
	max-width: 600px;
	font-size: 16px;
	font-weight: normal;
	color: #900;
	background: #FFC;
	padding: 11px;
	margin: 10px;
	border: 2px solid #900;
	text-align: center;
}

.panel_user_error{
	max-width: 600px;
	font-size: 14px;
	font-weight: normal;
	color: #900;
	background: #FFF;
	padding: 12px 12px 22px 12px;
	margin: 10px;
	border: 2px solid #900;
	text-align: center;
}

.panel_user_warning{
	max-width: 600px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background: #FFF;
	padding: 12px 12px 22px 12px;
	margin: 10px;
	border: 2px solid #F90;
	text-align: center;
	margin: 4px;
}

.panel_user_confirmation{
	max-width: 600px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background: #FFF;
	padding: 12px 12px 22px 12px;
	margin: 10px;
	border: 2px solid #1AC394;
	text-align: center;
	margin: 4px;
}

.panel_user_info{
	max-width: 600px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background: #FFF;
	padding: 12px 12px 22px 12px;
	margin: 10px;
	border: 2px solid #0A5;		/* #09F */
	text-align: center;
	margin: 4px;
}

.block_message{
	max-width: 600px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background: #FFF;
	padding: 12px 12px 22px 12px;
	margin: 10px;
	border: 2px solid #AAA;		/* #09F */
	text-align: center;
	margin: 4px;
}

.rowseparator{
	background: transparent;
	height: 30px;
}
.displayblock{
	background: #DDD;
	height: 30px;
/* 
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
 */
}
.blocklabel{
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 8px;
}
.blocklabeltaglike{
	position: relative;
	left: -30px;
	top: 3px;
	padding: 5px 5px 5px 7px;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 28px;
/* 
	width: 235px !important;
 */
	width: 102%;
	background: #AAA;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	cursor: default;
}
.blocklabeltaglike.tags{
	background: #577087;
}
.blocklabeltaglike.tags .high{
	color: #FFF;	/*#E4FFBF*/
}

.part_textarea{
/* 
	width: 106%;
 */
	margin-left: -15px;

/* 
border: 2px dotted #F0F;
 */
}

.part_input{
	/* REF--works for full-width inputs--width: 100%; */
/* 
	width: 106%;
 */
	margin-left: -15px;
}
.input-group{														/* THIS cotrols the width of inputs */
	width: 95% !important;
}
.part_input.contact{
	width: 100%;													/* inside input-group */
}
.selectorinput{
 
	/* width: 90%;	*/												/* inputs have been left free for autowidth */

}
.selectworkflow{
	width: 100%;
}

.input-selector{
	width: 240px;
}

.input_error{
	background: #FEE;
	border: 1px solid #A00;
}

.devlinkbutton{
	padding: 0 20px 0 20px;
	margin-bottom: 7px;
	background: #909;
	border: 1px solid #909;
}
.devlinkbutton:hover{
	background: #B2B;
	border: 1px solid #B2B;
}

.breadcrumb > li + li:before{										/* supersede bootstrap */
  padding: 0 5px;
  color: #ccc;
/* 
  content: "/\00a0";
 */
  content: ">\00a0";
}


table.settings{
	width: 100%;
}
table.settings td{
}
table.settings tr.spacer{
}
table.settings tr.spacer div{
	height: 11px;
}
table.settings tr.titlerow{
	height: 34px;
}
table.settings tr.titlerow td.section{
	padding-left: 11px;
	background: #E4E4E4;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}
table.settings tr.titlerow td.sectionadmin{
	padding-left: 11px;
	background: #E4F4E4;
	border-top: 1px solid #DCECDC;
	border-left: 1px solid #DCECDC;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}
table.settings tr.titlerow td.sectionsysadmin{
	padding-left: 11px;
	background: #D0F8FF;				/*E4E4F4*/
	border-top: 1px solid #C0E8EF;		/*DCDCEC*/
	border-left: 1px solid #C0E8EF;
	border-right: 1px solid #B8E0E8;	/*D0D0E0*/
	border-bottom: 1px solid #B8E0E8;
}
table.settings tr.titlerow td.sectiondev{
	padding-left: 11px;
	background: #999;				/*FFE1C4*/
	color: #DDD;
	border-top: 1px solid #999;	/*ECDCDC*/
	border-left: 1px solid #999;
	border-right: 1px solid #777;	/*E0D0D0*/
	border-bottom: 1px solid #777;
	position:relative;		/* needed to allow the labels to use position absolute, relative to the td */
}
table.settings tr.titlerow .sectionlabel{
	margin-top: -4px;
	margin-right: 2px;
	font-size: 8pt;
	z-index: 100;
	border: 1px solid #FFF !important;
}
table.settings tr.inputrow{
 	border-bottom: 1px dotted #DDD;
}
table.settings tr.inputrow td.inputcell{
	padding: 7px 0 7px 11px;
	width: 27%;
}
table.settings tr.inputrow td.inputcell .radio{
	margin: 4px 0 4px 30px;										/* left margin aligns radios upon text inputs (centered here) */
}
table.settings tr.inputrow td.promptcell{
	padding-left: 40px;
	width: 68%;
}
table.settings tr.inputrow td.promptcell .prompt{
	margin: 11px 0 4px 0;
}
table.settings tr.inputrow input{
	margin: 11px 0 4px 0;
	width: 90px;
	text-align: center;
}
table.settings tr.inputrow td.inputcell .checkbox{
	margin: 4px 0 4px 30px;										/* left margin aligns radios upon text inputs (centered here) */
	padding-left: 6px;
}
table.settings tr.inputrow td.inputcell .text{
	margin: 4px 0 4px 30px;
	padding-left: 6px;
}
table.settings tr.hz td{
	height: 2px;
}
table.settings tr.buttonrow{
}
table.settings tr.buttonrow td.promptcell .button{
	padding-top: 20px;
}

table.dashboard{
	/* Do not specify fixed width to allow dynamic resizing */
	/* max-width: 650px; */
	/* 
		*** ATTN: sync with table.dashboard_counters; and 1/5th width for th and td.stage 
	*/
	width: 99%;
}
table.dashboard td.title{
	padding: 20px 0 0 5px;
	border-bottom: 1px solid #F0F0F0;
}
table.dashboard tr.item{
	border-bottom: 1px solid #F0F0F0;
}
table.dashboard td.left{
	padding: 2px 18px 2px 11px;
}
table.dashboard td.left .project_or_action{
	font-weight: bold;
}
table.dashboard td.right{
	font-weight: bold;
	min-width: 50px;
}
table.dashboard_counters{
	/* Do not specify fixed width to allow dynamic resizing */
	/* max-width: 650px; */
	/* 
		*** ATTN: sync with table.dashboard; and 1/5th width for th and td.stage
	*/
	width: 90%;
}
table.dashboard_counters th{
	font-weight: bold;
	width: 130px;												/* sync with td.stage */
	background: #E0E0E0;
	border: 1px solid #D0D0D0;
	text-align: center;
}
table.dashboard_counters td.title{
	padding-top: 10px;
}
table.dashboard_counters td.stage{
	font-weight: bold;
	width: 130px;												/* sync with th */
	background: #E8E8E8;
	border: 1px solid #D0D0D0;
	padding-left: 11px;
}
table.dashboard_counters td.cell{
	padding: 4px;
/* 
	text-align: right;
	padding-right: 40px;
 */
	text-align: center;
	background: #F8F8F8;
	border: 1px solid #E0E0E0;
}
table.dashboard_counters td.total{
	background: #E8ECFF;
	font-weight: bold;
}
table.dashboard_counters td.all_total{
	background: #D8DCFF;
	font-weight: bold;
}

table.account{
	width: 100%;
}
table.account tr{
}
table.account tr.titlerow{
	height: 34px;
}
table.account tr.titlerow td.section{
	padding-left: 11px;
	background: #E4E4E4;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}
table.account tr.inputrow{
 	border-bottom: 1px dotted #DDD;
	height: 55px;
}
table.account tr.inputrow td.promptcell{
	padding-left: 40px;
	width: 20%;
}
table.account tr.inputrow td.inputcell{
	padding: 7px 0 7px 11px;
}
table.account tr.inputrow td.inputcell input{
	width: 200px;
}
table.account tr.spacer div{
	height: 11px;
}
table.account tr.buttonrow td.promptcell .button{
	padding-top: 20px;
}
.reject_msg{
	padding: 7px 0 0 11px;
	color: #900;
}

.radio{
	margin-left: -19px;
}
.radiopadding{
	width: 10px;
	display: inline-block;
}
.radiogroup{
	width: 100%;
}
.radioelement{
	display: inline-block;
/* 
	width: 20%;
 */
 	padding-right: 20px;
 	min-width: 70px;
}
.radiocsvxls{
	display: inline-block;
}

.remind_values_list{
	font-size: .85em;
	color: #AAA;
}

.btn-xxs,															/* additional size to BT */
.btn-group-xxs > .btn{
  padding: 1px 5px;
  font-size: 8pt;
  line-height: 1.3;
  border-radius: 3px;
}

.elevate_inline_btn{
	margin-top: -5px;
}

.doc_icon_partnership{
	width: 20px;
	font-size: 1.2em;
	color: #888;
	text-align: right;
	padding-right: 7px;
}
.doc_name_partnership{
}
.doc_deleteicon_partnership{
	width: 22px;
/* 
	float: right;
	margin-right: 34px;
	text-align: right;
 */
	margin-left: 20px;
}

div .inline	{
	display: inline-block;
}

.lineheight{
	line-height: 1.4;
}

.colorize_pink{
	background: #F8BABF;
	padding: 0 4px 0 4px;
}
.colorize_green{
	background: #BFB;
	padding: 0 4px 0 4px;
}

.report_synth_title{
	font-size: 1.1em;
	font-weight: bold;
}
.report_synth_MA{
	margin-left: 30px;
	color: #000;			/* #4D4F76; */
}
.report_synth_P{
	color: #000;			/* #004000 */
}
.report_synth_P:before{
	margin-left: 50px;
/* 
	content: "•";
 */
/* 
	content: "•";
 */
	content: "";
}
.report_synth_bottom{
}

div.tool_menu_icon{
	display: inline-block;
	min-width: 28px;
	color: #577087;					/*SE=5A8*/
	text-align: center;
	margin-bottom: 12px;
	font-size: 1.1em;
}
a.tool_menu{
	font-size: 1.1em;
}

div.all_traces{
	border: 1px solid #000;
	margin: 2px;
	padding: 2px;
	background: #FFF;
}
.trace_init_op{
	display: inline-block;
	width: 100%;
	background: #DFF;
	color: #740 !important;
	font-size: 8pt;
	border-bottom: 1px solid #BBB;
	line-height: 20px;
	padding-left: 6px;
}
.trace_login_op{
	display: inline-block;
	width: 100%;
	background: #FDE;
	color: #60B !important;
	font-size: 8pt;
	border-bottom: 1px solid #BBB;
	line-height: 20px;
	padding-left: 6px;
}
.trace_loaded_file{
	display: inline-block;
	width: 100%;
	background: #EFC;
	color: #00B !important;
	font-size: 8pt;
	border-bottom: 1px solid #CCC;
	line-height: 20px;
	padding-left: 6px;
}

.anchorname{
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
}
.anchorname:hover{
	color: #FFF;
	cursor: default;
}

.display_tags{												/* uses multiple select2 but with this class */
	margin-left: -8px;
}
.display_tag{
	background-color:#F4F4F4 !important;
	border:1px solid #CCC !important;
	color: #777 !important;
	border-radius:4px;
	padding: 1px 5px 1px 5px;
	margin-right: 7px;
}

.select_std{
}

table td .no_partnerships{
	color: #AAA !important;
}

.empty_field{
	color: #C8C8C8 !important;
	font-style: italic;
	font-size: 10pt !important;
}

.radio_partnership{
/* 
	margin-left: -20px; = ok for icheck
 */
	margin-left: 0px;
}
.radioelement_partnership{
/* 
	width: 70px !important;
 */
}
.radio_label_partnership{
/* 
	padding-left: 7px; = ok for icheck
 */
/* 
	brings back to left 
 	padding: 0 !important;
 */
 	margin-left: 20px;
}
.radioelement{
	min-width: 100px;							/* reasonably aligns HZ radios (ex: AND is wider than Yes and they disalign) */
}

.settings_sm_radio{
	position: relative;
	left: 30px;
}
.settings_sm_checkbox{
	position: relative;
	left: 24px;
}
.settings_sm_text{
	position: relative;
	left: -35px;
}

.reports_msgs_info{
	background: #EEF7FE;
	color: #000;
	padding: 6px 12px 3px 12px;
	border-radius: 6px;
	margin-bottom: 2px;
}

.reports_msgs_success{
	background: #D4FFD7;
	color: #000;
	padding: 6px 12px 3px 12px;
	border-radius: 6px;
	margin-bottom: 2px;
}
.reports_msgs_warning{
	background: #FFE2C5;
	color: #000;
	padding: 6px 12px 3px 12px;
	border-radius: 6px;
	margin-bottom: 2px;
}
.reports_msgs_danger{
	background: #FF7B53;
	color: #000;
	padding: 6px 12px 3px 12px;
	border-radius: 6px;
	margin-bottom: 2px;
}

.partnership_edit_static_text{
	margin-top: 8px;
}

.reviewables_prefix{
	vertical-align:top;
	border-top: 1px solid #EEE;
	padding: 5px 0;
}
.reviewables_link{
	vertical-align:top;
	border-top: 1px solid #EEE;
	padding: 5px 0;
}
.reviewables_actionhint{
	vertical-align:top;
	border-top: 1px solid #EEE;
	padding: 5px 0;
	color: #AAA;
}
.reviewables_done{
	vertical-align:top;
	border-top: 1px solid #EEE;
	padding: 5px 0;
}

.help_cmd_is_on{
	background: #FF8;
}

a.data_hidden_link{
	color: #000;
}
a:hover.data_hidden_link{
	color: #577087;
}

/* --- select2 css overlay modifs --- */
/* the HTML -MONO- input element as displayed without dropdown [DB] */
.select2-container--default .select2-selection--single {
	background-color: white;
	border: 1px solid #CCC !important;
	border-radius: 4px;
}
/* the HTML +MULTI+ input element as displayed without dropdown [DB] */
.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #CCC !important;
	border-radius: 4px;
}
/* [DB]: the whole dropdown */
.select2-dropdown {
	background-color: #FFF;											
	border-left: 1px solid #577087;
	border-right: 2px solid #577087;
	border-bottom: 2px solid #577087;
}
/* [DB] in dropdown, background of existing selections when +MULTI+ */
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd;
}
/* [DB] ORIG=#5897fb = background of currently highlighted item in dropdown */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #577087;
	color: white;
}
/* [DB] +MULTI+ the inline search field (to the immediate right of already selected values */
.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
}


/* --- select2 additional app-specific modifs --- */
.select2,
.select2allowclear,
.select2Tags,
.select2allowclearTags{
	/* REF--works--width: 100%; */
}
.select2dropdown{
	border: 3px solid #00F;
}
li.select2-selection__choice{										/*  values when multiple select */
	background-color:#F4F4F4 !important;
	border:1px solid #E0E0E0 !important;
	color: #777 !important;
	border-radius:4px;
	cursor:default;
	float:left;
	margin-right:5px;
	margin-top:5px;
	padding:0 5px;
}


.modal-backdrop {
	z-index: 2040 !important;
	background: #000;
}
.modal {
	z-index: 2050 !important;
}
.modal-dialog {
	border: 10px solid #577087;
	/* no height, let if free to adjust */
	background: #FAFAFA;

/* 
Attempt to validate z-index but no success (the position mode was probably already declared)
position: relative;
 */

	z-index: 2200 !important;										/* z-index 2200 makes it frozen on IE 11 */
}
.modal-dialog.workflow{
	width: 440px;
}
.modal-dialog.history{
	width: 750px;
}

.bootstrap-dialog.type-primary .modal-header {						/* [DB] supersedes bootstrapDialog */
	background-color: #577087 !important;	/*#337ab7*/
}
.bootstrap-dialog.type-success .modal-header {
	background-color: #5FE000;
}
/* 'background' in these dialogs is the window overlay (around dialog) => can change color */

.db_demo_dialog{ /* tmp  */
	width: 600px;
	height: 450px;
}

.label-small{
	font-size: 9pt;
	padding: 1px 6px;
	font-weight: normal;
}

table.history{
	width: 100%; 
	margin-top: 8px; 
	border: 1px solid #F0F0F0; /*576bff*/
}
table.history th{
	padding: 3px;
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #F0F0F0;
}
table.history td{
	padding: 3px;
	border-bottom: 1px solid #F0F0F0;
	vertical-align: top;
}
.workflowbtn{
	width: 145px;
}
#footerhistory{
	padding-right: 31px !important;
}

table.workflow{
}
table.workflow td{
	vertical-align: top;
	padding: 0 15px 10px 0;
}
table.workflow td.separated{
	padding: 0 15px 40px 0;
}
table.workflow td.lower{
	padding: 7px 0 0 0;
}
#wrk-comments{
	/* resize is undesirable in the workflow dialog */
	resize: none;
	overflow: auto;
}

.edit_shortlist_index{
	margin-bottom: 10px;
}
.shortlist_key{
	padding: 15px 15px 0 0;
	font-weight: bold;
}
.shortlist_notes{
	color: #888;
}
.shortlist_value{
	padding: 15px 0;
	display: inline-block;
}
.shortlist_value textarea{
}
.shortlist_save_btn{
	margin-right: 3px;
}
.shortlist_cancel_btn{
}

.toast-info {
	background-color: #0F0;
	color: #000 !important;
}
#toast-container > div {
	opacity: .999;
}
.toast-close-button {
	color: #000 !important;
}
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 1px;											/* [DB] was 0 */
    height: 4px;											/* [DB] was 4 */
    background-color: #FFF;									/* [DB] progress bar color #0BF */
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

.showbiglist{
	width: 90%;
	min-width: 450px;
	overflow: auto;
	background: #F8F8F8;
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 3px;
}

.filtercrit{
	color: #000;
	font-weight: bold;
}

.halfwarning{
	font-weight: bold;
	color: #BA7400;
}

.noborder{
	border: 1px solid #F00;
}

.archive_year{
	color: #18A689;
	background: #F0F0F0;
	width: 60px;
	text-align: center;
	border: 0;
	cursor: pointer;
	position: relative;
	left: -20px;
}
.archive_go{
	background: #F0F0F0;
	font-size: 10pt;
	font-weight: bold;
	border: 0;
	cursor: pointer;
	position: relative;
	top: -1px;
	left: -20px;
	width: 40px;
	text-align: center;
}
.archive_hidden_default_btn{
	color: #F0F0F0;
	background: #F0F0F0;
	border: 0;
	width: 1px;
}


.titleline {
	font-size: 1.10em;
	font-weight: bold;
	position: relative;
	top: 10px;
}
.titleline>i {
	color: #CCC;
	font-size: .8em;
}

.panel-scrolling {
	width: 100%;
	height: 500px;
	overflow: scroll;
	white-space: nowrap;
}
.panelscrolling {
	width: 10000px;
}

.panel-title.accordion {
	color: #577087;
}
.panel-title.accordion:after {
	color: #777;
/* 
	content: "⇓";
 */
}

.md-skin .wrapper-content {
	padding: 20px 0 0 0 !important;
}
.md-skin .wrapper-additional {
	padding: 0;
}

.dates-crea-modif {
	font-size: 0.8em;
	color: #777;
}

.alert-cookie {
	color: #000;
	background-color: #9FD;
	border-bottom: 1px solid #577087;
	margin: 0;
	width: 100%; 
}

.btn-default { 														/* override std B3 */
	color: #888 !important;
	background-color: #DDD;
	border-color: #ccc;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
	/* no change from passive state; but need to override B3 which does change */
	color: #888 !important;
	background-color: #DDD;
	border-color: #ccc;
}

table.main_lists {
	background: #F8F8F8;
	width: 99%;
}
table.main_lists tr.sep {
	border: 3px solid #FFF;
	background: #0FF;
}
table.main_lists td.sep {
	padding: 0;														/* block the std TD padding */
	background: #FF0;
}
table.main_lists tr {
}
table.main_lists td {
	background: transparent;
	vertical-align: top;
	padding: 8px 12px 8px 12px;
}
table.main_lists td.left {
	font-weight: bold;
	color: #000;
}
table.main_lists td.right {
	font-weight: bold;
}


/* the top part where the already selected are displayed */
/* two versions, short list/long list */
div.selected_linking {
	overflow: auto;
	width: 100%;
}
div.selected_linking.long {
	height: 290px;
	margin-bottom: 5px;
	border-left: 3px dotted #577087;
}

/* title for panel_linking */
div.panel_linking_title {
	background: #577087;
	color: #FFF;
	width: 99%;
	padding: 6px 10px 1px 10px;
	margin: 0;
}
/* holds the complete selection mechanism */
div.panel_linking {
	border: 3px solid #577087;
	width: 99%;
	padding: 10px 5px 14px 10px;
}

/* manage thes eparation of list_linking which it cannot do well itself */
div.pre_list_linking {
	border: 1px solid #FFF;
	height: 7px;
}
/* holds the search results themselves */
div.list_linking {
	overflow: auto; 
	width: 100%; 
	height: 300px;
}

/* table displaying search results */
.table_linking {
	width: 99%;
	font-weight: bold;
	border: 1px solid #EEE;
	margin-top: 10px;
}
.table_linking tr {
	background: #F8F8F8;
}
.table_linking th {
	background: #E8E8E8;
	padding: 14px 1px 14px 20px;
}
.table_linking td {
	padding: 2px 5px;
	background: transparent;
	white-space: nowrap;
	font-weight: normal !important;
}
.table_linking td.link {
	color: #577087;
	width: 50px !important;
	padding: 1px 1px 1px 20px;
/* 
	float: right;
 */
}
.table_linking td.thin {
	width: 90px;
	text-align: left;
}
.table_linking tr.sep {
	background: #FFF;
	height: 4px;
}
.table_linking tr.sep td {
}


.btn-primary.cookies:hover,
.btn-primary.cookies:active{
	background: #090;
	border: 1px solid #090;
}

.btn-primary:hover,
.btn-primary:focus{		/* ABSOLUTELY need to supersede bootstrap, otherwise it's red will be seen with focus */
	background: #6090B0 !important;			/* need to supersede bootstrap */
	border: 1px solid #6090B0 !important;	/* '' */
}
.btn-primary:active{
	background: #80B0D0 !important;			/* '' */
	border: 1px solid #80B0D0 !important;	/* '' */
}

.btn-close,
.btn-close{
	background: #0F0;
	color: #000;
	border: 1px solid #0D0;
}
.btn-close:hover,
.btn-close:active{
	background: #0D0;
	color: #000;
}

/* override style.css */
.ibox-title {
	margin-top: -10px;												/* for home, reduce size of title (accordion closed) */
	width: 100% !important;											/* prevent changing width when accordion opens with wide/thin data */
}
.ibox-content {
	padding-top: 5px !important;									/* reduce the std */
	padding-bottom: 17px !important;								/* reduce the std */
	width: 100% !important;											/* prevent changing width when accordion opens with wide/thin data */
	text-align: justify;											/*  '' */
}
.ibox-title h4 { /* override style.css */
	width: 100% !important;											/* prevent changing width when accordion opens with wide/thin data */
}
.newsanchor {
	font-size: 1em;
}
.newstitle {
	margin-top: -10px !important;									/* for home, reduce size of title (accordion closed) */
}
.row_oeuvres:hover {
	color: #5780FF !important; /* background is not changeable, TD already have backgrounds */
	cursor: pointer;
}
.row_oeuvres_no_click:hover {
	color: #5780FF !important; /* background is not changeable, TD already have backgrounds */
}
.cell_oeuvres {
	vertical-align: top;
	border-top: 1px solid #DDD; 
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD; 
	padding: 9px 7px 3px 7px;
}
.cell_oeuvres:hover {
/* 
	background: #F00 !important;
 */
}
.icon_pagination {
	font-size: 1.6em; 
	position:relative; 
	top: 3px;
	color: #577087;
}
.icon_pagination_off {
	color: #BBB;
}
.icon_pagination:hover, .icon_pagination:active {
	color: #6090B0;
}

.tab_btn_1 { /* first in the list, push it towards the right a little */
	margin-left: 12px;
}
.tab_btn {
	padding: 3px 8px;
	background: #577087;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tab_btn:hover, .tab_btn:active {
	background: #6090B0;
	color: #FFF;
}
.tab_btn_active {
	background: #5097FF !important;
	border: 1px solid #5097FF !important;
	color: #FFF;
}
boxy {
	border: 1px solid #405090;
	padding: 2px;
}
asterisky{
	font-size: 1.6em;
	position: relative;
	top: 6px;
}

table.gdv_list {
	width: 100%;
	border: 0px solid #ECECEC;	/* 4px before using the scroller panel */
}
.gdv_list th{
	background: #EEE;
	padding: 7px 24px;
	border-bottom: 1px solid #CCC;
/* 
	border-top: 0px solid #F00;
	border-left: 0px solid #F00;
	border-right: 0px solid #F00;
 */
}
table .th1{
	background: #DADADA;
}
.gdv_list td{
	padding: 7px 24px;
	border-bottom: 1px solid #E8E8E8;
}
.gdv_list td.gdv{
	min-width: 280px;
}

table.export_archive{
	width: 100%;
	border: 0px solid #ECECEC;
	margin-top: 15px;
}
table.export_archive td{
	border-bottom: 1px solid #F0F0F0;
}
table.export_archive td.year{
	width: 40px;
	font-weight: bold;
}
table.export_archive td.month{
	width: 80px;
}

.ventebtns{
	width: 100px;
	height: 26px;
	position: relative;
	top: 2px;
	vertical-align: middle !important;
}
.ventebtnsbig{
	width: 180px;
}

.btn_liste_par_recherche{
	position: relative;
	top: 2px;
	height: 24px;
}
div.ops{
	display: inline-block;
	width: 100%;
	color: #000;
	padding: 6px 0 4px 50px;
}
div.ops.error{
	background: #F00;
	color: #FFF;
}
div.ops.warning{
	background: #FA0;
}
div.ops.info{
	background: #090;
	color: #FFF;
}
div.ops.light{
	background: #AAA;
	color: #000;
}
div.ops.attention{
	background: #FFE073;
	color: #000;
}
.activites{
	width: 20px;
	text-align: center;
}

.btn-DEV {
  color: #ff0;
  background-color: #F00;
  border-color: #F00;
}
.btn-DEV:hover,
.btn-DEV:focus,
.btn-DEV:active {
  color: #ffF;
  background-color: #F55;
  border-color: #F55;
}