.overlay {background:
    linear-gradient(to top right, rgba(0,0,0, 0.3) 0%, transparent 40%),
    linear-gradient(to bottom left, rgba(0,0,0, 0.3) 0%, transparent 20%),
    linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%); }

:root{--logo-min:url('../imagens/logo-min.png'); --logo-close:url('../imagens/logo-min.png')}

/* --- BLACK --*/
:root {--tta: #1f2937; --thv: #374151; --tfo: #ffffff; --thf: #ffffff; --twk: #ffffff}
:root {--hrd: #222222; --hrc: #000000} /*hr*/
:root {--fon: #ffffff; --fop: #ffffff; --foa: #b506ab}
:root {--but: #374151; --bhv: #444444; --bfo: #ffffff}
:root {--odd: #151515; --par: #0e0e0e; --ohv: #252525}
:root {--hea: #222833}

/* HEADER, SOCIAIS, MENUS */
:root {--sociaisbkg:        #525d6d; --sociaishov:      #374151; --sociaisicon:     #ffffff; --ssearchfont:     #ffffff}
:root {--sociaissubbkg:     #525d6d; --ssubhov:         #374151; --ssubfont:        #ffffff} 
:root {--headermin:     transparent; --headerclose:     #0f1423; --hminbrd:     transparent; --hclosebrd:       #374151}
:root {--headerminpag:      #0f1423; --headerclosepag:  #0f1423; --hminpagbrd:      #374151; --hclosepagbrd:    #374151}
:root {--mobilemin:         #000000; --mobileclose:     #000000}
:root {--menu:              #ffffff; --menuhov:         #ffffff}
:root {--menusub:           #525d6d; --menusubhov:      #374151; --menusubfont:     #ffffff}
:root {--menubutton:        #525d6d; --menubuthov:      #374151; --menubutfont:     #ffffff; --menubutbrd:      #374151}
:root {--menuportais:       #2b529d; --mphover:         #2b529d; --mpfont:          #ffffff}
:root {--menuportaissub:    #04259f; --mpsubhover:      #2b529d; --mpsubfont:       #cccfff; --mpbrdtop:        #ffffff}
:root {--menusidebar:       #525d6d; --msmenuhov:       #374151; --msmenufont:      #ffffff; --msmenuicon:      #ffffff}

/* BANNER */
:root {--banner:    rgba(0,0,0,0.0); --banfonth1:       #ffffff; --banfonth2:       #ffffff; --banfonth3:       #ffffff}
:root {--bannerbtn:         #ffffff; --banbtnhover:     #555000; --banbtnbor:       #333333}
:root {--marqueebkg:        #1f2937; --marfont:         #ffffff; --marbor:          #374151}
:root {--navlinks:          #1f2937; --navlinhov:    var(--thv); --navlinfont:   var(--tfo); --navlink:     transparent}

/* BODY, GERAL */
:root {--bodybkg:linear-gradient(to top right, #030303 0%, #030303 55%, #030303 70%, #030303 100%)}
:root {--geralbkg:          #030303; --boxbkg:      transparent; --boxbor:      transparent}

/* BORDER, BOX, LINE, HR, SCROL */
:root {--border:        transparent; --borderbkg:   transparent; --borderDark:      #aaa8a8; --borderDarkbkg:   #000000}
:root {--line:              #2d2b2b; --linepad:         #747470}
:root {--ttbkg:         transparent; --ttbkgfont:       #000000; --ttbkgtxtfont:    #ffffff; --ttbkgdark:    var(--tta); --ttbkgdarkfont:   #ffffff}
:root {--ttline:            #3c3c3c; --ttlinefont:      #ffffff; --ttlinedark:      #3a3636; --ttlinedarkfont:  #ffffff}
:root {--ttindexfont:       #b3c4f1; --ttindexborda:    #b3c4f1; --boxindexfont:    #b3c4f1; --ttindexborda:    #b3c4f1}
:root {--scrollbkg:         #000000; --scrollmov:       #444444; --scrollhover:     #555555}
:root {--scrollnews:        #000000; --scrollnewsmov:   #222222; --scrollnewshover: #333333}
:root {--scrollsidebar:     #111111; --scrolsidemov:    #222222; --scrolsidehov:    #333333}
:root {--hrdefault:      var(--hrd); --hrcontrast:   var(--hrc)}

/* FOOTER, COPYRIGHT */
:root {--footer:            #000000; --footfont:        #ffffff; --foothover:       #ffffff; --foottitle:       #ffffff}
:root {--copy:              #111111; --copyfont:        #ffffff; --copyhover:       #ffffff} 

/* APPS COMUNS */
:root {--block:             #374151; --bltext:          #222222; --blhover:         #1a1919; --blfont:          #ffffff; --blborder:        #5a6b85; --blshadow:    transparent}
:root {--block-plus:        #0c32ed; --bphover:      var(--bhv); --bpttbkg:         #98cce1; --bpttfont:        #000000; --bptexfont:       #ffffff; --bpborder:        #3b3b3b; --bpborderbot:     #4a4a4a; --bpborshadow: transparent}
:root {--tablink:       transparent; --tabconteiner:transparent; --tabbuttom:    var(--tta); --tabbuthover:  var(--thv); --tabbutactive: var(--thv); --tabbutfont:      #a4a4a4}

/* ABAS */
:root {--midias:            #010b17; --midiasbkg:       #002f67; --midiastopo:      #3b3b3d; --midiasfont:      #ffffff}

/* TABELAS, DOWN, FAQ */
:root {--asidetab:       var(--odd); --asitabpar:    var(--par); --asitabhov:    var(--ohv); --asitabfont:      #ffffff}

/* ASIDES */
:root {--asidebox:          #1a1919; --asiboxborder:    #222222}
:root {--asidecol:          #1f2937; --not:         transparent; --asichov:         #222222; --asicfont:        #ffffff; --asictta:         #222222; --asicttafont:     #ffffff; --asicbot:         #301d1d; --asicleft:transparent; --asicrig: transparent}
:root {--asideplus:         #1f2937; --not:         transparent; --asiphov:         #374151; --asipfont:        #ffffff; --asiptta:         #222222; --asipttafont:     #ffffff; --asipbot:         #301d1d; --asipleft:transparent; --asiprig: transparent}
:root {--asideacormenu: transparent; --asiacormenu: transparent; --asiacorhov:      #374151; --asiacorfont:     #ffffff; --asiacorbot:      #3a3a45}
:root {--not:           transparent; --asiacorsub:      #1a1d4b; --asiacorsubhov:   #282855; --asiacorsubfont:  #ffffff; --asiacorsubbot:   #343e64}

/* ABAS */
:root {--midias:            #010b17; --midiasbkg:       #002f67; --midiastopo:      #3b3b3d; --midiasfont:      #ffffff}

/* BUTTONS, NAVBAR, NAVLINK, PAGINAÇÃO, TTAS, ABAS, FONT */
:root {--abasbkg:        var(--tta); --abashover:    var(--thv); --abasfont:     var(--tfo); --abashovfont:  var(--tfo)}
:root {--button:         var(--tta); --buthover:     var(--thv); --buttonfont:   var(--bfo)}
:root {--ttabkg:         var(--tta); --ttahover:     var(--thv); --ttafont:      var(--tfo)}
:root {--fontes:         var(--fon); --fonp:         var(--fop); --fonact:       var(--foa)}
:root {--pagin:          var(--tta); --paginhover:   var(--thv); --paginfont:    var(--tfo)}
:root {--navbar:         var(--tta); --navhover:     var(--thv); --navfont:      var(--tfo)}
:root {--enquetesbar:    var(--tta); --efont:        var(--tfo)}

/* SIDEBAR ESTRUTURA E ASIDES */
:root {--stta:              #444444; --shov:            #333333; --sfon:            #ffffff; --sbot:            #666666}
:root {--sidebarbkg:        #000000; --sidefont:    var(--sfon); --sidebot:         #ffffff}
:root {--sidebarbut:        #555555; --sidebutfont: var(--sfon); --sidebuthov:  var(--shov); --sidebutbor:      #555555}
:root {--sidebarmenu:       #444444; --smenufont:   var(--sfon); --smenuhov:    var(--sbot)}
:root {--asidebarmenu:  var(--stta); --asimenufont: var(--sfon); --asimenuhov:  var(--shov)}
:root {--asidebarcol:   transparent; --asicolfont:  var(--sfon); --asicolhov:   var(--shov); --asicoltta:   var(--stta)}
:root {--asideacortit:  var(--stta); --asiacorfont: var(--sfon); --asideacortith:   #1c5902}
:root {--sibarscrolbkg: transparent; --siscrolmov:  var(--stta); --siscrolhov:  var(--shov)}    

/* FORMS */
:root {--searchbkg:     transparent; --searchbtn:       #333333; --searchbtnhov:    #555555; --searchfont:      #ffffff; --searchbor:       #404040; --searchwebkit:    #afafaf}
:root {--searchboxbkg:      #1f2937; --searchbbtn:      #333333; --searchbbtnhov:   #555555; --searchbfont:     #ffffff; --searchbbor:      #404040; --searchbwebkit:   #afafaf}
:root {--searchsidbkg:  transparent; --searchsidbtn:    #333333; --searchsidbtnhov: #555555; --searchsidfont:   #ffffff; --searchsidbor:    #404040; --searchsidwebkit: #afafaf}

/* TRANSPARÊNCIA */
/*:root {--block-trans:     #222222; --btransttfont:    #cccfff; --btranstexfont:   #cccfff; --btranstit:       #444444; --btransbor:       #cccfff; --btransshadow: transparent}*/
:root {--geraltrans:        #000000}
:root {--tbanner:  rgba(0,0,0, 0.0); --tbanfonth1:      #afb2d8; --tbanfonth2:      #ffffff; --tbanfonth3:      #cccfff; --tbanbtn:     transparent; --tbanbtnhover:    #e90909; --tbanbtnfont:      #ffffff; --tbanbtnbor:     #ffffff}
:root {--blocklink:         #13151d; --blocklinkhov:    #3d464d; --blockcircle:     #555555; --blocklinkfont:   #ffffff}
:root {--lineboxtab:        #13151d; --lineboxpar:      #0f1016; --lineboxfont:     #ffffff; --linebut:         #2b3135; --linebuthov:      #3d464d; --linebutfont:     #ffffff}
:root {--boletim:           #000000; --bolbkg:          #0f34f0; --bolblock:        #747cf4; --bolfontes:       #ffffff}
:root {--ttatr:             #222222; --ttatrfont:       #ffffff; --ttlinetr:        #000000; --ttlinetrfont:    #ffffff; --bordertrbkg: transparent; --bordertr:        #333333}

/* MODAIS FORMS */
:root {
    --modalbody:            #000000;
    --modalclose:           #000000;
    --modalclosehov:        #000000;
    --modaisbkg:            #d7d7d7;
    --modcamposbkg:         #ffffff;
    --modfont:              #000000;
    --modbutton:            #0415fc;
    --modbuttonhov:         #ff014c;
    --modbuttonfont:        #ffffff;
    }

/* ANOS TRANS */    
:root{
    --tselect:           var(--tta);
    --tinput:            var(--tta);
    --tglente:           var(--tta);
    --tinputfont:        var(--tfo);
    --tfont:             var(--tfo);
    --tlentehov:         var(--thv);
    --twebkit:           var(--tfo);
    --typetexbkg:       transparent;
    --typetexfont:          #000000;
    --typetexbor:           #999999;
}