body {
    margin: 0;
    font-family: "Raleway", sans-serif;
    background-color: rgba(180, 190, 201, .35);
    color: #002333;
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal{
    padding: 4em 2em  !important;
}

.sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-image: url('assets/background-menu.png');
    background-size: contain;
    position: fixed;
    height: 100%;
    overflow: auto;
}

.sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
    margin: 1em;
}

.sidebar a.active {
    background-color: rgba(56, 56, 56, .65);
    color: white;
    border-radius: 12px;
}

table thead{
    background-color: rgba(56, 56, 56, .65);
    color: #FFF;
    border: none;
}
table thead th:first-child{
    border-radius: 12px 0 0 0;
}
table thead th:last-child{
    border-radius: 0 12px 0 0;
}

div.content {
    margin-left: 200px;
    padding: 1px 16px;
    height: 100vh;
}

@media screen and (max-width: 700px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
    }
    .sidebar a {
        float: left;
    }
    div.content {
        margin-left: 0;
    }
}

@media screen and (max-width: 400px) {
    .sidebar a {
        text-align: center;
        float: none;
    }
}