#loading {
    display: none;
    position: fixed;
    top: 50%;
    right: 50%;
    margin-left: -160px;
}
.custom-rq {
    font-size: 1rem;
    color: #e05755;
}
.text-danger {
    color: #ff0000;
    margin: 2px;
    font-size: 0.75em;
}

.hid {
    display: none;
}

.distext {
    background-color: white; /* Light gray background */
    color: #888; /* Gray text color */
    border: 1px solid #ccc; /* Light gray border */
    cursor: not-allowed; /* Change cursor to indicate disabled state */
}

.redBorder {
    border: 1px solid orange;
    background-color: white; /* Light gray background */
    color: #888; /* Gray text color */
}
.px-5 {
    padding-right: 2em;
    padding-left: 2em;
}

.img-thumbnail {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px; /* Rounded border */
    padding: 5px; /* Some padding */
    width: 150px; /* Set a small width */
}

    /* Add a hover effect (blue shadow) */
    .img-thumbnail:hover {
        box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    }
*:disabled {
    cursor: not-allowed;
}
.success {
    color: green;
}

.warning {
    color: #ff6a00;
}

.info {
    color: blue;
}

.error {
    color: red;
}

.contenttag a {
    color: blue;
    text-decoration: underline;
    font-weight: bold;
}


#showMe {
    display: none;
}