﻿.rz-textbox, .rz-dropdown, .rz-datepicker, .rz-inputtext, .rz-textarea {
    border-radius: 4px !important;
}

#projectDetailForm .radzenFieldSetTest {
    height: calc(100vh - 20.938rem);
    width: calc(93vw);
    border-left: none;
    border-right: none;
    border-top: none;
}

#projectDetailForm .rz-tabview-panel {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none;
    overflow-y: hidden;
}

.rz-tabview {
    outline: 0.125rem dotted white !important;
}

#projectDetailForm .rz-data-grid {
    max-height: calc(100vh - 22.5rem);
    overflow: auto;
}

#projectDetailForm .rz-fieldset-content .col-12,
#projectDetailForm .rz-fieldset-content {
    padding-left: 0;
    padding-right: 0;
}

#projectDetailForm .rz-picklist {
    height: calc(100vh - 23.125rem);
}

.field {
    margin: 1rem;
}

.projectTextBox {
    width: 20rem;
}

.contactPicker {
    height: calc(100vh - 37.5rem);
}

.rz-grid-table-striped tbody > .rz-group-row > td {
    background-color: var(--rz-grid-group-background-color) !important;
    font-weight: bolder;
}

.rz-grid-table .rz-group-row > td .rz-cell-data {
    color: var(--rz-on-primary-lighter) !important;
}

.rz-tip-icon {
    color: var(--rz-primary);
}

.rz-tip-icon:hover {
    color: var(--rz-secondary);
}

.required-comment {
    border: 0.125rem solid;
    border-color: var(--rz-on-danger-lighter);
}

.rz-button-icon:hover {
    background-color: var(--rz-secondary) !important;
    color: white !important;
}

.button-wrapper {
    padding: 0.6rem 0 !important;
}

#technology-list.rz-datatable-scrollable,
#application-list.rz-datatable-scrollable {
    max-height: calc(100vh - 14.375rem);
}

#admin-checklist-list.rz-datatable-scrollable,
#admin-aspect-list.rz-datatable-scrollable {
    max-height: calc(100vh - 11.875rem);
    height: calc(100vh - 11.875rem);
    overflow-y: auto;
}

#admin-question-list.rz-datatable-scrollable {
    max-height: calc(100vh - 15.625rem);
    height: calc(100vh - 15.625rem);
    overflow-y: auto;
}

.chart-height-column {
    padding-left: 2.5rem;
    max-width: 85%;
    height: 100%;
}

.chart-height-bar {
    margin-top: 2rem;
    height: 75%;
}

.score-details-card {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 0.5rem;
    margin-top: 0.25rem;
    border-radius: 4px;
    max-width: 300px;
    position: absolute;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.form-section {
    display: flex;
    flex-direction: column;
}

.info {
    font-size: 0.85rem;
    color: #666;
    margin: 5px 0 10px;
}

.dashboard-card:hover {
    background-color: var(--rz-card-hover-background-color) !important;
    transition: background-color 0.2s;
}

@media (max-height: 1044px) {
    #projectDetailForm .radzenFieldSetTest {
        height: calc(100vh - 18.75rem);
    }

    #projectDetailForm .rz-data-grid {
        /*max-height: calc(100vh - 490px);*/
        overflow: auto;
    }

    #projectDetailForm .rz-picklist {
        height: calc(100vh - 20.938rem);
    }

    .field {
        margin: 1rem;
    }

    .contactPicker {
        height: calc(100vh - 31.25rem);
    }

/*    #application-list.rz-datatable-scrollable {
        max-height: calc(100vh - 230px);
    }*/
}

@media (max-height: 950px) {
    .contactPicker {
        height: calc(100vh - 30rem);
    }
}

@media (max-height: 800px) {
    .contactPicker {
        height: calc(100vh - 28.125rem);
    }

    .contactPicker {
        height: calc(100vh - 30rem);
    }
}