:root {
	/* Color palettes */
	--primary-600: #0364A1;
	--primary-500: #02456F;
	--primary-400: #4392f1;
	--primary-350: #4FA3D6;
	--primary-250: #81BDE1;
	--primary-150: #B3D7ED;
	--primary-125: #CCE1FF;
	--primary-100: #CDE5F3;
	--primary-50: #E6F2F9;
	--primary-25: #F2F8FC;
	--secondary-500: #0C2A3D;
	--secondary-450: #243F50;
	--secondary-400: #3D748F;
	--secondary-350: #617581;
	--secondary-250: #667883;
	--secondary-150: #B6BFC5;
	--secondary-100: #CED4D8;
	--secondary-75: #F4F8FF;
	--secondary-50: #F5F6F7;
	--gs-black: #000000;
	--gs-bold: #39393C;
	--gs-light: #F2F2F2;
	--gs-silver: #C0C0C0;
	--gs-background: #F0F2F5;
	--gs-white: #FFFFFF;
	--gs-carbon: #333333;
	--accent-yellow: #C05209;
	--accent-yellow-200: #FFCF53;
	--accent-yellow-600: #8A6800;
	--gentle-yellow: #FFF6BF;
	--accent-green-800: #004C2A;
	--accent-green-650: #22bb33;
	--accent-green-500: #008669;
	--accent-violet-800: indigo;
	--accent-violet-500: #634ECC;
	--accent-orange-600: #C05209;
	--accent-orange-500: #FF6653;
	--accent-dark-green-500: #2A594D;
	--accent-dark-brown-500: #452500;
	--func-warning-600: #CA980B;
	--func-warning-500: #C05209;
	--func-success-700: #0A7542;
	--func-success-600: #139255;
	--func-success-500: #18B66A;
	--func-danger-600: #760A2A;
	--func-danger-500: #E01250;
	--func-danger-400: #EF5350;
	--delicate-violet: #8C90A6;
    --pink-300: #722740;
	--pink-100: #FBBBBB;
	--pink-25: #FCE7ED;
	/* Other variables */
	--font-family: 'Poppins', sans-serif;
	--font-color: var(--secondary-500);
	--font-size: 13px;
	--font-weight: 500;
	--font-bold: 600;
	--header-bg-color: #183547;
	--hover-background-color: #e8f1ff;
	--sidebar-width: 60px;
	--navbar-height: 60px;
	--icon-size: 15px;
	--popup-button-height: 40px;
	--add-business-document-border: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
	--disabled-color: #F0F0F0;
	--shadow-color: #D0CECE;
	--treeview-node-level-color: #E9E9EE;
	--gray-400: #8f8d8d;
	--gray-350: #666666;
	--modal-bg-color: rgba(0, 0, 0, 0.2);
	--scrollbar-thumb: #8F8F8F;
	--scrollbar-thumb-hover: #ABABAB;
	--skeleton-loading-0: #F1F3F3;
	--skeleton-loading-100: #CECFD9;
	--border-color: var(--primary-150);
}

html {
	font-family: var(--font-family);
	margin: 0;
	color: var(--font-color);
	font-size: var(--font-size);
	height: 100%;
	background: var(--gs-white);
	font-weight: var(--font-weight);
}

body {
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

@media print {/* impression iframe dans firefox => si 100% que page 1*/
	body {
		height: auto;
	}
}

button {
	border: medium none;
}

/* border-box model (marge + bordure incluses) */
 * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* Contournement bug jquery ui Resizable et border-box => fix sur les elts du calcul de resize */
 .ui-resizable , .ui-dialog-content, .ui-dialog-buttonpan{
    -webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important;box-sizing:content-box !important;
}

/* layout principal via table CSS */
#page {display: block; width:100%; height: 100%; }
#header {overflow: hidden; position: absolute; height: 60px; top:0;left:0;right: 0; z-index: 1}/* z-index pour le shadow */
#page-row{position: absolute; top: 60px; left:0;right:0; bottom: 0;}
#main-menu {position: absolute; left:0 ; top: 0; bottom: 0; width: 50px;}
#main-content {position: absolute; inset-inline-start: 50px; inset-inline-end:0 ; inset-block-start: 0; height: 100%; overflow: auto;}
#main-content-title {position: absolute; height: 60px; top: 0; left:0; right:0; padding: 19px; font-size: 1em; overflow: hidden;}
#main-content-title .maincontenttitle-label {font-size: 1.5em;vertical-align: middle;}
#main-content-body {position: absolute; top: 60px; left: 0; right:0 ; bottom:0; overflow: auto;}

/* styles globaux*/
select { border: none; }
select, textarea, input { font-size: 1.1em; }

input, option, textarea, select {
	font-family: var(--font-family), 'Material Design Icons';
	font-size: var(--font-size);
	font-weight: 500;
	border:none;
}

input[type=text], textarea {
	border:none;
	background: var(--gs-white);
}

input[type=text], input[type=password] {
	display: inline-block;
	line-height: 20px;
	white-space: nowrap;
	vertical-align: middle;
	border: none;
	font-family: inherit;
	padding-bottom: 4px;
	background-color: transparent;
}

input[type='checkbox'] {
	scale: 1.2;
    margin-inline-start: 5px;
	margin-inline-end: 7px;
}

h1 { margin: 0; }

a {
	color: var(--font-color);
	text-decoration: none;
	background-color: transparent;
}
a img {border: 0;}

iframe{
	margin:0;
	padding:0;
	overflow: auto;
}

ul, li {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}

.panneau {padding: 10px;}

.dbui-dbawesomeselect-select {border: none;}

/* sprite est une variation de picto- */
.sprite{
	display: inline-block; background-repeat:no-repeat; vertical-align: middle; width: 24px; height: 24px; background-position: center top; background-color: transparent !important;
}
.sprite span{
	width: 0; height: 0; overflow: hidden; display: block;
}

/*<< composant actionbar */

span.lockdocument, span.lockfolderpartiel, span.lockdocumentowner, span.lockfolderowner, span.lockfolderpartielowner  {
	width: 16px ;
	height: 16px ;
	margin-left:4px;
	margin-right:4px;
	overflow: hidden;
	text-indent: -100em;	
	background-color: transparent;
	display: inline-block;
}

/* lock. RQ: lockfolder=regroupement targetList */
span.lockdocument, span.lockfolderpartiel  {
	background: url(../dbimages/picto_lock.png) right center no-repeat;
}

span.lockdocumentowner , span.lockfolderowner, span.lockfolderpartielowner { 
	background: url(../dbimages/picto_lock_owner.png) right center no-repeat;
}

/** Etat signature document */

.sigstate {
	display: inline-block;
	width: 23px;
	height: 24px;
	vertical-align: top;
	overflow: visible;
	background-repeat: no-repeat;
	background-position: 0 3px;	
}

.sigstate-valid{
	background-image: url(../dbimages/doc_sig_valid.png);
}

.sigstate-invalid{
	background-image: url(../dbimages/doc_sig_invalid.png);
}

.sigstate-undefined{
	background-image: url(../dbimages/doc_sig_undefined.png);
}

.sigstate-disabled{
	display: none;
}

/* pictos pour tableau */
span.note {
	background:url(../dbimages/picto_note.png) right center no-repeat;
	display:inline-block;
	width:16px ;
	height:16px ;
}

span.attachment {
	background: url(../dbimages/picto_attachment.png) right center no-repeat;
	display: inline-block;
	width: 16px ;
	height: 16px ;
}

.datePicker {
	background: url("../dbimages/calendar.png") no-repeat 0 0 transparent;
	display: inline-block;
	width: 20px ;
	height: 20px ;
	border: none;
	cursor: pointer;
}

/* popin style */
#page-menuless {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto; /* DIS-1624 prevent marge collapse */
}

/* formatage de formulaire */
.form-container {
	background: var(--primary-25); padding:15px;
}

.form-container.display-white{
	background: var(--gs-white);
}

.form-group{
	border: 1px solid var(--gs-white); /* hack IE10: une bordure sinon decalage shadow  */
	margin-bottom: 8px;
	padding: 5px;
	background: var(--gs-white);
	-moz-box-shadow: 0 0 8px 0 var(--shadow-color);
	-webkit-box-shadow: 0 0 8px 0 var(--shadow-color);
	-o-box-shadow: 0 0 8px 0 var(--shadow-color);
	box-shadow: 0 0 8px 0 var(--shadow-color);
}

.form-group-header {
	font-weight: bold;
	padding: 5px;
}

.form-row {
	padding:3px;
	width:100%;
	overflow: visible;
}

.form-label{
    display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 10px;
	white-space: normal;
}

.form-required:after{
	content: " *";
	white-space: nowrap;
}

.form-value {
    display: inline-block;
	vertical-align: middle;
}

.form-container.display-white .dbui-dbawesomeselect-select,.form-container.display-white .dbui-dbinputtext ,.form-container.display-white .dbui-dbinputtextdecorator,
.form-container.display-white input[type=text],.form-container.display-white textarea,.form-container.display-white select, .form-container.display-white .dbui-dblwa-list{
	background:var(--primary-25);
}

/* pictos */
#header a[class^='picto-'] {margin: 0 10px;}
a.picto-active, span.picto-active,a.on {background-position: center bottom;} /* REMOVEME IF POSSIBLE*/
.viewer-top .viewer-actions a[class^='picto-']:hover {background-position:center top;}

a[class^='picto-']:hover, a[class^='picto-'].active {background-position: center bottom;}
a.active span{color: var(--secondary-500)}

.ui-datepicker .ui-state-hover {background: var(--secondary-500); color: var(--gs-white);}

.ui-widget-overlay {background: var(--gray-400); -ms-filter: "alpha(opacity=40)"; opacity : 0.4;}

.maskiframe {filter:mask(); position: absolute; left: 0; top: 24px; z-index: 14;}

.picto-add {
	mask: url(../dbimages/ic-plus-blue.svg) no-repeat center center;
	mask-size: 18px;
	-webkit-mask: url(../dbimages/ic-plus-blue.svg) no-repeat center center;
	-webkit-mask-size: 18px;
	background-color: var(--primary-500);
	padding: 10px;
	border: 1px;
}
.picto-del {
	bmask: url(../dbimages/ic-close-red.svg) no-repeat center center;
	mask-size: 18px;
	-webkit-mask: url(../dbimages/ic-close-red.svg) no-repeat center center;
	-webkit-mask-size: 18px;
	background-color: var(--func-danger-500);
	padding: 10px;
	border: 1px;
}
.picto-show {background-image: url(../dbimages/picto_show.png);}
.picto-validate {background-image: url(../dbimages/picto_validate.png);}
.picto-edit {background-image: url(../dbimages/picto_edit_index.png);}
.picto-preference {background-image: url(../dbimages/picto_preference.png);}
.picto-preference_user {background-image: url(../dbimages/picto_preference_user.png);}
.picto-scan {background-image: url(../dbimages/picto_scan.png);}
.picto-import {background-image: url(../dbimages/picto_import.png);}
.picto-refresh {background-image: url(../dbimages/picto_refresh.png);}

a.closedfoldercheck  {
	display: block;
	height: 16px;
	width: 16px;
}

/* ************ Gestion des steps dans le briefcae ************/
.steps:after, .row-assign:after {content: ' '; display: table; clear: both;}
.steps ul {margin: 0; padding: 0; list-style: none;}
.steps ul li {
	margin: 0; height:37px; line-height:37px; background: var(--secondary-50); float: left; width: 50%; text-align: center; font-size: 1.15em; position: relative;
    overflow: hidden;padding-left:10px;padding-right:20px;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space: nowrap;
}

.steps ul li:first-child {z-index: 10;}
.steps ul li:first-child + li {z-index: 9;}

.steps ul li:before {position: absolute; width: 20px; height: 37px; background: url(../dbimages/steps.gif) no-repeat left bottom; right:0; top:0; content: ' ';}
.steps ul li.active {background: var(--secondary-500); color: var(--gs-white);}
.steps ul li.active:before {background-position: left top;}
.steps ul li:first-child + li:before {display: none;}

/***************  Style des boutons de confirmation*****************/
.ui-dialog-buttonset .confirmbtn{width: auto; height: auto; background-color : var(--secondary-50);}
.ui-dialog-buttonset .confirmbtn span{width: auto; height: auto; background-color : var(--secondary-50);}

/* ************ Gestion des erreurs ************/
#error{color: var(--func-danger-500); font-weight: bold; padding: 2px;}
#info{color: var(--func-success-600); font-weight: bold; padding: 2px;}

/** Accuse de depot */

#depositreceipt table {
	border-collapse: collapse;
	width: 99%;
	border-spacing: 40px;
	font-size: inherit;
}

#depositreceipt table td {
	padding: 5px;
}

#depositreceipt table tbody tr:nth-child(even) {
	background: var(--primary-25);
}

/** overlay loading */
.db_loading {
    background: url("../dbimages/ajax-loader_B82F6F_16x16.gif") no-repeat scroll center center var(--gs-white);
    height: 100%;
    width: 100%;
    background-color: var(--gs-white);
}

.db_bigloading {
    background: url("../dbimages/ajax-loader_B82F6F_66x66.gif") no-repeat scroll center center var(--gs-white);
    height: 100%;
    width: 100%;
    background-color: var(--gs-white);
}

#main-content-title .lock {
	vertical-align: middle;	
	height:24px;
}

/* page d'erreur */
#errorsection {
	position: absolute;
	top: 20%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 20px;
	text-align: center;
	flex-direction: column;
}

#errorsection img {
	margin-bottom: 20px;
}

#errorsection #internalErrorMsg, #errorsection #errorMsg {
	width: 50%;
	margin: auto;
	/*padding: 10px;*/
	background-color: var(--pink-25);
	border: 2px solid var(--func-danger-500);
}

#internalErrorMsg #genericMsg {
	color: var(--func-danger-500);
	font-weight: bold;
	font-size: 1.25em;
}

/* .popupmsg message d'erreur en notification via iframe */
.popupmsg #errorsection {
	padding:0;
}

.popupmsg #errorsection #errorMsg {
	width:auto;
	padding: 0;
	border: none;
	background-color: transparent;
}

#archivemail {
	margin-top: 10px;
}

.warning-msg {
	color: var(--func-warning-500);
}