.main-content {
    height: 95vh !important;
}
.main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh !important;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/src/logo/BACKGROUNDconcrete.png');
    background-size: cover;
    margin: 0 !important;
    background-position: center;
}
.main-content > .content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media only screen and (min-width: 1024px) {
    .main-content > .content > * {
        width: 25%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1231px) {
    .main-content > .content > * {
        width: 50%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main-content > .content > * {
        width: 66.666%;
    }
}
@media only screen and (max-width: 767px) {
    .main-content > .content > * {
        width: 83.333%;
    }
}
.main-content > .content > .card#Error_Card {
    align-items: center;
    display: flex;
    justify-content: center;
}
.main-content > .content > .card#Login_Card,
.main-content > .content > .card#OrderTracking_Card {
    border-radius: 0.5rem;
    padding: 1.5rem;
    overflow-y: auto;
}
.main-content > .content > .card#Login_Card > .header {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin-bottom: 1.5rem;
}
.main-content > .content > .card#Login_Card > .header img {
    width: 33.333%;
}
.main-content > .content > .card#Login_Card > .footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.BtnSubDiv {
    width: 100%;
}
.btnTab {
    border-radius: 0 !important;
}
.btnTab:hover {
    border-bottom: 1px solid lightgray !important;
}
/*.underlineHover {

}*/
.BtnSubDiv {
    margin-top: 10px !important;
}
.selOpt {
    border-bottom: 1px solid black !important;
}
.tabs {
    display: flex;
    width: 50%;
    align-self: center;
    text-align-last: end;
    padding: 0 !important;
    font-size: 22px !important;
}
.text-22 {
    font-size: 20px !important;
    padding: 0 !important;
    padding-bottom: 3px !important;
}
.separator {
    padding: 0 10px !important;
}
.mBottom10 {
    margin-bottom: 10px !important;
}