:root {
  --color_main:#008cff;
  --color_main_dark:#0084f0;
  --color_main_dark_dark: #007ee6;
  --color_body: #f1f4f9;
  --color_info: #33b5e5;
  --color_ok: #15D661;
  --color_warning: #FFCB2E;
  --color_erro: #dd3341;
  --color_info_dark: #0099CC;
  --color_ok_dark: #007E33;
  --color_warning_dark: #FF8800;
  --color_erro_dark: #CC0000;
	--color_neutral: #cccccc;
	--color_black: #000000;
}
body {
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
  background-color: var(--color_body);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  display: grid;
  grid-template: "nav  main";
}
*, *:focus {
  box-sizing: border-box;
  outline: none;
}
a {
  text-decoration: none;
}
/* Elemento que alinha o conteúdo principal da pagina */
.content-main {
  position: relative;
  width: calc(100vw - var(--header_left-width));
  height: 100vh;
  padding: 0px 40px;
  overflow-y: scroll;
  overflow-x: auto;
  grid-area: main;
  transition: all 0.3s ease;
}
/* Otimização mobile */
@media(max-width: 860px){
  .content-main {
    padding: 0px 30px;
  }
}
@media (max-width: 370px){
  .content-main {
    padding: 0px 15px;
  }
}