html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
        overflow: hidden;
    }

.bouton{
    border: 3px solid #555;
	border-radius: .5em;
	background:rgb(54, 91, 160);
	font-size: 14px;
	font-weight: bold;
	padding: 1px;
	margin-left : 5px;
    color:white;
	cursor: pointer;
    text-align:center;
	transition-duration: 0.4s;
	-webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none;    /* Firefox all             */
    -ms-user-select: none;     /* Internet Explorer  10+  */
     user-select: none;        /* Likely future           */
	 -o-user-select: none;
}
.bouton:hover{
	background: rgb(91, 127, 196);
}
.bouton:active {
  background-color:rgb(20, 42, 82);
}

.form-header {
    width:100%;
    text-align:center;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

label{
    font-size:10px;
    display:block;
    font-weight:900;
    color:#606060;
}

/*************************************************/

 .dx-datagrid-header-panel, Data grid toolbar, .dx-datagrid .dx-toolbar-items-container  {
    height: 35px !important;
    background-color: silver !important;
}
.btnAjout{
    background-color:#ffffff !important;
    border-radius: 50px;
}
.menu_collecte{
    background-color:#ffffff !important;
    padding-left:5px;
}
.btnAjout .dx-icon{
    color:#4c85b5 !important;
}
.btnAjout::before{
    content:'+';
    display:block;
    position:absolute;
    right:3px;
    font-weight:bold;
    color:#4c85b5 !important;
}
.btnAjout .dx-button-text{
    position: absolute;
    top:5px;
    right:15px;
    color:#4c85b5 !important;
    font-weight:900;
    font-size:10px !important;
    line-height:10px;;
}
.dx-datagrid-headers .dx-header-row{
    background-color: #4c85b5;
    font-weight: bolder;
    color:white;
    font-size:10px;
}
.dx-group-row {
    color: white !important;
    background-color: gray !important;
    margin:0px;
    padding:0px;
}
.dx-master-detail-cell{
background-color: silver !important; 
} 
.dx-datagrid .dx-row > td {
    margin:5px !important;
    padding:5px !important;
}
.dx-datagrid .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) {
  background-color: #ffffb3;
  color:#4c85b5;
  font-weight:bolder;
}

.dx-popup-title.dx-toolbar{
    background-color: #5c95c5 !important;
    color:white;
    font-weight:bolder;
}
.dx-layout-manager .dx-field-item{
    padding:0px !important;
}

.dx-form-group-caption{
    background-color:#5c95c5 !important;
    color:white !important;
    width:100% !important;
    display:flex;
    font-size:13px !important;
    font-weight:bolder;
    line-height:13px;
    padding:3px;
    margin-top:5px;
}
.dx-field-item-label-location-top{
    padding-top:0px;
    margin:0px;
}
.dx-field-item-label-text{
    color:#5c95c5 !important;
    font-weight:bold;
}
.dhx_cell_sidebar_hdr, .dhx_cell_sidebar_hdr_text{
    background:#606060 !important;
    color:white;
    font-weight:800;
    font-size:18px;
}
/*******************************************************************/
div#GRD_CLASSEMENT {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}
div#GRD_NATURE {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}
div#GRD_TARIFS {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}