@media (min-height: 100px) {
    .modal-header {
        padding: 8px;
    }

    .modal-header > h3 {
        font-size: 15px;
    }

    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > label,
    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > span.input-group-addon > span.glyphicon-calendar{
        font-size: 10px;
    }

    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > .form-control,
    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > input {
        height: 20px;
    }
    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > span.input-group-addon {
        padding-bottom: 1px;
        padding-top: 1px;
        padding-left: 2px;
        padding-right: 2px;
    }

    #search_footer {
        visibility: hidden;
        display: none;
    }

    .modal-body > .container > section > article > div:nth-child(2)  {
        max-height: 130px !important;
    }

    .modal-body > .container > section > article > div:nth-child(2) > table > tbody > tr {
        font-size:10px;
    }
}

@media (min-height: 600px) {

    .modal-header > h3 {
        font-size: 17px;
    }

    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > span.input-group-addon {
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > .form-control,
    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > input {
        height: 25px;
    }

    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > label,
    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > span.input-group-addon > span.glyphicon-calendar{
        font-size: 13px;
    }

    .modal-body > .container > section > article > div:nth-child(2)  {
        max-height: 260px !important;
    }

    .modal-body > .container > section > article > div:nth-child(2) > table > tbody > tr {
        font-size:12px;
    }
}

@media (min-height: 700px) {

    .modal-body > .container > section > article > div:nth-child(2)  {
        max-height: 300px !important;
    }
}

@media (min-height: 800px) {
    .modal-header > h3 {
        font-size: 19px;
    }

    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > span.input-group-addon {
        padding-bottom: 6px;
        padding-top: 6px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > .form-control,
    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > input {
        height: 35px;
    }

    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > label,
    .modal-body > .container > section > article > .jarviswidget > .widget-body > .form-horizontal > .row-form > div > input-datetime > .input-group > span.input-group-addon > span.glyphicon-calendar{
        font-size: 16px;
    }

    .modal-body > .container > section > article > div:nth-child(2)  {
        max-height: 420px !important;
    }

    .modal-body > .container > section > article > div:nth-child(2) > table > tbody > tr {
        font-size:15px;
    }
}

@media (min-height: 900px) {
    .modal-body > .container > section > article > div:nth-child(2)  {
        max-height: 500px !important;
    }
}

@media (min-height: 950px) {
    .modal-body > .container > section > article > div:nth-child(2)  {
        max-height: 550px !important;
    }
}