/* Hover Component Container */
/* ========================= */

/* Positioning div of the hover container*/
.hover-message-container {
    position: relative;
}

/* Hover General Container */
.hover-message-text {
    position: absolute;
    background: #ddd;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 1;
    z-index: 1;
    line-height: 1.3;
}
.hover-message-text-exports-top,
.hover-message-text-exports {
    position: absolute;
    background: #ddd;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 1;
    z-index: 1;
    line-height: 1.3;
    top: 35px !important;
    width: max-content;
}
.hover-message-text-exports-top {
    position: absolute;
    background: #ddd;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 1;
    z-index: 9999;
    line-height: 1.3;
    width: max-content;
}
.hover-models {
    position: absolute;
    background: #ddd;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 1;
    z-index: 1;
    width: 150px;
    right: 20px;
    line-height: 1.3;
}

.hover-nodes {
    position: absolute;
    background: #ddd;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px !important;
    opacity: 1;
    z-index: 99999 !important;
    width: 150px !important;
    height: auto !important;
    right: 20px;
    line-height: 1.3;
}

.hover-message-container p{
    cursor: pointer;
}

body .disabled-btn,
.disabled-btn .hover-message-container p {
    cursor: no-drop !important; 
}
.disabled-btn .hover-message-container span{
    cursor: text;
}

.hover-message-container:hover .disabled h4 {
    color: #000 !important;
}