@import "/./src/assets/scss/variables.scss";
@import "/./src/assets/scss/mixins.scss";
@import "/./src/assets/scss/fonts.scss";

.ag-theme-alpine {
    
    .ag-header-cell-label {
        justify-content: center;
     }

    .ag-header {
        border-bottom: 1px solid $grey-2;

        .ag-header-cell {
            min-width: 1%;
            width: 68px;
            padding: 6px 12px;

            @media only screen and (min-width: $medium) {
                padding: 12px 24px;
            }
        }

        // .ag-header-cell-text {
        //     @include font-style($nominee-regular,14px,18px,normal);
        //     color: $grey-5;
        // }

        .ag-header-cell-text {
            @include font-style($nominee-regular,13px,18px,normal);
            color: #25373C;
        }
    }

    .ag-selection-checkbox {
        @media only screen and (min-width: $medium) {
            padding: 0 12px;
        }
    }

    .ag-ltr {
        .ag-has-focus {
            .ag-cell-focus {
                border: none !important;
            }
        }
    }

    .ag-row {
        height: 68px;
        border-width: 0;
    }

    .ag-row-hover, .ag-row-selected {
        background: none;
        border: 1px solid $green;
    }

    .ag-row-selected {
        background: none;
        border: none;
    }
    
    .ag-pinned-left-cols-container {
        .ag-row-hover, .ag-row-selected {
            border-right: none;
        }
    }

    .ag-center-cols-clipper {
        .ag-row-hover, .ag-row-selected {
            border-left: none;
        }
    }

    .ag-row-odd {
        background: $white-2;
    }

    .ag-cell {
        @include font-style($nominee-regular,12px,18px,normal);
        color: $blue-1;
        border: none;
        padding: 10px 12px;
        display: flex;
        align-items: center;

        @media only screen and (min-width: $medium) {
            font-size: 16px;
            line-height: 22px;
        }
    }

    .mat-form-field-appearance-legacy {
        .mat-form-field-underline {
            display: none;
        }

        .mat-form-field-wrapper {
            padding-bottom: 0;
        }
    }

    .mat-form-field {
        width: 100%;
        border: 1px solid $green;
        border-radius: 3px;
        padding-left: 10px;
    }

    app-date-picker {
        max-width: 99%;
    }

    .autocomplete-container {
        box-shadow: none;
       
        .input-container {
            input {
                border: 1px solid $green;
                border-radius: 3px;
                padding-right: 40px;
            }
        }
    }

    .ag-checkbox-input-wrapper {
        &:after {
            font-size: 20px;
            color: $green;
        }
    }

    .ag-center-cols-container {
        min-width: 100%;
    }
 }

 .ag-paging-row-summary-panel-number,
 .ag-paging-number {
    color: $green;
 }
