body {
 --br-sm:3px;
 --br-md:5px;
 --br-lg:7px;
 --default-transition-duration:.1s;
 --transition-time: var(--default-transition-duration);
 --s-full:80.0rem;
 --s-step:calc(var(--s-full) / 12)
}

body {
    box-sizing: border-box;
    min-height: 100%;
    background-color: var(--theme-background-color);
}

body:not(.theme-dark),
body.theme-dark .theme-light__forced,
body.theme-system .theme-light__forced {
 --white:hsl(0,0%,100%);
 --black:hsl(210,8%,5%);
 --darkblue:#2486a4;
 --darkorange:rgb(232, 149, 89);
 --lightgrey: grey;
 --danger-red: #913232;
}

.bar-sm {
 border-radius: var(--br-sm) !important
}
.bar-md {
 border-radius: var(--br-md) !important
}
.bar-lg {
 border-radius: var(--br-lg) !important
}

.fc-white,
.h\:fc-white:hover,
.f\:fc-white:focus,
.f\:fc-white:focus-within {
 color: var(--white) !important
}

.bg-darkblue,
.h\:bg-darkblue:hover,
.f\:bg-darkblue:focus,
.f\:bg-darkblue:focus-within {
 background-color: var(--darkblue) !important
}

.bg-lightgrey,
.h\:bg-lightgrey:hover,
.f\:bg-lightgrey:focus,
.f\:bg-lightgrey:focus-within {
 background-color: var(--lightgrey) !important
}

.bg-danger-red,
.h\:bg-danger-red:hover,
.f\:bg-danger-red:focus,
.f\:bg-danger-red:focus-within {
 background-color: var(--danger-red) !important
}

.bg-darkorange,
.h\:bg-darkorange:hover,
.f\:bg-darkorange:focus,
.f\:bg-darkorange:focus-within {
 background-color: var(--darkorange) !important
}

@media (prefers-color-scheme:dark) {
 body.theme-system .d\:bg-darkblue {
  background-color: var(--darkblue) !important
 }
 body.theme-system .d\:bg-darkorange {
  background-color: var(--darkorange) !important
 }
}

body {
 --su-base:1;
 --zi-navigation-fixed:5050;

 --su-static8:8px;
 --su-static16:16px;
 --su-static32:32px;
 --su8:calc(var(--su-static8) * var(--su-base));
 --su16:calc(var(--su-static16) * var(--su-base));
 --su32:calc(var(--su-static32) * var(--su-base));
}
.p32 {
 padding: var(--su32) !important
}

.r16 {
 right: var(--su16) !important
}

.b16 {
 bottom: var(--su16) !important
}

.l16 {
 margin-left: var(--su16) !important
}

.i16 {
 inset: var(--su16) !important
}

@media (max-width:640px) {
 html .fs-body2 {
  font-size: 1.1rem !important
 }
}

.z-nav-fixed {
 z-index: var(--zi-navigation-fixed) !important
}

.ws4 {
 width:calc(var(--s-step) * 4) !important
}

@media (max-width:640px) {

 html .sm\:p16 {
  padding: var(--su16) !important
 }
  
 html .sm\:r16 {
  right: var(--su16) !important
 }
 
 html .sm\:l16 {
  left: var(--su16) !important
 }
 
 html .sm\:i16 {
  inset: var(--su16) !important
 }
 
 html .sm\:ps-fixed {
  position:fixed !important
 }
 
 html .sm\:w-auto {
  width:auto !important
 }
}

@media (max-width: 640px) {
    .notifier-chat, .notifier-survey {
        font-size: 14px;
    }
}

.notifier-chat {
	box-shadow: 0 0px 15px #79d6fb;
	display: none;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.notifier-survey {
	box-shadow: 0 0px 15px rgb(227, 183, 130);
	display: none;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.notifier-wrong-key {
	box-shadow: 0 0px 15px #c63131;
	display: none;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.active {
	display: block;
}

@media (min-width: 641px) {
    .fd-column {
	  flex-direction: column !important;
	}
	
	.gs8 {
	  margin: calc(var(--su8) / 2 * -1);
	}
}

button.s-btn {
    left: 0px;
    top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    
    background-color: #f6f5f4;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #3d3846;
    font-weight: bold;
}

button.primary-chat {
    background-color: #4c98c6;
    color: #fff;
}

button.primary-survey {
    background-color: rgb(249, 177, 107);
    color: #fff;
}

button.primary-warning {
    background-color: #6c2936;
    color: #fff;
}

.event-toggler-desktop,
.event-toggler-mobile {
	background-color: aquamarine;
	margin-right: 10px;
	padding: 3px 0px 9px 0px;
	color: darkblue;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #deddda;
	font-size: 20px;
}

@media (min-width: 992px) {
	.event-toggler-mobile {
		display: none;
	}
}

@media (max-width: 991px) {
	.event-toggler-desktop {
		display: none;
	}
}

.remind-toggler-event {
	display: none;
	margin-bottom: 5px;
}

.full-screen-toggler-event {
	display: inline;
	margin-bottom: 5px;
}

.toggle-chat {
	display: none;
}

.toggle-survey {
	color: #ce9871;
	display: none;
}

#nextUpdateModal {
	display: none;
}