/* Media specific by width */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 520px;
    }
    .modal-dialog .nav-item {
        max-width: 225px;
    }
}

@media (min-width: 768px) {
    .modal-dialog.modal-wide.modal-im {
        max-width: 700px;
    }
}

@media (min-width: 992px) {
    .modal-dialog.modal-wide.modal-im {
        max-width: 920px;
    }
}

@media (min-width: 1366px) {
    .modal-dialog.modal-wide {
        max-width: 1286px;
    }

    .modal-dialog.modal-wide.modal-im {
        max-width: 920px;
    }
}

@media (max-width: 576px) {
    .modal-dialog.modal-wide,
    .modal-dialog.modal-wide.modal-im {
        max-width: none;
    }
}

/* Media specific by height */
@media (max-height: 576px) {
    .table-scollable,
    .modal-dialog.modal-im .table-scollable {
        max-height: none;
    }

    #login-form {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {
    .date-range-text, .date-range-text * {
        font-size: 0.75rem !important;
        line-height: 1.75;
    }
}

@media (max-width: 576px) {
    .modal-dialog.modal-small {
        max-width: none;
    }
}

@media (min-width: 750px) {
    .modal-dialog.modal-small {
        max-width: 650px;
    }
}