/*
This file is used to style the greenhouse forms.
This is configured in the greenhouse settings:
https://app.greenhouse.io/configure/dev_center/config

More info here:
https://app.greenhouse.io/configure/dev_center/css_guide
*/

#wrapper {
    padding: 0 !important;
}

#main {
    padding: 0 !important;
}

#app_body {
    padding: 0 !important;
}

#submission_received {
    background: #fff;
}

#submission_received #back_to_application_link,
#submission_received #view-more {
    display: none;    
}

@media only screen and (max-width : 400px) {
    #application {
        padding: 25px 10px !important;
    }
    
    #recaptcha_table ,
    #recaptcha_table tbody,
    #recaptcha_table tr,
    #recaptcha_table td {
        display: block !important;
        height: auto !important;
        float: left !important;
        clear: both !important;
        width: auto !important;
        max-width: 100% !important;
    }
    
    #recaptcha_table {
        margin-bottom: 20px !important;
    }
    
    #recaptcha_table td.recaptcha_image_cell {
        width: auto !important;        
    }
    
    #recaptcha_table #recaptcha_image {
        width: 100% !important;
    }
    .recaptchatable #recaptcha_response_field {
        width: 200px !important;        
    }
    
    .recaptchatable #recaptcha_response_field,
    .recaptchatable #recaptcha_image #recaptcha_challenge_image {
        max-width: 100% !important;
    }
    
    .recaptcha_only_if_privacy {
        padding: 10px 0 10px 7px !important;
    }
    
    #application .apply-with-linkedin {
        margin-top: 20px !important;
    }
}