.border-separator {
    border-style: solid;
    border-color: #cccccc;
    padding: 20px;
    border-width:thin;
}

.border-gap {
    gap: 20px;
}

.float-right{
    float:right;
}

.scrollable-zone {
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
}

.tech-list{
    height:400px;
}


.comment-container {
    position: absolute;
    top: 100%;
    left: -550px;
    height: 300px;
    width: 600px;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    z-index: 2000;
}

.comment-container textarea {
    width: 100%;
    resize: vertical;
}

.clickable-cell{
    cursor:pointer;
}

.ql-container.ql-snow {
    border: 1px solid #c2c2c2 !important;
}

.ql-toolbar.ql-snow {
    border: 1px solid #c2c2c2 !important;
}
    
.ql-editor{
    min-height: 150px;
}