/* MAIN CUSTOMIZATION OF KIOSK */

:root {
/* ______________________ TEXTS _________________________ */

/* ________ Colors ___________ */
--TitleColor: rgb(27, 27, 27);
--SubTitleColor: rgb(70, 70, 70);
--TextColor: rgb(47, 36, 30);
--ExtraColor: rgb(79, 128, 246);

/* ________ Fonts ___________ */
--PrimaryFont: 'HOST-Kiosk', sans-serif;
--SecFont: 'Roboto', sans-serif;

/* ______________________ BUTTONS _________________________ */

/* ________PrimaryButton___________ */
--MainButtonColor: rgb(79, 128, 246);
--MainButtonTextColor: rgb(255, 255, 255);

/* _______SecundaryButton__________ */
--SecButtonColor: rgb(137, 79, 246);
--SecButtonTextColor: rgb(255, 255, 255);

/* ________DisabledButton___________ */
--DisabledButtonColor: rgb(224, 224, 224);
--DisabledButtonTextColor: rgb(86, 86, 86);

/* ________WarningButton___________ */
--WarningButtonColor: rgb(244, 211, 94);
--WarningButtonTextColor: rgb(238, 150, 75);


/* ______________________ POP UPS ________________________ */
--PopTitleColor: rgb(65, 116, 248);
--PopTextColor: rgb(7, 41, 76);
--PopButtonColor: rgb(71, 114, 250);
--PopButtonTextColor: rgb(255, 255, 255);
--PopNegativeButtonColor: rgb(255, 255, 255);
--PopNegativeTextColor: rgb(7, 41, 76);
--PopBackground: rgb(255, 255, 255);


/* _______________ ICONS AND EXTRAS ________________________ */
--PrimaryColor: rgb(79, 128, 246);
--SecundaryColor: rgb(149, 118, 251);
--ThirdColor: rgb(90, 103, 129);
--SignaturePadBackground: rgb(255, 255, 255);
--PaymentBackground: rgb(150, 168, 214);
--PaymentText: rgb(255, 255, 255);

/* ____________________ Backgrounds _______________________ */
--MainBackground: rgb(255, 255, 255); 
--SecBackground: rgb(255, 255, 255);
--ModalBackground: rgb(255, 255, 255);
--SecModalBackground: rgb(255, 255, 255);
--HeaderBackground: rgb(255, 255, 255);
}

.StepperContainer .BarStepper {
    left: 27% !important;
    width: 44% !important;
}