.child-row .x-grid-cell { 

    background-color: #ffe2e2; 

    color: #900; 

} 

 

.adult-row .x-grid-cell { 

    background-color: #B5E655; 

    color: #000; 

}


.check-row .x-grid-cell { 

    background-color: #039be5; 

    color: #000; 

}


#button-1058-btnInnerEl
{
	color: white;
	font-weight : bold;
	font-size: 200%;
}

#button-1064-btnInnerEl
{
	color: white;
	font-weight : bold;
	font-size: 300%;
}

#menuitem-1061-textEl
{
	color: #585858;
	font-weight : bold;
	font-size: 100%;
}

#menuitem-1062-textEl
{
	color: #585858;
	font-weight : bold;
	font-size: 100%;
}

#menuitem-1067-textEl
{
	color: #585858;
	font-weight : bold;
	font-size: 100%;
}

.couleur-ligne {

	background-color: #e2ffe2 !important; 

    /*color: #090; */

}

.x-action-col-cell img.in
{
  background-image: url(../images/appeler.png);
}

.x-action-col-cell img.out
{
  background-image: url(../images/appeler.png);
}



.child-row1 .x-grid-row-selected .x-grid-cell { 

    background-color: #ff0 !important; 

    border-bottom-color: #999; 

    border-bottom-style: solid; 

    border-top-color: #999; 

    border-top-style: solid; 

}



.child-row2 .x-grid-cell-selected { 

    background-color: #ff0 !important; 

    border-bottom-color: #999; 

    border-bottom-style: solid; 

    border-top-color: #999; 

    border-top-style: solid; 

}



.enlevement

{

	background: green !important;

}



.livraison

{

	background: blue !important;

}



progress{

  height: 15px;

 -webkit-appearance: none;

}



progress::-moz-progress-bar{

    border-radius:10px;

    background: #09c;

    background: 

      -moz-repeating-linear-gradient(

        45deg, 

        rgba(255,255,255,.2) 0,

        rgba(255,255,255,.2) 10px, 

        rgba(255,255,255,0) 10px,

        rgba(255,255,255,0) 20px

      ),

      -moz-linear-gradient(

        rgba(255,255,255,.1) 50%,

        rgba(255,255,255,0) 60%

      ),

      #09c;

    background: 

      repeating-linear-gradient(

        45deg, 

        rgba(255,255,255,.2) 0,

        rgba(255,255,255,.2) 10px, 

        rgba(255,255,255,0) 10px,

        rgba(255,255,255,0) 20px

      ),

      linear-gradient(

        rgba(255,255,255,.1) 50%,

        rgba(255,255,255,0) 60%

      ),

      #09c;

    background-size: 150px 30px, auto, auto;

    background-position: -300px 0, top, top;

    background-position: top right, top, top;

    box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 

                0 -1px 0 rgba(0,0,0,.8) inset,

                0 0 2px black;

  

}



progress::-webkit-progress-value{

   border-radius:10px;

    background: #09c;

    background: 

      -moz-repeating-linear-gradient(

        45deg, 

        rgba(255,255,255,.2) 0,

        rgba(255,255,255,.2) 10px, 

        rgba(255,255,255,0) 10px,

        rgba(255,255,255,0) 20px

      ),

      -moz-linear-gradient(

        rgba(255,255,255,.1) 50%,

        rgba(255,255,255,0) 60%

      ),

      #09c;

    background: 

      repeating-linear-gradient(

        45deg, 

        rgba(255,255,255,.2) 0,

        rgba(255,255,255,.2) 10px, 

        rgba(255,255,255,0) 10px,

        rgba(255,255,255,0) 20px

      ),

      linear-gradient(

        rgba(255,255,255,.1) 50%,

        rgba(255,255,255,0) 60%

      ),

      #09c;

    background-size: 150px 30px, auto, auto;

    background-position: -300px 0, top, top;

    background-position: top right, top, top;

    box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 

                0 -1px 0 rgba(0,0,0,.8) inset,

                0 0 2px black;

 }

 

 progress::-webkit-progress-bar{

   border-radius:10px;

    background: #e6e6e6;

   

    background-size: 150px 30px, auto, auto;

    background-position: -300px 0, top, top;

    background-position: top right, top, top;

    box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 

                0 -1px 0 rgba(0,0,0,.8) inset,

                0 0 2px black;

 }

 

 .progressBar {

        width: 100px;

        height: 22px;

       

        background-color: transparent

}

 

.progressBar div {

        height: 100%;

        color: #fff;

        text-align: right;

        line-height: 22px; /* same as #progressBar height if we want text middle aligned */

        width: 0;

        border-radius:10px;

		background: #09c;

}

.couleur_colonne
{
    background-color: #ffc;
}

.x-grid-row .custom-column { 
    background-color: #ecf; 
    color: red;/*#090;*/ 
    font-weight: bold; 
}