﻿.sidebar .sidebar-heading {
    font-size: 0.5em;
}

#site-logo a {
    background: transparent url('/Content/Small-TP-Logo.png') no-repeat 0 0;
    background-size: auto;
    display: block;
    width: 200px;
    height: 56px;
}

    #site-logo a span {
        display: inline-block;
        width: 0;
        overflow: hidden;
    }

.bg-sidebar-primary {
    background-color: #053DC8;
}



   

.brochure .photo {
    position: relative;
    width: 70%;
}
.brochure .photo img{
    
    width: 90%;
}
z.brochure .photo > div {
    float: right;
    padding-left: 10px;
    vertical-align: top;
    line-height: 65px;
    font-size: 15px;
}
z.brochure .photo .thumb {
    float: left;
    width: 100%;    
}
z.brochure .col-yes .photo .thumb {
    width: 50%;
}

.brochure .col-no {
    background-color: #ffe7e7;
    padding: 20px;
}
.brochure .col-yes {
    background-color: #e7ffe7;
    padding: 20px;
}
.brochure .photo .filename {
    margin: 20px;
}

.brochure #chosenList {
    counter-reset: numb;
}
    .brochure #chosenList .numbering {
        position:relative
    }
    .brochure #chosenList .numbering::before {
        counter-increment: numb;
        content: counter(numb);
        color: #053DC8;
        font-size: 30px;
        background-color: white;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        text-align: center;
        left: 50%;
        top: 50%;
        margin-top: -25px;
        margin-right: -25px;
        position: absolute
    }
    .brochure #chosenList .dx-list-item:nth-child(8) .numbering::before {
        content: 'Floorplan'            ;
        background-color: transparent;
    }

.leaderboard-list {
    counter-reset: numb;
}
.leaderboard {
    height: 65px;
    
}
.leaderboard div {
    overflow:hidden;
    
    white-space:normal;  /*stops the no-wrap*/
}


    .leaderboard .numbering {
        position: relative;
        color: #053DC8;
        font-size: 30px;
    }

    zzzz.leaderboard  .numbering::before {
        counter-increment: numb;
        content: counter(numb);
        color: #053DC8;
        font-size: 30px;
        
        border-radius: 50%;
       /* width: 40px;
        height: 40px;
        text-align: center;
        left: 50%;
        top: 50%;
        margin-top: -25px;
        margin-right: -25px;
        position: absolute*/
    }


#popupTabs .dx-tabs-vertical {
    min-width: 175px;
}

@media only screen and (max-width: 600px) {

    #popupTabs .dx-tabs-vertical {
        min-width: 75px;
    }


    .container-fluid {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}