// Every application file should start with the common imports
@import 'common/setup';

// Application-specific components. Small, specific components from bootstrap (either
// sub-classed into Orchard-specific components or home-grown) should be
// imported here.
@import 'components/dropdown';

// HEATMAP PAGE

// Map container
.map-container {
    float:none;
    height:500px;
    position:relative;
    #map_canvas {
        border-radius:$border-radius-large;
        height:100%;
        max-width:856px;
        position:absolute;
        width:100%;
        z-index:1;
    }
    #spinner {
        @include transform(translateY(-50%));
        margin:0 0 0 -25% !important;
        left:50%;
        position:absolute;
        top:50%;
        z-index:2;
    }
}

.select2-choice {
	@extend .btn-lg;
}

#display-release-container {

    #currently-viewing-container {

        .pull-left:first-of-type {
            margin-right:6px;

            .thumb-placeholder {
                background:#fff;
                border:1px solid #d1d0d0;
                height:36px;
                width:36px;
            }

        }

    }

    h4 {

        + p {
            font-size:13px;
            font-weight:300;
            margin-bottom:0;
        }
    }

    #total-stats-container {

        h4:first-of-type,
        small {
            margin-left:6px;
        }

        small {
            color:$gray;
        }

    }

}
 
// Marker styles
.cluster {

    border-radius:100%;
    text-align:center;

    &.cluster-border {
        border:4px solid rgba(255,255,255,0.5);
        box-sizing:content-box;
    }

}

#analytics-disclaimer {

    color:$gray;

    b {
        @extend .small;

        color:$orange-create;
    }
}

.cluster,
.cluster-info-window {
    -webkit-user-select: none;
}

.cluster-info-window {
    line-height:1.35;
    overflow:hidden;
    -webkit-user-select:none;
    white-space:nowrap;
}

.select2-drop {

    color:$blue-deep;

    .select2-result-label {

        .release-selector {
        @include ellipsis;
        }

        small {
            color:$gray-dark;
        }

    }

    .select2-highlighted {
        small {
            color:#fff;
        }
    }

}