html {
font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.625;
color: #111;
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
height: 100%;
background: #e8eef9;
}

* { box-sizing: border-box; }

.window_header td {
vertical-align: top;	
margin-right:20px;
}

/*-----*/
.clr {clear: both;}
.color {color: #343f50;}
.red {color: #930505;}
.yelow {color: #f5f7b4 !important;}
.bgc {background:#F4F4EF;}
.bgc1 {background:#fff3e8;}
.bgc2 {background: #d7f7e8;}
.bgwhite {background: #FFF;}

.border { border:1px solid #aaa; }

.page {
max-width: 1000px;
margin: 0 auto;
}

#content {
margin: 10px auto;
max-width:950px;
}

.sub-content {
    max-width: 800px;
    margin: 0 auto;
}
.sub-title {
    text-align: center;
    margin-bottom:10px;
}

.div-content {
padding:10px;
background:#F4F4EF;
}


.hide {
position: absolute;
left: -9999px;
top:0;
visibility: hidden  !important;
}

/*-----*/

h1 {text-align:left;color:#111;font-size:18px;margin:0 0 15px 0;font-weight:normal;}
h2 {text-align:left;color:#930505;font-size:18px;margin:0 0 10px 0;font-weight:normal;}
.h2 {color:#930505;font-size:18px;}
h3 {text-align:left;color:#555;font-size:16px;margin:0 0 10px 0;font-weight:normal;}
h4 {color: #590707;font-size:16px;font-weight:normal;margin:6px 0 4px 0;}
h5 {color: #000066;font-size:15px;font-weight:normal;margin:4px 0;}

li {margin:4px;}
p { margin:0 0 10px 0; }
a {color: #1F3877;outline: none;  text-decoration: underline; cursor: pointer;}
a:hover {color: #AE3505;}

button {
padding:6px 10px;
}

hr {
border:none;
border-top: 1px solid #ccc;
margin:5px 0;
padding:0;
}


table.window_header td {
vertical-align: middle;
padding:0px 10px 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

table.filters {
font-size:14px;
}

table.filters td {
vertical-align: top;
padding:2px;
}

table.filters td div {
margin:1px;
}


table.top td {
vertical-align: top;
}

table.right td:first-child {
white-space: nowrap;
text-align: right;
font-style:italic;
}

table.muted td:first-child {
font-style:italic;
color:#666;
}


td input, p input, .jqx-input {
padding:4px !important;
border: 1px solid #aaa;
}

}


/* ---- */
.muted { opacity: 0.3; }
.help { background: url(img/question.png) left no-repeat; cursor: pointer; }

/* */

.warning {
padding-left:30px;
background: transparent url(img/warning.png) no-repeat ;
font-size:14px;
color:#930505;
}

.error {
font-size:16px;
margin-top:10px;
text-align:center;
color:#990000;
}


.img_edit {
margin:10px auto;
width: 500px;
height:375px;
text-align:center;
padding:10px;
}

.img_edit img {
max-width: 100%;
max-height: 100%;
height: auto;
border: 1px solid #ccc;
}

.photo {
padding:2px;
}

.photo img  {
border:1px solid #aaa;
max-width: 120px;
height: auto;
}

.photo-min img  {
border:1px solid #aaa;
max-width: 90px;
height: auto;
}

.filtres div {
font-size:12px;
margin-bottom:1px;
}

.jqx-rangeselector-labels { font-size:11px; }
.jqx-rangeselector-ticks-container { background:#bcd8c5; }

.jqx-rangeselector-markers { padding:3px;height:15px; }
.jqx-rangeselector-markers-value { font-size:11px; }

.jqx-chart-title-text {
font-weight:normal; 
font-family: Arial;
font-size: 16px;
}

.jqx-chart-title-description {
font-family: Arial;
font-size: 13px;
}

.jqx-chart-legend-text {
font-size: 12px;
cursor: pointer;
}

.clear::before {
  content: "";
  display: table-cell;
}
.clear::after {
  content: "";
  display: table;
  clear: both;
}


.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}