:root{
  --width-side_navbar-left:300px;
  --height-side_navbar-left:100vh;
  --color-side_navbar-left:#31353D;
  --fundo:#FAF8FB;
  --box_shadow: 0px 0px 14px 0px #e1e1e1;
  --text-primary: #b6b6b6;
  --text-secondary: #ececec;
  --color_text:#3E3E3E;
  --color_main: #EC6C0F;
  --color_main_dark: #c45201;
  --font-size-main:16px;
  --margin_default: 20px;
  --transition-speed: 600ms;
  --main-background-color: red;
}
*:focus{
  outline: none;
}
a,a:hover,a:focus{
	text-decoration: none;
}
body{
  font-family: "Rubik", sans-serif;
  background-color: #F9F9F9;
  background-color: var(--fundo);
  margin: 0;
  padding: 0;
}
/* TITULOS */
h2{
  position: relative;
  font-size:32px;
  color:var(--color-header-left);
  font-weight: bold;
  width:max-content;
  max-width: 100%;
}
h3{
  position: relative;
  font-size:24px;
  color:var(--color-header-left);
  font-weight: bold;
  width:max-content;
  max-width: 100%;
}
h4{
  position: relative;
  color:var(--color-header-left);
  font-size: 18px;
  height: 30px;
  font-weight: bold;
  width:max-content;
  max-width: 100%;
}
/* BOTAO PADRAO DO restaurante */
.bt-df-rest{
	min-width: calc(100% - 90px);
	margin-left: 30px;
	border: none;
	border-radius: 4px;
	color:#fff;
	background-color: var(--color_main);
	font-size: 20px;
	padding: 10px;
	transition: background-color 0.3s ease;
	margin-top: 15px;
}
.bt-df-rest:hover{
	background-color: #ca5402
}
/* HEADER DE ALEERTA QUE DESCE */
.header_alert_user_default{
	position: fixed;
	top: -80px;
	z-index: 5;
	background-color: var(--color_main);
	width: 100%;
	box-shadow: 0px 0px 10px 0px #414141;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color:#fff;
	height: 60px;
	transition: top 0.3s ease
}
.align_content_header_alert_user{
	width: 70vw;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 20px;
	text-align: center;
}
.align_content_header_alert_user span{
	margin-left: 10px;
}
/* ALINHA O CONTEUDO COM O TAMANHO DO side_navbar SUBTRAIDO */
.align-content-page-df{
	width: calc(100% - var(--width-side_navbar-left));
	height: 100%;
  min-height: 100vh;
  overflow: hidden;
	margin-left: var(--width-side_navbar-left)
}
/* CONTEUDO DA DIREITA */
.align_content_right{
	position: fixed;
	bottom:150px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
@media (orientation:portrait),(max-width:991px){
	.align_content_right{
		position: relative;
		margin:50px 0px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media (orientation:portrait),(max-width:600px){
  :root{
    --width-side_navbar-left:70px;
  }
}