@import url('button.css');
@import url('background.css');
@import url('menuInPage.css');
@import url('sortable.css');
@import url('cursor.css');
@import url('placeholder.css');
@import url('persoCRM.css');
HTML{
	height:100%;/* make sure it is at least as tall as the viewport */
	/*width:100%*/
}
BODY {
	margin:0;
	padding:0;
	font-family: verdana !important;
	font: normal x-small;
	min-height:100%;
	/*min-width:100%;*/
	overflow:auto;
}
.loader {
	position : fixed;
	z-index: 9999;
	background : #ccc url('/images/ajax-loader.gif') 50% 50% no-repeat;
	top : 0px;
	left : 0px;
	height : 100%;
	width : 100%;
	cursor : wait;
	display:none;
	opacity:0.50;
	filter: alpha(opacity =50);
	display:none;
}
DIV.mainPage{padding:10px;margin-top:10px;}
DIV.mainPage #list{width:100%; height:90%; border:0px solid grey;overflow:initial !important;}
DIV.mainPage #list > DIV.list{
	width:100%; height:90%; overflow:inherit;
}
DIV.listRestore{width:100%;}

.modalFrame{width:100%; border-radius:0 0 7px 7px}

.highslideForm{background:#fff !important;}
LABEL{cursor:pointer;font-size:12px;}

/*cursor*/
.cursorcontext{cursor:url(/cursor/mouse_right.cur);}
.cursorphone{cursor:url(/cursor/crm_phone.cur);}
/*.dblpointer{cursor:url(/cursor/dblclick.cur)}*/
.dblclick, .dblpointer{cursor:url(/cursor/dbl.cur), pointer;}

.required{color:red;}

.ellipsis, .ellipsis > *{
	padding:2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width:10vw;
}
/* INPUTS */
input[type=file]{
	text-align:center;
	/*padding:2px 10px;*/
	height:30px;
	width:100%;
	border-radius:5px !important
}
input[type=text].number{
	width:70px !important;
	text-align:right;
}
input[type=text]:not(.size):not(.number){
	/* add 14.09.23*/
	/*width: 100%;*/
	width: -moz-available;          /* For Mozzila */
	width: -webkit-fill-available;  /* For Chrome */
	width: stretch;                 /* Unprefixed */
}
input[type="text"].size{
	width:auto !important;
} 
input[list]{
	padding:2px 0 5px 2px;
	height:24px;
}
input[type=text]{
	/* add 14.09.23*/
	width: 100%;
	width: -moz-available;         /* For Mozzila */
	/*width: -webkit-fill-available;*/  /* For Chrome */
	width: stretch;                 /* Unprefixed */
}
input[type=text],input[type=password], input[type=search]{
	padding:2px;
	height:24px;
}
input[type=checkbox]{
	height:inherit;
}
nput[type=checkbox] + label,
input[type=radio] + label{
	margin-right:2px;
}
input[type=checkbox]:checked + label{
  color: #336699;font-weight:bold;font-style: normal;
}
input[type="radio"] + label{
	/*vertical-align: super;*/
}
input[type=radio]:checked + label{
  color: #336699;font-weight:bold;font-style: normal;
}
/* checkbox not IsValid name */
input[type=checkbox]:not(IsValid):checked + label{
  color: #000;font-weight:bold;font-style: normal;
}
/* input type file */
/*necessaire creer input type file + label epres*/
/*input[type="file"] ~ + label{
	display: none !important;
}*/
input[type="file"] + .label-file,
input[type="file"] + label{
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
	background: rgba(60,109,157,0.6);
	display: inline-block;
	margin: 2px;
	padding: 3px;
	margin:2px;
	border-radius: 3px;
	transition:0.5s;
}
input[type="file"] + label.label-file:after,
input[type="file"] + label:after {
    content: '\1F5BF';
    padding: 0 5px;
}
input[type="file"] + label.label-file:hover,
input[type="file"] + label:hover{
    background: rgba(60,109,157,1);
	transition:0.5s;
}
/* et on masque le input*/
input[type="file"].input-file{
    display: none !important;
}
input[type="file"]:not(.file){
	display: none !important;
}
input[type=checkbox] + label,
input[type=radio] + label{
	margin-right:2px;
}
input[type=checkbox]:checked + label{
  color: #336699;font-weight:bold;font-style: normal;
}
input[type=radio]:checked + label{
  color: #336699;font-weight:bold;font-style: normal;
}
/* checkbox not IsValid name */
input[type=checkbox]:not(IsValid):checked + label{
  color: #000;font-weight:bold;font-style: normal;
}

.HideSubmit{display:none !important;}

/* TEXTAREA */
textarea{
	width:-moz-available;
	/*width: -webkit-fill-available;*/  /* Mozilla-based browsers will ignore this. chrome */
	overflow:auto;
	padding:5px;
}
textarea.noresize{
	resize:none
}

/*
table.sortable th::after, th.sorttable_sorted::after, th.sorttable_sorted_reverse::after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
}
th.sorttable_sorted::after {
  background: url(../images/up.gif);
  background-size: contain;
}
th.sorttable_sorted_reverse::after {
  background: url(../images/down.gif);
  background-size: cover;
}*/

/* table */
Table.crmTable{
	margin:0;
	padding:0;
	font-size:12px;
	/*table-layout: fixed;*/
}
Table.crmTable THEAD TR TH {
	padding:2px 0 5px 2px;
	height:28px;
	margin:0;
}
Table.crmTable TBODY TR,
Table.crmTable TR{
	height:24px;
	overflow:hidden !important;
}
Table.crmTable TBODY TR TD,
Table.crmTable TR TD{
	margin:0; padding:0;
	height:24px !important;
	padding:2px 0 5px 2px;
}
Table.crmTable TBODY TR  TD SPAN,
Table.crmTable TR  TD SPAN{
	margin:0; padding:0;
	height:24px !important;
	display:inline-block;
	overflow:hidden !important;
	margin-top:5px;
	float:left;
}
Table.crmTable TBODY TR:hover,
Table.crmTable TBODY TR:target{
background:#BEC5DE; color:#333;
}

Table.crmTable TBODY TR:focus,
Table.crmTable TBODY TR:focus-within,
Table.crmTable TBODY TR:active,
Table.crmTable TBODY TR *:focus,
Table.crmTable TBODY TR.selected{
	background-color: #ffffcc;
}
Table.crmTable TBODY TR td, th {
  position: relative;
}
Table.crmTable TBODY TR TD:hover::after,
Table.crmTable TBODY TR TD:focus::after {
  content: "";
  position: absolute;
  background-color: #ffffcc;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}
/*table tr:nth-child(2n){
	background: #f2f2f2;
}*/

TABLE.crmTable TR TH{
	background:#E8E8E8 url(/images/tabth.png) repeat-x;
	border:1px solid #aaa;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	text-align:left;
	height:28px;
	font:bold 68% !important;
}
TABLE.crmTable TD{
	border: 1px solid #ccc;
	font:normal 68% !important;
	padding-right:5px;
	height:28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
TABLE.crmTable TR TH:not(.columChkID),
TABLE.crmTable TR TD:not(.columChkID){
	min-width:80px !important;
}

TABLE.crmTable A{
	color:#726869;
	text-decoration:none;
}
TABLE.crmTable A:hover{
	color:#FF7F00;
	text-decoration:none;
}
/* VALID */
Table.crmForm.NotValid *{
	color:#cccccc !important;
}
/* OLD */
Table.crmForm.Old{
    background-image:url(/images/deleted.gif);
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position-x:center;
    background-position-y:center;
}
Table.crmForm.Old THEAD{
	/*background:url(/images/tab0.gif);*/
	height:23px;
	padding-left:55px;
}
Table.crmForm.Old THEAD TD TH{
	padding-left:5px;
}
Table.crmForm.Old TD{
	border: 1px solid #ff0000;
	font:normal 68%;
	color:Red;
}
Table.crmForm.Old TH{
	border: 1px solid #ff0000;
	font:normal 60%;
	color:red;/**/
	text-align: left;
	background : #EEEEEE;
}
Table.crmForm.Old a{
	text-decoration:none;
	color:red;
}
Table.crmForm.Old a:hover{
	text-decoration:underline;
	/*color:#2274BD;*/
	color:red;
}
/*spec for list contact */
TABLE.crmForm TR.old{color:red}
TABLE.crmForm TR.NotValid{color:#ccc}
/*spec for list contact */
/* Table Form */
Table.crmForm{
	margin:0;
	padding:0;
	font-size:12px;
}
Table.crmForm THEAD TR TH,
Table.crmForm TBODY TR TH,
Table.crmForm TFOOT TR TH {
	padding:2px 0 5px 2px;
	/*height:28px;*/
	margin:0;
}
Table.crmForm TBODY TR,
Table.crmForm TR{
	/*height:24px;*/
}
Table.crmForm TBODY TR TD,
Table.crmForm TR TD{
	margin:0; padding:0;
	/*height:24px !important;*/
	padding:2px 0 2px 2px;
}
TABLE.crmForm TR TH{
	background:#E8E8E8 url(/images/tabth.png) repeat-x;
	border:1px solid #aaa;
	min-width:80px !important;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	text-align:left;
	/*height:28px;*/
	font:bold 68% !important;
}
TABLE.crmForm TD{
	border: 1px solid #ccc;
	font:normal 68% !important;
	/*padding-right:5px;*/
}
/* end crmForm */

TABLE TR TH.columChkID, TABLE TR TD.columChkID{
	min-width: 40px !important;
	width: 40px !important;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

Table.pagination TD{font-size:12px}
/* balise A.link */
A.link{
	color:#726869;
	display: inline-block;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #E8E8E8;
	border-radius:5px;
	padding:2px 3px;
	transition: all 0.4s ease;
}
A.link:hover{
	text-decoration:none;
	border:1px solid transparent;
	background-color:#ff5500;
	color: #fff !important;
	cursor: pointer;
	transition:all 0.4s ease;
}
A.link:before{
	padding-right:1px;
	box-sizing:border-box;
}
A.link:hover:before{
	margin-right:2px;
	filter: gray;
    filter: grayscale(100%);
	box-sizing:border-box;
}
A.phone:hover:before{content:'\00260E';}
A.mail:hover:before{content:'\002709';}
A.fax:hover:before{content:'\01F5B7';}
A.url:hover:before{content:'\01F310 ';}
A.linked:hover:before{content:'\260A';}
A.user:hover:before{content:'\01F464';}
A.users:hover:before{content:'\01F465';}
A.holder:hover:before{content:'\01F4BC';}
A.client:hover:before{content:'\1F3E2';}
A.file:hover:before{content:'\01F4C4';}
A.project:hover:before{content:'\1F4C1'}
/* end A.link */

/* start crmList */
Table.crmList{
	margin:0;
	padding:0;
	font-size:12px;
	/*table-layout: fixed;*/
	/*width:100% auto !important;*/
	width:100%;
	overflow:auto;
}
Table.crmList THEAD TR TH {
	padding:2px 2px 5px 2px;
	height:28px;
	margin:0;
	background:#E8E8E8 url(/images/tabth.png) repeat-x;
	border:1px solid #aaa;
}
Table.crmList TBODY TR,
Table.crmList TR{
	overflow:hidden !important;
	background:#fff;
}
Table.crmList TBODY TR TD,
Table.crmList TR TD{
	margin:0; padding:0;
	padding:5px 2px;
	height:28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width:100px;
	width:auto;
	min-width:100px;
}
TABLE.crmList TBODY TD{
	border: 0.1em solid #ccc;
	font:normal 68% !important;
	/*padding-right:5px;*/
}
TABLE.crmList TR:nth-child(even){
	background-color: #ECF5FF;
}
TABLE.crmList tr:hover,
TABLE.crmList tr:focus,
TABLE.crmList tr:active{
	background:#BEC5DE;
}
/* end crmList */

Table.planning{
	margin:0;
	padding:0;
	border-spacing : 0;
	border-collapse : collapse;
	font-size:12px;
	line-height:20px;
	/*table-layout: fixed;*/
	width:100% auto !important;
}
Table.planning THEAD TR{
	margin:0; padding:0;
	border-bottom:2px solid #333;
}
Table.planning THEAD TR TH:after{
	content: '.';
}
Table.planning TBODY TR{
	border-bottom:1px solid #333;
	margin:0; padding:0;
}
TABLE.planning TBODY TR:nth-child(even){
	background:#336699 url(/images/background/background-trans.png)
}
Table.planning .today{
	background-Color:#FFFF99; 
	border:2px solid orange; 
	font-weight:600;
}
/* */
Table.alfabet{
	 border:0px solid red;
}
Table.alfabet TH{
	height:24px;
	width:24px;
	background:#eee url(/images/tabth.png);
	border:1px solid #bbb;
	font-size:11px;
}
Table.clsSkorowidz TH:hover{background:#E9DED3}
Table.alfabet TH A{
	text-decoration:none;
	color:#726869;
}
Table.alfabet TH A:hover,
Table.alfabet TH A:focus{
	color:#343434;
}
Table.alfabet TH.clsSelected{
	color:#343434;
	background:#E9DED3;
	border:1px solid #4F463F;
}
/* */
/* only for the colum id */
TABLE THEAD TR TH.ID,
TABLE TBODY TR TD.ID{min-width:30px !important;/*border:0;background-image:none;background-color:#fff;*/}
/* */
.right{text-align:right !important;}
.left{text-align:left !important;}
.center{text-align:center !important;}
.justify{text-align:justify !important;}
.nospace, .nowrap{white-space:nowrap !important;}
.flex{/*display:flex;*/ display:revert-layer}
.flex input{
	width: 100%;
	width: -moz-available;          /* WebKit-based browsers will ignore this. */
	/*width: -webkit-fill-available;*/  /* Mozilla-based browsers will ignore this. chrome */
	width: fill-available;
}
.bold{font-weight:bold !important;}
.italic{font-style:italic !important;}
.hidden{display:none}
.clsTextarea{
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	font-size:12px;
	/*height: 100%;*/
	width: 99%;
	background : #eaf1ff; /*couleur bleu pale*/
	padding:5px;
	box-sizing: border-box;
	overflow:auto;
}
.clsNotes{
	margin : 0; 
	padding : 5px;
	min-height : 200px; 
	height : 200px;
	width:100%;
	overflow : auto; 
	background-color : #EAF1FF;/*couleur bleu pale*/
	box-sizing : border-box;
	font-size:12px;
	font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;;
}
div.logoClient, div.pictoContact{
	float: left;
	width: 7vh;
	padding: 0;
	margin-top: 10px;
	margin-left:5px;
}
div.logoClient img, div.pictoContact img{
	background:#fff;
	object-fit: cover;
}
img.rounded{
	border: 1px solid #333;
	border-radius: 50%;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}
a.flotte.picto img.rounded.flotte{width:20px; height:20px;margin:0;}
.flotte{
	float:right; shape-outside:circle(); margin:10px;
}
.flotte.small{
	float:right; shape-outside:circle(); margin:10px;
}
img.medal{
	border:7px solid #fff !important;
	object-fit: cover;
	width: 100px;
	height: 100px;
}
/* select */
select {
  /*height: 24px;*/
  background: #fff;
  border: 1px solid #9393a0;
  border-radius: 2px;
  padding: 2px;
}
select:not([multiple]) {
    height: 24px;
}
select.bindselect {
    width: 100%;
}
input.bindselect {
    width: -moz-available;
	/*width: -webkit-fill-available;*/ /* chrome */
}
.datalistArrow{
	padding-right:0px;
	/*background:#f9f9f9;*/
	background:#fff;
	background-repeat:no-repeat;
	background-position:right;
	border:0px;
	border: 1px solid #9393a1;
	/* add */
	padding: 2px 0 2px 2px;
	height: 32px;
	/* add */
}
.datalistArrow:not(.Numeric){
	width: -moz-available;
	/*width: -webkit-fill-available;*/ /* chrome */
}
.datalistArrow.Down{background-image: url(/images/arrowB.png);}
.datalistArrow.Right{background-image: url(/images/arrowR.png);}
.datalistArrow.Left{background-image: url(/images/arrowL.png);}
.datalistArrow.Top{background-image: url(/images/arrowT.png);}
.datalistArrow.listSuggest{	background-image:url(/images/arrowS.png);}
.datalistArrow.listSuggest:hover::before{content: 'Liste de suggestion';}

.datalistArrow::placeholder{text-transform:initial;}
/* select */

.optio3{color:#008000;}
.optio2{color:#336699;}
.optio0{color:#bb2222;}
.optio1{color:#000;} /*state ok*/

.IsValid0{color:#aaa}
.IsValid1{color:#008000;}

.inactive{color:#aaa;}
.ucase{text-transform:uppercase;}
.lcase{text-transform:lowercase;}
.capital{text-transform:capitalize;}

.rate0{color:#333;background-Color:rgb(5, 95, 5, 0);}
.rate10{color:#333;background-Color:rgb(5, 95, 5, 0.1);}
.rate20{color:#333;background-Color:rgb(5, 95, 5, 0.2);}
.rate30{color:#333;background-Color:rgb(5, 95, 5, 0.3);}
.rate40{color:#333;background-Color:rgb(5, 95, 5, 0.4)}
.rate50{color:#fff;background-Color:rgb(5, 95, 5, 0.5);}
.rate60{color:#fff;background-Color:rgb(5, 95, 5, 0.6);}
.rate70{color:#fff;background-Color:rgb(5, 95, 5, 0.7);}
.rate80{color:#fff;background-Color:rgb(5, 95, 5, 0.8);}
.rate90{color:#fff;background-Color:rgb(5, 95, 5, 0.9);}
.rate100{color:#fff;background-Color:rgb(5, 95, 5, 1);}

/* bootstrap heritage */
.alert{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-primary{
	color: #fff;
	background-color: #369;
	border-color: #1668bb;
	font-weight:bold;
}
.alert-secondary{
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
	font-weight:bold;
}
.alert-success {
    color: #fff;
    background-color: #07aa2e;
    border-color: #0f7927;
	font-weight:bold;
}
.alert-danger {
    color: #fff;
	background-color: #f00;
	border-color: #bb3131;
	font-weight:bold;
}
.alert-warning {
    color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	font-weight:bold;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
	font-weight:bold;
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
	font-weight:bold;
}
.alert-dark {
    color: #fff;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
	font-weight:bold;
}
.text-primary{
	color: #369;
	font-weight:bold;
}
.text-secondary{
	color: #cce5ff;
	font-weight:bold;
}
.text-success {
    color: #07aa2e;
	font-weight:bold;
}
.text-danger {
    color: #f00;
	font-weight:bold;
}
.text-warning {
    color: #ffa500;
	font-weight:bold;
}
.text-info {
    color: #d1ecf1;
	font-weight:bold;
}
.text-light {
    color: #fff !important;
	font-weight:bold;
}
.text-dark {
    color: #333;
	font-weight:bold;
}
TD[class^="alert-"] A{
	color:#fff !important;
}
/* bootstrap heritage */

.noborder {
    border: 0px !important;
}
/* No border */ 
.noborder{border:0px !important;}
.TDnoborder{border:0px !important; padding:0 !important;}
TABLE.noborder,
TABLE.noborder TH,
TABLE.noborder TD,
TABLE.noborder *{
	border:0px !important;
	border: none !important;
	border-collapse: collapse;
}
/* */
#filterInput{
	height:26px;
	border:1px solid #ccc !important;
	padding-left:5px;
	padding-right:5px;
}
 /* forme color */
.formColor{
	float:left;
	top: 1px;
	/*margin-right:5px;
	margin-left:2px;*/
	padding:1px;
	border: 1px solid #ccc;
}
.roundColor {
	width: 16px;
	height: 16px;
	border-radius:50%;
}
.ovaleColor {
	width: 26px;
	height: 16px;
	border-radius:26px / 16px;
}
.squareColor{
	width: 16px;
	height: 16px;
}
.rectangleColor{
	width: 26px;
	height: 16px;
}
.triangleColor{
	width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
	border-bottom-width:20px;
	border-bottom-style:solid;
}
.langColor{font-weight:bold; border-radius:50%;padding:4px !important;text-align:center;}
.m40{
	margin-left:calc((100% - 26px) / 2);
}
 /* end form color */
 
/* list ajax chk */
ul.listChk{list-style:none; margin:0; padding:0 0 0 10px;white-space: nowrap;}
ul.listChk > .IsNotValid{background:#ccc; color:#fff}
ul.listChk > li input[type=checkbox]:checked + label{
color: #336699;font-weight:bold;font-style: normal;
}
ul li input[type=checkbox]:checked + label{
  color: #ff0000;font-weight:bold;font-style: normal;
}
ul.listChk details{
	background: #eeeeee;
	border-radius: 5px;
	padding: 2px 10px;
	width: auto;
	/*display: inline;*/
	margin: 1px 0;
	font-size: smaller;
}

/* checkbox list image or file */
.thumb.default {
    -webkit-box-shadow: 0 0 5px 2px #990000;
    box-shadow: 0 0 5px 2px #990000;
}
/* checkbox */
.thumb.default {
    -webkit-box-shadow: 0 0 5px 2px #990000;
    box-shadow: 0 0 5px 2px #990000;
}
/* legend */
.legendBox{width:20px; height:20px; border:1px solid #ccc;border-radius:5px;}

.secret{filter: blur(0.3rem);}
.nosecret{filter: blur(0);}