:root {
    --chart-width: 100%;
    --chart-height:200px;
    --bar-value:0;
    --number-of-bars:2;
}

.internal-use {
    width:100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='180px'><text transform='translate(20, 100) rotate(-45)' fill='rgb(204, 204, 204)' font-size='18'>Internal Use Only</text></svg>");
}

h3{
    color:#f41c5e;
    text-transform: uppercase;
    text-align: center;
}

.fs-3{
    font-size: larger;
}

header{
    color: white;
    background-color: #333333;
}


section{
    page-break-inside: avoid;
    /*padding-top:2rem;*/
}
.header-image{
    max-height: 80px;
}

.bar-chart{
    width: var(--chart-width);
    height: var(--chart-height);
    margin-bottom: 5rem;
}

.bar-chart-item{
    height: 100%;
    width: calc(var(--chart-width)/var(--number-of-bars));
}

.bar-stack-container{
    flex:1;
    width:100%;
    height: 100%;
}

.bar-stack{
    height: var(--bar-value);
    margin-top: auto;
    width:100%;
    max-width: 100px;
}

.bar-segment {
    height: var(--bar-value);
    transition: all .3s ease-in-out;
    width: 100%;
    position: relative;
}

.bar-segment-dashed{
    border: 2px dashed #ccc;
}

.bar-segment-value{
    font-style: italic;
    font-weight: bold;
    opacity: 1 !important;
    position: absolute;
    top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}

.bar-chart-items {
    height: 100%;
    width: 100%;
    background: repeating-linear-gradient(#ccc, #ccc 2px, #fff 2px, #fff 20%);
    margin-top:13px;
}

.bar-chart-items-wrapper{
    height: 100%;
    width: 100%;
}

.bars-descriptions{
    height:20%;
}

.bar-chart-item-description{
    width: calc(var(--chart-width)/var(--number-of-bars));
}

.pdf .bar-chart-item-description{
    font-size: x-small;
}

.x-axis-description{
    height: 25%;
}

.description{
    
}

.description li{
    list-style: none;
}

.description ul{
    padding: 0;
}

.input-validation-error{
    border: 1px solid red;
}

.vitality-color-pink-background{
    background-color: #f41c5e;
}

.vitality-color-teal-background{
    background-color: #4f738a;
}

.vitality-color-turquoise-background{
    background-color: #5ab7b1;
}

.vitality-color-turquoise-background{
    background-color: #5ab7b1;
}

.half-opacity{
    opacity: 0.5;
}

.vitality-color-pink-background{
    background-color: #f41c5e;
}

.vitality-color-teal-border{
    border-color: #4f738a;
}

.vitality-color-turquoise-border{
    border-color: #5ab7b1;
}

.vitality-color-white-border{
    border-color: #fff;
}

.vitality-color-pink-border{
    border-color: #f41c5e;
}


.border-dashed{
    border-width: 2px;
    border-style: dashed;
}

.input-container{
    background-color: #4f738a;
    color:#fff;
    max-width: 1000px;
}

.input-container.input-container-lg{
    background-color: #4f738a;
    color:#fff;
    max-width: 100%;
}

.input-container h3{
    color:#fff;
    
}

.mw-200{
    max-width: 200px;
}

.text-danger{
    color: #ff5046 !important;
}

.pdf{
    font-size: smaller;
}

.alert li{
    list-style: none;
}
.alert ul {
    padding: 0;
    margin-top: 0;
}

.pdf h3{
}

.pdf #unique-plan-account{
    margin-top: 2rem;
}

.x-small{
    font-size: small;
}