.flotante{
    font-size: 16px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 20px; /* Borde del boton */
    border-color: white;
	letter-spacing: 2px; /* Espacio entre letras */
	padding: 10px 20px; /* Relleno del boton */
	position: fixed;
	bottom: 40px;
	left: 20px;
	transition: all 300ms ease 0ms;
	z-index: 99;
  }

  @media only screen and (max-width: 600px) {
    .flotante {
       font-size: 14px;
       padding: 12px 20px;
       bottom: 20px;
       right: 20px;
   }
}

label.required::before {
	content: "* ";
	color: #f00;
	font-weight: bold;
	margin-left: 5px;
}

.page-container .sidebar-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.55);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
	z-index: 98;
}

.page-container:not(.sbar_collapsed) .sidebar-backdrop {
	opacity: 1;
	pointer-events: auto;
}