@charset UTF-8;

/*

Color Scheme:

    colorschemedesigner.com/csd-3.5/
    Scheme ID: 3311Tw0w0w0w0

    Main: #00af64
    Slightly lighter: #35d691
    Light: #5fd6a3
    Dark: #007241


    Scheme ID: 3b11TcHpEw0w0

    Main: #4f8478
    Dark: #1a5648
    Light: #88c1b5
    Very Light: #97c1b8

*/
.bg-theme {
background-color:#4f8478;
color:#FFF;
}

.list-group-item-header {
background-color:#f8f9fa;
}

.fg-light {
color:rgba(0,0,0,0.25);
}

.fg-light .text-secondary {
color:rgba(0,0,0,0.25)!important;
}

.fg-light a {
color:rgba(79,132,120,0.50);
}

.fg-light a:hover {
color:rgba(79,132,120,0.50);
}

.fg-light .btn-link {
color:rgba(79,132,120,0.50);
}

.fg-light .btn-link:hover {
color:rgba(79,132,120,0.50);
}

.highlight {
background-color:#e0ebe9;
}

a {
color:#4f8478;
}

a:hover {
color:#4f8478;
}

.btn-link {
color:#4f8478;
}

.btn-link:hover {
color:#4f8478;
}

.btn-theme {
background-color:#4f8478;
border-color:#4f8478;
color:#FFF;
}

.btn-theme:hover {
background-color:rgba(79,132,120,0.75);
border-color:rgba(79,132,120,0.75);
color:#FFF;
}

.input-search {
border-radius:20px;
}

.nav-item.active {
font-weight:700;
}

.cursor-pointer {
cursor:pointer;
}

.market-time {
white-space:nowrap;
}

.market-date {
white-space:nowrap;
}

/*
@font-face
{
    font-family: Play;
    src: url(fonts/Play-Bold.ttf);
}

@font-face
{
    font-family: Oxygen;
    src: url(fonts/Oxygen-Regular.ttf);
}

html body
{
    margin: 0;
    padding: 0;

    font-family: Oxygen;
}

header
{
    background-color: #4f8478;
    height: 40px;
    margin-bottom: 10px;
}

header img
{
    display: inline;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 10px;
}

header h1
{
    font-family: Play;
    font-size: 20pt;
    color: #ffffff;
    vertical-align: middle;
    display: inline;
    text-decoration: none;
    line-height: 40px;
}

header h1 a
{
    text-decoration: none;
    color: #ffffff;
}

header h1 a:hover
{
    text-decoration: none;
    color: #ffffff;
}

header ul
{
    float: right;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
}

header li
{
    font-family: Play;
    font-size: 14pt;
    font-weight: bold;
    display: inline-block;
}

header li a
{
    text-decoration: none;
    color: #ffffff;
    padding: 0 25px;
    line-height: 30px;
    display: inline-block;
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
}

header li a:hover
{
    text-decoration: none;
    color: #ffffff;
    background-color: #88c1b5;
}

.toolbar
{
    height: 48px;
    padding-left: 15px;
    padding-right: 15px;
}

.content
{
    min-height: 600px;
}

.content img
{
    padding: 10px;
}

.content h1
{
    font-family: Oxygen, sans-serif;
    color: black;
    margin: 0em;
}

.content h2
{
    color: #4f8478;
    margin: 0em;
    margin-top: 0.5em;
}

.content h3
{
    font-size: 100%;
    color: grey;
    margin: 0em;
    margin-top: 0.5em;
    font-weight: normal;
}

.content table
{
    margin-top: 0.5em;
    border-collapse: collapse;
}

.content th
{
    font-size: 80%;
    font-weight: bold;
    background: none;
    color: inherit;
    border-bottom: solid 1px;
}

.content td
{
    font-weight: normal;
    background: none;
    color: inherit;
    padding: 0.3em;
    vertical-align: top;
}

a
{
    color: #4f8478;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.left_column
{
    width: 15%;
    float: left;
}

.right_column
{
    margin-left: 15%;
    padding: 10px;
}

.links
{
    text-align: right;
}

.links li
{
    display: inline-block;
    margin-right: 1em;
}

footer
{
    color: #888888;
    font-size: 50%;
    text-align: center;
    margin-top: 50px;
}

.tooltip
{
    position: absolute;
    text-align: left;
    font-size: 80%;
    min-width: 10em;
    max-width: 30em;
    min-height: 1em;
    padding: 0.5em;
    background: #ffffcc;
    box-shadow: 0px 5px 7px #888888;
    border-radius: 6px;
    z-index: 9999;
}

.tooltip h1
{
    font-size: 100%;
    font-weight: bold;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.tooltip p
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.tooltip:after
{
    content: "";
    position: absolute;
    top: -10px;
    left: 20px;
    margin: 0;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffcc;
    padding: 0;
    width: 0;
    height: 0;
}

.pastEvent
{
    color: grey;
    opacity: 0.5;
}

.currentEvent
{
    background-color: #e0ebe9;
    border: solid 1px #4f8478;
}

.futureEvent
{
}

.eventSchedule
{
    font-size: 75%;
    color: grey;
    display: block;
}

.phase
{
}

.currentPhase
{
    background-color: #e0ebe9;
    border: solid 1px #4f8478;
}

.urlDetail
{
    font-size: 75%;
    color: grey;
    display: block;
}

.hidden
{
    display: none;
}

.sitemap
{
    margin-top: 2em;
}

.sitemap span
{
    display: inline-table;
    width: 15em;
}

.sitemap a
{
    font-size: 75%;
    color: grey;
    text-decoration: none;
}

.sitemap a:hover
{
    text-decoration: underline;
}
*/
.chart text {
fill:#000;
font:10px sans-serif;
text-anchor:end;
}

.title {
fill:#4f8478;
text-decoration:none;
}

a:hover .title {
text-decoration:underline;
}

.subtitle {
font-size:80%;
fill:#a0a0a0;
}

.subtitle2 {
font-size:80%;
fill:#a0a0a0;
}

.axis text {
font:10px sans-serif;
}

.axis path,.axis line,line.axis {
fill:none;
stroke:#000;
}

.divider {
fill:none;
stroke:#D3D3D3;
stroke-width:0.5;
}

.indicator {
stroke:#FF4500;
fill:#FF4500;
stroke-width:2px;
}

.indicatorLabel {
stroke:#FF4500;
fill:#FF4500;
stroke-width:2px;
}

.indicatorLabel text {
font:10px sans-serif;
font-weight:400;
stroke-width:0.5;
stroke:#FFF;
fill:#FFF;
dominant-baseline:middle;
text-anchor:middle;
}

#chartLabels {
position:relative;
z-index:10;
}

.row rect {
cursor:pointer;
}

.row a text {
text-shadow:0.07em 0.07em #FFF;
}

.TRADING {
fill:#4f8478;
}

.TRADING:hover {
fill:#568f82;
}

.trading_hover {
fill:#568f82;
}

.AUCTION {
fill:#88c1b5;
}

.AUCTION:hover {
fill:#9bcac0;
}

.auction_hover {
fill:#9bcac0;
}

.MIXED {
fill:url(#stripes);
}

.MIXED:hover {
fill:url(#stripes_hover);
}

.SPECIAL {
fill:#e0ebe9;
}

.SPECIAL:hover {
fill:#eff5f4;
}

.DISABLED_TRADING {
fill:#696969;
}

.DISABLED_TRADING:hover {
fill:#737373;
}

.disabled_trading_hover {
fill:#737373;
}

.DISABLED_AUCTION {
fill:#a6a6a6;
}

.DISABLED_AUCTION:hover {
fill:#b3b3b3;
}

.disabled_auction_hover {
fill:#b3b3b3;
}

.DISABLED_MIXED {
fill:url(#stripes_disabled);
}

.DISABLED_MIXED:hover {
fill:url(#stripes_disabled_hover);
}

.DISABLED_SPECIAL {
fill:#e6e6e6;
}

.DISABLED_SPECIAL:hover {
fill:#f2f2f2;
}

.calendar {
width:3000;
height:15em;
margin:0px;
padding:0px;
overflow-x:scroll;
padding-left:1px;
}

.calendar a {
color:#000;
}

.calendar ol {
margin:0px;
padding:0px;
margin-right:-999em;
}

.calendar ol li {
width:10em;
height:10em;
float:left;
border:solid 1px #D3D3D3;
font-family:Play, sans-serif;
font-weight:400;
list-style-type:none;
border-top-left-radius:0.5em;
border-top-right-radius:0.5em;
margin-left:-1px;
margin-top:2em;
}

.calendar ol li:hover {
background:#fcfcfc;
}

.calendar .header {
background:#4f8478;
height:1.5em;
border-top-left-radius:0.4em;
border-top-right-radius:0.4em;
}

.calendar .weekend .header {
background:#D3D3D3;
height:1.5em;
border-top-left-radius:0.4em;
border-top-right-radius:0.4em;
}

.calendar h1 {
font-family:Play, sans-serif;
font-weight:400;
font-size:14px;
float:left;
color:#FFF;
margin:0px;
padding:0.2em;
padding-left:0.5em;
width:5.0em;
}

.calendar h2 {
font-family:Play, sans-serif;
font-weight:400;
font-size:14px;
float:right;
text-align:right;
color:#FFF;
margin:0px;
padding:0.2em;
padding-right:0.5em;
width:5.0em;
margin-bottom:0.2em;
}

.calendar ul {
margin:0px;
padding:0px;
padding-top:3px;
}

.calendar ul li {
width:14em;
height:16px;
margin:0px;
padding:0.2em;
border:none;
font-family:sans-serif;
font-weight:400;
font-size:70%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
border-top-left-radius:0;
border-top-right-radius:0;
}

.calendar img {
margin:0px;
padding:0px;
width:16px;
height:16px;
display:inline;
vertical-align:middle;
padding-right:0.2em;
}

/* Cell Styles */
.calendar .selected {
width:12em;
height:12em;
margin-top:1em;
box-shadow:0px 5px 7px #888;
z-index:5;
position:relative;
}

.calendar .selected ul {
margin:0px;
padding:0px;
padding-top:1.3em;
}

.calendar .selected ul li {
width:17em;
}

/* Event Styles */
.calendar .NORMAL {
background:#e0ebe9;
}

.calendar .NOT_TRADING {
background:#efefef;
}

.calendar .EARLY_CLOSE {
background:#e0ebe9;
}

.calendar .LATE_OPEN {
background:#e0ebe9;
}

.calendar .SPECIAL {
background:#e0ebe9;
}

.calendar .CHANGED_SCHEDULE {
background:#e0ebe9;
}

.calendar .overflow {
margin-left:6.05em;
position:relative;
z-index:100;
}

.calendar .selected .overflow {
margin-left:7.26em;
position:relative;
z-index:100;
}

.calendar .spacer {
background:none;
}

.ct-label {
fill:rgba(0,0,0,0.4);
color:rgba(0,0,0,0.4);
font-size:0.75rem;
line-height:1;
}

.ct-chart-line .ct-label,.ct-chart-bar .ct-label {
display:block;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
}

.ct-chart-pie .ct-label,.ct-chart-donut .ct-label {
dominant-baseline:central;
}

.ct-label.ct-horizontal.ct-start {
-webkit-box-align:flex-end;
-webkit-align-items:flex-end;
-ms-flex-align:flex-end;
align-items:flex-end;
-webkit-box-pack:flex-start;
-webkit-justify-content:flex-start;
-ms-flex-pack:flex-start;
justify-content:flex-start;
text-align:left;
text-anchor:start;
}

.ct-label.ct-horizontal.ct-end {
-webkit-box-align:flex-start;
-webkit-align-items:flex-start;
-ms-flex-align:flex-start;
align-items:flex-start;
-webkit-box-pack:flex-start;
-webkit-justify-content:flex-start;
-ms-flex-pack:flex-start;
justify-content:flex-start;
text-align:left;
text-anchor:start;
}

.ct-label.ct-vertical.ct-start {
-webkit-box-align:flex-end;
-webkit-align-items:flex-end;
-ms-flex-align:flex-end;
align-items:flex-end;
-webkit-box-pack:flex-end;
-webkit-justify-content:flex-end;
-ms-flex-pack:flex-end;
justify-content:flex-end;
text-align:right;
text-anchor:end;
}

.ct-label.ct-vertical.ct-end {
-webkit-box-align:flex-end;
-webkit-align-items:flex-end;
-ms-flex-align:flex-end;
align-items:flex-end;
-webkit-box-pack:flex-start;
-webkit-justify-content:flex-start;
-ms-flex-pack:flex-start;
justify-content:flex-start;
text-align:left;
text-anchor:start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
-webkit-box-align:flex-end;
-webkit-align-items:flex-end;
-ms-flex-align:flex-end;
align-items:flex-end;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
text-anchor:start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
-webkit-box-align:flex-start;
-webkit-align-items:flex-start;
-ms-flex-align:flex-start;
align-items:flex-start;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
text-anchor:start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
-webkit-box-align:flex-end;
-webkit-align-items:flex-end;
-ms-flex-align:flex-end;
align-items:flex-end;
-webkit-box-pack:flex-start;
-webkit-justify-content:flex-start;
-ms-flex-pack:flex-start;
justify-content:flex-start;
text-align:left;
text-anchor:start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
-webkit-box-align:flex-start;
-webkit-align-items:flex-start;
-ms-flex-align:flex-start;
align-items:flex-start;
-webkit-box-pack:flex-start;
-webkit-justify-content:flex-start;
-ms-flex-pack:flex-start;
justify-content:flex-start;
text-align:left;
text-anchor:start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:flex-end;
-webkit-justify-content:flex-end;
-ms-flex-pack:flex-end;
justify-content:flex-end;
text-align:right;
text-anchor:end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:flex-start;
-webkit-justify-content:flex-start;
-ms-flex-pack:flex-start;
justify-content:flex-start;
text-align:left;
text-anchor:end;
}

.ct-grid {
stroke:rgba(0,0,0,0.2);
stroke-width:1px;
stroke-dasharray:2px;
}

.ct-grid-background {
fill:none;
}

.ct-point {
stroke-width:10px;
stroke-linecap:round;
}

.ct-line {
fill:none;
stroke-width:4px;
}

.ct-area {
stroke:none;
fill-opacity:0.1;
}

.ct-bar {
fill:none;
stroke-width:10px;
}

.ct-slice-donut {
fill:none;
stroke-width:60px;
}

.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut {
stroke:#4f8478;
}

.ct-series-a .ct-slice-pie,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-area {
fill:#4f8478;
}

.ct-series-b .ct-point,.ct-series-b .ct-line,.ct-series-b .ct-bar,.ct-series-b .ct-slice-donut {
stroke:#70a99c;
}

.ct-series-b .ct-slice-pie,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-area {
fill:#70a99c;
}

.ct-series-c {
color:#9fc6bd;
}

.ct-series-c .ct-point,.ct-series-c .ct-line,.ct-series-c .ct-bar,.ct-series-c .ct-slice-donut {
stroke:#9fc6bd;
}

.ct-series-c .ct-slice-pie,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-area {
fill:#9fc6bd;
}

.ct-series-d {
color:#cfe2de;
}

.ct-series-d .ct-point,.ct-series-d .ct-line,.ct-series-d .ct-bar,.ct-series-d .ct-slice-donut {
stroke:#cfe2de;
}

.ct-series-d .ct-slice-pie,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-area {
fill:#cfe2de;
}

.ct-series-e {
color:#eff5f4;
}

.ct-series-e .ct-point,.ct-series-e .ct-line,.ct-series-e .ct-bar,.ct-series-e .ct-slice-donut {
stroke:#eff5f4;
}

.ct-series-e .ct-slice-pie,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-area {
fill:#eff5f4;
}

.ct-series-f .ct-point,.ct-series-f .ct-line,.ct-series-f .ct-bar,.ct-series-f .ct-slice-donut {
stroke:#59922b;
}

.ct-series-f .ct-slice-pie,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-area {
fill:#59922b;
}

.ct-series-g .ct-point,.ct-series-g .ct-line,.ct-series-g .ct-bar,.ct-series-g .ct-slice-donut {
stroke:#0544d3;
}

.ct-series-g .ct-slice-pie,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-area {
fill:#0544d3;
}

.ct-series-h .ct-point,.ct-series-h .ct-line,.ct-series-h .ct-bar,.ct-series-h .ct-slice-donut {
stroke:#6b0392;
}

.ct-series-h .ct-slice-pie,.ct-series-h .ct-slice-donut-solid,.ct-series-h .ct-area {
fill:#6b0392;
}

.ct-series-i .ct-point,.ct-series-i .ct-line,.ct-series-i .ct-bar,.ct-series-i .ct-slice-donut {
stroke:#f05b4f;
}

.ct-series-i .ct-slice-pie,.ct-series-i .ct-slice-donut-solid,.ct-series-i .ct-area {
fill:#f05b4f;
}

.ct-series-j .ct-point,.ct-series-j .ct-line,.ct-series-j .ct-bar,.ct-series-j .ct-slice-donut {
stroke:#dda458;
}

.ct-series-j .ct-slice-pie,.ct-series-j .ct-slice-donut-solid,.ct-series-j .ct-area {
fill:#dda458;
}

.ct-series-k .ct-point,.ct-series-k .ct-line,.ct-series-k .ct-bar,.ct-series-k .ct-slice-donut {
stroke:#eacf7d;
}

.ct-series-k .ct-slice-pie,.ct-series-k .ct-slice-donut-solid,.ct-series-k .ct-area {
fill:#eacf7d;
}

.ct-series-l .ct-point,.ct-series-l .ct-line,.ct-series-l .ct-bar,.ct-series-l .ct-slice-donut {
stroke:#86797d;
}

.ct-series-l .ct-slice-pie,.ct-series-l .ct-slice-donut-solid,.ct-series-l .ct-area {
fill:#86797d;
}

.ct-series-m .ct-point,.ct-series-m .ct-line,.ct-series-m .ct-bar,.ct-series-m .ct-slice-donut {
stroke:#b2c326;
}

.ct-series-m .ct-slice-pie,.ct-series-m .ct-slice-donut-solid,.ct-series-m .ct-area {
fill:#b2c326;
}

.ct-series-n .ct-point,.ct-series-n .ct-line,.ct-series-n .ct-bar,.ct-series-n .ct-slice-donut {
stroke:#6188e2;
}

.ct-series-n .ct-slice-pie,.ct-series-n .ct-slice-donut-solid,.ct-series-n .ct-area {
fill:#6188e2;
}

.ct-series-o .ct-point,.ct-series-o .ct-line,.ct-series-o .ct-bar,.ct-series-o .ct-slice-donut {
stroke:#a748ca;
}

.ct-series-o .ct-slice-pie,.ct-series-o .ct-slice-donut-solid,.ct-series-o .ct-area {
fill:#a748ca;
}

.ct-square {
display:block;
position:relative;
width:100%;
}

.ct-square:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:100%;
}

.ct-square:after {
content:"";
display:table;
clear:both;
}

.ct-square > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-minor-second {
display:block;
position:relative;
width:100%;
}

.ct-minor-second:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:93.75%;
}

.ct-minor-second:after {
content:"";
display:table;
clear:both;
}

.ct-minor-second > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-major-second {
display:block;
position:relative;
width:100%;
}

.ct-major-second:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:88.8888888889%;
}

.ct-major-second:after {
content:"";
display:table;
clear:both;
}

.ct-major-second > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-minor-third {
display:block;
position:relative;
width:100%;
}

.ct-minor-third:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:83.3333333333%;
}

.ct-minor-third:after {
content:"";
display:table;
clear:both;
}

.ct-minor-third > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-major-third {
display:block;
position:relative;
width:100%;
}

.ct-major-third:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:80%;
}

.ct-major-third:after {
content:"";
display:table;
clear:both;
}

.ct-major-third > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-perfect-fourth {
display:block;
position:relative;
width:100%;
}

.ct-perfect-fourth:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:75%;
}

.ct-perfect-fourth:after {
content:"";
display:table;
clear:both;
}

.ct-perfect-fourth > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-perfect-fifth {
display:block;
position:relative;
width:100%;
}

.ct-perfect-fifth:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:66.6666666667%;
}

.ct-perfect-fifth:after {
content:"";
display:table;
clear:both;
}

.ct-perfect-fifth > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-minor-sixth {
display:block;
position:relative;
width:100%;
}

.ct-minor-sixth:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:62.5%;
}

.ct-minor-sixth:after {
content:"";
display:table;
clear:both;
}

.ct-minor-sixth > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-golden-section {
display:block;
position:relative;
width:100%;
}

.ct-golden-section:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:61.804697157%;
}

.ct-golden-section:after {
content:"";
display:table;
clear:both;
}

.ct-golden-section > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-major-sixth {
display:block;
position:relative;
width:100%;
}

.ct-major-sixth:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:60%;
}

.ct-major-sixth:after {
content:"";
display:table;
clear:both;
}

.ct-major-sixth > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-minor-seventh {
display:block;
position:relative;
width:100%;
}

.ct-minor-seventh:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:56.25%;
}

.ct-minor-seventh:after {
content:"";
display:table;
clear:both;
}

.ct-minor-seventh > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-major-seventh {
display:block;
position:relative;
width:100%;
}

.ct-major-seventh:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:53.3333333333%;
}

.ct-major-seventh:after {
content:"";
display:table;
clear:both;
}

.ct-major-seventh > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-octave {
display:block;
position:relative;
width:100%;
}

.ct-octave:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:50%;
}

.ct-octave:after {
content:"";
display:table;
clear:both;
}

.ct-octave > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-major-tenth {
display:block;
position:relative;
width:100%;
}

.ct-major-tenth:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:40%;
}

.ct-major-tenth:after {
content:"";
display:table;
clear:both;
}

.ct-major-tenth > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-major-eleventh {
display:block;
position:relative;
width:100%;
}

.ct-major-eleventh:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:37.5%;
}

.ct-major-eleventh:after {
content:"";
display:table;
clear:both;
}

.ct-major-eleventh > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-major-twelfth {
display:block;
position:relative;
width:100%;
}

.ct-major-twelfth:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:33.3333333333%;
}

.ct-major-twelfth:after {
content:"";
display:table;
clear:both;
}

.ct-major-twelfth > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.ct-double-octave {
display:block;
position:relative;
width:100%;
}

.ct-double-octave:before {
display:block;
float:left;
content:"";
width:0;
height:0;
padding-bottom:25%;
}

.ct-double-octave:after {
content:"";
display:table;
clear:both;
}

.ct-double-octave > svg {
display:block;
position:absolute;
top:0;
left:0;
}

.button_group > a {
border-style:solid;
border-width:1px;
border-color:#AAA;
border-radius:0px;
border-left-style:none;
background:-webkit-linear-gradient(top,#ffffff,#dddddd);
height:16px;
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:20px;
float:left;
font-family:helvetica, serif;
font-size:12px;
color:#000;
text-decoration:none;
}

.button_group > a:first-child {
border-left-style:solid;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}

.button_group > a:last-child {
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}

.button_group > a:hover {
background:-webkit-linear-gradient(top,#ffffff,#e5e5e5);
}

.button_group > a:active {
background:#DDD;
}

.popup_button {
position:relative;
}

/* Drop down triangle indicator */
.popup_button:after {
content:"";
width:0;
height:0;
position:absolute;
right:8px;
top:50%;
margin-top:-3px;
border-width:4px 4px 0;
border-style:solid;
border-color:#000 transparent;
}

.drop_down {
cursor:pointer;
padding:0.1em 0.3em;
position:relative;
display:inline-block;
border-style:solid;
border-width:1px;
border-color:#FFF;
border-radius:0.15em;
transition:border-color 0.5s;
-webkit-transition:border-color 0.5s;
}

.drop_down::after {
content:"\25BC";
font-size:40%;
color:#D3D3D3;
vertical-align:middle;
padding-left:0.5em;
transition:color 0.5s;
-webkit-transition:color 0.5s;
}

.drop_down:hover {
border-color:#999;
}

.drop_down:hover::after {
color:#999;
}

.drop_down.show {
border-color:#999;
}

/* Drop Down List */
.drop_down_content {
display:none;
position:absolute;
min-width:250px;
box-shadow:0px 5px 15px -5px rgba(0,0,0,0.5);
z-index:9999;
color:#333;
background:#fff;
border:1px solid #ccc;
border-bottom-color:#bbb;
font-size:14px;
line-height:20px;
font-weight:700;
text-decoration:none;
}

.drop_down_content a {
display:block;
text-decoration:none;
padding:0.5em;
color:#333;
}

.drop_down_content a:hover {
color:#FFF;
background-color:#88c1b5;
text-decoration:none;
}

.drop_down_content.show {
display:block;
}

.content input {
border-color:#d0d0d0;
border-style:solid;
border-width:1px;
width:100%;
}

.content textarea {
border-color:#d0d0d0;
border-style:solid;
border-width:1px;
width:100%;
}

.content .error {
color:red;
font-size:80%;
}

.content button {
float:right;
}

pre {
white-space:pre-wrap;
}

.added {
color:#406619;
background:#eaf2c2;
text-decoration:none;
border:1px solid #a3ce4c;
}

.removed {
color:#b30000;
background:#fadad7;
text-decoration:none;
border:1px solid #f8a4a4;
}

.unchanged {
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
z-index:9999;
display:block;
position:relative;
color:#333;
background:#fff;
border:1px solid #ccc;
border-bottom-color:#bbb;
font-family:Oxygen, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,.pika-single:after {
content:" ";
display:table;
}

.pika-single:after {
clear:both;
}

.pika-single {
zoom:1;
}

.pika-single.is-hidden {
display:none;
}

.pika-single.is-bound {
position:absolute;
box-shadow:0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
float:left;
width:240px;
margin:8px;
}

.pika-title {
position:relative;
text-align:center;
}

.pika-label {
display:inline-block;
display:inline;
position:relative;
z-index:9999;
overflow:hidden;
margin:0;
padding:5px 3px;
font-size:14px;
line-height:20px;
font-weight:700;
background-color:#fff;
}

.pika-title select {
cursor:pointer;
position:absolute;
z-index:9998;
margin:0;
left:0;
top:5px;
filter:alpha(opacity=0);
opacity:0;
}

.pika-prev,.pika-next {
display:block;
cursor:pointer;
position:relative;
outline:none;
border:0;
padding:0;
width:20px;
height:30px;
/* hide text using text-indent trick, using width value (it's enough) */
text-indent:20px;
white-space:nowrap;
overflow:hidden;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
background-size:75% 75%;
opacity:.5;
position:absolute;
top:0;
}

.pika-prev:hover,.pika-next:hover {
opacity:1;
}

.pika-prev,.is-rtl .pika-next {
float:left;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
left:0;
}

.pika-next,.is-rtl .pika-prev {
float:right;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
right:0;
}

.pika-prev.is-disabled,.pika-next.is-disabled {
cursor:default;
opacity:.2;
}

.pika-select {
display:inline-block;
display:inline;
}

.pika-table {
width:100%;
border-collapse:collapse;
border-spacing:0;
border:0;
}

.pika-table th,.pika-table td {
width:14.285714285714286%;
padding:0;
}

.pika-table th {
color:#999;
font-size:12px;
line-height:25px;
font-weight:700;
text-align:center;
}

.pika-button {
cursor:pointer;
display:block;
box-sizing:border-box;
-moz-box-sizing:border-box;
outline:none;
border:0;
margin:0;
width:100%;
padding:5px;
color:#666;
font-size:12px;
line-height:15px;
text-align:right;
background:#f5f5f5;
}

.pika-week {
font-size:11px;
color:#999;
}

.is-today .pika-button {
color:red;
font-weight:700;
}

.is-selected .pika-button {
color:#fff;
font-weight:700;
background:#88c1b5;
box-shadow:inset 0 1px 3px #79b9ab;
border-radius:3px;
}

.is-inrange .pika-button {
background:#D5E9F7;
}

.is-startrange .pika-button {
color:#fff;
background:#6CB31D;
box-shadow:none;
border-radius:3px;
}

.is-endrange .pika-button {
color:#fff;
background:#3AF;
box-shadow:none;
border-radius:3px;
}

.is-disabled .pika-button,.is-outside-current-month .pika-button {
pointer-events:none;
cursor:default;
color:#999;
opacity:.3;
}

.pika-button:hover {
color:#fff;
background:#4f8478;
box-shadow:none;
border-radius:3px;
}

/* styling for abbr */
.pika-table abbr {
border-bottom:none;
cursor:help;
}

.tabs {
padding:0em;
margin-top:1em;
margin-bottom:0em;
margin-left:1em;
margin-right:1em;
}

.tab {
display:inline-block;
border:solid 1px #D3D3D3;
border-top-left-radius:5px;
border-top-right-radius:5px;
padding:0.5em;
margin:0em;
margin-right:0.2em;
cursor:pointer;
color:grey;
}

.selected.tab {
border-bottom:solid 1px #FFF;
color:#000;
}

.panels {
padding:0em;
margin:0em;
}

.panel {
display:none;
border:solid 1px #D3D3D3;
padding:1em;
margin-top:-1px;
margin-bottom:0em;
margin-left:1em;
margin-right:1em;
}

.selected.panel {
display:block;
}