/*

Couleurs

Bleu foncé : #116d94
Orange foncé: #fc9b18 / #ff9900

Gris foncé : #555

Orange de sélection : #F3A657

=========== INDEX ==============
	=footer
	=tyogr
	=forms
	=buttons
	=dropdowns
	=ng-sortableL
	(=search form)
	=definition lists
	=icons extras
	=h5bp helper classes
	=tooltips
	=alert-boxes
	=discussions
	=options
	=step-diagramming
	=taches visas
	=tableaux
	=modal
	=overlay
	=display columns
	=clearfix
	=scrollup
	=loading
	=datepicker
	=angucomplete
	=kendo UI grid
	=drop-box (drag 'n drop)
	=search and replace
	=reset password
	=print CSS
	=IE10+

*/


/* ============ used in popins of Wrkfl traitements ====== */
.djg-k-grid-header-hidden .k-grid-header {
	display: none;
}
.djg-k-grid-header-hidden .djg-section-table-column-left {
	width: 65%;
	text-align: left !important;
	font-weight: bold;
}
/* ============ end of used in popins of Wrkfl traitements ====== */


.main.bloc * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ------- */


body {
	background-color: #e5e5e5;
}

#djg-subheader-wrap {
	background-color: #f5f5f5;
}

.wrap {
	max-width: 76em;
	margin: 0 auto;
}

body > header {
	background-color: #006c94;
}
.djg-header {
	background-color: #116d94;
}
	.admin .djg-header {
		background-color: #373435;
		background-image: none;
	}
	.admin .djg-header .login-name:before {
		content: "Admin";
		color: #F3A657;
		padding: .1em .3em;
		position: relative;
		right: 6px;
		font: bold 1em Arial, sans-serif;
		border: 1px solid #F3A657;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		box-shadow: 0 1px 2px rgba(50, 50, 50, .13);
	}

body > header .wrap {
	padding: 10px 0 4px;
	position: relative;
	min-height: 70px;
}
body > header #logo {
	float: left;
	margin: 0 16px 0 0;
}

body > header h1,
body > header p {
	margin: 0;
}

body > header ul {
	display: inline-block;
	padding: 0;
	margin: 0;
}

body > header nav {
	margin-top: 2px;
}

body > header nav,
body > header nav li {
	display: inline-block;
}
body > header nav li{
}
body > header nav button {
	margin-right: 0;
	position: relative;
}

#djg-toolbar {
	padding: 2px 0 6px 7px;
	max-width: 1204px;
}

.djg-header-top-links {
	margin: 0 !important;
	/*float: left;*/
	display:inline-block;
	vertical-align:top;
	padding:0;
}
#bloc-user {
	display: inline-block;
	position: absolute;
	right: 360px;
}
#bloc-user ul {
	list-style: none;

	position: absolute;
	left: -999em;
}
#bloc-user h1,
#bloc-user a:link {
	color: #fff;
}

#bloc-user h1,
#bloc-user p,
#bloc-user ul {
	display: inline-block;
}
#bloc-user p {
	margin-right: 6px;
}

#bloc-search {
	text-align: right;
	display: inline-block;
	position: absolute;
	right: 76px;
}
#bloc-search p {
	font-size: .7em;
}
#bloc-search a:link,
#bloc-search a:visited {
	color: #eee;
	text-decoration: none;
	border-bottom: 1px dotted #eee;
}
#bloc-search a:hover,
#bloc-search a:focus,
#bloc-search a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.djg-header-top-links .advanced-search {
	text-align: right;
	margin-bottom: 8px;
}
	.djg-header-top-links .advanced-search a:link,
	.djg-header-top-links .advanced-search a:visited {
		color: #fff;
		font-size: .7rem;
		text-decoration: none;
		border-bottom: 1px dotted #eeeeee;
		opacity: 0.8;
		transition: all 0.3s ease 0s;
	}
	.djg-header-top-links .advanced-search  a:hover,
	.djg-header-top-links .advanced-search  a:focus,
	.djg-header-top-links .advanced-search  a:active {
		border-bottom: 1px solid #fff;
		opacity: 1;
		text-decoration: none;
	}

#logout {
	padding-top: 0.35em;
	margin: 0;
	position: absolute;
	right: 0;
}
#logout:hover [class^="icon-"],
#logout:focus [class^="icon-"],
#logout:active [class^="icon-"] {
	color: #FF9900;
}

#logout span,
#user-acc span {
	font-size: .9em;
}
.djg-header-holder .ui-toolbar-group-left,
.djg-header-holder .ui-toolbar-group-right {
	margin-top: 12px;
}
.djg-header-holder .ui-toolbar-group-left.djg-toolbar-logo {
	margin-top: 4px;
}

.ui-toolbar-group-right {
	position: relative;
}
.ui-toolbar-group-right img {
	width: 0;
	float: none !important;
}
.ui-toolbar-group-right ul + img + form {
	position: relative;
	display:inline-block;
	vertical-align:top;
}
/*.ui-toolbar-group-right ul + img + form .djg-header-logout {*/
	/*bottom: 10px;*/
/*}*/
.ui-toolbar-group-right .login-name {
	margin-top: 8px;
}

#djg-subheader-wrap > table tr:first-child td {
	padding-left: 2px;
}

#homePage-toolbar {
	padding-left: 0;
	padding-right: 0;
}
.breadcrumb{
	margin: 0;
	display: inline-block;
}
.djg-search-breadcrumb {
	position: inherit;
	z-index: 100;
}
.djg-content-breadcrumb {
	left: 9px;
}

.djg-breadcrumbs {
	padding: 0;
}
.ui-breadcrumb ul li .ui-menuitem-link {
	padding: 5px 3px 4px 4px;
	margin-top: 2px;
}
.ui-breadcrumb ul li:not(:first-child) .ui-menuitem-link .ui-menuitem-text {
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
	max-width: 10em;

	position: relative;
	top: -1px;
}
.ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text {
	max-width: 36em;
}
.ui-breadcrumb ul li:after {
	content: '\e827';
	color: #dadada;
	font-size: 1rem;
	position: relative;
	top: 6px;
	left: 4px;
	width: 7px !important;
}
.ui-breadcrumb ul li:first-child:after {
	margin-left: 4px;
}
.ui-breadcrumb ul li:last-child:after {
	content: '';
	font-size: .4rem;
}

.ui-breadcrumb ul li .ui-menuitem-text {
	font-family: 'Open Sans Semibold';
}

.ui-breadcrumb ul li:last-child .ui-menuitem-text {
	color: #888;
	font-family: 'Open Sans Semibold';
}
.ui-breadcrumb ul li:last-child a:hover,
.ui-breadcrumb ul li:last-child a:focus,
.ui-breadcrumb ul li:last-child a:active {
	cursor: default;
	text-decoration: none;
}
.ui-breadcrumb ul li ~ li {
	line-height: normal;
	padding: 0;
}


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

.actions-li {
	font-size: 1.2em;
	float: right;
	position: relative;
	right: 6px;
	top: 18px;
}
.actions-li ul {
	padding: 0;
	margin: 0;
}
.actions-li li {
	display: inline-block;
}
.actions-li button {
	background: #fff;
	padding: .25em .25em .2em;
	border-color: #d1d1d1;
	margin-right: 0;
	box-shadow: none;

	/* fallback if no icon */
	min-height: 1.3em;
	min-width: 1.3em;
}

body > header,
main {
	padding: 0 .6em;
}


/* -- fixed subheader --  */

.djg-homepage-breadcrumb .ui-toolbar,
.djg-extension-breadcrumb .ui-toolbar {
	padding-top: 3px;
	margin-top: 0;
}
.djg-main {
	padding-top: 49px ;
	/*background-color:white;*/
}
.djg-main.with-sub-header {
	padding-top: 119px ;
}
.djg-main.with-sub-header.with-dashboard {
	padding-top: 169px ;
}
.dashboard-wide {
	padding-top: 2px;
}

#djg-advsearchpage,
.djg-search-page {
	margin-top: -4px;
}

#djg-search-page-main-inner {
	margin-top: -40px;
}

#djg-content_main,
#djg-content.ui-panelgrid .djg-content-divider-left,
#djg-wizard.ui-panelgrid .djg-content-divider-left {
	box-shadow: 0 -1px 0 #ddd;
	padding-top:25px;
}
.main.bloc {
	background-color: #fefefe;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
}
	.main.bloc.sm {
		padding: 12px;
	}
	.main.bloc.steps{
		padding-top: 8px;
	}
	.main.bloc.xsm {
		background: #fffffb;
		padding: 6px 10px 10px;
	}
		.main.bloc.xsm p:last-child {
			margin-bottom: 0;
		}

.width-auto,
.width-half,
.width-third {
	float: left;
}

.width-auto {
	width: auto;
}

.width-half {
	width: 49.5%;
	margin-right: 1%;
}
.width-half + .width-half {
	margin-right: 0;
}

.width-third {
	width: 32.666%;
	margin-right: 1%;
}
.width-third:nth-child(3n+3) {
	margin-right: 0;
}

/* DJG-13818 */
#djg-content .ui-layout-west,
#djg-wizard .ui-layout-west {
	height: auto !important;
}


/* ============= =footer ============= */

#footerPlugins {
	font-size: 0.917em;
	text-align: right;
}
	#footerPlugins h3 span.ui-icon {
		background-image:none;
	}
	#footerPlugins div {
		float: right;
	}


/* ============= =typogr ============= */

h1,
h2,
h3 {
	color: #006C93;
}
h1,
h2 {
	text-transform: uppercase;
	font-weight: normal;
}
h1 {
	font-size: 1.3em;
}
h2 {
	font-size: 1em;
}

a {
	cursor: pointer;
	outline: none;
}

.btns {
	list-style-type: none;
}
.btns li {
	margin-bottom: .5em;
}

/* bruteforce CSS - DJG-13627 */
#djg-content.ui-panelgrid table[role="grid"] .ui-datatable-data td,
#djg-wizard.ui-panelgrid table[role="grid"] .ui-datatable-data td,
.djg-main .djg-data-export + .ui-datatable tbody td,
#djg-home .ui-panelgrid .ui-panel-content .ui-datatable tbody td,
#djg-extension .ui-panelgrid .ui-panel-content .ui-datatable tbody td,
.ui-inputfield,
.ui-autocomplete-multiple.djg-field,
table[role="grid"] .ui-widget-content .ui-picklist tbody td {
	font-family: 'Open Sans Semibold';
}

.ui-inputfield {
	height: 20px;
	line-height: 20px;
	padding: 2px 4px 2px 4px;
}

textarea.ui-inputtextarea {
	min-height: 3vh;
}

.djg-editorForm .ui-autocomplete-multiple .ui-inputfield {
    width: 100%;
}

.ui-autocomplete-multiple .ui-inputfield {
	height: auto;
	padding: 0 !important;
}


.ui-picklist .ui-picklist-list li {
	font-size: inherit;
}

.ui-dialog.djg-business-rules-box .ui-button {
	margin-right: 4px;
}
/** tsto: FIXME: ne pas mettre de title comme selecteur de css :: le title devrait dépendre de la langue utilisé par l'utilisateur ..... **/
	/* only the "+" btn */
	.djg-dashboard-box button.ui-button[title="Nouveau contenu"] {
		font-size: 14px !important;
		padding: 2px 8px;
		margin: 0px;
		margin-left: 10px;
	}
	.ui-button-text-only[title="Nouveau contenu"] .ui-button-text {
		padding: 1px 7px;
	}

	/* all btns with dropdown */
	.djg-dashboard-box .ui-button-text-icon-left .ui-button-text {
		padding: 5px 10px 5px 28px;
	}
	.djg-dashboard-box td + td .ui-button-text-icon-left .ui-button-text {
		padding: 2px 10px 2px 28px;
	}

/* DJG-14278 */
#dashboard-content,
#djg-advsearchpage,
.ui-dialog.djg-popup,
.djg-search-page > .djg-dashboard-box,
.djg-search-page form > .djg-dashboard-box,
.djg-async-task form > .djg-dashboard-box,
.djg-main .djg-dashboard-box.change-password,
.djg-main .djg-dashboard-box.chart-box {
	background-image: none;
	background-color: #fff;
	border-radius: 0px 0px 4px 4px;
}

.ui-selectonemenu-filter.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all,
.ui-selectonemenu-filter.ui-inputfield:focus.ui-inputtext.ui-widget.ui-state-default.ui-corner-all,
.ui-selectonemenu-filter.ui-inputfield:hover.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
	border:1px solid lightgrey;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow: none;
	background-color: #e3e3e3;
}

.ui-selectonemenu-filter-container .ui-icon.ui-icon-search{
	right:auto;
	left:10px;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
	padding-left: 25px;
	padding-right:5px;
}


#asyncTaskPanel .ui-widget-content td {
	border: none;
}
#my-poll > tbody > tr {
	border-bottom: 1px solid #e5e5e5;
}
#my-poll > tbody > tr:last-child {
	border-bottom: 2px solid #e5e5e5;
}
#my-poll > tbody > tr:first-child {
	border-top: 2px solid #e5e5e5;
}

.ui-progressbar .ui-widget-header {
	background: #85b2cb;
	background: #85b2cb linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #85b2cb -ms-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
	background: #85b2cb -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.ui-progressbar.ui-widget-content {
	border: 1px solid #a8a8a8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #e5e5e5;
	color: #4f4f4f;
}
.ui-progressbar .ui-progressbar-label {
	font-size: 11px;
}
.ui-progressbar .ui-progressbar-value {
	margin: 0;
}

.ui-dialog.djg-popup {
	padding: 12px 10px 8px;
}

/******************************************
 *				djg-dashboard-box
 ******************************************/
.djg-main .djg-dashboard-box {
	background-image: none;
	border: none;
}
.djg-dashboard-box .ui-panel-title {
	color: #006c94;
	font-size: .95rem !important;
	font-family: 'Open Sans Semibold';
	text-transform: none;
	letter-spacing: normal !important;
	border-bottom: 3px solid #e5e5e5;
	margin-bottom: 6px;
	display: block;
	width: 100%;
}

.djg-dashboard-box .ui-panel-title > div{
	display: table-cell;
}

.djg-dashboard-box .ui-panel-title-label {
	width:100%
}
.djg-dashboard-box .ui-panel-title > div:last-child{
	vertical-align: bottom;
}

.djg-dashboard-box .ui-panel-title .menu .main-menu li .icon{
	height: 28px;
}

.djg-dashboard-box .ui-panel-title .menu ul{
	margin: 0px;
}


.djg-dashboard-box.chart-box .ui-widget-content table > tbody > tr > td  {
	border: none;
}

/* ============= =forms ============= */

::-webkit-input-placeholder {
	color: #888;
	font-style:italic;
}

/* FF 18- */
:-moz-placeholder {
	color: #888;
	font-style:italic;
}

/* FF 19+ */
::-moz-placeholder {
	color: #888;
	font-style:italic;
}

/* IE */
input::-ms-clear {
	display: none;
}
input:-ms-input-placeholder {
	color: #939393 !important;
	font-style:italic;
}

.compl-info {
	color: #999;
	font-size: .75rem !important;
	font-style: italic;
	margin: 0 0 1em;
}

.k-animation-container {
	z-index: auto;
}

/* Specific IE/Edge Browser : KendoDropDown List are not correctly showed*/
_:-ms-lang(x), .k-animation-container > .k-list-container.k-popup.k-group.k-reset.k-state-border-up{
	min-width: 80px;
}

label,
legend,
.label-like {
	font-family : 'Open Sans Semibold';
}
.ui-outputlabel.ui-widget {
	font-weight: normal;
	display:inline-block;
}

.wkfw-act label {
	color: #888;
	font-weight: normal;
}

fieldset {
	border: none;
}


fieldset:not(.smd) label {
	display: inline-block;
	width: 190px;
	padding: 1px 12px 1px 0;
	font-weight: normal;
}

fieldset.smd label {
	display: inline-block;
	padding: 1px 12px 1px 0;
	font-weight: normal;
}


fieldset input,
fieldset select {
	margin-top: 5px;
	margin-bottom: 5px;
	display:inline-block;
	vertical-align:middle;
	margin-left:20px
}

label.complex {
	display: inline-table;
}

label small {
	color: #999;
	font-size: 95%;
	display: inline;
}

.row-fields,
.embedded-fs,
.full-w-fs {
	color: #5C5C5C;
}

.row-fields {
	margin: .3em 0 .6em;
}
	.row-fields > span {
		width: 70%;
		display: inline-block;
	}
	.row-fields > span:first-child {
		text-align: right;
		padding: 0 .3em 0 0;
		width: 28%;
		display: inline-block;
	}
	.row-fields > span:last-child {
		vertical-align: text-top;
	}
	.row-fields ul {
		padding: 0;
	}

.bloc input,
.bloc select,
.bloc textarea,
.bloc .angucomplete-holder input {
	background-color: #F3F7FD;
	color: #404040;
	padding: .1em 0 .1em .3em;
	border: 1px solid #d8d8d8;
	box-shadow: inset 1px 1px 0 0 rgba(75, 75, 77, .3), 0 0 1px 0 rgba(255, 255, 255, .5);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.bloc input[type="file"]{
	max-width: 100%;
}
.bloc input[type="radio"],
.bloc input[type="checkbox"] {
	box-shadow: none;
	border: none;
	background-color: transparent;
	padding-left: 0;
	vertical-align:top;
}
.bloc textarea {
	vertical-align: text-top;
	min-height: 6em;
}
.row-fields button {
	font-size: 1.1em; /* fallback */
	font-size: .9rem;
	margin-top: .3em;
}
.row-fields input:hover,
.row-fields select:hover,
.row-fields textarea:hover {
	box-shadow: inset 0 0 1px 1px #116D94;
}
.row-fields input:focus,
.row-fields select:focus,
.row-fields textarea:focus {
	box-shadow: inset 0 0 1px 1px #2aa6d7;
}

.embedded-fs,
.full-w-fs {
	border: none;
}
.embedded-fs {
	width: 70%;
	margin-left: 27.5%;
	position: relative;
}
.embedded-fs legend {
	position: absolute;
	right: 100%;
	text-align: right;
	top: .35em;
	width: 35%;
}

.embedded-fs input{top: 2px;}
.embedded-fs input,
.full-w-fs input {
	position: relative;
	margin-bottom: .6em;
}
textarea.w-full {
	resize:none;
}
.full-w-fs {
	padding: 0;
	margin: 0 0 1em;
}
.full-w-fs legend {
	margin-bottom: .4em;
}
.full-w-fs select {
	display: block;
	width: 40%;
	margin-left: 12%;
}
.row-fields + .full-w-fs {
	margin-top: 1em;
}

.w-3em input,
.w-3em select,
.w-3em textarea {
	width: 3em;
}
.w-4em input,
.w-4em select,
.w-4em textarea {
	width: 4em;
}
.w-6em input,
.w-6em select,
.w-6em textarea {
	width: 6em;
}
.w-7em input,
.w-7em select,
.w-7em textarea {
	width: 7em;
}
.w-10em input,
.w-10em select,
.w-10em textarea {
	width: 10em;
}
.w-20em input,
.w-20em select,
.w-20em textarea {
	width: 20em;
}
.w-30em input,
.w-30em select,
.w-30em textarea {
	width: 30em;
}
.w-full {
	width: 100%;
	display: block;
}

.reqd {
	font-weight: bold;
	font-size: 1.5em;
	color: red;
	line-height: 0;
	position: relative;
	top: 5px;
}

.datepicker-btn {
	font-size: 14px;
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin-top: 5px;
}

select:disabled,
input:disabled {
	opacity: .5;
}

.djg-field-valuetype.djg-field-valuetype2 {
	display: inline-block;
}
.djg-field-valuetype.djg-field-valuetype2.duration  input { /* 1er champ, durée */
	width: 2.5em !important;
	margin-right: .6em;
}
.djg-field-valuetype.djg-field-valuetype2.amount  input { /* 1er champ, montant */
	width: 7em !important;
	margin-right: .6em;
}
.djg-field-valuetype.djg-field-valuetype2 .ui-selectonemenu .ui-selectonemenu-label { /* 2e (faux) champ, unité */
	width: 3em !important;
	height: 18px;
}

.djg-business-rules-box-panel .djg-field-valuetype.djg-field-valuetype2 .ui-selectonemenu .ui-selectonemenu-label {
	width: 6em !important;
}
/* -- */

/* DJG-13221 */
.dashboard-splitted .ui-selectonemenu {
	max-width: 28em !important;
}
/* -- */

.dashboard-splitted .djg-dashboard-box .djg-search-btn {
	margin-left: 34%;
}

/* DJG-13406 */
#djg-content.ui-panelgrid .ui-layout-center .djg-dashboard-box .djg-section-table td.djg-section-table-column-left,
#djg-wizard.ui-panelgrid .ui-layout-center .djg-dashboard-box .djg-section-table td.djg-section-table-column-left {
	color: #777;
	font-family: 'Open Sans';
	line-height: 1.3;
	padding-top: 1px;
	padding-right: 12px;
	padding-bottom: 7px;
	vertical-align: top;
	width: 180px;
}
#djg-content.ui-panelgrid.djg-edit-mode .ui-layout-center .djg-dashboard-box .djg-section-table td.djg-section-table-column-left,
#djg-wizard.ui-panelgrid.djg-edit-mode .ui-layout-center .djg-dashboard-box .djg-section-table td.djg-section-table-column-left {
	vertical-align: top;
}
#djg-content.ui-panelgrid .ui-layout-center .djg-splitted .djg-dashboard-box .djg-section-table td.djg-section-table-column-left,
#djg-wizard.ui-panelgrid .ui-layout-center .djg-splitted .djg-dashboard-box .djg-section-table td.djg-section-table-column-left {
	width: 144px; /* 130px */
}

.djg-dashboard-box .djg-section-table td.djg-section-table-column-right {
	font-family: 'Open Sans Semibold';
	word-break: break-word;
	overflow-wrap: anywhere;
	word-wrap: anywhere; /* for IE */
}

.djg-read-mode .djg-dashboard-box .djg-section-table td.djg-section-table-column-right .ui-outputpanel {
	display:inline-block;
}

.ui-dialog .ui-selectonemenu-panel {
	z-index: 2000 !important;
}

.ui-selectonemenu-panel[id^="genericPopIn"]  {
	z-index: 2000 !important;
}

.ui-selectonemenu-panel[id^="businessrule"]  {
	z-index: 2000 !important;
}

.ui-selectonemenu-panel[id^="popincreation"]  {
	z-index: 2000 !important;
}

.ui-selectonemenu-panel[id^="mergeTemplate"]  {
	z-index: 2000 !important;
}

	/* ============= =buttons ============= */

button,
.button,
.as-btn,
.djg-dashboard-box .ui-button,
.ui-dialog .ui-button,
.djg-dashboard-box .djg-search-btn,
.ui-overlaypanel .ui-button,
.djg-dashboardquickselector-button {
	background-color: #ffffff;
	color: #051f29;
	font-family: 'Open Sans Semibold';
	letter-spacing: normal;
	text-shadow: none;
	padding: 5px 8px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #ececec;
	border-bottom-color: #d3d3d3;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-left: .6em;
	/*-webkit-transition: all .2s ease;*/
	/*transition: all .2s ease;*/
	position: relative;
	white-space: nowrap;
}

a.djg-dashboardquickselector-button {
	padding: 0;
	margin-right: 0;
	color: #6f6f6f;
}

button.djg-dashboardquickselector-button {
	padding: 6px 2px;
}

.djg-dashboardselector-menuItem .ui-button,
.ui-button.djg-dashboardquickselector-button {
	border-style: solid;
	border-width: 1px;
	border-color: #ececec;
	border-bottom-color: #d3d3d3;
	height: 25px;
}

/*.djg-content-divider-right {*/
	/*height: 1320px;*/
/*}*/
.djg-content-divider-right .ui-picklist .ui-button {
	margin: 0px 3px 3px;
}
	.djg-content-divider-right .ui-button-text-only .ui-button-text,
	.djg-dashboard-box .ui-button-text-only .ui-button-text,
	.djg-business-rules-box .ui-button-text-only .ui-button-text,
	.ui-dialog .ui-button-text-only .ui-button-text,
	.ui-toolbar .ui-button-text-only .ui-button-text {
		padding: 0;
	}
	.djg-content-divider-right .ui-button .ui-button-text {
		line-height: normal;
		display: block;
	}
	.djg-content-divider-right .ui-picklist .ui-button .ui-button-text {
		padding: 0;
		display: block;
	}
	.djg-content-divider-right .ui-menubutton .ui-button-text-icon-left {
		padding-top: 0px;
		padding-bottom: 1px;
	}
	.ui-menubutton .ui-button-text-icon-left .ui-button-text {
		padding: 0;
	}
	.ui-menubutton .ui-button-text-icon-left .ui-button-icon-left + .ui-button-text {
		font-size: .75rem;
		padding: 0 0 0 18px;
	}
		.djg-content-divider-right .ui-menubutton .ui-button-text-icon-left .ui-button-text {
			font-size: 14px !important;
		}
		.autocomplete-panel .ui-menubutton .ui-button-icon-left.ui-icon-triangle-1-s + .ui-button-text { /* down arw + "+" */
		 }
		.ui-outputpanel .ui-menubutton .ui-button-icon-left.ui-icon-triangle-1-s + .ui-button-text,
		.djg-containment-link .ui-menubutton .ui-button-icon-left.ui-icon-triangle-1-s + .ui-button-text { /* down arw + "Ajouter" */
			font-size: 12px !important;
			padding: 3px 2px 3px 18px;
		}


.djg-section-table-column-right .djg-containment-link {
	padding-bottom: 8px !important;
}
	.djg-section-table-column-right .djg-containment-link a {
		margin-top: 4px;
	}
.djg-section-table-column-right .djg-containment-icon {
	vertical-align: middle;
}
	.djg-section-table-column-right .djg-containment-icon button {
		vertical-align: top;
	}

td.djg-task-table-content:nth-child(7) button {
	width: 24px !important;
	height: 24px !important;
	margin-left: 8px;
}

.main.bloc button {
	font-size: .8rem;
}
	.main.bloc.fileDeleteModal button {
		margin-top: 6px;
	}
.main.bloc.xsm button {
	font-size: .75rem;
}

.djg-dashboard-box .menu {
	/*max-width:500px;*/ /* JIRA DJG-17792: peut causer des effets de bord ou pas */
	text-align: right;
	white-space: nowrap;
}

.djg-dashboard-box .djg-search-btn {
	padding-top: 5px;
	padding-bottom: 5px;
}

.djg-dashboard-box .djg-search-btn .ui-button-text {
	color: #fbfbfb;
	background-color: transparent;
	font-size: .75rem;
	line-height: normal;
	padding: 0;
}

.djg-dashboard-box .djg-search-btn .ui-button-text:before {
	content: '\e819';
	color: currentColor;
	font-size: .9rem !important;
}

.has-icon-r,
.has-icon-l {
	padding-top: 5px;
	padding-bottom: 5px;
}
.has-icon-l {
	padding-right: 8px;
	padding-left: 6px !important;
}
.has-icon-r {
	padding-right: 6px !important;
	padding-left: 8px;
}
[role="banner"] nav .has-icon-r {
	padding-right: 0;
}
.action-prim,
.djg-dashboard-box .djg-search-btn {
	color: #fbfbfb !important;
	background-color: #116D94 !important;
	border-color: #0F6181 !important;
	border-bottom-color: #01587A !important;
}
.action-sec {
	color: #fbfbfb !important;
	background-color: #3EC23C !important;
	border-color: #3EC23C !important;
	border-bottom-color: #36A435 !important;
}

button.action-pos {
	background-color: #e5ffbe;
	border-bottom-color: #b8cc98;
}
button.action-pos:hover {
	color: #051f29 !important;
}

.action-neg {
	/*background-color: #ffddd3;*/
	background-color: #d34836;
	/*border-bottom-color: #cbb0a8;*/
	border-color: #C23725;
	color: white;
}

.btn-med,
.main.bloc .btn-med{
	font-size: .8em !important;
	padding-top: .35em;
	padding-bottom: .25em;
	line-height: 1.5;
}

.btn-sm,
.main.bloc .btn-sm {
	background-color: #fefefe;
	font-size: .7rem;
	font-weight: normal;
	line-height: 1;
	padding-top: 3px;
	padding-bottom: 4px;
	border-color: #efefef;
	border-bottom-color: #e1e1e1;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
@media all and (-ms-high-contrast:none) { /* IE */
	*::-ms-backdrop, .btn-sm {
		padding-top: 5.5px;
	}
}
.btn-sm.has-icon-l {
	padding: .3em .5em .4em .3em;
}
.btn-sm i {
	font-size: 125%;
}
.btn-sm i.icon-doc-new {
	font-size: 120%;
}

li > .btn-sm.has-icon-l:first-child {
	margin-left:0px;
}

a.button {
	text-decoration: none;
	display:inline-block;
}

a.as-btn {
	display: inline-block;
}

button.nrw,
a.as-btn.nrw {
	color: #ddd;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
.btn-sm:hover,
.btn-sm:focus,
.btn-sm:active,
a.as-btn:hover,
a.as-btn:focus,
a.as-btn:active,
.k-button[type="reset"]:hover,
.k-button[type="reset"]:focus,
.k-button[type="reset"]:active,
.djg-dashboard-box .ui-button:hover,
.djg-dashboard-box .ui-button.ui-state-focus,
.djg-content-divider-right button:hover,
.djg-content-divider-right button.ui-state-focus,
.ui-dialog .ui-button:hover,
.djg-dashboardquickselector-button:hover {
	border-color: #4499b9;
	box-shadow: none !important;
	text-decoration: none;
	/*background-color: #4499b9;*/
	color: #4499b9;
}

.btn-sm:hover,
.btn-sm:focus,
.btn-sm:active,
.ui-button:hover,
.ui-button:focus,
.ui-button:active,
.djg-dashboardquickselector-button:hover,
.main.bloc .btn-sm:hover,
.main.bloc .btn-sm:focus,
.main.bloc .btn-sm:active {
	background-color: #4499b9;
	color: #ffffff !important;
}



a.as-btn:hover,
a.as-btn:focus,
a.as-btn:active {
	background-color: #116d94;
}

.fileHistoryModal .btn-as-icon:hover,
.fileHistoryModal .btn-as-icon:focus,
.fileHistoryModal .btn-as-icon:active {
	color: #116d94;
}

button:disabled,
.ui-button:disabled {
	text-shadow: none ! important;
}

.djg-content-divider-right button.ui-state-hover,
.djg-business-rules-box button.ui-state-hover,
.djg-dashboard-box .ui-button.ui-state-hover,
.djg-dashboard-box .djg-search-btn.ui-state-hover,
.ui-dialog .ui-button.ui-state-hover {
	border-width: 1px !important;
}

.as-btn:hover,
.as-btn:focus,
.as-btn:active {
	border-bottom-width: 1px;
}

button:active,
.as-btn:active {
	top: 1px;
}

button.classics:hover,
button.action-prim:hover,
button.action-prim:focus,
button.action-prim:active,
.djg-dashboard-box .djg-search-btn:hover,
.djg-dashboard-box .djg-search-btn:active,
#djg-subheader-wrap .djg-toolbar-actions button#additionalActionsButton:hover,
#djg-subheader-wrap .djg-toolbar-actions button#additionalActionsButton:active,
#djg-subheader-wrap .djg-toolbar-actions button.ui-button-text-only.ui-state-hover {
	background-color: #4499b9 !important;
	color: #fff;
	text-shadow:1px 1px 1px #333333;
	border-color: #0578a4 !important;
}


button.action-sec:hover,
button.action-sec:focus,
button.action-sec:active {
	background-color: #58cb57;
	border-color: #58cb57;
	border-bottom-color: #4fb44f;
	color: white;
}

button.action-pos:hover,
button.action-pos:focus,
button.action-pos:active {
	background-color: #f1ffda;
}

button.action-neg:focus,
button.action-neg:hover {
	background-color: #f56A58;
	border-color: #E45947;
	color:white;
}
/*button.action-neg:hover,*/
/*button.action-neg:focus,*/
button.action-neg:active {
	background-color: #ffe5dd;
	color: #051f29;
}

.djg-content-divider-left button,
.djg-toolbar-actions button,
.ui-toolbar-group-right button {
	box-shadow: none;
	transition: none;
}

/* BR btns */
#djg-subheader-wrap .djg-toolbar-actions button.djg-content-actions,
#djg-subheader-wrap .djg-toolbar-actions button#additionalActionsButton {
	background-color: #fbfbfb;
	border: 1px solid #ececec;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 8px !important;
}

.djg-toolbar-actions button.djg-content-actions .ui-button-text,
.djg-toolbar-actions button#additionalActionsButton .ui-button-text {
	padding: 5px 8px;
}
.djg-content-divider-right .djg-toolbar-actions button.djg-content-actions .ui-button-text {
	font-size: .8rem;
	padding: 0;
}

.ui-menu-dynamic#j_id4 {
	position: fixed;
	top: 93px !important;
	z-index: 99999 !important;
}

.as-link,
.k-button[type="reset"] {
	/*text-decoration: underline;*/
	cursor: pointer;
	color: #a3a3a3;
	background-color: transparent;
	padding: 5px 8px 5px;
	border-color: transparent;
	box-shadow: none;
}
/*.as-link i {*/
	/*text-decoration: none !important;*/
/*}*/
button.as-link.has-icon-l,
button.as-link.has-icon-r {
	padding-top: 5px;
	padding-bottom: 5px;
}
button.as-link.has-icon-l i,
button.as-link.has-icon-r i {
	text-decoration: none;
	display: inline-block;
}

.as-link:hover,
.as-link:focus,
.as-link:active
{
	background-color: #fff8ed;
	text-decoration: underline;
}

button.as-link:hover,
button.as-link:focus,
button.as-link:active,
.k-button[type="reset"]:hover,
.k-button[type="reset"]:focus,
.k-button[type="reset"]:active {
	color: #7EA0B3 !important;
	/*background-color: #fff8ed;*/
	/*text-decoration: none;*/
}

span.as-link {
	margin-right: 10px;
	margin-left: 10px;
	padding:0px;
}

span.as-link:hover,
span.as-link:focus,
span.as-link:active {
	background-color: transparent;

}

.disabled {
	opacity: 0.3;
	cursor: default !important;
}
.disabled:hover {
	text-shadow: none !important;
	cursor: default !important;
}


a.as-btn.disabled,
a.as-btn.disabled:hover,
button:disabled,
button:disabled:hover {
	background-color: #fbfbfb !important;
	color: #ddd !important;
	border-color: #ddd !important;
	box-shadow: none;
	text-shadow: none;
	cursor: not-allowed !important;
}

button:disabled,
button:disabled:hover {
	background-color: #fbfbfb !important;
	color: #ddd !important;
	border-color: #ddd !important;
	cursor: not-allowed !important;
}
button.toggle:disabled {
	display: none;
}

.transp {
	background-color: transparent;
	color: #fbfbfb;
	border: 1px solid #1E7FA4; /* fallback */
	border: 1px solid rgba(255, 255, 255, .2);
	box-shadow: none;
}
	.transp i {
		color: #ACCEDC; /* fallback */
		color: rgba(255, 255, 255, .7);
	}

.transp:hover,
.transp:focus,
.transp:active {
	background-color: #1E7FA4; /* fallback */
	background-color: rgba(255, 255, 255, .2);
	border: 1px solid rgba(255, 255, 255, .3);
	box-shadow: none;
}

.users-list .user .delete {
	padding: 0;
	margin: 0 -1px;
	border: none;
	box-shadow: none;
}
.users-list .user .delete i:before {
	margin: 0;
}
.btn-as-icon,
table[role="grid"] a.btn-as-icon {
	color: #bebebe;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}
.list-in-cell .hover-region .btn-as-icon {
	color: transparent;
}
.list-in-cell .hover-region:hover .btn-as-icon {
	color: #bebebe;
}
.list-in-cell .btn-as-icon.always-on,
.list-in-cell .hover-region:hover .btn-as-icon.always-on{
	color: #116d94;
}

.list-in-cell .hover-region:hover .btn-as-icon:hover,
.list-in-cell .hover-region:hover .btn-as-icon:focus,
.list-in-cell .hover-region:hover .btn-as-icon:active {
	color: #116D94;
}

.btn-as-icon,
.btn-as-icon:hover,
.btn-as-icon:focus,
.btn-as-icon:active {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
}
.btn-as-icon:hover,
.btn-as-icon:focus,
.btn-as-icon:active {
	color: #116D94;
}

.file-actions {
	display: inline-block;
	margin-left: .2em;
}

.img-preview {
	height: 50%;
	width: 50%;
	display: flex;
}

.ui-toolbar-group-right button {
	vertical-align: top;
}
.ui-toolbar-group-right.djg-toolbar-actions button {
	margin-right: 10px;
}
.ui-toolbar-group-right button:last-child {
	margin-right: 0;
}
.ui-toolbar-group-right button.addon-common .ui-button-text {
	display: block !important;
	position: absolute;
	left: -999em;
}

.addon-icon-for-field-alert,
.addon-icon-for-field-alert:hover,
.addon-icon-for-field-alert:focus,
.addon-icon-for-field-alert:active {
	border: none;
	box-shadow: none;
}

.delete-btn {
	background-color: transparent;
	padding: 0;
	border: none;
	box-shadow: none;
}

.steps .upld-file-btn {
	font-size: .9em;
}

.djg-data-export {
	margin-bottom: 5px;
	position: relative;
}

.djg-data-export-xls {
	position: absolute;
	right: -8px;
	top: -8px;
}
.has-toggle .ui-panel-content .djg-data-export-xls {
	right: 22px;
}

.djg-diagramlink {
	margin-bottom: 8px;
}

.ui-fileupload-choose,
.ui-fileupload-upload,
.ui-fileupload-cancel {
	padding: 4px 3px;
}

.exp-xls {
	padding: 5px 8px 5px 5px !important;
}
.exp-xls:hover,
.exp-xls:focus,
.exp-xls:active {
	background-color: #4499b9;
	color: #ffffff;
	text-shadow:1px 1px 1px #333333;
}


/* ============= =dialog ============= */
.ui-dialog .djg-dialog .ui-toolbar-group-left {
	float: none;
}

.ui-dialog .ui-dialog-content .djg-dialog-panel {
	background-color: #ffffff;
	width: 100%;
	height: calc(100% - 40px);
	max-height: 60vh;
	position: relative;
	top: 0;
	margin-bottom:40px;
	left: 0;
	right: 0;
	margin-right: 55px;
}

.ui-dialog .djg-scrollable-dialog-content {
	max-height: 450px; /*** JIRA 16824  résolution pc portable microsoft à 150%
	JIRA 17128 déplacement depuis .ui-dialog .ui-dialog-content .djg-dialog-panel***/
}

.ui-dialog .ui-dialog-content .djg-dialog-panel > :first-child {
	margin:10px;
}

.djg-dialog-panel.main.bloc > :first-child {
	margin: 15px;
}

.ui-dialog .ui-dialog-content .button-panel {
	bottom: 0;
	height: 55px;
	width: 100%;
	position: absolute;
}

.ui-dialog .ui-dialog-content .button-panel .ui-toolbar-group-left {
	bottom: 0;
	width: 100%;
	position: absolute;
}

.ui-dialog .ui-panel .ui-widget .ui-widget-content .djg-content-panel {
	padding-bottom: 10px;
}

/* ============== JQUERY BUTTON DIALOG ========================*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:left;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color: #4499b9;
}
/*=============== JQUERY BUTTON DIALOG =========================*/



/* ============= =dropdowns ============= */

.dropdown {
	position: relative;
	display: inline-block;
}
.dropdownmenu {
	background-clip: padding-box;
	background-color: #fbfeff;
	text-align: left;
	font-size: 14px;
	border: 1px solid #c5c5c5;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	float: left;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 1px 0 0;
	min-width: 60px;
	position: absolute;
	top: 100%;
	z-index: 1000;
}
.open > .dropdownmenu {
	display: block;
}
	.dropdownmenu > li {
		border-bottom: 1px solid #e6e6e6;
		margin-bottom: 0;
		white-space: nowrap;
	}
	.dropdownmenu .divider,
	.dropdownmenu > li:last-child {
		border-bottom: none;
	}
	.dropdownmenu .divider {
		background-color: #c5c5c5;
		height: 1px;
		margin: -1px 0 0;
		overflow: hidden;
	}

	.dropdownmenu > li > div {
		cursor: pointer;
		outline: none;
	}

	.dropdownmenu > li > div,
	.dropdownmenu > li > a {
		clear: both;
		color: #555 !important;
		font-size: 13px;
		line-height: 1.4;
		padding: 5px 10px;
		display: block;
		position: relative;
	}
	.dropdownmenu > li > a i {
		color: #555;
		font-size: 16px;
		text-shadow: none;
		position: absolute;
		right: 10px;
	}
	.dropdownmenu > li:first-child > div,
	.dropdownmenu > li:first-child > a {
		border-radius: 2px 2px 0 0;
	}
	.dropdownmenu > li:last-child > div,
	.dropdownmenu > li:last-child > a {
		border-radius: 0 0 2px 2px;
	}
	.dropdownmenu > li > div:hover,
	.dropdownmenu > li > div:focus,
	.dropdownmenu > li > div:active,
	.dropdownmenu > li > a:hover,
	.dropdownmenu > li > a:focus,
	.dropdownmenu > li > a:active {
		background-color: #4499b9;
		color: #ffffff !important;
		text-shadow:1px 1px 1px #333333;
		text-decoration: none;
		border-bottom: none;
	}
.k-header.k-grid-toolbar .dropdownmenu {
	z-index: 10;
}


/* ============= =ng-sortable ============= */

.as-sortable-item {
	-ms-touch-action: none;
	touch-action: none;
}
.as-sortable-hidden {
	display: none !important;
}
.as-sortable-placeholder {
	min-height: 20px;
	border-radius: 3px;
	border: 1px dashed #B1C8D5;
	background-color: #E5F3FB;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* -- */

.draggable {
	background-color: transparent;
	line-height: 1.2;
	padding: 2px 2px 1px 3px;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; /* IE10+ */
	user-select: none;
}
.draggable:hover {
	background-color: #fff;
	border-color: #e7e7e7;
	cursor: move;  /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.as-sortable-drag {
	position: absolute;
	z-index: 9999;
	pointer-events: none;
	opacity: .8;
	background-color: #ffffe8;
	box-shadow: 0 1px 2px rgba(55,55,55,.3);
}
.grabbed,
.draggable:active {
	background-color: #ffffff;
	border-color: #e8e8ba;
	box-shadow: 0 1px 2px rgba(55,55,55,.3);
	top: 1px;
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
	position: relative;
}
.as-sortable-item-handle {
	padding: 1px 0 1px 8px;
	position: relative;
}
.as-sortable-item-handle::before {
	content: "";
	background: url("../images/grippy.png") repeat-y 0 0 transparent;
	opacity: 0.3;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	position: absolute;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
.as-sortable-item-handle:hover::before {
	opacity: 1;
}

/* ============= =definition lists ============= */

.dl-as-dl {
	color: #5c5c5c;
	font-size: .8em;
}
.dl-as-dl dt {
	font-weight: bold;
	margin: .8em 0 .1em;
}
.dl-as-dl dt:first-child {
	margin-top:0;
}
.dl-as-dl dd
{		margin: 0 0 .4em 2em;
}
.dl-as-dl .as-li {
	display: list-item;
	list-style-type: circle;
	margin: 0 0 .2em 3em;
}


/* ============= =icons extras ============= */

.icon-pause {
	color: #FFA500;
}
.icon-play {
	color: #3EC23C;
}

.icon-cancel {
	color: #FE5A15;
}
.row-state .icon-ok,
.row-state .icon-thb-up {
	color: #0acc08;
}
:disabled [class^="icon-"],
:disabled [class*=" icon-"] {
	color:#e3e3e3;
}

.actions-li [class^="icon-"],
.as-link [class^="icon-"] {
	color: inherit;
}

.icon-list-2:before {
	position: relative;
	top: 2px;
}

/* === left === */

.has-icon-l [class^="icon-"] {
	margin-right: .2em;
}
.has-icon-l .icon-cancel,
.has-icon-l .icon-doc-new {
	margin-right: .1em;
}
.has-icon-l .icon-logout {
	margin-right: .3em;
}
.has-icon-l .icon-archive {
	margin-right: .4em;
	font-size: .9em;
}
.has-icon-l .icon-merge:before {
	font-size: 1.5em;
	margin: .3em .3em .45em .4em;
}
.has-icon-l.btn-sm .icon-plus-c {
	margin-top: .2em;
	margin-right:0;
}

/* === right === */

.has-icon-r .icon-right {
	margin-left: .2em;
}

.has-only-icon {
	padding: .3em;
}
	li .has-only-icon{
		padding: 0;
	}

.rnd {
	padding: 5px !important;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

main .has-only-icon.rnd .icon-cogs2:before {
	font-size: 1.5em;
	padding: .18em 0 .1em;
}


/* == new icons 03 2005 == */

.djg-toolbar-actions {
	padding: 0;
}

#button-task-content,
#button-workflow-content,
#button-alert-immediate-content,
#button-amendment-content,
#button-alert-content,
.addon-icon-for-field-alert,
.addon-icon-for-field-task-visa-signal,
.addon-icon-for-field-task-visa-add,
.addon-icon-for-field-amendment,
.djg-toolbar-actions button .merge_icon_enabled,
.djg-toolbar-actions button .merge_icon_disabled,
.djg-toolbar-actions button .print_icon_enabled,
.djg-toolbar-actions button .print_icon_disabled,
.djg-toolbar-actions button .modify_icon_enabled,
.djg-toolbar-actions button .modify_icon_disabled,
.djg-toolbar-actions button .delete_icon_enabled,
.djg-toolbar-actions button .delete_icon_disabled,
.djg-toolbar-actions button .save_icon_enabled,
.djg-toolbar-actions button .save_icon_disabled,
.djg-toolbar-actions button .cancel_icon_enabled,
.djg-toolbar-actions button .cancel_icon_disabled {
	background: url("../images/sprite_icons-2015-03.png") no-repeat transparent !important;
	border-radius: 0 !important;
	margin-top: 5px;
	transition: none;
}

/* toolbar actions */
#button-task-content { background-position: 0 -111px !important; }
#button-workflowCounter-content {
	background-color: #4499b9 !important;
	color: #fff;
	text-shadow:1px 1px 1px #333333;
	border-color: #0578a4 !important;
    padding: 5px 8px;
}
#button-workflow-content { background-position: 1px -135px !important; }
#button-alert-immediate-content { background-position: 0 -159px !important; }
#button-amendment-content { background-position: 0 -183px !important; }
	[lang="en"] #button-amendment-content { background-position: 0 -207px !important; }
#button-alert-content { background-position: 0 -231px !important; }

.djg-toolbar-actions button .merge_icon_enabled,
.djg-toolbar-actions button .merge_icon_disabled {
	background-position: 0 -255px !important;
}
.djg-toolbar-actions button .print_icon_enabled,
.djg-toolbar-actions button .print_icon_disabled {
	background-position: 0 -279px !important;
}
.djg-toolbar-actions button .modify_icon_enabled,
.djg-toolbar-actions button .modify_icon_disabled {
	background-position: 0 -303px !important;
}
.djg-toolbar-actions button .delete_icon_enabled,
.djg-toolbar-actions button .delete_icon_disabled {
	background-position: 0 -327px !important;
}
.djg-toolbar-actions button .save_icon_enabled,
.djg-toolbar-actions button .save_icon_disabled {
	background-position: 0 -351px !important;
}
.djg-toolbar-actions button .cancel_icon_enabled,
.djg-toolbar-actions button .cancel_icon_disabled {
	background-position: 0 -375px !important;
}

.djg-toolbar-actions button.addon-common {
	position: inherit;
}

.ui-button-icon-only .ui-button-text {
	padding: 0;
}
.djg-toolbar-actions button.ui-button-icon-only:hover,
.djg-toolbar-actions button.ui-button-icon-only.ui-state-hover,
.djg-toolbar-actions button.ui-state-focus {
	background: transparent !important;
}
.djg-toolbar-actions button:focus {
	outline: 1px dotted;
}
.djg-toolbar-actions button:disabled {
	background-color: transparent;
	color: #ddd;
	border-color: #ddd;
	box-shadow: none;
}
.djg-toolbar-actions .ui-button-text-only.ui-state-active {
	background-color: #006c93 !important;
}

.djg-popup .ui-button {
	margin-left: auto;
}

button[id^="remove_"],
button[id^="up_"],
button[id^="down_"] {
	padding: 4px 0 !important;
}
	button[id^="remove_"] .ui-button-text,
	button[id^="up_"] .ui-button-text,
	button[id^="down_"] .ui-button-text {
		padding: 0;
	}
	button[id^="remove_"] .ui-button-text {
		display: none !important;
	}

.djg-tbllayout-cell button[id^="remove_"] {
	padding: 12px 10px !important;
}

/* fields (inline) */
.addon-icon-for-field-alert { background-position: 0 0 !important; }
	.addon-icon-for-field-alert.addon-hidden { background-position: 0 -19px !important; }
.addon-icon-for-field-task-visa-signal { background-position: 0 -38px !important; }
.addon-icon-for-field-task-visa-add { background-position: 0 -56px !important; }
.addon-icon-for-field-task {  }
.addon-icon-for-field-amendment { background-position: 0 -75px !important; }
	[lang="en"] .addon-icon-for-field-amendment { background-position: 0 -93px !important; }

.addon-icon-for-field-alert,
.addon-icon-for-field-task-visa-signal,
.addon-icon-for-field-task-visa-add,
.addon-icon-for-field-task,
.addon-icon-for-field-amendment {
	width: 18px;
	height: 16px;
	vertical-align: middle;
	position: inherit !important;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
}


.djg-section-table-column-right > button{
	margin-left: 5px;
}
span.djg-pseudo-list + button,
.djg-section-table-column-right span:empty + button {
	margin-left: 0;
}

.djg-section-table-column-right:hover .addon-icon-for-field-task {
	display: none; /* unnecessary button */
}

.djg-section-table-column-right span span,
.djg-section-table-column-right .djg-pseudo-list {
	margin-right: 0;
}

.djg-composite-item + .djg-composite-item {
	padding-right: 0;
}

.chat .users .k-multiselect ul {
	display:none;
}

.chat .users-list .user {
	padding: 1px 0 0 2px;
	display: inline-block;
}
.chat .users-list .btn-as-icon {
	font-size: 1.2em;
	cursor: pointer;
	color: #004864;
}
	.chat .users-list .btn-as-icon i:before {
		padding: 0 2px 1px;
		-webkit-transition: color .3s ease;
		transition: color .3s ease;
	}
.users-list .toggle:hover .icon-mail:before,
.users-list .toggle:active .icon-mail:before {
	color: #116d94;
}
.users-list .toggle:focus {
	outline: #333 1px dotted !important;
}

.users-list .toggled .icon-mail:before {
	background-color: #599bb2;
	color: #fff;
	border-radius: 2px;
}

.djg-new-notifs {
	background: url("../images/sprite_header-nav.png") no-repeat left -30px;
	width: 19px;
	height: 20px;
	position: relative;
	top: -3px;
}
.djg-new-notifs + .ui-menuitem-text {
	background-color: #F3A657;
	font-size: .7rem;
	line-height: 1.1;
	text-align: center;
	padding: .2rem;
	min-width: .7rem;
	border-radius: 50%;
	position: relative;
	left: -5px;
	top: 5px;
}

/* buttons in k-grid tables */

.k-grid-content-locked .has-only-icon,
.k-grid-content .has-only-icon {
	font-size: 1.3em;
	padding: 0 .2em;
	border-radius: 0;
}
.k-grid-content-locked tr .has-only-icon,
.k-grid-content tr .has-only-icon {
	margin-right: .1em;
}
.k-grid-content-locked tr .has-only-icon:last-child,
.k-grid-content tr .has-only-icon:last-child {
	margin-right: 0;
}
.k-grid-content-locked tr button.nrw,
.k-grid-content-locked tr a.k-button,
.k-grid-content tr button.nrw,
.k-grid-content tr a.k-button {
	color: #116d94;
	font-size: .9rem;
	background-color: transparent;
	text-shadow: none;
}
.k-grid-content tr a.k-button:link,
.k-grid-content tr a.k-button:visited,
.k-grid-content tr a.k-button:focus,
.k-grid-content tr a.k-button:hover,
.k-grid-content tr a.k-button:active {
	border: none;
	background-image: none;
	background-color: transparent;
	padding: 0 !important;
	margin: 0;
	box-shadow: none;
	min-width: 0 !important;
}

.thirdPartiesSubscriber .k-grid {
	max-width: 580px;
	height: 220px;
}
.thirdPartiesSubscriber .k-grid-content {
	height: 190px !important;
}

.thirdPartiesSubscriber {
	width:580px;
	height:330px;
}

.thirdPartiesSubscriber .k-grid-edit-row td:first-child {
	overflow: visible;
}

.thirdPartiesSubscriber .button-panel {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 45px;
	width: 100%;
	background: #f5f5f5;
	border: solid #bbbbbb;
	border-top-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
}

.thirdPartiesSubscriber .button-panel .ui-toolbar-group-left {
	position: relative;
	top: 0px;
}


/* ============= =h5bp helper classes ============= */


.hide {
	display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden,
.has-only-icon span {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/* ============= (CSS only) =tooltips ============= */
/* === based on http://jsbin.com/oxamez/1/edit === */

/* base */
.tooltip {
	outline:none;
	position: relative;
}
.tooltip span,
.tooltip.hide-val:hover span,
.tooltip.hide-val:focus span {
	line-height: 1em;
	font-size: .8em;
	white-space: nowrap;
	text-decoration: none;
	color: transparent;
	background-color: transparent;
	padding: .5em;
	position: absolute;
	z-index: 10;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/*instead of display: none;*/
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	width: 1px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.tooltip span b {
	position: absolute;
	width: 0;
	height: 0;
	border: .5em solid transparent;
}

/* north */
.tooltip.n span {
	top: -225%;
	left: -25%;
	margin-left: 1em;
	margin-top: 0;
}
.tooltip.n span b {
	border-top: .5em solid #116D94;
	bottom: -1em;
	left: 1em;
}

/* south */
.tooltip.s span {
	bottom: -135%;
	right: -24%;
	margin-left: 1em;
	margin-top: 100%;
}
#logout.tooltip.s span,
#user-acc.tooltip.s span{
	bottom: -110%;
}
.tooltip.s span b {
	border-bottom: .5em solid #116D94;
	top: -1em;
	right: 1em;
}
.tooltip.s.transp span b {
	border-bottom: .5em solid #fbfbfb;
}

/* east */
.tooltip.e span {
	top: 0;
	left: 100%;
	margin-left: 1em;
	margin-top: -.5em;
}
.tooltip.e span b {
	border-right: .5em solid #116D94;
	top: .5em;
	left: -1em;
}

/* west */
.tooltip.w span {
	top: 0;
	right: 108%;
	margin-right: 1em;
	margin-top: -.5em;;
}
.tooltip.w span b {
	border-left: .5em solid #116D94;
	top: .5em;
	right: -1em;
}
.tooltip.w.transp span b {
	border-left: .5em solid #fbfbfb;
}


/* event: hover */
.tooltip:hover span,
.tooltip:focus span{

	/*instead of display: block;*/
	clip: auto;
	height: auto;
	color: #eee;
	background: #116D94;
	border: 1px solid #116D94;
	box-shadow: 0 1px 2px rgba(55,55,55,.3);
	width: auto;
	margin: auto;
	overflow: visible;
}
.tooltip.transp:hover span,
.tooltip.transp:focus span{
	color: #444;
	background: #fbfbfb;
}
p.tooltip:focus i {
	color: #116d94;
	outline: 1px dotted;
}

/* IE tooltip bug */
button {overflow: visible;}

p.tooltip,
span.tooltip {
	cursor: default;
	color: #c1c1c1;
	display: inline;
	margin: 0 0 0 5px;
}
	p.tooltip:hover {
		color: #116d94;
	}

.tooltip.long-content span {
	color: #898989;
	background: #f5f5f5;
	font-size: 1em;
	line-height: 1.1;
	white-space: pre-wrap;
	word-wrap: break-word;
	border: none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	max-width: 18em;
	min-width: 12em;
}
.tooltip.long-content.auto span {
	width: auto;
}
.tooltip.long-content.quote span {
	font-style: italic;
}
.tooltip.long-content.s span {
	right: auto;
	left: -700%;
	top: 152%;
	bottom: auto;
}
.tooltip.long-content.s span b {
	border-bottom-color: #f5f5f5;
}

.tooltip.long-content ul {
	padding-left: 0.5em;
	margin: 0;
}

.tooltip.long-content span {
	margin-left: 0.5em;
	border: solid 1px #b5c5d5;
}

.tooltip .icon-info {
	color: #85acff;
}

table tr.highlite {
	background-color: #eff4f8;
	border: 1px solid #ebebeb;
}

table tr.current {
	background-color: #f2faff;
	border: 1px solid #daefff;
}

.fileUpdateModal .tooltip .icon-info {
	font-size: 1.1em;
}


/* ============ =alert-boxes ============ */

.box-alert,
.inline-alert {
	font: bold 1em/1.3 Arial, sans-serif;
	color: #666;
	text-shadow: 0 1px 1px #fff;
	padding: .6em;
	margin: 0 0 1em;
	display: inline-block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(55,55,55,.3);
}
.box-alert:before,
.inline-alert:before {
	cursor: default;
}
.inline-alert  {
	font-size: .8em;
	padding: .4em .5em;
	box-shadow: 0 1px 1px rgba(55,55,55,.1);
}
.inline-alert.min {
	line-height: 1;
	padding: 2px 2px 1px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 1px 1px rgba(55,55,55,.2);
}
	.inline-alert.min:before {
		margin-right: 0;
	}

.indicator.sign:before,
.indicator.arrow:before,
.indicator.smiley:before,
.indicator.gauge:before,
.indicator.weather:before,
.indicator.thumb:before,
.indicator.archived:before,
.indicator.bool:before,
.indicator.pin:before,
.indicator.envl:before,
.indicator.flag:before,
.indicator.p-en-c:before,
.ok:before,
.info:before,
.warng:before,
.err:before,
.watch:before,
.danger:before,
.ko:before,
.workflow-quick-edit tbody .task:before,
.workflow-quick-edit tbody .visa:before,
.djg-business-rules-result-success .ui-dialog-titlebar .ui-dialog-title:before,
.djg-business-rules-result-warning .ui-dialog-titlebar .ui-dialog-title:before,
.djg-business-rules-result-fail .ui-dialog-titlebar .ui-dialog-title:before,
.djg-business-rules-box .hasDatepicker:after,
#general_triggers_gadget_uri_panel .k-grid tbody tr td:first-child span span::before,
#gadget_subscription_gadget_uri_contentpanel .k-grid tbody tr td:first-child span span::before,
.djg-dashboard-box .djg-search-btn .ui-button-text:before,
.ui-breadcrumb ul li:after {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .4em;
	text-align: center;
	font-size: 130%;

	/* for safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1;
}

.ok {
	background-color: #EEFFD5;
}
	.ok:before {
		content: '\e832';
		color: #A3F12B;
	}
	.ok a:link,
	.ok a:visited {
		color: #4a9244;
	}
	.ok a:hover,
	.ok a:focus,
	.ok a:active {
		color: #6AB564;
	}
.info {
	background-color: #D9EBFF;
	padding-top: 1em;
	padding-bottom: 1em;
}
	.info:before {
		content: '\e820';
		color: #85ACFF;
	}
.warng {
	background-color: #FEF5C2;
}
.warng:before {
	content: '\e83d';
	color: #F7B026;
}
.err {
	background-color: #ffddd3;
	padding-top: 1em;
	padding-bottom: 1em;
}
	.err:before {
		content: '\e82f';
		color: #FF7B7B;
	}


.djg-preserve-crlf {
	white-space:pre-wrap;
}

/* override */
.djg-yellow-style,
.ui-dialog .business-rule-description-style {
	background-color: #fffabc;
	color: #626262;
}

.ui-dialog .business-rule-description-style {
	margin-bottom: 1em;
}

.fileUploadModal .inline-alert,
.createTask .inline-alert {
	padding-left: 2rem;
	position: relative;
	margin-top: .8em;
	margin-bottom: 0;
}
	.fileUploadModal .inline-alert:before,
	.createTask .inline-alert:before  {
		position: absolute;
		left: 5px;
		top: 10px;
		font-size: 1.2rem;
	}


/* ============ =indicators ============ */
.indicator {
	display: inline-block;
	cursor: default;
}
button.indicator {
	cursor: pointer;
}
.indicator,
.indicator.tooltip {
	margin: 0 4px;
}
.indicator.tooltip.n span {
	top: -200%; /* -166%; */
}

.indicator.hide-val span {
	position: absolute;
	left: -999em;
}

.indicator.arrow:before,
.indicator.smiley:before,
.indicator.thumb:before,
.indicator.gauge:before,
.indicator.weather:before,
.indicator.archived:before,
.indicator.bool:before,
.indicator.pin:before,
.indicator.envl:before,
.indicator.flag:before,
.indicator.p-en-c:before {
	font-size: 162%;
}
button.indicator.nrw:before {
	color: #116d94 !important;
	font-size: 18px !important;
}

.indicator.sign.val-1 {
	background: transparent;
}
.indicator.sign.val-1:before {
	content: '\e832';
	color: #fff;
	background-color: #aede25;
	font-size: 10px;
	padding: 4px 3px 3px 4px;
	border-radius: 50%;
}
.watch:before,
.indicator.sign.val-2:before {
	content: '\e83c';
	color: #ffaa3d;
	font-size: 17px;
	margin-right: 4px;
}
.danger:before,
.indicator.sign.val-3:before {
	content: '\e82f';
	color: #eb5740;
	font-size: 15px;
}
.indicator.sign.val-4:before {
	content: '\e81d';
	color: #fff;
	background-color: #999;
	font-size: 10px;
	padding: 4px 3px 3px 4px;
	border-radius: 50%;
}

.indicator.arrow.val-1:before {
	content: '\e861';
	color: #aede25;
}
.indicator.arrow.val-2:before {
	content: '\e860';
	color: #ffaa3d;
}
.indicator.arrow.val-3:before {
	content: '\e85e';
	color: #eb5740;
}

.indicator.smiley.val-1:before {
	content: '\e844';
	color: #aede25;
}
.indicator.smiley.val-2:before {
	content: '\e86b';
	color: #ffaa3d;
}
.indicator.smiley.val-3:before {
	content: '\e86a';
	color: #eb5740;
}

.indicator.gauge.val-1:before {
	content: '\e869';
	color: #aede25;
}
.indicator.gauge.val-2:before {
	content: '\e868';
	color: #ffaa3d;
}
.indicator.gauge.val-3:before {
	content: '\e867';
	color: #eb5740;
}
.indicator.gauge.val-4:before {
	content: '\e866';
	color: #7b7b7b;
}

.indicator.weather.val-1:before {
	content: '\e864';
	color: #ffed00;
}
.indicator.weather.val-2:before {
	content: '\e865';
	color: #cdcdcd;
}
.indicator.weather.val-3:before {
	content: '\e85a';
	color: #7b7b7b;
}

.indicator.thumb.val-1:before {
	content: '\e86c';
	color: #aede25;
}
.indicator.thumb.val-2:before {
	content: '\e845';
	color: #ffaa3d;
}

.indicator.archived.val-1:before {
	content: '\e843';
	color: #7b7b7b;
}
.indicator.archived.val-2:before {
	content: '';
	color: transparent;
}

.indicator.bool.val-1:before,
.indicator.p-en-c.val-2:before {
	content: '\e862';
	color: #a1ef14;
}
.indicator.bool.val-2:before {
	content: '\e863';
	color: #ddd;
}

.indicator.pin.val-1:before {
	content: '\e86d';
	color: #bbb;
}
.indicator.pin.val-2:before {
	content: '\e86e';
	color: #7b7b7b;
}

.indicator.envl.val-1:before {
	content: '\e870';
	color: #bbb;
}
.indicator.envl.val-2:before {
	content: '\e86f';
	color: #7b7b7b;
}

.indicator.flag.val-1:before {
	content: '\e874';
	color: #bbb;
}
.indicator.flag.val-2:before,
.indicator.p-en-c.val-1:before {
	content: '\e873';
	color: #7b7b7b;
}

.k-grid-content .indicator:before {
	font-size: 1rem;
	position: relative;
	top: 1px;
	margin-right: 2px;
}


/* ============= =discussions ============= */

.bloc.chat {
	position: relative;
}
.bloc h1 {
	font-size: 1rem;
	margin: 0;
}
.bloc.xsm h1 {
	font-size: .8rem;
	font-weight: bold;
	text-transform: none;
	margin-top: 0;
}

.bloc h2 {
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
	margin: .4em 0 .2em;
}
	.steps h2 {
		margin: 0;
	}
	.bloc h2 span {
		color: #f90;
	}

.bloc h3 {
	color: #444;
	font-size: .9em;
	margin: 0;
	display: inline-block;
}

	.activities-list h3 {
		border: none;
    	margin: 0;
	}
	.activities-list .activity-edit h3 input {
		font-weight: bold;
		padding: 0 0 0 0.3em;
		width: 14em;
	}

.bloc.chat input[type="text"] {
	font-size: .9em;
	color: #444;
	width: 100%;
	padding: 3px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.bloc .plaintext {
	color: #5c5c5c;
	font-size: .9rem;
	margin-top: .4em;
}
.bloc.xsm .plaintext {
	font-size: .75rem;
	margin: .2rem 0 .6rem;
}

.wndw.workflow-without-step{
	border: none;
}
.steps > .wndw {
	background-color: transparent;
	min-height: inherit;
}
.wndw .folded {
	padding-bottom: 0;
	-webkit-transition: padding .5s ease;
	transition: padding .5s ease;
}

.bloc input[type="text"] {
	border: 1px solid #ddd;
	/*border-top: 1px solid #aaa;*/
	margin: 0 0 1em;
}
.activity-block aside input {
	box-shadow: none;
	margin-bottom: 10px;
	border-radius: 3px;
}
.activity-block aside input:hover,
.activity-block aside input:focus {
	/*outline: none;*/
	/*background-color: #e1f0ff;*/
	border: solid 1px #0578a4;

}

.bloc aside.chat .comment-input {
	background-color: #fff;
	display: block;
	width: 100%;
	height: 2em;
}
.bloc .angucomplete-holder input:focus,
.bloc .activities-list textarea:focus,
.bloc.createTask input:focus,
.bloc.createTask textarea:focus,
.k-grid .k-edit-cell .form-control-small:focus{
	background-color: #ffffe8;
}

.bloc .row-fields input[type="text"] {
	margin-bottom: 0;
}

.chat-act-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.chat-act-list li {
	display: inline-block;
	margin-right: .4em;
	margin-bottom: .4em;
}
.chat-act-list button {
	font-size: .9em;
	margin: 0;
}
.chat-act-list li:last-child {
	margin-right: 0;
}

.users{
	margin: 0 0 .4em;
}
.users h4,
.chat h5 {
	color: #333;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	display: inline-block;
}

.users-list {
	display: inline;
	padding: 0;
	margin: 0;
}
	.chat .users-list {
		display: block;
		margin: 0 0 .4em -3px;
	}
.users-list li {
	display: inline-block;
	margin: 0 .4em 0px 0;
}
	.chat .users-list li {
		display: table-header-group;
	}
.users-list .user .delete span {
	position: absolute;
	left: -999em;
}
.users-list .add-user {
	position: relative;
	top: -2px;
}

.users-list .user .icon-cancel-c2 {
	font-size: 12px;
	color: #ccc;
	cursor: pointer;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
.users-list .delete:hover .icon-cancel-c2,
.users-list .delete:focus .icon-cancel-c2,
.users-list .delete:active .icon-cancel-c2 {
	color: #f7b026;
}

.chat .wndw:before,
.delete:after {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
}
.chat .wndw.empty:before {
	content: '\e840';
	font-size: 3em;
	opacity: .08;
	cursor: default;
	float: left;
	position: absolute;
	left: 10%;
	top: 18px;
}
aside {
	padding: 5px 10px 5px 10px;
}
aside.chat .wndw.empty:before {
	margin-top: .5em;
}
.chat .emptyWrng {
	color: #a0a0a0;
	font-size: 1.4em;
	display: inline-block;
	margin: 2.5% 0 0 33%;
}

.delete-btn .icon-cancel-c2 {
	font-size: 14px;
	color: #ccc;
	cursor: pointer;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
.delete-btn:hover,
.delete-btn:focus,
.delete-btn:active {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.delete-btn:hover .icon-cancel-c2,
.delete-btn:focus .icon-cancel-c2,
.delete-btn:active .icon-cancel-c2 {
	color: #f7b026;
}

.activities-list .chat {
	padding-top: .4em;
	position: relative;
	clear: both;
}
.activities-list .chat > div{
	border-top: 1px dotted #849ebe;
}



.chat .convstn {
	color: #656565;
	text-align: right;
	list-style: none;
	padding-left: 0;
	margin: 0 0 .5em;

}
.chat .convstn li {
	width: 99%;
	/*margin-bottom: .6em;*/
}
.chat .convstn .other {
	text-align: left;
}
.chat time {
	color: #8c8c8c;
	font-size: .9em;
}
/*.chat .msgDate {*/
	/*font-weight: bold;*/
	/*text-align: center !important;*/
	/*border-top: 1px solid #ccc;*/
	/*margin: 14px 0 -8px;*/
/*}*/
/*.chat li:first-child .msgDate {*/
	/*margin-top: 6px;*/
/*}*/
/*.chat .msgDate span {*/
	/*background-color: #f8f8f8;*/
	/*padding: 2px 4px;*/
	/*position: relative;*/
	/*top: -8px;*/
/*}*/
.chat .other .msgWhoWhen {
	text-align: left;
}
.chat .self .msgWhoWhen {
	text-align: right;
}
.chat .msg {
	padding: .4em .6em;
	max-width: 80%;
	margin: .4em .5em .5em 0em;
	display: inline-block;
	position: relative;
	text-align:left;
}
.chat .msg p {
	word-wrap: break-word;
}
	.chat .msg .msg-activity {
		color: #878787;
		font-style: italic;
	}

.chat .convstn .other .msg{
	background: #d8f9d8;
	left: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.chat .convstn .msg::after {
	content: "";
	position: absolute;
	top: 5px;
	width: 0;
	height: 0;
}
.chat .convstn .other .msg::after {
	left:-7px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid #d8f9d8;
}

.chat .convstn .self .msg{
	background: #e1f0ff;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	/*box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);*/
}
.chat .convstn .self .msg::after {
	right:-7px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #e1f0ff;
}

.chat .msg .msg-recipient {
	font-weight: bold;
	/*display: block;*/
}
	.chat .self .msg .msg-recipient {
		color: #599bb2;
	}
	.chat .other .msg .msg-recipient {
		color: #727f41;
	}

/* ============= =options ============= */
.ui-dialog .optional-forms.djg-dashboard-box {
	padding: 0;
	margin: 0;
	width: 100%;
}

/* ============= =taches visas ============= */

.steps {
	position: relative;
	width: 97%; /*64%*/
}

.chat .wndw {
	width: 95%;
	display:inline-block;
}
.chat .users {
	vertical-align:top;
	width: 34%;
	display:inline-block;
	margin: 0 0 .4em .8em;
}
.chat .comment-form {
	overflow:hidden;
	margin-top: .8em;
	width: 95%;
}

.chat .wndw .scroll-limit {
	height: 13em;
}
aside.chat .wndw .scroll-limit {
	padding-left:10px;
	border-radius: 3px;
	height: 20em;
	overflow-y: auto;
}
aside.chat .wndw.empty .scroll-limit {
	height: inherit;
	overflow-y: hidden;
}

.wkfw-act {
	font-size: .8em;
	padding: 0 .6em .2em .4em;
	margin-top: 1em;
}
.wkfw-act input[type="checkbox"] {
	position: relative;
	top: 2px;
}

#display-pending {
	margin-right: .4em;
	position: relative;
	top: 1px;
}


.visible .showHideToggle span {
	/*content: '\e80d';*/
	background-position: -65px -129px;
}
.folded .showHideToggle span {
	/*content: '\e809';*/
	/*width: 25px;*/
	/*height: 25px;*/
	background-position: -33px -129px;
}

	.workflow-quick-edit tbody .task:before {
		content: '\e857';
		margin-right: .3em;
	}

	.workflow-quick-edit tbody .visa:before {
		content: '\e856';
		margin-right: .3em;
	}

	.workflow-quick-edit tbody .task:before,
	.workflow-quick-edit tbody .visa:before {
		color: #bbb;
		font-size: 14px;
		margin-right: .1em;
	}

.status-recap,
.refusal-reason {
	font: normal .9em Verdana, sans-serif;
	margin: 0 0 .2em 2em !important;
}

.status-recap {
	padding: .2em 0 0;
	border-top: 1px solid #efefef;
	margin: .2em 0 .2em 2em;
	display: block;
	position: relative;
	top: -.1em;
}
.visible .status-recap {
	padding-top: .2em;
}
	.visible.activity-edit .status-recap {
		border: none;
		padding-top: .3em;
	}

/*.activity-running {display: block;}*/
.activity-running .status-recap {
	border-color: #d5eaf9;
}
.refusal-reason {
	margin-bottom: .6em !important;
}

.activities-list,
dj-activity-model .activity-details .details,
dj-activity .activity-details .details {
	padding: 0;
	margin: 0;
	list-style: none;
}
/*.activities-list {*/
	/*margin: 10px 0px;*/
/*}*/

/*.activities-list ul li{*/
	/*padding: 2px 5px;*/
	/*display:table;*/
	/*width:100%;*/
/*}*/

.activities-list > li {
	display: table;
	width:100%;
}

/*.activities-list ul,*/
.activities-list .attachments {
	margin-bottom: .8em;
}
.activities-list .attachments {
	margin-top: 0;
}
	/*.activities-list > .has-dwnwd-tab {*/
		/*margin-bottom: 24px;*/
	/*}*/
	.activities-list > .has-dwnwd-tab.folded {
		margin-bottom: 4px;
	}
	.activities-list .activity-edit .details {
		padding-right: 2%;
		border-right: 1px solid #e4e4e4;
		width: 49%;
	}
		.activities-list .assgd-to li:last-child,
		.activities-list .attcht li:last-child {
			margin-bottom: 0;
		}
			.activities-list .details li li {
			    margin: 0 0 .2em;
			    min-height: 1em;
			}
			.activities-list .details .attcht li {
				margin-left: 0;
			}

		.activities-list .chat h4 {
			color: #006c93;
			font-size: 1.1em;
			margin-bottom: .6em;
		}
		.users label {
			display: inline-block;
		}
		.activities-list .attachments h4,
		.users label,
		.comment-form label {
			float:left;
			margin-right: .4em;
			margin-bottom: .2em;
		}
		.comment-form>span {
			overflow:hidden;
			display:block;
			padding: 0 5px;
		}
		.comment-form>span>input {
			width:100%;
			border: 1px solid white;
		}
	.activities-list .fileUpload .upld-fj {
		width: 100%;
		padding: 0;
		margin-bottom: .4em;
	}
.scroll-limit {
	background-color: white;
}

#editorForm dj-messages .ui-autocomplete-multiple-container {
	overflow: hidden;
}
	.activities-list h5 {
		color: #737373;
	    font-size: .9em;
	    font-style: italic;
	    margin: 0;
	}
	.activities-list p {
		margin: 0;
	}
.status {
	font-size: .85em;
	color: #a0a0a0;
	padding-left: .2em;
}

.steps .assgd-to ul {
	margin-bottom: 0;
	font-weight:bold;
}
.steps .assgd-to li {
	margin: 0;
	display: inline;
}
	.steps .activity-edit .assgd-to li {
		display: inline-block;
	}
	.steps .assgd-to li :nth-child(n) {
		vertical-align: middle;
	}
	.steps .assgd-to li>span {
		margin-top:3px;
	}

.steps .assgd-to li:first-child,
.activity-done .users-list li:first-child {
	margin-left: 0;
}
.steps .assgd-to li:last-child:after,
.activity-done .users-list li:last-child span:after {
	content: none;
}
/*.steps .assgd-to li:after,*/
/*.activity-done .users-list li span:after {*/
	/*content: ",";*/
	/*position: relative;*/
	/*margin-right: .4em;*/
/*}*/
/*.activity-done .users-list li span:after {*/
	/*margin-right: 0;*/
/*}*/

/* edit mode */
.bloc .createTask .ui-autocomplete-multiple-container {
	padding: 0;
	width: auto;
}

/* DJG-13143 faute de mieux */
#editorForm .ui-autocomplete-multiple-container {
	overflow: auto;
}
.ui-autocomplete-multiple-container .ui-autocomplete-token-label {
    white-space: pre-wrap;
}


.ui-dialog .djg-section-table-column-right .autocomplete-panel .kendo-autocomplete-panel {
    width: 400px;
}

.djg-editorForm .kendoSelectFieldController {
    width: 100%;
}

/* -- */

.bloc .assgd-to .ui-autocomplete-multiple-container li:before {
	content: none;
	left: 0;
}
.bloc .ui-autocomplete-multiple {
	background-color: #ededed;
	border-radius: 4px;
	display: inline-block;
	position: relative;
}

	.bloc .ui-autocomplete-multiple label {
		padding: 4px 0 3px 4px;
		margin: 0;
	}
	.bloc .ui-autocomplete-multiple input[type="text"] {
		margin: 0;
	}
	.bloc .ui-autocomplete-multiple .icon-user-add:before {
		color: #9f9f9f;
		margin-right: 0;
	}
.ui-autocomplete-token-label {
	padding: 0 1.2em 0 .2em;
}
.bloc .ui-autocomplete-token-label {
	padding: 0 1.5em 0 0;
}

.activities-list .activity-edit .details .assgd-to li {
	margin: 0 .5em .2em 0;
}

.ui-autocomplete-token-icon {
	margin-top: -8px;
}
.ui-autocomplete-token {
	border-color: #d0d0d0;
}

.steps .activity-edit .deadline input {
	width: 4em;
	margin-bottom: 0;
}

.attachments {
	padding-left: 1em;
	margin: 1em 0;
	width: 51%;
	float: left;
}
.attachments > ul li {
	margin-bottom: .2em;
}

.attachments .file-type {
	vertical-align: top;
	display: inline-block;
	width: 48%;
	margin: 0 2% 1.2em 0;
}
.attachments .file-type + .file-type {
	margin-right: 0;
}
.attachments .file-type ul {
	word-wrap: break-word;
}
.attachments .file-type li {
	line-height: 1.3;
	max-width: 16em;
	margin-bottom: .2em;
}

.fileUpload {
	margin: 0 0 1.2em;
}
.fileUpload h5 {
	color: #737373;
	font-size: .9em;
	font-style: italic;
	margin: 0;
}

.steps .descr{
	clear: both;
}
.steps .auth-date,
.steps small {
	color: #888;
	font-size: .8em;
	margin: 0 0 .4em;
}

.row-state {
	font-size: 1.1em;
	clear: both;
}
.row-state time {
	border-bottom: 1px dotted #bcbcbc;
}
.row-state time:hover {
	cursor: default;
}
.row-state .row-xtra-act button {
	margin-top: 4px;
}



.steps button {
	margin-right: .3em;
	margin-bottom: .15em;
}
.steps .file-actions button,
.steps .activity-info button:last-child {
	margin-right: 0;
}

/*.activities-list .activity-running {*/
	/*background-color: #effafe;*/
/*}*/
/*.activities-list .visa.activity-canceled,*/
/*.activities-list .visa.activity-abandoned{*/
	/*background-color: #f5f5f5;*/
	/*background: repeating-linear-gradient(*/
			/*-55deg,*/
			/*#f5f5f5,*/
			/*#f5f5f5 10px,*/
			/*#f9f9f9 10px,*/
			/*#f9f9f9 20px*/
	/*);*/
/*}*/

.activities-list .activity-skipped{
	display:none;
}

.activities-list .visa.activity-canceled .row-state {
	color: #9a5757;
}

.activities-list .activity-pending .row-state strong,
.activities-list .activity-running .row-state strong{
	background-color: #fffff5;
	color: #5f7a85;
	padding: 4px 6px;
}

.activities-list .activity-edit {
	background-color: #fffaec  !important;
	border: 1px solid #ffce6d;

}
.activities-list .activity-edit textarea {
	width: 100%;
}

.editCtrls {
	display: none; /* Edit panel hidden by default */
	padding-top: .6em;
	border-top: solid 1px #ccc;
	margin-top: .8em;
}
.editCtrls h4 {
	color: #ae4000 !important;
}
.editCtrls p {
	color: #444 !important;
	margin-bottom: .4em;
}
.editCtrls h4,
.editCtrls p {
	display: inline-block;
}
.editCtrls .icon-cancel {
	color: #999;
}
	.dwnwd-tab .tgl-o .icon-cancel {
		color: #bbb;
		margin-right: 0;
	}
.actvCtrls {
	text-align: right;
}
.actvCtrls h3 {
	font-size: .8em;
	line-height: 1.2;
	color: #555;
	width: 9em;
	margin-right: 6px;
}
[lang="en"] .actvCtrls h3 {
	width: 6em;
}
.actvCtrls button {
	font-size: .9em;
	position: relative;
	right: 6px;
	top: -8px;
	margin-bottom: 0;
}
	.actvCtrls button:last-child {
		margin-right: 0;
	}
.labelLikeTitle {
	color: #5c5c5c;
	font-size: .8em;
}
.labelLikeTitle .compl-info {
	font-size: 1em;
	font-weight: normal;
}

.createTask {
	font-size: 15px;
}

.comment-to-block ul {
	margin-bottom: .6em !important;
}

.dwnwd-tab {
	background-color: #effafe;
	padding: 0 4px 2px;
	border-radius: 4px;
	bottom: -16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22) !important;
	clear: both;
	position: absolute;
	left: 41%;
}
	.dwnwd-tab button {
		margin-right: 0;
	}


/* ============= =tableaux ============= */

.scroll-frame {
	min-width: 100%;
	max-height: 34em;
	overflow: scroll;
	margin-bottom: 1.4em;
}
.table-data {
	color: #6e6e6e;
	border: 1px solid #ddd;
	box-shadow: -1px 2px 8px 1px rgba(0, 0, 0, .3) inset;
}
.table-data caption,
.table-as-a-list h3 {
	color: #006c93;
	font-size: .9em;
	font-weight: normal;
	text-align: left;
	padding: .6em 0 .3em .6em;
}
.table-data tr th,
.table-data tr td {
	font-size: .8em;
	vertical-align: top;
	padding: .4em .6em;
	border: 1px solid #eaeaea;
	min-width: 18em;
}
.table-data th {
	text-align: left;
	background-color: #ebeced;
}
.table-data thead th,
.table-as-a-list h4 {
	background-color: #767676;
	color: #fefefe;
	padding-top: .6em;
	padding-bottom: .6em;
}
.table-as-a-list li:first-child h4 {
	margin-top: 0;
}
.table-data tbody th {
	background-color: #f7f7f7;
}
.table-data tbody tr:nth-child(even) td {
	background-color: #f1f7f9;
}

.table-as-a-list ul {
	font-size: .8em;
	list-style: none;
	padding: 0;
	margin: 0;
}
.table-as-a-list h4 {
	margin-bottom: 0;
}
.table-as-a-list h4,
.table-as-a-list dl {
	padding-left: .6em;
}
	.table-as-a-list dt {
		font-weight: bold;
		padding-top: .6em;
		border-top: 1px solid #eaeaea;
	}
	.table-as-a-list li dt:first-child {
		padding-top: 0;
		border-top: none;
	}
	.table-as-a-list dd {
		color: #6e6e6e;
		margin: .3em 0 .6em 20px;
	}

.table-as-result-list  {
	color: #888;
	font-size: .8em;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0;
	table-layout: fixed;
}

.djg-dashboard-box-holder .ui-panelgrid.ui-widget .table-as-result-list th,
.djg-dashboard-box-holder .ui-panelgrid.ui-widget .table-as-result-list td {
	font-size: 1em !important;
	padding: .7em .5em !important;
}
.ui-panelgrid.ui-widget .table-as-result-list.workflow-quick-edit th {
	font-size: .8rem !important;
}
.table-as-result-list td.cell-fileName {
	word-break: break-all;
}
.table-as-result-list td a {
	word-wrap: break-word;
}
.table-as-result-list th {
	color: #666;
	text-align: left;
	word-break: normal;
	padding: .3em 1em .3em .4em !important;

	/* override madness */
	background: none !important;
	font-size: inherit !important;
	border: none !important;
}
.table-as-result-list th,
.table-as-result-list td {
	/*vertical-align: top !important;*/
	line-height: 1.2 !important;
	padding: 8px 4px;
}

.table-as-result-list thead th,
.table-as-result-list tbody th{
	font-weight: bold !important;
	font-size: 1em !important;
	padding-left: 0 !important;
}
	.table-as-result-list.file-history thead tr > th:first-child,
	.table-as-result-list.file-history tbody tr > th:first-child,
	.table-as-result-list.file-history tbody tr > tr:first-child {
		padding-left: .5em !important;
	}
.table-as-result-list tr {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 2px;

}
.table-as-result-list tr:last-child {
	border: none;
}

.table-as-result-list thead tr {
	background-color: #f4f4f4;
}

.headless thead {
	position: absolute;
	left: -999em;
}

.list-in-cell {
	padding: 0;
	margin: 0;
}
	.list-in-cell li {
		margin-bottom: .2em;
	}

.file-list.read {
	max-width: 26em;
}
.djg-wide .file-list.read {
	max-width: 60em;
}
.file-list.edit {
	max-width: 61em;
	min-width: 7em;
}
	.djg-composite-item .file-list.edit {
		max-width: 13em;
	}
	.ui-dialog.ui-widget .file-list.edit {
		width: auto;
	}

.workflow-quick-edit {
	display: block;
	max-height: 340px;
	overflow-y: auto;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}


.action-sec>[class^='icon-'],
.action-sec>[class*=' icon-'] {
	color: white;
}

/***** workflow *****/
.workflow-block {
}

.workflow-status {
	padding: 3px 10px;
	border-radius: 3px;
}

.workflow-status.done {
	color: white;
	background-color: #5cb85c;
}

.workflow-status.running {
	color: white;
	background-color: #116D94;
}

.workflow-status.pending {
	color: white;
	background-color: #ACACAC;
}

.workflow-button-display {
	position: relative;
	display:block;
	padding: 25px 0px;
}

.workflow-button-display div{
	width:100%;
	text-align:center;
	position: absolute;
}

.workflow-bottom-toggle {
	padding: 0px;
}
.workflow-bottom-toggle div{
	position: absolute;
	margin-top: -12px;
}


.workflow-button-display div:last-child {
	top: 17px;

}
.workflow-button-display label{
	cursor:pointer;
}

.workflow-button-display label:hover{
	background-color: #4499b9;
	color: #fff;
	text-shadow: 1px 1px 1px #333333;
	border-color: #0578a4;
}
.workflow-button-display label {
	font-size: 11px;
	background-color: white;
	border: solid 1px #ACACAC;
	padding:3px 5px;
	width: 200px;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #ACACAC;

}

.workflow-button-display .dot-line {
	top: 25px;
	border:none;
	border-top:1px dashed #ACACAC;
	color:#fff;
	background-color:#fff;
	height:1px;
	width:100%;
}

.minified-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	height: calc(1em + 5px);
}

dj-workflow:first-child .worflow-block {
	margin-top: 10px;
}


.workflow-block>header h2{
	margin-top:0px;
	padding-top:0px;
	font-weight:bold;
	float:left;
}

.workflow-block>header {
	padding-top:5px;
	padding-bottom:5px;
	display: table;
	border-spacing: 8px;
	border-collapse:separate;
	width:100%;
}

.workflow-parent-link {
	display:inline-block;
	background-color: #ACACAC;
	color: white;
	border-radius: 3px;
	padding: 5px 10px;
	font-size: .8em;
	cursor: pointer;
}

.workflow-el-actions {
	position:absolute;
	right:0px;
}
.required-circle,
.workflow-el-actions>div {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor:pointer;
	margin-bottom: 5px;
	position:relative;
}

.required-block{
	display: inline-block;
	background-color: #d34836;
	color: white;
	border-color: #C23725;
	padding: 5px 10px;
	border-radius: 3px;
}
.required-circle {
	left:0;
	background-color: #d34836;
	color: white;
	border-color: #C23725;
	transform: translate(-50%, -200%);
	position:absolute;
}
.required-circle>span {
	position: absolute;
	display:block;
	margin-right:50%;
	margin-left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.7em;
}

.workflow-el-actions>div>span {
	position: absolute;
	display:block;
	margin-right:50%;
	margin-left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.workflow-el-actions>div.edit
{
	background-color: #116D94;
	color:white;
	border: 1px solid #319DB4;
}

.workflow-el-actions>div.add,
.workflow-el-actions>div.editBR,
.workflow-el-actions>div.toggle{
	background-color: white;
	color:#116D94;
	border: 1px solid #116D94;
}

.workflow-el-actions>div.add:hover,
.workflow-el-actions>div.editBR:hover,
.workflow-el-actions>div.toggle:hover{
	background-color: #4499b9;
	color: #fff;
	text-shadow: 1px 1px 1px #333333;
	border-color: #0578a4;
}


.workflow-el-actions>div.edit:hover
{
	background-color: #4499b9;
	color: #fff;
	text-shadow: 1px 1px 1px #333333;
	border-color: #0578a4;
}

/*.workflow-el-actions>div:hover.edit{*/
	/*text-shadow: 1px 1px 1px #333333;*/
/*}*/

/*.workflow-el-actions>div:hover.toggle{*/
	/*background-color: white;*/
	/*color:#116D94;*/
	/*border: 1px solid #116D94;*/
/*}*/




.workflow-quick-edit #step-order {
	width: 1%;
}
.workflow-quick-edit #step-name {
	width: 5%;
}
.workflow-quick-edit #step-length {
	 width: 2%;
}
.workflow-quick-edit #step-deadline {
	width: 1%;
}
.workflow-quick-edit #step-responsible {
	width: 10%;
}
.workflow-quick-edit #step-status {
	width: 2%;
}
.workflow-quick-edit #step-actions {
	width: 5%;
}

.workflow-quick-edit input.number {
	width: 2.5em;
}



.workflow-quick-edit ul {
	padding: 0;
	margin: 0;
}
.workflow-quick-edit .has-only-icon {
	padding: 0;
}

.workflow-quick-edit tbody th {
	text-align: center;
}

/*********** WORKFLOW STEP *************/

.workflow-step-block.pending {
	border-color: #ACACAC;
}

.workflow-user-icon {
	border-radius: 50%;
	height: 20px;
	width: 20px;
	border: solid 2px #116D94;
	background-color: #116D94;
	color: white;
	overflow: hidden;
	display: inline-block;
	margin-right: 5px;
	position:relative;
}

/********* WORKFLOW STEP **************/

.activity-block {
	width: 100%;
	display: table;
}

.activity-block>div {
	display:table-cell;
	height:100%;
	vertical-align:top;
}

.activities-list dj-activity-model,
.activities-list dj-activity {
	display:table-cell;
	width:100%;
}

/* ============= =step-diagramming ============= */
.joint-halo.joint-theme-default.pie .pie-toggle {
    background-color: white;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' viewBox='0 -256 1950 1950' id='svg3037' version='1.1' inkscape:version='0.48.3.1 r9886' width='100%' height='100%' sodipodi:docname='cogs_font_awesome.svg'%3E%3Cmetadata id='metadata3047'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs3045' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='640' inkscape:window-height='480' id='namedview3043' showgrid='false' inkscape:zoom='0.13169643' inkscape:cx='960' inkscape:cy='896' inkscape:window-x='0' inkscape:window-y='25' inkscape:window-maximized='0' inkscape:current-layer='svg3037' /%3E%3Cg transform='matrix(1,0,0,-1,15.186441,1359.8983)' id='g3039'%3E%3Cpath d='m 896,640 q 0,106 -75,181 -75,75 -181,75 -106,0 -181,-75 -75,-75 -75,-181 0,-106 75,-181 75,-75 181,-75 106,0 181,75 75,75 75,181 z m 768,-512 q 0,52 -38,90 -38,38 -90,38 -52,0 -90,-38 -38,-38 -38,-90 0,-53 37.5,-90.5 Q 1483,0 1536,0 1589,0 1626.5,37.5 1664,75 1664,128 z m 0,1024 q 0,52 -38,90 -38,38 -90,38 -52,0 -90,-38 -38,-38 -38,-90 0,-53 37.5,-90.5 37.5,-37.5 90.5,-37.5 53,0 90.5,37.5 37.5,37.5 37.5,90.5 z M 1280,731 V 546 q 0,-10 -7,-19.5 -7,-9.5 -16,-10.5 l -155,-24 q -11,-35 -32,-76 34,-48 90,-115 7,-10 7,-20 0,-12 -7,-19 -23,-30 -82.5,-89.5 Q 1018,113 999,113 q -11,0 -21,7 L 863,210 Q 826,191 786,179 775,71 763,24 756,0 733,0 H 547 Q 536,0 527,7.5 518,15 517,25 l -23,153 q -34,10 -75,31 L 301,120 q -7,-7 -20,-7 -11,0 -21,8 -144,133 -144,160 0,9 7,19 10,14 41,53 31,39 47,61 -23,44 -35,82 L 24,520 Q 14,521 7,529.5 0,538 0,549 v 185 q 0,10 7,19.5 7,9.5 16,10.5 l 155,24 q 11,35 32,76 -34,48 -90,115 -7,11 -7,20 0,12 7,20 22,30 82,89 60,59 79,59 11,0 21,-7 l 115,-90 q 34,18 77,32 11,108 23,154 7,24 30,24 h 186 q 11,0 20,-7.5 9,-7.5 10,-17.5 l 23,-153 q 34,-10 75,-31 l 118,89 q 8,7 20,7 11,0 21,-8 144,-133 144,-160 0,-9 -7,-19 -12,-16 -42,-54 -30,-38 -45,-60 23,-48 34,-82 l 152,-23 q 10,-2 17,-10.5 7,-8.5 7,-19.5 z M 1920,198 V 58 q 0,-16 -149,-31 -12,-27 -30,-52 51,-113 51,-138 0,-4 -4,-7 -122,-71 -124,-71 -8,0 -46,47 -38,47 -52,68 -20,-2 -30,-2 -10,0 -30,2 -14,-21 -52,-68 -38,-47 -46,-47 -2,0 -124,71 -4,3 -4,7 0,25 51,138 -18,25 -30,52 -149,15 -149,31 v 140 q 0,16 149,31 13,29 30,52 -51,113 -51,138 0,4 4,7 4,2 35,20 31,18 59,34 28,16 30,16 8,0 46,-46.5 38,-46.5 52,-67.5 20,2 30,2 10,0 30,-2 51,71 92,112 l 6,2 q 4,0 124,-70 4,-3 4,-7 0,-25 -51,-138 17,-23 30,-52 149,-15 149,-31 z m 0,1024 v -140 q 0,-16 -149,-31 -12,-27 -30,-52 51,-113 51,-138 0,-4 -4,-7 -122,-71 -124,-71 -8,0 -46,47 -38,47 -52,68 -20,-2 -30,-2 -10,0 -30,2 -14,-21 -52,-68 -38,-47 -46,-47 -2,0 -124,71 -4,3 -4,7 0,25 51,138 -18,25 -30,52 -149,15 -149,31 v 140 q 0,16 149,31 13,29 30,52 -51,113 -51,138 0,4 4,7 4,2 35,20 31,18 59,34 28,16 30,16 8,0 46,-46.5 38,-46.5 52,-67.5 20,2 30,2 10,0 30,-2 51,71 92,112 l 6,2 q 4,0 124,-70 4,-3 4,-7 0,-25 -51,-138 17,-23 30,-52 149,-15 149,-31 z' id='path3041' inkscape:connector-curvature='0' style='fill:currentColor' /%3E%3C/g%3E%3C/svg%3E");
    border: 2px solid black;
}

.btn-rect-ok, .btn-rect-ko {
	cursor : pointer;
}
.step-paper-container {
	height: 400px;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 0 1px rgba(200, 200, 200, 0.5);
}
.step-general-container {
	width: 1230px;
	display:inline-block;
}



/* ============= end of step-diagramming ============= */



.activities-list .timeline span {
	position: absolute;
	display:block;
	font-size:1.6em;
	margin-right:50%;
	margin-left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.activity-block.activity-add .activity-details{
	display:inline-block;
	padding: 15px 20px 5px 40px;
}

/*.activity-block.activity-add .timeline{*/
	/*background-color:#3EC23C;*/
/*}*/
/*.activity-block.activity-add .timeline div{*/
	/*border-color:#3EC23C;*/
	/*color: #3EC23C;*/
/*}*/

.activity-block.activity-add .activity-details header{
	padding:5px 8px;
	border-radius:4px;
	background-color:#3EC23C;
	border: solid 1px #3EC23C;
}
.activity-block.activity-add .activity-details header:hover{
	background-color:#58cb57;
	cursor:pointer;
	border-color:#ededed;
}
.activity-block.activity-add .activity-details > div{
	border: none;
}

.activity-info {
	width: 200px;
	min-width:200px;
	padding: 10px 20px 5px 20px;
	color: #116D94;
}

.step-user-list ul {
	margin: 0px;
	padding:0px;
}
.step-user-list li{
	display:inline-block;
}
.step-user-list .workflow-user-icon{
	background-color: white;
	color: #116D94;
	border-color: white;
	vertical-align: bottom;
}

.workflow-auth .workflow-user-icon {
	font-size: .8em;
	vertical-align: bottom;
	height: 15px;
	width: 15px;
}
.step-user-list li span{
	vertical-align:top;
}


/************** XXXXX ********/
.workflow-user-icon span{
	position: absolute;
	display:block;
	font-size:1.6em;
	margin-right:50%;
	margin-left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.activity-details footer {margin-top: 10px;}

.activity-details footer p>button:nth-child(n){
	float:left;
}



.activity-status {
	background-color: #116D94;
	border-radius: 3px;
	color: white;
	padding: 5px;
	width: auto;
	display:inline-block;
}

.activity-info>div {
	padding-bottom: 5px;
}

/*.activity-user-icon {*/
	/*border-radius: 50%;*/
	/*height: 20px;*/
	/*width: 20px;*/
	/*border: solid 2px #116D94;*/
	/*background-color: #116D94;*/
	/*color: white;*/
	/*overflow: hidden;*/
	/*display: inline-block;*/
	/*margin-right: 5px;*/
	/*position:relative;*/
/*}*/

/*.activity-user-icon span{*/
	/*position: absolute;*/
	/*display:block;*/
	/*font-size:1.6em;*/
	/*margin-right:50%;*/
	/*margin-left:50%;*/
	/*top: 50%;*/
	/*transform: translate(-50%, -50%);*/



	/*!*margin-left: px;*!*/
/*}*/

/************ WORKFLOW ACTIVITY pending **************/

/*.activity-pending {*/
	/*display:none;*/
/*}*/

/*.activity-pending .activity-details-arrow {background-color: #ACACAC;}*/


.workflow-step-block > section > ul > li:first-child {margin-top: 10px;}
.workflow-step-block > section > ul > li:last-child {margin-bottom: 10px;}

.workflow-step-block > section > ul > li,
.workflow-block > section > ul > li{
	margin: 0px 15px;
}

.workflow-block div.edit.pending {
	background-color: #ACACAC;
	border-color: #ECECEC;
}
.workflow-block div.add.pending,
.workflow-block div.toggle.pending {
	color : #ACACAC;
	border-color: #ACACAC;
}

.workflow-block div.add.pending:hover,
.workflow-block div.edit.pending:hover,
.workflow-block div.toggle.pending:hover{
	background-color: #797979;
	color: #fff;
	text-shadow: 1px 1px 1px #333333;
	border-color: #ECECEC;
}


/************ WORKFLOW ACTIVITY pending **************/



.workflow-block div.edit.abandoned {
	color: #6f6f6f;
	background-color: #C3C3C3;
	border-color: #8f8f8f;
}
.workflow-block div.add.abandoned,
.workflow-block div.toggle.abandoned {
	color : #6f6f6f;
	border-color: #8f8f8f;
}

.workflow-block div.add.abandoned:hover,
.workflow-block div.edit.abandoned:hover,
.workflow-block div.toggle.abandoned:hover{
	background-color: #3f3f3f;
	color: #fff;
	text-shadow: 1px 1px 1px #333333;
	border-color: #C3C3C3;
}



/**************** //workflow *********************/
.list-in-cell li a {
	word-wrap: break-word;
	line-height: 1.3;
}

/* bugfix DJG-13175 */
.djg-scroll-frame {
	overflow: auto;
	/*max-width: 852px;*/
	max-width: 100%;
	max-height: 500px;
	border: 1px solid #E2E2E2;
}

.email-preview {
	background-color: #fffdf5;
	padding: 0.5em 1em;
	border: 1px solid #e3e3e3;
	display: table-cell;
}

/* Alertes générales */

#general_triggers_gadget_uri_panel .k-grid tbody input[type="checkbox"],
#gadget_subscription_gadget_uri_contentpanel .k-grid tbody input[type="checkbox"] {
	position: relative;
	top: 3px;
}
#gadget_subscription_gadget_uri_contentpanel .k-grid tbody tr td:first-child span  {
	text-align: right !important;
	margin-right: 2px;
}
#general_triggers_gadget_uri_panel .k-grid-content tbody tr td:first-child span,
#gadget_subscription_gadget_uri_contentpanel .k-grid-content tbody tr td:first-child span {
	position: relative;
}
#general_triggers_gadget_uri_panel .k-grid tbody tr td:first-child span span::before,
#gadget_subscription_gadget_uri_contentpanel .k-grid tbody tr td:first-child span span::before {
	content: '\e83b';
	color: #d6d6d6;
	position: absolute;
	right: 18px;
	top: -1px;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
#general_triggers_gadget_uri_panel .k-grid tbody .selected-row,
#gadget_subscription_gadget_uri_contentpanel .k-grid tbody .selected-row {
	 background: #fffeea !important;
 }
#general_triggers_gadget_uri_panel .k-grid tbody .selected-row td:first-child span span::before,
#gadget_subscription_gadget_uri_contentpanel .k-grid tbody .selected-row td:first-child span span::before {
	color: #999;
}

.subscription_content_gadget_uri {
	width: 950px;
}
.subscription_field_gadget_uri {
	width: 950px;
}


/* FIXED STYLES, LINKED TO PLUGIN CONTENTS INSTANCES */
.djg-gridstyle-row-bold {
	 font-family: 'Open Sans Semibold';
}
.djg-gridstyle-row-italic {
	 font-style: italic;
}
.djg-gridstyle-cell-bold {
	font-family: 'Open Sans Semibold';
}
.djg-gridstyle-cell-italic {
	 font-style: italic;
}


/* clean-up PEMM's mess */
#djg-extensions-main > tbody > tr > td,
#djg-extensions-main > tbody > tr > td > table > tbody > tr,
#djg-extensions-main > tbody > tr > td > table > tbody > tr > td {
	border: none !important;
}


	/* ============= =modal /dialog box ============= */

.dj-dialog {
	background-color: rgba(222, 236, 246, .5);
	width: 100%;
	height: 100% !important;
	display:none;
	/*position: fixed;*/
	/*top: 0;*/
}
.dj-alert {
	z-index: 100000;
	position: absolute;
	top: 0;
	left: 0;
	display:none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.fileToNextActivity {
	font-size: 1rem;
	text-transform: none;
	margin-top: 0;
}
.fileUpdateModal,
.fileHistoryModal,
.fileDeleteModal,
.fileUploadModal,
.selectAllModal {
	/*font-size: 1.5em;*/
	min-width: 200px;
}

.fileUploadModal {
	left: 40%;
	top: 22%;
}
.selectAllModal {
	position: absolute;
	width: 24em;
	left: -8px;
	top: 20px;
}
.fileUpdateModal,
.fileHistoryModal,
.fileDeleteModal,
.fileUploadModal {
	/*font-size: 1.2em;*/
}
.fileDeleteModal {
	width: 20em;
	top: 28%;
	left: 44%;
}
.fileUploadModal h1,
.fileUpload .full-w-fs {
	margin-bottom: .6em;
}
.fileUpload .solo {
	font-size: .8rem;
	margin: 0;
}
.createTask .w-20em input,
.createTask .w-20em select,
.createTask .w-20em textarea {
	max-width: 80%;
}

.fileToNextActivity .full-w-fs {
	margin-bottom: .5em;
}
.fileToNextActivity ul {
	padding-left: 10px;
	margin: 0;
}
.fileToNextActivity li {
	margin-bottom: .2em;
}
.fileToNextActivity input {
	/*float: left;*/
	/*display: inline-block;*/
	margin-right: 4px;
}
.fileToNextActivity label {
	color: #bbb;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*display: inline-block;*/
	max-width: 20em; /* 93% - 45% */
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
	text-align: left;
}
.fileToNextActivity input:checked + label {
	 color: #5c5c5c;
 }

.dj-dialog h1 + p {
	font-size: .8rem;
	word-wrap: break-word;
	margin-top: .4em;
}
.dj-dialog p {
	color: #6e6e6e;
}
.dj-dialog h2 {
	font-size: .8rem;
	line-height: 1.3;
	word-wrap: break-word;
	margin: 0 0 .6em;
}

.close-modal {
	position: absolute;
	right: 0;
	top: 0;
	}
	.close-modal button {
		padding: .3em;
		margin: 0;
	}
	.close-modal .icon-cancel {
		color: #a3a3a3;
	}
	.close-modal button:hover .icon-cancel,
	.close-modal button:focus .icon-cancel,
	.close-modal button:active .icon-cancel {
		color: #7ea0b3;
	}
	.close-modal button:focus .icon-cancel {
		outline: 1px dotted;
	}

/* +++++++++++ width temporary hack +++++++++++ */
.fileUpdateModal {
	width: 28em;
}
.createTask {
	width: 32em;
}
.fileHistoryModal {
	/** width: 24em; correctif DJG 15028**/
}

.fileToNextActivity {
    width: 18em;
}

/*--*/
#manageWorkflowModal {
	background: #fff;
	width: 830px;
}

/* DJG-13446 */
.djg-business-rules-box.ui-dialog {
	overflow: visible;
}

/* DJG-13563 pop-in Options */
.ui-dialog-content .ui-state-highlight {
	background: transparent;
	color: inherit;
	text-shadow: none;
}

[id^="popincreation:field_time_repository_"] {
	width: 50% !important;
}

/* ============= =overlay ============= */

.overlay-amendment {
	width: 250px;
}
.djg-amendment-header1,
.djg-amendment-header2 {
	font-weight: bold;
}
.djg-amendment-header1,
.djg-amendment-info1 {
	display: block;
}
	.djg-amendment-info1 {
		font-style: italic;
		margin-left: 1em;
	}
		.djg-amendment-info1:before {
			content: '- ';
		}


/* ============= =display columns ============= */

.activities-list>li {
	padding-left:20px;
}

.activities-list li .display-cols {
	clear: both;
}

header + .display-cols,
.activities-list li .display-cols {
	direction: rtl;
}
header + .display-cols > *,
.activities-list li .display-cols > * {
	direction: ltr;
}

.display-cols > * {
	display: inline-block;
	width: 49.5%;
}
.display-cols > *:only-child {
	display: block;
	width: 100%;
}


/* ============= =clearfix ============= */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}

/* For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

/* Selection background colors */

::selection { /* Safari */
	background: #f3a657;
	color: #fff;
	text-shadow: none;
}
::-moz-selection { /* Firefox */
	background: #f3a657;
	color: #fff;
	text-shadow: none;
}

/* ============= =scrollup ============= */
.scrollup {
	background-color: #999;
	background: rgba(85, 85, 85, .4);
	font-size: 16px;
	padding: 9px 6px !important;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 36px;
	bottom: 3%;
	transition: background .5s ease;
	display: none;
}
.scrollup i:before {
	color: #fff;
}
.scrollup:hover,
.scrollup:focus,
.scrollup:active {
	background-color: #116D94;
	background: rgba(17, 109, 148, .9);
	border-bottom: none;
	outline: none;
}

/* ============= =loading ============= */

#loading-modal {
    background: url("../images/loader_512.gif") no-repeat 50% 50% / 48px rgba(222, 236, 246, .5);
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100% !important;
	z-index: 1000;
}

.ui-widget-overlay {
	background-color: rgba(255, 255, 255, .5);
	opacity: 1;
}

/* ============= =datepicker ============= */

#ui-datepicker-div {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
}

/* ============= =angucomplete ============= */

.form-control {
	border-color: #ECECEC;
	border-style: solid;
	border-width: 1px;
	width: 95%;
	background-color: #fff;
	padding: 6px;
	border-radius: 2px;
	margin-bottom: 5px;
	font-size: 14px;
}

.form-control-small {
	width: 10em;
}

form.ng-invalid-autocomplete-required input {
	border-color: red;
}

.angucomplete-holder {
	display: inline;
}

.bloc .angucomplete-holder input {
	font-size: .8rem;
}

.hasDatepicker {
	cursor: pointer;
	width: 100px !important;
	text-align:center;
}

.angucomplete-dropdown {
	margin-top: -5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
	position: absolute;
	z-index: 995 !important;
}

.ui-dialog .angucomplete-dropdown,
.dj-dialog .angucomplete-dropdown{
	left: 30px !important;
	top: 30px !important;
	position: absolute;
	z-index: 10000 !important;
	background: white;
}
.ui-autocomplete-query,
.highlight {
	color: #eb7601;
}

.angucomplete-selected-row,
.angucomplete-row:hover,
.angucomplete-row:focus {
	background-color: #006C94;
}
.angucomplete-selected-row .highlight,
.angucomplete-row:hover .highlight,
.angucomplete-row:focus .highlight,
.ui-autocomplete-list-item:hover .ui-autocomplete-query,
.ui-autocomplete-list-item:focus .ui-autocomplete-query{
	color: #FFC388;
}

.ui-messages-close {
	float: right;
}

.angucomplete-searching {
	font-size: .8rem;
}

.k-grid .k-edit-cell .form-control-small {

	font-size: .8rem;
	padding: 2px 3px;
	width: 16em;
	margin-bottom: 0;
}

/* ============= =kendo UI grid ============= */

.k-grid { /* full width */
	background: transparent;
	border-radius: 4px;
	border: none;
	border-bottom: 1px solid #ddd;
	/*max-width: 1152px; v5.2*/
}
.djg-wide .k-grid { /* medium */
	/*max-width: 853px;*/
}
.dashboard-splitted .k-grid { /* small */
	/*max-width: 550px; v5.2*/
}
	.k-grid td {
		vertical-align: top;
		padding: 6px 8px !important;
		border: none;
	}
		.k-grid td.k-hierarchy-cell {
			padding-left: 5px !important;
		}

		.k-grid td ul {
			padding: 0;
		}
.k-grid-content-locked {
	background: #fefefe;
	height: 100% !important;
	border-radius: 0 0 0 4px;
}
.k-grid-content {
	background: #fefefe;
	min-height: 32px;
	border-radius: 0 0 4px 4px;
	overflow-y: hidden;

	-webkit-transition: height .5s ease;
	transition: height .5s ease;
}
.ui-dialog .ui-dialog-content .k-grid-content {
	overflow-y: auto;
	overflow-x: auto;
}

.k-grid-content-locked + .k-grid-content {
	border-radius: 0 0 4px 0;
}
	.k-grid-content table tr,
	.k-grid-content-locked table tr {
		border-top: 1px solid #eaeaea;
	}
.k-header.k-grid-toolbar {
	text-align: right;
	background: transparent  none repeat scroll 0 0;
	border: none;
}
	.k-header.k-grid-toolbar > div > button:last-child {
		margin-right: 0;
	}
.k-footer.k-grid-toolbar {
	border: none;
}

.dropdownmenu,
.k-pager-wrap {
	display:none;
}

.k-header,
.k-grid-header,
.k-pager-wrap {
	background-color: #f4f4f4;
	background-image: none;
	border-color: #ddd;
}

.k-header .selectAllBlock {
	text-align: left;
	float:left;
	position: relative;
}
	.k-header .selectAllBlock input {
		position: relative;
		top: 2px;
		margin-right: 2px;
	}
	.k-header .selectAllBlock label {
		padding-right: .6em;
		margin-right: .3em;
		border-right: 1px solid #888;
	}
	.k-header .selectAllBlock .selectCount {
			color: #666;
			margin-right: .4em;
		}
	.k-header.k-with-icon [class^="icon-"] {
		font-size: 1rem;
	}

div.k-grid-header,
div.k-grid-footer,
div.k-grid-content,
div.k-grid-content-locked {
	box-shadow: 0 0 1px rgba(200, 200, 200, 0.5);
}

div.k-grid-footer, div.k-grid-header {
	border-bottom-width: 0px;
}

div.k-grid-footer * {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	border-collapse: collapse;
	border-bottom: 0px !important;
	border-top-width: 0px !important;
	border-top-style:none !important;
	border-bottom-style:none !important;
	border-top: 0px !important;
}

.k-grid-footer-wrap {
    border : none ;
	overflow: visible;
}
.k-grid-footer {
	padding-right: 0 !important;
}
.djg-grid-footer-pre-left {
 	text-align: left;
}
.djg-grid-footer-pre-right {
 	text-align: right;
}
.k-grid-footer, .k-grid-footer pre {
	font-family: 'Open Sans';
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-style:none !important;
	border-collapse: collapse;
}

div.k-grid-header {
	padding-right: 0 !important;
	border-radius: 4px 4px 0 0;
	border-bottom-width: 0;
}
div.k-grid-header-wrap {
	border-radius: 4px 4px 0 0;
	border-right: none;
}
.k-grid-header-wrap th:last-child {
	border-radius: 0 4px 0 0;
}

.k-grid-header th.k-header {
	font-family: 'Open Sans Semibold';
	background: #ebebeb;
	color: #777;
	white-space: normal;
	vertical-align: top !important;
}

.k-widget.k-menu .k-item {
	font-weight: normal;
	font-size: 12px;
}

.k-menu .k-item > .k-link {
	color: #555;
}
.k-menu .k-item > .k-link:hover,
.k-menu .k-item > .k-link.k-state-active {
	color: #222;
}

.k-header-column-menu.k-state-active span {
	background-color: #f5faff;
}

.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
	color: #093446;
	border-color: #ddd;
}

.k-alt {
	background-color: #f8f9f9;
}

.k-popup .k-menu .k-menu-group input[type="checkbox"],
.k-popup .k-menu .k-menu-group input[type="radio"] {
	margin: 1px 4px 0 0;
	position: relative;
	top: 2px;
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color,
.k-pager-numbers .k-state-selected,
.k-dropdown-wrap.k-state-default,
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-webkit .k-pager-numbers .k-current-page .k-link,
.k-ff .k-pager-numbers .k-current-page .k-link,
.k-ie11 .k-pager-numbers .k-current-page .k-link {
	background: #fcfcfc;
	color: #333;
	border-color: #ddd;
}
.k-state-selected > .k-link {
	color: #333;
}

.k-grid tbody tr.k-state-selected {
	background: #cce2ea;
}

.k-primary,
.k-overflow-container .k-primary,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover
{
	background-color: #116d94;
	color: #fff;
	background-image: none;
	border-color: #00597b;
	box-shadow: none;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
	margin: 0;
	padding: 0;
	right: 10px;
	width: 0;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu span {
	margin:-0.5em -0.6em -0.4em;
	padding:.5em .2em .4em;
}

.k-primary:hover,
.k-primary:active,
.k-primary:active:hover {
	background-color: #1e7fa4;
	border-color: #00597b;
}

.k-button:active:hover,
.k-button.k-state-active:hover {
	background-color: #3e99bc;
	border-color: #2181a7;
	color: #fff;
	text-decoration: none;
}


.k-state-focused,
.k-state-focused.k-state-selected,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused,
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]),
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
	box-shadow: inset 0 0 3px #116d94;

}

.k-webkit .k-pager-numbers .k-current-page .k-link:hover,
.k-ff .k-pager-numbers .k-current-page .k-link:hover,
.k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
.k-selectable .k-state-selected,

.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,

.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active,
.k-state-hover,

.k-header-column-menu span:hover {
	background-color: #cce2ea;
	border-color: #aed8de;
	box-shadow: none;
}

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default {
	background-color: #f5f5f5;
	background-image: none;
}

.k-pager-numbers .k-current-page .k-link::after {
	top: 42% !important;
}

.k-pager-wrap,
.k-grid-header th.k-header {
	background-image: none;
	border-color: #d8d8d8;
}

.k-pager-wrap > a.k-state-disabled .k-icon {
	opacity: .3;
}
.k-pager-wrap > a.k-state-disabled:hover {
	border-color: #c5c5c5;
	cursor: not-allowed !important;
}

.k-pager-wrap > a.k-state-disabled .k-icon:hover {
	cursor: not-allowed !important;
}

.k-button:hover,
.k-button:focus,
.k-button:active,
.k-button.k-state-hover,
.k-button.k-state-focused,
.k-button.k-state-active,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-state-selected,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover,
.k-draghandle.k-state-selected:hover {
	background-image: none;
}

.k-filter-menu .k-button {
	font-weight: bold;
}

.k-pager-wrap {
	color: #666;
}

.k-pager-refresh.k-link {
	border-radius: 1.0833em;
	border-width: 1px;
}
.k-pager-info {
	position: relative;
	top: 1px;
}

/*******************************
 * filterView on grid header
 *******************************/
.k-header.k-grid-toolbar .sub-toolbar {
	text-align: left;
	width: 100%
}
.k-header.k-grid-toolbar .sub-toolbar .filter-view {
	padding-top: 2px;
	margin-top: 6px;
}

.k-header.k-grid-toolbar .filter-view .filter-view-item {
	display: inline-block;
	position: relative;
}
.filter-view .btn {
	font-family: 'Open Sans';
}
.filter-view .filter-view-values span:not(:last-child):after {
	content: ", "
}
/*.filter-view .btn-group:hover {
	border: solid 1px #4499b9;
	border-radius: 5px;
}
.filter-view .btn-group:hover .btn:first-child {
	border-top: none;
	border-left: none;
	border-bottom: none;
}
.filter-view .btn-group:hover .btn:not(:first-child) {
	border: none;
}*/
.filter-view .btn-group button.btn:first-child:hover {
	color: red !important;
}
.filter-view button.btn:not(:first-child):hover {
	color: #4499b9 !important;
}

.filter-view .filter-view-editor.filter-view-default {
	width: 560px;
}

.filter-view .filter-view-editor.filter-view-default .operator  {
	width: 180px;
}

.filter-view fieldset .field.field-operator .fieldValues  {
	width: 320px;
}

.slide-toggle-view {
	position: relative;
	display: none;
}

/*******************************
 * Add searchmask and refont kendo
 *******************************/
h3:first-letter,
button:first-letter {
	text-transform: capitalize;
}

.firstCap:first-letter {
	text-transform: capitalize;
}

.clear {
	clear:both;
}

button.action-ter:hover, button.action-ter:focus {
	color: #116D94;
	border-color: #116D94;
}

.divInline {
	display: inline;
}


fieldset label.searchMaskLabelRadio {
	width:auto;
}
.k-chart,
.k-stockchart {
	padding-top: 1em;
}
/*** css search mask adapt for kendo 2016-03-08 ***/
.k-state-hover,
.k-state-hover:hover {
	/*background-color: #4499b9;*/
	color: #fff;
	border: solid 1px #0578a4;
}

/************ ++ KENDO DROPDOWN STYLE ++ ***************/
.horizontal-label {
	padding-right:6px;
}


.k-dropdown .k-input {
	background-color: white;
}

.textCenter {
	text-align: center;
}
.textAlignRight {
	text-align: right;
}

.k-multiselect {
	overflow:hidden;
}

.k-multiselect .k-input {
	width:100%;
	border:0px;
	font-style: italic;
}

.k-input.k-readonly {
	width:100%;
	min-width: 320px;
}

.k-multiselect .k-input:focus,
.k-multiselect .k-input:hover {border:0px;}

.k-multiselect.k-header {
	border-color: #e6e6e6;
}

.k-dropdown {
	width: 100%;
}

span.k-dropdown-wrap{
	height: 24px;
	overflow:hidden;
}


.k-multiselect.select-light, .k-dropdown.select-light  {width: 7em; font-size: 1em;}
.k-multiselect.select-small, .k-dropdown.select-small {width: 300px;}
.k-multiselect.select-medium, .k-dropdown.select-medium {width: 340px;}
.k-multiselect.select-large, .k-dropdown.select-large  {width: 435px;}
.k-multiselect.select-auto, .k-dropdown.select-auto  {width: 100%;}

.k-popup .k-list .k-item .custom {
	font-style: italic;
	text-align: center;
}

.k-popup .k-list .k-item .custom:last-child {
	border-bottom: 1px solid #c5c5c5;
}

.k-widget .k-dropdown .k-header .select-light{
	min-width: 4em;
}

.k-dropdown .k-input {
	padding-right:5px;
/**	max-width: 300px; TODO tstocker :: peut etre que j'ai cassé le css en le commentant **/
}
.k-dropdown-wrap {
	width: auto;
	min-width: 50px;
}
.k-dropdown-wrap .k-select {
	text-align:right;
	height:25px;
	width:25px;
}
.k-dropdown .k-state-focused {
	border: solid 1px #006c94;
	background-color: white;
	box-shadow: none;
}
.k-dropdown .k-state-focused .k-state-hover:hover{
	border: solid 1px #006C94;
	text-shadow:1px 1px 1px #333333;
}
.k-list-container {
	border: solid 1px #006c94;
	border-top: 0px;
	background-color: white;
}


.k-list > .k-state-focused,
.k-list > .k-state-selected {
	background-color: #006C94;
	border: solid 1px #006c94;
	color: white;
	box-shadow: none;
	text-shadow:1px 1px 1px #333333;
}

/************ ++ KENDO SELECT STYLE ++ ***************/
.k-select .k-icon {
	margin-top:-1px;
}

/**
.k-select .k-icon.k-i-arrow-s.k-loading {
	background-image: url('loading.gif');
}**/


.k-menu .k-state-selected > .k-link {
	background-color: #116D94;
	color: white;
}

.k-menu .k-item > .k-link:hover {
	color: white;
}

/************ -- KENDO SELECT STYLE -- ***************/


#djg-home {
	/*min-width:960px;*/
}


.djg-dialog {
	display:none;
}

.djg-dialog-panel {
	overflow-y: auto;
	overflow-x: hidden;
}

.djg-dialog-body {
	margin-bottom: 2.6em;
}

.djg-dialog-footer {
	position:absolute;
	bottom:0px;
	width:100%;
	border-top: solid 1px darkgrey;
	background-color: #F5F5F5;
	padding: 5px;
}

.djg-dialog-footer {
	font-size: .8rem;
}



.moreCriteria {
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count: 2;
	max-width: 700px;
}

.moreCriteria div {
	padding-bottom:10px;
}

.k-widget.k-tooltip-validation{
	position: relative;
	margin-left: -5px;
	margin-top: -3px;
}


/** -------- BEGIN dj edit dialog ---------- **/
/*.ui-dialog button:hover {*/
	/*background-color: #4499B9;*/
/*}*/

.ui-dialog .ui-dialog-content .djg-dialog-panel.no-padding {
	padding: 0px;
}

/** smd-dialog edition for searchmask **/
.no-padding.smd-dialog {
	min-height:300px;
	vertical-align:middle;
	-webkit-transition: height 2s;
	transition: height 2s;
	height:100%;
	margin-bottom: 2.6em;
	min-width: 950px;
}

.smd-dialog .smd-body-dialog {
	border-top: solid 1px darkgrey;
	background-color: white;
}

.smd-menu {
	vertical-align:top;
	width:150px;
	height:calc(100% - 2.6em);
	border-right: solid 1px darkgrey;
	position: absolute;
	background-color: white;
}


.smd-content{
	left:151px;
	height: calc(100% - 3.6em);
	position:absolute;
	width: calc(100% - 150px);
	background-color: white;
	overflow:auto;
}

.smd-content h3 {
	margin-top: 5px;
}

.smd-menu-disabled {
	opacity: 0.25;
	cursor: default !important;
}

.smd-menu ul{
	padding:0px;
	margin:0px;
}

.smd-menu ul li {
	padding:5px;
	text-align:center;
	border-bottom: 1px solid darkgrey;
	cursor:pointer;
}

.smd-menu ul li:first-letter {
	text-transform: capitalize;
}

.smd-menu ul li.focus{
	background-color: #006C94;
	/**	border-bottom: solid 1px #006c94; **/
	border-color: #006c94;
	color: white;
	box-shadow: none;
	text-shadow:1px 1px 1px #333333;
	opacity: 1;
}

.smd-menu ul li:hover,
.smd-menu ul li.focus:hover
{
	background-color: #4499b9;
	color: #fff;
	border-color: #0578a4;

}

.smd-menu ul li.smd-menu-error {
	background-color: #d34836;
	color: white;
}
.smd-menu ul li.smd-menu-error:hover,
.smd-menu ul li.smd-menu-error.focus,
.smd-menu ul li.focus.smd-menu-error:hover {background-color: #d34836;opacity:0.9; color: white;text-shadow:1px 1px 1px #333333;}
.smd-menu ul li.focus.smd-menu-error:hover {opacity:0.7}


.smd-tab-with-actions {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.smd-tab-with-actions > .content-tab{
	padding-bottom: 38px;
}

.smd-tab-with-actions > .overlay-actions {
	position: absolute;
	right: 17px;
	bottom: 0px;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 0px;
}


/** -------- END dj edit dialog ------------ **/

/** --------BEGIN picklist jquery ------------ **/

.pickList_listLabel,
.pickList ul{
	margin: 0;
	width: 200px;
}

.pickList ul {
	list-style-type: none;
	padding: 0;
	overflow: auto;
	height: 200px;
	background: #fff;
	border: 1px solid #8f8f8f;
}

.pickList ul li{
	padding: 3px;
}

.pickList ul li:hover{
	padding: 3px;
}
.pickList ul li:focus{
	padding: 3px;
}
/** --------END picklist jquery ------------ **/

/*** css search mask adapt for kendo 2016-03-08 ***/





.kendo-data-row {
	text-align: center;
	padding: 0 !important;
}
.kendo-data-centered {
	text-align: center;
}
.dashboard-splitted .kendo-data-row {
	text-align: left;
}
.kendo-data-row td {
	padding: 0 !important;
}
.kendo-data-row .inline-alert {
	font-size: .7rem;
	margin-top: .8em;
}
.dashboard-splitted .kendo-data-row .inline-alert.info {
	margin-left: 15.5em;
}
.dashboard-splitted .kendo-data-row .inline-alert.warng {
	margin-left: 9em;
}

/**.k-select .k-icon,  MODIFICATION SEARCH MASK**/
.k-pager-nav .k-icon,
.k-pager-refresh .k-icon {
	margin-top: 4px;
}

.k-grid .k-hierarchy-cell .k-icon {
	border: 1px solid #cce2ea;
	opacity: .5;
}
.k-grid .k-hierarchy-cell .k-icon:focus {
	outline: none;
}
.k-master-row .k-plus {
	background-position: -32px -208px;
}
.k-master-row .k-minus {
	background-color: #cce2ea !important;
	background-position: -32px -224px;
}

.dj-grid-controller + script + button {
	margin-top: .8em;
}

/* === 1/2 columns === */

/*.djg-splitted .dj-grid-controller {*/
	/*max-width: 398px;*/
/*}*/

.djg-splitted .ui-overlaypanel-content .dj-grid-controller {
	max-width: none;
}

.djg-splitted .dj-grid-controller .k-pager-sizes.k-label {
	padding-right: 2px;
	padding-left: 8px;
}
.djg-splitted .dj-grid-controller .k-pager-info {
	padding: 0 6px 0 4px;
}

/* selectable */
.k-grid.selectable .k-grid-content tr {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; /* IE10+ */
	user-select: none;
}

.dj-k-grid .k-group-col, .dj-k-grid .k-hierarchy-col {
	width: 28px;
}


.k-grid-content {
    min-height: 40px;
}

.k-loading-image {
    background-image: url(../images/ajaxloading.gif) ;
	background-color: #ffffff;
}

.k-loading-color {
	opacity: 0;
}

/* disable dirty "red corner" */
.k-grid .k-dirty {
	display: none;
}

/* ============= =searchMask ============= */
hr.dashed-top-border {
	border: 0 none;
	border-top: 1px dashed #c5c5c5 !important;
	background: none;
	height: 0;
}

.search-mask-list-ui {
	min-height: 210px;
}

.searchmask-list>div>div>fieldset {
	padding: 0px;
}

.button-menu {
	display: inline-block;
	vertical-align: middle;
	border-radius: 4px 4px 4px 4px;
	height: 24px;
}
.button-menu:focus,
.button-menu:hover {border-color: #006c94;}

.button-menu>li {
	height: 24px;
	background-color: #F4F4F4;
	border-radius: 4px 4px 4px 4px;
}


.button-menu .k-item.k-state-border-down,
.button-menu:hover .sm-list-menu,
.button-menu:focus .sm-list-menu
{
	border-color: rgb(17, 109, 148);
}
.sm-list-menu.k-menu-group{
	padding: 1px 1px;
}

.sm-list-menu.k-menu-group li{
	border-radius: 4px 4px 4px 4px;
	background-color: white;
}
.sm-list-menu.k-menu-group li:hover{
	border-radius: 4px 4px 4px 4px;
	background-color: #4499b9;
	color: white;
}

.sm-list-menu .k-item:hover > .k-link {
	border-radius: inherit;
	background-color:inherit;
	background-image: none;
	color: white;
}

.date-extended-with-switch {
	width:calc(100% - 60px);
}

.date-extended-switch {
	width:40px;
}

.k-widget.k-menu-horizontal.button-menu > .k-item {
	border: none;
}
.button-menu .k-icon{
	display: none;
}

.button-menu.k-menu>.k-item:first-child>.k-link{
	padding: 0px;
	height: 24px;
	overflow:hidden;
}


.button-menu.k-menu>.k-item>.k-link .btn-sm-menu{
	margin-left: -2px;
	font-size: 23px;
	color: #1A80a6;
}

.button-menu.k-menu>.k-item:first-child>.k-link:focus,
.button-menu.k-menu>.k-item:first-child>.k-link:hover{
	background-color: #F4F4F4;
	color: #fff;
/**	text-shadow: 1px 1px 1px #333333; **/
	border-color: #006c94;
}




/* ============= =drop-box ============= */

.drop-box {
	background: #F8F8F8;
	color: #767676;
	font-size: .75rem;
	padding: .4em .6em 1em;
	border: 2px dashed #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 1em;
	display: block;
	min-height: 6em;
	max-height: 12em;
	overflow-y: auto;
}
	.drop-box .emptyMsg {
		font-size: .8rem;
		font-weight: bold;
		text-align: center;
		color: #a6a6a6;
		display: block;
	}
	.drop-box .selected-file {
		word-wrap: break-word;
		display: list-item;
		list-style-type: initial;
		margin: 0 0 .2em 1em;
	}

.drop-box span {
	word-wrap: break-word;
	min-height: 30px;
}

.w-20em .drop-box {
	width: 20em;
}

/* pop-in de résultat d'actions en masse */
.ui-dialog .workflow-creation-message {
	display: block;
	margin-bottom: 10px;
}

/* pop-in de résultat d'actions en masse */
	.djg-business-rules-result-success .ui-dialog-titlebar .ui-dialog-title:before {
		content: '\e832';
		color: #fff;
		background-color: #aede25;
		font-size: 14px;
		padding: 3px;
		border-radius: 50%;
	}
	.djg-business-rules-result-warning .ui-dialog-titlebar .ui-dialog-title:before {
		content: '\e83c';
		color: #ffaa3d;
		font-size: 18px;
		margin-left: -1px;
	}
	.djg-business-rules-result-fail .ui-dialog-titlebar .ui-dialog-title:before {
		content: '\e82f';
		color: #eb5740;
		font-size: 18px;
	}

	.djg-business-rules-box .k-grid {
		width: 660px;
	}
	.djg-business-rules-box .djg-dashboard-box-holder {
		padding: 0 !important;
	}
		.djg-business-rules-box.djg-business-rules-result .djg-dashboard-box-holder {
			padding: 8px 12px !important;
		}

	.djg-business-rules-box
		> .ui-dialog-titlebar.ui-widget-header
			+ .ui-dialog-content.ui-widget-content
				> .ui-panel.ui-widget-content
					> .ui-panel-content.ui-widget-content
						> .ui-outputpanel.ui-widget
							> table.ui-panelgrid.ui-widget
								tbody
									> .ui-widget-content
										> td[role="gridcell"] {
											padding: 0;
											border-top: none !important;
											border-bottom: none !important;
										}

	.djg-business-rules-box .djg-section-table-column-left,
	.djg-business-rules-box .djg-section-table-column-right {
		padding: 0 7px 6px 0 !important;
	}
	.djg-business-rules-box .ui-panel.ui-widget.ui-widget-content.ui-corner-all.ui-dashboard.djg-content-panel {
		margin-bottom: 1.5em;
	}
	.djg-business-rules-box .k-header.k-grid-toolbar {
		margin-top: 1em;
	}

	.djg-business-rules-box.djg-business-rules-result
		> .ui-dialog-titlebar.ui-widget-header
			+ .ui-dialog-content.ui-widget-content
				> .ui-panel.ui-widget-content {
					max-height: 340px;
					overflow-y: auto;
					margin-bottom: .8em;
				}
	.djg-business-rules-box
		> .ui-dialog-titlebar.ui-widget-header
			+ .ui-dialog-content.ui-widget-content
				> .ui-panel.ui-widget-content
					.k-grid-header-wrap
						colgroup
							col:first-child {
								width: 650px !important;
							}
	.djg-business-rules-box
		> .ui-dialog-titlebar.ui-widget-header
			+ .ui-dialog-content.ui-widget-content
				> .ui-panel.ui-widget-content
					.k-grid-header-wrap
						thead
							tr
								th:first-child {
									width: 650px !important;
								}

	.djg-business-rules-box .hasDatepicker {
		width: 6em !important;
	}

	.djg-business-rules-box .djg-section-table-column-left {
		vertical-align: top;
		width: 110px;
	}

	.djg-business-rules-box.djg-business-rules-result .djg-section-table-column-left,
	.djg-business-rules-box.djg-business-rules-result .dj-k-no-grid-wrap {
		width: 0;
		display: table-column;
	}
	.djg-business-rules-box.djg-business-rules-result .djg-section-table-column-right {
		font-weight: bold;
	}

	/* hide widget bkgd + border */
	.djg-business-rules-box .djg-dashboard-box {
		background: transparent;
		border: none;
	}

	/* hide Export btn */
	.djg-business-rules-box .k-header.k-grid-toolbar button {
		display: none;
	}

/* ============= =search and replace ============= */

.djg-manymenu {
	height: 152px;
}

	/* Search form */

#dynSearchMaskPanel_header,
.ui-panel-titlebar.ui-widget-header{
	padding-left: 0;
}
#dynSearchMaskPanel_content .ui-panel-titlebar.ui-widget-header {
	padding-top: 16px;
	border-top: 1px dotted #849ebe;
	border-radius: 0;
	margin-top: 10px;
}
#dynSearchMaskPanel .ui-panel-title {
	 font-size: 13px;
 }
#dynSearchMaskPanel_content #help_tooltip_id {
	color: #9c9c9c;
	font-style: italic;
	display: block;
	margin-bottom: 8px;
}
#dynSearchMaskPanel_content #label_type_id {
	font-weight: bold;
	position: relative;
	top: -9px;
	margin: 0 8px 8px 0;
}

#dynSearchMaskPanel_content .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
	width: 100% !important;
}

#dynSearchMask tr td:first-child,
#dynSearchMask tr td:first-child .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield,
#dynSearchMask tr td:first-child .ui-selectonemenu.ui-state-default {
	width: 550px !important;
}

#dynSearchMask table.ui-selectoneradio {
	width: 150px;
	text-align: right;
}

.ui-dialog.dynamicSearch .djg-subtitle {
	padding: 2px 2px 20px 8px;
	font-family: 'Open Sans Semibold';
	font-size: 13px;
}

.ui-selectoneradio.format-selector > tbody > tr > td > label {
	margin-left : 10px;
	margin-right : 25px;
}

.ui-dialog.dynamicSearch .ui-panelgrid td {
	vertical-align: top;
}

.ui-dialog.dynamicSearch .ui-selectonemenu-label.ui-inputfield {
	width: 100% !important;
}
.ui-dialog.dynamicSearch .amount .ui-selectonemenu {
	width: 6em !important;
}

.ui-dialog.dynamicSearch .ui-autocomplete input{
	width: 400px !important;
}

.ui-dialog.dynamicSearch td .ui-selectonemenu {
	padding-bottom: 15px;
}

#dynSearchMaskPanel_content .ui-menu.ui-menu-sliding.ui-menu-dynamic {
	background: #fff !important;
}
#dynSearchMaskPanel_content #dynSearchMask {
	margin-top: 10px;
	margin-left: 9%;
	width: 90%;
}
.ui-datatable-tablewrapper .ui-button-icon-only {
	padding: 5px 0;
}

#dynSearchMaskPanel_content #dynSearchMask .ui-widget-content:first-child td,
#replaceLinePanel #replaceLine .ui-widget-content:first-child td {
	border-top: none;
	margin-top: 16px;
}

#dynSearchMaskPanel_content #dynSearchMask .ui-widget-content td,
#replaceLinePanel #replaceLine .ui-widget-content td {
	border-left: none;
	border-right: none;
	border-color: #e6e6e6;
}

#dynSearchMaskPanel_content #dynSearchMask label.ui-widget,
#replaceLinePanel #replaceLine  label.ui-widget{
	font-size: 12px;
}
#dynSearchMaskPanel_content #dynSearchMask td,
#replaceLinePanel #replaceLine td{
	font-size: 12px;
	padding-top: 6px;
	vertical-align: top;
}
	#dynSearchMaskPanel_content #dynSearchMask td td {
		padding: 0;
		border: none;
	}
		#dynSearchMaskPanel_content #dynSearchMask td td label {
			font-weight: normal;
			padding-left: 4px;
			margin-right: 14px;
		}
	#dynSearchMaskPanel_content #dynSearchMask .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
		font-size: 12px;
	}
	#dynSearchMaskPanel_content .ui-selectlistbox-item .ui-chkbox-box {
		margin-right: 6px;
	}
	#dynSearchMaskPanel_content .ui-selectlistbox-item.ui-state-highlight {
		background: inherit;
		color: inherit;
		text-shadow: none;
	}
#dynSearchMaskPanel_content #addFieldMenuButtonId {
	padding-top: 12px;
	display: block;
	margin-left: 9%;
	margin-bottom: 34px;
}
	#dynSearchMaskPanel_content #addFieldMenuButtonId_button {
		font-size: 11px;
	}
#dynSearchMaskPanel_content #searchBtn {
	margin-bottom: 12px;
	margin-left: 9%;
}
#dynSearchMaskPanel_content #commandBacksearch,
#dynSearchMaskPanel_content #commandBackselection {
	margin-top: 20px;
}

.ui-datatable tr.ui-state-highlight {
	background-color: #cce2ea;
}

	/* Results table */

#dynSearchMaskPanel_content #searchGridForm_dataTable_head th,
#dynSearchMaskPanel_content #searchGridForm_dataTable td {
	font-size: 12px;
	padding: 5px 0 5px 5px;
	}
#dynSearchMaskPanel_content #searchGridForm_dataTable_head th {
	font-weight: bold;
}
#dynSearchMaskPanel_content #searchGridForm_dataTable_head .ui-chkbox-all {
	width: auto;
}
#dynSearchMaskPanel_content #searchGridForm_dataTable_data .ui-state-highlight {
	border: none;
}
#dynSearchMaskPanel_content #searchGridForm_dataTable_data .ui-state-highlight span,
#dynSearchMaskPanel_content #searchGridForm_dataTable_data .ui-state-highlight a {
		color: #fff;
	}
#dynSearchMaskPanel_content .ui-chkbox-all .ui-chkbox-box.ui-state-hover,
#dynSearchMaskPanel_content .ui-chkbox-all .ui-chkbox-box.ui-state-active:hover {
	cursor: pointer;
}
#dynSearchMaskPanel_content .ui-chkbox-all .ui-state-active .ui-icon-check {
	display: inline-block !important;
}

[id^="genericPopIn"] textarea,
[id^="popincreation"] textarea {
	overflow-y: auto;
	min-height:100px;
	min-width:200px;
	height: 80px;
}


/* ============= =reset password ============= */

#resetpwdholder {
	background: url("/oeuf-5210/javax.faces.resource/images/login.png.xhtml?ln=primefaces-ctech") no-repeat 0 0;
	color: #6f6f6f;
	font-family: 'Open Sans';
	font-size: 12px;
	padding: 48px 26px 0;
	margin: -175px 0 0 -350px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 660px;
	min-height: 350px;
}

	#resetpwdholder .ui-widget-header {
		margin-bottom: 8px;
	}

	#resetpwdholder .ui-panel-title {
		color: #35647d;
		font-size: .9rem;
		font-weight: bold;
	}
	#resetpwdholder .ui-widget .ui-widget + label {
		font-weight: normal;
		display: inline-block;
		margin-bottom: 8px;
		max-width: 18.5em;
	}
	#resetpwdholder .ui-outputpanel {
		margin-bottom: 14px;
	}
	#resetpwdholder .ui-button {
		background: #ff9900;
		color: #fff;
		border-width: 1px 1px 2px;
		border-color: #ffc46d #ffc46d #e08704;
		border-radius: 4px;
	}
	#resetpwdholder .ui-button:hover,
	#resetpwdholder .ui-button:active {
		background: #ffad33;
		border-color: #ffd08b #ffd08b #f29100 !important;
	}
	#resetpwdholder .ui-messages {
		display: inline-block;
	}
		#resetpwdholder .ui-messages ul {
			margin: 0 4px 0 25px;
		}
			#resetpwdholder .ui-messages-error {
				background-color: #fef5c2;
				color: #666;
				border: none;
				box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
			}
.login-panel-holer .ui-messages-info {
	display: inline-block;
	position: absolute;
	top: 32px;
}
/* =============== createUserAccountHolder ============== */
#createUserAccountHolderMsg {
	width: 270px;
	padding-bottom: 20px;
}

#createUserAccountHolder {
	background: url("/oeuf-5210/javax.faces.resource/images/login.png.xhtml?ln=primefaces-ctech") no-repeat 0 0;
	color: #6f6f6f;
	padding: 15px 26px;
	margin: -175px 0 0 -350px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 660px;
	min-height: 350px;
}
#createUserAccountHolder .field_required {
	color: red;
}
#createUserAccountHolder .ui-widget-header {
	margin-bottom: 8px;
}

#createUserAccountHolder .ui-panel-title {
	color: #35647d;
	font-size: .9rem;
	font-weight: bold;
}
#createUserAccountHolder .ui-widget .ui-widget + label {
	font-weight: normal;
	display: inline-block;
	margin-bottom: 8px;
	max-width: 18.5em;
}
#createUserAccountHolder .ui-outputpanel {
	margin-bottom: 14px;
}
#createUserAccountHolder .ui-button {
	background: #ff9900;
	color: #fff;
	border-width: 1px 1px 2px;
	border-color: #ffc46d #ffc46d #e08704;
	border-radius: 4px;
}
#createUserAccountHolder .ui-button:hover,
#createUserAccountHolder .ui-button:active {
	background: #ffad33;
	border-color: #ffd08b #ffd08b #f29100 !important;
}
#createUserAccountHolder .ui-messages {
	display: inline-block;
}
#createUserAccountHolder .ui-messages ul {
	margin: 0 4px 0 25px;
}
#createUserAccountHolder .ui-messages-error {
	background-color: #fef5c2;
	color: #666;
	border: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
#createUserAccountHolder a {
	text-decoration:underline;
}

.login-panel-holer .ui-messages-info {
	display: inline-block;
	position: absolute;
	top: 32px;
}

#waitingMessageCreateAccount {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #c0c0c0;
	font-size: 24pt;
	opacity: 0.5;
}
#waitingMessageCreateAccountMessage {
	text-align: center;
	top: 100px;
	font-family: Verdana,serif;
	color: white;
}
/* ============= =esignature ============= */
.esignature-process-file {
    height: 200px;
    border: solid #b6b6b6 1px;
    padding: 10px;
    margin: 7px 0;
}
.esignature-process-file > div {
    vertical-align: middle !important;
}
.esignature-signatories-header{
    min-height: 30px;
    display: block;
}



/* ============= =print CSS ============= */



.ui-growl-title {
	white-space: pre-line;
}

/* ============== =IE10+ ============= */
/* === (see http://goo.gl/V7Dc5z ) === */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	#djg-content .djg-content-divider,
	#djg-wizard .djg-content-divider {
		border: 1px solid #ddd;
	}

	.workflow-quick-edit input[type="number"] {
		width: 2.5em;
	}

	.workflow-quick-edit #step-name {
		width: 9%;
	}

	.workflow-quick-edit #step-length {
		width: 3.5%;
	}

	.fileToNextActivity li {
		margin-bottom: .4em;
	}
	.fileToNextActivity label {
		/*width: 93%;*/
	}

	.file-list.read .list-in-cell li {
		width: auto;
	}
		.file-list .list-in-cell li .hover-region > a {
			display: inline-block;
			max-width: 60em;
		}
			.file-list .list-in-cell li.draggable .hover-region > a {
				max-width: 58em;
			}
		.activities-list .file-list .list-in-cell li .hover-region > a {
			max-width: 16em;
		}
		.djg-splitted .file-list .list-in-cell li .hover-region > a {
			display: inline-block;
			max-width: 25em;
		}
	.djg-composite-item .file-list .list-in-cell li .hover-region > a{
		max-width: 13em;
	}

	.draggable {
		padding-right: 100px;
	}

	.activities-list .attachments-files .file-list .as-sortable-item-handle {
		width: 11rem !important;
	}

	#general_triggers_gadget_uri_panel .k-grid tbody tr td:first-child span span::before {
		top: -12px;
	}

	.ui-breadcrumb ul li .ui-menuitem-link {
		margin-top: 3px;
	}
	.ui-breadcrumb ul li:after {
		font-size: 16px;
	}

}


#divider_amendment_specific_divider .k-grid table {
	width: auto;
}

#typeOfForm_panel {
	z-index: 1 !important;
}

label.disabled {
	color: #bbb;
}

.contextual-menu {
	position: absolute;
	list-style: none;
	padding: 5px 10px;
	margin: 2px 0 0;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-clip: padding-box;
	background-color: #ffffff;
	font-family: 'Open Sans';
	line-height: 1.3;
	z-index: 2;
}

.contextual-menu a {
	color: #006c94;
}

.ui-messages-info-summary,
.ui-messages-warn-summary,
.ui-messages-error-summary,
.ui-messages-fatal-summary,
.ui-message-info-summary,
.ui-message-warn-summary,
.ui-message-error-summary,
.ui-message-fatal-summary {
	white-space: pre-line;
}


.ui-menu .ui-menuitem-text {
	float: none;
}



.pointer {
	cursor: pointer;
}

/* Popin send email with attachment */
#sendAttachmentMailFormID fieldset {
	width : 700px;
}

#sendAttachmentMailFormID input.k-input.k-readonly {
	width: 100% !important;
}

#sendAttachmentMailFormID #idObject {
	width : 440px;
}

#sendAttachmentMailFormID #recipients {
	width : 424px;
	margin: 0 0 1em;
}

#sendAttachmentMailFormID #externalRecipients {
	width : 440px;
	margin: 0 0 1em;
}

#sendAttachmentMailFormID #idMessage textarea {
	width : 436px;
	height : 200px;
}



.k-button-style {
	display:inline-block;
	color: #2e2e2e;
	background-color: #e9e9e9;
	border-radius: 4px;
	background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
	background-position: 50% 50%;
	margin: 1px 0 1px 1px;
	padding: .1em .4em .1em .4em;
	border: solid 1px #c5c5c5;

}
.k-button-style:hover {
	color: white;
	border-color: #2181a7;
	background-color: #bcb4b0;
	background-image: none;
	cursor:pointer;
}
.k-button-style:active{
	background-color: #3e99bc;
	border-color: #2181a7;
	color: #fff;
	text-decoration: none;
}

.multi-string {
	border: solid 1px #C1C1C1;
	border-radius:2px;
}

.multi-string:hover,
.multi-string:focus,
.multi-string:active {
	border-color: #2181a7;
}

.multi-string input[type="text"]:hover,
.multi-string input[type="text"]:active,
.multi-string input[type="text"]:focus,
.multi-string input[type="text"] {
	border: none;
	outline: none;
	margin-bottom:0px;
	box-shadow:none;
}

/*table.djg-content-divider-panel-grid-section > tbody > tr > td:first-child{*/
	/*width: calc(100% - 20px);*/
/*}*/

table.djg-content-divider-panel-grid-section > tbody > tr > td:first-child{
	width: calc(100% - 80px);
}

.djg-content-divider-panel .djg-content-divider-panel-grid-section {display: none;}

.djg-content-divider-panel.djg-content-divider-panel-selected .djg-content-divider-panel-grid-section {display:block}
.djg-content-divider-panel-grid-section > tbody > tr > td {
	display:inline-block;
}

.bubble-warn {
	display:inline-block;
	border-radius: 50%;
	background-color: orange;
}

.djg-content-divider-panel .bubble-warn {
	min-width: 15px;
	min-height: 15px;
}

.djg-content-divider-panel .bubble-warn div{
	text-align:center;
}



/******** COMPONANT ***************/
/***** ICON SELECTOR ********/

dj-icon .visible-input {
	border: solid 1px #E3E3E3;
	border-radius: 3px;
	background-color:white;
	height: 2.5em;
	line-height: 2.5em;
	overflow: hidden;
	color: #3C3C3C;
	cursor:pointer;
	display:inline-block;
}

dj-icon .visible-input-label {margin:0px 5px;}
dj-icon .icon-selector {
	width: calc(2em * 15 + 18px); /* 2em(icon-size) * nbr_icon + 10px (from padding) + 8px (from elevator)*/
	max-height: calc(2em * 10 + 10px);
	border: 1px solid #006C94;
	background-color: white;
	box-shadow: 0 4px 6px #9c9c9c;
	overflow-y: auto;
	padding: 5px;
	position: absolute;
	display:none;
	border-radius: 0px 3px 3px 3px;
	z-index: 2;
}
dj-icon .icon-selectable {
	width: 1.5em;
	height: 1.5em;
	font-size: 2em;
	display:inline-block;
	padding-top: .2em;
	cursor: pointer;
	color: #2e2e2e;
	vertical-align: top;
}
dj-icon .icon-selectable:hover {color: #006C94;}

.section-2-cols > tbody > tr > td {
	width:50%;
}

.section-3-cols > tbody > tr > td {
	width: calc(100% / 3);
}



/*************** TO CONCAT WITH PREVIEWS SCREEN DEFINITIONS *************/


@media screen and (max-width: 1535px) {


	#djg-enclosingPanel.with-discussions .ui-dashboard-column {
		float: none;
		width: 100%;
	}

	#djg-enclosingPanel.with-discussions .ui-layout-center .djg-content-panel-2 .ui-dashboard-column {
		width: 100%;
	}


	#djg-enclosingPanel.with-discussions .section-2-cols > tbody > tr > td {
		display:block;
		width:100%;
	}

	#djg-enclosingPanel.with-discussions .section-3-cols > tbody > tr > td {
		display:block;
		width: 100%;
	}

}



@media screen and (max-width: 1232px) {
	.dashboard .ui-dashboard-column {
		width: 100%;
	}
	#djg-enclosingPanel.with-discussions .dashboard .ui-dashboard-column {
		width:100%;
	}
	#djg-enclosingPanel.with-discussions .djg-content-divider-right,
	#djg-enclosingPanel.with-discussions .djg-content-divider-left
	{
		display:block;
		width:100%;
	}

}


.medium-content .ui-dashboard-column {
	float: none;
	width: 100%;
}

.medium-content.ui-layout-center .djg-content-panel-2 .ui-dashboard-column {
	width: 100%;
}

.medium-content .section-2-cols > tbody > tr > td {
	display:block;
	width:100%;
}

.medium-content .section-3-cols > tbody > tr > td {
	display:block;
	width: 100%;
}


@media screen and (max-width: 990px) {
	.ui-dashboard-column {
		float: none;
	}

	.ui-layout-center .djg-content-panel-2 .ui-dashboard-column {
		width: 100%;
	}

	.section-2-cols > tbody > tr > td {
		display:block;
		width:100%;
	}

	.section-3-cols > tbody > tr > td {
		display:block;
		width: 100%;
	}
}

@media screen and (max-width: 780px) {
	.djg-content-divider-right,
	.djg-content-divider-left {
		display:block;
		width:100%;
	}

	.djg-content-divider-panel-selected {
		margin-left: 0px;
	}
	#djg-enclosingPanel .djg-main.with-sub-header,
	#djg-enclosingPanel .djg-main.with-sub-header.with-dashboard {
		padding-top: 0px;
	}
}


.djg-content-divider-panel-section {
	display:block;
}

#djg-content .djg-content-divider-left .ui-layout-west .ui-panelgrid td[role="gridcell"],
#djg-wizard .djg-content-divider-left .ui-layout-west .ui-panelgrid td[role="gridcell"] {
	padding-right:0px;
	padding-left: 0px;
}


.djg-content-divider-left .djg-content-divider-panel-grid-section > tbody,
.djg-content-divider-left .djg-content-divider-panel-grid-section > tbody > tr
/*.djg-content-divider-left .djg-content-divider-panel-grid-section > tbody > tr > td*/
{
	display: block;
}

.djg-content-divider-left .djg-content-divider-panel-grid-section > tbody > tr {
	border-bottom: 1px solid #f0f0f0;
}
.djg-content-divider-left .djg-content-divider-panel-grid-section > tbody > tr:last-child {
	border-bottom: none;
}
.djg-content-divider-left .djg-content-divider-panel-grid-section > tbody > tr {
	width: 100%;
}

/*.djg-content-divider-panel-section {*/
	/*width: calc(100% - 80px);*/
/*}*/

.ui-messages .ui-messages-warn {
	margin: 0;
	color: #906843;
	background-color: #ECE894;
	border-color: #cbae65
}

.ui-messages-info-icon,
.ui-messages-warn-icon,
.ui-messages-error-icon,
.ui-messages-fatal-icon,
.ui-message-info-icon,
.ui-message-warn-icon,
.ui-message-error-icon,
.ui-message-fatal-icon {
	background: url("../images/messages.png") no-repeat;
}

.ui-messages-error-icon {
	background-position: 0 -52px;
}
.ui-message-error-icon {
	background-position: 0 -96px;
}
.ui-messages-fatal-icon {
	background-position: 0 -184px;
}
.ui-message-fatal-icon {
	background-position: 0 -228px;
}
.ui-messages-info-icon {
	background-position: 0 -316px;
}
.ui-message-info-icon {
	background-position: 0 -360px;
}
.ui-messages-warn-icon {
	background-position: 0 -448px;
}
.ui-message-warn-icon {
	background-position: 0 -492px;
}


.ui-picklist .ui-picklist-list li.ui-picklist-item.ui-state-highlight {
	background: #006C94;
	color: #ffffff;
	text-shadow: 1px 1px 1px #333333;
}

.sub-header .menu .main-menu button { }

.section-header .menu .main-menu button
{
	/*font-size: .8em;*/
	margin-bottom: 3px;
}

.sub-header .menu .main-menu button.no-label {
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	font-size: 1.5em;
	width: 30px;
	height: 30px;
}

.sub-header .menu .main-menu button.no-label,
.section-header .menu .main-menu button.no-label
{
	background-color:transparent;
	border: none;
}

.k-progress-status-wrap {
	text-align: center;
	line-height: 1.6em;
}

.k-progressbar .k-state-selected {
	background-color: #4499b9;
	border-color: #4499b9;
}

.k-state-selected .k-progress-status {
	color: #fff;
}

.ui-messages-info > ul,
.ui-messages-warn > ul,
.ui-messages-error > ul,
.ui-messages-fatal > ul {
	display: inline-block;
	margin: 0px;
	margin-top: 3px;
	margin-left: 15px;
	padding:0px;
	width: calc(100% - 61px);
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
	float:none;
	display: inline-block;
	margin-top: 0px;
	vertical-align: top;
}

.djg-section-table-column-right .autocomplete-panel {
	width: 100%;
}
.djg-section-table-column-right .monoselect-panel {
	width: 100%;
	display: inline-flex !important;
}
.djg-section-table-column-right .autocomplete-panel .kendo-autocomplete-panel {
	width: 100%;
}
.djg-section-table-column-right .autocomplete-panel.autocomplete-monotype-create span input {
	width: calc(100% - 46px);
}

.djg-section-table-column-right .autocomplete-panel.autocomplete-monotype-create .kendo-autocomplete-panel {
	width: calc(100% - 36px);
}

.djg-section-table-column-right .autocomplete-panel.autocomplete-monotype-create .ui-autocomplete-multiple,
.djg-section-table-column-right .autocomplete-panel.autocomplete-monotype-create .kendo-autocomplete-panel {
	width: calc(100% - 36px);
	display: inline-flex;
}
.djg-section-table-column-right .autocomplete-panel.autocomplete-multitype-create span input {
	width: calc(100% - 67px);
}
.djg-section-table-column-right .autocomplete-panel.autocomplete-multitype-create .kendo-autocomplete-panel {
	width: calc(100% - 57px);
}
.djg-section-table-column-right .autocomplete-panel.autocomplete-multitype-create .ui-autocomplete-multiple {
	width: calc(100% - 57px);
	display: inline-flex;
}

.djg-section-table-column-right .autocomplete-panel.autocomplete-monotype-create span button {
	height: 25px;
}

.djg-section-table-column-right .autocomplete-panel.autocomplete-multitype-create span button {
	margin-left: 12px;
	margin-right: 0;
	height: 27px;
}

.djg-section-table-column-right .autocomplete-panel.autocomplete-multitype-create .ui-menubutton .ui-button-text-icon-left .ui-icon-triangle-1-s {
	margin-top: 0;
}

.djg-section-table-column-right .autocomplete-panel.autocomplete-multitype-create .ui-menubutton .ui-button-icon-left.ui-icon-triangle-1-s + .ui-button-text {
	padding-top: 0;
}

.djg-section-table-column-right .autocomplete-panel button {
	vertical-align: top;
}
.djg-section-table-column-right .autocomplete-panel span button {
	vertical-align: top;
}

	/******* ICONE *******/
.dj-icon-add-amendment {
	background: url('../images/sprite_icons-2015-03.png') no-repeat transparent;
	background-position: 5px -178px;
}

.dj-icon-add-task {
	background: url('../images/sprite_icons-2015-03.png') no-repeat transparent;
	background-position: 5px -107px;
}
/******* ICONE *******/

#djg-content .djg-content-divider tr.ui-widget-content > td,
#djg-wizard .djg-content-divider tr.ui-widget-content > td,
tr.ui-widget-content > td{
	padding-bottom: 7px;
}

.ui-panelgrid td[class^="djg-section-table-column"] {
border:none;
}

.djg-content-divider-panel-section {
	font: 12px 'Open Sans';
	cursor: pointer;
}
@media screen and (min-width: 1280px) {
	.ui-widget-content .ui-picklist  .ui-picklist-list {
		width: 350px;
	}
}
@media screen and (min-width: 1480px) {
	.ui-widget-content .ui-picklist .ui-picklist-list {
		width: 455px;
	}
}
#printPreviewForm .djg-dialog-panel > .ui-dialog-content{
	width: 100%;
	height: calc(100%);
	margin: 0;

}
#printPreviewForm .djg-dialog-panel > .ui-dialog-content > .preview-options {
	position:absolute;
	width: 300px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #f5f5f5;
	padding-left: 10px;
	margin-right: 10px;
	border-right: solid 1px rgb(187, 187, 187);
}

#printPreviewForm .djg-dialog-panel > .ui-dialog-content > .ui-widget-content {
	position:absolute;
	width: calc(100% - 300px - 10px * 2);
	left: calc(300px + 10px);
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-left: 10px;
}

#printPreviewForm table.ui-panelgrid.ui-widget > tbody > tr > td {
	vertical-align: top;
}


.k-in.k-state-focus:hover,
.k-in.k-state-focus:focus,
.k-in.k-state-focus:active,
.k-in.k-state-hover:hover,
.k-in.k-state-hover:focus,
.k-in.k-state-hover:active {
	background-color: transparent !important;

	color: black;
	padding: 1px 2px 1px 2px !important;
}

.k-in,
.k-in.k-state-hover:hover,
.k-in.k-state-hover:focus,
.k-in.k-state-hover:active
{
	border: 0px none !important;
	padding: 1px 2px 1px 2px !important;
}


.k-checkbox:checked+.k-checkbox-label:before {
	color: #006c94;
	background-color: #fff;
	border-color: #006c94;
}

.k-checkbox:indeterminate+.k-checkbox-label:after,
.k-checkbox:indeterminate:hover+.k-checkbox-label:after {
	border-color: #006c94;
	background-color: #006c94;
}


.k-checkbox:checked+.k-checkbox-label:active:before {
	-webkit-box-shadow: 0 0 3px 0 #006c94;
	box-shadow: 0 0 3px 0 #006c94;
	border-color: #006c94;
}
.k-checkbox-label:active:before,
.k-checkbox:checked+.k-checkbox-label:active:before {
	-webkit-box-shadow: 0 0 3px 0 #006c94;
	box-shadow: 0 0 3px 0 #006c94;
	border-color: #006c94;
}

.k-checkbox:indeterminate+.k-checkbox-label:after {
	bottom: 0px;
	top: inherit;
}



/******************* joint js ***********************/

.joint-paper-scroller.joint-theme-modern {
	background: none;
}

.joint-inspector.joint-theme-modern,
.joint-app.joint-theme-modern .inspector-container {
	background: #fff;
}

.joint-inspector.joint-theme-modern {
	color: #006C93;
}

.joint-inspector.joint-theme-modern .units,
.joint-inspector.joint-theme-modern output,
.joint-inspector.joint-theme-modern .content-editable,
.joint-inspector .joint-select-box.joint-theme-modern .select-box-selection {
	color: #2e2e2e;
}

.paper-container {
	height: calc(100% - 93px);
	border-radius: 0 0 4px 4px;
	box-shadow: 0 0 1px rgba(200, 200, 200, 0.5);
}

.joint-select-box-options.joint-theme-modern,
.joint-inspector.joint-theme-modern .content-editable,
.joint-inspector .joint-select-box.joint-theme-modern .select-box-selection {
	border: 1px solid #e6e6e6;
	background-color: #fff;
	border-radius: 3px 3px 3px 3px;
}



.joint-select-box-options.joint-theme-modern:hover,
.joint-inspector.joint-theme-modern .content-editable:hover,
.joint-inspector .joint-select-box.joint-theme-modern .select-box-selection:hover {
	border: 1px solid #006c94;
}
.joint-select-box.joint-color-palette.joint-theme-modern .select-box-selection .select-box-option-content{
	border-radius: 3px;
}

.joint-inspector.joint-theme-modern .joint-select-box.joint-color-palette.joint-theme-modern div.select-box-selection {
	border: 1px solid #006c94;
	border-radius: 3px 3px 3px 3px;
}

.joint-inspector.joint-theme-modern .group > .group-label {
	background: inherit;
	color: #006c94;
	border-bottom: 3px solid #e5e5e5;
}

/****
button, .button, .as-btn, .djg-dashboard-box .ui-button, .ui-dialog .ui-button, .djg-dashboard-box .djg-search-btn, .ui-overlaypanel .ui-button, .djg-dashboardquickselector-button
cf styles.css 1028
****/



.joint-theme-modern.joint-toolbar-group #btn-show-map,
.joint-theme-modern.joint-toolbar-group #btn-print,
.joint-theme-modern.joint-toolbar-group #btn-change-router {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: solid 1px #6A6C89;
	font-size: 17px;
}

.joint-widget.joint-theme-modern[data-name="print"]::after {display:none;}

.joint-theme-modern.joint-toolbar-group #btn-show-map::before {margin-left: -5px;}
.joint-theme-modern.joint-toolbar-group #btn-change-router::before {margin-left: -2px;}
.joint-theme-modern.joint-toolbar-group #btn-print::before{margin-left: 6px; margin-top: 1px;}

.joint-theme-modern.joint-toolbar-group #btn-svg,
.joint-theme-modern.joint-toolbar-group #btn-to-front,
.joint-theme-modern.joint-toolbar-group #btn-to-back,
/*.joint-theme-modern.joint-toolbar-group #btn-show-map,*/
/*.joint-theme-modern.joint-toolbar-group #btn-change-router,*/
.joint-theme-modern.joint-toolbar-group #btn-png {
	background-color: #ffffff;
	color: #051f29;
	font-family: 'Open Sans Semibold';
	letter-spacing: normal;
	text-shadow: none;

	border-style: solid;
	border-width: 1px;
	border-color: #ececec;
	border-bottom-color: #d3d3d3;
	border-radius: 4px;
	transition: all .2s ease;
	position: relative;
	white-space: nowrap;


}

.joint-halo.surrounding .handle.ne.redirect {
	top: -5px;
	right: -5px;
}

.logicalgraph-body {
	background-color: #fff;
	/*border-bottom: 1px solid #ddd;*/
}

.logicalgraph-body .general-container .width-editor {
	width: calc(100% - 240px);
}

.logicalgraph-body .general-container {
	width: 100%;
	position: relative;
}

.logicalgraph-body .toolbar-container {
	z-index: 999;
	height: auto;
	/*box-shadow: 0 1px 6px #9c9c9c;*/
}
.section-diagram-chart .joint-app,
.section-diagram-chart .general-container {
	height: 750px;
}

.section-diagram-chart .dj-diagram-toolbar {
	margin-bottom: 10px;
}

.section-diagram-chart .general-container .joint-toolbar.joint-theme-modern
{
	background-color: #EBEBEB;

	padding: .5em .6em .4em 0;
	border-radius: 4px 4px 0 0;
	box-shadow: 0 0 1px rgba(200, 200, 200, 0.5);
}

.section-diagram-chart .joint-paper-scroller {
	overflow: auto;
}


.paper-container {
	/*box-shadow: inset 0px 0px 10px 0.5px #9c9c9c;*/
}

.dj-diagram-toolbar > span {
	display:inline-block;
	width: 30%;
}

.navigator-container {
	position:absolute;
	top: 15px;
	right:25px;
	z-index: 999;
	box-shadow: 0 1px 6px #9c9c9c;
	background-color: white;
	border-radius: 3px;
	opacity: .7;
}


.section-diagram-chart {
	padding: 12px 24px;
	background-color: white;
}

/*************** + joint js ************************/
#paper-html-elements {
	position: relative;
	border: 1px solid gray;
	display: inline-block;
	background: transparent;
	overflow: hidden;
}
#paper-html-elements svg {
	background: transparent;
}
#paper-html-elements svg .link {
	z-index: 1;
}

.html-element {
	position: absolute;
	margin-top:10px;
	margin-left:10px;
	background: #3498DB;
	/* Make sure events are propagated to the JointJS element so, e.g. dragging works.*/
	pointer-events: none;
	-webkit-user-select: none;
	border-radius: 4px;
	border: 2px solid #2980B9;
	/*box-shadow: inset 0 0 5px black, 2px 2px 1px gray;*/
	box-sizing: border-box;
	z-index: 1;
}
.html-element .header,
.html-element .section {
	padding: 5px;
}
.html-element select,
.html-element input,
.html-element button {
	/* Enable interacting with inputs only. */
	pointer-events: auto;
}
.html-element label {
	color: #333;
	text-shadow: 1px 0 0 lightgray;
	font-weight: bold;
}

.section-diagram-chart .general-container,
.paper-container {
	width:1000px;
}

.joint-type-html-element {
	overflow:hidden;
}

.header-label {
	position:relative;
}

.djg-content-divider-panel-section {
	font: 12px 'Open Sans';
	cursor: pointer;
}

.joint-widget.joint-theme-modern input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	background: #0086b9;
	border-radius: 50%;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.joint-widget.joint-theme-modern input[type=range]:after {
	background:linear-gradient(to right,#baF,#0086b9);
}
.joint-widget.joint-theme-modern input[type=range] {
	width: 100px;
}

.joint-toolbar .joint-widget+.joint-widget {
	margin-left : 7px;
}
.joint-toolbar > div{
	margin: 0px 5px;
}
/****************** - joint JS *******************/

/*@media print {*/
	/*html>body [id="printPreviewForm:printpreview:djg-all-dividers-panel"]{display:block!important}*/
/*}*/


/****************** right-panel (common to dj-discussions-divider and dj-content-preview-divider *****************/

.right-panel-divider {
	display: inline-block;
	width: 0px;
	height: calc(100% - 119px);
	position: fixed;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0px 0px 6px 0px #9c9c9c;
}

.right-panel-divider header.header-divider .label-header {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.right-panel-divider header.header-divider
	/*, dj-discussion-editor > header*/
	/*,dj-discussion-participants > header*/, dj-discussions > header
	/*,dj-discussion > div > header */
{
	width: calc(400px - 10px * 2);
	position: relative;
	padding: 10px 10px 0px;
	color: #006C94;
	background-color: #F5F5F5;
	font-size: 16px;
}

.right-panel-divider header.header-divider .actions {
	padding-top: 5px;
	text-align: right;
}

.right-panel-divider header.header-divider {
	width: calc(100% - 10px * 2);
}

.right-panel-divider header.header-divider > div {
	display: inline-block;
}

.right-panel-divider header.header-divider .title {
	line-height: 28px;
	width: 100%;
	display: inline;
}

.right-panel-divider header.header-divider .title [class^='icon-'] {
	width: 30px;
}

.right-panel-divider header.header-divider .title > div {
	display: inline;
}

.right-panel-divider header.header-divider .action {
	cursor: pointer;
	padding-top: 4px;
	width: 24px;
	font-size: 20px;
	position: relative;
	color: #093446;
}

.right-panel-divider header.header-divider .icon-cancel.action {
	color: #939393;
	font-size: 14px;
	text-align: right;
}

.right-panel-divider header.header-divider > div
	/*dj-discussions-divider header.header-divider .actions > div*/
{
	/*display: table-cell;*/
	vertical-align: top;
}

.right-panel-divider header.header-divider .label-header {
	display: inline-block;
}

.right-panel-divider header.header-divider .title-before-icon::before {
	line-height: 27px;
}

.right-panel-divider header.header-divider .history-back {
	font-size: 20px;
	padding-top: 5px;
	cursor: pointer;
	width: 35px;
}

.right-panel-divider .filters-divider {
	padding: 5px 10px;
}

.right-panel-divider hr {
	height: 1px;
	margin: 0px 0px 10px;
	padding: 0;
	border: 0;
	background-image: none;
	background-color: #E5E5E5;
}

.right-panel-divider .section-field-padding {
	padding-left: 12px;
}

.right-panel-divider .section-height {
	height: 100%;
}

.right-panel-divider .section-scroll {
	overflow-y: auto;
	height: 92%;;
}

.right-panel-divider .header-height {
	height: 48px;
}

.right-panel-divider .header-title-position {
	width: 100%;
	margin-top: 10px;
}

.right-panel-divider .header-button-position {
	float: right;
	display: inline-flex;
	margin-top: 3px;
}

/***************************** discussions *********************/
#djg-enclosingPanel {
	display:inline-block;
	width: 100%;
	height: 100%;
}

dj-discussions > header, dj-discussion > header, dj-message-divider > header{
	height: 36px;
}

.right-panel-divider header.header-divider .label-header .selected {
	cursor: pointer;
	border-bottom: solid 3px;
}

.right-panel-divider header.header-divider .label-header .unselected {
	cursor: pointer;
	opacity: 0.3;
}

.right-panel-divider header.header-divider .label-header .discussion-all {
	margin-left: 10px;
}

dj-discussions .message{
	max-height: 7.6em;
	line-height: 1.4em;
	overflow: hidden;
}

dj-discussions .hiddenFullMessage > section::after{
	margin-left: 20px;
	content: '...';
}

dj-discussions dj-discussion-message, dj-discussions dj-discussion-contents {
	margin-left: 29px;
}

dj-discussion-message {
	background-color: #F2F9FB;
	border: solid 1px;
	border-color: #D8ECF4;
	border-radius: 4px;
}

dj-discussions .discussions-empty-msg, dj-discussion .discussion-empty-msg{
	margin-top: 30px;
	font-size: 21px;
	font-style: italic;
	position: relative;
	color: #44455A;
}

dj-discussions #discussions-create-new{
	font-family: 'Open Sans Semibold';
	margin-top: 25px;
	font-size: 15px;
	position: relative;
	cursor: pointer;
	color: #0086B9;
	text-decoration: underline;
}

dj-discussions #discussions-empty-search-msg, dj-discussion #discussion-empty-search-msg{
	margin-top: 10px;
	font-size: 15px;
	position: relative;
	color: #44455A;
}

dj-discussion-message.not-read {
	background-color: #D4EAF3;
	/*background-color: #E6F4F7;*/
}

dj-discussion-message .edit-btn{
	display:none;
}

dj-discussion-message:hover .edit-btn{
	display:inline-block;
}

/*********** a generaliser *******/
dj-discussion-editor,
dj-discussions
{
	height: 100%;
}
dj-discussion {
	height: calc(100% - 30px);
}

dj-discussion header .alert-count {
	position:absolute;
	font-size: 8px;
	line-height: 10px;
	top: -0.4em;
	left: 1.9em;
}

dj-message-divider > section {
    overflow-y: auto;
    height: calc(100% - 141px);
}

dj-discussions > section {
	overflow-y: auto;
	height: calc(100% - 121px);
}
dj-discussion > section{
	overflow-y:auto;
	height: calc(100% - 160px);
	margin-top: 14px;
}

dj-discussion-editor > section {
	overflow-y:auto;
	height: calc(100% - 40px);
}

dj-discussion-contents {
	display:block;
}
dj-discussion-contents > section {
	margin-bottom: 5px;
}

dj-mentioned-users {
    padding: 15px 10px;
    display: block;
}

.user-info-status {
    width:20px;
}

.user-rounded-status {
    border-radius: 50%;
    width:10px;
    height:10px;
    margin: 4px 5px 5px 5px;
	vertical-align: top;
	border: solid 1px #939393;
}

.user-rounded-status.connected,
.user-info-status.connected .user-rounded-status{
	background-color: #3EC23C;
	border: solid 1px #3EC23C;
}

/*dj-discussion-editor > header .actions,*/
dj-discussions > header .actions
/*,dj-discussion > header .actions */
{
	position: absolute;
	right: 10px;
	top: 10px;
}
dj-discussion-editor > header .actions > div,
dj-discussions > header .actions > div{
	display: inline-block;
}
dj-discussion-editor header .title,
dj-discussion-participants header .title,
dj-discussions header .title{
	font-family: 'Open Sans Semibold';
	width: calc(100% - 10px * 2 - 25px);
}


dj-discussion-message span[djmentioned^="repository:"]:hover,
dj-discussion-archived-message span[djmentioned^="repository:"]:hover{
	cursor:pointer;
	text-decoration: underline;
}

dj-discussion-message .message {color: #6f6f6f}
dj-discussion-message .details-date {color: #939393;
    padding-left: 10px;
    font-family: 'Open Sans';
}

dj-discussion-message .message-edited {
    color: #FC9B19;
	margin-left: 15px;
}

dj-discussion-message .modify {
	display:none;
}
dj-discussion-message:hover .modify {
	display:inline-block;
}



dj-discussion-message .message-edited:hover [class^='icon-']{
	text-decoration: none;
}

dj-discussion-message .message-edited:hover,
dj-discussion-message .message-edited:hover > div
{
	text-decoration: underline;
	cursor: pointer;
}

dj-discussion-archived-message,
dj-discussion-message {
    font-size: 12px;
    padding:5px;
    border-radius: 3px;
    display:block;
}

dj-discussion > section > dj-discussion-message {margin-bottom: 10px;}
dj-discussion > section > dj-discussion-message:hover {background-color: #A9D6E8;}
dj-discussion > section > dj-discussion-message:first-child{margin-top: 10px;}

dj-discussion-archived-message .details-user,
dj-discussion-message .details-user {color: #006C94; font-size: 13px; font-family: 'Open Sans Semibold';}
dj-discussion-archived-message [class^='icon-'].details-user,
dj-discussion-message [class^='icon-'].details-user {width: 20px;}
dj-discussion-archived-message > header,
dj-discussion-message > header {
    font-size: 13px;
    display:table;
    width:100%;
	margin-bottom: 5px;
}


dj-discussion-archived-message .message,
dj-discussion-message .message {
	margin-left: 20px;
}

dj-discussion-archived-message > header > div,
dj-discussion-message > header > div {display:table-cell;}
/*.discussion-element > header > div */
.discussion-element > header {color: #006C94; font-size: 14px; font-family: 'Open Sans Semibold';width:100%;}
/*.discussion-element > header {*/
	/*white-space: nowrap;*/
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
/*}*/
.discussion-element {margin-bottom: 5px;border-radius: 3px; padding: 5px 5px 0px 5px;}
.discussion-element:first-child{margin-top: 10px;}
/*************/

dj-discussion-archived-message:hover,
dj-discussion-message:hover {
	background-color: #D4EAF3;
	border-color: #A3D4E6;
}
dj-discussions dj-discussion-message:hover {cursor:pointer;}


/*dj-discussions header.header-divider .label-header {width:calc(100% - 35px - 25 * 4px - 20px);}*/
dj-discussion header.header-divider .label-header{ width:calc(100% - 39px - 24px * 3 - 20px);}
dj-discussion header.header-divider .label-header.private{width:calc(100% - 39px - 24px * 4 - 20px);}
dj-discussion header.header-divider .label-header.direct{width:calc(100% - 39px - 24px * 2 - 20px);}
dj-discussion header.header-divider .label-header.closed{width:calc(100% - 39px - 24px * 2 - 20px);}
dj-message-divider header.header-divider .label-header{width:calc(100% - 26px - 24px * 1 - 20px);}
dj-discussions header.header-divider .label-header{width:calc(100% - 24px * 4 - 20px);}
dj-discussions header.header-divider .label-header.restrictedOnContent {width:calc(100% - 39px - 24px * 4 - 20px);}
dj-content-preview-divider header.header-divider .label-header{ width:calc(100% - 54px);}

hr.discussion-filter-separator {
    margin-bottom: 0px;
    margin-top: 5px;
}
.filters-divider  .search{
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.filters-divider  .search > input {
	border: none;
	box-shadow: none;
	height: 100%;
	margin-top: 0px;
	padding: 5px 7px;
	vertical-align: top;
	outline: none;
	flex: 20 360px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

.filters-divider  .search > .cancel-search {
	height: 14px;
	top: 5px;
	color: #a9a9a9;
	font-size: 14px;
	background-color: #FBFBFB;
	flex:1 19px;
	position: relative;
	cursor: pointer;
}

.filters-divider  .search > .search-icon {
	background-image: url("../images/v5-2/icons-sprite.png");
	background-position: -364px -45px;
	/*width: 30px;*/
	height: 26px;
	background-color: #FBFBFB;
	display: inline-block;
	flex: 1 30px;
	cursor: pointer;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

.filters-divider  .search {
	font-size: 12px;
	border: solid #E3E3E3 1px;
	width: calc(100%);
	border-radius: 2px;
	margin-left:auto;
	margin-right: 0px;
}

.filters-divider {
	font-weight: normal;
	font-size:12px;
}

.filters-divider > div{
	margin: 5px 0px;
}
.filters-divider label{
	font-family: 'Open Sans';
}

.filters-divider .checkbox-filter input{
	display: inline-block;
	height: 18px;
}

.filters-divider .checkbox-filter label {
	display: inline-block;
	vertical-align: top;
}

dj-message-editor .input-text-container {
    height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-all;
    width: 100%;

}


[contenteditable=true]:empty:before{
    content: attr(placeholder);
    display: block; /* For Firefox */
	width:100%;
	height:100%
}

dj-message-editor .input-text{
	height:70px;
	width:100%;
	padding: 5px 10px;
}

dj-message-editor .buttons {
	width: 40px;
	height: 4em;
	vertical-align: top;
	display:table-cell;
    border-left: dashed 1px #0084BB;
}
dj-message-editor .buttons > div {
	font-size: 25px;
	cursor: pointer;
	color: #0084BB;
    margin: 10px 5px;
}

dj-message-editor .buttons > div:hover {
    text-shadow: 1px 1px 3px #5E5E5E;
}

.discussion-editor-footer {padding: 5px 10px;}
dj-message-editor > div {
	display: table;
	width: 100%;
	border: solid 1px #0084BB;
    border-radius: 2px;
}
dj-message-editor input,
dj-message-editor textarea
{
	width: calc(100% - 80px);
}

dj-discussions .discussion-single-header{
	margin-top: 8px;
	margin-bottom: 5px;
}

dj-discussions .list-discussion-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 90px);
	display:inline-block;
	vertical-align: top;
}

dj-discussions .list-discussion-info {
	display: inline-block;
	width:calc(50px);
	text-align: right;
	vertical-align: top;
}

dj-discussions .info-discussion-icon {
	padding-bottom: 4px;
	font-size:15px;
	width: 25px;
}

dj-discussions,
dj-discussions section{
	width: 100%;
}

/*dj-discussions .unsynchronised-content-alert{*/
	/*color: #F00 !important;*/
/*}*/
dj-discussions .unsynchronised-content-info{
	background-color: orange;
	opacity: 0.8;
	padding: 5px 10px;
	color: white;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: -5px;
	margin-left: -10px;
	width: calc(100%);
}


dj-discussions .discussion-list-filter-separator {
    color: #006c94;
    font-size: .95rem !important;
    font-family: 'Open Sans Semibold';
    text-transform: none;
    letter-spacing: normal !important;
    border-bottom: 3px solid #e5e5e5;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 5px;
}

dj-discussions .discussion-list-filter-separator:hover {
    cursor: default;
}


dj-message-divider > section,
dj-discussion > section,
dj-discussion-participants > section,
dj-discussions > section {
	background-color: white;
	padding: 0px 10px;
	width: calc(100% - 10px * 2);
}


dj-discussion-participants fieldset {
	padding: 0px;
}

dj-discussion-participants .participants-list {
	border: solid 1px #E6E6E6 ;
	border-radius: 3px;
	padding: 5px;
	margin-top:10px;
}

dj-discussion-participants .participants-list .last-participant {
	margin: 0px;
}

dj-discussion-participant {margin-bottom: 5px;}
dj-discussion-participant .role{width: 100px;}
dj-discussion-participant .status{width: 15px;}
dj-discussion-participant .details-user{width: calc(100% - 150px);}




dj-discussion-participant .user-status-disabled{
	/*font-size: 14px;*/
	/*color: #D34836;*/
	margin-top: 6px;
	width:10px;
	height:10px;
	border-radius: 50%;
	background-color: #939393;
}

dj-discussion-participant .action{
	width: 30px;
	font-size: 20px;
	cursor:pointer;
}

dj-discussion-participant {
	display:table;
	width: 100%;
	line-height: 20px;
}

dj-discussion-participant > div{
	display:table-cell;
	vertical-align: top;
}

.btn-round-validate:disabled,
.btn-round-validate:disabled:hover {
	background-color: #e6e6e6 !important;
	color: #fff !important;
}

.btn-round-validate {
	border-radius: 50%;
	background-color: #3EC23C;
	color: #fff;
	border: none;
	width: 20px;
	height: 20px;
}

.btn-round-validate:hover {
	color: #fff;
	background-color: #6EF26C;
}

.btn-round-validate:before {
	margin-left: -4px;
	margin-top: -1px;
}

.dashboard {
	background-color: #fff;

}

#djg-enclosingPanel.ui-corner-all {
	border-radius: 0px 0px 3px 3px;
}

#djg-enclosingPanel.ui-corner-all {
	height: 100%;
}



.djg-header {
	top:0px;
	left:0px;
}

body {
	padding-top: 119px;
	/*height: calc(100% - 119px);*/
}

body.alert-password-expiration {
	padding-top: 143px;
	/*height: calc(100% - 119px);*/
}

/*** surcharge a nettoyer **/
.djg-main.with-sub-header.with-dashboard,
.djg-main.with-sub-header {
	padding-top: 0px;
}

.djg-main {
	overflow: auto;
}
.djg-main {
	height: 100%;
}

#djg-enclosingPanel.with-dashboard .djg-main{
	height: calc(100% - 47px);
}
#djg-enclosingPanel_content {
	height: 100%;
}

/************************ BEGIN dj-simple-search *******************/
.dj-simple-search {
	min-height: 300px;
}

.dj-simple-search .pending-search {
	font-family: 'Open Sans Semibold';
	font-size: 18px;
	text-align: center;
}

.dj-simple-search .pending-search .pending-search-icon {
	width: 150px;
	height: 150px;
	background-image: url(../images/loader_512.gif);
	background-size: 100px 100px;
	background-repeat: no-repeat;
	left: 46%;
	position: absolute;
}

.dj-simple-search .k-pager-wrap {
	display:block;
	background-color: white;
	border: none;
	border-top: solid 1px #C3C3C3;
	border-bottom: solid 1px #C3C3C3;
}

.dj-simple-search .k-pager-wrap {
	display:block;
}

.dj-simple-search .row {
	margin-bottom: 20px;
}

.dj-simple-search .row .row-type {
	text-transform: uppercase;
}

.dj-simple-search .row > header a {
	text-decoration: underline;
}
.dj-simple-search .row > header {
	margin-bottom: 1px;
	font-family: 'Open Sans Semibold';
	font-size: 13px;
}

.dj-simple-search .row > header .icon-simple-search {
	margin-right: 10px;
}

.dj-simple-search .row > header .icons-header-app {
	height: 20px;
	width: 20px;
	background-position: -10px -226px;
}

.dj-simple-search .row > section > ul{
	margin: 1px 10px 1px 15px;
}

.dj-simple-search .row > section > ul > li .field-steps {
	margin-bottom: 8px;
 }

.dj-simple-search .row .field-label {
	font-family: 'Open Sans semiBold';
}

.dj-simple-search .row .field-step-label {
	margin-left: 50px;
}

.dj-simple-search .icon-simple-search {
	float:left;
	line-height: 20px;
	font-size: 1.5em;
	color: #798e97;
}

.icon-simple-search::before {
	line-height: inherit;
}

.dj-simple-search .description-simple-search {
	float:left;
}

#search_result {
	width: 90%;
	margin: auto;
}
/************************ END dj-simple-search *******************/


/************ ng-controller KeyFiguresGadgetController ************/

.key-figures-gadget-view-ui {
	width: 100%;
}

.key-figures-gadget-view-ui > div > div {
	margin-bottom: 30px;
}

.key-figures-gadget-view-ui .gadget-rate-element {
	border: solid #E5E5E5 2px;
	border-radius: 10px;
	padding: 20px;
	height: calc(100% - 20px * 2 - 4px);
	vertical-align: top;
	width: calc((100% - 210px - 20px - 20px * 2) / 4);
	margin-left: 30px;
}

.key-figures-gadget-view-ui .gadget-rate-element-header {
	text-align: center;
	font-size: 20px;
	font-family: 'Open Sans semiBold';
	height: 3em;
	overflow: hidden;
}

.key-figures-gadget-view-ui .gadget-rate-element-section {
	font-size: 40px;
	text-align: center;
	line-height: 120px;
}

.dashboard.dashboard-splitted .key-figures-gadget-view-ui .gadget-rate-element {
	width: calc((100% - 60px - 20px - 20px * 2) / 2);
}

.key-figures-gadget-view-ui > div > div > div:first-child {
	margin-left: 0px;
}

/********* GENERALS *************/
.note-info {
	font-size: 11px;
	font-style: italic;
}

/********* GENERICS CSS ***************/

.table {
	display: table !important;
	width:100%;
}

.table > :nth-child(n){
	display: table-cell;
	vertical-align:top;
}

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

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



/*************** TO CONCAT WITH PREVIEWS SCREEN DEFINITIONS *************/



/**************************** dj-switch ********************************/
/* The switch - the box around the slider */

dj-switch {
	display:block;
}

dj-switch .switch {
	position: relative;
	display: inline-block;
	width:100% !important;
}

/* Hide default HTML checkbox */
dj-switch .switch input {display:none;}

/* The slider */
dj-switch .slider {
	height: 27px;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0086B9;
	-webkit-transition: .4s;
	transition: .4s;
}

dj-switch .slider .slide-button {
	position: absolute;
	content: "";
	height: 23px;
	width: 23px;
	left: 2px;
	top: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

dj-switch input:checked + .slider {
	background-color: #0086B9;
}

dj-switch input:focus + .slider {
	box-shadow: 0 0 1px #0086B9;
}

/*dj-switch input:checked + .slider:before {*/
	/*left: calc(100% - 2px - 23px)*/
/*}*/

/* Rounded sliders */
dj-switch .slider.round {
	border-radius: 34px;
}

dj-switch .slider.round .slide-button {
	border-radius: 50%;
}

dj-switch .switch-label {
	top: 2px;
	position: absolute;
	color: white;
	font-family: 'Open Sans Semibold';
	font-size: 12px;
	line-height: 22px;
}
dj-switch .switch-label.switch-label-left {left: 7px;}
dj-switch .switch-label.switch-label-right {right: 7px;}


dj-radio > div > label {
	margin-right: 10px;
}

dj-radio > div > label,
dj-radio > div > input
{
	vertical-align: middle;
}

.contextuel-title-icon::before {
	margin: 0;
}

.dj-context-menu > ul > li > div {
	padding-right: 10px;
}

.dj-context-menu > ul {
	margin: 0;
	padding: 0;
	box-shadow: none;
}
.dj-context-menu > ul > li {
	margin: 0;
}

.dj-context-menu > ul > li > a,
.dj-context-menu > ul > li > div::before {
	line-height: 28px;
}

.dj-context-menu > ul > li > div:first-child {
	font-size: 15px;
}

.dj-context-menu .dj-contextual-title {
	text-transform: uppercase;
	font-family: 'Open Sans semibold';
	color: #116d94;
	margin-bottom: 10px;
	word-break: break-all;
}

/************************ import ************************/
.ui-widget .django-sub-panel .ui-panel-title {
	font-style: italic;
	font-size: small !important;
}

.ui-widget .django-sub-panel {
	background-color: #ECF0F1;
}



/****************************** screen size  MUST BE AT THE END OF CSS FILES *************************/

@media screen and (max-width: 990px) {
	.ui-dashboard-column {
		float: none;
	}

	.ui-layout-center .djg-content-panel-2 .ui-dashboard-column {
		width: 100%;
	}

	.section-2-cols > tbody > tr > td {
		display: block;
		width: 100%;
	}

	.section-3-cols > tbody > tr > td {
		display: block;
		width: 100%;
	}

}

@media screen and (max-width: 780px) {
	.djg-content-divider-right,
	.djg-content-divider-left {
		display: block;
		width: 100%;
	}

	.djg-content-divider-panel-selected {
		margin-left: 0px;
	}

	#djg-enclosingPanel .djg-main.with-sub-header,
	#djg-enclosingPanel .djg-main.with-sub-header.with-dashboard {
		padding-top: 0px;
	}
}


.row {
	text-align: left;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	position: relative;
	min-height: 1px;
}
@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
}

.btn-group, .btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-width: 0;
}
.btn-group>.btn:first-child {
	margin-left: 0;
}

.btn-group-vertical>.btn, .btn-group>.btn {
	position: relative;
	float: left;
}
.btn-default {
	color: #051f29;
	background-color: #fff;
	border-color: #ececec;
}
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
}
.btn-group .btn {
	margin: 0;
}
.btn-group {
	margin-right: .6em;
	margin-bottom: .2em;
}
.btn.btn-icon-only {
	height: 28px;
}
.btn.btn-icon-only.narrow {
	width: 18px;
	padding: 0;
}
.btn .caret {
	margin-left: 5px;
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

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

.dj-overlay {
	display: none;
	background: #fff;
	overflow-y: auto;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
}

.dj-overlay-menu.overlay-menu {
	border: 1px solid #ccc;;
	border-radius: 2px;
	/*box-shadow: 0 2px 15px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.15);*/
	box-sizing: border-box;
	list-style: none;
	margin: 2px 0 0;
	position: absolute;
	z-index: 1000;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-clip: padding-box;
	background-color: #fff;
	font-size: 12px;
	min-width: 200px;
	min-height: 90px;
	padding: 0;

}

.dj-overlay-menu.overlay-menu .dj-context-menu {
	padding: 5px 10px;
}

.dj-overlay-menu.overlay-menu ul {
	/*overflow: visible;*/
	/*height: 0;*/
	padding: 0;
	box-shadow: none;
}

.dj-overlay-menu.overlay-menu ul li > a {
	padding: 0;
	color: #006c94;
}

.dj-overlay-menu.overlay-menu ul li > a:hover {
	text-decoration: underline;
}

.dj-overlay-menu.overlay-menu ul li > a:hover {
	background-color: #fff;
	color: #006c94;
}

.dj-overlay-menu.overlay-menu ul li > a > span {
	color: #6f6f6f;
	font-size: 15px;
	width: 20px;
	padding-right: 10px;
}

.dj-overlay-menu.overlay-menu .k-multiselect-wrap li {
	margin: 1px 0 1px 1px;
	padding: .1em 1.6em .1em .4em;
	line-height: 1.72em;
}

.dj-overlay-menu.overlay-menu.overlay-opened {
	display: block;
}

.dj-overlay-menu.overlay-menu .k-listview {
	max-height: 144px;
	overflow: auto;
}
.dj-overlay-menu.overlay-menu .k-listview label {
	font-family: 'Open Sans';
	font-size: 12px;
}

.dj-overlay-menu.overlay-menu .list-view-content-panel {
	padding: 5px;
}

.dj-overlay-menu.overlay-menu .list-view-buttons-panel {
	padding: 5px;
	height: 30px;
	background-color: #f5f5f5;
	border-top: 1px solid #bbbbbb;
}

.dj-overlay-menu.overlay-menu .list-view-buttons {
	position: absolute;
	bottom: 5px;
}

.edit-criteria-field table.djg-composite-item tr td:last-child {
	width: 210px;
}

.edit-criteria-field table.djg-composite-item tr td:last-child .ui-outputpanel.djg-composite-item{
	width: 100%;
	margin-left: 5px;
}

.ui-dialog .radioFieldController {
	max-width: 700px;
}

/*
 ui-grid.css - a basic css grid api based on flexbox - MIT license Like

« Copyright © Cadet-Petit Armel - 2016

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software�), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
The Software is provided “as is�, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the Software. »
*/
.ui-responsive .ui-row {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: -o-flex;		   /* Opera */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;

    padding: 0;
}

.ui-responsive .ui-col {

	-webkit-box-flex: 1 1 8%;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1 1 8%;         /* OLD - Firefox 19- */
	-webkit-flex: 1 1 8%;          /* Chrome */
	-ms-flex: 1 1 8%;              /* IE 10 */
	flex: 1 1 8%;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 1 1 8%;
	-ms-box-flex: 1 1 8%;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.ui-responsive .ui-row .ui-row,
.ui-responsive .ui-row.ui-nested {

	-webkit-box-flex: 1 1 auto;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1 1 auto;         /* OLD - Firefox 19- */
	-webkit-flex: 1 1 auto;          /* Chrome */
	-ms-flex: 1 1 auto;              /* IE 10 */
	flex: 1 1 auto;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 1 1 auto;
	-ms-box-flex: 1 1 auto;

	margin-top: -0.5em;
}

.ui-responsive .ui-row.ui-wide-fit {
	margin-left: -10px;
	margin-right: -10px;
}

.ui-responsive .ui-row.ui-center {
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-flex-pack: center;
}

.ui-responsive .ui-center .ui-col {
	flex-grow: 0;
	-webkit-flex-grow: 0;
	-moz-flex-grow: 0;

	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-negative: 0;
}

.ui-responsive .ui-col-block-1 {
	flex-basis: 8.3333%;
	-webkit-flex-basis: 8.3333%;
	-moz-flex-basis: 8.3333%;
}

.ui-responsive .ui-col-block-2 {
	flex-basis: 16.6666%;
	-webkit-flex-basis: 16.6666%;
	-moz-flex-basis: 16.6666%;
}

.ui-responsive .ui-col-block-3 {
	flex-basis: 25%;
	-webkit-flex-basis: 25%;
	-moz-flex-basis: 25%;
}

.ui-responsive .ui-col-block-4 {
	flex-basis: 33.3333%;
	-webkit-flex-basis: 33.3333%;
	-moz-flex-basis: 33.3333%;
}

.ui-responsive .ui-col-block-5 {
	flex-basis: 41.6666%;
	-webkit-flex-basis: 41.6666%;
	-moz-flex-basis: 41.6666%;
}

.ui-responsive .ui-col-block-6 {
	flex-basis: 50%;
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
}

.ui-responsive .ui-col-block-7 {
	flex-basis: 58.3333%;
	-webkit-flex-basis: 58.3333%;
	-moz-flex-basis: 58.3333%;
}

.ui-responsive .ui-col-block-8 {
	flex-basis: 66.6666%;
	-webkit-flex-basis: 66.6666%;
	-moz-flex-basis: 66.6666%;
}

.ui-responsive .ui-col-block-9 {
	flex-basis: 75%;
	-webkit-flex-basis: 75%;
	-moz-flex-basis: 75%;
}

.ui-responsive .ui-col-block-10 {
	flex-basis: 83.3333%;
	-webkit-flex-basis: 83.3333%;
	-moz-flex-basis: 83.3333%;
}

.ui-responsive .ui-col-block-11 {
	flex-basis: 91.6666%;
	-webkit-flex-basis: 91.6666%;
	-moz-flex-basis: 91.6666%;
}

.ui-responsive .ui-col-block-12 {
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
	-moz-flex-basis: 100%;
}

.ui-responsive .ui-fixed-width-25 {

    -webkit-box-flex: 0 0 25px;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 0 25px;         /* OLD - Firefox 19- */
    -webkit-flex: 0 0 25px;          /* Chrome */
    -ms-flex: 0 0 25px;              /* IE 10 */
    flex: 0 0 25px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -moz-flex: 0 0 25px;
}

.ui-responsive .ui-fixed-width-50 {

	-webkit-box-flex: 0 0 50px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 50px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 50px;          /* Chrome */
	-ms-flex: 0 0 50px;              /* IE 10 */
	flex: 0 0 50px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 50px;
}

.ui-responsive .ui-fixed-width-100 {

	-webkit-box-flex: 0 0 100px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 100px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 100px;          /* Chrome */
	-ms-flex: 0 0 100px;              /* IE 10 */
	flex: 0 0 100px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 100px;
}

.ui-responsive .ui-fixed-width-150 {

	-webkit-box-flex: 0 0 150px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 150px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 150px;          /* Chrome */
	-ms-flex: 0 0 150px;              /* IE 10 */
	flex: 0 0 150px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 150px;
}

.ui-responsive .ui-fixed-width-200 {
	-webkit-box-flex: 0 0 200px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 200px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 200px;          /* Chrome */
	-ms-flex: 0 0 200px;              /* IE 10 */
	flex: 0 0 200px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 200px;
}

.ui-responsive .ui-fixed-width-250 {
	-webkit-box-flex: 0 0 250px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 250px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 250px;          /* Chrome */
	-ms-flex: 0 0 250px;              /* IE 10 */
	flex: 0 0 250px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 250px;
}

.ui-responsive .ui-fixed-width-300 {
	-webkit-box-flex: 0 0 300px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 300px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 300px;          /* Chrome */
	-ms-flex: 0 0 300px;              /* IE 10 */
	flex: 0 0 300px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 300px;
}

.ui-responsive .ui-fixed-width-350 {
	-webkit-box-flex: 0 0 350px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 350px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 350px;          /* Chrome */
	-ms-flex: 0 0 350px;              /* IE 10 */
	flex: 0 0 350px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 350px;
}

.ui-responsive .ui-fixed-width-400 {
	-webkit-box-flex: 0 0 400px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 400px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 400px;          /* Chrome */
	-ms-flex: 0 0 400px;              /* IE 10 */
	flex: 0 0 400px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 400px;
}

.ui-responsive .ui-fixed-width-450 {
	-webkit-box-flex: 0 0 450px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 450px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 450px;          /* Chrome */
	-ms-flex: 0 0 450px;              /* IE 10 */
	flex: 0 0 450px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 450px;
}

.ui-responsive .ui-fixed-width-500 {
	-webkit-box-flex: 0 0 500px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 500px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 500px;          /* Chrome */
	-ms-flex: 0 0 500px;              /* IE 10 */
	flex: 0 0 500px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-moz-flex: 0 0 500px;
}

.ui-responsive .ui-min-content {
    width: -moz-min-content;
    width: min-content;
    width: -ms-min-content;
    width: -webkit-min-content;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*
    *
    * Here you can add ANY specifics rules for Internet Explorer
    *
    * a more conventional way to do this would be to add the following in the HTML code:
    *
    * <!--[if IE]>
    *    <style>
    *   YOUR RULES HERE
    *    </style>
    * <![endif]-->
    *
    */
	.ui-widget-content .ui-picklist .ui-picklist-list {
		width: 235px !important;
	}

    .ui-responsive .ui-fixed-width-25 {
        -webkit-box-flex: 0 0 35px;      /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 35px;         /* OLD - Firefox 19- */
        -webkit-flex: 0 0 35px;          /* Chrome */
        -ms-flex: 0 0 35px;              /* IE 10 */
        flex: 0 0 35px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -moz-flex: 0 0 35px;
    }


	.djg-dashboard-box .djg-section-table td.djg-section-table-column-right {
		max-width: 25vw;
		min-width: 25vw;
	}
}

.kendo-state-error {
    border: 1px red solid !important;
    border-radius: 5px;
}

.ui-state-error > .ui-inputfield {
    border: 1px red solid !important;
    border-radius: 5px;
}


.djg-read-mode .section-2-cols > tbody > tr[role="row"],
.djg-read-mode .section-3-cols > tbody > tr[role="row"] {
    width: 100%;
    display: inline-flex;
}

.cursor-resize {
	cursor: w-resize;
}

.djg-gadget-import .djg-gadget-export-mode-selector input {
    width: 100%;
    display: inline-flex;
}

/*
The scheduler styles
*/

.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
    width: 1px;
}

#vertical {
	height: 640px;
	margin: 0 auto;
	border-right: none;
	border-left: none;
	border-top: none;
}

#vertical .k-splitbar {
	border-right: none;
	border-left: none;
	border-top: none;
}

#middle-pane { color: #000;}
#bottom-pane { color: #000; }
#left-pane, #center-pane, #right-pane  { color: #000;}
#left-pane {
	display: flex;
	align-items: center;
	margin-left:5px;
}
#left-pane .k-splitbar {
	border:none;
}
.k-splitter .k-splitbar-static-horizontal {
    width: 0;
    border-width: 0;
}
#left-pane2 {
	border-left: 1px solid;
	border-left-color: rgb(213, 213, 213);
	border-right: 1px solid;
	border-right-color: rgb(213, 213, 213);
}
#right-pane2 {
	border-right: 1px;
	border-right-style:solid;
	border-right-width: 1px;
	border-right-color: red;
}
#center-pane {
	display: flex;
	align-items: center;
}

.djg-scheduler-btn-wrapper {
	overflow: hidden;
	display: flex;
}

.center-pane-push {
	margin-left: auto;
}

#right-pane {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#scheduler-list-view {
	padding-left: 10px;
}
.pane-content {
	padding: 0 5px;
}

.right-pane-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:100%;
}
.right-pane-content div:last-child {
	margin-left: auto;
}
.right-pane-content div:first-child {
	margin-left:5px;
}

.right-pane-evt-count {
	 float: left;
}
#schedulerMonths {
	border-right: none;
	border-bottom: none;
}

.djg-scheduler-year {
	font-family: 'Open Sans Semibold';
	font-size: 20px;
	color: #051F29;
	padding-left: 3px;
}

.djg-scheduler-month {
	display:inline-block;
	font-family: 'Open Sans';
	font-size: 13px;
	color: #051F29;
	padding-left: 14px;
	line-height: 24px;
}

.djg-scheduler-month-disabled {
	display:inline-block;
	opacity: 0.3;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
}
.djg-scheduler-month-evt-count {
	width:20%;
	text-align: right;
	float:right;
	padding-right: 3px;
	font-family: 'Open Sans Semibold';
	font-size: 13px;
	color: #051F29;
}

.djg-scheduler-header-month {
	font-family: 'Open Sans Semibold';
	font-size: 15px;
	color: #051F29;
	display: inline-block;
	text-align: center;
 	vertical-align:middle;
 }
.k-scheduler {
	border: none;
}
/* hide the scheduler toolbar */
.k-scheduler-toolbar {
	display: none;
}
td.k-today {
	border: 2px solid #FE7F08 !important;
 	background-color: #DFE6E8 !important;
}

.k-event {
	height: 65px !important;
	background-color: transparent;
	border-style: none;
	background-image: none !important;
}

.k-event.k-state-selected {
	height: 65px !important;
	border-style: none;
	background-color: #A9D6E8;
	box-shadow: none;
	background-image: none !important;
}

.djg-scheduler-event-l1 {
	font-family: 'Open Sans Semibold';
	font-size: 32px;
	color: #051F29;
	cursor: pointer;
	line-height: 32px;
	padding: 3px;
	padding-left: 10px;
}
.djg-scheduler-event-l2 {
	font-family: 'Open Sans';
	font-size: 10px;
	color: #051F29;
	cursor: pointer;
	line-height: 10px;
	padding: 3px;
	padding-left: 10px;
	text-transform: capitalize;
}
.k-event-actions {
	display: none;
}
table.k-scheduler-table {
	border-spacing: 3px;
}
table.k-scheduler-table th {
	font-family: 'Open Sans';
	font-size: 11px;
	color: #051F29;
	background: none !important;
	border: none !important;
	text-transform: capitalize;
}
table.k-scheduler-table td {
	background-color: #DFE6E8;
}
table.k-scheduler-table td:hover,
.k-event:hover,
table.k-scheduler-table td.k-today:hover {
	background-color: #D4EAF3 !important;
}
#scheduler-pane {
	overflow: hidden;
}

.djg-scheduler-header-day {
	font-family: 'Open Sans Semibold';
	font-size: 15px;
	color: #051F29;
}
.djg-scheduler-header-evt {
	font-family: 'Open Sans';
	font-size: 10px;
	color: #051F29;
	text-transform: lowercase;
}

.scheduler-btn, #back-to-today-btn {
	font-family: 'Open Sans';
	font-size: 13px;
	color: #051F29;
	background-image: none;
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px solid white;
	border-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.scheduler-btn:hover, #back-to-today-btn:hover {
	background-color: #A9D6E9;
	border-bottom: 4px solid #0086B9;
}

.scheduler-btn.scheduler-btn-selected {
	font-family: 'Open Sans Semibold';
	font-size: 13px;
	color: #051F29;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px solid #0086B9;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

#schedulerEvents {
	border-top: none;
	border-left: 1px;
	border-bottom: none;
	overflow: auto;
	height:100%
}

#schedulerEvents .k-state-selected {
	background-color: transparent;
}
.djg-scheduler-evt-icon {
	display: inline-block;
	vertical-align: top;
	margin-left: 12px;
	margin-right: 5px;
	margin-top: 3px;
}
.djg-scheduler-evt-type {
	font-family: 'Open Sans Semibold';
	font-size: 13px;
	color: #051F29;
	display: inline-block;
	margin-bottom: 5px;

 	text-overflow: ellipsis;
 	overflow: hidden;
	width: 345px;
  	white-space: nowrap;
}

.djg-scheduler-outer {
	overflow: hidden;
    width: 100%;
}

.djg-scheduler-evt-upper {
	text-transform: uppercase;
	overflow-wrap: break-word;
}
.djg-scheduler-evt-propname {
	font-family: 'Open Sans';
	font-size: 12px;
	color: #051F29;
	display: inline-block;
	vertical-align: top;
	margin-left: 3px;
	opacity: 0.7;

	width: 125px;
  	white-space: pre-wrap;
  	text-align: right;
}
.djg-scheduler-evt-propsep {
	font-family: 'Open Sans';
	font-size: 12px;
	color: #051F29;
	vertical-align: top;
	display: inline-block;
}

.djg-scheduler-evt-propvalue {
	font-family: 'Open Sans Semibold';
	font-size: 12px;
	color: #051F29;
	display: inline-block;

 	text-overflow: ellipsis;
 	overflow: hidden;
	width: 235px;
  	white-space: nowrap;
}
.djg-scheduler-evt-size10 {
	font-size: 10px;
	padding-top: 2px;
}
.scheduler-event hr {
	height: 1px;
	background: #E7ECED;
	background-image: none;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 24px;
}
.k-other-month {
	background-color: transparent !important;
}

input[class='djg-evt-toggle'] {
	display: none;
}
.djg-lbl-toggle {
	display: block;
	cursor: pointer;
	margin-left: 3px;
}
.djg-lbl-toggle-hidden {
	display: none;
	cursor: pointer;
}

.djg-evt-collapsible-content {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .25s ease-in-out;
}
.djg-evt-toggle:checked + .djg-lbl-toggle-hidden + .djg-lbl-toggle + .djg-evt-collapsible-content,
.djg-evt-toggle:checked + .djg-lbl-toggle + .djg-lbl-toggle-hidden + .djg-evt-collapsible-content {
	max-height: 350px;
	overflow: auto;
}
#scheduler-pane {
	overflow: auto;
}

.scheduler-ui .btn-group>.btn:last-child:not(:first-child),
.scheduler-ui .btn-group>.dropdown-toggle:not(:first-child) {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left-width: 1px;
}
#grid-toolbar-container .slide-toggle-view {
	display: flex;
}
.icon-help {
	cursor: pointer;
}
.scheduler-description {
	white-space: pre-wrap;
}

.k-resize-handle {
	min-width: 12px !important;
	width: 12px !important;
}

.fixeduserlabel {
	width:50% !important;
	display:inline-block !important;
	vertical-align: middle !important;
}

.djg-wrkfl-notif-tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.djg-wrkfl-notif-tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.djg-wrkfl-notif-tab button:hover {
    background-color: #ddd;
}

.djg-wrkfl-notif-checkboxes label {
  display: block;
  float: left;
  padding-right: 10px;
  white-space: nowrap;
}
.djg-checkboxLabel {
	font-family: "Open Sans" !important;
}
.djg-wrkfl-notif-checkboxes input {
  vertical-align: middle;
  margin-right: 10px;
}
.djg-wrkfl-notif-checkboxes label span {
  vertical-align: middle;
}



.djg-wrkfl-notif-tablinks {
	text-align: center;
}

/* Create an active/current tablink class */
.djg-wrkfl-notif-tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.djg-wrkfl-notif-tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
}
.djg-wrkfl-notif-count {
	width:20px;
	margin: 0 auto;
	max-width: 30px;
}

.k-animation-container > .k-list-container.k-popup.k-group.k-reset {
    min-width: fit-content;
    min-width: -moz-fit-content;
}

#select_notif_replacements {
	width:50% !important;
}

/*
* Quick and crappy workaround for DJG-18225 in CSS
*/
/*
.k-menu .k-lock {
	display: none !important;
}
.k-menu .k-unlock {
	display: none !important;
}
.k-menu .k-unlock  + .k-separator {
	display: none !important;
}
.k-menu .k-lock  + .k-separator {
	display: none !important;
}
*/