@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');




body {
    font-family: "Dosis", serif;
    background: rgb(51,51,102);
    background: #606060;
    margin-top: 20px;
}

.file_manager .file a:hover .hover,
.file_manager .file .file-name small {
    display: block
}

.file_manager .file {
    padding: 0 !important
}

    .file_manager .file .icon {
        text-align: center
    }


.file_manager .file {
    position: relative;
    border-radius: .55rem;
    overflow: hidden
}

    .file_manager .file .image,
    .file_manager .file .icon {
        max-height: 180px;
        overflow: hidden;
        background-size: cover;
        background-position: top 
        -webkit-box-shadow: 6px 10px 49px -14px rgba(0,0,0,0.75);
        -moz-box-shadow: 6px 10px 49px -14px rgba(0,0,0,0.75);
        box-shadow: 6px 10px 49px -14px rgba(0,0,0,0.75);
    }

    .file_manager .file .hover {
        position: absolute;
        right: 10px;
        top: 10px;
        display: none;
        transition: all 0.2s ease-in-out
    }

    .file_manager .file a:hover .hover {
        transition: all 0.2s ease-in-out
    }

    .file_manager .file .icon {
        padding: 15px 10px;
        display: table;
        width: 100%
    }

        .file_manager .file .icon i {
            display: table-cell;
            font-size: 30px;
            vertical-align: middle;
            color: #777;
            line-height: 100px
        }

    .file_manager .file .file-name {
        padding: 10px;
        border-top: 1px solid #f7f7f7
    }

        .file_manager .file .file-name small .date {
            float: right
        }

.folder {
    padding: 20px;
    display: block;
    color: #777
}

@media only screen and (max-width: 992px) {
    .file_manager .nav-tabs {
        padding-left: 0;
        padding-right: 0
    }

        .file_manager .nav-tabs .nav-item {
            display: inline-block
        }
}

.card {
    background: #f7f7f7;
    transition: .5s;
    border: 0;
    margin-bottom: 30px;
    border-radius: .55rem;
    position: relative;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 6px 10px 49px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 10px 49px -14px rgba(0,0,0,0.75);
    box-shadow: 6px 10px 49px -14px rgba(0,0,0,0.75);
}

a:hover {
    text-decoration: none;
}