@charset "utf-8";
html, body {	
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;    
	font-family: 'Poppins', sans-serif;
}
* {
  -webkit-backface-visibility: hidden;
}

:root {    
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #1d2452;
    --bs-secondary: #6c757d;
    --bs-success: #bfc63f;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #a12025;
    --bs-light: #faf4b9;
    --bs-dark: #212529;
    --bs-primary-rgb: 29,36,82;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 191,198,63;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 161,32,37;
    --bs-light-rgb: 250,244,185;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #a12025;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #a12025;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;    
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;    
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);    
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);    
    --bs-focus-ring-color: rgba(255,193,7, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}
.frost {	
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.modal-backdrop.show {
    opacity: 0.8;	
}

.modal .modal-title > span.d-flex > span.fa-stack {
	padding-right: 0.25rem;
}

.modal .modal-title > span.d-flex > span:not(.fa-stack) {
	width: fit-content;	
}

.offcanvas-backdrop.show {
	opacity: 1;
}
.offcanvas-backdrop {
	background-color: rgba(0,0,0,0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.offcanvas-top {
    height: auto;
    bottom: unset;
}

.offcanvas-top .btn-close{
    width: unset;
    height: unset;
    background: transparent;
    padding: unset;
    margin: unset;
    opacity: 1;
}

.offcanvas.offcanvas-top {
	height: fit-content;
	min-height: 150px;
}

.modal-open .modal {
    background-color: rgba(0,0,0,0.8);
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.modal-backdrop.show {
    opacity: 0;
}
#loader {
	overflow: hidden;
	display: flex;
	top: 0px;
	left: 0px;	
	z-index: 99999;
}
.animadof {
	visibility: hidden !important;
}
.animate__animated.animate__delay-025s {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    webkit-animation-delay: calc(var(--animate-delay)*0.25);
    animation-delay: calc(var(--animate-delay)*0.25);
}
.animate__animated.animate__delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    webkit-animation-delay: calc(var(--animate-delay)*0.5);
    animation-delay: calc(var(--animate-delay)*0.5);
}
.animate__animated.animate__delay-075s {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
    webkit-animation-delay: calc(var(--animate-delay)*0.75);
    animation-delay: calc(var(--animate-delay)*0.75);
}
.text-shadow {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
.text-shadow-white {
	text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.5);
}
.display-1m {
	font-size: calc(1.625rem + 23vw);
}

.shadow-extra {
    box-shadow: 0 0 .5rem rgba(0,0,0,.15)!important;
}
.small, small {
    font-size: .75em;
}
.microsmall {
	font-size: 0.65em;
}
.form-check-input.chk-success:not(.is-valid):not(.is-invalid):checked {
    border-color: #bfc63f;
    background-color: #bfc63f;
}
.btn-success {    
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);    
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: 63,192,115;    
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success);       
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}
@property --wipe-position {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

.wipe {
    --wipe-position: 100%;
    --gradient-length: 20%;
    -webkit-mask-image: linear-gradient(
      to right,
      black var(--wipe-position),
      transparent calc(var(--wipe-position) + var(--gradient-length)),
      transparent
    );

    transition: --wipe-position 1000ms cubic-bezier(0, 0.55, 0.45, 1);
}

.wipe.out {
    --wipe-position: calc(-1 * var(--gradient-length));
}

@media only screen and (min-width: 576px){	
}

@media only screen and (min-width: 768px){	
}

@media only screen and (min-width: 992px){	
}

@media only screen and (min-width: 1200px){	
}

@media only screen and (min-width: 1400px){
	
}	

@supports(padding: max(0px)) {
    .fitCont {
        padding-left: max(0px, env(safe-area-inset-left)) !important;
        padding-right: max(0px, env(safe-area-inset-right)) !important;
    }
    .fitCont-left {
        padding-left: max(0px, env(safe-area-inset-left)) !important;        
    }
    .fitCont-right {        
        padding-right: max(0px, env(safe-area-inset-right)) !important;
    }
}