/*
//########################################################################################
// SQWareWeb module of dbSQWare
// dbSQWare is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS for a PARTICULAR PURPOSE.  See the
// CGU/CGA for more details.
// You should have received a copy of the CGU/CGA
// along with this program.  If not, see <http://www.dbsqware.com/licenses/>.
// For information : contact@dbsqware.com or www.dbsqware.com
//########################################################################################
//# @Copyright		2007-2025, dbSQWare (www.dbsqware.com)
*/


/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { 
  display: none; 
}

/* clears the blue frame from Chrome */
input[type="text"]:focus {
	outline:none;
	outline: 0 !important;
}

input[type="text"]::-moz-focus-inner {
   border: 0;
   outline:none;
}

input[type="checkbox"]{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border: 1px solid #ff6d0c;
    background-color:#fff;
    position:relative;
    height:12px;
    width:12px;
	cursor:pointer; 
}

input[type="checkbox"]:checked{
    background-color:#ff6d0c;
}

input[type="checkbox"]:focus{
	outline:none;
    border: 1px solid #ff6d0c;
}

input[type="datetime-local"]:focus{
	outline:none;
    border: 1px solid #ff6d0c;
}

select:focus{
   outline: 0 none;
}

button:focus { 
   outline: none;
   outline: 0 !important;
}

img {
   cursor: pointer;
}

body {
  width: 100%;
  height: 100%;
  font-size: 11px;
  font-family: NunitoSans, Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #564b47;
  padding: 0px;
  margin: 0;
  background-color: rgba(29, 32, 59, 0.95); 
}

#home,
.home {
  width: 100%;
  height: 100%;
  font-size: 11px;
  font-family: NunitoSans, Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #564b47;
  padding: 0px;
  margin: 0;
 /* background-color: #fff; */
  background-color: #fafafa;
  overflow-x: hidden;
}

#container {
  width: 100%;
  height: 100%;
  margin: 0 auto; 
  clear: right;
}

#webdba_body {
	font: 69%/0.9em NunitoSans, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
	color: #564b47;
	/*background-color: #fff;*/
	background-color: #fafafa;
}
/*#webdba_body a {
/*	color: #FC7F3C;  */
/*	color: #ff6600;
}*/
/* couleur de l'ancien webdba : #FF9300 */

/*#webdba_body a:hover {
	color: #000;
	text-decoration: underline;
}
*/
#logo_utilisateur {
  width: 70px;
  height: 58px;
}

#rectangle_dbms {
  width: 70px;
  height: 100%;
  padding-top: 8px;
}

.rectangle_dbms_base_1 {
  width: 70px;
  height: 8px;
  background-color: #1d203b;
}

.rectangle_dbms_base_2 {
  width: 70px;
  height: 12px;
  background-color: #1d203b;
}

.rectangle_dbms_bottom {
  width: 70px;
  margin: 50px 0 0 0;
  padding-bottom: 5px;
}

.shape_menu_simple {
  width: 70px;
  height: 100%;
  padding: 9px 0 0 0; 
  text-align: center;
}

.shape_menu_double {
  width: 180px;
  height: 100%;
  padding: 9px 0 0 16px; 
 /* padding: 18px 2px 18px 16px; */
  text-align: left;
}

.shape_menu_base_first {
  height: 16px;
  text-align: center;
  background-color: #262943;
  color: #262943;
}

.shape_menu_base {
  height: 12px;
  text-align: center;
  background-color: #262943;
  color: #262943;
}

#body_logon {
  /*height: 100%;	*/
  width: 100%;
  padding-bottom: 200px;
  background-color: rgba(29, 32, 59, 0.95);
  text-align: center;
}

#body_license {
   padding-bottom: 200px;
}

#body_content {
  height: 100%;
  padding-left: 140px;
  /*background-color: rgba(29, 32, 59, 0.95); */
  background-color: #fafafa;
  text-align: center;
}

#body_content_open {
  height: 100%;
  padding-left: 268px;
  /*background-color: rgba(29, 32, 59, 0.95); */
  background-color: #fafafa;
  text-align: center;
}

#body_admin_content {
  height: 100%;
  padding-left: 140px;
  background-color: #707283;
  text-align: center;
}

#body_manage_content {
  height: 100%;
  background-color: #707283;
  text-align: center;
}

#inter_chevron_button {
  padding: 0 0 0 16px;
}

#inter_chevron_button_open {
  padding: 20px 0 0 0;
}

#inter_chevron_button_close {
  padding: 20px 0 0 16px;
}

#clear {
  clear: both;
}

.env_utilisateur {
  height: 10px;
  padding: 0 0 15px 0;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 10px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #707283;
}

.inf_titre_rectangle {
  height: 52px;
  width: 100%;
  text-align: left;
 /*margin-top: -5px;*/
}

#inf_titre {
  padding-left: 110px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 22px;
  font-weight: 500;
  color: #424666;
  position: absolute;
  top: 14px;
}

#inf_titre_open {
  padding-left: 60px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 22px;
  font-weight: 500;
  color: #424666;
  position: absolute;
  top: 14px;
}

#error_msg_menu {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 14px;
  font-weight: 500;
  color: #f6761f;
  position: absolute;
  top: 14px;
  left: 50%;;
}

.information_rectangle {
  width: 100px;
  height: 46px;
  float: right;
  text-align: right;
  border-bottom-left-radius: 30px;
  -moz-border-radius: 0 0 0 30px;
  -webkit-border-radius: 0 0 0 30px;
  background-color: rgba(29, 32, 59, 0.95);
}

.information_rectangle_img {
  width: 25px;
  height: 25px;
  padding: 10px 7px 0 4px;
}

.information_login_img {
  width: 18px;
  height: 18px;
  padding: 0 0 0 8px;
}

.body_titre {
  height: 41px;
  float: left;
  padding: 50px 0 0 95px;
}

.bodytext_titre {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 30px;
  font-weight: 500;
  color: #424666;
}

.body_error_msg {
  color: red;
}

.body_rights_msg {
  color: #1dca32;
}	

#body_sous_menu {
  float: left;	
  padding: 45px 0 0 25px;	
}

#onglet_sous_menu {
  float: left;	
  padding: 4px 0 0 75px;	
}

/* .Body_Frame {
( width: 1375px; ) 
  width: 80%;  
  height: 754px;
  float: left;
( padding: 110px 0 0 140px; )  
  padding-top: 110px;
} */

.general_frame_pie {
  width: 100%;
  height: 340px;
  padding-top: 0;	
}

.general_frame_line {
  width: 100%;
  height: 439px;
  padding-top: 0;
}

.general_frame_half_table {
  width: 100%;
  height: 435px;
}

.general_frame_table {
  width: 100%;
  height: 720px;
  padding-top: 0;
}

.rect_img_logon {
  width: 380px;
  height: 415px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
 /*  box-shadow: 0 16px 34px 0px #e9e9ee; */
  background-color: #fff;
  padding-left: 5px;
  position: relative;
  top: 86px; 
  left: 50%; /* poussé de la moitié de la largeur du référent */
  transform: translateX(-50%); /* tiré de la moitié de sa propre largeur */
}

.rect_form_logon {
  width: 325px;
  height: 370px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #fff;
  position: absolute;
  top: 170px; 
  left: 50%; /* poussé de la moitié de la largeur du référent */
  transform: translateX(-50%); /* tiré de la moitié de sa propre largeur */
}

.rect_message_license {
  width: 380px;
  height: 410px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
 /*  box-shadow: 0 16px 34px 0px #e9e9ee; */
  background-color: #262943;
  position: relative;
  top: 76px; 
  left: 50%; /* poussé de la moitié de la largeur du référent */
  transform: translateX(-50%); /* tiré de la moitié de sa propre largeur */
}

.rect_frame_graph_90 {
  width: 92%;
  height: 290px;
  margin: 0 4% 0 4%;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: 0 16px 34px 0px #e9e9ee;
  background-color: #fff;
}

.rect_frame_graph_95 {
  width: 96%;
  height: 378px;
  margin: 0 2% 0 2%;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: 0 16px 34px 0px #e9e9ee;
  background-color: #fff;
}

.rect_frame_bord_95 {
  width: 96%;
 /* height: 818px; */
  margin: 0 2% 0 2%;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: 0 16px 34px 0px #e9e9ee;
  background-color: #fff;
}

.rect_admin_bord_80 {
  width: 80%;
  /*height: 700px;*/
  margin: 0 3% 0 3%;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: 0 16px 34px 0px #e9e9ee;
  background-color: #fff;
  position: relative;
  top: 20px;
  left: 40%; /* poussé de la moitié de la largeur du référent */
  transform: translateX(-40%);
}

.rect_admin_bord_95 {
  width: 96%;
  height: 702px;
  margin: 0 2% 0 2%;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: 0 16px 34px 0px #e9e9ee;
  background-color: #fff;
}

.rect_admin_bord_100 {
  width: 100%;
  /*height: 1020px;  */
  height: 982px;  
  margin: 0;
  border-top-left-radius: 110px;
    -moz-border-radius: 110px 0 0 0;
    -webkit-border-radius: 110px 0 0 0;
  background-color: #fafafa;
  position: relative;
}

.rect_dbalias_bord_80 {
  width: 80%;
  /*height: 500px;*/
  margin: 0 3% 0 3%;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: 0 16px 34px 0px #e9e9ee;
  background-color: #fff;
  position: absolute;
  top: 80px;
  left: 40%; /* poussé de la moitié de la largeur du référent */
  transform: translateX(-40%);
}

.rect_preference_bord_100 {
  width: 100%;
  height: 500px;  
  margin: 0;
  border-top-right-radius: 110px;
    -moz-border-radius: 110px 0 0 0;
    -webkit-border-radius: 110px 0 0 0;
  background-color: #fafafa;
  position: relative;
}

.rect_link_bord_100 {
  width: 100%;
  /* height: 1020px;  */
  height: 982px;
  margin: 0;
  border-top-left-radius: 110px;
    -moz-border-radius: 110px 0 0 0;
    -webkit-border-radius: 110px 0 0 0;
  background-color: #fafafa;
  position: relative;
}

.rect_frame_head_5{
  width: 100%;
  height: 5px;
}

.rect_frame_head_8{
  width: 100%;
  height: 8px;
}

.rect_frame_head_7{
  width: 100%;
  height: 7px;
}

.rect_frame_head_10 {
  width: 100%;
  height: 10px;
}

.rect_frame_head_15 {
  width: 100%;
  height: 15px;
}

.rect_frame_head_20 {
  width: 100%;
  height: 20px;
}

.rect_frame_head_110 {
  width: 100%;
  height: 20px;
  text-align: left;
  padding: 40px 0 0 40px;
}

.rect_link_head_110 {
  width: 100%;
  height: 20px;
  text-align: left;
  padding: 40px 0 47px 40px;
}

.rect_frame_label {
  width: 85%;
  float: left;   
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  text-align: left;
  padding: 0 4% 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #707283;
}

.rect_frame_graph {
  width: 2%;
  float: right;   
  margin-right: 4%;
}

.chart_frame {
	width: 100%;
	height: 70%;
	margin: 1% auto 0 auto;
	position: absolute;
}

.line_frame {
	width: 100%; 
	height: 82%; 
	margin: 1% auto 0 auto;
	position: absolute;
}

.oval {
   width: 89px;
   height: 16px;
   background: #171a2c;
   border-radius: 50%;
   position: relative;
   top: 35px; 
   left: 50%; /* poussé de la moitié de la largeur du référent */
   transform: translateX(-50%);
}

.menu_error {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #f6761f;
}  

/****************************************/
/*          Table left_menu            */
/****************************************/
table.left_menu_table {
	width: 140px;
	height: 982px;
	/*min-height: 1020px;*/
	/* height: auto;
	min-height: 100%;
	_height: 100%;*/
    float: left;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
	position: relative;
}

table.left_menu_table tr {
	height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}

table.left_menu_table td {
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
}

table.left_menu_table td.dbms {
  height: 100%; 
 /* width: 70px;*/
  background-color: #1d203b;
  text-align: center;
}

table.left_menu_table td.section {
  height: 100%;
  /*width: 70px;*/
  background-color: #262943;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  text-align: center;
}

/****************************************/
/*          Table header_frame            */
/****************************************/
table.body_header_table {
	width: calc(100% - 1px);
	/*height: 100px;*/
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
	/*background-color: rgba(29, 32, 59, 0.95); */
	background-color: #fafafa;
}

table.body_header_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.body_header_table td {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
}

table.body_header_table td.uniform {
/*	background-color: #fdfdff;  */
	background-color: #fafafa;
}

table.body_header_table td.uniform_left {
/*	background-color: #fdfdff;  */
	background-color: #fafafa;
	width: 80px;
    height: 32px;
}

table.body_header_table td.uniform_left_open {
/*	background-color: #fdfdff;  */
	background-color: #fafafa;
	width: 8px;
    height: 32px;
}

table.body_header_table td.uniform_m3 {
	background-color: #fdfdff;
	height: 50px;
}

table.body_header_table td.bottom_left {
   /* background-color: #fdfdff; */
   background-color: #fafafa;
   /* border-bottom-left-radius: 25px; */
    border-bottom-left-radius: 12px;
    -moz-border-radius: 0 0 0 18px;
    -webkit-border-radius: 0 0 0 15px;
}

table.body_header_table td.bottom_left_open {
   /* background-color: #fdfdff; */
   background-color: #fafafa;
   border-bottom-left-radius: 0px;
    -moz-border-radius: 0 0 0 18px;
    -webkit-border-radius: 0 0 0 15px;
}

table.body_header_table td.top_left {
	/* background-color: #fff;*/
    background-color: #fafafa;	
    /* border-top-left-radius: 15px; */
	border-top-left-radius: 12px;
    -moz-border-radius: 18px 0 0 0;
    -webkit-border-radius: 25px 0 0 0;
}

table.body_header_table td.top_left_open {
	/* background-color: #fff;*/
    background-color: #fafafa;	
    border-top-left-radius: 0px;
    -moz-border-radius: 18px 0 0 0;
    -webkit-border-radius: 25px 0 0 0;
}

/****************************************/
/*          Table body_frame            */
/****************************************/
table.body_frame_table {
	width: calc(100% - 1px);
/*	height: 100%; */
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
/*	background-color: rgba(29, 32, 59, 0.95);  */
}

table.body_frame_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.body_frame_table td {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
}

/****************************************/
/*          Table body_admin            */
/****************************************/
div.body_admin_table {
	width: 100%;
	height: 700px;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
/*	background-color: rgba(29, 32, 59, 0.95);  */
}
/*
table.body_admin_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.body_admin_table td {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
	width: 100%;
	height: 450px;
}
*/
/****************************************/
/*        Table graph_head              */
/****************************************/
table.graph_head_table {
	width: 100%;
   	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
}

table.graph_head_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.graph_head_table td {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    padding: 0 3% 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #707283;
}

table.graph_head_table td.first {
	width: 1%;
}	

table.graph_head_table td.left {
	width: 88%;
}	

table.graph_head_table td.right {
	width: 10%;
}

table.graph_head_table td.middle {
	padding-right: 2%;
}	

table.graph_head_table td.iframe {
	padding-right: 2%;
}	

/****************************************/
/*          Table graph_frame           */
/****************************************/
table.graph_frame_table {
	width: auto;
	height: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
}

table.graph_frame_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.graph_frame_table td {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}

/*******************************************/
/*          Table 1x_options               */
/*******************************************/
table.option_1x_table {
	width: 100%;
	height: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
}

table.option_1x_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.option_1x_table td {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
}

table.option_1x_table td.logon_input,
table.option_1x_table td.logon_input_empty {
 padding-bottom: 20px;
}

table.option_1x_table td.logon_input input{
  width: 303px;
  height: 48px;
  font-weight: 600;
  font-style: normal;
  color: #424666;
  padding-left: 20px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  letter-spacing: 0.82px;
  border-radius: 5px;
  border: solid 0.8px #ff6700;
  background-color: #fff;
}	

table.option_1x_table td.logon_input_empty input{
  width: 303px;
  height: 48px;
  font-weight: 500;
  font-style: italic;
  color: #c0c0c0;
  padding-left: 20px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  letter-spacing: 0.82px;
  border-radius: 5px;
  border: solid 0.8px #ff6700;
  background-color: #fff;
}	

table.option_1x_table td.logon_input input:focus,
table.option_1x_table td.logon_input_empty input:focus {
  /*font-weight: 600;
  color: #424666;
  font-style: normal; */
  box-shadow: 0 16px 34px 0 rgba(190, 194, 199, 0.17);
  border: solid 0.8px #ff6700;
  outline: 0 !important;
}	

table.option_1x_table td.logon_input input:not(focus),
table.option_1x_table td.logon_input_empty input:not(focus) {
 /* font-weight: 500;
  font-style: italic;
  color: #c0c0c0;*/
  box-shadow: 0;
  border: solid 1px rgba(82, 85, 104, 0.2);
}	

table.option_1x_table td.logon_titre {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 30px;
  font-weight: 500;
  color: #2f314a;
  padding: 26px 0 26px 0;
}

table.option_1x_table td.logon_label { 
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #707283;
  text-align: left;
  padding: 0 0 5px 0;
}

table.option_1x_table td.logon_message { 
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.6px; 
  color: #ff6700;
  text-align: center;
  padding: 0 0 14px 0;
}

table.option_1x_table td.license_oval {
  height: 130px;
}

table.option_1x_table td.license_titre {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  padding: 0 0 10px 0;
}

table.option_1x_table td.license_label { 
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #fff;
  padding: 0 0 10px 0;
}

table.option_1x_table td.license_button { 
  padding: 0 0 20px 0;
}

/*******************************************/
/*          Table 2x_options               */
/*******************************************/
table.option_2x_table {
	width: 100%;
	height: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
}

table.option_2x_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.option_2x_table td {
	width: 50%;
	padding: 0;
	margin: 0;
	border: 0;
}
 
table.option_2x_table tr td[class="icon"] {
  opacity: 0.3;
  filter: alpha(opacity=30);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

table.option_2x_table tr td[class="icon"]:hover { /* hover pour toute les tr qui ont une class appelée Icon */
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #1d203b;
}


/*******************************************/
/*          Table 3x_options               */
/*******************************************/
table.option_3x_table {
	width: 100%;
	height: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	border: 0;
}

table.option_3x_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.option_3x_table td {
	width: 33%;
	padding: 0;
	margin: 0;
	border: 0;
}

table.option_3x_table tr td[class="icon"] {
  opacity: 0.3;
  filter: alpha(opacity=30);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

table.option_3x_table tr td[class="icon"]:hover { /* hover pour toute les tr qui ont une class appelée Icon */
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #1d203b;
}

/*******************************************/
/*        Table bord_head          		   */
/*******************************************/
 
table.bord_head_table {
	margin: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0 0 10px 15px;
	width: 100%;   
}

table.bord_head_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.bord_head_table td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #707283;
}

table.bord_head_table td.first {
	width: 3%;
}	

table.bord_head_table td.left {
	width: 86%;
}
	
table.bord_head_table td.left_admin {
	width: 84%;
}

table.bord_head_table td.left_admin_detail {
	width: 97%;
}

table.bord_head_table td.left_admin_mass {
	width: 81.7%;
}

table.bord_head_table td.left_dbalias {
	width: 57%;
}

table.bord_head_table td.left_sched {
	width: 40%;
}

table.bord_head_table td.middle {
	width: 2%;
}

table.bord_head_table td.double {
	width:4%;
}

table.bord_head_table td.right_end {
	width: 2%;
/*	float: right; */
	padding: 2px 0 0 30px;
}

table.bord_head_table td.right {
	width: 3%;
}	

table.bord_head_table td.iframe {
	width: 1%;
}	

table.bord_head_table td.iframe_admin {
	width: 0.5%;
}	

table.bord_head_table td.iframe_admin_double {
	width: 0.4%;
}	

table.bord_head_table td.iframe_admin_mass {
	width: 0.2%;
}	

table.bord_head_table td.right_dbalias {
	width: 40%;
}	

.scroll {
	overflow: ellipsis; /* si ça dépasse on affiche la scrollbar */ 
}

/*******************************************/
/*        Table admin_head        		   */
/*******************************************/
 
table.admin_head_table {
	width: calc(100% - 1px);
	margin: 0;
	border: 0;
	position: absolute;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	top: 30px;
}

table.admin_head_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.admin_head_table td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #707283;
	text-align: center;
}

table.admin_head_table td.preference {
	padding-top: 20px;
}

/*******************************************/
/*        Table detail_manage     		   */
/*******************************************/

table.detail_manage {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	text-align: left;
}

table.detail_manage tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

table.detail_manage td {
	margin: 0;
	padding: 7px 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma; 
	font-size: 11px;
	font-weight: 500;
	color: #424666;
}

.manage_input{
	height: 500px;
	width: 100%;
/*	padding: 10px 4px 4px 10px ;  */
    border-radius: 4px;
    border: solid 1px rgba(82, 85, 104, 0.2);
	overflow: auto;
}

.manage_input pre{
	width:95%;
	margin:0;
	padding: 10px;
	text-align: left;
	border: none;
	white-space: pre-wrap;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 13px; 
	font-weight: 500;
	color: #424666;
}

.manage_input h1,
.daybook_input h1 {
	margin-top: -5px;
	margin-bottom: -3px;
	padding: 6px 0 0 0;
	font-size: 16px;
    font-weight: 600;
	color: #f6761f;
}

.modal table td.first h1 {
	margin-bottom: -3px;
	padding: 0;
	font-size: 16px;
    font-weight: 600;
	color: #f6761f;
}

.manage_input h2,
.daybook_input h2 {
	margin-top: -5px;
	margin-bottom: -3px;
	padding: 3px 0 0 0;
	font-size: 16px;
    font-weight: 600;
}

.modal table td.first h2 {
	margin-bottom: -3px;
	padding: 0;
	font-size: 16px;
    font-weight: 600;
}

.manage_input h3,
.daybook_input h3 {
	margin-top: -3px;
	margin-bottom: -4px;
	padding: 0;
	font-size: 14px;
    font-weight: 600;
	color: #f6761f;
}

.modal table td.first h3 {
	margin-bottom: -4px;
	padding: 0;
	font-size: 14px;
    font-weight: 600;
	color: #f6761f;
}

.manage_input h4,
.daybook_input h4 {
	margin-top: -8px;
	margin-bottom: 0px;
	padding: 14px 0 0 0;
	font-size: 14px;
    font-weight: 600;
}

.modal table td.first h4 {
	margin-bottom: -4px;
	margin-top: 0;
	padding: 0;
	font-size: 14px;
    font-weight: 600;
}

.manage_input h5,
.daybook_input h5 {
	margin-top: -9px;
	margin-bottom: 0;
	padding: 12px 0 0 0;
	font-size: 13px;
    font-weight: 500;
	color: #f6761f;
}

.modal table td.first h5 {
	margin-bottom: -5px;
	margin-top: 0;
	padding: 0;
	font-size: 13px;
    font-weight: 500;
	color: #f6761f;
}

.manage_input h6,
.daybook_input h6 {
	margin-top: -8px;
	margin-bottom: 0px;
	padding: 11px 0 0 0;
	font-size: 12px;
    font-weight: 400;
}

.modal table td.first h6 {
	margin-bottom: -6px;
	margin-top: 0;
	padding: 0;
	font-size: 12px;
    font-weight: 400;
}

.manage_input h7,
.daybook_input h7 {
	display: block;
	margin-bottom: 0px;
	margin-top: -7px;
	padding: 9px 0 0 0;
	font-size: 10px;
    font-weight: 400;
}

.modal table td.first h7 {
	display: block;
	margin-bottom: -8px;
	padding: 0;
	font-size: 10px;
    font-weight: 400;
}

table.detail_manage td.error_message {
	width: 96%;
	padding: 8px 10px;
	vertical-align: middle;
	text-align: center;
	color: #fc7f3c;
	font-weight: 600;
}

table.detail_manage td.button {
	width: 4%;
	padding: 0;
}

table.update_manage {
	margin: 0;
	padding: 3% 6%;
	border: 0;
	width: 100%;
	text-align: left;
}

table.update_manage tr {
	margin: 0;
	padding: 0;
	border: 0;
}

table.update_manage td {
	margin: 0;
	padding: 7px 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma; 
	font-size: 11px;
	font-weight: 500;
	color: #424666;
}

table.update_manage td.error_message {
	width: 96%;
	padding: 8px 10px;
	vertical-align: middle;
	text-align: center;
	color: #fc7f3c;
	font-weight: 600;
}

table.update_manage td.right {
	width: 4%;
	padding: 0;
}
.update_manage_input{
	height: 505px;
	/*width: 99%;*/
	padding: 12px;
    border-radius: 4px;
    border: solid 1px rgba(82, 85, 104, 0.2);
}

.update_manage_input textarea{
	resize : none;
	width:100%;
	height: 100%;
	border:none;
    vertical-align:top;
    outline:none;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 13px; 
	font-weight: 600;
	color: #424666;
}

.update_manage_input:focus-within{
	border: solid 1.1px #ff6700;
}	

/*******************************************/
/*        Table detail_admin      		   */
/*******************************************/

table.detail_admin {
	margin: 0;
	padding: 0;
	border: 0;
	width: 92%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

table.detail_admin tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

table.detail_admin tr.narrow {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	height: 20px;
}

table.detail_admin tr.narrow_half {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	height: 10px;
}

table.detail_admin th {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size: 22px; 
	color: #F6761F;
}

table.detail_admin td {
	width: 50%;
	margin: 0;
	padding: 7px 10px;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma; 
	font-size: 11px;
	font-weight: 500;
	color: #707283;
}

table.detail_admin tr.narrow td {
	margin: 0;
	padding: 5px 10px 0 10px;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma; 
	font-size: 11px;
	font-weight: 500;
	color: #707283;
}

table.detail_admin tr.narrow td.left {
	width: 50%;
}

table.detail_admin tr.narrow td.right {
	width: 25%;
}

table.detail_admin tr.narrow_half td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma; 
	font-size: 11px;
	font-weight: 500;
	color: #707283;
}

table.detail_admin td.error_message {
	padding: 8px 10px;
	vertical-align: middle;
	text-align: center;
	color: #fc7f3c;
	font-weight: 600;
}

table.detail_admin td.info_message {
	padding: 8px 10px;
	vertical-align: middle;
	text-align: center;
	color: #1dca32;
	font-weight: 600;
}

table.detail_admin td.subtitle {
	padding: 0 10px 8px 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

table.detail_admin td span{
	display: block;
}

table.detail_admin td span.center{
	text-align: center;
	padding: 0 0 4px 0;
}

table.detail_admin td span.radio{
	text-align: left;
	padding: 0 0 1% 10%;
}

table.detail_admin td span.left{
	text-align: left;
	padding: 0 0 4px 0;
}

table.detail_admin td span.left_pswd{
	text-align: left;
	padding: 8px 0 4px 0;
}

table.detail_admin td span.log{
	text-align: left;
	padding: 0 0 4px 0;
	font-size: 12px;
	font-family: Consolas, Sans-Serif, Arial;
	color: black;
}
.required_star {
  font-weight: 900;
  color: #fc7f3c;
  font-size: 120%;
  vertical-align: 1%;
  /*vertical-align: super;*/
}

.required_star_white {
  font-weight: 900;
  color: #fff;
  font-size: 120%;
  vertical-align: 1%;
  /*vertical-align: super;*/
}

table.detail_admin td span.small_left{
	width: 100px;
	text-align: left;
	padding: 0 0 4px 4px;
}

table.detail_admin td span.grey_left{
	text-align: left;
	padding: 0 0 4px 4px;
	color: #ababab;
	font-weight: 600;
}

table.detail_admin td span.grey_dbalias{
	text-align: left;
	padding: 0 0 4px 4px;
	color: #707283;
	font-size: 13px;
	font-weight: 600;
}

table.detail_admin td span.delete{
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 12px; 
	text-align: left;
	padding: 0 0 4px 11px;
	color: #424666;
	font-weight: 900;
}

table.detail_admin td span.delete_access{
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 12px; 
	text-align: left;
	padding: 0 0 4px 0;
	color: #424666;
	font-weight: 900;
}

table.detail_admin td span.pswd{
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 12px; 
	text-align: left;
	padding: 4px 0 4px 4px;
	color: #424666;
	font-weight: 900;
}

table.detail_admin td input{
	height: 24px;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 11px; 
	font-weight: 900;
	color: #424666;
	padding: 4px 4px 4px 10px ;
    border-radius: 4px;
    border: solid 1px rgba(82, 85, 104, 0.2);
    background-color: #fff;
}

table.detail_admin td select{
	height: 34px;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 11px; 
	font-weight: 900;
	color: #424666;
	padding: 4px 0 4px 6px ;
	border-radius: 4px;
    border: solid 1px rgba(82, 85, 104, 0.2);
    background-color: #fff;
}

table.detail_admin td input:focus,
table.detail_admin td input[type="password"]:focus,
table.detail_admin td select:focus
{
	box-shadow: 0 16px 34px 0 rgba(190, 194, 199, 0.17);
	border: solid 1.1px #ff6700;
	background-color: #fdfdfd;
}	

table.detail_admin td input:not(focus),
table.detail_admin td input[type="password"]:not(focus),
table.detail_admin td select:not(focus) {
	box-shadow: 0;
	border: solid 1px rgba(82, 85, 104, 0.2);
	background-color: #fff;
}

table.detail_admin td input[type="radio"]:focus,
table.detail_admin td input[type="radio"]:not(focus) {
	border: 0 none;
}

/*
input[type="radio"] {
  display: none;
}

input[type="radio"].appli_radio + label {
  position: relative;
  padding: 0 5px 0 2px;
}
/*
input[type="radio"].appli_radio + label::before,
input[type="radio"].appli_radio + label::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  content:'';
  width: 1rem;
  height: 1rem; 
  border-radius: 1rem;
}
*/
/*
input[type="radio"].appli_radio + label::before {
  border: 1px solid #00B7E8;
  background-color: #eee;
}
input[type="radio"].appli_radio:checked + label::after {
  background-color: #00B7E8;
}

input[type="radio"].appli_radio + label {
  position: relative;
  top: 33%;
  padding: 0 5px 0 2px;
}

input[type=radio].appli_radio:hover{
	cursor: pointer;
}

input[type=radio].appli_radio:checked{border-color: #00AD51;color: orange;background-color: red;}

input[type=radio].appli_radio:checked + label{border-color: #00AD51;color: #00AD51;background-color: #fff;}
*/


/*
input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #ffa500;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }
*/

/* make default radio 'invisible' */
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="radio"] + label {
  position: absolute;
  padding: 11px 0 0 0;
}

input[type=radio]:hover{
	cursor: pointer;
}

/* make new radio outer circle */
input[type=radio]:before {
  content: " ";
  display: inline-block;
  position: relative;
  margin-top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid grey;
  background-color: transparent;
}

/* change colour of radio outer circle when checked */
input[type=radio]:checked:before {
  border-color: #ff6d0c;
}

/* make new radio inner circle when checked */
input[type=radio]:checked:after {
  content: " ";
  display: block;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff6d0c;
  bottom: 80%;
  margin-left: 5px;
}

/*******************************************/
/*        Table detail_admin_menu  		   */
/*******************************************/

table.detail_admin_menu {
	margin: 0;
	padding: 0;
	border: 0;
	width: 92%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

table.detail_admin_menu tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

table.detail_admin_menu tr.narrow {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	height: 5px;
}

table.detail_admin_menu tr.narrow_2 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	height: 7px;
}

table.detail_admin_menu th {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size: 22px; 
	color: #F6761F;
}

table.detail_admin_menu td {
	margin: 0;
	padding: 0 10px 0 10px;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma; 
	font-size: 11px;
	font-weight: 500;
	color: #707283;
}

table.detail_admin_menu tr.narrow td,
table.detail_admin_menu tr.narrow_2 td {
	margin: 0;
	padding: 0 10px 0 10px;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma; 
	font-size: 5px;
	font-weight: 500;
	color: #707283;
}

table.detail_admin_menu td.left_active{
	text-align: left;
	padding: 0 0 4px 18px;
}

table.detail_admin_menu td.right_active{
	text-align: right;
	padding: 0 29px 4px 0;
}

table.detail_admin_menu td span{
	display: block;
}

table.detail_admin_menu td span.left{
	text-align: left;
	padding: 0 0 4px 0;
}

table.detail_admin_menu td span.center{
	text-align: center;
}

table.detail_admin_menu td span.delete{
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 12px; 
	text-align: left;
	padding: 0 0 4px 11px;
	color: #424666;
	font-weight: 900;
}

table.detail_admin_menu td span.delete_center{
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 12px; 
	text-align: center;
	padding: 0 0 4px 4px;
	color: #424666;
	font-weight: 900;
}

table.detail_admin_menu td input:focus,
table.detail_admin_menu td select:focus
{
	box-shadow: 0 16px 34px 0 rgba(190, 194, 199, 0.17);
	border: solid 1.1px #ff6700;
	background-color: #fdfdfd;
}	

table.detail_admin_menu td input:not(focus),
table.detail_admin_menu td select:not(focus) {
	box-shadow: 0;
	border: solid 1px rgba(82, 85, 104, 0.2);
	background-color: #fff;
}

table.detail_admin_menu td input[type="checkbox"] {
    border: 1px solid #ff6d0c;
}

/*******************************************/
/*        Table pref_head        		   */
/*******************************************/
 
table.pref_head_table {
	width: calc(100% - 1px);
	margin: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
}

table.pref_head_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.pref_head_table td {
	margin: 0;
	padding: 20px 0 0 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #707283;
	text-align: center;
}

/********************************************/
/*       Form Bord                          */
/********************************************/

.bord_form {
	padding: 1px 30px 0 30px;
}	

.admin_bord_form {
	width: 97%;
	height: 665px;
	padding: 1px 30px 0 25px;
	overflow: auto;
}	

.admin_massup_form {
	width: 97%;
	height: 690px; 
	padding: 1px 30px 0 25px;
	overflow: auto;
}	

.dbalias_bord_form {
	width: 97%;
	/*height: 365px;*/
	padding: 1px 50px 0 50px;
	position: relative;
	top: -500px;
}	

.access_bord_form {
	padding: 1px 30px 0 30px;
	height: 320px;
}	

.scroll {
	overflow: ellipsis; /* si ça dépasse on affiche la scrollbar */ 
}

.language_form {
	display: inline;	
}	

/*******************************************/
/*        Table bord_management   		   */
/*******************************************/
 
table.bord_management {
	margin: 0;
	border-spacing: 0;  
	border-collapse: collapse;
	clear: both;
	width: 470px; /* "bAutoWidth": true */
    text-align: left;
}

table.bord_management thead tr {
	height: 24px;
} 

table.bord_management thead tr th {
	padding: 4px 0 1px 14px;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
	color: #f6761f;
}

table.bord_management tbody td {
	border-bottom: 1px solid grey;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
	color: #424666;
	padding: 3px 0 3px 8px;
    white-space: nowrap;
}

table.bord_management thead tr th.title,
table.bord_management tbody td.title {
	text-align: left;
	width: 70px;
}

table.bord_management thead tr th.date,
table.bord_management tbody td.date {
	text-align: left;
	width: 120px;
}

table.bord_management thead tr th.admin,
table.bord_management tbody td.admin {
	text-align: left;
	width: 238px;
}

/*******************************************/
/*        Table bord_datatable     		   */
/*******************************************/
 
table.bord_datatable {
	width: auto !important;
    table-layout: auto;
	margin: 0;
	border-spacing: 0;  
	border-collapse: collapse;
	clear: both;
	/* width: 100%; /* "bAutoWidth": true */
    text-align: left;
}

table.bord_datatable thead tr {
/*	height: 24px;  */
	height: 0;
} 

table.bord_datatable thead tr.jobs{
	height: 40px;
} 

/*table.bord_datatable tr {
	padding: 20px;
}	*/

table.bord_datatable thead th,
table.bord_datatable thead td {
	padding: 4px 6px 1px 12px;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
	color: #f6761f;
}

div.dt-scroll-body table.bord_datatable thead th,
div.dt-scroll-body table.bord_datatable tfoot th {
	padding: 0 6px 0 12px;
}	

div.dt-scroll-headInner table.bord_datatable thead th {
	padding: 6px 6px 4px 12px;
}	

table.bord_datatable thead tr:nth-child(2) th{
	padding-top: 0;
	padding-bottom : 0;
}

table.bord_datatable thead tr:nth-child(1) th.right {
	text-align: right;
	border-right: 1px solid #fff;
	padding-right: 20px;
	cursor: pointer;
}

table.bord_datatable th.right_sort {
	text-align: right;
	padding-right: 16px;
	border-right: 1px solid #fff;
}

table.bord_datatable thead tr:nth-child(1) th.left {
	text-align: left;
	border-right: 1px solid #fff;
	padding-left: 20px;
	cursor: pointer;
}

table.bord_datatable thead tr:nth-child(1) th.mi_left {
	text-align: left;
	border-right: 1px solid #fff;
	padding-left: 10px;
	cursor: pointer;
}

table.bord_datatable thead th.border {
	border-right: 1px solid #fff;
}

table.bord_datatable thead th.right.sorting,
table.bord_datatable thead th.right_sort.sorting,
div.dt-scroll-headInner table.bord_datatable thead tr:nth-child(1) th.right.dt-orderable-asc,
div.dt-scroll-headInner table.bord_datatable thead tr:nth-child(1) th.right.dt-orderable-desc {
	background: url('/images/igsqw_sort_both.png') no-repeat center right;
}

table.bord_datatable thead th.left.sorting,
div.dt-scroll-headInner table.bord_datatable thead tr:nth-child(1) th.left.dt-orderable-asc,
div.dt-scroll-headInner table.bord_datatable thead tr:nth-child(1) th.left.dt-orderable-desc {
	background: url('/images/igsqw_sort_both.png') no-repeat center left;
}

table.bord_datatable thead th.right.sorting_asc,
table.bord_datatable thead th.right_sort.sorting_asc,
div.dt-scroll-headInner table.bord_datatable thead tr:nth-child(1) th.right.dt-ordering-asc {
	background: url('/images/igsqw_sort_asc.png') no-repeat center right;
}

table.bord_datatable thead th.left.sorting_asc,
div.dt-scroll-headInner table.bord_datatable thead tr:nth-child(1) th.left.dt-ordering-asc {
	background: url('/images/igsqw_sort_asc.png') no-repeat center left;
}

table.bord_datatable thead th.right.sorting_desc,
table.bord_datatable thead th.right_sort.sorting_desc,
div.dt-scroll-headInner table.bord_datatable thead tr:nth-child(1) th.right.dt-ordering-desc {
	background: url('/images/igsqw_sort_desc.png') no-repeat center right;
}

table.bord_datatable thead th.left.sorting_desc,
div.dt-scroll-headInner table.bord_datatable thead tr:nth-child(1) th.left.dt-ordering-desc {
	background: url('/images/igsqw_sort_desc.png') no-repeat center left;
}


table.bord_datatable thead th.right.sorting_asc_disabled,
table.bord_datatable thead th.right_sort.sorting_asc_disabled {
	background: url('/images/igsqw_sort_asc_disabled.png') no-repeat center right;
	cursor: default;
}

table.bord_datatable thead th.left.sorting_asc_disabled {
	background: url('/images/igsqw_sort_asc_disabled.png') no-repeat center left;
	cursor: default;
}

table.bord_datatable thead th.right.sorting_desc_disabled,
table.bord_datatable thead th.right_sort.sorting_desc_disabled {
	background: url('/images/igsqw_sort_desc_disabled.png') no-repeat center right;
}

table.bord_datatable thead th.left.sorting_desc_disabled {
	background: url('/images/igsqw_sort_desc_disabled.png') no-repeat center left;
}

table.bord_datatable thead input {
	width: 100%;    /* "bAutoWidth": true */
	color: #151515;
	padding: 2px 0 0 2px ;
    font-family: NunitoSans, Arial, Verdana, Tahoma;
    font-size: 12px;
    border-radius: 4px;
    border: solid 0.7px #9EA0A1;
    background-color: rgba(95, 98, 132, 0.15);
}

table.bord_datatable thead input.search_init {
/*	color: #1d203b;	*/
	color: #c0c0c0;
    padding: 3px 0 2px 5px ;
    font-family: NunitoSans, Arial, Verdana, Tahoma;
    font-size: 11px;
    border-radius: 4px;
    border: solid 0.7px #ddd;
    background-color: #fff;
}

table.bord_datatable thead input::-ms-clear {
    display: none;
}

table.bord_datatable thead input.search_init:focus {
  /*font-weight: 600;
  color: #424666;
  font-style: normal; */
  box-shadow: 0 16px 34px 0 rgba(190, 194, 199, 0.17);
  border: solid 0.8px #ff6700;
}	

table.bord_datatable thead input.search_init:not(focus) {
 /* font-weight: 500;
  font-style: italic;
  color: #c0c0c0;
  box-shadow: 0; */
  border: solid 1px rgba(82, 85, 104, 0.2);
}	

table.bord_datatable thead input.no_search_init {
	border-color : #fff;
	color: #fff;
	background-color: #fff;
}

table.bord_datatable thead input.massupd_all_smaller {
    webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
	width: 10px;
    height: 10px;
	border: 1px solid #ff6d0c;
    background-color: #fff;
	border-radius: 0;
    margin: 0 10px -2px -5px;
    padding: 0;
}

table.bord_datatable thead input.massupd_all_smaller:checked {
    background-color: #ff6d0c;
}

table.bord_datatable tbody th,
table.bord_datatable tbody td {
	border-bottom: 1px solid grey;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
	color: #424666;
	/*padding: 4px 2px;*/
    white-space: nowrap;
}

/*table.bord_datatable tfoot {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px; 	
    box-shadow: 0 16px 34px 0 #e9e9ee; 
}	*/

table.bord_datatable tfoot th,
table.bord_datatable tfoot td {
	padding: 7px 5px 10px 5px;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
	/* color: #f90; */
	color: #f6761f;
	/*color: #ff6700;*/
    /*color: #FC7F3C;*/
}

table.bord_datatable tfoot th.right {
	text-align: right;
}

table.bord_datatable tfoot th.left {
	text-align: left;
}

table.bord_datatable tfoot th.border {
	border-right: 1px solid #aaa;
}

/*table.bord_datatable tr {
	vertical-align:top;
}*/

table.bord_datatable tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

/*table.bord_datatable tr {
	height: 10px;
} */

table.bord_datatable tr.top {
	border-top: 1px solid #aaa;	
}

table.bord_datatable td a {
	text-decoration: none;
}

/*table.bord_datatable td {
	padding: 3px 5px 3px 5px;
/*	white-space: nowrap;
	text-overflow: ellipsis;  */
/*} */

table.bord_datatable td.center {
	text-align: center;
	padding: 5px 4px 4px 4px;
}

table.bord_datatable td.admin_center {
	text-align: center;
	padding: 2px 4px 2px 4px;
}

table.bord_datatable td.right {
	text-align: right;
	padding: 5px 15px 4px 15px;
}

table.bord_datatable td.admin_right {
	text-align: right;
	padding: 2px 15px 2px 5px;
}

table.bord_datatable td.left {
	text-align: left;
	padding: 5px 15px 4px 15px;
}

table.bord_datatable td.admin_left {
	text-align: left;
	padding: 2px 5px 2px 15px;
}

table.bord_datatable td.admin_checkbox {
	text-align: left;
	padding: 2px 5px 0 15px;
}

table.bord_datatable td.manage_left {
	text-align: left;
	padding: 2px 5px 0px 15px;
}

table.bord_datatable td.html {
	text-decoration: underline;
}
 
table.bord_datatable thead th:active,
table.bord_datatable thead td:active {
	outline: none;
}

.dataTables_wrapper,
.dt-container {
	position: relative;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing,
.dt-processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;  
	color: #999;
	font-size: 10px;
	background-color: white;
}

/*div.dataTables_processing { z-index: 1; } */

.dataTables_length,
.dt-length {
	width: 20%;
	float: left;
}

.dataTables_filter,
.dt-search {
	height: 27px;
/*	width: 30%;  */
	float: right;
	text-align: right;
}

.dataTables_filter input::placeholder,
.dt-search input::placeholder/*,
.dataTables_filter input::-webkit-input-placeholder,
.dataTables_filter input:-ms-input-placeholder*/{
  color: #c0c0c0;
  font-size: 11px;
}

.dataTables_filter input:focus::placeholder,
.dt-search input:focus::placeholder {
  opacity: 0;
}

.dataTables_info,
.dt-info {
	width: 23%;  
	float: left;
	padding: 0 0 0 10px;
	font-size: 11px;
}

.top .dataTables_info,
.top .dt-info {
	float: none;
}

.dataTables_paginate,
.dt-paging {
	float: right;
	text-align: right;
	padding: 0 10px 0 0;
	font-size: 11px;
}

.dataTables_wrapper .dataTables_length,
.dt-container .dt-length {
  padding: 7px 2px 15px 28px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 11px;
}

.dataTables_wrapper .dataTables_length select,
.dt-container .dt-length select {
  color: #707283;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-weight: 500;
  font-size: 12px;
  padding-right: 5px;
  margin: 0 3px 0 2px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(64, 80, 124, 0.18);
}

.dataTables_wrapper .dataTables_filter,
.dt-container .dt-search {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 0 2px 0;
  padding-right: 1%;
  width: 35%;
}

.dataTables_wrapper .dataTables_filter input,
.dt-container .dt-search input {
  color: #c0c0c0;
  padding: 2px 0 2px 4px;
  margin: 0 0 2px 3px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 12px;
  border-radius: 4px;
  border: solid 0.7px #ddd;
  background-color: #fff;
  width: 26%;
  min-width: 110px;
}

/*.dataTables_wrapper .dataTables_filter input::placeholder {
  color: #c0c0c0;
  font-size: 11px;
}

.dataTables_wrapper .dataTables_filter input:focus::placeholder {
  opacity: 0;
}
*/
.dataTables_wrapper .dataTables_filter input:focus,
.dt-container .dt-search input:focus {
  color: #151515;
  box-shadow: 0 16px 34px 0 rgba(190, 194, 199, 0.17);
  background-color: rgba(95, 98, 132, 0.15);
  border: solid 0.7px #aaa;
  outline: none;
}	

.dataTables_wrapper .dataTables_filter input:not(:placeholder-shown),
.dt-container .dt-search input:not(:placeholder-shown){
  color: #151515;
  background-color : rgba(95, 98, 132, 0.15);
  border: solid 0.7px #aaa;
}

.dataTables_wrapper .dataTables_filter input:not(:-ms-input-placeholder),
.dt-container .dt-search input:not(:-ms-input-placeholder){
  color: #151515;
  background-color : rgba(95, 98, 132, 0.15);
  border: solid 0.7px #aaa;
}

.dataTables_wrapper .dataTables_filter input:not(focus),
.dt-container .dt-search input:not(focus) {
  background-color : #fff;
  border: solid 0.7px #ddd;
}

.dataTables_wrapper .dataTables_info,
.dt-container .dt-info {
  padding: 9px 0 9px 10px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 11px;
}

div.dt-buttons {
  position: relative;
  float: left;
  width: 38%;
  padding-left: 8px;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}

.dt-button.bord_button, .bord_button.dt-button,
.dt-button.bord_button span, .bord_button.dt-button span {
	width: 18px;
    height: 15px;
    color: white !important;
	border: 1px solid #5f6284!important; 
    background-color: #5f6284!important;
    background: #5f6284; /* Old browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f6284), color-stop(100%, #5f6284))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5f6284 0%, #5f6284 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #5f6284 0%, #5f6284 100%)!important; /* FF3.6+ */
    background: -ms-linear-gradient(top, #5f6284 0%, #5f6284 100%)!important; /* IE10+ */
    background: -o-linear-gradient(top, #5f6284 0%, #5f6284 100%)!important; /* Opera 11.10+ */
    background: linear-gradient(to bottom, #5f6284 0%, #5f6284 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5f6284', EndColorStr='#5f6284');
    
  /*  border: 1px solid #1d203b!important; 
	background-color: #9396b1!important;
	background: #9396b1; /* Old browsers */
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9396b1), color-stop(100%, #5f6284))!important; /* Chrome,Safari4+ */
  /*  background: -webkit-linear-gradient(top, #9396b1 0%, #5f6284 100%)!important; /* Chrome10+,Safari5.1+ */
  /*  background: -moz-linear-gradient(top, #9396b1 0%, #5f6284 100%)!important; /* FF3.6+ */
  /*  background: -ms-linear-gradient(top, #9396b1 0%, #5f6284 100%)!important; /* IE10+ */
  /*  background: -o-linear-gradient(top, #9396b1 0%, #5f6284 100%)!important; /* Opera 11.10+ */
  /*  background: linear-gradient(to bottom, #9396b1 0%, #5f6284 100%)!important; /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#9396b1', EndColorStr='#5f6284');  */
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-weight: 500;
	font-size: 11px;
	padding: 4px 4px;
	margin: 0 3px 0 2px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration: none;
}

.dt-button.bord_button:hover {
  box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);
  border: 1px solid #262943!important; 
  background-color: #1d203b!important;
  background: #1d203b; /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262943), color-stop(100%, #1d203b))!important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #262943 0%, #1d203b 100%)!important; /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #262943 0%, #1d203b 100%)!important; /* FF3.6+ */
  background: -ms-linear-gradient(top, #262943 0%, #1d203b 100%)!important; /* IE10+ */
  background: -o-linear-gradient(top, #262943 0%, #1d203b 100%)!important; /* Opera 11.10+ */
  background: linear-gradient(to bottom, #262943 0%, #1d203b 100%)!important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262943', endColorstr='#1d203b',GradientType=0 ); /* IE6-9 */
}  
  
.dtdt-button.bord_button:hover {
  box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);  
  background-color: #fff!important;
  background: #fff; /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff))!important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #fff 100%)!important; /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #fff 0%, #fff 100%)!important; /* FF3.6+ */
  background: -ms-linear-gradient(top, #fff 0%, #fff 100%)!important; /* IE10+ */
  background: -o-linear-gradient(top, #fff 0%, #fff 100%)!important; /* Opera 11.10+ */
  background: linear-gradient(to bottom, #fff 0%, #fff 100%)!important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fff', EndColorStr='#fff');
}

/* clears the blue frame from Chrome */
.dt-button.bord_button:focus {
	outline: none;
}

.dt-button.bord_button a,
.bord_button.dt-button a {
	color: #1d203b !important;
    border: 0;
    background-color: #ff6d0c!important;
	background-image: -webkit-linear-gradient(240deg, #ff6d0c, #f6761f);
    background-image: -moz-linear-gradient(240deg, #ff6d0c, #f6761f);
    background-image: -ms-linear-gradient(240deg, #ff6d0c, #f6761f);
    background-image: -o-linear-gradient(240deg, #ff6d0c, #f6761f);
    background-image: linear-gradient(240deg, #ff6d0c, #f6761f);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ff6d0c', EndColorStr='#f6761');
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-weight: 500;
	font-size: 11px;
	margin: 5px 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration: none;
}

button.dt-button, div.dt-button, a.dt-button {
	color: #fff !important;
    border: 0;
    background-color: #5f6284!important;
	background-image: -webkit-linear-gradient(240deg, #5f6284, #5f6284);
    background-image: -moz-linear-gradient(240deg, #5f6284, #5f6284);
    background-image: -ms-linear-gradient(240deg, #5f6284, #5f6284);
    background-image: -o-linear-gradient(240deg, #5f6284, #5f6284);
    background-image: linear-gradient(240deg, #5f6284, #5f6284);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5f6284', EndColorStr='#5f6284');
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-weight: 500;
	font-size: 11px;
	padding: 4px 12px 4px 12px;
	margin: 5px 0;
	/*margin: 5px 0;*/
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration: none;
}
	
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
	box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);
	background-color: #1d203b!important;
	background-image: -webkit-linear-gradient(240deg, #1d203b, #1d203b);
    background-image: -moz-linear-gradient(240deg, #1d203b, #1d203b);
    background-image: -ms-linear-gradient(240deg, #1d203b, #1d203b);
    background-image: -o-linear-gradient(240deg, #1d203b, #1d203b);
    background-image: linear-gradient(240deg, #1d203b, #1d203b);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1d203b', EndColorStr='#1d203b');
	text-decoration: none;
}

span.dt-button-down-arrow {
	padding-left: 4px;
}	

button.dt-button.buttons-collection.buttons-colvis,
div.dt-button.buttons-collection.buttons-colvis,
a.dt-button.buttons-collection.buttons-colvis {
  position: absolute;
  top: 0;
  right: 5px;
  text-decoration: none;
}

button.cancel_detail {
	width: 50px;
	height: 50px;
	border: none;
	background: url('/images/igsqw_popup_close.png') no-repeat center center;
	background-size: cover;
	cursor: pointer;
}

button.cancel_detail:hover {
	width: 50px;
	height: 50px;
	border: none;
	background: url('/images/igsqw_popup_close_active.png') no-repeat center center;
	background-size: cover;
	cursor: pointer;
}

button.user_name {
	width: 22px;
	height: 22px;
	padding: 22px 0 0 11px;
	border: none;
	background: url('/images/igsqw_user_name.png') no-repeat center center;
	background-size: cover;
	cursor: pointer;
	opacity: 0.3;
	/* IE8 et antérieurs */
	filter: alpha(opacity=30);
}

button.user_name span {
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: 600;
	/*color: #5f6284;*/
	color: #1d203b;
	display:block; 
	position:absolute; 
	margin-left: -4px;
	-webkit-margin-start: -5px;
	margin-top: -18px;
}

button.user_name:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*button.user_name span:hover {
	color: #f6761f;
}	*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes                                                *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 
table.bord_datatable tr.odd.gradeA {
	background-color: #ddffdd;
}

table.bord_datatable tr.even.gradeA {
	background-color: #eeffee;
}

table.bord_datatable tr.odd.gradeC {
	background-color: #ddddff;
}

table.bord_datatable tr.even.gradeC {
	background-color: #eeeeff;
}

table.bord_datatable tr.odd.gradeX {
	background-color: #ffdddd;
}

table.bord_datatable tr.even.gradeX {
	background-color: #ffeeee;
}

table.bord_datatable tr.odd.gradeU {
	background-color: #ddd;
}

table.bord_datatable tr.even.gradeU {
	background-color: #eee;
}
*/

table.bord_datatable tr.manage {
	vertical-align: top;
}

/* couleurs lignes tableau classiques */

table.bord_datatable tr {
	background-color: #fff; 
}

table.bord_datatable tr.odd {
	background-color: #fff; 
}

table.bord_datatable tr.even {
	background-color: #fff;
}

table.bord_datatable tr a,
table.bord_datatable tr.odd a,
table.bord_datatable tr.even a {
	color: #ff6600;
}	

table.bord_datatable tr a:hover,
table.bord_datatable tr.odd a:hover,
table.bord_datatable tr.even a:hover {
	color: #2a2a2a;
	text-decoration: underline;
}	

table.bord_datatable tr.row_selected td, 
table.bord_datatable tr.odd.row_selected td,
table.bord_datatable tr.even.row_selected td  {
	background-color: #4f516d;
	color: #fff;
/*	font-size: 11px;*/
	font-weight: 600;
}

table.bord_datatable tr.row_selected td a,
table.bord_datatable tr.odd.row_selected td a,
table.bord_datatable tr.even.row_selected td a {
	color: #fead34; 
}

table.bord_datatable tr.row_selected td a:hover,
table.bord_datatable tr.odd.row_selected td a:hover,
table.bord_datatable tr.even.row_selected td a:hover {
	color: #fff; 
	text-decoration: underline;
}

table.bord_datatable tr.mass_selected td,
table.bord_datatable tr.odd.mass_selected td,
table.bord_datatable tr.even.mass_selected td {
	background-color: #fff1e8;
}

table.bord_datatable tr.cell_truncated td {
  max-width:40px;
  color: red;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} 

table.bord_datatable td.dataTables_empty,
table.bord_datatable td.dt-empty {
	color: #de261b;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
	padding: 4px 0 4px 5px;
}	

div.dt-button-info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	margin-top: -100px;
	margin-left: -200px;
	background-color: white;
	border: 2px solid #111;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	text-align: center;
	z-index: 21;
}

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info > div {
  padding: 1em;
}

.scroll {
	overflow: ellipsis; /* si ça dépasse on affiche la scrollbar */ 
}

.dataTables_scroll,
.dt-scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.dt-scroll-sizing {
	height: 0 !important;
	overflow: hidden !important;
}

.webdba_Table_alt_pagination div.dataTables_info,
.ltsqw_Admin_Table_alt_pagination div.dataTables_info,
.webdba_Table_alt_pagination div.dt-info,
.ltsqw_Admin_Table_alt_pagination div.dt-info{
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	float: left;
	height: 21px;
	line-height: 17px;
	padding-top: 6px;
}

.paging_full_numbers a:active {
	outline: none;
}

.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active,
.paging_full_numbers button.dt-paging-button,
.paging_full_numbers button.dt-paging-active {
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #1d203b;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 0.9em;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers button.dt-paging-button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover,
.paging_full_numbers button.dt-paging-button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.paging_full_numbers button.dt-paging-button,
.paging_full_numbers button.dt-paging-button:hover {
    color: #1d203b !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.paging_full_numbers button.dt-paging-button.current, 
.paging_full_numbers button.dt-paging-button.current:hover {
    color: white !important;
    border: 1px solid #1d203b!important;
    background-color: #1d203b!important;
	background: #1d203b; /* Old browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d203b), color-stop(100%, #1d203b))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1d203b 0%, #1d203b 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #1d203b 0%, #1d203b 100%)!important; /* FF3.6+ */
	background: -ms-linear-gradient(top, #1d203b 0%, #1d203b 100%)!important; /* IE10+ */
    background: -o-linear-gradient(top, #1d203b 0%, #1d203b 100%)!important; /* Opera 11.10+ */
	background: linear-gradient(to bottom, #1d203b 0%, #1d203b 100%)!important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d203b', endColorstr='#1d203b',GradientType=0 ); /* IE6-9 */
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before, 
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    background-color: #31b131;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  z-index: 2002;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #b3b6d8;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #b3b6d8 0%, #b3b6d8 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #b3b6d8 0%, #b3b6d8 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #b3b6d8 0%, #b3b6d8 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #b3b6d8 0%, #b3b6d8 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #b3b6d8 0%, #b3b6d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b3b6d8', EndColorStr='#b3b6d8');
}

div.dt-button-collection button.dt-button.active:not(.disabled):hover,
div.dt-button-collection button.dt-button.active:not(.disabled):hover,
div.dt-button-collection div.dt-button:active:not(.disabled):hover,
div.dt-button-collection div.dt-button.active:not(.disabled):hover,
div.dt-button-collection a.dt-button:active:not(.disabled):hover,
div.dt-button-collection a.dt-button.active:not(.disabled):hover {
	color: #fff;
	box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);
	background-color: #1d203b!important;
	background-image: -webkit-linear-gradient(240deg, #1d203b, #1d203b);
    background-image: -moz-linear-gradient(240deg, #1d203b, #1d203b);
    background-image: -ms-linear-gradient(240deg, #1d203b, #1d203b);
    background-image: -o-linear-gradient(240deg, #1d203b, #1d203b);
    background-image: linear-gradient(240deg, #1d203b, #1d203b);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1d203b', EndColorStr='#1d203b');
}

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}

div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 10px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* Fallback */
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE10 Consumer Preview */
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Firefox */
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Opera */
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Webkit (Chrome 11+) */
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting                                                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*.sorting_asc {
	background: url('/images/igsqw_sort_asc.png') no-repeat center left;
}

.sorting_desc {
	background: url('/images/igsqw_sort_desc.png') no-repeat center left;
}

.sorting {
	background: url('/images/igsqw_sort_both.png') no-repeat center left;
}

.sorting_asc_disabled {
	background: url('/images/igsqw_sort_asc_disabled.png') no-repeat center left;
	cursor: default;
}

.sorting_desc_disabled {
	background: url('/images/igsqw_sort_desc_disabled.png') no-repeat center left;
}
*/

/*******************************************/
/*        Table tooltip donut              */
/*******************************************/
 
table.tooltip_donut_table {
	width: 100%;
	height: 100%;
	border-spacing: 1px;
  /*border-collapse: collapse; */
	margin: 0;
	border: 0;
	padding: 0;
}

table.tooltip_donut_table tr {
	margin: 0;
	border: 0;
	padding: 0;
}

table.tooltip_donut_table td {
	margin: 0;
	border: 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0.56px;
   	box-shadow: 0 2px 24px 0 rgba(64, 80, 124, 0.18);
	background-color: #262943;
	color: #fff;
	padding: 8px 14px;
	font-size: 12px;
}

table.tooltip_donut_table td.top {
	text-align: right;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px; 	
}

table.tooltip_donut_table td.bottom {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px; 	
}	

/********************************************/
/*       Tooltip                            */
/********************************************/

.tooltip_dbms {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #1d203b;
}

.tooltip_dbms .tooltiptext_dbms {
  visibility: hidden;
  width: 89px;
  height: 40px;
  box-shadow: 0 2px 14px 0 rgba(64, 80, 124, 0.5);
  background-color: #5f6284;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 10px;
  letter-spacing: 0.7px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px 0; 
  position: absolute; 
  z-index: 1;
  left: 130%;
 }

.tooltip_dbms .tooltiptext_dbms::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #5f6284 transparent transparent;
}

.tooltip_dbms:hover .tooltiptext_dbms {
  visibility: visible;
  opacity: 1;
}

.tooltip_menu {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #262943;
}

.tooltip_menu .tooltiptext_menu {
  visibility: hidden;
  width: 100px;
  height: 40px;
  box-shadow: 0 2px 14px 0 rgba(64, 80, 124, 0.5);
  background-color: #5f6284;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 11px;
  letter-spacing: 0.7px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px 0; 
  position: absolute; 
  z-index: 1;
  left: 160%;
  margin-top: -12px;
 }

.tooltip_menu .tooltiptext_menu a {
  text-decoration: none;
}

.tooltip_menu .tooltiptext_menu::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #5f6284 transparent transparent;
}

.tooltip_menu:hover .tooltiptext_menu {
  visibility: visible;
  opacity: 1; 
}

.text_open_menu {
  /* display: none; */
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  letter-spacing: 0.8px;
  color: rgba(147, 150, 177, 0.7);
  text-align: left;
  line-height: 40px;
  padding: 0 0 15px 48px;
}

.text_open_menu:hover {
  display: block;
  color: #fff;
}

.text_open_menu_active {
  /* display: none; */
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  letter-spacing: 0.8px;
  color: #fff;
  text-align: left;
  line-height: 40px;
  padding: 0 0 15px 48px; 
}

.txt_open_menu {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  letter-spacing: 0.8px;
  color: rgba(147, 150, 177, 0.7);
  text-align: left;
  line-height: 40px;
  padding: 0 0 15px 48px;
}

.txt_open_menu:hover {
  display: block;
  color: #fff;
}

.txt_open_menu_active {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  letter-spacing: 0.8px;
  color: #fff;
  text-align: left;
  line-height: 40px;
  padding: 0 0 15px 48px; 
}


/********************************************/
/*       Images                             */
/********************************************/
.rect_dbms_img,
.rect_dbms_detail_img {
  padding: 8px 0;
  width: 41px;
  height: 41px;
  opacity: 0.5;
  /* IE8 et antérieurs */
  filter: alpha(opacity=50);
}

.rect_dbms_img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.rect_dbms_img_active,
.rect_dbms_detail_img_active {
  padding: 8px 0;
  width: 41px;
  height: 41px;
}

.rect_dbms_detail_img:hover,
.rect_dbms_detail_img_active:hover {
   cursor: default;
} 

.rect_dbms_bottom_img {
  width: 41px;
  height: 41px;
  padding: 8px 0 5px 0; 
  opacity: 0.5;
  /* IE8 et antérieurs */
  filter: alpha(opacity=50);
}

.rect_dbms_bottom_img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.rect_logo_client_img {
  /*max-height: 55px; 
  max-width: 55px;*/
  height: 46px;
  width: 46px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2px 0 0;
} 

.rect_logo_client_detail_img {
  height: 46px;
  width: 46px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2px 0 0;
  cursor: default;
} 

.rect_logo_client_logon_img {
  max-height: 70px; 
  max-width: 70px;
  display: block;
  cursor: default;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 0 20px;
} 

.separation_dbms_img {
  width: 31px;
  height: 9px;
  padding: 2px 0 6px 0;
  cursor: default;
 /* object-fit: contain; */
}

.rect_admin_img {
  width: 41px;
  height: 41px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.rect_admin_img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.rect_admin_img_active {
  padding: 0 0 0 3%;
  width: 41px;
  height: 41px;
  position: absolute; 
  bottom: 0;
  left: 5px;
}

.chevron_menu_open_img {
  width: 6px;
  height: 10px;
  padding: 10px 0 0 0;
}

.chevron_menu_open_detail_img {
  width: 6px;
  height: 10px;
  padding: 10px 0 0 0;
  cursor: default;
}

.chevron_menu_close_img {
  width: 6px;
  height: 10px;
  padding: 10px 0 0 150px;
}

.rect_menu_img {
  padding: 1px 0 0;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
} 

.rect_menu_img_selected {
  padding: 1px 0 0;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  background-color: #1d203b;
}

.rect_menu_img a, 
.rect_menu_img_selected a {
  text-decoration: none;
}

.rect_menu_open_img {
  padding: 1px 0 0;
  width: 160px;
  height: 38px;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
} 

.rect_menu_open_img_selected {
  padding: 1px 0 0;
  width: 160px;
  height: 38px;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  background-color: #1d203b;
}

.rect_menu_open_img a, 
.rect_menu_open_img_selected a {
  text-decoration: none;
}

.cadrage_menu_img_selected {
  width: 26px;
  height: 26px;
  position: absolute; 
  bottom: 7px;
  left : 7px;
}

.cadrage_menu_detail_img_selected {
  width: 26px;
  height: 26px;
  position: absolute; 
  bottom: 7px;
  left : 7px;
  cursor: default;
}

.icon-instance {
  width: 22px;
  height: 25px;
}

#inputInstance {
  margin-left: 0;
}	

#inputInstance_open {
  margin-left: 9px;
}	

.btn_orange_sqw_img {
  width: 16px;
  height: 24px;
  float: right;
  padding: 9px 15px 8px 0px;
  position: relative;
  outline-style: none;
  /*left: 7px;*/
}

.btn_blanc_sqw_img {
  float:right;
  padding: 20px 14px 0;
}

.btn_search_img {
  /*position: absolute;
  top: 50%;
  transform: translateY(-50%); */
  width: 16px;
  height: 16px;
  float:left;
  padding: 11px 0 0 15px;
}

.btn_global_search_img {
  width: 16px;
  height: 16px;
  padding: 0 5px 0 0;
}

.option_icon_rect_img_1 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: solid 0.7px #ffffff;
  position: relative;
  margin-top: 2%;
  left: 25%;
}

.option_icon_rect_img_2 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: solid 0.7px #ffffff;
  position: relative;
  margin-top: 10%;
  left: 25%;
}

.option_icon_rect_img_3 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);
  position: relative;
  margin-top: 10%;
  left: 25%;
}

.option_bord_rect_img {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  /*border: solid 0.7px rgba(95, 98, 132, 0.45); */
  border: solid 0.7px #aaa;
  background-color: #fff;
  position: relative;
  margin: 5% 0 3% 3%;
  left: 7%;
}

.option_bord_no_rect_img {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  /*border: solid 0.7px rgba(95, 98, 132, 0.45); */
  background-color: #fff;
  position: relative;
  margin: 5% 0 3% 3%;
  left: 7%;
}

.option_bord_rect_img:hover,
.option_bord_no_rect_img:hover {
  box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);
  background-color : rgba(95, 98, 132, 0.15);
  /*background-color: #cacbda!important;
  background: #cacbda; /* Old browsers */
 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacbda), color-stop(100%, #cacbda))!important; /* Chrome,Safari4+ */
 /* background: -webkit-linear-gradient(top, #cacbda 0%, #cacbda 100%)!important; /* Chrome10+,Safari5.1+ */
 /* background: -moz-linear-gradient(top, #cacbda 0%, #cacbda 100%)!important; /* FF3.6+ */
 /* background: -ms-linear-gradient(top, #cacbda 0%, #cacbda 100%)!important; /* IE10+ */
 /* background: -o-linear-gradient(top, #cacbda 0%, #cacbda 100%)!important; /* Opera 11.10+ */
 /* background: linear-gradient(to bottom, #cacbda 0%, #cacbda 100%)!important; /* W3C */
 /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#cacbda', EndColorStr='#cacbda'); */
}  

.save_option_bord_rect_img:hover{
  box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);
  border: 1px solid #9396b1!important; 
  background-color: #9396b1!important;
  background: #9396b1; /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #9396b1))!important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #9396b1 100%)!important; /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #fff 0%, #9396b1 100%)!important; /* FF3.6+ */
  background: -ms-linear-gradient(top, #fff 0%, #9396b1 100%)!important; /* IE10+ */
  background: -o-linear-gradient(top, #fff 0%, #9396b1 100%)!important; /* Opera 11.10+ */
  background: linear-gradient(to bottom, #fff 0%, #9396b1 100%)!important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fff', EndColorStr='#9396b1');
}

.option_bord_rect_bl_img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: solid 0.7px rgba(95, 98, 132, 0.45);
  background-color: #1d203b;
  position: relative;
  margin-top: 5%;
  left: 7%;
}

.option_bord_rect_bl_img:hover{
  box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);
}

.option_bord_rect_double_img {
  width: 55px;
  height: 28px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  /*border: solid 0.7px rgba(95, 98, 132, 0.45); */
  border: solid 0.7px #aaa;
  background-color: #fff;
  position: relative;
  margin: 5% 0 3% 0;
  left: 7%;
}

.option_bord_rect_double_img:hover{
  box-shadow: 0 6px 14px 0 rgba(64, 80, 124, 0.14);
  background-color : rgba(95, 98, 132, 0.15);
}  

.option_bord_rect_dbl_gris_img {
  width: 55px;
  height: 28px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  /*border: solid 0.7px rgba(95, 98, 132, 0.45); */
  border: solid 0.7px #aaa;
  background-color: #bababa;
  position: relative;
  margin: 5% 0 3% 0;
  left: 7%;
  pointer-events: none;
  opacity: 0.3;
}

.option_graph_img {
  position: relative;
  top: 25%;
  left: 20%;
}

.option_icon_img_rect {
  width: 20px;
  height: 16px;
  position: relative;
  /*top: 24%;
  left: 15%; */
  top: 6px;
  left: 4px;
}

.option_icon_img_rect_help {
  width: 19px;
  height: 15px;
  position: relative;
  top: 6px;
  left: 5px;
}

.option_icon_img_rect_manage {
  width: 20px;
  height: 16px;
  position: relative;
  top: 22%;
  left: 15%;
}

.option_icon_img_rect_bl {
  width: 20px;
  height: 18px;
  position: relative;
  top: 7px;
  left: 5px;
  background-color: #1d203b;
}

.option_icon_img_rect_global {
  width: 21px;
  height: 17px;
  position: relative;
  top: 6px;
  left: 4px;
}

.option_icon_img_rect_double {
  width: 42px;
  height: 16px;
  position: relative;
 /* top: 21%;
  left: 11%; */
  top: 6px;
  left: 5px;
}

.option_btn_img_rect_double {
  width: 42px;
  height: 16px;
  position: relative;
  right: 1px;
}

/*.option_icon_img_rect_rights {
  width: 31px;
  height: 25px;
  position: relative;
  top: 0%;
  right: 10%;
}  */

.option_icon_img_rect_rights {
  width: 25px;
  height: 20px;
  position: relative;
  top: 14%;
  left: 7%;
}

.option_icon_img_rect_sched {
  width: 25px;
  height: 20px;
  position: relative;
  top: 4px;
  left: 2px;
}

.option_icon_img_carre {
  width: 20px;
  height: 20px;
  position: relative;
  top: 25%;
  left: 24%;
}

/*.btn_orange_sqw_img {
  width: 16px;
  height: 24px;
  float:right;
  padding: 9px 15px 8px 0; 
  position: relative;
}
*/

.option_libel_2x {
  margin-top: 10%;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-align: center;
  color: #fff;
}

.option_libel_3x_1 {
  margin-top: 15%;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-align: center;
  color: #fff;
}

.option_libel_3x_2 {
  margin-top: 10%;
  margin-right: 4%;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-align: center;
  color: #fff;
}

.langue_flag_img {
  width: 15px;
  height: 15px;
  padding: 0 10px 4px 6px;
  opacity: 0.5;
  /* IE8 et antérieurs */
  filter: alpha(opacity=50);
}

.langue_flag_img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.langue_current_img {
  width: 30px;
  height: 30px;
  padding: 0 0 0 10px;
  position: relative;
  top: 11px;
  cursor: default;
}

.langue_new_img {
  width: 30px;
  height: 30px;
  padding: 0 0 0 10px;
  opacity: 0.5;
  /* IE8 et antérieurs */
  filter: alpha(opacity=50);
  position: relative;
  top: 11px;
}

.langue_new_img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.logon_img {
  width: 417px;
  height: 441px;
  padding-top: 10px;
  cursor: default;
  position: absolute;
  left: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */
}

.license_warning_img {
  width: 158px;
  height: 155px;
  padding-top: 10px;
  cursor: default;
  position: absolute;
  left: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */
}

.license_forbidden_img {
  width: 105px;
  height: 156px;
  padding-top: 9px;
  cursor: default;
  position: absolute;
  left: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */
}

.more_options_img {
  width: 5px;
  height: 21px;
  padding-top: 10px;
}

.more_options_help_img {
  width: 3px;
  height: 12px;
  padding-top: 10px;
}

.admin_action_edit  {
	width: 13px;
	height: 13px;
	border: none;
	padding: 0 9px 1px 0;
}

.admin_action_create  {
	width: 13px;
	height: 13px;
	border: none;
	padding: 0 11px 1px 0;
}

.admin_action_duplicate  {
	width: 14px;
	height: 14px;
	border: none;
	padding: 0 11px 1px 0;
}

.admin_action_dbalias  {
	width: 12px;
	height: 12px;
	border: none;
	padding: 0 9px 2px 0;
}

.admin_action_reset  {
	width: 11px;
	height: 13px;
	border: none;
	padding: 0 11px 1px 0;
} 

.admin_action_delete  {
	width: 11px;
	height: 13px;
	border: none;
	padding: 0 0 1px 0;
}

.admin_action_grant  {
	width: 11px;
	height: 12px;
	border: none;
	padding: 1px 1px 1px 11px;
}

.admin_action_run  {
	width: 8px;
	height: 10px;
	border: none;
	padding: 1px 1px 2px 12px;
}	

.admin_action_kill  {
	width: 13px;
	height: 14px;
	border: none;
	padding: 0 0 0 0;
}

.admin_checkbox_dbalias  {
	width: 12px;
	height: 12px;
	border: none;
	padding: 0 9px 0 5px;
}

.admin_checkbox_edit  {
	width: 13px;
	height: 13px;
	border: none;
	padding: 0 9px 0 0;
}

.admin_checkbox_duplicate  {
	width: 14px;
	height: 14px;
	border: none;
	padding: 0 11px 0 0;
}

.admin_checkbox_delete  {
	width: 11px;
	height: 13px;
	border: none;
	padding: 0 0 0 0;
}

.jobs_action  {
	width: 17px;
	height: 17px;
	border: none;
	padding: 2px 10px 2px 7px;
}

.jobs_command  {
	width: 17px;
	height: 17px;
	border: none;
	padding: 0 0 0 0;
	cursor: default;
	position: absolute;
}

.jobs_dbms  {
	width: 18px;
	height: 18px;
	border: none;
	padding: 0;
	cursor: default; 
	position: absolute;
	/*transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */
}

/********************************************/
/*       Boutons                            */
/********************************************/
.btn_orange_sqw {
  width: 140px;
  height: 42px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  padding-left: 20px;
  border: 0;  
  cursor: pointer;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative;
}

.btn_orange_sqw_open {
  width: 189px;
  height: 42px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  padding-left: 20px;
  border: 0;  
  cursor: pointer;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative;
}

.btn_orange_sqw_libel {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.7px;
  font-weight: 800;  
  position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.btn_admin_sqw {
  width: 140px;
  height: 42px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  padding-left: 20px;
  border: 0;  
  cursor: default;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative;
}

.btn_admin_sqw_open {
  width: 189px;
  height: 42px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  padding-left: 20px;
  border: 0;  
  cursor: default;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative;
}

.btn_admin_sqw_libel {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.7px;
  font-weight: 800;  
  position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  margin-left: 25px;
}

.btn_central_sqw_libel {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.7px;
  font-weight: 800;  
  position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  margin-left: 16px;
}

.btn_orange_sqw_115 {
  width: 130px;
  height: 45px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border: 0;  
  cursor: pointer;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative; 
}

.btn_orange_sqw_libel_115 {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  color: #fff;
  font-size: 14px;
  font-weight: 900;  
  position: relative;
}

.btn_orange_sqw_fr {
  width: 150px;
  height: 45px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border: 0;  
  cursor: pointer;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative; 
}

.btn_orange_sqw_en {
  width: 115px;
  height: 45px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border: 0;  
  cursor: pointer;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative; 
}

.btn_orange_sqw_en a {
    text-decoration: none;
}	
	
.btn_orange_sqw_240 {
  width: 240px;
  height: 45px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border: 0;  
  cursor: pointer;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative; 
}

.btn_orange_sqw_240_arrow {
  width: 240px;
  height: 45px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border: 0;  
  cursor: default;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  position: relative; 
}

.btn_blanc_sqw {
  width: 130px;
  height: 45px;
  background-color: #fff;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border: solid 0.7px #5f6284;
  padding-left: 20px;
  cursor: pointer;
  position: relative;
}

.btn_blanc_sqw_libel {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  letter-spacing: 0.7px;
  color: #707283;
  font-weight: 500;
  position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.btn_blc_sqw_115 {
  width: 115px;
  height: 45px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border-width: 1px;
  border-style: solid;
  border-color: #d1d1d1;
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  /*transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  top: 35px; 
  margin-left: 40%;
  text-align: center;
}

.btn_blc_sqw_libel_115 {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  color: #ff6d0c;
  font-size: 14px;
  font-weight: 900;  
  position: relative;
}

.btn_option_graph {
  background-color: #fff;
  border: 0;
  float:right;	
}

/********************************************/
/*       Liste Déroulante Instances         */
/********************************************/
.mask {
  width: 240px;
  height: 362px;
  margin: 8px 0 0 16px;
  padding-top: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 12px 14px 0 rgba(64, 80, 124, 0.3);
  background-color: #fff;
  color: #424666;
  display: none;
  position: relative;
}

.mask_open {
  width: 240px;
  height: 362px;
  margin: 8px 0 0 0;
  padding-top: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 12px 14px 0 rgba(64, 80, 124, 0.3);
  background-color: #fff;
  color: #424666;
  display: none;
  position: relative;
}

.rect_instce_search {
  width: 220px;
  height: 38px;
  margin-left: 9px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: solid 0.7px #ddd;
  position: relative;
}

.rect_instce_search input {  
  width: 78%;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.8px;
  margin-top: 11px;
  color: #1d203b;
  background-color: #fff; 
  position: relative;
  border: 0;
  cursor: pointer;
}

.rect_instce_search input:focus {
  outline: 0 !important;
}

.rect_instce_search input::placeholder {
  color: #c0c0c0;
}

.rect_instce_search input:-ms-input-placeholder {
  color: #c0c0c0;
}	
	
.rect_instce_list {
  overflow-y: scroll;	/*overflow:auto*/	
  height: 300px;
  margin-top: 2px;
}

.rect_instce_list_libel,
.rect_instce_list_libel a {
  padding-left: 25px;
  list-style: none;
  height: 19px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.5px;
  color: #424666;
  text-decoration: none;
}

.rect_instce_list_libel li,
.rect_instce_list_libel li a{
  padding-bottom: 11px;
  padding-left: 0px;
}

.rect_instce_list_libel li.active,
.rect_instce_list_libel li.active a{
  color: #ff6700;
}

.selected_instce_list,
.selected_instce_list a{
  color: #ff6700;
  font-weight: 900;
  text-decoration: none;
}

#sous_menu_mask {
  overflow: auto;	
  width: 140px;
  height: 100px;
  padding-top: 8px;
  margin-left: 268px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 12px 14px 0 rgba(64, 80, 124, 0.3);
  background-color: #fff;
  display: none;
  position: absolute;
}

.rect_sous_menu_list {
  overflow: auto;	
  height: 130px;
  margin-top: 15px;
}

.rect_sous_menu_list_libel {
  padding-left: 20px;
  list-style: none;
  height: 16px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.5px;
  color: #424666;
}

.rect_sous_menu_list_libel li{
  padding-bottom: 10px;
}

.rect_sous_menu_list_libel li.active{
  color: #ff6700;
}

.selected_sous_menu_list{
  color: #ff6700;
  font-weight: 600;
}

/********************************************/
/*            Liste Déroulante              */
/********************************************/
.form_select {
	position: relative;
}

.form_select_container {
  position: relative; 
  width: 126px;
  height: 45px;
  border-radius: 36px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border: 0;  
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  background-image: linear-gradient(240deg, #ff6d0c, #de271b);
  overflow: hidden;
}

.form_select_container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	width: 100%; 
	/* 
		On est sûr de ne plus voir
		la flèche native 
	*/
	height: auto;
	border: 0; 
	margin: 0;
	padding: .75em; 
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background-image: linear-gradient(240deg, #ff6d0c, #de271b);
	overflow: hidden;
	text-overflow: ellipsis;
	/* 
		On empêche le texte d'aller
		jusqu'au bout s'il est trop long
	*/

}
.form_select_container select::-ms-expand {
      display: none;
    }
	

.form_select_container:after { 
	/* Le pointeur du select */
	content: "\25BC";
	position: absolute;
	top: 0; 
	margin-top: -3px;
	right: .75em;  
	display: block; 
	width: 0px; 
	height: 0;
	border-color: transparent;
	border-top-color: #444; 
	border-width: 6px;
	border-style: solid;
	pointer-events: none;
}
 

.select-custom select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 35px 10px 15px;
    outline: 0;
    border: 0;
    border-radius: 0;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #e6e6e6;
    color: #666;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
	
.select-custom select::-ms-expand {
    display: none;
}
	
.select-custom:after {
    content: "\25BC";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 70%;
    width: 30px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 10px;
    pointer-events: none;
    color: #666666;
}

/**************************************/
/*       Onglet Sous Menu             */
/**************************************/
#sous_menu_gauche {
  float: left;
  padding-right: 80px;
  height: 30px;
}

#sous_menu_list {
  float: left;
  margin: -18px 0 0 8px;
  padding-left: 4px;
}

#sous_menu_list_open {
  float: left;
  margin: -18px 0 0 30px;
  padding-left: 4px;
}

#sous_menu_list ul,
#sous_menu_list_open ul {
  font-size: 14px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  list-style-type : none;
  padding: 0 10px 0 10px;
}

#sous_menu_list ul li,
#sous_menu_list_open ul li {
	float: left;
    height: 28px;
	/*background-color: #fff;*/
    background-color: #fafafa;
	/* SP 08/13 début */
    /*margin : 2px 10px 2px 2px !important;  /* Pour les naFvigateurs autre que IE */
    /*margin : 1px 10px 2px 2px;  /* Pour IE  */
	margin: 4px 0 8px 0 !important;  /* Pour les naFvigateurs autre que IE */
    margin: 2px 0 8px 0;  /* Pour IE  */
	/* SP 08/13 fin */
    color: #fff;
}

#sous_menu_list ul a,
#sous_menu_list_open ul a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 9px 9px;
}

#sous_menu_list ul a:hover,
#sous_menu_list_open ul a:hover {
	background-color: #eee;
}

#sous_menu_list ul li a,
#sous_menu_list_open ul li a{
    border-bottom: 1px solid #ccc;
}	

#sous_menu_list ul li a.active,
#sous_menu_list_open ul li a.active {
 /* color: #f90; */
	color: #f6761f;
	/*background-color: #fff;*/
	background-color: #fafafa;	
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*border-bottom: 1px solid #fff;*/
	border-bottom: 1px solid #fafafa;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}  

/*
#Sous_Menu_List ul li + li {
border-left: 1px solid black;
}

#Sous_Menu_List li {
	width: auto;
	margin: 0px;
	border: none;
	text-align: center;
	float: left;
}

#Sous_Menu_List .head {
	background-image: url('images/degrade-orange.png');
}
*/

/***************************************/
/*       Options 2 icones              */ 
/***************************************/
.mask_option_2 {
  width: 200px;
  height: 110px; 
 /* width: 25%;
  height: 15%; */
  box-shadow: 0 2px 24px 0 rgba(64, 80, 124, 0.18);
  background-color: #262943;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  display: none;
  position: absolute;
  right: 6%;
  top: 53px;
}

.mask_option_2::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  right: 10%;
  /* right: 43px; */
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #262943 transparent;
}

/***************************************/
/*       Options 3 icones              */ 
/***************************************/
.mask_option_3 {
  width: 280px;
  height: 130px; 
 /* width: 25%;
  height: 15%; */
  box-shadow: 0 2px 24px 0 rgba(64, 80, 124, 0.18);
  background-color: #262943;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  display: none;
  position: absolute;
  right : 3%;
  top: 58px;
}

.mask_option_3::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  right: 12%; 
  /* right: 50px; */
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #262943 transparent;
}

/**************************************/
/*              Select                */
/**************************************/

.days_select {
  width: 85px;
  color: #707283;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-weight: 500;
  font-size: 13px;
  padding-left: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(64, 80, 124, 0.18);
}

.months_select {
  width: 85px;
  color: #707283;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-weight: 500;
  font-size: 13px;
  padding-left: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(64, 80, 124, 0.18);
}

/**************************************/
/*              Loader                */
/**************************************/
.loader{
	background: url('images/igsqw_sqwary_wait.png') 50% 50% no-repeat rgba(255, 255, 255, 0.9);
	cursor: wait;
	height: 100%;
	left: 0;
	position: fixed;
	top: 10px;
	width: 100%;
	z-index: 9999;
}

.loader h1{
	background: none;
	border: none;
	color: #f6761f;
	font-size: 20px;
	font-family: NunitoSans, Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-weight: 700;
	height: 700px;
	line-height: 700px;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}
/*
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}
*/

/**************************************/
/*              Popup                */
/**************************************/
.dbSQWarePopup {
  width: 400px;
  height: 180px;
  background-color: grey;
  border-radius: 4px;
  margin: 0 auto;
  display: block;
  position: absolute;
}

#close {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 25px;
  border-radius: 50%;
  float: right;
  cursor: pointer;
  color: red;
  border: 2px solid red;
}  

.cover {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  z-index: 9;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
}  

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Filter Info-bulle 											                 * 
* * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * * * * * * */
.filter_Infobulle { 
  text-decoration:none; 
  position:relative;
} 

.filter_Infobulle img {
  padding:5px 0px 0px 0px;
}

.filter_Infobulle span { 
  display:none; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  color:black; 
  background-color: #eff1f3; 
  font-size:11px; 
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;  
}

.filter_Infobulle span img { 
  float:left; 
  margin:0px 8px 8px 0px; 
}

.filter_Infobulle:hover span 
{ 
  display:block; 
  position:absolute; 
  top:0; 
  left:0; 
  z-index:1000; 
  width:250px; 
  /* max-width:200px; */ 
  min-height:20px; 
  border:1px solid black; 
  margin-top:12px; 
  margin-left:20px; 
  overflow:hidden; 
  padding:8px; 
}

/**************************************/
/*              Footer                */
/**************************************/
#footer {
	clear: both;
	color: #1d203b;
	background: #fff;
	margin: 0 0 8px 0;
	padding: 5px 5px 7px 5px;
	text-align: center;
	border: 1px solid #9EA0A1;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#footer a {
	color: #1d203b; 
	font-weight: 600;
	text-decoration:none;
}
	
#footer a:hover {color: #9EA0A1;}	

#footer_logon {
	clear: both;
	color: #9EA0A1;
	background-color: rgba(29, 32, 59, 0.95);
	padding: 5px 5px 7px 5px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#footer_logon a {
	color: #fff; 
	font-weight: 600;
	text-decoration:none;
}
	
#footer_logon a:hover {color: #9EA0A1;}

/**************************************/
/*     bb js (replace c3.js)         */
/**************************************/

/* Graph Pie  */
.bb-legend-item {
 /*fill: #1a1b1f; */
 /*fill: grey; */
 fill: #666;
 font-family: NunitoSans, Arial, Verdana, Tahoma;
 font-size: 12px;
 font-weight: 600;
}

.bb-legend-item-tile {
  shape-rendering: optimizeSpeed;
  stroke-linecap: round;
  stroke-dasharray: 0.1 10;
  stroke-width: 9; 
  transform: translate(4px, 1px); 
}

.bb-chart-arc path {
  stroke: #fff; 
}
  
.bb-chart-arc text {
  fill: #000;
  font-size: 12px;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-weight: 600;
} 
/*
.c3-chart-arcs-title {
  dominant-baseline: central;
  font-size: 1.1em; }  */
  
/*  Graph Line  */
.bb {
   fill:#2f314a;
}

.bb-line {
  stroke-width: 1.7px; 
}

.bb-tooltip-container {
   border:0 none;	
}

.bb-tooltip {
  border:0 none;	
}

.bb-tooltip th {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background-color: #262943;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px; 	
  padding: 8px 0; 
}

.bb-tooltip tr {
  border: 1px solid #fff; 
}

.bb-tooltip td {
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-weight: 500;
  letter-spacing: 0.56px;
  background-color: #262943;
  color: #fff;
  font-size: 12px;
  padding: 8px 14px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px; 	
}

.bb-axis {
  fill: #707283;	
  font-size: 11px;
  margin-top: 2px;
}
  
.bb-axis-x-label {
  fill: grey;	  
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-weight: 600;
  font-size: 12px;
}

.bb-axis-y-label {
  fill: grey;	  
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  font-weight: 600;
  font-size: 13px;
}

.bb .bb-axis path,
.bb .bb-axis line {
  stroke: grey;
}

/* If you want a thin axis line, add this as well.*/ /*
.c3-axis-x, .c3-axis-y {
   fill:none;
   stroke:#fff;
}
*/
/* To change tick mark font size to 12 for example, but not font COLOR, add this:*/  /*
.tick {
   font-size: 12px
}  */

/* Aera */
/*.c3-area-Upper{
  opacity: 1!important;
}
*/
/*.c3-area{
  opacity: 0.5!important;
}

table.c3-tooltip tr.c3-tooltip-name--Upper td.name span {
	background-color: #fefecf!important;
}
*/
/******************************************/
/*              InfoBulle                 */
/******************************************/

.infobulle { 
  text-decoration: none; 
  position: relative; 
}

.infobulle span { 
  display:none; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px;
  box-shadow: 0 2px 14px 0 rgba(64, 80, 124, 0.5);
  color: #424666; 
  /* background-color: #eff1f3; */
  background-color: #fff;
  font-size:11px;
  line-height : 130%;
  font-weight: normal;
  font-family: NunitoSans, Arial, Verdana, Tahoma;
  text-align: left;  
}

.infobulle span img { 
  float: right; 
  margin: 0px 8px 8px 0; 
}

.infobulle:hover span { 
  display: block; 
  position: absolute; 
  top: 0; 
  right: 0; 
  z-index: 1000; 
  width: 230px; 
  /* max-width: 200px; */ 
  min-height: 20px; 
  border: 1px solid #fefefe;
  background-color: #f7f7f7;
  margin-top: 17px; 
  margin-right: 15px; 
  overflow: hidden; 
  padding: 8px; 
}

.infobulle span.lic img { 
  float: right; 
  margin: 0px 8px 8px 0; 
}

.infobulle:hover span.lic { 
  display: block; 
  position: absolute; 
  top: 37px; 
  left: 0; 
  z-index: 1000; 
  width: 230px; 
  /* max-width: 200px; */ 
  min-height: 20px; 
  border: 1px solid #fefefe;
  background-color: #f7f7f7;
  margin-top: 17px; 
  margin-right: 15px; 
  overflow: hidden; 
  padding: 8px; 
}

.infobulle span.warn img { 
  float: right; 
  margin: 0px 8px 8px 0; 
}

.infobulle:hover span.warn { 
  display: block; 
  position: absolute; 
  top: 37px;
  left: 0; 
  z-index: 1000; 
  width: 230px; 
  /* max-width: 200px; */ 
  min-height: 20px; 
  border: 1px solid #fefefe;
  background-color: #f7f7f7;
  margin-top: 17px; 
  margin-left: 34px; 
  overflow: hidden; 
  padding: 8px; 
}

.infobulle span.login img { 
  float: left; 
  margin: 0px 8px 8px 0; 
}

.infobulle:hover span.login center{ 
  float: center;
  margin: 0 0 -6px 4px; 
}

.infobulle:hover span.login { 
  display: block; 
  position: absolute; 
  top: -114px; 
  left: 16px; 
  z-index: 1000; 
  width: 200px; 
  /* max-width: 200px; */ 
  min-height: 20px; 
  border: 1px solid #e9e9e9;
  margin-left: 15px;
  overflow: hidden;
  padding: 10px 20px;
  line-height : 110%;
  background-color: #ededed;
  font-weight: 100;
}

/**************************************/
/*             Disabled               */
/**************************************/
.span_title_disabled {
  color: white;
  cursor: none;
}	

.span_option_disabled {
  color: white;
  font-size: 0px;
  cursor: none;
}	

/**************************************/
/*              Pop up                */
/**************************************/
.sqw_contain_popup {
    padding: 0;
    position: fixed;
	right: 30px;
	left: 150px;
	top: 91px;
	bottom: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	/* Flou arrire plan : ne fonctionne pas sous Firefox
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
	width: 90%;
    height: 86%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
	z-index: 10000;
}

#sqw_popup {
	width: 290px;
    height: 160px;
    background: #1d203b;
 /* border: solid 3px #ff6d0c;  */
	border: solid 7px #fff;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

#sqw_popup > div {
	font-family: NunitoSans, Arial, Verdana, Tahoma;
	font-size: 13px;
   	color: #fff;
	font-weight: 700;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Sorting classes for columns                                           *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
/* For the standard odd/even */
/* Couleurs lignes tableau dans colonne triée */

tr.odd td.sorting_1 {
/*	background-color: #D9D9D9; */
	background-color: #f1f1f1;
}

tr.odd td.sorting_2 {
	background-color: #f1f1f1;
}

tr.odd td.sorting_3 {
	background-color: #f1f1f1;
}

tr.even td.sorting_1 {
	background-color: #f1f1f1;
}

tr.even td.sorting_2 {
	background-color: #f1f1f1;
}

tr.even td.sorting_3 {
	background-color: #f1f1f1;
}

tr td.sorting_1,
tr td.sorting_2,
tr td.sorting_3 {
	background-color: #f1f1f1;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *      Row highlighting                                                 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 .ex_highlight #webdba_Table tbody tr:hover, #webdba_Table tbody tr td.highlighted {
/*	background-color: #FEF286;  */
	background-color: #dedede;
}
  
.ex_highlight #webdba_Table tbody tr.even:hover, #webdba_Table tbody tr.even td.highlighted {
/*	background-color: #FEF286;  */
	background-color: #dedede;
}

.ex_highlight #webdba_Table tbody tr.odd:hover, #webdba_Table tbody tr.odd td.highlighted {
/*	background-color: #FFF16F;  */
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr:hover,
.ex_highlight_row #ltsqw_Admin_Table tr:hover,
.ex_highlight_row #ltsqw_Jobs_Table tr:hover {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr:hover td.sorting_1,
.ex_highlight_row #ltsqw_Admin_Table tr:hover td.sorting_1,
.ex_highlight_row #ltsqw_Jobs_Table tr:hover td.sorting_1 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr:hover td.sorting_2,
.ex_highlight_row #ltsqw_Admin_Table tr:hover td.sorting_2,
.ex_highlight_row #ltsqw_Jobs_Table tr:hover td.sorting_2 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr:hover td.sorting_3,
.ex_highlight_row #ltsqw_Admin_Table tr:hover td.sorting_3,
.ex_highlight_row #ltsqw_Jobs_Table tr:hover td.sorting_3 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.row_selected:hover td,
.ex_highlight_row #ltsqw_Admin_Table tr.row_selected:hover td,
.ex_highlight_row #ltsqw_Jobs_Table tr.row_selected:hover td {
	background-color: #1d203b;
}

.ex_highlight_row #ltsqw_Admin_Table tr.mass_selected:hover td {
	background-color: #ffe7d7;
}

.ex_highlight_row #webdba_Table tr.even:hover,
.ex_highlight_row #ltsqw_Admin_Table tr.even:hover,
.ex_highlight_row #ltsqw_Jobs_Table tr.even:hover {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.even:hover td.sorting_1,
.ex_highlight_row #ltsqw_Admin_Table tr.even:hover td.sorting_1,
.ex_highlight_row #ltsqw_Jobs_Table tr.even:hover td.sorting_1 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.even:hover td.sorting_2,
.ex_highlight_row #ltsqw_Admin_Table tr.even:hover td.sorting_2,
.ex_highlight_row #ltsqw_Jobs_Table tr.even:hover td.sorting_2 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.even:hover td.sorting_3,
.ex_highlight_row #ltsqw_Admin_Table tr.even:hover td.sorting_3,
.ex_highlight_row #ltsqw_Jobs_Table tr.even:hover td.sorting_3 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.row_selected.even:hover td,
.ex_highlight_row #ltsqw_Admin_Table tr.row_selected.even:hover td,
.ex_highlight_row #ltsqw_Jobs_Table tr.row_selected.even:hover td {
	background-color: #1d203b;
}

.ex_highlight_row #ltsqw_Admin_Table tr.mass_selected.even:hover td {
	background-color: #ffe7d7;
}

.ex_highlight_row #webdba_Table tr.odd:hover,
.ex_highlight_row #ltsqw_Admin_Table tr.odd:hover,
.ex_highlight_row #ltsqw_Jobs_Table tr.odd:hover {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.odd:hover td.sorting_1,
.ex_highlight_row #ltsqw_Admin_Table tr.odd:hover td.sorting_1,
.ex_highlight_row #ltsqw_Jobs_Table tr.odd:hover td.sorting_1 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.odd:hover td.sorting_2,
.ex_highlight_row #ltsqw_Admin_Table tr.odd:hover td.sorting_2,
.ex_highlight_row #ltsqw_Jobs_Table tr.odd:hover td.sorting_2 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.odd:hover td.sorting_3,
.ex_highlight_row #ltsqw_Admin_Table tr.odd:hover td.sorting_3,
.ex_highlight_row #ltsqw_Jobs_Table tr.odd:hover td.sorting_3 {
	background-color: #dedede;
}

.ex_highlight_row #webdba_Table tr.row_selected.odd:hover td,
.ex_highlight_row #ltsqw_Admin_Table tr.row_selected.odd:hover td,
.ex_highlight_row #ltsqw_Jobs_Table tr.row_selected.odd:hover td {
	background-color: #1d203b;
}

.ex_highlight_row #ltsqw_Admin_Table tr.mass_selected.odd:hover td {
	background-color: #ffe7d7;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *      Modal Window                                       		         *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.modal {  
	position: fixed;  
	top: 0;  
	left: 0;  
	right: 0;  
	bottom: 0;  
	background: rgba(0,0,0,0.5);  
	z-index: 10000;
	transition: opacity 500ms ease-in;   
	opacity: 0;  
	pointer-events: none;  
} 

.modal > div {  
	/*width: 940px;  */
	width: 60%;
	max-height: 600px;  
	background: #fff;  
	position: relative;  
	margin: 3% auto;
	overflow: hidden;
	animation: minimise 500ms linear;   
	padding: 20px 30px 30px 30px;  
	border-radius: 7px;  
	box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.6px;
	color: #424666;
}

#modal_scroll{
	max-height: 500px;
	overflow-y: auto;
}

.modal h1 {
	overflow-y: auto;
	margin: 0 28px 0 0;
	padding: 15px 0 15px 0;
/*	font-size: 14px;
    font-weight: 400;  */
	font-size: 15px;
    font-weight: 500;
	color: #f6761f;
}

.modal h3 {
	margin: 0;
	padding: 18px 0 10px 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
	color: #424666;
}

.modal h4 {
	margin: 0;
	padding: 0 0 5px 15px;
	font-size: 12px;
    font-weight: 400;
}

.modal h5 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
    font-weight: 400;
	line-height: 16px;
}

.modal h6 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 10px;
    font-weight: 400;
}

.modal h11 {
	overflow-y: auto;
	margin: 0 28px 0 0;
	padding: 19px 0 15px 0;
	font-size: 15px;
    font-weight: 500;
	color: #f6761f;
	display: block;
}

.modal h13 {
	margin: 0;
	padding: 26px 0 15px 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
	color: #424666;
	display: block;
}

.modal h14 {
	margin: 0;
	padding: 1px 0 4px 15px;
	font-size: 12px;
    font-weight: 400;
	display: block;
}

.modal h23 {
	margin: 0;
	padding: 22px 0 15px 0;
	font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
	color: #424666;
	display: block;
}

i {
	font-style: italic;
}

b {
	font-weight: 700;
}

.modal table {
	margin: 0;
	padding: 0 0 5px 0;
	border-width: 1px; 
	border-style: solid; 
	border-color: #fff;
}

.modal table tr {
	height: 25px;
	margin: 0;
	padding: 0;
	border-width: 1px; 
	border-style: solid; 
	border-color: #fff;
	background-color: #fff;
	text-decoration: none;
}

.modal table td {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid grey;
    font-family: NunitoSans, Arial, Verdana, Tahoma;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: #424666;
    white-space: nowrap;
}

.modal table td.first {
	margin: 0;
	padding: 0 10px 0 5px;
	text-align: left;
}

.modal ul.list_1 {
	margin: 0;
  	padding: 2px 0 0 40px;	
	list-style: disc;
  
}

.modal ul.list_2 {
	margin: 0;
	padding: 2px 0 2px 20px;
	list-style-type : none;
}

.modal ul.list_2 li:before {
   content: '- ';
}

/*a.openModal {  
	margin: 1em auto;  
	display: block;  
	width: 200px;  
	background: #ccc;  
	text-align: center;  
	text-decoration: none;  
	color: black;  
	padding: 10px;  
	border-radius: 7px;  
	text-shadow: 0 1px 0 #fff;  
	border: 1px solid rgba(0,0,0,0.1);  
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
} */
 
.modal a[href="#close"] {  
	position: absolute;  
	right: 0;  
	top: 0;
	color: transparent;
} 
 
.modal a[href="#close"]:after {  
	content: 'X'; 
	display: block;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: 900;
	/* Position */  
	position: absolute;
	right: 22px;  
	top: 20px;  
	width: 12px;
	height: 7px;
	padding: 6px 8px 14px 8px;
	-webkit-padding-start: 8px;
	text-decoration: none;  
	text-shadow: none;  
	text-align: center;  
	background: #fefefe;  
	color: #f6761f;
	border: 1px solid #fff;  
	border-radius: 50%;  
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
/*	width: 50px;
	height: 50px;
	border: none;
	background: url('/images/igsqw_popup_close.png') no-repeat center center;
	background-size: cover;
	cursor: pointer;  */
} 

.modal a[href="#close"]:focus:after,  
.modal a[href="#close"]:hover:after {  
	transform: scale(1.1,1.1);  
}  
/*.modal a[href="#close"]:focus:after {  
	outline: 1px solid #000;  
} 
*/

.modal a[href="#close_table"] {  
	position: absolute;  
	right: 0;  
	top: 0;
	color: transparent;
} 

.modal a[href="#close_table"]:after {  
	content: 'X'; 
	display: block;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: 900;
	/* Position */  
	position: absolute;
	right: 22px;  
	top: 20px;
	width: 12px;
	height: 11px;
	padding: 9px 8px 8px 8px;
	-webkit-padding-start: 8px;
	text-decoration: none;  
	text-shadow: none;  
	text-align: center;  
	background: #fefefe;  
	color: #f6761f;
	border: 1px solid #fff;  
	border-radius: 50%;  
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

/*.modal a[href="#close_table"]:after {
	width: 50px;
	height: 50px;
	border: none;
	background: url('/images/igsqw_popup_close.png') no-repeat center center;
	background-size: cover;
	cursor: pointer;
} */

.modal a[href="#close_table"]:focus:after,  
.modal a[href="#close_table"]:hover:after {  
	transform: scale(1.1,1.1);  
}  

.modal:target {  
	opacity: 1;  
	pointer-events: auto;  
} 

.modal:target > div {  
	animation-name: bounce;  
} 

@keyframes bounce {  
	0% {  
		transform: scale3d(0.1,0.1,1);  
		box-shadow: 0 3px 20px rgba(0,0,0,0.9);  
	}  
	55% {  
		transform: scale3d(1.08,1.08,1);  
		box-shadow: 0 10px 20px rgba(0,0,0,0);  
	}  
	75% {  
		transform: scale3d(0.95,0.95,1);  
		box-shadow: 0 0 20px rgba(0,0,0,0.9);  
	}  
	100% {  
		transform: scale3d(1,1,1);  
		box-shadow: 0 3px 20px rgba(0,0,0,0.9);  
	}  
} 

@keyframes minimise {  
	0% {  
		transform: scale3d(1,1,1);  
	}  
	100% {  
		transform: scale3d(0.1,0.1,1);  
	}  
}