/* This stylesheet contains styles for the main component. */


#main {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.opacity-9 {
    opacity: 0.9;
}

/*
 * stick the footer at the bottom without staying fixed with small screen
 */
.app-content {
    background: inherit;

    height: 90%;
    min-height: -webkit-calc(100% - 45px);
    min-height: -moz-calc(100% - 45px);
    min-height: calc(100% - 45px);

    min-width: 80%;
    min-width: -webkit-calc(100% - 25rem);
    min-width: -moz-calc(100% - 25rem);
    min-width: calc(100% - 25rem);
}

.side-menu-margin {
    margin-left: 15rem;
}

/* (767px and below) */
@media (max-width: 767px) {
    .side-menu-margin {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 1336px) {
    .table-responsive {
        overflow-y: hidden;
        overflow-x: auto;
        border: 1px solid #ddd;
        margin-bottom: 15px;
    }
}

.no-menu-margin {
    margin-left: 0;
    margin-right: 0;
}

.content {
    margin-top: 5rem;
    min-height: calc(100% - 4.5rem);
    padding: 0 2rem;
    z-index: 5;
}

#content-fadein div {
    animation: fadein 1s;
}

.content-fadein {
    animation: fadein 1s;
}

@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}