/* Written by Rebecca Shalfield between 2013 and 2017
   Copyright (c) Rebecca Shalfield 2013-2017
   Released under the GNU AGPL v3
*/

a.back-to-top {
	display:       none;
	width:         50px;
	height:        50px;
	text-indent:   -9999px;
	position:      fixed;
	z-index:       999;
	right:         20px;
	bottom:        20px;
	background:    #27AE61 url("/images/backtotop.jpg") no-repeat;
	border-radius: 3px;
}

a.column:focus {
    color:       white;
    font-weight: bold;
}

a.column:link {
    color:           white;
    text-decoration: none;
}

a.column:hover {
    color:           white;
    text-decoration: underline;
}

a.column:visited {
    color: white;
}

a:focus {
    color:       #1D1D72;
    font-weight: bold;
}

a.footer {
    color: yellow;
}

a:link {
    color:           #1D1D72;
    text-decoration: none;
}

a:hover {
    color:           #1D1D72;
    text-decoration: underline;
}

a:visited {
    color: #1D1D72;
}

.absenteeism {
  color:            yellow;
  background-color: red;
  float:            right;
  border-radius:    3px;
  padding:          1pt;
  margin:           1pt;
  font-size:        8pt;
}

#acceptancetestingblocked, #acceptancetestingacceptedblocked, #analysedblocked, #analysisblocked,
#analysispeerreviewblocked, #backlogblocked, #completedblocked, #definedblocked, #designblocked,
#designpeerreviewblocked, #designedblocked, #developedblocked, #developmentblocked,
#developmentpeerreviewblocked, #integrationtestingacceptedblocked, #integrationtestingblocked,
#systemtestingacceptedblocked, #systemtestingblocked, #triagedblocked, #unittestingacceptedblocked,
#unittestingblocked, #untriagedblocked {
    background-color: black;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

.acceptancetestingblockedtype, .acceptancetestingacceptedblockedtype, .analysedblockedtype,
.analysisblockedtype, .analysispeerreviewblockedtype, .backlogblockedtype, .completedblockedtype,
.definedblockedtype, .designblockedtype, .designpeerreviewblockedtype, .designedblockedtype,
.developedblockedtype, .developmentblockedtype, .developmentpeerreviewblockedtype,
.integrationtestingblockedtype, .integrationtestingacceptedblockedtype, .systemtestingblockedtype,
.systemtestingacceptedblockedtype, .triagedblockedtype, .untriagedblockedtype,
.unittestingblockedtype, .unittestingacceptedblockedtype {
    background-image: -moz-linear-gradient(left, white 0%, $column-background-blocked 100%);
    background-image: -o-linear-gradient(left, white 0%, $column-background-blocked 100%);
    background-image: -webkit-linear-gradient(left, white 0%, $column-background-blocked 100%);
    background-image: -ms-linear-gradient(left, white 0%, $column-background-blocked 100%);
    color:            $column-foreground-blocked;
    font-size:        8pt;
    font-weight:      bold;
    text-align:       left;
    margin:           3px;
    padding:          2px;
    border-radius:    3px;
}

.acceptancetestingdeferredtype, .acceptancetestingaccepteddeferredtype, .analyseddeferredtype,
.analysisdeferredtype, .analysispeerreviewdeferredtype, .backlogdeferredtype,
.completeddeferredtype, .defineddeferredtype, .designdeferredtype, .designpeerreviewdeferredtype,
.designeddeferredtype, .developeddeferredtype, .developmentdeferredtype,
.developmentpeerreviewdeferredtype, .integrationtestingdeferredtype,
.integrationtestingaccepteddeferredtype, .systemtestingdeferredtype,
.systemtestingaccepteddeferredtype, .triageddeferredtype, .unittestingdeferredtype,
.unittestingaccepteddeferredtype, .untriageddeferredtype {
    background-image: -moz-linear-gradient(left, white 0%, $column-background-deferred 100%);
    background-image: -o-linear-gradient(left, white 0%, $column-background-deferred 100%);
    background-image: -webkit-linear-gradient(left, white 0%, $column-background-deferred 100%);
    background-image: -ms-linear-gradient(left, white 0%, $column-background-deferred 100%);
    color:            $column-foreground-deferred;
    font-size:        8pt;
    font-weight:      bold;
    text-align:       left;
    margin:           3px;
    padding:          2px;
    border-radius:    3px;
}

#acceptancetestingacceptedcolumnheader {
    background-color: $acceptancetestingaccepted-background;
    background-image: -moz-linear-gradient(left, $acceptancetestingaccepted-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $acceptancetestingaccepted-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $acceptancetestingaccepted-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $acceptancetestingaccepted-background 0%, #222222 100%);
    color:            $acceptancetestingaccepted-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

.acceptancetestingghostedtype, .acceptancetestingacceptedghostedtype, .analysedghostedtype,
.analysisghostedtype, .analysispeerreviewghostedtype, .backlogghostedtype, .completedghostedtype,
.definedghostedtype, .designghostedtype, .designpeerreviewghostedtype, .designedghostedtype,
.developedghostedtype, .developmentghostedtype, .developmentpeerreviewghostedtype,
.integrationtestingghostedtype, .integrationtestingacceptedghostedtype, .systemtestingghostedtype,
.systemtestingacceptedghostedtype, .triagedghostedtype, .unittestingghostedtype,
.unittestingacceptedghostedtype, .untriagedghostedtype {
    background-image: -moz-linear-gradient(left, $column-foreground-ghosted 0%, $column-background-ghosted 100%);
    background-image: -o-linear-gradient(left, $column-foreground-ghosted 0%, $column-background-ghosted 100%);
    background-image: -webkit-linear-gradient(left, $column-foreground-ghosted 0%, $column-background-ghosted 100%);
    background-image: -ms-linear-gradient(left, $column-foreground-ghosted 0%, $column-background-ghosted 100%);
    color:            $column-background-ghosted;
    font-size:        8pt;
    font-weight:      bold;
    text-align:       left;
    margin:           1px;
    padding:          2px;
    border-radius:    3px;
}

#acceptancetestingstep {
    background-color: $acceptancetesting-background;
    background-image: -moz-linear-gradient(left, $acceptancetesting-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $acceptancetesting-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $acceptancetesting-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $acceptancetesting-background 0%, #222222 100%);
    color:            $acceptancetesting-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

.acceptancetestingwaitingtype, .acceptancetestingacceptedwaitingtype, .analysedwaitingtype,
.analysiswaitingtype, .analysispeerreviewwaitingtype, .backlogwaitingtype, .completedwaitingtype,
.definedwaitingtype, .designwaitingtype, .designpeerreviewwaitingtype, .designedwaitingtype,
.developedwaitingtype, .developmentwaitingtype, .developmentpeerreviewwaitingtype,
.integrationtestingwaitingtype, .integrationtestingacceptedwaitingtype, .systemtestingwaitingtype,
.systemtestingacceptedwaitingtype, .triagedwaitingtype, .unittestingwaitingtype,
.unittestingacceptedwaitingtype, .untriagedwaitingtype {
    background-image: -moz-linear-gradient(left, white 0%, $column-background-waiting 100%);
    background-image: -o-linear-gradient(left, white 0%, $column-background-waiting 100%);
    background-image: -webkit-linear-gradient(left, white 0%, $column-background-waiting 100%);
    background-image: -ms-linear-gradient(left, white 0%, $column-background-waiting 100%);
    color:            $column-foreground-waiting;
    font-size:        8pt;
    font-weight:      bold;
    text-align:       left;
    margin:           3px;
    padding:          2px;
    border-radius:    3px;
}

.active, .recycle {
    background-color: green;
    border-radius:    3px;
    padding:          1pt;
    margin:           1pt;
    font-size:        8pt;
}

.affectsversion, .children, .coowner, .coreviewer, .cost, .difficulty, .externalreference, .fixversion, .hashtag,
.identifier, .iteration, .lastchanged, .owner, .reassign, .release, .reviewer, .severity, .testcase, .time {
    color:            white;
    background-color: blue;
    float:            right;
    border-radius:    3px;
    padding:          1pt;
    margin:           1pt;
    font-size:        8pt;
}

#analysedcolumnheader {
    background-color: $analysed-background;
    background-image: -moz-linear-gradient(left, $analysed-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $analysed-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $analysed-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $analysed-background 0%, #222222 100%);
    color:            $analysed-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#analysiscolumnheader {
    background-color: $analysis-background;
    background-image: -moz-linear-gradient(left, $analysis-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $analysis-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $analysis-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $analysis-background 0%, #222222 100%);
    color:            $analysis-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#analysispeerreviewcolumnheader {
    background-color: $analysispeerreview-background;
    background-image: -moz-linear-gradient(left, $analysispeerreview-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $analysispeerreview-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $analysispeerreview-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $analysispeerreview-background 0%, #222222 100%);
    color:            $analysispeerreview-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#analysisstep {
    background-color: $analysis-background;
    background-image: -moz-linear-gradient(left, $analysis-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $analysis-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $analysis-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $analysis-background 0%, #222222 100%);
    color:            $analysis-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

b.blink {
    text-decoration: blink;
}

b.bug {
    border:           #FF6666 outset 0.1em;
    color:            $bug-foreground;
    background-color: $bug-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.defect {
    border:           #FF6666 outset 0.1em;
    color:            $defect-foreground;
    background-color: $defect-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.enhancement {
    border:           #FF6666 outset 0.1em;
    color:            $enhancement-foreground;
    background-color: $enhancement-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.epic {
    border:           #FF6666 outset 0.1em;
    color:            $epic-foreground;
    background-color: $epic-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.expedite {
    color:            white;
    position:         absolute;
    border-radius:    5px;
    transform-origin: 10% 20%;
    opacity:          0.25;
    display:          inline-block;
    transform:        rotate(90deg);
    text-indent:      0em;
    padding:          0px 0px 0px 0px;
    margin:           3px;
    text-align:       left;
    vertical-align:   top;
}

b.feature {
    border:           #FF6666 outset 0.1em;
    color:            $feature-foreground;
    background-color: $feature-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.integer {
    color: green;
}

b.key {
    color: blue;
}

b.story {
    border:           #FF6666 outset 0.1em;
    color:            $story-foreground;
    background-color: $story-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.string {
    color: orange;
}

b.task {
    border:           #FF6666 outset 0.1em;
    color:            $task-foreground;
    background-color: $task-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.test {
    border:           #FF6666 outset 0.1em;
    color:            $test-foreground;
    background-color: $test-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.transient {
    border:           #FF6666 outset 0.1em;
    color:            $transient-foreground;
    background-color: $transient-background;
    border-radius:    5px;
    margin-top:       5pt;
    margin-bottom:    5pt;
    margin-left:      5pt;
    margin-right:     5pt;
    font-size:        8pt;
}

b.warning {
    color:       #FF2626;
    font-weight: bold;
}

#back {
    float:      right;
    margin-top: 2px;
}

#backlogcolumnheader {
    background-color: $backlog-background;
    background-image: -moz-linear-gradient(left, $backlog-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $backlog-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $backlog-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $backlog-background 0%, #222222 100%);
    color:            $backlog-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#backlogcolumnlowcritical, #backlogcolumnmediumcritical, #backlogcolumnhighcritical, #backlogcolumncriticalcritical {
    background-color: $severity-critical-background;
    color:            $severity-critical-foreground;
    font-size:        10pt;
    padding:          3px;
}

#backlogcolumnlowhigh, #backlogcolumnmediumhigh, #backlogcolumnhighhigh, #backlogcolumncriticalhigh {
    background-color: $severity-high-background;
    color:            $severity-high-foreground;
    font-size:        10pt; 
    padding:          3px;  
}

#backlogcolumnlowlow, #backlogcolumnmediumlow, #backlogcolumnhighlow, #backlogcolumncriticallow {
    background-color: $severity-low-background;
    color:            $severity-low-foreground;
    font-size:        10pt;
    padding:          3px;
}

#backlogcolumnlowmedium, #backlogcolumnmediummedium, #backlogcolumnhighmedium, #backlogcolumncriticalmedium {
    background-color: $severity-medium-background;
    color:            $severity-medium-foreground;
    font-size:        10pt;
    padding:          3px;
}

#backlogcriticallow {
    background-color: $severity-low-background;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

#backloghighlow {
    background-color: $severity-low-background;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

#backlogstep {
    background-color: $backlog-background;
    background-image: -moz-linear-gradient(left, $backlog-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $backlog-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $backlog-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $backlog-background 0%, #222222 100%);
    color:            $backlog-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

#designcolumnheader {
    background-color: $design-background;
    background-image: -moz-linear-gradient(left, $design-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $design-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $design-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $design-background 0%, #222222 100%);
    color:            $design-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#designedcolumnheader {
    background-color: $designed-background;
    background-image: -moz-linear-gradient(left, $designed-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $designed-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $designed-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $designed-background 0%, #222222 100%);
    color:            $designed-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#designpeerreviewcolumnheader {
    background-color: $designpeerreview-background;
    background-image: -moz-linear-gradient(left, $designpeerreview-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $designpeerreview-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $designpeerreview-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $designpeerreview-background 0%, #222222 100%);
    color:            $designpeerreview-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#designstep {
    background-color: $design-background;
    background-image: -moz-linear-gradient(left, $design-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $design-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $design-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $design-background 0%, #222222 100%);
    color:            $design-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

#disownedstep, #disownedcolumnheader {
    background-color: black;
    background-image: -moz-linear-gradient(left, black 0%, #222222 100%);
    background-image: -o-linear-gradient(left, black 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, black 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, black 0%, #222222 100%);
    color:            white;
    vertical-align:   top;
    font-size:        10pt;
    font-style:       italic;
    padding:          3px;
}

.swimlanexstepxmaincritical, .swimlanexstepxcounterpartcritical, .swimlanexstepxbuffercritical, #backloglowcritical, #backlogmediumcritical,
#backloghighcritical, #backlogcriticalcritical {
    background-color: $priority-critical-background;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

.untriagedcriticaltype, .triagedcriticaltype, .backlogcriticaltype, .completedcriticaltype,
.definedcriticaltype, .analysiscriticaltype, .analysispeerreviewcriticaltype, .analysedcriticaltype,
.designcriticaltype, .designpeerreviewcriticaltype, .designedcriticaltype, .developmentcriticaltype,
.developmentpeerreviewcriticaltype, .developedcriticaltype, .unittestingcriticaltype,
.unittestingacceptedcriticaltype, .integrationtestingcriticaltype,
.integrationtestingacceptedcriticaltype, .systemtestingcriticaltype,
.systemtestingacceptedcriticaltype, .acceptancetestingcriticaltype,
.acceptancetestingacceptedcriticaltype, .closedcriticaltype {
    background-image: -moz-linear-gradient(left, white 0%, $priority-critical-background 100%);
    background-image: -o-linear-gradient(left, white 0%, $priority-critical-background 100%);
    background-image: -webkit-linear-gradient(left, white 0%, $priority-critical-background 100%);
    background-image: -ms-linear-gradient(left, white 0%, $priority-critical-background 100%);
    color:            Black;
    font-size:        8pt;
    font-weight:      bold;
    text-align:       left;
    margin:           1px;
    padding:          2px;
    border-radius:    3px;
}

#untriageddeferred, #triageddeferred, #backlogdeferred, #completeddeferred, #defineddeferred,
#analysisdeferred, #analysispeerreviewdeferred, #analyseddeferred, #designdeferred,
#designpeerreviewdeferred, #designeddeferred, #developmentdeferred, #developmentpeerreviewdeferred,
#developeddeferred, #unittestingdeferred, #unittestingaccepteddeferred, #integrationtestingdeferred,
#integrationtestingaccepteddeferred, #systemtestingdeferred, #systemtestingaccepteddeferred,
#acceptancetestingdeferred, #acceptancetestingaccepteddeferred {
    background-color: black;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

#step0mainexpedite, #step0counterpartexpedite, #step1mainexpedite, #step1counterpartexpedite,
#step2mainexpedite, #step2counterpartexpedite, #step3mainexpedite, #step3counterpartexpedite,
#step4mainexpedite, #step4counterpartexpedite, #step5mainexpedite, #step5counterpartexpedite,
#step6mainexpedite, #step6counterpartexpedite, #step7mainexpedite, #step7counterpartexpedite,
#step8mainexpedite, #step8counterpartexpedite, #step9mainexpedite, #step9counterpartexpedite,
#step10mainexpedite, #step10counterpartexpedite, #step11mainexpedite, #step11counterpartexpedite {
    background-color: maroon;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

.swimlanexstepxmainblocked, .swimlanexstepxcounterpartblocked, .swimlanexstepxbufferblocked {
    background-color: $column-background-blocked;
    color:            $column-foreground-blocked;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

.swimlanexstepxmaindeferred, .swimlanexstepxcounterpartdeferred, .swimlanexstepxbufferdeferred {
    background-color: $column-background-deferred;
    color:            $column-foreground-deferred;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

.swimlanexstepxmainghosted, .swimlanexstepxcounterpartghosted, .swimlanexstepxbufferghosted {
    background-color: $column-background-ghosted;
    color:            $column-foreground-ghosted;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

.swimlanexstepxmainhigh, .swimlanexstepxcounterparthigh, .swimlanexstepxbufferhigh, #backloglowhigh, #backlogmediumhigh, #backloghighhigh,
#backlogcriticalhigh {
    background-color: $priority-high-background;
    padding:          1px 5px 5px 1px;
    margin:           3px;
    border-radius:    3px;
}

.untriagedhightype, .triagedhightype, .backloghightype, .completedhightype, .definedhightype,
.analysishightype, .analysispeerreviewhightype, .analysedhightype, .designhightype,
.designpeerreviewhightype, .designedhightype, .developmenthightype, .developmentpeerreviewhightype,
.developedhightype, .unittestinghightype, .unittestingacceptedhightype, .integrationtestinghightype,
.integrationtestingacceptedhightype, .systemtestinghightype, .systemtestingacceptedhightype,
.acceptancetestinghightype, .acceptancetestingacceptedhightype, .closedhightype {
    background-image: -moz-linear-gradient(left, white 0%, $priority-high-background 100%);
    background-image: -o-linear-gradient(left, white 0%, $priority-high-background 100%);
    background-image: -webkit-linear-gradient(left, white 0%, $priority-high-background 100%);
    background-image: -ms-linear-gradient(left, white 0%, $priority-high-background 100%);
    color:            Black;
    font-size:        8pt;
    font-weight:      bold;
    text-align:       left;
    margin:           1px;
    padding:          2px;
    border-radius:    3px;
}

.swimlanexstepxmainlow, .swimlanexstepxcounterpartlow, .swimlanexstepxbufferlow {
    background-color:      $priority-low-background;
    padding:               1px 5px 5px 1px;
    margin:                3px;
    border-radius:         3px;
}

#backloglowcriticalcontainer, #backlogmediumcriticalcontainer, #backloghighcriticalcontainer,
#backlogcriticalcriticalcontainer {
    background-color: $severity-critical-background;
    vertical-align:   top;
}

#backloglowhighcontainer, #backlogmediumhighcontainer, #backloghighhighcontainer, #backlogcriticalhighcontainer {
    background-color: $severity-high-background;
    vertical-align:   top;
}

#backloglowlow {
    background-color:      $severity-low-background;
    padding:               1px 5px 5px 1px;
    margin:                3px;
    border-radius:         3px;
}

#backloglowlowcontainer, #backlogmediumlowcontainer, #backloghighlowcontainer, #backlogcriticallowcontainer {
    background-color: $severity-low-background;
    vertical-align:   top;
}

#backloglowmediumcontainer, #backlogmediummediumcontainer, #backloghighmediumcontainer, #backlogcriticalmediumcontainer {
    background-color: $severity-medium-background;
    vertical-align:   top;
}

.untriagedlowtype, .triagedlowtype, .backloglowtype, .completedlowtype, .definedlowtype,
.analysislowtype, .analysispeerreviewlowtype, .analysedlowtype, .designlowtype,
.designpeerreviewlowtype, .designedlowtype, .developmentlowtype, .developmentpeerreviewlowtype,
.developedlowtype, .unittestinglowtype, .unittestingacceptedlowtype, .integrationtestinglowtype,
.integrationtestingacceptedlowtype, .systemtestinglowtype, .systemtestingacceptedlowtype,
.acceptancetestinglowtype, .acceptancetestingacceptedlowtype, .closedlowtype {
    background-image: -moz-linear-gradient(left, white 0%, $priority-low-background 100%);
    background-image: -o-linear-gradient(left, white 0%, $priority-low-background 100%);
    background-image: -webkit-linear-gradient(left, white 0%, $priority-low-background 100%);
    background-image: -ms-linear-gradient(left, white 0%, $priority-low-background 100%);
    color:            Black;
    font-size:        8pt;
    font-weight:      bold;
    text-align:       left;
    margin:           1px;
    padding:          2px;
    border-radius:    3px;
}

.swimlanexstepxbufferall {
    padding:       3px 7px 1px 1px;
    margin:        3px;
    border:        thin dotted white;
    border-radius: 3px;
}

.swimlanexstepxmainmedium, .swimlanexstepxcounterpartmedium, .swimlanexstepxbuffermedium {
    background-color:      $priority-medium-background;
    padding:               1px 5px 5px 1px;
    margin:                3px;
    border-radius:         3px;
}

#backlogmediumlow {
    background-color:      $severity-low-background;
    padding:               1px 5px 5px 1px;
    margin:                3px;
    border-radius:         3px;
}

.untriagedmediumtype, .triagedmediumtype, .backlogmediumtype, .completedmediumtype,
.definedmediumtype, .analysismediumtype, .analysispeerreviewmediumtype, .analysedmediumtype,
.designmediumtype, .designpeerreviewmediumtype, .designedmediumtype, .developmentmediumtype,
.developmentpeerreviewmediumtype, .developedmediumtype, .unittestingmediumtype,
.unittestingacceptedmediumtype, .integrationtestingmediumtype,
.integrationtestingacceptedmediumtype, .systemtestingmediumtype,
.systemtestingacceptedmediumtype, .acceptancetestingmediumtype,
.acceptancetestingacceptedmediumtype, .closedmediumtype {
    background-image: -moz-linear-gradient(left, white 0%, $priority-medium-background 100%);
    background-image: -o-linear-gradient(left, white 0%, $priority-medium-background 100%);
    background-image: -webkit-linear-gradient(left, white 0%, $priority-medium-background 100%);
    background-image: -ms-linear-gradient(left, white 0%, $priority-medium-background 100%);
    color:            Black;
    font-size:        8pt;
    font-weight:      bold;
    text-align:       left;
    margin:           1px;
    padding:          2px;
    border-radius:    3px;
}

#backlogsortercritical {
    background-color : $priority-critical-background;
    background-image: -moz-linear-gradient(left, $priority-critical-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $priority-critical-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $priority-critical-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $priority-critical-background 0%, #222222 100%);
    color:            $priority-critical-foreground;
    vertical-align:   top;
    font-size:        10pt;
}

#backlogsorterhigh {
    background-color: $priority-high-background;
    background-image: -moz-linear-gradient(left, $priority-high-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $priority-high-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $priority-high-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $priority-high-background 0%, #222222 100%);
    color:            $priority-high-foreground;
    vertical-align:   top;
    font-size:        10pt;
}

#backlogsorterlow {
    background-color: $priority-low-background;
    background-image: -moz-linear-gradient(left, $priority-low-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $priority-low-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $priority-low-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $priority-low-background 0%, #222222 100%);
    color:            $priority-low-foreground;
    vertical-align:   top;
    font-size:        10pt;
}

#backlogsortermedium {
    background-color: $priority-medium-background;
    background-image: -moz-linear-gradient(left, $priority-medium-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $priority-medium-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $priority-medium-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $priority-medium-background 0%, #222222 100%);
    color:            $priority-medium-foreground;
    vertical-align:   top;
    font-size:        10pt;
}

body {
    background-color: white;
    margin:           0px;
    font-family:      $font-family;
    min-height:       100%;
    height:           100%;
}

.blocked, .bypassreview {
    background-color:      red;
    color:                 black;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

button {
    font-size: 8pt;
}

#canvas {
    background-color: #EEEEEE;
    border:           thin inset #AAAAAA;
    margin:           10px;
    padding:          10px;
}

#cards {
    background-color: white;
    color:            black;
    border-radius:    5px;
    padding:          4px;
    margin-left:      3px;
    margin-right:     3px;
    opacity:          0.5;
    line-height:      51px;
    vertical-align:   middle;
}

.category {
    color:                 white;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

#chartbuttons {
    border:           #FF6666 outset 0.1em;
    background-color: FireBrick;
    border-radius:    5px;
    margin:           3pt;
    padding:          3pt;
    height:           18px;
    width:            99%;
}

.childrenvalues, .enddateconfirmation {
    background-color:      #CCCCCC;
    color:                 #555555;
    border-radius:         3px;
    padding:               2pt;
    margin:                1pt;
    font-size:             8pt;
}

#closedcolumnheader {
    background-color: $closed-background;
    background-image: -moz-linear-gradient(left, $closed-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $closed-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $closed-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $closed-background 0%, #222222 100%);
    color:            $closed-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#closedstep {
    background-color: $closed-background;
    background-image: -moz-linear-gradient(left, $closed-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $closed-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $closed-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $closed-background 0%, #222222 100%);
    color:            $closed-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

#cmdline {
    background-color: black;
    color:            white;
    display:          none;
}

.columnname {
    margin: 2px;
}

#completedcolumnheader {
    background-color: $completed-background;
    background-image: -moz-linear-gradient(left, $completed-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $completed-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $completed-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $completed-background 0%, #222222 100%);
    color:            $completed-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#completedstep {
    background-color: $completed-background;
    background-image: -moz-linear-gradient(left, $completed-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $completed-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $completed-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $completed-background 0%, #222222 100%);
    color:            $completed-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

#copyright {
    color:     #eeeeee;
    font-size: 8pt;
}

.creator, .crmcase, .customer, .recidivism {
    background-color:      blue;
    color:                 white;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

.dashboardcomponent {
    float: left;
    width: 33%;
}

.state {
    background-color:      black;
    color:                 white;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

.daysinstate, .new {
    background-color:      Gold;
    color:                 black;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

.deadlineconfirmation, nextactionconfirmation {
    color:                 white;
    background-color:      red;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

#definedcolumnheader {
    background-color: $defined-background;
    background-image: -moz-linear-gradient(left, $defined-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $defined-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $defined-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $defined-background 0%, #222222 100%);
    color:            $defined-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#definedstep {
    background-color: $defined-background;
    background-image: -moz-linear-gradient(left, $defined-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $defined-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $defined-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $defined-background 0%, #222222 100%);
    color:            $defined-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

#developedcolumnheader {
    background-color: $developed-background;
    background-image: -moz-linear-gradient(left, $developed-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $developed-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $developed-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $developed-background 0%, #222222 100%);
    color:            $developed-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#developmentcolumnheader {
    background-color: $development-background;
    background-image: -moz-linear-gradient(left, $development-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $development-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $development-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $development-background 0%, #222222 100%);
    color:            $development-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#developmentpeerreviewcolumnheader {
    background-color: $developmentpeerreview-background;
    background-image: -moz-linear-gradient(left, $developmentpeerreview-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $developmentpeerreview-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $developmentpeerreview-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $developmentpeerreview-background 0%, #222222 100%);
    color:            $developmentpeerreview-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#developmentstep {
    background-color: $development-background;
    background-image: -moz-linear-gradient(left, $development-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $development-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $development-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $development-background 0%, #222222 100%);
    color:            $development-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

div.card > table, div.minimisedcardbuffered > table, div.ghostedcard > table, div.minimisedcardclosed > table {
    border-radius: 6px;
    box-shadow:    4px 4px 4px #888888;
}

div.card > table:hover, div.minimisedcardbuffered > table:hover, div.minimisedcardclosed > table:hover,
div.ghostedcard > table:hover {
    border: LawnGreen solid 0.3em;
}

div.commentanother {
    background-image: url(/images/tattypaper.png);
    float:            right;
    text-align:       left;
    margin:           1pt;
    border-radius:    3px;
    width:            75%;
    padding:          3px;
    opacity:          0.25;
    
    p {
        color:       coral;
        font-weight: bold;
    }
}

div.commentanothernew {
    background-image: url(/images/spiralpaper.jpg);
    float:            right;
    text-align:       left;
    margin:           1pt;
    border-radius:    3px;
    width:            75%;
    padding:          3px;
    
    p {
        color: red;
    }
}

div.commentanotherrecent {
    background-image: url(/images/spiralpaper.jpg);
    float:            right;
    text-align:       left;
    margin:           1pt;
    border-radius:    3px;
    width:            75%;
    padding:          3px;
    
    p {
        color: orange;
    }
}

div.commentowner {
    background-image: url(/images/tattypaper.png);
    float:            left;
    text-align:       left;
    margin:           1pt;
    border-radius:    3px;
    width:            75%;
    padding:          3px;
    opacity:          0.25;
    
    p {
        color:       coral;
        font-weight: bold;
    }
}

div.commentownernew {
    background-image: url(/images/spiralpaper.jpg);
    float:            left;
    text-align:       left;
    margin:           1pt;
    border-radius:    3px;
    width:            75%;
    padding:          3px;
    
    p {
        color: red;
    }
}

div.commentownerrecent {
    background-image: url(/images/spiralpaper.jpg);
    float:            left;
    text-align:       left;
    margin:           1pt;
    border-radius:    3px;
    width:            75%;
    padding:          3px;
    
    p {
        color: orange;
    }
}

div.debug {
    background-color:      black;
    color:                 white;
    border-radius:         3px;
}

div.minimisedcard > table {
    border: #FF2626 solid 0.3em;
}

div.minimisedcard > table > th {
    background-color: grey;
    vertical-align:   top;
}

div.minimisedcardbuffered > table > th {
    vertical-align: top;
}

div.minimisedcardclosed > table > th {
    vertical-align: top;
}

div.navigation {
    text-align: center;
}

td.ownerbuffercolumn {
    background: 
        repeating-linear-gradient(-45deg, #222222, #222222 10px, #111111 10px, #111111 20px),
        linear-gradient(to bottom, #111111, #222222);
}

td.reviewerbuffercolumn {
    background: linear-gradient(to bottom, #222222, #222222 50%, #111111 50%, #111111);
    background-size: 100% 20px;  
}

td.ownermaincolumn {
    background-color: black;
}

td.reviewermaincolumn {
    background: linear-gradient(to bottom, #222222, #222222 50%, #111111 50%, #111111);
    background-size: 100% 20px;
}

td.projectrole {
    background-color: white;
}

#noproject, #noworkflow {
    background-color: white;
    float:            center;
    text-align:       center;
    margin-left:      auto;
    margin-right:     auto;    
    border-radius:    3px;
    width:            50%;
    padding:          3px;
}

div.onlinehelp {
    background-image:     url(/images/blue.png);
    -moz-column-rule:     3px outset black; /* Firefox */
    -webkit-column-rule:  3px outset black; /* Safari and Chrome */
    column-rule:          3px outset black;
    margin:               5px;
    padding:              5pt;
    -moz-column-count:    3; /* Firefox */
    -webkit-column-count: 3; /* Safari and Chrome */
    column-count:         3;
    -moz-column-gap:      40px; /* Firefox */
    -webkit-column-gap:   40px; /* Safari and Chrome */
    column-gap:           40px;
    border-radius:        3px;
    width:                98%;

    p {
        color:      black;
        font-size:  8pt;
        text-align: justify;
        margin:     0pt;
    }
}

div.teammember {
    float:            left;
    border-radius:    3px;
    background-color: Linen;
    margin:           5px;
    padding:          2px;
    text-align:       center;
}

div.wiplimitexceeded {
    background-color: #FF2626;
    color:            white;
    border-radius:    6px;
    text-align:       center;
    margin:           10px;
    opacity:          0.25;
}

div.wiplimitreached {
    background-color: green;
    color:            white;
    border-radius:    6px;
    text-align:       center;
    margin:           10px;
    opacity:          0.25;
}

.dragdrop {
    background-color: gray;
    border:           thin dotted white;
    opacity:          .5;
}

#dropfile {
    height:     40px;
    width:      160px;
    text-align: center;
    border:     1px dashed black;
}

.edit, .edit_area {
    background-color : Bisque;
}

.emotion {
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.entrycriteria {
    height:           12px;
    color:            black;
    background-color: white;
    float:            left;
    border-radius:    3px;
    padding:          1pt;
    //margin:           1pt;
    margin:           0px;
    font-size:        6pt;
        
    &:hover {
        background-color: black;
        color:            white;
    }
}

sup.exitcriteria {
    height:                12px;
    color:                 black;
    background-color:      white;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             6pt;
        
    &:hover {
        background-color: black;
        color:            white;
    }
}

.escalation {
    background-color:      blue;
    color:                 white;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

#filter {
    background-color: #4C4E5A;
    color:            white;
    text-align:       center;
    font-size:        8pt;
    padding:          4px;
}

#footer_container {
    height:   24px;
    width:    100%;
    left:     0pt;
    bottom:   0;
    display:  block;
    position: fixed;
}

#footer_contents {
    border-top:            1px dotted #AAAAAA;
    color:                 white;
    background-color:      #333333;
    background-image:      url(/images/blue.jpg);
    height:                24px;
    width:                 100%;
    margin:                auto;
    text-align:            center;
    font-size:             10pt;
    background-repeat:     repeat;
    background-attachment: scroll;
    background-position:   0% 0%;
}

form {
    display: inline;
}

form.chartleft {
    float: left;
}

form.chartright {
    float: right;
}

form.filter, input.filter, select.filter {
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
    border-radius:      3px;
    font-size:          8pt;
}

h1 {
    margin:  0pt;
    padding: 0.1em;
}

h2 {
    background-image: -moz-linear-gradient(left, #666666 0%, #222222 100%);
    background-image: -o-linear-gradient(left, #666666 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, #666666 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, #666666 0%, #222222 100%);
    color:            #FFFFA3;
    background-color: #222222;
    font-size:        10pt;
    font-weight:      bold;
    text-align:       left;
}

h2.pagetitle {
    background-image: -moz-linear-gradient(left, Linen 0%, white 100%);
    background-image: -o-linear-gradient(left, Linen 0%, white 100%);
    background-image: -webkit-linear-gradient(left, Linen 0%, white 100%);
    background-image: -ms-linear-gradient(left, Linen 0%, white 100%);
    color:            green;
    font-size:        12pt;
    font-weight:      bold;
    text-align:       left;
    padding:          2pt;
    height:           25px;
    margin:           3px;
    border-radius:    5px;
}

h2.section {
    background-image: -moz-linear-gradient(left, Linen 0%, white 100%);
    background-image: -o-linear-gradient(left, Linen 0%, white 100%);
    background-image: -webkit-linear-gradient(left, Linen 0%, white 100%);
    background-image: -ms-linear-gradient(left, Linen 0%, white 100%);
    color:            green;
    font-size:        12pt;
    font-weight:      bold;
    text-align:       left;
    padding:          2pt;
    height:           25px;
    margin:           3px;
    border-radius:    5px;
}

h2.wallboard {
    background-image: -moz-linear-gradient(left, #222222 0%, white 100%);
    background-image: -o-linear-gradient(left, #222222 0%, white 100%);
    background-image: -webkit-linear-gradient(left, #222222 0%, white 100%);
    background-image: -ms-linear-gradient(left, #222222 0%, white 100%);
    color:            #FFFFA3;
    height:           24px;
    font-size:        10pt;
    font-weight:      bold;
    text-align:       left;
    text-indent:      24px;
}

h3 {
    color:     #666666;
    font-size: 10pt;
}

h3.logon {
    color:     white;
    font-size: 12pt;
}

h3.statusreport {
    font-size:   14pt;
    text-indent: 2em;
}

h4.statusreport {
    font-size:   13pt;
    text-indent: 4em;
}

h5.statusreport {
    font-size:   12pt;
    text-indent: 6em;
}

h6.statusreport {
    font-size:   11pt;
    text-indent: 8em;
}

#headerbuttonbar {
    float:   right;
    height:  51px;
}

#headercontainer {
    background-color: #333333;
    background-image: url(/images/blue.jpg);
    height:           51px;
    text-align:       center;
    
    a {
        color:          Yellow;
        font-size:      18pt;
        font-weight:    bold;
        line-height:    51px;
        vertical-align: middle;
    }
}

// TODO - Shouldn't have .help AND #help
.help {
    color:                 white;
    background-color:      blue;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             6pt;
}

#help {
    height:      51px;
  
    button {
        background-color: blue;
        color:            white;
        border-radius:    3px;
        padding:          3px;
        margin-left:      3px;
        margin-right:     3px;
        vertical-align:   middle;
    }
}

hidden {
    background-color: black;
    color:            gray;
    
}

sup.hiddenwarning {
    background-color:      gray;
    color:                 black;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

.indicator {
    background-color:      #666666;
    color:                 #FFFFA3;
    float:                 right;
    margin:                1pt;
    border-radius:         3px;
    padding:               1pt;
    font-size:             8pt;
}

input {
    box-shadow:    0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
    border-radius: 3px;
    font-size:     8pt;
}

form.cardmenu button {
    padding:          2px; 
    margin:           0px;
    background-color: #66B2DB;
    color:            #4b4441;
    width:            104px;
    border-radius:    3px;
    text-align:       left;
    font-weight:      bold;
    
    &:hover {
        background-color: #4b4441;
        color:            #66B2DB;
    }
}

form.cardmenu button.warning {
    padding:          2px; 
    margin:           0px;
    background-color: Red;
    color:            White;
    width:            104px;
    border-radius:    3px;
    text-align:       left;
    font-weight:      bold;
    
    &:hover {
        background-color: White;
        color:            Red;
    }
}

span.controlgroup input.wiplimits, input.togglecolumn {
    font-size:        6pt;
    background-color: SlateGray;
    color:            White; 
    padding:          2px;  
    margin:           1px;
    border:           0px solid SlateGray;

    &:hover {
        background-color: Green;
    }    
}


.highlight {
    background-color: yellow;
    color:            black;
    border-radius:    2px;
    padding:          1px;
}

input[type="number"] {
    width: 50px;
}

span.controlgroup input.save {
    font-size:        8pt;
    background-color: SlateGray;
    color:            White; 
    margin:           1px;

    &:hover {
        color: yellow;
    }
}

input.cardcompromised {
    background-color: red;
    color:            yellow;    
}

input.daysselected {
    background-color: black;
    color:            yellow;
}

input.daysunselected {
    background-color: black;
    color:            white;
}

input.defect {
    background-color : $defect-background;
}

input.defectchild {
    background-color: $defect-background;
    font-style:       italic;
}

input.epic {
    background-color: $epic-background;
}

input.epicchild {
    background-color: $epic-background;
    font-style:       italic;
}

input.standupselected {
    background-color: yellow;
    color:            black;
}

input.story {
    background-color: $story-background; 
}

input.storychild {
    background-color: $story-background;
    font-style:       italic;
}

input.task {
    background-color: $task-background;
}

input.taskchild {
    background-color: $task-background;
    font-style:       italic;
}

input.test {
    background-color: $test-background;
}

input.testchild {
    background-color: $test-background;
    font-style:       italic;
}

input.toggleentrycriteria {
    font-size:        6pt;
    background-color: SlateGray;
    color:            White;
    float:            left;
    padding:          2px;  
    margin:           1px;
    border:           0px solid SlateGray;

    &:hover {
        background-color: Green;
    }    
}

input.toggleexitcriteria {
    font-size:        6pt;
    background-color: SlateGray;
    color:            White;
    float:            right;
    padding:          2px;  
    margin:           1px;
    border:           0px solid SlateGray;

    &:hover {
        background-color: Green;
    }    
}

#integrationtestingacceptedcolumnheader {
    background-color: $integrationtestingaccepted-background;
    background-image: -moz-linear-gradient(left, $integrationtestingaccepted-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $integrationtestingaccepted-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $integrationtestingaccepted-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $integrationtestingaccepted-background 0%, #222222 100%);
    color:            $integrationtestingaccepted-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#integrationtestingstep {
    background-color: $integrationtesting-background;
    background-image: -moz-linear-gradient(left, $integrationtesting-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $integrationtesting-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $integrationtesting-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $integrationtesting-background 0%, #222222 100%);
    color:            $integrationtesting-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

#javascriptdisabled {
    background-color: #FF2626;
    color:            white;
    text-align:       center;
}

#kanbanara {
    color:        #FFFFA3;
    font-size:    16pt;
    margin-left:  5px;
    margin-right: 5px;
    text-indent:  20px;
    float:        left;
}

#kanbanaralogo {
    background-color : #445F77;
    display:          inline-block;
    float:        left;
}

#kanbanaralogo td.green {
    background-color: Green;
    color:            Ivory;
    font-size:        6pt;
    text-align:       center;
    padding:          2px;
}

#kanbanaralogo td.red {
    background-color: Maroon;
    color:            Ivory;
    font-size:        6pt;
    text-align:       center;
    padding:          2px;
}

#kanbanaralogo td.blue {
    background-color: Blue;
    color:            Ivory;
    font-size:        6pt;
    text-align:       center;
    padding:          2px;
}

#kanbanboard {
    background-color: #222222;
    width:            100%;
    height:           100%;
    min-height:       100%;
    border-collapse:  collapse;
  
    td {
        vertical-align: top;
        height:         100%;
        min-height:     100%;
    }
}

#kanbanboardcontainer {
    background-color: #222222;
    position:         relative;
    height:           100%;
    width:            100%;
}

#logoff {
    margin-left:      3px;
    margin-right:     3px;
    //margin-top:  5px;
    
    button {
        background-color: red;
        color:            white;
        border-radius:    3px;
        padding:          3px;
        vertical-align:   middle;
    }
}

#logon {
    width:      100%;
    height:     100%;
    min-height: 100%;
    padding:    0;
    border:     0;
}

#logonleft {
    background-color: #333333;
    background-image: url(/images/blue.jpg);
    width:            40%;
    text-align:       center;
    height:           100%;
    min-height:       100%;
}

#logonright {
    background-color: white;
    width:            60%;
    height:           100%;
    min-height:       100%;
    padding:          24pt;
}

#logontag {
    color:     #CCCCCC;
    font-size: 24pt;
}

#logontitle {
    color:     #FFFFA3;
    font-size: 36pt;
}

.marquee {
    border:     1px solid #ccc;
    background: #ccc;
    width:      100%;
    overflow:   hidden;
}

#menubarcontainer, .menu-wrapper {
    background-color: #222222;
    border-bottom:    1px dotted #AAAAAA;
}

.node circle.bug {
    fill:         $bug-background;
    stroke:       $bug-background;
    stroke-width: 3px;
}

.node circle.defect {
    fill:         $defect-background;
    stroke:       $defect-background;
    stroke-width: 3px;
}

.node circle.enhancement {
    fill:         $enhancement-background;
    stroke:       $enhancement-background;
    stroke-width: 3px;
}

.node circle.epic {
    fill:         $epic-background;
    stroke:       $epic-background;
    stroke-width: 3px;
}

.node circle.feature {
    fill:         $feature-background;
    stroke:       $feature-background;
    stroke-width: 3px;
}

.node circle.story {
    fill:         $story-background;
    stroke:       $story-background;
    stroke-width: 3px;
}

.node circle.task {
    fill:         $task-background;
    stroke:       $task-background;
    stroke-width: 3px;
}

.node circle.test {
    fill:         $test-background;
    stroke:       $test-background;
    stroke-width: 3px;
}

.node circle.transient {
    fill:         $transient-background;
    stroke:       $transient-background;
    stroke-width: 3px;
}

.node a text {
    font: 12px sans-serif;
    fill: blue;
}

.node text {
    font: 12px sans-serif;
    fill: black;
    font-style: italic;
}

.link {
    fill:         none;
    stroke:       #ccc;
    stroke-width: 2px;
}


.links line {
  stroke: #999;
  stroke-opacity: 0.6;
}

.nodes circle {
  stroke: #fff;
  stroke-width: 1.5px;
}

option.warning {
    background-color: #FF2626;
    color:            white;
}

option.epic {
    background-color: $epic-background;
}

option.bug {
    background-color: $bug-background;
}

option.transient {
    background-color: $transient-background;
}

option.defect {
    background-color: $defect-background;
}

option.feature {
    background-color: $feature-background;
}

option.enhancement {
  background-color: $enhancement-background;
}

option.story {
    background-color: $story-background;
}

option.task {
    background-color: $task-background;
}

option.test {
    background-color: $test-background;
}

p.greyedout {
    color:      #333333;
    font-size:  8pt;
    text-align: center;
}

p.huge {
    text-align:  center;
    font-size:   14pt;
    font-weight: bold;
}

p.hugeleft {
    text-align:  left;
    font-size:   14pt;
    font-weight: bold;
}

p.hugeright {
    text-align:  right;
    font-size:   14pt;
    font-weight: bold;
}

p.json {
    color:      gray;
    text-align: left;
}

p.large {
    text-align:  center;
    font-size:   12pt;
    font-weight: bold;
}

p.largeleft {
    text-align:  left;
    font-size:   12pt;
    font-weight: bold;
}

p.largeright {
    text-align:  right;
    font-size:   12pt;
    font-weight: bold;
}

p.minute {
    text-align:  center;
    font-size:   6pt;
    font-weight: bold;
}

p.minuteleft {
    text-align:  left;
    font-size:   6pt;
    font-weight: bold;
}

p.minuteright {
    text-align:  right;
    font-size:   6pt;
    font-weight: bold;
}

p.normal {
    text-align:  center;
    font-size:   10pt;
    font-weight: bold;
}

p.normalleft {
    text-align:  left;
    font-size:   10pt;
    font-weight: bold;
}

p.normalright {
    text-align:  right;
    font-size:   10pt;
    font-weight: bold;
}

p.small {
    text-align:  center;
    font-size:   8pt;
    font-weight: bold;
}

p.smallleft {
    text-align:  left;
    font-size:   8pt;
    font-weight: bold;
}

p.smallright {
    text-align:  right;
    font-size:   8pt;
    font-weight: bold;
}

p.status {
    text-align: left;
}

p.statusreport {
    font-size:   10pt;
    margin-left: 4cm;
}

p.pmwarning {
    background-color:      #FF2626;
    color:                 white;
    font-weight:           bold;
    border-radius:         3px;
    padding:               3pt;
    margin:                1pt;
    font-size:             12pt;
    width:                 25%;
}

.cardpopup {
    display: none;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 700px;
    margin-left: -350px;
    padding: 50px 30px;
    background: #fff;
    color: #333;
    font-size: 19px;
    line-height: 30px;
    border: 10px solid #150E2D;
    z-index: 9999;
}

#progressbar-label {
    color:       red;
    position:    absolute;
    left:        50%;
    top:         4px;
    font-weight: bold;
}

p.projection {
    width: 100%;
    font-size: 10pt;
    font-weight: bold;
    background-color: white;
    color: black;
    text-align: center;
    height: 18px;
    padding: 0px;
    spacing: 0px;
    margin: 0px;    
}

.pull {
    width: 98%;
    
    input {
        background-color: gray;
        color:            white;
        padding:          5px;
        border:           thin dotted gray;
        
        &:hover {
            background-color: green;
            color:            white;
        }
    }
}

.question {
    background-color: black;
    color:            white;
    float:            right;
    border-radius:    3px;
    padding:          1pt;
    margin:           1pt;
    font-size:        8pt;
}

#refresh {
    background-color: green;
    color:            white;
    margin-left:      3px;
    margin-right:     3px;
    border-radius:    3px;
    padding:          3px;
    vertical-align:   middle;
}

#reset {
    float:      right;
    margin-top: 2px;
}

.resolution {
    background-color: orange;
    color:            black;
    float:            right;
    border-radius:    3px;
    padding:          1pt;
    margin:           1pt;
    font-size:        8pt;
}

.rulebool {
    color: gray;
}

.ruleerror {
    background-color: FireBrick;
    color:            white;
}

.rulefloat {
    color: gray;
}

.ruleint {
    color: gray;
}

.rulekeyword {
    color: green;
}

.rulelist {
    color: purple;
}

.ruleoperand {
    color: blue;
}

.rulestring {
    color: gray;
}

#search {
    width: 200px;
}

#search:focus {
    background-color: #FFFFCC;
}

#searchcontainer {
    background-color: LightSteelBlue;
    float:            right;
    border-radius:    3px;
    padding:          3px;
}

#searchform {
    select, input {
        font-size: 8pt;
    }  

    button {
        background-color: blue;
        color:            white;
        border-radius:    3px;
        padding:          3px;
    }
}

#searchresults {
    width:           100%;
    border-collapse: collapse;
    border-spacing:  0;
  
    th {
      padding: 3pt;
    }
}

select {
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
}

.sidebyside {
    width:   100%;
    height:  100%;
    padding: 0pt;
    margin:  0pt;
    border:  0pt;
}

.sortable {
    border:           #FF6666 outset 0.1em;
    box-shadow:       4px 4px 4px #888888;
    background-color: #FAFDFE;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    font-size:        8pt;
    
    tbody {
        tr.bug {
            background-color: $bug-background;
        }
        
        tr.defect {
            background-color: $defect-background;
        }
        
        tr.enhancement {
            background-color: $enhancement-background;
        }

        tr.epic {
            background-color: $epic-background;
        }
        
        tr.feature {
            background-color: $feature-background;
        }
        
        tr.story {
            background-color: $story-background;
        }
        
        tr.task {
            background-color: $task-background;
        }
        
        tr.test {
            background-color: $test-background;
        }
        
        tr.transient {
            background-color: $transient-background;
        }
    }
    
    td {
        padding:   3px;
        font-size: 8pt;
    }
    
    thead {
        background: #c9dff0;
        cursor:     pointer;
    }  
}

.sortable tbody tr {
    color: black;
  
    td {
        padding:   3px;
        font-size: 8pt;
    }
    
   td.lalign {
       text-align: left;
    } 
}

.sortable thead tr th, .sortable tbody tr th, table.unsortable thead tr th, table.unsortable tbody tr th {
    color:            white;
    background-color: SlateGray;
    font-size:        8pt;
    padding:          3px;
}

.sortable thead tr th span { 
    padding-right:       20px;
    background-repeat:   no-repeat;
    background-position: 100% 100%;
    background-image:    url('/images/search-icon-16.png');
}

.sortable thead tr th.headerSortDown span {
    background-image: url('/images/desc.gif');
}

.sortable thead tr th.headerSortUp, .sortable thead tr th.headerSortDown {
    background: #acc8dd;
}

.sortable thead tr th.headerSortUp span {
    background-image: url('/images/asc.gif');
}

#analysisstep b, #designstep b, #developmentstep b, #unittestingstep b, #integrationtestingstep b, #systemtestingstep b,
#acceptancetestingstep b {
    color:            yellow;
    background-color: black;
    border-radius:    5px;
    opacity:          0.25;
    padding:          1px 40px 1px 40px;
    margin:           3px;
    width:            90%;
    font-size:        8pt;
}

sup.commentanother {
    background-color:      gray;
    color:                 black;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.commentanothernew {
    background-color:      red;
    color:                 white;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.commentanotherrecent {
    background-color:      orange;
    color:                 black;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.commentowner {
    background-color:      gray;
    color:                 black;
    float:                 left;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.commentownernew {
    background-color:      red;
    color:                 white;
    float:                 left;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.commentownerrecent {
    background-color:      orange;
    color:                 black;
    float:                 left;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.focus {
    color:                 white;
    background-color:      blue;
    float:                 right;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.lte {
    font-size: 8pt;
    opacity:   0.50;
}

sup.wip {
    background-color:      gray;
    color:                 black;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

sup.wipwarning {
    background-color:      red;
    color:                 white;
    border-radius:         3px;
    padding:               1pt;
    margin:                1pt;
    font-size:             8pt;
}

.swimlaneheader {
    background-color: white;
    color:            silver;
    cursor:           pointer;
    border-color:     black;
    border-width:     1px;
}

#systemtestingacceptedcolumnheader {
    background-color: $systemtestingaccepted-background;
    background-image: -moz-linear-gradient(left, $systemtestingaccepted-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $systemtestingaccepted-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $systemtestingaccepted-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $systemtestingaccepted-background 0%, #222222 100%);
    color:            $systemtestingaccepted-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

table.bug, table.minimisedbug {
    border:           $bug-background outset 0.3em;
    color:            $bug-foreground;
    background-color: $bug-background;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    
    &:hover {
        background-color: $bug-background;
    }
  
    th {
        color:            $bug-foreground;
        background-color: $bug-background;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.bugblocked {
    border:           $bug-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.bugbuffered {
    border:           $bug-background outset 0.3em;
    color:            $bug-foreground-buffered;
    background-color: $bug-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $bug-foreground-buffered;
        background-color: $bug-background-buffered;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.bugclosed {
    border:           $bug-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.bugdeferred {
    border:           $bug-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.bugghosted {
    border:           $bug-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.bugwaiting {
    border:           $bug-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.debug {
    border: thin inset #AAAAAA;
}

table.defect, table.minimiseddefect {
    border:           $defect-background outset 0.3em;
    color:            $defect-foreground;
    background-color: $defect-background;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    
    &:hover {
        background-color: $defect-background;
    }
    
    th {
        color:            $defect-foreground;
        background-color: $defect-background;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.defectblocked {
    border:           $defect-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0;  
    }
}

table.defectbuffered {
    border:           $defect-background outset 0.3em;
    color:            $defect-foreground-buffered;
    background-color: $defect-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $defect-foreground-buffered;
        background-color: $defect-background-buffered;
        font-size:        8pt;
        border-spacing:   0;  
    }
}

table.defectclosed {
    border:           $defect-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0;  
    }
}

table.defectdeferred {
    border:           $defect-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0;  
    }
}

table.defectghosted {
    border:           $defect-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.defectwaiting {
    border:           $defect-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0;  
    }
}

table.diary {
    border:           #FF6666 outset 0.1em;
    box-shadow:       4px 4px 4px #888888;
    background-color: #FAFDFE;
    border-radius:    5px;
    margin:           10px 10px 10px 10px;
    font-size:        8pt;
    width:            98%;
    min-height:       100%;
  
    td {
        background-color: #EEEEEE;
        padding:          3px;
        font-size:        8pt;
    }
    
    th {
        color:            white;
        background-color: SlateGray;
    }
}

table.embeddedbug {
    border:           $bug-background solid 0.1em;
    background-color: $bug-background;
    border-radius:    5px;
    width:            98%;
    font-size:        8pt;
  
    th {
        color:            $bug-foreground;
        background-color: $bug-background;
        font-size:        8pt;
    }
}

table.embeddeddefect {
    border:           $defect-background solid 0.1em;
    background-color: $defect-background;
    border-radius:    5px;
    width:            98%;
    font-size:        8pt;
  
    th {
        color:            $defect-foreground;
        background-color: $defect-background;
        font-size:        8pt;
    }
}

table.embeddedenhancement th {
    color:            $enhancement-foreground;
    background-color: $enhancement-background;
    font-size:        8pt;
}

table.embeddedfeature, table.embeddedstory, table.embeddedenhancement, table.embeddedtask, table.embeddedtest {
    border:           #FF6666 solid 0.1em;
    background-color: #FFFFA3;
    border-radius:    5px;
    width:            98%;
    font-size:        8pt;
}

table.embeddedfeature th {
    color : $feature-foreground;
    background-color : $feature-background;
    font-size : 8pt;
}

table.embeddedstory th {
    color:            $story-foreground;
    background-color: $story-background;
    font-size:        8pt;
}

table.embeddedtask th {
    color:            $task-foreground;
    background-color: $task-background;
    font-size:        8pt;
}

table.embeddedtest th {
    color:            $test-foreground;
    background-color: $test-background;
    font-size:        8pt;
}

table.embeddedtransient {
    border:           $transient-background solid 0.1em;
    background-color: $transient-background;
    border-radius:    5px;
    width:            98%;
    font-size:        8pt;
    
    th {
      color:            $transient-foreground;
      background-color: $transient-background;
      font-size:        8pt;
    }
}

table.enhancement, table.minimisedenhancement {
    border:           $enhancement-background outset 0.3em;
    background-color: $enhancement-background;
    color:            $enhancement-foreground;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
  
    &:hover {
        background-color: $enhancement-background;
    }
    
    th {
        color:            $enhancement-foreground;
        background-color: $enhancement-background;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.enhancementblocked {
    border:           $enhancement-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.enhancementbuffered {
    border:           $enhancement-background outset 0.3em;
    color:            $enhancement-foreground-buffered;
    background-color: $enhancement-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $enhancement-foreground-buffered;
        background-color: $enhancement-background-buffered;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.enhancementclosed {
    border:           $enhancement-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.enhancementdeferred {
    border:           $enhancement-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.enhancementghosted {
    border:           $enhancement-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.enhancementwaiting {
    border:           $enhancement-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.epic, table.minimisedepic {
    border:           $epic-background outset 0.3em;
    background-color: $epic-background;
    color:            $epic-foreground;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
  
    &:hover {
        background-color: $epic-background;
    }
    
    th {
        color:            $epic-foreground;
        background-color: $epic-background;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.epic td, table.feature td, table.story td, table.enhancement td, table.task td, table.defect td, table.bug td,
table.test td, table.transient td {
    border-spacing:  0;
}

table.minimisedepicblocked, table.minimisedfeatureblocked, table.minimisedstoryblocked,
table.minimisedenhancementblocked, table.minimisedtaskblocked, table.minimisedtestblocked, table.minimiseddefectblocked,
table.minimisedbugblocked, table.minimisedtransientblocked {
    border:           #FF2626 solid 0.3em;
    background-color: #999999;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
}

table.minimisedepicblocked th, table.minimisedfeatureblocked th, table.minimisedstoryblocked th,
table.minimisedenhancementblocked th, table.minimisedtaskblocked th, table.minimisedtestblocked th,
table.minimiseddefectblocked th, table.minimisedbugblocked th, table.updateepicblocked th,
table.updatefeatureblocked th, table.updatestoryblocked th, table.updateenhancementblocked th,
table.updatetaskblocked th, table.updatetestblocked th, table.updatedefectblocked th, table.updatebugblocked th,
table.updatetransientblocked th {
    background-color: black;
    color:            white;
    font-size:        8pt;
}

table.epicblocked {
    border:           $epic-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.epicbuffered {
    border:           $epic-background outset 0.3em;
    color:            $epic-foreground-buffered;
    background-color: $epic-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $epic-foreground-buffered;
        background-color: $epic-background-buffered;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.epicclosed {
    border:           $epic-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.epicdeferred {
    border:           $epic-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.epicghosted {
    border:           $epic-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.epicwaiting {
    border:           $epic-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.feature, table.minimisedfeature {
    border:           $feature-background outset 0.3em;
    background-color: $feature-background;
    color:            $feature-foreground;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    
    &:hover {
        background-color: $feature-background;
    }
    
    th {
        color:            $feature-foreground;
        background-color: $feature-background;
        font-size:        8pt;
        border-spacing:   0;  
    }
}

table.featureblocked {
    border:           $feature-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.66;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.featurebuffered {
    border:           $feature-background outset 0.3em;
    color:            $feature-foreground-buffered;
    background-color: $feature-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.66;
    
    th {
        color:            $feature-foreground-buffered;
        background-color: $feature-background-buffered;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.featureclosed {
    border:           $feature-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.66;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.featuredeferred {
    border:           $feature-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.66;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.featureghosted {
    border:           $feature-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.featurewaiting {
    border:           $feature-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.66;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.filter {
    margin-left:  auto;
    margin-right: auto;
  
    th {
        background-color: #4C4E5A;
        
        sup {
            background-color:      red;
            color:                 white;
            border-radius:         1px;
            padding:               1px;
        }        
    }
}

table.form {
    border:           #FF6666 outset 0.1em;
    background-color: #FAFDFE;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    font-size:        8pt;
}

table.foryourinformation {
    border:                grey outset 0.1em;
    background-color:      grey;
    border-radius:         5px;
    margin:                2px 3px 10px 3px;
    width:                 98%;
    font-size:             8pt;
  
    th {
        color:                 white;
        background-color:      grey;
        border-radius:         5px;
        font-size:             8pt;
    }
}

table.metrics, table.admin {
    border:                #FF6666 outset 0.1em;
    box-shadow:            4px 4px 4px #888888;
    background-color:      #FAFDFE;
    border-radius:         5px;
    margin:                2px 3px 10px 3px;
    font-size:             8pt;
  
    td {
        background-color: #EEEEEE;
        padding:          3px;
        font-size:        8pt;
    }
    
    th {
        color:            white;
        background-color: SlateGray;
    }
}

table.project th {
    background-color: #CCCCCC;
    border-radius:    5px;
    font-size:        8pt;
    padding:          3px;
}

table.recordhover {
    background-color: #FFFFCC;
}

table.story, table.minimisedstory {
    border:           $story-background outset 0.3em;
    background-color: $story-background;
    color:            $story-foreground;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    
    &:hover {
        background-color: $story-background;
    }
    
    th {
        color:            $story-foreground;
        background-color: $story-background;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.storyblocked {
    border:           $story-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.storybuffered {
    border:           $story-background outset 0.3em;
    color:            $story-foreground-buffered;
    background-color: $story-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $story-foreground-buffered;
        background-color: $story-background-buffered;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.storyclosed {
    border:           $story-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.storydeferred {
    border:           $story-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.storyghosted {
    border:           $story-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.storywaiting {
    border:           $story-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.task, table.minimisedtask {
    border:           $task-background outset 0.3em;
    background-color: $task-background;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    
    &:hover {
        background-color: $task-background;
    }
}

table.task th, table.minimisedtask th {
    color:            $task-foreground;
    background-color: $task-background;
    font-size:        8pt;
    border-width:     0px;
}

table.taskblocked {
    border:           $task-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.taskbuffered {
    border:           $task-background outset 0.3em;
    color:            $task-foreground-buffered;
    background-color: $task-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $task-foreground-buffered;
        background-color: $task-background-buffered;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.taskclosed {
    border:           $task-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.taskdeferred {
    border:           $task-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.taskghosted {
    border:           $task-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.taskwaiting {
    border:           $task-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.test, table.minimisedtest {
    border:           $test-background outset 0.3em;
    background-color: $test-background;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    
    &:hover {
        background-color: $test-background;
    }
    
    th {
        color:            $test-foreground;
        background-color: $test-background;
        font-size:        8pt;
        border-width:     0px;
    }
}

table.testblocked {
    border:           $test-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.testbuffered {
    border:           $test-background outset 0.3em;
    color:            $test-foreground-buffered;
    background-color: $test-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $test-foreground-buffered;
        background-color: $test-background-buffered;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.testclosed {
    border:           $test-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.testdeferred {
    border:           $test-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.testghosted {
    border:           $test-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.testwaiting {
    border:           $test-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.unsortable {
    border:        #FF6666 outset 0.1em;
    box-shadow:    4px 4px 4px #888888;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
    
    tbody {
        tr.bug {
            background-color: $bug-background;
        }
        
        tr.defect {
            background-color: $defect-background;
        }
        
        tr.enhancement {
            background-color: $enhancement-background;
        }
        
        tr.epic {
            background-color: $epic-background;
        }
        
        tr.feature {
            background-color: $feature-background;
        }
        
        tr.story {
            background-color: $story-background;
        }
        
        tr.task {
            background-color: $task-background;
        }
        
        tr.test {
            background-color: $test-background;
        }
        
        tr.transient {
            background-color: $transient-background;
        }
    }

    td {
        padding:   3px;
        font-size: 8pt;
    }    
    
    th {
        color:            white;
        background-color: SlateGray;
    }
}

table.transient, table.minimisedtransient {
    border:           $transient-background outset 0.3em;
    background-color: $transient-background;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
  
    th {
        color:            $transient-foreground;
        background-color: $transient-background;
        font-size:        8pt;
        border-width:     0px;
    }
}

table.transientblocked {
    border:           $transient-background outset 0.3em;
    color:            $card-foreground-blocked;
    background-color: $card-background-blocked;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-blocked;
        background-color: $card-background-blocked;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.transientbuffered {
    border:           $transient-background outset 0.3em;
    color:            $transient-foreground-buffered;
    background-color: $transient-background-buffered;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $transient-foreground-buffered;
        background-color: $transient-background-buffered;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.transientclosed {
    border:           $transient-background outset 0.3em;
    color:            $card-foreground-closed;
    background-color: $card-background-closed;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-closed;
        background-color: $card-background-closed;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.transientdeferred {
    border:           $transient-background outset 0.3em;
    color:            $card-foreground-deferred;
    background-color: $card-background-deferred;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-deferred;
        background-color: $card-background-deferred;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.transientghosted {
    border:           $transient-background solid 0.3em;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.33

    td {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
    
    th {
        color:            DarkGray;
        background-color: GhostWhite;
        font-size:        8pt;
        border-spacing:   0;
    }
}

table.transientwaiting {
    border:           $transient-background outset 0.3em;
    color:            $card-foreground-waiting;
    background-color: $card-background-waiting;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    width:            98%;
    font-size:        8pt;
    opacity:          0.5;
    
    th {
        color:            $card-foreground-waiting;
        background-color: $card-background-waiting;
        font-size:        8pt;
        border-spacing:   0; 
    }
}

table.updatebug {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
  
    th {
        color:            $bug-foreground;
        background-color: $bug-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.updatedefect {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
  
    th {
        color:            $defect-foreground;
        background-color: $defect-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.updateenhancement {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
  
    th {
        color:            $enhancement-foreground;
        background-color: $enhancement-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.updateepic {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
  
    th {
        color:            $epic-foreground;
        background-color: $epic-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.updateepicblocked, table.updatefeatureblocked, table.updatestoryblocked, table.updateenhancementblocked,
table.updatetaskblocked, table.updatetestblocked, table.updatedefectblocked, table.updatebugblocked,
table.updatetransientblocked {
    border:           #FF2626 solid 0.3em;
    background-color: #999999;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    font-size:        8pt;
}

table.updatefeature {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
    
    th {
        color:            $feature-foreground;
        background-color: $feature-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.updatestory {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
  
    th {
        color:            $story-foreground;
        background-color: $story-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.updatetask {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
  
    th {
        color:            $task-foreground;
        background-color: $task-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.updatetest {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
  
    th {
        color:            $test-foreground;
        background-color: $test-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.updatetransient {
    border:        #FF6666 outset 0.1em;
    border-radius: 5px;
    margin:        2px 3px 10px 3px;
    font-size:     8pt;
  
    th {
        color:            $transient-foreground;
        background-color: $transient-background;
        border-radius:    5px;
        font-size:        8pt;
    }
}

table.viewbug th {
    color:            $bug-foreground;
    background-color: $bug-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.viewdefect th {
    color:            $defect-foreground;
    background-color: $defect-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.viewenhancement th {
    color:            $enhancement-foreground;
    background-color: $enhancement-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.viewepic, table.viewfeature, table.viewstory, table.viewenhancement, table.viewtask, table.viewtest,
table.viewdefect, table.viewbug, table.viewtransient {
    border:           #FF6666 outset 0.3em;
    background-color: #FAFDFE;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    font-size:        8pt;
}

table.viewepic th {
    color:            $epic-foreground;
    background-color: $epic-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.viewepic td, table.viewfeature td, table.viewstory td, table.viewenhancement td, table.viewtask td,
table.viewtest td, table.viewdefect td, table.viewbug td, table.viewtransient td, table.viewepicblocked td,
table.viewfeatureblocked td, table.viewstoryblocked td, table.viewenhancementblocked td, table.viewtaskblocked td,
table.viewtestblocked td, table.viewdefectblocked td, table.viewbugblocked td, table.viewtransientblocked td {
    color:      black;
    font-style: bold;
    font-size:  10pt;
}

table.viewepicblocked, table.viewfeatureblocked, table.viewstoryblocked, table.viewenhancementblocked,
table.viewtaskblocked, table.viewtestblocked, table.viewdefectblocked, table.viewbugblocked, table.viewtransientblocked {
    border:           #FF2626 solid 0.3em;
    background-color: #999999;
    border-radius:    5px;
    margin:           2px 3px 10px 3px;
    font-size:        8pt;
    
    th {
        color:            #AAAAAA;
        background-color: #666666;
        font-size:        8pt;
    }
}

table.viewfeature th{
    color:            $feature-foreground;
    background-color: $feature-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.viewstory th {
    color:            $story-foreground;
    background-color: $story-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.viewtask th{
    color:            $task-foreground;
    background-color: $task-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.viewtest th{
    color:            $test-foreground;
    background-color: $test-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.viewtransient th {
    color:            $transient-foreground;
    background-color: $transient-background;
    border-radius:    5px;
    font-size:        8pt;
}

table.wallboard {
    width: 100%;
    
    td {
        width:          50%;
        vertical-align: top; 
    }  
}

table.focus {
    border: yellow solid 0.2em;
}

#tagline {
    color:          #CCCCCC;
    font-size:      10pt;
    font-weight:    bold;
    font-style:     italic;
    line-height:    51px;
    vertical-align: middle;
}

td.antiquated {
    background-color: #FF2626;
    background-image: url(/images/tattypaper.png);
    color:            white;
    text-align:       center;
}

td.bug {
    color:            $bug-foreground;
    background-color: $bug-background;
    font-size:        8pt;
}

td.defect {
    color:            $defect-foreground;
    background-color: $defect-background;
    font-size:        8pt;
}

td.enhancement {
    color:            $enhancement-foreground;
    background-color: $enhancement-background;
    font-size:        8pt;
}

td.epic {
    color:            $epic-foreground;
    background-color: $epic-background;
    font-size:        8pt;
}

td.expedite {
    width: 10px;
}

td.feature {
    color:            $feature-foreground;
    background-color: $feature-background;
    font-size:        8pt;
}

td.metrics {
    background-color: #FF2626;
    text-align:       right;
}

td.metricscenter {
    background-color: #FF2626;
    text-align:       center;
}

td.story {
    color:            $story-foreground;
    background-color: $story-background;
    font-size:        8pt;
}

td.task {
    color : $task-foreground;
    background-color: $task-background;
    font-size:        8pt;
}

td.test {
    color :           $test-foreground;
    background-color: $test-background;
    font-size:        8pt;
}

td.title {
    background-image : url(/images/black.jpg);
}

td.transient {
    color:            $transient-foreground;
    background-color: $transient-background;
    font-size:        8pt;
}

td.warning {
    border-radius:    3px;
    background-color: #FF2626;
    background-image: url(/images/red.jpg);
    color:            white;
    text-align:       center;
}

table.warning {
    border-radius:    3px;
    background-color: #FF2626;
    background-image: url(/images/red.jpg);
    color:            white;
    text-align:       center;
}

#unittestingcolumnheader {
    background-color: $unittesting-background;
    background-image: -moz-linear-gradient(left, $unittesting-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $unittesting-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $unittesting-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $unittesting-background 0%, #222222 100%);
    color:            $unittesting-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#integrationtestingcolumnheader {
    background-color: $integrationtesting-background;
    background-image: -moz-linear-gradient(left, $integrationtesting-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $integrationtesting-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $integrationtesting-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $integrationtesting-background 0%, #222222 100%);
    color:            $integrationtesting-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#systemtestingcolumnheader {
    background-color: $systemtesting-background;
    background-image: -moz-linear-gradient(left, $systemtesting-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $systemtesting-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $systemtesting-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $systemtesting-background 0%, #222222 100%);
    color:            $systemtesting-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#acceptancetestingcolumnheader {
    background-color: $acceptancetesting-background;
    background-image: -moz-linear-gradient(left, $acceptancetesting-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $acceptancetesting-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $acceptancetesting-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $acceptancetesting-background 0%, #222222 100%);
    color:            $acceptancetesting-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#systemtestingstep {
    background-color: $systemtesting-background;
    background-image: -moz-linear-gradient(left, $systemtesting-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $systemtesting-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $systemtesting-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $systemtesting-background 0%, #222222 100%);
    color:            $systemtesting-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

thead {
   background-color: #333333;
   color:            #FAFDFE;
}

#themecreator {
    width: 100%;
    
    td {
        vertical-align: top;
        
        table {
            margin: 0 auto;
        }
    }
}

.today, .tomorrow {
    color:            white;
    background-color: blue;
    float:            left;
    border-radius:    3px;
    padding:          1pt;
    margin:           1pt;
    font-size:        8pt;
}

#toggleuntriaged, #toggletriaged, #togglebacklog, #toggledefined, #toggleanalysis,
#toggleanalysispeerreview, #toggleanalysed, #toggledesign, #toggledesignpeerreview, #toggledesigned,
#toggledevelopment, #toggledevelopmentpeerreview, #toggledeveloped, #toggleunittesting,
#toggleunittestingaccepted, #toggleintegrationtesting, #toggleintegrationtestingaccepted,
#togglesystemtesting, #togglesystemtestingaccepted, #toggleacceptancetesting,
#toggleacceptancetestingaccepted, #toggleclosed {
    background-color: black;
    color:            white;
    font-size:        6pt;
}

tr.expedite {
    border: thick ridge white;
}

tr.zebra {
    background-color: #E8ECDE;
}

#triagedcolumnheader {
    background-color: $triaged-background;
    background-image: -moz-linear-gradient(left, $triaged-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $triaged-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $triaged-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $triaged-background 0%, #222222 100%);
    color:            $triaged-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#triagedstep {
    background-color: $triaged-background;
    background-image: -moz-linear-gradient(left, $triaged-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $triaged-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $triaged-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $triaged-background 0%, #222222 100%);
    color:            $triaged-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

.ui-button {
    margin-top: 1em;
}

.ui-progressbar {
    position: relative;
}

.ui-state-error {
    display: none;
}

.ui-tabs .ui-tabs-nav li a {
    font-size: 10pt !important;
}

#unittestingacceptedcolumnheader {
    background-color: $unittestingaccepted-background;
    background-image: -moz-linear-gradient(left, $unittestingaccepted-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $unittestingaccepted-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $unittestingaccepted-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $unittestingaccepted-background 0%, #222222 100%);
    color:            $unittestingaccepted-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#unittestingstep {
    background-color: $unittesting-background;
    background-image: -moz-linear-gradient(left, $unittesting-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $unittesting-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $unittesting-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $unittesting-background 0%, #222222 100%);
    color:            $unittesting-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

.unsortable tbody tr:hover, .metrics tbody tr:hover, .sortable tbody tr:hover {
    background-color: yellow;
    color:            black;
}

#untriagedcolumnheader {
    background-color: $untriaged-background;
    background-image: -moz-linear-gradient(left, $untriaged-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $untriaged-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $untriaged-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $untriaged-background 0%, #222222 100%);
    color:            $untriaged-foreground;
    vertical-align:   top;
    font-size:        10pt;
    padding:          3px;
}

#untriagedstep {
    background-color: $untriaged-background;
    background-image: -moz-linear-gradient(left, $untriaged-background 0%, #222222 100%);
    background-image: -o-linear-gradient(left, $untriaged-background 0%, #222222 100%);
    background-image: -webkit-linear-gradient(left, $untriaged-background 0%, #222222 100%);
    background-image: -ms-linear-gradient(left, $untriaged-background 0%, #222222 100%);
    color:            $untriaged-foreground;
    vertical-align:   top;
    font-size:        10pt;
    opacity:          0.5;
}

#welcome {
    background-color: white;
    color:            black;
    border-radius:    5px;
    padding:          4px;
    //margin-left:      3px;
    margin-right:     3px;
    line-height:      51px;
    vertical-align:   middle;
}

.wiplimit {
    background-color: black;
    color:            white;
    font-size:        6pt;
}

.yesterday, .lasttouched, .classofservice, .rules, .votes, .team {
    color:            white;
    background-color: blue;
    float:            right;
    border-radius:    3px;
    padding:          1pt;
    margin:           1pt;
    font-size:        8pt;
}
