/* ------------------ IMPORTS -------------------- */
@import url("../../js/jscalendar/calendar-system.css");
@import url("geshi.css");
@import url("archnavbar.css");
/*@import url("./fonts/octicons/octicons.css");*/
/*@import url("calendar.css");*/
/* reset.css - Resets default browser CSS.
putting it here saves one extra http request.
*/
html { margin:0;padding:0;border:0;}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;
}
/* This helps to make newer HTML5 elements behave like DIVs in older browsers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
display:block;
}

/* Central default color scheme for Flyspray.
You can overwrite it by grouping the same css rules to your colors later in the file.
Or better load an extra 'customxxx.css' file in the header.tpl after loading theme.css.
*/
.button,
button,
input[type=submit],
input[type=text],
input[type=password],
fieldset,
body.toplevel .box,
div.box,
p.box,
div.roadmap,
.descbox,
#toolboxmenu a.active,
#submenu a.active,
#tasklist,
#search,
#search fieldset,
#intromessage,
#toolbox,
#toolbox div.tab,
#taskdetails,
#taskdetails #showvotes,
#comments, #related, #notify, #remind, #effort, #history,
#events,
div#taskclosed,
#tasklist_table th,
#controlBox {
	background-color:#fff;
}
div.denyform,
div.popup, div#mysearches {
	background-color:#fafafa;
}
tr.active,
body a.button.positive, body button.positive,
#pm-menu-list a.active, #pm-menu-list a.active:hover,
#menu-list a.active, #menu-list a.active:hover,
#s_loginbox:checked ~ #show_loginbox,
#s_quickactions:checked ~ #actions,
#menu-list a#show_loginbox:hover {
	background-color: #6af;
}
body a.button.positive, body button.positive {
	color: #fff;
}

#disp_intro:not(:checked) ~ .disp_introdep{
        background-color:#ddd;
}
#disp_intro:not(:checked) ~ .disp_introdep select,
#disp_intro:not(:checked) ~ .disp_introdep textarea{
        background-color:#eee;
        color:#666;
}

/*
 highlight advanced search fields that have input 
 no pure CSS styling of options of multiselects possible (it was back in time in some web browsers, a shame!)
*/
#search #searchtext:not(:placeholder-shown),
#search #duedatefrom:not(:placeholder-shown), #search #duedateto:not(:placeholder-shown),
#search #changedfrom:not(:placeholder-shown), #search #changedto:not(:placeholder-shown),
#search #openedfrom:not(:placeholder-shown), #search #openedto:not(:placeholder-shown),
#search #closedfrom:not(:placeholder-shown), #search #closedto:not(:placeholder-shown),
#search input.users:not(:placeholder-shown) {
    background-color: #ff9;
}

/* end default Flyspray color scheme */

body {
line-height: 1.5; /* Line-height should always be unitless! */
/* direction:rtl; */
}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {
text-align: left;
font-weight: normal;
float:none !important; /* float:none prevents the span-x classes from breaking table-cell display */
}
table, th, td {vertical-align: middle;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }
/* Remember to define your own focus styles! */
:focus { outline: 0; }
/* end import reset.css */

/* start typography.css */
/* no colors here. Lets do colors,font-style and text-decoration in extra css files for easy customization */
body {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:12px;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
p { margin: 0 0 1.5em; }
/*
These can be used to pull an image at the start of a paragraph, so
that the text flows around it (usage: <p><img class="left">Text</p>)
*/
/*.left { float: left !important; }*/
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
/*.right { float: right !important; }*/
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
/*
a:focus, a:hover { color: #09f; }
a { color: #06c; text-decoration: underline; }
*/
blockquote { margin: 1.5em; font-style: italic;}
strong, dfn { font-weight: bold; }
em, dfn { font-style: italic; }
em.u {text-decoration: underline;} /* dokuwiki underline*/
sup, sub { line-height: 0; }
/*
abbr,acronym { border-bottom: 1px dotted #666; }
*/
address { margin: 0 0 1.5em; font-style: italic; }
/*
del { color:#666; }
*/
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* only matches pre tags if there is a language set too e.g. '<pre class="php code">' */
pre[class*=" code"]::before {
    background: #eee none repeat scroll 0 0;
    content: attr(class);
    display: block;
}
pre.code {
    background-color: #fff;
    border: 1px solid #ddd;
    overflow:auto;
}

li ul, li ol { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 2em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li.level1 {padding-bottom:0.2em;}
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/*
Because of the need for padding on th and td, the vertical rhythm
on table cells has to be 27px, instead of the standard 18px or 36px
of other elements.
*/
table { margin-bottom: 1.4em; }
th { font-weight: bold; }
th,td,caption { padding: 4px 10px 4px 5px; }
tfoot { font-style: italic; }
/*
caption { background: #eee; }
*/
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
/*
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
*/
.first { margin-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

/* ----------------- VARIABLES --------------------- */
/*$far_background: #dcdcdc;*/
/*$far_background: #ededed;*/
/*$top1: lighten(#292626, 2%);*/
/*$dominant: #2C6FB2;*/
/*$dominant: #A82F21;*/
/*$link: #0066CC;*/
/*lighten(#F9F2F2, 1%);*/
/* ----------------- MIXINS --------------------- */
/* ------------------ HELPER CLASSES -------------------- */

.hide {
  display: none;
  visibility: hidden;
}
.clear {clear: both;}
.fade {color: gray; background: pink !important; border: 1px solid blue !important;}
.search_hit {background: red !important; border: 1px solid green !important;}
img:-moz-broken {
  /* show broken images */
  -moz-force-broken-image-icon: 1;
  width: 24px;
  height: 24px;
  border: solid 2px red;
}
div.popup {
  position: absolute;
  border: #e1e1e1 1px solid;
  margin-top: 5px;
  padding: 5px;
  -moz-box-shadow: 0px 1px 2px #f9f9f9;
  -webkit-box-shadow: 0px 1px 2px #f9f9f9;
  box-shadow: 0px 1px 2px #f9f9f9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color');
}

/* ------------------ STYLE -------------------- */
body {background: #f9f9f9; /* direction:rtl;*/}
a {color: #336699;}
a:hover {color: #6699cc;}
#container { min-width: 1000px; position: relative; text-align: left; }
#content { padding: 10px 20px 10px 20px; min-width: 660px; }
#footer {
  display: block;
  margin: 0px 20px 20px 20px;
  padding-top: 10px;
  text-align: right;
}
#title {
  background-color: #3c4041; /* fallback/image non-cover color */
  background-image: -moz-linear-gradient(#3c4041, #242627); /* Firefox 3.6+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c4041), to(#242627)); /* Safari 4+, Chrome 1+ */
  background-image: -webkit-linear-gradient(#3c4041, #242627); /* Safari 5.1+, Chrome 10+ */
  background-image: linear-gradient(#3c4041, #242627); /* CSS3 CR, IE10+ */
  /*border-bottom: 1px solid #6cab2e;*/
  /*border-bottom: 4px solid $dominant;*/
  margin: 0;
}
#title a {color: white; text-decoration: none; display: inline-block; padding: 25px 50px; }
#title img { float: left; margin-right: 20px; height: 36px;}
#labelpmmenu,#labelmenu1{display:none; cursor:pointer;}
#pmmenu,#menu1{display:none;}
#menu {position: absolute; top:5px; right:5px;}
#menu-list {display: inline;margin: 0;padding: 0;list-style: none; }
#menu-list a, #menu-list label{color: #ddd;text-decoration: none;padding: 3px 7px; }
#menu-list a:hover {
  background: #000;
  border-radius: 3px;
}
#s_loginbox, #s_quickactions { display: none;}
#loginbox, #actionsform { display: none;}
#s_loginbox:checked ~ #loginbox, #s_quickactions:checked ~ #actionsform { display: block; }
tr.active, #menu-list a.active, #s_loginbox:checked ~ #show_loginbox, #s_quickactions:checked ~ #actions {
  /*background: $inverse_link; */
  color: #fff;
  border-radius: 3px;
}
#s_loginbox:checked ~ #show_loginbox{border-radius: 3px 3px 0 0;}
#menu-list a#lastsearchlink.active {
      border-radius: 3px 3px 0px 0px;
}
#menu-list li {
      display: block;
      padding: 0px 2px;
      float: left;
      height: 1.4em;
      border-left: dotted 1px #888888;
}
#menu-list li:first-child {border: none; }
#menu-list #locked { margin-left: 7px; color: red; }
div#mysearches {
  border-radius: 4px;
  border: solid 3px #6af;
  overflow: auto;
  min-width:240px;
  max-height: 25em;
  display: none;
  position: absolute;
  right: 0;
  top: 1.4em;
  margin-top: 1px;
  z-index: 5;
  padding: 2px 5px 3px;
  box-sizing:border-box;
}
div#mysearches table#mysearchestable {border-collapse: collapse;width: 100%;margin-bottom: 0;}
div#mysearches table#mysearchestable a {color: #3c4041;font-weight: normal;}
div#mysearches table#mysearchestable a:hover {background: none; text-decoration: underline;}
div#mysearches .searches_delete {width: 20px;}
div#mysearches a {padding: 0 0 0 0.2em;font-weight: bold;}
div#mysearches table tr {border-bottom: dotted 1px gray;text-align: left;padding: 0.1em 0;}
div#mysearches table tr.last {border: 0;}
div#mysearches td {vertical-align: middle;}
#pmcontrol div {
  vertical-align:middle;
  display: -moz-inline-stack; /* optional */
  display: inline-block;
  zoom: 1; /* triggers hasLayout for IE */
  *display: inline; /* target IE7 only */
}
#pmcontrol input[type="text"]{
	height:auto;
}
#showtask #taskid {width: 50px;}
#projectselector { /*margin-top: 3px;*/ margin-right: 10px; }
#projectselector button { margin-bottom: 2px;}
#projectselector option[selected] { font-weight: bold;}
#pm-menu{background-color:#222;	border-bottom: solid 4px #6af;padding: 0px 0px 0px 10px; /*text-align:center;*/ }
#pm-menu-list {list-style: none;display: inline-block;margin:0;min-height:30px;}
#pmcontrol{display: inline-block;float: right;margin: 6px 20px 0px 0px;}
#pm-menu-list li {display: inline-block;}
#pm-menu-list li a {display: block; line-height: 1.4em; padding: 11px 11px 8px 35px; color: #f9f9f9;
        text-decoration: none; border-left: dotted 1px #3c4041; border-top-left-radius: 3px; border-top-right-radius: 3px;
        background-repeat: no-repeat; background-position: 12px 50%;
}
#pm-menu-list a:hover { background-color: #000; border-left: 1px solid #000;}
#pm-menu-list a.active {
        border-left: none;
        border-top: 1px solid #6cab2e;
        border-right: 1px solid #6cab2e;
}
#pm-menu-list li:first-child a {border-left: none;}
#toplevellink {background-image: url("img/gray/folder_stroke_12x12.png");}
#homelink {background-image: url("img/gray/list_12x11.png");}
#newtasklink {background-image: url("img/gray/document_alt_stroke_9x12.png"); }
#newmultitaskslink {background-image: url("img/gray/document_alt_stroke_9x12.png");}
#mytaskslink {background-image: url("img/gray/calendar_alt_stroke_12x12.png");}
#reportslink {background-image: url("img/gray/calendar_alt_stroke_12x12.png");}
#roadmaplink {background-image: url("img/gray/compass_12x12.png");}
#projectslink {background-image: url("img/gray/cog_alt_12x12.png");}
.active#toplevellink {background-image: url("img/white/folder_stroke_12x12.png");}
.active#homelink {background-image: url("img/white/list_12x11.png");}
.active#newtasklink {background-image: url("img/white/document_alt_stroke_9x12.png");}
.active#mytaskslink {background-image: url("img/white/calendar_alt_stroke_12x12.png");}
.active#reportslink {background-image: url("img/white/calendar_alt_stroke_12x12.png");}
.active#roadmaplink {background-image: url("img/white/compass_12x12.png");}
.active#projectslink {background-image: url("img/white/cog_alt_12x12.png");}
/* --- buttons --- */
#actionbar { /*height: 4em;*/ position: relative;}
#actionbar a.button, #actionbar button.button { margin-bottom: 0;}
#actionbar .main {float: right;}
.button, button, input[type=submit] {
  display: -moz-inline-stack; /* optional */
  display: inline-block;
  zoom: 1; /* triggers hasLayout for IE */
  *display: inline; /* target IE7 only */
  margin: 0.3em 0.3em 0.3em 0;
  padding: 4px;
  /* Links */
  border: 1px solid #bbb;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 1px #ddd;
  -webkit-box-shadow: 0px 1px 1px #ddd;
  box-shadow: 0px 1px 1px #ddd;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color');
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #565656;
  cursor: pointer;
}
a.button img, button.button img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
  float: none;
}
a.button:hover, button:hover, .button:hover, input[type=submit] {background-color: #f2f2f2;border: 1px solid #a1a1a1;}
a.button.disabled{background-color: #f2f2f2; border: 1px solid #a1a1a1;color: #9e9e9e;}
a.button:active, button.button:active {background-color: #6299c5;border: 1px solid #6299c5;color: #fff;}
body a.positive, body button.positive {
  border: solid 1px #5a8f27;
  border-top: solid 1px #85cb41;
  border-right: solid 1px #85cb41;
}
a.positive:hover, button.positive:hover {
  background-color: #6af;
  border: solid 1px #6af;
}
a.positive:active, button.positive:active {
  background-color: #529214;
  border: 1px solid #529214;
}
.button.img.delete {
	background-image: url('./img/red/x_alt_24x24.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color:transparent;
	box-shadow:none;
	border:none;
}
#table tr:first-child td:first-child button.img.delete {display: none;}

body .negative {color: #d12f19;}
a.negative:hover {background-color: #fbe3e4;border: 1px solid #fbc2c4;color: #d12f19;}
a.negative:active {background-color: #d12f19;border: 1px solid #d12f19;color: #fff;}
#intromessage {display: block;}
#tasklist {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
#tasklist_table {width: 100%;}
span.pagenums:before{ content:"--";padding-left:10px;padding-right:10px;}
#search {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
  position:relative;
}
#search fieldset {
    margin: 10px 0px 10px 0px;
    padding: 10px;
    border: solid 1px #e1e1e1;
    border-radius: 3px;
}
#search #exporttasklist {
	position:absolute;
	right:0;
	top:0;
}
#intromessage {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
body.toplevel .box {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
  margin: 10px 0 0 10px;
  width: 400px;
  /*@include inline-block;*/
  /*vertical-align: middle;*/
  float: left;
}
body.toplevel .single-project {
  width: auto;
  float: none;
  display: block;
  height: auto;
}
body.myprofile .box {display:inline-block;vertical-align:top;}
#editgroup, #userlist{display:inline-block;vertical-align:top;}
.progress_bar_container {
  width: 150px;
  margin:0;
  border: solid 1px rgba(0,0,0,0.3);
  height: 15px;
  position: relative;
  border-radius: 2px;
  display: -moz-inline-stack; /* optional */
  display: inline-block;
  zoom: 1; /* triggers hasLayout for IE */
  *display: inline; /* target IE7 only */
  vertical-align: sub;
}
.progress_bar_container .progress_bar {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #6af; /* fallback/image non-cover color */
  background-image: -moz-linear-gradient(#1061ef, #6af); /* Firefox 3.6+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1061ef), to(#6af)); /* Safari 4+, Chrome 1+ */
  background-image: -webkit-linear-gradient(#1061ef, #6af); /* Safari 5.1+, Chrome 10+ */
  background-image: linear-gradient(#1061ef, #6af); /* CSS3, IE10+ */
}
.progress_bar_container span {
    text-align: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    font-size: 10px;
    line-height: 1em;
    text-shadow: 0 0 6px white;
    top:2px;
}
td.task_progress .progress_bar_container {width: 100%;box-sizing:border-box;}
a {text-decoration: none;}
#tasklist_table th img {position: relative;top: 2px;}
#tasklist_table tr.current_row td.caret {background-image: url(img/caret.gif);background-repeat:no-repeat;background-position: 3px;}
#tasklist_table td.caret {width: 15px;padding: 0 !important;}
#tasklist_table .ttcolumn {width: 10px;text-align: center;}
#tasklist_table .ttcolumn input {margin: 0;}
#tasklist_table .ttcolumn a, a.toggle_selected {
  background-image: url(img/black/loop_alt3_12x9.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: block;
}
#tasklist_table thead tr th {line-height:1;}
#tasklist_table tbody tr td {border-top:1px solid transparent;border-bottom:1px solid transparent;line-height:1.2;vertical-align:middle;}
#tasklist_table tbody tr:hover td {border-color:#ddd;}
#tasklist_table tr.closed, #myvotes tr.closed {background-color:#ddd;}
tr.severity1 .task_severity {background-color: #fff;}
tr.severity2 .task_severity {background-color: #fff;}
tr.severity3 .task_severity {background-color: #f5e7e7;}
tr.severity4 .task_severity {background-color: #f5dddd;}
tr.severity5 .task_severity {background-color: #f5d1d1;}


td.task_openedby > a, td.task_editedby > a,  td.task_assignedto > a {white-space:nowrap;position:relative;line-height:1;display:block;padding:3px;}
td.task_openedby > a .fa-user, td.task_editedby > a .fa-user {color:#eee;}
td.task_assignedto > a {margin-right:2px;}
/* small names over avatars */
td.task_openedby > a::after, td.task_editedby > a::after, td.task_assignedto > a::after {
	background-color: rgba(255, 255, 255, 0);
	bottom: 0;
	color: rgba(0,0,0,0);
	content: attr(title);
	font-size: 8px;
	left: 0;
	line-height:1;
	position: absolute;
	text-align: center;
	padding-left:1px;
	padding-right:1px;
}
td.task_openedby > a:hover::after, td.task_editedby > a:hover::after, td.task_assignedto > a:hover::after {color:#000;background-color:rgba(255,255,255,0.9);}

#toolbox {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
  margin-left: 120px;
  min-height: 450px;
  height: 1%; /* Fix for IE bug */
  padding: 20px;
}
#toolbox div.tab {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
#toolbox h3 {
  margin-bottom: 1em;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
#toolboxmenu {position: relative;float: left;padding-top: 10px;}
#toolboxmenu a {
  display: block;
  border: 1px solid #d4d4d4;
  /*border-right: none; */
  padding: 1em 5px;
  margin-left: 10px;
  width: 100px;
  text-align: center;
  background: #e5e5e5;
  color: #3c4041;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#toolboxmenu a:hover {background-color: #d6d8d9; /*color: $inverse_link;*/ }
#toolboxmenu a.active {
  margin-left: 0;
  font-weight: bold;
  width: 100px;
  padding: 1em 10px;
  color: #3c4041;
  border: 1px solid #e1e1e1;
  border-right: none;
  /*border-left: 1px solid lighten($top1, 30%);*/
  border-left: 2px solid #6af;
}
#controlBox {
  border: 1px solid gray;
  padding: 1px;
  width: auto !important;
  width: 90px;
  margin-left: 40px;
  display: table;
  position: absolute;
}
#controlBox div.grip {
  background: #ccc;
  cursor: move;
  height: 12px;
}
#controlBox div.inner {
  padding: 5px 5px 4px 5px;
  white-space: nowrap;
  opacity: .2;
}
#controlBox.active div.inner {opacity: 1;}
div#fineprint {
  font-size: smaller;
  margin: 5px 0;
  padding: 0;
  color: #555;
}
.dokuwiki_toolbar {display:inline;vertical-align:bottom;}
form #taskfields { width: 335px;}
form #taskdetailsfull {
  position: relative;
  top: -20px;
  margin-left: 355px;
}

/* style tables in task comments (dokuwiki) */
table.inline{border-collapse:collapse;}
table.inline td {border:1px solid #ccc; padding:4px;}

#shortcutlabel { cursor:pointer;padding-left:1em;}
#shortcutclose { cursor:pointer;float:right; }
#shortcuts {
  display:none;
  position:fixed;
  z-index:100;
  background:#fff;
  border:1px solid #999;
  border-radius:10px;
  padding:10px;
  box-shadow:0 0 400px #000;
  top:50%;
  margin-top:-250px;
  height:520px;
  left:50%;
  width:300px;
  margin-left:-150px;
  box-sizing:border-box;
}
#shortcutsmodal {
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  cursor:pointer;
}
#s_shortcuts {display:none;}
#s_shortcuts:checked ~ #shortcuts, #s_shortcuts:checked ~ #shortcutsmodal {display: block;}
#shortcuts > ul {
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
}
#shortcuts li{line-height:2em;}
kbd {background-color: #eee;border: 1px solid #ccc;border-radius: 4px;padding: 2px;}

#taskdetails {
  margin: 10px 0px 10px 0px;
  padding: 0px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
#taskdetails #navigation {float: right;padding:6px;}
#taskdetails h2 {color: #555;display:inline-block;}
#taskdetailsfull p,
#taskdetailsfull li,
.commenttext p,
.commenttext li {
max-width:40em;
}
.group.inactive{ background-color:#eee;}
.tag {
    background: #ccc none repeat scroll 0 0;
    border-radius: 3px;
    margin-left: 3px;
    padding: 3px;
    font-style:normal;
    white-space: nowrap;
    vertical-align:middle;
}
.tag:before {font-family:fontawesome;padding-right:3px;}
.tag:after {content:attr(title);}
/* style your tags by their tag_id, may be managed by tag list management in admin/project settings */
/*
.tag.t1{background-color:#666;}
.tag.t1:before{content:'\f153';color:#cc0;}
.tag.t2{background-color:#0c0;}
.tag.t3{background-color:#09c;}
*/
#taskfields {
  width: 290px;
  float: left;
  border-right: 1px solid #eee;
  padding-top: 5px;
  background: #f9f9f9;
  margin: 0;
}
#taskfields ul.fieldslist {
  margin-bottom: 5px;
  list-style: none;
  margin-right: 0;
  padding-left: 0;
}
#taskfields ul.fieldslist li {
  clear: both;
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: auto;
  width: 100%;
  border-radius: 4px;
}
#taskfields ul.fieldslist li .label {
  display: block;
  float: left;
  width: 45%;
  text-align: right;
  color: #888;
}
#taskfields ul.fieldslist li .value {display:block;float:right;width:50%;}
#taskfields ul.fieldslist > li:nth-child(2n-1) {background-color: #f1f1f1;}
#taskdetails #showvotes {
  position: absolute;
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
  z-index:100;
}
.fieldslist .reopened{display:inline-block;font-size:10px;line-height:10px;vertical-align:middle;width:60px;}
#taskdetailsfull {margin-left: 291px;padding: 2em 3em;}
#itemsummary, #tags {width:100%;box-sizing:border-box;height:auto;margin-bottom:10px;margin-top:8px;}
.descbox table, #taskdetailstext table{border-collapse:collapse; border:1px solid #999;}
.descbox td, .descbox th, #taskdetailstext td, #taskdetailstext th{border:1px solid #999;}
#taskinfo {
  margin-left: 291px;
  margin-top: 15px;
  border-top: 1px solid #e1e1e1;
  padding: 8px 5px;
}
#comments, #related, #notify, #remind, #effort, #history {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
#comments h4 {margin:1em 0 0.5em 0;}
.userlist th {background-color: #e0e0e0;}
.userlist tbody tr:nth-child(2n) td {background-color: #f1f1f1;}
#related .related {display:inline-block;vertical-align:top;margin-right: 0;}
#submenu {margin-bottom: 0;height: 25px;}
#submenu a {
  border: 1px solid #d4d4d4;
  background: #e5e5e5;
  color: #3c4041;
  display: block;
  float: left;
  height: 21px;
  margin: 4px 0 0 2px;
  padding: 7px 10px 1px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#submenu a:hover {background-color: #d6d8d9;}
#submenu a.active {
  height: 26px;
  margin-top: 0;
  font-weight: bold;
  border-bottom: 1px solid white;
  border-right: bottom;
  /*border-top: 1px solid lighten($top1, 30%);*/
  border-top: 2px solid #6af;
  z-index: 5;
}
#submenu li {display: inline;}
div.tab {margin: 10px 1ex 10px 0;padding: 1ex 1ex 0;}
.tab{display:none;}
.tab.active{display:block;}
* html .tab div.clear {clear: none;height: 14em;}
div.comment_container {margin: 5px;}
div.comment_container .comment_avatar {	min-width: 50px;display: inline-block;}
div.comment_container .comment_avatar .av_comment img { width: 50px; height: 50px }
div.comment_container .comment {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	border: 1px solid #e1e1e1;
	vertical-align: top;
	width: 700px;
	border-radius: 3px;
}
div.comment_container .comment:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -16px;
	top: 3px;
	border: 8px solid;
	border-color: transparent #e1e1e1 transparent transparent;
}
div.comment_container .comment:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -12px;
	top: 5px;
	border: 6px solid;
	border-color: transparent #f1f1f1 transparent transparent;
}
div.comment_container .comment_header {
	min-height: 30px;
	background-color: #f1f1f1;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	border-bottom: 1px solid #e1e1e1;
}
div.comment_container .comment_header_infos {max-width: 60%;}
div.comment_container .comment_header_actions {float: right;margin-right: 10px;}
div.comment_container .comment_header_usertype {
	border: 1px solid #e1e1e1;
	padding: 3px;
	margin-right: 10px;
	border-radius: 3px;
}
div.comment_container .commenttext {clear: both;padding: 10px;}
.commenttext pre {overflow:auto;}
div.comment_container .attachments {
	display: inline-block;
	width: 45%;
	margin-top: 10px;
	padding: 10px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	width: 300px;
	background-color: #ffc;
	/*
	background-image: url(img/gray/pin_24x24.png);
	background-repeat: no-repeat;
	background-position: 270px 5px;
	*/
	vertical-align: top;
}
div.attachments::after {
    color: #999;
    content: "\f0c6"; /*fa-paperclip*/
    float: right;
    font-family: FontAwesome;
    font-size: large;
}
div.comment_container .links {
	display: inline-block;
	width: 45%;
	margin-right: 3%;
	margin-top: 10px;
	padding: 10px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	width: 300px;
	background-color: #fefefe;
	vertical-align: top;
}
div.comment_container .attachments img {
	position: relative;
	top: 4px;
}
div.comment_container #addlinkbox, #taskdetailsfull #addlinkbox {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
div.comment_container #uploadfilebox, #taskdetailsfull #uploadfilebox {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
div.comment_container .commentlink {
  background-image: url(img/gray/comment_stroke_16x14.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 14px;
  width: 16px;
  margin: 2px 4px 0 2px;
}
div.comment_container .commentlink:hover {background-image: url(img/black/comment_stroke_16x14.png);}
textarea {width: 99%;}
#events {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
.eventlist.hasresult {height: 150px;}
table th {vertical-align: middle;}
table td {vertical-align: top;}
div.box, p.box {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
div.roadmap {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
div#successanderrors {
  border: none;
  border-radius: 3px;
  z-index: 50;
  margin: 30px auto 0 auto;
  position: absolute;
  top: 0;
  width: 30%;
  min-width:300px;
  left: 35%;
}
div.error, div.success {
  border-bottom: 1px solid rgba(0,0,0,0.5);
  padding: 6px;
}
div.error {
  color: #4b1710;
  background: #ffe6e2;
}
div.success {
  color: #24380d;
  background: #e8f9d4;
}
a#show_loginbox {margin-right: 5px;}
#loginbox {
  border-radius: 3px 0 3px 3px;
  background: #ddd;
  border: solid 3px #6af;
  right: 2px;
  z-index: 200;
  min-width: 240px;
  padding-top: 15px;
  margin-top: 1px;
  box-shadow: none;
}
#login_input {text-align: center;}
#login_links {text-align: center;}
#login_oauth {margin-top: 10px;}
#loginbox #login label {color: #222;}
#loginbox #login a {color: #222;text-decoration: underline;}
#loginbox #login a:hover {color: #fff;}
form#login {position: relative;}
form#login #lbl_user_name, form#login #lbl_password {
  display:block;
  margin: 10px auto;
  padding: 5px 2px;
}
form#login label {width: 50px;color: #ddd;width: 100px;margin: 0 2px 0 20px;}
form#login #links {position: absolute;top: 30px;left: 20px;}
form#login #links a {padding: 3px 7px;}
form#login #links a:hover {
  background: #494d4e;
  text-decoration: none;
  color: #dddddd;
  border-radius: 10px;
}
form#login #links a.active {
  background: #dddddd;
  color: #3c4041;
  border-radius: 10px;
}
form#login .remember_me {float: right;}
span#advancedsearchstate img {vertical-align: middle;}
fieldset {
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
/*
#content > fieldset legend {
  color: #3c4041;
  background: #f9f9f9;
  padding: 2px 9px;
  border: solid 1px #e1e1e1;
  border-radius: 10px;
}
*/
#content > h3 {margin-top: 1em;}
thead th {
  border-bottom: solid 1px #a1a6a8;
  background: none;
}
div#taskstatus {border-bottom: 1px solid #ccc;padding: 4px;margin-bottom: 5px;}
div#taskclosed {
  padding: 5px;
  margin: 5px 5px 10px;
  clear: both;
  width: 20em;
  border: solid 1px red;
}
div#taskdeps {float: left;width: 50%; margin-bottom: 8px;}
div#subtasks {display: inline;align: right;float: left;width: 50%;margin-bottom: 8px;}
div#taskblocks { float: left; width: 45%;}
a.datelink {
  background-image: url(img/black/calendar_alt_fill_16x16.png);
  background-repeat: no-repeat;
  display: -moz-inline-stack;
  /* optional */
  display: inline-block;
  zoom: 1;
  /* triggers hasLayout for IE */
  *display: inline;
  /* target IE7 only */
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
hr { /*color: $box_border;*/ border: none; border-top: 1px solid #e1e1e1;}
.perms{display:inline-block;vertical-align:top;}
.bad{color:#900;}
.good{color:#090;}

fieldset.advsearch_misc input {vertical-align: middle;}
fieldset.advsearch_misc label {margin-right: 10px; white-space: nowrap;}
fieldset.advsearch_dates label {margin: 0 5px;}
.search_select {float: left;position: relative;margin-right: 10px;}
.search_select .multisel {position: absolute;white-space: nowrap;}
.search_select select {margin-top: 1.5em;height:158px;}
.search_select select#percent option {font-size: 10px;height: 12px;}
fieldset.advsearch_users .multisel {position: absolute;white-space: nowrap;}
fieldset.advsearch_users input {margin-top: 1.5em;}
/* --------------------------- FORMS -----------------------*/
.bulkuser {padding-left: 120px;}
.account_header{background: #999;border: 1px solid #111;}
.account_enabled{background: #EAF7D9;border: 1px solid #BBDF8D;}
.account_enabled:hover {background: #00FF00;}
.account_disabled{background: #FFD1D1;border: 1px solid #F8ACAC;}
.account_disabled:hover {background: #FF0000;}
ul.form_elements {list-style: none;padding: 0;margin: 0 0 0 1em;}
ul.form_elements li {padding: 2px;margin-bottom: 9px;}
ul.form_elements label {
      width: 200px;
      display: -moz-inline-stack;
      /* optional */
      display: inline-block;
      zoom: 1; /* triggers hasLayout for IE */
      *display: inline; /* target IE7 only */
      vertical-align: top;
      text-align: end;
      padding-right: 1ex;
      padding-top: 2px;
      color: #555;
}
ul.form_elements label.inline {display: inline;vertical-align:middle;}
ul.form_elements label.labeltextarea {width:auto;display:block;text-align:left;}
ul.form_elements input {vertical-align: middle;}
ul.form_elements input[type="text"], ul.form_elements input[type="password"] {width:300px;}
ul.slim li {margin-bottom:0;padding-bottom:4px;}
ul.slim input[type="text"], ul.slim input[type="password"] {width:auto;}
ul.slim label {width:110px;}
ul.form_elements li.required label {font-weight: bold;}
ul.form_elements span.note {margin-left:205px;}
ul.wide label {width:250px;}
ul.slim {margin:0;}
ul.slim .userSelectWidget {width:95%;margin-left:auto;margin-right:auto;}
ul.slim .userSelectWidget input {width:100px;}
ul.slim .userSelectWidget select {width:100%;}
.dateselect {clear: both;}
.dateselect label:first-child {
  width: 120px;
  text-align: right;
  padding-right: 5px;
  float: left;
}
/* fancy dual selects */
.double_select {position: relative;}
.double_select .dualselect_selectable {
  height: 220px;
  width: 40%;
  display: -moz-inline-stack; /* optional */
  display: inline-block;
  zoom: 1; /* triggers hasLayout for IE */
  *display: inline; /* target IE7 only */
  vertical-align: middle;
}
.double_select .dualselect_buttons {
  width: 16%;
  display: -moz-inline-stack; /* optional */
  display: inline-block;
  zoom: 1; /* triggers hasLayout for IE */
  *display: inline; /* target IE7 only */
  vertical-align: middle;
}
.double_select .dualselect_buttons button {width: 100%;padding: 3px;}
.double_select .dualselect_selected {
  height: 220px;
  /*min-width: 12em;*/
  display: -moz-inline-stack;
  /* optional */
  display: inline-block;
  zoom: 1;
  /* triggers hasLayout for IE */
  *display: inline;
  /* target IE7 only */
   vertical-align: middle;
   width: 40%;
}
.double_select .dualselect_selected select {
  width: 100%;
  height: 80%;
}
.double_select .dualselect_selected button {
  height: 16px;
  line-height:0;
  width: 100%;
  margin:0;
}
.double_select .c1 select {
  height: 24em;
  min-width: 12em;
  width: auto;
}
.double_select td {
  text-align: center;
  vertical-align: middle;
}
.double_select .c3 button {
  height: 2em;
  width: 12em;
}
.double_select .c3 select {
  height: 20em;
  min-width: 12em;
  width: auto;
}

#disp_intro + label{text-align:start;}

/* list management */
.list .cname {width:200px;}
.list .cuser {width:100px;}
.list .corder {width:50px;}
.list .cshow {width:50px;}
.list .ctense {width:80px;}
.list input[id^='listname'], .list input[id^='listposition'] {width:100%;}
#catTable .first{ white-space:nowrap;min-width:120px;}
#listTable thead#globalentries td {background-color: #eee;}
#listpositionnew {width:100%;}

.perms tbody th[title] {text-decoration: underline dotted;}
.perms .everybody{
	position:relative;
	position:-webkit-sticky; /* fix for safari */
}
.perms .everybody th:before {content:'Allowed for everybody - project setting overrules this group setting!';color:#900;position:absolute;left:2px;z-index:2;text-shadow:0 0 2px #fff;top:-2px;}
.perms .everybody > * { background-color: #6c6; }

/* closing task form */
div#closeform {
  border-radius: 3px;
  -moz-box-shadow: 0px 1px 1px #dddddd;
  -webkit-box-shadow: 0px 1px 1px #dddddd;
  box-shadow: 0px 1px 1px #dddddd;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color');
  padding: 2em;
  position: absolute;
  right: 5px;
  top: 3em;
  z-index:300;
}
#actionsform {
    border-radius: 3px;
    -moz-box-shadow: 0px 1px 1px #dddddd;
    -webkit-box-shadow: 0px 1px 1px #dddddd;
    box-shadow: 0px 1px 1px #dddddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color');
    position: absolute;
    right: 5px;
    top: 3em;
    z-index: 200;
}
#actionsform ul {
    font-family: Arial, Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#actionsform li {
	border-top: 1px solid #fff;
	display: block;
	position: relative;
	background: #363a3b;
	color:#fff;
	padding: 0px;
}
#actionsform li a, #actionsform li label, #actionsform li button{
  display: block;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  padding:5px 15px;
  background:none;
  margin:0;
  border:none;
  font-weight:normal;
  font-size:12px;
  box-shadow:none;
}
#actionsform ul li:hover { background: #617F8A; }
#actionsform li:hover ul {display:none;}
#actionsform li:hover ul {
    display: block;
    position: absolute;
}
#actionsform li:hover li {float: none;font-size: 11px;}
#edit_add_comment{display:none;}
#setparentform, #associateform, #adddepform {
	display:none;
	background: #363a3b;
	color:#fff;
	padding-left: 5px;
}
#s_parent, #s_associate, #s_adddependent, #s_addcomment {
	display:none;
}
#s_addcomment:checked ~ #edit_add_comment,
#s_parent:checked ~ #setparentform,
#s_associate:checked ~ #associateform,
#s_adddependent:checked ~ #adddepform{
	display:block;
}
#actionsform #setparentform *, #actionsform #associateform *, #actionsform #adddepform * {display: inline-block;}
#actionsform #setparentform button, #actionsform #associateform button, #actionsform #adddepform button {
	background-color:#fff;
	color:#000;
	margin-right:4px;
	margin-bottom:4px;
}
#actionsform #setparentform input[type=text],
#actionsform #associateform input[type=text],
#actionsform #adddepform input[type=text] {
	width:60px;
}
#taskdeps h4 {margin-bottom:0.3em;}
#taskdeps table {margin:0 0 0.8em -0.2em;}
#taskdeps td {padding:0.2em 0.4em;}
#taskdeps img {vertical-align:middle;margin-top:-1px;}
input[type=text], input[type=password]{
    color: #000;
    border: 1px solid #ccc;
    padding: 2px;
    vertical-align: middle;
}
input[type=text], input[type=password]{
    height: 19px;
}
#table input[type=text] {
    width: 120px;
}
input[type=text], input[type=submit], button {
    border-radius: 3px;
}
#show_loginbox {
	cursor:pointer;
	background: #494D4E;
	border-radius: 3px;
}
#login_button {display: block;margin: 6px auto;vertical-align: baseline;}
div.denyform {
	visibility:hidden;
	position:absolute;
	background-image: none;
	border: 1px solid #E1E1E1;
	margin-top:5px;
	display:block;
	width:300px;
	height:auto;
	padding:5px 30px 5px 5px;
}
/*#notify_types {height: 10em;}*/
#rassigned_to {height: 12em; }

/* Stuff for the autocomplete lists {{{ */
.autocomplete {
	background-color:#fff;
	position: absolute;
	width: auto !important;
	box-shadow:0 5px 7px #ccc;
	padding: 0px;
	margin:-1px 0 0;
	text-align:left;
	display:block;
}
.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding:0;
	height: 25px;
	white-space:nowrap;
	vertical-align:middle;
}
.autocomplete ul li span.informal {
	color: #333;
}
.autocomplete ul li.selected {
	background-color: #6af;
	cursor:pointer;
	color:HighlightText;
}
.autocomplete img, .autocomplete .noavatar{
	width:25px;
	height:25px;
	display:inline-block;
}

#actionbuttons {
	margin-left: 300px;
	margin-top: 15px;
	min-height: 50px;
	padding: 8px 5px;
}
table.assignedto {border:0px;border-collapse: collapse;}
table.assignedto tr {height: 30px;}
table.assignedto td {
	margin:0px;
	padding:0px;
	padding-right: 5px;
	vertical-align: middle;
}
table.assignedto img {padding-top: 2px;width: 25px;height:25px;}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-160px;
    width:240px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute;
    border:2px solid #FFF;  color:#EEE;
    background:#000;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
/*CSS3 extras*/
a.tooltip span{
    border-radius:2px;
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;
    opacity: 0.8;
}
/* for float box in ticket list */
.descbox {
	display:none;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	background-image: none;
    	margin: 10px 0;
    	padding: 10px;
	max-height: 144px;
	width: 400px;
	position: absolute;
	z-index: 1000;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #686868;
	font-weight: normal;
	text-overflow:ellipsis;
	overflow:hidden;
}
span.warning {
    color: red;
    font-weight: bold;
}

#globoslink .fa, #projoslink .fa{padding-right: 3px;}
/* typical colorings for task type and permissions */
.fa-bug{color:#c30;}
.fa-star{color:#ee0;text-shadow: 0 0 1px rgba(128, 0, 0, 1);}
.fa-exclamation-triangle{color:#c00;}
.fa-check{color:#090;}
.global.fa-check{color:#990;} /* got permission by global settings, not project settings */
.fa-ban{color:#900;}

button.fakelinkbutton {
	display: inline-block;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	cursor: pointer;
	color: #369;
	box-shadow:none;
}

button.fakelinkbutton:hover {
	color: #69c;
}

button.fakelinkbutton:visited {
	color: #69c;
}

@media only screen and (max-width: 480px) and (orientation: portrait) {

th, td, caption {padding: 5px 2px;}
#menu { position:static;clear:both;background-color:#111;}
#title {font-size:1.2em;line-height:1.2em;background-color:#111;}
#title a {padding:0;}
#title a span{display:none;}
#title img {float:none;margin:4px;}
#menu-list {display:block;}
#menu-list li {float:none;display:block;padding:0;height:auto;border-left:none;text-align:center;}
#menu-list li > a, #menu-list li > label {display:block;border:1px solid #333;height:24px;}
#menu-list a:hover {border-radius:unset;}
#labelpmmenu, #labelmenu1{text-align:center;color:#fff;display:block;position:absolute;top:0;width:15%;height:48px;left:20%;}
#labelmenu1{left:35%;}
#labelmenu1:before{content:"\f013";font-family:fontawesome;font-size:30px;} /* cog */
#labelpmmenu:before{content:"\f0c9";font-family:fontawesome;font-size:30px;} /* bars */
#menu1:checked ~ #menu{right:0;transition:0.5s;display:block;}
#pmmenu:checked ~ #pm-menu-list{left:0;transition:0.5s;display:block;}
#labelpmmenu:hover, #labelmenu1:hover, #menu1:checked ~ #labelmenu1, #pmmenu:checked ~ #labelpmmenu {background-color:rgba(0,0,0,0.3);}
#pm-menu {padding:0;}
#menu {z-index:111;padding:0;display:none;width:100%;position:absolute;background-color:#333;top:48px;right:-100%;transition:0.5s;}
#pm-menu-list {z-index:110;padding:0;display:none;width:100%;position:absolute;background-color:#333;top:48px;left:-100%;transition:0.5s;}
#pm-menu-list li {display:block;border-top:1px dotted #3c4041;}
#pm-menu-list a {border:none;border-radius:0;margin:0;}
#pmcontrol {margin:0;display:block;float:none;padding:10px;}
#task_id {width:120px;}
#projectselector {position:absolute;top:0;right:0;margin:0;text-align:center;max-width:40%;}
#projectselector select{height:40px;padding-right:4px;max-width:100%;}
#content {padding:0;min-width:unset;}
#tasklist {padding:0;}
table.toplevel th, table.toplevel td {display:block;}
body.toplevel .box {margin:0 0 10px 0;}
body.toplevel.p0 .box {width:auto;}
div.box, p.box {padding:0;}
#event1 td {display:block;}
body.admin {background-color:#300;} /* experimental: danger zone */
body.admin h1#title {background-color: #900;background-image: none;} /* danger zone */
body.admin #pm-menu {background-color:#600;border-bottom-color:#300;} /* danger zone */
body.reports .box button {display: block;margin-left:auto;margin-right:auto;width:70%;}
#footer{border-top:none;}
#toolboxmenu {float:none;text-align:center;}
#toolboxmenu a {width:31%;display:inline-block;margin-left:0;border-bottom-left-radius: 0;padding:6px 2px;}
#toolboxmenu a.active {border-top-right-radius:5px;width:31%;padding:6px 2px;float:none;border-color:#6af #6af transparent #6af;}
#toolbox {margin:0;padding:0;border-radius:0;padding-top:10px;position:relative;}
#controlBox {position:relative;margin-left:140px;}
#shortcuts {border-radius:5px;padding:5px;box-shadow:0 0 400px #000;top:50%;margin-top:-150px;height:300px;overflow:auto;}
h3 {padding-left:6px;}
p { text-align:justify;padding:2px;}
#listTable{width:100%;}
ul.form_elements {margin:0;}
ul.form_elements span.note {margin-left:0;}
ul.form_elements li label {text-align:start;}
ul.form_elements li > input {margin-left:20px;}
ul.form_elements li > input[type="text"],ul.form_elements li > input[type="password"] {display:block;margin-left:auto;margin-right:auto;width:90%;}
.double_select {padding-left:0;}
#toolbox div.tab {padding:0px;}
#submenu {padding-left:0;margin:0;}
#submenu ~ div {clear:both;}
#catTable input[type="text"], #catTable input[type="password"] {width:120px;}
#taskdetails {margin:0;padding:0;margin-top:40px;}
#taskfields {float:none; border:none;}
#taskdetailsfull {margin:0;padding:2px;}
form #taskdetails {margin:0;}
form #taskfields {width:auto; margin-top:20px; background-color:#fff;}
form #taskdetailsfull {margin:0;top:auto;}
form #taskdetailsfull button.positive {margin-left:auto;margin-right:auto;width:60%;}
#comments, #related, #notify, #remind, #effort, #history{padding:0;}
div.comment_container {margin:0;}
div.comment_container .commenttext{padding:2px;}
div.comment_container .comment {margin:0;width:auto;}
}