.note-icon img {
    opacity: 0.3;
}

    .note-icon img:hover {
        opacity: 1;
    }

table.note-table {
    font-size: 14px;
}

    table.note-table tr th {
        vertical-align: middle;
        text-align: center;
    }

    table.note-table tr td {
        vertical-align: middle;
        padding: 1.5rem 0.75rem;
    }

    table.note-table td.note-attach-file img {
        max-height: 200px;
        max-width: 400px;
    }

.note-detail-comment {
    background: #eee;
    padding: 15px;
    border-radius: 5px;
}

.note-preproduction-comment {
    background-color: #ffb8ff;
}

.note-preproduction-comment td {
    background-color: #A2C9DE;
    color: #fff;
}

.note-customer-rejection {
    background-color: #fd8282;
}

.note-from-orange {
    background-color: #ffac3f;
}

.note-from-production-support {
    background-color: #f5eee5;
}

.note-comment-from-ts {
    background-color: #fbff81;
}

.note-rejection-from-qa {
    background-color: #beffce;
}

.note-from-default {
    background-color: white;
}

.gate-note {
    padding: 2px 5px;
    margin: 2px 20px 2px 2px;
    color: black;
    position: relative;
    border: solid 1px lightgrey;
    margin-bottom: 30px;
}

.absolute-note-from {
    position: absolute;
    padding: 1px 5px;
    top: -24px;
    border-top: solid 1px lightgrey;
    border-right: solid 1px lightgrey;
    border-left: solid 1px lightgrey;
    font-weight: 500;
}

.close-attached-img-btn {
    position: absolute;
    right: 0px;
    z-index: 9999;
    border: none;
    cursor: pointer;
    background-color: Transparent;
}

.close-attached-img-btn:hover {
    background-color: #4CAF50;
    color: white;
}

.close-attached-img-btn span {
color: red;
}
#imgAttached .ui-resizable-handle.ui-resizable-sw.ui-icon.ui-icon-gripsmall-diagonal-se {
    transform: rotate(90deg);
    float: left;
    left: 0px;
    bottom: 16px;
    position: relative;
}
#refImage .ui-resizable-handle.ui-resizable-ne.ui-icon.ui-icon-gripsmall-diagonal-se {
    transform: rotate(-90deg);
    float: right;
    right: 0px;
    top: 0px;
}