html {font-family: 'roboto'; margin: 0; color: #262a33; font-size: 0.75em; height: 100%; background: #fff;}
body {margin: 0; padding: 0; height: 100%;}
@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; left: 50px;right:0 ; top: 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-family: 'roboto';font-size:1.1em;}
textarea, input[type=text] {border:none; background: #fff;}
h1 {margin: 0;}
a {color: #262a33; text-decoration: none;}
a img {border: 0;}

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

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

.detail-content{border-top: 3px solid #e5e5e5; padding: 5px;}
.panneau {padding: 10px;}

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

/* pictos */
a[class^='picto-'] span, span[class^='picto-'] span, button span {width: 0; height: 0; overflow: hidden; display: block;}
a[class^='picto-'], span[class^='picto-'] {display: inline-block; background-repeat:no-repeat; vertical-align: middle; width: 24px; height: 24px; background-position: center top; 
	line-height: 24px !important; background-color: transparent !important;	/* redef pour .actionbarbutton-content*/
}

/* 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;
}

.lastrefreshdate, .archivedate {padding-left: 20px; background: url(../dbimages2/picto_last_action.png) no-repeat left 5px; color: #878787; font-size: 0.93em; line-height: 16px; margin-left: 10px}

/* >>composant actionbar */
.actionbaraction{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.actionbargroupitems-list .actionbaraction{
	display: block;
}

.actionbaraction.ui-state-disabled {
	visibility: hidden;
}

/* style pour le bouton type text, voir picto-* pour cas picto */
a.actionbarbutton-content{
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 24px;
	background-color: #585E6E;
	color: #fff;
}

a.actionbarbutton-content:hover,a.actionbarbutton-content.active{
	background-color: #1a214d ;
	color: #fff !important;
}

a.actionbarbutton-content.active span{
	color: #fff !important;
}

.actionbarbutton:HOVER > a, .actionbargroupitems.dbui-state-active > a{
	color: #1a214d;
}

.actionbargroupitems {
	background-color: #E5E5E5;
	display: inline-block;
}

.actionbargroupitems-body{
	line-height: 24px;
}
 
.actionbargroupitems-label{
	padding-left: 10px;
}

.actionbargroupitems-list{
	min-width: 150px; /* pris en compte si pos absolute */
	display:none;
	margin:0;
	background: #E5E5E5;
	border: none;
	padding:10px;
}

.actionbargroupitems-list .actionbaraction{
	padding-bottom:2px; 
	line-height: 1.5em;
}

.actionbargroupitems-section{
	margin-top: 5px;
	border-top: 1px dashed #B9B8B8;
	padding-top : 5px;
}

.actionbargroupitems-section > a{
	font-style: italic;
	cursor: default;
}
.actionbargroupitems-section > ul{
	padding-left: 10px;
}

.actionbargroupitems-list .actionbarbutton > a {
    display: inline-block;
    width: 100%;
}

.actionbargroupitems-list .actionbarbutton > a[class*='picto-'] {
	background-position: left top;
    background-repeat: no-repeat;
    line-height: 24px;
    padding-left: 26px;
}

.actionbargroupitems-list .actionbarbutton > a[class*='picto-']:hover, .actionbargroupitems-list .actionbarbutton > a[class*='picto-'].active {
    background-position: left bottom;
}

/*<< 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(../dbimages2/picto_lock.png) right center no-repeat;
}

span.lockdocumentowner , span.lockfolderowner, span.lockfolderpartielowner { 
	background: url(../dbimages2/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(../dbimages2/doc_sig_valid.png);
}

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

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

.sigstate-disabled{
	display: none;
}

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

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

.datePicker {
	background: url("../dbimages2/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 */
	position: relative; /* DIS-1811 fix dictionary popup when preview long form */
}

/* 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-group-body {
}

.form-group-body-set {
}

.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;
}

.dbbutton {
    background-color: #e5e5e5;
    color: #262a33;
    display: inline-block;
    margin: 1px 4px;
    padding: 10px 12px;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.dbbuttontext {
	color: #1a214d;
}

.dbbutton:hover,.dbbutton:focus{
	background-color: #585e6e;
	color: #fff;
}

.dbbutton-picto {padding-left: 40px !important; background-repeat: no-repeat; background-position: 12px center;}
.dbbutton-picto-ok {background-image: url(../dbimages2/picto_bt-ok_dark.png);}
.dbbutton-picto-ok:hover, .dbbutton-picto-ok:focus{background-image: url(../dbimages2/picto_bt-ok.png);}

.dbbutton-picto-close {background-image: url(../dbimages2/picto_close_dark.png);}
.dbbutton-picto-close:hover, .dbbutton-picto-close:focus{background-image: url(../dbimages2/picto_close_white.png);}

.dbbutton.dbbutton-disabled:hover {
	background-color: #e5e5e5;
	color: #262a33;
}
.dbbutton.dbbutton-disabled {
	display: none;
/*	opacity: 0.4;
	-ms-filter: "alpha(opacity=40)";*/
}
.dbbutton-picto-ok.dbbutton-disabled:hover{background-image: url(../dbimages2/picto_bt-ok_dark.png);}

.dbbutton-picto-close.dbbutton-disabled:hover{background-image: url(../dbimages2/picto_close_dark.png);}

/* styles par page */


/* Entete de page */
#header, .regle_detail, .ui-datepicker, #login .infobulle, .bigbox, .shadow {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;}
#header .logo,#header .menu-base, #header .user {height: 60px;}
#header .logo,#header .menu-base {border-right: 1px solid #e7e8e9; float: left;}
#header .logo {padding: 12px 23px 0 29px; font-size: 0;}
#header .menu-base {padding:17px 23px 0 13px;}
#header .user {float: right; border-left: 1px solid #e7e8e9; padding:17px 23px 0 13px;}
#header .dbui-dbawesomeselect-text {font-weight: bold;}

#header .user {padding-left: 55px; background: url(../dbimages2/picto_user.png) no-repeat 23px center; line-height: 24px;}
#header .user .picto-logout {float: right; margin-left: 20px;}
#header .user .picto-help {float: right; margin-left: 20px;}

#header .selectrole  {vertical-align: top}
#header #uniquerole  {
	display: inline-block;
	max-width: 150px;
	vertical-align: top
}

#header #user-login {
	display: inline-block;
}

.header-user-login-menu{
	display: none;
	white-space: nowrap;
}

.header-user-login-menu-ids{
	padding: 5px;
}

.header-user-login-menu-userid{
	font-weight: bold;
}

/* menu principal */
#main-menu-actions {height: 100%; width: 50px; background: #E5E5E5; overflow: hidden;}

#main-menu-actions > ul {margin: 0; padding: 0; list-style: none;}
#main-menu-actions > ul>li>a {display: block; background-position: center top; width: auto; height: 50px;}
#main-menu-actions > ul>li>a[class^='picto-']:hover {background-position: center -50px; background-color: #262A33 !important}
#main-menu-actions > ul>li.active>a[class^='picto-'] {background-position: center -50px; background-color: #1a214d !important}
#main-menu-actions > ul>li.active>a[class^='picto-']:hover {background-position: center -50px; background-color: #1a214d !important}
#main-menu-actions > ul>li.dbtag-mainmenu-panel-opened >a[class^='picto-'] {background-position: center -100px; background-color: #262A33 !important}
#main-menu-actions > ul>li.active.dbtag-mainmenu-panel-opened >a[class^='picto-'] {background-position: center -100px; background-color: #1a214d !important}

.picto-search {background-image: url(../dbimages2/picto_search_3states.png);}
.picto-file_storage {background-image: url(../dbimages2/picto_file_storage_3states.png);}
.picto-folder {background-image: url(../dbimages2/picto_folder_3states.png);}
.picto-favorite {background-image: url(../dbimages2/picto_favorite_3states.png);}

#main-menu-search-options {
	width: 400px;
}

button span {
    display: none;
}

/* ----- */

#main-content-title .bandeau-titre {padding: 20px 10px 32px;}
#main-content-title .bandeau-titre h1 {display: inline-block; margin: 0 10px 0 0; vertical-align: middle; font-weight: normal; font-size: 1.5em;}
#main-content-title .bandeau-titre h1>span {font-weight: bold;}
#main-content-title .bandeau-titre img {vertical-align: middle;}
#main-content-title .bandeau-titre .actions {margin-left: 24px; display: inline-block; vertical-align: middle;}

.details-panel #header-details-panel {padding: 14px 0;}
.details-panel #header-details-panel #header-detail-line, .bandeau-titre #header-detail-line {margin-top: 12px;}
.viewer-top .close-panel, .regle_detail_top .close-panel {float: right; background: url(../dbimages2/picto_close.png) no-repeat center top; width: 18px; height: 18px;}
.viewer-top .close-panel, .regle_detail_top .close-panel {background-image: url(../dbimages2/picto_close_white.png);}
.details-panel .close-panel:hover {background-position: left bottom;}
.details-panel h2 {display: inline-block; margin:0 14px 0 0; font-size: 1.35em; font-weight: 500;}
.details-panel #header-details-panel .archive, .bandeau-titre .archive {display: inline-block; padding-left: 28px; margin-right: 30px; background: url(../dbimages2/picto_last_action.png) no-repeat left center; line-height: 16px;}
.details-panel .actions {display: inline-block;}
.details-panel .dbui-dbawesomeselect-select, #header-detail-line .dbui-dbawesomeselect-select {background:#e5e5e5;}
.details-panel .panneau, .template-dossier-form .panneau, .template-dossier-form .panneau-seul, #main-menu .panneau {padding: 12px 10px;}

.template-dossier-form .panneau-seul {font-size: 1.18em;}
.template-dossier:after {content: ' '; display: table; clear: both;}

.details-panel .panneau .actions-donnees .archive {padding-left: 28px; float: right; background: url(../dbimages2/picto_last_action.png) no-repeat left center; color: #878787; font-size: 0.93em; line-height: 16px;}

.details-panel .panneau table caption {font-size: 1em; text-align: left; margin-bottom: 6px;}
.details-panel .panneau table .pictos-actions {white-space: nowrap;}
.details-panel .panneau table.donnees, .row-add-elm-table table, .template-dossier-form .panneau table.valeurs, .template-dossier-form .panneau-seul table.valeurs {width: 100%; border-collapse: collapse;}
.details-panel .panneau table.valeurs, .template-dossier-form .panneau table.valeurs, .template-dossier-form .panneau-seul table.valeurs {border-collapse: collapse;}
.details-panel .panneau table.valeurs tr td:first-child, .template-dossier-form .panneau table.valeurs tr td:first-child, .template-dossier-form .panneau-seul table.valeurs tr td:first-child {padding-left: 23px;}
.details-panel .panneau table.donnees thead th, .row-add-elm-table table thead th {background: #e5e5e5; text-align: left; font-weight: normal;}
.details-panel .panneau table.donnees tr td, .details-panel .panneau table.donnees tr th {padding: 10px; line-height: 24px;}
.row-add-elm-table table thead th, .row-add-elm-table table tbody td {padding: 6px 10px;}
.details-panel .panneau table.valeurs tr td, .template-dossier-form .panneau table.valeurs tr td, .template-dossier-form .panneau-seul table.valeurs tr td {padding: 4px 9px; border: 1px solid #fff;}
.details-panel .panneau table.valeurs tr td.label, .template-dossier-form .panneau table.valeurs tr td.label, .template-dossier-form .panneau-seul table.valeurs tr td.label {text-align: right;}
.details-panel .panneau table.valeurs tr td.value, .template-dossier-form .panneau table.valeurs tr td.value {font-weight: 500;}
.details-panel .panneau table.valeurs tr td.field, .details-panel .panneau table.valeurs tr td.field input, .details-panel .panneau table.valeurs tr td.field .dbui-dbawesomeselect-select, .template-dossier-form .panneau table.valeurs tr td.field, .template-dossier-form .panneau table.valeurs tr td.field input, .template-dossier-form .panneau-seul table.valeurs tr td.field, .template-dossier-form .panneau-seul table.valeurs tr td.field input {background: #f5f5f5;}
.details-panel .panneau table.valeurs tr td.field input {border: none;}
.details-panel .panneau table.donnees tbody tr:nth-child(even) td, .row-add-elm-table  tbody tr:nth-child(even) td {background: #f5f5f5;}
.details-panel .panneau table.donnees .picto-del {float: right; margin: 0;}
.details-panel .panneau .actions-donnees {padding: 10px 16px;}
.details-panel .panneau p {margin: 10px 26px; color: #878787; font-size: 0.93em;}


.tooltip-iframe {position: absolute; margin-top: 10px; top: 0; display: none;}


/* pictos */
#header a[class^='picto-'] {margin: 0 10px;}
.bandeau-titre .actions a[class^='picto-'], .template-dossier-tree span[class^='picto-'] {margin: 0 2px;}
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}

.picto-back, a.picto-del, .details-panel a[class^='picto-'], .bandeau-titre a[class^='picto-'] {margin: 0 8px 0 0;}
.details-panel .panneau .actions-donnees a[class^='picto-'] {margin-right: 6px;}
a.picto-info, .details-panel .panneau a.picto-info {background-image:url(../dbimages2/picto_info.gif); width: 10px; height: 10px; margin-left: 10px;}
.viewer-top .viewer-actions a[class^='picto-'] {width: 26px; height: 26px; margin: 0 3px;}
.device-large .viewer-top .viewer-actions a[class^='picto-'] {margin: 0 7px;}
.viewer-top .viewer-actions .sel-display a[class^='picto-'] {width: 39px; height: 24px;}

.colonne50 {float: left; width: 50%;}
.colonne100 {float: left; width: 100%;}

.viewer {width: 100%;}
.viewer-top {background:#1a214d; padding: 6px 10px; color: #fff;}
.viewer-pagination {display: inline-block; margin-right: 1.6%;}
.device-large .viewer-pagination {margin-right: 60px;}
.viewer-pagination img {vertical-align: middle; margin-left: 7px;}
.viewer-pagination .picto-first, .viewer-pagination .picto-last {width: 20px; height: 24px;}
.viewer-pagination .picto-previous, .viewer-pagination .picto-next {width: 14px; height: 24px;}
.viewer-pagination .current {margin: 0 5px;}
.device-large .viewer-pagination .current {margin: 0 10px;}
.viewer-actions {display: inline-block; min-width: 370px;}
.viewer-top .sel-options, .viewer-top .dbui-dbawesomeselect-select {font-size: 0.93em;margin-left: 1.6%;}
.device-large .viewer-top .sel-options, .device-large .viewer-top .dbui-dbawesomeselect-select {font-size: 1em; margin-left: 26px;}
.device-large .viewer-top .dbui-dbawesomeselect-select {margin-left:0;}
.viewer-top .dbui-dbawesomeselect-select .dbui-dbawesomeselect-text {padding: 0 20px 0 6px;}
.device-large .viewer-top .dbui-dbawesomeselect-select .dbui-dbawesomeselect-text {padding: 0 34px 0 10px;}
.viewer-top .sel-options, .viewer-top .sel-display {position: relative; background: #fff; display: inline-block; margin-left: 1.6%; font-size: 0.93em;}
.device-large .viewer-top .sel-display {margin-left: 76px; font-size: 1em;}
.viewer-top .sel-options .dbui-dbawesomeselect-text, .viewer-top .sel-display .dbui-dbawesomeselect-text {color: #262a33; display: block; text-decoration: none; padding: 0 20px 0 6px; line-height: 24px; height: 24px; background: url(../dbimages2/select-arrow.gif) no-repeat right top;}
.device-large .viewer-top .sel-options .dbui-dbawesomeselect-text, .device-large .viewer-top .sel-display .dbui-dbawesomeselect-text {padding: 0 34px 0 10px;}
.viewer-top .sel-options .sel-list, .viewer-top .sel-display .sel-list {position: absolute;background: #fff; left: 0; top:24px; display: none; z-index: 15;}
.viewer-top .sel-options .sel-list .sel-group {margin: 0 10px; list-style: none; background: url(../dbimages2/sel-group_dotted.gif) repeat-x left top; padding: 2px 0;}
.viewer-top .sel-options .sel-list .sel-group:first-child {background:none;}
.viewer-top .sel-options .sel-list .sel-group li {padding: 2px 0; margin:0; white-space: nowrap;}
.viewer-top .sel-options .sel-list .sel-group li a {color: #262a33; text-decoration: none;}
.viewer-top .sel-display .sel-list {width: 100%;}
.viewer-top .sel-display .sel-list ul {margin: 0; list-style: none; padding: 13px 0; text-align: center;}
.viewer-top .sel-display .sel-list ul li {margin: 0; padding: 7px;}
.viewer-top .sel-open .dbui-dbawesomeselect-text {background-position: right bottom;}
.viewer-top .sel-open .sel-list {display: block;}
.viewer-bottom {background: #e5e5e5; padding: 2px; text-align: center; margin-top: -4px;}
.viewer-bottom .viewer-pagination {margin-right: 24px;}
.viewer-bottom .viewer-pagination a[class^='picto-'] {background-position: center center;}
.viewer-bottom .button {display: inline-block; background-color: #585e6e; color: #fff; line-height: 32px; height: 32px; text-decoration: none; padding: 0 10px;}
.viewer-bottom .button[class^='bt-'] {padding-left: 40px; background-position: 11px 4px; background-repeat: no-repeat;}
.viewer-main {width: 100%;}


/* Arbo */
.tree-filter {overflow: auto;}
.tree-filter .filter-bar, .tree-filter .tree-bottom {background:#1a214d; padding: 6px 12px;}
.tree-filter .filter-bar .filters a {margin: 0 28px; display: inline-block; color: #fff; text-decoration: none;}
.tree-filter .filter-bar .filters {float: left; width: 50%;}
.tree-filter .filter-bar .actions {margin-left: 50%; width: 50%;}
.tree-filter .filter-bar .actions, .tree-filter .tree-bottom {text-align: right;}
.tree-filter .filter-bar .ui-grid-ico-sort {background:url(../dbimages2/arrow_filter.png) no-repeat center top; display: inline-block; width: 12px; position: static; margin: 0; vertical-align: middle; height: 12px; margin-left: 15px;}
.tree-filter .filter-bar .ui-grid-ico-sort.ui-icon-desc {background-position:center bottom;}
.tree-filter .filter-bar .ui-grid-ico-sort.ui-state-disabled {display: none;}
.tree-filter .tree .item {padding: 11px; background: #f5f5f5; margin-bottom: 2px;}
.tree-filter .tree>.tree-group>.tree-group>.tree-group>.tree-group .item {background: #fff;}
.tree-filter .tree .item .tree-state, .ui-dialog .row-assign .tree-groups .tree-state, .template-dossier .template-dossier-tree .tree-state {display: inline-block; width: 12px; height: 12px; margin-right: 4px;}
.tree-filter .tree .item .tree-state span, .ui-dialog .row-assign .tree-groups .tree-state span, .template-dossier .template-dossier-tree .tree-state span {display: none;}
.tree-filter .tree .item .tree-plus, .ui-dialog .row-assign .tree-groups .tree-plus, .template-dossier .template-dossier-tree .tree-plus {background:url(../dbimages2/tree_plus.png) no-repeat;}
.tree-filter .tree .item .tree-moins, .ui-dialog .row-assign .tree-groups .tree-moins, .template-dossier .template-dossier-tree .tree-moins {background:url(../dbimages2/tree_moins.png) no-repeat;}
.tree-filter .tree .item input[type="checkbox"] {margin:0 4px 0 0;}
.tree-filter .tree .item label {vertical-align: middle;}
.tree-filter .tree .item label img {vertical-align: bottom;}
.tree-filter .tree .tree-group>.tree-group {margin-left: 20px;}
.tree-filter .tree>.tree-group:nth-child(even) .item {background:#e5e5e5;}


/* Mise a jour par MDI */
.bt-action {margin-top: 20px; text-align: center;}
.bt-action a{display: inline-block; padding: 10px 12px; margin: 0 4px; text-decoration: none;}

/* Template dossier */
.template-dossier {padding-left: 10px; overflow: auto;}
.template-dossier .template-dossier-tree {float: left; width: 375px; border-right: 3px solid #e5e5e5; min-height: 518px;}
.template-dossier .template-dossier-tree ul {margin: 0; padding:0; list-style: none;}
.template-dossier .template-dossier-tree ul ul {margin-left: 20px;}
.template-dossier .template-dossier-form {float: left; width: 375px; margin-left: 20px;}
.template-dossier-form .panneau table.valeurs tr td:first-child {width: 162px;}
.template-dossier-form .panneau-seul table.valeurs tr td:first-child {width: 135px;}

.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-form_list {background-image: url(../dbimages2/picto_form_list.png);}
.picto-form_tree {background-image: url(../dbimages2/picto_form_tree.png);}
.picto-form_folder {background-image: url(../dbimages2/picto_form_folder.png);}

.picto-alert {background-image: url(../dbimages2/picto_alert.png);}
.picto-add {background-image: url(../dbimages2/picto_add.png);}
.picto-add_med {background-image: url(../dbimages2/picto_add_20x20.png);}
.picto-add_line {background-image: url(../dbimages2/picto_add_line.png);}
.picto-add_block {background-image: url(../dbimages2/picto_add_block.png);}
.picto-hotline {background-image: url(../dbimages2/picto_hotline.png);}
.picto-logout {background-image: url(../dbimages2/picto_logout.png);}
.picto-home {background-image: url(../dbimages2/picto_home.png);}
.picto-briefcase {background-image: url(../dbimages2/picto_briefcase.png);}
.picto-add_briefcase {background-image: url(../dbimages2/picto_add_briefcase.png);}
.picto-help {background-image: url(../dbimages2/picto_help.png);}

.picto-filter {background-image: url(../dbimages2/picto_search2.png);}
.picto-file_storage2 {background-image: url(../dbimages2/picto_file_storage2.png);}
.picto-folder2 {background-image: url(../dbimages2/picto_folder2.png);}
.picto-favorite2 {background-image: url(../dbimages2/picto_favorite2.png);}

.tree-filter .filter-bar .actions .picto-filter, .tree-filter .tree-bottom .picto-filter {background-image: url(../dbimages2/picto_search2_white.png);}
.picto-export {background-image: url(../dbimages2/picto_export.png);}
.picto-print {background-image: url(../dbimages2/picto_print.png);}
.tree-filter .filter-bar .actions .picto-print, .tree-filter .tree-bottom .picto-print {background-image: url(../dbimages2/picto_print_white.png);}
.picto-view_detail {background-image: url(../dbimages2/picto_view_detail.png);}
.picto-show_list {background-image: url(../dbimages2/picto_show_list.png);}
.picto-view_doc {background-image: url(../dbimages2/picto_view_doc.png);}
.picto-back {background-image: url(../dbimages2/picto_back.png);}
.picto-del {background-image: url(../dbimages2/picto_del.png);}
.picto-add_attachment {background-image: url(../dbimages2/picto_add_attachment.png);}
.picto-show {background-image: url(../dbimages2/picto_show.png);}
.picto-create {background-image: url(../dbimages2/picto_create.png);}
.picto-validate {background-image: url(../dbimages2/picto_validate.png);}
.picto-validate_med {background-image: url(../dbimages2/picto_validate_20x20.png);}
.picto-reject {background-image: url(../dbimages2/picto_reject.png);}
.picto-stand_by {background-image: url(../dbimages2/picto_stand_by.png);}
.picto-reassign {background-image: url(../dbimages2/picto_reassign.png);}
.picto-element_type {background-image: url(../dbimages2/picto_element_type.png);}
.picto-view_history {background-image: url(../dbimages2/picto_view_history.png);}
.picto-add_note {background-image: url(../dbimages2/picto_add_note.png);}
.picto-edit_index {background-image: url(../dbimages2/picto_edit_index.png);}
.picto-edit {background-image: url(../dbimages2/picto_edit_index.png);}
.picto-new_version {background-image: url(../dbimages2/picto_new_version.png);}
.picto-first {background-image: url(../dbimages2/pagination_first.gif);}
.picto-previous {background-image: url(../dbimages2/pagination_previous.gif);}
.picto-next {background-image: url(../dbimages2/pagination_next.gif);}
.picto-last {background-image: url(../dbimages2/pagination_last.gif);}
.viewer-bottom .picto-first {background-image: url(../dbimages2/pagination_bottom_first.gif);}
.viewer-bottom .picto-previous {background-image: url(../dbimages2/pagination_bottom_previous.gif);}
.viewer-bottom .picto-next {background-image: url(../dbimages2/pagination_bottom_next.gif);}
.viewer-bottom .picto-last {background-image: url(../dbimages2/pagination_bottom_last.gif);}
.viewer-top .picto-add_briefcase {background-image: url(../dbimages2/picto_add_briefcase_white.png);}
.viewer-top .picto-new_version, .bt-new_version {background-image: url(../dbimages2/picto_new_version_white.png);}
.viewer-top .picto-validate, .bt-validate {background-image: url(../dbimages2/picto_validate_white.png);}
.picto-download {background-image: url(../dbimages2/picto_download.png);}
.picto-download2 {background-image: url(../dbimages2/picto_download2.png);}
.picto-viewer_single {background-image: url(../dbimages2/picto-viewer_single.png);}
.picto-viewer_multi {background-image: url(../dbimages2/picto-viewer_multi.png);}
.picto-viewer_popup {background-image: url(../dbimages2/picto-viewer_popup.png);}
.picto-viewer_maximize {background-image: url(../dbimages2/picto-viewer_maximize.png);}
.picto-folder_item {background-image: url(../dbimages2/picto_folder_item.png);}
.picto-file_item {background-image: url(../dbimages2/picto_file_item.png);}
.picto-upload_file {background-image: url(../dbimages2/picto_upload_file.png);}
.picto-preference {background-image: url(../dbimages2/picto_preference.png);}
.picto-preference_user {background-image: url(../dbimages2/picto_preference_user.png);}
.picto-pin {background-image: url(../dbimages2/picto_pin.png);}
.picto-distribute {background-image: url(../dbimages2/picto_distribute.png);}
.picto-graphics {background-image: url(../dbimages2/picto_graphics.png);}
.picto-new_business {background-image: url(../dbimages2/picto_new_business.png);}
.picto-add_document {background-image: url(../dbimages2/picto_add_document.png);}
.picto-dictionary {background-image: url(../dbimages2/picto_dictionary.png);}
.picto-scan {background-image: url(../dbimages2/picto_scan.png);}
.picto-import {background-image: url(../dbimages2/picto_import.png);}
.picto-close  {background-image: url(../dbimages2/picto_close.png);}
.picto-xlsall {background-image: url(../dbimages2/picto_xlsall.gif);}
.picto-refresh {background-image: url(../dbimages2/picto_refresh.png);}

a.bt-plus, a.bt-moins, a.closedfoldercheck  {
	display: block;
	height: 16px;
	width: 16px;
}

a.bt-plus  {
	background: url(../dbimages2/tree_plus.png) no-repeat;
}
a.bt-moins  {
	background: url(../dbimages2/tree_moins.png) no-repeat;
}


/*------ update by MDI (Missing style)-----*/
.details-panel .panneau .titre-panneau, .template-dossier-form .panneau .titre-panneau, .menu-gauche .panneau .titre-panneau {
	background: url(../dbimages2/arrow_down.png) no-repeat left; 
	padding-left: 17px; 
	font-size: 1.18em; 
	cursor: pointer;
}

.details-panel .panneau-hide .titre-panneau, .template-dossier-form .panneau-hide .titre-panneau, .menu-gauche .panneau-hide .titre-panneau {
	background:url(../dbimages2/arrow_right.png) no-repeat left 0.3em;
}


/* ************ 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(../dbimages2/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;}  


/**  popin attachment*/
#attachment-actionbar{
	margin-bottom: 5px;
}

/* commonnote */
#commonnote-sectiontitle{
	width: 400px;
	height: 23px;
	line-height:23px;
	font-family:"Lucida Console", Monaco, monospace;
}
#commonnote-sectioncontent{
	width: 400px;
	height: 180px;
	overflow: auto;
	font-family:"Lucida Console", Monaco, monospace;
}

textarea#commonnote-sectioncontent{
	font-size: 1.0em;
}

div#commonnote-sectioncontent{
	white-space: pre;
}

.form-container.display-white #commonnote-sectiontitle,.form-container.display-white #commonnote-sectioncontent{
	background:#F5F5F5;
}

/** */

.menuActionMarker{
	display: inline-block;
	width: 3px;
	line-height: 24px;
	height: 24px;
	vertical-align: middle;
}

.menuActionMarker.active{
	background-color: #1a214d;
}

/** layout 2 ou 3 colonnes avec zone centrale ajustable sans scroll!  */

.viewmode-layout-center{
	overflow: hidden;
}

.viewmode-layout-right{
	float: right;
}

/** 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("../dbimages2/ajax-loader_B82F6F_16x16.gif") no-repeat scroll center center #FFF;
    height: 100%;
    width: 100%;
    background-color: white;
}

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

/** filtre sur resultats */
.filter-on{
	color: #1a214d;
}

/* Liste solution / pieces - conteneur liste de mots */
span.criterionList{
	white-space: pre-line !important;
}

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

/* page d'erreur */
#errorsection {
	padding-top: 20px;
	text-align: center;
}

#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;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 20px !important;
}

.switch-label {
  vertical-align: middle !important;
  padding: 0px 5px 0px 5px  !important;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #585e6e;
  color: #fff;
}

input:focus + .slider {
  box-shadow: 0 0 1px #e5e5e5;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.header_user_enable_2fa {
	margin-top: 8px;
}

.qrcode-img {
	display: flex;
    position: relative;
    left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
}

.otp-code {
    border: 1px solid #fff !important;
    padding: 4px 9px;
    margin-bottom: 5px;
    background: #f5f5f5 !important;
    width: 100% !important;
}

#qrcodeForm .form {
    padding: 15px 15px 5px 15px;
}

#qrcodeForm .block {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
  	-ms-transform: translateX(50px);
}