html, body {
	  font-family: "Roboto", sans-serif;
	  font-size: 1.1em;
	  line-height: 1.4;
	 min-height: 100%;
	  margin: 0;
	  padding: 0; 
	  background-color:#eeeeee;
	  color:#000000;
 }
  a {
		text-decoration: none;
		color: inherit; 
 }
.position-relative-example {
height: 40px;
width: 100%;
background-color: #f5f5f5;
}
/*.position-relative-example div {
width: 2em;
height: 2em;
}*/
.red{
	color:red;
}
.green{
	color:green;
}
.topg{
	height: 3em;	
	line-height: 1.4;
	background-color:yellow;
}
.numTel{
  font-size: 3em;
  color: #2e7d32;   
}
.modalmessage{
font-size: 2.5em;	
color:#000000;	
}
.table-responsive{
	background-color:#ffffff;
	font-size: 1.2em;
	color:#000;
}
.flextask{
background-image:url("/images/adsl.png")
	
}
.red{
color : red;	
}
.bpush{
height: 0.5em;	
}
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.centered {
     float: none;
     margin-left: auto;
     margin-right: auto;
}
.full-height {
min-height: 1000px;	
}
.marleft{
margin-left:10px;
}	
/****table1*****/
.bgr{
background-color: #FFFFFF;	
padding:10px;
}
#map { 
        width: 100%; 
        height: 400px; 
        background-color: grey; 
      } 
/***** ***************************************************/
table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.blueTable tbody td {
  font-size: 13px;
  line-height:30px;
}
table.blueTable thead {
  background: #1C6EA4;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
/**** table transfert */
div.blueTable {
  background-color: #EEEEEE;
  width: 100%;
  text-align: Center;
  border-collapse: collapse;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
 border: 1px solid #FFFFFF;
  padding: 3px 2px;
}
.divTable.blueTable .divTableBody .divTableCell {
  font-size: 13px;
}
.divTable.blueTable .divTableHeading {
  background: #1C6EA4;
}
.divTable.blueTable .divTableHeading .divTableHead {
  font-size: 1.1em;
  color: #FFFFFF;
 /* border-left: 1px solid #FFFFFF;*/
}
.divTable.blueTable .divTableHeading .divTableHead:first-child {
  border-left: none;
}

.blueTable .tableFootStyle {
  font-size: 14px;
}
.blueTable .tableFootStyle .links {
	 text-align: right;
}
.blueTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
.spinnerStorm{
	height: 80px;
	width: 140px;
	background-image:url("/images/adsl.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
	}
@media (min-width: 992px) {
	
 /************* ancien  ******************/
 .data_report,.title_report
{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #cfd8dc;
	color:#000;
	line-height: 35px;	
	font-family: "Cairo", sans-serif;
	font-size: 1.1em;
}
 
 	.cpt117:nth-child(1){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff;}
	.cpt117:nth-child(2){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:4px;}
	.cpt117:nth-child(3){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-right:2px; text-align:right;}
	.cpt117:nth-child(4){ width: 13%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
	.cpt117:nth-child(5){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
	.cpt117:nth-child(6){ width: 13%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
	.cpt117:nth-child(7){ width: 13%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-right:4px; text-align:right;}	
	.cpt117:nth-child(8){ width: 13%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; }	
 
 .oneclass{
color:red;	
}

	.cpt118:nth-child(1){ width: 10%;border-bottom: 1px solid #fff;border-left: 1px solid #fff;}
	.cpt118:nth-child(2){ width: 26%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:4px;}
	.cpt118:nth-child(3){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-right:2px;}
	.cpt118:nth-child(4){ width: 20%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
	.cpt118:nth-child(5){ width: 8%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
	.cpt118:nth-child(6){ width: 10%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
	.cpt118:nth-child(7){ width: 10%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-right:4px;}	
	.cpt118:nth-child(8){ width: 4%;border-bottom: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;}	
 /********** fin ancien ***********/	
	.adsl{
	height: 80px;
	width: 140px;
	background-image:url("/images/adsl.png");
	background-repeat: no-repeat;
	}
.Garena{
	height: 50px;
	width: 80px;
	background-image:url("/images/Garena.jpg");
	background-repeat: no-repeat;
}	
	.GLTE{
	height: 80px;
	width: 140px;
	background-image:url("/images/4G.png");
	background-repeat: no-repeat;
	}
	.flexy{
	height: 80px;
	width: 140px;
	background-image:url("/images/flexy.png");
	background-repeat: no-repeat;
	}
	.pinCode{
	height: 80px;
	width: 140px;
	background-image:url("/images/pinCode.png");
	background-repeat: no-repeat;
}	
	.gplay{
	height: 80px;
	width: 140px;
	background-image:url("/images/gplay.png");
	background-repeat: no-repeat;
	}
	.itunes{
	height: 80px;
	width: 140px;
	background-image:url("/images/itunes.png");
	background-repeat: no-repeat;
	}
	.Cashu{
		height: 80px;
		width: 140px;
		background-image:url("/images/Cashu.png");
		background-repeat: no-repeat;
	}
	.pstation{
	height: 80px;
	width: 140px;
	background-image:url("/images/pstation.png");
	background-repeat: no-repeat;
	}
	.adsl{
	height: 80px;
	width: 140px;
	background-image:url("/images/adsl.png");
	background-repeat: no-repeat;
	}
	.Rmobilis{
	height: 80px;
	width: 140px;
	background-image:url("/images/Rmobilis1.png");
	background-repeat: no-repeat;
	}	
	.Pubg{
	height: 80px;
	width: 140px;
	background-image:url("/images/Pubg.png");
	background-repeat: no-repeat;
	}
	.Ffire{
	height: 80px;
	width: 140px;
	background-image:url("/images/Ffire.png");
	background-repeat: no-repeat;
	}	
	.bsport{
	height: 80px;
	width: 140px;
	background-image:url("/images/bsport.png");
	background-repeat: no-repeat;
	}
	.newFormDiv{
	min-height: 400px;
	width:400px;
}
	.newFormDivbs{
	min-height: 300px;
	width:400px;
}
.margCard{
	 margin-right: 4px;
}
.hide12 {
    display:none;
  }	
  .min-width{
	  min-width:12rem;
  }
  .max-width{
	  max-width:12rem;
  }  
}
/********* **************************************/

@media (max-width: 768px) {
	
	/****** ancien *******/
  .min-width{
	  min-width:12rem;
  }
  .max-width{
	  max-width:20rem;
  }  	
.data_report,.title_report
{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #cfd8dc;
	color:#000;
	line-height: 35px;	
	font-family: "Cairo", sans-serif;
	font-size: 1.1em;
}	
.data_report{
font-size: 0.9em;
}	
	
.cpt117:nth-child(1){display:none;}
.cpt117:nth-child(2){ width: 20%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; }
.cpt117:nth-child(3){ width: 15%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-right:2px; text-align:right;}
.cpt117:nth-child(4){ width: 15%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
.cpt117:nth-child(5){ width: 10%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
.cpt117:nth-child(6){ width: 15%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
.cpt117:nth-child(7){ width: 15%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-right:4px; text-align:right;}	
.cpt117:nth-child(8){ width: 10%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; }		


 .oneclass{
color:red;	
}

.cpt118:nth-child(1){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff;}
.cpt118:nth-child(2){ width: 32%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:4px;}
.cpt118:nth-child(3){ width: 14%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-right:2px;}
.cpt118:nth-child(4){display:none;}
.cpt118:nth-child(5){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
.cpt118:nth-child(6){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-left:2px;}
.cpt118:nth-child(7){ width: 12%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; padding-right:4px;}	
.cpt118:nth-child(8){ width: 6%;border-bottom: 1px solid #fff;border-left: 1px solid #fff; }	
	/****** fin ancien *******/
.mGLTE{
	height: 50px;
	width: 80px;
	background-image:url("/images/m4G.png");
	background-repeat: no-repeat;
}
.Garena{
	height: 50px;
	width: 80px;
	background-image:url("/images/Garena.jpg");
	background-repeat: no-repeat;
}
.mflexy{
	height: 50px;
	width: 80px;
	background-image:url("/images/mflexy.png");
	background-repeat: no-repeat;
}
.mpinCode{
	height: 50px;
	width: 80px;
	background-image:url("/images/mpinCode.png");
	background-repeat: no-repeat;
}
.mgplay{
	height: 50px;
	width: 80px;
	background-image:url("/images/mgplay.png");
	background-repeat: no-repeat;
}
.mCashu{
	height: 80px;
	width: 140px;
	background-image:url("/images/Cashu.png");
	background-repeat: no-repeat;
}
.mpstation{
	height: 50px;
	width: 80px;
	background-image:url("/images/mpstation.png");
	background-repeat: no-repeat;
}
	.mRmobilis{
	height: 80px;
	width: 140px;
	background-image:url("/images/Rmobilis1.png");
	background-repeat: no-repeat;
	}	
.mbsport{
	height: 50px;
	width: 80px;
	background-image:url("/images/beinsport1.jpg");
	background-repeat: no-repeat;
}
	.mFfire{
	height: 80px;
	width: 140px;
	background-image:url("/images/Ffire.png");
	background-repeat: no-repeat;
	}
	.mPubg{
	height: 80px;
	width: 140px;
	background-image:url("/images/Pubg.png");
	background-repeat: no-repeat;
	}
	.mitunes{
	height: 80px;
	width: 140px;
	background-image:url("/images/itunes.png");
	background-repeat: no-repeat;
	}	
	
  .hide1 {
    display:none;
  }
 	.newFormDiv,.newFormDivbs{
	/*height: 250px;*/
    width: 300px;
	padding:10px;
	}
	.madsl{
	height: 50px;
	width: 80px;
	background-image:url("/images/madsl.png");
	background-repeat: no-repeat;
}
.full-height {
min-height: 1000px;	
} 
}
@media (min-width: 992px) {
  .hide2 {
    display:none;
  }
}
@media (min-width: 1200px) {
  .hide3 {
    display:none;
  }
}