body {
    font-family: "Ubuntu", Arial, Helvetica, sans-serif;
}

.table {
    margin: 0!important;
    padding: 0!important;
}

tbody {
    padding: 0!important;
}

thead {
    border-bottom: 1px solid #444;
}

tr {
    border-bottom: 1px solid #444;
}

tr:last-child {
    border-bottom: none;
}

/* Custom Widths */

.w-10 {
    max-width: 10% !important;
    width: 10% !important;
}

.w-15 {
    max-width: 15% !important;
    width: 15% !important;
}

.w-20 {
    max-width: 20% !important;
    width: 20% !important;
}

/* Custom Borders */

.bd1-s {
    border-left: 1px solid rgba(102, 102, 103, 0.6);;
}

.bd1-e {
    border-right: 1px solid rgba(102, 102, 103, 0.6);;
}

.bd1-t {
    border-top: 1px solid rgba(102, 102, 103, 0.6);;
}

.bd1-b {
    border-bottom: 1px solid rgba(102, 102, 103, 0.6);
}

.bd2-s {
    border-left: 2px solid rgba(102, 102, 103, 0.6);;
}

.bd2-e {
    border-right: 2px solid rgba(102, 102, 103, 0.6);;
}

/* Background Color Changes */

.bg-primary {
    background-color: #4f46e5 !important;
}

.bg-danger {
    background-color: #be123c;
}

/* Gradient Backgrounds */

.grad1-gray {
    background: rgb(75,85,99)!important;
    background: -moz-linear-gradient(360deg, rgba(75,85,99,.5) 0%, rgba(31,41,55,1) 45%, rgba(3,7,18,.5) 100%) !important;
    background: -webkit-linear-gradient(360deg, rgba(75,85,99,.5) 0%, rgba(31,41,55,1) 45%, rgba(3,7,18,.5) 100%) !important;
    background: linear-gradient(360deg, rgba(75,85,99,.5) 0%, rgba(31,41,55,1) 45%, rgba(3,7,18,.5) 100%) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b5563",endColorstr="#030712",GradientType=1) !important;
}

/* Buttons */

.btn-primary {
    background-color: #4f46e5;
    border-color: #4f46e5;
    color: #fff;
    font-weight: bold;
}

.btn-primary:hover {
    background-color: #3730a3;
    border-color: #3730a3;
    color: #fff;
}

.btn-danger {
    background-color: #be123c;
    border-color: #be123c;
    color: #fff;
    font-weight: bold;
}

.btn-danger:hover {
    background-color: #881337;
    border-color: #881337;
    color: #fff;
}

/* Custom Nav */

.nav-pills .nav-link {
    color: #fff !important;
    font-weight: bold;
}

.nav-pills .nav-link.active {
    background-color: #4f46e5;
    border-color: #4f46e5;
    color: #fff;
    font-weight: bold;
}

/* File List */

.file-card {
    max-width: 25%;
}

.file-thumbnail {
    height: 250px;
    width: 100%;
}

@media (min-width: 375px) and (max-width: 576px) {
    .file-card {
        max-width: 50%;
    }
}