<commit_before>
// modal form elements
.parameters {
    margin-top: 10px;

    .form-group {
        padding: 13px 10px 14px 0;

        &:nth-child(odd) {
            background: $f9;
        }

        label {
            font-size: 18px;
            color: $c-42;
            line-height: 21px;
            padding: 0;
            margin: 0;
        }

        .input-group {
            width: 100%;
        }

        .input-group-addon {
            width: 150px;
            white-space: normal;
            text-align: left;
            vertical-align: top;
        }

        input {
            height: 40px;
            font-size: 16px;
            float: none;

            &.checkbox {
                box-shadow: none;
                padding: 0;
                margin: 0;
                height: 0;
                width: 0;
                display: none;
                position: absolute;
                left: -99999em;
            }
        }

        .Select{
            z-index: 1000;
            .Select-multi-value-wrapper{
                input{
                    height: auto;
                    font-size: 16px;
                    float: none;
                    padding: 8px;
                    &:focus{
                        outline: none;
                    }
                }
            }
        }

        input[type='checkbox'] {

            + label {
                position: relative;
                display: flex;
                margin: 0 0 10px 10px;
                align-items: center;
                color: $c-9e;
                transition: color 250ms cubic-bezier(.4, .0, .23, 1);

                > span {
                    @include border-radius(1px);
                    display: block;
                    margin-right: 0;
                    width: auto;
                    height: auto;
                    background: $transparent;
                    border: 2px solid $c-9e;
                    cursor: pointer;
                    transition: all 250ms cubic-bezier(.4, 0, .23, 1);
                    padding: 8px;
                    position: relative;
                }

                &:hover {
                    color: $white;

                    > span {
                        background: $transparent1-w;
                    }
                }
            }

            &:focus + label {
                color: $white;

                > span {
                    background: $transparent1-w;
                }
            }

            &:checked + label {

                > span {
                    @include animation(shrink-bounce 200ms cubic-bezier(.4, .0, .23, 1));
                    border: 2px solid lighten($brand-success, 10%);
                    background: lighten($brand-success, 10%);
                    color: $white;
                    overflow: hidden;

                    &::before {
                        @include animation(checkbox-check 125ms 250ms cubic-bezier(.4, .0, .23, 1) forwards);
                        content: '';
                        position: absolute;
                        top: .3em;
                        left: .1em;
                        border-right: 3px solid transparent;
                        border-bottom: 3px solid transparent;
                        transform: rotate(45deg);
                        transform-origin: 0% 100%;
                        padding: 5px 2px;
                    }
                }
            }
        }
    }

    .help-text {
        font-size: 14px;
        padding: 10px;
        display: block;
        border: 1px solid $ddd;
        margin: 5px 0 0;
        color: $c-9e;
        background: $eee;
    }
}

.sign-in-block,
.modal {

    .modal-actions {
        padding: 0;
    }

    .alert {
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        max-width: 100%;
    }
}

.share-modal {
    .select-box-style {
        margin-right: 0;
    }

    .caret-down {
        margin-top: 29px;
    }
}

.display-file-modal.modal {

    .modal-dialog {
        width: 100%;
        color: $black;
        background: transparentize($white, .2);
        height: 100%;
        padding: 80px 0 0;

        .modal-content {
            background: $transparent;
            height: 100%;

            .modal-header,
            .modal-body {
                width: 100%;
                .modal-preview-image{
                    width: 100%;
                    height: auto;
                    text-align: center;
                    img{
                        max-width: 100%;
                        height: auto;
                    }
                }

            }

            .modal-header {
                font-size: 20px;
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                height: 80px;
                background: $white;

                .modal-title {
                    color: $black;
                    font-size: 30px;
                    .modal-download {
                        display: inline;
                        font-size: 18px;
                        margin-left: 20px;
                        position: relative;
                        top: -3px;
                    }
                }
                .close {
                    color: $transparent3;
                    margin-top: -5px !important;
                    font-size: 50px;
                    &:focus{
                        border: none;
                        outline: none;
                        box-shadow: none;
                    }
                }
            }

            .modal-body {
                padding: 30px 50px;
                white-space: pre-wrap;
                font-family: monospace;
                overflow-y: scroll;
                height: 95%;
            }
        }
    }
}

.update-modal {

    .modal-text {
        font-size: 18px;
    }

    .parameters {
        margin: 10px;

        .form-group {
            padding: 5px;
            margin: 0 -15px;

            .input-group {

                .input-group-addon {
                    width: auto;
                    font-size: 12px;
                    margin: 10px 0 0;
                    padding: 0 0 0 13px;
                    float: left;
                    display: block;
                }

                label {
                    float: left;
                }
            }
        }
    }
}

.anaylsis-modal {

    .task-select {
        border: 1px solid $ccc;
        padding: 0;

        select {
            border: 0;
        }
    }

    .default-reset {
        padding: 10px;
        text-align: right;

        button{
            color: $ocean;
        }
    }

    .modal-actions {
        margin-top: 10px;
        padding: 0;
    }
}

.modal,
.modal-backdrop {
    z-index: 1500;
}

.modal-open {
    #main {
        @include blur(5px);
            -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
    }
    .full-col .navbar{ //used to fix webkit issue with Blur
        position: absolute;
    }
}

.modal-backdrop {
    background: $transparent3;
}

.modal {
    &.fade {
        &.in {
            @extend %slide-in-down;
        }
    }

    .close {
        color: $transparent7;
        opacity: 1;

        &:hover {
            color: $transparent3;
        }
    }

    .modal-dialog {
        @include border-radius(0);
        width: 700px;
        margin: 0 auto;
        padding: 0 0 20px;
        background-color: $white;
        box-shadow: 0 3px 8px $transparent5;

        .modal-content {
            @include border-radius(0);
            border: 0;
            width: 100%;
            box-shadow: none;
            margin: 0 auto;

            hr {
                margin: 0;
            }

            .modal-header {
                width: 700px;
                margin: 0 auto;
                border-bottom: 0;

                .close {
                    color: $transparent7;
                    opacity: 1;

                    &:hover {
                        color: $transparent3;
                    }
                }
            }

            .modal-body {
                width: 700px;
                margin: 0 auto;

                .add-members {
                    margin: 20px 0 0;
                    border-top: 1px solid $eee;
                    padding: 20px 0 0;
                }
            }
        }
    }
}


.reactable-header-sortable{
    color: $primary;
    &:after{
        font-family: FontAwesome;
        content:' \f0dc';
    }
    &.reactable-header-sort-asc:after{
        content:' \f0de';
    }
    &.reactable-header-sort-desc:after{
        content:' \f0dd';
    }
}


<commit_msg>adjusting the sort filter th for the file viewer<commit_after>
// modal form elements
.parameters {
    margin-top: 10px;

    .form-group {
        padding: 13px 10px 14px 0;

        &:nth-child(odd) {
            background: $f9;
        }

        label {
            font-size: 18px;
            color: $c-42;
            line-height: 21px;
            padding: 0;
            margin: 0;
        }

        .input-group {
            width: 100%;
        }

        .input-group-addon {
            width: 150px;
            white-space: normal;
            text-align: left;
            vertical-align: top;
        }

        input {
            height: 40px;
            font-size: 16px;
            float: none;

            &.checkbox {
                box-shadow: none;
                padding: 0;
                margin: 0;
                height: 0;
                width: 0;
                display: none;
                position: absolute;
                left: -99999em;
            }
        }

        .Select{
            z-index: 1000;
            .Select-multi-value-wrapper{
                input{
                    height: auto;
                    font-size: 16px;
                    float: none;
                    padding: 8px;
                    &:focus{
                        outline: none;
                    }
                }
            }
        }

        input[type='checkbox'] {

            + label {
                position: relative;
                display: flex;
                margin: 0 0 10px 10px;
                align-items: center;
                color: $c-9e;
                transition: color 250ms cubic-bezier(.4, .0, .23, 1);

                > span {
                    @include border-radius(1px);
                    display: block;
                    margin-right: 0;
                    width: auto;
                    height: auto;
                    background: $transparent;
                    border: 2px solid $c-9e;
                    cursor: pointer;
                    transition: all 250ms cubic-bezier(.4, 0, .23, 1);
                    padding: 8px;
                    position: relative;
                }

                &:hover {
                    color: $white;

                    > span {
                        background: $transparent1-w;
                    }
                }
            }

            &:focus + label {
                color: $white;

                > span {
                    background: $transparent1-w;
                }
            }

            &:checked + label {

                > span {
                    @include animation(shrink-bounce 200ms cubic-bezier(.4, .0, .23, 1));
                    border: 2px solid lighten($brand-success, 10%);
                    background: lighten($brand-success, 10%);
                    color: $white;
                    overflow: hidden;

                    &::before {
                        @include animation(checkbox-check 125ms 250ms cubic-bezier(.4, .0, .23, 1) forwards);
                        content: '';
                        position: absolute;
                        top: .3em;
                        left: .1em;
                        border-right: 3px solid transparent;
                        border-bottom: 3px solid transparent;
                        transform: rotate(45deg);
                        transform-origin: 0% 100%;
                        padding: 5px 2px;
                    }
                }
            }
        }
    }

    .help-text {
        font-size: 14px;
        padding: 10px;
        display: block;
        border: 1px solid $ddd;
        margin: 5px 0 0;
        color: $c-9e;
        background: $eee;
    }
}

.sign-in-block,
.modal {

    .modal-actions {
        padding: 0;
    }

    .alert {
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        max-width: 100%;
    }
}

.share-modal {
    .select-box-style {
        margin-right: 0;
    }

    .caret-down {
        margin-top: 29px;
    }
}

.display-file-modal.modal {

    .modal-dialog {
        width: 100%;
        color: $black;
        background: transparentize($white, .2);
        height: 100%;
        padding: 80px 0 0;

        .modal-content {
            background: $transparent;
            height: 100%;

            .modal-header,
            .modal-body {
                width: 100%;
                .modal-preview-image{
                    width: 100%;
                    height: auto;
                    text-align: center;
                    img{
                        max-width: 100%;
                        height: auto;
                    }
                }

            }

            .modal-header {
                font-size: 20px;
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                height: 80px;
                background: $white;

                .modal-title {
                    color: $black;
                    font-size: 30px;
                    .modal-download {
                        display: inline;
                        font-size: 18px;
                        margin-left: 20px;
                        position: relative;
                        top: -3px;
                    }
                }
                .close {
                    color: $transparent3;
                    margin-top: -5px !important;
                    font-size: 50px;
                    &:focus{
                        border: none;
                        outline: none;
                        box-shadow: none;
                    }
                }
            }

            .modal-body {
                padding: 30px 50px;
                white-space: pre-wrap;
                font-family: monospace;
                overflow-y: scroll;
                height: 95%;
            }
        }
    }
}

.update-modal {

    .modal-text {
        font-size: 18px;
    }

    .parameters {
        margin: 10px;

        .form-group {
            padding: 5px;
            margin: 0 -15px;

            .input-group {

                .input-group-addon {
                    width: auto;
                    font-size: 12px;
                    margin: 10px 0 0;
                    padding: 0 0 0 13px;
                    float: left;
                    display: block;
                }

                label {
                    float: left;
                }
            }
        }
    }
}

.anaylsis-modal {

    .task-select {
        border: 1px solid $ccc;
        padding: 0;

        select {
            border: 0;
        }
    }

    .default-reset {
        padding: 10px;
        text-align: right;

        button{
            color: $ocean;
        }
    }

    .modal-actions {
        margin-top: 10px;
        padding: 0;
    }
}

.modal,
.modal-backdrop {
    z-index: 1500;
}

.modal-open {
    #main {
        @include blur(5px);
            -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
    }
    .full-col .navbar{ //used to fix webkit issue with Blur
        position: absolute;
    }
}

.modal-backdrop {
    background: $transparent3;
}

.modal {
    &.fade {
        &.in {
            @extend %slide-in-down;
        }
    }

    .close {
        color: $transparent7;
        opacity: 1;

        &:hover {
            color: $transparent3;
        }
    }

    .modal-dialog {
        @include border-radius(0);
        width: 700px;
        margin: 0 auto;
        padding: 0 0 20px;
        background-color: $white;
        box-shadow: 0 3px 8px $transparent5;

        .modal-content {
            @include border-radius(0);
            border: 0;
            width: 100%;
            box-shadow: none;
            margin: 0 auto;

            hr {
                margin: 0;
            }

            .modal-header {
                width: 700px;
                margin: 0 auto;
                border-bottom: 0;

                .close {
                    color: $transparent7;
                    opacity: 1;

                    &:hover {
                        color: $transparent3;
                    }
                }
            }

            .modal-body {
                width: 700px;
                margin: 0 auto;

                .add-members {
                    margin: 20px 0 0;
                    border-top: 1px solid $eee;
                    padding: 20px 0 0;
                }
            }
        }
    }
}


.reactable-header-sortable {
    color: $primary;

    &::after {
        font-family: FontAwesome;
        content: ' \f0dc';
    }

    &.reactable-header-sort-asc::after {
        content: ' \f0de';
    }

    &.reactable-header-sort-desc::after {
        content: ' \f0dd';
    }
}



{'fraction_non_alphanumeric': 0.09715214710169301, 'fraction_numerical': 0.029487610718690434, 'mean_word_length': 0.7912441008133346, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2999094', 'n_tokens_mistral': 5431, 'n_tokens_neox': 4563, 'n_words': 1052}