/*.tile-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    overflow: hidden;
    display: none;
}*/
tile-content:first-child {
    display: block;
}
.tile-group {
    margin-left: 80px;
    min-width: 80px;
    width: auto;
    float: left;
    position: relative;
}
.tile {
    width: 150px;
    height: 150px;
    display: block;
    float: left;
    margin: 5px;
    background-color: #eee;
    box-shadow: inset 0 0 1px #ffc;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tile-content.iconic .icon {
    position: absolute;
    width: 64px;
    height: 64px;
    font-size: 64px;
    top: 50%;
    margin-top: 22px;
    left: 50%;
    margin-left: -32px;
    text-align: center;
}

.tile .tile-label {
   position: absolute;
    margin-top: 75%;
    left: 12px;
}

.login {
	color: black; 
	background: white;
/* 	//border-radius: 10px; */
    overflow: -webkit-paged-y;
    background: white;

   // background: -webkit-linear-gradient(top, #c5c6d2, #e2dad7);
}

.blink {
   
  color:red; 
  //background-color:pink; 
  animation: allblink 2s infinite;
}
@keyframes allblink { 
0% { }
50% { color:green; } 
}


.alertConge {
  padding: 20px;
  background-color: #f44336;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url('/PortailPersonnel/img/loading7_light_green.gif') 50% 50% no-repeat; } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
 body.loading { overflow: hidden; } /* Anytime the body has the loading class, our modal element will be visible */
 body.loading .modal { display: block; }
 

.legend {
	display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 14pt;
    font-size: 16.5pt;
    line-height: 28pt;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
 
}


#Global
{
    width:100%;
}
#Global#gauche
{
    position:relative;
    width:48%;
}
#Global#droite
{
    position:relative;
    left:48%;
    width:50%;
}

#Global #gauche {
    float:left;
    width:40%;
}
#Global #droite {
    /*margin-left:43%*/
    float:right;
    width:auto;
}



#table-wrapper {
 /* position:relative;*/
}
#table-scroll {
  height:206px;
  overflow:auto;  
  /*margin-top:20px;*/
}
#table-wrapper table {
  width:100%;

}
#table-wrapper table * {
  /*background:yellow;
  color:black;*/
}
#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}

table.blueTable thead {
  background: #1ba1e2!important; 
}

table.blueTable thead th {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  
  text-align: center;
  max-width: 100px;
}

table tbody td p.withMessage{
   text-align: left;
   white-space: pre-line;
 /*  width: 400px;*/
}

.widthSet {
    max-width: 120px;
}

.heightSet {
    max-height: 120px;
}

#OrgChart
/*

.orgchart .node {
	width: 150px!important;
}
.google-visualization-orgchart-table { 
	width: 200px!important; 
}
.google-visualization-orgchart-table  tbody { 
	width: 500px!important; 
}
.google-visualization-orgchart-table tr.google-visualization-orgchart-connrow-medium  div { 
	width: 500px!important; 
}
.google-visualization-orgchart-table tr td.google-visualization-orgchart-node div { 
	width: 500px!important; 
}

.myNodeClass {
	width: 10px;
    text-align: center;
    vertical-align: middle;
    font-family: arial;
    cursor: default;
    border: 2px solid #b5d9ea;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    background-color: #b0d7ee;
    background: -webkit-gradient(linear, left top, left bottom, from(#b0d7ff), to(#b0d7ee));
    
}
.mySelectedNodeClass {
	width: 500px;
    border: 2px solid #e38493;
    background-color: #eeb0d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb0d7), to(#eeb0d7));
}
*/