.abutton.save {
background: url(../content/web/treeview/coloricons-sprite.png);
background-repeat: no-repeat;
height:20px;
width:20px;
vertical-align:middle;
}
 
 		.k-arcgauge{
 			font-size: 2.0em !important;
 			width : 100%;
 			heigth : 300px; 		}
        /* as 24/10/2022 - Tableau de gare*/
		.tdgTable{ 
		    display: table; 
 			font-size: 1.0em !important;            
		}
		.tdgTr{ 
		    display: table-row; 
		}
		.tdgTd{ 
		    display: table-cell; 
		    padding : 5px 5px 5px 5px;
		}
		.tdgTdOk{ 
		    display: table-cell; 
		    border : 1px solid black;
		    padding : 5px 5px 5px 5px;
		    background-color : #1b631a;
		}
		.tdgTdRetard{ 
		    display: table-cell; 
		    border : 1px solid black;
		    padding : 5px 5px 5px 5px;
		    background-color : #ad0000
		}
		.tdgTdPasseOk{ 
		    display: table-cell; 
		    border : 1px solid black;
		    padding : 5px 5px 5px 5px;
			background-color : #1c9c1a
		}        
       	.tdgTdPasseRetard{ 
		    display: table-cell; 
		    border : 1px solid black;
		    padding : 5px 5px 5px 5px;
			background-color : #ef0e0e
		}
		/* as 12/02/2021 - Lisibilit� des tooltips */
		.k-tooltip{
 			font-size: 1.4em !important;            
		}
		
		.ysbloc{
			padding:0.1em 0em 1em 0.6em;
			margin:0.1em 0em 1em 0.1em;
		}
		.panelBar {
            max-width: 100%;
            margin: 0 auto;
        }
        .panelBarTitle {
            font-size: 1.1em;            
        }
        .teamMate h2 {
            font-size: 1.4em;
            font-weight: normal;
            margin-bottom: 0px;
        }
        .teamMate p {
            margin: 0;
        }
        .teamMate img {
            display: inline-block;
            margin: 5px 15px 5px 5px;
            border: 1px solid #ccc;
            border-radius: 50%;
        }
        .details {
            display: inline-block;
            vertical-align: top;
        }
    
	     .ystableau {
            border: 1px solid;
            padding : 3px;
         }
      
	   /* as 24/07/2018 - Pour que tous les champs occuppent 100% de leur div */	   
		.k-group .k-widget,
			.k-group .k-textbox {
	    	width: 100%;
		}
		
			
		/******************************* 
		 * Barre menu haut 
		 *******************************/	
		/* Boutons  */	
		.icon-bar-btn {
		    text-align: center; /* Center-align text */
		    font-size: 4em; /* Increased font size */
		}
		/* Pour bo�te de recherche et infon user : M�me taille que icon-bat-btn => Alignement vertical ok sans passer par flex */
		.menu-line {
			line-height:4.0em;
		}
		/* Affichage info user dans la barre de menu haute */
		.fa-login {
			font-size : 1.5em !important;
		}
		
		
		/**************************************
		 * Barre menu des �cran browse/fiche
		 *************************************/
		.fa-btn {
			font-size : 2.5em !important;
		}
		.fa-btn-form {
			font-size : 1.2em !important;
		}
		
		
		/* Bouton close des onglets */	
		.nav-tabs > li .close {
			    margin: -2px 0 0 10px;
			    font-size: 18px;
		}
		.marginBottom {
		    margin-bottom :1px !important;
		}
	
		/* debug */
		.dbg {			
    		border : 1px red solid;    		
		}
		
		
		/* tabform : Hauteur minimum d'un onglet */
		.tabform{
			min-height: 400px;
		}
		
		/* Label au-dessus des fields */
		label {
			margin:0.5em 0em 0.1em 0em;
            display: block;
        }
        
         /* Champs memo : hauteur de 200px */
		textarea {
            min-height : 200px !important;    
            width : 100% !important; 
			color : #123456;   
        }
        /* Champs memo : hauteur de 200px */
		.textareaMedium {
            min-height : 100px !important;    
            width : 100% !important; 
			color : #123456;   
        }
        .textareaSmall {
            min-height : 50px !important;    
            width : 100% !important; 
			color : #123456;   
        }
        /* Champs memo : hauteur de 200px */
		.textareaExtraSmall {
            min-height : 30px !important;    
            width : 100% !important; 
			color : #123456;   
        }
        
        .k-textarea {
        	overflow-y: scroll !important;
        }
        
        /* Champs. Voir aussi pour .k-picker-wrap, .k-drop-down-wrap ? (select, champ date..)  */
        .k-textbox {
           display: block;
           width : 100%;
        }
        /* Champs : pas plus de 300px de large */
        .k-textbox input {
            max-width : 300px;
        }
        
        /* Top : Pour ne pas avoir les rows coll�s dans une form
           Bottom : Pour ne pas avoir le fond qui s'arr�te � la m�me hauteur que les champs de la form (k-group) */
        form>.row {
        	padding-top:10px;
        	padding-bottom:10px;
        }

        /* Boutons des toolbars et des onglets */
		.ysbtn{
			font-size:1.9em !important; 
			margin-left: -2px !important; 
			margin-right: -2px !important;
		}
		.ysbtnmini{
			font-size:1.2em !important; 
			margin-left: -2px !important; 
			margin-right: -2px !important;
		}
		/* Permet l'utilisation de fontawesome à la place des webfont kendo */
		.ysbtntb{
			font-size:1.20em !important; 
			margin-left: -2px !important; 
			margin-right: -2px !important;
		}
		
		/* as 20/09/2019
			Seul Hack trouvé pour rendre les inputs text disabled visuellement.
			semble correspondre au css de k-state-disable dans les différents thèmes		
		*/
		input[type="text"]:disabled {
  			opacity: 0.6;
		}
		/* Pour ajout manuel, voir paraTourneeOptim.js */
		.disabledInput{
			opacity: 0.6;
		}
		
		/* Utilis� dans tabs.js, ysGetCols pour aligner les numbers � droite dans les grids */ 
		.ys-right {
    		text-align: right;
		}
		/* Word Wrap dans les ent�tes grid*/
		.k-grid  .k-grid-header  .k-header  .k-link {
		    height: auto;
		}
		  
		.k-grid  .k-grid-header  .k-header {
		    white-space: normal;
		}
	
	    /* Pour �viter d'avoir des scrollbars quand un screen est en mode fen (et pour tous les �crans en mode modal) */
		.winFen {
    		padding-top: 0em !important;
    		padding-right: 1.3em !important;
    		padding-bottom: 0em !important;
    		padding-left: 1.3em !important;
    		overflow : visible !important; /* Yes ! TOUT EST LA !!! Evite les scrollbars en mode modal ! Des jours de recherche... */    		
    	}
    	.winDial {
    		padding-top: 0em !important;
    		padding-right: 0em !important;
    		padding-bottom: 0em !important;
    		padding-left: 0em !important;
    		overflow : visible !important; /* Yes ! TOUT EST LA !!! Evite les scrollbars en mode modal ! Des jours de recherche... */    		
    	}
    	.winMes {
    		padding-top: 0em !important;
    		padding-right: 0em !important;
    		padding-bottom: 0em !important;
    		padding-left: 0em !important;
    		overflow : visible !important; /* Yes ! TOUT EST LA !!! Evite les scrollbars en mode modal ! Des jours de recherche... */
    	}
    	
    	
		/* nav.html : Evite d'avoir la toobar menu  plus large que le reste de l'�cran */
		.menuBar {
		/*margin: 0 .286em .3em;*/
	    margin-top: 0px;
	    margin-right: 0.02em;
	    /*margin-bottom: 0.3em;*/
	    margin-bottom: 0px;
	    margin-left: 0.02em;
	    /*
	    padding: .92em;
	    padding-top: 0.92em;
	    padding-right: 0.92em;
	    padding-bottom: 0.92em;
	    padding-left: 0.92em;*/
		}
		
        .dropdown-header {
            border-width: 0 0 1px 0;
            text-transform: uppercase;
        }

        .dropdown-header > span {
            display: inline-block;
            padding: 10px;
        }

        .dropdown-header > span:first-child {
            width: 50px;
        }

        .k-list-container > .k-footer {
            padding: 10px;
        }

        .selected-value {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 24px;
            background-size: 100%;
            margin-right: 5px;
            border-radius: 50%;
        }

        #tenant-list .k-item {
            line-height: 1em;
            min-width: 300px;
        }
        
        /* Material Theme padding adjustment*/
        
        .k-material #tenant-list .k-item,
        .k-material #tenant-list .k-item.k-state-hover,
        .k-materialblack #tenant-list .k-item,
        .k-materialblack #tenant-list .k-item.k-state-hover {
            padding-left: 5px;
            border-left: 0;
        }

        #tenant-list .k-item > span {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            vertical-align: top;
            margin: 20px 10px 10px 5px;
        }

        #tenant-list .k-item > span:first-child {
            -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
            -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
            box-shadow: inset 0 0 30px rgba(0,0,0,.3);
            margin: 10px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-size: 100%;
            background-repeat: no-repeat;
        }

        #tenant-list h3 {
            font-size: 1.2em;
            font-weight: normal;
            margin: 0 0 1px 0;
            padding: 0;
        }

        #tenant-list p {
            margin: 0;
            padding: 0;
            font-size: .8em;
        }
        
        
        .osm-div-icon-red
		{
		  background:red;
		  border:5px solid rgba(255,255,255,0.5);
		  color:black;
		  font-weight:bold;
		  text-align:center;
		  border-radius:50%;
		  line-height:30px;
		}
		.osm-div-icon-green
		{
		  background:green;
		  border:5px solid rgba(255,255,255,0.5);
		  color:black;
		  font-weight:bold;
		  text-align:center;
		  border-radius:50%;
		  line-height:30px;
		}
        
        
        /* as 25/03/2022 - Avec Kendo 2022 obligatoire sinon menu ne suit pas le font-size*/
        .k-treeview{ /* Menu  */
			font-size:1em !important;
		}
		.k-reset{ /* Combo/Listes pour les filtres des grids  */
			font-size:1em !important;
		}
        .k-list{ /* Combo/Listes pour les fiches  */
			font-size:1em !important;
		}
		.k-list-item{ /* Combo/Listes pour les fiches  */
			min-height: 1em !important; 
			display: block !important;
		}
		.k-searchbox{ /* Recherche dans les list/combo des grids et des fiches */
			font-size:1em !important;
		}	
		.k-chip{ /* Multiselect */
			font-size:1em !important;
		}