.flex {
    display: flex;
}

.font-09 {
    font-size: 0.9rem;
}

.font-10 {
    font-size: 1.0rem;
}

.font-12 {
    font-size: 1.2rem;
}

.font-15 {
    font-size: 1.5rem;
}

.font-20 {
    font-size: 2.0rem;
}

.grow-1 {
    flex: 1;
}

.row {
    flex-direction: row;
}

.col {
    flex-direction: column;
}

.space-between {
    justify-content: space-between;
}

.space-around {
    justify-content: space-around;
}

.h-center {
    justify-content: center;
}

.v-center {
    align-items: center;
}

.hv-center {
    align-items: center;
    justify-content: center;
}

.margin-xsh {
    margin: 0 0.4rem;
}

.margin-sh {
    margin: 0 0.8rem;
}

.margin-mh {
    margin: 0 1.6rem;
}

.margin-lh {
    margin: 0 2.4rem;
}

.margin-xsv {
    margin: 0.4rem 0;
}

.margin-sv {
    margin: 0.8rem 0;
}

.margin-mv {
    margin: 1.6rem 0;
}

.margin-lv {
    margin: 2.4rem 0;
}

.padding-xsh {
    padding: 0 0.4rem;
}

.padding-sh {
    padding: 0 0.8rem;
}

.padding-mh {
    padding: 0 1.6rem;
}

.padding-lh {
    padding: 0 2.4rem;
}

.padding-xsv {
    padding: 0.4rem 0;
}

.padding-sv {
    padding: 0.8rem 0;
}

.padding-mv {
    padding: 1.6rem 0;
}

.padding-lv {
    padding: 2.4rem 0;
}

.width-25 {
    max-width: 25%;
    width: 100%;
}

.width-50 {
    max-width: 50%;
    width: 100%;
}

.width-100 {
    max-width: 100%;
    width: 100%;
}

.bold {
    font-weight: bold;
}

.pointer {
    cursor: pointer;
}

.rotate-180 {
    transform: rotate(180deg);
}

.chevron {
    display: inline-block;
    transition: transform 0.1s linear;
}

.header {
    background: #0066CC;
    color: white;
    font-size: 16px;
    padding: 6px 0;
}

.subheader {
    background-color: #AAAAAA;
    border: solid 1px #888888;
    color: #666666;
    font-size: 14px;
    height: 24px;
}

.container {
    background: white;
    border: solid 1px #888888;
}

.contents-container {
    background: #CDCDCD;
    gap: 5px;
    padding: 5px 0 5px 5px;
}

.menu-button {
    align-items: center;
    background: white;
    border: solid 1px #888888;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 24px;
    min-width: 60px;
    padding: 3px;
}

.menu-button:hover {
    filter: brightness(90%);
}

.menu-button-disabled {
    align-items: center;
    background: #EFEFEF;
    border: solid 1px #888888;
    color: #444444;
    display: flex;
    font-style: italic;
    justify-content: center;
    min-height: 24px;
    min-width: 60px;
    padding: 3px;
}
.button-ready {
    background-color: rgb(191, 237, 255);
    border: solid 1px #666666;
    color: rgb(1, 30, 63);
    font-weight: bold;
    font-size: 18px;
    height: 40px;
    width:160px;
    cursor: pointer;
}
.button-ready:hover{
    filter:brightness(90%);
}
.button-cancel {
    background-color: rgb(255, 217, 217);
    border: solid 1px #666666;
    color: rgb(75, 0, 0);
    font-weight: bold;
    font-size: 18px;
    height: 40px;
    width:160px;
    cursor: pointer;
}
.button-cancel:hover{
    filter:brightness(90%);
}