fieldset {
    background-color: #fff; clear: none; float: left;
    margin: 0 10px 20px; width: 45%; min-width:auto;
}
fieldset.closed { background-color: #eee }
fieldset.main { min-width: 650px; width:calc(60% - 100px ); }
fieldset.sub { min-width: 500px; margin-left:10px; width:calc(40% - 10px ); }
fieldset ul li * { float:left; }
fieldset ul li label, fieldset ul li.buttons *  { float:none; }
fieldset button, fieldset label, fieldset legend, #system fieldset label  { font-size:12px; font-weight:lighter; }
fieldset button.helper,
#base fieldset button.helper{ 
    padding:5px!important; width:25px; height:25px!important; 
	float:left!important; margin-top:3px;
    margin-left:5px; border-radius:100%;
    box-shadow:0 2px 7px rgba(0,0,0,.3); 
	background-color:white; color:black;
}
#base fieldset button.helper:hover{ background-color:var(--blue-avg); color:white; }
#system fieldset button.helper:before  { content: none; }
#base fieldset button.helper.add { height:32px; float:right; }
#base fieldset button.helper:after { content:'>>'; }
#base fieldset button.helper.add:after { content:'+'; }
#base fieldset button.helper.all:after { content:'[ ]'; }
#base fieldset button.helper.add-from:after { content:'+>'; }
fieldset input[type="checkbox"] { margin: 6px; }
fieldset input[type="date"], fieldset input[type="password"],fieldset input[type="tel"],
fieldset input[type="text"], fieldset input[type="url"], fieldset select, fieldset textarea {
    background-color:rgb(245,245,245); font-size: 12px;
    margin: 0 2px; width: 99.5%; padding: 8px !important;
    border-radius:7px; box-shadow:none; border:none; 
}
fieldset select { padding:8px; min-width: 100px; }
fieldset li.select select { margin:0!important; }
fieldset input:focus, fieldset select:focus, fieldset textarea:not(.content):focus{ background-color: #fafafa!important; }
fieldset input:disabled, fieldset select:disabled, fieldset textarea:disabled{ 
	background-color:#e7e7e7!important; color:#999!important; 
}
fieldset label {
    background-color: transparent; color: #555;
    font-weight: bold; padding: 0 10px;
    text-align: left; text-transform: capitalize; display : block;
}
fieldset br, fieldset hr, fieldset li label,
fieldset label em,fieldset legend,fieldset ul, fieldset li, fieldset option, fieldset:not(.sub) table *{ float:none; clear:both }
.main.side.panel th button.opts ul{ max-width:none }

fieldset.sub div.list{ min-height: 250px }
fieldset.sub div.list .aviso{ padding:15px; top:10px; position: relative; border-radius: 5px }

fieldset legend, #base fieldset legend {
    background-color: white; border: medium none;
    color: black; margin-bottom: 10px!important;
    padding: 15px; text-align: left; width: 100%;
  	position:relative; margin:0; font-size:14px;
    border-radius: 10px 10px 0 0; border-bottom:1px solid #ccc
}
fieldset .requerido label:after { content: '*'; padding:0 3px; color:red; }  
fieldset legend.plus, #base fieldset legend.plus { padding: 15px 45px; overflow: hidden; }
fieldset legend.plus:before, legend.minus:before, .plus h3:before, .minus h3:before {
    color: blue; position:absolute;
  	background-color: #FFFFFF; height:100%!important;
  	left:-0px; top:0; line-height:200%;
    margin:0!important; width:7px;
}
fieldset legend:before { font-family:Font Awesome\ 5 Free; font-size:18px; font-weight: 900; padding: 7px 14px; }
fieldset legend.plus:before, .plus h3:before { content: '\f078'; }
fieldset legend.minus:before, .minus h3:before { content: '\f077'; }
fieldset li,
#system  #base fieldset li{ border:none; padding:0; }
fieldset li, #base fieldset ul { width: 100%; }
fieldset span { padding:5px 2px }
fieldset span.hint { display: none; font-size: 14px; margin: 0 2px; position: absolute; }
fieldset legend.plus { padding-left:40px }
fieldset legend.plus:before, fieldset legend.minus:before { margin: 3px; height:28px }
fieldset ul { padding: 0 10px; position: relative; }
fieldset ul li {
    border-bottom: 1px dotted #CCCCCC; display: block;
    margin-bottom: 5px !important; padding-bottom: 5px !important;
    padding-top: 0; position: relative;
}
fieldset li:after { content: ' '; display:block; clear:both; }
fieldsetx ul li.select { min-width:49%; }
fieldset ul li.select div.select { width:87%; }
fieldsetx ul li.select div.select select,
fieldset div.list, fieldset div.list div.in{ width:100%!important; }
fieldset input::placeholder { color:grey }
fieldset input.ddd, fieldset input.CEP2 { width:50px; }
fieldset input.tel, fieldset input.CEP { width:150px; }
fieldset span.aviso, fieldset a.aviso {
    width:100%;	color:white!important;
  	font-size:2em; text-align:center; margin-top:1px
}
fieldset .li-2nd, fieldset li.half {
    clear: none; float: left; min-width: 32%;
	max-width:49%; margin-right:1%; width: auto !important;
}
fieldset ul li.select.li-2nd{ min-width: 49%; }
fieldset li span.hint { display:none; font-size:14px; margin:0 2px; position:absolute; }
fieldset li.loading { background-position:right center; background-repeat:no-repeat; }
fieldset li input[type="date"], fieldset li input[type="date"],
fieldset li input.numero, fieldset li input.double{ width:150px; }
fieldset li input[type="checkbox"]{ margin: 6px; }
fieldset.sub button.upload{ margin:0!important; }
fieldset.sub li{ padding:0; }
fieldset .buttons em, #base fieldset .buttons em, #overlay fieldset .buttons em{ float:right; color: orange; margin:10px 15px; }
fieldset.sub.upl .hint{ width:calc( 100% - 50px )!important; background-color:beige!important; }
fieldset.sub.upl .hint li{ color:black }
fieldset.sub.upl .hint li a{ color:orange!important; }
.panel.side fieldset{ min-width:auto; width:100% }
.panel.side fieldset ul li.files{ height: auto; min-height: 75px }
#base fieldset .miniatura{ max-width: 512px }
#base fieldset li.upload{ z-index: 10; position: relative }
#base fieldset li.files{ z-index: 1; position: relative }
#base fieldset li.cnpj{ padding-right:45px!important; }
fieldset li.cnpj input{ width: 170px }
fieldset li.cnpj button.aux,
#base fieldset li.cnpj button.aux{ float:right!important; }
#base fieldset li.cnpj button.aux:after{ content:none; }
#base fieldset.sub div.list{ background-color:#eee; }
#base fieldset.sub div.listing{ max-height: 225px!important; overflow:auto!important; }
#base fieldset.sub legend{ margin:0!important }
#base fieldset.sub legend span{ margin: 0!important; padding: 0!important; font-size: inherit }
#base fieldset.sub legend button{
  border-radius: 100%; font-size: 7px; padding: 0; width: 30px; height:  30px; box-shadow: 0 0 7px rgba(0,0,0,.2); 
  position: absolute; right: 8px; top:8px;
}
#base fieldset.sub legend button i{ font-size: 7px; padding: 0; margin:5px 3px }
#base fieldset.sub.database ul{ padding: 0; }
#base fieldset.sub.imagem ul li.files div.miniatura{ border: 1px solid #eee; margin: 5px }
.main.side.panel fieldset.sub button.new{ display: none }
fieldset.sub button.new label{ 
	top:0; left:auto; right: -55px; margin: 0!important; padding: 8px; padding-right:40px; z-index:0; 
	background-color: #eee; color:black; 
}
fieldset.sub button.new:hover label{ 
	display: block!important; top:0; left:auto; margin: 0!important; padding: 8px; padding-right:40px; z-index:0; 
}
fieldset.sub button.new:hover i{ 
	background-color: var(--blue); border-radius: 100%; padding: 6px!important; margin: 0!important; z-index: 1; 
	position: relative; 
}
fieldset.sub div.listing div.buttons{ padding-bottom:25px; }
.side.panel button.close { text-shadow: 1px 1px 3px var(--blue); }
.side.panel fieldset { max-width:96%!important; }
.side.panel li.buttons button{ float:left; }
.side.panel li.buttons em{ float:right; }
@media screen and (max-width: 512px){
    fieldset{ clear:both; float:none; overflow:hidden; width:100%!important; margin:0; }
  	fieldset *{ max-width:100%!important; }
  	fieldset ul{ width:100%!important; }
  	fieldset button{ width:96%; margin-bottom:5px;	}
  	fieldset li, fieldset li.li-2nd{
  		clear:both!important; height:auto!important; overflow:hidden!important; padding:0px; width:100%!important;
  	}
  	fieldset li input{ margin-bottom:0px!important; }
  	fieldset li input[type="text"], #system fieldset li textarea{ max-width:95%!important; }
  	fieldset li textarea{ width:inherit; height:25em; }
  	fieldset li input.ddd{ max-width:3em!important; }  	
  	fieldset.main, fieldset.sub{ min-width:auto; width:100%; }
    fieldset.sub{ margin:0; margin-top:15px }
}