/* mobile styles */

html,
body {
    overflow-x: hidden;
}

@media (max-width: 768px) {
    #page-login {
        padding: 1.5rem;
        border-radius: 1rem;
    }

    #page-login h1 {
        font-size: 1.8rem !important;
        line-height: 1.25 !important;
        margin-bottom: 1.25rem;
    }

    #page-dashboard .dashboard-table-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #page-dashboard .dashboard-table-scroll table {
        min-width: 720px;
        white-space: nowrap;
    }
}
@media (max-width: 768px) {
  #page-login { outline: 10px solid red !important; }
}