.content-width-xs {
    width: 288px;
}

.content-width-sm {
    width: 320px;
}

.content-width-md {
    width: 450px;
}

.content-width-lg {
    width: 655px;
}

.content-height-md {
    max-height:400px; 
    overflow-y:scroll;
}

.content-flex {
    width: 320px;
    height: 400px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    resize: both;
    overflow: auto;
}
.pdf-content-flex {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    flex:auto;
    resize: both;
    overflow: auto;
}
.right {
    float: right; 
}

.center-content {
    margin-left:auto;
    margin-right:auto;
}

@media (width < 600px) {
    .dashboard-body {
        display: flex;
        flex-direction: column;
        min-height: 950px;
        column-gap:15px;
    }
}

@media (width >= 600px) {
    .dashboard-body {
        display:flex;
        flex-wrap: wrap;
        gap:15px 15px;
    }
}

.grid-compare {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr;
}

.grid-invoice-list {
    display: grid;
    grid-template-columns: 2fr 3fr 1fr;
}

.grid-invoice-details-list {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.grid-invoice-details {
    display: grid;
    grid-template-columns: 2.5fr 0.5fr 1fr 1fr 1fr;
}

.grid-1to1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid-1to2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.grid-1to3 {
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.grid-3to1 {
    display: grid;
    grid-template-columns: 3fr 1fr;
}

.grid-3to2 {
    display: grid;
    grid-template-columns: 3fr 2fr;
}

.grid-4to1 {
    display: grid;
    grid-template-columns: 4fr 1fr;
}

.grid-6to2to4 {
    display: grid;
    grid-template-columns: 6fr 2fr 4fr;
}

.grid-1to1to1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.font-ssmall * {
    font-size: 0.6878rem;
    font-weight: 100;
    line-height: 1.3125;
    letter-spacing: .01em;
}

.font-small * {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.3125;
    letter-spacing: .02em;
}

.font-msmall * {
    font-size: 0.8rem;
    line-height: 1.4;
    font-weight: 300;
    letter-spacing: .02em;
}

.font-medium * {
    font-size: 1rem;
}

.font-lmedium * {
    font-size: 1.1rem;
}

.opacity-07{
    opacity:0.7;
}