:root
{
/*	--padd: clamp(20px, 1.5vw, 50px);*/
	--orange-maad: #fbb03b;
	--orange-maad-hover: #e09c30;
	--orange-maad-focus: #cc8a29;
	--bs-font-sans-serif: "DM Sans",Arial,sans-serif;
}

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

body {  }
#mainNav, .loginPage {  }

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

#mainNavbar .vr { align-self: unset; }
#mainNavbar .nav-item { width: 60px; }

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

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

.right-pannel .appearOnScroll, .modal .appearOnScroll { opacity: 1 !important; transform: none !important; }

.navActive { background: var(--orange-maad); }

.btn-orange { background-color: var(--orange-maad); color: #fff; border: none; }
.btn-orange:hover { background-color: var(--orange-maad-hover); color: #fff; }
.btn-orange:focus, .btn-orange:active { background-color: var(--orange-maad-focus); color: #fff; box-shadow: 0 0 0 0.25rem rgba(251, 176, 59, 0.5); }

.right-pannel-content { position: absolute; top: 0; left: 0; width: 100%; transition: transform 0.6s cubic-bezier(0.25, 1, 0.35, 1), opacity 0.6s ease; }
.right-pannel-content.new { transform: translateX(100%); opacity: 0; z-index: 2; }
.right-pannel-content.new.animate-in { transform: translateX(0%); opacity: 1; }
.right-pannel-content.old-fade { opacity: 0.2; transition: opacity 0.4s ease; }

.note p { margin-bottom: .5rem !important; }
.note > :last-child { margin-bottom: 0 !important; }

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px)
{
	.showOnHover { transition: all .3s; opacity: 0; }
	.showOnHoverCtr:hover > .showOnHover { opacity: 1; }

	tr .showOnTrHover, .trHover .showOnTrHover { opacity: 0; visibility: 0; }
	tr:hover .showOnTrHover, .trHover:hover .showOnTrHover { opacity: 1; visibility: 1; }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px)
{
	body { height: 100%; }
	.overflow-xl-y-scroll { overflow-y: scroll !important; }
	.modalGlobalSearch, .modalGlobalSearch + .modal-backdrop { width: calc((100% - 60px)/2); left: 60px; }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {}