/* Styles for mobile devices */

/* Largura <300px */
@media only screen and
	(max-device-width : 300px) {
    .nav {
        padding: 0.5em;
    }

    .nav li {
        margin: 0 0.5em 0 0;
        padding: 0.25em;
    }

    /* Hide individual steps in pagination, just have next & previous */
    .pagination .step, .pagination .currentStep {
        display: none;
    }

    .pagination .prevLink {
        float: left;
    }

    .pagination .nextLink {
        float: right;
    }

    /* pagination needs to wrap around floated buttons */
    .pagination {
        overflow: hidden;
    }

    /* slightly smaller margin around content body */
    fieldset,
    .property-list {
        padding: 0.3em 1em 1em;
    }

    input {
        width: 80px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    textarea {
        width: 90%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    select, input[type=checkbox], input[type=radio], input[type=submit], input[type=button], input[type=reset] {
        width: 80%;
    }

    /* hide all but the first column of list tables */
    .scaffold-list td:not(:first-child),
    .scaffold-list th:not(:first-child) {
        display: none;
    }

    .scaffold-list thead th {
        text-align: center;
    }

    /* stack form elements */
    .fieldcontain {
        margin-top: 0.6em;
    }

    .fieldcontain label,
    .fieldcontain .property-label,
    .fieldcontain .property-value {
        display: block;
        float: none;
        margin: 0 0 0.25em 0;
        text-align: left;
        width: auto;
    }

    .errors ul,
    .message p {
        margin: 0.5em;
    }

    .error ul {
        margin-left: 0;
    }

    div.formulario {
        width: 90% !important;
        top: 1%;
    }

    .form {
        max-width: 290px;
    }

    .celula-dupla .buttons input {
        width: 90%;
    }

    #label-rodape {
        bottom: 10%;
        right: 35%;
    }

}

/* Largura extrapequena: xp */
@media only screen and
	(min-device-width : 301px) and
	(max-device-width : 480px) {
    .nav {
        padding: 0.5em;
    }

    .nav li {
        margin: 0 0.5em 0 0;
        padding: 0.25em;
    }

    /* Hide individual steps in pagination, just have next & previous */
    .pagination .step, .pagination .currentStep {
        display: none;
    }

    .pagination .prevLink {
        float: left;
    }

    .pagination .nextLink {
        float: right;
    }

    /* pagination needs to wrap around floated buttons */
    .pagination {
        overflow: hidden;
    }

    /* slightly smaller margin around content body */
    fieldset,
    .property-list {
        padding: 0.3em 1em 1em;
    }

    input {
        width: 100px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    textarea {
        width: 250px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    select, input[type=checkbox], input[type=radio], input[type=submit], input[type=button], input[type=reset] {
        width: 80%;
    }

    /* hide all but the first column of list tables */
    .scaffold-list td:not(:first-child),
    .scaffold-list th:not(:first-child) {
        display: none;
    }

    .scaffold-list thead th {
        text-align: center;
    }

    /* stack form elements */
    .fieldcontain {
        margin-top: 0.6em;
    }

    .fieldcontain label,
    .fieldcontain .property-label,
    .fieldcontain .property-value {
        display: block;
        float: none;
        margin: 0 0 0.25em 0;
        text-align: left;
        width: auto;
    }

    .errors ul,
    .message p {
        margin: 0.5em;
    }

    .error ul {
        margin-left: 0;
    }

    div.formulario {
        width: 90% !important;
        top: 5%;
    }

    #label-rodape {
        bottom: 12%;
        right: 33%;
    }

}

/* Largura pequena: pq */
@media only screen and
	(min-device-width : 481px) and 
	(max-device-width : 768px) {

    div.formulario {
        width: 80% !important;
        top: 10%;
    }

    #label-rodape {
        bottom: 9%;
        right: 33%;
    }

}

/* Largura media: md */
@media only screen and
	(min-device-width : 769px) and
	(max-device-width : 1200px) {

    div.formulario {
        width: 66% !important;
        top: 10%;
    }

    .form {
        max-width: 768px;
    }

    #label-rodape {
        bottom: 9%;
        right: 33%;
    }

}

/* Largura grande: gd */
@media only screen and
	(min-device-width : 1200px) {

    div.formulario {
        width: 66% !important;
        height: 115%;
        top: 10%;
    }

    .form {
        max-width: 1200px;
    }

    #label-rodape {
        bottom: 3%;
        right: 33%;
    }

}