body { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #484848; margin: 0; padding: 0; overflow-x: hidden; }
h1, h2, h3, h4 { font-family: 'Open Sans', 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;  color: #444; }
h3, .wiki h2 { font-size: 16px; padding: 2px 10px 1px 0px; margin: 0 0 10px 0; color: #444; }
h4, .wiki h3 { font-size: 13px; padding: 2px 10px 1px 0px; margin-bottom: 5px; color: #444; }
/***** Layout *****/
#wrapper { background: white; }
#top-menu { background: #2C4056; color: #fff; height: 1.8em; 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; }
#header a { padding: 0px 5px; font-weight:700
}
#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
#account { float: right; }
#header { }
#quick-search { float: right; }
#main-menu { height: 40px; padding-top: 7px; }
#main-menu ul { margin: 0; padding: 0; text-align: center }
#main-menu li { list-style-type: none; margin: 0px 5px 0px 5px; padding: 0px 10px 0px 5px; white-space: nowrap; border-right: 1px solid #ccc; max-width: 115px; height: 30px; display: inline-block; vertical-align: top; }
#main-menu li:last-child { border-right: none; }
#main-menu li a { display: inline-block; color: #fff; text-decoration: none; font-weight: 700; margin: 0; padding: 0; text-align: center; white-space: normal; font-size: 12px; }
/*#main-menu li a:hover { color:#1d2759}*/
#main-menu li a.selected, #main-menu li a.selected:hover { color: #1d2759 }
#main { min-height: 70vh; }
#sidebar { float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0; }
* html #sidebar { width: 17%; }
#sidebar h3 { font-size: 14px; margin-top: 14px; color: #666; }
#sidebar hr { width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
* html #sidebar hr { width: 95%; position: relative; left: -6px; color: #ccc; }
#content { width: 80%; background-color: #f9f9f9; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
* html #content { width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px; }
html>body #content { min-height: 600px; }
* html body #content { height: 600px; } /* IE */
#main.nosidebar #sidebar { display: none; }
#main.nosidebar #content { width: auto; border-right: 0; padding: 20px 30px }
#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 #2C4056; background-color: #D7D7D7; }
#login-form table td { padding: 6px; }
#login-form label { font-weight: bold; }
.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 { text-decoration: line-through; }
/***** Tables *****/
table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table.list th { background-color: #EEEEEE; padding: 4px; white-space: nowrap; }
table.list td { vertical-align: top; }
table.list td.id { width: 2%; text-align: center; }
table.list td.checkbox { width: 15px; padding: 0px; }
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.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 span.expander { background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer; }
tr.entry.open span.expander { background-image: url(../images/bullet_toggle_minus.png); }
tr.entry.file td.filename a { margin-left: 16px; }
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%; }
tr.message { height: 2.6em; }
tr.message td.last_message { font-size: 80%; }
tr.message.locked td.subject a { background-image: url(../images/locked.png); }
tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }
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:hover { background-color: #ffffdd; }
table td { 
    padding: 5px;
    /*text-align: left;
    border: 1px solid #e6e6e6;*/ }
table th {
    padding: 5px;
    text-align: left;
    border: 1px solid #e6e6e6; }
table p { margin: 0; }
.odd { background-color: #f6f7f8; }
.even { background-color: #fff; }
.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; }
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 input { font-size: 0.9em; }
.splitcontentleft { float: left; width: 49%; }
.splitcontentright { float: right; width: 49%; }
form { display: inline; }
input, select { 
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 5px;}
fieldset { border-top: 2px solid #0062a5; margin: 0; padding: 15px }
legend { color: #0062a5; font-weight: 700; font-size: 16px; width: auto; padding: 10px; margin-left: 10px; }
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; }
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; }
fieldset#filters, fieldset#date-range { padding: 0.7em; margin-bottom: 8px; }
fieldset#filters p { margin: 1.2em 0 0.8em 2px; }
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; }
div#issue-changesets { float: right; width: 45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%; }
div#issue-changesets .changeset { padding: 4px; }
div#issue-changesets .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; }
#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(../images/ticket.png); }
dt.issue-edit { background-image: url(../images/ticket_edit.png); }
dt.issue-closed { background-image: url(../images/ticket_checked.png); }
dt.issue-note { background-image: url(../images/ticket_note.png); }
dt.changeset { background-image: url(../images/changeset.png); }
dt.news { background-image: url(../images/news.png); }
dt.message { background-image: url(../images/message.png); }
dt.reply { background-image: url(../images/comments.png); }
dt.wiki-page { background-image: url(../images/wiki_edit.png); }
dt.attachment { background-image: url(../images/attachment.png); }
dt.document { background-image: url(../images/document.png); }
dt.project { background-image: url(../images/projects.png); }
div#roadmap fieldset.related-issues { margin-bottom: 1em; }
div#roadmap fieldset.related-issues ul { margin-top: 0.3em; margin-bottom: 0.3em; }
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; }
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%; }
.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: left; margin-left: -180px; /*width of left column*/ width: 185px; /*width of labels. Should be smaller than left column to create some right 
margin*/ }
.tabular label.floating { font-weight: normal; margin-left: 0px; text-align: left; width: 270px; }
input#time_entry_comments { width: 90%; }
#preview fieldset { margin-top: 1em; background: url(../images/draft.png) }
.tabular.settings p { padding-left: 300px; }
.tabular.settings label { margin-left: -300px; width: 295px; }
.required { color: #bb0000; }
.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.feed { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
/***** 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(../images/false.png) 8px 5px no-repeat; background-color: #ffe3e3; border-color: #dd0000; color: #550000; }
div.flash.notice { background: url(../images/true.png) 8px 5px no-repeat; background-color: #dfffdf; border-color: #9fcf9f; color: #005f00; }
div.flash.warning { background: url(../images/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; }
/***** 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(../images/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%; }
table.cal tbody tr { height: 100px; }
table.cal th { background-color: #EEEEEE; padding: 4px; }
table.cal td { border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em; }
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; }
/***** 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; border-bottom: 1px solid #bbbbbb; margin-bottom: 1.2em; position: relative; }
#content .tabs ul { margin: 0; position: absolute; bottom: -2px; padding-left: 1em; }
#content .tabs>ul { bottom: -1px; } /* others */
#content .tabs ul li { float: left; list-style-type: none; white-space: nowrap; margin-right: 8px; background: #fff; }
#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; }
/***** 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(../images/external.png); }
div.wiki a.new { color: #b73535; }
div.wiki pre { margin: 1em 1em 1em 1.6em; padding: 2px; background-color: #fafafa; border: 1px solid #dadada; width: 95%; overflow-x: auto; }
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; }
/***** 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('../images/close.png'); }
a.close-icon:hover { background-image: url('../images/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; }
.task_late { background: #f66 url(../images/task_late.png); border: 1px solid #f66; }
.task_done { background: #66f url(../images/task_done.png); border: 1px solid #66f; }
.task_todo { background: #aaa url(../images/task_todo.png); border: 1px solid #aaa; }
.milestone { background-image: url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
/***** Icons *****/
.icon { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px; }
.icon22 { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 26px; line-height: 22px; vertical-align: middle; }
.icon-add { background-image: url(../images/add.png); }
.icon-edit { background-image: url(../images/edit.png); }
.icon-copy { background-image: url(../images/copy.png); }
.icon-del { background-image: url(../images/delete.png); }
.icon-move { background-image: url(../images/move.png); }
.icon-save { background-image: url(../images/save.png); }
.icon-cancel { background-image: url(../images/cancel.png); }
.icon-file { background-image: url(../images/file.png); }
.icon-folder { background-image: url(../images/folder.png); }
.open .icon-folder { background-image: url(../images/folder_open.png); }
.icon-package { background-image: url(../images/package.png); }
.icon-home { background-image: url(../images/home.png); }
.icon-user { background-image: url(../images/user.png); }
.icon-mypage { background-image: url(../images/user_page.png); }
.icon-admin { background-image: url(../images/admin.png); }
.icon-projects { background-image: url(../images/projects.png); }
.icon-help { background-image: url(../images/help.png); }
.icon-attachment { background-image: url(../images/attachment.png); }
.icon-index { background-image: url(../images/index.png); }
.icon-history { background-image: url(../images/history.png); }
.icon-time { background-image: url(../images/time.png); }
.icon-stats { background-image: url(../images/stats.png); }
.icon-warning { background-image: url(../images/warning.png); }
.icon-fav { background-image: url(../images/fav.png); }
.icon-fav-off { background-image: url(../images/fav_off.png); }
.icon-reload { background-image: url(../images/reload.png); }
.icon-lock { background-image: url(../images/locked.png); }
.icon-unlock { background-image: url(../images/unlock.png); }
.icon-checked { background-image: url(../images/true.png); }
.icon-details { background-image: url(../images/zoom_in.png); }
.icon-report { background-image: url(../images/report.png); }
.icon-comment { background-image: url(../images/comment.png); }
.icon22-projects { background-image: url(../images/22x22/projects.png); }
.icon22-users { background-image: url(../images/22x22/users.png); }
.icon22-tracker { background-image: url(../images/22x22/tracker.png); }
.icon22-role { background-image: url(../images/22x22/role.png); }
.icon22-workflow { background-image: url(../images/22x22/workflow.png); }
.icon22-options { background-image: url(../images/22x22/options.png); }
.icon22-notifications { background-image: url(../images/22x22/notifications.png); }
.icon22-authent { background-image: url(../images/22x22/authent.png); }
.icon22-info { background-image: url(../images/22x22/info.png); }
.icon22-comment { background-image: url(../images/22x22/comment.png); }
.icon22-package { background-image: url(../images/22x22/package.png); }
.icon22-settings { background-image: url(../images/22x22/settings.png); }
.icon22-plugin { background-image: url(../images/22x22/plugin.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; }
#history img.gravatar { padding: 3px; margin: 0 1.5em 1em 0; float: left; }
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; }
h2 img { vertical-align: middle; }


/***** 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; }
}
label { text-align: left; padding-right: 15px; float: left; margin: 2px; color: #666; font-weight:600; }
li { list-style-type: none; }
h1 { font-size: 18px; ; color: #1d2759; }
#header h1 { color: #fff; padding: 22px 0px; font-size: 24px; }
h3 { font-size: 12px; ; color: #666; }
h2 { font-size: 12px; ; color: #C00; }
hr { background: none; border-bottom: 1px solid #ccc; margin: 10px 0px; border-top: none; border-left: none; border-right: none; height: 1px; }
input [type=subbmit] { color: #C00; font-weight: bold; padding: 0px 5px; }
input.inapoi, input.trimite { color: #fff; font-weight: bold; padding: 0px 5px; margin: 5px; text-align: center; vertical-align: top; padding: 10px 20px; border-radius: 5px; border: 0px solid #ccc; background: #1d2759; cursor:pointer }
input.inapoi:hover, input.trimite:hover { color: #c7931e; }
.bg_color { background: #F5F5F5; padding: 5px 0px; }
.detailcv { border: 2px solid #f5f5f5; margin-right: 10px; }
ul.detailcv li { list-style-type: none; clear: both; padding: 5px 0px; }
.adpdetail { background: #F7F2F2; padding: 10px; border: 1px solid #D29797; }
.adpcomment { background: #F5F5F5; padding: 10px; border: 1px solid #ccc; }
.adprelance { background: #F7F2F2; padding: 10px; margin-left: 25px; margin-right: 25px; border: 1px solid #D29797; }
.adpdate { font-size: 10px; color: #999; }
.error { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; color: #D8000C; background-color: #FFBABA; background-image: url('../images/error.png'); font-family: Arial, Helvetica, sans-serif; font-size: 13px; "
}
#navigation { /*conteneur du menu*/ padding: 0; clear: both; }
ul.nav-main li { /*règles générales des items de liste */ list-style: none; margin: 0; }
ul.nav-main { /*règles des items principaux*/ position: relative; z-index: 597; }
ul.nav-main li:hover > ul { /*apparition des sous-listes au survol de l'item principal ul*/ visibility: visible; }
ul.nav-main li:hover { /*design des items de liste au survol*/ position: relative; z-index: 599; cursor: pointer; }
ul.nav-main li { /*positionnement, dimensions, couleurs et textes des items de liste*/ display: block; font: 14px Arial, Helvetica, sans-serif; }
ul.nav-main li a { /*positionnement, dimensions, couleurs et textes des items de liste intégrant une redirection url*/ display: block; padding: 16px 16px 0 16px; /*height: 35px;*/
color: #999; font: 14px Arial, Helvetica, sans-serif; text-decoration: none; }
ul.nav-main li a:hover { /* couleurs des items de liste au survol*/ }
ul.nav-main *.list { /*décalage entre chaque items principaux*/ padding-right: 22px; }
ul.nav-sub { /*règles de la liste ul de sous menus*/ visibility: hidden; position: absolute; padding: 10px; left: -2px; z-index: 598; background: #507AAA; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; width: 215px; }
#main-menu ul.nav-sub li { /* regles des items de liste sous menu */ list-style: none; display: block; padding: 0; height: auto; float: none; border-bottom: 1px solid #5a5a5a; border-right: none; background: none; }
#main-menu ul.nav-sub li a { /* règles des items de liste de sous menus intégrant une redirection url */ list-style: none; display: block; padding: 6px 5px 6px 5px; height: auto; float: none; width: 145px; background: none; font: 12px Arial, Helvetica, sans-serif; }
/*JsCalender*/
#calendarMain1, #calendarMain2 { margin-left: 20%; }
/* conteneur calendrier */
.calendarWrap { display: none; position: absolute; z-index: 1000; width: 210px; padding: 5px 10px 10px 10px; background-color: #2e373f; /*background-color: rgba(46, 55, 63, 0.95);*/
border-radius: 10px; -moz-box-shadow: 0 0 10px #555; -webkit-box-shadow: 0 0 10px #555; box-shadow: 0 0 10px #555; font-size: 12px; }
/* bouton d'affichage*/
#calendarMain1 > input, #calendarMain2 > input { display: block; width: 100px; height: 22px; padding-top: 2px; background-color: #2e373f; color: #fff; border-radius: 5px; border: none; }
#calendarMain1 > input:hover, #calendarMain2 > input:hover { background-color: #2673cb; }
/* navigation dans le calendrier */
.calendarWrap ul { margin: 5px 0 10px 0; padding: 0; }
.calendarWrap li { margin: 0; padding: 6px; width: 20px;  //display: inline-block;
display: inline; }
.calendarWrap li.calendarTitle { width: 170px; color: #ccc; text-align: center; }
.calendarWrap li input { width: 20px; background-color: #5d6f7f; border: none; color: #fff; }
.calendarWrap li input:hover { background-color: #6f8598; }
/* calendrier */
.jsCalendar { color: #fff; border-collapse: collapse; }
.jsCalendar th { color: #8ba7bf; font-size: 16px; font-weight: normal; text-align: center; }
.jsCalendar td { padding: 0; border: none; }
.jsCalendar a { display: block; width: 30px; padding: 3px 0 3px 0; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
.jsCalendar .day:hover a { background-color: #2673cb; border-color: #2673cb; }
.jsCalendar .selectedDay a { background-color: #c44d38; border-color: #c44d38; }
.label_ar { text-align: right; padding-right: 15px; float: left; margin: 2px; padding-left: 50px; font-weight: bold; color: #666; }
.option { width: 77%;  }
.fieldset_right { margin-bottom: 10px; }
.fieldset_left { margin-bottom: 10px; }
fieldset table { width: 100% }
.home-box { }
.list {
    background: #0162a7;
    padding: 25px 15px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    margin-top: 20px;
    margin-bottom: 20px;
    /* float: left; */
    min-width: 220px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px; }
	
	 .list1 {
    background: #0162a7
  }
		.list .tab-recap2{max-width:100%}
	.list .tab-recap2 td {
    border: 2px solid rgb(108, 130, 22);
    font-size: 12px;
    padding: 2px 2px;
    font-weight: 700;
    color: #6c8216;
    background: #fff;
}

	.list  .tab-recap2 {
    margin-bottom: 0px!important;
    font-size: 9px!important;
    width: 100%;
}

 .list  label {
  
text-align: center;
    padding-right: 15px;
    float: none;
    background: #ffffff45;
    border-radius: 3px;
    text-align: center;
    padding: 0px 15px;
    font-weight: 400;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45);
	
	}
	
	.list2 {
    background: #98bf00
  }
	
	.list3 {
    background: #7591a5;
    }
	.list4 {
    background: #3e94d2;
    }
	.list5 {
    background: #75900e;
    }
	.list6 {
    background: #044c80;
    }
	.list7 {
    background: #91b2ca;
    }
	.list8 {
    background: #0781d8;
    }
	
	
.list a{

    color: #ffffff;
    }	
	
.listing-list { }
.listing-list .list { background: #fff; padding: 10px; box-shadow: 0 2px 2px rgba(0,0,0,.15); margin-top: 20px; margin-bottom: 20px; /* float: left; */
min-width: 220px; line-height: 30px; }
.list-autre { vertical-align: top }
.list-autre .list { background: #fff; padding: 10px; box-shadow: 0 2px 2px rgba(0,0,0,.15); margin-top: 20px; margin-bottom: 20px; min-width: 220px; line-height: 30px; text-align: right }
.container { margin: 0 auto; }
@media (max-width: 767px) {.container { overflow-x:scroll; }}
.countlist { color: #C00; font-weight: 700 }
.clear { clear: both }
.search-form { padding: 10px; background: #fff }
.search-form { padding: 10px; background: #fff }
.filter { padding: 10px; background: #dfdfdf; border-radius: 10px; margin-bottom: 20px; font-size: 12px; }
.filter .form-group { margin-bottom: 0rem; font-size: 12px; }
.filter .form-group input, select.form-control { }
.filter .form-group input[type=submit] { color: #fff; background: #1d2759 }
.historyline { display: block; clear: both; width: 100%; padding: 20px 0px 0px; }
.historylinebottom fieldset { border: 1px solid #ccc; width: 98%; background: #f9f9f9; }
.historylinebottom legend { color: #868686; font-weight: 700; font-size: 14px; }
/* Style the tab */
.tab { overflow: hidden; border-bottom: 1px solid #1d2759; background-color: #f1f1f1; }
/* Style the buttons inside the tab */
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-weight: 700; }
/* Change background color of buttons on hover */
.tab button:hover { background-color: #c99d32; color: #fff; }
/* Create an active/current tablink class */
.tab button.active { background-color: #1d2759; color: #fff; }
/* Style the tab content */
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; background: #fff; }
.form-group label { text-align: left; padding-right: 5px; margin: 2px; padding-left: 0px; color: #666; float: none; line-height: 38px; }
fieldset.history { border: 2px solid #dddddd; margin: 0; }
fieldset.history legend { color: #999 }
h1 { }
h1 span { display: inline-block; margin: 20px 0px; background: #c99d32; color: #fff; text-align: center; padding: 0px 15px; line-height: 30px; font-size: 12px; border-radius: 3px; }
button.tablinks { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.filter label { display: block; width: 100% }
.btn-sm { background-color: #1d2759; border: none; color: #fff!important; white-space: nowrap; }
.box-left { max-width: 20%; }
.pagination ul { list-style: none; }
.pagination ul li { float: left; background: #1d2759; padding: 0px 5px; line-height: 20px; border-radius: 3px; margin: 0px 2px; text-align: center; height: 20px; font-size: 12px; color: #fff; }
.pagination ul li a { font-size: 12px; color: #fff; }
.pagination .fa { font-size: 12px; color: #1a2b35; width: auto; }
.leftSidebar.searchSideBar { padding: 15px; background: #e8e8e8; border-radius: 5px; }
.affiner-recherche { background: url(../images/search-filter.png) no-repeat center left; padding-left: 40px; height: 24px; font-weight: 700; line-height: 40px; margin-bottom: 20px; border-bottom: 1px solid #bfbfbf; padding-bottom: 39px;/* color: #1d2759; */}
.leftSidebar.searchSideBar .clHead { font-weight: 600; }
.export-excel { background: #4b8b3b url(../images/export_excel.png) no-repeat 10px 5px; padding: 0px 15px 0px 52px; height: 40px; line-height: 40px; border-radius: 5px; border: 0; color: #fff; float: right; cursor: pointer; font-weight: 700; }
.card-footer { background: #fff; }
.uploadifyQueueItem { margin-top: 5px; padding: 10px; width: 110px!important; float: left!important; margin: 5px 5px 15px!important; }
#export_col input[type=checkbox], #export_col input[type=radio] { float: right; }
#export_col label { float: right; }
a.trimite { float: right; color: #fff; font-weight: bold; padding: 0px 5px; margin: 5px; text-align: center; vertical-align: top; padding: 10px 20px; border-radius: 5px; border: 0px solid #ccc; background: #1d2759; }
/*.blockOptions  { background:#fff  }*/

.blockOptions input[type=checkbox] { margin-right: 5px; }
.tdMain { border-style: none; border-bottom: 1px solid #e5e5e5; padding: 4px; font-size: 11px; color: #000; }
.tableMain { border-right-style: solid; border-right-width: 1px; border-right-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #cccccc; }
.tableMain thead { background-image: linear-gradient(#f9f5f6, #dddddd); border-top: 3px solid #970102; margin: 0px; padding: 4px; font-size: 11px; color: #000; }
.btn-sm { font-size: 0.7rem; }
.label_mois { font-size: 30px; font-weight: bold; color: #900; padding-left: 152px; padding-top: 30px; font-family: adobe arabic; }
.label_mois2 { padding-top: 0px; padding-left: 117px; font-size: 24px; font-weight: 600; color: #9c712a; font-family: adobe arabic; }
.info_mois { border-style: ridge; height: 168px; margin-top: 18px; }


#page-title { 
    padding: 30px 0px;
    border: aliceblue;
    background: #b8d9ee;
    text-align: center; margin-bottom:50px}
	
	
#page-title h1 { 
color: #605E5E; 
    font-size: 1.7rem;
    letter-spacing: 0.5px;}
	
	 #sub-footer {
    background: #b8d9ee;
    line-height: 30px;
    margin-top: 32px;
}


 input[type=text],input[type="number"],  select.form-control , input[type=email], .textarea.form-control{
   
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: rgba(177, 212, 236, 0.3);
    border: 2px solid rgba(61, 155, 233, 0.75);
    color: #605E5E;
    display: block;
    padding: 5px;
    width: 100%; line-height:25px;}
	
.form-control {
      -webkit-appearance: none;
    -moz-appearance: none;
    background-color: rgba(177, 212, 236, 0.3);
    border: 2px solid rgba(61, 155, 233, 0.75);
    color: #605E5E;
    display: block;
    padding: 5px;
    width: 100%; margin-bottom:15px
}	
	
	
	
	
	
	
	#header a:hover {
    padding: 0px 5px;
    color: #98bf00;
}
	
	#main h2  {
    color: #0163a4;
    letter-spacing: 0.5px;
    font-size: 24px; padding-top: 20px; border:0;
}


#main form.recherche-form { 
    display: block;
    background: aliceblue;
    padding: 15px 15px 25px;
    border-radius: 5px; margin-bottom:25px}

#main form.ajout-form { 
     
    display: block;
    background: #f1f5e4;
    padding: 25px;
    margin: 15px 0;
    border-radius: 3px;
}

#main form.recherche-form h3 {     padding-bottom: 10px;
    border-bottom: 1px solid #6db4ee; font-size: 1.5rem;     color: #0063a6;}
	
	
#main form.ajout-form h3 {     padding-bottom: 10px;
    border-bottom: 1px solid #c4ccaa; font-size: 1.5rem; color: #728634;}
	
#main form.block-detail h3 {     padding-bottom: 10px;
    border-bottom: 1px solid #666; font-size: 1.5rem; color: #666;}	
	
input[type=submit], input[type=button], button.send {
       color: aliceblue;
    background: #0063a6;
   
    text-shadow: none;
    font-weight: 400;
    border-radius: 3px;
       border: 2px solid #0063a6;;
}


input[type=submit]:hover {
      
    background: #98bf00;
   
}


.tab-recap{ border-collapse:collapse;     margin-bottom: 20px;}

.tab-recap td{    border: 2px solid rgba(61, 155, 233, 0.75); padding:10px}

 tr.results{
    background: #f0f8ff;
}
.tab-recap td.no-border{    border: 0; background:#fff}
.tab-recap td.dette{     background: #f3c4c4;}
.tab-recap td.total-final{
    background: #b2e8ca;
}

.tab-recap2{
    margin-bottom: 0px!important;
    font-size: 9px!important;
}
.tab-recap2 td{    border: 2px solid rgb(117, 145, 165);}

h3{
    color: #0163a4;
    font-size: 1.5rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
   
}


.nav-item.dropdown:hover .dropdown-menu { display:block}
.dropdown-menu {
   
    top: 95%;}
	
	#page-title input[type=text],input[type=date],	#page-title  select.form-control  {
	
   background:#fff
}

	#page-title h3{
    padding: 0;
    line-height: 40px;
    font-size: 18px;
    text-align: left;
    color: #0063a6;
    border: none;
    margin: 0;
}


.nav-item:hover{
   
    
  
    
}

.nav-item:hover a{
  
   
 
}

table.tableMain th {
    margin: 0px;
    padding: 6px 4px 2px 4px;
    height: 34px!important;
    background: #b8d9ee!important;
    background-repeat: repeat;
    font-size: 12px!important;
    color: #000;
    border-top: 2px solid #0063a6;
}
.block-detail {
    padding: 25px;
    background: #f5f6f7;
 	
    border-radius: 5px;
}

.topbox {
    border-bottom: 1px solid #6db4ee; padding-bottom:10px; margin-bottom:15px;}
	.topbox h3 { margin-bottom:0; padding-bottom:0px; }
	
	@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
   
    top: 90%;
}}


#header li li a:hover {
    padding: 0px 5px;
   
}

.navbar-nav .dropdown-menu a { padding:0px 7px}
.add {
   
    border-radius: 3px;
    border: none;
    font-size: 13px;
    padding: 6px 9px;
    vertical-align: top;
    background: #fff;
}


.gray-btn{
    border: 2px solid rgba(197, 197, 197, 0.75);
    background: rgba(117, 117, 117, 0.3);
}
input[type=checkbox] {
 
    -webkit-appearance: checkbox;
}

 input[type=radio] {
 
    -webkit-appearance: radio;
}


.message.success {
	
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;     width: 100%;
	
}
.message.alert {
	
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
       color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;     width: 100%;
	
}

.message.alert-warning {
	margin-top: 10px;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
     
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;     width: 100%;
	
}

.tab-cat { clear:both}
input[type=button].send , button.send {
       color: aliceblue;
    background: #0063a6;
   
    text-shadow: none;
    font-weight: 400;
    border-radius: 3px;
    border: 0;
}
tr.toptable{ 
    background: #3897e4;
    color: #fff;
}

.filtre {
    background: #efefef;
    padding: 15px;
    border-radius: 5px;     padding-bottom: 5px;}
.the-date {
    font-size: 20px;
    font-weight: bold;
    color: #0063a6;
    border-radius: 5px;
    background: #efefef;
    padding: 5px;}
	
	
	.filtre input[type=text], .filtre input[type=date], .filtre  select.form-control, .filtre  input[type=email], .filtre  .textarea.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: rgb(239, 239, 239);
    border: 2px solid rgb(0, 99, 166);
    color: #605E5E;
    display: block;
    padding: 5px;
    width: 100%;
    font-size: 12px;
    height: 35px!important;
}
#main form.ajout-form fieldset {
    border-top: 0;
    margin: 0;
    padding: 0;
}

.add-green {
    white-space: nowrap;
    border: 1px solid #2e880e;
    color: #2e880e; cursor:pointer}
.add-bleu { white-space:nowrap; 
    white-space: nowrap;
    border: 1px solid #0666a8;
    color: #0666a8; cursor:pointer}
	
	
	.contact-list { background: aliceblue;     padding: 15px; line-height:28px}
	ul.comments { padding-left:0}
	
	
	@media(max-width: 767px) {
		table { overflow:auto}
		}
		
		.navbar-toggler {
  
    background-color: #0063a6;
    border: 1px solid #0063a6;
   
   }
   
   #header .navbar-toggler{
	border-radius: 0;
	
	outline: 0;
	border: 0;
	padding: 15px;
}
#header .navbar-toggler-icon{
	position: relative;
    display: block;
    height: 8px;
    width: 20px;
}
#header .navbar-toggler-icon:before{
	content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    opacity: 1;
    left: 0px;
    right: 0px;
    top: 3px;
}

.cloture{
    margin-top: 8px!important;
    margin-bottom: 8px!important;
}

.row-cloture{
  
    margin-top: 3px;
    margin-bottom: 7px;
}

.row-cloture .btn-danger:disabled {
border: 1px solid #ccc;
    margin-top: 10px;
}

.btn-success {
    color: #fff;
    background-color: #98bf00;
    border-color: #98bf00;
}
.btn-warning {
    color: #ffffff;
    background-color: #0061a5;
    border-color: #0062a3;
}

table.cloture th {
    padding: 5px;
    text-align: left;
    border: 2px solid #6db4ee;
    background: #6db4ee;
    color: #fff;
}


fieldset.row-cloture {
    border-top: 2px solid #ddd;
    margin: 0;
    padding: 15px;
}
fieldset.row-cloture legend {
    color: #666;}
	
	.list .tab-recap2 td {
    border: 1px solid rgb(108, 130, 22);
    font-size: 11px;
    padding: 2px 2px;
    font-weight: 700;
    color: #6c8216;
    width: 35px;
    background: #fff;
    /* max-width: 19%; */
    display: block;
    float: left;
}
.list .tab-recap2 tr td:nth-child(1) {
    border: 1px solid rgb(108, 130, 22);
    font-size: 11px;
    padding: 2px 2px;
    font-weight: 700;
    color: #6c8216;
    width: 50px;
    background: #fff;
    /* max-width: 19%; */
    display: block;
    float: left;
}

.dropdown-menu-inventaire{
    min-width: 13rem;
}


.ajout-form { 
     
    display: block;
    background: #f1f5e4;
    padding: 25px;
    margin: 15px 0;
    border-radius: 3px;
}

.ajout-form h3 {     padding-bottom: 10px;
    border-bottom: 1px solid #c4ccaa; font-size: 1.5rem; color: #728634;}

.ajout-form fieldset {
    border-top: 0;
    margin: 0;
    padding: 0;
}


.row-ajout { margin:30px; 
    display: block;
    background: #f1f5e4;
    padding: 25px;
    
    border-radius: 3px;}
	
	h3.infoajout {
    color: #0163a4;
    font-size: 1rem;
    margin-bottom: 20px;
    padding-bottom: 10px;}

    .recherche-form{
    display: block;
    background: aliceblue;
    padding: 15px 15px 25px;
    border-radius: 5px;
    margin-bottom: 25px;
}


.btn-labo{
    /*margin-top: 108px;*/
    color: aliceblue!important;
    background: #0063a6;
    text-shadow: none;
    font-weight: 400;
    border-radius: 3px;
    border: 2px solid #0063a6;
}

#main .recherche-form h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #6db4ee;
    font-size: 1.5rem;
    color: #0063a6;
}

.btn-pdf {

    min-width: 301px;
    text-align: left;
}

.btn-success-pdf {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.mandatory-pdf{
    font-weight: 100;
    font-size: 15px;
}
.update-code{
    color: #ce0e00;
    background: #b8d9ee;
    font-size: 14px;
    font-weight: 700;
}

.listagriculteur {
    height: 30px;
}
.list-piece th{
    border: 2px solid rgba(61, 155, 233, 0.75)!important;
}

.detail-op td{
    border: 1px solid rgba(61, 155, 233, 0.75)!important;
    width: 33%;
}