/* table style starts here */

.table-image {
    width: 40px;
    border-radius: 20px;
}

.table-data-clr {
    color: #4A5174 !important;
}

.table-link-clr {
    color: #0026E3 !important;
}

.table-name-style {
    color: #009AB1 !important;
    text-decoration: none;
}

.table-domain-style {
    color: #4A5174;
}

.more-indicator {
    background-color: #4A5174;
    color: #fff;
    font-size: 8px;
    border-radius: 4px;
    padding: 3px 5px;

    &:hover {
        background-color: #3c4361;
    }
}

.practices-badge {
    background-color: #F9FBFD;
    color: #4A5174;
}

.dropdown-items {
    max-width: 225px;
    min-width: 120px;
    display: none;
    position: absolute;
    top: 28px;
    z-index: 9999 !important;
}

.more-indicator:hover+.dropdown-items {
    display: block !important;
}

.hive-grid {

    .form-control,
    .form-select {
        font-size: 12px !important;
    }
}

.pagination {
    color: #747474;

    span {
        font-family: 'SF Pro Medium';
        color: #343434;
    }
}

/* table style ends here */


/* modal styles starts here */

.certification-modal {
    .succes-btn {
        font-size: 14px;
        color: white;
        padding: 6px 16px;
        border-radius: 3px;
        background-color: #58B039;

        &:hover {
            background-color: #438929;
        }
    }

    .negative-btn {
        font-size: 14px;
        color: white;
        padding: 6px 16px;
        border-radius: 3px;
        background-color: #F9594D;

        &:hover {
            background-color: #c14036;
        }
    }

    p {
        margin-bottom: 0px;
    }

    .comment-box {
        height: 60px !important;
        border-color: #dbe6f0;
        resize: none;
    }

    .hive-btn-secondary,
    .hive-btn-primary {
        padding: 6px 16px !important;
    }

    .upload-file-modal {
        border: 1px dashed #DADADA;
        border-radius: 8px;
    }
}

.width-24 {
    width: 24px;
}

.upload-btn {
    font-size: 14px;
    color: #F29B10;
    padding: 6px 16px;
    border-radius: 3px;
    background-color: #FFF9EF;

    &:hover {
        background-color: #ffefd4;
        color: #F29B10;
    }
}

.confirmation-modal-width {
    max-width: 360px;
    min-width: 200px;
}

.approval-modal-width {
    max-width: 650px;
    min-width: 300px;
}

.table-image {
    width: 40px;
    border-radius: 20px;
}

.client-badge {
    color: white;
    font-size: 9px;
    border-radius: 24px;
    padding: 4px 10px;
    background: linear-gradient(74deg, #159A79 5.76%, #6BE4C6 126.45%);
}

.payment-status-dropdown {
    .dropdown-btn {
        width: 100px;
        color: white;
    }

    .dropdown-btn.pending {
        background-color: #E7962A;

        &:hover {
            background-color: #cc862a;
        }
    }

    .dropdown-btn.inprogress {
        background-color: #3B70A5;

        &:hover {
            background-color: #2b5c8d;
        }
    }

    .dropdown-btn.paid {
        background-color: #509D37;

        &:hover {
            background-color: #3b8921;
        }
    }
}


/* approval table styles */
.approval-table {
    .new-item-indicator {
        display: inline-block;
        width: 7px;
        height: 7px;
        background-color: #F29B10;
    }

    tbody tr td:first-child {
        width: 34px !important;
        padding-right: 0px !important;
    }

    thead tr th:nth-child(2),
    tbody tr td:nth-child(2) {
        padding-left: 0px !important;
    }

    .new-line-item {
        font-family: 'SF Pro Semibold';
    }
}


/* progress indicator styles */
.progress-indication-bar {
    .progress-line {
        width: 70px;
        height: 1px;
        background: #CFD6DC;
    }

    .progress-step.approved {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url(../Images/approved-icon.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60%;
    }

    .progress-step.rejected {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url(../Images/rejected-icon.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60%;
    }

    .progress-step.inprogress {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url(../Images/inprogress-icon.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60%;
    }

    .progress-step.pending {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url(../Images/pending-icon.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60%;
    }
}

.disabled-link {
    color: #9E9DAB !important;
    pointer-events: none;
}
.btn-link.text-primary {
    color: #0d6efd !important;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
}

.btn-link.text-primary:hover {
    text-decoration: underline;
}

.btn-link.text-primary:disabled {
    color: #6c757d !important;
    text-decoration: none;
    cursor: default;
}

.text-danger {
    color: #dc3545 !important;
  }
  
  .upload-file-modal.invalid {
    border-color: #dc3545 !important;
  }