html {
    height: auto;
}
.body_1 {
    background-image: url(images/favpath_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}



.body-backgroundcolor {
    background-color: gainsboro;

}
.footer-backgroundcolor {
    background-color: #7a9fc2;
}
.header-backgroundcolor {
    background-color: #8585ff;
}
.ChkBoxClass input {
    width: 35px;
    height: 35px;
}

.border-win {
    border-style: solid;
    border-width: medium;
    border-color: darkblue;
    border-radius: 15px 15px;
}
.cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selectedtab {
    background-color: slategrey;
    color: white;
    font-weight:700;
}

.unselectedtab {
    background-color: lightgray;
    color: black;
    font-weight: 500;
}


.border-main {
    text-align:center;
    width: 40%;
}
@media only screen and (max-width: 1000px) {
    .border-main {
        text-align: center;
        width: 100%;
    }
}

.text-main {
    font-size: larger;
}

@media only screen and (max-width: 1000px) {
    .text-main {
        font-size: small;
    }
}





input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin-left: 5px;
}

.grad {
    background-image: linear-gradient(to left, #8585ff, white 80%); /* Standard syntax (must be last) */
}

.radgrad {
    background-image: radial-gradient(at 0px 0px, white 10%, #7a9fc2 90% );
    height: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}





.display-main {
    font-size: xx-large;
}
@media only screen and (max-width: 1000px) {
    .display-main {
        font-size: medium;
    }
}



.display-h1 {
    font-size: 36pt;
}

@media only screen and (max-width: 1000px) {
    .display-h1 {
        font-size: x-large;
    }
}



xxbutton {
    width: 150px;
    height: 40px;
    background-color: purple;
    color: white;
    border: 2px solid;
    border-color: purple;
    border-radius: 10px;
    font-size: 18px;
    transition: all 0.2s ease-in-out;
}

    xxbutton:hover {
        background-color: pink;
        border-color: pink;
        cursor: pointer;
    }




.txt {
    border: 3px solid;
    border-color: #7a9fc2;
}

    .txt:hover {
        border: 3px solid;
        border-color: red;
    }

    .txt:focus {
        border: 3px solid;
        border-color: #8585ff;
    }




.machQR-Menu {
    vertical-align: top;
    text-align: right !important;
    font-size: 1rem;
    font-weight: 500;
    color: white !important;
    padding-left: 1em;
    text-decoration: underline;
}
@media only screen and (max-width: 868px) {
    .machQR-Menu {
        vertical-align: top;
        text-align: right !important;
        font-size: 2rem;
        line-height: 1;
        color: white !important;
    }
}