:root{
--f7-theme-color:#FFCC00!important;
--f7-theme-color-rgb:rgb(255, 204, 0)!important;
--f7-ios-primary:#FFCC00!important; /* Your desired theme color */
--f7-md-primary:#FFCC00!important;
	--f7-searchbar-input-bg-color:rgb(223, 221, 221)!important;
}
.color-yellow{
--f7-md-primary-rgb:rgb(255, 204, 0)!important;
--f7-md-primary:#FFCC00!important;
}
.navbar-bg {
	background-color:white!important;
}
.md, .md .dark, .md [class*='color-']{
	--f7-searchbar-input-bg-color:rgb(223, 221, 221)!important;
	--f7-searchbar-height: 30px!important;
	--f7-searchbar-input-height: 30px!important;
	--f7-searchbar-inline-input-height:30px!important;
	--f7-navbar-title-font-size:18px!important;
	--f7-navbar-title-font-weight:800!important;
	--f7-navbar-link-height:40px!important;
	--f7-card-bg-color:transparent!important;
	--f7-input-item-bg-color:white!important;
	--f7-list-strong-bg-color:rgb(223, 221, 221)!important;
}
.md .searchbar-icon {
	height:30px;
	width:30px;
}
.button-active {
    color:black!important;
}

/* ============================================================
   Boutons des dialogues (confirm/alert) : le theme met le texte
   en jaune (#FFCC00) -> illisible sur fond blanc. On force un
   texte sombre lisible, deux pilules claires, OK = jaune rempli.
   ============================================================ */
.dialog-buttons {
	display: flex !important;
	gap: 8px;
	padding: 10px;
}
.dialog-buttons .dialog-button {
	flex: 1;
	height: 44px;
	line-height: 44px;
	border-radius: 10px;
	border: 0 !important;
	color: #1f1b46 !important;   /* texte sombre lisible (etait jaune) */
	font-weight: 600;
}
.dialog-buttons .dialog-button:first-child {        /* Cancel */
	background: #ece9f6;
}
.dialog-buttons .dialog-button:last-child {         /* OK / action principale */
	background: #FFCC00;
	color: #1f1b46 !important;
	font-weight: 700;
}
/* Cas d'un seul bouton (alert) : on le traite comme l'action principale. */
.dialog-buttons .dialog-button:only-child {
	background: #FFCC00;
}
.dialog-title {
	font-weight: 700;
	color: #1f1b46;
}
.dialog-text {
	color: #3a3660;
}

/* Selecteur d'heure du calendrier (Day & Hour) : le theme met le lien en jaune
   -> illisible. On force le texte de l'heure en noir. */
.calendar-time-selector .link,
.calendar-time-selector a.link {
	color: #000000 !important;
	font-weight: 600;
}

 .log-container {
            border: 1px solid #ccc;
            padding: 10px;
            height: 300px;
            overflow-y: auto;
            background-color: #f9f9f9;
        }
        .log-item {
            margin: 5px 0;
            font-size: 14px;
        }
        .log-item.error {
            color: red;
        }
.segmented {
    background-color:#e9e9e9!important;
	z-index:20!important;
	
    text-transform: capitalize;
}
.segmented .button{
	color:black!important;
	
    text-transform: capitalize;
}
.segmented-highlight {
background-color:#FFCC00!important;

    text-transform: capitalize;
}
.yellow-background {
	color:#FFCC00!important;
	background-color:black!important;
}

.highlighted{
  border: 1px solid #ffffff; /* White border */
}
.titleoverflow {
	overflow:ellipsis!important;
}
#div-23917 {
	padding: 0 !important;
}
#div-23916 {
	padding: 0 !important;
}

#div-23922 {
	padding: 0 !important;
}
#div-23923 {
	padding: 0 !important;
}
#div-23928 {
	padding: 0 !important;
}
#div-23929 {
	padding: 0 !important;
}
#div-23934 {
	padding: 0 !important;
}
#div-23935 {
	padding: 0 !important;
}
#obj-22858
.segmented {
	border-radius: 0px 0px 5px 5px !important;
}
#obj-23213 
.segmented {
	border-radius: 0px 0px 5px 5px !important;
}

// First page
.img mr-2 dynamic-popover rounded-circle img-fluid {
	min-height: 25px !important;
	min-width:25px !important;
}

#obj-15436 {
	min-height: 25px !important;
	min-width:25px !important;
}

#icon-12381 {
	min-height: 25px !important;
	min-width:25px !important;
}

.fa f7-icons mr-1 {
	min-height: 25px !important;
	min-width:25px !important;
}

#img-19909 {
	min-height: 25px !important;
	min-width:25px !important;
}

#obj-19830 {
	min-height: 25px !important;
	min-width:25px !important;
}

#obj-19833 {
	min-height: 25px !important;
	min-width:25px !important;
}

#obj-14865 {
	min-height: 25px !important;
	min-width:25px !important;
}



#obj-101478 {
	height:170px !important;
}
#obj-10483 {
	height:170px !important;
}
#obj-10804 {
	height:170px !important;
}

#div-20778 {
	height:200px !important;
}

#div-3369 {
	width: 300;	
}
#div-theme {
	width: 100%;
	display: flex !important;
	flex-wrap: wrap !important;
}
#tabcontainer-5813
.segmented {
	background-color: #202020 !important;
}
#obj-8185
.segmented {
	position:fixed;
	width: 100% !important;
	z-index: 10;
	background-color: #121212;
}
#obj-9785
.segmented {
	position:fixed;
	width: 100% !important;
	z-index: 10;
	background-color: #121212;
}
#obj-9785
.segmented {
	position:fixed;
	width: 100% !important;
	z-index: 10;
	background-color: #121212;
}
#obj-14684
.segmented {
	position:fixed;
	width: 100% !important;
	z-index: 10;
	background-color: #121212;
}

#obj-15253
.segmented {
	position:fixed;
	width: 100% !important;
	z-index: 10;
	background-color: #121212;
}
#obj-11966
.segmented {
	position:fixed;
	width: 100% !important;
	z-index: 10;
	background-color: #121212;
}
#searchbar-73x88 {
	margin: 0 !important;
	padding: 0 !important;
	background-color: #121212;
}
#obj-7152
.card-footer {
	padding: 0px 4px 0px 4px;
}
#obj-7201
.card-footer {
	padding: 0px 4px 0px 4px;
}
#obj-7209
.card-footer {
	padding: 0px 4px 0px 4px;
}
#card-3390 
.card-content {
	padding: 0px;
}			
#repeater-3360 
.templaterow {
	width:90%;
}
#obj-3311 
.card-content {
	margin:0;
}
.card-content-padding {
	padding:0px;
}
#card-4904
.card-header {
	padding:0px;
	background-color:red;
}
#card-4859 {
	background-color:rgb(32,32,32) !important;
}
#card-4859 .card-header {
	padding:0 !important;
	margin:0 !important;
}
.page-content::-webkit-scrollbar {
	width: 0px !important;
	display: block !important;
	blackground-color: transparent !important;
	border: 0px transparent !important;
}
#logoh2 {
	transition: 0.4s;
}
#obj-3765 {
	transition: 0.4s;
}
#obj-3768 {
	transition: 0.4s;
}
#obj-3771 {
	transition: 0.4s;
}
#obj-3774 {
	transition: 0.4s;
}
#page-contents-o-1126 {
	color: black;
}
#div-4793 {
	width: 100% !important;
}
#img-5526 {
	transition: 0.3s;
}
#title-o-1008 {
	transition: 0.3s;
}
#card-4972 {
	border-radius: 15px 15px 0px 0px !important;
}
#card-4913 {
	border-radius: 5px 0px 10px 0px !important;
	padding:0;
}
#card-4913 
.card-footer {
	padding:0 !important;
	margin:0 !important;
	background-color: white !important;
}
#flexbox-4931 {
	border-radius: 5px 0px 10px 0px;
}
#div-4934 {
	margin:0;
}
#div-4983 {
	height:170px !important;
}
#obj-101521 {
	height:170px !important;
}
#obj-11711 {
	height:170px !important;
}
#obj-11625 {
	height:170px !important;
}
#obj-14247 {
	height:170px !important;
}
#obj-14603 {
	height:170px !important;
}
#obj-15172 {
	height:170px !important;
}

#obj-11164 {
	height:170px !important;
}
#obj-11230 {
	height:170px !important;
}
#obj-11296 {
	height:170px !important;
}
#obj-10152 {
	border-radius: 10px 10px 0px 0px !important;
}
#obj-11879 {
	border-radius: 10px 10px 0px 0px !important;
}
#obj-11626 {
	border-radius: 10px 10px 0px 0px !important;
}
#obj-14604 {
	border-radius: 10px 10px 0px 0px !important;
}
#obj-15173 {
	border-radius: 10px 10px 0px 0px !important;
}
#obj-11712 {
	border-radius: 10px 10px 0px 0px !important;
}
#div-5001 {
	linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)) !important;
}
#accordion-5395 .accordion-item-content .block {
	padding: 0; !important;
}
#div-4933 {
	height: 80%;
}
#card-5511  {
	border-radius: 5px 0px 10px 0px !important;
	padding:0 !important;
	margin:0 !important;
}
#div-5665 {
	-webkit-backdrop-filter: blur(10px) grayscale(0.5);
	border-radius: 0px 0px 4px 4px !important;
}
#div-6652 {
	border-radius: 10px 10px 0px 0px !important;
}
#div-2093 {
	border-radius: 10px 10px 0px 0px !important;
}
#obj-11297  {
	border-radius: 10px 10px 0px 0px !important;
}
#obj-11231  {
	border-radius: 10px 10px 0px 0px !important;
}
#obj-11165 {
	border-radius: 10px 10px 0px 0px !important;
}
#icon-7290 {
	transform: rotate(90deg);
}
#obj-7317 {
	transform: rotate(90deg);
}
#obj-9834 {
	transform: rotate(90deg);
}
#obj-8652 {
	transform: rotate(90deg);
}
#obj-8840 {
	transform: rotate(90deg);
}
#obj-9834{
	transform: rotate(90deg);
}
#card-5657
.card-content {
	padding:0 !important;
}
#div-7283 {
	bottom: -100 !important;
}
#obj-8302 {
	text-align: justify !important;
	text-justify: inter-word !important;
}
#div-8904{
	text-align: justify !important;
	text-justify: inter-word !important;
}
#repeater-3849 {
	background: white !important;
}
#card-5673
.card-content {
	padding:0 !important;
}

#email-6274 {
	color: #007AFF !important;
}

#obj-12463 {
	width:80px !important;
	height:80px !important;
}

#span-12382 {
	width: 15px !important;
}

#card-21771 {
	outline-color: white !important;
	footer-border-color: white !important;
	header-border-color: white !important;
	border-color: white !important;
	box-shadow: white !important;
}


@media (min-width:800px) {
	flexbox-27844{
		max-width: 200px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	#obj-14243 {
		max-width: 450px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	#obj-11890 {
		max-width: 700px !important;
		width:100% !important;
		height:100% !important;
		margin: auto !important;
	}
	#obj-11879 {
		margin-top: 1000px;
	}
	#obj-11936 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	#obj-11912 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#card-21771 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto;
	}
	
	#obj-11900 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto;
	}
	#card-21777 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto;
	}
	
	
	#div-21770 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	#obj-11939 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	#card-21782 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-11942 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-11951 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#card-21812{
		margin-left: auto;
		margin-right: auto;
	}
	
	#card-21787 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	#tab-2 {
		background-color: white !important;
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	#div-21818 {
		background-color: white !important;
	}
	#obj-11966 {
		background-color: white !important;
	}
	#obj-11966
	.segmented {
		position: relative !important;
	}
	#obj-11993 {
		background-color: white !important;
	}
	#obj-11994 {
		display: none !important;
	}
	#obj-11999 {
		background-color: white !important;
	}
	#obj-12000 {
		background-color: white !important;
	}
	#obj-11996 {
		background-color: white !important;
	}
	#obj-11974{
		background-color:transparent !important;
	}
	
	#tab-3  {
		background-color: white !important;
	}
	
	#div-3016 {
		max-width: 1000px !important;
		margin: auto !important;
		width:80% !important;
		height:80% !important;
	}
	#tabcontainer-5813
	.segmented {
		max-width: 1000px !important;
		margin: auto !important;
	}
	
	#obj-8006 {
		background-color: white !important;
	}
	
	#obj-8024 {
		background-color: white !important;
	}
	
	#list-workshops {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-12560 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-12568 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-21189 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-11964 {
		display:none;
	}
	
	#obj-3768 {
		padding-left: 100px !important
	}
	#obj-3771 {
		padding-left: 100px !important
	}
	
	#obj-21187 {
		padding-left: 100px !important
	}
	
	#obj-11872 {
		padding-left: 100px !important
	}
	
	#obj-12031 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	#obj-11974 {
		opacity: 0 !important;
	}
	#obj-8006 {
		display: none !important;
	}
	
	#obj-8024 {
		display: none !important;
	}
	
	#obj-11162 {
		background-color: #202020 !important;
	}
	
	#obj-11163 {
		background-color: #202020 !important;
		max-width: 450px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	#obj-11165{
		margin-top: 800px !important;
	}
	
	#obj-11179 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	
	
	#obj-11228 {
		background-color: #202020 !important;
	}
	
	#obj-11229 {
		background-color: #202020 !important;
		max-width: 450px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	#obj-11231 {
		margin-top: 800px !important;
	}
	
	#obj-11245 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-11246 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-11180 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-11294 {
		background-color: #202020 !important;
	}
	
	#obj-11295 {
		background-color: #202020 !important;
		max-width: 450px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	#obj-11297 {
		margin-top: 800px !important;
	}
	
	#obj-11311 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-11312 {
		max-width: 1000px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-10891 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-20554 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-20624 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-10891 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-10919 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-10946 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#page-contents-o-1126 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-10973 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-10984 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-10995 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-11853 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-11006 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-11084 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-11123 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-11787 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-11809 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-11831 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-11790 {
		background-color: white !important;
		text-align: center !important;
		padding: 0px !important;
		margin-bottom: 30px !important;
		margin-top: 40px !important;
	}
	
	#obj-11812 {
		background-color: white !important;
		text-align: center !important;
		padding: 0px !important;
		margin-bottom: 30px !important;
		margin-top: 40px !important;
	}
	
	#obj-11834 {
		background-color: white !important;
		text-align: center !important;
		padding: 0px !important;
		margin-bottom: 30px !important;
		margin-top: 40px !important;
	}
	
	#obj-11360 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#page-contents-o-19369 {
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-14599 {
		max-width: 450px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-15168 {
		max-width: 450px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-21833 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-21842 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-15194 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-15206 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-21839 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-15232 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-21845 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-15238 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-15244 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-14669 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-14675 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-14597 {
		padding-left: 100px !important
	}
	
	#obj-15029 {
		padding-left: 100px !important
	}
	
	#obj-21463 {
		padding-left: 100px !important
	}
	
	#obj-15166 {
		padding-left: 100px !important
	}
	
	#obj-15325 {
		padding-left: 100px !important
	}
	
	#obj-18071 {
		padding-left: 100px !important
	}
	
	#obj-21736 {
		padding-left: 100px !important
	}
	
	#obj-21738 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#flexbox-21880 {
		margin-top: 100px !important;
	}
	
	#flexbox-21881 {
		margin-top: 100px !important;
	}
	
	#flexbox-21877 {
		margin-top: 100px !important;
	}
	#flexbox-21878 {
		margin-top: 100px !important;
	}
	
	#obj-21465 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-18138 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-18181 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-18189 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-18074 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-18083 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-18092 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin: auto !important;
	}
	
	#obj-14758 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#div-21882 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-14767 {
		display: none !important;
	}
	
	#obj-15336 {
		display: none !important;
	}
	
	#obj-15353 {
		display: none !important;
	}
	
	#obj-14784 {
		display: none !important;
	}
	#toolbar-o-14555-subtab-3 {
		background-color: white !important;
	}
	
	#toolbar-o-15124-subtab-3 {
		background-color: white !important;
	}
	
	#toolbar-o-14555-subtab-2 {
		background-color: white !important;
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#toolbar-o-15124-subtab-2 {
		background-color: white !important;
		padding-left: 170px !important;
		padding-right: 170px !important;
	}
	
	#obj-14684
	.segmented {
		position: relative !important;
	}
	
	#obj-15253
	.segmented {
		position: relative !important;
	}
	
	#obj-15253 {
		background-color: white !important;
	}
	
	#obj-15261 {
		opacity: 0 !important;
	}
	
	#obj-15281 {
		display: none !important;
	}
	
	#obj-14712 {
		display: none !important;
	}
	
	#obj-15166 {
		display: none !important;
	}
	
	#obj-14682 {
		display: none !important;
	}
	
	#obj-14604 {
		margin-top: 1000px !important;
	}
	
	#obj-15173 {
		margin-top: 1000px !important;
	}
	
	#obj-21830 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-14625 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-21827 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-14637 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-21824 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-14663 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#card-21819 {
		max-width: 700px !important;
		width:80% !important;
		height:80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	#obj-14684 {
		background-color: white !important;
	}
	
	#obj-14692 {
		opacity: 0 !important;
	}
	
	#obj-14758 {
		max-width: 1000px !important;
		margin: auto !important;
		width:80% !important;
		height:80% !important;
	}
	
	#div-21882 {
		max-width: 1000px !important;
		margin: auto !important;
		width:80% !important;
		height:80% !important;
	}
	
	#obj-15328 {
		background-color: #FFFFFF !important;
	}
	#obj-14759
	.segmented {
		background-color: #FFFFFF !important;
	}
	
	#obj-14759 {
		background-color: #FFFFFF !important;
	}
	
	
	
	
}
/* ^ Close the @media (min-width:800px) block here so the image-upload widget
   rules below are GLOBAL. They were previously trapped inside this desktop-only
   query (its closing brace sat far below at EOF), so on phones (<800px) the
   preview fell back to browser defaults — background-repeat:repeat / auto size —
   and the photo tiled. */

/* ============================================================================
   Firebase-free image-upload widgets (dbx-*). Aliases of the vendor .firebase_*
   rules in thorium.min.css, since the markup was renamed to detach the Firebase
   plugin's Storage upload. Behaviour identical; data now goes to db/dbassets via
   thorium.data.set.php. See dbxImageUpload in js/custom.js.
   ============================================================================ */
.dbx-document-preview{box-sizing:border-box;height:200px;width:100%;background-color:var(--f7-input-bg-color);margin-top:0;background-image:url("../img/defaultimg.png");background-size:contain;background-repeat:no-repeat;background-position:center center;cursor:pointer;border:2px solid rgba(123,185,249,0);padding:0!important;float:left;margin-top:8px;border-radius:0!important;}
.dbx-document-preview:hover{cursor:pointer;opacity:.9;border:2px solid rgba(123,185,249,1);}
/* The redesigned forms style every input via the SHORTHAND
   `.prog-card .item-input-wrap input{background:...}` (forms_common.css /
   2_add_program_fb.css). That shorthand has higher specificity than
   .dbx-document-preview AND resets background-size/repeat/position to their
   defaults (auto / repeat / 0% 0%), so the DB photo tiled and was not
   contained. Re-assert the longhands here with matching-or-higher specificity
   (loads last) — without touching background-image (set inline to the photo). */
.prog-card .item-input-wrap input.dbx-document-preview{background-size:contain;background-repeat:no-repeat;background-position:center center;}
.dbx-document-input{visibility:visible!important;position:absolute!important;left:0!important;font-size:13px!important;padding:0;width:100%;opacity:0;margin:0;height:30px;top:10Px;}
.form-img-controls .dbx-fileupload-remove{margin-left:8px;margin-right:8px;}
.dbx-fileupload-remove{width:80px;overflow:hidden;float:left;font-size:20px;display:none;}
.dbx-fileupload-remove:hover{cursor:pointer;opacity:.9;}
.dbx-fileupload-rotate{display:none;width:80px;overflow:hidden;float:left;font-size:20px;margin-left:8px;}
.dbx-fileupload-rotate:hover{cursor:pointer;opacity:.9;}
.dbx-fileupload-file{width:calc(100% - 40px);float:left;overflow:hidden;visibility:hidden;}
.dbx-fileupload-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 40px);float:left;line-height:30px;height:30px;padding-left:8px;font-size:12px!important;pointer-events:none;}
.form .item-image-small .item-inner .form-img-controls .dbx-fileupload-remove{display:none;}
.form .item-image-small .item-inner .form-img-controls .dbx-fileupload-rotate{display:none;}

/* ============================================================================
   Notifications repeater row — global (was previously stuck inside the desktop
   @media above, so it never applied on phones). The row #obj-32420 sits as a
   flex child of the F7 .item-content anchor, so it needs flex-grow to fill,
   not just width:100%. The anchor/li are forced full width too.
   ============================================================================ */
#template-virtual-list-repeater-32435,
#li_repeater-32435,
#virtual-list-repeater-32435 > li {
	width: 100% !important;
}
#li_repeater-32435 {
	display: flex !important;
	padding: 0 !important;
}
#obj-32420 {
	width: 100% !important;
	flex: 1 1 auto !important;
}

/* Generic fix for every dbexpress virtual-list row: the F7 .item-content
   anchor is display:flex, so its direct child (the row's flexbox wrapper)
   must flex-grow to fill the full width instead of shrinking to content. */
a.item-dbexpress {
	display: flex !important;
	width: 100% !important;
	padding: 0 !important;
}
a.item-dbexpress > .flexbox {
	flex: 1 1 auto !important;
	width: 100% !important;
}

/* Home edition list: registration status pill, driven entirely by CSS.
   The badge is bound to the edition's {{link_inscription}} via dbExpress, so its
   text content is the link URL (or empty when there is none). We hide that raw
   URL (font-size:0) and render a fixed label through ::after:
     - has a link  => :not(:empty) => green "Registration opened"
     - no link     => :empty       => red "Registration closed"
   No JS recompute on scroll — dbExpress's :empty state does all the work. */
.reg-badge {
	display: inline-block;
	margin-top: 4px;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 0;            /* hide the raw link URL text */
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
	color: #fff;
	background-color: #2ecc71;
}
.reg-badge::after {
	font-size: 11px;
	content: "Registration opened";
}
.reg-badge:empty {
	background-color: #e74c3c;
}
.reg-badge:empty::after {
	content: "Registration closed";
}