/*************************************************************
     =All Mobile
************************************************************/
div.patientBottomOptions {
    visibility: visible !important;
}

.clientNavImg {
    display: block !important;
}


.modal-container {
    top: 5px;
}

.modal-header {
    padding: 3px 15px;
}

    .modal-header h1 {
        font-size: 18px;
        margin: 3px 0px;
    }

.imageButton {
    width: 25px;
}

.ajaxModal {
    top: 25px;
    height: 400px !important;
}

.guider {
    max-width: 200px;
}

/*************************************************************
     =Portrait
************************************************************/
@media screen and (max-width: 320px) {

    .messages {
        width: 250px;
    }

    .modal {
        min-width: 300px;
        width: 300px;
    }

    .modal-body {
        max-height: 300px !important;
    }

    .EmailButton {
        top: 0px;
        left: 75px !important;
    }

    .printableDocument h3 {
        font-size: .9em;
    }
}

/*************************************************************
     =Landscape
************************************************************/
@media screen and (min-width: 321px) {
    .modal {
        min-width: 410px;
        width: 440px !important;
    }

    .modal-body {
        max-height: 165px !important;
    }
}