.login-form {
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

.top-header .navbar .nav-item .dropdown-user {
    width: 260px;
    border-radius: 1rem;
}

.card-img-top {
    height:296px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.upload_image_top{
    max-width:80%;
}

.upload_image_cardtext {
    height: 126px;
    overflow: hidden;
}

.upload_image_dropdown-menu {
    transform: translate(-180px,32px) !important;
    background-color:#f1f1f1;
    border:1px solid #808080;
}

.GetOrderList {
    font-weight: 700;
    font-size: 18px;
}
.GetOrderList.active {
    color: red;
}


.wpercent-20 {
    width: 90%;
}

.btn-domain { 
    width:170px;
    display:flex;
    justify-content:center;
    font-size:13px;
}

.hidden {
    display:none;
}

.link-out-area {
    width:100%;
    display:flex;
    flex-direction:column;
}

.w-5 {
    width: 5%;
    overflow:hidden;
}

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width:70%;
}

.id-area {
    white-space: nowrap; /* Prevents the text from wrapping to the next line */
    overflow:hidden;
}

.btn-custom {
    width:150px;
    display:flex;
    justify-content:center;
    align-items:center;
}

#example_length {
    font-size: 14px; /* Adjust font size here */
}

    #example_length label {
        font-size: 14px; /* Ensure the label text size is adjusted */
    }