div.criticity { width: 150px; height: 2em; color: #fff; text-align: center; border-radius: 5px; font-size: 0.8em; padding: 3px; margin: 0; display: table-cell; vertical-align: middle; } div.mini-criticity { width: 5px; height: 3em; padding: 0; margin: 0; display: inline-block; } div.mini-criticity.h100p { height: 100%; } .flex-row.event { align-items: center; } form.flex-row div.filter_input, form.flex-row ul { width: 30%; min-width: 300px; display: flex; flex-direction: row; align-items: baseline; flex-wrap: wrap; align-content: center; justify-content: space-between; flex: 1; margin: 0.5em 3em 0.5em 0; } div.filter_input_little { flex: 1; display: flex; flex-direction: row; align-items: baseline; flex-wrap: nowrap; margin: 0.5em 0 0.5em 1em; } form.flex-row div.filter_input.large { flex: 1; min-width: 470px; } div.filter_input > label, div.filter_input_little > label { width: 10em; } form.flex-row > ul, form.flex-row > ul > li, form.flex-row > .box-shadow.white_table_graph { width: 100%; } form.flex-row > .box-shadow.white_table_graph { margin-top: 2em; } form.flex-row > ul input[type="submit"] { float: right; } form.flex-row > div > label { margin-right: 1em; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } .info_table.events tr > th { padding-left: 1em; font-size: 1.3em; font-weight: 400; border-bottom: 2px solid #878787; cursor: pointer; } .info_table.events tr > td { height: 2.5em; } .sorting_desc { background: url(http://localhost/pandora_console/images/sort_down_green.png) no-repeat; background-position-x: left; background-position-y: center; } .sorting_asc { background: url(http://localhost/pandora_console/images/sort_up_green.png) no-repeat; background-position-x: left; background-position-y: center; } .info_table.events > tbody > tr > td { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; padding-left: 0px; padding-right: 9px; padding-top: 7px; padding-bottom: 7px; border-bottom: 2px solid #dedede; } .info_table.events tr > td:first-child { padding-left: 5px; padding-top: 0; vertical-align: middle; width: 40%; padding-bottom: 0; } .filter_input { align-items: center; } .filter_input_little > select, .filter_input_little > input, .filter_input > select, .filter_input > input { flex: 1; } fieldset { margin: 0 auto; } .event.flex-row.h100p.nowrap div { max-width: 98%; }