@font-face {
	font-family : Raleway ;
	src : url(../css/fonts/Raleway/Raleway-VariableFont_wght.ttf) ;
}

@font-face {
	font-family : Raleway ;
	src : url(../css/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf) ;
	font-style : italic ;
}

.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 : 15.5px ;
	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 ;
	height : calc( 100% - 20px ) ;
	box-sizing : border-box ;
}

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

.minidam input[type=range] {
	height : 25px ;
	-webkit-appearance : none ;
	margin : 10px 0 ;
	width : 100% ;
	background-color : #383838 ;
}

.minidam input[type=range]:focus {
	outline : none ;
}

.minidam input[type=range]::-webkit-slider-runnable-track
{
	width : 100% ;
	height : 3px ;
	cursor : pointer ;
	animate : 0.2s ;
	box-shadow : 0px 0px 0px #000000 ;
	background : #ffffff ;
	border-radius : 1px ;
	border : 0px solid #000000 ;
}

.minidam input[type=range]:focus::-webkit-slider-runnable-track
{
	background : #ffffff ;
}

.minidam input[type=range]::-webkit-slider-thumb
{
	height : 18px ;
	width : 18px ;
	border-radius : 25px ;
	background : #26a69a ;
	cursor : pointer ;
	-webkit-appearance : none ;
	margin-top : -7px ;
}

.minidam input[type=range]::-moz-range-track
{
	width : 100% ;
	height : 5px ;
	cursor : pointer ;
	animate : 0.2s ;
	box-shadow : 0px 0px 0px #000000 ;
	background : #ffffff ;
	border-radius : 1px ;
	border : 0px solid #000000 ;
}

.minidam input[type=range]::-moz-range-thumb
{
	box-shadow : 0px 0px 0px #000000 ;
	border : 1px solid #26a69a ;
	height : 18px ;
	width : 18px ;
	border-radius : 25px ;
	background : #26a69a ;
	cursor : pointer ;
}

.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 p
{
	margin : 0px ;
	padding : 0px ;
}

/*
.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-size : 12px ;
	color : #555555 ;
	list-style-type : none ;
}

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

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

.accordion
{
}

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

	padding-left : 25px ;

	font-size : 14px ;
	font-weight : 200 ;
	font-family : Arial, Helvetica, 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 ;
}

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

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

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

	border-bottom : 1px solid #afafaf ;
}

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

.accordion.basic
{
	border : none ;
}

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

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

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

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

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

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

.floating .accordion
{
	border : none ;
}

.floating .accordion >.item
{
	border : none ;
	background-color : #ffffff ;
	line-height : 18px ;
	padding-left : 20px ;
	font-weight : 400 ;
	font-size : 10px ;
	text-transform : none ;
	color : #666666 ;
	white-space : nowrap ;
	overflow : hidden ;
	text-overflow : ellipsis ;
	padding-top : 2px ;
}

.floating .accordion >.item.first
{
	border : none ;
}

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

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

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

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

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

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

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

.diaporama_control
{
	padding : 3px 5px 5px 5px ;
	line-height : 17px ;
	font-size : 17px ;
}

.diaporama_control.empty
{
	padding : 0px ;
}

.diaporama_layout
{
	padding : 2px ;
}

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

.diaporama_item .filename
{
	font-family : Helvetica, Arial ;
	white-space : nowrap ;
	overflow : hidden ;
	text-align : center ;
	text-overflow : ellipsis ;
	font-size : 11px ;
	font-height : 200 ;
	margin : 5px 0px 2px 0px ;
}

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

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

.diaporama_item.dragover
{
	outline : 1px solid rgb(82,168,236) ;
	box-shadow : inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6) ;
}
		
.diaporama.desktop .diaporama_item
{
	border : none ;
}

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

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

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

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

.diaporama.dragover
{
	outline : 2px solid rgb(82,168,236) ;
	outline-offset : -2px ;
	box-shadow : inset 0px 0px 5px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6) ;
}

.diaporama_path.dragover
{
	outline : 1px solid rgb(82,168,236) ;
	box-shadow : inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6) ;
}

.diaporama_path_separator
{
	font-family : Helvetica,Arial ;
	font-weight : 200 ;
	font-size : 9pt ;
	/*
	padding-right : 5px ;
	padding-left : 5px ;
	*/
}

.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
{
	cursor : pointer ;
	opacity : 1;
	/* -webkit-animation : iconspin 10s infinite linear ; */
}

.wqicon.disable
{
	cursor : initial ;
	opacity : 0.3;
}

@-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 : #F9F9F9 ;
	outline : none ;
}

.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
{
	font-family : "Trebuchet MS" , Arial , Helvetica , sans-serif ;
	width : 100% ;
	border-collapse : collapse ;
	font-size : 0.9em ;
	padding : 3px 7px 2px 7px ;
	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 : 'Gill Sans' , 'Helvetica Neue' , Helvetica , sans-serif ;
	font-size : 13px ;
	padding-left : 5px ;
	padding-right : 5px ;
	line-height : 23px ;
}

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

.tablelinkstd td 
{
	font-size : 0.8em ;
	border : 1px solid #AAAAAA ;
	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 ;
}

div.system p
{
	margin-top : 10px ;
	margin-bottom : 0px ;
	font-size : 12px ;
}

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

div.system textarea
{
	font-family : inherit ;
}

.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 ------------------------------------------
*/

.notes_overlay {
	position : absolute ;
	left : 0px ;
	top : 0px ;
	width : 100% ;
	height : 100% ;
	background : #666666 url(../../system/external/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat ;
}

.notes_diaporama_list {
	background : #AAAAAA ;
}

.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 : Arial, Helvetica, sans-serif ;
	font-size : 10px ;
	text-align : center ;
	padding-top : 5px ;
	overflow : hidden ;
	text-overflow : ellipsis ;
}

.notes_list {
	background : #AAAAAA ;
	font-size : 10px ;
	font-family : Arial, sans-serif ;
}

.notes_file_label {
	text-align : right ;
	opacity : 0.65 ;
	line-height : 24px ;
	background : #ffffff ;
	margin : 5px 5px 0px 5px ;
	/* font-weight : 600 ; */
	padding-right : 10px ;
	font-size : 9px ;
	font-family : Arial ;
	cursor : pointer ;
}

.notes_file_label.selected {
	opacity : 1 ;
	cursor : initial ;
	/* background : #B0D9FF ; */
}

.notes_file_label > img {
	height : 16px ;
	vertical-align : -4px ;
	margin-right : 5px ;
	display : none ;
}

.notes_file {
	margin : 0px 5px 5px 5px ;
	padding : 5px 5px 3px 5px ;
	border-radius : 3px ;
	background : #ffffff ;
	opacity : 0.65 ;
	cursor : pointer ;
}

.notes_file.selected {
	opacity : 1 ;
	cursor : initial ;
	/* outline : 3px solid #B0D9FF ;
	outline-offset : -3px ; */
}

.note_control {
	/* line-height : 20px ; */
	margin-top: 25px ;
	margin-bottom : 25px ;
	font-size : 9px ;
	/*
	width : 190px ;
	margin-left : auto ;
	margin-right : auto ;
	*/
}

.note_control > span {
	opacity : 0.75 ;
}

.note_control > span:hover {
	opacity : 1 ;
}

.notes_spread {
	position : relative ;
	margin-top : 10px ;
}

.notes_spread:first-child {
	margin-top : 0px ;
}

.notes_spread_label {
	position : absolute ;
	margin : 0 5px 0 0px ;
	line-height : 17px ;
	font-size : 9px ;
	cursor : pointer ;
}

.notes_spread_label > img {
	height : 22px ;
	width : 20px ;
}

.notes_spread_number {
	position : absolute ;
	top : 4px ;
	text-align : center ;
	width : 100% ;
}

.note_user {
	margin-top : 15px ;
}

.note_user_avatar_left {
	float : left ;
	clear : left ;
	margin-bottom : 1px ;
}

.note_user_avatar_img {
	height : 36px ;
	border-radius : 12px ;
}

.note_user_avatar_right {
	float : right ;
	clear : right ;
	margin-bottom : 1px ;
}

.note_user:first-child {
	margin-top : 0px ;
}

.notes_item {
	margin : 0px 2px 4px 2px ;
	padding : 2px ;
	background : #FFFFFF ;
	border-radius : 3px ;
	border : 1px solid #dddddd ;
	line-height : 1px ;
	cursor : pointer ;
}

.notes_picto {
	height : 16px ;
}

.note_user + .notes_item img:first-of-type:not(:only-child) {
	margin-left : 5px ;
}

.notes_item::after {
	content : "" ;
	display : block ;
	clear : both ;
}

.notes_item.selected {
	/* background : #D4E9FF ; */
	opacity : 1 ;
	border : 2px solid #70A9FF ; /* #B0D9FF */
	padding : 1px ;
}

.note_message {
	clear : both ;
	line-height : normal ;
	margin-top : 5px ;
	overflow-wrap : break-word ;
}

/*
.-note_message:empty {
	margin : 0px ;
}
*/

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

.notes_reply {
	height : 12px ;
	margin : 6px 1px 1px 0px ;
}

.notes_item .defaultSkin table.mceLayout {
	border : none ;
}

.notes_item .defaultSkin td.mceToolbar {
	background : #FFFFFF ;
}

.notes_item .defaultSkin table.mceLayout tr.mceFirst td {
	border : none ;
}

.notes_item .defaultSkin .mceButton {
	border : 1px solid #ffffff ;
	width : 14px ;
	height : 14px ;
	margin : 0px ;
}

.notes_item .defaultSkin .mceListBox .mceText {
	border : none ;
	/*
	border : 1px solid #CCC ;
	border-right : 0 ;
	border-radius : 10px 0px 0px 10px ;
	*/
	width : 0px ;
	display : none ;
}

.notes_item .defaultSkin table.mceListBoxEnabled:hover .mceText, .notes_item .defaultSkin .mceListBoxHover .mceText, .notes_item .defaultSkin .mceListBoxSelected .mceText {
	border : none ;
	/*
	border-right : 0 ;
	border-radius : 10px 0px 0px 10px ;
	*/
}

.notes_item .defaultSkin .mceListBox .mceOpen {
	border : none ;
	/*
	border : 1px solid #CCC ;
	border-left : 0 ;
	border-radius : 0px 10px 10px 0px ;
	*/
	width : 10px ;
}

.notes_item .defaultSkin table.mceListBoxEnabled:hover .mceOpen, .notes_item .defaultSkin .mceListBoxHover .mceOpen, .notes_item .defaultSkin .mceListBoxSelected .mceOpen {
	border : none ;
	/*
	border-left : 0 ;
	border-radius : 0px 10px 10px 0px ;
	*/
	
	width : 10px ;
}

.notes_item.defaultSkin .mceMenu span.mceText {
	font-size : 12px ;
}

.notes_item .defaultSkin table.mceLayout tr.mceLast td {
	border : none ;
}

.notes_item #texte_toolbargroup {
	margin-bottom : 5px ;
}

.notes_item .defaultSkin span.mceIcon, .defaultSkin img.mceIcon {
	width : 14px ;
	height : 14px ;
}

.notes_item .defaultSkin span.mce_underline {
	background-image : none ;
	font-size : 13px ;
	text-decoration : underline ;
	margin-left : 3px ;
	line-height : 13px ;
}

.notes_item .defaultSkin span.mce_italic {
	background-image : none ;
	font-size : 14px ;
	font-style : italic ;
	margin-left : 5px ;
	line-height : 14px ;
}

.notes_item .defaultSkin span.mce_bold {
	background-image : none ;
	font-size : 15px ;
	line-height : 14px ;
	margin-left : 2px ;
	font-weight : 600 ;
}

.notes_item .menufont {
	font-size : 17px ;
	line-height : 17px ;
	font-family : 'Times New Roman' , Times ;
	font-style : italic ;
	cursor : pointer ;
}

/*
.notes_item .defaultSkin table.mceToolbar {
	margin-left : 0px ;
}
*/

.notes_item .defaultSkin span.mce_justifyleft {
	background-position : -462px -4px ;
}

.notes_item .defaultSkin span.mce_justifycenter {
	background-position : -423px -4px ;
}

.notes_item .defaultSkin span.mce_justifyright {
	background-position : -482px -4px ;
}

.notes_item .defaultSkin .mceListBox .mceOpen {
	background-position : -742px 1px ;
	cursor : pointer ;
}

.notes_item .defaultSkin a.mceButtonEnabled:hover {
	border : 1px solid #ffffff ;
}

.notes_item .defaultSkin .mceSplitButton {
	width : 18px ;
}

.notes_item .defaultSkin .mceSplitButton a.mceOpen {
	border : none ;
	background-position : -742px 1px ;
	cursor : pointer ;
}

.notes_item .defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen, .notes_item .defaultSkin .mceSplitButtonHover a.mceOpen, .notes_item .defaultSkin .mceSplitButtonSelected a.mceOpen {
	border : none ;
	background-color : #ffffff ;
}

.note_username {
	font-size : 10px ;
	font-family : Arial ;
	font-weight : 600 ;
	line-height : 14px ;
	padding-left : 4px ;
	padding-right : 4px ;
}

.notes_item_content {
	margin-top : 8px ;
}

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

.editor_preview_item {
	margin : 3px ;
	margin-right : 18px ;
	padding : 2px ;
	border-radius : 3px ;
	cursor : pointer ;
}

.plugin {
	box-sizing : initial ;
	position : relative ;
	color : #000000 ;
}

.plugin img {
	display : initial ;
	max-width : unset ;
	max-height : unset ;
}

.plugin svg {
	display : initial ;
}

.editor_backlayer {
	background : #777777 ;
}

.editorspread {
	background : #FFFFFF ;
}

.panel {
}

.panel_item {
	font-size : 2px ;
	opacity : 0.65 ;
	text-align : center ;
}

.panel_item > .panel_group_bottomright {
	position : absolute ;
	cursor : pointer ;
	right : 0px ;
	bottom : 0px ;
	width : 0px ;
	height : 0px ;
	border : 0 solid transparent ;
	border-right-width : 0px ;
	border-left-width : 4px ;
	border-bottom : 4px solid #333333 ;
}

.panel_item > .panel_group_bottomleft {
	position : absolute ;
	cursor : pointer ;
	left : 0px ;
	bottom : 0px ;
	width : 0px ;
	height : 0px ;
	border : 0 solid transparent ;
	border-right-width : 4px ;
	border-left-width : 0px ;
	border-bottom : 4px solid #333333 ;
}

.panel_item > .panel_group_topright {
	position : absolute ;
	cursor : pointer ;
	right : 0px ;
	top : 0px ;
	width : 0px ;
	height : 0px ;
	border : 0 solid transparent ;
	border-right-width : 0px ;
	border-left-width : 4px ;
	border-top : 4px solid #333333 ;
}

.panel_item > .panel_group_topleft {
	position : absolute ;
	cursor : pointer ;
	left : 0px ;
	top : 0px ;
	width : 0px ;
	height : 0px ;
	border : 0 solid transparent ;
	border-right-width : 4px ;
	border-left-width : 0px ;
	border-top : 4px solid #333333 ;
}

.panel.sublevel {
	background : #FFFFFF ;
	border : 1px solid #AAAAAA ;
}

.panel.sublevel .panel_label {
	vertical-align : top ;
	font-size : 10px ;
	line-height : 19px ;
	font-family : Arial ;
	padding : 5px ;
}

.panel.sublevel .panel_item {
	font-size : 1px ;
	text-align : left ;
	padding : 4px ;
	/* opacity : 1 ; */
}

.panel.sublevel .panel_item > img {
	max-width : 18px ;
	max-height : 18px ;
}

.panel.sublevel .panel_item > svg {
	width : 18px ;
	height : 18px ;
}

.panel.sublevel .panel_item.selected {
	opacity : 1 ;
	/* color : #FC4341 ; */
	background : initial ;
}

.panel.sublevel .panel_item:hover {
	opacity : 1 ;
}

.panel.sublevel .panel_item.safarihover {
	opacity : 1 ;
}

.minidam .panel.sublevel {
	border-radius : 10px ;
	border : 1px solid #DEE4ED ;
}

.minidam .panel.sublevel .panel_item {
	padding : 6px ;
}

.minidam .panel.sublevel .panel_label {
	font-size : 13px ;
}

.minidam .panel.sublevel .panel_item:hover {
	color : white ;
	background : #64a3a6 ; /* ; #F2F2F2 ; #007AFF*/
}

.minidam .panel.sublevel .panel_item.safarihover {
	background : #F2F2F2 ;
}

.floating {
	background : #FFFFFF ;
	border : 1px solid #AAAAAA ;
	border-radius : 3px ;
	box-shadow : 4px 4px 14px #888888 ;
	box-sizing : initial ;
	/*
	user-select : none ;
	-webkit-user-select : none ;
	-moz-user-select : none ;
	-ms-user-select : none ;
	*/
}

.floating.palettelayer {
	all : revert ;
	box-sizing : initial ;
}

.floating * {
	box-sizing : initial ;
}

.floating .panel_item {
	margin : 3px ;
	padding : 3px ;
}

.floating.tocenter {
	outline-offset : -2px ;
	outline : 3px solid rgb(0,153,255) ;
}

.floating .panel_item > img {
	max-width : 18px ;
	max-height : 18px ;
}

.floating .panel_item > svg {
	width : 18px ;
	height : 18px ;
}

.floating .handledrag {
	margin : 2px ;
	height : 10px ;
	background : #E9E9E9 ;
	cursor : move ;
}

.floating .handlenotdrag {
	margin : 2px ;
	height : 10px ;
	background : #E9E9E9 ;
}

.floating.horizontal .handledrag {
	width : 8px ;
}

.floating.horizontal.panel > div {
	display : inline-block ;
}

.floating .closebox {
	position : absolute ;
	top : 3px ;
	right : 3px ;
	width : 6px ;
	height : 6px ;
	background :#FFFFFF ;
	border : 1px solid #777777 ;
	cursor : pointer ;
}

.floating .title {
	font-size : 9px ;
	text-align : center ;
	padding : 0 10px 0 10px ;
	overflow : hidden ;
	white-space : nowrap ;
	text-overflow : ellipsis ;
	line-height : 11px ;
}

/*
.floating.panel {
	border-radius : 20px ;
}

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

.panel_item:hover {
	opacity : 1 ;
}

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

.panel_item.disable {
	opacity : 0.2 ;
}

.panel_item > img {
	cursor : pointer ;
}

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

.panel_item > svg {
	cursor : pointer ;
}

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

.panel_label {
	font-size : 13px ;
	font-family : 'Gill Sans' , Tahoma , Arial ;
	text-align : center ;
	cursor : pointer ;
	padding : 7px ;
}

.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 : 14px ;
	padding : 9px ;
}

.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 : 2px ; */
	clear : both ;
	line-height : normal ;
	margin-top : 3px ;
	overflow-wrap : break-word ;
}

/*
.editor_text_box:empty {
	margin : 0px ;
}
*/

.editor_text_box p {
	margin : 0 ;
	padding : 0 ;
	/*boverflow : hidden ; */
}

.editor_text_date {
	font-weight : 200 ;
	color : #555555 ;
	font-size : 9px ;
	vertical-align : 4px ;
}

.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_window .header_title {
	font-size : 0.9em ;
	color : #FFFFFF ;
	font-family : Trebuchet MS,Arial ;
	line-height :2.5em ;
	font-weight : bold ;
}

.editor_text_window .header_close {
	cursor : pointer ;
	background-position : -96px -128px ;
	background-image : url(../../system/external/ui-lightness/images/ui-icons_ffffff_256x240.png) ;
}

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

.editor_outside_color
{
	margin : 5px 5px 2px 5px ;
	/* border-radius : 1000px ; */
}

.editor_inside_color
{
	width : 13px ;
	height : 13px ;
	margin : 0px ;
	cursor : pointer ;
}

.editor_used_color
{
	margin-top : 2px ;
	margin-left : 5px ;
	height : 1px ;
	width : 5px ;
}

.editor_outside_color.used > .editor_inside_color
{
}

.editor_outside_color.used > .editor_used_color
{
	/* outline : 1px solid #777777 ; */
	background : #333333 ;
}

.editor_outside_color.current
{
}

.editor_outside_color.current > .editor_inside_color
{
	outline : 2px solid #bbbbbb ;
	outline-offset : 1px ;
}

.editor_outside_color.used.current
{
	margin : 5px 5px 0px 5px ;
}

.editor_outside_color.current.used > .editor_used_color
{
	margin-top : 4px ;
}

.strokeitem
{
	font-family : Arial ;
	font-size : 17.6px ;
	line-height : 1px ;
}

.strokeitems.strokewhite .strokeitem {
	filter : drop-shadow(1px 1px 2px rgba(0,0,0,0.5)) ;
}

.strokeitem:hover
{
	cursor : pointer ;
	background-color : #D9D9D9 ;
}

.strokeitem img
{
	height : 8px ;
	margin-right : -2px ;
	vertical-align : middle ;
	visibility : hidden ;
}

.strokeitem.current img
{
	visibility : unset ;
}

.strokeitem .stroke
{
	display : inline-block ;
	width : calc(100% - 21px) ;
	vertical-align : middle ;
	margin-right : -2px ;
}

.strokeitem .marker
{
	display : inline-block ;
	width : 5px ;
	height : 1px ;
	vertical-align : middle ;
	background-color : #000000 ;
	visibility : hidden ;
}

.strokeitem.used .marker
{
	visibility : unset ;
}

.strokemarkeritem
{
	padding-left : 2px ;
	height : 18px ;
	line-height : 16px ;
	font-family : Arial ;
	font-size : 17.6px ;
}

.strokemarkeritems.strokewhite .strokemarkeritem {
	filter : drop-shadow(1px 1px 2px rgba(0,0,0,0.5)) ;
}

.strokemarkeritem:hover
{
	cursor : pointer ;
	background-color : #D9D9D9 ;
}

.strokemarkeritem img
{
	height : 8px ;
	margin-right : -2px ;
	vertical-align : middle ;
	visibility : hidden ;
}

.strokemarkeritem.current img
{
	visibility : unset ;
}

.strokemarkeritem .marker
{
	display : inline-block ;
	margin-top : 1px ;
	width : 5px ;
	height : 1px ;
	vertical-align : middle ;
	background-color : #000000 ;
	visibility : hidden ;
}

.strokemarkeritem.used .marker
{
	visibility : unset ;
}

.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 ;
	background : #eeeeee ; /* #64a3a6 ; */
	border-radius : 5px ;
	padding-left : 4px ;
	padding-right : 4px ;
	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) ;
	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 .layout
{
	font-family : Raleway, Arial, sans-serif ;
	font-size : 12px ;
	overflow : hidden ;
	padding : 15px ;
	background : #FFFFFF ;
}

.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 : Raleway, Arial, sans-serif ;
	font-size : 12px ;
}

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

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

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

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

.minidam.newdesign .diaporama_item
{
	background : none ;
}

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

.minidam .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)
}

.minidam .diaporama_item.selected
{
	background-color : #b4d3c6 ; /* #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) ;
	cursor : move ;
}

.floatingdam .editorspread
{
	background : none ;
}

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

.accordion.accordion_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) ;
}

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

.accordion.accordion_minidam >.item.first
{
	border-top : none ;
}

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

.accordion.accordion_minidam >.layout
{
	overflow : auto;
	/* border-bottom : 1px solid #dddddd; */
	border-bottom : none ;
	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 ;
}

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 : rgb(140, 208, 201); /* rgba(38, 166, 154, 0.53) ;*/
	border-radius : 1px ;
	padding : 2px ;
	padding-left : 3px ;
	padding-right : 3px ;
	margin : 2px ;
	cursor : pointer ;
	font-family : Roboto, sans-serif ;
	font-size : 12px ;
}

.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 : 15px 2px 15px 0 ;
	padding : 7px ;
	color : #fff ;
	background-color : #26a69a ;
	text-align : center ;
	letter-spacing : .5px ;
	font-family : Roboto, sans-serif ;
	font-size : 10px ;
	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 ;
}

.wkfleventstable
{
	font-family : Gill Sans , Arial , Helvetica , sans-serif ;
	width : 100% ;
	border-collapse : collapse ;
	margin-top : 10px ;
	border : 1px solid #cccccc ;
	font-weight : 300 ;
	font-size : 12px ;
}

.wkfleventstable td
{
	font-size : 0.9em ;
	padding-left : 5px ;
	padding-right : 5px ;
}

.wkfleventstable th
{
	font-size : 0.8em ;
	text-align : center ;
	padding-top : 5px ;
	padding-bottom : 4px ;
	background-color : #eaeaea ;
	color : #555555 ;
}

.wkfleventstable > tbody > tr:nth-child(even)
{
	background-color : #eaeaea ;
}

.colorpicker .picker {
	width : 200px ;
	height : 200px ;
}

.colorpicker .slide {
	width : 30px ;
	height : 200px ;
}

.colorpicker .slide-wrapper {
	margin-left : 10px ;
}

.colorpicker .picker-indicator {
	width : 5px ;
	height : 5px ;
	border : 2px solid darkblue ;
	-moz-border-radius : 4px ;
	-o-border-radius : 4px ;
	-webkit-border-radius : 4px ;
	border-radius : 4px ;
	opacity : .5 ;
	-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=50) ;
	filter : alpha(opacity=50) ;
	background-color : white ;
}

.colorpicker .slide-indicator {
	width : 100% ;
	height : 10px ;
	left : -4px ;
	opacity : .6 ;
	-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" ;
	filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=60) ;
	filter : alpha(opacity=60) ;
	border : 4px solid lightblue ;
	-moz-border-radius : 4px ;
	-o-border-radius : 4px ;
	-webkit-border-radius : 4px ;
	border-radius : 4px ;
	background-color : white ;
}