.bg-primary {
    background-color: #51acec!important;
}

.bg-success {
    background-color: #93ff93 !important;
}

.bg-danger {
    background-color: #fe9f9f !important;
}


#request-builder-page .section-drag-handle{
    position:absolute;
    left:-30px;
}

.delete-button {
    background-color:#fff;
    border-color: #D43F3F;
    color: #D43F3F;
}

    .delete-button:hover {
        border-color: #D43F3F;
        background-color: #D43F3F;
        color: #ffffff;
    }

#request-builder-page .management-request {
    background-color: #EDF2F7;
    padding: 20px;
    border-radius: 10px;
    margin-bottom:15px;
}

#request-builder-page .management-request label{
    font-weight:bold;
}

    #request-builder-page .management-request p, #request-builder-page .management-request textarea {
        color: rgb(51, 51, 51);
        margin-bottom:0px;
    }

#request-builder-page input[type=file] {
    padding: 0px;
    color:rgb(51,51,51);
}

    #request-builder-page input[type=file]::file-selector-button {
        border: none;
        background: rgb(199, 199, 199);
        padding: 5px 10px;
        margin-right: 10px;
    }

.upload-btn {
    background-color: rgba(246, 246, 246, 1);
    border-radius: 6px;
    width: 100%;
    text-transform:none;
    font-weight:normal;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
}
#request-builder-page .management-request .tags{
    display:flex;
    gap:5px;
}
    #request-builder-page .management-request .tags .tag {
        background-color: rgba(81, 172, 236, 1);
        border: 1px solid rgba(81, 172, 236, 1);
        text-decoration: none;
        padding: 5px 10px;
        display: inline-flex;
        gap: 5px;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        color: #fff;
    }

        #request-builder-page .management-request .tags .dropdown-menu div{
            padding:0px 10px;
        }

    #request-builder-page .management-request .tags .tag-title {
        font-weight: bold;
        color: rgba(0, 0, 153, 1);
    }

#request-builder-page .comment {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid rgba(199, 199, 199, 1);
}

    #request-builder-page .comment .meta {
        color: rgba(139, 139, 139, 1);
        margin-bottom:5px;
    }

    #request-builder-page .comment .comment-content {
        color: rgba(0, 0, 0, 1);
    }
#request-builder-page .attachment-preview{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

    #request-builder-page .attachment-preview .file-item {
        color: rgba(63, 150, 212, 1);
        text-decoration:underline;
    }

    #request-builder-page .attachment-preview .file-item img{
        margin-left:5px;
    }

#request-builder-page .comment-box-header{
    display:flex;
    justify-content:space-between;
}

#request-builder-page .comment-reply{
    width:100%;
}

#request-builder-page .link-style {
    color: rgba(63, 150, 212, 1);
    text-decoration: underline;
}

.sampling-modal .modal-header, .sampling-modal .modal-footer, .sampling-modal .modal-body {
    border: none;
    background-color: rgb(237, 242, 247);
    padding: 20px;
}

    .sampling-modal label {
        font-weight: bold;
    }

    .sampling-modal .modal-header span {
        color: #000;
    }

#request-builder-page #request-status-modal .attachment-select {
    border-radius: 6px;
    border: 1px solid rgba(94, 94, 147, 0.4);
    padding: 5px 10px;
    user-select: none;
}

#request-builder-page #request-status-modal .tag {
    background-color: rgb(81, 172, 236);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 2px 10px;
    border-radius: 4px;
    /*flex: 0 0 auto;*/
    font-weight: 400;
    user-select: none;
}

#request-builder-page #request-status-modal .dropdown {
    max-height: 300px;
    background-color: #fff;
    overflow: auto;
    border: 1px solid #ccc;
    z-index: 10;
    flex-direction: column;
    gap: 10px;
}

#request-builder-page #request-status-modal .dropdown .no-attachment-found{
    padding:10px;
}

    #request-builder-page #request-status-modal .dropdown .dropdown-item{
        cursor:default;
    }
.sample-size-table{
    border-collapse:separate;
}
.sample-size-table .col-value {
    text-align: right;
}

    .sample-size-table th, .sample-size-table td{
        padding:0px 5px;
    }

    .sample-size-table .col-value.editable {
        background-color: lightyellow;
        border: 1px dotted #000;
        position: relative;
    }

    .sample-size-table .col-value.editable:has(.col-input){
        padding:0px;
    }
    .sample-size-table .col-value.editable .col-input {
        background-color: initial;
        text-align:right;
        border-radius:0px;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        padding:5px;
    }

    .sample-size-table .select1-react-arrow {
        right:inherit;
        left: 0;
        transform: translate(50%, -50%);
    }

    .sample-size-table .select1-react-text{
        margin-left:auto;
        justify-content:end;
    }

    .sample-size-table .select1-react-item{
        text-align:left;
    }