@charset  "UTF-8";

/** ZINDEX
app_processing:			2000
confirmation:			1050
notification:			1040
menu:					1040
window_popup:			1020
modalmask:				1000
header_logo				410
header:					400
module:					300
module_container:		100
**/

@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-Regular.ttf')  format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-Italic.ttf')  format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-Light.ttf')  format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-LightItalic.ttf')  format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-ExtraLight.ttf')  format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-ExtraLightItalic.ttf')  format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-SemiBold.ttf')  format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-SemiBoldItalic.ttf')  format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-Bold.ttf')  format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto';
  src: url('fonts/NotoSans-BoldItalic.ttf')  format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Lobster';
  src: url('fonts/Lobster-Regular.ttf')  format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'CalSans';
  src: url('fonts/CalSans-Regular.ttf')  format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'LEXENDDECA';
  src: url('fonts/LexendDeca.ttf')  format('truetype');
}

html {box-sizing: border-box;font-family: sans-serif;font-size: 16px;line-height: 1.5;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height:100%;margin: 0px;padding: 0px; overflow:hidden; }
body {background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;font-family: 'CalSans';font-size: 1.0rem;margin: 0px;padding: 0px;width:100%;height: 100%;overflow:hidden;}
/** utility class for hide/show so that we dont lose the flex display  **/
.systeme_css_hidden {display:none !important;}
.systeme_css_visible {display:flex !important;}

/** PROCESSING **/
/** inline to make sure it doesn't wait on the css to load **/

/** CONFIRMATION **/
.systeme_css_confirmation_container {
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.9);
	backdrop-filter: blur(12px);
	z-index:1050; 
}
.systeme_css_confirmation_bandeau {height:320px;background-color:#082360;}
.systeme_css_confirmation_title { height:40px;background-color:#041339;font-size:210%;color:#FFFFFF;font-family:'SKOOLE';}
.systeme_css_confirmation_message {font-size:150%;color:#FFFFFF;font-family:'Noto';}
.systeme_css_confirmation_cancel { height:40px;font-size:110%;cursor:pointer;color:#FFFFFF;font-family:'Noto';opacity:0.5;cursor:pointer;}
.systeme_css_confirmation_cancel:hover {opacity:0.8;}
.systeme_css_confirmation_approve_button {background-color:#0056FF;box-sizing:border-box;border:5px solid #0E83FB;padding-left:20px;padding-right:20px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:175%;font-weight:bold;font-family:'Noto';color:#FFFFFF;}
.systeme_css_confirmation_approve_button:hover {border:5px solid #0056FF;} 

/** NOTIFICATION **/
.systeme_css_notification_container {position:absolute;width:320px;height:64px;background-color:rgba(255,255,255,1.0);border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);display:none;z-index:1049;}
.systeme_css_notification_title {font-size:80%;font-weight:700;height:28px;color:#000000;}
.systeme_css_notification_texte {padding-left:4px;font-size:60%;font-weight:700;color:#000000;font-family:'Noto';}
.systeme_css_notification_border_status {height:3px;background-color:#2E7D32;}

/** MODAL MASK **/
.systeme_css_modal_mask_black { position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter: blur(12px);display:none;z-index:1000; }
.systeme_css_modal_mask_clear { position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:transparent;display:none;z-index:1000; }

/** MENU **/
.systeme_css_menu {position:absolute;top:0px;left:-320px;width:320px;box-sizing:border-box;z-index:1040;}

/** HEADER **/
#systeme_id_header_logo {position:fixed;top:0px;filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.6));z-index:410;}
#systeme_id_header {position:fixed;padding:0px;margin:0px;;z-index:400;}
.systeme_css_header_module_title {display:inline-block;font-family:'CalSans';font-size:110%;font-weight:400;opacity:0.7;height:100%;box-sizing:border-box;padding-left:16px;padding-right:16px;align-content:center;justify-content:center;cursor:pointer;transition:opacity 0.2s ease-in-out,transform 0.4s ease-in-out;}
.systeme_css_header_module_title:hover {font-weight:700;opacity:1.0;transform: translateX(5px) skewX(-13deg);}
.systeme_css_header_module_title_selected {font-weight:700;opacity:1.0;}
.systeme_css_header_account_icon {width:48px;height:48px;;border-radius:50%;border:4px solid transparent;cursor:pointer;}

/** AI AVATAR **/
.systeme_css_assistant_helper {position:fixed;width:48px;height:48px;cursor:pointer;filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.6));z-index:410;}

/** WINDOWS/POPUP **/
.systeme_css_window_container {position:absolute;margin:0px;padding:0px;border-radius:10px;overflow:hidden;z-index:1040;display:none;}
.systeme_css_window_header {height:50px;}
.systeme_css_window_header_cell_title {height:50px;padding-left:16px;font-size:90%;font-weight:700;font-family:'Noto';overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:50%;}
.systeme_css_window_header_cell_icon {height:50px;width:50%;padding-right:16px;text-align:right;}
.systeme_css_window_scroller {overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:16px;}
.systeme_css_window_footer {height:70px;}
.systeme_css_window_footer_cell_left {height:70px;padding-left:16px;text-align:left;width:50%;}
.systeme_css_window_footer_cell_right {height:70px;padding-right:16px;text-align:right;width:50%;}

/** CONTENT CONTAINER **/
#systeme_id_content_container {
	display: flex;
    flex-direction: row;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    overflow: hidden; 
}
.systeme_css_content_cell {
	flex-shrink: 0;
    box-sizing: border-box;
    overflow: hidden;
}
#systeme_id_module_container { 
	position: relative;
	flex-grow:1;
	height:100%;
	z-index:100;
	min-width: 0;
    display: flex;
    flex-direction: column;
	box-sizing: border-box;
	overflow: hidden;
}

/** MODULES **/
.systeme_css_module {position: relative;width: 100%;height: 100%;box-sizing: border-box;z-index: 101;display:none; }
.systeme_css_view_container {position:absolute;width:100%;height:100%;box-sizing: border-box;z-index:102;display:none;}
.systeme_css_view {position:absolute;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding-right:8px;}

.systeme_css_faded_top_bottom {
	mask-image: linear-gradient(
       	to bottom,
    	transparent 0%,
    rgba(0, 0, 0, 0.2) 40px, 
    black 80px,
    black calc(100% - 80px),
    rgba(0, 0, 0, 0.2) calc(100% - 40px),
    transparent 100%
    );
}

/** TABS **/

/** PASTILLES **/
.systeme_css_pastille_small {width:24p;height:24px;border:0px;border-radius:50%;}

/** BUTTONS **/

/** SCROLLBARS **/
.systeme_css_v_scroll_area {overflow-x:hidden;overflow-y:auto;}

::-webkit-scrollbar { width:5px;height:5px;}
::-webkit-scrollbar-track { width:5px;height:5px; }
::-webkit-scrollbar-button { background-color:transparent;height:0px;width:0px; }
::-webkit-scrollbar-thumb { background-color:transparent;border-radius:2px; }	
::-webkit-scrollbar-track-piece { width:5px; background-color:transparent;border-radius:2px;}

/** TEXT **/
.systeme_css_text_clickable { cursor:pointer;color:blue; }
.systeme_css_text_clickable:hover { text-decoration:underline; }

/** ICONS **/
.systeme_css_icons_clickable {cursor:pointer;border:0px;opacity:0.8;transition:opacity 0.2s ease-in-out,transform 0.4s ease-in-out;}
.systeme_css_icons_clickable:hover {transform: translateX(5px);opacity:1;}

.systeme_css_icons_clickable_to_left {cursor:pointer;border:0px;opacity:0.8;transition:opacity 0.2s ease-in-out,transform 0.4s ease-in-out;}
.systeme_css_icons_clickable_to_left:hover {transform: translateX(-5px);opacity:1;}

.systeme_css_icons_very_big {width:64px;height:64px; }
.systeme_css_icons_big { width:36px;height:36px; }
.systeme_css_icons {width:24px;height:24px; }
.systeme_css_icons_small { width:16px;height:16px; }

.systeme_css_img_flipped-horizontal {transform: scaleX(-1) !important;transition: transform 0.4s ease-in-out;}
.systeme_css_img_unflipped-horizontal {transform: scaleX(1) !important;transition: transform 0.4s ease-in-out;}

/** TOOLTIP **/
.systeme_css_tooltip {position:absolute;box-sizing:border-box;padding:8px;background-color:#000000;width:280px;max-width:280px;display:none;border-radius:5px;color:#FFFFFF;font-weight:700;font-size:75%;font-family:'Noto';z-index:1034;}

/** GRID **/
.systeme_css_grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap:20px;padding-left:12px;justify-content: center; }
.systeme_css_tile {
  position: relative;
  width: 160px; /* Adjust size as needed */
  height: 160px;
  border-radius: 4px;
  outline:4px solid #FFFFFF;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.systeme_css_tile:hover {
	transform: translateY(5px) translateX(5px);
    outline: 4px solid #1DF0F0;
}
.systeme_css_tile_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.systeme_css_tile::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%);
    z-index: 2;
}
.systeme_css_tile_title {
    position: relative;
    z-index: 3;
    color: #ffffff;
    font-size: 130%;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
    pointer-events: none;
}


/** TABLE **/
.systeme_css_tablestd { border-collapse:collapse;border-spacing:0px; }
.systeme_css_tablestdW { border-collapse:collapse;border-spacing:0px;width:100%; }
.systeme_css_tablestdH { border-collapse:collapse;border-spacing:0px;height:100%; }
.systeme_css_tablestdWH { border-collapse:collapse;border-spacing:0px;width:100%;height:100%; }

/** LIST **/
.systeme_css_list_table {
	border-collapse: collapse;
	border-spacing: 0px;
	width:100%;
	background-color: transparent;
}
.systeme_css_list_table thead th {
	background-color: #F5F5F5;
	position: sticky;
	top:0px;
	border-bottom:1px solid #E0E0E0;
	border-top:0px;
	height:36px;
	padding-left:4px;
	padding-right:10px;
	text-align:left;
	vertical-align:middle;
	color:#909090;
	font-weight:400;
	font-size:80%;
	z-index:302;
}
.systeme_css_list_table_tbody_link {cursor:pointer;font-weight:700;}
.systeme_css_list_table tbody td {
	border-bottom:1px solid #DDDDDD;
	height:36px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	vertical-align:middle;
	font-size:80%;
	color:#606060;
}
.systeme_css_list_table tbody tr { z-index:301; }/** !important so the header row doesn't move on scroll **/
.systeme_css_list_table tbody tr:hover td {background-color: #D2E3FC;}
.systeme_css_list_table_td_ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:360px;min-width:360px;max-width:360px;}
.systeme_css_list_table_td_clickable {text-align:left;cursor:pointer;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.systeme_css_list_table_td_clickable:hover {text-decoration:underline;}
.systeme_css_list_table_loading_noresults {font-size:80%;font-style:italic;color:#CCCCCC;}
/** FORM **/
input, select{ box-sizing: border-box; }
::placeholder {font-size:80%;color:#CCCCCC;}
.systeme_css_form_field_title {font-size:80%;color:#808080;}
.systeme_css_form_field_error_label {height:16px;font-weight:bold;font-size:70%;color:#A90329;}
.systeme_css_FORM_input_invisible {width:100%;height:40px;outline:none;font-size:100%;color:#000000;background-color:transparent;border:0px;}
.systeme_css_FORM_input_std {width:95%;padding-left:6px;padding-right:4px;outline:none;font-family: 'Noto';font-size:100%;color:#202020;background-color:#FFFFFF;border:1px solid #C0C0C0;border-radius:6px;}
.systeme_css_FORM_input_text {height:40px;}
.systeme_css_FORM_input_std:focus {border-bottom:1px solid #4285F4;}
.systeme_css_FORM_input_std:hover {border-bottom:1px solid #4285F4;}
.systeme_css_FORM_input_std:required {border-left:2px solid #A90329;}
.systeme_css_FORM_input_std_invalid {border-bottom:2px solid #A90329;}
.systeme_css_FORM_input_invisible {background-color:transparent;border:0px;outline:none;}
textarea {font-family: 'Noto';resize:none;}
/** FORM::BUTTON **/
.systeme_css_button {
	padding-left:20px;
	padding-right:20px;
	padding-top:4px;
	padding-bottom:4px;
	min-height:36px;
	border-radius:6px;
	white-space: nowrap;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	font-size:100%;
	font-weight:700;
	transition: filter 0.2s ease, opacity 0.2s ease, transform 0.1s ease;
}
/** animation **/
@keyframes systeme_kf_pulse {
  0%, 100% { transform: scale(1.0); }
  20% { transform: scale(1.0); }
  40% { transform: scale(1.1); }
  60% { transform: scale(1.2); }
  80% { transform: scale(1.1); }
  100% { transform: scale(1.0); }
}
/** Media Queries to Adjust ScreenWidth/BreakPoints **/
@media screen and (max-width: 399px) {
	#systeme_id_header_logo {width:180px;}
	#systeme_id_header_logo_empty_space {width:180px;}
}
@media screen and (min-width: 400px) and (max-width: 719px) {
}
@media screen and (min-width: 720px) and (max-width: 850px) {
	
}
@media screen and (min-width: 851px) and (max-width: 1023px) {
	
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	
}
@media screen and (min-width: 1440px) {
	
}