table.detail, table.detail td, table.detail th {
    border-collapse: collapse;
    border: 1px solid black;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
}
#comparisontable {
    padding: 50px 150px;
}
/* behvaiors Tree */
.node rect {
    cursor: pointer;
    fill: #fff;
    fill-opacity: .5;
    stroke: #3182bd;
    stroke-width: 1.5px;
}

.node text {
    font: 16px sans-serif;
    pointer-events: none;
}

path.link {
    fill: none;
    stroke: #9ecae1;
    stroke-width: 1.5px;
}


.aa-tag {
    border-color: #ccc;
}
.aa-tag:hover {
    border-color: #ccc;
}
.aa-tag:hover .aa-tag-link{
    border-color: #ccc;
}
.aa-tag:hover .aa-tag-link {
    color: #818485;
}

.aa-tag.tag-clickable {
    border-color: #26a2fb;
}
.aa-tag.tag-clickable:hover {
    border-color: #fd7200;
}
.aa-tag.tag-clickable:hover .aa-tag-link{
    color: #fd7200;
}
.aa-tag.tag-clickable:hover .badge {
    background-color: #fd7200;
    color: #fff;
}


.aa-tag.tag-new {
    background-color: lightyellow;
}




.aa-similarity-map .app-center .app .app-icon {
    border: 1px solid #bbb;
}
.aa-similarity-map, .aa-similarity-map .vert-content {
    min-height: 40em !important;
}
/* Overwrite original app index header sizes */
/*
.app-billboard-content .aa-app-info .app-info-content {
    margin-top: 1em
}

.app-billboard-content {
    padding: 28px 0;
}

.app-billboard-content .app-score-icon {
    margin-top: 2em;
}

.app-billboard-content .aa-app-info .app-icon {
    width: 196px;
    height: 196px;
}
 */
    /* Performance */
    .bar {
        fill:#fd7200
    }

    .bar:hover {
        fill:#a52a2a
    }

    .axis text {
        font:10px sans-serif
    }

    .axis path,.axis line {
        fill:none;
        stroke:#000;
        shape-rendering:crispEdges
    }

    .x.axis path {
        display:none
    }

    .d3-tip {
        line-height:1;
        font-weight:700;
        padding:12px;
        background:rgba(0,0,0,0.8);
        color:#fff;
        border-radius:2px
    }

    /* Creates a small triangle extender for the tooltip */
    .d3-tip:after {
        box-sizing:border-box;
        display:inline;
        font-size:10px;
        width:100%;
        line-height:1;
        color:rgba(0,0,0,0.8);
        content:"\25BC";
        position:absolute;
        text-align:center
    }

    /* Style northward tooltips differently */
    .d3-tip.n:after {
        margin:-1px 0 0;
        top:100%;
        left:0
    }

    .col-sm-3 {
        width:33%
    }

    /* SDK */
    #sdk-category {
        margin-bottom: -99999px;
        padding-bottom: 99999px;
        border-right:1px solid #ccc;
    }

    .sdk.sdk-next {
        position:relative;
        border-left:1px solid #ccc;
        cursor:pointer;
        background-color:#fff
    }

    .sdk.sdk-next:hover {
        background-color:#f9f9f9
    }

    .sdk.next-btn-container {
        position:absolute;
        top:200px;
        left:50%
    }

    .sdk.sdk-counter-container {
        position:absolute;
        bottom:20px;
        left:35%;
        color:#818485
    }

    .sdk.sdk-counter-container span {
        color:#231f20
    }

    .sdk.row-fluid {
        background:transparent
    }

    .sdk.sdk-container {
        padding:20px 30px;
        background:#fff
    }

    .sdk.sdk-container h3,.sdk.sdk-container h5,.sdk.sdk-container h3 {
        font-family:'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif
    }

    .sdk.sdk-meta {
        padding-left:0
    }

    .sdk.sdk-name {
        color:#231f20;
        margin-top:15px
    }

    .sdk.sdk-owner {
        color:#ccc
    }

    .sdk.other-apps-title h3 {
        color:#231f20;
        font-size:20px;
        margin-top:10px;
        margin-bottom:20px
    }

    .sdk.other-apps:hover .sdk.image-tooltip {
        display:block
    }

    .sdk.image-tooltip {
        font-size:12px;
        padding:5px;
        position:absolute;
        background:rgba(0,0,0,0.8);
        color:#fff;
        display:none;
        top:-20px;
        text-align:center
    }

    .sdk.image-tooltip:after {
        box-sizing:border-box;
        display:inline;
        font-size:10px;
        line-height:1;
        color:rgba(0,0,0,0.8);
        content:"\25BC";
        position:absolute;
        text-align:center;
        bottom:-10px;
        left:40%
    }

    .sdk.sdk-description p {
        margin-top:15px;
        margin-bottom:10px;
        color:#818485
    }

    .sdk.sdk-image {
        height:80px
    }

    .sdk.sdk-image img {
        width:80px;
        position:relative;
        top:50%;
        transform:translateY(-50%)
    }

    .sdk.other-apps img {
        height:80px
    }

    .sdk.category-container {
        border-bottom:1px solid #ccc;
        position:relative
    }

    .sdk.category {
        height:80px;
        font-size:16px;
        line-height:80px;
        padding-left:28px;
        border-left:0 solid #7a43b6;
        text-transform:uppercase;
        background-color:#f9f9f9
    }

    .sdk.category a {
        color:inherit;
        display:block
    }
    /*
    .sdk.category-container:nth-child(5n+1) .sdk.category {
        border-left:0 solid #004B85;
        color:#004B85
    }

    .sdk.category-container:nth-child(5n+1) .sdk.category-counter {
        background-color:#004B85;
        border-color:#004B85
    }

    .sdk.category-container:nth-child(5n+2) .sdk.category {
        border-left:0 solid #7a43b6;
        color:#7a43b6
    }

    .sdk.category-container:nth-child(5n+2) .sdk.category-counter {
        background-color:#7a43b6;
        border-color:#7a43b6
    }

    .sdk.category-container:nth-child(5n+3) .sdk.category {
        border-left:0 solid #FD0881;
        color:#FD0881
    }

    .sdk.category-container:nth-child(5n+3) .sdk.category-counter {
        background-color:#FD0881;
        border-color:#FD0881
    }

    .sdk.category-container:nth-child(5n+4) .sdk.category {
        border-left:0 solid #DD0010;
        color:#DD0010
    }

    .sdk.category-container:nth-child(5n+4) .sdk.category-counter {
        background-color:#DD0010;
        border-color:#DD0010
    }

    .sdk.category-container:nth-child(5n) .sdk.category {
        border-left:0 solid #fd7200;
        color:#fd7200
    }

    .sdk.category-container:nth-child(5n) .sdk.category-counter {
        background-color:#fd7200;
        border-color:#fd7200
    }
     */
    .sdk.category-container .sdk.category.active,.sdk.category-container .sdk.category:hover {
        background-color:#fff;
        border-left-width:8px;
        padding-left:20.5px
    }

    .sdk.category-container:last-child {
        border-bottom:0
    }

    .sdk.category-counter {
        position:absolute;
        top:28px;
        width:24px;
        height:24px;
        background-color:#7a43b6;
        color:#fff;
        border-radius:7px;
        border:2px solid #7A43B7;
        line-height:20px;
        right:20px;
        text-align:center
    }

    /* SDK Explorer */
    #treemap {
        width:1020px;
        height:400px;
        background:#f9f9f9
    }

    #treemap text {
        pointer-events:none;
        font-family:'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif
    }

    #treemap .grandparent text {
        font-weight:700
    }

    #treemap rect {
        fill:none;
        stroke:#ccc
    }

    #treemap rect.parent,#treemap .grandparent rect {
    }

    #treemap .grandparent rect {
        fill:orange
    }

    #treemap .grandparent:hover rect {
        fill:#ee9700
    }

    #treemap .children rect.parent,#treemap .grandparent rect {
        cursor:pointer
    }

    #treemap .children rect.parent {
        fill:#f9f9f9;
        fill-opacity:.3
    }

    #treemap .children:hover rect.child {
        fill:#fff
    }