html, body { width: 100%; height: 100%; }

:root
{
/*	--padd: clamp(20px, 1.5vw, 50px);*/
	--bs-font-sans-serif: "DM Sans",Arial,sans-serif;
}

.toast-container { z-index: 1090; }
.toast {  }

body { background: #f6f7eb; padding-top: 65px; }
#mainNav, .loginPage { background: #f6f7eb; }

#mainCtr { min-height: calc(100% - 75px); }
#mainCtr > .container-fluid { background: #fff; min-height: 100%; }

#mainNavbar .vr { align-self: unset; }

table a.link-offset-2.link-underline-opacity-25 { text-decoration-style: dotted; }

.loginPage:after { content: "Formabreve"; display: block; color: #fff; position: fixed; font-size: 17vw; font-weight: 900; letter-spacing: -20px; text-align: center; line-height: 12vw; width: 100%; z-index: -1; bottom: -1vw; }

.appearOnScroll { transition-delay: 250ms; }
.appearOnScroll { opacity: 0; transform: scale(.9); transition: all .4s; }
.appearOnScroll.visible { opacity: 1; transform: scale(1); }
.appearOnScroll.appearOnScrollTranslate { transform: scale(.9) translateY(2rem); }
.appearOnScroll.appearOnScrollTranslate.visible { transform: scale(1) translateY(0); }

/* Responsive -----------------------------------------------------------------------------*/


/*- than Tablet*/
@media (max-width: 767px)
{
}

/*Tablet and +*/
@media (min-width: 768px)
{
}

/*- than Small Monitor*/
@media (max-width: 991px)
{
}

/*Small Monitor and +*/
@media (min-width: 992px)
{
}

/*Large Monitor and +*/
@media (min-width: 1200px)
{
}

/*Large Monitor and -*/
@media (max-width: 1199px)
{
}