/*

france flag colors ------------

Color	Hex	RGB
#132b81	(19,43,129)		- dark blue		#002654
#92ccdd	(146,204,221)	- light blue
#ffffff	(255,255,255)	- white
#d29c9c	(210,156,156)	- light red
#9c1717	(156,23,23)		- red			    #EF3747 (logo)

#d29c9c					

#FDC500		- alda orange

*/


/* SGP ################################################################################################################################################################### sgp */
.txtRegister  { 
	width:100%; 
	height:100%;
	background-color: #ffffff; border: 1px solid #002654;
	text-align:left;
	font-family: "Verdana";  font-size: 0.9em; color: #002654; font-weight: normal;
}
  

.selRegister {
	/*margin: 0.1em;*/
	width: 100%;
	padding: 5px 20px 5px 5px;
	font-family: "Verdana";  font-size: 0.9em; color: #002654; font-weight: normal;
	border: 1px solid #002654;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* background: url(../assets/images/arrow_down.png) 90% / 15% no-repeat #eee; */
	background: url(../../assets/images/icon_todown.png) 97% / 3% no-repeat #ffffff;
}

.selPartnership {
	/*margin: 0.1em;*/
	width: 100%;
	padding: 5px 20px 5px 5px;
	font-family: "Verdana";  font-size: 0.9em; color: #002654; font-weight: normal;
	border: 1px solid #002654;
	height: 6vh;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* background: url(../assets/images/arrow_down.png) 90% / 15% no-repeat #eee; */
	background: url(../../assets/images/icon_todown.png) 97% / 3% no-repeat #ffffff;
}

.txtPartnership  { 
	width:60%; 
	height:6vh;
	background-color: #ffffff; border: 1px solid #002654;
	text-align:left;
	font-family: "Verdana";  font-size: 0.9em; color: #002654; font-weight: normal;
}

.registerlogin 		    { background-color:#ffffff; }
.registerlogin:hover 	{ background-color:#92ccdd; }

.registerloginAct 		  { border-bottom:2px solid #002654; }
.registerloginNoAct 		{ border-bottom:2px solid #e0fbfc; }







/* ADMIN ################################################################################################################################################################### admin */
/* init ====================================================================================================================================================== */
body {
  max-width: 100%;
  overflow-x: hidden;
  background-color:#ffffff; 
}

.noselect { 
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout:none; 
  -ms-user-select:none; 
  user-select: none;
}

/* tinymce */
.tox .tox-menu.tox-collection.tox-collection--list.tox-selected-menu {
  z-index: 100000 !important;
}


/* login ==================================================================================================================================================================== */
.divLoginButton 		    { background-color:#002654; }
.divLoginButton:hover 	{ background-color:#92ccdd; }


.txtAdminForgotPassword  { 
  width:100%; 
  height:100%;
  background-color: #DEE7EF; border: 1px solid #5A79A5;
  text-align:left;
  font-family: "Trebuchet MS";  font-size: 0.9em; color: #003031; font-weight: normal;
}

.txtAdminForgotPassword22  { 
  width:100%; 
  height:100%;
  background-color: #DEE7EF; border: 1px solid #5A79A5;
  text-align:left;
}


/* main menu ============================================================================================================================================================ */
.menuhover     { background-color:#003031; }
.menuhoverAct    { background-color:#5A79A5; }
.menuhover:hover {  
  transition: background-color 0.5s ease; 
  background-color:#5A79A5; 
}

.menuhoverLayouts      { background-color:#ffffff; }
.menuhoverLayoutsrAct    { background-color:#5A79A5; }
.menuhoverLayouts:hover  {  
  transition: background-color 0.5s ease; 
  background-color:#5A79A5; 
}




/* selections ============================================================================================================================================================ */
.selAdminOne_sel1 {
  margin: 0.1em;
  width: 100%;
  height: 100%;
  padding: 5px 35px 5px 5px;
  font-family: "Arial";  font-size: 0.9em; color: #003031; font-weight: normal;
  border: 1px solid #002654;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow_down.png) 90% / 10% no-repeat #DEE7EF;
}



.imgRepView 	{  width:100%;	height:100%;	object-fit:cover;	}


/* common =========================================================================================================== */
.alignCenter  { display: flex;  align-items: center;  justify-content: center;  } 
.alignLeft    { display: flex;  align-items: center;  justify-content: left;    } 
.alignRight   { display: flex;  align-items: center;  justify-content: right;   } 

.topAlign   {   display:flex;   align-items: top;   }
.middleAlign  {   display:flex;   align-items: center;  }
.bottomAlign  {   display:flex;   align-items: flex-end; }

.videoFit { object-fit: fill; }

.roundSideLeftRight {	border-radius: 100em 100em 100em 100em; }

.RoundCorner5     { -webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;}
.RoundCorner3     { -webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;}
.RoundCorner2       { -webkit-border-radius:0.2em; -moz-border-radius:0.2em; border-radius:0.2em;}
.RoundCornerTopRight  { -webkit-border-top-right-radius:0.6em; -moz-border-top-right-radius:0.6em; border-top-right-radius:0.6em;}
.RoundCornerBottomRight { -webkit-border-bottom-right-radius:0.5em; -moz-border-bottom-right-radius:0.5em; border-bottom-right-radius:0.5em;}
.RoundCornerBottomLeft  { -webkit-border-bottom-left-radius:0.5em; -moz-border-bottom-left-radius:0.5em; border-bottom-left-radius:0.5em;}


.RoundCornerTopLeft03 { -webkit-border-top-left-radius:0.3em; -moz-border-top-left-radius:0.3em; border-top-left-radius:0.3em;}
.RoundCornerTopRight03  { -webkit-border-top-right-radius:0.3em; -moz-border-top-right-radius:0.3em; border-top-right-radius:0.3em;}

.RoundCornerBottomLeft03  { -webkit-border-bottom-left-radius:0.3em; -moz-border-bottom-left-radius:0.3em; border-bottom-left-radius:0.3em;}
.RoundCornerBottomRight03 { -webkit-border-bottom-right-radius:0.3em; -moz-border-bottom-right-radius:0.3em; border-bottom-right-radius:0.3em;}


.RoundCornerLeft3 { 
  -webkit-border-top-left-radius:0.3em; -moz-border-top-left-radius:0.3em; border-top-left-radius:0.3em;
  -webkit-border-bottom-left-radius:0.3em; -moz-border-bottom-left-radius:0.3em; border-bottom-left-radius:0.3em;
}
.RoundCornerRight3  { 
  -webkit-border-top-right-radius:0.3em; -moz-border-top-right-radius:0.3em; border-top-right-radius:0.3em;
  -webkit-border-bottom-right-radius:0.3em; -moz-border-bottom-right-radius:0.3em; border-bottom-right-radius:0.3em;
}

.RoundCornerLeft5 { 
  -webkit-border-top-left-radius:0.5em; -moz-border-top-left-radius:0.5em; border-top-left-radius:0.5em;
  -webkit-border-bottom-left-radius:0.5em; -moz-border-bottom-left-radius:0.5em; border-bottom-left-radius:0.5em;
}
.RoundCornerRight5  { 
  -webkit-border-top-right-radius:0.5em; -moz-border-top-right-radius:0.5em; border-top-right-radius:0.5em;
  -webkit-border-bottom-right-radius:0.5em; -moz-border-bottom-right-radius:0.5em; border-bottom-right-radius:0.5em;
}



/* dataTable */
.datatbl  {
  font-family: 'Trebuchet MS';
  font-size: 0.9em;
}

.activeRow {
  background: gold !important;
}





















/* userlist ==================================================================================================================================================================== */
.selUsersListCity {
  margin: 0.2em;
  width: 16%;
  padding: 5px 35px 5px 5px;
  font-family: "Arial";	font-size: 1.0em;	color: #447799;	font-weight: normal;
  border: 1px solid #ccc;
  height: 75%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/icon_city.png) 96% / 15% no-repeat #eee;
}
.selUsersListGender {
  margin: 0.2em;
  width: 16%;
  padding: 5px 35px 5px 5px;
  font-family: "Arial";	font-size: 1.0em;	color: #447799;	font-weight: normal;
  border: 1px solid #ccc;
  height: 75%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/icon_gender.png) 96% / 20% no-repeat #eee;
}
.selUsersListAge {
  margin: 0.2em;
  width: 16%;
  padding: 5px 35px 5px 5px;
  font-family: "Arial";	font-size: 1.0em;	color: #447799;	font-weight: normal;
  border: 1px solid #ccc;
  height: 75%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/icon_age.png) 96% / 20% no-repeat #eee;
}
.selUsersListAlerts {
  margin: 0.2em;
  width: 18%;
  padding: 5px 35px 5px 5px;
  font-family: "Arial";	font-size: 1.0em;	color: #ffffff;	font-weight: normal;
  border: 1px solid #ccc;
  height: 75%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/icon_alert.png) 96% / 18% no-repeat #ff0000;
}




/* userdata ==================================================================================================================================================================== */
/* left sidebar user info */
.userinfo {
	position:absolute;
	left: 0%; top:13vh; width:26%;	height:82vh; 
	z-index:5; 
	border-right:1px solid #B7E9F7;	
	background-color: #DEE7EF;		
	transition: left 1s;
}
.hide-userinfo { left: -26%; }
.show-userinfo { left: 0; }

.showmark { display:inline; }
.hidemark { display:none; }

/* period date */
.txtPeriodDates			{	
	width:80%; 
	padding:0.4em;
	background-color: #d6e9f8; border: 1px solid #089fe1;
	text-align:center;
	font-family: Arial;	font-size: 1.0em;	font-weight: normal;	color: #447799;
}

.iconInlinePeriod { width:4vh; height:4vh; }
.iconInlineParameter { width:4vh; height:4vh; }



/* usermess ===================================================================================================================================================================== */
.selUserNewMess_messType {
  margin: 0.2em;
  width: 100%;
  padding: 5px 35px 5px 5px;
  font-family: "Arial";	font-size: 1.0em;	color: #447799;	font-weight: normal;
  border: 1px solid #ccc;
  height: 85%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*background: url(../img/icon_arrow_t2d.png) 96% / 20% no-repeat #eee;*/
}
.selUserNewMess_messTo {
  margin: 0.2em;
  width: 100%;
  padding: 5px 35px 5px 5px;
  font-family: "Arial";	font-size: 1.0em;	color: #447799;	font-weight: normal;
  border: 1px solid #ccc;
  height: 85%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.txtUserNewMess_messText			{	
	width:100%; height:100%; 
	font-family: Arial;	font-size: 1.0em;	font-weight: normal;	color: #447799;
}
.txtDateTime			{	
	width:80%; 
	padding:0.3em;
	margin:0.2em;
	background-color: #d6e9f8; border: 1px solid #089fe1;
	text-align:center;
	font-family: Arial;	font-size: 1.0em;	font-weight: normal;	color: #447799;
}


/* alert ===================================================================================================================================================================== */
.selUserAlert_setStatus {
  margin: 0.2em;
  width: 100%;
  padding: 5px 35px 5px 5px;
  font-family: "Arial";	font-size: 1.0em;	color: #447799;	font-weight: normal;
  border: 1px solid #ccc;
  height: 85%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/hubAlertAct.png) 95% / 10% no-repeat #eee;
}