header { position:fixed; top:0; left:0; background-color:#fff; width:100%; height:65px; z-index:15; }

.logo { position:relative; padding:0; height:65px; width:100%; }
.logo a { position:relative; display:block; top:10%; height:80%; width:100%; background-position:center center; background-size:contain; background-repeat:no-repeat; }

.list-lang { padding:0; margin:13px 0 0; list-style:none; text-align:right; }
.list-lang li, .list-lang li a { position:relative; width:40px; height:40px; }
.list-lang li { display:inline-block; margin:0 5px 0 0; }
.list-lang li a { display:block; text-indent:100px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 40px; }
.list-lang li a.lang-pt-br { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23999999;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23009B3A;%7D .st3%7Bfill:%23FEDF00;%7D .st4%7Bfill:%23002776;%7D%0A%3C/style%3E%3Cpath class='st0' d='M256,0c70.7,0,134.7,28.7,181,75c46.3,46.3,75,110.3,75,181s-28.7,134.7-75,181c-46.3,46.3-110.3,75-181,75 s-134.7-28.7-181-75C28.7,390.7,0,326.7,0,256S28.7,121.3,75,75C121.3,28.7,185.3,0,256,0z'/%3E%3Cpath class='st1' d='M256,19.5c65.3,0,124.5,26.5,167.2,69.3s69.3,101.9,69.3,167.2S466,380.5,423.2,423.2l-1.2,1.1 c-42.7,42.2-101.4,68.2-166.1,68.2c-65.2,0-124.4-26.5-167.2-69.3C46,380.5,19.5,321.3,19.5,256c0-65.3,26.5-124.4,69.3-167.2 C131.6,46,190.7,19.5,256,19.5z'/%3E%3Cpath class='st2' d='M256,39.6c119.5,0,216.4,96.9,216.4,216.4c0,119.5-96.9,216.4-216.4,216.4c-119.5,0-216.4-96.9-216.4-216.4 C39.6,136.5,136.5,39.6,256,39.6L256,39.6z'/%3E%3Cpath class='st3' d='M58.5,257.2l196.7,125.5l196.7-125.5L255.1,131.7L58.5,257.2z'/%3E%3Cpath class='st4' d='M255.1,174.3c45.8,0,82.9,37.1,82.9,82.9s-37.1,82.9-82.9,82.9s-82.9-37.1-82.9-82.9S209.3,174.3,255.1,174.3 L255.1,174.3z'/%3E%3C/svg%3E%0A"); }
.list-lang li a.lang-en { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23999999;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%233C3B6E;%7D .st3%7Bfill:%23B22234;%7D%0A%3C/style%3E%3Cpath class='st0' d='M256,0c70.7,0,134.7,28.7,181,75c46.3,46.3,75,110.3,75,181s-28.7,134.7-75,181c-46.3,46.3-110.3,75-181,75 s-134.7-28.7-181-75C28.7,390.7,0,326.7,0,256S28.7,121.3,75,75C121.3,28.7,185.3,0,256,0z'/%3E%3Cpath class='st1' d='M256,19.5c65.3,0,124.5,26.5,167.2,69.3l1.1,1.2c42.1,42.7,68.2,101.4,68.2,166.1c0,65.3-26.5,124.5-69.3,167.2 l-1.2,1.1c-42.7,42.2-101.4,68.2-166,68.2c-65.2,0-124.4-26.5-167.2-69.3C46,380.5,19.5,321.3,19.5,256S46,131.5,88.8,88.8 S190.7,19.5,256,19.5z'/%3E%3Cpath class='st2' d='M268.2,272.8V39.9c-4-0.2-8.1-0.3-12.2-0.3C136.5,39.6,39.6,136.5,39.6,256c0,5.7,0.2,11.3,0.7,16.9H268.2z'/%3E%3Cpath class='st3' d='M465.6,310c-2.7,10.6-6.2,20.9-10.5,30.9H56.9c-4.2-10-7.8-20.4-10.5-30.9H465.6z'/%3E%3Cpath class='st3' d='M434.7,378c-7.6,11.1-16.2,21.6-25.8,31.1H103.1c-9.5-9.5-18.2-19.9-25.8-31.1H434.7L434.7,378z'/%3E%3Cpath class='st3' d='M359.4,446.1c-30.9,16.8-66.2,26.3-103.4,26.3c-37.5,0-72.7-9.5-103.4-26.3H359.4z'/%3E%3Cg%3E%3Cpolygon class='st1' points='243.2,246.4 240.1,237 237,246.4 227.2,246.4 235.1,252.2 232.1,261.6 240.1,255.8 248.1,261.6 245,252.2 253,246.4 '/%3E%3Cpolygon class='st1' points='240.1,189.3 237,198.7 227.2,198.7 235.1,204.5 232.1,213.9 240.1,208.1 248.1,213.9 245,204.5 253,198.7 243.2,198.7 '/%3E%3Cpolygon class='st1' points='240.1,141.6 237,151 227.2,151 235.1,156.8 232.1,166.3 240.1,160.4 248.1,166.3 245,156.8 253,151 243.2,151 '/%3E%3Cpath class='st1' d='M240.1,94c0,0-1.4,4.3-3.1,9.4h-9.9l8,5.8c-1.6,5.1-3.1,9.4-3.1,9.4l8-5.8l8,5.8l-3.1-9.4l8-5.8h-9.9L240.1,94 z'/%3E%3Cpolygon class='st1' points='235.1,61.5 232.1,70.9 240.1,65.1 248.1,70.9 245,61.5 253,55.7 243.2,55.7 240.1,46.3 237,55.7 227.2,55.7 '/%3E%3Cpolygon class='st1' points='215.1,222.5 212,213.1 209,222.5 199.1,222.5 207.1,228.4 204.1,237.8 212.1,232 220,237.8 217,228.4 225,222.5 '/%3E%3Cpolygon class='st1' points='212,165.5 209,174.9 199.1,174.9 207.1,180.7 204.1,190.1 212.1,184.3 220,190.1 217,180.7 225,174.9 215.1,174.9 '/%3E%3Cpath class='st1' d='M212,117.8c0,0-1.6,5-3,9.4h-9.9l8,5.8c-1.4,4.4-3,9.4-3,9.4l8-5.8l8,5.8L217,133l8-5.8h-9.9L212,117.8z'/%3E%3Cpolygon class='st1' points='212,70.1 209,79.5 199.1,79.5 207.1,85.4 204.1,94.8 212.1,88.9 220,94.8 217,85.3 225,79.5 215.1,79.5 '/%3E%3Cpolygon class='st1' points='187.1,246.4 184,237 181,246.4 171.1,246.4 179.1,252.2 176,261.6 184.1,255.8 192.1,261.6 189,252.2 197,246.4 '/%3E%3Cpolygon class='st1' points='184,189.3 181,198.7 171.1,198.7 179.1,204.5 176,213.9 184.1,208.1 192.1,213.9 189,204.5 197,198.7 187.1,198.7 '/%3E%3Cpolygon class='st1' points='184,141.6 181,151 171.1,151 179.1,156.8 176,166.3 184.1,160.4 192.1,166.3 189,156.8 197,151 187.1,151 '/%3E%3Cpath class='st1' d='M184,94c0,0-1.4,4.3-3.1,9.4h-9.9l8,5.8c-1.6,5.1-3.1,9.4-3.1,9.4l8-5.8l8,5.8l-3.1-9.4l8-5.8h-9.9L184,94z'/%3E%3Cpolygon class='st1' points='185.7,51.3 182,52.6 181,55.7 174,55.7 172.2,56.4 179.1,61.5 176,70.9 184.1,65.1 192.1,70.9 189,61.5 197,55.7 187.1,55.7 '/%3E%3Cpolygon class='st1' points='159,222.5 156,213.1 152.9,222.5 143,222.5 151,228.4 148,237.8 156,231.9 164,237.8 160.9,228.3 168.9,222.5 '/%3E%3Cpolygon class='st1' points='156,165.5 152.9,174.9 143,174.9 151,180.7 148,190.1 156,184.3 164,190.1 160.9,180.7 168.9,174.9 159,174.9 '/%3E%3Cpath class='st1' d='M156,117.8c0,0-1.6,5-3.1,9.4H143l8,5.8c-1.5,4.4-3.1,9.4-3.1,9.4l8-5.8l8,5.8l-3.1-9.4l8-5.8H159L156,117.8z' /%3E%3Cpolygon class='st1' points='156,70.1 152.9,79.5 143,79.5 151,85.3 148,94.8 156,88.9 164,94.8 160.9,85.3 168.9,79.5 159,79.5 '/%3E%3Cpolygon class='st1' points='131,246.4 128,237 124.9,246.4 115.1,246.4 123,252.2 120,261.6 128,255.8 135.9,261.6 132.9,252.2 141,246.4 '/%3E%3Cpolygon class='st1' points='128,189.3 124.9,198.7 115.1,198.7 123,204.5 120,213.9 128,208.1 135.9,213.9 132.9,204.5 141,198.7 131,198.7 '/%3E%3Cpolygon class='st1' points='128,141.6 125,151 115.1,151 123,156.8 120,166.3 128,160.5 135.9,166.3 132.9,156.9 141,151 131,151 '/%3E%3Cpath class='st1' d='M128,94c0,0-1.6,5-3.1,9.4h-9.9l8,5.8c-1.4,4.4-3.1,9.4-3.1,9.4l8-5.8l8,5.8l-3-9.4l8-5.8H131L128,94z'/%3E%3Cpolygon class='st1' points='103,222.5 99.9,213.1 96.9,222.5 87,222.5 95,228.3 91.9,237.8 99.9,231.9 108,237.8 104.9,228.4 112.9,222.5 '/%3E%3Cpolygon class='st1' points='99.9,165.5 96.9,174.9 87,174.9 95,180.7 91.9,190.1 99.9,184.3 108,190.1 104.9,180.7 112.9,174.9 103,174.9 '/%3E%3Cpath class='st1' d='M99.9,117.8c0,0-1.6,5-3.1,9.4H87l8,5.8c-1.4,4.5-3.1,9.4-3.1,9.4l8-5.8l8,5.8l-3.1-9.4l8-5.8H103L99.9,117.8z '/%3E%3Cpolygon class='st1' points='74.9,246.4 71.9,237 68.8,246.4 58.9,246.4 66.9,252.2 63.8,261.6 71.9,255.8 79.9,261.6 76.8,252.2 84.9,246.4 '/%3E%3Cpolygon class='st1' points='71.9,189.3 68.8,198.7 58.9,198.7 66.9,204.5 63.8,213.9 71.9,208.1 79.9,213.9 76.8,204.6 84.9,198.7 74.9,198.7 '/%3E%3Cpolygon class='st1' points='72,142 72,142.1 71.4,143 68.8,151 66.7,151 64.5,155.1 66.9,156.8 63.8,166.3 71.9,160.5 79.9,166.3 76.8,156.9 84.9,151 74.9,151 '/%3E%3Cpath class='st1' d='M56.8,222.5h-9.9l-3-9.4l-0.1,0.4c-0.6,3-1.1,6-1.6,9l-1.5,11.8l3.2-2.3l7.9,5.8l-3-9.4L56.8,222.5z'/%3E%3C/g%3E%3Cpath class='st3' d='M268.2,39.9v28.7h96.2C335.8,52.1,303.1,41.9,268.2,39.9z'/%3E%3Cpath class='st3' d='M268.2,136.7h168.4c-7.3-11-15.6-21.4-24.7-30.9c0,0-72.3,0-143.7,0V136.7z'/%3E%3Cpath class='st3' d='M268.2,204.8h198.1c-2.6-10.6-5.9-21-10-30.9H268.2V204.8z'/%3E%3Cpath class='st3' d='M471.9,241.9H268.2v30.9h203.6c0.4-5.6,0.7-11.2,0.7-16.9C472.4,251.3,472.2,246.6,471.9,241.9z'/%3E%3C/svg%3E%0A"); }
.list-lang li a.lang-es { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23999999;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23C52026;%7D .st3%7Bfill:%23FFC60B;%7D%0A%3C/style%3E%3Cpath class='st0' d='M256,0c70.7,0,134.7,28.7,181,75c46.3,46.3,75,110.3,75,181s-28.7,134.7-75,181c-46.3,46.3-110.3,75-181,75 s-134.7-28.7-181-75C28.7,390.7,0,326.7,0,256S28.7,121.3,75,75C121.3,28.7,185.3,0,256,0z'/%3E%3Cpath class='st1' d='M256,19.5c65.3,0,124.5,26.5,167.2,69.3l1.1,1.2c42.1,42.7,68.2,101.4,68.2,166.1c0,65.3-26.5,124.5-69.3,167.2 l-1.2,1.1c-42.7,42.2-101.4,68.2-166.1,68.2c-65.2,0-124.4-26.5-167.2-69.3C46,380.5,19.5,321.3,19.5,256S46,131.5,88.8,88.8 S190.7,19.5,256,19.5z'/%3E%3Cpath class='st2' d='M284.8,470.5h-57.6C121.3,456.4,39.6,365.7,39.6,256c0-119.5,96.9-216.4,216.4-216.4 c119.5,0,216.4,96.9,216.4,216.4C472.4,365.7,390.7,456.4,284.8,470.5L284.8,470.5z'/%3E%3Cpath class='st3' d='M53.5,332.6h404.9c9-23.8,14-49.6,14-76.6c0-42.5-12.3-82.2-33.5-115.6H73.1C51.9,173.8,39.6,213.5,39.6,256 C39.6,283,44.5,308.8,53.5,332.6z'/%3E%3C/svg%3E%0A"); }
.list-lang li a.on { opacity:.7; border-radius:50%; box-shadow:0 0 12px #f60; }

.user-box { position:relative; display:table; top:0; right:0; margin:2px 0; font-size:0.8rem; cursor:pointer; padding:0 70px 0 15px; height:63px; width:200px; }
.user-box:before{ content:""; position:absolute; top:15px; left:0px; width:1px; height:33px; background-color:#AAAAAA; }
.user-box-photo { position:absolute; top:5px; right:5px; width:50px; height:50px; background-color:#dedede; border:1px solid #ccc; border-radius:50%; background-size:contain; background-position:center; background-repeat:no-repeat; display:none; }
.user-box-name{ display:table-cell; font-weight:500; font-size:1rem; line-height:1.15; padding:0 5px; height:63px; margin:0; vertical-align:middle; }
@media (min-width:768px){
    .user-box-photo { display:block; }
}
.user-box-panel{ position:absolute; top:66px; right:-300px; min-width:250px; padding:0; background-color:#FFFFFF; box-shadow:0px 7px 7px rgba(0,0,0,.2); z-index:12; }
.user-box-panel.on{ right:0;}
.user-box-panel-inner{ position:relative; padding:10px; border-bottom:1px solid #DDDDDD; }
.user-box-panel-photo { position:absolute; top:10px; left:10px; width:50px; height:50px; background-color:#dedede; border:1px solid #ccc; border-radius:50%; background-size:contain; background-position:center; background-repeat:no-repeat; }
.user-box-panel-name{ font-weight:500; font-size:1rem; padding:8px 0 0 0; margin:0 0 0 60px; height:60px; display:block; }
.user-box-panel-level{ font-weight:300; font-size:0.8rem; color:#AAAAAA; }
.user-box-panel-permission{ display:inline-block; font-weight:300; font-size:0.8rem; color:#FFFFFF; background-color:#2C314B; padding:0 20px; line-height:20px; border-radius:10px; }
.user-box-panel-menu{ font-size:1rem; padding:5px 0; }
.user-box-panel-menu a{ text-decoration:none; color:#A0A6BA; }
.user-box-panel-menu i{ font-size:1.2rem; margin-right:5px; min-width:20px; text-align:center; }

.help-box-panel{ position:absolute; top:66px; right:-350px; min-width:300px; padding:0; background-color:#FFFFFF; box-shadow:0px 7px 7px rgba(0,0,0,.2); z-index:12; }
.help-box-panel.on{ right:100px;}
.help-box-panel-inner{ position:relative; padding:10px; }
.help-box-panel-image { position:relative; width:240px; height:240px; background-size:contain; background:url(../../image/help.jpg) no-repeat center; }
.help-box-panel-text{ font-weight:300; font-size:1.6rem; line-height:1; padding:10px 0 10px 0; margin:0; display:block; text-align:center; }
.help-box-panel-text .btn{ margin-top:15px;}

.help-block{ display:block; margin-top:5px; font-size:0.75rem; padding-left:1px; }

.notification-box-panel{ position:absolute; top:66px; right:-300px; min-width:250px; padding:0; background-color:#FFFFFF; box-shadow:0px 7px 7px rgba(0,0,0,.2); z-index:12; }
.notification-box-panel.on{ right:100px;}
.notification-box-panel-inner{ position:relative; padding:10px; }
.notification-box-panel-item{ position:relative; top:0; left:0; font-size:1rem; padding:5px 0; }
.notification-box-panel-item i{ position:absolute; top:11px; font-size:1.4rem; width:20px; color:#2C314B; }
.notification-box-panel-item p{ margin:0 0 10px 35px; color:#CCCCCC; font-size:1rem; line-height:1.3; }
.notification-box-panel-item a{ text-decoration:none; color:#A0A6BA; font-size:0.9rem; }
.notification-box-panel-item span{ display:block; color:#A0A6BA; font-size:0.8rem; }