:root {
	/* Color palettes */
	--primary-600: #0369A7;
	--primary-500: #037BC4;
	--primary-350: #4FA3D6;
	--primary-250: #81BDE1;
	--primary-150: #B3D7ED;
	--primary-100: #CDE5F3;
	--primary-50: #E6F2F9;
	--primary-25: #F2F8FC;
	--secondary-500: #0C2A3D;
	--secondary-450: #243F50;
	--secondary-350: #617581;
	--secondary-250: #85949E;
	--secondary-150: #B6BFC5;
	--secondary-100: #CED4D8;
	--secondary-75: #F4F8FF;
	--secondary-50: #F5F6F7;
	--gs-black: #000000;
	--gs-bold: #9B9BA0;
	--gs-light: #F2F2F2;
	--gs-background: #F0F2F5;
	--gs-white: #FFFFFF;
	--accent-yellow: #FCBE0E;
	--accent-green-500: #3FC8AA;
	--accent-violet-500: #7B61FF;
	--accent-orange-500: #FF6653;
	--accent-dark-green-500: #2A594D;
	--func-warning-600: #CA980B;
	--func-warning-500: #FCBE0E;
	--func-success-600: #139255;
	--func-success-500: #18B66A;
	--func-danger-600: #B30E40;
	--func-danger-500: #E01250;
	/* Other variables */
	--font-family: 'Poppins', sans-serif;
	--font-color: var(--secondary-500);
	--font-size: 13px;
	--font-weight: 500;
	--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));
}

html {
	font-family: var(--font-family);
	margin: 0;
	color: #262a33;
	font-size: var(--font-size);
	height: 100%;
	background: #fff;
	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: #fff;
}

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-end: 7px;
}

h1 { margin: 0; }

a {
	color: #262a33;
	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: #f5f5f5; padding:15px;
}

.form-container.display-white{
	background: #fff;
}

.form-group{
	border: 1px solid #fff; /* hack IE10: une bordure sinon decalage shadow  */
	margin-bottom: 8px;
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 0px 8px 0px #d0cece;
	-webkit-box-shadow: 0px 0px 8px 0px #d0cece;
	-o-box-shadow: 0px 0px 8px 0px #d0cece;
	box-shadow: 0px 0px 8px 0px #d0cece;
}

.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:#F5F5F5;
}

/* 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: #1a214d}

.ui-datepicker .ui-state-hover {background: #1a214d; color: #fff;}

.ui-widget-overlay {background: #8f8d8d; -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: #e5e5e5; 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: #1a214d; color: #fff;}
.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 : #e5e5e5;}
.ui-dialog-buttonset .confirmbtn span{width: auto; height: auto; background-color : #e5e5e5;}

/* ************ Gestion des erreurs ************/
#error{color: red; font-weight: bold; padding: 2px;}
#info{color: green; font-weight: bold; padding: 2px;}  

/** Accuse de depot */

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

#depositreceipt table td {
	padding: 5px;
}

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

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

.db_bigloading {
    background: url("../dbimages/ajax-loader_B82F6F_66x66.gif") no-repeat scroll center center #FFF;
    height: 100%;
    width: 100%;
    background-color: 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: #ffefef;
	border: 2px solid red;
}

#internalErrorMsg #genericMsg {
	color: red;
	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);
}