@color-party-labour:       #da1815;
@color-party-conservative: #3792d0;
@color-party-libdem:       #f7ba2e;
@color-party-green:        #75b72c;
@color-party-ukip:         #702a86;
@color-party-snp:          #f7eb09;
@color-party-alliance:     #f3ca2e;
@color-party-dup:          #c8292a;
@color-party-plaid:        #3f8433;
@color-party-sinn-fein:    #439558;
@color-party-respect:      #4b7e2f;
@color-party-sdlp:         #006e51;
@color-party-indepedent:   #aaa;
@color-party-speaker:      #000;

#majority {
    padding-top: 20px;
    
    .majority-col {
        width: 1.53%;
        display: block;
        float: left;
        padding: 0 2px;
        
        .majority-val {
            display: inline-block;
            width: 9px;
            height: 9px;
            background: #dee0e0;
            margin-bottom: 5px;
            -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
                    border-radius: 50%;
                    
            &.major {
                position: relative;
                z-index: 2;
                background: #fff;
                border: 1px solid #000;
            }
        }
    }
    
    .party-labour { background: @color-party-labour !important; color: #fff; border: none !important; }
    .party-conservative { background: @color-party-conservative !important; color: #fff; border: none !important; }
    .party-liberal-democrat { background: @color-party-libdem !important; color: #fff; border: none !important; }
    .party-green { background: @color-party-green !important; color: #fff; border: none !important; }
    .party-ukip { background: @color-party-ukip !important; color: #fff; border: none !important; }
    .party-alliance { background: @color-party-alliance !important; color: #fff; border: none !important; }
    .party-scottish-national-party { background: @color-party-snp !important; color: #555; border: none !important; }
    .party-dup { background: @color-party-dup !important; color: #fff; border: none !important; }
    .party-plaid-cymru { background: @color-party-plaid !important; color: #fff; border: none !important; }
    .party-sinn-fein { background: @color-party-sinn-fein !important; color: #fff; border: none !important; }
    .party-respect { background: @color-party-respect !important; color: #fff; border: none !important; }
    .party-social-democratic-and-labour-party { background: @color-party-sdlp !important; color: #fff; border: none !important; }
}

#breakdown {
    border: 1px solid #dee0e0;
    
    &:after {
        content: '';
        display: table;
        clear: both;
    }
    
    .title {
        display: block;
        font-weight: bold;
        background: #dee0e0;
        color: #666;
        float: left;
        clear: both;
        padding: 8px;
    }
    
    .party {
        display: block;
        float: left;
        padding: 4px;
        margin: 5px;
    }
}

#seats-held,
#coalition-no-majority span {
    font-weight: bold;
    font-size: 16px;
}

// GE2015 buttons:
.ge2015 {
    background: #8e9091;
    padding: 8px;
    float: right;
    height: 40px;
    margin-right: 20px;
    
    span.title {
        font-size: 15px;
        font-weight: bold;
        color: #eee;
        float: left;
        margin-top: 3px;
    }
    
    a {
        display: block;
        float: left;
        padding: 5px 8px;
        background: whiteSmoke;
        color: #333;
        border: none;
        margin-left: 8px;
        
        &.active {
            background: #ccc;
            text-decoration: none;
        }
    }
}

.bench-pos.not-won {
    opacity: .4;
}

.stat-tabs .tab-ge2015 a,
.stat-tabs .tab-ge2015.active a {
    background: #8e9091;
}

#stats-ge2015 {
    .col-md-3 > .metric {
        margin-top: 40px;
        .val {
            font-size: 80px;
            color: #666;
            line-height: 150px;
            font-weight: normal;
            margin-bottom: 8px;
            display: block;
            text-align: center;
        }
        
        .title {
            display: block;
            font-size: 13px;
            color: #333;
            text-align: center;
            font-weight: bold;
        }
    }
}