:root {
  --button-Background-Color: #32c70a; /*#9004d1; #717171; #007bff;*/
  --button-Shadow-Color: #32c70a65; /*#9004d165; #71717165; #007bff65;*/
  --button-text-color: #ffffff; /*white;*/
}

div.container {
	/*border: 2px solid #72CBFB; /*Only for DEV*/

}

div.bannerTitleDiv {
	/*justify-content: center;
	left: 70px;*/
	/*border: 1px solid lightgrey;*/
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	/*border: 2px solid red; /*Only for DEV*/
}

div.connectDiv {
	/*justify-content: center;
	left: 70px;*/
	/*border: 1px solid lightgrey;*/
	position: absolute;
	left: 0;
	right: 0;
	top: 170px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 115px;
	border-bottom: 2px solid var(--button-Shadow-Color);/*lightblue;*/
	/*border-top: 2px solid lightblue;*/
	/*background-color: #F4F6F6 ;*/
	/*border: 2px solid green; /*Only for DEV*/
}

div.configtDiv {
	/*justify-content: center;
	left: 70px;*/
	/*border: 1px solid lightgrey;*/
	
	position: absolute;
	left: 0;
	right: 0;
	top: 300px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 240px;
	border-bottom: 2px solid var(--button-Shadow-Color); /*lightblue;*/
	/*border: 2px solid blue; /*Only for DEV*/
}

div.dataDiv {
	/*justify-content: center;
	left: 70px;*/
	/*border: 1px solid lightgrey;*/
	position: absolute;
	left: 0;
	right: 0;
	top: 550px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 165px;
	border-bottom: 2px solid var(--button-Shadow-Color); /*lightblue;*/
	/*border: 2px solid purple; /*Only for DEV*/
}

div.ConvDiv {
	/*justify-content: center;
	left: 70px;*/
	/*border: 1px solid lightgrey;*/
	position: absolute;
	left: 0;
	right: 0;
	top: 740px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;/*600px;*/
	height: 50px;
	/*border: 2px solid brown; /*Only for DEV*/
}

/*To be removed ???*/
div.formTitle {
	text-align: center;
	border-radius: 4px;
	border: 1px solid #2C97FB;
	width: 327px;
	/*border: 2px solid orange; /*Only for DEV*/
}

/*
#PNb {
	width:200px;
	height:60px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#UNb {
	width:200px;
	height:60px;
	position: absolute;
	left: 0px;
	top: 37px;
}
#PNb2 {
	width:200px;
	height:60px;
	position: absolute;
	left: 110px;
	top: 0px;
}
#UNb2 {
	width:200px;
	height:60px;
	position: absolute;
	left: 110px;
	top: 37px;
}
#PNb3 {
	width:200px;
	height:60px;
	position: absolute;
	left: 220px;
	top: 0px;
}
#UNb3 {
	width:200px;
	height:60px;
	position: absolute;
	left: 220px;
	top: 37px;
}
*/
/*#cfgPodNumber {*/
	/*width:200px;*/
	/*height:10px;*/
/*	position: absolute;
	left: 110px;
	top: 0px;
}
/*#cfgUserFirstName {*/
	/*width:200px;*/
	/*height:10px;*/
/*	position: absolute;
	left: 220px;
	top: 0px;
}
/*#cfgUserPosition {*/
	/*width:200px;*/
	/*height:10px;*/
/*	position: absolute;
	left: 330px;
	top: 0px;
}*/
/*#cfgUserNumber {*/
	/*width:200px;*/
	/*height:10px;*/
/*	position: absolute;
	left: 110px;
	top: 37px;
}*/
/*#cfgUserLastName {*/
	/*width:200px;*/
	/*height:10px;*/
/*	position: absolute;
	left: 220px;
	top: 37px;
}*/

button.bPlayConf {
	width: 200px;
	height: 20px;
	top: 70px;
	position: absolute;
/*	left: 60px;*/
}

div.blockPn {
	position: absolute;
	left: 0;
	right: 0;
	top: 80px; /*top: 70px;*/
	width: 200px;
	/*border: 2px solid #72CBFB; /*Only for DEV*/
}
div.blockNa {
	position: absolute;
	left: 250px;
	right: 0;
	top: 80px; /*top: 70px;*/
	width: 200px;
	/*border: 2px solid #72CBFB; /*Only for DEV*/
}
div.blockPo {
	position: absolute;
	left: 500px;
	right: 0;
	top: 80px; /*top: 70px;*/
	width: 200px;
	/*border: 2px solid #72CBFB; /*Only for DEV*/
}


div.blockE {
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	width: 150px;
	/*border: 2px solid #72CBFB; /*Only for DEV*/
}
div.blockG {
	position: absolute;
	left: 150px;
	right: 0;
	top: 10px;
	width: 150px;
	/*border: 2px solid #72CBFB; /*Only for DEV*/
}
div.blockR {
	position: absolute;
	left: 300px;
	right: 0;
	top: 10px;
	width: 150px;
	/*border: 2px solid #72CBFB; /*Only for DEV*/
}
div.blockD {
	position: absolute;
	left: 450px;
	right: 0;
	top: 10px;
	width: 150px;
	/*border: 2px solid #72CBFB; /*Only for DEV*/
}
div.blockBuC {
	position: absolute;
	right: 0px;
	right: 0;
	top: 170px; /*op: 140px;*/
	width: 280px;
	/*border: 2px solid #72CBFB; /*Only for DEV*/
}

button:focus { 
    outline: none !important;
    /*border-color: #72CBFB;*/
    box-shadow: 0px 0px 1px 4px var(--button-Shadow-Color); /*#72CBFB;*/
}

button:hover { 
    outline: none !important;
    /*border-color: #72CBFB;*/
    /*box-shadow: 0px 0px 0px 2px #72CBFB;*/
    /*border: 1px solid #72CBFB;*/
    background-image: linear-gradient(rgb(0 0 0/15%) 0 0);
}

button:disabled, button[disabled]{
  /*border: 1px solid #4E96D9;*/
  /*background-color: #77BCFD;*/
  /*color: #5689B8;*/
  box-shadow: 0px 0px 0px 0px var(--button-Shadow-Color); /*#72CBFB;*/
  opacity: 0.6;
  cursor: not-allowed;
}
button:enabled, button[enabled]{
	cursor: pointer;
}
button {
	border-radius: 4px;
	color: var(--button-text-color); /*white;*/
	border: 0px; /*border: 1px solid #007bff;*/ /*#217FD8;*/
	background-color: var(--button-Background-Color); /*#007bff;*/ /*#2C97FB;*/
}

select:focus { 
    outline: none !important;
    border-color: var(--button-Shadow-Color); /*#72CBFB;*/
    box-shadow: 0px 0px 1px 4px var(--button-Shadow-Color); /*#72CBFB;*/
}

select {/*cfgGPSDynModel*/
	border-radius: 4px;
	border: 1px solid grey;
	/*background: rgba(33, 127, 216, 0.4);*/
}
select:enabled {/*cfgGPSDynModel*/
  cursor: pointer;
}

input:focus { 
    outline: none !important;
   /*border-color: #72CBFB;*/
	/*border: 2px solid #72CBFB;*/
    box-shadow: 0px 0px 1px 4px var(--button-Shadow-Color); /*#72CBFB;*/
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    outline: none !important;
   /*border-color: #72CBFB;*/
	/*border: 2px solid #72CBFB;*/
    /*box-shadow: 0px 0px 0px 2px #72CBFB;*/
    /*border: 1px solid #72CBFB;*/
    background-image: linear-gradient(rgb(0 0 0/15%) 0 0);
}
input {
	border-radius: 4px;
	border: 1px solid grey;
}
/*input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=file]:focus {
    outline: none !important;
    border-color: #72CBFB;
    box-shadow: 0px 0px 1px 4px #72CBFB;
}*/
input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, input[type=text]:disabled { /*, input[type=file]:disabled*/
  /*border: 1px solid #4E96D9;
  background-color: #77BCFD;
  color: #5689B8;*/
  opacity: 0.6;
  cursor: not-allowed;
}
input[type=button]:enabled, input[type=submit]:enabled, input[type=reset]:enabled, input[type=checkbox]:enabled, input[type=text]:enabled  { /*, input[type=file]:disabled*/
  cursor: pointer;
}
input[type=button], input[type=submit], input[type=reset] { /*, input[type=file]*/
	border-radius: 4px;
	color: var(--button-text-color); /*white;*/
	border: 0px;/*border: 1px solid #217FD8;*/
	background-color: var(--button-Background-Color); /*#007bff;*/ /*#2C97FB;*/
}

input[type=file] {
	border-radius: 4px;
	border: 1px solid grey;
	cursor: pointer;
}

#insiderslogo {
/*	position: absolute;
	/*left: 340px;
	top: 10px;*/
	width: 300px;
/*	left: 0;
	right: 0;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;*/
}

#hTitle { /*h2*/
/*	width: 800px;
	height: 50px;
	position: absolute;*/
	/*left: 60px;*/
/*	text-align: center;
	top: 90px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;*/
	/*border: 2px solid orange; /*Only for DEV*/
}

button.bBig {
	width: 140px;
	height: 60px;
/*	position: absolute;
	left: 60px;*/
}

input.bFile {
	width: 110px;
	height: 20px;
/*	position: absolute;
	left: 60px;*/
}

#connect { /*button*/
	/*width: 140px;
	height: 60px;*/
	position: absolute;
	left: 0px;
	top: 10px;
}
#dl { /*button*/
	/*width: 140px;
	height: 60px;*/
	position: absolute;
	left: 30px;
	top: 10px;
}
#eraseData { /*button*/
/*	width: 100px;*/
	/*height: 60px;*/
	position: absolute;
	right: 30px;
	top: 10px;
}
/*START NEW code AAS 03.02.2026*/
#newDl { /*span*/
	position: absolute;
	left: 170px;
	top: -2px;
}
/*#newCv {
	position: absolute;
	left: 457px;
	top: -12px;
}*/
#newCv2 { /*span*/
	/*position: absolute;*/
	left: -3px;
	top: -12px;
}
.info-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.info-icon {
    width: 24px;   /* taille petite */
    height: 24px;
    vertical-align: middle;
}
/* Bulle d'info */
.tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 220px;
    background-color: #333;
    color: #fff;
    text-align: left;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;

    position: absolute;
    z-index: 10;
    bottom: 125%;       /* au-dessus de l’icône */
    left: 50%;
    transform: translateX(-50%);

    transition: opacity 0.2s ease;
}
/* Petite flèche */
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
/* Affichage au survol */
.info-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
/*END NEW code AAS 03.02.2026*/

 /*to be deleted*/
#eraseAll { /*button*/
	width: 40px;
	height: 30px;
	position: absolute;
	left: 160px;
	top: 330px;
}

 /*to be deleted*/
#dfu { /*button*/
	width: 80px;
	height: 40px;
	/*position: absolute;
	left: 60px;*/
	top: 480px;
}
 /*to be deleted*/
button.bTop {
	width: 100px;
	height: 30px;
/*	position: absolute;
	/*left: 400px;*/
/*	top: 160px;*/
}

button.bConf {
	width: 100px;
	height: 30px;
/*	position: absolute;
	/*left: 400px;*/
/*	top: 160px;*/
}
 /*to be deleted*/
#readCfg { /*button*/
	/*width: 100px;
	height: 30px;*/
	position: absolute;
	left: 0px;
	top: 70px;
}
#writeCfg { /*button*/
	/*width: 100px;
	height: 30px;*/
	position: absolute;
	left: 0px;
	/*top: 0px;*/
}

#eraseCfg { /*button*/
	/*width: 100px;*/
	/*height: 30px;*/
	position: absolute;
	right: 0px;
	/*top: 0px;*/
}

/*#loadForm { /*form*/
/*	width: 800px;
	height: 30px;
	position: absolute;
	left: 400px;
	top: 200px;
}*/

#podIdLabel {
	/*display: inline-block;
	text-align: left; /*right;*/
	width: 150px;
	height: 60px;
	position: absolute;
	left: 250px;
	top: 20px;
}

#podVerLabel {
	/*display: inline-block;
	text-align: left; /*right;*/
	width: 150px;
	height: 60px;
	position: absolute;
	left: 250px;
	top: 50px;
}

#dynM {
	width: 200px;
}

/*#upLoadForm { /*form*/
/*	width: 800px;
	height: 50px;
	position: absolute;
	left: 60px;
	top: 880px; /*before 830px*/
/*}*/

#podId {
	width:200px;
	height:60px;
	position: absolute;
	left: 210px;
	top: 20px;
}
#podVer {
	width:200px;
	height:60px;
	position: absolute;
	left: 210px;
	top: 50px;
}
#imei { /* added on 18.08.2022 */
	width:200px;
	height:60px;
	position: absolute;
	left: 5px;
	top: 85px;
}
#iccid { /* added on 18.08.2022 */
	width:220px;
	height:60px;
	position: absolute;
	left: 210px;
	top: 85px;
}
#build { /* added on 18.08.2022 */
	width:200px;
	height:60px;
	position: absolute;
	left: 485px;
	top: 85px;
}
#a {
	width:200px;
	height:40px;
	position: absolute;
	left: 0px;
	top: 120px;
	text-align: center;
}
#statusDownload {
	width:200px;
	height:60px;
	position: absolute;
	left: 0px;
	top: 90px;
	text-align: center;
}
#statusErase {
	width:200px;
	height:60px;
	position: absolute;
	right: 0px;
	top: 90px;
	text-align: center;
}

#statusConf {
	width:200px;
	height:60px;
	position: absolute;
	right: 40px;
	top: 40px;
	text-align: center;
}