:root{--primary-color:#f3f3f3;--secondary-color:#0d5ba4;--third-color:#2e76db;--logo-height:100px;--logo-color:#2e76db;--header-height:100px;--menu-top-height:50px;--aside-width:225px;--footer-height:100px;--footer-color:#cacee7;--shadow:0 2px 20px 0px #36363635}*{box-sizing:border-box;font-family:Ubuntu,sans-serif}body,html{max-width:100vw;line-height:1.15;overflow-x:hidden;scroll-behavior:smooth}form{background-color:#fff;color:#5d5d5d;min-width:100%;box-shadow:0 2px 8px 1px #e4e4e4;padding:50px 20px;border-radius:5px}.cabecalho-th{background-color:#2e76db!important;color:#fff!important}.thead-sticky{position:-webkit-sticky!important;position:sticky!important;top:-1px!important}form button{width:100%}form button:hover{color:#fff!important}.visibility-hidden{visibility:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#eee;border-radius:10px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#bbb}.app{margin:0;display:grid;grid-template-columns:var(--aside-width) 1fr;grid-template-rows:var(--header-height) 1fr var(--footer-height);grid-template-areas:"logo header" "menu content" "menu footer";background-color:#eee}aside.logo{grid-area:logo}header.header{grid-area:header}aside.menu-area{grid-area:menu}main.content{grid-area:content}footer.footer{grid-area:footer}.x-icon{background-color:red;color:#fff;padding:2px 5px;cursor:pointer;border-radius:4px;font-size:1.1rem}.hover-text-white:hover{color:#fff!important}.parent-slider{border:1px solid #eee}@media (max-width:976px){.app{grid-template-rows:var(--header-height) var(--menu-top-height) var(
        --menu-top-height
      ) 1fr var(--footer-height);grid-template-columns:var(--aside-width) 1fr;grid-template-areas:"logo logo" "menu menu" "header header" "content content" "footer footer"}::-webkit-scrollbar,::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{display:none}}@media (max-width:768px){.app{grid-template-rows:var(--header-height) var(--menu-top-height) var(
        --menu-top-height
      ) 1fr var(--footer-height);grid-template-columns:1fr;grid-template-areas:"logo" "menu" "header" "content" "footer"}}header.header{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);overflow:hidden;white-space:nowrap;box-shadow:5px 5px 5px 0 #36363635;color:#fff;z-index:11}header.header h1{font-weight:1000;line-height:3rem;font-size:clamp(.2rem,2vw + .8rem,1.6rem)}header.header p{font-weight:100;font-size:clamp(.2rem,2vw + .4rem,1rem)}.menu-inline{display:flex;justify-content:center}.menu-inline>ul{background-color:var(--primary-color);box-shadow:5px 5px 5px 0 #36363635;flex-wrap:wrap;justify-content:space-evenly;position:fixed;top:0;right:0;width:calc(100vw - var(--aside-width) - 8px);padding:0;margin:0}.menu-inline>ul,.menu-inline>ul>li{height:var(--header-height);display:flex;align-items:center}.menu-inline>ul>li{color:#222;font-size:clamp(4px,4vw,.8rem);flex-wrap:nowrap;list-style:none}.menu-inline>ul>li,.menu-inline>ul>li>a{flex-grow:1;flex-basis:80px;justify-content:center}.menu-inline>ul>li>a{display:flex;align-items:center;height:var(--header-height)}.menu-inline li svg{padding-right:10px}.menu-inline a{display:flex;text-decoration:none;color:#222;font-weight:300}.menu-inline li:hover{background-color:#ddd}.menu-inline .menu-inline-hamburger{cursor:pointer;display:none}.menu-inline .menu-inline-hamburger svg{color:#222;height:30px}.menu-inline .menu-arrow{cursor:pointer;display:none}.menu-inline .menu-arrow svg{color:#222;height:30px}@media (max-width:976px){header.header{align-items:center;background-color:var(--primary-color);overflow-y:hidden;overflow-x:hidden;white-space:nowrap;color:#fff;box-shadow:none;position:fixed;top:150px;box-shadow:5px 5px 5px 0 #36363635}.menu-inline,header.header{display:flex;flex-direction:column;justify-content:center;width:100vw}.menu-inline{align-items:end}.menu-inline .menu-arrow{z-index:12;display:flex;justify-content:flex-end;width:100vw;margin-right:10px}.menu-inline>ul{padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--primary-color);width:100%;height:100%;max-height:50vh;overflow-y:scroll;overflow-x:hidden;position:relative}.menu-inline>ul>li{width:100vw;max-height:40px}.menu-inline>ul>li>a{width:100vw;font-size:.8rem}}aside.menu-area{background-color:var(--secondary-color);box-shadow:var(--shadow);z-index:1}.menu{display:flex;flex-direction:column;height:100%;position:relative}.menu>ul{width:var(--aside-width);position:fixed;padding:0;overflow-y:hidden;overflow-x:hidden}.menu>ul>li>a{text-decoration:none;color:#fff;font-size:.8rem;display:flex;align-items:center;padding:15px;list-style:none;width:100%}.menu li a svg{padding-right:10px}.menu li{display:flex;text-decoration:none;color:#fff;font-weight:300;font-size:.8rem}.menu li:hover{background:linear-gradient(135deg,#1367dc,#4782ff34)}.menu .menu-hamburger{cursor:pointer;display:none}.menu .menu-hamburger svg{color:#fff;height:20px;padding:10px}.submenu{padding:0;list-style-type:none;flex-direction:column;width:100%;background:linear-gradient(135deg,#444,#555);box-shadow:0 2px 5px rgba(0,0,0,.2)}.submenu li{padding:12px 12px 12px 30px;font-size:.8rem;width:100%;color:#fff;text-align:left;display:flex;align-items:center}.submenu li:hover{background:linear-gradient(135deg,#060606,#00000034)}.submenu.open{display:flex;flex-direction:column}.submenu li a{text-decoration:none;color:#fff}.submenu li a:hover{color:#f0f0f0}@media (max-width:976px){.menu ul::-webkit-scrollbar{width:8px}.menu ul::-webkit-scrollbar-track{background-color:var(--primary-color);border-radius:10px}.menu ul::-webkit-scrollbar-thumb{background:#505050;border-radius:10px}.menu ul::-webkit-scrollbar-thumb:hover{background:#211f20}aside.menu-area{display:flex;position:fixed;top:100px;width:100vw;background-color:var(--secondary-color);box-shadow:none;z-index:12;align-items:center}.menu .menu-hamburger{z-index:12;display:flex;justify-content:flex-end;padding-top:8px;margin-right:10px}.menu{width:100vw;padding-bottom:30px}.menu ul{position:relative;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--secundary-color);width:100%;height:100%;max-height:75.6vh;overflow-y:scroll;overflow-x:hidden}.menu ul a{width:100vw}.menu ul a li{display:flex;justify-content:center;font-size:1rem;width:100vw}.submenu{width:100%;background-color:var(--secondary-color)}.submenu li{padding:12px 12px 12px 30px}.submenu li a{font-size:.9rem}}