/* utility styles */
/* ©2023 Athenaeum AI, Inc. */

.scroll-x {
    width: 100%;
    overflow-x: auto;
    /* flex: 0 0 auto;  */
    /* overflow: hidden; */
    display: block;
}

.scroll-y {
    /* height: 100%; */
    flex-grow: 1;
    overflow-y: auto;
    /* flex: 0 0 auto;  */
    /* overflow: hidden; */
    display: block;
}

.height-50px {
    height: 50px;
}

.height-100px {
    height: 100px;
}

.width-275px {
    width: 275px;
}

.width-250px {
    width: 250px;
}

.width-225px {
    width: 225px;
}

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

.width-100px {
    width: 100px;
}

.width-50px {
    width: 50px;
}

.width-80pct {
    width: 80%;
}

.width-60pct {
    width: 60%;
}

.width-50pct {
    width: 50%;
}

.width-40pct {
    width: 40%;
}

.padding-10px {
    padding: 10px;
    box-sizing: border-box;
}

.font-35px {
    font-size: 35px;
}

.font-italic {
    font-style: italic;
}

.whitespace-20pct {
    flex: 0 0 20%; /* Sets the basis to 20% and doesn't allow it to grow or shrink */
}

.whitespace-15pct {
    flex: 0 0 15%; /* Sets the basis to 20% and doesn't allow it to grow or shrink */
}

.whitespace-10pct {
    flex: 0 0 10%; /* Sets the basis to 20% and doesn't allow it to grow or shrink */
}

.whitespace-5pct {
    flex: 0 0 5%; /* Sets the basis to 20% and doesn't allow it to grow or shrink */
}

.position-relative {
    position: relative;
}

.center-content {
    display: flex; /* Enable flexbox */
    flex-direction: column;
    justify-content: space-around; /* Center children horizontally */
    align-items: center; /* Center children vertically */
}

.center-content {
    text-align: center;
}

.gradient-background-grey {
    background: linear-gradient(to top, rgb(235, 235, 235), rgb(254, 255, 254));
}

.background-grey {
    background-color: #efefef;
}

.background-white {
    background-color: #ffffff;
}