@charset "utf-8";
/* CSS Document */
td
{
    display: table-cell;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
}


.item-title
{
    position: absolute;
    width:500px;
    height:21px;
    color: #292921;
    text-align: center;
    font-size: 10pt;
    line-height: 1.2em;
}
#item-title-0 { top: 84px; left: 15px; width:200px; }
#item-title-1 {top: 84px;left: 683px;width:200px;}
#item-title-2 {
  top: 84px;
  left: 324px;
  width: 480px;
}

.canvas-holder
{
    position: absolute;
    top: 130px;
    width:200px;
    height:420px;
}
#canvas-holder-0 { left: 15px; }
#canvas-holder-1 {left: 683px;}
.canvas-holder canvas{position: absolute;}

.label-holder
{
    position: absolute;
    width: 110px;
}
.label-holder table{ border-spacing:0px; border-collapse:collapse; width: 100%; }
.label-holder.left{left: 0px;}
.label-holder.right{left: 113px;}

.label-holder .label
{
    text-align: left;
    width: 70px;
    padding: 0px;
    padding-left: 5px;
    font-size: 13px;
    color: #ffffff;
    line-height: 1.2em;
}
.label-holder .value
{
    text-align: right;
    width: 20px;
    padding: 0px;
    padding-right: 5px;
    font-size: 9.5pt;
    color: #ffffff;
    line-height: 1.2em;
}
.bold {
  font-weight: 700; 
}
.label-holder .label-total
{
    text-align: left;
    width: 75px;
    padding: 0px;
    padding-left: 5px;
    font-size: 8.5pt;
    color: #ffffff;
    line-height: 1.2em;
}

.input-holder
{
    position:absolute;
    top: 5px;
    left: 56px;
    width: 100%;
    height: 50px;
    font-family:Arial, sans-serif;
    font-size:10.5pt;
    color: #5A5A4B;
}


.input-title
{
    position:absolute;
    font-weight: bold;
    font-size: 10.5pt;
    padding-top: 20px;
    color: #DCDCD2;
    line-height: 1.3em;
    border-right: 1px solid #DCDCD2;
}

.graph_container1-back
{
    position: absolute;
    top: 120px;
    left: 235px;
    width: 450px;
    height: 260px;
    background-color: fff;
}
.graph_container1
{
    position: absolute;
    top: 130px;
    left: 220px;
    width: 430px;
    height: 230px;
}

.value-label
{
    position: absolute;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2em;
    padding-right:3px;
    padding-left:3px;
}

.radio-table
{
    border-collapse: collapse;
    border-spacing: 12px;
    border: 1px solid rgba(0,0,0,0.2);
    margin-top:10px;
    height: 50px;
    box-shadow: 0 0 8px rgba(0,0,0,0.18);
}
.radio-table label {
  position: absolute; 
}
.radio-table tr {height:50px;}
.radio-table .check_col{width: 100px;height:50px;cursor: pointer;background: linear-gradient(#FFF, #F6F6F6);}

.radio-label
{
    position: relative;
    top: -50px;
    left: 0px;
    width: 100px;
    height: 50px;
    text-align: center;padding-top: 0px;

    font-size: 9.0pt;
    line-height: 1.2em;
    cursor: pointer;
}
.radio-label.single{height: 28px; padding-top: 22px;}
.radio-label.double{height: -7px;padding-top: 11px;}
.radio-label.triple{height: 46px; padding-top: 4px;}
.working-holder
{
    position:absolute;
    top: 410px;
    left: 195px;
    width: 530px;
    height: 163px;
}

.working{color: #292920;font-size: 14px;font-weight: normal;margin-top: 0px;margin-left: auto;margin-right: auto;}
.working.top-heavy{ margin-top: 30px; }
.working table { margin-left: auto; margin-right: auto;}
.working .equal{ padding-left: 5px; padding-right: 5px; }
.working .fraction
{
    display:inline-block;
    text-align:center;
    position: relative;
}

.working .numerator
{
    display:block;
    padding:0px 2px 4px 2px;
}

.working .denominator
{
    border-top:1px solid #292920;
    display:block;
    padding:4px 2px 0px 2px;
}
.working .numerator.nopad{ padding:0px 0px 4px 0px; }
.working .denominator.nopad{ padding:4px 0px 0px 0px; }
.align-top-vinculum{ padding-top: 28px; }

.working .solution
{
    color: #292920;
    font-size: 14pt;
    font-weight: normal;
}
/*#working2{font-size: 10pt;}
#working4{font-size: 10pt;}
#working6{font-size: 10pt;}*/
/*#working2 .solution{font-size: 13pt;}
#working4 .solution{font-size: 13pt;}
#working6 .solution{font-size: 13pt;}*/

.work-value
{
    display:inline-block;
    width: 46px;
    height: 26px;
    background: #396400;
    text-align: center;
    font-weight: normal;
    color: #FFFFFF;
    background-repeat: no-repeat;
    line-height: 26px;
    margin: 4px;
    font-size: 15px;
    font-weight: 700;
}

.work-value.work-value0{background: #00930f;}
.work-value.work-value1{background: #eff0f0;color: black;}
.work-value.work-value2{background: #b10021;}
.work-value.work-value3{ background-position: -180px 0px; }
.work-value.work-value4{ background-position: -240px 0px; }

/*
.work-value.smaller { width: 44px; }
.work-value.work-value0.smaller{ background-position: -9px 0px; }
.work-value.work-value1.smaller{ background-position: -69px 0px; }
.work-value.work-value2.smaller{ background-position: -129px 0px; }
.work-value.work-value3.smaller{ background-position: -189px 0px; }
.work-value.work-value4.smaller{ background-position: -249px 0px; }
*/

.number-holder
{
    position:absolute;
    top:66px;
    left:0px;
    width: 100%;
    height: 100%;
}
.number-value
{
    position: absolute;
    width: 46px;
    height: 26px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #FFFFFF;
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-left: 9px;
    line-height: 26px;
    box-shadow: -2px 2px 10px rgba(0,0,0,1);
    background: #00930f;
    font-weight: 400;
}

.number-value.number-value0{ background-position: 0px 0px; }
.number-value.number-value1{background: #eff0f0;color: black;}
.number-value.number-value2{background: #b10021;}
.number-value.number-value3{background: #004906;}
.number-value.number-value4{background: #396400;}

#number0-0{left: 456px;top: 60px;}
#number0-1{left: 70px;top: 281px;}
/*#number0-2{ left: 162px; top: 380px; }*/
#number0-3{left: 739px;top: 324px;}
/*#number0-4{ left: 855px; top: 440px; }*/

#number1-0{left: 69px;top: 137px;}
#number1-1{left: 737px;top: 186px;}
#number1-2{left: 540px;top: 94px;}

#number2-0{left: 69px;top: 137px;}
#number2-1{left: 737px;top: 186px;}
#number2-2{left: 540px;top: 94px;}

#number3-0{left: 70px;top: 110px;}
#number3-1{left: 738px;top: 147px;}
#number3-2{left: 456px;top: 60px;}

#number4-0{left: 70px;top: 110px;}
#number4-1{left: 738px;top: 147px;}
#number4-2{left: 456px;top: 60px;}

#number5-0{left: 182px;top: 55px;}
#number5-1{left: 850px;top: 69px;}
#number5-2{left: 540px;top: 94px;}

#number6-0{left: 182px;top: 55px;}
#number6-1{left: 850px;top: 69px;}
#number6-2{left: 540px;top: 94px;}

.category-label
{
    position: absolute;
    font-size: 8pt;
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;


}
.category-label.assets
{
    color: #6B8634;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    top: 33px;
    left: -17px;
}
.category-label.liabilities
{
    color: #B10021;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    top: -1px;
    left: 239px;
}
.category-label.equity1
{
    color: #00446A;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    top: 108px;
    left: 239px;
}
.category-label.equity2
{
    color: #00446A;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    top: 126px;
    left: 239px;
}

.selected:not(#info-button){background: red;background: linear-gradient(#b8bcbd, #cccccc) !important;box-shadow: 0px 0px 15px rgba(255, 255, 255, 1), 0px 0px 15px rgba(255, 255, 255, 1);z-index: 1;}
.styledRadio {
   border-left: 1px solid #d2d2d2;
}
.radio-table tr > td:first-child .styledRadio {
  border: none; 
}
.item-title {
  text-align: left;
}
.value-label {
  padding: 3px;
  margin: -1px 0px 0px -3px;
}
.no-background {
  background: none; 
  color: black;
}
.tickLabel {
  color: black !important; 
}

.label-holder.total .label, .label-holder.total .value, .label-holder.total span {
  color: #242424;
}

.label-holder.total .label {
  font-size: 13px;
}

.holder {
  position: absolute;
  top: 18px;
}

.phrase {
  position: absolute;
  left: 56px;
  top: -8px;
  white-space: nowrap;
  font-size: 11px;
}

.value-label:last-child {
  margin-left: -56px;
  color: white;
}

.value-label:nth-last-child(2) {
  margin-left:-8px;
}

.parenthesis::before, .parenthesis::after {content: '';position: absolute;top: 0px;right: 100%;height: 100%;width: 10px;background: url(../assets/parenthesis-left.svg);background-size: auto 100%;background-repeat: no-repeat;margin-top: 2px;}

.parenthesis::after {
  right: auto;
  left: 100%;
  transform: scale(-1, 1);
}

#number7-2 {
  top: 324px;
  left: 739px;
}

#number7-1 {
  top: 281px;
  left: 70px;
}

#number7-0 {
  top: 235px;
  left: 316px;
  width: 39px;
}

td.little-padding {
  padding-left: 6px;
  padding-right: 6px;
}