/*
@font-face {
	font-family: DRIVEPAD ;
	src: url('fonts/DRIVEPAD.ttf') format('truetype') , url( 'fonts/DRIVEPAD.woff' ) format('woff') ;
}

@font-face {
    font-family: DRIVEPAD ;
    src: url('fonts/DRIVEPAD_MEDIUM.ttf') format('truetype'), url( 'fonts/DRIVEPAD_MEDIUM.woff' ) format('woff') ;
    font-weight: bold ;
}
*/


/*@font-face {
	font-family: HNUL;
	src: local('☺'), url('fonts/HNUL.woff') format('woff'), url('fonts/HNUL.ttf') format('truetype'), url('fonts/HNUL.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

/*
@font-face
{
	font-family : "SuperPolice" ;
	font-style : normal ;
	font-weight : normal ;
	src: url( "super-fonte-regular.otf" ) ;
}
*/

.query
{
	display : none ;
}

.query.currentquery
{
	display : block ;
}

.views
{
	/* background-color : #FFFFFF ; */
	overflow : hidden ;
}

.views .views-layout
{
   	background-color : #FFFFFF ;
	padding : 0px 5.1px 5.1px 5.1px ;
}

.views .views-buttons
{
}

.views .viewscontroller
{
	padding : 10px 10px 5px 10px ;
}

.view
{
	overflow : hidden ;
}

.ui-dialog-title
{
	font-size : 14px ;
	font-weight: 200 ;
}

#viewstabs li .ui-icon-close
{
	/*
	float : left ;
	margin : 0.4em 0.2em 0 0 ;
	cursor : pointer ;
	*/
}

.thumb
{
	/* height : 200px; */
}

.thumb_control
{
	padding : 5px 5px 0px 5px ;
	background : #ffffff ;
	font-size : 9pt ;

	/*
	height : 20px;
	box-sizing : border-box;
	white-space : nowrap;
	overflow : hidden;
	*/
}

.thumb_info
{
	height : 20px ;
}

.thumb_name
{
	font-size : 0.8em ;
	text-align : center ;
	white-space : nowrap ;
	overflow : hidden ;
	text-overflow : ellipsis ;
}

.thumb_main
{
	padding : 10px;
	height : calc( 100% - 40px ) ;
	box-sizing : border-box ;
}

.thumb_main_no_control
{
	padding : 10px ;
	height : calc( 100% - 20px ) ;
	box-sizing : border-box ;
}

.thumb_main_no_name
{
	/*padding : 10px ;*/
	padding : 1px ;
	height : calc( 100% - 20px ) ;
	box-sizing : border-box ;
}

.thumb_main_no_control_no_name
{
	padding : 10px ;
	height : 100% ;
	box-sizing : border-box ;
}

.tip
{
	position : absolute ;
    background-color : #ffffff ;
    text-align : center ;
    border-radius : 6px ;
    padding : 8px ;

	font-family : Helvetica, Arial ;
	font-weight : 200 ;
	font-size : 10pt ;

	border : 3px solid #CCCCCC ;
}
/*
.tip::after
{
    content : "" ;
	position : absolute ;
    bottom : 100% ;
    left : 50% ;
    margin-left : -10px ;

    border-width : 10px ;
    border-style : solid ;
    border-color : transparent transparent #CCCCCC transparent ;
}*/

.tree
{
	padding : 0px ;
/*	font-family : 'Trebuchet MS' , 'Gill Sans' , Arial , Verdana , sans-serif ;*/
	font-family :  Roboto, Arial, Verdana ,'Trebuchet MS' , 'Gill Sans' , sans-serif ;
	font-size : 12px ;
	color : #555555 ;
	list-style-type : none ;
}

.tree .controls
{
	height : 32px;
	background : #FFFFFF;
}

/*RLK 05022021 semble inutile et affecte les perfs*/
.tree .controls>img
{
	margin : 5px;
	width : 20px;
	height : 20px;
}


.tree .layout
{
	height : calc( 100% - 32px );
}

.entitylistfield .tree .controls
{
	height : 20px;
	background : #FFFFFF;
}

.entitylistfield .tree .controls>img
{
	margin : 5px;
	width : 14px;
	height : 14px;
}

.entitylistfield .tree .layout
{
	height : calc( 100% - 20px );
}

.tree ul
{
	margin : 0 0 0 10px ;
	padding : 3px 0px 0px 10px ;
	border-left : 1px dotted #999 ;
}

.tree ul.ulroot
{
	margin : 0px ;
	padding : 0px ;
	border-left : none ;
}

.tree li
{
	padding : 2px 0 ;
	list-style-type : none ;
	cursor : pointer ;
}

.tree.desktop li
{
	padding : 1px 0 ;
}

.tree.columns li
{
	padding : 1px 0 ;
}

.tree li .item
{
	padding-left : 20px ;

	background : url(../img/tree/close.png) no-repeat left ;
}

.tree li .item.nomatch
{
	opacity : 0.5 ;
}

.tree li .item.ziprunning
{
	color : #BB0000 ;
}

.tree li .item.zip
{
	color : #BB0000 ;
}

.tree li .item.download
{
	color : #FF0000 ;
}

.tree li .item.empty
{
	background : none ;
}

.tree li .item.opened
{
	background : url(../img/tree/open.png) no-repeat left ;
}

.tree li .item.selected
{
	background : url(../img/tree/whiteclose.png) no-repeat left ;

	background-color : #F6AD34 ;
	box-shadow : 2px 2px 3px #888 ;

	color : #FFFFFF ;
}

.tree li .item.opened.selected
{
	background : url(../img/tree/whiteopen.png) no-repeat left ;

	background-color : #F6AD34 ;
	box-shadow : 2px 2px 3px #888 ;
}

.tree li .item.empty.selected
{
	background : none ;

	background-color : #F6AD34 ;
	box-shadow : 2px 2px 3px #888 ;
}

.tree li .item div
{
	vertical-align : middle ;
	text-align : center ;
	margin-right : 4px ;
}

.tree li .item.dropin
{
	background-color : #F6CD94 ;
}

.tree.desktop li .item.selected
{
	background-color : #A4CCFF ;
	box-shadow : none ;
}

.tree.desktop li .item.opened.selected
{
	background : url(../img/tree/whiteopen.png) no-repeat left ;

	background-color : #A4CCFF ;
	box-shadow : none ;
}

.tree.desktop li .item.empty.selected
{
	background-color : #A4CCFF ;
	box-shadow : none ;
}

.tree.columns li .item
{
	white-space : nowrap ;
	overflow : hidden ;
	text-overflow : ellipsis ;

	padding-left : 0px ;
	padding-right : 20px ;

	background : url(../img/tree/close.png) no-repeat right ;
}

.tree.columns li .item.selected
{
	background : url(../img/tree/whiteclose.png) no-repeat right ;

	background-color : #A4CCFF ;
	box-shadow : none ;
}

.tree.columns li .item.empty
{
	background : none ;
}

.tree.columns li .item.empty.selected
{
	background-color : #A4CCFF ;
	box-shadow : none ;
}

.accordeon
{
}

.accordeon>.item
{
	/* height : 34px ; */
	line-height : 34px ;

	padding-left : 25px ;

	font-size : 14px ;
	font-weight : 200 ;
	font-family : Trebuchet, Arial, Helevetica, sans-serif ;
	color : #666666 ;
	text-transform : uppercase ;

	background : url(../img/tree/close.png) no-repeat left ;
	background-color : #f7f7f7 ;

	border-bottom : 1px solid #afafaf ;
	cursor : pointer ;
}

.accordeon>.item.first
{
	border-top : 1px solid #afafaf ;
}

.accordeon>.item.opened
{
	color : #ffffff ;

	background : url(../img/tree/whiteopen.png) no-repeat left ;
	background-color : #afafaf ;

	border-bottom : 1px solid #afafaf ;
}

.accordeon>.layout
{
	overflow : hidden ;
	border-bottom : 1px solid #afafaf ;
	font-size : 80%;
}

.accordeon.basic
{
	border : none;
}

.accordeon.basic>.item
{
	line-height : 26px;
	padding-left : 20px;

	font-weight : 400;
	font-size : 12px;
	text-transform : none;
	color : #666666;

	border : none;
	background-color : #ffffff;
}

.accordeon.basic>.item.first
{
	border : none;
}

.accordeon.basic>.item.opened
{
	background: url(../img/tree/open.png) no-repeat left;
	background-color : #eeeeee;
}

.accordeon.basic>.layout
{
	overflow : auto;
	border : none;
	font-family : Roboto, Helvetica, sans-serif;
	font-size : 11.5px;
}

.treeinput
{
	padding : 0px ;
	font-family : 'Trebuchet MS' , Tahoma , Verdana , Arial , sans-serif ;
	font-size : 14px ;
	list-style-type : none ;
}

.title
{
	font-family : Tahoma , sans-serif ;
	font-size : 14px ;
	padding : 15px ;
	list-style-type : none ;
}

.rowselected
{
	background-color : #F6AD34 ;
	color : #FFFFFF ;
}


/* RLK 05022021 affecte les perfs
.viewer
{
	width : 100% ;
	height : 100% ;
	box-sizing : border-box ;
	padding : 15px ;
	font-family : Verdana, Tahoma, Arial, sans-serif ;
	font-size : 11px ;
}

.viewer table {
	border : 0px solid black ;
    border-collapse : collapse ;
	table-layout : fixed ;
	font-size : 9px ;
}

.viewer tr {
   border : 0px solid black ;
}

.viewer td {
   border : 2px solid white ;
   padding : 3px ;
   white-space : nowrap ;
}


.viewer tr:nth-child(even) {
	background-color: #f2f2f2
}
*/


.diaporama
{
	background-color : #FFFFFF ;
	padding : 0px ;
}

.diaporama_control
{
	padding : 5px 5px 0px 5px ;
	line-height : 12px ;
	background : #ffffff ;
}

.diaporama_control.empty
{
	padding: 0px;
}

.diaporama_layout
{
	background-color : #FFFFFF ;
	padding : 2px ;
}

.diaporama_item
{
	float : left ;
	padding : 5px 5px 0 5px ;
	margin : 2px ;
	border : 1px solid #CCCCCC ;
	cursor : pointer ;
}

.filename
{
	font-family : "Trebuchet MS" , Arial , Helvetica , sans-serif ;
	white-space : nowrap ;
	overflow : hidden ;
	text-align : center ;
	text-overflow : ellipsis ;
	line-height : 1.3 ;
	font-size : 11px ;
	height : 15px ;
}

.diaporama_item.list
{
	padding : 5px ;
	width: calc( 100% - 16px ) ;
}

.diaporama_item.list .filename
{
	box-sizing : border-box ;
	padding-left : 5px ;
	text-align : left ;
}

.diaporama.desktop .diaporama_item
{
	border : none ;
}

.diaporama_item.selected
{
	background-color : #F6AD34 ;
}

.diaporama.desktop .diaporama_item.selected
{
	background-color : #A4CCFF ;
}

.diaporama_progressbar
{
	background-color : #F6AD34 ;
	border-radius : 4px;
}

.diaporama_path
{
	font-family : Helvetica,Arial ;
	font-weight : 200 ;
	font-size : 9pt ;
	vertical-align : 3px ;
	cursor : pointer ;
}

.nomenclature_radio tr
{
	/*padding : 0px 0 18px 0 ;*/
}

.nomenclature_radio td
{
	padding : 0px 0px 6px 0px ;
}

.nomenclature_radio input
{
	padding : 0 ;
	margin : 0px 5px 0px 0px ;
}

.roundcorner4
{
	border-radius : 4px ;
}

.roundcorner7
{
	border-radius : 7px ;
}

.roundcorner10
{
	border-radius : 10px ;
}

.roundcorner25
{
	border-radius : 25px ;
}

.wqicon
{
	/* -webkit-animation : iconspin 10s infinite linear ; */
}

@-webkit-keyframes iconspin
{
	0% { -webkit-transform : rotateX( 0deg ) rotateY( 0deg ) rotateZ( 0deg ) ; }
	25% { -webkit-transform : rotateX( 90deg ) rotateY( 0deg ) rotateZ( 45deg ) ; }
	50% { -webkit-transform : rotateX( 180deg ) rotateY( 0deg ) rotateZ( 0deg ) ; }
	75% { -webkit-transform : rotateX( 270deg ) rotateY( 0deg ) rotateZ( -45deg ) ; }
	100% { -webkit-transform : rotateX( 360deg ) rotateY( 0deg ) rotateZ( 0deg ) ; }
}

.wq1
{
	background-color : #FFFFFF ;
	background-image : -webkit-linear-gradient( top , rgba( 255 , 255 , 255 , 0.6 ) 0% , rgba( 255 , 255 , 255 , 0.4 ) 50% , rgba( 255 , 255 , 255 , 0.4 ) 51% , rgba( 255 , 255 , 255 , 0.2 ) 100% ) ;
}

.wqshadow
{
	-moz-box-shadow : 4px 4px 14px #888888 ;
	-webkit-box-shadow : 4px 4px 14px #888888 ;
	-ms-box-shadow : 4px 4px 14px #888888 ;
	box-shadow : 4px 4px 14px #888888 ;
}

.splitter
{
}

.splitter_left
{
	border-radius : 10px ;
	box-shadow : 4px 4px 14px #bbbbbb ;
}

.splitter_middle
{
	border-radius : 10px ;
	box-shadow : 4px 4px 14px #bbbbbb ;
}

.splitter_right
{
	border-radius : 10px ;
	box-shadow : 4px 4px 14px #bbbbbb ;
}

.wqlib
{
	font-family : 'Gill Sans' , 'Trebuchet MS' , Futura , sans-serif ;
	font-weight : lighter ;
	font-size : 14px ;
	position : relative ;
	/*padding-left : 5px;*/
	text-align : center ;
	top : -5px ;
	/*cursor : pointer ;*/
}

.wqtabmenubar
{
	/*background : none ;*/

	/*
	font-family : Chalkduster, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size : 0.7em ;
	letter-spacing : -1px ;
	font-weight : 100;
	*/
}

.menuitem
{
	padding-left : 7px ;
	vertical-align : middle ;
	opacity : 0.5 ;
	cursor : pointer ;
}

.menuitem:hover
{
	opacity : 1 ;
}

.ui-dialog
{
	background : none ;
}

.opacitygradient
{
	/*background-color : transparent ;*/
	background-image : -webkit-linear-gradient( top left , rgba( 255 , 255 , 255 , 0.92 ) 0% , rgba( 255 , 255 , 255 , 0.87 ) 70% , rgba( 255 , 255 , 255 , 0.75 ) 100% ) ;
	background-image : -moz-linear-gradient( top left , rgba( 255 , 255 , 255 , 0.92 ) 0% , rgba( 255 , 255 , 255 , 0.87 ) 70% , rgba( 255 , 255 , 255 , 0.75 ) 100% ) ;
	background-image : -ms-linear-gradient( top left , rgba( 255 , 255 , 255 , 0.92 ) 0% , rgba( 255 , 255 , 255 , 0.87 ) 70% , rgba( 255 , 255 , 255 , 0.75 ) 100% ) ;
}

.progressbar
{
	background-color : #F6AD34 ;

	-moz-border-radius-topleft : 4px ;
	-webkit-border-top-left-radius : 4px ;
	-khtml-border-top-left-radius : 4px ;
	border-top-left-radius : 4px ;

	-moz-border-radius-topright : 4px ;
	-webkit-border-top-right-radius : 4px ;
	-khtml-border-top-right-radius : 4px ;
	border-top-right-radius : 4px ;

	-moz-border-radius-bottomleft : 4px ;
	-webkit-border-bottom-left-radius : 4px ;
	-khtml-border-bottom-left-radius : 4px ;
	border-bottom-left-radius : 4px ;

	-moz-border-radius-bottomright : 4px ;
	-webkit-border-bottom-right-radius : 4px ;
	-khtml-border-bottom-right-radius : 4px ;
	border-bottom-right-radius : 4px ;
}

.invalidlink
{
	color : #FF0000 ;
}

.disablefield
{
	background-color : #EDEDED ;
}

.tablestd
{
	font-family : "Trebuchet MS" , Arial , Helvetica , sans-serif ;
	width : 100% ;
	border-collapse : collapse ;
}

.tablestd td, .customers th
{
	font-size : 0.8em ;
	border : 1px solid #AAAAAA ;
	padding : 3px 7px 2px 7px ;
}

.tablestd th
{
	font-size : 0.8em ;
	text-align : center ;
	padding-top : 5px ;
	padding-bottom : 4px ;
	background-color : #DDDDDD ;
	color : #555555 ;
	border : 1px solid #AAAAAA ;
}

.tablestd td.textcenter
{
	text-align : center ;
}

.lol
{
	-webkit-animation : lolspin 2s 1 linear ;
}

@-webkit-keyframes lolspin
{
	0% { -webkit-transform : rotate( 0deg ) ; }
	100% { -webkit-transform : rotate( 360deg ) ; }

	/*
	0% { -webkit-transform : rotateX( 0deg ) rotateY( 0deg ) rotateZ( 0deg ) ; }
	100% { -webkit-transform : rotateX( 0deg ) rotateY( 0deg ) rotateZ( 360deg ) ; }
	*/
}

.slidemenu
{
	transition : left 0.35s ;
	transition-timing-function : ease-out ;

	/* Firefox 4 */
	-moz-transition : left 0.35s ;
	-moz-transition-timing-function : ease-out ;

	/* Safari and Chrome */
	-webkit-transition: left 0.35s ;
	-webkit-transition-timing-function : ease-out ;

	/* Opera */
	-o-transition : left 0.35s ;
	-o-transition-timing-function : ease-out ;
}

.linkresults
{
	/* RLK 12032024*/
	font-family : Roboto, Arial, Arial , Helvetica , "Trebuchet MS", sans-serif ;
	width : 100% ;
	border-collapse : collapse ;
	font-size : 12px ;
	padding : 3px 3px 3px 3px ;
	color : #555555 ;
}

.linkhover
{
	background-color : #F6AD34 ;
	color : #FFFFFF ;
}

.linksel
{
	background-color : #F6AD34 ;
	color : #FFFFFF ;
}

.centerchooserdiv
{
	height : 41px ;
	width : 100% ;
	text-align : center ;
}

.centerchooserimg
{
	height : 35px ;
	margin-bottom : -15px ;
	/*position : relative ;*/
	padding : 3px ;
}

.centerchoosertxt
{
	font-family : 'Trebuchet MS' , 'Gill Sans' , Arial , Verdana , sans-serif ;
	font-size : 14px ;
	padding-left : 15px ;
}

.centerchooserhover
{
	background-color : #F6AD34 ;
	color : #FFFFFF ;
}

.menuchooserdiv
{
	height : 18px ;
	width : 100% ;
}

.menuchooserimg
{
	height : 16px ;
	margin-bottom : -15px ;
	/*position : relative ;*/
	padding : 1px ;
}

.menuchoosertxt
{
	font-family : 'Trebuchet MS' , 'Gill Sans' , Arial , Verdana , sans-serif ;
	font-size : 13px ;
	padding-left : 15px ;
}

.menuchooserhover
{
	background-color : #F6AD34 ;
	color : #FFFFFF ;
}

.tablelinkstdinput
{
	font-size : 13px ;
	font-family : "Trebuchet MS" , Arial , Helvetica , sans-serif ;
}

.tablelinkstd
{
/*	font-family : "Trebuchet MS" , Arial , Helvetica , sans-serif ;*/
	width : 100% ;
	border-collapse : collapse ;
}

/*RLK 05022021 perg*/
.tablelinkstd>tbody>tr>td
{
	font-size : 10px ;
	border-bottom : 1px solid #e4e4e4 ;
	padding : 2px ;
	height : 23px ;
}

.tablelinkstd th
{
	font-size : 0.8em ;
	text-align : center ;
	padding-top : 5px ;
	padding-bottom : 4px ;
	background-color : #DDDDDD ;
	color : #555555 ;
	border : 1px solid #AAAAAA ;
}

/*RLK 05022021 perf */
div.system>p
{
	margin-top : 12px ;
	margin-bottom : 0px ;
	font-size : 13px ;
}

div.system>input
{
	margin-left : 0px ;
	margin-top : 3px ;
	padding : 2px ;
}

.stdheader
{
	border-radius : 4px ;
	background : #F6AD34 ;
	text-align : center ;
}

.ui-widget-header
{
	//background : #AACCFF;
}

.floatingwindow .ui-widget-header
{
	background : #AACCFF;
}

.facette {
	color: #353545;
	background: #f2f2f2;
	border: 1px solid #ffffff;
	padding:0px;
	border-radius:6px;
	margin-top:5px;
	box-shadow: 0px 1px 0px #b9b9b9;
}

.facettetitle {
	font-size: 13.5px;
	font-family: DRIVEPAD , Helvetica , sans-serif ;
	font-weight: 600;
	margin: 11px 0 0 4px;
	text-transform: uppercase;
}

.facetteoptiontitle {
	font-size: 12px;
	font-family:  DRIVEPAD , Helvetica , sans-serif ;
	font-weight: 600;
	margin: 8px 0 0px 6px;
	text-transform: uppercase;
	color: #353545;
	cursor: pointer;
}

.facettecheck{
	float:left;
	width:14px;
	height:14px;
	background:#ffffff;
	border: 1px solid #dcdcdc;
	margin: 11px 0 0 4px;
}

.optionfacette {
	float:left;
	width: 14px;
	height: 14px;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	margin: 6px 0 0 4px;
	border-radius: 14px;
	cursor:pointer;
}

.checkoptionfacette {
	float:left;
	width: 14px;
	height: 14px;
	background: #ee9104;
	border: 1px solid #ee9104;
	margin: 6px 0 0 4px;
	border-radius: 14px;
	cursor:pointer;
}




/*
	------------------------------------------   Styles Editeur Annotation   ------------------------------------------
*/

/*RLK */
.notes_diaporama_list {
	/*background : #AAAAAA ;*/
	background : #2d2d2d ;
}

.notes_diaporama_item {
	margin : 8px ;
	margin-right : 18px ;
	padding : 5px ;
	background : #FFFFFF ;
	border-radius : 3px ;
	opacity : 0.5 ;
	cursor : pointer ;
}

.notes_diaporama_item.selected {
	opacity : 1 ;
	background : #B0D9FF ;
}

.notes_diaporama_item:hover {
	box-shadow : 4px 4px 4px #222 ;
}

.notes_diaporama_label {
	font-family : Trebuchet, Arial, Helevetica, sans-serif ;
	font-size : 10px ;
	text-align : center ;
	padding-top : 5px ;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notes_list {
	background : #777777 ;
}

.notes_file {
	margin : 4px ;
	padding : 2px 0 2px 0;
	border-radius : 3px ;
	background : #DDDDDD ;
	opacity : 0.5 ;
	cursor : pointer ;
}

.notes_file.selected{
	opacity : 1 ;
	background : #B0D9FF ;
}

.notes_spread {
	position : relative ;
}

.label_spread {
	position : absolute ;
	margin : 0 5px 0 3px ;
	//top : calc(50% - 8px) ;
	line-height : 17px ;
	font-size : 9px ;
	font-weight : 600 ;
}

.notes_item {
	margin : 5px ;
	padding : 5px ;
	background : #FFFFFF ;
	border-radius : 3px ;
	cursor : pointer ;
}

.notes_item.selected {
	background : #D4E9FF ;
	opacity : 1 ;
}

.notes_item_content {
	margin-top : 8px ;
}

.notes_item_content p {
	margin : 0 ;
	padding : 0 ;
	overflow : hidden ;
}

.panel {
}

.panel_item {
	opacity : 0.5 ;
	text-align : center ;
}

.panel_item:hover {
	opacity : 1 ;
}

.panel_item.disable {
	opacity : 0.2 ;
}

.panel_item.selected {
	opacity : 1 ;
	background : #B0D9FF ;
}

.panel_item > img {
	cursor : pointer ;
}

.panel_item.disable > img {
	cursor : initial ;
}

/*RLK */
.panel_label {
	font-size : 13px ;
	/*font-family : 'Gill Sans' , Tahoma , Arial ;*/
	font-family : Roboto, Arial, 'Helvetica Neue' , Tahoma ;
	text-align : center ;
	cursor : pointer ;
	padding : 7px ;
	visibility : visible ;
}

.panel_item:hover > .panel_label {
	visibility : visible ;
}

/*RLK */
.panel_item.selected > .panel_label {
	visibility : visible ;
	color: #4f6682;
}

.panel_item.disable > .panel_label {
	visibility : hidden ;
}

@keyframes myalert {
    0%   {opacity:0.1; }
    25%  {opacity:1 }
    50%  {opacity:0.1 }
    75%  {opacity:1  }
    100% {opacity:0.1 }
}

.panel_item.alert {
    color : red ;
   	animation-name : myalert ;
    animation-duration : 2s ;
    animation-iteration-count : infinite ;
}

.panel_scroll {
	padding : 0px ;
	margin : 0px ;
	margin-left : 30px ;
	white-space : nowrap ;
	width : calc( 100% - 60px) ;
	overflow : hidden ;
}

.panel_leftarrow {
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 30px ;
	text-align : center ;
	cursor : pointer ;
	height : calc( 100% - 4px ) ;
	background : #FFFFFF ;
}

.panel_leftarrow > img {
	height : 50% ;
	vertical-align : middle ;
	opacity : 0.3 ;
}

.panel_leftarrow.disable > img {
	display : none ;
}

.panel_rightarrow {
	position : absolute ;
	top : 0px ;
	right : 0px ;
	width : 30px ;
	text-align : center ;
	cursor : pointer ;
	height : calc( 100% - 4px ) ;
	background : #FFFFFF ;
}

.panel_rightarrow > img {
	height : 50% ;
	vertical-align : middle ;
	opacity : 0.3 ;
}

.panel_rightarrow.disable > img {
	display : none ;
}

.admin_panel {
	border-radius : 3px ;
	box-shadow : 4px 4px 14px #888888 ;
	margin : 10px ;
	background : #FFFFFF ;
}

.admin_panel > .panel_item.selected {
	opacity : 1 ;
	background : inherit ;
}

.admin_panel .panel_label {
	padding : 0px ;
	visibility : hidden ;
}

.tabs {
}

.tabs .panel
{
	position : relative ;
	box-shadow : 0px -3px 5px #D7D7D7 inset ;
}

.tabs .panel .panel_item
{
	opacity : 0.4 ;
	padding-left : 10px ;
	padding-right : 10px ;
	border-radius : 4px 4px 0 0 ;
	border : 1px solid transparent ;
	border-bottom : 0px ;
}

.tabs .panel .panel_item:hover
{
	opacity : 0.7 ;
}

.tabs .panel .panel_label
{
	font-size : 12.9px ;
	padding : 8px ;
	visibility : visible ;
	border-radius:4px;
   box-shadow: 2px -10px 4px 0px #f1f1f1;
}

.tabs .panel .panel_item.selected
{
	opacity : 1 ;
	background : #FFFFFF ;
	border : 1px solid #CCCCCC ;
	border-bottom : 0px ;
	box-shadow : 3px -3px 5px #D7D7D7 ;
}

.tabs .tabs_layout
{
	padding : 0px ;
}

.tabs .tabs_layout .tabs_item {
	padding : 15px ;
}

.editor_text_box {
	margin-top : 10px ;
}

.editor_text_box:empty {
	margin : 0px ;
}

.editor_text_box p {
	margin : 0 ;
	padding : 0 ;
	overflow : hidden ;
}

.editor_text_window {
	position : absolute ;
	width : 840px ;
	height : 420px ;
	left : calc( 50% - 420px ) ;
	top : calc( 50% - 210px ) ;
	padding : 1px ;
	background : #CCCCCC ;
	border-radius : 4px ;
	box-shadow : 4px 4px 14px #888888 ;
}

.editor_text_textarea {
	width : 830px ;
	height : 333px ;
	/*background : #FFFFFF ;*/
}

.editor_tip
{
	position : absolute ;
    background-color : #ffffff ;
    border-radius : 3px ;
    padding : 5px ;
	font-family : Helvetica, Arial ;
	font-weight : 200 ;
	font-size : 10pt ;

	border : 3px solid #CCCCCC ;
}

.treepopup
{
	border-radius : 7px ;
	box-shadow : 4px 4px 14px #888888 ;
}

.bpmnpopup
{
	border-radius : 7px ;
	box-shadow : 4px 4px 14px #888888 ;
}

.messagetreepopup
{
	border-radius : 7px ;
	box-shadow : 4px 4px 14px #888888 ;
}

.messagetreepopup .stdheader
{
	background : #64a3a6 ;
}

.messagebox
{
	position : absolute ;
	bottom : 30px ;
	left : 25px ;
	width : 280px ;
	height : 350px ;
	background : #64a3a6 ;
	border-radius : 10px ;
	padding-left : 5px ;
	padding-right : 5px ;
	z-index : 10 ;
}

.messagebox.closed
{
	display : none ;
}

.messagebox .tabs
{
	display : flex ;
	flex-direction : column ;
	height : calc( 100% - 40px ) ;
	background : #FFFFFF;
	font-size : 12px ;
	border-radius : 0 0 10px 10px;
}

.messagebox .tabs .panel
{
	flex: 0 0 auto ;
	position : relative ;
	box-shadow : none ;
}

.messagebox .tabs .panel .panel_item
{
	opacity : 0.5 ;
	border-radius : 0;
	border : none ;
	border-bottom : 0px ;
	line-height : 10px ;
}

.messagebox .tabs .panel .panel_item:hover
{
	opacity : 0.8 ;
}

.messagebox .tabs .panel .panel_label
{
	font-size : 12px ;
	padding : 0 5px 2px 5px ;
	visibility : visible ;
}

.messagebox .tabs .panel .panel_item.selected
{
	opacity : 1;
	background : #A4CCFF;
	box-shadow : none;
}

.messagebox .tabs .tabs_layout
{
	flex : 1;
	display : flex;
	font-family : Gill Sans, Tahoma, Helvetica , Arial, sans-serif;
	font-size : 11px ;
	overflow : hidden;
}

.messagebox .tabs .tabs_layout .tabs_item
{
	width : calc( 100% - 14px ) ;
	padding : 7px;
	overflow-y : scroll ;
}

.messagebox .message.sended
{
	margin-left : 60px ;
	margin-bottom : 8px ;
	text-align : right ;
	overflow: hidden;
}

.messagebox .message.sended div
{
	display : inline-block ;
	padding : 5px ;
	border-radius : 5px;
	background : #D7E7FF ;
}

.messagebox .message.received
{
	margin-right : 60px ;
	margin-bottom : 8px ;
	overflow : hidden;
}

.messagebox .message.received div
{
	display : inline-block ;
	padding : 5px ;
	border-radius : 5px;
	background : #e8e8e8 ;
}

.messagebox .message_editable
{
	width : calc( 100% - 7px ) ;
	resize : none ;
	border : 1px solid #C9C9C9 ;
	overflow : hidden ;
	border-radius : 4px ;
	font-family : Gill Sans, Tahoma, Helvetica , Arial, sans-serif;
	font-size : 11px;
}

input::-webkit-contacts-auto-fill-button
{
	visibility : hidden ;
	pointer-events : none ;
	width : 0px ;
	position : absolute ;
	right : 0 ;
 	/* display : none !important ;*/
}

.diaporama.emulator_dam
{
	background-color : transparent ;
}

.emulator_dam .diaporama_layout
{
	background-color : transparent ;
	padding : 2px;
}

.emulator_dam .diaporama_item
{
	background : #F0F0F0;
	border : none;
}

.emulator_dam .diaporama_item.shadoweffect
{
	transition: box-shadow .25s;
	box-shadow: 0
}

.emulator_dam .diaporama_item.shadoweffect:hover
{
	transition: box-shadow .25s;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.emulator_dam .diaporama_item.selected
{
	background-color : #64a3a6;
}

.floatingdam
{
	border-radius : 4px;
	padding : 5px;
	padding-top : 20px;
	width : 600px;
	position : absolute;
	top : 2rem;
	right : 100px;
	background-color : #EEEEEE;
	border-style : solid;
	border-width : 1px;
	border-color : rgb(212, 212, 212);
	box-shadow : 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.previewpage
{
	margin-bottom : 1em;
	max-height : 250px;
	display : table-cell;
	margin-left : auto;
	margin-right : auto;
	box-shadow : 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.accordeon.accordeon_minidam
{
	border-top : 1px solid #dddddd;
	border-left : 1px solid #dddddd;
	border-right : 1px solid #dddddd;
	box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.accordeon.accordeon_minidam>.item
{
	height : 38px;
	text-transform : none;
	padding-left : 15px;
	line-height : 38px;
	cursor : pointer;
	font-weight : 400;
	font-size : 12px;
	font-family : Roboto, sans-serif;
	background-image : none;
	background-color : #FFFFFF;
	color : #666666;
	border-bottom : 1px solid #dddddd;
}

.accordeon.accordeon_minidam>.item.first
{
	border-top : none;
}

.accordeon.accordeon_minidam>.item.opened
{
	background-image : none;
	border-bottom : 1px solid #dddddd ;
	background-color : #FFFFFF;
}

.accordeon.accordeon_minidam>.layout
{
	overflow : auto;
	border-bottom : 1px solid #dddddd;
	font-family : Roboto, Helvetica, sans-serif;
	font-size : 11.5px;
}

span.color-picker
{
	margin : 2px;
	padding : 3px;
	border-style : solid;
	border-width : 3px;
	border-color : transparent;
}

span.color-picker:hover
{
	cursor : pointer;
	border-color : rgba(56, 56, 56, 0.67);
	-webkit-transition-delay : 1s;
	-webkit-transition-timing-function : ease;
	-webkit-transition : width 2s;
}

/* RLK 20200205 affecte perfs
table.minidam
{
	width : 100%;
	border-collapse : collapse;
	border-spacing : 0;
	border : none;
	line-height : 1.5;
}

table.minidam td
{
	border : none;
	padding: 4px;
}

table.minidam > tbody > tr:nth-child(odd)
{
	background-color : #f2f2f2;
}

table.minidam tr td:first-child
{
	font-weight : bold;
	padding-left : 10px;
}

table.minidam > tbody > tr.selected
{
	background-color : #AAAAAA;
	color : white;
}
*/

.tip.minidam
{
	position : absolute ;
	background-color : #383838 ;
	text-align : center ;
	border-radius : 1px ;
	padding : 10px ;

	font-family : Helvetica, Arial ;
	font-weight : 200 ;
	font-size : 10pt ;
	color : #FFFFFF;

	border : none;
	//border : 3px solid #CCCCCC ;
}

.tip.minidam::after
{
	content : "" ;
	position : absolute ;
	bottom : 100% ;
	left : 50% ;
	margin-left : -10px ;
	border : none;
}

.folder_main
{
	display : inline-block;
	min-width : 20px;
	font-weight : 400;
	line-height : 1.5;
	color : #fff;
	background-color : rgba(38, 166, 154, 0.53);
	border-radius : 1px;
	padding : 2px;
	padding-left : 3px;
	padding-right : 3px;
	margin : 2px;
	cursor : pointer;
}

.folder_small
{
	display : inline-block;
	min-width : 1rem;
	font-size : 0.6rem;
	color : #fff;
	background-color : rgba(38, 166, 154, 0.53);
	border-radius : 1px;
	padding : 2px;
	padding-left : 3px;
	padding-right : 3px;
	margin : 1px;
	cursor : pointer;
}

.folder_small:hover
{
	background-color : rgba(39, 60, 58, 0.53);
}

table.minidamlinks
{
	border-collapse : collapse;
	border-spacing : 0;
}

table.minidamlinks tr, table.minidamlinks td
{
	padding : 7px;
	border-bottom : 1px solid #BFBFBF;
	border-right : 1px dotted #bfbfbf;
}

table.minidamlinks td:nth-child(3)
{
	vertical-align : top;
}

.minidamutil
{
	display : inline-block;
	/*height : 20px;
	line-height : 20px;*/
	margin : 25px 2px 25px 0;
	padding : 7px;
	color: #fff;
	background-color: #26a69a;
	text-align: center;
	letter-spacing: .5px;
	font-family : Roboto, sans-serif;
	font-size: 8px;
	border-radius : 2px;
	box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px, rgba(0, 0, 0, 0.117647) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
	cursor: pointer;
	text-transform: uppercase;
}

.minidamemptyselection1
{
	text-align : center ;
	font-size : 96px ;
	margin-top : -10px ;
	font-family : 'Gill Sans' , 'proxima nova' , 'Helvetica Neue' , Helvetica ;
	color : rgb( 175 , 175 , 175 ) ;
}

.minidamemptyselection2
{
	text-align : center ;
	font-size : 24px ;
	margin-top : -80px ;
	font-family : 'Gill Sans' , 'proxima nova' , 'Helvetica Neue' , Helvetica ;
	color : rgb( 175 , 175 , 175 ) ;
}

.gantt {
	font-family : Arial , sans-serif ;
	font-weight: 200;
}

.grid .tick {
	stroke: lightgrey;
	opacity: 0.3;
	shape-rendering: crispEdges;
}