body{
    min-height:100%;
    height:100%;
}

.sprintboard
{

    a.refresh-link{
        color:#aaa;
    }

    @media (min-width: 992px){

        .row{
            overflow: hidden;
        }

        [class*="col-"]{
            margin-bottom: -99999px;
            padding-bottom: 99999px;
        }
    }

    .issue-list.active{
        background:#ddd;
    }

    .issue-list.active .issue-item{
        pointer-events:none;
    }

    .issue-details img{
        max-width:100%;
    }

    span.due{
        color:#555;
        font-weight:100;
    }

    span.estimates{
        font-size:12px;
    }

    span.time-estimate,
    span.time-spent
    {
        color:#555;
        font-weight:100;
    }

    span.time-estimate:before,
    span.time-spent:before
    {
        font-family:FontAwesome;
        padding-right:4px;
        color:#aaa;
    }

    span.time-spent{
        padding-left:4px;
        color:#000;
    }

    span.time-estimate:before
    {
        content:'\f251';
    }

    span.time-spent:before
    {
        content:'\f253';
    }

    .issue-item.dragged{
        -ms-transform: rotate(-2deg); /* IE 9 */
        -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
        transform: rotate(-2deg);
        background:#fdd;
    }

    .issue-item{

        .modal{
            overflow:visible;
        }

        span.issue-labels{
            font-size:12px;
            padding:0;
            margin-left:10px;
        }

        .issue-label{
            margin-right:4px;
            padding:2px;
            font-weight:300;
        }

        .btn-group{
            margin-top:0;
        }

        div.selectors{

            clear:both;
            margin-bottom:10px;
            z-index:9999;

            div.btn-group{
                margin:0;
                padding:0;
            }
            span.legend{
                display:block;
                font-size:12px;
                color:#999;
                padding:0;
                margin:0;
            }
        }

        div.selectors:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        a.github-link{
            color:#777;
            padding-left:4px;
        }

        a {
            text-decoration: none;
            color: inherit;
            background:inherit;
        }

        .panel-heading{
            position:relative;
        }

        .panel-footer{
            padding:2px;
            font-size:12px;
        }

        .panel-body{
            padding:4px;
        }

        p.right-symbols{
            position:absolute;
            right:2px;
            top:0;
            text-align: right;
        }

        img.assignee {
        }


        h5{
            font-weight:bold !important;
        }

        @for $i from 0 through 16{
          .label-#{($i)+1} {
              position: relative;
              position:absolute;
              top:0;
              left:#{$i*4}px;
              width:3px;
              height:16px;

          }
        }

    }

}
