html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


.explorer {
    background-color: #7c7c7c1b;
    border-radius: 5px;
    padding: 1rem;
    height: 67.5vh;
    overflow: auto;
}

.explorer-item {
    display: flex;
    padding: 1rem 0 0 2rem;
    background-image: url('/assets/directory_icon.svg');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0% .75rem;
}

    .explorer-item .name {
    }

    .explorer-item.directory {
        background-image: url('/assets/directory_icon.svg');
    }

        .explorer-item.directory.empty {
            background-image: url('/assets/directory_empty_icon.svg');
        }

    .explorer-item.file {
        background-image: url('/assets/file_icon.svg');
    }

        .explorer-item.file.xls {
            background-image: url('/assets/xls_icon.svg');
        }

        .explorer-item.file.xlsx {
            background-image: url('/assets/xlsx_icon.svg');
        }

        .explorer-item.file.txt {
            background-image: url('/assets/txt_icon.svg');
        }

        .explorer-item.file.jpg, .explorer-item.file.jpeg {
            background-image: url('/assets/jpg_icon.svg');
        }

        .explorer-item.file.png {
            background-image: url('/assets/png_icon.svg');
        }

        .explorer-item.file.ppt, .explorer-item.file.pptx {
            background-image: url('/assets/ppt_icon.svg');
        }

        .explorer-item.file.doc, .explorer-item.file.docx {
            background-image: url('/assets/docx_icon.svg');
        }

    .explorer-item .hidden {
        display: none;
    }

    .explorer-item .icons {
        display: flex;
    }

        .explorer-item .icons a, .explorer-item .icons button {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 20px 20px;
            display: block;
            width: 20px;
            height: 20px;
            margin-left: 10px;
        }

            .explorer-item .icons a.search {
                background-image: url('/assets/search_icon.svg');
            }

                .explorer-item .icons a.search:hover {
                    background-image: url('/assets/search_blue_icon.svg');
                }

            .explorer-item .icons button.open {
                background-image: url('/assets/arrowdown_icon.svg');
            }

                .explorer-item .icons button.open:hover {
                    background-image: url('/assets/arrowdown_blue_icon.svg');
                }

            .explorer-item .icons button.close {
                background-image: url('/assets/arrow_icon.svg');
            }

                .explorer-item .icons button.close:hover {
                    background-image: url('/assets/arrow_blue_icon.svg');
                }

            .explorer-item .icons a.delete {
                background-image: url('/assets/delete_icon.svg');
            }

                .explorer-item .icons a.delete:hover {
                    background-image: url('/assets/delete_blue_icon.svg');
                }

            .explorer-item .icons a.download {
                background-image: url('/assets/download_icon.svg');
            }

                .explorer-item .icons a.download:hover {
                    background-image: url('/assets/download_blue_icon.svg');
                }

.icons a.download.animating {
    animation: downloadBounce .7s ease-in;
    -webkit-animation: downloadBounce .7s ease-in;
    -moz-animation: downloadBounce .7s ease-in;
}

.explorer-item .results {
    position: relative;
    padding-left: 1rem;
}

    .explorer-item .results:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        background-color: #003DA5;
        left: 0%;
        height: calc(100% - .75rem);
        bottom: 0;
    }

.table-responsive th{
    font-weight:normal;
}

.table-responsive a {
    color: #000;
    text-decoration: none;
}

.table-responsive .arrow.asc {
    background: url(/assets/arrow_icon.svg) no-repeat center right;
    background-size: 16px;
    padding-right: 1.42rem;
}

.table-responsive .arrow.desc {
    background: url(/assets/arrowdown_icon.svg) no-repeat center right;
    background-size: 16px;
    padding-right: 1.42rem;
}

.table-responsive .arrow.active {
    color: #003DA5;
}

.page-link, .page-link:hover{
    color: #000;
}

    .page-link.current, .page-link.current:hover {
        color: #003DA5;
        background-color: transparent;
    }