/*
// Copyright (c) 2015, Planet Innovation
// 436 Elgar Road, Box Hill VIC 3128 Australia
// Phone: +61 3 9945 7510
//
// The copyright to the computer program(s) herein is the property of
// Planet Innovation, Australia.
// The program(s) may be used and/or copied only with the written permission
// of Planet Innovation or in accordance with the terms and conditions
// stipulated in the agreement/contract under which the program(s) have been
// supplied.
//
*/

.wheel.wheel-large,
.wheel.wheel-small
{
    position: absolute;
    transition: transform ease 1s;
    right: 0;
}

.wheel-large
{
    transform: scale(1.0) translate(-855px, 50px);
}

.wheel-small
{
    transform: scale(0.6) translate(-935px, 375px);
}

.wheel .background,
.wheel .single-well-segment div
{
    position : absolute ;
    left : 0px;
    top : 5px;
    width : 840px;
    height : 840px;
}

.segment-fill {
    /* selected well background color when tabs are closed */
    fill: #E6E7E8;
    stroke: transparent;
    stroke-width: 0px;
}

.wheel-small.assess-geri .segment-fill {
    /* selected well background color when assess 1 tab open */
    fill: #e0efdb;
}

.wheel-small.assess-dana .segment-fill {
    /* selected well background color when assess 2 tab open */
    fill: #cee4ef;
}

.wheel-small.eeva .segment-fill {
    /* selected well background color when eeva tab open */
    fill: #f9d1e4;
}

.segment
{
    position : absolute;
    top : 0px;
    left : 356px;
    width: 128px;
    height: 425px;
}

.segment .icon
{
	position : absolute ;
	left : 48px;
	top : 127px;
	width : 32px;
	height : 32px;
}

.segment .thumbnail
{
    position : absolute ;
    padding : 0px;
    top : 17px;
    left: 0px;
    width : 128px;
    height : 128px;
}

.segment .score_circle
{
	position : absolute ;
	left : 46px;
	top : 167px;
	width : 36px;
	height : 36px;
	border-radius : 50%;
}

.segment .score_circle .score
{
    margin-top: 50%;
    margin-bottom: 50%;
    transform: translate(0%, -50%);
    text-align: center;
}

.Thumbnail_Mask
{
    border-radius: 50%;
}

.Thumbnail_Mask:hover
{
    border-width: 3px;
    border-color: #3a6990;
}

[class*="segment-well"] {
    transform-origin: bottom center;
}

.segment-well2,
.overlay-well2
{
    transform: rotate(22.5deg);
}

.segment-well3,
.overlay-well3
{
    transform: rotate(45deg);
}

.segment-well4,
.overlay-well4
{
    transform: rotate(67.5deg);
}

.segment-well5,
.overlay-well5
{
    transform: rotate(90deg);
}

.segment-well6,
.overlay-well6
{
    transform: rotate(112.5deg);
}

.segment-well7,
.overlay-well7
{
    transform: rotate(135deg);
}

.segment-well8,
.overlay-well8
{
    transform: rotate(157.5deg);
}

.segment-well9,
.overlay-well9
{
    transform: rotate(180deg);
}

.segment-well10,
.overlay-well10
{
    transform: rotate(202.5deg);
}

.segment-well11,
.overlay-well11
{
    transform: rotate(225deg);
}

.segment-well12,
.overlay-well12
{
    transform: rotate(247.5deg);
}

.segment-well13,
.overlay-well13
{
    transform: rotate(270deg);
}

.segment-well14,
.overlay-well14
{
    transform: rotate(292.5deg);
}

.segment-well15,
.overlay-well15
{
    transform: rotate(315deg);
}

.segment-well16,
.overlay-well16
{
    transform: rotate(337.5deg);
}

.upright-well1
{
    transform: rotate(-0deg);
    transform-origin: center, center;
}

.upright-well2
{
    transform: rotate(-22.5deg);
    transform-origin: center, center;
}

.upright-well3
{
    transform: rotate(-45deg);
    transform-origin: center, center;
}

.upright-well4
{
    transform: rotate(-67.5deg);
    transform-origin: center, center;
}

.upright-well5
{
    transform: rotate(-90deg);
    transform-origin: center, center;
}

.upright-well6
{
    transform: rotate(-112.5deg);
    transform-origin: center, center;
}

.upright-well7
{
    transform: rotate(-135deg);
    transform-origin: center, center;
}

.upright-well8
{
    transform: rotate(-157.5deg);
    transform-origin: center, center;
}

.upright-well9
{
    transform: rotate(-180deg);
    transform-origin: center, center;
}

.upright-well10
{
    transform: rotate(-202.5deg);
    transform-origin: center, center;
}

.upright-well11
{
    transform: rotate(-225deg);
    transform-origin: center, center;
}

.upright-well12
{
    transform: rotate(-247.5deg);
    transform-origin: center, center;
}

.upright-well13
{
    transform: rotate(-270deg);
    transform-origin: center, center;
}

.upright-well14
{
    transform: rotate(-292.5deg);
    transform-origin: center, center;
}

.upright-well15
{
    transform: rotate(-315deg);
    transform-origin: center, center;
}

.upright-well16
{
    transform: rotate(-337.5deg);
    transform-origin: center, center;
}

.Wheel_Controls
{
    position : absolute;
    background: #F1F1F2;
    width : 136px;
    height: 66px;
    right : 14px;
    bottom : 8px;
    border-radius: 10px;
}
.Wheel_Controls img
{
    position : relative;
    margin: 11px;
    left: 0px;
    width: 44px;
    height: 44px;
}
.Summary_Controls
{
    position : absolute;
    left: 12px;
    bottom: 14px;
}
.Summary_Controls img
{
    position : relative;
    margin: 0px;
    left: 0px;
    width: 44px;
    height: 44px;
}