[data-lang="EN"] {
	display: none;
}

#my-bootstrap .text-my_light_green,
#my-bootstrap .text-underline-my_light_green {
	color: #2cac19;
}

#my-bootstrap[data-bs-theme=dark] .text-my_light_green,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_light_green {
	color: unset;
}

#my-bootstrap .text-underline-my_light_green {
	text-decoration: underline #2cac19;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_light_green:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_light_green {
	border: 1px solid #2cac19;
}

#my-bootstrap .bg-my_light_green {
	background-color: #2cac19;}

#my-bootstrap input.bg-my_light_green,
#my-bootstrap button.bg-my_light_green,
#my-bootstrap .btn.bg-my_light_green {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_light_green:hover,
#my-bootstrap button.bg-my_light_green:hover,
#my-bootstrap .btn.bg-my_light_green:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_light_green:hover {
	background-color: #2cac19;
}

#my-bootstrap .hover-text-my_light_green:hover,
.hover-text-my_light_green:hover span,
.hover-text-my_light_green:hover i,
.hover-text-my_light_green:hover a {
	color: #2cac19;
}

#my-bootstrap a.text-my_light_green:hover {
	text-decoration: underline #2cac19;
}


#my-bootstrap .text-my_gray,
#my-bootstrap .text-underline-my_gray {
	color: #555;
}

#my-bootstrap[data-bs-theme=dark] .text-my_gray,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_gray {
	
}

#my-bootstrap .text-underline-my_gray {
	text-decoration: underline #555;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_gray:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_gray {
	border: 1px solid #555;
}

#my-bootstrap .bg-my_gray {
	background-color: #555;}

#my-bootstrap input.bg-my_gray,
#my-bootstrap button.bg-my_gray,
#my-bootstrap .btn.bg-my_gray {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_gray:hover,
#my-bootstrap button.bg-my_gray:hover,
#my-bootstrap .btn.bg-my_gray:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_gray:hover {
	background-color: #555;
}

#my-bootstrap .hover-text-my_gray:hover,
.hover-text-my_gray:hover span,
.hover-text-my_gray:hover i,
.hover-text-my_gray:hover a {
	color: #555;
}

#my-bootstrap a.text-my_gray:hover {
	text-decoration: underline #555;
}


#my-bootstrap .text-my_light_gray,
#my-bootstrap .text-underline-my_light_gray {
	color: #a2a2a2;
}

#my-bootstrap[data-bs-theme=dark] .text-my_light_gray,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_light_gray {
	color: unset;
}

#my-bootstrap .text-underline-my_light_gray {
	text-decoration: underline #a2a2a2;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_light_gray:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_light_gray {
	border: 1px solid #a2a2a2;
}

#my-bootstrap .bg-my_light_gray {
	background-color: #a2a2a2;}

#my-bootstrap input.bg-my_light_gray,
#my-bootstrap button.bg-my_light_gray,
#my-bootstrap .btn.bg-my_light_gray {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_light_gray:hover,
#my-bootstrap button.bg-my_light_gray:hover,
#my-bootstrap .btn.bg-my_light_gray:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_light_gray:hover {
	background-color: #a2a2a2;
}

#my-bootstrap .hover-text-my_light_gray:hover,
.hover-text-my_light_gray:hover span,
.hover-text-my_light_gray:hover i,
.hover-text-my_light_gray:hover a {
	color: #a2a2a2;
}

#my-bootstrap a.text-my_light_gray:hover {
	text-decoration: underline #a2a2a2;
}


#my-bootstrap .text-my_almost_white,
#my-bootstrap .text-underline-my_almost_white {
	color: #fefefe;
}

#my-bootstrap[data-bs-theme=dark] .text-my_almost_white,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_almost_white {
	color: unset;
}

#my-bootstrap .text-underline-my_almost_white {
	text-decoration: underline #fefefe;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_almost_white:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_almost_white {
	border: 1px solid #fefefe;
}

#my-bootstrap .bg-my_almost_white {
	background-color: #fefefe;}

#my-bootstrap input.bg-my_almost_white,
#my-bootstrap button.bg-my_almost_white,
#my-bootstrap .btn.bg-my_almost_white {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_almost_white:hover,
#my-bootstrap button.bg-my_almost_white:hover,
#my-bootstrap .btn.bg-my_almost_white:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_almost_white:hover {
	background-color: #fefefe;
}

#my-bootstrap .hover-text-my_almost_white:hover,
.hover-text-my_almost_white:hover span,
.hover-text-my_almost_white:hover i,
.hover-text-my_almost_white:hover a {
	color: #fefefe;
}

#my-bootstrap a.text-my_almost_white:hover {
	text-decoration: underline #fefefe;
}


#my-bootstrap .text-my_almost_black,
#my-bootstrap .text-underline-my_almost_black {
	color: #444;
}

#my-bootstrap[data-bs-theme=dark] .text-my_almost_black,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_almost_black {
	color: unset;
}

#my-bootstrap .text-underline-my_almost_black {
	text-decoration: underline #444;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_almost_black:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_almost_black {
	border: 1px solid #444;
}

#my-bootstrap .bg-my_almost_black {
	background-color: #444;}

#my-bootstrap input.bg-my_almost_black,
#my-bootstrap button.bg-my_almost_black,
#my-bootstrap .btn.bg-my_almost_black {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_almost_black:hover,
#my-bootstrap button.bg-my_almost_black:hover,
#my-bootstrap .btn.bg-my_almost_black:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_almost_black:hover {
	background-color: #444;
}

#my-bootstrap .hover-text-my_almost_black:hover,
.hover-text-my_almost_black:hover span,
.hover-text-my_almost_black:hover i,
.hover-text-my_almost_black:hover a {
	color: #444;
}

#my-bootstrap a.text-my_almost_black:hover {
	text-decoration: underline #444;
}


#my-bootstrap .text-my_blue,
#my-bootstrap .text-underline-my_blue {
	color: #0b419b;
}

#my-bootstrap[data-bs-theme=dark] .text-my_blue,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_blue {
	color: unset;
}

#my-bootstrap .text-underline-my_blue {
	text-decoration: underline #0b419b;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_blue:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_blue {
	border: 1px solid #0b419b;
}

#my-bootstrap .bg-my_blue {
	background-color: #0b419b;}

#my-bootstrap input.bg-my_blue,
#my-bootstrap button.bg-my_blue,
#my-bootstrap .btn.bg-my_blue {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_blue:hover,
#my-bootstrap button.bg-my_blue:hover,
#my-bootstrap .btn.bg-my_blue:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_blue:hover {
	background-color: #0b419b;
}

#my-bootstrap .hover-text-my_blue:hover,
.hover-text-my_blue:hover span,
.hover-text-my_blue:hover i,
.hover-text-my_blue:hover a {
	color: #0b419b;
}

#my-bootstrap a.text-my_blue:hover {
	text-decoration: underline #0b419b;
}


#my-bootstrap .text-my_red,
#my-bootstrap .text-underline-my_red {
	color: #cc0000;
}

#my-bootstrap[data-bs-theme=dark] .text-my_red,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_red {
	color: unset;
}

#my-bootstrap .text-underline-my_red {
	text-decoration: underline #cc0000;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_red:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_red {
	border: 1px solid #cc0000;
}

#my-bootstrap .bg-my_red {
	background-color: #cc0000;}

#my-bootstrap input.bg-my_red,
#my-bootstrap button.bg-my_red,
#my-bootstrap .btn.bg-my_red {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_red:hover,
#my-bootstrap button.bg-my_red:hover,
#my-bootstrap .btn.bg-my_red:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_red:hover {
	background-color: #cc0000;
}

#my-bootstrap .hover-text-my_red:hover,
.hover-text-my_red:hover span,
.hover-text-my_red:hover i,
.hover-text-my_red:hover a {
	color: #cc0000;
}

#my-bootstrap a.text-my_red:hover {
	text-decoration: underline #cc0000;
}


#my-bootstrap .text-my_white,
#my-bootstrap .text-underline-my_white {
	color: #fff;
}

#my-bootstrap[data-bs-theme=dark] .text-my_white,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_white {
	color: unset;
}

#my-bootstrap .text-underline-my_white {
	text-decoration: underline #fff;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_white:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_white {
	border: 1px solid #fff;
}

#my-bootstrap .bg-my_white {
	background-color: #fff;}

#my-bootstrap input.bg-my_white,
#my-bootstrap button.bg-my_white,
#my-bootstrap .btn.bg-my_white {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_white:hover,
#my-bootstrap button.bg-my_white:hover,
#my-bootstrap .btn.bg-my_white:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_white:hover {
	background-color: #fff;
}

#my-bootstrap .hover-text-my_white:hover,
.hover-text-my_white:hover span,
.hover-text-my_white:hover i,
.hover-text-my_white:hover a {
	color: #fff;
}

#my-bootstrap a.text-my_white:hover {
	text-decoration: underline #fff;
}


#my-bootstrap .text-my_black,
#my-bootstrap .text-underline-my_black {
	color: #111;
}

#my-bootstrap[data-bs-theme=dark] .text-my_black,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_black {
	
}

#my-bootstrap .text-underline-my_black {
	text-decoration: underline #111;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_black:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_black {
	border: 1px solid #111;
}

#my-bootstrap .bg-my_black {
	background-color: #111;}

#my-bootstrap input.bg-my_black,
#my-bootstrap button.bg-my_black,
#my-bootstrap .btn.bg-my_black {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_black:hover,
#my-bootstrap button.bg-my_black:hover,
#my-bootstrap .btn.bg-my_black:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_black:hover {
	background-color: #111;
}

#my-bootstrap .hover-text-my_black:hover,
.hover-text-my_black:hover span,
.hover-text-my_black:hover i,
.hover-text-my_black:hover a {
	color: #111;
}

#my-bootstrap a.text-my_black:hover {
	text-decoration: underline #111;
}


#my-bootstrap .text-my_indigo,
#my-bootstrap .text-underline-my_indigo {
	color: #3949ab;
}

#my-bootstrap[data-bs-theme=dark] .text-my_indigo,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_indigo {
	color: unset;
}

#my-bootstrap .text-underline-my_indigo {
	text-decoration: underline #3949ab;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_indigo:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_indigo {
	border: 1px solid #3949ab;
}

#my-bootstrap .bg-my_indigo {
	background-color: #3949ab;}

#my-bootstrap input.bg-my_indigo,
#my-bootstrap button.bg-my_indigo,
#my-bootstrap .btn.bg-my_indigo {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_indigo:hover,
#my-bootstrap button.bg-my_indigo:hover,
#my-bootstrap .btn.bg-my_indigo:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_indigo:hover {
	background-color: #3949ab;
}

#my-bootstrap .hover-text-my_indigo:hover,
.hover-text-my_indigo:hover span,
.hover-text-my_indigo:hover i,
.hover-text-my_indigo:hover a {
	color: #3949ab;
}

#my-bootstrap a.text-my_indigo:hover {
	text-decoration: underline #3949ab;
}


#my-bootstrap .text-my_purple,
#my-bootstrap .text-underline-my_purple {
	color: #660066;
}

#my-bootstrap[data-bs-theme=dark] .text-my_purple,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_purple {
	color: unset;
}

#my-bootstrap .text-underline-my_purple {
	text-decoration: underline #660066;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_purple:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_purple {
	border: 1px solid #660066;
}

#my-bootstrap .bg-my_purple {
	background-color: #660066;}

#my-bootstrap input.bg-my_purple,
#my-bootstrap button.bg-my_purple,
#my-bootstrap .btn.bg-my_purple {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_purple:hover,
#my-bootstrap button.bg-my_purple:hover,
#my-bootstrap .btn.bg-my_purple:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_purple:hover {
	background-color: #660066;
}

#my-bootstrap .hover-text-my_purple:hover,
.hover-text-my_purple:hover span,
.hover-text-my_purple:hover i,
.hover-text-my_purple:hover a {
	color: #660066;
}

#my-bootstrap a.text-my_purple:hover {
	text-decoration: underline #660066;
}


#my-bootstrap .text-my_orange,
#my-bootstrap .text-underline-my_orange {
	color: #ff8d1a;
}

#my-bootstrap[data-bs-theme=dark] .text-my_orange,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_orange {
	color: unset;
}

#my-bootstrap .text-underline-my_orange {
	text-decoration: underline #ff8d1a;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_orange:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_orange {
	border: 1px solid #ff8d1a;
}

#my-bootstrap .bg-my_orange {
	background-color: #ff8d1a;}

#my-bootstrap input.bg-my_orange,
#my-bootstrap button.bg-my_orange,
#my-bootstrap .btn.bg-my_orange {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_orange:hover,
#my-bootstrap button.bg-my_orange:hover,
#my-bootstrap .btn.bg-my_orange:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_orange:hover {
	background-color: #ff8d1a;
}

#my-bootstrap .hover-text-my_orange:hover,
.hover-text-my_orange:hover span,
.hover-text-my_orange:hover i,
.hover-text-my_orange:hover a {
	color: #ff8d1a;
}

#my-bootstrap a.text-my_orange:hover {
	text-decoration: underline #ff8d1a;
}


#my-bootstrap .text-my_golden,
#my-bootstrap .text-underline-my_golden {
	color: #ffc200;
}

#my-bootstrap[data-bs-theme=dark] .text-my_golden,
#my-bootstrap[data-bs-theme=dark] .text-underline-my_golden {
	color: unset;
}

#my-bootstrap .text-underline-my_golden {
	text-decoration: underline #ffc200;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-my_golden:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-my_golden {
	border: 1px solid #ffc200;
}

#my-bootstrap .bg-my_golden {
	background-color: #ffc200;}

#my-bootstrap input.bg-my_golden,
#my-bootstrap button.bg-my_golden,
#my-bootstrap .btn.bg-my_golden {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-my_golden:hover,
#my-bootstrap button.bg-my_golden:hover,
#my-bootstrap .btn.bg-my_golden:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-my_golden:hover {
	background-color: #ffc200;
}

#my-bootstrap .hover-text-my_golden:hover,
.hover-text-my_golden:hover span,
.hover-text-my_golden:hover i,
.hover-text-my_golden:hover a {
	color: #ffc200;
}

#my-bootstrap a.text-my_golden:hover {
	text-decoration: underline #ffc200;
}


#my-bootstrap .text-twitter_blue,
#my-bootstrap .text-underline-twitter_blue {
	color: #0084b4;
}

#my-bootstrap[data-bs-theme=dark] .text-twitter_blue,
#my-bootstrap[data-bs-theme=dark] .text-underline-twitter_blue {
	
}

#my-bootstrap .text-underline-twitter_blue {
	text-decoration: underline #0084b4;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-twitter_blue:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-twitter_blue {
	border: 1px solid #0084b4;
}

#my-bootstrap .bg-twitter_blue {
	background-color: #0084b4;}

#my-bootstrap input.bg-twitter_blue,
#my-bootstrap button.bg-twitter_blue,
#my-bootstrap .btn.bg-twitter_blue {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-twitter_blue:hover,
#my-bootstrap button.bg-twitter_blue:hover,
#my-bootstrap .btn.bg-twitter_blue:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-twitter_blue:hover {
	background-color: #0084b4;
}

#my-bootstrap .hover-text-twitter_blue:hover,
.hover-text-twitter_blue:hover span,
.hover-text-twitter_blue:hover i,
.hover-text-twitter_blue:hover a {
	color: #0084b4;
}

#my-bootstrap a.text-twitter_blue:hover {
	text-decoration: underline #0084b4;
}


#my-bootstrap .text-linkedin_blue,
#my-bootstrap .text-underline-linkedin_blue {
	color: #0077B5;
}

#my-bootstrap[data-bs-theme=dark] .text-linkedin_blue,
#my-bootstrap[data-bs-theme=dark] .text-underline-linkedin_blue {
	color: unset;
}

#my-bootstrap .text-underline-linkedin_blue {
	text-decoration: underline #0077B5;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-linkedin_blue:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-linkedin_blue {
	border: 1px solid #0077B5;
}

#my-bootstrap .bg-linkedin_blue {
	background-color: #0077B5;}

#my-bootstrap input.bg-linkedin_blue,
#my-bootstrap button.bg-linkedin_blue,
#my-bootstrap .btn.bg-linkedin_blue {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-linkedin_blue:hover,
#my-bootstrap button.bg-linkedin_blue:hover,
#my-bootstrap .btn.bg-linkedin_blue:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-linkedin_blue:hover {
	background-color: #0077B5;
}

#my-bootstrap .hover-text-linkedin_blue:hover,
.hover-text-linkedin_blue:hover span,
.hover-text-linkedin_blue:hover i,
.hover-text-linkedin_blue:hover a {
	color: #0077B5;
}

#my-bootstrap a.text-linkedin_blue:hover {
	text-decoration: underline #0077B5;
}


#my-bootstrap .text-feel_dark_green,
#my-bootstrap .text-underline-feel_dark_green {
	color: #008800;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_dark_green,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_dark_green {
	
}

#my-bootstrap .text-underline-feel_dark_green {
	text-decoration: underline #008800;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-feel_dark_green:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-feel_dark_green {
	border: 1px solid #008800;
}

#my-bootstrap .bg-feel_dark_green {
	background-color: #008800;}

#my-bootstrap input.bg-feel_dark_green,
#my-bootstrap button.bg-feel_dark_green,
#my-bootstrap .btn.bg-feel_dark_green {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-feel_dark_green:hover,
#my-bootstrap button.bg-feel_dark_green:hover,
#my-bootstrap .btn.bg-feel_dark_green:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-feel_dark_green:hover {
	background-color: #008800;
}

#my-bootstrap .hover-text-feel_dark_green:hover,
.hover-text-feel_dark_green:hover span,
.hover-text-feel_dark_green:hover i,
.hover-text-feel_dark_green:hover a {
	color: #008800;
}

#my-bootstrap a.text-feel_dark_green:hover {
	text-decoration: underline #008800;
}


#my-bootstrap .text-feel_green,
#my-bootstrap .text-underline-feel_green {
	color: #008800;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_green,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_green {
	color: unset;
}

#my-bootstrap .text-underline-feel_green {
	text-decoration: underline #008800;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-feel_green:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-feel_green {
	border: 1px solid #008800;
}

#my-bootstrap .bg-feel_green {
	background-color: #008800;color: #fff}

#my-bootstrap input.bg-feel_green,
#my-bootstrap button.bg-feel_green,
#my-bootstrap .btn.bg-feel_green {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-feel_green:hover,
#my-bootstrap button.bg-feel_green:hover,
#my-bootstrap .btn.bg-feel_green:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-feel_green:hover {
	background-color: #008800;
}

#my-bootstrap .hover-text-feel_green:hover,
.hover-text-feel_green:hover span,
.hover-text-feel_green:hover i,
.hover-text-feel_green:hover a {
	color: #008800;
}

#my-bootstrap a.text-feel_green:hover {
	text-decoration: underline #008800;
}


#my-bootstrap .text-feel_red,
#my-bootstrap .text-underline-feel_red {
	color: #c0020c;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_red,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_red {
	
}

#my-bootstrap .text-underline-feel_red {
	text-decoration: underline #c0020c;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-feel_red:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-feel_red {
	border: 1px solid #c0020c;
}

#my-bootstrap .bg-feel_red {
	background-color: #c0020c;}

#my-bootstrap input.bg-feel_red,
#my-bootstrap button.bg-feel_red,
#my-bootstrap .btn.bg-feel_red {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-feel_red:hover,
#my-bootstrap button.bg-feel_red:hover,
#my-bootstrap .btn.bg-feel_red:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-feel_red:hover {
	background-color: #c0020c;
}

#my-bootstrap .hover-text-feel_red:hover,
.hover-text-feel_red:hover span,
.hover-text-feel_red:hover i,
.hover-text-feel_red:hover a {
	color: #c0020c;
}

#my-bootstrap a.text-feel_red:hover {
	text-decoration: underline #c0020c;
}


#my-bootstrap .text-feel_gray,
#my-bootstrap .text-underline-feel_gray {
	color: #615c62;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_gray,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_gray {
	color: unset;
}

#my-bootstrap .text-underline-feel_gray {
	text-decoration: underline #615c62;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-feel_gray:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-feel_gray {
	border: 1px solid #615c62;
}

#my-bootstrap .bg-feel_gray {
	background-color: #615c62;}

#my-bootstrap input.bg-feel_gray,
#my-bootstrap button.bg-feel_gray,
#my-bootstrap .btn.bg-feel_gray {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-feel_gray:hover,
#my-bootstrap button.bg-feel_gray:hover,
#my-bootstrap .btn.bg-feel_gray:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-feel_gray:hover {
	background-color: #615c62;
}

#my-bootstrap .hover-text-feel_gray:hover,
.hover-text-feel_gray:hover span,
.hover-text-feel_gray:hover i,
.hover-text-feel_gray:hover a {
	color: #615c62;
}

#my-bootstrap a.text-feel_gray:hover {
	text-decoration: underline #615c62;
}


#my-bootstrap .text-feel_dark_gray,
#my-bootstrap .text-underline-feel_dark_gray {
	color: #4c5164;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_dark_gray,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_dark_gray {
	color: unset;
}

#my-bootstrap .text-underline-feel_dark_gray {
	text-decoration: underline #4c5164;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-feel_dark_gray:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-feel_dark_gray {
	border: 1px solid #4c5164;
}

#my-bootstrap .bg-feel_dark_gray {
	background-color: #4c5164;}

#my-bootstrap input.bg-feel_dark_gray,
#my-bootstrap button.bg-feel_dark_gray,
#my-bootstrap .btn.bg-feel_dark_gray {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-feel_dark_gray:hover,
#my-bootstrap button.bg-feel_dark_gray:hover,
#my-bootstrap .btn.bg-feel_dark_gray:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-feel_dark_gray:hover {
	background-color: #4c5164;
}

#my-bootstrap .hover-text-feel_dark_gray:hover,
.hover-text-feel_dark_gray:hover span,
.hover-text-feel_dark_gray:hover i,
.hover-text-feel_dark_gray:hover a {
	color: #4c5164;
}

#my-bootstrap a.text-feel_dark_gray:hover {
	text-decoration: underline #4c5164;
}


#my-bootstrap .text-feel_green_excel,
#my-bootstrap .text-underline-feel_green_excel {
	color: #70AD47;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_green_excel,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_green_excel {
	
}

#my-bootstrap .text-underline-feel_green_excel {
	text-decoration: underline #70AD47;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-feel_green_excel:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-feel_green_excel {
	border: 1px solid #70AD47;
}

#my-bootstrap .bg-feel_green_excel {
	background-color: #70AD47;}

#my-bootstrap input.bg-feel_green_excel,
#my-bootstrap button.bg-feel_green_excel,
#my-bootstrap .btn.bg-feel_green_excel {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-feel_green_excel:hover,
#my-bootstrap button.bg-feel_green_excel:hover,
#my-bootstrap .btn.bg-feel_green_excel:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-feel_green_excel:hover {
	background-color: #70AD47;
}

#my-bootstrap .hover-text-feel_green_excel:hover,
.hover-text-feel_green_excel:hover span,
.hover-text-feel_green_excel:hover i,
.hover-text-feel_green_excel:hover a {
	color: #70AD47;
}

#my-bootstrap a.text-feel_green_excel:hover {
	text-decoration: underline #70AD47;
}


#my-bootstrap .text-feel_green_excel_06,
#my-bootstrap .text-underline-feel_green_excel_06 {
	color: #C6E0B4;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_green_excel_06,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_green_excel_06 {
	color: unset;
}

#my-bootstrap .text-underline-feel_green_excel_06 {
	text-decoration: underline #C6E0B4;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-feel_green_excel_06:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-feel_green_excel_06 {
	border: 1px solid #C6E0B4;
}

#my-bootstrap .bg-feel_green_excel_06 {
	background-color: #C6E0B4;}

#my-bootstrap input.bg-feel_green_excel_06,
#my-bootstrap button.bg-feel_green_excel_06,
#my-bootstrap .btn.bg-feel_green_excel_06 {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-feel_green_excel_06:hover,
#my-bootstrap button.bg-feel_green_excel_06:hover,
#my-bootstrap .btn.bg-feel_green_excel_06:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-feel_green_excel_06:hover {
	background-color: #C6E0B4;
}

#my-bootstrap .hover-text-feel_green_excel_06:hover,
.hover-text-feel_green_excel_06:hover span,
.hover-text-feel_green_excel_06:hover i,
.hover-text-feel_green_excel_06:hover a {
	color: #C6E0B4;
}

#my-bootstrap a.text-feel_green_excel_06:hover {
	text-decoration: underline #C6E0B4;
}


#my-bootstrap .text-feel_green_excel_08,
#my-bootstrap .text-underline-feel_green_excel_08 {
	color: #E2EFDA;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_green_excel_08,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_green_excel_08 {
	color: unset;
}

#my-bootstrap .text-underline-feel_green_excel_08 {
	text-decoration: underline #E2EFDA;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-feel_green_excel_08:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-feel_green_excel_08 {
	border: 1px solid #E2EFDA;
}

#my-bootstrap .bg-feel_green_excel_08 {
	background-color: #E2EFDA;}

#my-bootstrap input.bg-feel_green_excel_08,
#my-bootstrap button.bg-feel_green_excel_08,
#my-bootstrap .btn.bg-feel_green_excel_08 {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-feel_green_excel_08:hover,
#my-bootstrap button.bg-feel_green_excel_08:hover,
#my-bootstrap .btn.bg-feel_green_excel_08:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-feel_green_excel_08:hover {
	background-color: #E2EFDA;
}

#my-bootstrap .hover-text-feel_green_excel_08:hover,
.hover-text-feel_green_excel_08:hover span,
.hover-text-feel_green_excel_08:hover i,
.hover-text-feel_green_excel_08:hover a {
	color: #E2EFDA;
}

#my-bootstrap a.text-feel_green_excel_08:hover {
	text-decoration: underline #E2EFDA;
}


#my-bootstrap .text-gyt_blue,
#my-bootstrap .text-underline-gyt_blue {
	color: #14264C;
}

#my-bootstrap[data-bs-theme=dark] .text-gyt_blue,
#my-bootstrap[data-bs-theme=dark] .text-underline-gyt_blue {
	color: unset;
}

#my-bootstrap .text-underline-gyt_blue {
	text-decoration: underline #14264C;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-gyt_blue:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-gyt_blue {
	border: 1px solid #14264C;
}

#my-bootstrap .bg-gyt_blue {
	background-color: #14264C;}

#my-bootstrap input.bg-gyt_blue,
#my-bootstrap button.bg-gyt_blue,
#my-bootstrap .btn.bg-gyt_blue {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-gyt_blue:hover,
#my-bootstrap button.bg-gyt_blue:hover,
#my-bootstrap .btn.bg-gyt_blue:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-gyt_blue:hover {
	background-color: #14264C;
}

#my-bootstrap .hover-text-gyt_blue:hover,
.hover-text-gyt_blue:hover span,
.hover-text-gyt_blue:hover i,
.hover-text-gyt_blue:hover a {
	color: #14264C;
}

#my-bootstrap a.text-gyt_blue:hover {
	text-decoration: underline #14264C;
}


#my-bootstrap .text-main_color,
#my-bootstrap .text-underline-main_color {
	color: #008800;
}

#my-bootstrap[data-bs-theme=dark] .text-main_color,
#my-bootstrap[data-bs-theme=dark] .text-underline-main_color {
	color: unset;
}

#my-bootstrap .text-underline-main_color {
	text-decoration: underline #008800;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-main_color:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-main_color {
	border: 1px solid #008800;
}

#my-bootstrap .bg-main_color {
	background-color: #008800;}

#my-bootstrap input.bg-main_color,
#my-bootstrap button.bg-main_color,
#my-bootstrap .btn.bg-main_color {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-main_color:hover,
#my-bootstrap button.bg-main_color:hover,
#my-bootstrap .btn.bg-main_color:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-main_color:hover {
	background-color: #008800;
}

#my-bootstrap .hover-text-main_color:hover,
.hover-text-main_color:hover span,
.hover-text-main_color:hover i,
.hover-text-main_color:hover a {
	color: #008800;
}

#my-bootstrap a.text-main_color:hover {
	text-decoration: underline #008800;
}


#my-bootstrap .text-second_color,
#my-bootstrap .text-underline-second_color {
	color: #a2a2a2;
}

#my-bootstrap[data-bs-theme=dark] .text-second_color,
#my-bootstrap[data-bs-theme=dark] .text-underline-second_color {
	color: unset;
}

#my-bootstrap .text-underline-second_color {
	text-decoration: underline #a2a2a2;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-second_color:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-second_color {
	border: 1px solid #a2a2a2;
}

#my-bootstrap .bg-second_color {
	background-color: #a2a2a2;}

#my-bootstrap input.bg-second_color,
#my-bootstrap button.bg-second_color,
#my-bootstrap .btn.bg-second_color {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-second_color:hover,
#my-bootstrap button.bg-second_color:hover,
#my-bootstrap .btn.bg-second_color:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-second_color:hover {
	background-color: #a2a2a2;
}

#my-bootstrap .hover-text-second_color:hover,
.hover-text-second_color:hover span,
.hover-text-second_color:hover i,
.hover-text-second_color:hover a {
	color: #a2a2a2;
}

#my-bootstrap a.text-second_color:hover {
	text-decoration: underline #a2a2a2;
}


#my-bootstrap .text-text-main_color,
#my-bootstrap .text-underline-text-main_color {
	color: #fff;
}

#my-bootstrap[data-bs-theme=dark] .text-text-main_color,
#my-bootstrap[data-bs-theme=dark] .text-underline-text-main_color {
	color: unset;
}

#my-bootstrap .text-underline-text-main_color {
	text-decoration: underline #fff;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-text-main_color:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-text-main_color {
	border: 1px solid #fff;
}

#my-bootstrap .bg-text-main_color {
	background-color: #fff;}

#my-bootstrap input.bg-text-main_color,
#my-bootstrap button.bg-text-main_color,
#my-bootstrap .btn.bg-text-main_color {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-text-main_color:hover,
#my-bootstrap button.bg-text-main_color:hover,
#my-bootstrap .btn.bg-text-main_color:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-text-main_color:hover {
	background-color: #fff;
}

#my-bootstrap .hover-text-text-main_color:hover,
.hover-text-text-main_color:hover span,
.hover-text-text-main_color:hover i,
.hover-text-text-main_color:hover a {
	color: #fff;
}

#my-bootstrap a.text-text-main_color:hover {
	text-decoration: underline #fff;
}


#my-bootstrap .text-text-second_color,
#my-bootstrap .text-underline-text-second_color {
	color: #999;
}

#my-bootstrap[data-bs-theme=dark] .text-text-second_color,
#my-bootstrap[data-bs-theme=dark] .text-underline-text-second_color {
	color: unset;
}

#my-bootstrap .text-underline-text-second_color {
	text-decoration: underline #999;
}

#my-bootstrap a {
	text-decoration: none;
	color: inherit;
}

#my-bootstrap .text-underline-text-second_color:hover {
	-webkit-filter: brightness(75%);
}

#my-bootstrap .border-text-second_color {
	border: 1px solid #999;
}

#my-bootstrap .bg-text-second_color {
	background-color: #999;}

#my-bootstrap input.bg-text-second_color,
#my-bootstrap button.bg-text-second_color,
#my-bootstrap .btn.bg-text-second_color {
	transition: 0.5s ease;
}

#my-bootstrap input.bg-text-second_color:hover,
#my-bootstrap button.bg-text-second_color:hover,
#my-bootstrap .btn.bg-text-second_color:hover {
	-webkit-filter: brightness(80%);
}

#my-bootstrap .hover-bg-text-second_color:hover {
	background-color: #999;
}

#my-bootstrap .hover-text-text-second_color:hover,
.hover-text-text-second_color:hover span,
.hover-text-text-second_color:hover i,
.hover-text-text-second_color:hover a {
	color: #999;
}

#my-bootstrap a.text-text-second_color:hover {
	text-decoration: underline #999;
}


[data-bs-theme=dark] .text-main_color,
[data-bs-theme=dark] .text-underline-main_color {
    color: #fff !important;
}

[data-bs-theme=dark] .text-underline-main_color {
	text-decoration: underline #fff !important;
}
[data-bs-theme=dark] .text-underline-main_color:hover {
	text-decoration: underline #999 !important;
}

#my-bootstrap[data-bs-theme=dark] .text-feel_green,
#my-bootstrap[data-bs-theme=dark] .text-underline-feel_green {
	color: #C6E0B4;
}

/* BOUNDING BOX */
/** {
    border: 1px solid #cc0000;
}*/

/* EN CASO DE QUE EL LOGO SE VEA MAL EN MODO OSCURO */
/*[data-bs-theme=light] .navbar-brand img {
    width: auto; filter: invert(1);
}*/

/* DARK MODE */
[data-bs-theme=dark] #my-bootstrap .dark-img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

[data-bs-theme=dark] #my-bootstrap .bi
{
    color: #fff;
}

.home-section {
	background-image: url('../../static/brand/sea-bg.webp');
    background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* SWEET ALERT 2 */


/* BOOTSTRAP OVERWRITE */
/*#my-bootstrap span {
    cursor: default;
}*/

#my-bootstrap input:disabled,
#my-bootstrap button:disabled,
#my-bootstrap .btn:disabled,
#my-bootstrap button:disabled {
    cursor: not-allowed;
    filter: grayscale(1) opacity(0.7);
}

#my-bootstrap .nav .nav-link.active {
    background-color: #008800;
    color: #fff;
}

#my-bootstrap .nav .nav-link {
    color: #777;
}

#my-bootstrap .form-check-input:checked {
    background-color: #008800;
    border-color: #008800;
}

#my-bootstrap .form-floating i {
    cursor: pointer;
    position: absolute;
    top: 1em;
    right: 1em;
}

#my-bootstrap a:hover {
	transition: all 0.3s ease;
}

#my-bootstrap .no-border
{
    border: none !important;
}

/*#my-bootstrap .offcanvas {
    top: 82px;
}*/

/* CLASSES */
#my-bootstrap #error_message {
    width: 75vw;
}
#my-bootstrap #info_message,
#my-bootstrap #success_message,
#my-bootstrap #warning_message {
    width: 50vw;
}
#my-bootstrap #unsaved_changes {
    width: 15vw;
}
#my-bootstrap #info_message .btn-close {
    color: #555;
}

/*.feel-counter
{
    color: #008800;
}
[data-bs-theme=dark] .feel-counter
{
    color: #C6E0B4;
}*/

#my-bootstrap .table {
	max-width: 100%;
}

#my-bootstrap .table thead {
	position: sticky !important;
	top: 0 !important;
}

#my-bootstrap .table td {
	vertical-align: top;
}



.counter-transition
{
    animation: behind-text 3s infinite;
    color: transparent;
}
[data-bs-theme=dark] .counter-transition
{
    animation: dark-behind-text 3s infinite;
}
@keyframes behind-text
{
    0% {
        text-shadow: transparent 1px 10px 0;
    }
    25% {
        text-shadow: #008800 1px 0px 0;
    }
    75% {
        text-shadow: #008800 1px 0px 0;
    }
    100% {
        text-shadow: transparent 1px -10px 0;
    }
}
@keyframes dark-behind-text
{
    0% {
        text-shadow: transparent 1px 10px 0;
    }
    25% {
        text-shadow: #C6E0B4 1px 0px 0;
    }
    75% {
        text-shadow: #C6E0B4 1px 0px 0;
    }
    100% {
        text-shadow: transparent 1px -10px 0;
    }
}

/*<div aria-labelledby="swal2-title" aria-describedby="swal2-html-container" class="swal2-popup swal2-toast text-bg-success swal2-icon-success swal2-show" tabindex="-1" role="alert" aria-live="polite" style="width: 100%; display: grid;"><button type="button" class="swal2-close" aria-label="Close this dialog" style="display: none;">×</button><ul class="swal2-progress-steps" style="display: none;"></ul><div class="swal2-loader"></div><div class="swal2-icon swal2-success swal2-icon-show" style="display: flex;"><div class="swal2-success-circular-line-left" style="background-color: rgb(25, 135, 84);"></div>
  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
  <div class="swal2-success-ring"></div> <div class="swal2-success-fix" style="background-color: rgb(25, 135, 84);"></div>
  <div class="swal2-success-circular-line-right" style="background-color: rgb(25, 135, 84);"></div>
</div><img class="swal2-image" style="display: none;"><h2 class="swal2-title" id="swal2-title" style="display: block;">Changes have been saved</h2><div class="swal2-html-container" id="swal2-html-container" style="display: none;"></div><input class="swal2-input" style="display: none;"><input type="file" class="swal2-file" style="display: none;"><div class="swal2-range" style="display: none;"><input type="range"><output></output></div><select class="swal2-select" style="display: none;"></select><div class="swal2-radio" style="display: none;"></div><label for="swal2-checkbox" class="swal2-checkbox" style="display: none;"><input type="checkbox"><span class="swal2-label"></span></label><textarea class="swal2-textarea" style="display: none;"></textarea><div class="swal2-validation-message" id="swal2-validation-message" style="display: none;"></div><div class="swal2-actions" style="display: none;"><button type="button" class="swal2-confirm swal2-styled" aria-label="" style="display: none;">OK</button><button type="button" class="swal2-deny swal2-styled" aria-label="" style="display: none;">No</button><button type="button" class="swal2-cancel swal2-styled" aria-label="" style="display: none;">Cancel</button></div><div class="swal2-footer" style="display: none;"></div><div class="swal2-timer-progress-bar-container"><div class="swal2-timer-progress-bar" style="display: flex; width: 0%; transition: width 6.207s linear 0s;"></div></div></div>*/

#my-bootstrap .swal2-popup {
    max-width: 300px !important;
    top: 90px;
}

.inactive-img {
    filter: grayscale(1) opacity(0.4);
}

.disabled {
    filter: grayscale(1) opacity(0.5);
}

/* MEDIA QUERIES */

@media (min-width: 1024px) {
    #my-bootstrap .offcanvas {
        max-width: 20%;
    }
}
@media (max-width: 1024px) {
    /*#my-bootstrap .offcanvas {
        display: none;
    }*/
}
@media (max-width: 768px) {
    #my-bootstrap .offcanvas {
        top: 122px;
    }

    #my-bootstrap .swal2-popup {
        top: 20px;
    }

    #my-bootstrap #info_message,
    #my-bootstrap #success_message,
    #my-bootstrap #warning_message,
    #my-bootstrap #error_message,
    #my-bootstrap #unsaved_changes {
        width: 100%;
    }
}

@media print {
    @page {
        size: letter portrait;
        margin: 10mm;
    }

    html,
    body,
    #my-bootstrap {
        width: 100% !important;
        min-height: auto !important;
        background: #fff !important;
        color: #111 !important;
        font-size: 10pt;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .no-print,
    header,
    footer,
    .navbar,
    .offcanvas,
    .modal,
    .dropdown-menu,
    .toast,
    .swal2-container {
        display: none !important;
    }

    .print-report,
    .print-report * {
        box-sizing: border-box !important;
    }

    #section-container,
    #section-container > section,
    .print-report {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .print-report .row {
        --bs-gutter-x: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .print-report [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .print-report form,
    .print-report button,
    .print-report .btn,
    .print-report .btn-group,
    .print-report .btn-toolbar,
    .print-report .copy-table,
    .print-report .download-table,
    .print-report .comparison-toolbar,
    .print-report .well-action-bar,
    .print-report .modebar,
    .print-report .modebar-container {
        display: none !important;
    }

    .print-report h1 {
        font-size: 18pt !important;
    }

    .print-report h2,
    .print-report .h2 {
        font-size: 15pt !important;
    }

    .print-report h3,
    .print-report .h3,
    .print-report h4,
    .print-report .h4,
    .print-report h5,
    .print-report .h5 {
        font-size: 12pt !important;
    }

    .print-report .text-body-secondary,
    .print-report small,
    .print-report .small {
        color: #444 !important;
    }

    .print-report .bg-body,
    .print-report .bg-body-tertiary {
        background: #fff !important;
    }

    .print-report .border,
    .print-report .rounded-2 {
        border-color: #c9c9c9 !important;
        border-radius: 0 !important;
    }

    .print-report .well-panel,
    .print-report .comparison-panel,
    .print-report .daily-stat,
    .print-report .daily-activity-card,
    .print-report .well-hero {
        width: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
    }

    .print-report .card,
    .print-report article,
    .print-report .well-panel,
    .print-report .comparison-panel,
    .print-report .daily-stat,
    .print-report .daily-activity-card,
    .print-report .table-responsive,
    .print-report .well-chart,
    .print-report .comparison-chart {
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none !important;
    }

    .print-report .table-responsive {
        max-height: none !important;
        overflow: visible !important;
    }

    .print-report table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 8.5pt;
    }

    .print-report thead th {
        position: static !important;
        background: #f2f2f2 !important;
    }

    .print-report th,
    .print-report td {
        padding: 3pt 4pt !important;
        border-color: #d5d5d5 !important;
    }

    .print-report a {
        color: inherit !important;
        text-decoration: none !important;
    }

    .print-report .collapse:not(.show) {
        display: block !important;
    }
}