.form-field{
    padding:1rem 1rem 0 1rem;
    position: relative;
}

.form-field label{
    margin:0;
    padding:0;
}

.form-field input,
.form-field textarea,
.form-field select{
    border:none;
    border-bottom:solid .2rem rgba(0,0,0,.25);
    border-radius:0;
    background: none;
    outline: none;
    opacity:.7;
    margin:0;
    transition: .5s;
    font-family: Verdana, sans-serif;
}

.form-field textarea{
    border-left:solid .2rem rgba(0,0,0,.25);
    border-right:solid .2rem rgba(0,0,0,.25);
}

.form-field i,
.form-field i,
.form-field i{
    margin-right:-2em;
    width:2em;
    display: inline-block;
    text-align: center;
}

.form-field i+input,
.form-field i+textarea,
.form-field i+select{
    padding-left: 2.5rem;
}

.form-field i+input:focus,
.form-field i+textarea:focus,
.form-field i+select:focus{
    padding-left: 3em;
}

.form-field input:focus,
.form-field textarea:focus,
.form-field select:focus{
    border:none;
    border-bottom:solid .2rem rgb(36, 169, 226);
    border-radius:0;
    opacity:1;
}

.form-field textarea:focus{
    border-left:solid .2rem rgb(36, 169, 226);
    border-right:solid .2rem rgb(36, 169, 226);
}

.form-field input:disabled,
.form-field textarea:disabled,
.form-field select:disabled{
    opacity:.25;
}



.form-button-fff,
.form-button-eee,
.form-button-ddd,
.form-button-ccc,
.form-button-bbb,
.form-button-aaa,
.form-button-999,
.form-button-888,
.form-button-777,
.form-button-666,
.form-button-555,
.form-button-444,
.form-button-333,
.form-button-222,
.form-button-111,
.form-button-000,
.form-button-f00,
.form-button-e00,
.form-button-d00,
.form-button-c00,
.form-button-b00,
.form-button-a00,
.form-button-900,
.form-button-800,
.form-button-700,
.form-button {
    background: #0e90d2;
    color: #fff;
    border: none;
    border-radius: 0;
}

.form-button-fff{
    background: #fff;
    color: #555;
}

.form-button-eee{
    background: #eee;
    color: #555;
}

.form-button-ddd{
    background: #ddd;
    color: #333;
}

.form-button-ccc{
    background: #ccc;
    color: #333;
}

.form-button-bbb{
    background: #bbb;
    color: #333;
}

.form-button-aaa{
    background: #aaa;
}

.form-button-999{
    background: #999;
}

.form-button-888{
    background: #888;
}

.form-button-777{
    background: #777;
}

.form-button-666{
    background: #666;
}

.form-button-555{
    background: #555;
}

.form-button-444{
    background: #444;
}

.form-button-333{
    background: #333;
}

.form-button-222{
    background: #222;
}

.form-button-111{
    background: #111;
}

.form-button-000{
    background: #000;
}

.form-button-f00{
    background: #f00;
}

.form-button-e00{
    background: #e00;
}

.form-button-d00{
    background: #d00;
}

.form-button-c00{
    background: #c00;
}

.form-button-b00{
    background: #b00;
}

.form-button-a00{
    background: #a00;
}

.form-button-900{
    background: #900;
}

.form-button-800{
    background: #800;
}

.form-button-700{
    background: #700;
}

.link {
    background: none;
    border: none;
    display: inline;
    color: #0e90d2;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
    outline: none;
}

.link:disabled,
.form-button-fff:disabled,
.form-button-eee:disabled,
.form-button-ddd:disabled,
.form-button-ccc:disabled,
.form-button-bbb:disabled,
.form-button-aaa:disabled,
.form-button-999:disabled,
.form-button-888:disabled,
.form-button-777:disabled,
.form-button-666:disabled,
.form-button-555:disabled,
.form-button-444:disabled,
.form-button-333:disabled,
.form-button-222:disabled,
.form-button-111:disabled,
.form-button-000:disabled,
.form-button-f00:disabled,
.form-button-e00:disabled,
.form-button-d00:disabled,
.form-button-c00:disabled,
.form-button-b00:disabled,
.form-button-a00:disabled,
.form-button-900:disabled,
.form-button-800:disabled,
.form-button-700:disabled,
.form-button:disabled {
    opacity: .25;
}

.form-title{
    color: #bbb;
}

.form-title:not(:first-child){
    margin-top:2rem;
}

.form-title h3 {
    background: #555;
    color: #fff;
    padding:.5rem 1.5rem;
    display: inline-block;
}

[data-form-field-wrapper] .error-msg,
.form-field .error-msg{
    display: none;
}

[data-form-field-wrapper][data-form-error] .error-msg,
.form-field.error .error-msg{
    display: block;
}

[data-form-filed-wrapper][data-form-error] *,
.form-field.error *{
    border-color: rgba(255,80,60,.5);
    color: #e32;
}

[data-form-field-wrapper][data-form-error] *:focus,
.form-field.error *:focus{
    border-color: #F44336;
}

.popup .error {
    border-bottom: solid .2rem #F44336;
}

.error-msg {
    display: none;
    position: absolute;
    color: #F44336;
    font-size: 1rem;
    font-weight: 600;
    transition: all .5s;
}

.error~.error-msg{
    display: block;
}

.popup.dados-cliente .popup-body{
    position: relative;
    border-top: solid .5rem #555;
}

.popup.dados-cliente .popup-footer {
    background: none;
    border: none;
}

.popup>.fecha-popup{
    position: fixed;
    top: .5rem;
    right: .5rem;
    background: none;
    color: #fff;
    text-shadow: 0 0 .5rem #000;
    border: none;
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
    min-height: 0;
    border-radius:50%;
    background: rgba(255,255,255,.2);
}


/** TABS */
.tabs-wrapper{
    overflow: auto;
    border-bottom: solid 1rem rgba(255,255,255,.85);
}

.tab{
    opacity: .5;
    border: none;
    transition: .5s;
    border-radius: 0;
    background: rgba(255,255,255,.85);
    color: rgba(0,0,0,.75);
    padding: 1rem 1rem .5rem 1rem;
    outline: none;
}

.tab.active{
    opacity: 1;
}


.tabs-wrapper.tabs-fff{
    border-bottom: solid 1rem #fff;
}

.tabs-wrapper.tabs-fff .tab{
    background: #fff;
}

.tabs-wrapper.tabs-eee{
    border-bottom: solid 1rem #eee;
}

.tabs-wrapper.tabs-eee .tab{
    background: #eee;
}

.tabs-wrapper.tabs-ddd{
    border-bottom: solid 1rem #ddd;
}

.tabs-wrapper.tabs-ddd .tab{
    background: #ddd;
}

.tabs-wrapper.tabs-ccc{
    border-bottom: solid 1rem #ccc;
}

.tabs-wrapper.tabs-ccc .tab{
    background: #ccc;
}

.tabs-wrapper.tabs-bbb{
    border-bottom: solid 1rem #bbb;
}

.tabs-wrapper.tabs-bbb .tab{
    background: #bbb;
}

.tabs-wrapper.tabs-aaa{
    border-bottom: solid 1rem #aaa;
}

.tabs-wrapper.tabs-aaa .tab{
    background: #aaa;
}

.tabs-wrapper.tabs-999{
    border-bottom: solid 1rem #999;
}

.tabs-wrapper.tabs-999 .tab{
    background: #999;
}

.tabs-wrapper.tabs-888{
    border-bottom: solid 1rem #888;
}

.tabs-wrapper.tabs-888 .tab{
    background: #888;
}

.tabs-wrapper.tabs-777{
    border-bottom: solid 1rem #777;
}

.tabs-wrapper.tabs-777 .tab{
    background: #777;
    color: rgba(255,255,255,.75);
}

.tabs-wrapper.tabs-666{
    border-bottom: solid 1rem #666;
}

.tabs-wrapper.tabs-666 .tab{
    background: #666;
    color: rgba(255,255,255,.75);
}

.tabs-wrapper.tabs-555{
    border-bottom: solid 1rem #555;
}

.tabs-wrapper.tabs-555 .tab{
    background: #555;
    color: rgba(255,255,255,.75);
}

.tabs-wrapper.tabs-444{
    border-bottom: solid 1rem #444;
}

.tabs-wrapper.tabs-444 .tab{
    background: #444;
    color: rgba(255,255,255,.75);
}

.tabs-wrapper.tabs-333{
    border-bottom: solid 1rem #333;
}

.tabs-wrapper.tabs-333 .tab{
    background: #333;
    color: rgba(255,255,255,.75);
}

.tabs-wrapper.tabs-222{
    border-bottom: solid 1rem #222;
}

.tabs-wrapper.tabs-222 .tab{
    background: #222;
    color: rgba(255,255,255,.75);
}

.tabs-wrapper.tabs-111{
    border-bottom: solid 1rem #111;
}

.tabs-wrapper.tabs-111 .tab{
    background: #111;
    color: rgba(255,255,255,.75);
}

.tabs-wrapper.tabs-000{
    border-bottom: solid 1rem #000;
}

.tabs-wrapper.tabs-000 .tab{
    background: #000;
    color: rgba(255,255,255,.75);
}





/** CHECKBOXES SEARCH */
.checkboxes-search{
    border: solid .2rem rgba(0,0,0,.175);
    border-top: none;
    padding: .5rem;
}

.checkboxes-search .selected-wrapper{
    min-height: 2em;
}

.checkboxes-search .search-input:disabled,
.checkboxes-search .search-input:focus,
.checkboxes-search .search-input{
    border: none;
    width: 100%;
    border-top: dashed .1rem rgba(0,0,0,.07);
    margin: .5rem 0;
    background: none;
    outline: none;
}

.checkboxes-search .items-wrapper{
    height: 0;
    overflow: auto;
    opacity: .0000000001;
    transition: all .5s .3s;
}

.checkboxes-search .search-input:focus~.items-wrapper{
    opacity: 1;
    height: 5em;
}

.checkboxes-search .selected,
.checkboxes-search .checkboxes-search-item{
    display: inline-block;
    margin: .1rem .2rem;
    background: rgba(0,0,0,.02);
    border: solid .1rem rgba(0,0,0,.05);
}

.checkboxes-search .selected{
    padding: .2rem .5rem;
    color: #fff;
    background: #22a9e2;
}

.checkboxes-search .selected i{
    margin: 0;
    width: auto;
}

.checkboxes-search .checkboxes-search-item input{
    display: inline-block;
    min-height: 0;
    margin: 0 0 0 .5rem;
}

.checkboxes-search .checkboxes-search-item label{
    display: inline-block;
    min-height: 0;
    padding: .1rem .5rem .2rem 0;
}