/* ---------- 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: #ADAFB7;
color: #6F7381;

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: #26BF45;
padding : 0 0 0 10px;
}

.contents#input .tabs .active a, .contents#input .tabs a:hover
{
background-color : #6F7381;
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:#000000;
}
/* ---------- 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 : #6F7381;
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 : Raleway, Arial, Helvetica, sans-serif;
font-size : 1.1em;
font-weight : bold;
border-bottom:1px solid #ADAFB7;
padding-bottom : 1px;
padding-top:5px;
color:#000000;
}
.contents#input .header .numDoc {
display:block;
position:absolute;
right:5px;
top:0;
color:#6F7381;
}
.contents#input .header span.kent-ico
{
font-size:40px;
color:#ADAFB7;
}
.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:#ADAFB7;
cursor:pointer;
vertical-align:middle;
}
.contents#input a.kent-ico:hover
{
color:#6F7381;
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:220px;
}*/
 #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 #D8D8D8;
margin:0px;
padding:3px;
border-radius:3px;
background-color:#FFFFFF;
color:#000000;
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:#6F7381;
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:#6F7381;
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:#6F7381;
}
 #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:#E8CE6A;
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:#e00000;
}
 #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:#B8E6E6;
color : #000000;
}
 #main .central #input ul ul.inline
{
margin-bottom:0px;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
}
 #input ul.inline li, #input ul.inline>div
{
flex:0 1 50%;
min-width:150px;
line-height:20px;
margin-bottom:0;
}
 #input ul.inline li {
padding:3,5px 0px;
align-items:flex-start;
}
 #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:6,5px;
}
 #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%;
}
/* -------------- KP ---------------- */
.kpLinkedThe .the>ul {
padding-left:32px;
}
.kpLinkedThe .the:not(.opened)>ul {
display:none;
}

/* -------------- GEIDE ------------- */
 #record_geide>p.warning
{
font-style:italic;
color:#F09C3D;
border-top:1px solid #ADAFB7;
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 #ADAFB7;
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 : Raleway, 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: #ADAFB7;
color: #6F7381;
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 : #6F7381; 
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 : #32374A;
}
 #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:#E8CE6A;
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 #ADAFB7;
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:#e00000;
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:#ADAFB7;
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:#6F7381;
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:#000000;
}
.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:#e00000;
font-weight:bold;
margin:0px;
margin-bottom:15px;
margin-left:20px;
}

 #main .contents .select .leftFrame .selects li
{
cursor:pointer;
background-color:#ADAFB7;
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:#6F7381;

}
 #main .contents .select .leftFrame a
{
color:#6F7381;
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 .central #input .select ul.title {
margin:0;
}
 #main .contents#input .select>.contents h4 {
width:calc(100% - 27px - 16px);
margin-left:calc(27px + 16px);
margin-bottom:0;
line-height:27px;
background-color:#EaEbED;
color:#000000;
border:none;
padding:0 4px;
border-top-left-radius:3px;
border-top-right-radius:3px;
}
 #main .contents#input .select>.contents .section {
border:1px solid #EaEbED;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
padding:4px 8px;
margin:-1px 250px 8px calc(27px + 16px);
box-sizing:border-box;
}
 #main .contents#input .select>.contents .section>ul {
padding-right:0;
}
 #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:#6F7381;
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:#32374A;
}
 #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:#EAEBED;
color:#6F7381;
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:#000000;
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:#ADAFB7;
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:#EAEBED;
color:#ADAFB7;
}
 #main .contents .select .popupOperator input[disabled]+label {
text-decoration:line-through;
}
 #main .contents .select .popupOperator ul {
display:block;
padding-right:0;
}

 #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:#ADAFB7;
position:absolute;
top:0px;
right:calc(250px - 1.5em);
}
 #input .select .contents .del:hover
{
color:#E8CE6A;
}
 #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 ul
{
display:block;
}
 #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-right:66%;
}
 #input .select .popupOperator {
padding:10px;
}
 #input .select .popupOperator .header{
margin-bottom:.5em;
color:#6F7381;
}

 #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:#e00000;
padding-right:10px;
}

 #main .central #input .double.showDoubles
{
background-color:#e00000;
}
/* ---------- 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:#26BF45;
}
 #input #enterPurchaseRequest #reception tr.deleted td
{
background-color:#ffb0b0;
}
 #input  #enterPurchaseRequest #reception .line-del
{
font-size:16px;
color:#ADAFB7;
}
 #input  #enterPurchaseRequest #reception .line-del:hover
{
font-size:16px;
color:#6F7381;
}
 #enterPurchaseRequest .addLine
{
text-align:right;
}
 #input #enterPurchaseRequest .addLine a.kent-ico
{
font-size:20px;
color:#26BF45;
}

/* -------------------- 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:#6F7381;
}
/* empty on purpose */