.app-form + .app-form {
    margin-top: 80px;
}
/*.app-form * { margin: 0;padding: 0; }*/
.app-form form {
    margin: 0 0 0 0;
}

.app-form fieldset { 
    
    border-top:1px solid var(--border)!important;
    border-left:1px solid var(--border) !important;
    border-right: 1px solid var(--border)!important;
    border-bottom: 0px!important;
    
    margin: 0 0 10px 0!important;
    padding: 5px 10px 2px 10px!important;
}

.app-form fieldset.flex-list-rel {
    border: none !important; 
    margin-bottom: 30px; 
    max-height: 200px; 
    width: 90%; 
    display: flex; 
    flex-direction:column; 
    justify-content: flex-start; 
    gap: 15px 10px; 
    flex-wrap: wrap; 
    align-items: start;
    align-content: flex-start;
}

.app-form fieldset legend {
    border-top:1px solid var(--border)!important;
    border-left:1px solid var(--border)!important;
    border-right: 1px solid var(--border)!important;
    border-bottom: 0px!important;
    padding: 5px 5px 2px 5px;
    margin-bottom: 3px;
    color: var(--text) !important;
    font-size:85%!important;
    text-align:left!important;
    text-transform: uppercase!important;
}
  
.app-form fieldset legend {
    display: block;
    width: 100%;
    padding: 1px 0 0 0!important;
    margin: 2px 0 10px 0!important;
    font-size: 12px!important;
    color: var(--text) !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    border: 0;
    border-bottom: 1px solid var(--border);  
}
.app-form legend span{
    font-size: 14px!important;
    font-weight: normal!important;  
    text-transform: none!important;  
}

.app-form legend.noline{
    border-bottom: 0px!important;  
    margin: 0px 0 0px 0!important;
}

.app-form legend small {
    font-size: 15px;
    color: var(--text);
}

.app-form section {
    margin-bottom: 5px;
}
.app-form footer {
    margin-top: 10px;
    padding-right: 1px;
    padding-top: 10px;
    border-top: 1px solid var(--border);	
}

.app-form .label {
    display: block;
    margin: 8px 0;
    text-shadow: 0 1px rgba(255,255,255,0.5);
}
.app-form .note {
    text-shadow: 0 1px rgba(255,255,255,0.5);
    color: var(--text);
}
.app-form .input,
.app-form .select,
.app-form .textarea, 
.app-form .button {
    margin-top: 0px;
    position: relative;
    display: block;
}
.app-form .input input,
.app-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 24px;
    padding: 3px 5px 3px;
    outline: none;
    border: 1px solid var(--border);
    background: var(--shadow);
    color: var(--text);
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.size-full{
    width: 100%
}

/**/
/* file inputs */
/**/
.app-form .input-file .button {
    position: absolute;
    top: 4px;
    right: 4px;
    float: none;
    height: 31px;
    margin: 0;
    padding: 0 15px;
    outline: none;
    border: 0;
    border-radius: 3px;
    font-size: 13px;
    line-height: 31px;
}
.app-form .input-file .button:hover {
    box-shadow: none;
}
.app-form .input-file .button input {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);  /* for IE8 */
}


/**/
/* selects */
/**/
.app-form .select select {
    padding: 3px 5px 0 5px;
    width: 100%;
}


/**/
/* textareas */
/**/
.app-form .textarea textarea {
    height: auto;
    resize: none;
}
.app-form .textarea-resizable textarea {
    resize: vertical;	
}
.app-form .textarea-expandable textarea {
    height: 39px;
}
.app-form .textarea-expandable textarea:focus {
    height: auto;
}


/**/
/* radios and checkboxes */
/**/
.app-form .radio,
.app-form .checkbox {
    position: relative;
    display: block;
    margin-bottom: 4px;
    padding-left: 27px;
    line-height: 27px;
    color: var(--text);
    cursor: pointer;
}
.app-form .radio:last-child,
.app-form .checkbox:last-child {
    margin-bottom: 0;
}
.app-form .radio input,
.app-form .checkbox input {
    position: absolute;
    left: -9999px;
}
.app-form .radio i,
.app-form .checkbox i {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    outline: none;
    border: 1px solid var(--border);
    background-color: var(--shadow);;
}
.app-form .disabled i,
.app-form .disabled i {
    background-color: var(--text2) !important;
}
.app-form .checkbox i {
    border-radius: 0px;	
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;	
}
.app-form .radio i {
    border-radius: 50%;	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;	
}
.app-form .radio input + i:after,
.app-form .checkbox input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.app-form .radio input + i:after {
    content: '';
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--border-dark);
}
.app-form .checkbox input + i:after {
    content: '\2713';
    content: '\f00c';
    top: -1px;
    left: -1px;
    width: 17px;
    height: 17px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
    color: var(--border-dark);
}
.app-form .radio input:checked + i:after,
.app-form .checkbox input:checked + i:after {
    opacity: 1;
}
.app-form .inline-group {
    margin-bottom: -4px;
}
.app-form .inline-group:after {
    content: '';
    display: table;
    clear: both;
}
.app-form .inline-group .radio,
.app-form .inline-group .checkbox {
    float: left;
    margin-right: 30px;
}


/**/
/* toggles */
/**/
.app-form .toggle {
    position: relative;
    display: block;
    margin-top: 5px;
    padding-right: 61px;
    line-height: 27px;
    color: var(--text);
    cursor: pointer;
}
.app-form .toggle input {
    position: absolute;
    left: -9999px;
}
.app-form .toggle i {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
    width: 51px;
    height: 19px;
    border: 1px solid #e4e4e4;
    border-top-color: #c5c5c5;
    border-radius: 12px;
    background: var(--shadow);
    box-shadow: inset 0 1px rgba(0,0,0,0.1);
}
.app-form .toggle i:after {
    content: 'NÃO';
    position: absolute;
    top: 4px;
    right: 8px;
    left: 8px;
    font: 9px/13px Arial, sans-serif;
    font-weight: 700;
    text-align: left;
    color: var(--text);
}
.app-form .toggle i:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #3b86c4;
    background: -o-linear-gradient(top, #3b86c4 0%, #295e8a 100%);
    background: -ms-linear-gradient(top, #3b86c4 0%, #295e8a 100%);
    background: -moz-linear-gradient(top, #3b86c4 0%, #295e8a 100%);
    background: -webkit-linear-gradient(top, #3b86c4 0%, #295e8a 100%);
    opacity: 1;
    transition: right 0.2s;
    -o-transition: right 0.2s;
    -ms-transition: right 0.2s;
    -moz-transition: right 0.2s;
    -webkit-transition: right 0.2s;
}
.app-form .toggle input:checked + i {
    background: var(--bg);
}
.app-form .toggle input:checked + i:after {
    content: 'SIM';
    text-align: right;
}
.app-form .toggle input:checked + i:before {
    right: 36px;
}


/**/
/* ratings */
/**/
.app-form .rating {
    line-height: 27px;
    color: #404040;
}
.app-form .rating input {
    position: absolute;
    left: -9999px;
}
.app-form .rating label {
    display: block;
    float: right;
    height: 17px;
    margin-top: 5px;
    padding: 0 2px;
    font-size: 17px;
    line-height: 19px;
    text-shadow: 0 1px rgba(255,255,255,0.5);
    color: var(--text);
    cursor: pointer;
    transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
}
.app-form .rating input:checked ~ label {
    color: #3b86c4;	
}


/**/
/* buttons */
/**/
.app-form .button {
    float: right;
    height: 39px;
    overflow: hidden;
    margin: 10px 0 0 10px;
    padding: 0 25px;
    outline: none;
    border: 0;
    border-radius: 3px;
    background: #3b86c4;
    background: -o-linear-gradient(top, #3b86c4 0%, #295e8a 100%);
    background: -ms-linear-gradient(top, #3b86c4 0%, #295e8a 100%);
    background: -moz-linear-gradient(top, #3b86c4 0%, #295e8a 100%);
    background: -webkit-linear-gradient(top, #3b86c4 0%, #295e8a 100%);
    font: 17px/39px Nunito, Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    color: #fff;
    cursor: pointer;
}
.app-form .button.button-secondary {
    background: #a6a6a6;
    background: -o-linear-gradient(top, #a6a6a6 0%, #8c8c8c 100%);
    background: -ms-linear-gradient(top, #a6a6a6 0%, #8c8c8c 100%);
    background: -moz-linear-gradient(top, #a6a6a6 0%, #8c8c8c 100%);
    background: -webkit-linear-gradient(top, #a6a6a6 0%, #8c8c8c 100%);
}

.app-form [class^="icon-"] {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
.app-form .icon-append,
.app-form .icon-prepend {
    position: absolute;
    top: 2px;
    width: 21px;
    height: 21px;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    color: #d9d9d9;
    color: rgba(0,0,0,0.15);
}
.app-form .icon-append {
    right: 9px;	
}
.app-form .icon-prepend {
    left: 9px;
}
.app-form .input .icon-prepend + input,
.app-form .textarea .icon-prepend + textarea {
    padding-left: 37px;
}
.app-form .input .icon-append + input,
.app-form .textarea .icon-append + textarea {
    padding-right: 37px;
}
.app-form .input .icon-prepend + .icon-append + input,
.app-form .textarea .icon-prepend + .icon-append + textarea {
    padding-left: 37px;
}


/**/
/* grid */
/**/
.app-form .row {
    margin: 0 -15px;
    padding: 0 10px 0 10px;
}
.app-form .row:after {
    content: '';
    display: table;
    clear: both;
}
.app-form .col {
    float: left;
    min-height: 1px;
    padding: 0 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.app-form .col-0-5 {
    width: 4.17%;
}
.app-form .col-1 {
    width: 8.33%;
}
.app-form .col-1-5 { 
    width: 12.49%; /* + 4.16*/
}
.app-form .col-2 { 
    width: 16.66%;
}
.app-form .col-2-5 {
    width: 20.82%; /* + 4.16*/
}
.app-form .col-3 {
    width: 25%;
}
.app-form .col-3-5 {
    width: 29.16%; /* + 4.16*/
}

.app-form .col-4 {
    width: 33.33%;
}
.app-form .col-4-5 {
    width: 37.49%; /* + 4.16*/
}
.app-form .col-5 {
    width: 41.66%;
}
.app-form .col-5-5 {
    width: 45.82%;
}
.app-form .col-6 {
    width: 50%;
}
.app-form .col-6-5 {
    width: 54.16%; /* + 4.16*/
}
.app-form .col-7 {
    width: 57.98%;
}
.app-form .col-7-5 {
    width: 62.14%; /* + 4.16*/
}
.app-form .col-8 {
    width: 66.67%;
}
.app-form .col-8-5 {
    width: 70.83%;/* + 4.16*/
}
.app-form .col-9 {
    width: 75%;
}
.app-form .col-9-5 {
    width: 79.16%;/* + 4.16*/
}
.app-form .col-10 {
    width: 83.33%;
}
.app-form .col-10-5 {
    width: 87.49%;/* + 4.16*/
}
.app-form .col-11 {
    width: 91.66%;
}
.app-form .col-11-5 {
    width: 95.82%;/* + 4.16*/
}
.app-form .col-full {
    width: 100%;
}
@media screen and (max-width: 600px) {
    .app-form .col {
        float: none;
        width: 100%;
    }
}


/**/
/* error state */
/**/
.app-form .state-error input,
.app-form .state-error input:hover,
.app-form .state-error input:focus,
.app-form .state-error select,
.app-form .state-error select:hover,
.app-form .state-error select:focus,
.app-form .state-error textarea,
.app-form .state-error textarea:hover,
.app-form .state-error textarea:focus, 
.app-form .radio.state-error i,
.app-form .checkbox.state-error i,
.app-form .toggle.state-error i {
    border-color: var(--border);
    background: var(--shadow);
}
.app-form .state-error select + i,
.app-form .state-error select:hover + i,
.app-form .state-error select:focus + i {
    background: var(--shadow);	
}
.app-form .toggle.state-error input:checked + i {
    background: var(--shadow);	
}
.app-form .note-error {
    color: rgb(238,147,147);	
}


/**/
/* success state */
/**/
.app-form .state-success input,
.app-form .state-success input:hover,
.app-form .state-success input:focus,
.app-form .state-success select,
.app-form .state-success select:hover,
.app-form .state-success select:focus,
.app-form .state-success textarea,
.app-form .state-success textarea:hover,
.app-form .state-success textarea:focus, 
.app-form .radio.state-success i,
.app-form .checkbox.state-success i,
.app-form .toggle.state-success i {
    border-color: rgba(111,182,121,0.4);
    background: #f1f7f0;
}
.app-form .state-success select + i,
.app-form .state-success select:hover + i,
.app-form .state-success select:focus + i {
    background: var(--shadow);	
}
.app-form .toggle.state-success input:checked + i {
    background:  var(--shadow);	
}
.app-form .note-success {
    color: rgb(111,182,121);
}

/**/
/* hover state */
/**/
.app-form .input:hover input,
.app-form .select:hover select,
.app-form .textarea:hover textarea,
.app-form .radio:hover i,
.app-form .checkbox:hover i,
.app-form .toggle:hover i {
    border-color: var(--border);	;
}
.app-form .rating input + label:hover,
.app-form .rating input + label:hover ~ label {
    color: #295e8a;
}
.app-form .button:hover {
    box-shadow: 0 0 0 3px rgba(137,199,239,0.4);
}


/**/
/* focus state */
/**/
.app-form .input input:focus,
.app-form .select select:focus,
.app-form .textarea textarea:focus,
.app-form .radio input:focus + i,
.app-form .checkbox input:focus + i,
.app-form .toggle input:focus + i {
    border-color: #4897AA;
    background: var(--shadow);
}
.app-form .button:focus {
    box-shadow: 0 0 0 3px rgba(137,199,239,0.4);
}


/**/
/* disabled state */
/**/
.app-form .state-disabled input,
.app-form .state-disabled select,
.app-form .state-disabled textarea,
.app-form .radio.state-disabled,
.app-form .checkbox.state-disabled,
.app-form .toggle.state-disabled,
.app-form .button.state-disabled {
    cursor: default;
    opacity: 0.5;
}
.app-form .state-disabled input:hover,
.app-form .state-disabled textarea:hover,
.app-form .radio.state-disabled:hover i,
.app-form .checkbox.state-disabled:hover i,
.app-form .toggle.state-disabled:hover i {
    border-color: #e4e4e4;
    border-top-color: #c5c5c5;
}
.app-form .state-disabled select:hover {
    border-color: #e4e4e4;
    border-bottom-color: #c5c5c5;	
}
.app-form .button.state-disabled:hover {
    box-shadow: none;
}