.document-repository {
    background: #fff
}

.document-repository .docs-filters-form {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-end
}

@media print,
screen and (min-width: 64em) {
    .document-repository .docs-filters-form {
        flex-flow: row nowrap
    }
}

.document-repository .docs-filters-form .select-wrapper {
    flex: 1 1 auto;
    width: 100%;
    margin-bottom: 1rem
}

@media print,
screen and (min-width: 64em) {
    .document-repository .docs-filters-form .select-wrapper {
        margin-right: 1rem
    }
}

.document-repository .docs-filters-form .nice-select {
    width: 100%;
    max-width: none;
    height: 3rem
}

.document-repository .docs-filters-form .nice-select .current {
    white-space: nowrap
}

@media print,
screen and (min-width: 64em) {
    .document-repository .docs-filters-form .select-wrapper:nth-child(1) {
        width: 14.875rem
    }

    .document-repository .docs-filters-form .select-wrapper:nth-child(2) {
        width: 29.8125rem
    }

    .document-repository .docs-filters-form .select-wrapper {
        width: 10.875rem
    }
}

.document-repository .docs-filters-form .submit-wrapper {
    margin-bottom: 1rem;
    width: 100%
}

@media print,
screen and (min-width: 64em) {
    .document-repository .docs-filters-form .submit-wrapper {
        flex: 0 1 auto;
        width: auto;
        margin-left: 5.875rem
    }
}

.document-repository .docs-filters-form .submit-wrapper .btn {
    height: 3rem;
    width: 100%
}

@media print,
screen and (min-width: 40em) {
    .document-repository .docs-filters-form .submit-wrapper .btn {
        width: 8.75rem
    }
}

.document-repository .ufk-download:before,
.document-repository .link.ufk-download:before,
.document-repository .ufk-download:hover:before,
.document-repository .link.ufk-download:hover:before {
    background: transparent url(assets/download-doc.bb4b11ce429e8fcb33eae07ebb1654a0.svg) no-repeat;
    background-size: cover;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0
}

.document-repository .control-group.select .label-above,
.document-repository .nn-docs-table .nn-table-head th,
.document-repository .nn-docs-table .nn-table-head th * {
    font-family: "NNNittiGrotesk-Heading";
    color: #000
}

.document-repository .nn-docs-table .nn-table-head th:not(:last-child) [data-sort] {
    position: relative;
    padding-right: 1.25rem
}

.document-repository .nn-docs-table .nn-table-head th:not(:last-child) [data-sort]:after,
.document-repository .nn-docs-table .nn-table-head th:not(:last-child) [data-sort]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    border: .325rem solid transparent
}

.document-repository .nn-docs-table .nn-table-head th:not(:last-child) [data-sort]:after {
    top: 65%;
    border-top-color: #cac7c7
}

.document-repository .nn-docs-table .nn-table-head th:not(:last-child) [data-sort]:not([data-order=asc]):not([data-order=desc]):before {
    bottom: 65%;
    border-bottom-color: #cac7c7
}

.document-repository .nn-docs-table .nn-table-head th:not(:last-child) [data-sort][data-order=asc]:after {
    border-bottom-color: transparent;
    border-top-color: #ee7f00;
    top: 40%
}

.document-repository .nn-docs-table .nn-table-head th:not(:last-child) [data-sort][data-order=desc]:after {
    border-bottom-color: #ee7f00;
    border-top-color: transparent;
    top: 0
}

.document-repository .nn-docs-table .nn-table-head th button {
    font-size: inherit
}

.document-repository .nn-docs-table .nn-table-head tr {
    border-bottom: 1px solid #ea650d
}

.document-repository .table-scroll-wrapper {
    overflow-x: auto
}

.document-repository .table-scroll-wrapper .nn-docs-table {
    min-width: 768px
}

.document-repository .nn-docs-table {
    margin-top: 2.5rem;
    table-layout: fixed;
    position: relative
}

@media print,
screen and (min-width: 40em) {
    .document-repository .nn-docs-table {
        overflow: hidden
    }
}

.document-repository .nn-table-body {
    display: table-row-group
}

.document-repository .nn-table-body.loading:not(.data-ready) {
    display: table-row-group;
    min-height: 8rem
}

.document-repository .nn-table-body.loading:not(.data-ready):before {
    opacity: 0;
    animation: fadeIn .25s forwards ease-in-out;
    animation-delay: .25s
}

.document-repository .nn-table-body tr {
    transition: .25s ease-in-out;
    border-color: transparent
}

.document-repository .nn-table-body tr td {
    opacity: 0;
    transform: translateX(2rem);
    transition: inherit
}

.document-repository .nn-table-body tr.active {
    border-color: #f1edeb
}

.document-repository .nn-table-body tr.active td {
    opacity: 1;
    transform: translateX(0)
}

.document-repository select[multiple] {
    width: 100%;
    height: 36px !important;
    padding: 6px 16px;
    overflow-y: hidden;
    font-size: 14px;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    color: #8b8b8b
}

.document-repository .nn-pagination li.active {
    border: 2px solid #ee7f00
}

.document-repository .nn-pagination li .icon-arrow-right:before,
.document-repository .nn-pagination li .icon-arrow-left:before {
    color: #ee7f00
}