/* ---------- Tabs --------- */
 #main .central .contents#input .tabs
{
	margin : 0;
	padding : 0;
	z-index : 1;
	min-height: 20px;
}

.contents#input .tabs li
{
	display : inline;
	list-style : none;
	padding : 0;
	margin: 0;
}

.contents#input .tabs a
{
	display : block;
	float : left;
	height : 20px;
	line-height : 20px;
	padding : 2px 10px;
	margin : 0 5px;
	
	background-color: #D8D8D8;
	color: #A6A6A6;
	
	font-weight : bold;
	
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.contents#input .tabs li:first-child a
{
	margin-left : 0;
}

.contents#input .tabs a .kent-ico
{
	color: #B9CE1D;
	padding : 0 0 0 10px;
}

.contents#input .tabs .active a, .contents#input .tabs a:hover
{
	background-color : #A6A6A6;
	color : #FFFFFF;
	text-decoration:none;
}
/* ----------- Main box ------------ */
 #input .input-box, #input .select>.contents
{
	padding : 20px;
	position : relative;
	border:1px solid #BFBFBF;
	
	box-sizing:border-box;
	width:100%; /* Full inner width - right col inner width */
	margin-bottom:20px;
	background-color:#FFFFFF;
}
 #input li
{
	list-style-type:none;
}

 #input .input-box li, #input .select>.contents li, #input .input-box ul, #input .select>.contents ul, #input .input-box p, #input .select>.contents p, #main #input .input-box a
{
	color:#595959;
}
/* ---------- Sections ----- */
.editRecordSection {
	margin-bottom:2em;
}
 .input-box h4.sectionHeader:not(.opened)+.editRecordSection {
	display:none;
}
 .input-box h4.sectionHeader {
	border:0;
	font-size:1em;
	line-height : 20px;
	padding : 2px 20px;
	margin : 0 5px;
	background-color : #A6A6A6;
	color : #FFFFFF;
	margin:0 -20px 10px;
	cursor:pointer;
	position:relative;
}
 .input-box h4.sectionHeader a {
	color:inherit !important;
	text-decoration:none;
	display:block;
}
 .input-box h4.sectionHeader .kent-ico {
	color:inherit;
	font-size:calc(20px / 2);
	line-height:1em;
	position:absolute;
	right:20px;
	top:.5em;
	transform:rotate(180deg);
	transition:all .3s;
}
 .input-box h4.sectionHeader.opened .kent-ico, .input-box h4.sectionHeader:hover .kent-ico {
	transform:rotate(90deg);
}

/* ------------ Header ---------- */
.contents#input .header h2
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.1em;
	font-weight : bold;
	border-bottom:1px solid #D8D8D8;
	padding-bottom : 1px;
	padding-top:5px;
	color:#595959;
}
.contents#input .header .numDoc {
	display:block;
	position:absolute;
	right:5px;
	top:0;
	color:#A6A6A6;
}
.contents#input .header span.kent-ico
{
	font-size:40px;
	color:#D8D8D8;
}
.contents#input .header img
{
	position:absolute;
	right:20px;
}
/* ------------ Popup box ----------------- */
.contents#input #popup
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent; /* for browsers that don't support rgba colors */
	background-color:rgba(0,0,0,0.6);
	z-index:999;
	display:none;
}
/* ------------ Global ------------ */
 .contents#input a.kent-ico
{
	color:#D8D8D8;
	cursor:pointer;
	vertical-align:middle;
}
.contents#input a.kent-ico:hover
{
	color:#A6A6A6;
	text-decoration:none;
}
 #main .central #input ul
{
	margin:0px;
	margin-bottom:5px;
	position:relative;
}
 #input.contents li
{
	list-style:none;
	margin:0px;
	margin-bottom:3px;
}
 #input .input-box ul li, #input .select .contents>ul, #input .select #criteria>p  {
	display:flex;
	padding-right:250px;
	box-sizing:border-box;
}
/* #main .central #input.no-left-margin form>ul, #main .central #input.no-left-margin form>p
{
	padding-left:180px;
}*/
 #input label
{
	padding-right:20px;
	font-weight:bold;
	text-align:right;
	height:100%;
	flex:0 0 140px;
	display:inline-block;
	vertical-align:top;
	line-height:27px;
}
 #input label+span, #input .select .operators+span
{
	line-height:27px;
	flex:0 1 100%;
}
 #input textarea, #input input[type=text], #input input[type=password], #input select
{
	box-sizing:border-box;
	border:1px solid #B0B0B0;
	margin:0px;
	padding:3px;
	border-radius:3px;
	background-color:#FFFFFF;
	color:#595959;
	width:100%;
}
 #input textarea[disabled], #input input[type=text][disabled], #input input[type=file][disabled], #input input[type=password][disabled], #input textarea[readonly], #input input[type=text][readonly], #input input[type=file][readonly], #input input[type=password][readonly]
{
	color:#A6A6A6;
	background-color:#E0E0E0;
}
 #input textarea:focus, #input input[type=text]:focus, #input input[type=file]:focus, #input input[type=password]:focus
{
	outline:none;
	border-color:#909090;
	background-color: #FFFDED;

}
 #input textarea, #input select[multiple]
{
	resize:vertical;
	height:54px;
	font-size:1em;
}
 #input input[readonly]:not(.k_select *), #input textarea[readonly]
{
	color:#A6A6A6;
	background-color:#FFFFFF;
	font-style:italic;
}
 #input input[type=text], #input input[type=file], #input input[type=password], #input select
{
	height:27px;
	line-height:21px;
}
 #input input[size] {
	width:auto;
}
 #input select option[disabled] {
	font-style:italic;
	color:#A6A6A6;
}
 #main #input .empty
{
	position:absolute;
	display:inline;
	margin:0px;
	padding:0px;
	line-height:27px;
	margin-left:4px;
	left:140px;
}
 #main #input .empty a
{
	visibility:hidden;
	color:#df0000;
	font-size:12px;
	stroke-width:2;
	padding:0px;
}
 #main #input .empty:hover a
{
	visibility:visible;
}
 #main #input li:hover>span .empty
{
	display:inline;
}
 #main #input .multivalue>li {
	position:relative;
}
 
 #main #input .multivalue .move {
	position:absolute;
	display:none;
	top:calc(50% - 12px);
	left:0;
 }
  #main #input .multivalue li:not(:last-child):hover .move {
	display:block;
 }
  #main #input .multivalue .move a {
	display:block;
	font-size:12px;
	line-height:1;
	height:1em;
	width:1em;
 }
  #main #input .multivalue .move a:first-child{

 }
/* ------------ Field types --------- */
 #input p.right
{
	text-align:right;
	margin-right:24px;
}
 #input p.right label
{
	float:none;
	display:inline;
}
 #input .required label.required
{
	color:#748CAF;
}
 #input .required label.required:before
{
	content:"*";
}
 #input .lockedIcon {
	position:absolute;
	left:0;
	top:0;
	display:none;
}
 #input .locked .lockedIcon {
	display:block;
}
.contents#input .lang
{
	padding-left:calc(140px + 20px);
}
 #input .lang div
{
	flex:0 1 100%;
}
 #input .lang textarea {
	width:calc(100% -  32px);
}
 #input .lang label
{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:none;
	vertical-align:top;
	display:inline-block;
	background-color:#B0B0B0;
	width:32px;
	height:54px;
	line-height:20px;
	font-size:10px;
	margin:0px;
	padding:7px 0px;
	padding-left:8px;
	text-align:left;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
 #input .lang img
{
	vertical-align:middle;
	max-width:20px;
	max-height:18px;
}
 #input .multivalue ul {
	flex:0 0 100%;
}
 #input .multivalue label
{
	font-style:italic;
}
 #input .multivalue>li:first-child label
{
	font-style:normal;
}
 #input .multivalue ul label+span
{
	display:inline-block;
	padding: 5px;
	padding-top:0px;
	background-color:#FFEED9;
	margin-left:-5px;
}
 #input .multivalue ul.odd label+span
{
	background-color:#E9EFC8;
}
 #input .multivalue ul li:first-child label
{
	padding-top:5px;
}
 #input .multivalue ul li:first-child label+span
{
	padding-top:5px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	-moz-border-top-left-radius:6px;
	-moz-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
}
 #input .multivalue ul li:last-child label+span
{
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-moz-border-bottom-left-radius:6px;
	-moz-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}
 #input .multivalue ul li
{
	padding:0px;
	margin:0px;
}

 #input .date input[type=text]
{
	width:150px;
}
 #input .date a.kent-ico
{
	padding-left:5px;
	font-size:24px;
}
.ui-widget-header /* style for calendar */
{
	background-color:#09567A;
	color : #FFFFFF;
}
 #main .central #input ul ul.inline
{
	margin-bottom:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
 #input ul.inline li
{
	flex:0 1 50%;
	min-width:150px;
	line-height:19px;
	padding:4px 0px;
	vertical-align:top;
	margin-bottom:0px;
}
 #main .central #input ul ul.inline, #input ul.inline div li:first-child
{
	margin-top:0px;
}

 #input ul div li:first-child, #input ul ul.inline
{
	margin-top:7px;
}
 #input ul li>div:not([id^=cke_]),  #input div.address, #input ul ul.inline
{
	display:inline-block;
}
 #input .k_select>div
{
	display:none;
}
 #input input[type=radio]+label,  #input input[type=checkbox]+label
{
	padding:0px 10px 0px 5px;
	width:auto;
	text-align:left;
	float:none;
	display:inline;
	font-weight:normal;
	vertical-align:middle;
	line-height:100%;
}
 #input input[type=checkbox]
{
	vertical-align:middle;
}
 #input input+span.warning
{
	position:absolute;
	right:calc(5px + 250px);
	font-size:0.7em;
	font-style:italic;
	height:27px;
	vertical-align:bottom;
	margin-top:-4px;
}
 #input ul.multivalue ul input+span.warning
{
	right:10px;
}
 #input input:focus+span.warning
{
	display:none;
}
 #input div.address .third input
{
	width:33.3%;
}
 #input div.address .fourth input
{
	width:25%;
}

/* -------------- GEIDE ------------- */
 #record_geide>p.warning
{
	font-style:italic;
	color:#EC8B00;
	border-top:1px solid #D8D8D8;
	padding-right:10px;
	padding-top:10px;
	display:none;
}
 #record_geide.gedTeam>p.warning
{
	display:block;
}
 #input .geide p
{
	display:flex;
}
 #input .geide
{
	border-top:1px solid #D8D8D8;
	padding-right:10px;
	padding-top:10px;
	position:relative;
}
 #input .geide.deleted
{
	opacity:0.3;
}
 #input .geide.deleted:hover
{
	opacity:0.8;
}
 #main .central .contents#input .tabs
{
	text-align:center;
	width:calc(100% - 250px);
}
 #main .central .contents#input .tabs h4
{
	font-family : Arial, Helvetica, sans-serif;
	display : inline-block;
	height : auto; /* Hauteur des onglets */
	line-height : 20px; /* Hauteur des onglets */
	padding : 0px 10px;
	margin : 30px auto 0px;
	
	background-color: #D8D8D8;
	color: #A6A6A6;
	border-bottom-width:0px;
	
	font-weight : bold;
	font-size:1em;
	text-align:center;
	
	
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}
 #input .geide .preview
{
	float:right;
	width:100px;
	text-align:center;
	display:block;
}
 #input .geide .preview img
{
	max-width:100% !important;
	heigth:auto !important;
	width:auto !important;
}
 #input .geide .ocr
{
	float:right;
	display:block;
	padding:0 10px;
}

 #input .geide textarea, #input .geide input[type=text], #input .geide select, #input .geide label+span, #input .geide input[type=file]
{
	flex:0 1 100%;
}
 #input .geide label+span
{
	display:inline-block;
	height:27px;
	line-height:27px;
}

 #main .central #input .geide .geideOrder
{
	position:absolute;
	bottom:0px;
	left: 160px; /* label width + 20 */
	margin:0px;
}
 #main .central #input .geide .geideOrder .kent-ico
{
	background-color:transparent; 
	color : #D8D8D8; 
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-size:13px;
	padding:2px 3px;
	margin:0px 2px;
}
 #main .central #input .geide .geideOrder .kent-ico:hover
{
	background-color : transparent;
	color : #DD3333;
}
 #main .central #input .geide .geideOrder input
{
	width:20px;
	text-align:center;
}
 #input .input-box .del
{
	text-align:right;
	display:block;
}
 #input .input-box .del button
{
	font-weight:bold;
	max-width:150px; /*label width + 10 */
}
 #input .input-box .del button span.kent-ico
{
	color:#df0000;
	padding:0px 5px;
	font-size:1.2em;
	vertical-align:bottom;
	float:left;
}
form#file-upload
{
	display:none;
}
/* ------------- submit area -------------- */
 
 #input .submit
{
	border-top:1px solid #D8D8D8;
	padding:10px 0 10px calc(140px + 20px);
	position:relative;
}
 #input .select .submit {
	padding-left:calc(140px + 20px + 2 *27px + 8px);
}
 #input .submit input[type=submit]
{
	font-weight:bold;
}
 #input .submit input[type=submit]+input[type=submit] {
	float:right;
	margin-right:10px;
}
 #input .submit .error
{
	font-weight:bold;
	color:#e00000;
	font-style:italic;
}
/* ------------------ CKEditor (options) --------------- */
 #record li>span>[id^=cke_]
{
	box-sizing:border-box;
	display:inline-block;
}
 #input #contents-options
{
	background-color:#eaeae4;
	border:16px solid #dddddd;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px;
	margin:10px auto;
}
 #input #contents-options .header
{
	font-weight:bold;
	border-bottom:1px solid #dddddd;
	margin-left:0px;
}
 #input #contents-options .header .kent-ico
{
	color:#748CAF;
	font-weight:normal;
}
 #main #input #contents-options p, #input #contents-options ul
{
	margin-left:40px;
}
 #input #contents-options li
{
	width:auto;
	display:inline-block;
	padding:0;
	max-width:45%;
	margin-right:4%;
	vertical-align:top;
}

/* ---------------------- Recherche --------------- */
.contents .select
{
	position:relative;
}
.contents#input .select>.kent-ico
{
	color:#D8D8D8;
	font-size:48px;
	position:absolute;
	left:45px;
	margin-top:30px;
	margin-bottom:0px;
}
 #input .select>.leftFrame+.contents
{
	width:calc(100% - 180px);
}
 #main .central .contents .select>.info
{
	margin:40px 0px 15px 0px;
	width:calc(100% -180px);
	min-height:70px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;
	padding:10px 15px 10px 56px;
	background-color:#FFFAEA;
	border-radius:0;
	color:#A6A6A6;
	vertical-align:middle;
}
 #main .central .contents .select>.kent-ico+.info
{
	margin-left:180px
}
.contents .select>.info .kent-ico
{
	position:absolute;
	top:50%;
	left:0px;
	font-size:28px;
	height:28px;
	line-height:28px;
	width:56px;
	text-align:center;
	margin-top:-14px;
	color:#fcc560;
}
.contents .select>.info em
{
	font-style:normal;
	font-weight:bold;
	color:#595959;
}
.contents .select .leftFrame
{
	float:left;
	width:180px;
}
 #input .select .leftFrame .tables
{
	width:180px;
	margin-bottom:10px;
	border-top-left-radius:1.5em;
	border-bottom-left-radius:1.5em;
	text-align:right;
}
 #main .central #input.contents .select .leftFrame ul
{
	position:static;
}
 #main .central .contents .select .leftFrame .header
{
	color:#748CAF;
	font-weight:bold;
	margin:0px;
	margin-bottom:15px;
	margin-left:20px;
}

 #main .contents .select .leftFrame .selects li
{
	cursor:pointer;
	background-color:#D8D8D8;
	line-height:100%;
	padding:0;
	padding-left:1em;
	border-top-left-radius:1.5em;
	border-bottom-left-radius:1.5em;
	text-align:right;
	font-size:12px;
}
 #main .contents .select .leftFrame .selects li.active, #main .contents .select .leftFrame .selects li:hover
{
	background-color:#A6A6A6;

}
 #main .contents .select .leftFrame a
{
	color:#A6A6A6;
	display:block;
	font-weight:bold;
	padding:12px 8px 12px 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
 #main .contents .select .leftFrame li:hover a, #main .contents .select .leftFrame li.active a
{
	text-decoration:none;
	color:#FFFFFF;
}
 #main .contents#input .select>.contents
{
	margin-top:10px;
	padding-top:4em;
	height:auto;
	min-height:300px;
}
 #main .contents#input .select>.contents.no-menu
{
	padding-top:1em;
}
 #main .contents#input .select>.leftFrame+.contents
{
	margin-left:180px;
}
 #main .contents#input .select>.contents p, #main .contents#input .select>.contents ul
{
	position:relative;
}
 #input .select ul.inline div
{
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
 #main .contents .select .menubar
{
	background-color:#A6A6A6;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:2;
}
 #main .contents .select .menubar>a
{
	color:#FFFFFF;
	padding:0px 50px;
	text-decoration:none;
	font-weight:bold;
	height:2.5em;
	line-height:2.5em;
}
 #main .contents .select .menubar>a .kent-ico
{
	color:#FFFFFF;
	font-size:16px;
	vertical-align:middle;
	margin-left:5px;
}
 #main .contents .select .menubar>a:hover .kent-ico
{
	color:#DD3333;
}
 #main .contenst .select>.comment {
	font-style:italic;
	margin-bottom:10px;
}
 #main .contents .select .bool
{
	position:absolute;
	left:0px;
	text-transform:uppercase;
	text-align:center;
	border-radius:13px;
	min-width:27px;
	background-color:#f2f2f2;
	color:#A6A6A6;
	height:27px;
	line-height:27px;
	padding:0px 4px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
 #main .contents .select label
{
	padding-left:27px;
	/*box-sizing:border-box;
	-moz-box-sizing:border-box;*/
}
 #main .contents .select input[type=checkbox]+label
{
	padding-left:5px;
}
 #main .contents .select .bool.active
{
	color:#595959;
	cursor:pointer;
}
 #main .contents .select .bool.bool1 {background-color:#BACF1D;}
 #main .contents .select .bool.bool2 {background-color:#FCC560;}
 #main .contents .select .bool.bool3 {background-color:#CAC5E3;}

 #main .contents .select .operators
{
	text-align:center;
	border-radius:13px;
	background-color:#D8D8D8;
	color:#FFFFFF;
	height:27px;
	line-height:27px;
	padding:0px 4px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:inline-block;
	margin-right:8px;
	vertical-align:top;
	cursor:pointer;
	flex:0 0 27px;
}
 #main .contents .select .operators.disabled
{
	cursor:auto;
	background-color:#f2f2f2;
	color:#D8D8D8;
}
 #main .contents .select .popupOperator input[disabled]+label {
	text-decoration:line-through;
}

 #input.contents .select form.contents>p>label, #input.contents .select form.contents>#criteria>p>label
{
	width:113px;
	padding-left:37px;
	padding-right:8px;
}
 #input .select .contents .del
{
	color:#D8D8D8;
	position:absolute;
	top:0px;
	right:calc(250px - 1.5em);
}
 #input .select .contents .del:hover
{
	color:#df0000;
}
 #input .select .contents input[type=text][size]
{
	width:auto;
}
 #input table select, #input table input[type=text]
{
	width:auto;
}
 #input .select .contents br+input
{
	margin-left:225px;
}
 #input .select .comment+.types
{
	margin-bottom:20px;
	background-color:#F5F5F6;
	color:inherit;
	padding:10px;
}
 #input .select .comment+.types>label
{
	width:auto;
	color:inherit;
}
 #input .select .comment+.types li
{
	display:inline-block;
	width:33%;
	vertical-align:top;
	color:inherit;
	padding:0;
}
 #input .select .comment+.types li:first-child
{
	margin:0 33%;
}
 #input .select .popupOperator {
	padding:10px;
}
 #input .select .popupOperator .header{
	margin-bottom:.5em;
	color:#A6A6A6;
}

 #modalPopup #kdeWizard textarea {
	width:100%;
}
 #modalPopup #kdeWizard label {
	width:300px;
}
/* -------------- Alert (doubles) -------------- */
 #input #alert
{
	display:none;
	position:fixed;
	bottom:0px;
	left:50%;
	width:auto;
	min-width:300px;
	margin-left:-150px;
	z-index:900;
	background-color:#FFFAEA;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
 #main .central #input #alert .contents
{
	min-height:0px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
 #main .central #input #alert .contents ul
{
	padding:20px 10px 10px 10px;
	float:left;
}
 #main .central #input #alert .contents li
{
	font-size:12px;
	padding:0;
}
 #main .central #input #alert .header
{
	margin:0px;
	font-size:16px;
	line-height:30px;
	height:30px;
	padding:5px 30px;
	text-align:center;
}
 #main .central #input #alert .header .kent-ico
{
	font-size:26px;
	vertical-align:middle;
	color:#748CAF;
	padding-right:10px;
}

 #main .central #input .double.showDoubles
{
	background-color:#748CAF;
}
/* ---------- Commandes ---------- */
 #enterPurchaseRequest .delivery
{
	display:none;
}
 #enterPurchaseRequest.delivery .delivery
{
	display:inline;
}
 #enterPurchaseRequest.delivery td.delivery, #enterPurchaseRequest.delivery th.delivery
{
	display:block;
}
 #enterPurchaseRequest.delivery .delivery-hide
{
	display:none;
}
 #input #enterPurchaseRequest #reception .all-received
{
	margin-left:5px;
	font-size:16px;
	color:#B9CE1D;
}
 #input #enterPurchaseRequest #reception tr.deleted td
{
	background-color:#ffb0b0;
}
 #input  #enterPurchaseRequest #reception .line-del
{
	font-size:16px;
	color:#D8D8D8;
}
 #input  #enterPurchaseRequest #reception .line-del:hover
{
	font-size:16px;
	color:#A6A6A6;
}
 #enterPurchaseRequest .addLine
{
	text-align:right;
}
 #input #enterPurchaseRequest .addLine a.kent-ico
{
	font-size:20px;
	color:#B9CE1D;
}

/* -------------------- Modal Popup ---------------- */
 #modalPopup .contents label
{
	width:100px;
	text-align:right;
	display:inline-block;
	padding-right:5px;
	vertical-align:top;
}
 #modalPopup .contents input[type="text"], #modalPopup .contents textarea
{
	width:200px;
}

 #modalPopup .contents p.info
{
	font-style:italic;
	color:#A6A6A6;
	padding-left:105px;
}
/* empty on purpose */