.modal.modal-xl{max-width:none;}
.modal.modal-xl .modal-dialog{max-width:1200px;}
.btn-popup-menu{
	cursor: pointer;
}
.dt-button-collection .dropdown-item:not(.active) > span > i.fa{display:none;}
.fallback input[type="file"]{
	display:none;
}
 #education-wrapper .education-set,
  #experience-wrapper .experience-set {
	padding: 10px 5px;
  }
 #education-wrapper .education-set:nth-child(odd),
  #experience-wrapper .experience-set:nth-child(odd) {
    background-color: #EEE; /* Bootstrap's "bg-light" color */
  }
 #education-wrapper .education-set:nth-child(even),
  #experience-wrapper .experience-set:nth-child(even) {
    background-color: #f8f9fa; /* Bootstrap's "bg-light" color */
  }
.file-container-production:empty{display:none;}
.file-container-production{
	max-height:250px;
	overflow: auto;
	width: 100%;
}
.vertical-collpsed .navbar-brand-box{
	    padding: 0 0.5rem;
}

.transition-width {
  transition: all 0.5s ease;
}

#cv-column.hidden {
  width: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  opacity: 0;
}

#form-column.expanded {
  width: 100% !important;
}
#show-cv-button {
     position: fixed;
    top: 160px;
    right: 0px;
    width: 70px;
    height: 40px;
    z-index: 10;
    border-radius: 6px 0 0 6px;
    display: none;
    }

    #show-cv-button.visible {
      display: block;
    }

    #hide-cv-button {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 20;
    }
	
	.sortable-ghost {
  background-color: #f8f9fa; /* équivalent à bg-light */
  border: 1px dashed #ced4da;
  opacity: 0.8;
}
/*
.actuccitt{width: auto !important;height: auto !important}
.actuccitt.tooltipster-sidetip .tooltipster-content{color: #000}
.actuccitt.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border,
.actuccitt.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color: #EEE;}
.actuccitt .tooltipster-box {
	    background: #EEE;
    border: none;
    border-radius: 4px;
}
.actuccitt .tooltipster-content {
	padding: 8px 10px;
}*/
.tooltip-customer .light-text{
	color: #BBB;
}
.form-grouphorizontal-options > label{
	display:block;
}
.form-grouphorizontal-options > div.form-check{
	width:49%;
	display: inline-block;
}
.content-document-info,
.content-updator-info{display: flex;}
.main-logo-login{
	background: #000;
}
.content-document-info > div,
.content-updator-info > div{margin-right: 10px;justify-content: center;
    display: flex;
    flex-direction: column;line-height: 1;}
.content-document-info{margin-bottom: 25px;}
.content-document-info > div:not(:first-child){margin-left: 20px;}
.content-document-info > div.info-doc-update{width: 150px;}
.content-document-info > div.action-doc-update > *{ margin-left: 10px;}
.content-document-info > div.action-doc-update{
	width: 80px;
	    display: flex;
    flex-wrap: wrap;
    justify-content: center;
   flex-direction: row;
    align-content: center;
}
.jstree {
    border: 1px solid grey;
    height: 100%;
    overflow: auto;
    font: 10px Verdana, sans-serif;
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
    position: relative;
}
.contain-action-span{margin-top:-4px;display:inline-block;}
.action-span.mdi{font-size:28px;color: #888;}
.action-span{
	width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 100%;
}	

.action-span.span-trash{
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14.6172' r='13.5' fill='white' stroke='%23607D8A'/%3E%3Cpath d='M19.291 10.6679C18.3518 10.5745 17.4126 10.5045 16.4676 10.452V10.4462L16.3393 9.68786C16.2518 9.15119 16.1235 8.34619 14.7585 8.34619H13.2301C11.871 8.34619 11.7426 9.11619 11.6493 9.68202L11.5268 10.4287C10.9843 10.4637 10.4418 10.4987 9.8993 10.5512L8.7093 10.6679C8.4643 10.6912 8.2893 10.907 8.31263 11.1462C8.33597 11.3854 8.54597 11.5604 8.79097 11.537L9.98097 11.4204C13.0376 11.117 16.1176 11.2337 19.2093 11.5429C19.2268 11.5429 19.2385 11.5429 19.256 11.5429C19.4776 11.5429 19.6701 11.3737 19.6935 11.1462C19.711 10.907 19.536 10.6912 19.291 10.6679Z' fill='%23607D8A'/%3E%3Cpath d='M18.2165 12.3657C18.0765 12.2199 17.884 12.1382 17.6857 12.1382H10.3124C10.114 12.1382 9.91571 12.2199 9.78154 12.3657C9.64737 12.5115 9.57154 12.7099 9.58321 12.914L9.94487 18.899C10.009 19.7857 10.0907 20.894 12.1265 20.894H15.8715C17.9074 20.894 17.989 19.7915 18.0532 18.899L18.4149 12.9199C18.4265 12.7099 18.3507 12.5115 18.2165 12.3657ZM14.9674 17.9715H13.0249C12.7857 17.9715 12.5874 17.7732 12.5874 17.534C12.5874 17.2949 12.7857 17.0965 13.0249 17.0965H14.9674C15.2065 17.0965 15.4049 17.2949 15.4049 17.534C15.4049 17.7732 15.2065 17.9715 14.9674 17.9715ZM15.4574 15.6382H12.5407C12.3015 15.6382 12.1032 15.4399 12.1032 15.2007C12.1032 14.9615 12.3015 14.7632 12.5407 14.7632H15.4574C15.6965 14.7632 15.8949 14.9615 15.8949 15.2007C15.8949 15.4399 15.6965 15.6382 15.4574 15.6382Z' fill='%23607D8A'/%3E%3C/svg%3E%0A");
}	
.action-span.span-edit{	
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='13.5' fill='white' stroke='%23607D8A'/%3E%3Cpath d='M18.962 9.04107C17.5923 7.67069 16.2509 7.63537 14.8459 9.04107L13.9916 9.89579C13.921 9.96643 13.8927 10.0794 13.921 10.1783C14.4576 12.0502 15.9543 13.5478 17.8253 14.0846C17.8535 14.0917 17.8818 14.0987 17.91 14.0987C17.9877 14.0987 18.0583 14.0705 18.1148 14.014L18.962 13.1593C19.6609 12.467 19.9998 11.796 19.9998 11.1178C20.0069 10.4185 19.668 9.74039 18.962 9.04107Z' fill='%23607D8A'/%3E%3Cpath d='M16.5543 14.7245C16.3496 14.6256 16.1519 14.5267 15.9612 14.4137C15.8059 14.3218 15.6577 14.2229 15.5094 14.117C15.3894 14.0393 15.2482 13.9263 15.114 13.8132C15.0999 13.8062 15.0505 13.7638 14.994 13.7073C14.761 13.5095 14.4998 13.2552 14.2668 12.9727C14.2456 12.9585 14.2103 12.9091 14.1609 12.8455C14.0903 12.7607 13.9703 12.6195 13.8644 12.457C13.7796 12.351 13.6808 12.1956 13.589 12.0402C13.476 11.8495 13.3772 11.6588 13.2784 11.461C13.1488 11.1832 12.7842 11.1007 12.5675 11.3175L8.59742 15.2896C8.50564 15.3814 8.42092 15.558 8.39973 15.6781L8.01848 18.3835C7.94788 18.8639 8.08202 19.3159 8.37855 19.6197C8.63272 19.8669 8.98573 20.0011 9.36699 20.0011C9.45171 20.0011 9.53643 19.9941 9.62116 19.9799L12.3323 19.5985C12.4594 19.5773 12.6359 19.4925 12.7206 19.4007L16.6974 15.4219C16.9098 15.2094 16.8299 14.844 16.5543 14.7245Z' fill='%23607D8A'/%3E%3C/svg%3E%0A");
}


.menu-customer .btn > img{margin-top:-3px;}
.menu-customer .btn.btn-primary > img,
.menu-customer .btn-outline-secondary:hover > img{
	filter: invert(100%);
}
.text-right{text-align:right;}
.container-profil-logo > .profil-logo .dz-preview,
.container-profil-image > .profil-image .dz-preview{display:none;}
.container-profil-logo > .profil-logo,
.container-profil-image > .profil-image{text-align:center;display:block;width:190px;height:190px;float:right}
.container-profil-logo > .profil-logo{
	height:auto;
	background: #FFF;
    width: 250px;
    max-width: 100%;
}
.container-uploader > .uploader-group{
	text-align:center;
	display:block;
	margin: 0 auto;
}
.btn-subaction-prod{float:right;}
.btn-valid-prod{float:left;}
.profil-document-upload .dz-preview{display:none;}
.profil-contract-upload .dz-preview{display:none;}
.container-facture-upload .dz-preview,
.container-production-upload .dz-preview,
.profil-doclitige-upload .dz-preview{display:none;}
.profil-email-upload .dz-preview{display:none;}
.container-profil-logo > .profil-logo .filled-logo img,
.container-profil-image > .profil-image .filled-image img{max-width:100%;max-height:100%;}
.container-profil-logo > .profil-logo .empty-logo,
.container-uploader > .uploader-group .empty-uploader,
.container-profil-image > .profil-image .empty-image {border: 2px dashed #ced4da;padding: 30px 0px;}
.container-profil-logo > .profil-logo .empty-logo {padding: 15px 0px;}
.container-profil-logo:after,
.container-profil-image:after{content:" ";clear:both;display:block;}
.container-profil-logo .content-filled-logo,
.container-profil-image .content-filled-image{max-width: 100%; cursor: pointer;}
.container-profil-logo,
.container-profil-image{
	text-align:right;
}

.menu-button.btn-primary{
	background-color:#2a3042;
}
.menu-button > i{
	font-size: 24px;
    vertical-align: middle;
    font-weight: bold;
}
.menu-button{
	    padding: 1.5rem 2rem;
    margin-right: 15px;
    font-size: 18px;
	margin-top: 20px;
}
.uppercase{text-transform:uppercase;}
.card > .overlay,
.card > .loading-img,
.overlay-wrapper > .overlay,
.overlay-wrapper > .loading-img,
.info-box > .overlay,
.info-box > .loading-img,
.small-box > .overlay,
.small-box > .loading-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.card .overlay,
.overlay-wrapper .overlay,
.info-box .overlay,
.small-box .overlay {
  border-radius: 0.25rem;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 50;
}

.card .overlay > .fa,
.card .overlay > .fas,
.card .overlay > .far,
.card .overlay > .fab,
.card .overlay > .fal,
.card .overlay > .fad,
.card .overlay > .svg-inline--fa,
.card .overlay > .ion,
.overlay-wrapper .overlay > .fa,
.overlay-wrapper .overlay > .fas,
.overlay-wrapper .overlay > .far,
.overlay-wrapper .overlay > .fab,
.overlay-wrapper .overlay > .fal,
.overlay-wrapper .overlay > .fad,
.overlay-wrapper .overlay > .svg-inline--fa,
.overlay-wrapper .overlay > .ion,
.info-box .overlay > .fa,
.info-box .overlay > .fas,
.info-box .overlay > .far,
.info-box .overlay > .fab,
.info-box .overlay > .fal,
.info-box .overlay > .fad,
.info-box .overlay > .svg-inline--fa,
.info-box .overlay > .ion,
.small-box .overlay > .fa,
.small-box .overlay > .fas,
.small-box .overlay > .far,
.small-box .overlay > .fab,
.small-box .overlay > .fal,
.small-box .overlay > .fad,
.small-box .overlay > .svg-inline--fa,
.small-box .overlay > .ion {
  color: #343a40;
}

@media (max-width: 767px){
	.menu-button{display:block;}
	.container-profil-logo{margin: 20px;}
	.container-profil-logo > .profil-logo{
		float: none;
		margin: 0 auto;
	}
}