/* the specific tenant css goes here */

#showPhoneBottom {
    line-height: 10px;
}

    #showPhoneBottom span:nth-child(1),
    #showPhoneBottom span:nth-child(2) {
        font-size: 18px;
    }

    #showPhoneBottom span:nth-child(3) {
        font-weight: 700;
        border-bottom: 1px dotted #accaee;
        font-size: 11px;
    }

.button[data-eventtype="PhoneBottom"] {
    max-width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.detail-right .panel button[data-eventtype="Phone"] {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#showPhone {
    line-height: 10px;
}

.header_location .easy-autocomplete {
    float: left;
    position: relative;
    width: unset !important;
}

.clear-button {
    position: absolute;
    display: none; /* Initially hide the button */
    right: 108px;
    top: 50%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transform: translateY(-50%);
    font-size: 18px;
    color: #444;
    font-weight: bold;
    z-index: 99999;
}

    /* Style for the close icon (X symbol) */
    .clear-button::after {
        content: "\00D7"; /* Unicode character for "X" */
    }