/* For landscape device orientation (between 415 and 736 pixels - (iPhone 2 - 6s Plus)     */
/* - The original application.css file is here, mostly commented out. This is useful       */
/*   to keep the same CSS cascade order. If you need to make a change for this media query */
/*   just uncomment out the id/class and substitute the correct CSS.                       */

@media only screen and (max-width: 767px) {

    input[type=checkbox]{
        width: 26px;
        height: 26px;
        background-size: 23px 20px!important;
    }
    .gnewtonFieldClass input[type=checkbox]{
    }
    .gnewtonFieldInputClass input[type="text"]{
        min-width: 0;
    }
    .gnewtonFieldInputClass select {
        max-width:215px;
    }

    .gnewtonQuestionInputClass {
        margin-left: 165px;
    }
    .gnewtonQuestionInputClass input[type=checkbox]{
        margin: 4px 3px 6px 0;
        height:26px;
        vertical-align: middle;
    }
    .gnewtonQuestionInputClass table {
    }
    .gnewtonQuestionInputClass table td {
        /*padding:0 5px 10px 0;*/
    }
    .gnewtonQuestionInputClass select {
        max-width: 215px;
    }

    .gnewtonSectionClass dd {
        padding: 0;
    }
    .gnewtonSectionClass dd div {
        padding: 3px 0 2px 0;
    }
    #gnewtonCommentsInfo .gnewtonQuestionInputClass textarea {
        min-width: 0;
    }
    #gnewtonPrivacyPolicyInfo .gnewtonQuestionInputClass textarea {
        min-width: 0;
    }
    #gnewtonCareerBody div.gnewtonBlueBtn {
        width: auto;
    }
    .gnewtonFieldClass{
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .gnewtonFieldClass input[type=checkbox] {
        top: -1px;
    }
    div.formBuilderBody #paragraph-text.gnewtonSectionClass dl dd {
        padding-left: 20px;
    }
}

/* For portrait device orientation (between 414 and smaller - (iPhone 2 - 6s Plus) */
/* - Add any CSS here that is specific to this small (portrait) media query, in the same
/*   cascade order as shown in the "landscape" query above. */
@media only screen and (max-width: 550px) {

    #uploadResume .gnewtonFieldInputClass { margin:0; }

    #resumeDrop {
        float: none;
        min-width: 215px;
    }

    .gnewtonFieldInputClass {
        margin-left: 0;
    }

    .gnewtonQuestionInputClass {
        margin-left: 0;
    }

    .gnewtonFieldLabelClass {
        text-align: left;
        margin-bottom: 10px;
    }
    #gnewtonAttachmentsInfo .gnewtonFieldLabelClass {
        margin-bottom: 0;
    }

    .gnewtonFieldLabelClass label {
        top: 5px;
    }

    .gnewtonQuestionInputClass textarea:not(#originalComments),
    .gnewtonFieldClass textarea,
    .gnewtonFieldInputClass textarea {
        min-width: 215px !important;
    }

    .gnewtonSectionClass dd div {
        padding: 2px 0 2px 0;
    }

    .gnewtonQuestionLabelClass {
        padding: 2px 0 0 0 !important;
    }

    .gnewtonStar {
        top: 3px !important;
    }

    .gnewtonQuestionLabelClass .gnewtonStar {
        top: -2px !important;
    }
}