.back-to-top {
			position: fixed;
			bottom: 0em;
			right: 30px;
			text-decoration: none;
			color: #000000;
			background-color: rgba(235, 235, 235, 0.80);
			font-size: 12px;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}

.back-to-network {
			position: fixed;
			bottom: 0em;
			right: 200px;
			text-decoration: none;
			color: #000000;
			background-color: rgba(235, 235, 235, 0.80);
			font-size: 12px;
			padding: 1em;
			display: none;
		}

		.back-to-network:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}	
.loader {
    border: 7px solid #f3f3f3; /* Light grey */
    border-top: 7px solid grey; /* Blue */
    border-radius: 100%;
    width: 7px;
    height: 7px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}	

/**********************************
*   == Initialisation Global ==
*/

*{
margin:0px;
padding:0px;
font-family: Tahoma;
font-size:12px;
}

table{
border-collapse:collapse;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a img{
border:none;
}

input text{

/*border: 1px solid #3B9EEF;*/
color:#393939;
padding:0px;
padding-left:4px;
padding-right:4px;
}

/**********************************
*   == Largeur de la page ==
*/
.GenAdm_MainDiv{
width:1100px;
margin:auto;
padding-bottom:0px;
border: 1px solid #393939;
position: relative;
min-height:500px;
}

/****
* barre de navigation
*/
.GenAdm_Nav{
background-color:#393939;
width:100%;
color:white;
height:30px;
vertical-align:middle;
line-height: 30px;

/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
}

.GenAdm_Nav .GenAdm_Nav_item{
float:left;
padding:0px;
margin-left:4px;
margin-right:12px;
font-size:15px;
}
.GenAdm_Nav .GenAdm_deconnexion{
float:right;
margin-right:5px;
font-size:15px;
}

.GenAdm_Nav a, .GenAdm_Nav a:visited, .GenAdm_Nav{
color:white;
text-decoration:none;
font-size:15px;
}
.GenAdm_Nav a:hover{
color:white;
text-decoration:none;
}

.GenAdm_Nav select.genadm_selectcountry
,.GenAdm_Nav select.genadm_selectcountry option{
/*background-color:#EFF8FF;*/
border: 0px none;
padding:0px;
margin: 0px 5px;
color:#4496A1;
/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
font-size: 8px;
}


/***
* Disconnect
*/

.GenDisconnect a{
color:#b3d8e7;
}
/*****
* Contenu
*/
.GenAdm_Content{
margin-left:15px;
margin-right:15px;
margin-top:8px;
margin-bottom:8px;
min-height:500px;
}

/**********************************
*   == Titre du site ==
*/








div.Version{
font-size: 8px;
font-weight: normal;
font-style: italic;
top:0;
position: absolute;
right: 0;
}

.menuSection{

max-width: 500px;
margin: 0 auto;
background-color: rgba(169, 169, 169, 0.5);
}
.menuSection li a{
	color:black !important;
}

div.GenAdm_SectionMenuItem{
margin: 0px 5px;
}

/**********************************
*   == Boite de message web ==
*
* (ex la boite de login)
*/
div.HtmlMessageBox{
/*border: 1px solid #3B9EEF;*/
}

div.HtmlMessageBox table,
div.HtmlMessageBox td{
width:100%;
}
div.HtmlMessageBox td{
padding-right:4px;
padding-left:4px;
}
div.HtmlMessageBox input{
width:95%;
}
div.HtmlMessageBox th{
text-align:right;
padding-right:4px;
padding-left:4px;
}

div.HtmlMessageBox .submitrow input{
width:auto;
}


/**********************************
*   == Boite d'information std ==
*
* (ex la boite de login, la popup d'ajout d'une opération)
*/
div.StdInfoBox{
/*background-color:#EFF8FF;*/
}

div.StdInfoBox .BoxTitle{
/*background-color:#DFF1FF;*/
/*border-bottom: 1px solid #3B9EEF;*/
}

div.StdInfoBox .BoxContent{
}

div.StdInfoBox .BoxForm{
}

div.StdInfoBox .BoxForm .submitrow{
text-align:right;
}

div.StdInfoBox .BoxWarning{
padding-bottom: 5px;
}

div.StdInfoBox .BoxWarning li{
list-style-position: inside;
margin: 0px 5px;
padding: 0px 5px;
color: red;

}


/**********************************
*	Bouton
*/
.genadm_button{
/*border: 2px solid #3B9EEF;
background-color: #F4FAFF;*/
float: left;
margin: 2px;
padding: 2px 4px;
}

.genadm_button:hover{
/*background-color: white;*/
cursor:pointer;
}


/*************************************
* Menu de la class AdmMenu.class.php *
**************************************/


/*.genadm_section_menu li:hover{
background-color: #e7f1ff;

}

.genadm_section_menu li.menuselhover{
background-color: #02689d;
border: 2px solid #00a3c6;
color:white ;
}*/

.admMenu_classmenu{
margin:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
list-style-type:none;
margin-bottom:15px;
border: 1px solid #393939;
}

.admMenu_classmenu, .admMenu_classmenu a, .admMenu_classmenu a:hover, .admMenu_classmenu a:visited{
text-decoration:none;
}

.admMenu_classmenu li{
background-color:#393939;
cursor: pointer;
/*cursor: hand;*/
}

.admMenu_classmenu .admMenu_classnotovermenu{
background-color:white;
}
.admMenu_classmenu .admMenu_classovermenu{
background-color:#dddddd;
}

.admMenu_classmenu li{
padding: 1px 0px;
width:100%;
}

.admMenu_classmenu li a{
color:#393939;
}

.admMenu_classmenu .admMenu_firstchild{
background-color:#393939;
color:white;
font-weight:bold;
cursor: default;
}

.admMenu_classmenu .admMenu_classdisable{
background-color:#EFEFEF;
color:#AFAFAF;
cursor: default;
}

/**
* Menu des sections
*/
.genadm_section_menu {
position:absolute;
width:1011px;
padding-left: 140px;
top:0;

}


.genadm_section_menu li{
border: 2px solid #393939;
background-color: white;

cursor: pointer;
float:left;
padding: 10px 20px;
list-style-type:none;
margin-right: 5px;

}


.genadm_section_menu li a{
color:#393939;
font-size:15px;
}


.genadm_section_menu li.menusel{
border: 2px solid #393939;
color:white;
background-color: #393939;

}

.genadm_section_menu li.menusel a{
color:white;
font-size:15px;
}

.genadm_section_menu li:hover{
background-color: #dddddd;


}

.genadm_section_menu li.menuselhover{
background-color: #393939;
border: 2px solid #393939;

}

.genadm_section_menu li.menuselhover a{
color:white;
}

.genadm_section_menu li a{
text-decoration:none;
}

/**********************************************
* css pour les barres standards AdmToolBar    *
***********************************************/
/***
* Petite barre
***************/
.AdmToolBar_small{
margin-bottom:8px;
padding-left:0px;
margin-left:0px;
color:white;
padding-top:0px;
margin-top:5px;
}

.AdmToolBar_small li {
font-family: Geneva, Arial, Helvetica, sans-serif;
list-style-type: none;
padding: 1px 8px;
border: 1px solid #393939;
display: inline;
background-color:white;
font-size:9px;
font-weight:bold;
margin-right:5px;
color:white;
}


.AdmToolBar_small a, .AdmToolBar_small a:hover, .AdmToolBar_small a:visited{
font-size:10px;
text-decoration: none;
color:#393939;

}

.AdmToolBar_small .menusel a, .AdmToolBar_small .menuselhover a{
	color:white;
}

.AdmToolBar_small .menuselhover, .AdmToolBar_small .menusel, .AdmToolBar_small .menuactive, .AdmToolBar_small .menuhover{
cursor: pointer;
/*cursor: hand;*/
}

.AdmToolBar_small .menuselhover,
.AdmToolBar_small .menusel, .AdmToolBar_small .menusel:hover{
background-color:#393939;
color:white;
}

.AdmToolBar_small .menuhover, .AdmToolBar_small .menuhover:hover{
background-color:#E8E3E3;
}

.AdmToolBar_small .menuhide, .AdmToolBar_small .menuhide:hover{
background-color:white;
}

.AdmToolBar_small .menudisable, .AdmToolBar_small .menudisable:hover{
background-color:#EFEFEF;
}

/***
* Grand barre
***************/
.AdmToolBar_big{
font-size:11px;
margin-bottom:8px;
}

.AdmToolBar_big li {
font-family: Geneva, Arial, Helvetica, sans-serif;
list-style-type: none;
padding: 0px;
border: 1px solid #B3D2D6;
float:left;
background-color:#FFFFFF;
font-size:12px;
font-weight:normal;
margin-right:10px;
margin-bottom:20px;
width:80px;
height:60px;
text-align:center;
}

.AdmToolBar_big li div{
padding-top:15%;
}

.AdmToolBar_big a, .AdmToolBar_big a:hover, .AdmToolBar_big a:visited{
text-decoration: none;
color:#3900EE;
}


.AdmToolBar_big .menusel, .AdmToolBar_big .menuactive, .AdmToolBar_big .menuhover{
cursor: pointer;
/*cursor: hand;*/
}

.AdmToolBar_big .menusel, .AdmToolBar_big .menusel:hover{
background-color:#C7EF3B;
color:#AFAFAF;
}

.AdmToolBar_big .menuhover, .AdmToolBar_big .menuhover:hover{
background-color:#DFFCFF;
color:#393939;
}

.AdmToolBar_big .menuhide, .AdmToolBar_big .menuhide:hover{
background-color:white;
}

.AdmToolBar_big .menudisable, .AdmToolBar_big .menudisable:hover{
background-color:#EFEFEF;
color:#AFAFAF;
}


/***
* accès non authorisé
*/
div.notauthorized{
margin:auto;
margin-top: 50px;
width: 30%;
padding: 10px;
border: 2px solid red;
text-align:center;
}



.footer {
width:1100px;
height:31px;
clear:both;
margin-top:20px;
background-image:url(../images/FOOTER.jpg);
background-repeat:no-repeat;
position: absolute;
bottom:0;
}

.validstockForm{
width:187px;
height: 38px;
color: #393939;
cursor:pointer;
cursor:hand;
background-position:right; 
background-image:url(../images/BTN-SECONNECTER-OFF-2.png);
background-repeat:no-repeat;
}

.validstockForm a, .validstockForm a:hover, .validstockForm a:visited{
color: #393939;
}


/* grid container */
[class*="grid-"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 10px;

  /* inline-block fallback for IE9 generation */
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}

/* grid childs */
[class*="grid-"] > * {
  flex: 0 0 auto;
 
  margin-left: 1em;
  
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-rendering: auto;
  text-align:center;
}

@media (max-width: 767px) {
	/* grid childs */
[class*="grid-"] > * {
 
  width: calc(100% * 1 /3 - 1em - .01px);

}
}


@media (min-width: 768px) and (max-width: 991px) {
/* grid childs */
[class*="grid-"] > * {
  
  width: calc(100% * 1 /5 - 1em - .01px);

}

}

@media (min-width: 992px) and (max-width: 1199px) {
	/* grid childs */
[class*="grid-"] > * {
 
  width: calc(100% * 1 /8 - 1em - .01px);
  
}
}

@media (min-width: 1200px) {
	/* grid childs */
[class*="grid-"] > * {
  
  width: calc(100% * 1 /8 - 1em - .01px);
 
}

}


#pawOverlay{
    background-color:rgba(0,0,0,0.5);
    position: fixed;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow-y:hidden;
}
.pawBlob {
    width: 2rem;
    height: 2rem;
    background: rgba(230,230,230,0.85);
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
    box-shadow: 0 0 1rem rgba(255, 255, 255, 0.25);
}

.pawBlob-2 { animation: animate-to-2 1.5s infinite; }
.pawBlob-3 { animation: animate-to-3 1.5s infinite; }
.pawBlob-1 { animation: animate-to-1 1.5s infinite; }
.pawBlob-4 { animation: animate-to-4 1.5s infinite; }
.pawBlob-0 { animation: animate-to-0 1.5s infinite; }
.pawBlob-5 { animation: animate-to-5 1.5s infinite; }

@keyframes animate-to-2 {
    25%, 75% { transform: translateX(-1.5rem) scale(0.75); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-3 {
    25%, 75% { transform: translateX(1.5rem) scale(0.75); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-1 {
    25% { transform: translateX(-1.5rem) scale(0.75); }
    50%, 75% { transform: translateX(-4.5rem) scale(0.6); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-4 {
    25% { transform: translateX(1.5rem) scale(0.75); }
    50%, 75% { transform: translateX(4.5rem) scale(0.6); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-0 {
    25% { transform: translateX(-1.5rem) scale(0.75); }
    50% { transform: translateX(-4.5rem) scale(0.6); }
    75% { transform: translateX(-7.5rem) scale(0.5); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-5 {
    25% { transform: translateX(1.5rem) scale(0.75); }
    50% { transform: translateX(4.5rem) scale(0.6); }
    75% { transform: translateX(7.5rem) scale(0.5); }
    95% { transform: translateX(0rem) scale(1); }
}

/* Tooltip container */
.pawtooltip {
    position: relative;
    display: inline-block;
  cursor:pointer;
  cursor:hand;
}

/* Tooltip text */
.pawtooltip .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.pawtooltip:hover .tooltiptext {
    visibility: visible;
}

#pawNavBar .nav-link {
	font-size:20px;
}


.selected , .paw-selected-row{
    background-color: #ECECEC !important;
}