﻿/*--------FONTS-----------*/
@font-face {
    font-family: 'visuelt-light';
    src: url('../css/fonts/visuelt-light-desktop-web/visuelt-light.eot');
    src: url('../css/fonts/visuelt-light-desktop-web/visuelt-light.eot?#iefix') format('embedded-opentype'), url('../css/fonts/visuelt-light-desktop-web/visuelt-light.woff2') format('woff2'), url('../css/fonts/visuelt-light-desktop-web/visuelt-light.woff') format('woff'), url('../css/fonts/visuelt-light-desktop-web/visuelt-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'visuelt-light';
    src: url('../css/fonts/visuelt-bold-desktop-web/visuelt-bold.eot');
    src: url('../css/fonts/visuelt-bold-desktop-web/visuelt-bold.eot?#iefix') format('embedded-opentype'), url('../css/fonts/visuelt-bold-desktop-web/visuelt-bold.woff2') format('woff2'), url('../css/fonts/visuelt-bold-desktop-web/visuelt-bold.woff') format('woff'), url('../css/fonts/visuelt-bold-desktop-web/visuelt-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'visuelt-bold-italic';
    src: url('../css/fonts/visuelt-bold-italic-desktop-web/visuelt-bold-italic.eot');
    src: url('../css/fonts/visuelt-bold-italic-desktop-web/visuelt-bold-italic.eot?#iefix') format('embedded-opentype'), url('../css/fonts/visuelt-bold-italic-desktop-web/visuelt-bold-italic.woff2') format('woff2'), url('../css/fonts/visuelt-bold-italic-desktop-web/visuelt-bold-italic.woff') format('woff'), url('../css/fonts/visuelt-bold-italic-desktop-web/visuelt-bold-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'visuelt-medium';
    src: url('../css/fonts/visuelt-medium-desktop-web/visuelt-medium.eot');
    src: url('../css/fonts/visuelt-medium-desktop-web/visuelt-medium.eot?#iefix') format('embedded-opentype'), url('../css/fonts/visuelt-medium-desktop-web/visuelt-medium.woff2') format('woff2'), url('../css/fonts/visuelt-medium-desktop-web/visuelt-medium.woff') format('woff'), url('../css/fonts/visuelt-medium-desktop-web/visuelt-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'visuelt-regular';
    src: url('../css/fonts/visuelt-regular-desktop-web/visuelt-regular.eot');
    src: url('../css/fonts/visuelt-regular-desktop-web/visuelt-regular.eot?#iefix') format('embedded-opentype'), 
        url('../css/fonts/visuelt-regular-desktop-web/visuelt-regular.woff') format('woff'), 
        url('../css/fonts/visuelt-regular-desktop-web/visuelt-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'visuelt-thin';
    src: url('../css/fonts/visuelt-thin-desktop-web/visuelt-thin.eot');
    src: url('../css/fonts/visuelt-thin-desktop-web/visuelt-thin.eot?#iefix') format('embedded-opentype'), url('../css/fonts/visuelt-thin-desktop-web/visuelt-thin.woff2') format('woff2'), url('../css/fonts/visuelt-thin-desktop-web/visuelt-thin.woff') format('woff'), url('../css/fonts/visuelt-thin-desktop-web/visuelt-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Miller';
    src: url('../css/fonts/Miller Display Semi Bold/Miller Display Semi Bold.eot');
    src: url('../css/fonts/Miller Display Semi Bold/Miller Display Semi Bold.eot?#iefix') format('embedded-opentype'), 
        url('../css/fonts/Miller Display Semi Bold/Miller Display Semi Bold.woff2') format('woff2'), 
        url('../css/fonts/Miller Display Semi Bold/Miller Display Semi Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.ui-content a:not([class]), .disclaimerContent a:not([class]) {
    color: #3b1466 !important;
    text-decoration: underline !important;
}
.ui-content a:not([class*="Notice"]), .disclaimerContent a:not([class*="Notice"]) {
    color: #3b1466 !important;
}

a {
    cursor: pointer !important;
}



/* ================================================= */
/* Notices */
/* ================================================= */
img {
    border-style: none;
}

h1, h2, h3, h4, h5 {
    margin-top: 10px;
    margin-bottom: 0px;
}
h2 {
    color: #3b1466;
    font-size: 32px;
    line-height: 36px;
    font-family: Miller;
    font-weight:normal;
}
h3{
    color:#000000;
    font-size:20px;
    line-height:24px;
    font-family:visuelt-medium;
    font-weight:normal;
}

h4 {
    color: #3b1466;
    font-size: 16px;
    line-height: 20px;
    font-family: visuelt-medium;
}
p {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0px;
}

.Notice, .NoticeRed, .NoticeGreen, .NoticeBlue, .NoticeYellow, .NoticeMain {
    display: inline-block;
    border-style: none !important;
}

.NoticeMain {
    padding: 4px;
}

    .NoticeMain, .NoticeMain * {
        background-color: #3b1466;
        color: #fff !important;
        text-decoration: none !important;
        text-shadow: none;
        border:none !important;
        border-radius:6px;
    }


        .NoticeMain:hover *{
            background-color: #9d89b2 !important;
        }

        .NoticeMain img {
            vertical-align: middle;
        }

.Notice, .NoticeRed, .NoticeGreen, .NoticeBlue, .NoticeYellow, .NoticeValidation, .NoticeGray {
    background-color: #3b1466;
    border-radius: 6px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    font-weight: normal !important;
    font-family: visuelt-regular !important;
    font-size: 14px !important;
    padding: 8.8px 16px;
    text-decoration: none !important;
}

.NoticeValidation {
    background-color: #fef5f1;
    border: 1px solid #8c2e0b;
    color: #000000 !important;
    clear: both;
}

.NoticeRed {
    background-color: #ffeebb;
    _border: solid 1px #ffbb88;
}

.NoticeGray {
    background-color: #ebeaeb;
    color: #000 !important;
}

.NoticeGreen {
    background-color: #e0ffe0;
    _border: 1px solid #70ff70;
}

.NoticeBlue:hover {
    background-color: #9d89b2;
}

.NoticeYellow {
    background-color: #ffffd0;
    _border: 1px solid #c1a300;
}

a.Notice:hover, a.NoticeMain:hover, a.NoticeBlue:hover, a.NoticeGreen:hover, a.NoticeRed:hover, a.NoticeGray:hover, a.NoticeYellow:hover, .AppIcon img:hover {
    background-color: #9d89b2;
    color: #fff !important;
    _font-weight: normal;
    text-decoration: none;
}

.ValidationAsterisk {
    color: #ff0000;
    font-family: Courier, Courier New, Arial, Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0px;
    display: inline-block;
}

/* ================================================= */
/* Traffic lights */
/* ================================================= */

.TrafficGreen, .TrafficRed, .TrafficYellow {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100%;
    height: 150px !important;
    width: 150px !important;
    background-image: url(../images/gauge_150.png);
}

.TrafficRed {
    background-position: 0;
}

.TrafficYellow {
    background-position: 50%;
}



/* ================================================= */
/* Cool navigation effects */
/* ================================================= */
/*
a.Notice, a.NoticeBlue, a.NoticeGreen, a.NoticeRed, a.NoticeYellow, .AppIcon img {
    display: inline-block;
    vertical-align: top;
    margin: 2px;
}

    a.Notice:hover, a.NoticeBlue:hover, a.NoticeGreen:hover, a.NoticeRed:hover, a.NoticeYellow:hover, .AppIcon img:hover {
        box-shadow: 2px 2px 4px #888888;
        margin: -0px 4px 4px -0px;
        vertical-align: top;
    }
*/


/* ================================================= */
/* Regular grid */
/* ================================================= */
table.RegularGrid {
    border-collapse: collapse;
    width: 100%;
}

    table.RegularGrid thead th a {
        color: #ffffff !important;
    }

    table.RegularGrid thead th {
        font-weight: bold;
        background-color: #3b1466 !important;
        color: #ffffff !important;
        text-align: left;
        padding: 5px;
        vertical-align: bottom;
    }

    table.RegularGrid tbody tr:not(:last-child) {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    table.RegularGrid tbody tr:nth-child(2n+1) td, table.RegularGrid tbody tr:nth-child(2n+1) th {
        background-color: #ffffff;
    }

    table.RegularGrid tbody tr:nth-child(2n) td, table.RegularGrid tbody tr:nth-child(2n) th {
        background-color: #f8f8f8;
    }

    table.RegularGrid td {
        vertical-align: top;
        _padding: 5px;
    }

/* ================================================= */
/* Science grid for more complicated data   */
/* ================================================= */
table.ScienceGrid {
    border-collapse: collapse;
    border: solid 1px #aaaaaa;
}

    table.ScienceGrid th {
        background-color: #eeeeee;
        font-weight: 600;
    }

    table.ScienceGrid th, table.ScienceGrid td {
        padding: 3px;
    }

    table.ScienceGrid tbody tr:nth-child(2n+1) td, table.ScienceGrid tbody tr:nth-child(2n+1) th {
        background-color: #ffffff;
    }

    table.ScienceGrid tbody tr:nth-child(2n) td, table.ScienceGrid tbody tr:nth-child(2n) th {
        background-color: #f0f0f0;
    }

/* ================================================= */
/* Very simple grid  */
/* ================================================= */
table.SimpleGrid {
    border-collapse: collapse;
}

    table.SimpleGrid th, table.SimpleGrid td {
        margin: 0px;
        padding: 3px;
        border: solid 1px #000000;
    }

h4 {
    font-family: Calibri(Body) !important;
}



/* ================================================= */
/* Gradient gauge */
/* ================================================= */
.GradientGauge {
    background-image: url(../images/gauge3.png);
    width: 150px;
    height: 150px;
    background-size: 100% 100%;
    margin: 0px;
    position: relative;
}

    .GradientGauge div {
        background-image: url(../images/gauge_arrow1.png);
        background-size: 40% 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: calc(50% - 5px);
        background-position: 10%;
        width: 100%;
        height: 10px;
        transform: rotate(-45deg);
    }

        /* 
=".GradientGauge div.Percent" & A1 & " { transform: rotate(" & (-40+260/100*A1) & "deg); }" 
*/

        .GradientGauge div.Percent0 {
            transform: rotate(-45deg);
        }

        .GradientGauge div.Percent1 {
            transform: rotate(-42.3deg);
        }

        .GradientGauge div.Percent2 {
            transform: rotate(-39.6deg);
        }

        .GradientGauge div.Percent3 {
            transform: rotate(-36.9deg);
        }

        .GradientGauge div.Percent4 {
            transform: rotate(-34.2deg);
        }

        .GradientGauge div.Percent5 {
            transform: rotate(-31.5deg);
        }

        .GradientGauge div.Percent6 {
            transform: rotate(-28.8deg);
        }

        .GradientGauge div.Percent7 {
            transform: rotate(-26.1deg);
        }

        .GradientGauge div.Percent8 {
            transform: rotate(-23.4deg);
        }

        .GradientGauge div.Percent9 {
            transform: rotate(-20.7deg);
        }

        .GradientGauge div.Percent10 {
            transform: rotate(-18deg);
        }

        .GradientGauge div.Percent11 {
            transform: rotate(-15.3deg);
        }

        .GradientGauge div.Percent12 {
            transform: rotate(-12.6deg);
        }

        .GradientGauge div.Percent13 {
            transform: rotate(-9.9deg);
        }

        .GradientGauge div.Percent14 {
            transform: rotate(-7.2deg);
        }

        .GradientGauge div.Percent15 {
            transform: rotate(-4.5deg);
        }

        .GradientGauge div.Percent16 {
            transform: rotate(-1.8deg);
        }

        .GradientGauge div.Percent17 {
            transform: rotate(0.900000000000006deg);
        }

        .GradientGauge div.Percent18 {
            transform: rotate(3.6deg);
        }

        .GradientGauge div.Percent19 {
            transform: rotate(6.3deg);
        }

        .GradientGauge div.Percent20 {
            transform: rotate(9deg);
        }

        .GradientGauge div.Percent21 {
            transform: rotate(11.7deg);
        }

        .GradientGauge div.Percent22 {
            transform: rotate(14.4deg);
        }

        .GradientGauge div.Percent23 {
            transform: rotate(17.1deg);
        }

        .GradientGauge div.Percent24 {
            transform: rotate(19.8deg);
        }

        .GradientGauge div.Percent25 {
            transform: rotate(22.5deg);
        }

        .GradientGauge div.Percent26 {
            transform: rotate(25.2deg);
        }

        .GradientGauge div.Percent27 {
            transform: rotate(27.9deg);
        }

        .GradientGauge div.Percent28 {
            transform: rotate(30.6deg);
        }

        .GradientGauge div.Percent29 {
            transform: rotate(33.3deg);
        }

        .GradientGauge div.Percent30 {
            transform: rotate(36deg);
        }

        .GradientGauge div.Percent31 {
            transform: rotate(38.7deg);
        }

        .GradientGauge div.Percent32 {
            transform: rotate(41.4deg);
        }

        .GradientGauge div.Percent33 {
            transform: rotate(44.1deg);
        }

        .GradientGauge div.Percent34 {
            transform: rotate(46.8deg);
        }

        .GradientGauge div.Percent35 {
            transform: rotate(49.5deg);
        }

        .GradientGauge div.Percent36 {
            transform: rotate(52.2deg);
        }

        .GradientGauge div.Percent37 {
            transform: rotate(54.9deg);
        }

        .GradientGauge div.Percent38 {
            transform: rotate(57.6deg);
        }

        .GradientGauge div.Percent39 {
            transform: rotate(60.3deg);
        }

        .GradientGauge div.Percent40 {
            transform: rotate(63deg);
        }

        .GradientGauge div.Percent41 {
            transform: rotate(65.7deg);
        }

        .GradientGauge div.Percent42 {
            transform: rotate(68.4deg);
        }

        .GradientGauge div.Percent43 {
            transform: rotate(71.1deg);
        }

        .GradientGauge div.Percent44 {
            transform: rotate(73.8deg);
        }

        .GradientGauge div.Percent45 {
            transform: rotate(76.5deg);
        }

        .GradientGauge div.Percent46 {
            transform: rotate(79.2deg);
        }

        .GradientGauge div.Percent47 {
            transform: rotate(81.9deg);
        }

        .GradientGauge div.Percent48 {
            transform: rotate(84.6deg);
        }

        .GradientGauge div.Percent49 {
            transform: rotate(87.3deg);
        }

        .GradientGauge div.Percent50 {
            transform: rotate(90deg);
        }

        .GradientGauge div.Percent51 {
            transform: rotate(92.7deg);
        }

        .GradientGauge div.Percent52 {
            transform: rotate(95.4deg);
        }

        .GradientGauge div.Percent53 {
            transform: rotate(98.1deg);
        }

        .GradientGauge div.Percent54 {
            transform: rotate(100.8deg);
        }

        .GradientGauge div.Percent55 {
            transform: rotate(103.5deg);
        }

        .GradientGauge div.Percent56 {
            transform: rotate(106.2deg);
        }

        .GradientGauge div.Percent57 {
            transform: rotate(108.9deg);
        }

        .GradientGauge div.Percent58 {
            transform: rotate(111.6deg);
        }

        .GradientGauge div.Percent59 {
            transform: rotate(114.3deg);
        }

        .GradientGauge div.Percent60 {
            transform: rotate(117deg);
        }

        .GradientGauge div.Percent61 {
            transform: rotate(119.7deg);
        }

        .GradientGauge div.Percent62 {
            transform: rotate(122.4deg);
        }

        .GradientGauge div.Percent63 {
            transform: rotate(125.1deg);
        }

        .GradientGauge div.Percent64 {
            transform: rotate(127.8deg);
        }

        .GradientGauge div.Percent65 {
            transform: rotate(130.5deg);
        }

        .GradientGauge div.Percent66 {
            transform: rotate(133.2deg);
        }

        .GradientGauge div.Percent67 {
            transform: rotate(135.9deg);
        }

        .GradientGauge div.Percent68 {
            transform: rotate(138.6deg);
        }

        .GradientGauge div.Percent69 {
            transform: rotate(141.3deg);
        }

        .GradientGauge div.Percent70 {
            transform: rotate(144deg);
        }

        .GradientGauge div.Percent71 {
            transform: rotate(146.7deg);
        }

        .GradientGauge div.Percent72 {
            transform: rotate(149.4deg);
        }

        .GradientGauge div.Percent73 {
            transform: rotate(152.1deg);
        }

        .GradientGauge div.Percent74 {
            transform: rotate(154.8deg);
        }

        .GradientGauge div.Percent75 {
            transform: rotate(157.5deg);
        }

        .GradientGauge div.Percent76 {
            transform: rotate(160.2deg);
        }

        .GradientGauge div.Percent77 {
            transform: rotate(162.9deg);
        }

        .GradientGauge div.Percent78 {
            transform: rotate(165.6deg);
        }

        .GradientGauge div.Percent79 {
            transform: rotate(168.3deg);
        }

        .GradientGauge div.Percent80 {
            transform: rotate(171deg);
        }

        .GradientGauge div.Percent81 {
            transform: rotate(173.7deg);
        }

        .GradientGauge div.Percent82 {
            transform: rotate(176.4deg);
        }

        .GradientGauge div.Percent83 {
            transform: rotate(179.1deg);
        }

        .GradientGauge div.Percent84 {
            transform: rotate(181.8deg);
        }

        .GradientGauge div.Percent85 {
            transform: rotate(184.5deg);
        }

        .GradientGauge div.Percent86 {
            transform: rotate(187.2deg);
        }

        .GradientGauge div.Percent87 {
            transform: rotate(189.9deg);
        }

        .GradientGauge div.Percent88 {
            transform: rotate(192.6deg);
        }

        .GradientGauge div.Percent89 {
            transform: rotate(195.3deg);
        }

        .GradientGauge div.Percent90 {
            transform: rotate(198deg);
        }

        .GradientGauge div.Percent91 {
            transform: rotate(200.7deg);
        }

        .GradientGauge div.Percent92 {
            transform: rotate(203.4deg);
        }

        .GradientGauge div.Percent93 {
            transform: rotate(206.1deg);
        }

        .GradientGauge div.Percent94 {
            transform: rotate(208.8deg);
        }

        .GradientGauge div.Percent95 {
            transform: rotate(211.5deg);
        }

        .GradientGauge div.Percent96 {
            transform: rotate(214.2deg);
        }

        .GradientGauge div.Percent97 {
            transform: rotate(216.9deg);
        }

        .GradientGauge div.Percent98 {
            transform: rotate(219.6deg);
        }

        .GradientGauge div.Percent99 {
            transform: rotate(222.3deg);
        }

        .GradientGauge div.Percent100 {
            transform: rotate(225deg);
        }


/* ================================================= */
/* Gradient gauge */
/* ================================================= */
.GradientGauge2 {
    background-image: url(../images/gauge4.png);
    width: 190px;
    height: 150px;
    background-size: 100% 100%;
    margin: 0px;
    position: relative;
}

    .GradientGauge2 div {
        background-image: url(../images/gauge_arrow1.png);
        background-size: 70px 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 95px;
        background-position: 25px;
        width: 100%;
        height: 10px;
        transform: rotate(-27deg);
    }

        .GradientGauge2 div.Percent0 {
            transform: rotate(-27deg);
        }

        .GradientGauge2 div.Percent1 {
            transform: rotate(-24.64deg);
        }

        .GradientGauge2 div.Percent2 {
            transform: rotate(-22.28deg);
        }

        .GradientGauge2 div.Percent3 {
            transform: rotate(-19.92deg);
        }

        .GradientGauge2 div.Percent4 {
            transform: rotate(-17.56deg);
        }

        .GradientGauge2 div.Percent5 {
            transform: rotate(-15.2deg);
        }

        .GradientGauge2 div.Percent6 {
            transform: rotate(-12.84deg);
        }

        .GradientGauge2 div.Percent7 {
            transform: rotate(-10.48deg);
        }

        .GradientGauge2 div.Percent8 {
            transform: rotate(-8.12deg);
        }

        .GradientGauge2 div.Percent9 {
            transform: rotate(-5.76deg);
        }

        .GradientGauge2 div.Percent10 {
            transform: rotate(-3.4deg);
        }

        .GradientGauge2 div.Percent11 {
            transform: rotate(-1.04deg);
        }

        .GradientGauge2 div.Percent12 {
            transform: rotate(1.32deg);
        }

        .GradientGauge2 div.Percent13 {
            transform: rotate(3.68deg);
        }

        .GradientGauge2 div.Percent14 {
            transform: rotate(6.04deg);
        }

        .GradientGauge2 div.Percent15 {
            transform: rotate(8.4deg);
        }

        .GradientGauge2 div.Percent16 {
            transform: rotate(10.76deg);
        }

        .GradientGauge2 div.Percent17 {
            transform: rotate(13.12deg);
        }

        .GradientGauge2 div.Percent18 {
            transform: rotate(15.48deg);
        }

        .GradientGauge2 div.Percent19 {
            transform: rotate(17.84deg);
        }

        .GradientGauge2 div.Percent20 {
            transform: rotate(20.2deg);
        }

        .GradientGauge2 div.Percent21 {
            transform: rotate(22.56deg);
        }

        .GradientGauge2 div.Percent22 {
            transform: rotate(24.92deg);
        }

        .GradientGauge2 div.Percent23 {
            transform: rotate(27.28deg);
        }

        .GradientGauge2 div.Percent24 {
            transform: rotate(29.64deg);
        }

        .GradientGauge2 div.Percent25 {
            transform: rotate(32deg);
        }

        .GradientGauge2 div.Percent26 {
            transform: rotate(34.36deg);
        }

        .GradientGauge2 div.Percent27 {
            transform: rotate(36.72deg);
        }

        .GradientGauge2 div.Percent28 {
            transform: rotate(39.08deg);
        }

        .GradientGauge2 div.Percent29 {
            transform: rotate(41.44deg);
        }

        .GradientGauge2 div.Percent30 {
            transform: rotate(43.8deg);
        }

        .GradientGauge2 div.Percent31 {
            transform: rotate(46.16deg);
        }

        .GradientGauge2 div.Percent32 {
            transform: rotate(48.52deg);
        }

        .GradientGauge2 div.Percent33 {
            transform: rotate(50.88deg);
        }

        .GradientGauge2 div.Percent34 {
            transform: rotate(53.24deg);
        }

        .GradientGauge2 div.Percent35 {
            transform: rotate(55.6deg);
        }

        .GradientGauge2 div.Percent36 {
            transform: rotate(57.96deg);
        }

        .GradientGauge2 div.Percent37 {
            transform: rotate(60.32deg);
        }

        .GradientGauge2 div.Percent38 {
            transform: rotate(62.68deg);
        }

        .GradientGauge2 div.Percent39 {
            transform: rotate(65.04deg);
        }

        .GradientGauge2 div.Percent40 {
            transform: rotate(67.4deg);
        }

        .GradientGauge2 div.Percent41 {
            transform: rotate(69.76deg);
        }

        .GradientGauge2 div.Percent42 {
            transform: rotate(72.12deg);
        }

        .GradientGauge2 div.Percent43 {
            transform: rotate(74.48deg);
        }

        .GradientGauge2 div.Percent44 {
            transform: rotate(76.84deg);
        }

        .GradientGauge2 div.Percent45 {
            transform: rotate(79.2deg);
        }

        .GradientGauge2 div.Percent46 {
            transform: rotate(81.56deg);
        }

        .GradientGauge2 div.Percent47 {
            transform: rotate(83.92deg);
        }

        .GradientGauge2 div.Percent48 {
            transform: rotate(86.28deg);
        }

        .GradientGauge2 div.Percent49 {
            transform: rotate(88.64deg);
        }

        .GradientGauge2 div.Percent50 {
            transform: rotate(91deg);
        }

        .GradientGauge2 div.Percent51 {
            transform: rotate(93.36deg);
        }

        .GradientGauge2 div.Percent52 {
            transform: rotate(95.72deg);
        }

        .GradientGauge2 div.Percent53 {
            transform: rotate(98.08deg);
        }

        .GradientGauge2 div.Percent54 {
            transform: rotate(100.44deg);
        }

        .GradientGauge2 div.Percent55 {
            transform: rotate(102.8deg);
        }

        .GradientGauge2 div.Percent56 {
            transform: rotate(105.16deg);
        }

        .GradientGauge2 div.Percent57 {
            transform: rotate(107.52deg);
        }

        .GradientGauge2 div.Percent58 {
            transform: rotate(109.88deg);
        }

        .GradientGauge2 div.Percent59 {
            transform: rotate(112.24deg);
        }

        .GradientGauge2 div.Percent60 {
            transform: rotate(114.6deg);
        }

        .GradientGauge2 div.Percent61 {
            transform: rotate(116.96deg);
        }

        .GradientGauge2 div.Percent62 {
            transform: rotate(119.32deg);
        }

        .GradientGauge2 div.Percent63 {
            transform: rotate(121.68deg);
        }

        .GradientGauge2 div.Percent64 {
            transform: rotate(124.04deg);
        }

        .GradientGauge2 div.Percent65 {
            transform: rotate(126.4deg);
        }

        .GradientGauge2 div.Percent66 {
            transform: rotate(128.76deg);
        }

        .GradientGauge2 div.Percent67 {
            transform: rotate(131.12deg);
        }

        .GradientGauge2 div.Percent68 {
            transform: rotate(133.48deg);
        }

        .GradientGauge2 div.Percent69 {
            transform: rotate(135.84deg);
        }

        .GradientGauge2 div.Percent70 {
            transform: rotate(138.2deg);
        }

        .GradientGauge2 div.Percent71 {
            transform: rotate(140.56deg);
        }

        .GradientGauge2 div.Percent72 {
            transform: rotate(142.92deg);
        }

        .GradientGauge2 div.Percent73 {
            transform: rotate(145.28deg);
        }

        .GradientGauge2 div.Percent74 {
            transform: rotate(147.64deg);
        }

        .GradientGauge2 div.Percent75 {
            transform: rotate(150deg);
        }

        .GradientGauge2 div.Percent76 {
            transform: rotate(152.36deg);
        }

        .GradientGauge2 div.Percent77 {
            transform: rotate(154.72deg);
        }

        .GradientGauge2 div.Percent78 {
            transform: rotate(157.08deg);
        }

        .GradientGauge2 div.Percent79 {
            transform: rotate(159.44deg);
        }

        .GradientGauge2 div.Percent80 {
            transform: rotate(161.8deg);
        }

        .GradientGauge2 div.Percent81 {
            transform: rotate(164.16deg);
        }

        .GradientGauge2 div.Percent82 {
            transform: rotate(166.52deg);
        }

        .GradientGauge2 div.Percent83 {
            transform: rotate(168.88deg);
        }

        .GradientGauge2 div.Percent84 {
            transform: rotate(171.24deg);
        }

        .GradientGauge2 div.Percent85 {
            transform: rotate(173.6deg);
        }

        .GradientGauge2 div.Percent86 {
            transform: rotate(175.96deg);
        }

        .GradientGauge2 div.Percent87 {
            transform: rotate(178.32deg);
        }

        .GradientGauge2 div.Percent88 {
            transform: rotate(180.68deg);
        }

        .GradientGauge2 div.Percent89 {
            transform: rotate(183.04deg);
        }

        .GradientGauge2 div.Percent90 {
            transform: rotate(185.4deg);
        }

        .GradientGauge2 div.Percent91 {
            transform: rotate(187.76deg);
        }

        .GradientGauge2 div.Percent92 {
            transform: rotate(190.12deg);
        }

        .GradientGauge2 div.Percent93 {
            transform: rotate(192.48deg);
        }

        .GradientGauge2 div.Percent94 {
            transform: rotate(194.84deg);
        }

        .GradientGauge2 div.Percent95 {
            transform: rotate(197.2deg);
        }

        .GradientGauge2 div.Percent96 {
            transform: rotate(199.56deg);
        }

        .GradientGauge2 div.Percent97 {
            transform: rotate(201.92deg);
        }

        .GradientGauge2 div.Percent98 {
            transform: rotate(204.28deg);
        }

        .GradientGauge2 div.Percent99 {
            transform: rotate(206.64deg);
        }

        .GradientGauge2 div.Percent100 {
            transform: rotate(209deg);
        }


/* ================================================= */
/* Gradient gauge */
/* ================================================= */
.GradientGauge3, .GradientGauge3_5, .GradientGauge3_10 {
    background-image: url(../images/gauge5_10.png);
    width: 240px;
    height: 150px;
    background-size: 100% 100%;
    margin: 0px;
    position: relative;
}

.GradientGauge3, .GradientGauge3_6 {
    background-image: url(../images/gauge6.png);
    width: 240px;
    height: 150px;
    background-size: 100% 100%;
    margin: 0px;
    position: relative;
}

.GradientGauge3_5 {
    background-image: url(../images/gauge5_5.png);
}

.GradientGaugeRiskMitigation {
    background-image: url(../images/gaugeriskmitigation.png);
    width: 240px;
    height: 150px;
    background-size: 100% 100%;
    margin: 0px;
    position: relative;
}

.GradientGauge3 div {
    background-image: url(../images/gauge_arrow1.png);
    background-size: 90px 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 115px;
    background-position: 30px 50%;
    width: 100%;
    height: 10px;
}

    .GradientGauge3 div.Percent0 {
        transform: rotate(0deg);
    }

    .GradientGauge3 div.Percent1 {
        transform: rotate(1.8deg);
    }

    .GradientGauge3 div.Percent2 {
        transform: rotate(3.6deg);
    }

    .GradientGauge3 div.Percent3 {
        transform: rotate(5.4deg);
    }

    .GradientGauge3 div.Percent4 {
        transform: rotate(7.2deg);
    }

    .GradientGauge3 div.Percent5 {
        transform: rotate(9deg);
    }

    .GradientGauge3 div.Percent6 {
        transform: rotate(10.8deg);
    }

    .GradientGauge3 div.Percent7 {
        transform: rotate(12.6deg);
    }

    .GradientGauge3 div.Percent8 {
        transform: rotate(14.4deg);
    }

    .GradientGauge3 div.Percent9 {
        transform: rotate(16.2deg);
    }

    .GradientGauge3 div.Percent10 {
        transform: rotate(18deg);
    }

    .GradientGauge3 div.Percent11 {
        transform: rotate(19.8deg);
    }

    .GradientGauge3 div.Percent12 {
        transform: rotate(21.6deg);
    }

    .GradientGauge3 div.Percent13 {
        transform: rotate(23.4deg);
    }

    .GradientGauge3 div.Percent14 {
        transform: rotate(25.2deg);
    }

    .GradientGauge3 div.Percent15 {
        transform: rotate(27deg);
    }

    .GradientGauge3 div.Percent16 {
        transform: rotate(28.8deg);
    }

    .GradientGauge3 div.Percent17 {
        transform: rotate(30.6deg);
    }

    .GradientGauge3 div.Percent18 {
        transform: rotate(32.4deg);
    }

    .GradientGauge3 div.Percent19 {
        transform: rotate(34.2deg);
    }

    .GradientGauge3 div.Percent20 {
        transform: rotate(36deg);
    }

    .GradientGauge3 div.Percent21 {
        transform: rotate(37.8deg);
    }

    .GradientGauge3 div.Percent22 {
        transform: rotate(39.6deg);
    }

    .GradientGauge3 div.Percent23 {
        transform: rotate(41.4deg);
    }

    .GradientGauge3 div.Percent24 {
        transform: rotate(43.2deg);
    }

    .GradientGauge3 div.Percent25 {
        transform: rotate(45deg);
    }

    .GradientGauge3 div.Percent26 {
        transform: rotate(46.8deg);
    }

    .GradientGauge3 div.Percent27 {
        transform: rotate(48.6deg);
    }

    .GradientGauge3 div.Percent28 {
        transform: rotate(50.4deg);
    }

    .GradientGauge3 div.Percent29 {
        transform: rotate(52.2deg);
    }

    .GradientGauge3 div.Percent30 {
        transform: rotate(54deg);
    }

    .GradientGauge3 div.Percent31 {
        transform: rotate(55.8deg);
    }

    .GradientGauge3 div.Percent32 {
        transform: rotate(57.6deg);
    }

    .GradientGauge3 div.Percent33 {
        transform: rotate(59.4deg);
    }

    .GradientGauge3 div.Percent34 {
        transform: rotate(61.2deg);
    }

    .GradientGauge3 div.Percent35 {
        transform: rotate(63deg);
    }

    .GradientGauge3 div.Percent36 {
        transform: rotate(64.8deg);
    }

    .GradientGauge3 div.Percent37 {
        transform: rotate(66.6deg);
    }

    .GradientGauge3 div.Percent38 {
        transform: rotate(68.4deg);
    }

    .GradientGauge3 div.Percent39 {
        transform: rotate(70.2deg);
    }

    .GradientGauge3 div.Percent40 {
        transform: rotate(72deg);
    }

    .GradientGauge3 div.Percent41 {
        transform: rotate(73.8deg);
    }

    .GradientGauge3 div.Percent42 {
        transform: rotate(75.6deg);
    }

    .GradientGauge3 div.Percent43 {
        transform: rotate(77.4deg);
    }

    .GradientGauge3 div.Percent44 {
        transform: rotate(79.2deg);
    }

    .GradientGauge3 div.Percent45 {
        transform: rotate(81deg);
    }

    .GradientGauge3 div.Percent46 {
        transform: rotate(82.8deg);
    }

    .GradientGauge3 div.Percent47 {
        transform: rotate(84.6deg);
    }

    .GradientGauge3 div.Percent48 {
        transform: rotate(86.4deg);
    }

    .GradientGauge3 div.Percent49 {
        transform: rotate(88.2deg);
    }

    .GradientGauge3 div.Percent50 {
        transform: rotate(90deg);
    }

    .GradientGauge3 div.Percent51 {
        transform: rotate(91.8deg);
    }

    .GradientGauge3 div.Percent52 {
        transform: rotate(93.6deg);
    }

    .GradientGauge3 div.Percent53 {
        transform: rotate(95.4deg);
    }

    .GradientGauge3 div.Percent54 {
        transform: rotate(97.2deg);
    }

    .GradientGauge3 div.Percent55 {
        transform: rotate(99deg);
    }

    .GradientGauge3 div.Percent56 {
        transform: rotate(100.8deg);
    }

    .GradientGauge3 div.Percent57 {
        transform: rotate(102.6deg);
    }

    .GradientGauge3 div.Percent58 {
        transform: rotate(104.4deg);
    }

    .GradientGauge3 div.Percent59 {
        transform: rotate(106.2deg);
    }

    .GradientGauge3 div.Percent60 {
        transform: rotate(108deg);
    }

    .GradientGauge3 div.Percent61 {
        transform: rotate(109.8deg);
    }

    .GradientGauge3 div.Percent62 {
        transform: rotate(111.6deg);
    }

    .GradientGauge3 div.Percent63 {
        transform: rotate(113.4deg);
    }

    .GradientGauge3 div.Percent64 {
        transform: rotate(115.2deg);
    }

    .GradientGauge3 div.Percent65 {
        transform: rotate(117deg);
    }

    .GradientGauge3 div.Percent66 {
        transform: rotate(118.8deg);
    }

    .GradientGauge3 div.Percent67 {
        transform: rotate(120.6deg);
    }

    .GradientGauge3 div.Percent68 {
        transform: rotate(122.4deg);
    }

    .GradientGauge3 div.Percent69 {
        transform: rotate(124.2deg);
    }

    .GradientGauge3 div.Percent70 {
        transform: rotate(126deg);
    }

    .GradientGauge3 div.Percent71 {
        transform: rotate(127.8deg);
    }

    .GradientGauge3 div.Percent72 {
        transform: rotate(129.6deg);
    }

    .GradientGauge3 div.Percent73 {
        transform: rotate(131.4deg);
    }

    .GradientGauge3 div.Percent74 {
        transform: rotate(133.2deg);
    }

    .GradientGauge3 div.Percent75 {
        transform: rotate(135deg);
    }

    .GradientGauge3 div.Percent76 {
        transform: rotate(136.8deg);
    }

    .GradientGauge3 div.Percent77 {
        transform: rotate(138.6deg);
    }

    .GradientGauge3 div.Percent78 {
        transform: rotate(140.4deg);
    }

    .GradientGauge3 div.Percent79 {
        transform: rotate(142.2deg);
    }

    .GradientGauge3 div.Percent80 {
        transform: rotate(144deg);
    }

    .GradientGauge3 div.Percent81 {
        transform: rotate(145.8deg);
    }

    .GradientGauge3 div.Percent82 {
        transform: rotate(147.6deg);
    }

    .GradientGauge3 div.Percent83 {
        transform: rotate(149.4deg);
    }

    .GradientGauge3 div.Percent84 {
        transform: rotate(151.2deg);
    }

    .GradientGauge3 div.Percent85 {
        transform: rotate(153deg);
    }

    .GradientGauge3 div.Percent86 {
        transform: rotate(154.8deg);
    }

    .GradientGauge3 div.Percent87 {
        transform: rotate(156.6deg);
    }

    .GradientGauge3 div.Percent88 {
        transform: rotate(158.4deg);
    }

    .GradientGauge3 div.Percent89 {
        transform: rotate(160.2deg);
    }

    .GradientGauge3 div.Percent90 {
        transform: rotate(162deg);
    }

    .GradientGauge3 div.Percent91 {
        transform: rotate(163.8deg);
    }

    .GradientGauge3 div.Percent92 {
        transform: rotate(165.6deg);
    }

    .GradientGauge3 div.Percent93 {
        transform: rotate(167.4deg);
    }

    .GradientGauge3 div.Percent94 {
        transform: rotate(169.2deg);
    }

    .GradientGauge3 div.Percent95 {
        transform: rotate(171deg);
    }

    .GradientGauge3 div.Percent96 {
        transform: rotate(172.8deg);
    }

    .GradientGauge3 div.Percent97 {
        transform: rotate(174.6deg);
    }

    .GradientGauge3 div.Percent98 {
        transform: rotate(176.4deg);
    }

    .GradientGauge3 div.Percent99 {
        transform: rotate(178.2deg);
    }

    .GradientGauge3 div.Percent100 {
        transform: rotate(180deg);
    }

/* ================================================= */
/*  */
/* ================================================= */
circle.pie {
    fill: none;
    stroke-width: 32;
    r: 16;
    cx: 0;
    cy: 0;
}

    circle.pie.pie3 {
        stroke-dasharray: 34 1000;
    }

        circle.pie.pie3:hover {
            r: 20;
            stroke-width: 40;
            stroke-dasharray: 42 1000;
        }

        circle.pie.pie3:nth-child(1) {
            transform: rotate(0deg);
        }

        circle.pie.pie3:nth-child(2) {
            transform: rotate(120deg);
        }

        circle.pie.pie3:nth-child(3) {
            transform: rotate(240deg);
        }

    circle.pie.pie4 {
        stroke-dasharray: 25.1 1000;
    }

        circle.pie.pie4:hover {
            r: 20;
            stroke-width: 40;
            stroke-dasharray: 31.5 1000;
        }

        circle.pie.pie4:nth-child(1) {
            transform: rotate(0deg);
        }

        circle.pie.pie4:nth-child(2) {
            transform: rotate(90deg);
        }

        circle.pie.pie4:nth-child(3) {
            transform: rotate(180deg);
        }

        circle.pie.pie4:nth-child(4) {
            transform: rotate(270deg);
        }

    circle.pie.pie5 {
        stroke-dasharray: 20.5 1000;
    }

        circle.pie.pie5:hover {
            r: 20;
            stroke-width: 40;
            stroke-dasharray: 25 1000;
        }

        circle.pie.pie5:nth-child(1) {
            transform: rotate(0deg);
        }

        circle.pie.pie5:nth-child(2) {
            transform: rotate(72deg);
        }

        circle.pie.pie5:nth-child(3) {
            transform: rotate(144deg);
        }

        circle.pie.pie5:nth-child(4) {
            transform: rotate(216deg);
        }

        circle.pie.pie5:nth-child(5) {
            transform: rotate(288deg);
        }

    circle.pie.pie6 {
        stroke-dasharray: 16.75 1000;
    }

        circle.pie.pie6:hover {
            r: 20;
            stroke-width: 40;
            stroke-dasharray: 21 1000;
        }

        circle.pie.pie6:nth-child(1) {
            transform: rotate(0deg);
        }

        circle.pie.pie6:nth-child(2) {
            transform: rotate(60deg);
        }

        circle.pie.pie6:nth-child(3) {
            transform: rotate(120deg);
        }

        circle.pie.pie6:nth-child(4) {
            transform: rotate(180deg);
        }

        circle.pie.pie6:nth-child(5) {
            transform: rotate(240deg);
        }

        circle.pie.pie6:nth-child(6) {
            transform: rotate(300deg);
        }
    /* This needs to be styled */
    circle.pie:nth-child(1) {
        stroke: #ff0000;
    }

    circle.pie:nth-child(2) {
        stroke: #00ff00;
    }

    circle.pie:nth-child(3) {
        stroke: #0000ff;
    }

    circle.pie:nth-child(4) {
        stroke: #00ffff;
    }

    circle.pie:nth-child(5) {
        stroke: #ffff00;
    }

    circle.pie:nth-child(6) {
        stroke: #ff00ff;
    }
