.financial-table {
    /*border: solid 1px #000000!important;*/
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    width: 100% !important;
    table-layout: fixed;
}

.financial-table thead th {
    /*background-color: #B0B0B0!important;*/
    /*border: solid 1px #000000!important;*/
    /*color: #000000!important;*/
    /*padding: 5px!important;*/
    text-align: center !important;
    /*font-size: 12px!important;*/
}

.financial-table thead th .main-section-title {
    font-size: 12px;
}

.financial-table tbody th {
    border: solid 1px #ededed !important;
    color: #333 !important;
    padding: 5px !important;
    /*font-size: 10px !important;*/
    font-weight: normal;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
}

.financial-table tbody td {
    border: solid 1px #ededed !important;
    color: #333 !important;
    font-size: 12px !important;
    text-align: right !important;
    width: 70px;
    overflow: hidden;
}

.financial-table tbody td.wide{
    width: 90px;
}

.financial-table tbody td input {
    border: none;
    width: 59px;
    height: 16px;
    line-height: 16px;
    text-align: right;
    -moz-appearance: textfield;
    box-shadow: none;
}

.mpd-table {
    /*border: solid 1px #000;*/
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}

.mpd-table thead th {
}

.mpd-table thead td {
    background-color: white;
    border: none;
    color: #333;
    padding: 4px;
    font-size: 12px;
    overflow: hidden;
}

.mpd-table thead td.b {
    width: 48%;
}

.mpd-table thead th.a,
.mpd-table thead td.a,
.mpd-table tbody td.a {
    width: 26%;
}

.mpd-table thead th.b,
.mpd-table tbody td.b {
    width: 48%;
}

.mpd-table thead th.c,
.mpd-table thead td.c,
.mpd-table tbody td.c {
    width: 26%;
}

.mpd-table thead th.d,
.mpd-table thead td.d,
.mpd-table tbody td.d {
    width: 100%;
}

.mpd-table tbody td {
    /*border: solid 1px #000000;*/
    border: none;
    color: #333;
    padding: 5px !important;
    /*overflow: hidden;*/
    vertical-align: top;
}

.mpd-table tbody .sub-section-title {
    font-size: 12px;
    font-weight: bold;
    color: #0067B1;
    /*margin-bottom: 5px;*/
}

.mpd-table tbody .sub-section-title.red {
    color: #EF152F;
}

.mpd-table tbody .sub-section-title.green {
    color: #4BB47E;
}

.mpd-table tbody .sub-section-title.black {
    color: #000000;
}

.mpd-table .sub-section {
    margin-bottom: 10px;
}

.main-section-title {
    background-color: #0067B1;
    /*border: none;*/
    color: #ffffff;
    padding: 3px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    font-weight: bold;

}

.main-section-title.inner {
    margin-left: -10px;
    margin-right: -10px;
    border-left: none;
    border-right: none;
}

/* .c100:hover{cursor:default}.c100:hover > span{width:3.33em;line-height:3.33em;font-size:0.3em;color:#59bf90}.c100:hover:after{top:0.04em;left:0.04em;width:0.92em;height:0.92em}.c100.dark{background-color:#777777}.c100.dark .bar,.c100.dark .fill{border-color:#c6ff00 !important}.c100.dark > span{color:#777777}.c100.dark:after{background-color:#666666}.c100.dark:hover > span{color:#c6ff00}.c100.green .bar,.c100.green .fill{border-color:#4db53c !important}.c100.green:hover > span{color:#4db53c}.c100.green.dark .bar,.c100.green.dark .fill{border-color:#5fd400 !important}.c100.green.dark:hover > span{color:#5fd400}.c100.orange .bar,.c100.orange .fill{border-color:#dd9d22 !important}.c100.orange:hover > span{color:#dd9d22}.c100.orange.dark .bar,.c100.orange.dark .fill{border-color:#e08833 !important}.c100.orange.dark:hover > span{color:#e08833} */

.scorecard {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.scorecard h2 {
    width: 100%;
}

.scorecard-charts {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.scorecard-chart {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.scorecard-chart > span {
    width: 100%;
    text-align: center;
}

.scorecard-chart .c100 {
    margin: 0.1em;
    font-size: 50px;
}

.rzslider .rz-pointer {
    background-color: #59bf90;
    top: -6px;
    width: 16px;
    height: 16px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.rzslider[disabled] .rz-pointer {
    cursor: not-allowed;
    background-color: #59bf8f83;
}

.rzslider[disabled] .rz-pointer .rzslider .rz-bar {
    background: #d8e0f383;
}

.rzslider .rz-pointer:after {
    top: 6px;
    left: 6px;
    width: 4px;
    height: 4px;
}

.highlight:hover {
    font-weight: bold;
    background-color: #f2f4f6;
}

/* tasks context menu */

.context {
    float: left;
    position: relative;

}

.context-toggle {
    position: relative;
    /* height: 50px;
    line-height: 50px; */
    float: left;
    width: 100%;
    margin-top: 2rem;
}

.context-content {
    position: absolute;
    top: 46px;
    left: 50%;
    transform: translate3d(-50%, 1rem, 0);
    transition: all 0.15s ease-in-out;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    min-width: 500px;
}

.context-content::before {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    content: '';
    width: 0;
    height: 0;
    top: -10px;
    z-index: 1;
    border-style: solid;
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent #d4dadf transparent;
}

.context-content::after {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    content: '';
    z-index: 2;
    width: 0;
    height: 0;
    top: -9px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
}

.context-content.active {
    transform: translate3d(-50%, 0, 0);
    pointer-events: all;
    visibility: visible;
    opacity: 1;
}

.flex-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.flex-wrap-4-item {
    flex: 1 0 25%;
}

.height-2-line {
    max-height: 42px;
    text-align: center;
}

/*
.arrow-box {
    position: relative
}
.arrow-box:after, .arrow-box:before {
    right: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow-box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: white;
    border-width: 14px;
    margin-top: 15px;
    margin-right: -1px;
}
.arrow-box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #d4dadf;
    border-width: 13px;
    margin-top: 16px;
    margin-right: 1px;
} */