body {
    background: #4f4f4f;
    font-size: 12px;
    letter-spacing: .5px;
    font-family: Arial, Helvetica, sans-serif;
    /* text-transform: uppercase; */
}

.outer .lower {
    display: flex;
    justify-content: space-between;
    width: 95vw;
    background: #4f4f4f;
}

.outer {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.outer .up {
    height: 8vh;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.left {
    width: 25%;
    background: white;

}

.left form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;

}

.left input,
select {
    width: 90%;
    padding: 5px;
    margin: 2px;
}

select {
    width: 94%;
}

.right {
    /* text-transform: uppercase; */
    padding: 50px;
    padding-top: 0;
    width: 65%;
    background: white;
}

.right p {
    margin: 4px;
}

.right img {
    height: 40px;
}

.last-mt {
    padding: 5vh;
    margin-top: 5vh;
    font-family: 'Courier New', Courier, monospace;
    width: 93.5%;
    background: white;
}

.mt {
    width: 40%;
    /* background: gray; */
    display: flex;
}

.mt p {
    margin: 0;
}

.mt-left {
    margin-right: 20px !important;
    width: 20%;
    text-align: right;
}

.mt-right {
    /* background: grey; */
    width: 80%;
}

.upperCase {
    text-transform: uppercase !important;
}
#black-bg{
    background: black;
}
.mt-right.black{
    background: #000 !important;
}

@media print{
    .black {
        background: #000 !important;
        /* print-color-adjust: exact;  */
    }
}