﻿/* Ensure that outer-wrapper has height */
#outer-wrapper {
    height: auto;
    position: relative;
    margin-top: 70px;
    width: 100%;
}

#inner-wrapper {
    position: relative;
    width: 100%;
    z-index: 5;
}

.alignleft {
    float: left;
    display: inline-block;
}

.alignright {
    float: right;
    display: inline-block;
    clear: none;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    opacity: 1 !important;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: rgba(30, 30, 30, 0.95);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -100px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.TTcircle:before,
.RScircle:before,
.CPcircle:before {
    content: ' \25CF';
    font-size: 40px;
    vertical-align: middle;
}


.clickable-row {
    background-color: #fbfeff !important;
}

    .clickable-row h4 {
        position: relative;
        font-size: 12pt;
        top: 5px;
        left: 12px;
    }

    .clickable-row img {
        width: 365px;
    }
