.overlay {background:
    linear-gradient(to top right, rgba(2,208,200,0.2) 0%, transparent 15%),
    linear-gradient(to bottom left, rgba(2,208,200,0.1) 0%, transparent 0%),
    linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 0%); }
    
:root{--logo-min:url('../imagens/logo-min.png'); --logo-close:url('../imagens/logo-min.png')}

/* --- GREEN --*/
:root {--tta: #007d78; --thv: #599d1e; --tfo: #ffffff; --thf: #ffffff; --twk: #ffffff}
:root {--hrd: #a3a2a2; --hrc: #000000}
:root {--fon: #000000; --fop: #000000; --foa: #b506ab}
:root {--but: #1e5e03; --bhv: #599d1e; --bfo: #ffffff}
:root {--odd: #b0cbc5; --par: #c1ddd6; --ohv: #cae2dc}
:root {--hea: #013d3a}

/* HEADER, SOCIAIS, MENUS */
:root {--sociaisbkg:        #007d78; --sociaishov:      #289994; --sociaisicon:     #ffffff; --ssearchfont:     #ffffff}
:root {--sociaissubbkg:     #007d78; --ssubhov:         #2b938f; --ssubfont:        #ffffff} 
:root {--headermin:     transparent; --headerclose:  var(--hea); --hminbrd:     transparent; --hclosebrd:       #16605d}
:root {--headerminpag:   var(--hea); --headerclosepag:var(--hea);--hminpagbrd:      #000000; --hclosepagbrd:    #374151}
:root {--mobilemin:         #000000; --mobileclose:     #000000}
:root {--menu:              #ffffff; --menuhov:         #ffffff}
:root {--menusub:           #ffffff; --menusubhov:      #e3e3e3; --menusubfont:     #000000}
:root {--menubutton:        #007d78; --menubuthov:      #289994; --menubutfont:     #ffffff; --menubutbrd:      #289994}
:root {--menuportais:       #007d78; --mphover:         #289994; --mpfont:          #ffffff}
:root {--menuportaissub:    #007d78; --mpsubhover:      #289994; --mpsubfont:       #ffffff}
:root {--menusidebar:       #007d78; --msmenuhov:   var(--shov); --msmenufont:  var(--sfon); --msmenuicon:      #ffffff}

/* BANNER */
:root {--banner:            #000000; --banfonth1:       #ffffff; --banfonth2:       #ffffff; --banfonth3:       #d0d0d0; --imgbrd:          #222222}
:root {--bannerbtn:         #4c05f7; --banbtnhover:     #555000; --banbtnbor:       #333333}
:root {--marqueebkg:        #007d78; --marfont:         #ffffff; --marbor:          #3e6164}
:root {--navlinks:       var(--tta); --navlinhov:    var(--thv); --navlinfont:   var(--tfo); --navlink:         #d3d3d3}

/* BODY, GERAL */
:root {--bodybkg:           #d5d3d3}
:root {--geralbkg:          #d5d3d3; --boxbkg:      transparent; --boxbor:          #ffffff}

/* BORDER, BOX, LINE, HR, SCROL */
:root {--border:            #afafaf; --borderbkg:   transparent; --borderDark:      #aaa8a8; --borderDarkbkg:   #000000}
:root {--line:              #ffffff; --linepad:         #ffffff}
:root {--ttbkg:         transparent; --ttbkgfont:       #000000; --ttbkgtxtfont:    #000000; --ttbkgdark:    var(--tta); --ttbkgdarkfont:   #ffffff}
:root {--ttline:            #484848; --ttlinefont:      #000000; --ttlinedark:      #5f5f5f; --ttlinedarkfont:  #ffffff}
:root {--ttindexfont:       #b3c4f1; --ttindexborda:    #b3c4f1; --boxindexfont:    #b3c4f1; --ttindexborda:    #b3c4f1}
:root {--scrollbkg:         #000000; --scrollmov:       #073905; --scrollhover:     #0a5707}
:root {--scrollnews:        #a5ceef; --scrollnewsmov:   #b5aad8; --scrollnewshover: #80a1bc}
:root {--scrollsidebar:     #111111; --scrolsidemov:    #222222; --scrolsidehov:    #333333}
:root {--hrdefault:      var(--hrd); --hrcontrast:   var(--hrc)}

/* FOOTER, COPYRIGHT */
:root {--footer:            #013d3a; --footfont:        #ffffff; --foothover:       #ffffff; --foottitle:       #ffffff}
:root {--copy:              #012d2a; --copyfont:        #ffffff; --copyhover:       #cccfff} 

/* APPS COMUNS */
:root {--block:         transparent; --bltext:      transparent; --blhover:     transparent; --blfont:          #000000; --blborder:        #ffffff; --blshadow:    transparent}
:root {--block-plus:        #0b7785; --bphover:      var(--bhv); --bpttbkg:         #98cce1; --bpttfont:        #000000; --bptexfont:       #ffffff; --bpborder:        #ffffff; --bpborderbot:     #4a4a4a; --bpborshadow: transparent}
:root {--tablink:       transparent; --tabconteiner:transparent; --tabbuttom:    var(--tta); --tabbuthover:  var(--bhv); --tabbutactive: var(--bhv); --tabbutfont:      #ffffff}

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

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

/* ASIDES */
:root {--asidebox:          #99cef9; --asiboxborder:    #ffffff}
:root {--asidecol:          #c1ddd6; --not:         transparent; --asichov:         #cae2dc; --asicfont:        #000000; --asictta:         #091ae9; --asicttafont:     #ffffff; --asicbot:         #e2d6d6; --asicleft:    #cbe3f5; --asicrig: transparent}
:root {--asideplus:         #007d78; --not:         transparent; --asiphov:         #26908c; --asipfont:        #ffffff; --asiptta:         #0b4f3d; --asipttafont:     #ffffff; --asipbot:         #729b8c; --asipleft:    #cbe3f5; --asiprig: transparent}
:root {--asideacormenu: transparent; --asiacormenu: transparent; --asiacorhov:      #282855; --asiacorfont:     #ffffff; --asiacorbot:      #3a3a45}
:root {--not:           transparent; --asiacorsub:      #1a1d4b; --asiacorsubhov:   #282855; --asiacorsubfont:  #ffffff; --asiacorsubbot:   #343e64}

/* NAVBAR, NAVLINK, TTAS, ABAS, HRS. BUTTON, PAGINAÇÃO. ENQUETES, FONT */
:root {--abasbkg:        var(--tta); --abashover:    var(--thv); --abasfont:     var(--tfo); --abashovfont:  var(--thf)}
: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:              #025b56; --shov:            #16504d; --sfon:            #ffffff; --sbot:            #ffffff}
:root {--sidebarbkg:        #0f3836; --sidefont:    var(--sfon); --sidebot:         #72b991}
:root {--sidebarbut:        #289994; --sidebutfont: var(--sfon); --sidebuthov:  var(--stta); --sidebutbor:      #76af9c}
:root {--sidebarmenu:       #007d78; --smenufont:   var(--sfon); --smenuhov:    var(--shov)}
: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}

/* FORMS */
:root {--searchbkg:     transparent; --searchbtn:       #33ad0d; --searchbtnhov:    #2c920c; --searchfont:      #000000; --searchbor:       #878787; --searchwebkit:    #000000}
:root {--searchboxbkg:      #007d78; --searchbbtn:      #33ad0d; --searchbbtnhov:   #2c920c; --searchbfont:     #ffffff; --searchbbor:      #878787; --searchbwebkit:   #ffffff}
:root {--searchsidbkg:  transparent; --searchsidbtn:    #758c72; --searchsidbtnhov: #2c920c; --searchsidfont:   #ffffff; --searchsidbor:    #838383; --searchsidwebkit: #ffffff}

/* TRANSPARÊNCIA */
/*:root {--block-trans:     #7f0000; --btransttfont:    #000000; --btranstexfont:   #ffffff; --btranstit:       #ffffff; --btransbor:       #ffffff; --btransshadow: transparent}*/
:root {--geraltrans:        #dfdfdf}
:root {--blocklink:         #007d78; --blocklinkhov: var(--bhv); --blockcircle:     #6ba28a; --blocklinkfont:var(--tfo)}
:root {--lineboxtab:        #b0cbc5; --lineboxpar:      #c1ddd6; --lineboxfont:     #000000; --linebut:         #007d78; --linebuthov:      #599d1e; --linebutfont:     #ffffff}
:root {--boletim:           #000000; --bolbkg:          #0f34f0; --bolblock:        #747cf4; --bolfontes:       #ffffff}
:root {--ttatr:          var(--tta); --ttatrfont:    var(--tfo); --ttlinetr:        #000000; --ttlinetrfont:    #000000; --bordertrbkg:     #ccdaff; --bordertr:    transparent}

/* 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;
}