@import url(https://fonts.googleapis.com/css2?family=Dosis);
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:rgba(247,236,69,.5);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(247,236,69,.8)}:root{--base-background-color:#f7ec45!important;--button-color:#000!important;--button-background-color:#f7ec45!important;--button-background-color-hover:#ffffff80!important}body{font-family:Dosis,sans-serif!important;margin:0;padding:0;text-decoration:none}body div#MainWrapper div#main-component{background-color:gray;display:grid;grid-template-areas:"header header header" "sidebar main main";grid-template-columns:1fr 4fr auto;grid-template-rows:1fr 10fr;height:100%;width:100%}body div#MainWrapper div#main-component>header{align-items:center;background:rgba(247,236,69,.95);display:flex;grid-area:header;justify-content:space-between;padding:0 2em}body div#MainWrapper div#main-component>header img{height:75px;padding:.4em 0}body div#MainWrapper div#main-component>header img#Logout{cursor:pointer;height:55px}body div#MainWrapper div#main-component>nav{background-color:#000;border-right:1px solid #f7ec45;display:flex;flex-direction:column;grid-area:sidebar;justify-content:space-between}body div#MainWrapper div#main-component>nav ul{margin:.2em 0 0;padding:0}body div#MainWrapper div#main-component>nav ul a{color:#fff;font-size:1.5em;text-decoration:none}body div#MainWrapper div#main-component>nav ul a li{align-items:center;border-bottom:1px solid #f7ec45;border-top:1px solid #f7ec45;display:flex;justify-content:flex-start;padding:.8em 1em}body div#MainWrapper div#main-component>nav ul a li img.iconNav{width:1.2em}body div#MainWrapper div#main-component>nav ul a li p{margin:0 0 0 1em;padding:0}body div#MainWrapper div#main-component>nav ul a:hover li{background-color:rgba(247,236,69,.8)}body div#MainWrapper div#main-component>nav ul a.router-link-active li{background-color:#f7ec45;color:#000}body div#MainWrapper div#main-component>nav ul a.router-link-active li img.iconNav{filter:brightness(1) invert(1);-webkit-filter:brightness(1) invert(1)}body div#MainWrapper div#main-component>nav img#logo{margin:3em auto;width:20em}body div#MainWrapper div#main-component>section{background-color:rgba(0,0,0,.9);grid-area:main;overflow-y:hidden}body div#MainWrapper div#main-component>section div#WrapperMainContent{display:grid;grid-template-columns:1fr auto;height:100vh}body div#MainWrapper div#main-component>section div#WrapperMainContent div#mainContent{grid-column:1/2;margin-bottom:4em;overflow-y:auto;padding:1em 2em}body div#MainWrapper div#main-component>section div#WrapperMainContent div#mainContent div#WrapperSectionTitle{align-items:center;display:flex;justify-content:space-between}body div#MainWrapper div#main-component>section div#WrapperMainContent div#mainContent div#WrapperSectionTitle label#SectionTitle{border-bottom:1px solid #fff;color:#fff;font-size:2.5em;margin-left:.5em}body div#MainWrapper div#main-component>section div#WrapperMainContent div#mainContent div#WrapperSectionTitle input#fileElement{display:none}body div#MainWrapper div#main-component>section div#WrapperMainContent div#mainContent div#WrapperSectionTitle .AddElement{align-items:center;border:1px solid #f7ec45;border-radius:.8em;cursor:pointer;display:flex;justify-content:space-between;text-decoration:none}body div#MainWrapper div#main-component>section div#WrapperMainContent div#mainContent div#WrapperSectionTitle .AddElement label{color:#fff;cursor:pointer;font-size:1.4em;margin:0 1em}body div#MainWrapper div#main-component>section div#WrapperMainContent div#mainContent div#WrapperSectionTitle .AddElement img{background-color:#f7ec45;border-bottom-right-radius:.5em;border-top-right-radius:.5em;padding:.3em;width:1.2em}body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details{background-color:rgba(0,0,0,.7);border-left:1px solid #f7ec45;grid-column:2/3;margin-bottom:4em;overflow-y:auto;padding:1em}@media (min-width:1281px){body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details{width:350px}}@media (min-width:1366px){body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details{width:350px}}@media (min-width:1440px){body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details{width:400px}}@media (min-width:1600px){body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details{width:400px}}@media (min-width:1680px){body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details{width:450px}}@media (min-width:1920px){body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details{width:500px}}body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details div.CloseDetail{align-items:center;cursor:pointer;display:flex;justify-content:space-between}body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details div.CloseDetail label#DetailTitle{border-bottom:1px solid #fff;color:#fff;font-size:2.5em}body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details div.CloseDetail div.CloseElement{align-items:center;border:1px solid #f7ec45;border-radius:.8em;cursor:pointer;display:flex;justify-content:space-between}body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details div.CloseDetail div.CloseElement label{color:#fff;cursor:pointer;font-size:1.4em;margin:0 1em}body div#MainWrapper div#main-component>section div#WrapperMainContent article#Details div.CloseDetail div.CloseElement img{background-color:#f7ec45;border-bottom-right-radius:.5em;border-top-right-radius:.5em;padding:.3em;width:1.5em}.nonActive{color:gray!important}