@import 'skin.css';

/*
.filtered > div,.filtered > span{
	animation: annimfiltered 1s infinite;
	 -webkit-animation:  annimfiltered 1s infinite;
	 -moz-animation:  annimfiltered 1s infinite;
}
@-webkit-keyframes annimfiltered{ 
	0%   { }
	100% { background-color:rgba(199,231,255,0.5); } 
}

@-moz-keyframes annimfiltered{ 
	0%   {  }
	100% { background-color:rgba(199,231,255,0.5); } 
}

@keyframes annimfiltered { 
	0%   { }
	100% { background-color:rgba(199,231,255,0.5); } 
}
*/
/* body {
    position:absolute;
    min-width:100%;
} */


.ui-widget.ui-widget-content {
	border: none;
  }

.popover{
	z-index: 1040 !important;	
}
.popover-content {
	padding: 9px 10px !important;
  }

/* pour widget-intlTelInput*/
.iti {
  width: auto  !important;
}

@media only screen and (min-width: 991px){
	#breadcrumbs .nav-search {
	  display: none;
	}
}


blockquote {
    font-size: 13px;
}

/* pour les outils d'imort */
.wizard-actions, .widget-container {
  padding: 5px;
}


.light-login {
  background-image: none;
}

/*---------- Graph de type FLOT --------------------------*/
#legend {
    background-color: #fff;
    padding: 2px;
    margin-bottom: 8px;
    display: block;
    margin: 0 auto;
	width : 100%
}
 

.legendLayer .background {
    fill: rgba(255, 255, 255, 0.85);

}



/*---------- Fiche r�sum� --------------------------*/
/*Pour la hauteur */
.gritter-item-wrapper iframe{
	height: 100%;
}
.gritter-item-wrapper .ui-resizable{
	height: 50vh;
	
}

/*---------- modal / dialog --------------------------*/
.ui-dialog {
	max-width:98vw;
	max-height:98vh;
}
.ui-dialog .ui-dialog-titlebar{
	background: none;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	line-height: 30px;
	padding: 15px 10px 15px 0px;
	top:40%;

}
.ui-dialog .ui-dialog-titlebar-close{
	color : #000;
	opacity:0.2;
	margin-right:5px;
	margin-top: -20px;

	padding:0px;
	height:40px;
	width:40px;
}

.ui-dialog .ui-dialog-titlebar-close:hover{
	color : #f00;
}
.ui-dialog .ui-dialog-titlebar-close:before{
	/*mis en commentaire pour les iphoness*/
	font-size : 32px;
	/*font-weight: 700;
	content : "�";*/


}
.ui-dialog .ui-button-text{
	display:none;
}
.ui-dialog .ui-dialog-iframe{
	overflow : unset;/* g�rer par l'iframe*/
	
}
body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
#GlobalSearch{
	height:31px !important;
}

#GlobalSearch:not(:placeholder-shown) {
	opacity: 1;
	filter: alpha(opacity=100);
	width: 152px;
	max-width: 152px;
}

.nav-search .nav-search-input:not(:placeholder-shown) ~ .nav-search-icon {
    border: none;
    border-radius: 0;
    padding: 0 3px !important;
}
.nav-search .nav-search-input:placeholder-shown ~ .glyphicon-remove {
    display:none !important;
}



.refererselect {
    display: inline-block;
}



#mailer.tabcontainer{
	width:90%;
	
}
#my-modal{
    max-height: 90vh !important;
	
}
/*--------- popover calendrier-----------------------*/
#persontask .popover-content, .popover-calendar .popover-content{
	padding:0px;
}

#persontask #editeur{
	padding:5px 4px 6px 4px;
}
#persontask .popover-content h3, .popover-calendar .popover-content h3{
    color:white;
    cursor: default;
	margin: 0px;
	padding: 10px 10px 10px 40px;
	font-size: 1.2em;
	min-width: 250px;
}

#persontask .popover-content h3 .subject,.popover-calendar .popover-content h3 .subject{
	display:inline-block;
	width:100%;
}
#persontask .popover-content h3 .cmd, .popover-calendar .popover-content h3 .cmd{
	display:inline-block;
	width:100%;
}

#persontask .popover-content #IcoEdit, .popover-calendar .popover-content #IcoEdit{
	border-radius: 50%;
	padding: 10px;
	top: -15px;
	left : 5px;
	font-size: 0.9em;
    color:white;
    cursor: pointer;
}


#persontask .popover-content .Contact, .popover-calendar .popover-content .Contact{
	border-top : 1px solid #777;
	font-size: 0.8em;
	margin-top : 5px;
	padding-top : 5px;
}

#persontask .popover-content h3 i, .popover-calendar .popover-content h3 i{
	font-size: 0.9em;
    margin-left:5px;
    cursor: pointer;
}
#persontask .popover-content .detail, .popover-calendar .popover-content .detail{
    margin: -15px 10px 10px 10px;
    cursor: default;
    width:254px;
    height:170px;
	overflow:auto;
	
}

#persontask .popover-content .detail .ellipsis, .popover-calendar .popover-content .detail .ellipsis{
	overflow: hidden;	
	height:100px;
}


#persontask .popover-content .detail .Contact a, .popover-calendar .popover-content .detail .Contact a{
	cursor:pointer;
	
}
#persontask .popover .cmd i ,.popover-calendar .popover .cmd i {
    margin-left: 6px !important;
}
.persontask_var .timeline-container::before {
    border: none;
    background: none;
}


.persontask_var .RDV-mode-3 .creator {
    display: none!important;
}

.persontask_var .RDV-mode-3 .IconType span:after {
    content: 'RESA SALON';
font-size: 14px;
}

.persontask_var .RDV-mode-3 .IconType span {
    font-size: 0px;
}

.persontask_var .RDV-mode-3.RDV-statut-1 .IconType span {
    font-size: 0px;
}

.persontask_var .RDV-mode-3.RDV-statut-1 .IconType {
background-color: #49B081!important;

}


.persontask_var .RDV-mode-3.RDV-statut-0 .IconType span {
    font-size: 0px;
}

.persontask_var .RDV-mode-3.RDV-statut-0 .IconType {
background-color: #F1BB5C!important;
}

.persontask_var .RDV-mode-3.RDV-statut--1 .IconType span {
    font-size: 0px;
}

.persontask_var .RDV-mode-3.RDV-statut--1 .IconType {
background-color: #EF2818!important;
}




.fc-week-number{
	background: #ECF2F7;
	color: #8090A0;
}
.fc-week-number a{
	cursor:pointer;
	text-decoration:none;
}
.popover-calendar{
	z-index:100;
}



.fc .fc-timeline-bg .fc-bg-event {

    overflow: hidden;
}

.fc-WeekPeriod td, .fc-WeekPeriod th {
    width: 500px;
}

.breadcrumb p {
	display: inline;
  }

.ViewStatus_ + div h3, .ViewStatus_ + div #IcoEdit, .popover-calendar > div h3, .popover-calendar > div #IcoEdit {
    background: #777;
    cursor: default;
}
.ViewStatus_0 + div h3, .ViewStatus_0 + div #IcoEdit, .popover-error > div h3, .popover-error > div #IcoEdit {
    cursor: default;
	background: #DD5A43;
}
.ViewStatus_1 + div h3, .ViewStatus_1 + div #IcoEdit, .popover-warning > div h3, .popover-warning > div #IcoEdit {
    cursor: default;
	background: #FF892A
}
.ViewStatus_2 + div h3, .ViewStatus_2 + div #IcoEdit ,.popover-success > div h3, .popover-success > div #IcoEdit {
    cursor: default;
	background: #69AA46;
}
.ViewStatus_3 + div h3, .ViewStatus_3 + div #IcoEdit,.popover-info > div h3, .popover-info > div #IcoEdit, .label-close {
    cursor: default;
	background: #69AA46;
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.Note + div h3 {
    background: #478FCA;
    cursor: default;
}
/*--------------------------------*/
.dd {
	max-width: 100% !important;
}
.dd-item.root .btn-update, .dd-item.root .btn-remove {
	visibility:hidden;	
}
.dd  button.dd-collapse{
	display : block;
	
}
.dd button.dd-expand{
	display : none;
}

.dd .dd-collapsed button.dd-collapse{
	display : none;
	
}
.dd .dd-collapsed button.dd-expand{
	display : block;
}












.dialog-spinner{
	background: transparent;
	border: none;
	box-shadow: unset;
	padding-top: 150px;
}

.row {
    /*width: 100%;*/ /*ceci perturbe la liste des souhaits de RDV*/
}

.chosen-container{
	min-width:200px;
}
.progress[data-percent]::after{
	color:black;
}

/*Container des tableau avec header fix*/
.fht-table-wrapper{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}



body.index .ace-settings-container {
    top: 1px;
    z-index: 1026;
}

body.index #breadcrumbs .ace-settings-container{
	line-height: normal;
}

body.index #breadcrumbs .btn-colorpicker {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border-radius: 0;
}

body.index .breadcrumbs-fixed + .page-content .ace-settings-container {
    top: 1px;
}
#nav-search{
	margin-right: 25px;
}    
.fc-button{
	margin:5px !important;
}


.dossiersshow #col_0 {
    padding: 13px;
}
.dossiersshow .nav{
	padding: 20px 0 20px 0;
}

.dossiersshow .error510 {
    background: transparent repeating-linear-gradient(75deg, red, red 10px, orange 2px, orange 5px) repeat scroll 0% 0%;
    background-color: transparent;
}

.lbl:before {
    margin-right:5px!important; /* permet de d�caler les champs du formulaire pour qu'il ne soit pas coller au label */
}
input, select, textarea{
	max-width:100%; /* pas plus grand que le conteneur*/
}

.cursor-pointer, .cursor-pointer TD{cursor: pointer;}
.cursor-croshair{cursor: crosshair;}
.cursor-eresize{cursor: e-resize;}
.cursor-move{cursor: move;}

/* Les listes accordeon bas� sur des listes */
.collapse > li {
    list-style: outside none none;
}


.calendar td.fc-today > a,.calendar td.hpn > a {
    margin-left:5px;
}
.userrdvresults {
	width:100%;
	display: inline-block;
}
.meetings .rdv_pagenumbers{
    display: inline-block;
    width: 100%;
    text-align: center;
}


.userrdvresults .contact {
    height: 290px;
}
.userrdvresults .contact .subject textarea{
    width:100%;
}


.userrdvresults .contact .action {
    height: 170px;
    overflow: hidden;
}
.userrdvresults .contact .buttons {
    height: 237px;

}
.userrdvresults .contact .name b {
    padding:3px;

}

.meetings .searchengine ul li {
    list-style-type: none;
}
.userrdvlist.well h1, .userrdvlist.well h2, .userrdvlist.well h3 {
    display: block;
    white-space: normal;

}
.userrdvresults .T,.userrdvlist .T{
	display:none;	
}


.userrdvresults .btn-group {
	width:100px;
    color: white;
    font-size: 0;

}


.userrdvresults  .contact .btn-remove{
	display: none;
}
.userrdvresults  .contact .btn-add{
	display: inline-block;
}

.userrdvresults  .contact.selected .btn-add{
	display: none;
}


.userrdvresults .contact.selected .btn-remove
{
	display: inline-block;
}

.userrdvresults .L .contact .rdvlistimg {
    max-height: 70px !important;
    max-width: 90% !important;
    margin: auto;
    display: block;
}


.options font.stock{
	margin-left : 10px !important;/* petite marge pour s�parer l'etiquette de stock */
}

.options .OptMasterTotal h1 {
    font-size: 16px;
}
#rdvaccept .btn-more{
	visibility:hidden;
}

#rdvaccept .CustomCheck.disabled .btn-group > label {
	cursor:not-allowed
}

.page_on {
    display:block;
}

.page_off {
    display:none;
}

.accueilgroupe > a > img{
	margin-right:5px;
	margin-left:5px;
}

.input-group-addon {
    /*border-left:0;*/ /*en commentaire pour la recherche dans timeline*/
}



.SearchContacts > div > div > img:nth-child(2) {
     margin-right:10px!important;
}

.SearchContacts > div > div {
     /*margin-left:-14px!important;*/
}


.toolies > .widget-box > .widget-header {
    padding: 0px;
}
     
.toolies .widget-body {
    min-height:150px;
	vertical-align:center;
	line-height:150px;
}

.toolies .widget-header {
	line-height:38px;
	vertical-align:middle;
}

.SearchContacts {
    overflow:initial!important;
    height:auto!important;
    width: 100% !important; /*75% > 100% pour les mobiles*/
}
.SearchContacts .Pers{
	width: calc(100% - 2px) !important;
	
}

.SearchContacts.context .close {
	opacity:1 !important;
}
.SearchContacts img{
    border : none !important;
    background: transparent !important;
}
.SearchContacts .search {
    min-width: 190px !important;
}
.selector a.close,.selector button.close {
	opacity:1 !important;
	margin: 5px 8px;
}

.breadcrumb{
	margin-left:20px;
}

#persontask table#month td.fc-day{
	height:211px;
	padding : 5px;
}
#persontask table#month th.month_week{
	vertical-align: middle;
}
#persontask .label-close {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}


.dropdown-menu > .dropdown-hover.dropup > .dropdown-menu, .dropup .dropdown-menu > .dropdown-hover > .dropdown-menu{
	top : 0px;
}

#DossierShow_MenuCtxt img{
	margin:5px;
}
#DossierShow_MenuCtxt p,#DossierShow_MenuCtxt i, #DossierShow_MenuCtxt span{
	margin:5px;
}

#sidebar span ,#sidebar p,    #breadcrumbs span ,#breadcrumbs p {
	margin-right:2px;
	/*display: inline-block;*//*Retirer pour dans on replie les menus de gauche*/
	/*width: 13px;*//*Je ne sais pas dou cela vient, mais quand on reduit les menu c'est moche*/
}
#sidebar.menu-min span {	
	/*width: 30px;*//*Je ne sais pas dou cela vient, mais quand on reduit les menu c'est moche*/
	/*margin-left: 10px;*//*Quand on reduit les icones y a un espace g�nant pour le fonctionement*/
}

#breadcrumbs span.input-icon{
	width:auto;
}


#breadcrumbs .btn-group > .btn-app:first-child:not(:last-child):not(.dropdown-toggle) {
    margin-right: 10px;
    z-index:auto!important;
   
}
#breadcrumbs  #FolderCmd .btn{
 	padding: 3px;
}
#breadcrumbs #FolderCmd{
	position: absolute;
	right: 205px;
	top: 0;
}



#breadcrumbs #FolderCmd.btn.btn-app.btn-xs > .ace-icon {
    font-size: 20px;
}    
    

#MasseEditor .FolderInput[type=text] {
    width: 100%;
}

#MasseEditor textarea.FolderInput {
    width: 100%;
    height: 200px;
}

td.numeric{
	text-align : right;
}

#list .ace-settings-container {
    position: fixed;
}
#list #List_HelpFilter{
    width:250px;
}
#list #List_HelpFilter a.refresh {
    display: none;
}

    
#list tbody td{
	text-align:left;
}    
#list td.numeric, #list th.numeric{
	text-align:right;
}    
      

#list #sidebar2{
	min-height:200px;
}

#list #sidebar .btn.btn-app.btn-xs{
	font-size:11px;
	padding: 10px 7px;
}
#list #sidebar .btn.btn-app.btn-xs i::before{
	font-size:24px;
}


#list .popover{
    width: 250px;
}

#list .table{
    background-color:white;
}
#list .table > thead > tr > th{
    text-align:center;
}
#list .table > tfoot > tr > th{
    text-align:center;
}

#list #LinkName {
	margin-bottom: 10px !important;
}
 

#list #mylist,#list .list,.TreeViewContainer .list{
width:100% !important;
}

#list #ListColumns input.ace[type="checkbox"] + .lbl::before,#list input.ace[type="radio"] + .lbl::before {
    margin-left: -22px;
}


#list #ListColumns input.ace[type="checkbox"] + .lbl, #list input.ace[type="radio"] + .lbl {
    padding-left: 25px;
}

#list #sidebar2 #ListColumns .lbl{
    white-space: nowrap;
}

#list table.sub {
    margin-left: 100px;
    width: calc(100% - 100px);
}








body.modal-open iframe {
	/*height:400px!important;*/
	min-height:400px!important;
}

/* #Dossiershow_List {
    width:100vw;
    display:block;
    overflow-x:auto;
    overflow-y:hidden;
    position: relative;
} */

.real-thead tr:first-child > td {
    padding:0!important;
}

.real-thead tr:first-child > td > div {
    padding:8px!important;
}

#listContainer {
    width:100%;
    overflow-x:scroll;
    overflow-y:scroll;
    height:645px;
}

#listContainerHead {
    width:100%;
    overflow-x:hidden;
    overflow-y:hidden;
}

#Dossiershow_List thead {
    z-index:999;
}

/*
.TreeView tbody, .TreeView thead, .TreeView tbody tr, .TreeView tbody tr td {
    display:block;
}
*/


#Dossiershow_List {
    position:relative;
}

.real-thead {
    overflow:visible;
    top:inherit;
}

#Dossiershow_List tbody {
    cursor: pointer;
    /*display:block;*/
}

/* #Dossiershow_List.TreeView thead tr{
	display: flex;
    flex-wrap: wrap;
}

#Dossiershow_List.TreeView thead tr th, #Dossiershow_List.TreeView thead tr td{
	flex-grow:1;
	flex: 1;
	border-bottom-width: 1px;
    border-right: 0 none;
    display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding:5px;
    
}

#Dossiershow_List.TreeView thead tr th:first-child, #Dossiershow_List.TreeView thead tr td:first-child{
    display:block;
    flex-grow:0;
    flex:none;
    width:50px;
}



#Dossiershow_List.table-hover thead tr{
	display: flex;
    flex-wrap: wrap;
}

#Dossiershow_List.table-hover thead tr th:first-child, #Dossiershow_List.table-hover thead tr td:first-child{
    display:block;
    flex-grow:0;
    flex:none;
    width:50px;
}

#Dossiershow_List.table-hover thead tr th, #Dossiershow_List.table-hover thead tr td{
	flex-grow:1;
	flex: 1;
	border-bottom-width: 1px;
    border-right: 0 none;
    display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding:5px;
}

#Dossiershow_List.table-hover thead tr th:first-child, #Dossiershow_List.table-hover thead tr td:first-child{
    display:block;
    flex-grow:0;
    flex:none;
    width:50px;
}

#Dossiershow_List.table-hover tbody {
	margin : 0px;
	width:100%;
}

#Dossiershow_List.table-hover tbody tr{
	list-style:none;
	display : flex; 
	flex-wrap:wrap;
}

#Dossiershow_List.table-hover tbody tr #col_0{
	width: 50px;
    flex-grow: unset;
    flex: unset;
}

#Dossiershow_List.table-hover tbody tr td{
	flex-grow:1;
    flex: 1;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding:5px;
	border-bottom: 1px dotted lightgrey;
	border-right: 1px dotted lightgrey;
} */


.selector div.close{
	display: inline-block;
    font-family: "Glyphicons Halflings";
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
    background-image : none!important;
      -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);

	margin-right: -9px!important;
	margin-top: 3px!important;
}

.selector div.close::before {
    content: "+";
}


#ListTree, #ListTree ul {
	margin : 0px;
	width:100%;
}

#ListTree li{
	list-style:none;
	display : flex; 
	flex-wrap:wrap;
}

#ListTree .expand.level-1.child {
    display:inline;
	background-image: none;
}
#ListTree tbody td{
	cursor:pointer;
	white-space: pre-wrap;
}


/*
.TreeView {
    display:block;
}

.TreeView thead tr {
    display:flex;
    flex-wrap:nowrap;
}

.TreeView thead tr th, .TreeView thead tr td  {
    flex:1 1 0%;
    display:inline-block;
}

#Dossiershow_List.TreeView thead tr th:first-child, #Dossiershow_List.TreeView thead tr td:first-child {
    display: block;
    flex-grow: 0;
    flex: 0.2;
    width: 50px;
}



.dossiersshow #ListTree li div{
    flex: 1 1 0%;
    margin-right:-1px;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
    display:inline-block;
	padding:5px;
	border-bottom: 1px dotted lightgrey;
	border-right: 1px dotted lightgrey;
}

.TreeViewContainer {
    display:block;
    position:relative;
    width: 100%;
    overflow:scroll;
    min-height:400px;
    max-height: 700px;
}
*/

/* #ListTree li span{
	flex-grow:0.3;
	flex: 0.3;
} 

#ListTree li div{
	flex-grow:1;
    flex: 1;
    margin-right:-1px;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: visible;
	padding:5px;
	border-bottom: 1px dotted lightgrey;
	border-right: 1px dotted lightgrey;
}

#ListTree div.col{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    white-space: initial;
}
*/


.FilterText{
	width : 100%;
	min-width: 40px;
}

ol#cards {
	margin:0px;
	padding:0px;
}
ol#cards li{
	width:100%;
	cursor: move;
}

#gritter-notice-wrapper { 
    right: 321px;
    right: calc(50vh + 20px);
    width: 1px;
    z-index: 99;
    height: 1px;
    margin-top: 75px;
}




.gritter-item-wrapper{
	display:inline-table;
	width: 300px;
	width: 50vh;
	height: auto !important;

}


.gritter-reduce{
	right: 25px;
}
.gritter-user{
	right: 40px;
	color: #337ab7;
}
.gritter-user::before {
    content: "\e008";
	font-family: 'Glyphicons Halflings';
}
.gritter-user:hover {
	color : white !important;
}
.gritter-reduce::before {
    content: "\2212";
    font-family: 'Glyphicons Halflings';
}



#ListTree tbody td:nth-first{
	padding:2px;
}
/*
#ListTree span.expand {
    background-image: url("/res/perstask/less.png");
    background-repeat: no-repeat; 
    display: inline-block;
    margin: 0;
    padding:10px;
    width:50px;
}
*/
#ListTree span.expand::before {
	content: "\2212";
    position: relative;
	top: 1px;
	font-family: 'Glyphicons Halflings';
	font-weight: 400;
	line-height: 1;
	display:block;
	padding: 10px 20px 10px 0px;
}

#ListTree span.collapse, #ListTree span.expand {
    /*background-image: url("/res/perstask/more.png");*/
    display:block;
}


#ListTree span.collapse::before {
    content: "\002b";
    position: relative;
    
	top: 1px;
	font-family: 'Glyphicons Halflings';
	font-weight: 400;
	line-height: 1;
	display:block;
	padding: 10px 20px 10px 0px;
}



#TreeList_Container LI LI span.child {
    background-image: url("/res/perstask/tree.png");
    background-size: contain;
    height: 29px;
    visibility: visible;
    width: 20px;
	display: inline-block;
}
#TreeList_Container LI LI span.child::before {
    content: "";
    display:block;
	padding:10px;
}
#TreeList_Container LI LI:last-child span.child,#ListTree span.child {
    background-image: url("/res/perstask/tree_end.png");
    background-size: contain;
    height: 29px;
	visibility: visible;
	width: 20px;
	display: inline-block;
}
#TreeList_Container LI LI:last-child span.child::before,#ListTree span.child::before {
    content: "";
    display:block;
	padding:10px;
}




#ListTree span.expand.level-2{
	margin-left: 20%;
}
#ListTree span.expand.level-3{
	margin-left: 40%;
}

#ListTree span.expand.level-4{
	margin-left: 60%;
}
#ListTree span.expand.level-5{
	margin-left: 80%;
}
#ListTree span.expand.level-6,#ListTree span.expand.level-7{
	margin-left: 90%;
}

.dossiersshow #ListTree div.col{
	display: inline-block;
	/*text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;*/
	white-space: initial;
	padding-left: 13px;
	width:200px;
}
#Dossiershow_List .verrou{
	width:50px;
}


#ListTree li span {
    background-position: 0% center;
}
#ListTree li ul li span {
    background-position: 30% center;
}

#ListTree li ul li ul li span {
    background-position: 60% center;
}
#ListTree li ul li ul li ul li span {
    background-position: 90% center;
}
#ListTree li ul li ul li ul li ul li span {
    background-position: 95% center;
}
/*
#ListTree li:hover{
	background-color:#EEEEEE;
}
#ListTree li:hover li{
	background-color:#FFFFFF;
}

#ListTree li li:hover{
	background-color:#EEEEEE;
}
#ListTree li li:hover li{
	background-color:#FFFFFF;
}


#ListTree li li li:hover{
	background-color:#EEEEEE;
}
#ListTree li li li:hover li{
	background-color:#FFFFFF;
}


#ListTree li li li li:hover{
	background-color:#EEEEEE;
}
#ListTree li li li li:hover li{
	background-color:#FFFFFF;
}
*/






.dossiersshow .unsubscribe {
    background: transparent repeating-linear-gradient(48deg, #eaeaea, #eaeaea 10px, #ffb2b2 2px, #ffb2b2 20px) repeat scroll 0 0;
}










.navigation button {
	margin:5px;
}

.payeurs .payeur .page-header {
    margin-top:50px;
}

#CalFilter {
    margin-bottom:20px;
}

/* pour les etats : par de marge en haut entre ligne bleu et grise*/
.h-sidebar{
	margin-top:0px!important;
}
/*
.pagination input{
	height: 24px;
	padding: 1px 5px;
	font-size: 14px;
	margin-top: -5px;
}
 .pagination select{
	height: 22px;
	padding: 1px 5px;
	font-size: 14px;
	margin-top: -5px;
}
*/
.pagination input[type="TEXT"], .pagination input[type="BUTTON"], .pagination select {
    border-radius: 0 !important;
    color: #858585;
    background-color: #FFF;
    border: 1px solid #D5D5D5;
    padding: 0px 4px;
    font-size: 14px;
    font-family: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    height: 24px;
	margin-top: -3px;
}

.pagination input[type="BUTTON"] {
	background-color:rgb(171, 186, 195);
	color:white;
}
#sidebar2{
	margin-top:-16px;
}
.pagination > li > a{
	height:30px;
}
.pagination a.active {
    background-color: #6FAED9;
    border-color: #6FAED9;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    z-index: 2;
}

.table>tfoot>tr {
	color:#707070;
	font-weight:400;
	background:repeat-x #F2F2F2;
	background-image:-webkit-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
	background-image:-o-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
	background-image:linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0)
}



/*--------------------------------*/
/* Animation*/
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -moz-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}


.bounce {
	margin-left: 30px;
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

/*--------------------------------*/
#FiltrageList input[type="text"] {
    width: 250px!important;
}

/*widget selecteur d'heure*/
#persontask div.select {
    background: white none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    height: 200px;
    overflow: auto;
    position: absolute;
    z-index: 2;
    margin-left: -64px;
    margin-top: 33px;
    display:inline-block;
}


#persontask  a.fc-event {
    padding: 4px;
}
#persontask  li.fc-event {
    padding: 0px;
}

#persontask  .fc-list-heading-main{
	padding : 0px 5px;	
}

#persontask  .resp-group {
    background-color:silver;
	border-bottom: dotted 1px black;
}

/* Les etats, filtre/trie alignemant verticale des cases � cocher*/
#FiltrageList .col-sm-4 {
	margin-top: 9px;
}
#Triage .col-sm-4 {
	margin-top: 7px;
}

#PersonTaskTimeTine li.hover .widget-box, #PersonTaskTimeTine li.hover .widget-box div {
	background-color:#D1D4D7;
}
#PersonTaskTimeTine .toDrop{
	width:100%;
	background-color:#D1D4D7;
	z-index:100;
}
#PersonTaskTimeTine .Task .Note, #PersonTaskTimeTine .Note .Task{
	border:2px silver dotted;
	margin: 5px;
	padding: 5px;
}
#PersonTaskTimeTine .Task .Note .widget-box, #PersonTaskTimeTine .Note .Task .widget-box{
	margin-left:0px
}

#PersonTaskTimeTine .sujet{
	font-weight:bold;
	color: #777;
}




.SearchContacts #calparticipants_containerresult.containerresult{
	width:100%;
	position:relative !important;
}
.SearchContacts #calparticipants_containerresult.containerresult .label{
	width:100%;
	margin:0px;
	padding : 0px;
}
.SearchContacts .label {
	width: calc(100% - 45px) !important;
	/*text-overflow: ellipsis;
	overflow: hidden;*/
	color: black;
	padding: 7px;
	text-align:left;
}


.SearchContacts .Pers{
	background-position: 5px 50%;
	overflow : visible !important;
}

.SearchContacts .label a{
	display : block;
	padding : 2px;
}
.SearchContacts .label .col-P{
	display:inline-block;
	background-color : rgba(100,100,100,0.5);
	padding:3px;
	
}
.SearchContacts .label .col-I{
	display:inline-block;
	background-color : rgba(200,200,200,0.5);
	padding:3px;
}


/* custom list */

.nav-list-custom {
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-skin .nav-list-custom>li {
    border-color: #E5E5E5;
}

.skin-1 .nav-list-custom>li {
    border-color: #3F4E54;
}

.skin-2 .nav-list-custom>li:first-child {
    border-top-color: #5a5a5a;
}

.skin-2 .nav-list-custom>li {
    border-color: #484848;
}

.skin-3 .nav-list-custom>li {
    border-color: #F2F2F2;
}

.nav-list-custom>li {
    display: block;
    position: relative;
    float: none;
    padding: 0;
    border-style: solid;
    border-width: 1px 0 0;
}

.sidebar.menu-min .nav-list-custom>li>a {
    position: relative;
    height: 39px;
    line-height: 37px;
    padding: 0;
}

.sidebar.menu-min .nav-list-custom>li>a>.menu-icon {
    font-size: 18px;
    height: auto;
    line-height: inherit;
    display: inline-block;
    vertical-align: sub;
    margin-right: 0;
    width: 44px;
}

.nav-list-custom>li>a>.menu-icon {
    display: inline-block;
    min-width: 30px;
    margin-right: 2px;
    vertical-align: sub;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.no-skin .sidebar.menu-min .nav-list-custom>li>a.dropdown-toggle>.menu-text {
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
}

.no-skin .sidebar.menu-min .nav-list-custom>li>a>.menu-text {
    background-color: #F5F5F5;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #CCC;
}

.no-skin .sidebar.menu-min .nav-list-custom>li>a>.menu-text {
    background-color: #F5F5F5;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #CCC;
}

.skin-1 .sidebar.menu-min .nav-list-custom>li>a>.menu-text {
    background-color: #414B51;
}

.skin-2 .sidebar.menu-min .nav-list-custom>li>a>.menu-text {
    background-color: inherit;
    font-weight: 700;
    color: rgba(0,0,0,.6);
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #333;
    border-color: rgba(0,0,0,.4);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 1px;
}

.skin-3 .sidebar.menu-min .nav-list-custom>li>a>.menu-text {
    background-color: #f1f5f9;
    border-color: #A4C6DD;
}

.sidebar.menu-min .nav-list-custom>li>a .arrow {
    display: none;
}

.nav-list-custom li>.arrow {
    display: none;
    position: absolute;
    top: 8px;
    right: 1px;
    z-index: 1027;
    top:10px;
    right:-1px;
}

.nav-list-custom>li a>.arrow {
    display: block;
    width: 14px!important;
    height: 14px;
    line-height: 14px;
    text-shadow: none;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 12px;
    padding: 0;
    text-align: center;
}

.sidebar.menu-min .nav-list-custom>li>a>.menu-text {
    display: none;
    text-align: left;
    position: absolute;
    top: -1px;
    left: 42px;
    z-index: 1025;
    width: 176px;
    height: 41px;
    line-height: 38px;
    padding-left: 12px;
    border: 1px solid;
}

.sidebar.menu-min .nav-list-custom>li>.submenu {
    position: absolute;
    z-index: 1026;
    left: 42px;
    top: -1px;
    margin-top: 40px;
    padding-bottom: 2px;
    width: 176px;
    display: none;
    height: auto;
    visibility: visible;
}

.no-skin .sidebar.menu-min .nav-list-custom>li>.submenu {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-top-color: #e6e6e6;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
}

.skin-1 .sidebar.menu-min .nav-list-custom>li>.submenu {
    border-top: 1px solid #3F4E54;
    background-color: white;
    border-top-color: #5A606A;
    border-top-width: 1px!important;
}

.skin-1 .sidebar.menu-min .nav-list-custom>li>.submenu, .skin-1 .sidebar.menu-min .nav-list-custom>li>a>.menu-text {
    border-width: 0;
    border-left: 1px solid #181D1F;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.skin-2 .sidebar.menu-min .nav-list-custom>li>.submenu {
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: #444;
    border-color: rgba(0,0,0,.3);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 1px;
	background-color: white;
}

.skin-2 .nav-list-custom>li:nth-child(1)>.submenu {
    background-color: #2a4137;
}

.skin-3 .sidebar.menu-min .nav-list-custom>li>.submenu {
    border-color: #C9DAE5 #A4C6DD #A4C6DD;
}

.skin-2 .breadcrumbs {
    margin:0px;
}

.skin-3 .breadcrumbs {
    margin:0px;
}

.skin-3 .page-content {
    background:white!important;
}

.skin-3 .main-container:before {
    background:white!important;
}

.ace-nav .nav-user-photo {
    max-height:45px;
}

li.open.trigger .submenu > div {
    max-height:46vh;
    overflow-y: scroll;
}


.table > thead > tr > th:last-child {
    border-right: 1px solid #ddd;
}


/* Photo de l'admin loggue (fiche profil)*/
img.editable-click {
    max-width: 200px;
    max-height: 200px;
}
.dropdown-menu > li > a {
    margin-bottom: 0px;
    margin-top: 0px;
    /*padding-right: 30px;*/
	cursor: pointer;
}
.dropdown-menu > li > a img{
	/*margin-right:-5px !important;*/ /*mis en comment pour le dashbord menu des widgets*/
}

.dropdown-menu > .dropdown-hover > .dropdown-menu {
    /*top: initial;
    bottom: 0px;*/
}
#MenuContener .dropdown-menu > .dropdown-hover > .dropdown-menu {
    top: -8px;
}


.dropdown-hover:hover > .dropdown-menu {
    display: table;
}

.dropdown-navbar > li.dropdown-footer > a {
	font-size: 12px;
}

#PersonTaskTimeTine a {
	cursor:pointer;	
}

.timeline-container .present0, .timeline-date .present0{
	display:inherit;
}
.timeline-container .present1, .timeline-date .present1{
	display:none;
}

.timeline-container.timeline-style2  .present0{
	display:none;
}
.timeline-container.timeline-style2  .present1{
	display:inherit;
}
.timeline-container.timeline-style2  .ContactsSearch {
	display:none;
}
.timeline-container.timeline-style2  .widget-toolbar::before {
	border:none;
}
.timeline-container.timeline-style2  .glyphicon-pencil, .timeline-container.timeline-style2 .glyphicon-move{
	display:none;	
}
.timeline-style2 .label {
    background-color: transparent;
    color: #666;
    font-size: 14px;
    font-weight: 700;
}
.timeline-style2 .label:after {
	border:none;
}


.timeline-item:nth-child(2n) .widget-box.transparent .widget-header {
    background-color: transparent !important;
}

#list #Option-search.nav-search-icon, 
#list #Option-search.nav-search .nav-search-input:active ~ .nav-search-icon, 
#list #Option-search.nav-search .nav-search-input:focus ~ .nav-search-icon, 
#list #Option-search.nav-search .nav-search-input:hover ~ .nav-search-icon, 
#list #Option-search.nav-search:hover .nav-search-icon {
    border: medium none;
    border-radius: 0;
    padding: 0 3px;
}


.dropdown-hover::before {
    content: none;
}


 .SearchInOnglet{
	width: 162px !important;
	max-width: 162px  !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}


.SearchInOnglet + .nav-search-icon{
	border: none !important;
	border-radius: 0 !important;
	padding: 0 3px !important;
}

.SearchInOnglet:placeholder-shown{
	width: 0px !important;
	max-width: 0px !important;
	border: none !important;
	opacity: 0 !important;
}
.SearchInOnglet:placeholder-shown + .nav-search-icon{
	border: 1px solid #6FB3E0 !important;
	border-radius: 32px !important;
	background-color: #FFF !important;
	padding: 0 5px !important;
}
.SearchInOnglet:placeholder-shown + .nav-search-icon:hover{
	border: none !important;
	border-radius: 0 !important;
	padding: 0 3px !important;
}

.nav-search:hover .SearchInOnglet,.SearchInOnglet:hover,.SearchInOnglet:focus {
	border: 1px solid #6FB3E0 !important;
	width: 162px !important;
	max-width: 162px  !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.SearchInOnglet:hover  + .nav-search-icon,.SearchInOnglet:focus  + .nav-search-icon {
	border: none !important;
	border-radius: 0 !important;
	padding: 0 3px !important;
}
/*---------------*/
 .SearchInOnglet + .nav-search-icon{
	border: none !important;
	border-radius: 0 !important;
	padding: 0 3px !important;
}

#Agenda-Tab .SearchInOnglet:placeholder-shown{
	width: 0px !important;
	max-width: 0px !important;
	border: none !important;
}
#Agenda-Tab .SearchInOnglet:placeholder-shown + .nav-search-icon{
	border: 1px solid #6FB3E0 !important;
	border-radius: 32px !important;
	background-color: #FFF !important;
	padding: 0 5px !important;
}
#Agenda-Tab .SearchInOnglet:placeholder-shown + .nav-search-icon:hover{
	border: none !important;
	border-radius: 0 !important;
	padding: 0 3px !important;
}

#Agenda-Tab .nav-search:hover .SearchInOnglet, #Agenda-Tab .SearchInOnglet:hover,#Agenda-Tab .SearchInOnglet:focus {
	border: 1px solid #6FB3E0 !important;
	width: 162px !important;
	max-width: 162px  !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
#Agenda-Tab .SearchInOnglet:hover  + .nav-search-icon,#Agenda-Tab .SearchInOnglet:focus  + .nav-search-icon {
	border: none !important;
	border-radius: 0 !important;
	padding: 0 3px !important;
}

/*---------------*/
.profile-picture a{
	display:none;
}

.profile-picture:hover a.reset{
	display:inline-block;
}
.ace-file-input .ace-file-container.selected + .remove{
	/*display:none;*/
}

.SearchContacts .label{
	color:black;
}

.fly{
	background-color : #e8e8e8;
}

.scroll-active{
	display:block !important;
	width: 8px;
opacity: 1;
-webkit-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}


#orgselect table{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
#orgselect th,#orgselect td{
	border: 1px solid #ddd;
}

#orgselect table input{
border: 0;
padding: 0;
color: silver;
opacity: 1;
line-height: 20px;
padding: 0 6px;

color: #FFF !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
background-image: none !important;
border: 5px solid #FFF;
transition: background-color .15s,border-color .15s,opacity .15s;
vertical-align: middle;
margin: 0;
position: relative;
width:100%;
background-color: #8B9AA3 !important;
}
#orgselect table input:hover{
	background-color: #8B9AA3 !important;
	border-color: #ABBAC3;
}


.SearchContacts .Pers{
	background-image: none !important;
	padding-left: 15px !important;
	padding-top: 3px !important;
	
	
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px;
	line-height: 25px;
	height:35px;
}
.SearchContacts  .label{
	/*position: absolute;
	overflow : hidden;
	line-height: 20px;
	text-overflow: ellipsis;*/
}
select.FilterEditor {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #C5D0DC;
    border-radius: 10px;
    color: #000000;
    cursor: default;
    display: none;
    font-weight: normal;
    padding: 10px;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    display: none;
    margin-top: -45px;
    margin-left: -100px;
    
}



.widget-box .FilterEditor input[type=button]{
	background-color: #ABBAC3 !important;
	border-color: #ABBAC3;
	width:60px !important;
	color:white;
}
.widget-box .LabelCol{
	width:50%;
	display : inline-block;
	margin-top: 8px;
}

.widget-box .selector_id {
    padding: 5px;
}
.selector .listcontainer LI:hover, .selector .listcontainer LI.selected:hover {
	text-decoration: none !important;
	background-color: #4F99C6 !important;
	color: #FFF !important;
	font-weight: 400 !important;
}


.payeurs .cleanlocked th:last-child b {
	display:none;
}
.payeurs .cleanlocked tr:first-child th b {
	padding: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0 8px;
	font-size: 24px;
	font-weight: lighter;
	color: #2679B5;
	font-weight: 100;
	margin: 0 0 12px;
	margin-top: 0px;
	margin-top: 0px;
	border-bottom: 1px dotted #E2E2E2;
	padding-bottom: 16px;
	padding-top: 7px;
	display: block;

}
body{
	font-size: 14px;
}
body .sidebar{
	font-size: 13px;
}


#Import .preview,#Import  #FieldsForm,#Import  #ColsGroup{
	width: 100%;
	height: 75vh;
	overflow: auto;
	border: 1px solid #CCC;
}

#Import > DIV > DIV > CENTER > table{
	width: 100%;
	table-layout: fixed;
	
}


#Import .preview .table thead th {
  position: sticky;
  top: 0px;
  background-image: linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
}

#Import .preview .table > tbody > tr.sel > td{
	background-color: #f5f5f5;
}

#Import .fieldslist{
	width: 100%;
	height: 75vh;
	overflow: auto;
	border: 1px solid #CCC;
}

#Import .preview td, #Import .fieldslist td{
	overflow:hidden;
}

#Options_MenuCtxt{
	position: absolute;
	z-index: 50;
	margin-top: -186px;
	margin-left: -190px;
	width:215px;
}
#Options_MenuCtxt.dropdown-menu > li > a img {
    margin-right: 0px !important;
}

.lhead {
	color: #707070;
	font-weight: 400;
	background: repeat-x #F2F2F2;
}
.lhead  div{
	border-color: 1px solid #ddd;
	text-align:center;
}
#month tbody tr:nth-child(1) th,#Day tbody tr:nth-child(1) th,#week tbody tr:nth-child(1) th{
	position: -webkit-sticky !important;
	position:sticky!important;
    z-index:5;
    top:0px;

}
.main-content #ListTree thead tr:nth-child(1) td,
.main-content #Dossiershow_List thead tr:nth-child(1) td,
 .payment  table thead tr:nth-child(1) td{
	position: -webkit-sticky !important;
    position:sticky!important;
    z-index:5;
    top:-1px; 
    background:#F2F2F2;
    background-image:linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
}

.main-content #ListTree thead tr:nth-child(2) th,
.main-content #Dossiershow_List thead tr:nth-child(2) th,
 .payment  table thead tr:nth-child(2) td
{
	position: -webkit-sticky !important;
    position:sticky!important;
    z-index:5;
    top:47px;
    background:#F2F2F2;
    background-image:linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
}

.payment  table thead tr:nth-child(3) tH
{
	position: -webkit-sticky !important;
    position:sticky!important;
    z-index:5;
    top:92px;
    background:#F2F2F2;
    background-image:linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
}


.main-content.navbar-fixe #ListTree thead tr:nth-child(1) td,
.main-content.navbar-fixe #Dossiershow_List thead tr:nth-child(1) td,
.navbar-fixe .payment  table thead tr:nth-child(1) td,
.main-content.navbar-fixe #month tbody tr:nth-child(1) th,.main-content.navbar-fixe #Day tbody tr:nth-child(1) th,.main-content.navbar-fixe #week tbody tr:nth-child(1) th {
    top:44px;
}

.main-content.navbar-fixe #ListTree thead tr:nth-child(2) th,
.navbar-fixe .payment  table thead tr:nth-child(2) tD,
.main-content.navbar-fixe #Dossiershow_List thead tr:nth-child(2) th {
    top:92px;
}

.main-content.navbar-fixe #Dossiershow_List thead tr:nth-child(3) th {
    top:130px;
	}





.main-content.navbar-fixe.breadcrumb-fixe #ListTree thead tr:nth-child(1) td,
.main-content.navbar-fixe.breadcrumb-fixe #Dossiershow_List thead tr:nth-child(1) td,
.navbar-fixe.breadcrumb-fixe .payment  table thead tr:nth-child(1) td,
.main-content.navbar-fixe.breadcrumb-fixe #month tbody tr:nth-child(1) th,.main-content.navbar-fixe #Day tbody tr:nth-child(1) th,.main-content.navbar-fixe #week tbody tr:nth-child(1) th
 {
    top:85px;
}

.main-content.navbar-fixe.breadcrumb-fixe #ListTree thead tr:nth-child(2) th,
.main-content.navbar-fixe.breadcrumb-fixe #Dossiershow_List thead tr:nth-child(2) th {
    top:133px;
}
.navbar-fixe.breadcrumb-fixe .payment  table thead tr:nth-child(2) td {
    top:148px;
}
.navbar-fixe.breadcrumb-fixe .payment  table thead tr:nth-child(3) th,

    top:170px;

}
body { 
    background-color: white;
}



.main-content #mylist thead tr:nth-child(1) th,.main-content #ListTree thead tr:nth-child(1) th {
	position: -webkit-sticky !important;
    position:sticky!important;
    z-index:5;
    top:0px; 
    background:#F2F2F2;
    background-image:linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
	white-space: pre;
}
.main-content #mylist th {
	color: #707070;
    background:#F2F2F2;
    background-image:linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
}



.main-content.navbar-fixe #mylist thead tr:nth-child(1) th {
    top:45px; 
}

.main-content.navbar-fixe.sidebar-fixe #mylist thead tr:nth-child(1) th {
    top:116px; 
}

.documents .handle{
	cursor:move;
}




#lists .dd2-content span a.ViewDeleted {
    display: none;
}

 .dd-handle a {
    font-weight: normal;
}

#lists .fa-plus-circle::before {
	font-size:100%;
    position: absolute;
    margin-left: -10px;
    margin-top: 10px;
}
#lists .shortcut_disabled .action-buttons{
	display:none;
}
#lists .dd2-content span a {
    font-weight: bold !important;
}
#lists .dd-empty {
    display: none;
}



.TOPTIONS.cleanlocked .P > TD{
	line-height: 2.5; 
}

.TOPTIONS.cleanlocked  TD[valign="bottom"]{
	vertical-align: bottom;
}
.TOPTIONS.table-hover > tbody > tr:hover, .TOPTIONS.cleanlocked .table-hover > tbody > tr:hover{
	background-color: transparent;
}

.TOPTIONS.cleanlocked .col-xs-12 {
	float: none;
	width: unset !important;
	max-width: none !important;
}
.TOPTIONS.cleanlocked, .TOPTIONS.cleanlocked TABLE, .TOPTIONS.cleanlocked TD, .TOPTIONS.cleanlocked TR{
	border:none !important;
}


.modal-body .tab-content {
	padding: 16px 30px;
}



.selector .list, .selector-list{
	position: absolute !important;	
}


#ListSmartphone a.email{
	width: 100%; /* � modifier selon vos besoins */
	overflow: hidden;
	text-overflow: ellipsis; 	
	display: inline-block;
}

.form-control.date-picker{
	line-height:1.5 !important;
	display: table-cell !important;
}


@media screen and (max-width: 700px) {
	#persontask table#month td.fc-day {
		height: 75px;
	}
	#persontask table#Day td.fc-day, #persontask table#week td.fc-day {
		height: 40px;
	}
	#persontask table#week > tbody > tr:nth-child(2) td.fc-day  {
		height: auto;
	}
	
	#popup .page-content{
		
		padding:0px;
	}
	
	
	
}


.input-group .date-picker{
  -webkit-appearance: none;
  -moz-appearance: none;
}



#cards .Card .mobile span{
	display: inline-block;
	width: calc(100% - 20px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}





#PersonTaskTimeTine .timeline-container > b > span{
	background-color: rgb(66, 139, 202);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-family: "Open Sans";
	font-size: 13px;
	font-weight: 400;
	height: 24px;
	line-height: 14.3px;
	margin-right: 6px;
	padding-bottom: 5.2px;
	padding-left: 7.8px;
	padding-right: 7.8px;
	padding-top: 3.9px;
	position: relative;
	text-align: center;
	text-shadow: none;
	vertical-align: baseline;
	white-space: nowrap;
	z-index:1
}



#PersonTaskTimeTine .timeline-container > b > span::after {

	display: inline-block;
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-top-width: 1px;
	border-right-color: transparent;
	border-right-width: 1px;
	border-bottom-color: transparent;
	border-bottom-width: 1px;
	border-left-color: transparent;
	border-left-width: 1px;
	border-left-color: #ABBAC3;
	border-color: #428BCA transparent #428BCA #428BCA;
	right: -6px;
	border-width: 12px 6px;
}

#PersonTaskTimeTine .timeline-container > ul {
	box-sizing: border-box;
	color: rgb(57, 57, 57);
	font-family: "Open Sans";
	font-size: 14px;
	line-height: 21px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#PersonTaskTimeTine .timeline-container > ul > li{
    position: relative;
	margin-bottom: 8px;
	list-style: none;
}

#PersonTaskTimeTine #ITEM-CONTAINER{
    margin-bottom: 25px;
}



.popover-calendar .creator,#persontask .creator, #PersonTaskTimeTine .creator{
	background-color: rgb(209, 91, 71);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	min-width: 10px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	white-space: nowrap;
	cursor: help;
}
.popover-calendar .administrator, #persontask .administrator, #PersonTaskTimeTine .administrator{
	background-color: #82AF6F;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	min-width: 10px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	white-space: nowrap;
	cursor: help;
}


/*Administration - Administration des rendez-vous > Visualisation des tranches de rendez-vous suivantes > */
.calendar .rdv_next
{
	width: 70px;
	height: 70px;
	overflow: hidden;
	position: relative;
	float: left;
}
.calendar .pending td,.calendar .pending th{
	padding:5px;
}
.calendar .pending.wish-accepted .btlst.btn-success{
	visibility:hidden;
} 

.calendar .pending.wish-refused .btlst.btn-danger{
	visibility:hidden;
} 
.calendar .pending.wish-accepted .wish-guest{
	background-color : #dff0d8;
} 

.calendar .pending.wish-refused .wish-guest{
	background-color : #f2dede;
} 


#SearchFolder_Icon {
    margin-left: -15px;
}


#dashboard .widget-body {
    overflow: auto;
    /*margin: 10px;*/
}

@media (min-width:480px) and (max-width:540px),(max-width:360px) {
 .navbar:not(.navbar-collapse) .navbar-buttons .user-menu {
  padding-top:0px!important; 
 }
}



.dossiersshow .unsubscribe1
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #FFB2B2 2px, #FFB2B2 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe10
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #C133FF 2px, #C133FF 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe11
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #33ACFF 2px, #33ACFF 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe12
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #ffb2d7 2px, #ffb2d7 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe13
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #d3b2ff 2px, #d3b2ff 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe14
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #b2d0ff 2px, #b2d0ff 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe15
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #b2ffff 2px, #b2ffff 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe16
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #b2b8ff 2px, #b2b8ff 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe2
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #1818CF 2px, #1818CF 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe3
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #F647E8 2px, #F647E8 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe4
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #4B0345 2px, #4B0345 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe5
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #fc7a00 2px, #fc7a00 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe6
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #FF4633 2px, #FF4633 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe7
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #00fc7a 2px, #00fc7a 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe8
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #77FF33 2px, #77FF33 20px) repeat scroll 0% 0%;
}

.dossiersshow .unsubscribe9
{
	background: transparent repeating-linear-gradient(48deg, #EAEAEA, #EAEAEA 10px, #FF339C 2px, #FF339C 20px) repeat scroll 0% 0%;
}

.List-smartphone li {
    list-style-type: none;
}

#fuelux-wizard-container .List-smartphone .panel {
	margin-bottom: 5px;
	max-width: 250px;
}
#fuelux-wizard-container .List-smartphone .panel-heading {
    padding: 6px 15px;
}

.ui-tooltip div{
	white-space : pre-line;
	
}


.select-tree{
	
	
}
.select-tree .item,.select-tree .directory{
	color: rgb(57, 57, 57);
	background-color: white;
	font-family: "Open Sans";
	font-size: 14px;
	line-height: 1.5;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-bottom: 6px;
	padding-left: 14px;
	padding-right: 6px;
	padding-top: 6px;
	user-select: none;	
}
.select-tree .item.slected{
	background-color: #E4EEF5;
}
.select-tree .item:hover{
	background-color: rgb(79, 153, 198);
	color: rgb(255, 255, 255);
	cursor: pointer;
}
.select-tree .directory{
	font-weight:bold;
}
.select-tree .directory ul>.item{
	font-weight:normal;
}

.btn-default{
	margin: 5px !important;
}

.timeline-item img {
    max-width: 100%;
    height: auto;
}

img[src="1.gif"] {
    border: none;
    padding: 0px;
	visibility : hidden;
}


#OptionsFree li.PACK, UNSET_JULIEN  #OptionsFree li.PACK .SUBMOUNT {
  background-color: #fcf8e3;
}
#OptionsFree li.PACK li.PACK, UNSET_JULIEN #OptionsFree li.PACK li.PACK .SUBMOUNT  {
  background-color: #e1f1fc;
}
#OptionsFree li.PACK li.PACK li.PACK,UNSET_JULIEN  #OptionsFree li.PACK li.PACK li.PACK .SUBMOUNT  {
  background-color: #e6ffeb;
}
#OptionsFree li.PACK li.PACK li.PACK li.PACK, UNSET_JULIEN  #OptionsFree li.PACK li.PACK li.PACK li.PACK .SUBMOUNT  {
  background-color:  #e4d9fc;
}
#OptionsFree li.PACK li.PACK li.PACK li.PACK li.PACK, UNSET_JULIEN #OptionsFree li.PACK li.PACK li.PACK li.PACK li.PACK .SUBMOUNT  { 
  background-color:  #fcdcd9;
}
#OptionsFree li.PACK .SUBMOUNT{
	border: none;
	background: transparent;
}
#OptionsFree ol ~ .SUBMOUNT .text-right {
	border-top: 1px solid silver;
	font-style: italic;
}

/* Ajustement pour select2 4.1.0*/
.select2-selection__choice__remove {
	border: none !important;
  }
  .select2-container .select2-selection--multiple .select2-selection__rendered {
	display: contents;
  }