.u-btn-orange {
	background-color: orange;
	color: white;
}
.g-brd-orange {
	border-color: orange;
}
.v-application .container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.v-application .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.v-application .col {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.v-application .d-flex {
	display: flex;
}

.v-application .justify-content-center {
	justify-content: center;
}

.v-application .g-mt-10 {
	margin-top: 2.5rem;
}

.v-application .g-pa-40 {
	padding: 2.5rem;
}

.v-application .g-mb-30 {
	margin-bottom: 3.75rem;
}

.v-application .g-mb-20 {
	margin-bottom: 1.25rem;
}

.v-application .g-mb-10 {
	margin-bottom: 0.625rem;
}

.v-application .g-rounded-50 {
  	border-radius: 25px;
}

.v-application .text-uppercase {
  	text-transform: uppercase;
}

.v-application .g-font-size-24 {
  	font-size: 1.5rem;
}

.v-application .g-ml-15 {
  	margin-left: 1.875rem;
}

.v-application .form-control {
  	display: block;
  	width: 100%;
  	height: calc(1.5em + 0.75rem + 2px);
  	padding: 0.375rem 0.75rem;
  	font-size: 1rem;
  	font-weight: 400;
  	line-height: 1.5;
  	color: #000000;
  	background-color: #960000;
  	background-clip: padding-box;
  	border: 1px solid #ced4da;
  	border-radius: 0.25rem;
  	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.v-application .form-control:focus {
  	color: #495057;
  	background-color: #fff;
  	border-color: #80bdff;
  	outline: 0;
  	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.v-application .btn {
  	display: inline-block;
  	font-weight: 400;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	user-select: none;
  	border: 1px solid transparent;
  	padding: 0.375rem 0.75rem;
  	font-size: 1rem;
  	line-height: 1.5;
  	border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    	border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  	text-transform: uppercase;
}

.v-application .btn-md {
  	padding: 0.5rem 1rem;
  	font-size: 1rem;
  	line-height: 1.5;
  	border-radius: 0.25rem;
}

.v-application .btn-xl {
  	padding: 0.75rem 2rem;
  	font-size: 1.25rem;
  	line-height: 1.5;
  	border-radius: 0.25rem;
}

.v-application .u-btn-outline-orange {
  	color: orange;
  	border-color: orange;
}

.v-application .u-btn-outline-orange:hover {
  	color: #fff;
  	background-color: orange;
  	border-color: orange;
}

.v-application .u-btn-hover-v1-4:hover {
  	background-color: orange;
  	border-color: orange;
}
.fill-width {
  	width: 70%; /* Ensure the field fills the available width */
}
.orange-button {
  	color: #fff !important;
  	background-color: #ff9800 !important;
  	border-color: #ff9800 !important;
}
.sharp-outline .v-input--outlined {
  	border-radius: 0;
}
#qr-reader {
  	width: 100%;
  	height: 300px;
  	border: 1px solid #000000;
  	border-radius: 5px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
.nested-enter-active .inner {
  	transition-delay: 0.25s;
}
.nested-leave-active .inner {
  	transition: all 0.3s ease-in-out;
}

.nested-enter-from .inner,
.nested-leave-to .inner {
  	transform: translateX(30px);
  	opacity: 0;
}
.underline-animation {
  	position: relative;
  	text-decoration: none;
}

.underline-animation::after {
  	content: "";
  	position: absolute;
  	left: 0;
  	bottom: -2px;
  	height: 2px;
  	width: 100%;
  	background-color: orange;
  	transform: scaleX(0);
  	transition: transform 0.3s ease;
  	transform-origin: bottom right;
}

.underline-animation:hover::after {
  	transform: scaleX(1);
  	transform-origin: bottom left;
}
.underline-animation-silver {
  	position: relative;
  	text-decoration: none;
}

.underline-animation-silver::after {
  	content: "";
  	position: absolute;
  	left: 0;
  	bottom: -2px;
  	height: 2px;
  	width: 100%;
  	background-color: rgb(255, 255, 255);
  	transform: scaleX(0);
  	transition: transform 0.3s ease;
  	transform-origin: bottom right;
}

.underline-animation-silver:hover::after {
  	transform: scaleX(1);
  	transform-origin: bottom left;
}
.orange-border {
  	border: 0.1px solid orange !important;
  	border-radius: 0.1px;
}
.gray-border {
  	border: 0.1px solid rgba(105, 96, 129, 0.219) !important;
  	border-radius: 2.1px;
}
input[type="file"] {
  color: rgb(
    196,
    125,
    68
  	); /* Change text color to white for better visibility */
  	padding: 10px; /* Add padding for better appearance */
  	border-radius: 5px; /* Optional: Add border-radius for rounded corners */
}
@font-face {
  	font-family: "Evogria";
  	font-style: normal;
  	unicode-range: U+000-5FF;
  	src: url("../../../public/fonts/Evogria.otf") format("opentype");
}
.system_toolbar {

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (max-width: 1000px) {
  .system_toolbar {
    	flex-direction: column;
    	align-items: flex-start;
  }
  /* Add more specific styling for smaller screens */
}
.underline-animation-black {
  	position: relative;
  	text-decoration: none;
}

.underline-animation-black::after {
  	content: "";
  	position: absolute;
  	left: 0;
  	bottom: -2px;
  	height: 2px;
  	width: 100%;
  	background-color: rgb(0, 0, 0);
  	transform: scaleX(0);
  	transition: transform 0.3s ease;
  	transform-origin: bottom right;
}

.underline-animation-black:hover::after {
  	transform: scaleX(1);
  	transform-origin: bottom left;
}
.orange-text {
  	color: orange;
  	transition: color 0.5s; /* You can adjust the transition duration as needed */
}

.dotted-border-orange {
  	border: 1px dotted rgb(255, 255, 255) !important;
}

/* .system_toolbar_color{
	background-color: #f69f1a;
} */
:root {
	--system_toolbar_color: #f69f1a; 
	--system_toolbar_font_color_main: #000000; 
	--system_font_color_secondary_log_out: #ffffff;
	--system_toolbar_icon_color: #ffffff;
	--system_main_label_color: #ffffff;
	--border_dotted_log_out: #ffffff;
	--system_guest_information_color: #ffffff;
	--system_font_family_primary: 'Evogria';
	--system_secondary_label_color: '#ffffff';
	--icon_color_main: '#ffffff';
	--log_in_button_text_color: '#000000';
	--submit_button_text_color: '#ffffff';
	--window_action_button_color: '#ffffff';
	--window_action_button_text_color: '#ffffff';
	--window_carousel_navigate_button_color: '#ffffff';
	--system_body_color: '#ffffff';
	--expansion_title_color: '#ffffff';
	--window_carousel_navigate_text_color: '#ffffff';
	--swal_border: 'orange';
	--swal_color: 'orange';
	--swal_background_color:'black';
	--swal_icon_color: 'black';
	--system_main_background_color: black;
	--system_expansion_color:black;
	--system_dialog_border:black;
	--system_expansion_background:black;
}

.system_expansion_background{
	background-color:var(--system_expansion_background)
}
.system_dialog_border{
	color:var(--system_dialog_border);
}
  
.system_expansion_color {
	background-color: var(--system_expansion_color);
}

.system_toolbar_color {
	background-color: var(--system_toolbar_color);
}
  

.border_dotted_log_out {
  	border: 0.1px dotted rgb(210, 210, 210) !important;
  	border-radius: 0.1px;
}

.system_toolbar_font_color_main {
  	color: var(--system_toolbar_font_color_main) !important;
}

.system_font_color_secondary_log_out {
  	color: var(--system_font_color_secondary_log_out) !important;
}

.system_main_background_color{
	background-color: var(--system_main_background_color) !important;
}

.system_font_family_primary {
  	font-family: var(--system_font_family_primary)!important;
}

.system_toolbar_icon_color {
  	color: var(--system_toolbar_icon_color) !important;
}

.system_main_label_color {
  	color: var(--system_main_label_color) !important;
}

.system_secondary_label_color {
  	color: var(--system_secondary_label_color) !important;
}

.system_guest_information_color {
  	color: var(--system_guest_information_color) !important;
}

.swal2-popup {
	font-size: 0.84rem !important;
	font-family: var(--system_font_family_primary), serif;
	border: 4px solid var(--swal_border) !important;
	background-color: var(--swal_background_color) !important;
	color: var(--swal_color) !important;
}
.swal2-success-ring {
	border: 3px solid var(--swal_icon_color) !important; /* Change border color and opacity */
}

.log_in_button_text_color{
	color: var(--log_in_button_text_color) !important;
}

.submit_button_text_color {
	color: var(--submit_button_text_color) !important;
}

.window_action_button_color { 
	background-color: var(--window_action_button_color) !important;
}

.window_action_button_text_color { 
	color: var(--window_action_button_text_color) !important;
}

.window_carousel_navigate_button_color {
	background-color: var(--window_carousel_navigate_button_color) !important;
}

.system_body_color {
	background-color: var(--system_body_color) !important;
}

.icon_color_main{
	color: var(--icon_color_main) !important;
}

.expansion_title_color{
	color: var(--expansion_title_color) !important;
}

.window_carousel_navigate_text_color{
	color: var(--window_carousel_navigate_text_color) !important;
}