.lo-fields > div.success.ok,
.lo-fields > div.has,
.lo-fields button[type='submit']{
    display: flex !important;
    align-items: center;
    gap: 5px;
    font-size: 15px;
    padding: 5px 10px;
    box-shadow: 0px 0px 3px 0px #ccc;
    color: #55af59;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    
    transition: all .3s ease-out;
}

.lo-fields button[type='submit']{
	width: 100%;
    height: 40px;
    margin-top: 10px;
    background-color: #55af59;
    color: #fff;
}

.lo-fields button[type='submit']:hover{
	opacity: .9;
}

.lo-fields.grid > div.success.ok,
.lo-fields.grid > div.has{
	justify-content: center;
}

.lo-fields.grid > div.success.ok:hover{
	background-color: #55af59;
	color: #FFF !important;
}

.lo-fields.grid > div.has:hover{
	background-color: #ea313c;
	color: #FFF !important;
}

.lo-fields.grid{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.lo-fields > div.has{
	color: #ea313c;
}

.field-list{
	display: flex;
	flex-direction: column;
	gap: 10px
}

.field-list .field-option{
	display: grid;
	border-bottom: 1px solid #ececec;
}

.field-list .field-option:not(.preview){
	grid-template: "label input" / 1fr 2fr;
}

@media(max-width: 767px){
	.field-list .field-option:not(.preview){
		grid-template: "label" "input" / 1fr;
		align-self: center;
    	text-align: center;
	}
	
	.field-list .field-option.preview{
		grid-template:
        "label"
        "prewiew"
        "input" / 1fr !important;
        align-self: center;
    	text-align: center;
	}
}

.field-list .field-option.preview{
	grid-template:
        "label preview"
        "null input" / 1fr 2fr;
}

.field-list .field-option.preview img{
	width: 210px;
}

.field-list .field-option > label{
	grid-area: label;
}

.field-list .field-option > label > b {
	color: red;
}

.field-list .field-option > input,
.field-list .field-option > select,
.field-list .field-option > textarea{
	grid-area: input;
}

.field-list .field-option > div{
	grid-area: preview;
}

#formularioObservacao textarea.clone{
	display: none;
}

input[type="color"]{
	background-color: inherit !important;
    border: inherit !important;
    height: 25px !important;
}