/*
 * Text color styles for renter login page
 * - .text-color-black : normal black text
 * - .text-color-blue  : normal blue text
 * - .text-color-red-bold : bold red text
 */

/* Normal black text */
.text-color-black {
    color: #000000; /* Black */
    font-weight: normal;
    text-align:center;
}

/* Normal blue text */
.text-color-blue {
    color: #0073e6; /* Blue */
    font-weight: normal;
    text-align:center;
}

/* Bold red text */
.text-color-red-bold {
    color: #cc0000; /* Red */
    font-weight: bold;
    text-align:center;
}
#renter-notice-wrapper ul,
#renter-notice-wrapper ol {
  display: inline-block; /* Helps align lists center */
  text-align: left;       /* Align text inside the list */
  margin: 0 auto;
  padding-left: 20px;
}
 .custom-alert {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .alert-content {
        background: white;
        padding: 20px;
        border-radius: 8px;
        text-align: center;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }

    .alert-buttons button {
        margin: 5px;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .alert-buttons #btn1 {
        background-color: #007bff;
        color: white;
    }

    .alert-buttons #btn2 {
        background-color: #6c757d;
        color: white;
    }