/* Text classes */
* .highlight {color:#1A73E9;}
* .middle {vertical-align:center;}
* .top {vertical-align:top;}
* .bottom {vertical-align:bottom;}
* .left {text-align:left;}
* .right {text-align:right;}
* .justify {
  text-align:justify;
  -webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;
}
.serif {font-family:serif;}
.oblique {font-style:oblique;}
.bold {font-weight: bold;}
* .note {font-size:12px;line-height:2;}
.hidden {
  display:none;
  height:0;padding:0;margin:0;overflow:hidden;
}
* .center {text-align:center;}
* .overflow-ellipsis {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
* .icomoon {font-family:'icomoon';font-weight:normal;vertical-align:middle;}

/* COLUMNS */
.p5 {float:left;width:5%;}
.p8 {float:left;width:8%;}
.p10 {float:left;width:10%;}
.p13 {float:left;width:13%;}
.p15 {float:left;width:15%;}
.p18 {float:left;width:18%;}
.p20 {float:left;width:20%;}
.p25 {float:left;width:25%;}
.p30 {float:left;width:30%;}
.p35 {float:left;width:35%;}
.p40 {float:left;width:40%;}
.p45 {float:left;width:45%;}
.p50 {float:left;width:50%;}
.p54 {float:left;width:54%;}
.p55 {float:left;width:55%;}
.p60 {float:left;width:60%;}
.p65 {float:left;width:65%;}
.p70 {float:left;width:70%;}
.p80 {float:left;width:80%;}
.p85 {float:left;width:85%;}
.p90 {float:left;width:90%;}

.col1 {float:left;width:8.333333333%;}
.col2 {float:left;width:16.666666667%;}
.col3 {float:left;width:24.9%;}
.col4 {float:left;width:33.333333333%;}
.col5 {float:left;width:41.666666667%;}
.col6 {float:left;width:49.9%;}
.col7 {float:left;width:58.333333333%;}
.col8 {float:left;width:66.666666667%;}
.col9 {float:left;width:75%;}
.col10 {float:left;width:83.333333333%;}
.col11 {float:left;width:91.666666667%;}
.col12 {float:left;width:100%;}

.hovered, .pointer { cursor: pointer; }

.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}

.hovered { cursor: pointer;}

/* @.columns */
.columns .column {float:left;width:47.007481297%;margin:0 2.992518703% 0 0;}
.columns .column.last {float:left;width:47.007481297%;margin:0 0 0 2.992518703%;}

/* @.clear-fix */
*.clear-fix:after {content:"";display:block;margin:0;padding:0;clear:both;width:100%;height:0;line-height:0;}
* .clear{ clear:both !important;display:block !important;float:none !important;margin:0 !important;padding:0 !important;width:100% !important;height:0 !important;line-height:0 !important;overflow:hidden !important;background:none !important;border-width:0 !important;}

/* @.help */
.help {padding:1.5em;border:1px solid #E8E8E8;border-left:3px solid #1C3752;background-color:#FFF;}
.help h5 {font-size:.875em;line-height:1;margin-bottom:1em;}
.help p {margin-bottom:1em;padding:0;font-size:.875em;line-height:1.3;}
.help p, .help ul, .vtabs .help ul {margin-bottom:1em;padding:0;}
.help ul li, .vtabs .help ul li {margin-left:2.5em;margin-bottom:.25em;list-style-type:square;list-style-position:inside;text-indent:-.75em;line-height:1.3;}
.help *:last-child {margin-bottom:0;}

/* @.notifications */
.notification {padding:.75em 1.5em .75em 1.5em;color:#FFF;font-weight:bold;border:1px solid #E8E8E8;border-width:0 1px 1px 4px;background-color:#FFF;}
.notification a:link, .notification a:link:visited {color:#EEE;font-style:oblique;}
.notification.error {border-left-color:#F85E56;color:#F85E56;}
.notification.success {border-left-color:#81C41C;color:#81C41C;}
.notification.info {border-left-color:#3B76B2;color:#3B76B2;}
.notification p {letter-spacing:.1em;margin-bottom:0;}
.bq-notif p {font-weight: normal; letter-spacing:.05em}
.bq-notif h3 {font-weight: normal; letter-spacing:.05em; color: #3B76B2;margin-bottom: .8em}

/* @.autocomplete */
.ui-autocomplete {font-size:.875em;text-align:left;font-family:'Helvetica','Arial',sans-serif;max-height:225px;overflow-y:auto}
.ui-autocomplete-loading { background:url(/scripts/ui-styles/smoothness/images/ui-loading_anim_16x16.gif) no-repeat calc(100% - 5px) center}

/* @.datepicker */
.ui-datepicker {font-size:.875em;font-family:'Helvetica','Arial',sans-serif;}

/* @.vtabs */
.vtabs {border-bottom:1px solid #E8E8E8;}
.vtabs dl, .vtabs dl dt, .vtabs dl dd {margin:0;padding:0;}
.vtabs dl dt {position:relative;padding:.5em 3em .25em .5em;border:1px solid #E8E8E8;border-width: 1px 1px 0 1px;background-color:#FAFAFA;cursor:pointer;}
.vtabs dl dt h3 {margin-bottom:0;}
.vtabs dl dt:after {content:'\e633';display:block;position:absolute;top:0;right:0;bottom:auto;left:auto;width:1em;height:100%;line-height:1;text-align:center;font-family:'icomoon';}
.vtabs dl.closed dt:after {content:'\e632';}
.vtabs dl dd {padding-top:1.5em;}
.vtabs dl.closed dd {height:0;overflow:hidden;padding-top:0;}
.vtabs dl dd ul {padding:1.5em;margin-bottom:0;list-style-type:none;}
.vtabs dl dd ol {padding:1.5em;margin-bottom:0;list-style-position:inside;}

/* @.vtabs.clear-title */
.vtabs.clear-title {border-bottom-width:0;}
.vtabs.clear-title dt {background-color:#FFF;border-width:0;padding-left:0;padding:0;}
.vtabs.clear-title dl dd {border-bottom-width:0;}

/* @.tabs */
.tabs {background-color:#FFF;}
.tabs ul.tab-list {display:block;margin:0;padding:1em 0 0 1.714285714em;list-style-type:none;text-align:center;font-size:.875em;line-height:1.2;text-align:left;background-color:#F5F5F5;border-top:1px solid #E8E8E8;}
.tabs ul.tab-list li {display:inline-block;zoom:1;*display:inline;font-size:13px;font-size:.8125rem;}
.tabs ul.tab-list li .tab-wrapper {position:relative;display:block;padding:1em .65em;color:#777;cursor:pointer;}
.tabs ul.tab-list li .tab-wrapper.selected {background:#FFF;border:1px solid #E8E8E8;border-width:1px 1px 0 1px;font-style:normal;color:#000;}
.tabs ul.tab-list li .tab-wrapper span.spacer {display:none;}
.tabs ul.tab-list li .tab-wrapper.selected span.spacer {position:absolute;display:block;top:auto;right:auto;bottom:-1px;left:0;height:3px;min-height:0;padding:0;width:100%;background-color:inherit;overflow:hidden;}
.tabs .tab-content {border-top:1px solid #E8E8E8;}
.tabs .tab-content > .wrapper {padding:1.5em;}
.tabs .tab-content .wrapper.simple-form {padding:.75em 0 0 0;}
.tabs h3 {padding:1.2em;margin:0;}
.tabs .tab-content .vtabs dl dt {margin-top:1.5em;}
.tabs .tab-content .vtabs dl dt h3 {margin:0;padding:0;}
.tabs .tab-content .vtabs dl dd {padding-top:0;}
.resizeable {display:block;margin:0;padding:0;width:100%;max-width:100%;}

/* Elements */
section, article, header, footer, nav, hgroup {display:block;margin:0;padding:0;}
p, h1, h2, h3, h4, h5, ul, li, form, fieldset {margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5 {color:#1C3752;font-family:'SourceSansProSemibold','Helvetica','Arial',sans-serif;font-weight:normal;}
h3 {font-family:'SourceSansProLight',sans-serif;}

fieldset {
    border-radius: 5px;
}

p {margin-bottom:1.5em;}
strong {font-family:inherit;font-weight:bold;font-size:inherit;}
em {font-family:inherit;}
a img {border-width:0;}
.vertical-center {margin-top: 17px;}
blockquote {display:block;margin:0;padding-left:1.5em;border-left: 3px solid #AAA;font:normal .75em/1.5 sans-serif;font-style:oblique;color:#888;letter-spacing:.1em;}

a:link, a:visited {color:#999;text-decoration:none;outline:0;}
a:hover {
    color:#1C3752;
    -webkit-transition: color .5s;-moz-transition: color .5s;-o-transition: color .5s;-ms-transition: color .5s;transition: color .5s;
}
a.deactivated:link, a.deactivated:visited, a.deactivated:hover {cursor:default;}

/* Form elements */
article fieldset {border-width:0;}
article fieldset .wrapper {padding:.75em 1.5em 0 0;}

/* Buttons */
input[type="submit"], input[type="button"], button {
    margin:0;padding:.75em 1.25em;font-weight:normal;font-size:14px;font-size:.875rem;line-height:1;font-family:'Helvetica','Arial',sans-serif;color:#666;cursor:pointer;border-width:0;border-radius:3px;outline:0;background-color:#FFF;
    -webkit-transition: background-color .5s;-moz-transition: background-color .5s;-o-transition: background-color .5s;-ms-transition: background-color .5s;transition: background-color .5s;
}

input[type="submit"], button {
    background-color:#3C526A;color:#FFF;letter-spacing:.1em;
    -webkit-box-shadow:inset 0 -2px 0 #243551;box-shadow: inset 0 -2px 0 #243551;
}
input[type="submit"]:hover, button:hover {
    background-color:#225D83;color:#FFF;
    -webkit-box-shadow:inset 0 -2px 0 #004973;box-shadow: inset 0 -2px 0 #004973;
}

input[type="submit"].search {
    background-color:#FFFFFF;color:#6E6E6E;border:1px solid #DBDBDB;border-width: 1px 1px 0 1px;font-family:'Helvetica','Arial',sans-serif;letter-spacing:0;
    -webkit-box-shadow:inset 0 -2px 0 #DBDBDB;box-shadow: inset 0 -2px 0 #DBDBDB;
}
input[type="submit"].search:hover {
    background-color:#FFFFFF;color:#303030;border-color:#CDCDCD;
    -webkit-box-shadow:inset 0 -2px 0 #CDCDCD;box-shadow: inset 0 -2px 0 #CDCDCD;
}

input[type="submit"].disabled, input[type="submit"].disabled:hover, button.disabled,
.autocomplete-wrapper .autocomplete-button.disabled {
    background-color:#87919A;color:#C1CBD2;
    -webkit-box-shadow:inset 0 -2px 0 #77838D;box-shadow: inset 0 -2px 0 #77838D;
}
button.valid-step {
    position:relative;font-size:14px;font-size:.875rem;background-color:#86BE20;
    -webkit-box-shadow: inset 0 -2px 0 #74A321;box-shadow: inset 0 -2px 0 #74A321;
}
button.valid-step span {font-family:'icomoon',sans-serif;margin-right:.5em;font-size:.857142857em;line-height:1;color:inherit;}

button.unvalid-step.disabled {
    background-color:#B9D487;color:#E8F3D5;
    -webkit-box-shadow: inset 0 -2px 0 #A2C16C;box-shadow: inset 0 -2px 0 #A2C16C;
}

button.unvalid-step {
    position:relative;font-size:14px;font-size:.875rem;background-color:#FF0000;
    -webkit-box-shadow: inset 0 -2px 0 #FF0000;box-shadow: inset 0 -2px 0 #FF0000;
}
button.unvalid-step span {font-family:'icomoon',sans-serif;margin-right:.5em;font-size:.857142857em;line-height:1;color:inherit;}

button.valid-step.disabled {
    background-color:#B9D487;color:#E8F3D5;
    -webkit-box-shadow: inset 0 -2px 0 #A2C16C;box-shadow: inset 0 -2px 0 #A2C16C;
}

a.cancel, a.delete {text-decoration:none;color:#666666;font-size:14px;font-size:.875rem;}
a.back, a.apply, a.details, a.create, a.edit, a.preview, a.send {text-decoration:underline;color:#1C3752;font-size:14px;font-size:.875rem;}

.upload-button {
    overflow:hidden;
    display:inline-block;
    zoom:1;
    position:relative;
    margin:0;
    padding:.75em 1.25em;
    width:auto;
    font-size:14px;
    font-size:.875rem;
    line-height:1;
    font-family:'Helvetica','Arial',sans-serif;
    background-color:#FFFFFF;
    color:#6E6E6E;
    border:1px solid #DBDBDB;
    border-width: 1px 1px 0 1px;
    letter-spacing:0;
    cursor:pointer;
    border-radius:3px;
    outline:0;
    -webkit-box-shadow:inset 0 -2px 0 #DBDBDB;box-shadow: inset 0 -2px 0 #DBDBDB;
    -webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;-ms-transition:background-color .5s;transition:background-color .5s;
}
.upload-button:hover {
    background-color:#FFFFFF;color:#303030;border-color:#CDCDCD;
    -webkit-box-shadow:inset 0 -2px 0 #CDCDCD;box-shadow: inset 0 -2px 0 #CDCDCD;
}
.upload-button input[type="file"] {
    position:absolute;display:block;margin:0;padding:0;top:0;right:0;bottom:auto;left:auto;width:200%;height:100%;line-height:1em;font-size:5em;cursor:pointer;
    -webkit-appearance: none;background-color:transparent;opacity:0;filter:alpha(opacity=0);
}

.combo-button {
    display:inline-block;zoom:1;;margin:0.75em;padding:.75em 1.25em;width:auto;font-size:14px;font-size:.875rem;text-align: center;line-height:1;font-family:'Helvetica','Arial',sans-serif;
    background-color:#FFFFFF;color:#6E6E6E;border:1px solid #DBDBDB;border-width: 1px 1px 0 1px;letter-spacing:0;cursor:pointer;border-radius:3px;outline:0;
    -webkit-box-shadow:inset 0 -2px 0 #DBDBDB;box-shadow: inset 0 -2px 0 #DBDBDB;
    -webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;-ms-transition:background-color .5s;transition:background-color .5s;
}
.combo-button:hover {
    background-color:#FFFFFF;color:#303030;border-color:#CDCDCD;
    -webkit-box-shadow:inset 0 -2px 0 #CDCDCD;box-shadow: inset 0 -2px 0 #CDCDCD;
}

/* input, select, textarea */
input[type="number"], input[type="text"], input[type="password"], textarea, select {
    display:block;width:100%;background-color:#FCFCFC;padding:.25em;height:33px;
    border:1px solid #D8DADB;font:normal .875em/1.714285714 sans-serif;outline:0;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
    *behavior: url('../scripts/boxsizing.htc');
}

textarea.grand {
    display:block;width:100%;background-color:#FCFCFC;padding:.25em;height:99px;
    border:1px solid #D8DADB;font:normal .875em/1.714285714 sans-serif;outline:0;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
    *behavior: url('../scripts/boxsizing.htc');
}

input[type="password"]:focus, input[type="number"]:focus, input[type="text"]:focus, textarea:focus {background-color:#FFFBDC;}
input[type="number"].inline, input[type="text"].inline, input[type="password"].inline, textarea.inline, select.inline {display:inline;width:auto;}
input[type="number"].inline.small, input[type="text"].inline.small, input[type="password"].inline.small, textarea.inline.small, select.inline.small {max-width:3em;}

.inline-perso{
    display:inline !important;
    width:auto !important;
}

input[type="text"].error, input[type="number"].error, input[type="password"].error, textarea.error, select.error {background-color:#FBD7CF;color:#42301A;border-color:#FBC3B6;}
input[type="text"].regexError, input[type="password"].regexError, textarea.regexError, select.regexError {background-color:#fdca8b;color:#42301A;border-color:#ff8d00;}

input[type="text"].is_exist{
    background-color: #FCCC50;
    color: #42301A;
    border-color: #FF9147;
}
input.date {background-image:url('../img/date-picker.png');background-repeat:no-repeat;background-position:right center;}
select.error {border-width:0;}

.select-wrapper, .trigger-popup-field {
    display:block;position:relative;padding:0;width:100%;height:33px;
    background:#FCFCFC;border:1px solid #D8DADB;border-radius:2px;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
    *behavior: url('../scripts/boxsizing.htc');
}

.select-wrapper:before {
    content:"";display:block;position:absolute;top:0;bottom:auto;right:0px;left:auto;width:27px;height:100%;margin:0;padding:0;
    background:url('../img/select-arrow.png') no-repeat right center;border-radius:0 2px 2px 0;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
    *behavior: url('../scripts/boxsizing.htc');
    pointer-events:none;
}

/* IE do not support pointer-events */
.select-wrapper.ie-style {position:static;}
.select-wrapper.ie-style:before {display:none;}

.select-wrapper select {
    margin:0;padding:.25em 0 .25em .5em;width:100%;background:transparent;border-width:0;outline:0;border-radius:0;
    font:normal .875em/1.714285714 sans-serif;
    -webkit-appearance:none;-moz-appearance:none;appearance:none;
    -webkit-box-shadow:none;box-shadow:none;
}
.select-wrapper.error {background-color:#FBD7CF;}
.select-wrapper.inline, .select-wrapper.inline select {
    display:inline-block;width:auto;min-width:100px;
    zoom:1;*display:inline;
}
.select-wrapper.inline.small, .select-wrapper.inline.small select {
    display:inline-block;width:auto;max-width:30%;
    zoom:1;*display:inline;
}
.select-wrapper.inline.medium, .select-wrapper.inline.medium select {
    display:inline-block;width:auto;max-width:70%;
    zoom:1;*display:inline;
}

.select-wrapper.hidden {display:none;}

.trigger-popup-field {padding:.25em;}
.trigger-popup-field.inline {display:inline-block;zoom:1;width:auto;min-width:200px;padding:.25em;text-align:left;}
.trigger-popup-field button {
    display:block;position:absolute;top:0;bottom:auto;right:0px;left:auto;width:27px;height:100%;margin:0;padding:0;overflow:hidden;
    margin:0;height:100%;border-width:0;border-radius:0;background-color:#FCFCFC;color:#A9A9A9;
    -webkit-box-shadow:none;box-shadow:none;
}
.trigger-popup-field button:hover {color:#888;}

.tiny-autocomplete {display:block;position:relative;}
/**
 * TODO: ajouter une option à la macro Twig
 * .tiny-autocomplete.inline {display:inline-block;zoom:1;}
 */
.tiny-autocomplete input[type=text] {border-radius:0 2px 2px 0;margin:0;}
.tiny-autocomplete button {
    display:block;position:absolute;top:0;bottom:auto;right:0;left:auto;width:27px;height:100%;margin:0;padding:0;overflow:hidden;
    margin:0;height:100%;border-width: 0 0 0 1px;background-color:#FCFCFC;border:1px solid #D8DADB;border-radius:0 2px 2px 0;border-left-width:0;color:#A9A9A9;
    -webkit-box-shadow: none;box-shadow: none;
}
.tiny-autocomplete button:hover {color:#888;}

.selector {margin: 0 1.5em .75em 1.5em;}
.selector .select-wrapper, .selector input[type="text"] {width:100%;margin:0;border-radius:2px 0 0 2px;border-color:#C6C6C6;}
.selector button, .selector input[type="submit"] {
    font-size:.875em;width:100%;height:33px;line-height:1;padding:0 1em;border-radius:0 2px 2px 0;border-left-width:0;
    background-color:#FFFFFF;color:#6E6E6E;border:1px solid #DBDBDB;border-left-width:0;
    -webkit-box-shadow:none;box-shadow:none;
}
.selector button:hover, .selector input[type="submit"]:hover {
    background-color:#FFFFFF;color:#303030;border-color:#CDCDCD;
}
.selector input[type="submit"].search {border-bottom-width:1px;}

.selector.area textarea, .full_height {height:3em;margin:0;line-height:1.142857143em;}
.selector.area input[type="submit"] {height:3em;margin:0;}

.selector .tiny-autocomplete button {width: 27px;background-color: inherit;}

/* @.simple-form */
.wrapper.simple-form {padding:.75em 0 0 0;background-color:#FFF;}
.wrapper.simple-form.hidden {padding:0;margin:0;}
.simple-form form {display:block;}
.simple-form fieldset {padding:.75em 0 .75em 1.5em;border-width:0;}
.simple-form fieldset:nth-last-child(2) {background-color:#F6F6F6;border-top:1px solid #E8E8E8;}
.simple-form hgroup {padding:.5em 1.5em;margin-bottom:0;}
.simple-form fieldset hgroup {padding:0;margin-bottom:0;}
.simple-form fieldset table.object-list {padding:0;margin-bottom:1.5em;font-size:.875em;}
.simple-form fieldset .vtabs table.object-list {margin-right:0;margin-bottom:0;width:100%;}
.simple-form fieldset.border-bottom {border-bottom:1px solid #E8E8E8;padding-bottom:.75em;}
.simple-form fieldset h3 {margin-bottom:.5em;}
.simple-form fieldset.notification {padding:1.5em 1.5em .75em 1.5em;border-width:0 1px 1px 4px;}
.simple-form fieldset.hidden {display:none;margin:0;padding:0;}
.simple-form fieldset p {font-size:.875em;margin-bottom:.857142857em;margin-right:1.714285714em;}
.simple-form fieldset p label, label {font-size:.857142857em;}
.simple-form fieldset label {color:#1C3752;}
.simple-form fieldset .selector {margin: 0 1.714285714em 0 0;}

.simple-form a.cancel, .simple-form a.delete, a.preview {color:#666666;margin-right:1em;}
.simple-form a.apply, .simple-form a.details, .simple-form a.create, .simple-form a.edit, a.preview {color:#35546B;text-decoration:underline;}

.search-results { min-height: 200px; }

.search-container .simple-form.vtabs {border-width:0;}
.search-container .simple-form.vtabs dl dt {padding:0 3em .5em .5em;border-width:0;background-color:transparent;}
.search-container .simple-form.vtabs dl dt h3 {padding-left:.6em;}
.search-container .simple-form.vtabs dl dt:after {content:'\e7fb';top:0;right:0;bottom:auto;left:auto;width:3em;height:100%;line-height:1.5;}
.search-container .simple-form.vtabs dl dd {border-top:1px dotted #E8E8E8;border-width:1px 0;background-color:#FBFBFB;}
.search-container .simple-form.vtabs dl.closed dd {display:none;padding:0;margin:0;border-width:0 0 0 0;background-color:#FFF;}

/* Invite */
.invite {padding:1.714285714em;margin-bottom:0;font-size:14px;font-weight:bold;font-style:oblique;font-size:14px;font-size:.875rem;color:#AAA;}

/* HEIGHTS */
.height_x2 {height:110px;}

/* POPUP */
.popup {position:fixed;top:-1%;right:-1%;left:auto;width:102%;height:102%;background: url('../img/popup-bg.png') repeat 0 0;text-align:center;z-index:100;overflow:auto;}
.popup .popup-container {position:relative;margin:auto;width:900px;text-align:left;}
.popup .popup-container p.close {margin:0;padding:0;}
.popup-contents {background-color:#FFF; border-radius: 5px;}
.popup .close {padding:.125em 0;}
.popup .close a {text-transform:uppercase;font-size:.75em;color:#FFF;}
.popup .close a .icomoon {padding-right:.5em;text-transform:none;}
.popup.fullheight .popup-contents {position:absolute;right:0;bottom:auto;left:0;width:100%;overflow:auto;}
.popup .header, .popup .footer {background: #F6F6F6;}
.popup button {disabled:true;}
#popup {display:none;}

/* CUSTOM POPUP STYLE */
.popup .popup-submit {width:595px;}
.popup .popup-share {width:490px;}

/* .drawer */
.drawer {position:fixed;top:auto;right:-1%;bottom:0;left:auto;width:102%;height:auto;background: url('../img/popup-bg.png') repeat 0 0;text-align:center;color:#FFF;letter-spacing:.1em;}
.drawer.hidden {height: 0;}
.drawer .drawer-header {margin:0 auto;width:900px;text-align:left;}
.drawer .drawer-header h4 {margin:0;color:#FFF;}
.drawer .drawer-header p {margin-right:1.5em;margin-bottom:.75em;}
.drawer .drawer-header p a:link, .drawer .drawer-header p a:visited {color:#AAA;font-size:.75em;}
.drawer .drawer-header p a:hover {color:#FFF;}
.drawer .drawer-header .wrapper, .drawer .drawer-contents .wrapper {padding-top:1em;padding-left:1.5em;background-color:#000;}
.drawer .drawer-contents {margin:0 auto;width:900px;height:auto;border-top:1px solid #333;text-align:left;}
.drawer .drawer-contents {border-width:0;}
.drawer .drawer-contents .fields p {margin-right:1.5em;}
.drawer .drawer-contents .fields-contents {height:200px;margin-right:2em;padding:1em 0 6em 0;overflow:auto;font-size:.75em;line-height:1.333333333;}
.drawer .drawer-contents .amendment-fields {font-size:.75em;line-height:1.333333333;}

/* @.drop */
dl.drop {position:relative;display:inline;z-index:1;}
dl.drop, dl.drop dt, dl.drop dd {margin:0;padding:0;}
dl.drop dt {display:inline;line-height:inherit;color:#999;}
dl.drop dd {
    position:absolute;top:2em;right:auto;bottom:auto;left:0;background-color:#FFF;z-index:2;
    height:0;overflow:hidden;opacity:0;
    -webkit-transition: all .125s;-moz-transition: all .125s;-o-transition: all .125s;-ms-transition: all .125s;transition: all .125s;
}
dl.drop.left dd {top:25px;right:0;bottom:auto;left:auto;}

dl.drop.open {z-index: 1000;}
dl.drop.open dd.large {width : 750px}
dl.drop.open dd.large {width : 750px}
dl.drop.open dd {height:auto;overflow:visible;opacity:1;min-width:200px;z-index:1001;}
dl.drop dd ul, dl.drop dd li {display:block;margin:0;padding:0;text-align:left;}
dl.drop dd ul {border-top:1px solid #E2E2E2;}
dl.drop dd ul:first-child {border-top-width:0;}

/* @.select-css*/
.select-css {
	display: inline-block; width: 150px;
	font-size: 14px;
	font-family: 'icomoon',sans-serif;
	font-weight: 550;
	color: #444;
	line-height: 1.1;
	padding: .5em 1.6em .5em .8em;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .2em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: rgba(255, 255, 255, 0.762);
    background-image: url('../img/arrow.png'), 
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: 1.5em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 1px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}
.select-css option:hover{
    background-color: gr;
}

.select-check{
      background-image: url('../img/picto-green-check.png'),    
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
      padding:0 40px 0 10px !important;
    -webkit-padding-end: 40px !important;
    -webkit-padding-start: 10px !important;
}

.select-choose{
    background-image: url('../img/arrow.png'),    
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}


/* .features list */
.features {clear:both;margin:0 0 0 0;}
.features li {font-size:.875em;border-top:1px solid #EEEEEE;}
.features li:first-child {border-top-width:0;}
/*.features .label {}*/
.features .value {font-weight:bold;}

/* BADGE */
.badge {position:relative;}
.badge .nb {
    position:absolute;display:block;top:auto;right:-1em;bottom:50%;left:auto;border-radius:50%;border:2px solid #1C3752;overflow:hidden;background:#F95A5E;
    text-align:center;font-size:.625em;line-height:2;width:2em;height:2em;
}

/**
 * TAG
 * .tag {display:inline-block;background-color:#00B5F7;padding:0 .5em;margin-right:.25em;border-radius:8px;font-size:12px;color:#FFF;font-weight:bold;}
 * .tag .remove {display:inline-block;padding-left:.125em;margin-left:.125em;border-left:1px solid #FFF;line-height:inherit;}
 */

/* .TOOLTIP */
.tooltip {position:relative;cursor:help;}
.tooltip .tooltip-content {
    opacity:0;
    position:absolute;
    display:none;
    top:50%;
    right:120%;
    left:auto;
    width:0;
    height:0;
    margin-top:-1em;
    padding:0 .5em;
	background-color:#CAB;
    text-align:left;
    color:#000;
    font-weight:bold;
    font-size:.75em/*10*/;
    line-height:2;
    letter-spacing:.1em;
    white-space:nowrap;
	-webkit-box-shadow: 0 0 3px hsla(1,0%,0%,.5);
    box-shadow: 0 0 3px hsla(1,0%,0%,.5);
    border: solid 1px #000;
    border-radius: 3px;
}
.tooltip .tooltip-title {display:inline;}
.tooltip:hover .tooltip-content {
	display:inline-block;opacity:1;width:auto;height:auto;zoom:1;*display:inline;

    -webkit-transition: width 0s, height 1s .2s, opacity 1s .25s;
    -moz-transition: width 0s, height 1s .2s, opacity 1s .25s;
    -o-transition: width 0s, height 1s .2s, opacity 1s .25s;
    -ms-transition: width 0s, height 1s .2s, opacity 1s .25s;
    transition: width 0s, height 1s .2s, opacity 1s .25s;
}

.tooltip .tooltip-content {font-size:11px;font-size:0.6875rem;line-height:1.2;white-space:normal;}
.tooltip .tooltip-content:after {
	content: '';
	position:absolute;top:50%;left:100%;margin-top:-3px;width:0;height:0;
	border: 3px solid transparent;border-left-color:#333;
}

.tooltip.top-left .tooltip-content {padding:.5em;top:auto;right:auto;bottom:135%;left:0;}
.tooltip.top-left:hover .tooltip-content {width:250px;height:auto; display: inline-block}
.tooltip.top-left .tooltip-content:after {top:100%;right:auto;bottom:auto;left:1em;margin-top:0;width:0;height:0;border-top-color:#333;}

.tooltip.top-right .tooltip-content {padding:.5em;top:auto;right:0;bottom:100%;left:auto;}
.tooltip.top-right:hover .tooltip-content {width:250px;height:auto; display: inline-block}
.tooltip.top-right .tooltip-content:after {top:100%;right:1em;bottom:auto;left:auto;margin-top:0;width:0;height:0;border: 3px solid transparent;border-top-color:#333;}

.tooltip.bot-right .tooltip-content {padding:.5em;top:100%;right:0;bottom:0;left:auto;}
.tooltip.bot-right:hover .tooltip-content {width:250px;height:auto; display: inline-block}
.tooltip.bot-right .tooltip-content:after {top:auto;right:1em;bottom:100%;left:auto;margin-top:0;width:0;height:0;border: 3px solid transparent;border-top-color:#333;}

.tooltip.tool-right .tooltip-content {padding:.5em;top:0;right:auto;bottom:auto;left:100%;}
.tooltip.tool-right:hover .tooltip-content {width:30em;height:auto; display: inline-block; overflow-wrap: break-word}
.tooltip.tool-right .tooltip-content:after {top:auto;right:auto;bottom:auto;left:100%;margin-top:0;width:0;height:0;border: 3px solid transparent;border-top-color:#333;}

.tooltip.tool-left .tooltip-content {padding:.5em;top:0;right:100%;bottom:auto;left:auto;}
.tooltip.tool-left:hover .tooltip-content {width:30em;height:auto; display: inline-block; overflow-wrap: break-word}
.tooltip.tool-left .tooltip-content:after {top:auto;right:100%;bottom:auto;left:auto;margin-top:0;width:0;height:0;border: 3px solid transparent;border-top-color:#333;}

/* SWIFT */
.swift {padding-bottom:1.5em;}
.swift table {margin:0 2.739726027% 0 0;padding:0;width:97.260273973%;font-size:.875em;line-height:1.142857143;}
.swift table thead th {font-size:.75em;font-style:oblique;color:#666;}
.swift table thead th, .swift table tbody td {padding:.5em;border-top:1px solid #CFD4D8;}
.swift table tbody td {vertical-align:top;}
.swift table thead p {margin:.75em 0;padding:0;}
.swift table thead p .hide-fields {margin-right:1em;}
.swift table tbody tr.swt-mandatory td.ref, .swift table tbody tr.swt-mandatory td.label {font-weight:bold;color:#333;}
.swift table tbody tr.hidden {display:none !important;}
.swift table tbody tr.notice td {color:red;}
.swift table tbody td.ref {width:5%;font-size:.875em;white-space:nowrap;}
.swift table tbody td.min-size {max-width: .5em;white-space: initial;}
.swift table tbody td.label {width:25%;font-size:.875em;}
.swift table tbody td.value {padding:.5em 0;}
.swift table tbody td.value p {padding:0 0 0 .5em;margin:0;}
.swift table tbody tr.unknown_field td {background-color:red;}
.swift table tbody tr.field_replaced td {background-color:#EE585A;}
.swift table tbody textarea {height:5em;}
.swift table tbody textarea.large {height:32em;}
div p textarea.large {height:20em;}
.swift table tbody textarea,
.swift table tbody input,
.swift table tbody .select-wrapper {margin:0 0 .25em 0;}

.swift .autocomplete-wrapper {display:block;padding:.5em 1em;margin:0;background-color:#FFF;border:1px solid #E8E8E8;border-left:3px solid #3B75B4;color:#3B75B4;line-height:2;}
.swift .autocomplete-wrapper label {font-size:1em;color:#3B75B4;}
.swift .autocomplete-wrapper a {color:#3B75B4;text-decoration:underline;}

/*Dropdown consortium (garantie) */
.swift table #consortium_title .consortium_title {position:relative;width:fit-content;display:flex;cursor:pointer;}
.swift table #consortium_title .consortium_title .icon::after,
.swift table #consortium_title .consortium_title .icon::after {content:'\e632';position:relative;top:3px;left:10px;width:1em;height:auto;font-family:'icomoon';}
.swift table #consortium_title .consortium_title .arrow-down::after {content: '\e633';}


/*Dropdown local undertaking (garantie) */
.swift table #local_undertaking_title .local_undertaking_title {position:relative;width:fit-content;display:flex;cursor:pointer;}
.swift table #local_undertaking_title .local_undertaking_title .icon::after,
.swift table #local_undertaking_title .local_undertaking_title .icon::after {content:'\e632';position:relative;top:3px;left:50px;width:1em;height:auto;font-family:'icomoon';}
.swift table #local_undertaking_title .local_undertaking_title .arrow-down::after {content: '\e633';}


/* @.pagination */
nav.pagination {padding:.75em 1.5em;border:1px solid #E8E8E8;border-width:1px 0;}
nav.pagination p {margin-bottom:0;}
nav.pagination a {font-size:.875em;}
nav.pagination a .icomoon {font-size:.857142857em;line-height:2em;letter-spacing:-.5em;}
nav.pagination a.first {margin-right:1.5em;}
nav.pagination a.first .icomoon, nav.pagination a.previous .icomoon {margin-right:.5em;}
nav.pagination a.last {margin-left:1.5em;}
nav.pagination a.last .icomoon, nav.pagination a.next .icomoon {margin-left:.25em;}

/* @.popup .simple-form */
.popup .wrapper.simple-form {padding-top:0;}
.popup .close {padding:.5em 0 0 0;}

/* LAYOUT */
html, body {margin:0;padding:0;}
body {background-color:#DDDDDD;font: normal 100%/1.5em 'Helvetica','Arial',sans-serif;text-align:center;}
section {background-color:#E8E8E8;}
article, header.main .wrapper, footer.main .wrapper {width:900px;margin:0 auto;text-align:left;}

header.top .wrapper {padding-top:1em;width:900px;margin:0 auto;text-align:left;}
header.top .wrapper p {margin:0;}

article {margin-top:1.5em;}
article > .wrapper {background-color:#FFF;}
article .wrapper {padding:1.5em;}

article h1 {font-size:2em;margin-bottom:.75em;}
article h2 {font-size:1.5em;margin-bottom:1em;color:#000;}
article h3 {font-size:1.25em;margin-bottom:1.2em;}
article h3 strong {font-family:'SourceSansProSemibold', sans-serif;}
article h4 {font-size:1.125em;margin-bottom:1.333333333em;}
article h5 {font-size:1em;margin-bottom:1.5em;}

article ul li {font-size:.875em;}

article hgroup {margin-bottom:1.5em;}
article hgroup h1, article hgroup h2, article hgroup h3, article hgroup h4, article hgroup h5 {margin:0;}
article .wrapper.columns {margin-bottom:0;padding:0;}
article .wrapper.columns .column {float:left;width:48.8%;margin:0 1.2% 0 0;}
article .wrapper.columns .column.last {float:left;width:48.8%;margin:0 0 0 1.2%;}

/* .object : page/list */
.object {background-color:#FFF;}

/* table.object-list : object pages */
table.object-list {padding:0;width:100%;font-size:.875em;border-collapse:collapse;border-spacing:0;text-align:left;}
table.object-list thead tr th {padding:.5em; border-top:1px solid #E8E8E8; font-style:oblique; font-weight:normal; font-size:.875em; line-height:1.2; color:#999; letter-spacing:.05em; text-align: left; }
table.object-list thead tr th.right {text-align: right;}
table.object-list thead tr th.center {text-align: center;}
table.object-list thead tr th a:link.sorted, table.object-list thead tr th a:visited.sorted,  table.object-list thead tr th a:hover.sorted {color:#000;text-decoration:underline;}
table.object-list thead tr th p.toggle-documents-selection a {text-decoration:underline;color:#35546B;}
table.object-list tbody tr td {padding:.5em;}
table.object-list tbody tr td {background-color:#FFFFFF;}
table.object-list tbody tr:nth-child(odd) td {background-color:#F5F5F5;}
table.object-list tbody tr:nth-child(even) td {background-color:#FFFFFF;}

table.object-list table tbody tr td {padding:0;background:none;border-width:0;}
/*.simple-form fieldset table.object-list {padding:0;margin-bottom:1.5em;width:97.260273973%;font-size:.875em;margin-right:1.714285714em;}*/

/* @header.main */
header.main {background-color:#1C3752;line-height:42px;margin-bottom:0;/*position:fixed;width:100%;*/}
header.main .wrapper {padding:.5em 0;}
header.main .logo img {display:block;margin:0 .5em 0 0;padding:0;}
header.main .search {position:relative;margin-right:1.5em;border-bottom:1px solid #B3C4D6;}
header.main .search button {position:absolute;display:block;top:0;right:0;bottom:auto;left:auto;height:100%;margin:0;padding:0;background:none;border-width:0;color:#B3C4D6;}
header.main .search input[type="text"] {border-width:0;background-color:transparent;color:#B3C4D6;}
header.main .utils {text-align:right;}
header.main .utils li {margin-left:1em;display:inline;color:#FFFFFF;letter-spacing:.1em;}
header.main .utils li a {color:#FFFFFF;}

header.main .tooltip .tooltip-content {top:0;right:0;left:auto;width:0;height:0;margin-top:2em;padding:0 .5em;}
header.main .tooltip:hover .tooltip-content {opacity:1;width:auto;height:auto;}
header.main .tooltip .tooltip-content:after {content:'';position:absolute;top:auto;right:.5em;bottom:100%;left:auto;width:0;height:0;border: 6px solid transparent;border-bottom-color:#333;}

/* @header.main nav */
header.main nav {background-color:#FFFFFF;border-top:1px solid #324355;border-bottom:1px solid #E8E8E8;}
header.main nav .wrapper {padding:0;}
header.main nav ul {text-align:center;}
header.main nav ul li {
    position:relative;display:inline-block;margin:.5em 0;padding:0 1em;border-right:1px solid #E8E8E8;
    zoom:1;*display:inline;
}
header.main nav ul li.last {border-width:0;}
header.main nav ul li a {
    display:inline-block;font-size:.875em;line-height:2.285714286;height:2.285714286em;
    zoom:1;*display:inline;
}
header.main nav ul li a:hover {color:#666;}
header.main nav ul li.current a {color:#1C3752;cursor:default;}
header.main nav ul li.current:before {content:"";display:block;position:absolute;top:3.1em;left:50%;margin-left:-8px;width:0;height:0;border:8px solid transparent;border-top-color:#FFF;zoom:1;*display:inline;}

header.main dl.drop dt {display:inline-block;padding:0 0.6rem;cursor:pointer;zoom:1;*display:inline;}
header.main ul.utils dl.drop dt .icomoon {font-size:.75em;color:#FFF;}
header.main ul.utils dl.drop.open dt .icomoon {color:#1C3752;}
header.main dl.drop dd {top:1.9em;}
header.main dl.drop dd ul {padding:.5em 0;margin:0;}
header.main dl.drop dd ul li {display:block;border:none;}
header.main dl.drop dd ul li a {display:block;padding:0;margin:0;height:auto;line-height:1.5em;}
header.main dl.drop.open dt {
    background-color:#F9F9F9;
    -webkit-box-shadow: 0 -1px 1px hsla(1,0%,50%,.125), 1px 0 1px hsla(1,0%,50%,.125), -1px 0 1px hsla(1,0%,50%,.125);
    box-shadow: 0 -1px 1px hsla(1,0%,50%,.125), 1px 0 1px hsla(1,0%,50%,.125), -1px 0 1px hsla(1,0%,50%,.125);
}
/* header.main dl.drop:hover dt {
    background-color:#F9F9F9;
    -webkit-box-shadow: 0 -1px 1px hsla(1,0%,50%,.125), 1px 0 1px hsla(1,0%,50%,.125), -1px 0 1px hsla(1,0%,50%,.125);
    box-shadow: 0 -1px 1px hsla(1,0%,50%,.125), 1px 0 1px hsla(1,0%,50%,.125), -1px 0 1px hsla(1,0%,50%,.125);
} */
header.main dl.drop dd {
    background-color:#F9F9F9;
    -webkit-box-shadow: 0 1px 1px hsla(1,0%,50%,.125), 1px 1px 1px hsla(1,0%,50%,.125), -1px 1px 1px hsla(1,0%,50%,.125);
    box-shadow: 0 1px 1px hsla(1,0%,50%,.125), 1px 1px 1px hsla(1,0%,50%,.125), -1px 1px 1px hsla(1,0%,50%,.125);
}

header.main ul.utils dl.drop dt {color:#FFF;}
header.main ul.utils dl.drop.drop dt {color:#1C3752;}
/*header.main ul.utils dl.drop:hover dt {color:#1C3752;}*/
header.main ul.utils dl.drop dd ul li a:link, header.main ul.utils dl.drop dd ul li a:visited {color:#1C3752;font-size:.75em;}
header.main ul.utils dl.drop dd ul li a:hover {color:#111;text-decoration:underline;transition:color .1 ease-in-out}


/* @.breadcrumb */
nav.breadcrumb {margin:0;padding:0;}
nav.breadcrumb ul {margin:0;padding:0;list-style:none;}
nav.breadcrumb ul li {display:inline;}
nav.breadcrumb ul li, nav.breadcrumb ul li a:link, nav.breadcrumb ul li a:visited {color:#666;}
nav.breadcrumb ul li a:hover {color:#1C3752;}
nav.breadcrumb ul li:after {content:"\e634";margin:0 .5em;font-family:'icomoon';font-size:.75em;font-weight:normal;text-align:middle;}
nav.breadcrumb ul li:last-child:after {content:"";margin:0;}

/* @footer.main */
footer.main {margin-top:1.5em;background-color:#DDDDDD;border-top:1px solid #CCCCCC;}
footer.main .wrapper {min-height:233px;padding:1.5em 0 0 248px;width:652px;background: url('../img/logo-finelia-footer.png') no-repeat 0 1.5em;color:#666;}
footer.main p {font-size:.875em;}
footer.main .download img {float:left;margin-right:2em;border:2px solid #CCCCCC;}
footer.main .download {text-indent:-.875em;}
footer.main .download .filesize {font-style:oblique;}
footer.main .download a:hover img {
    border-color:#888;
    -webkit-transition: border-color .5s;-moz-transition: border-color .5s;-o-transition: border-color .5s;-ms-transition: border-color .5s;transition: border-color .5s;
}

/* @.login */
.login {width:100%;height:100%;margin:0;background-color:#E8E8E8;}
.login article {margin:0 auto;width:550px;}
.login hgroup .logo-wrapper {margin:1.5em 0;}
.login hgroup .logo-wrapper img {display:block;margin:0 auto;padding:0;}
.login form {text-align:left;background-color:#FFF;border:1px solid #E5E5E5;color:#666666;}
.login form fieldset {padding:3em;border-width:0;}
.login fieldset p {margin-bottom:1.5em;}
.login fieldset p label {line-height:2.0625;}
.login a:link, .login a:visited {color:#999;text-decoration:none;font-size:.75em;line-height:1;}
.login a:hover {color:#1C3752;}

/* @.messages-list */
.messages-list {background-color:#FFF;}

/* @.message-import */
.message-import textarea {height:300px;font-size:.75em;}

/* @.message-new */
.message-new {background-color: #FFF;}
.message-new textarea {height:20em;}
.message-new .file-list {margin-right:1.5em;border-top:1px solid #E8E8E8;}
.message-new .file-list li {border-bottom:1px solid #E8E8E8;}
.message-new .file-list li p {margin:0;padding:0;font-size:.875em;line-height:2.285714286;}
.message-new .file-list li p strong a {color:#0473DC;}
.message-new .file-list .filename-date {margin-left:1em;color:#666;}
td.filename {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* @.module-message */
fieldset.module-message {padding-bottom:.75em;border-bottom:1px solid #E8E8E8;}
.module-message p {margin:0;}
.module-message p.details {margin:0 .75em 0 0;font-size:.875em;}

/* @.credoc-charges */
.credoc-charges .list-charges {margin:0 1.5em .75em 0;}
.credoc-charges .list-charges li {padding-top:.75em;border-bottom:1px solid #E8E8E8;}
.credoc-charges .list-charges button.continue {margin-left:1em;}

/* @.credocs-list */
.credocs-list {background-color:#FFF;}
.credocs-list .search-container .simple-form.vtabs dl dd {border-top:1px dotted #E8E8E8;border-width:1px 0 0 0;}
.credocs-list .search-container .simple-form.vtabs dl.closed dd {border-width:0 0 0 0;}

.credocs-results-list .pagination {border-top:1px solid #E8E8E8;}
.credocs-results-list p {margin-bottom:0;}
.credocs-results-list .cell p {text-align:center;background-color:#FFF;border-right: 1px solid #E8E8E8;}

/*.credocs-results-list .steps {float:left;width:11.111111111%;}*/
.credocs-results-list .steps {float:left;width:66px;}
.credocs-results-list .steps.cell-span-9 {width:100%;border-right-width:0;}
.credocs-results-list .steps.cell-span-8 {width:88.888888888%;}
.credocs-results-list .steps.cell-span-7 {width:77.777777777%;}
.credocs-results-list .steps.cell-span-6 {width:66.666666666%;}
.credocs-results-list .steps.cell-span-5 {width:55.555555555%;}
.credocs-results-list .steps.cell-span-4 {width:44.444444444%;}
.credocs-results-list .steps.cell-span-3 {width:33.333333333%;}
.credocs-results-list .steps.cell-span-2 {width:22.222222222%;}
.credocs-results-list .steps.cell-span-1 {width:11.111111111%;}

.credocs-results-list .steps_import {float:left;width:80px;}
.credocs-results-list .steps_import.cell-span-7 {width:100%;border-right-width:0;}
.credocs-results-list .steps_import.cell-span-6 {width:85,71428571%;}
.credocs-results-list .steps_import.cell-span-5 {width:71,428571425%;}
.credocs-results-list .steps_import.cell-span-4 {width:57,14285714%;}
.credocs-results-list .steps_import.cell-span-3 {width:42,857142855%;}
.credocs-results-list .steps_import.cell-span-2 {width:28,57142857%;}
.credocs-results-list .steps_import.cell-span-1 {width:14,285714285%;}

.credocs-results-list .credocs-list-header {background-color:#FFF;border: 1px solid #E8E8E8;border-width: 1px 0 0 0;font-size:.75em;line-height:1.2;}

.credocs-results-list .credocs-list-header .cell p {margin:0;padding:2em 0;font-weight:bold;text-align:center;line-height:1em;font-size:.833333333em;}
.credocs-results-list .credocs-list-header .cell.last p {border-right-width:0;}

.credocs-results-list .tooltip:hover .tooltip-content {width:auto;white-space:nowrap;}

.credocs-list-contents {
  border: 1px solid #E8E8E8;border-width:1px 0 0 0;background: #E8E8E8 url('../img/credoc-list-bg.png') repeat 306px top;font-size:.75em;line-height:1.2;
}

.header-label,
.credoc-label {float:left;width:306px;}

.header-steps-container,
.credoc-steps-container {float:right;width:594px;}

.utilisation-label-container {float:left;width:570px;background-color:#E8E8E8;}
.bank-quotation-request-label-container {float:left;width:504px;background-color:#E8E8E8;}
.utilisation-steps-container {float:left;width:330px;}

.header-steps-container .steps,
.credoc-steps-container .steps {width:66px;}

.header-steps-container .import,
.credoc-steps-container .import {width:84px;}
/*.utilisation-steps-container .steps {width:66px;}*/
/*.credoc-item-utilisations-list .utilisation-item .steps {width:66px;}*/

.credocs-list-contents .credoc-label p {line-height:1.2;}
.credocs-list-contents .steps p {
  line-height:5em;min-height:5em;
  padding:0;margin:0;
}
.credocs-list-contents .steps.pending.cell-toggle-util p {border-right:1px solid #CCCCCC;}
.credocs-list-contents .steps.pending p {padding:0;-webkit-box-shadow: 1px 0 0 #E1E1E1;box-shadow: 1px 0 0 #E1E1E1;border-right:1px solid #6d9f2d;}
.credocs-list-contents .steps.pending p a:link,
.credocs-list-contents .steps.pending p a:visited {
  display:block;background-color:#83C42C;line-height:5em;color:#FFF;font-weight:bold;
}
.credocs-list-contents .steps.negotiation_step.cell-toggle-util p {border-right:1px solid #CCCCCC;}
.credocs-list-contents .steps.negotiation_step p {padding:0;-webkit-box-shadow: 1px 0 0 #E1E1E1;box-shadow: 1px 0 0 #E1E1E1;border-right:1px solid #e7a102;}
.credocs-list-contents .steps.negotiation_step p a:link,
.credocs-list-contents .steps.negotiation_step p a:visited {
    display:block;background-color:#FCB003;line-height:5em;color:#FFF;font-weight:bold;
}
.credocs-list-contents .steps.done p a:link,
.credocs-list-contents .steps.done p a:visited {display:block;line-height:5em;color:#DDDDDD;}
.credocs-list-contents .steps.done .cell-green a:link,
.credocs-list-contents .steps.done .cell-green a:visited {color:#FFFFFF;}
.credocs-list-contents .steps.pending p a:link.toggle-utilisations,
.credocs-list-contents .steps.pending p a:visited.toggle-utilisations {
  background-color:#F8F8F8;
  color:#666;line-height:5em;
}
.credocs-list-contents .steps p a .icomoon {line-height:4.90em;}
.credocs-list-contents .credoc-label p,
.credocs-list-contents .utilisation-label p {
  padding:0 1em;min-height:5em;text-align:left;line-height:1;
}

.credoc-item-utilisations-list .utilisation-item {border-top:1px solid #E8E8E8;}
.utilisation-label-container .utilisation-label p {position:static;text-align:left;margin-left:100px;padding-left:1em;line-height:1.2;}
.bank-quotation-request-label-container .utilisation-label p {position:static;text-align:left;margin-left:100px;padding-left:1em;line-height:1.2;}
.utilisation-steps-container .steps {position:static;float:left;width:66px;}
.utilisation-steps-container .import {position:static;float:left;width:84px;}

.date-wrapper {display:block;position:relative;margin:0;padding:0;}
.date-wrapper .date {
  display:block;position:absolute;
  top:auto;right:0;bottom:0;left:0;height:0;
  background:#FFF;overflow:hidden;font-size:.833333333em;line-height:1;color:#AAA;
  -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;
}
.date-wrapper:hover .date {
  height:1.2em;padding:.5em 0;border-top:1px solid #E8E8E8;
    -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;
}

.credoc-item-utilisations-list .utilisation-item.odd .cell p {background-color:#FCFCFC;}
.credoc-item-utilisations-list .utilisation-item.even .cell p {background-color:#F8F8F8;}
.credoc-item-utilisations-list .utilisation-item.odd .cell .cell-green {background-color:#83C42C;}
.credoc-item-utilisations-list .utilisation-item.even .cell .cell-green {background-color:#83C42C;}

.credocs-list-contents .credoc-label p strong, 
.credoc-item-utilisations-list .utilisation-label p strong {display:block;padding-top:.75em;}

.credocs-list-contents .credoc-label p a, 
.credoc-item-utilisations-list .utilisation-label p a {display:block;color:#000;}

.credocs-list-contents .label {color:#888;}
.credocs-list-contents .details img {margin:0;padding:0;vertical-align:middle;}
.credocs-list-contents .details:after {content:'';margin:0 .25em;border-left:1px solid #E8E8E8;}
.credocs-list-contents a .details.last:after {display:none;}


/* .notes */
.tab-notes {background-color:#FFF;padding-top:0;}
.tab-notes form fieldset:nth-last-child(2) {background-color:#FFF;border-width:0;}
.tab-notes.simple-form fieldset {padding-bottom:0;padding-top:2em;}
.tab-notes.simple-form fieldset .selector {margin-bottom:0;}
.tab-notes .notes-list {list-style-type:none;}
.tab-notes .notes-list li {margin:0;padding:.75em 0;border-top:1px solid #E8E8E8;}
.tab-notes .notes-list li:first-child {border-top-width:0;padding-top:0;}
.tab-notes .notes-list li p {margin-bottom:0;font-size:.875em;}

/* .credoc-documents-list */
.credoc-documents-list .wrapper {background-color:#FFF;}
.credoc-documents-list .wrapper.simple-form {padding-top:.75em;}
.credoc-documents-list .list-data textarea {height:8em;}
.credoc-documents-list .utilisation-header {margin-bottom:1.5em;border-bottom:1px solid #E8E8E8;}
.credoc-documents-list .utilisation-details {font-size:.875em;}
.credoc-documents-list .document-add {margin-bottom:1.5em;}
.credoc-documents-list .document-add dl dt:after {content:'';display:none;}
.credoc-documents-list .document-add dl dt .icomoon {font-size:.75em;margin-left:.5em;vertical-align:middle;}

/*@.document-edit*/
.document-edit textarea {height:4em;}

/* .credoc-operational */
.credoc-operational .notifications ul {list-style-type:none;margin-bottom:3em;}
.credoc-operational .notifications ul li {margin-bottom:.125em;}
.credoc-operational .notifications .notification .icomoon {font-size:1.25em;line-height:1;margin-right:1em;vertical-align:middle;}

/* .swift-fields-list */

.swift-fields-list dl dt {padding-right:3em;}
.swift-fields-list dl dt:after {width:3em;line-height:2em;}
.swift-fields-list dt p {margin-left:1em;margin-bottom:0;font-size:.875em;}
.swift-fields-list dt p .tooltip .tooltip-title {display:block;}
.swift-fields-list dt p .tooltip.top-left .tooltip-content {bottom:2em;}
.swift-fields-list dd {background-color:#FFF;}
.swift-fields-list dd .help {border-width:1px 0 0 3px;}

.credoc-examen div.wrapper {background-color:#FFF;}
.credoc-examen .vtabs.help-tab {margin-bottom:1.5em;}
.credoc-examen .vtabs.help-tab dl dt:after {content:'\e61b';}
.credoc-examen .vtabs.help-tab dl dt {padding-left:0;}
.credoc-examen .vtabs.help-tab dl dd {border-width:0;}

.credoc-examen #step_validation {margin-bottom:1.5em;}
.credoc-examen .swift-fields-list dd {border:1px solid #E8E8E8;border-width:1px 1px 0 1px;}
.credoc-examen .swift-fields-list dl.closed dd {border-width:0 1px 0 1px;}
.credoc-examen .swift-fields-list dd .new-comment {padding:1.5em 0;margin-bottom:0;}
.credoc-examen .swift-fields-list dd form + ul {border-top:1px solid #E8E8E8;}
.credoc-examen .swift-fields-list dd ul li.comment-item {padding:.5em 0;margin:0;border-bottom:1px dotted #E8E8E8;}
.credoc-examen .swift-fields-list dd ul li:last-child.comment-item {border-bottom-width:0;}
.credoc-examen .swift-fields-list dd li.comment-item.hiddeForm form {display:none;}
.credoc-examen .swift-fields-list dd li.comment-item.hiddeForm .data-display {display:block;}
.credoc-examen .swift-fields-list dd li.comment-item form {display:block;}
.credoc-examen .swift-fields-list dd li.comment-item .data-display {display:none;}
.credoc-examen .swift-fields-list dd li.comment-item p {padding:0;margin:0;font-size:.8125em;}
.credoc-examen .required-documents hgroup p {margin-bottom:0;}

.credoc-examen .global-comments dl dt {padding-right:1.5em;padding-left:0;}
.credoc-examen .global-comments dl dt:after {width:1.5em;}
.credoc-examen .global-comments dd {border-bottom:1px solid #E8E8E8;}
.credoc-examen .global-comments dd .new-comment {padding:1.5em 0;margin-bottom:0;}
.credoc-examen .global-comments dd ul {padding:1.5em;}
.credoc-examen .global-comments dd li.comment-item {padding-bottom:0;margin-bottom:1em;}
.credoc-examen .global-comments dd li.comment-item p {padding:0;margin:0;font-size:.8125em;}
.credoc-examen .global-comments dd li.comment-item.hiddeForm form {display:none;}
.credoc-examen .global-comments dd li.comment-item.hiddeForm .data-display {display:block;}
.credoc-examen .global-comments dd li.comment-item form {display:block;}
.credoc-examen .global-comments dd li.comment-item .data-display {display:none;}

/* credoc-modification inherits from .swift-fields-list */
.credoc-modification .swift-fields-list dd.hiddeForm form {display:none;}
.credoc-modification .swift-fields-list dd.hiddeForm .data-display {display:block;}
.credoc-modification .swift-fields-list dd form {display:block;}
.credoc-modification .swift-fields-list dd .data-display {display:none;}
.credoc-modification .swift-fields-list dd form + ul {border-top:1px solid #E8E8E8;}
.credoc-modification .swift-fields-list dd ul li.comment-item {padding:.5em 0;margin:0;border-bottom:1px dotted #E8E8E8;}
.credoc-modification .swift-fields-list dd ul li:last-child.comment-item {border-bottom-width:0;}
.credoc-modification .swift-fields-list dd form {padding:1.5em;margin:0;}
.credoc-modification .swift-fields-list dd form textarea {height:8em;}
.credoc-modification .swift-fields-list dd form p {margin-bottom:.75em;font-size:.875em;}
.credoc-modification .swift-fields-list dd form p:last-child {margin-bottom:0;font-size:.875em;}
.credoc-modification .swift-fields-list dd .modification {padding: .75em 1.5em;background-color:#EE585A;}
.credoc-modification .swift-fields-list dd .modification p {padding:0;margin-bottom:0;}
.credoc-modification .swift-fields-list dd .modification p.modification-description {color:#FFF;font-size:.875em;line-height:1.142857143;letter-spacing:.1em;}
.credoc-modification .swift-fields-list dd .modification p a {color:#FFF;}
.credoc-modification .swift-fields-list dd ul li.comment-item {padding:.5em 0;margin:0;border-bottom:1px dotted #E8E8E8;color:#888;}
.credoc-modification .swift-fields-list dd li.comment-item p {padding:0;margin:0;font-size:.8125em;}
.credoc-modification .mail-preview {background-color:#FFF;border:1px solid #E8E8E8;padding:1.5em;}
.credoc-modification .mail-preview p {overflow:auto;height:32em;padding:1.5em 0;}

/* .credoc-details */
.credoc-details .wrapper {padding:1.5em;margin:0;}

.credoc-details .summary p {margin-bottom:0;}
.credoc-details .summary p.donneur-ordre {line-height:1.3;}
.credoc-details .summary .details p {margin-left:1em;font-size:.875em;}
.credoc-details .summary .label {font-size:.857142857em;font-style:oblique;color:#AAA;}
.credoc-details .summary .country .tooltip-content {width:auto;white-space:nowrap;font-size:.75em;bottom:2.5em;}
.credoc-details .summary .country img {vertical-align:middle;}
.credoc-details .summary .actions {font-size:.75em;line-height:1.2;}
.mt700-icon {font-size:2.5em;}
/*
.credoc-details .steps-summary {border:1px solid #E8E8E8;border-width: 1px 0;font-size:.75em;line-height:1.2;}
.credoc-details .steps-summary .cell {float:left;margin:0;padding:0;;text-align:center;}
*/

.credoc-details .simple-form.credoc-actions {background-color:#FFF;border-top:1px solid #EEE;}
.credoc-details .simple-form.credoc-actions fieldset {margin:0;padding:.75em 0 .75em 0;font-size:.875em;}
.credoc-details .simple-form.credoc-actions fieldset p {margin:0;padding:0 1em 0 0;}

/* @.mt-preview */
.mt-swift-list {padding:1.5em;}
.mt-swift-list li {padding:.25em 0;border-bottom:1px solid #E8E8E8;}
.mt-swift-list li p {padding-left:1em;font-size:.875em;}
.mt-swift-list .tooltip .tooltip-title {display:block;}
.mt-swift-list .tooltip .tooltip-content {bottom:2em;}

/* .credoc-new */
.credoc-new fieldset {padding-bottom:.75em;border-bottom:1px solid #cfd4d8;}
.credoc-new .attachment {display:block;margin:0 1.5em 0 0;line-height:1.5;list-style-type:none;}
.credoc-new .attachment li {padding:.25em 0;border-bottom: 1px dotted #CFD4D8;}
.credoc-new .attachment li:last-child {border-bottom-width:0;}
.credoc-new .title {font-size:.875em;color:#000;}
.credoc-new .comment {font-size:.875em;color:#666;}
.credoc-new .details {font-size:.875em;color:#000;}
.credoc-new .details abbr {color:#666;}
/*.credoc-new .tabs {margin-bottom:1.5em;}*/

ul.incoterms {margin-right:1.5em;}
ul.incoterms li p {margin:0 0 .75em 0;}

/* ACCOUNT */
.account, .interface-settings {background-color:#FFF;}

/* MESSAGE */
.message {background-color:#FFF;}
.message header {position:relative;padding:1.5em 1.5em 1.5em 3em;color:#666;border-bottom:1px solid #EEE;}
.message header .status {position:absolute;display:block;top:0;right:auto;bottom:auto;left:0;width:5px;height:100%;overflow:hidden;background-color:#06B3F7;}
.message header p {margin:0;}
.message header .from {font-weight:bold;}
.message header .date {font-size:.875em;line-height:1.714285714em;}
.message .file-content-details, .message .file-content {font-size:.875em;border-bottom:1px solid #EEE;}
.message .message-content {border-bottom:1px solid #EEE;}
.message .file-content-details {padding:1.5em 0;border-bottom:1px dashed #E8E8E8;}
.message .actions .wrapper {padding: 1.5em 0 1.5em 1.5em;}
.message .message-content .subject {font-weight:bold;font-size:.875em;}
.message .file-content {font-family: monospace;}
.message .actions p {margin-right:1.5em;}
.message .file-content-details .filename {color:#00B5F7;}

/* contract */
.contract {background-color:#FFF;}
.hidden2 {display:none !important}
.pad1v { padding-top: 1em !important; padding-bottom: 1em !important; }
.pad1h { padding-left: 1em !important; padding-right: 1em !important; }
.loading {background: url('../img/ajax-loader.gif') center center no-repeat;}
.progress {height:2px;margin-right:1.5em;margin-bottom:1.5em;}
.progress .bar {height: 2px;background-color:#BFED28;width:0;}

.w8_9 {float:left;width:88.888888888%;}
.w7_9 {float:left;width:77.777777777%;}
.w6_9 {float:left;width:66.666666666%;}
.w5_9 {float:left;width:55.555555555%;}
.w4_9 {float:left;width:44.444444444%;}
.w3_9 {float:left;width:33.333333333%;}
.w2_9 {float:left;width:22.222222222%;}
.w1_9 {float:left;width:11.111111111%;}

.table_row, .table_cell p {border-color: #E8E8E8;border-style: solid;}
.table_header, .table_cell { background-color: #FFF;}
.table_header p {margin:0;padding:.75em 0;line-height:1.2;font-weight:bold;}

.table_cell.done {background: #FFF url('../img/picto-grey-check.png') no-repeat center center;}

.table_row {border-width: 1px 0 0 0;}
.table_row .label {color:#999;}
.table_row:first-child { border-width: 0;}

.table_cell p { border-width: 0 0 0 1px;}
.table_cell:first-child p { border-width: 0;}

.table_step_road {background:#F6F6F6 url('/img/credocs-bg-pattern.gif') repeat 0 0;padding:.5em;font-size:.75em;}

.table_cell p {height: 3em;line-height: 1.5em;margin:0;overflow: hidden;padding: 0.4em;}
.favorite {background-color: green;}
.table_cell.pending {padding:0;background-color:#83C42C;}
.table_cell.pending a {display:block;width:100%;line-height:3;color:#FFF;font-weight:bold;}
.table_cell.todo {background-color:#F5F5F5;}

/* @.admin-droits */
.admin-droits .search-form {border-bottom:1px solid #E8E8E8;}
.admin-droits .search-form p {margin-bottom:1.5em;}

.admin-droits .results-message .wrapper {padding:0 0 1.5em 0;}
/*.admin-droits .results-credoc-export .tabs .tab-content .wrapper {padding:1.5em 1.5em 0 1.5em;}*/
.admin-droits .tooltip:hover .tooltip-content {width:auto;white-space:nowrap;font-size:.75em;}

.admin-droits .form-list fieldset h5 {margin-bottom:.5em;}
.admin-droits .form-list fieldset p {margin-bottom:.5em;}

.steps-list {margin-right:1.5em;}
.steps-list li {float:left;width:13.5%;margin:0;padding:0;background-color:none !important;}
.steps-list li p {padding:0 0 0 .5em;margin:0;}
.steps-list ul li:first-child p {padding:0;}

/* @.adm-notifications */
.adm-notifications dl.drop dt {
  cursor: pointer;
}
.adm-notifications dl.drop dt .notification-drop-down {
    text-decoration: underline;
}
.adm-notifications dl.drop.copy-to dd {
  width: 250px;
}
.adm-notifications dl.drop.open dd,  .credoc-new dl.drop.open dd{
    padding: 1em;
    max-height: 200px;
    height: 200px;
    overflow: auto;
    -webkit-box-shadow: 0 0 5px hsla(1,0%,0%,.5);box-shadow: 0 0 5px hsla(1,0%,0%,.5);
}
.adm-notifications dl.drop ul,
.adm-notifications dl.drop li, 
.adm-notifications dl.drop li p {
    margin:0;padding:0;
}
.credoc-new dl.drop li:nth-child(odd) {background-color:#F5F5F5;}

/* @.admin-alertes */
.list-alerts {margin-right:1.5em;}
.list-alerts li {padding:.75em .75em 0 .75em;border-bottom:1px solid #E8E8E8;}
.list-alerts li:nth-child(odd) {background-color:#F5F5F5;}
.list-alerts li:nth-child(even) {background-color:#FFFFFF;}

/* @.deposit */
.deposit-history li {margin:.75em;padding:0;}
.deposit-history p {margin:0;padding:0;}
.deposit-history .title {font-weight:bold;}
.deposit-history .description {margin-left:1.5em;}

/* @.integration */
.integration {background-color:#FFF;}
.integration .columns {padding-bottom:1.5em;}
.integration pre {margin:0;padding:1em 0;width:100%;max-height:200px;overflow:auto;font-size:1em;background-color:#333;color:#CCC;}

/* @project */
#project_creation_project, #project_creation_credoc, #project_creation_credoc_import{
	display:none;
}

.tab{
	height: 100%;
	border: 1px solid #cfd4d8;
	padding: 3px;	
}

.tabActive{
	border: 1px solid black;
}
.tabsContenaire{
	border-bottom: 1px solid #cfd4d8;
	clear:both;
	margin: 0 2.739726027% 0 0;
}
.clearBoth {
	clear:both;
}
.error input{
	background-color: #FBD7CF;
	color: #42301A;
	border-color: #FBC3B6;
}
.regexError{
    color:#FF0000;
}
.runSql:after {
    color: #A9A9A9;
    content:'\e630';
    border: 1px solid #A9A9A9;
}
.runSql:hover:after {
    color: #666;
    border: 1px solid #666;
}

.tooltip2 {
    position:relative;
    cursor:help;
    z-index: 1;
}

.tooltip2 .tooltip-content {
    opacity:0;
    position:absolute;display:none;top:50%;right:120%;left:auto;width:0;height:0;margin-top:-1em;padding:0 .5em;
    background-color:#CAB;text-align:left;color:#000;font-weight:bold;font-size:.75em/*10*/;line-height:2;letter-spacing:.1em;white-space:nowrap;
    -webkit-box-shadow: 0 0 3px hsla(1,0%,0%,.5);box-shadow: 0 0 3px hsla(1,0%,0%,.5);border: solid 1px #000;border-radius: 3px;
}
.tooltip2 .tooltip-title {display:inline;}

.tooltip2 .tooltip-content {
    opacity:1;width:auto;height:auto;zoom:1;
    
    -webkit-transition: width 0s, height 1s .2s, opacity 1s .25s;
    -moz-transition: width 0s, height 1s .2s, opacity 1s .25s;
    -o-transition: width 0s, height 1s .2s, opacity 1s .25s;
    -ms-transition: width 0s, height 1s .2s, opacity 1s .25s;
    transition: width 0s, height 1s .2s, opacity 1s .25s;
}

.tooltip2 .tooltip-content {
    font-size:0.6875rem;line-height:1.2;white-space:normal;}
.tooltip2 .tooltip-content:after {
    content: '';
    position:absolute;top:50%;left:100%;margin-top:-3px;width:0;height:0;
    border: 3px solid transparent;border-left-color:#333;
}

.tooltip2.top-left .tooltip-content {padding:.5em;top:auto;right:auto;bottom:100%;left:0;}
.tooltip2.top-left:hover .tooltip-content {height:auto; display: inline-block}
.tooltip2.top-left .tooltip-content:after {top:100%;right:auto;bottom:auto;left:1em;margin-top:0;width:0;height:0;border: 3px solid transparent;border-top-color:#333;}

.tooltip2.top-right .tooltip-content {padding:.5em;top:auto;right:0;bottom:100%;left:auto;}
.tooltip2.top-right:hover .tooltip-content {height:auto; display: inline-block}
.tooltip2.top-right .tooltip-content:after {top:100%;right:1em;bottom:auto;left:auto;margin-top:0;width:0;height:0;border: 3px solid transparent;border-top-color:#333;}

.tooltip2.bot-right .tooltip-content {padding:.5em;top:110%;right:0;left:auto;}
.tooltip2.bot-right:hover .tooltip-content {height:auto; display: inline-block}
.tooltip2.bot-right .tooltip-content:after {top:100%;right:1em;bottom:auto;left:auto;margin-top:0;width:0;height:0;border: 3px solid transparent;border-top-color:#333;}

.tooltip2.mid-right .tooltip-content {padding:.5em;top:10%;right:auto;left:105%;text-align: left;width:300px;margin-left:-25px;}
.tooltip2.mid-right:hover .tooltip-content {height:auto; display: inline-block}
.tooltip2.mid-right .tooltip-content:after {top:100%;right:1em;bottom:auto;left:auto;margin-top:0;width:0;height:0;border: 3px solid transparent;border-top-color:#333;}


/*.tooltip2 .bot-right {*/
    /*visibility: hidden;*/
    /*background-color: black;*/
    /*color: #fff;*/
    /*text-align: center;*/
    /*border-radius: 6px;*/
    /*padding: 5px 0;*/

    /*!* Position the tooltip *!*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*top: 100%;*/
    /*left: 4rem;*/
    /*width: 100%;*/
    /*margin-left: -60px;*/
/*}*/

/*.tooltip2:hover .bot-right {*/
    /*visibility: visible;*/
/*}*/

/* Select2 library => https://select2.org */
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: .8em;
}

.select2-results__option {
    user-select: none;
    -webkit-user-select: none;
    float: left;
    padding-left: 1em
}
.select2-results__option[aria-selected] {
    cursor: pointer;
    width: calc(100% - 1em);
    text-align: left;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #D8DADB;
    border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #FCFCFC;
    border: 1px solid #D8DADB;
    cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3C526A;
    color: white;
    border: 1px solid #243551;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    font-size: .8em;
    padding: .1em .4em;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: white;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #DBDBDB;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    font-size: .8em;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
}

.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
    width: 100%;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
    width: calc(100% - 1em);
    text-align: left;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 2px;
    border-top: solid 1px grey;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: #FCFCFC;
    border: 1px solid #D8DADB;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #FCFCFC;
    border: 1px solid #D8DADB;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.select-editable {
    position:relative;
}
.select-editable select {
    position:absolute;
}
.select-editable input {
    position:absolute;
    width: 230px;
    height: 30px;
    border:none;
}
.select-editable select:focus, .select-editable input:focus {
    outline:none;
}

.right-profil {
    float: left;
    width: 12%;
}

#ref_pays{
    font-size: 13px;
}

.credoc-custom-label-container {
    position:relative;
    height:46px;
}
.credoc-custom-label {
    position:absolute;
    bottom:20%;
    color:#1C3752;
}

#label-black {
    color: black;
}

.currency-pref-label {
    color: #1C3752;
    font-size: 1.15em;
}
.suggestion_currencies li {
    font-size: 1em;
}
.suggestion_currencies li:hover {
    cursor: pointer;
    color : #3C526A;
}
.suggestion_currencies .label-add {
    font-size: 1.2em;
    color: #999;
}
.suggestion_currencies .label-value, .suggestion_currencies .label-add {
    padding: .5em;
    box-sizing: border-box;
}

.wrapper .space-content {
    padding : .45em 0;
}
.wrapper .label {
    font-size: .857em;
    margin: 0;
    line-height: 1.4em;
}
.textarea-fixed {
    height: auto;
    min-height: 10em;
    resize: none;
    font-size: .8em;
}

.copyrights {
    text-indent: -.875em;
}
.copyrights a {
    color: #666;
    text-decoration: none;
}

.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.col-1 {
    width: 8.33333%;
}

.col-2 {
    width: 16.66667%;
}

.col-3 {
    width: 25%;
}
/* Negotiation step in quotation */
.negotiation {
    font-size: 14px !important;
    padding: 18px 30px;
    display: flex;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    border-radius: 5px;
    margin-bottom: 30px;
    border-left: 5px solid;
    position: relative;
}

.negotiation img {
    width: 21px;
    height: auto;
    position: absolute;
    bottom: 40%;
    left: -13px;
}

.negotiation.accepted {
    border-left-color: #83C42C !important;
}

.negotiation.received {
    border-left-color: #6023FC !important;
}

.negotiation.sent {
    border-left-color: #519FFF !important;
}

.negotiation.refused {
    border-left-color: #E93428 !important;
}

.negotiation.pending {
    border-left-color: #FCB003 !important;
}

.negotiation:last-child {
    margin-bottom: 0
}

.negotiation-title {
    color: #000000;
    font-size: 14px;
    font-family: 'Helvetica', 'Arial', sans-serif;
}

.negotiation div .final-date {
    margin-top: -7px;
}

.negotiation.history {
    flex-direction: column;
}

.negotiation .col12 {
    flex: 1;
}

/*  Draft history details */
#details-link {
    display: flex;
    justify-content: center;
    margin-bottom:10px;
}

#details-link:hover {
    cursor: pointer;
}

#details-panel {
    font-style: italic;
}

#details-area {
    height: 100px;
    resize: none;
}

.arrow-down {
    display: inline-block;
    width: 10px; height: 10px;
}

.arrow-up {
    display: inline-block;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    width: 10px; height: 10px;
    transform: rotate(-135deg);
}

.no-resize {
    resize: none;
}

.dark-blue {
    color: #1C3752 !important;
}

.add-widget {
    cursor: pointer;
    color: #999;
}

.col-4 {
    width: 33.33333%;
}

.col-5 {
    width: 41.66667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333%;
}

.col-8 {
    width: 66.66667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333%;
}

.col-11 {
    width: 91.66667%;
}

.col-12 {
    width: 100%
}

.flex {
    display: flex;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.justify-evenly {
    justify-content: space-evenly;
}
.justify-self-start {
    justify-self: start;
}
.justify-self-end {
    justify-self: end;
}
.justify-self-center {
    justify-self: center;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.self-start {
    align-self: flex-start;
}
.self-end {
    align-self: flex-end;
}
.self-center {
    align-self: center;
}

.drop-btn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 0 16px;
    text-decoration: none;
    position: relative;
}

.drop-btn .badge {
    position: absolute;
    top: 9px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: red;
    color: white;
    line-height: normal;
    content: " ";
}

.drop-btn i {
    color: #fff;
}

.dropdown:hover .drop-btn {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}

.dropdown:hover .drop-btn i {
    color: #1C3752;
}

li.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #F9F9F9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
    border-radius: 5px 0 5px 5px;
}

.dropdown-content-admin {
    min-width: 200px !important;
}

.dropdown-content:not(.dropdown-content-widgets) div {
    margin: 2px 0;
    border-bottom: 1px solid #E8E8E8;
}

.dropdown-content:not(.dropdown-content-widgets) div:last-child {
    border-bottom: none;
}

.dropdown-content a {
    padding: 0 16px;
    text-decoration: none;
    display: block;
    color: #1C3752;
    font-size: .75em;
    line-height: 30px;
}

.dropdown-content-widgets a {
    color: #999;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
    border-radius: 5px 0 5px 5px;
}

.dropdown:hover .dropdown-content {
    padding: 2px 0;
    display: block;
}

.dropdown-content-widgets {
    width: 440px !important;
    padding: 10px 20px !important;
    line-height: 20px;
}

.dropdown-content-widgets a {
    padding: 0 !important;
    display: flex;
    margin-left: auto;
}

.dropdown-content-widgets a:hover {
    color: #1C3752;
}

.dropdown-content-widgets .dashboard-lists-item:last-child {
    /*border-bottom: none;*/
}

.dropdown-content-widgets .search-results {
    min-height: initial;
}

.dropdown-content-widgets ul {
    min-height: 215px;
}

.dropdown-content-widgets .dashboard-pagination {
    margin-top: 5px !important;
}

.dropdown-content-widgets nav {
    background-color: initial !important;
    border: none !important;
    align-items: center !important;
}

.dropdown-content-widgets .dashboard-pagination nav div  {
    display: flex !important;
    justify-content: center;
}

.dropdown-content-widgets .dashboard-pagination nav div:first-child  {
    justify-content: right;
}

.dropdown-content-widgets .dashboard-pagination nav div:last-child  {
    justify-content: left;
}

.dropdown-content-widgets .dashboard-pagination nav div:first-child a  {
    margin: 0 0 0 auto;
}

.dropdown-content-widgets .dashboard-pagination nav div:last-child a  {
    margin: 0 auto 0 0;
}

.dropdown-content-widgets .dashboard-pagination nav div a {
    display: block !important;
    color: #999;
    font-size: 11px;
}

.dropdown-content-widgets .dashboard-pagination nav div a:hover {
    background-color: inherit;
    color: #1C3752;
}

.dashboard-pagination {
    margin-top: 15px;
    color: #999;
    font-size: 11px;
}

.dashboard-preview *, .dashboard-main * {
    box-sizing: border-box;
}

.dashboard-preview {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -.75em;
}

.preview-header {
    padding: 1.5em 0 0.5em 0;
}

.preview-header button {
    position: absolute;
    letter-spacing: .1em;
    right: 0;
}

.preview-title {
    color: #1C3752;
    margin: 0;
}

.widget-preview-container {
    padding: .3em 0 .3em .75em;
}

.widget-preview-content {
    border-radius: .5em;
    background-color: #FFF;
    padding: .5em;
    position: relative;
    outline-color: rgba(255, 255, 255, 0);
    transition: outline-color .1s ease-out;
    box-shadow: 0px 2px 4px 0px rgb(187 187 187);
    overflow: hidden;
    cursor: grab;
}

.widget-preview-content.highlighted {
    outline: 2px dashed #F85E56;
}

.widget-preview-content span {
    color: #999999;
    font-size: 1em;
    font-weight: 300;
}

.widget-preview-head {
    padding: .1em 0 0 .4em;
}

.widget-preview-head .preview-name {
    font-weight: 200;
    font-size: 1em;
    color: #1C3752;
    font-family: 'Helvetica','Arial',sans-serif;
}

.widget-preview-head > .close {
    position: relative;
    top: -5px;
}

.widget-preview-head > .close i {
    font-size: 0.9em;
}

.widget-preview-text {
    padding: 1em .5em;
}

.action-container {
    box-sizing: border-box;
    padding: 0 .3em;
}

.action-container .widget-action {
    overflow: inherit;
    font-size: .8em;
    margin-right: .3em;
}

.action-container .widget-action:last-of-type {
    margin-right: 0;
}

.dashboard-main {
    padding: 1.5em 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -1em;
}

.widget-container {
    padding: .3em 0 .3em 1em;
}

.widget-content {
    border-radius: 5px;
    background-color: #FFF;
    height: 330px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px 0 rgb(187 187 187);
}

.widget-content h3 {
    color: #1C3752;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.widget-content > div {
    padding: 20px;
}

.widget-content .kpi-content {
    height: 100%;
    padding: 7px 15px 0 15px;
}

.widget-content-filters {
    height: 20%;
}

.widget-content-main {
    height: 80%;
}

.widget-content-filters .key-figures-filters {
    font-size: .73em;
    border: none;
    border-bottom: 1px solid white;
    transition: all .2s ease-in-out;
    height: 24px;
    text-align: right;
    background-color: #FFFFFF;
}

.widget-content-filters .key-figures-filters:hover {
    cursor: pointer;
}

.kpi-widget.kf-1 {
    border-top: 5px solid #FCB003;
}

.kpi-widget.kf-2 {
    border-top: 5px solid #6023FC;
}

.kpi-widget.kf-3 {
    border-top: 5px solid #FF5630;
}

.kpi-widget.kf-4 {
    border-top: 5px solid #36B37E;
}

.kpi-widget {
    border-radius: 5px;
    background-color: #FFF;
    height: 160px;
}

.kpi-widget .kpi-content .widget-content-main h4 {
    font-weight: bold;
    font-size: 19px;
    margin: 0;
}

.kpi-widget .kpi-content .widget-content-main h3 {
    color: #999999;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.kpi-widget .kpi-content .widget-content-main .kpi-title {
    height: 46%;
}

.kpi-widget .kpi-content .widget-content-main .kpi-result {
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kpi-result h4 {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 19px;
}

.stats-widget {
    border-top: 5px solid #00B8D9;
    height: 425px !important;
}

.stats-widget > div {
    padding: 10px 20px !important;
}

.stats-widget * {
    font-family: 'Helvetica', 'Arial', sans-serif !important;
    font-size: 10px !important;
}

.stats-widget .highcharts-title {
    color: #1C3752 !important;
    font-family: 'Helvetica', 'Arial', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.alerts-widget {
    border-top: 5px solid #ff0000;
}

.calendar-widget {
    border-top: 5px solid #ff0000;
    height: auto !important;
    min-height: 200px;
}

.dashboard-list {
    height: calc(335px - 5px - 20px - 20px);
}

.dashboard-lists-item {
    height: 49px;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 5px;
    margin-top: 5px !important;
}

.dashboard-lists-item:first-child {
    margin-top: 0;
}

.dashboard-lists-item a .list-item-body {
    color: #1C3752;
}

.dashboard-list ul {
    height: 215px;
}

.list-item-title {
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

.list-item-text {
    font-size: 10px;
    padding: 0;
    margin: -4px 0 0 0;
    position: relative;
}

.list-item-text .overflow-tooltip {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    cursor: pointer;
}

.list-item-show {
    align-self: center;
    text-align: right;
}

.message-item-show {
    display: flex;
    flex-direction: column;
}

.message-date {
    font-size: 11px;
}

.messages-widget {
    border-top: 5px solid #77CF6B;
}

.add-widget {
    cursor: pointer;
    color: #999;
}

.add-widget:hover {
    color: #666;
}

.form-footer * {
    box-sizing: border-box;
}
.form-footer {
    display: flex;
    align-items: center;
    padding: .75em 1.5em;
    background-color: #F6F6F6;
    border-top: 1px solid #E8E8E8;
}

.form-action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* dropdown-dashboard index pour groups et users */
.dropdown-dashboard .drop {padding: 5px;}
.dropdown-dashboard .open {
    z-index: 1001;
    position: relative;
    background-color: #F9F9F9;
    box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 20%), 5px 0 5px -5px rgb(0 0 0 / 20%), -5px 0 5px -5px rgb(0 0 0 / 20%);
    border-radius: 5px 5px 0 0;
    -webkit-transition: all .125s;-moz-transition: all .125s;-o-transition: all .125s;-ms-transition: all .125s;transition: all .125s;
}
.dropdown-dashboard .open i {
    color: #1C3752;
}
.dropdown-dashboard dl.drop dt {
    cursor: pointer;
}
.dropdown-dashboard dl.drop dt .notification-drop-down {
    text-decoration: underline;
}
.dropdown-dashboard dl.drop.open dd,  .credoc-new dl.drop.open dd{
    background-color: #F9F9F9;
    max-height: 300px;
    min-width: max-content;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
    border-radius: 5px 0 5px 5px;
    overflow: auto;
}
.dropdown-dashboard dl.drop li,
.dropdown-dashboard dl.drop li p,
.dropdown-dashboard dl.drop li a {
    padding: 0 16px;
    text-decoration: none;
    color: #1C3752;
    font-size: 12px;
    line-height: 30px;
}

.dropdown-dashboard dl.drop li:hover {
    background-color: #f1f1f1;
    border-radius: 5px 0 5px 5px;
}

.dropdown-dashboard dl.drop li:last-child {
    border-bottom: none !important;
}

.edit_main_dashboard {
    border-bottom: 1px solid #999999;
    margin-bottom: 5px;
}

.current-dashboard {
    background-color: #f1f1f1;
    border-radius: 5px 0 5px 5px;
}
.current-dashboard a {
    color: #999 !important;
    cursor: initial;
}

.ui-widget-placeholder {
    height: 120px;
    margin: .3em 0 .3em .75em;
    background-color: #fbf9ee;
}

.auto-save-icons {
    width: 25px;
    height: 25px;
    padding: 0 .4em;
    color: #999;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.accordion {
    position: relative;
    margin: .5em 0;
}

.accordion.active .icon {
    background: #fefefe;
}

.accordion.active .icon:after {
    width: 0;
}
.accordion .heading {
    display: block;
    color: #898f92;
    font-weight: 400;
    position: relative;
    padding: .2em 1.5em;
    transition: color 0.1s linear;
    font-size: 0.8em;
    width: fit-content;
}
.accordion .heading:hover {
    color: #c9cfd2;
}
.accordion .heading:hover .icon:before, .accordion .heading:hover .icon:after {
    background: #c9cfd2;
}
.accordion .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1em;
    height: 1em;
    border: 2px solid #fefefe;
    border-radius: 3px;
    transform: translateY(-50%);
}
.accordion .icon:before, .accordion .icon:after {
    content: "";
    width: 0.8em;
    height: 0.15em;
    background: #898f92;
    position: absolute;
    border-radius: 3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.accordion .icon:after {
    transform: translate(-50%, -50%) rotate(90deg);
    z-index: -1;
}
.accordion .content {
    font-size: 0.8em;
}

.multi-date-action > label.multi-date-label {
    cursor: pointer;
    color: #999;
    font-size: 0.75em;
}

a.btn-send {
    margin: 0;
    padding: .75em 1.25em;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    font-family: 'Helvetica', 'Arial', sans-serif;
    cursor: pointer;
    border-width: 0;
    border-radius: 3px;
    outline: 0;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;

    background-color: #3C526A;
    color: #FFF;
    letter-spacing: .1em;
    -webkit-box-shadow: inset 0 -2px 0 #243551;
    box-shadow: inset 0 -2px 0 #243551;
}

a.btn-send {
    background-color: #225D83;
    color: #FFF;
    -webkit-box-shadow: inset 0 -2px 0 #004973;
    box-shadow: inset 0 -2px 0 #004973;
}

.message_error{
    font-style: italic;
    color: #d12424;
}

.guarantee-list-details, .guarantee-list-details * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.guarantee-list-details {
    border-left: 3px solid #FCB003;
    width: 570px;
    padding: 0 1em 0 calc(1em - 3px);
    background-color: #FFFFFF;
    overflow: hidden;
    position: relative;
    opacity: 0;
    max-height: 0;
    transition:
            opacity .05s linear,
            max-height .1s ease-in-out,
            padding .1s linear;
}

.guarantee-list-details .details-close {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    padding: 0.5em 0.75em;
    font-size: 0.875em;
}

.guarantee-list-details .details-title {
    font-weight: bold;
    color: #1C3752;
}

.guarantee-list-details .details-content {
    padding: 0.75em 0 0;
    display: flex;
    justify-content: space-between;
}

.guarantee-list-details .content-left,
.guarantee-list-details .content-right {
    flex: 0.495;
    max-width: 49.5%;
}

.guarantee-list-details .content-section {
    padding: 0.5em 0;
}

.guarantee-list-details .section-item {
    padding: 0.1em 0;
    display: flex;
    font-size: 1em;
}

.guarantee-list-details .section-label {
    color: #1C3752;
    width: 100px;
    flex-basis: 100px;
}

.guarantee-list-details .section-value {
    flex: 1;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.guarantee-list-details .details-footer {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

.credoc-label .cell .details-action {
    display: none;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    right: 0;
    padding: 0.5em 0.75em;
}

.credoc-label .cell .details-action i,
.guarantee-list-details .details-close i {
    color: #a3a3a3;
}

.credoc-label .cell .details-action:hover i,
.guarantee-list-details .details-close:hover i {
    color: #4e4e4e;
}

.dropdown-item .credoc-label .cell {
    position: relative;
}

.dropdown-item.expanded .guarantee-list-details {
    max-height: 300px;
    height: auto;
    opacity: 1;
    padding: 0.75em 1em 0.75em calc(1em - 3px);
    border-top: 1px solid #E8E8E8;
}

.dropdown-item.expanded .details-action .icon-expand,
.dropdown-item:not(.expanded) .details-action .icon-minimize {
    display: none;
}

.dropdown-item.expanded .details-action .icon-minimize,
.dropdown-item:not(.expanded) .details-action .icon-expand {
    display: block;
}

.dropdown-item.expanded .cell .details-action,
.dropdown-item .cell:hover .details-action {
    display: block;
}

.dropdown-item.expanded .credoc-label .cell > p {
    padding-left: calc(1em - 3px);
}

.dropdown-item.expanded .credoc-label .cell {
    border-left: 3px solid #FCB003;
}

.credocs-list-header .cell.sorting {
    position: relative;
}

.sort-container, .sort-container * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.sort-container {
    position: absolute;
    font-size: 0.875rem;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
}

.sort-container .sort-wrapper {
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
}

.sort-container .sort-label {
    font-weight: 600;
    padding: 0 .5em;
}

.sort-container .sort-select {
    width: fit-content;
    background: none;
    padding: 0 20px 0 0.2em;
    height: 28px;
    border: 1px solid #D8DADB;
    border-radius: .3em;

    box-shadow: none;
    cursor: pointer;
}

.sort-container .sort-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: auto;
    width: 27px;
    height: 26px;
    margin: 0;
    padding: 0;
    background: url('../img/select-arrow.png') no-repeat right center;
    border-radius: 0 .3em .3em 0;
    pointer-events: none;
}

/* BANK QUOTATION */
.quotation_info_status {padding-top: 20px;padding-bottom: 20px;}
.quotation_info_status p {letter-spacing: .03em;margin-bottom: 5px;}

.share-wrapper, .task-wrapper {
    padding: 0 .3em;
    display: inline-flex;
    position: relative;
    top: 1px;
}

.share-wrapper .popup-icon {
    display: inline-flex;
}

.task-wrapper a {
    color: inherit !important;
}

.popup-icon:hover{
    cursor: pointer;
    transition: color .1s ease-out;
    color: #999 !important;
}

.box-login {
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgb(187 187 187);
}

.custom_form {
    box-shadow: inset 0.2em 0.2em #f85e56, inset -0.2em -0.2em #f85e56
}

.divider {
    border-left: 2px solid #E8E8E8;
}

.boxed-line{
    border: 1px solid #E8E8E8;
}

[name='type_view']:hover{
    color: black;
}

.calendar-mode {
    color: #999999;
}

ul.calendar-mode{
    height: auto;
}

.calendar-mode > li {
    display: inline-block;
    margin: 0.5em;
}

.calendar-mode > li.selected > a{
    font-weight: bold;
    color: #1C3752;
}

input.date-calendar {
    text-align: center;
    color: #1C3752;
    font-weight: bold;
}

.line {
    border-bottom: 2px solid #E8E8E8;
}

.calendar-wrapper {
    padding: 0.6em;
}

.calendar-table > tr {
    border-bottom: 2px solid #E8E8E8;
}

table.calendar-table {
    font-size:.875em;
    text-align:left;
    padding:0;
    margin-right:0;
    margin-bottom:0;
    table-layout: fixed;
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
}

table.calendar-table thead tr th {
    padding:0;
    border-color: #E8E8E8;
    border-width: 0 1px 1px 0;
    border-style: solid;
    font-style:oblique;
    font-weight:normal;
    font-size:.950em;
    line-height:1.2;
    color:#999;
    letter-spacing:.05em;
    text-align: left;
    height: 33px;
}
table.calendar-table thead tr th.right {text-align: right;}
table.calendar-table thead tr th.center {text-align: center;}
table.calendar-table tbody tr {
    height: 90px;
}

table.calendar-table tbody tr td {
    padding:.5em;
    background-color:#FFFFFF;
    border-bottom: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    vertical-align: top;
}

table.calendar-table.year-view {
    border-left: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
}

table.calendar-table.year-view tbody tr {
    height: 15px;
    font-size: 0.8em;
}

table.calendar-table.year-view thead {
    font-size:.75em;
}

table.calendar-table.year-view tbody tr td {
    padding:.25em;
}

.col-calendar {
    float: left;
    width: 74.86%;
}

.tiny-number {
    font-size: 0.8em;
    margin-top: -1em;
    margin-right: -0.5em;
}

.calendar-date-margin {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.calendar-week {
    min-height: 360px;
}

.personal-task {
    height: 16px;
    font: normal 0.7em 'Helvetica', 'Arial', sans-serif;
    border-left: 3px solid #74A321;
    background-color: rgba(131, 196, 44, 0.15);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-top: 0.4em;
    padding-top: 0.3em;
    padding-left: 0.3em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.personal-task a:visited {
    color: inherit;
    text-decoration: none;
}

.personal-task-year {
    background-color: rgba(131, 196, 44, .75);
    border-radius: 100%;
}

.task-week, .other-task.task-week{
    height: 32px;
    font-weight: bold;
}

.task-week p {
    color: #999999;
    text-overflow: ellipsis;
    overflow-x: clip;
    overflow-y: hidden;
    white-space: nowrap;
    font-weight: lighter;
}

.task-year, .other-task.task-year{
    font-weight: bold;
    font-size: 1.1em;
}

.other-task {
    height: 16px;
    font: normal 0.7em 'Helvetica', 'Arial', sans-serif;
    border-left: 3px solid #00B8D9;
    background-color: rgba(0, 184, 217, 0.15);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-top: 0.4em;
    padding-top: 0.3em;
    padding-left: 0.3em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.other-task a:visited {
    color: inherit;
    text-decoration: none;
}

.other-task-year {
    background-color: rgba(0, 184, 217, .75);
    border-radius: 100%;
}

.dashboard-personal-task {
    border-left: 3px solid #74A321;
    background-color: rgba(131, 196, 44, 0.27);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.dashboard-personal-task h4.list-item-title, .dashboard-other-task h4.list-item-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashboard-personal-task .list-item-show, .dashboard-other-task .list-item-show {
    color: #999999;
}

.dashboard-other-task {
    border-left: 3px solid #00B8D9;
    background-color: rgba(0, 184, 217, 0.17);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.dashboard-task-content {
    margin-right: .8em;
    margin-left: .3em;
}

.dropdown-content .dashboard-task-content {
    line-height: 25px;
    font-size: .875em;
}

.task-content {
    position: relative;
}

.task-details {
    z-index: 1;
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    padding: 0.5em;
    width: 300px;
    left: 100%;
    top: -70%;
}

.task-details.details-year {
    padding-top: 0;
}

.task-content:hover .task-details {
    display: inline-block;
}

.task-details div.title a {
    font-size: 1.2em;
    font-weight: bold;
    text-align: justify;
    color: #1C3752;
}

.task-details span {
    margin-right: 0.5em;
    color: #1C3752;
}

.task-details.details-year {
    width: 150px;
}

.description-toggle:hover {
    cursor: pointer;
}
.swift table tbody .description-toggle td {border-top: 0 none}
.description-toggle td.chevron-toggle i {transform: rotate(180deg)}
.swift table tbody .no-top-border td {border-top: 0 none}
.no-top-border textarea {height: 8em;}