body {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #484848;
    margin: 0;
    padding: 0;
    min-width: 900px;
}

.cufon-ready body {
    min-width: 0
}

.cufon-ready .connexion-page {
    width: 100%;
    background-position: top;
    background-size: cover;
    padding: 0;
}

.top-sale-last-item{
    margin: 0px 0px 0px 0px !important;
}

.cufon-ready .landing-connexion,
.cufon-ready #slogan-connection {
    width: auto;
    margin-top: 40px;
}

.lcr {
    background: url("images/prelevement_ico_24_24.png") no-repeat scroll transparent;
    width: 24px;
    height: 24px;
    float: left;
}

h1, h2, h3, h4 {
    font-family: "Trebuchet MS", Verdana, sans-serif;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 24px;
}

h2, .wiki h1 {
    font-size: 20px;
    padding: 2px 10px 1px 0px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #bbbbbb;
    color: #444;
}

h3, .wiki h2 {
    font-size: 16px;
    padding: 2px 10px 1px 0px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #bbbbbb;
    color: #444;
}

h4, .wiki h3 {
    font-size: 13px;
    padding: 2px 10px 1px 0px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #bbbbbb;
    color: #444;
}

/***** Layout *****/
#wrapper {
    background: white;
}

#top-menu {
    background: #eee;
    color: #7A7A7A;
    height: 20px;
    font-size: 0.8em;
    padding: 2px 2px 0px 6px;
}

#top-menu ul {
    margin: 0;
    padding: 0;
}

#top-menu li {
    float: left;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
}

#top-menu a {
    color: #434343;
    margin-right: 8px;
    font-weight: bold;
}

#top-menu #loggedas {
    float: right;
    margin-right: 0.5em;
    color: #000;
}

#account {
    float: right;
}

#flags {
    float: right;
}

#wrapper2 {
    background-color: #FFA801;
    height: 92px;
}

#header {
    height: 5.3em;
    margin: 0;
    background-color: #444747;
    color: #f8f8f8;
    padding: 4px 8px 0px 6px;
    position: relative;
}

#header a {
    color: #f8f8f8;
}
#header h1 {
    position: relative;
}
#header h1 #distributors_forms_div{
    position: absolute;
    right: 0;
    top: 0;
    width: 572px !important;
}
#header #distributors_forms_div_form {
    width: 130px !important;
}
#header h1 a.ancestor {
    font-size: 80%;
}

#quick-search {
    float: right;
}
.selectedLink1{

    top: 96px;z-index: 9999999999999;
    background: #444747;height: 23px;}
.selectedLink1~#main{

    margin-top: 25px;}
.selectedLink{
    background: #f9a801;
    padding: 5px;
    font-weight: 900;
}
#main-menu {
    position: absolute;
    bottom: 0px;
    left: 6px;
    margin-right: -500px;
}

#main-menu ul {
    margin: 0;
    padding: 0;
}

#main-menu li {
    float: left;
    list-style-type: none;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
}

#main-menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px 4px 10px;
}

#main-menu li a:hover {
    background: #ffeac1;
    color: #444747;
}

#main-menu li a.selected, #main-menu li a.selected:hover {
    background: #ffa801;
    color: #fff;
    font-weight: bold;
}

#admin-menu ul {
    margin: 0;
    padding: 0;
}

#admin-menu li {
    margin: 0;
    padding: 0 0 12px 0;
    list-style-type: none;
}

#admin-menu a {
    background-position: 0% 40%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#admin-menu a.projects {
    background-image: url(../img/projects.png);
}

#admin-menu a.users {
    background-image: url(../img/user.png);
}

#admin-menu a.groups {
    background-image: url(../img/group.png);
}

#admin-menu a.roles {
    background-image: url(../img/database_key.png);
}

#admin-menu a.trackers {
    background-image: url(../img/ticket.png);
}

#admin-menu a.issue_statuses {
    background-image: url(../img/ticket_edit.png);
}

#admin-menu a.workflows {
    background-image: url(../img/ticket_go.png);
}

#admin-menu a.custom_fields {
    background-image: url(../img/textfield.png);
}

#admin-menu a.enumerations {
    background-image: url(../img/text_list_bullets.png);
}

#admin-menu a.settings {
    background-image: url(../img/changeset.png);
}

#admin-menu a.plugins {
    background-image: url(../img/plugin.png);
}

#admin-menu a.info {
    background-image: url(../img/help.png);
}

#admin-menu a.server_authentication {
    background-image: url(../img/server_key.png);
}

#main {
    background-color: #EEEEEE;
}

#sidebar {
    float: right;
    width: 15%;
    position: relative;
    z-index: 9;
    padding: 0;
    margin: 0;
}

#sidebar-image {
    float: right;
    width: 26%;
    position: relative;
    z-index: 9;
    padding: 0;
    margin: 0;
}

* html #sidebar {
    width: 22%;
}

#sidebar h3 {
    font-size: 14px;
    margin-top: 14px;
    color: #666;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #sidebar h3 {
        font-size: 14px;
        margin-top: 14px;
        color: #666;
        margin-left: 15px
    }
}

#sidebar hr {
    width: 100%;
    margin: 0 auto;
    height: 1px;
    background: #ccc;
    border: 0;
}

* html #sidebar hr {
    width: 95%;
    position: relative;
    left: -6px;
    color: #ccc;
}

#sidebar .contextual {
    margin-right: 1em;
}

#content {
    width: 82%;
    background-color: #fff;
    margin: 0px;
    border-right: 1px solid #ddd;
    padding: 6px 10px 10px 10px;
    z-index: 10;
}

#content-image {
    width: 70%;
    background-color: #fff;
    margin: 0px;
    border-right: 1px solid #ddd;
    padding: 6px 10px 10px 10px;
    z-index: 10;
}

* html #content {
    width: 75%;
    padding-left: 0;
    margin-top: 0px;
    padding: 6px 10px 10px 10px;
}

html > body #content, #content-image {
    min-height: 920px;
}

* html body #content, #content-image {
    height: 600px;
}

/* IE */

#footer {
    clear: both;
    border-top: 1px solid #bbb;
    font-size: 0.9em;
    color: #aaa;
    padding: 5px;
    text-align: center;
    background: #fff;
}

#login-form table {
    margin-top: 5em;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #FDBF3B;
    background-color: #FFEBC1;
}

#login-form table td {
    padding: 6px;
}

#login-form label {
    font-weight: bold;
}

#login-form input#username, #login-form input#password {
    width: 300px;
}

input#openid_url {
    background: url(../img/openid-bg.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    padding-left: 18px;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/***** Links *****/
a, a:link, a:visited {
    color: #2A5685;
    text-decoration: none;
}

a:hover, a:active {
    color: #c61a1a;
    text-decoration: underline;
}

a img {
    border: 0;
}

a.issue.closed, a.issue.closed:link, a.issue.closed:visited {
    color: #999;
    text-decoration: line-through;
}

/***** Tables *****/
table.list {
    border: 1px solid #e4e4e4;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
}

div.table-exception table.list {
    border: 1px solid #e4e4e4;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
    font-size: 11px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    table.list {
        border: 1px solid #e4e4e4;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 4px;
        font-size: 12px;
    }
}

table.list th {
    text-align: left;
    background-color: #EEEEEE;
    padding: 4px;
    white-space: normal;
}

table.list1 th {
    text-align: left;
    background-color: #EEEEEE;
    padding: 4px;
    white-space: normal !important;
}

table.list td {
    vertical-align: middle;
}

table.list td.id {
    width: 2%;
    text-align: center;
}

table.list td.checkbox {
    width: 15px;
    padding: 0px;
}

table.list td.buttons {
    width: 15%;
    white-space: nowrap;
    text-align: right;
}

table.list td.buttons a {
    padding-right: 0.6em;
}

table.list caption {
    text-align: left;
    padding: 0.5em 0.5em 0.5em 0;
}

tr.project td.name a {
    white-space: nowrap;
}

tr.project.idnt td.name a {
    background: url(../img/bullet_arrow_right.png) no-repeat 0 50%;
    padding-left: 16px;
}

tr.project.idnt-1 td.name {
    padding-left: 0.5em;
}

tr.project.idnt-2 td.name {
    padding-left: 2em;
}

tr.project.idnt-3 td.name {
    padding-left: 3.5em;
}

tr.project.idnt-4 td.name {
    padding-left: 5em;
}

tr.project.idnt-5 td.name {
    padding-left: 6.5em;
}

tr.project.idnt-6 td.name {
    padding-left: 8em;
}

tr.project.idnt-7 td.name {
    padding-left: 9.5em;
}

tr.project.idnt-8 td.name {
    padding-left: 11em;
}

tr.project.idnt-9 td.name {
    padding-left: 12.5em;
}

tr.issue {
    text-align: center;
    white-space: nowrap;
}

tr.issue td.subject, tr.issue td.category, td.assigned_to {
    white-space: normal;
}

tr.issue td.subject {
    text-align: left;
}

tr.issue td.done_ratio table.progress {
    margin-left: auto;
    margin-right: auto;
}

tr.issue.idnt td.subject a {
    background: url(../img/bullet_arrow_right.png) no-repeat 0 50%;
    padding-left: 16px;
}

tr.issue.idnt-1 td.subject {
    padding-left: 0.5em;
}

tr.issue.idnt-2 td.subject {
    padding-left: 2em;
}

tr.issue.idnt-3 td.subject {
    padding-left: 3.5em;
}

tr.issue.idnt-4 td.subject {
    padding-left: 5em;
}

tr.issue.idnt-5 td.subject {
    padding-left: 6.5em;
}

tr.issue.idnt-6 td.subject {
    padding-left: 8em;
}

tr.issue.idnt-7 td.subject {
    padding-left: 9.5em;
}

tr.issue.idnt-8 td.subject {
    padding-left: 11em;
}

tr.issue.idnt-9 td.subject {
    padding-left: 12.5em;
}

tr.entry {
    border: 1px solid #f8f8f8;
}

tr.entry td {
    white-space: nowrap;
}

tr.entry td.filename {
    width: 30%;
}

tr.entry td.size {
    text-align: right;
    font-size: 90%;
}

tr.entry td.revision, tr.entry td.author {
    text-align: center;
}

tr.entry td.age {
    text-align: right;
}

tr.entry.file td.filename a {
    margin-left: 16px;
}

tr span.expander {
    background-image: url(../img/bullet_toggle_plus.png);
    padding-left: 8px;
    margin-left: 0;
    cursor: pointer;
}

tr.open span.expander {
    background-image: url(../img/bullet_toggle_minus.png);
}

tr.changeset td.author {
    text-align: center;
    width: 15%;
}

tr.changeset td.committed_on {
    text-align: center;
    width: 15%;
}

table.files tr.file td {
    text-align: center;
}

table.files tr.file td.filename {
    text-align: left;
    padding-left: 24px;
}

table.files tr.file td.digest {
    font-size: 80%;
}

table.members td.roles, table.memberships td.roles {
    width: 45%;
}

tr.message {
    height: 2.6em;
}

tr.message td.subject {
    padding-left: 20px;
}

tr.message td.created_on {
    white-space: nowrap;
}

tr.message td.last_message {
    font-size: 80%;
    white-space: nowrap;
}

tr.message.locked td.subject {
    background: url(../img/locked.png) no-repeat 0 1px;
}

tr.message.sticky td.subject {
    background: url(../img/bullet_go.png) no-repeat 0 1px;
    font-weight: bold;
}

tr.version.closed, tr.version.closed a {
    color: #999;
}

tr.version td.name {
    padding-left: 20px;
}

tr.version.shared td.name {
    background: url(../img/link.png) no-repeat 0% 70%;
}

tr.version td.date, tr.version td.status, tr.version td.sharing {
    text-align: center;
}

tr.user td {
    width: 13%;
}

tr.user td.email {
    width: 18%;
}

tr.user td {
    white-space: nowrap;
}

tr.user.locked, tr.user.registered {
    color: #aaa;
}

tr.user.locked a, tr.user.registered a {
    color: #aaa;
}

tr.time-entry {
    text-align: center;
    white-space: nowrap;
}

tr.time-entry td.subject, tr.time-entry td.comments {
    text-align: left;
    white-space: normal;
}

td.hours {
    text-align: right;
    font-weight: bold;
    padding-right: 0.5em;
}

td.hours .hours-dec {
    font-size: 0.9em;
}

table.plugins td {
    vertical-align: middle;
}

table.plugins td.configure {
    text-align: right;
    padding-right: 1em;
}

table.plugins span.name {
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
}

table.plugins span.description {
    display: block;
    font-size: 0.9em;
}

table.plugins span.url {
    display: block;
    font-size: 0.9em;
}

table.list tbody tr.group td {
    padding: 0.8em 0 0.5em 0.3em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

table.list tbody tr.group span.count {
    color: #aaa;
    font-size: 80%;
}

table.list tbody tr:not(.dt_row):hover {
    background-color: #ffffdd;
}
table.list tbody tr tr:hover {
    background-color: #171717;
}

table.list tbody tr.group:hover {
    background-color: inherit;
}

table td {
    padding: 2px;
}
#remiseBlock div:nth-child(2){ 
    white-space: nowrap;
}
table p {
    margin: 0;
}

.odd {
    background-color: #f6f7f8;
}

.even {
    background-color: #fff;
}

#library-list tr.odd {
    background: #eee;
}

#library-list tr:hover {
    background: #ccc;
}

a.sort {
    padding-right: 16px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

a.sort.asc {
    background-image: url(../img/sort_asc.png);
}

a.sort.desc {
    background-image: url(../img/sort_desc.png);
}

table.attributes {
    width: 100%
}

table.attributes th {
    vertical-align: top;
    text-align: left;
}

table.attributes td {
    vertical-align: top;
}

table.boards a.board, h3.comments {
    background: url(../img/comment.png) no-repeat 0% 50%;
    padding-left: 20px;
}

td.center {
    text-align: center;
}

h3.version {
    background: url(../img/package.png) no-repeat 0% 50%;
    padding-left: 20px;
}

div.issues h3 {
    background: url(../img/ticket.png) no-repeat 0% 50%;
    padding-left: 20px;
}

div.members h3 {
    background: url(../img/group.png) no-repeat 0% 50%;
    padding-left: 20px;
}

div.news h3 {
    background: url(../img/news.png) no-repeat 0% 50%;
    padding-left: 20px;
}

div.projects h3 {
    background: url(../img/projects.png) no-repeat 0% 50%;
    padding-left: 20px;
}

#watchers ul {
    margin: 0;
    padding: 0;
}

#watchers li {
    list-style-type: none;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#watchers select {
    width: 95%;
    display: block;
}

#watchers a.delete { /*opacity: 0.4;*/
}

#watchers a.delete:hover { /*opacity: 1;*/
}

#watchers img.gravatar {
    vertical-align: middle;
    margin: 0 4px 2px 0;
}

.highlight {
    background-color: #FCFD8D;
}

.highlight.token-1 {
    background-color: #faa;
}

.highlight.token-2 {
    background-color: #afa;
}

.highlight.token-3 {
    background-color: #aaf;
}

.box {
    padding: 6px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    color: #505050;
    line-height: 1.5em;
    border: 1px solid #e4e4e4;
    position: relative;
}

div.square {
    border: 1px solid #999;
    float: left;
    margin: .3em .4em 0 .4em;
    overflow: hidden;
    width: .6em;
    height: .6em;
}

.contextual {
    float: right;
    white-space: nowrap;
    line-height: 1.4em;
    margin-top: 5px;
    padding-left: 10px;
    font-size: 0.9em;
}

.contextual.lien-customer {
    float: none;
    white-space: nowrap;
    line-height: 1.4em;
    margin-top: 5px;
    padding-left: 10px;
    font-size: 9px;
    margin-bottom: -9px;
}

.context-position{
    padding-bottom: 12px;
}

.contextual input, .contextual select {
    font-size: 0.9em;
}

.message .contextual {
    margin-top: 0;
}

.splitcontentleft {
    float: left;
    width: 40%;
}

.splitcontentright {
    float: right;
    width: 60%;
}

form {
    display: inline;
}

input, select {
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
}

fieldset {
    border: 1px solid #e4e4e4;
    margin: 0;
}

legend {
    color: #484848;
}

hr {
    width: 100%;
    height: 1px;
    background: #ccc;
    border: 0;
}

blockquote {
    font-style: italic;
    border-left: 3px solid #e0e0e0;
    padding-left: 0.6em;
    margin-left: 2.4em;
}

blockquote blockquote {
    margin-left: 0;
}

acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

textarea.wiki-edit {
    width: 99%;
}

li p {
    margin-top: 0;
}

div.issue {
    background: #ffffdd;
    padding: 6px;
    margin-bottom: 6px;
    border: 1px solid #d7d7d7;
}

p.breadcrumb {
    font-size: 0.9em;
    margin: 4px 0 4px 0;
}

p.subtitle {
    font-size: 0.9em;
    margin: -6px 0 12px 0;
    font-style: italic;
}

p.footnote {
    font-size: 0.9em;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.issue div.subject div div {
    padding-left: 16px;
}

div.issue div.subject p {
    margin: 0;
    margin-bottom: 0.1em;
    font-size: 90%;
    color: #999;
}

div.issue div.subject > div > p {
    margin-top: 0.5em;
}

div.issue div.subject h3 {
    margin: 0;
    margin-bottom: 0.1em;
}

#issue_tree table.issues {
    border: 0;
}

#issue_tree td.checkbox {
    display: none;
}

fieldset.collapsible {
    border-width: 1px 0 0 0;
    font-size: 0.9em;
}

fieldset.collapsible legend {
    padding-left: 16px;
    background: url(../img/arrow_expanded.png) no-repeat 0% 40%;
    cursor: pointer;
}

fieldset.collapsible.collapsed legend {
    background-image: url(../img/arrow_collapsed.png);
}

fieldset#date-range p {
    margin: 2px 0 2px 0;
}

fieldset#filters table {
    border-collapse: collapse;
}

fieldset#filters table td {
    padding: 0;
    vertical-align: middle;
}

fieldset#filters tr.filter {
    height: 2em;
}

fieldset#filters td.add-filter {
    text-align: right;
    vertical-align: top;
}

.buttons {
    font-size: 0.9em;
    margin-bottom: 1.4em;
    margin-top: 1em;
}

div#issue-changesets {
    float: right;
    width: 45%;
    margin-left: 1em;
    margin-bottom: 1em;
    background: #fff;
    padding-left: 1em;
    font-size: 90%;
}

div#issue-changesets div.changeset {
    padding: 4px;
}

div#issue-changesets div.changeset {
    border-bottom: 1px solid #ddd;
}

div#issue-changesets p {
    margin-top: 0;
    margin-bottom: 1em;
}

div#activity dl, #search-results {
    margin-left: 2em;
}

div#activity dd, #search-results dd {
    margin-bottom: 1em;
    padding-left: 18px;
    font-size: 0.9em;
}

div#activity dt, #search-results dt {
    margin-bottom: 0px;
    padding-left: 20px;
    line-height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

div#activity dt.me .time {
    border-bottom: 1px solid #999;
}

div#activity dt .time {
    color: #777;
    font-size: 80%;
}

div#activity dd .description, #search-results dd .description {
    font-style: italic;
}

div#activity span.project:after, #search-results span.project:after {
    content: " -";
}

div#activity dd span.description, #search-results dd span.description {
    display: block;
    color: #808080;
}

#search-results dd {
    margin-bottom: 1em;
    padding-left: 20px;
    margin-left: 0px;
}

div#search-results-counts {
    float: right;
}

div#search-results-counts ul {
    margin-top: 0.5em;
}

div#search-results-counts li {
    list-style-type: none;
    float: left;
    margin-left: 1em;
}

dt.issue {
    background-image: url(../img/ticket.png);
}

dt.issue-edit {
    background-image: url(../img/ticket_edit.png);
}

dt.issue-closed {
    background-image: url(../img/ticket_checked.png);
}

dt.issue-note {
    background-image: url(../img/ticket_note.png);
}

dt.changeset {
    background-image: url(../img/changeset.png);
}

dt.news {
    background-image: url(../img/news.png);
}

dt.message {
    background-image: url(../img/message.png);
}

dt.reply {
    background-image: url(../img/comments.png);
}

dt.wiki-page {
    background-image: url(../img/wiki_edit.png);
}

dt.attachment {
    background-image: url(../img/attachment.png);
}

dt.document {
    background-image: url(../img/document.png);
}

dt.project {
    background-image: url(../img/projects.png);
}

dt.time-entry {
    background-image: url(../img/time.png);
}

#search-results dt.issue.closed {
    background-image: url(../img/ticket_checked.png);
}

div#roadmap .related-issues {
    margin-bottom: 1em;
}

div#roadmap .related-issues td.checkbox {
    display: none;
}

div#roadmap .wiki h1:first-child {
    display: none;
}

div#roadmap .wiki h1 {
    font-size: 120%;
}

div#roadmap .wiki h2 {
    font-size: 110%;
}

div#version-summary {
    float: right;
    width: 380px;
    margin-left: 16px;
    margin-bottom: 16px;
    background-color: #fff;
}

div#version-summary fieldset {
    margin-bottom: 1em;
}

div#version-summary .total-hours {
    text-align: right;
}

table#time-report td.hours, table#time-report th.period, table#time-report th.total {
    text-align: right;
    padding-right: 0.5em;
}

table#time-report tbody tr {
    font-style: italic;
    color: #777;
}

table#time-report tbody tr.last-level {
    font-style: normal;
    color: #555;
}

table#time-report tbody tr.total {
    font-style: normal;
    font-weight: bold;
    color: #555;
    background-color: #EEEEEE;
}

table#time-report .hours-dec {
    font-size: 0.9em;
}

form .attributes {
    margin-bottom: 8px;
}

form .attributes p {
    padding-top: 1px;
    padding-bottom: 2px;
}

form .attributes select {
    min-width: 50%;
}

ul.projects {
    margin: 0;
    padding-left: 1em;
}

ul.projects.root {
    margin: 0;
    padding: 0;
}

ul.projects ul.projects {
    border-left: 3px solid #e0e0e0;
}

ul.projects li.root {
    list-style-type: none;
    margin-bottom: 1em;
}

ul.projects li.child {
    list-style-type: none;
    margin-top: 1em;
}

ul.projects div.root a.project {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.my-project {
    padding-left: 18px;
    background: url(../img/fav.png) no-repeat 0 50%;
}

#tracker_project_ids ul {
    margin: 0;
    padding-left: 1em;
}

#tracker_project_ids li {
    list-style-type: none;
}

ul.properties {
    padding: 0;
    font-size: 0.9em;
    color: #777;
}

ul.properties li {
    list-style-type: none;
}

ul.properties li span {
    font-style: italic;
}

.total-hours {
    font-size: 110%;
    font-weight: bold;
}

.total-hours span.hours-int {
    font-size: 120%;
}

.autoscroll { /*overflow-x: auto;*/
    padding: 1px;
    margin-bottom: 1.2em;
}

#user_firstname, #user_lastname, #user_mail, #my_account_form select {
    width: 90%;
}

#workflow_copy_form select {
    width: 200px;
}

.pagination {
    font-size: 90%
}

p.pagination {
    margin-top: 8px;
}

/***** Tabular forms ******/
.tabular p {
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 180px; /*width of left column containing the label elements*/
    height: 1%;
    clear: left;
}

html > body .tabular p {
    overflow: hidden;
}

.tabular label {
    font-weight: bold;
    float: left;
    text-align: right;
    margin-left: -180px; /*width of left column*/
    width: 175px;
    /*width of labels. Should be smaller than left column to create some right
       margin*/
}

.large-label label {
    width: 225px;
}

.tabular label.floating {
    font-weight: normal;
    margin-left: 0px;
    text-align: left;
    width: 270px;
}

.tabular label.block {
    font-weight: normal;
    margin-left: 0px !important;
    text-align: left;
    float: none;
    display: block;
    width: auto;
}

.tabular label.inline {
    float: none;
    margin-left: 5px !important;
    width: auto;
}

input#time_entry_comments {
    width: 90%;
}

#preview fieldset {
    margin-top: 1em;
    background: url(../img/draft.png)
}

.tabular.settings p {
    padding-left: 300px;
}

.tabular.settings label {
    margin-left: -300px;
    width: 295px;
}

.tabular.settings textarea {
    width: 99%;
}

fieldset.settings label {
    display: block;
}

.required {
    color: #bb0000;
    float: left;
}

.summary {
    font-style: italic;
}

#attachments_fields input[type=text] {
    margin-left: 8px;
}

div.attachments {
    margin-top: 12px;
}

div.attachments p {
    margin: 4px 0 2px 0;
}

div.attachments img {
    vertical-align: middle;
}

div.attachments span.author {
    font-size: 0.9em;
    color: #888;
}

p.other-formats {
    text-align: right;
    font-size: 0.9em;
    color: #666;
}

.other-formats span + span:before {
    content: "| ";
}

a.atom {
    background: url(../img/feed.png) no-repeat 1px 50%;
    padding: 2px 0px 3px 16px;
}

/* Project members tab */
div#tab-content-members .splitcontentleft, div#tab-content-memberships .splitcontentleft, div#tab-content-users .splitcontentleft {
    width: 64%
}

div#tab-content-members .splitcontentright, div#tab-content-memberships .splitcontentright, div#tab-content-users .splitcontentright {
    width: 34%
}

div#tab-content-members fieldset, div#tab-content-memberships fieldset, div#tab-content-users fieldset {
    padding: 1em;
    margin-bottom: 1em;
}

div#tab-content-members fieldset legend, div#tab-content-memberships fieldset legend, div#tab-content-users fieldset legend {
    font-weight: bold;
}

div#tab-content-members fieldset label, div#tab-content-memberships fieldset label, div#tab-content-users fieldset label {
    display: block;
}

div#tab-content-members fieldset div, div#tab-content-users fieldset div {
    max-height: 400px;
    overflow: auto;
}

table.members td.group {
    padding-left: 20px;
    background: url(../img/group.png) no-repeat 0% 50%;
}

input#principal_search, input#user_search {
    width: 100%
}

* html div#tab-content-members fieldset div {
    height: 450px;
}

/***** Flash & error messages ****/
#errorExplanation, div.flash, .nodata, .warning {
    padding: 4px 4px 4px 30px;
    margin-bottom: 12px;
    font-size: 1.1em;
    border: 2px solid;
}

div.flash {
    margin-top: 8px;
}

div.flash.error, #errorExplanation {
    background: url(../img/exclamation.png) 8px 50% no-repeat;
    background-color: #ffe3e3;
    border-color: #dd0000;
    color: #880000;
}

div.flash.success {
    background: url(../img/true.png) 8px 5px no-repeat;
    background-color: #dfffdf;
    border-color: #9fcf9f;
    color: #005f00;
}

div.flash.notice {
    background: url(../img/true.png) 8px 5px no-repeat;
    background-color: #dfffdf;
    border-color: #9fcf9f;
    color: #005f00;
}

div.flash.warning {
    background: url(../img/warning.png) 8px 5px no-repeat;
    background-color: #FFEBC1;
    border-color: #FDBF3B;
    color: #A6750C;
    text-align: left;
}

.nodata, .warning {
    text-align: center;
    background-color: #FFEBC1;
    border-color: #FDBF3B;
    color: #A6750C;
}

#errorExplanation ul {
    font-size: 0.9em;
}

#errorExplanation h2, #errorExplanation p {
    display: none;
}

/***** Ajax indicator ******/
#ajax-indicator {
    position: absolute; /* fixed not supported by IE */
    background-color: #eee;
    border: 1px solid #bbb;
    top: 35%;
    left: 40%;
    width: 20%;
    font-weight: bold;
    text-align: center;
    padding: 0.6em;
    z-index: 100;
    /*filter:alpha(opacity=50);
    opacity: 0.5;*/
}

html > body #ajax-indicator {
    position: fixed;
}

#ajax-indicator span {
    background-position: 0% 40%;
    background-repeat: no-repeat;
    background-image: url(../img/loading.gif);
    padding-left: 26px;
    vertical-align: bottom;
}

/***** Calendar *****/
table.cal {
    border-collapse: collapse;
    width: 100%;
    margin: 0px 0 6px 0;
    border: 1px solid #d7d7d7;
}

table.cal thead th {
    width: 14%;
    background-color: #EEEEEE;
    padding: 4px;
}

table.cal thead th.week-number {
    width: auto;
}

table.cal tbody tr {
    height: 100px;
}

table.cal td {
    border: 1px solid #d7d7d7;
    vertical-align: top;
    font-size: 0.9em;
}

table.cal td.week-number {
    background-color: #EEEEEE;
    padding: 4px;
    border: none;
    font-size: 1em;
}

table.cal td p.day-num {
    font-size: 1.1em;
    text-align: right;
}

table.cal td.odd p.day-num {
    color: #bbb;
}

table.cal td.today {
    background: #ffffdd;
}

table.cal td.today p.day-num {
    font-weight: bold;
}

table.cal .starting a, p.cal.legend .starting {
    background: url(../img/bullet_go.png) no-repeat -1px -2px;
    padding-left: 16px;
}

table.cal .ending a, p.cal.legend .ending {
    background: url(../img/bullet_end.png) no-repeat -1px -2px;
    padding-left: 16px;
}

table.cal .starting.ending a, p.cal.legend .starting.ending {
    background: url(../img/bullet_diamond.png) no-repeat -1px -2px;
    padding-left: 16px;
}

p.cal.legend span {
    display: block;
}

/***** Tooltips ******/
.tooltip {
    position: relative;
    z-index: 24;
}

.tooltip:hover {
    z-index: 25;
    color: #000;
}

.tooltip span.tip {
    display: none;
    text-align: left;
}

div.tooltip:hover span.tip {
    display: block;
    position: absolute;
    top: 12px;
    left: 24px;
    width: 270px;
    border: 1px solid #555;
    background-color: #fff;
    padding: 4px;
    font-size: 0.8em;
    color: #505050;
}

/***** Progress bar *****/
table.progress {
    border: 1px solid #D7D7D7;
    border-collapse: collapse;
    border-spacing: 0pt;
    empty-cells: show;
    text-align: center;
    float: left;
    margin: 1px 6px 1px 0px;
}

table.progress td {
    height: 0.9em;
}

table.progress td.closed {
    background: #BAE0BA none repeat scroll 0%;
}

table.progress td.done {
    background: #DEF0DE none repeat scroll 0%;
}

table.progress td.open {
    background: #FFF none repeat scroll 0%;
}

p.pourcent {
    font-size: 80%;
}

p.progress-info {
    clear: left;
    font-style: italic;
    font-size: 80%;
}

/***** Tabs *****/
#content .tabs {
    height: 2.6em;
    margin-bottom: 1.2em;
    position: relative;
    overflow: hidden;
}

#content .tabs ul {
    margin: 0;
    position: absolute;
    bottom: 0;
    padding-left: 1em;
    width: 2000px;
    border-bottom: 1px solid #bbbbbb;
}

#content .tabs ul li {
    float: left;
    list-style-type: none;
    white-space: nowrap;
    margin-right: 8px;
    background: #fff;
    position: relative;
    margin-bottom: -1px;
}

#content .tabs ul li a {
    display: block;
    font-size: 0.9em;
    text-decoration: none;
    line-height: 1.3em;
    padding: 4px 6px 4px 6px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbbbbb;
    background-color: #eeeeee;
    color: #777;
    font-weight: bold;
}

#content .tabs ul li a:hover {
    background-color: #ffffdd;
    text-decoration: none;
}

#content .tabs ul li a.selected {
    background-color: #fff;
    border: 1px solid #bbbbbb;
    border-bottom: 1px solid #fff;
}

#content .tabs ul li a.selected:hover {
    background-color: #fff;
}

div.tabs-buttons {
    position: absolute;
    right: 0;
    width: 48px;
    height: 24px;
    background: white;
    bottom: 0;
    border-bottom: 1px solid #bbbbbb;
}

button.tab-left, button.tab-right {
    font-size: 0.9em;
    cursor: pointer;
    height: 24px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbbbbb;
    position: absolute;
    padding: 4px;
    width: 20px;
    bottom: -1px;
}

button.tab-left {
    right: 20px;
    background: #eeeeee url(../img/bullet_arrow_left.png) no-repeat 50% 50%;
}

button.tab-right {
    right: 0;
    background: #eeeeee url(../img/bullet_arrow_right.png) no-repeat 50% 50%;
}

/***** Auto-complete *****/
div.autocomplete {
    position: absolute;
    width: 400px;
    margin: 0;
    padding: 0;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: -1px 0 0 0;
    padding: 2px;
    cursor: pointer;
    font-size: 90%;
    border: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: white;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li span.informal {
    font-size: 80%;
    color: #aaa;
}

#parent_issue_candidates ul li {
    width: 500px;
}

/***** Diff *****/
.diff_out {
    background: #fcc;
}

.diff_in {
    background: #cfc;
}

/***** Wiki *****/
div.wiki table {
    border: 1px solid #505050;
    border-collapse: collapse;
    margin-bottom: 1em;
}

div.wiki table, div.wiki td, div.wiki th {
    border: 1px solid #bbb;
    padding: 4px;
}

div.wiki .external {
    background-position: 0% 60%;
    background-repeat: no-repeat;
    padding-left: 12px;
    background-image: url(../img/external.png);
}

div.wiki a.new {
    color: #b73535;
}

div.wiki pre {
    margin: 1em 1em 1em 1.6em;
    padding: 2px 2px 2px 0;
    background-color: #fafafa;
    border: 1px solid #dadada;
    width: auto;
    /*overflow-x: auto;
    overflow-y: hidden;*/
}

div.wiki ul.toc {
    background-color: #ffffdd;
    border: 1px solid #e4e4e4;
    padding: 4px;
    line-height: 1.2em;
    margin-bottom: 12px;
    margin-right: 12px;
    margin-left: 0;
    display: table
}

* html div.wiki ul.toc {
    width: 50%;
}

/* IE6 doesn't autosize div */

div.wiki ul.toc.right {
    float: right;
    margin-left: 12px;
    margin-right: 0;
    width: auto;
}

div.wiki ul.toc.left {
    float: left;
    margin-right: 12px;
    margin-left: 0;
    width: auto;
}

div.wiki ul.toc li {
    list-style-type: none;
}

div.wiki ul.toc li.heading2 {
    margin-left: 6px;
}

div.wiki ul.toc li.heading3 {
    margin-left: 12px;
    font-size: 0.8em;
}

div.wiki ul.toc a {
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    color: #606060;
}

div.wiki ul.toc a:hover {
    color: #c61a1a;
    text-decoration: underline;
}

a.wiki-anchor {
    display: none;
    margin-left: 6px;
    text-decoration: none;
}

a.wiki-anchor:hover {
    color: #aaa !important;
    text-decoration: none;
}

h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor {
    display: inline;
    color: #ddd;
}

div.wiki img {
    vertical-align: middle;
}

/***** My page layout *****/
.block-receiver {
    border: 1px dashed #c0c0c0;
    margin-bottom: 20px;
    padding: 15px 0 15px 0;
}

.mypage-box {
    margin: 0 0 20px 0;
    color: #505050;
    line-height: 1.5em;
}

.handle {
    cursor: move;
}

a.close-icon {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('../img/close.png');
}

a.close-icon:hover {
    background-image: url('../img/close_hl.png');
}

/***** Gantt chart *****/
.gantt_hdr {
    position: absolute;
    top: 0;
    height: 16px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    text-align: center;
    overflow: hidden;
}

.task {
    position: absolute;
    height: 8px;
    font-size: 0.8em;
    color: #888;
    padding: 0;
    margin: 0;
    line-height: 0.8em;
    white-space: nowrap;
}

.task_late {
    background: #f66 url(../img/task_late.png);
    border: 1px solid #f66;
}

.task_done {
    background: #66f url(../img/task_done.png);
    border: 1px solid #66f;
}

.task_todo {
    background: #aaa url(../img/task_todo.png);
    border: 1px solid #aaa;
}

.task_todo.parent {
    background: #888;
    border: 1px solid #888;
    height: 6px;
}

.task_late.parent, .task_done.parent {
    height: 3px;
}

.task_todo.parent .left {
    position: absolute;
    background: url(../img/task_parent_end.png) no-repeat 0 0;
    width: 8px;
    height: 16px;
    margin-left: -5px;
    left: 0px;
    top: -1px;
}

.task_todo.parent .right {
    position: absolute;
    background: url(../img/task_parent_end.png) no-repeat 0 0;
    width: 8px;
    height: 16px;
    margin-right: -5px;
    right: 0px;
    top: -1px;
}

.milestone {
    background-image: url(../img/milestone.png);
    background-repeat: no-repeat;
    border: 0;
}

/***** Icons *****/
.icon {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.icon-add {
    background-image: url(../img/add.png);
}

.icon-destroy {
    background-image: url(../img/destroy.png);
}

.icon-add_one_day {
    background-image: url(../img/add_one_day.png);
}

.icon-add_two_days {
    background-image: url(../img/add_two_days.png);
}

.icon-add_five_days {
    background-image: url(../img/add_five_days.png);
}

.icon-add_ten_days {
    background-image: url(../img/add_ten_days.png);
}

.icon-edit {
    background-image: url(../img/edit.png);
}

.icon-replace {
    background-image: url(../img/replace.png);
}

.icon-copy {
    background-image: url(../img/copy.png);
}

.icon-duplicate {
    background-image: url(../img/duplicate.png);
}

.icon-del {
    background-image: url(../img/delete.png);
}

.icon-move {
    background-image: url(../img/move.png);
}

.icon-save {
    background-image: url(../img/save.png);
}

.icon-cancel {
    background-image: url(../img/cancel.png);
}

.icon-multiple {
    background-image: url(../img/table_multiple.png);
}

.icon-folder {
    background-image: url(../img/folder.png);
}

.open .icon-folder {
    background-image: url(../img/folder_open.png);
}

.icon-package {
    background-image: url(../img/package.png);
}

.icon-home {
    background-image: url(../img/home.png);
}

.icon-user {
    background-image: url(../img/user.png);
}

.icon-projects {
    background-image: url(../img/projects.png);
}

.icon-help {
    background-image: url(../img/help.png);
}

.icon-attachment {
    background-image: url(../img/attachment.png);
}

.icon-history {
    background-image: url(../img/history.png);
}

.icon-time {
    background-image: url(../img/time.png);
}

.icon-time-add {
    background-image: url(../img/time_add.png);
}

.icon-stats {
    background-image: url(../img/stats.png);
}

.icon-warning {
    background-image: url(../img/warning.png);
}

.icon-fav {
    background-image: url(../img/fav.png);
}

.icon-fav-off {
    background-image: url(../img/fav_off.png);
}

.icon-reload {
    background-image: url(../img/reload.png);
}

.icon-lock {
    background-image: url(../img/locked.png);
}

.icon-unlock {
    background-image: url(../img/unlock.png);
}

.icon-checked {
    background-image: url(../img/true.png);
}

.icon-details {
    background-image: url(../img/zoom_in.png);
}

.icon-report {
    background-image: url(../img/report.png);
}

.icon-comment {
    background-image: url(../img/comment.png);
}

.icon-summary {
    background-image: url(../img/lightning.png);
}

.icon-server-authentication {
    background-image: url(../img/server_key.png);
}

.icon-import {
    background-image: url(../img/user_go.png);
}

.icon-file {
    background-image: url(../img/files/default.png);
}

.icon-file.text-plain {
    background-image: url(../img/files/text.png);
}

.icon-file.text-x-c {
    background-image: url(../img/files/c.png);
}

.icon-file.text-x-csharp {
    background-image: url(../img/files/csharp.png);
}

.icon-file.text-x-php {
    background-image: url(../img/files/php.png);
}

.icon-file.text-x-ruby {
    background-image: url(../img/files/ruby.png);
}

.icon-file.text-xml {
    background-image: url(../img/files/xml.png);
}

.icon-file.image-gif {
    background-image: url(../img/files/image.png);
}

.icon-file.image-jpeg {
    background-image: url(../img/files/image.png);
}

.icon-file.image-png {
    background-image: url(../img/files/image.png);
}

.icon-file.image-tiff {
    background-image: url(../img/files/image.png);
}

.icon-file.application-pdf {
    background-image: url(../img/files/pdf.png);
}

.icon-file.application-zip {
    background-image: url(../img/files/zip.png);
}

.icon-file.application-x-gzip {
    background-image: url(../img/files/zip.png);
}

img.gravatar {
    padding: 2px;
    border: solid 1px #d5d5d5;
    background: #fff;
}

div.issue img.gravatar {
    float: right;
    margin: 0 0 0 1em;
    padding: 5px;
}

div.issue table img.gravatar {
    height: 14px;
    width: 14px;
    padding: 2px;
    float: left;
    margin: 0 0.5em 0 0;
}

h2 img.gravatar {
    padding: 3px;
    margin: -2px 4px -4px 0;
    vertical-align: top;
}

h4 img.gravatar {
    padding: 3px;
    margin: -6px 0 -4px 0;
    vertical-align: top;
}

td.username img.gravatar {
    float: left;
    margin: 0 1em 0 0;
}

#activity dt img.gravatar {
    float: left;
    margin: 0 1em 1em 0;
}

#activity dt,
.journal {
    clear: left;
}

.journal-link {
    float: right;
}

h2 img {
    vertical-align: middle;
}

.hascontextmenu { /*cursor: context-menu;*/
}

/***** Media print specific styles *****/
@media print {
    #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats {
        display: none;
    }

    #main {
        background: #fff;
    }

    #content {
        width: 99%;
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        overflow: visible !important;
    }

    #wiki_add_attachment {
        display: none;
    }

    .hide-when-print {
        display: none;
    }
}

/***** *****/
.tabular div.field_row {
    overflow: hidden;
    clear: left;
    height: 1%;
    margin: 0;
    padding: 5px 0 8px 180px;
}

.details-customer {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

.details-customer h3 {
    border: medium none;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-top: 0;
    float: left;
}

.details-customer2 h3 {
    width: 220px;
}

.details-customer table {
    background-color: #E4E4E4;
    padding-left: 20px;
    width: 100%;
}

.details-distributor table {
    background-color: #E4E4E4;
    padding-left: 0px;
    width: 100%;
}

.arrow {
    font-size: 15px;
    margin-right: 6px;
}

.details-customer label {
    color: #505050;
}

.details-customer td {
    color: #000000;
    padding: 5px;
}

.details-customer .list tr:HOVER {
    cursor: pointer;
}

#list-gains tr:hover {
    cursor: default;
    background: none;
}
  

.small {
    font-size: 9px;
}

.field_row textarea {
    width: 40%;
    height: 80px;
}
#add-promo-code .field_row div {
    display: inline-block;
}
#add-promo-code .field_row div.dateError {
    max-width: 200px;
    vertical-align: top;
}


.textLimit {
    color: #880000;
    margin-left: 1px;
}

.form_label label {
    font-weight: bold;
    float: left;
    text-align: right;
    margin-left: -110px; /*width of left column*/
    width: 175px;
    /*width of labels. Should be smaller than left column to create some right
       margin*/
}

/**
 * @author abdou
 */
table.reports td {
    padding: 5px;
}

table.reports td.label {
    width: 25%;
}

table.reports td.numeric {
    text-align: right;
}

#sidebar input, #sidebar select {
    width: 90%
}

#sidebar select {
    width: 93%;
    height: 22px;
}

#sidebar input.classe_filter {
    width: 93%;
    margin-top: 5px;
}

textarea.textarea-order-status {
    width: 80%;
}

/**
* Added By Raouf
*
*/
.summer,
.winter,
.all-seasons {
    width: 28px;
    height: 32px;
    float: right;
    margin: 0 4px 0 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/bg-sprite.png) no-repeat 100% -451px;
}

.snow,
.winter {
    width: 26px;
    height: 29px;
    background-position: -939px -514px;
}

.cloudy,
.all-seasons {
    width: 34px;
    height: 36px;
    background-position: -931px -478px;
}

/* A.R */
.columnstockout {
    position: relative;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 20px;
    float: left;
}

.stockoutheader {
    font-weight: bold;
}

.searchChildParent div {
    display: inline;
}

.searchChildParent div label {
    margin-left: 30px;
}

.errors-search-stockout ul li {
    margin: 0px;
    padding: 0px;
    color: red;
}

table.list th a {
    color: #666;
}

.clear-block {
    clear: both;
}

.required_red {
    color: red;
}

/**
* Icons for different distributor's countries
*
*/
.ico-germany,
.ico-france,
.ico-belgium,
.ico-holland,
.ico-italy,
.ico-luxembourg,
.ico-netherlands,
.ico-austria,
.ico-spain,
.ico-denmark,
.ico-poland {
    text-indent: -9999px;
    overflow: hidden;
    border: 1px solid #e5e6e6;
    float: left;
    margin: 0 5px;
    width: 22px;
    height: 16px;
    background: url(../images/bg-sprite11072013.png) no-repeat -776px -447px;
}

.ico-germany {
    background-position: -762px -486px;
}

.ico-france {
    background-position: -670px -486px;
}

.ico-spain {
    background-position: -647px -486px;
}

.ico-italy {
    background-position: -693px -486px;
}

.ico-luxembourg {
    background-position: -716px -469px;
}

.ico-belgium {
    background-position: -831px -486px;
}

.ico-netherlands {
    background-position: -739px -486px;
}

.ico-austria {
    background-position: -854px -486px;
}

.ico-denmark {
    background-position: -693px -452px;
}

.ico-poland {
    background-position: -484px -1010px;
}

ul#searchSubMenu li {
    float: none;
    padding: 5px;
}

.homepage .field_row label {
    width: 150px;
    float: left;
}

#form-remarque label {
    display: inline-block;
    width: 160px;
    vertical-align: top;
}

#form-remarque .buttons {
    float: right;
}

#form-remarque select, #form-remarque textarea {
    width: 304px;
    resize: none;
    padding: 0;
}

.long-main-menu li a {
    padding: 4px !important;
}

.sepa {
    background: url("images/sepa_mini.png") no-repeat scroll transparent;
    width: 48px;
    height: 20px;
    float: left;
}

.deroule {
    display: block;
    width: 130px;
    background: url(http://blog.yann.info/demo/fleches.gif) no-repeat right -55px;
}

.enroule {
    background: url(http://blog.yann.info/demo/fleches.gif) no-repeat right 3px;
}

#displayBloc {

    text-decoration: none;
    color: #505050;
}

.overrideWrap {
    white-space: inherit !important;
    padding: 2px !important;
}

.notif-container {
    position: absolute;
    z-index: 99999;
    right: 10px;
    top: 25px;
}

.alert {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.margin-left-10 {
    margin-left: 10px;
}

a.my-notification {
    background: url(../img/notif.png) center;
    font-size: 0;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    float: left;
    margin-top: -2px;
}

a.my-notification span#notifCounter {
    display: inline-block;
    float: left;
    font-size: 9px;
    color: #fff;
    background: red;
    padding: 1px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
}

#notification_type div {
    float: left;
    margin-right: 15px;
}

#notification_type div label {
    float: right;
    margin: 0;
    width: auto;
}

#notification_type .required {
    display: none;
}

.notif-deleted {
    text-decoration: line-through;
}

/*Table service*/
table.list-service {
    border: 1px solid #e4e4e4;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
    height: 165px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    table.list-service {
        border: 1px solid #e4e4e4;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 4px;
        font-size: 12px;
    }
}

table.list-service-right {
    /*border: 1px solid #e4e4e4;*/
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
}

table.list-service-left {
    /*border: 1px solid #e4e4e4;*/
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
    float: left;
}

table.list-service-center {
    border: 1px solid #e4e4e4;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
}

table.list-service th {
    text-align: left;
    background-color: #EEEEEE;
    padding: 4px;
    white-space: normal;
}

table.list-service td, table.list-service-right td, table.list-service-left td {
    vertical-align: middle;
}

table.list-service td.id {
    width: 2%;
    text-align: center;
}

table.list-service td.checkbox {
    width: 15px;
    padding: 0px;
}

table.list-service td.buttons {
    width: 15%;
    white-space: nowrap;
    text-align: right;
}

table.list-service td.buttons a {
    padding-right: 0.6em;
}

table.list-service caption {
    text-align: left;
    padding: 0.5em 0.5em 0.5em 0;
}

table.list-service th.status-service {
    text-align: right;
    padding-right: 80px;
}

table.list-service th.left-status-service {
    text-align: right;
    padding-right: 18px;
}

table.list-service th.right-status-service {
    text-align: right;
    padding-right: 68px;
}

.services-main-box {
    height: 192px;
}

.details-customer-body {
    float: left;
    width: 100%;
}

.half-details-customer-body-box {
    width: 50%;
    float: left;
}

.details-customer-header {
    width: 100%;
    float: left;

}

.half-details-customer-header {
    width: 50%;
    float: left;
}

.customer-services-table {
    margin-top: -1px;
    margin-bottom: -23px;
    border-collapse: collapse;
    width: 100%;
}

.customer-services-table-container {
    height: 25px;
    vertical-align: top;
}

.list-customer-services-container {
    height: 151px;
    vertical-align: top;
    padding-top: 9px;
}

#loadAjaxMonMecanicien > img,
#loadAjaxPiece > img,
#loadAjaxLubricant > img,
#loadAjaxAssJuridique > img {
    margin-top: -8px;
    position: absolute;
}

#sculpture {
    height: 140px;
}

.width-input-image {
    width: 380px;
}

.table-qualification {
    border-collapse: collapse;
    margin-top: 10px;
    margin-left: 5px;

}

.table-qualification td {
    border: 1px solid #000;
    padding: 10px !important;
}

.table-qualification .td-response {
    width: 400px;
    text-align: center;
}

.table-qualification .td-green {
    color: #008000;
}

.table-qualification .td-green.type-products p{
    /* text-align: left;
    padding-left: 128px; */
    padding-bottom: 5px;
}

.table-qualification .td-orange {
    color: #FFA500;
}

.validatedQualification {
    margin-left: 10px;
    font-size: 10px;
    color: #0000FF !important;
}

.table-qualification p {
    font-weight: bold;
    font-size: 11px;
}

.edit-qualification {
    color: #2A5685 !important;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

.table-qualification select {
    width: 250px;
}

.btn-save-qualification {
    text-align: center;
    margin-top: 20px;
}

.btn-group .btn {
    border-radius: 0px !important;
    width: 250px !important;
}

.multiselect-container.dropdown-menu {

    border-radius: 0px !important;
    width: 250px !important;

}

.form-oils-category-pays {
    margin: 0 auto;
    width: 76%;
    display: block;
}

.form-equip-category-pays {
    margin: 20px auto;
    width: 90%;
    display: block;
}

.flexwrap{    
    display: flex;
    flex-wrap: wrap;
}

.flexwrap p {
    width: 47%;
    margin: 10px 1.5%;
    display: flex;
    flex-direction: column;
}
.chk-category {
    float: left;
}

#configuration-pays span {
    width: 75px !important;
    display: block;
    float: left;
}

.txt-category {
    width: 232px;
}

#submit-trad-category-oils {
    float: right;
}

.visibility-icon i {
    font-size: 20px;
}

.visibility-true i {
    color: #1E824C;
}

.visibility-false i {
    color: #ca2316;
}

.bo-additional-service-header-label {
    width: 80%;
    float: left;
    padding-left: 15px;
    font-weight: bold;
    font-size: 12px;
    color: #505050;

}

.bo-additional-service-header-status {
    width: 10%;
    float: left;
    font-weight: bold;
    font-size: 12px;
    color: #505050;

}

.bo-additional-service-label {
    width: 80%;
    float: left;
    text-align: left;
    padding: 4px;
    font-weight: bold;
    font-size: 12px;
    color: #505050;
}

.bo-additional-service-status {
    width: 8%;
    float: left;
    padding: 4px 0px 4px 10px;
}

.services-bloc-body {
    padding: 13px 0px 13px 13px;
    overflow: auto;
}

.services-bloc-header {
    padding: 4px;
    overflow: auto;
}

.bo-additional-services-container {
    width: 49%;
    float: left;
    background-color: #EEEEEE;
    color: #505050;
    line-height: 1.5em;
    border: 1px solid #e4e4e4;
    margin-right: 2px;
    height: 290px;
}

.service-loader-container {
    width: 16px;
    overflow: auto;
    float: left;
    padding-top: 4px
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: white;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.ui-dialog.ui-widget {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.ui-dialog.ui-widget img#output {
    margin: 5px auto;
    display: block;
}

.table-followed {
    border-collapse: collapse;
    margin-top: 10px;
    margin-left: 5px;

}

.table-followed td {
    border: 1px solid #000;
    padding: 10px !important;
}

.table-followed .td-response {
    width: 400px;
    text-align: center;
}

.table-followed .name-alert,
.table-followed .date-alert,
.table-followed .aut-alert{
    color: #393cd1;
    min-width: 100px;
    text-align: center;
}
.table-followed .name-alert {
    font-weight: bold;
    font-size: 17px;
    width: 375px;
    text-align: center;
}

.table-followed .aut-alert{
    font-weight: bold;
}

.table-followed p {
    font-weight: bold;
    font-size: 14px;
}

.edit-followed {
    color: #2A5685 !important;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

.table-followed select {
    width: 250px;
}

.btn-save-followed {
    text-align: center;
    margin-top: 20px;
}

.btn-group .btn {
    border-radius: 0px !important;
    width: 250px !important;
}

.multiselect-container.dropdown-menu {

    border-radius: 0px !important;
    width: 250px !important;

}

table.table-fees th {
    font-weight: bold;
    background: #b4c6e7;
    padding: 9px;
    font-size: 14px;
    border: 1px solid #c5c0c0;
    width: 156px;
}

table.table-fees td {
    padding: 2px;
    border: 1px solid #c5c0c0;
    text-align: center;
    font-weight: bold;
    background: #d9e1f2;
}

table.table-fees input {
    max-width: 56px;
}
table.table-fees .prcentnon {
    opacity: 0;;
}

.grid-header {
    width: 100%;
    background: orange;
    color: white;
    font-size: 14px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    padding-top: 12px;
    font-weight: bold;
}

div.box > div.recycling {
    display: flex;
}

div.box > div.recycling > div:first-child {
    margin-right: 50px;
}
.iframe-alert{
    width: 100%;
    height: 100%;
    min-height: 1000px;
}
.field-label,
.field-champ {
    float: left;
    min-width: 230px;
    margin-bottom: 7px;
    font-weight: bold;
}
.field-label .required{
    float: none;
}
table.table-fees td.white-td {
    font-style: italic;
    text-align: left;
}

/*Css pour filtre jante*/
select#filterRims_distributor{
    height: 100px !important;
}
/* tooltip */
.box .tooltip .tooltip-inner {
    max-width: 560px;
}

.break-word {
    word-break: break-word;
    width: 60px;
}
.warp{
    width: auto !important;
}

.ui-widget-overlay {
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
}

.ui-dialog{
    position: fixed !important;
    top: 0 !important;
}

.popup-trigger{
    cursor: pointer;
}
/*-----------SURVEY----------*/
#Survey .tabular p {
    padding-left: 0;
}
#SurveyQuestion .langue span {
    height: 28px;
    position: absolute;
    font-size: 33px;
    margin-left: 10px;
    color: red;
    cursor: pointer;
}
#SurveyQuestion .langue p {
    font-size: 17px;
    font-weight: bolder;

}
#SurveyQuestion .langue input {
    width: 507px;
    margin-left: 12px;
    padding: 5px;
    outline: none;
    margin-right: 10px;
}
#SurveyQuestion  .langue select {
    background: #e9e9e9;
    padding: 5px 28px;
    border-radius: 20px;
    margin-left: 12px;
}
#SurveyQuestion .langue option {
    font-size: 23px;
}
#SurveyQuestion .langue .answer {
    margin-left: 80px;
}
.addQuestion {
    width: fit-content;
    position: absolute;
    right: 8px;
    font-size: 23px;
    height: auto;
    padding: 7px 0;
    color: blue;
    font-weight: 900;
    cursor: pointer;
}
.addAnswer {
    margin-left: 80px !important;
    font-size: 13px;
    color: #3079ff;
    text-decoration: underline;
    cursor: pointer;
}

#Survey table td:nth-child(1) {
    text-align: right;
    font-size: 18px;
    font-weight: 800;
    color: black;
}
#Survey table td label {
    color: red;
}
#Survey table tr {
    height: 45px;
}
#Survey table tr input {
    width: 331px;
    padding: 5px;
    outline: none;
}
#SurveyQuestion  .langue label {
    margin-left: 0;
    text-align: left;
    width: auto;
    font-weight: 700;
    float: inherit;
}
#Survey .select2-selection--single, .select2-container{
    width: auto !important;
    min-width: 150px;
}
#Survey  .select2-container textarea{
    display: none;
}
.flash.res{
background: #3CB371;
color: white;
}
/* #Survey .select2-container--default .select2-selection--single {

    border: 1px solid #555 !important;
}
#Survey .select2-container {

} */

#standardTab , #specificTab{
    background: #f6f6f6;
    border: 1px solid #d5d5d5;
    padding: 9px;
    color: black;
    font-size: 17px;
    font-family: inherit;
    border-radius: 8px 8px 0 0;
    margin-right: 5px;
    border-bottom: 0;
    cursor: pointer;
}
#desingationBlock{
    padding-left:15px;
    position: absolute;
    top: 37px;
    left: 50%;
    opacity:0;
 }
 #desingationBlock div{
    font-size: 12px;
    margin-bottom: 5px;
  }
  #ean_add .error{
    color: red;
    opacity:0;
    position: absolute;
  }