/* VARIABLES ------------------------------------------------------------------------------------------------ */
/* MIXINS --------------------------------------------------------------------------------------------------- */
@import url(_actions.css);
@import url(fontello/css/fontello.css);
@import url(fontello/css/animation.css);
@import url(_custom.css);
.noselect, .prefix:before, .postfix:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

/* GENERAL ----------------------------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.light {
  font-weight: normal;
  color: #999; }

.left {
  float: left; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.right {
  float: right; }

.txt_left {
  text-align: left; }

.txt_right, .num {
  text-align: right; }

.txt_center {
  text-align: center; }

.border-top {
  border-top: solid 1px #CCC; }

.border-bottom {
  border-top: solid 1px #CCC; }

.nowrap {
  white-space: nowrap; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.title {
  font-size: 1.5em;
  font-family: "Arial Narrow"; }

.text-thin {
  font-weight: 100; }

.x2 {
  font-size: 1.5em; }

.x3 {
  font-size: 3em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  .x3 {
    font-size: 2em; } }
/* VARIABLES ------------------------------------------------------------------------------------------------ */
/* MIXINS --------------------------------------------------------------------------------------------------- */
.noselect, .prefix:before, .postfix:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

/* GENERAL ----------------------------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.light {
  font-weight: normal;
  color: #999; }

.left {
  float: left; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.right {
  float: right; }

.txt_left {
  text-align: left; }

.txt_right, .num {
  text-align: right; }

.txt_center {
  text-align: center; }

.border-top {
  border-top: solid 1px #CCC; }

.border-bottom {
  border-top: solid 1px #CCC; }

.nowrap {
  white-space: nowrap; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.title {
  font-size: 1.5em;
  font-family: "Arial Narrow"; }

.text-thin {
  font-weight: 100; }

.x2 {
  font-size: 1.5em; }

.x3 {
  font-size: 3em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  .x3 {
    font-size: 2em; } }
/* --- Z-INDEXES -------------------------------------------------------------------------------------------------------------- */
embed {
  position: relative;
  z-index: 1; }

.panel_dropdown {
  z-index: 7000; }

.overlay {
  z-index: 9201; }

.window {
  z-index: 8000; }

#loader {
  z-index: 9201; }

#preloader {
  z-index: 9201; }

.datepicker, #datepicker_div {
  z-index: 10000; }

.help-tooltip {
  z-index: 10001; }

#humanMsgLog {
  z-index: 10002; }

.ac_results, .multyselect .result {
  z-index: 10003; }

#preloader {
  z-index: 19001; }

#preloader_overlay {
  z-index: 19000; }

/* --- DATE PICKER ------------------------------------------------------------------------------------------------------------ */
#datepicker_div, .datepicker_inline {
  padding: 5px;
  margin: 0;
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }

#datepicker_div {
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  max-width: 195px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

#datepicker_div a {
  cursor: pointer; }

.datepicker_inline {
  float: left;
  display: block;
  border: 0; }

.datepicker_dialog {
  padding: 5px !important;
  border: 4px ridge #ddd !important; }

.mobile_date {
  display: none; }

.datepicker_wrap:after,
.datepicker_trigger {
  position: absolute;
  right: 0px;
  top: 50%;
  padding: 0;
  margin-top: -8px;
  margin-right: 3px;
  display: block;
  overflow: hidden;
  border: none;
  box-shadow: none;
  cursor: pointer;
  color: #369; }

.datepicker_prompt {
  float: left;
  padding: 2px; }

.datepicker_control, .datepicker_links, .datepicker_header {
  font-weight: bold;
  overflow: hidden;
  clear: both; }

.datepicker_control div, .datepicker_links div, .datepicker_header div {
  float: left;
  width: 33.33%; }

.datepicker_control .datepicker_close {
  float: right;
  display: none;
  line-height: 24px; }

.datepicker_control.time .datepicker_close {
  float: right;
  display: block; }

.datepicker_links {
  line-height: 24px; }

.datepicker_links label {
  padding: 2px 5px; }

.datepicker_current {
  text-align: center; }

.datepicker_close, .datepicker_next {
  text-align: right; }

.datepicker_header select {
  width: 50%;
  float: left; }

.datepicker {
  width: 100%;
  clear: both; }

.datepicker_titleRow {
  background: rgba(0, 0, 0, 0.1); }

.datepicker_control a, .datepicker_links a, .datepicker_header a {
  padding: 0 5px; }

table.datepicker {
  table-layout: fixed;
  text-align: center;
  border: 1px solid #CCC;
  border-width: 1px 0 0 1px;
  margin: 5px 0; }

.datepicker td {
  border: 1px solid #CCC;
  border-width: 0 1px 1px 0;
  padding: 3px; }

.datepicker a {
  font-weight: normal;
  color: #000; }

.datepicker_today {
  background: #DEF; }

.datepicker_currentDay {
  background: #369; }

.datepicker_currentDay a {
  color: #FFF; }

.datepicker_control select {
  width: 50px;
  float: left; }

span.datepicker_wrap {
  display: block;
  min-width: 82px;
  max-width: 195px;
  position: relative; }

label.datepicker_label {
  cursor: pointer;
  min-width: 82px;
  max-width: 195px; }

/*--- DATE PICKER -----------------------------------------------------------------------------------------------------------------*/
input[type="datepicker"] {
  width: 185px; }

.datepickerContainer {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px;
  margin: 0;
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepickerContainer table {
  table-layout: fixed; }

.datepickerContainer td, .datepickerContainer th {
  padding: 2px 4px;
  text-align: center; }

.datepickerContainer a {
  text-decoration: none; }

div.datepicker {
  position: relative;
  position: absolute;
  cursor: default;
  top: 0;
  left: 0;
  display: none; }

.datepickerHidden {
  display: none; }

/* Day mode calendar body */
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
  display: none; }

/* Month mode calendar body */
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
  display: none; }

/* Year mode calendar body */
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
  display: none; }

td.datepickerDisabled a, td.datepickerDisabled a:hover {
  color: #999;
  cursor: default; }

.datepickerContainer .datepickerNotInMonth {
  background: none; }

.datepickerNotInMonth a {
  display: none; }

.datepickerGoPrev {
  float: left; }

.datepickerGoNext {
  float: right; }

.datepickerSelected, .datepickerSelected a {
  background: #369;
  color: #FFF; }

.datepickerViewDays td, .datepickerViewDays th {
  width: 16px;
  height: 16px; }

.datepickerViewDays td {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-width: 0 1px 1px 0; }

.datepickerViewDays td:first-child {
  border-left-width: 1px; }

div.datepicker .datepickerSpace {
  width: 10px; }

div.datepicker .datepickerBlock, div.datepicker .datepickerSpace {
  border: none;
  padding: 0; }

.datepickerDoW th {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-width: 1px 1px 1px 0;
  background: rgba(0, 0, 0, 0.1); }

.datepickerDoW th:first-child {
  border-left-width: 1px; }

.datepickerYears td,
.datepickerMonths td {
  width: 36px;
  height: 36px;
  line-height: 45px; }

.datepickerContainer select {
  width: auto;
  padding-right: 20px;
  margin-right: 5px;
  margin-top: 3px; }

.datepickerContainer .btn {
  padding: 5px 8px 5px 27px;
  float: right;
  margin-top: 3px; }

/*  HELP TIPS ------------------------------------------------------------------------------------------------------------------ */
a.helpLink {
  color: Green;
  text-decoration: none;
  border-bottom: 1px dashed Green;
  cursor: help; }

a.helpLink:hover {
  color: Red;
  text-decoration: none;
  border-bottom: 1px dashed Red; }

.help-tooltip {
  position: absolute;
  width: 400px;
  border: 1px Solid WindowFrame;
  background: Infobackground;
  color: InfoText;
  font: StatusBar;
  font: Status-Bar;
  padding: 3px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3); }

.help-tooltip a, .help-tooltip a:hover {
  color: blue !important;
  background: none; }

/*  HUMANIZED MESSAGES ----------------------------------------------------------------------------------------------------------- */
.humanMsg {
  font: normal 20px/50px Helvetica, Arial, Sans-Serif;
  letter-spacing: -1px;
  position: fixed;
  top: 50%;
  left: 25%;
  width: 50%;
  color: white;
  background-color: #2e3543;
  text-align: center;
  display: none;
  opacity: 0;
  z-index: 100000; }

.humanMsg .round {
  border-left: solid 2px white;
  border-right: solid 2px white;
  font-size: 1px;
  height: 2px; }

.humanMsg p {
  padding: .3em;
  display: inline; }

.humanMsg a {
  display: none; }

#humanMsgLog {
  color: white;
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  max-height: 200px;
  display: none; }

#humanMsgLog p {
  position: relative;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  padding: 0 10px;
  line-height: 20px;
  background: #930;
  text-align: center;
  cursor: pointer;
  font-weight: bold; }

#humanMsgLog ul {
  background: #2E3543;
  margin: 0;
  padding: 0;
  position: relative;
  max-height: 180px;
  overflow: auto;
  display: none;
  border-top: 1px solid #5A6170; }

#humanMsgLog li {
  color: #FFF;
  list-style-type: none;
  border-bottom: 1px solid #5A6170;
  display: none;
  padding: 5px 20px;
  position: relative;
  overflow: hidden; }

#humanMsgLog li:hover {
  background: #3E4553; }

#humanMsgLog li:first-child {
  margin-top: 1px; }

#humanMsgLog li .error {
  color: #F90; }

#humanMsgLog li .indent {
  position: absolute;
  top: 0;
  left: 100px;
  margin-right: 200px;
  height: inherit; }

/*  JQUERY AUTOCOMPLETE ------------------------------------------------------------------------------------------------------------------ */
.ac_results {
  padding: 0px;
  border: 1px solid #CCC;
  background-color: #EEE;
  overflow: hidden;
  max-height: 150px;
  overflow: auto;
  overflow-x: hidden; }

.ac_results iframe {
  display: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: mask();
  width: 3000px;
  height: 3000px; }

.ac_results ul {
  width: 100%; }

.ac_results li {
  padding: 2px 20px 2px 5px;
  cursor: pointer;
  display: block;
  width: 100%;
  overflow: hidden;
  border-bottom: solid 1px #CCC;
  white-space: nowrap; }

.ac_loading {
  background: Window url("ajax-loader.gif") right center no-repeat; }

.ac_over {
  background-color: #CCC; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  div.datepicker, #datepicker_div {
    position: fixed !important;
    top: 0 !important;
    /*bottom: 0 !important;*/
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    /*height: 100% !important;*/ }

  .datepicker_wrap input {
    display: none !important; }

  .datepicker_wrap .mobile_date {
    display: block; }

  div.datepicker table {
    width: 100%; }

  div.datepicker .datepickerSpace {
    width: .5em; } }
/* VARIABLES ------------------------------------------------------------------------------------------------ */
/* MIXINS --------------------------------------------------------------------------------------------------- */
.noselect, .prefix:before, .postfix:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

/* GENERAL ----------------------------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.light {
  font-weight: normal;
  color: #999; }

.left {
  float: left; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.right {
  float: right; }

.txt_left {
  text-align: left; }

.txt_right, .num {
  text-align: right; }

.txt_center {
  text-align: center; }

.border-top {
  border-top: solid 1px #CCC; }

.border-bottom {
  border-top: solid 1px #CCC; }

.nowrap {
  white-space: nowrap; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.title {
  font-size: 1.5em;
  font-family: "Arial Narrow"; }

.text-thin {
  font-weight: 100; }

.x2 {
  font-size: 1.5em; }

.x3 {
  font-size: 3em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  .x3 {
    font-size: 2em; } }
/* --- BLINKING ALERT --------------------------------------------------------------------------------------------------------------------*/
@-moz-keyframes blink {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }
@-webkit-keyframes blink {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.1; } }
.alert_task {
  border-radius: 12px;
  background: #C00;
  width: 1em !important;
  height: 1em !important;
  overflow: hidden;
  display: inline-block;
  border: solid 2px #FFF !important;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 0.75s;
  -moz-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-name: blink; }

/* PANEL ------------------------------------------------------------------------------------------------ */
.panel {
  background: #E0E0E0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1em !important;
  margin-bottom: 2em; }
.panel legend {
  background: #E0E0E0; }
.panel p {
  display: block;
  margin: 0;
  padding: .5em 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
.panel table {
  width: 100%;
  border-collapse: collapse; }
.panel.info, .panel.info legend {
  background: #EEC; }
.panel.info:before {
  display: none; }
.panel.filter, .panel.filter legend {
  background: #BBB; }
.panel.filter {
  border-bottom: 5px solid #5f6473;
  border-top: none;
  padding: .5em 1em;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5); }
.panel.filter:before {
  display: none; }
.panel.filter table {
  table-layout: fixed; }
.panel.filter td {
  padding: .5em 1em; }
.panel.filter td.buttons {
  border: none;
  width: 120px;
  height: auto;
  overflow: hidden;
  vertical-align: middle; }
.panel.filter td.buttons * {
  width: 100%; }
.panel.filter .results {
  background: #DDD;
  color: #666;
  font-weight: bold;
  padding: .5em 1em;
  -webkit-box-flex: 100%;
  -moz-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%; }
.panel.filter .result.hscroll {
  margin: 0; }

.panel.filter, .window .frameset > .panel.filter {
  margin: -2em -2em 2em -2em; }

/* PANEL ------------------------------------------------------------------------------------------------ */
.autocompl.result ul {
  max-height: 25em;
  overflow: auto; }

.result {
  background: #CCC;
  padding: .5em; }
.result .list {
  margin: 0; }
.result .list a {
  min-width: 15em;
  min-height: 75px;
  padding: .5em 1em; }
.result .list a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.75);
  border: solid 1px rgba(255, 255, 255, 0.33);
  border-width: 0 1px 1px 0; }
.result .list a:hover {
  background: rgba(0, 0, 0, 0.1); }
.result .list a span {
  display: block; }
.result .list a.selected {
  background-color: #5f6473;
  color: white; }
.result .list a.selected:hover {
  background-color: #5f6473; }
.result .list a.selected .title {
  color: #FFC; }
.result .grid {
  display: table;
  table-layout: auto;
  width: 100%; }
.result .grid a {
  display: table-row;
  float: none;
  height: auto; }
.result a:nth-child(even) {
  background: rgba(0, 0, 0, 0.05); }
.result .grid a span {
  display: table-cell;
  padding: .5em 1em; }

.string {
  margin-bottom: .5em; }

.string, .string > * {
  display: block; }

.string > .tit:after {
  content: ':'; }

.string > .val {
  padding: 0; }

.string > .actions {
  float: right; }

.string.inl > * {
  display: inline; }

/* --- TABS -------------------------------------------------------------------------------------------------------------------------*/
.tabs .tabs_line {
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  border: none; }
.tabs .nav {
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
  white-space: nowrap; }
.tabs .nav .error {
  font-weight: bold;
  color: #C00; }
.tabs .tabs-nav li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  background: rgba(0, 0, 0, 0.05); }
.tabs .tabs-nav a {
  display: inline-block;
  width: 100%;
  padding: 1em 2em;
  color: inherit;
  text-decoration: none;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-width: 1px 1px 0 0; }
.tabs .tabs-nav li:first-child a {
  border-left-width: 1px; }
.tabs .tabs-nav .tabs-selected {
  background: #EEE;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  font-weight: bold; }
.tabs .tabs-nav .tabs-selected:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  height: 4px;
  width: 100%;
  background: #EEE; }
.tabs .tabs-nav .tabs-selected a {
  box-shadow: inset 0 5px 0 0 #000; }
.tabs .tabs-scr {
  position: absolute;
  top: 0;
  height: 100%;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  z-index: 2;
  display: none;
  background: #EEE; }
.tabs .tabs-scr a {
  padding: 0;
  margin: .5em 0;
  border: none; }
.tabs .scr-left {
  left: 0;
  text-align: left; }
.tabs .scr-right {
  right: 0;
  text-align: right; }
.tabs .tab_cnt {
  display: none;
  padding: 1em 0 0 0; }
.tabs .tab_cnt .panel.filter {
  margin: 0 0px 1em 0px;
  box-shadow: none;
  border: none; }
.tabs .tabs_line {
  position: relative;
  overflow: hidden; }
.tabs .tabs_line .scroller {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  display: none; }
.tabs .tabs_line .scroller a {
  width: 1em;
  background: #CCC;
  padding: 3px; }
.tabs .pagination {
  margin-top: 0; }
.tabs .tabs .tab_cnt {
  border-width: 1px 0 0 0;
  padding: 1em 0 0 0; }
.tabs .tabs .tabs-nav li {
  background: none; }
.tabs .tabs .tabs-nav a {
  border: none;
  padding: 1em;
  box-shadow: none; }
.tabs .tabs .tabs-nav .tabs-selected {
  background: none;
  box-shadow: inset 0 -5px 0 0 #000; }
.tabs .tabs .tabs-scr {
  border: none;
  width: 3em;
  height: 2em;
  bottom: 5px;
  top: auto; }
.tabs .tabs .tabs-scr a {
  margin: 0; }
.tabs.frameset .tabs-nav {
  -webkit-flex-flow: nowrap !important;
  flex-flow: nowrap !important; }
.tabs.frameset .tabs-nav li {
  -webkit-box-flex: 1 auto;
  -moz-box-flex: 1 auto;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto; }
.tabs.frameset .tabs-nav a {
  text-align: center; }

/* -------------------------------------------------------------------------------------- */
.cards, .catalogueitems {
  margin: -.25em; }
.cards > *, .catalogueitems > * {
  display: block;
  min-width: 250px;
  padding: 1em;
  margin: .25em;
  border: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.5); }
.cards .flex .thumb, .catalogueitems .flex .thumb, .cards .panel.filter .thumb, .catalogueitems .panel.filter .thumb, .tabs.frameset .cards .tabs-nav .thumb, .tabs.frameset .catalogueitems .tabs-nav .thumb, .cards .cards .thumb, .catalogueitems .cards .thumb, .cards .catalogueitems .thumb, .catalogueitems .catalogueitems .thumb, .cards .list_summary .thumb, .catalogueitems .list_summary .thumb, .cards .frameset .thumb, .catalogueitems .frameset .thumb, .cards ul.list .header .thumb, ul.list .cards .header .thumb, .catalogueitems ul.list .header .thumb, ul.list .catalogueitems .header .thumb, .cards ul.list .line .thumb, ul.list .cards .line .thumb, .catalogueitems ul.list .line .thumb, ul.list .catalogueitems .line .thumb, .cards .superhscroll .thumb, .catalogueitems .superhscroll .thumb, .cards #nav > ul > li > ul .thumb, .catalogueitems #nav > ul > li > ul .thumb, .cards #icons_tools > ul > li > ul .thumb, .catalogueitems #icons_tools > ul > li > ul .thumb {
  -webkit-box-flex: 0 1 10em;
  -moz-box-flex: 0 1 10em;
  -webkit-flex: 0 1 10em;
  -ms-flex: 0 1 10em;
  flex: 0 1 10em; }
.cards .thumb i, .catalogueitems .thumb i {
  font-size: 6em;
  color: rgba(0, 0, 0, 0.5); }
.cards .actions, .catalogueitems .actions {
  float: right; }

.thumb {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  /* max-width: 10em; */ }
.thumb:hover .actions {
  display: block; }
.thumb img {
  width: 100%; }
.thumb .actions {
  position: absolute;
  top: 1em;
  right: 1em;
  display: none;
  padding: .5em 1em;
  background: rgba(0, 0, 0, 0.5); }
.thumb .actions a, .thumb .thumb .actions a:before {
  color: #FFF; }

.catalogueitems .thumb {
  height: 12em;
  margin-bottom: .5em; }

.list_summary {
  float: right;
  clear: both;
  text-align: right; }
.list_summary .col {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  margin: 10px 0 0 10px;
  white-space: nowrap;
  min-width: 120px; }
.list_summary h4, .list_summary h6 {
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
  margin: 0;
  text-align: left; }

.item_info {
  background: #EEC;
  border: solid 1px #CC9; }
.item_info h1 {
  margin-bottom: 0; }
.item_info h1 span {
  color: #BB9; }
.item_info label {
  font-weight: bold; }
.item_info .col {
  max-height: 300px;
  overflow: auto;
  padding: 1em; }
.item_info .chart {
  padding: 0; }
.item_info .chart a {
  display: none !important;
  opacity: 0.2 !important; }

.sys_log {
  display: none;
  position: absolute;
  bottom: 2em;
  right: 2em;
  width: 600px;
  border: solid 1px rgba(0, 0, 0, 0.3);
  background: #FFE;
  box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.3); }
.sys_log.on {
  display: block; }
.sys_log.on .cnt {
  min-height: 300px;
  max-height: 400px; }
.sys_log .hdr {
  background-color: rgba(50, 60, 80, 0.85);
  background: -webkit-linear-gradient(top, rgba(50, 60, 80, 0.55) 0, rgba(50, 60, 80, 0.85) 25%);
  background: -moz-linear-gradient(top, rgba(50, 60, 80, 0.55) 0, rgba(50, 60, 80, 0.85) 25%);
  background: linear-gradient(top, rgba(50, 60, 80, 0.55) 0, rgba(50, 60, 80, 0.85) 25%);
  color: #FFF;
  font-weight: bold;
  padding: 0 1em; }
.sys_log .hdr .actions {
  top: 3px; }
.sys_log .cnt {
  min-height: 0;
  max-height: 0;
  overflow: auto;
  color: #000;
  line-height: normal;
  transition: min-height 1s, max-height 1s; }
.sys_log .cnt .inn {
  padding: 2em; }
.sys_log .cnt a {
  color: #369; }
.sys_log .cnt p {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: dashed 1px rgba(0, 0, 0, 0.2); }

.select_chooser {
  /*Height*/ }
  .select_chooser {
    border: solid 4px #999;
    margin-bottom: 2em; }
  .select_chooser .pool, .select_chooser ul {
    height: 240px; }
  .select_chooser .pool {
    width: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.1);
    border: solid 0 #999;
    padding: 0; }
  .select_chooser .pool.first {
    width: 200px !important;
    float: left;
    height: 240px; }
  .select_chooser ul.half {
    height: 108px; }
  .select_chooser .pool.half {
    height: 108px; }
  .select_chooser .pool option, .select_chooser li {
    border-bottom: solid 1px #CCC;
    padding: .5em; }
  .select_chooser ul {
    background-color: rgba(0, 0, 0, 0.1);
    border: solid 0 #999;
    overflow: auto; }
  .select_chooser li {
    background-color: rgba(0, 0, 0, 0.1); }
  .select_chooser span * {
    float: left; }
  .select_chooser span select {
    width: 150px;
    padding: 0; }
  .select_chooser .actions {
    float: right;
    margin-top: -3px;
    background: none;
    border: none;
    padding: 0; }
  .select_chooser .actions option {
    float: none; }
  .select_chooser .actions .act {
    margin-left: 5px; }
  .select_chooser table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse; }
  .select_chooser .half {
    height: 98px; }
  .select_chooser .buttons {
    width: 30px;
    border: none;
    background: #CCC;
    padding: 0;
    text-align: center; }
  .select_chooser .buttons input {
    height: 130px;
    width: 25px;
    padding: 0;
    margin: 0 auto;
    text-align: center; }
  .select_chooser .buttons.half input {
    height: 65px; }
  .select_chooser .separator {
    height: 4px;
    background: #999; }
  .select_chooser label {
    margin: auto; }
  .select_chooser label span {
    display: block;
    height: 2em;
    line-height: 2em;
    font-weight: bold;
    background: #CCC;
    padding: 0 .5em;
    margin: 0; }
  .select_chooser .combobox {
    width: 100% !important; }

.accordion dl {
  background: #CCC;
  border: solid 5px #999; }
.accordion dt {
  background: #AAA;
  padding: .5em;
  border-bottom: solid 2px #666;
  background: url("/images/icons/16x16/add.png") no-repeat right; }
.accordion dt.active {
  background-color: url(bgrd_content.png);
  border: none;
  font-size: 130%;
  background-image: url("/images/icons/16x16/cancel.png");
  cursor: pointer; }
.accordion dd {
  overflow: hidden;
  display: none;
  background-color: url(bgrd_content.png); }
.accordion .toggle {
  float: left; }

.history dl {
  max-height: 400px;
  overflow: auto;
  padding-right: 1em; }
.history dt {
  border-bottom: dotted 1px rgba(0, 0, 0, 0.33);
  font-weight: bold; }
.history dd {
  padding: 0 0 2em 0; }
.history .actions {
  float: right; }
.history .date {
  float: right; }

.small_popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 319px;
  padding: 0 1em;
  text-align: left;
  z-index: 100000; }
.small_popup .hdr, .small_popup .cnt, .small_popup .ftr {
  width: 290px;
  display: block;
  padding: 0 1em;
  background: transparent left top no-repeat; }
.small_popup .hdr {
  height: 11px;
  background-image: url(calendar/cal_pop_top.png);
  padding: 0 1em; }
.small_popup .cnt {
  border: 1px solid #AAA;
  border-width: 0 1px;
  background: #FFF; }
.small_popup .ftr {
  height: 23px;
  background-image: url(calendar/cal_pop_bottom.png);
  margin: 0 0 0 -11px;
  width: 303px; }
.small_popup .btn {
  width: 44%; }
.small_popup.rev .ftr {
  background-image: url(calendar/cal_pop_bottom_rev.png);
  margin: 0 -11px 0 0; }

table.color_picker {
  width: auto; }
table.color_picker a {
  height: 1em;
  width: 1em;
  display: block;
  border: 1px solid #CCC; }
table.color_picker a.selected {
  background-image: url(calendar/cal_checker.gif) !important;
  background-position: left;
  background-repeat: no-repeat; }

/*--- AUTOCOMPLETE -----------------------------------------------------------------------------------------------------------------*/
.aautocomplete {
  position: absolute;
  top: 0;
  display: none;
  border: 1px solid #CCC;
  border-width: 1px 1px 4px 1px;
  background: white;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto; }
.aautocomplete a {
  font-weight: normal;
  color: #AFC8E2;
  text-decoration: none;
  color: black;
  cursor: pointer;
  cursor: hand; }
.aautocomplete .list {
  width: 100%;
  border-spacing: 0;
  border: 0 !important; }
.aautocomplete .list td {
  padding: .5em;
  cursor: hand;
  cursor: pointer;
  border-width: 0 1px 1px 0; }
.aautocomplete .list td.key {
  padding-left: 2em; }
.aautocomplete .list tr:hover td {
  background-color: transparent !important; }

.aautocomplete_holder {
  position: relative; }
.aautocomplete_holder .expand {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -.75em !important;
  margin-right: .2em !important; }
.aautocomplete_holder ul.list {
  position: absolute;
  z-index: 1;
  max-height: 250px;
  overflow: auto;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.aautocomplete_holder .list li {
  padding: .5em; }
.aautocomplete_holder .list span {
  width: auto;
  float: none; }
.aautocomplete_holder .list a {
  color: #333; }
.aautocomplete_holder .active {
  background-color: #FFC; }

.aautocomplete_input {
  background-image: url(icons/16/cross_white.png) !important;
  text-indent: 16px !important;
  background-position: 3px center !important;
  background-repeat: no-repeat !important; }
.aautocomplete_input.select_item {
  color: #CACACA; }
.aautocomplete_input.selected {
  background-image: url(icons/16/tick.png) !important; }
.aautocomplete_input.preloader {
  background-image: url(ajax-loader.gif) !important;
  background-color: white !important; }
.aautocomplete_input.text_mode {
  background-image: none !important;
  text-indent: 0px !important; }

.list tr:hover .aautocomplete_input.selected {
  background-color: transparent !important; }

.autocomplete_cnt {
  position: relative; }

.autocomplete_button {
  position: absolute;
  right: 3%;
  bottom: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: transparent center center no-repeat;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete_button.client {
  background-image: url(icons/16/group.png); }

/*--- MULTYSELECT -----------------------------------------------------------------------------------------------------------------*/
.multyselect {
  position: relative; }

.multyselect button {
  width: 100%;
  padding: .5em;
  font-weight: normal;
  text-shadow: none;
  overflow: hidden; }
.multyselect button:before {
  margin: -.5em 0;
  /*display: none;*/ }
.multyselect .result {
  position: absolute;
  overflow-y: auto;
  min-width: 250px;
  width: 100%;
  max-height: 250px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.multyselect ul {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0; }
.multyselect :before {
  opacity: 0.5; }

@-moz-document url-prefix() {
  .multyselect button {
    padding: .4em; } }
/*--- ACCOUNTING -----------------------------------------------------------------------------------------------------------------*/
table.acc_trans_detail {
  border-collapse: collapse;
  width: 100%; }
table.acc_trans_detail th, table.acc_trans_detail td {
  padding: .5em !important;
  font-weight: normal; }
table.acc_trans_detail td {
  border: 1px solid #BBB !important;
  border-width: 1px 1px 0 0 !important; }
table.acc_trans_detail th:last-child, table.acc_trans_detail td:last-child {
  border-right-width: 0 !important; }

.acc_trans_detail th {
  background: transparent !important; }

.acc_trans_detail td.sum {
  text-align: right; }

/*--- HELP CONTENT -----------------------------------------------------------------------------------------------------------------*/
.help_content ul, .help_content ol, .help_content blockquote {
  padding: 1em 0 1em 2em; }
.help_content li {
  list-style: circle;
  padding: 0 0 1em 0;
  display: list-item; }
.help_content ol li {
  list-style-type: decimal; }
.help_content .icon, .help_content .act, .help_content .btn {
  display: inline-block; }

div.prior {
  width: 2em;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  padding: .25em .5em;
  margin: auto;
  background: rgba(0, 0, 0, 0.1);
  border: solid 5px #BBB;
  border-radius: 10px; }

div.prior.p4 {
  background-color: #C00;
  border-color: #900;
  color: #FFF; }

div.prior.p3 {
  background-color: #396;
  border-color: #206542;
  color: #FFF; }

/*--- CONTEXT MENU -----------------------------------------------------------------------------------------------------------------*/
.context-holder {
  display: none;
  position: fixed;
  padding: .5em 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-color: #F0F0F0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .5em;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
.context-holder.open {
  display: block; }
.context-holder ul.context-menu {
  min-width: 18em;
  list-style: none; }
.context-holder ul.context-menu > li > a {
  display: block;
  padding: .5em 1em;
  white-space: nowrap;
  cursor: pointer;
  color: #000; }
.context-holder ul.context-menu > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1); }

/* --- DIALOGUE WINDOW --------------------------------------------------------------------------------------------------------------------*/
.overlay, .holder {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.overlay {
  background-color: rgba(66, 66, 66, 0.6);
  background: -moz-radial-gradient(center, rgba(66, 66, 66, 0.25) 33%, rgba(66, 66, 66, 0.8) 90%, rgba(66, 66, 66, 0.9) 100%);
  background: -webkit-radial-gradient(center, rgba(66, 66, 66, 0.25) 33%, rgba(66, 66, 66, 0.8) 90%, rgba(66, 66, 66, 0.9) 100%);
  background: radial-gradient(center, rgba(66, 66, 66, 0.25) 33%, rgba(66, 66, 66, 0.8) 90%, rgba(66, 66, 66, 0.9) 100%);
  display: none; }

.window .overlay {
  display: block; }

#preloader_overlay {
  display: none; }

table.container {
  width: 100%;
  height: 100%;
  text-align: center;
  table-layout: fixed;
  vertical-align: top; }
table.container .narrow {
  width: 200px;
  padding-right: 0; }
table.container .side {
  width: 200px;
  background: rgba(0, 0, 0, 0.1);
  display: block;
  padding: 2em; }
table.container .wintr.selected {
  background: transparent; }

.window {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* display: none; */ }
.window .win_wrapper {
  width: 80%;
  margin: auto;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.5);
  background: #F0F0F0; }
.window .hdr, .window .cnt, .window .ftr {
  border: 1px solid #323C50; }
.window .hdr {
  padding: 0 2em;
  text-align: left;
  background: #5f6473;
  color: white;
  font-weight: bold;
  position: relative;
  border-width: 1px 1px 0 1px; }
.window .hdr h6 {
  height: 3em;
  overflow: hidden;
  line-height: 3em;
  margin: 0; }
.window .hdr .actions {
  position: absolute;
  top: .75em;
  right: 1em;
  padding: 0;
  border: none; }
.window .hdr .actions a {
  color: rgba(255, 255, 255, 0.5); }
.window .hdr .actions .window_filter {
  display: none; }
.window .cnt {
  text-align: left;
  margin: auto;
  border-width: 0 1px; }
.window .ftr {
  border-width: 0 1px 1px 1px; }
.window .win_cnt {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  padding: 2em; }
.window .win_help {
  position: relative;
  overflow: auto;
  display: none;
  padding: 2em; }
.window .win_help.on {
  display: block; }
.window .ftr .popup-actions {
  padding: .5em;
  background: rgba(0, 0, 0, 0.2);
  text-align: right;
  border: none !important;
  margin: 0; }

/* LOGIN ------------------------------------------------------------------------------------------------ */
#log-in form {
  display: block;
  width: 800px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  /*margin: -200px 0 0 -400px; */
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.5); }
#log-in form, #log-in .fields {
  background-color: #306a82;
  background: -moz-radial-gradient(center, ellipse cover, #306a82 25%, #0d334e 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #306a82 25%, #0d334e 100%);
  background: radial-gradient(center, ellipse cover, #306a82 25%, #0d334e 100%);
  background: #333 url(/images/login_images/form_bgrd.jpg) right bottom;
  border: solid 1px white;
  color: rgba(255, 255, 255, 0.75); }
#log-in form h1 {
  display: block;
  overflow: hidden;
  height: 262px;
  text-indent: -1000px; }
#log-in form .fields {
  position: absolute;
  bottom: -2em;
  right: -4em;
  width: 30em;
  padding: 2em;
  border-radius: .75em;
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.33);
  overflow: hidden; }
#log-in form .fields > * {
  float: left;
  clear: none;
  margin-right: 0; }
#log-in form .username {
  width: 100%; }
#log-in form .pass {
  width: 65%;
  padding-right: 20px; }
#log-in form .btn {
  width: 35%;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  margin-top: 1em; }
#log-in form .hr {
  margin: 0 -100px 10px -100px; }
#log-in form .field {
  padding: 8px 10px;
  width: 100%;
  color: #000; }
#log-in .error_msg {
  display: none;
  background: rgba(0, 0, 0, 0.33);
  padding: .5em 2em;
  margin: -2em -2em 1em -2em;
  width: 30em; }
#log-in.error .error_msg {
  display: block; }
#log-in.error .field {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  border-color: #C00;
  border-width: 2px; }
#log-in #partner_footer, #log-in #login #copywright {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 50%;
  width: 40em;
  margin-left: -20em;
  text-align: center; }
#log-in #partner_footer {
  bottom: 3em; }
#log-in #copywright {
  line-height: 2em;
  position: absolute;
  bottom: 0;
  margin: auto;
  width: 100%;
  text-align: center; }

* html #login form *, *:first-child + html #login form * {
  display: none; }

* html #login form, *:first-child + html #login form {
  background: transparent url(../version_warning.jpg) center center no-repeat; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 1023px) {
  #log-in {
    background: #369;
    padding-top: 33%; }
  #log-in form {
    position: static;
    width: auto;
    height: auto;
    margin: 0 auto;
    border: none;
    box-shadow: none;
    background: none;
    padding: 0; }
  #log-in form h1 {
    display: none; }
  #log-in form .fields {
    width: 100%;
    position: static;
    margin: 0 auto;
    box-sizing: border-box;
    border: none;
    background: none;
    box-shadow: none; }
  #log-in form .error_msg {
    width: 100%;
    margin: 0 0 1em 0; }
  #log-in form .pass, #log-in form .btn {
    width: 100%; }
  #log-in form .pass {
    padding: 0; }
  #log-in #partner_footer, #log-in #copywright {
    width: auto;
    margin: 5em auto 0 auto;
    padding: 0 1em;
    position: static; }
  #log-in, #log-in a {
    color: rgba(255, 255, 255, 0.75); }

  .window .win_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: auto; }
  .window .hdr {
    height: 3em; }
  .window .win_cnt {
    max-height: none !important;
    padding: .5em; }

  .panel.filter {
    margin: -.5em -.5em .5em -.5em; }

  .item_info, .filter:not(a), .panel.filter {
    overflow: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .item_info table, .filter table {
    table-layout: auto !important;
    width: auto !important; }

  .item_info td:not(.buttons), .filter td:not(.buttons), .filter .col:not(.fA) {
    min-width: 200px; }

  .item_info .buttons, .filter .buttons {
    max-width: 100px !important;
    width: auto !important; }

  .cards > *, .catalogueitems > * {
    margin-right: 0; }

  .result .list a {
    display: block; } }
@media screen and (min-width: 1024px) {
  #log-in form {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  .tabs .tabs-nav a {
    display: inline-block;
    padding: 2em 3em; }
  .tabs .tab_cnt {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top-width: 0px;
    padding: 1em; }
  .tabs .tabs-scr a {
    margin: 2em 0; } }
/* VARIABLES ------------------------------------------------------------------------------------------------ */
/* MIXINS --------------------------------------------------------------------------------------------------- */
.noselect, .prefix:before, .postfix:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

/* GENERAL ----------------------------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.light {
  font-weight: normal;
  color: #999; }

.left {
  float: left; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.right {
  float: right; }

.txt_left {
  text-align: left; }

.txt_right, .num {
  text-align: right; }

.txt_center {
  text-align: center; }

.border-top {
  border-top: solid 1px #CCC; }

.border-bottom {
  border-top: solid 1px #CCC; }

.nowrap {
  white-space: nowrap; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.title {
  font-size: 1.5em;
  font-family: "Arial Narrow"; }

.text-thin {
  font-weight: 100; }

.x2 {
  font-size: 1.5em; }

.x3 {
  font-size: 3em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  .x3 {
    font-size: 2em; } }
/* --- Forms ----------------------------------------------------------------------------------------------------------------*/
::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4); }

:-moz-placeholder {
  color: rgba(0, 0, 0, 0.4); }

::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4); }

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4); }

ng-form {
  display: block; }

input[type="hidden"] {
  display: none; }

/* --- FIELDSET ----------------------------------------------------------------------------------------------------------------*/
fieldset, .fieldset {
  padding: 0;
  border: none;
  position: relative;
  display: block;
  min-width: inherit; }
fieldset:before, .fieldset:before {
  content: '';
  display: block;
  position: relative;
  top: -2em;
  height: 0;
  overflow: hidden;
  border-top: dotted 1px rgba(0, 0, 0, 0.2); }
fieldset.box:before, fieldset.border:before, fieldset.ngform:before, .fieldset.box:before, .fieldset.border:before, .fieldset.ngform:before {
  display: none; }
fieldset.ngform, .fieldset.ngform {
  margin-top: 0; }

legend {
  position: relative;
  z-index: 1;
  padding-right: 1em;
  margin: 0 2em 1em 0;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
  color: rgba(0, 0, 0, 0.5);
  background: #F0F0F0; }

/* --- LABEL ----------------------------------------------------------------------------------------------------------------------*/
label, .label {
  display: block;
  margin: 0 .5em .5em 0;
  clear: both;
  position: relative; }
label .actions, .label .actions {
  position: absolute;
  right: 0;
  bottom: 1.5em;
  z-index: 1;
  padding: 0;
  border: none; }
label span.error, .label span.error {
  color: #C00;
  font-size: 0.8em; }

label.col {
  clear: none;
  margin-bottom: .5em; }

label.error {
  color: #C00;
  font-weight: bold; }

.checkbox label {
  margin: 0; }

.prefix:before, .postfix:before {
  position: absolute;
  bottom: 0;
  margin: .2em .4em;
  opacity: .6;
  color: inherit; }

.postfix:before {
  right: 0; }

.prefix > input, .prefix > select {
  padding-left: 2.25em !important; }

.postfix > input, .postfix > select {
  padding-right: 2.25em !important; }

/* --- INPUT ----------------------------------------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="file"], input[type="number"],
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="time"],
input[type="email"], input[type="tel"], input[type="url"], input[type="search"],
.multyselect button, .input, .combobox,
select, textarea {
  display: inline-block;
  width: 100%;
  padding: .5em;
  background: rgba(255, 255, 255, 0.5) right center no-repeat;
  border-radius: .3em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  outline: none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="number"]:focus,
input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus,
input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="search"]:focus,
.multyselect button:focus, .input:focus, .combobox:focus,
select:focus, textarea:focus {
  border-color: #069;
  background-color: white; }
input[type="text"].required, input[type="password"].required, input[type="file"].required, input[type="number"].required,
input[type="date"].required, input[type="datetime"].required, input[type="datetime-local"].required, input[type="month"].required, input[type="week"].required, input[type="time"].required,
input[type="email"].required, input[type="tel"].required, input[type="url"].required, input[type="search"].required,
.multyselect button.required, .input.required, .combobox.required,
select.required, textarea.required {
  border-color: #69C;
  border-left-width: 5px; }
input[type="text"].error, input[type="password"].error, input[type="file"].error, input[type="number"].error,
input[type="date"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="month"].error, input[type="week"].error, input[type="time"].error,
input[type="email"].error, input[type="tel"].error, input[type="url"].error, input[type="search"].error,
.multyselect button.error, .input.error, .combobox.error,
select.error, textarea.error {
  border-color: #C00;
  border-left-width: 5px; }

input[type="checkbox"],
input[type="radio"] {
  margin-right: .3em; }

input[type="date"], input[type="datetime-local"],
input[type="month"], input[type="week"], input[type="time"] {
  padding: .33em .5em; }

select, .combobox {
  background-image: url(icons/16/cmb.png);
  padding-right: 2em; }

.postfix select, .postfix .combobox {
  background-image: none; }

textarea {
  min-height: 100px;
  resize: vertical; }

.input {
  white-space: nowrap;
  overflow: hidden;
  display: none; }

/* --- INPUTS TYPES ----------------------------------------------------------------------------------------------------------------------*/
input[id^=rename_field_] {
  width: 60%; }

.act.disabled, .act[disabled], [disabled] .act,
.act.readonly, .act[readonly], [readonly] .act {
  opacity: 0.3; }

[disabled] input[type="text"],
[disabled] input[type="password"],
[disabled] input[type="file"],
[disabled] .combobox,
[disabled] textarea,
[disabled] .multyselect button,
.disabled, :disabled, [disabled],
.readonly, [readonly] {
  color: #000;
  background-color: transparent !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: none !important; }

/* --- BUTTONS ----------------------------------------------------------------------------------------------------------------------*/
.btn, .buttons a, button,
.list_tools_buttons a,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  display: inline-block;
  padding: 1em;
  margin-right: 5px;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  color: inherit;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0, rgba(0, 0, 0, 0.1) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0.3) 0, rgba(0, 0, 0, 0.1) 100%);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  border-radius: .5em; }
.btn:hover, .buttons a:hover, button:hover,
.list_tools_buttons a:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(255, 255, 255, 0.75); }
.btn:active, .buttons a:active, button:active,
.list_tools_buttons a:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0.3em 0.3em rgba(0, 0, 0, 0.2); }
.btn:focus, .buttons a:focus, button:focus,
.list_tools_buttons a:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom-color: rgba(0, 0, 0, 0.6); }

button {
  position: relative; }
button span {
  width: 99%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis; }
button ul {
  display: none;
  min-width: 100%;
  white-space: nowrap;
  position: absolute;
  left: 0px;
  margin-top: 1em;
  z-index: 10000;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  background: #FFF;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
button ul li {
  padding: .5em 1em;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
button ul li:last-child {
  border: none; }
button .split {
  margin: -5px 0 -5px 10px;
  padding: 5px 0 5px 5px;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  color: inherit; }
button .split:before {
  display: none; }
button .split a {
  margin: -1em -1em -1em -.5em;
  padding: 1em 1em 1em .5em; }
button .split a:before {
  margin-right: 0; }
button.act:hover, button.act:active, button.act:focus {
  border: none;
  box-shadow: none; }

.buttons label {
  float: left;
  clear: none;
  /*margin: 0 5px 0 0;*/ }

.buttons label * {
  display: inline;
  width: auto; }

.x02, .x2, .x3 {
  padding: .5em; }

.x02 .split a:before,
.x2 .split a:before,
.x3 .split a:before,
.x02:before, .x2:before, .x3:before {
  font-size: 1em !important;
  vertical-align: inherit !important;
  height: 1em !important; }

.x02 ul, .x2 ul, .x3 ul {
  margin-top: .5em; }

.buttons, .toolbar, .list_tools {
  margin-top: 5px;
  margin-bottom: 1em; }
.buttons:last-child, .toolbar:last-child, .list_tools:last-child {
  margin-bottom: 0; }
.buttons:after, .toolbar:after, .list_tools:after {
  content: '';
  display: block;
  clear: both; }
.buttons > .cleaner, .toolbar > .cleaner, .list_tools > .cleaner {
  display: none; }
.buttons button, .buttons .btn, .toolbar button, .toolbar .btn, .list_tools button, .list_tools .btn {
  border-radius: 0;
  margin-right: 0;
  border-left-width: 0;
  float: left; }
.buttons button:first-child, .buttons .btn:first-child, .toolbar button:first-child, .toolbar .btn:first-child, .list_tools button:first-child, .list_tools .btn:first-child {
  border-top-left-radius: .5em;
  border-bottom-left-radius: .5em; }
.buttons button:last-child, .buttons .btn:last-child, .toolbar button:last-child, .toolbar .btn:last-child, .list_tools button:last-child, .list_tools .btn:last-child {
  border-top-right-radius: .5em;
  border-bottom-right-radius: .5em; }

.list_tools {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  margin-bottom: 0; }
.list_tools .scroller {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  display: none; }
.list_tools .scroller a {
  width: 1em;
  background: #CCC;
  padding: .3em; }

.header .actions .btn,
.header .actions button {
  border: none;
  background: none;
  box-shadow: none;
  text-shadow: none;
  padding: 0;
  margin: 0 .5em; }

input.btn {
  padding: 1.23em; }

/* --- INLINE/ONELINE ----------------------------------------------------------------------------------------------------------------------*/
.inline {
  clear: left;
  margin-bottom: 5px;
  display: inline-block; }
.inline > span {
  display: inline-block;
  margin: 0 5px; }
.inline label, .inline textarea, .inline > span {
  float: left;
  width: auto; }
.inline input[type="text"],
.inline input[type="password"],
.inline .combobox {
  display: inline;
  float: none;
  width: auto;
  margin-left: 5px; }
.inline .combobox select {
  width: auto; }
.inline label input[type="checkbox"],
.inline label input[type="radio"] {
  float: none; }
.inline label {
  clear: none;
  margin-right: 2em;
  font-weight: normal; }

.oneline, label.oneline {
  display: block;
  float: left;
  margin-right: 1em; }

.oneline.inline {
  clear: none;
  margin-right: 0; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
/* VARIABLES ------------------------------------------------------------------------------------------------ */
/* MIXINS --------------------------------------------------------------------------------------------------- */
.noselect, .prefix:before, .postfix:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

/* GENERAL ----------------------------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.light {
  font-weight: normal;
  color: #999; }

.left {
  float: left; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.right {
  float: right; }

.txt_left {
  text-align: left; }

.txt_right, .num {
  text-align: right; }

.txt_center {
  text-align: center; }

.border-top {
  border-top: solid 1px #CCC; }

.border-bottom {
  border-top: solid 1px #CCC; }

.nowrap {
  white-space: nowrap; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.title {
  font-size: 1.5em;
  font-family: "Arial Narrow"; }

.text-thin {
  font-weight: 100; }

.x2 {
  font-size: 1.5em; }

.x3 {
  font-size: 3em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  .x3 {
    font-size: 2em; } }
/* VARIABLES ------------------------------------------------------------------------------------------------ */
/* MIXINS --------------------------------------------------------------------------------------------------- */
.noselect, .prefix:before, .postfix:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

/* GENERAL ----------------------------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.light {
  font-weight: normal;
  color: #999; }

.left {
  float: left; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.right {
  float: right; }

.txt_left {
  text-align: left; }

.txt_right, .num {
  text-align: right; }

.txt_center {
  text-align: center; }

.border-top {
  border-top: solid 1px #CCC; }

.border-bottom {
  border-top: solid 1px #CCC; }

.nowrap {
  white-space: nowrap; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.title {
  font-size: 1.5em;
  font-family: "Arial Narrow"; }

.text-thin {
  font-weight: 100; }

.x2 {
  font-size: 1.5em; }

.x3 {
  font-size: 3em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  .x3 {
    font-size: 2em; } }
.flex, .panel.filter, .tabs.frameset .tabs-nav, .cards, .catalogueitems, .list_summary, .frameset, ul.list .header, ul.list .line, .superhscroll, #nav > ul > li > ul, #icons_tools > ul > li > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap row;
  flex-flow: wrap row; }

.flex-imp {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -moz-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-flow: wrap row;
  flex-flow: wrap row; }

.flex > *, .panel.filter > *, .tabs.frameset .tabs-nav > *, .cards > *, .catalogueitems > *, .list_summary > *, .frameset > *, ul.list .header > *, ul.list .line > *, .superhscroll > *, #nav > ul > li > ul > *, #icons_tools > ul > li > ul > * {
  -webkit-box-flex: 1 1;
  -moz-box-flex: 1 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  float: none; }
.flex > button, .panel.filter > button, .tabs.frameset .tabs-nav > button, .cards > button, .catalogueitems > button, .list_summary > button, .frameset > button, ul.list .header > button, ul.list .line > button, .superhscroll > button, #nav > ul > li > ul > button, #icons_tools > ul > li > ul > button {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
.flex > .cleaner, .panel.filter > .cleaner, .tabs.frameset .tabs-nav > .cleaner, .cards > .cleaner, .catalogueitems > .cleaner, .list_summary > .cleaner, .frameset > .cleaner, ul.list .header > .cleaner, ul.list .line > .cleaner, .superhscroll > .cleaner, #nav > ul > li > ul > .cleaner, #icons_tools > ul > li > ul > .cleaner {
  display: none; }
.flex > .separator, .panel.filter > .separator, .tabs.frameset .tabs-nav > .separator, .cards > .separator, .catalogueitems > .separator, .list_summary > .separator, .frameset > .separator, ul.list .header > .separator, ul.list .line > .separator, .superhscroll > .separator, #nav > ul > li > ul > .separator, #icons_tools > ul > li > ul > .separator {
  -webkit-box-flex: 0 0 2em !important;
  -moz-box-flex: 0 0 2em !important;
  -webkit-flex: 0 0 2em !important;
  -ms-flex: 0 0 2em !important;
  flex: 0 0 2em !important; }

.col {
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding-right: 2em; }

.frameset > .pagination, .fA, .frameset > .header {
  width: auto !important; }

.frameset > .header {
  background: rgba(95, 100, 115, 0.75);
  color: #FFF; }
.frameset > .header h1, .frameset > .header h3 {
  text-shadow: none;
  margin: 0; }
.frameset > .header h3 {
  font-weight: 100; }
.frameset > .header .actions .selected {
  color: #FFC; }

.frameset > .subheader {
  background: rgba(95, 100, 115, 0.25);
  color: inherit; }

.vflex {
  -webkit-flex-flow: column;
  flex-flow: column; }

.fA, .frameset > .header {
  -webkit-box-flex: 0 0 auto !important;
  -moz-box-flex: 0 0 auto !important;
  -webkit-flex: 0 0 auto !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 1023px) {
  body > .frameset > * {
    padding: .25em; }

  .col {
    padding-right: .5em; }

  .frameset {
    display: block; }

  .frameset > .filter {
    background: rgba(0, 0, 0, 0.33);
    border-bottom: 5px solid #5f6473;
    border-top: none;
    padding: .5em 1em;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
    display: block;
    margin: -.25em;
    margin-bottom: 2em; }

  .frameset > .header {
    padding: .25em .5em;
    margin: -.25em;
    margin-bottom: .25em; }
  .frameset > .header h1 {
    margin: .25em 0; }
  .frameset > .header .actions {
    float: none;
    overflow: auto;
    width: auto;
    display: inline-block; }

  #page_content .flex, #page_content .panel.filter, #page_content .tabs.frameset .tabs-nav, .tabs.frameset #page_content .tabs-nav, #page_content .cards, #page_content .catalogueitems, #page_content .list_summary, #page_content .frameset, #page_content ul.list .header, ul.list #page_content .header, #page_content ul.list .line, ul.list #page_content .line, #page_content .superhscroll, #page_content #nav > ul > li > ul, #page_content #icons_tools > ul > li > ul, .frameset {
    display: block; }

  .menuOn.frameset {
    height: 100%;
    overflow: auto; } }
@media only screen and (max-width: 700px) {
  .col {
    padding-right: 0;
    float: none; } }
@media only screen and (min-width: 1024px) {
  /* FRAMESET -------------------------------------------------------------------------------------------------- */
  .frameset {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-width: 0 !important; }

  .frameset > * {
    position: relative;
    overflow: auto;
    padding: 2em;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-width: 0  0 1px 1px !important; }
  .frameset > .pagination, .frameset > .chart,
  .frameset > .body_hdr {
    height: auto; }
  .frameset > .back {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); }
  .frameset > .front {
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
  .frameset > .chart {
    padding: 0;
    background: rgba(0, 0, 0, 0.15); }
  .frameset > .body_hdr, .frameset > .body_cnt {
    padding: 0;
    overflow-y: scroll; }
  .frameset > .body_cnt {
    max-height: none; }
  .frameset > .filter,
  .frameset > .toolbar {
    width: auto;
    height: auto;
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .frameset > .filter {
    background: rgba(0, 0, 0, 0.33);
    border-bottom: 5px solid #5f6473;
    padding: 1em 2em; }
  .frameset > .toolbar {
    background: rgba(0, 0, 0, 0.1);
    padding: .5em 2em;
    text-align: right;
    margin: 0; }
  .frameset > .header {
    padding: .5em 2em; }
  .frameset > .header h1 {
    font-size: 2.5em;
    opacity: .8;
    display: inline; }
  .frameset > .header .actions {
    margin-left: 1em; }
  .frameset > .header .actions a {
    margin: 0;
    padding: 0;
    color: inherit; }
  .frameset > .header .split {
    border-color: rgba(255, 255, 255, 0.25); }
  .frameset > .footer {
    margin: 0; }
  .frameset > .panel.filter {
    margin: 0; }
  .frameset > .pagination, .frameset > .chart,
  .frameset > .body_hdr {
    -webkit-box-flex: 0 0 auto !important;
    -moz-box-flex: 0 0 auto !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important; }

  .frameset.tabs {
    -webkit-flex-flow: column;
    flex-flow: column; }
  .frameset.tabs .tabs_line {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0; }
  .frameset.tabs .tab_cnt {
    border: none; }

  .f100, .f200, .f250, .f300, .f400, .f500, .fA, .frameset > .header {
    -webkit-box-flex: 0 0 auto !important;
    -moz-box-flex: 0 0 auto !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important; }

  .vflex > .fA, .frameset.vflex > .header {
    height: auto; }

  .win_cnt .frameset, .tabs:not(.frameset) .frameset {
    display: block;
    position: static; }

  .win_cnt .frameset > *, .tabs:not(.frameset) .frameset > * {
    -webkit-box-flex: 0 0;
    -moz-box-flex: 0 0;
    -webkit-flex: 0 0;
    -ms-flex: 0 0;
    flex: 0 0;
    padding: 0;
    border: none; }

  /* COLS -------------------------------------------------------------------------------------------------- */
  .col.c1, .col.c100 {
    float: none; }

  .col.c2 {
    width: 50%; }

  .col.c3 {
    width: 33.33%; }

  .col.c4 {
    width: 25%; }

  .col.c5 {
    width: 20%; }

  .col.c6 {
    width: 16.66%; }

  .col.c7 {
    width: 14.28%; }

  .col.c8 {
    width: 12.5%; }

  .col.c9 {
    width: 11.11%; }

  .col.c10 {
    width: 10%; }

  .col.c23 {
    width: 66.66%; }

  .col.c34 {
    width: 75%; }

  .col.c25 {
    width: 40%; }

  .col.c35 {
    width: 60%; }

  .col.c45 {
    width: 80%; }

  .col.c56 {
    width: 83.33%; }

  .col.c20 {
    width: 20%; }

  .col.c30 {
    width: 30%; }

  .col.c40 {
    width: 40%; }

  .col.c50 {
    width: 50%; }

  .col.c60 {
    width: 60%; }

  .col.c70 {
    width: 70%; }

  .col.c80 {
    width: 80%; }

  .col.c90 {
    width: 90%; }

  .col.cX {
    margin-right: 2em; }

  .col.cXF {
    width: 250px;
    margin-right: 2em; }

  .box, .border {
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 1em; }
  .box + .box, .box + .border, .border + .box, .border + .border {
    border-left: none; }

  .border {
    border-style: dotted; }

  /* FLEX -------------------------------------------------------------------------------------------- */
  .f100 {
    width: 100px; }

  .f200 {
    width: 200px; }

  .f250 {
    width: 250px; }

  .f300 {
    width: 300px; }

  .f400 {
    width: 400px; }

  .f500 {
    width: 500px; }

  .f2, .flex > .c23, .panel.filter > .c23, .tabs.frameset .tabs-nav > .c23, .cards > .c23, .catalogueitems > .c23, .list_summary > .c23, .frameset > .c23, ul.list .header > .c23, ul.list .line > .c23, .superhscroll > .c23, #nav > ul > li > ul > .c23, #icons_tools > ul > li > ul > .c23, .flex > .c25, .panel.filter > .c25, .tabs.frameset .tabs-nav > .c25, .cards > .c25, .catalogueitems > .c25, .list_summary > .c25, .frameset > .c25, ul.list .header > .c25, ul.list .line > .c25, .superhscroll > .c25, #nav > ul > li > ul > .c25, #icons_tools > ul > li > ul > .c25 {
    -webkit-box-flex: 2 2;
    -moz-box-flex: 2 2;
    -webkit-flex: 2 2;
    -ms-flex: 2 2;
    flex: 2 2; }

  .f3, .flex > .c34, .panel.filter > .c34, .tabs.frameset .tabs-nav > .c34, .cards > .c34, .catalogueitems > .c34, .list_summary > .c34, .frameset > .c34, ul.list .header > .c34, ul.list .line > .c34, .superhscroll > .c34, #nav > ul > li > ul > .c34, #icons_tools > ul > li > ul > .c34, .flex > .c35, .panel.filter > .c35, .tabs.frameset .tabs-nav > .c35, .cards > .c35, .catalogueitems > .c35, .list_summary > .c35, .frameset > .c35, ul.list .header > .c35, ul.list .line > .c35, .superhscroll > .c35, #nav > ul > li > ul > .c35, #icons_tools > ul > li > ul > .c35 {
    -webkit-box-flex: 3 3;
    -moz-box-flex: 3 3;
    -webkit-flex: 3 3;
    -ms-flex: 3 3;
    flex: 3 3; }

  .f4, .flex > .c45, .panel.filter > .c45, .tabs.frameset .tabs-nav > .c45, .cards > .c45, .catalogueitems > .c45, .list_summary > .c45, .frameset > .c45, ul.list .header > .c45, ul.list .line > .c45, .superhscroll > .c45, #nav > ul > li > ul > .c45, #icons_tools > ul > li > ul > .c45 {
    -webkit-box-flex: 4 4;
    -moz-box-flex: 4 4;
    -webkit-flex: 4 4;
    -ms-flex: 4 4;
    flex: 4 4; }

  .f5, .flex > .c56, .panel.filter > .c56, .tabs.frameset .tabs-nav > .c56, .cards > .c56, .catalogueitems > .c56, .list_summary > .c56, .frameset > .c56, ul.list .header > .c56, ul.list .line > .c56, .superhscroll > .c56, #nav > ul > li > ul > .c56, #icons_tools > ul > li > ul > .c56 {
    -webkit-box-flex: 5 5;
    -moz-box-flex: 5 5;
    -webkit-flex: 5 5;
    -ms-flex: 5 5;
    flex: 5 5; }

  .flex > .c20, .panel.filter > .c20, .tabs.frameset .tabs-nav > .c20, .cards > .c20, .catalogueitems > .c20, .list_summary > .c20, .frameset > .c20, ul.list .header > .c20, ul.list .line > .c20, .superhscroll > .c20, #nav > ul > li > ul > .c20, #icons_tools > ul > li > ul > .c20 {
    -webkit-box-flex: 2 2;
    -moz-box-flex: 2 2;
    -webkit-flex: 2 2;
    -ms-flex: 2 2;
    flex: 2 2; }
  .flex > .c30, .panel.filter > .c30, .tabs.frameset .tabs-nav > .c30, .cards > .c30, .catalogueitems > .c30, .list_summary > .c30, .frameset > .c30, ul.list .header > .c30, ul.list .line > .c30, .superhscroll > .c30, #nav > ul > li > ul > .c30, #icons_tools > ul > li > ul > .c30 {
    -webkit-box-flex: 3 3;
    -moz-box-flex: 3 3;
    -webkit-flex: 3 3;
    -ms-flex: 3 3;
    flex: 3 3; }
  .flex > .c40, .panel.filter > .c40, .tabs.frameset .tabs-nav > .c40, .cards > .c40, .catalogueitems > .c40, .list_summary > .c40, .frameset > .c40, ul.list .header > .c40, ul.list .line > .c40, .superhscroll > .c40, #nav > ul > li > ul > .c40, #icons_tools > ul > li > ul > .c40 {
    -webkit-box-flex: 4 4;
    -moz-box-flex: 4 4;
    -webkit-flex: 4 4;
    -ms-flex: 4 4;
    flex: 4 4; }
  .flex > .c50, .panel.filter > .c50, .tabs.frameset .tabs-nav > .c50, .cards > .c50, .catalogueitems > .c50, .list_summary > .c50, .frameset > .c50, ul.list .header > .c50, ul.list .line > .c50, .superhscroll > .c50, #nav > ul > li > ul > .c50, #icons_tools > ul > li > ul > .c50 {
    -webkit-box-flex: 5 5;
    -moz-box-flex: 5 5;
    -webkit-flex: 5 5;
    -ms-flex: 5 5;
    flex: 5 5; }
  .flex > .c60, .panel.filter > .c60, .tabs.frameset .tabs-nav > .c60, .cards > .c60, .catalogueitems > .c60, .list_summary > .c60, .frameset > .c60, ul.list .header > .c60, ul.list .line > .c60, .superhscroll > .c60, #nav > ul > li > ul > .c60, #icons_tools > ul > li > ul > .c60 {
    -webkit-box-flex: 6 6;
    -moz-box-flex: 6 6;
    -webkit-flex: 6 6;
    -ms-flex: 6 6;
    flex: 6 6; }
  .flex > .c70, .panel.filter > .c70, .tabs.frameset .tabs-nav > .c70, .cards > .c70, .catalogueitems > .c70, .list_summary > .c70, .frameset > .c70, ul.list .header > .c70, ul.list .line > .c70, .superhscroll > .c70, #nav > ul > li > ul > .c70, #icons_tools > ul > li > ul > .c70 {
    -webkit-box-flex: 7 7;
    -moz-box-flex: 7 7;
    -webkit-flex: 7 7;
    -ms-flex: 7 7;
    flex: 7 7; }
  .flex > .c80, .panel.filter > .c80, .tabs.frameset .tabs-nav > .c80, .cards > .c80, .catalogueitems > .c80, .list_summary > .c80, .frameset > .c80, ul.list .header > .c80, ul.list .line > .c80, .superhscroll > .c80, #nav > ul > li > ul > .c80, #icons_tools > ul > li > ul > .c80 {
    -webkit-box-flex: 8 8;
    -moz-box-flex: 8 8;
    -webkit-flex: 8 8;
    -ms-flex: 8 8;
    flex: 8 8; }
  .flex > .c90, .panel.filter > .c90, .tabs.frameset .tabs-nav > .c90, .cards > .c90, .catalogueitems > .c90, .list_summary > .c90, .frameset > .c90, ul.list .header > .c90, ul.list .line > .c90, .superhscroll > .c90, #nav > ul > li > ul > .c90, #icons_tools > ul > li > ul > .c90 {
    -webkit-box-flex: 9 9;
    -moz-box-flex: 9 9;
    -webkit-flex: 9 9;
    -ms-flex: 9 9;
    flex: 9 9; }

  .vflex > * {
    width: 100%; }

  .vflex > .f100 {
    height: 100px; }

  .vflex > .f200 {
    height: 200px; }

  .vflex > .f250 {
    height: 250px; }

  .vflex > .f300 {
    height: 300px; }

  .vflex > .f400 {
    height: 400px; }

  .vflex > .f500 {
    height: 500px; } }
/* --- LISTS TABLE -------------------------------------------------------- --------------------------------------------------------------*/
table.list {
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 0 0 1px 1px;
  width: 100%;
  border-spacing: 0; }
table.list td, table.list th {
  padding: .5em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 1px 0 0;
  overflow: hidden;
  text-overflow: ellipsis; }
table.list th {
  vertical-align: middle;
  text-align: left;
  padding-top: 1em;
  padding-bottom: 1em; }
table.list td td {
  border: none; }
table.list td .list td {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 1px 0 0; }
table.list td .cleaner {
  visibility: hidden;
  margin-top: -1px; }
table.list .vert, table.list .vert a {
  display: inline-block;
  width: 0.9em;
  line-height: 0.9em;
  overflow: hidden;
  text-align: center;
  word-wrap: break-word; }
table.list tr label {
  margin: 0 0 1px 0; }
table.list .filter_row {
  background: rgba(255, 255, 255, 0.25); }
table.list .filter_row td:not(.icon):not(.line_num) {
  padding: .5em 0; }
table.list .num input {
  text-align: right; }
table.list .from_to .separator {
  display: none; }
table.list .from_to label {
  margin: 0;
  clear: none; }
table.list .from_to.date label {
  min-width: 64px; }
table.list .from_to .datepicker_wrap {
  max-width: 90px; }
table.list tr > .editable {
  background-color: transparent;
  background: -webkit-linear-gradient(-45deg, #336699 0%, #336699 3px, rgba(51, 102, 153, 0) 3px, rgba(51, 102, 153, 0) 100%);
  background: -moz-linear-gradient(-45deg, #336699 0%, #336699 3px, rgba(51, 102, 153, 0) 3px, rgba(51, 102, 153, 0) 100%);
  background: linear-gradient(-45deg, #336699 0%, #336699 3px, rgba(51, 102, 153, 0) 3px, rgba(51, 102, 153, 0) 100%); }
table.list tr > .editable.active {
  background: rgba(255, 255, 204, 0.5);
  padding: 0;
  box-shadow: inset 0.3em 0.3em 0.3em rgba(0, 0, 0, 0.25); }
table.list tr > .editable input {
  padding: .5em;
  margin: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
  width: 100%; }
table.list tr > .check {
  width: 20px; }
table.list tr > .line_num {
  width: 20px;
  text-align: right; }
table.list tr > .act,
table.list tr > .icon {
  width: 20px;
  text-align: center; }
table.list tr > .act button {
  margin: 0; }
table.list tr > .thumb {
  width: 80px;
  text-align: center; }
table.list tr > .thumb img {
  width: 70px;
  display: block; }
table.list tr > .num {
  width: 70px; }
table.list tr > .num2 {
  width: 160px; }
table.list tr > .mes {
  width: 50px; }
table.list tr > td.num, table.list tr > td.num2, table.list tr > td.res {
  white-space: nowrap; }
table.list tr > .sep {
  border-left-width: 1px;
  border-left-color: #999; }
table.list thead {
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2); }
table.list tfoot {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  font-weight: bold;
  background: rgba(0, 0, 0, 0.1);
  text-align: right; }
table.list tr .hscroll {
  margin: -.5em;
  padding: .5em;
  background: transparent; }
table.list .currency_org {
  display: inline; }
table.list .currency_switch {
  display: none; }
table.list.currency_switch .currency_org {
  display: none; }
table.list.currency_switch .currency_switch {
  display: inline; }
table.list .td-div {
  margin: -.5em;
  padding: .5em; }

.valign_top th, .valign_top td {
  vertical-align: top; }

/* --- LISTS UL ----------------------------------------------------------------------------------------------------------------------*/
ul.list .header {
  -webkit-flex-flow: row;
  flex-flow: row;
  overflow: hidden;
  overflow-y: scroll; }
ul.list .header {
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 1px 1px 0 0;
  background: rgba(0, 0, 0, 0.1); }
ul.list .header span {
  padding-top: 1em;
  padding-bottom: 1em; }
ul.list ul {
  padding-left: 0; }
ul.list li {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  clear: both;
  line-height: 1em; }
ul.list .line_info {
  float: right;
  margin-right: 3px;
  text-align: right; }
ul.list .expand {
  padding: 0 !important;
  cursor: pointer; }
ul.list .name .expand {
  margin-left: .5em; }
ul.list .hscroll {
  overflow: auto;
  overflow-y: scroll;
  margin: 0; }
ul.list .line {
  display: block;
  position: relative;
  -webkit-flex-flow: row;
  flex-flow: row;
  width: 100%;
  padding: 0;
  float: none;
  white-space: nowrap; }
ul.list .line > span {
  display: block;
  float: left;
  padding: .5em;
  width: 10%;
  -webkit-box-flex: 1 1;
  -moz-box-flex: 1 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  opacity: .5; }
ul.list .line > .radio, ul.list .line > .checkbox, ul.list .line > .name {
  opacity: 1; }
ul.list .line .checkbox {
  width: 2.2em;
  text-align: center;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }
ul.list .line .name {
  -webkit-box-flex: 2 2 auto;
  -moz-box-flex: 2 2 auto;
  -webkit-flex: 2 2 auto;
  -ms-flex: 2 2 auto;
  flex: 2 2 auto;
  position: relative; }
ul.list .line .name .actions {
  position: absolute;
  right: 0;
  top: 0; }
ul.list .line .actions {
  border: none;
  padding: .3em .2em 0 0;
  width: auto;
  float: right;
  text-align: right;
  position: relative;
  background: #F0F0F0; }
ul.list .line .act {
  padding-top: .1em;
  margin: 0 0 0 .2em; }
ul.list .line .actions, ul.list .line .expand {
  border: none; }
ul.list li .name .expand {
  padding: 0; }
ul.list li li .name .expand {
  margin-left: 25px; }
ul.list li li li .name .expand {
  margin-left: 45px; }
ul.list li li li li .name .expand {
  margin-left: 65px; }
ul.list li li li li li .name .expand {
  margin-left: 85px; }
ul.list li li li li li li .name .expand {
  margin-left: 105px; }
ul.list li li li li li li li .name .expand {
  margin-left: 125px; }
ul.list li li li li li li li li .name .expand {
  margin-left: 145px; }
ul.list ul.block {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0 0 1px;
  padding: 5px 5px 5px 40px;
  background: #F0F0F0; }
ul.list ul.block li.block {
  border: 1px solid #DDD;
  padding: 0 5px; }

ul.list.flat ul {
  padding-left: 0; }

/* THE GRID --------------------------------------------------------------------------------------------- */
table.grid {
  table-layout: fixed;
  border-width: 0 0 1px 1px; }

ul.list.grid {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-width: 0 1px 1px 0; }

ul.list.grid .line > span {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden; }

/* THE BUDGET GRID --------------------------------------------------------------------------------------- */
.list.budget .header span, .list.budget .line span {
  width: 4.55%;
  -webkit-box-flex: 0 0 4.55%;
  -moz-box-flex: 0 0 4.55%;
  -webkit-flex: 0 0 4.55%;
  -ms-flex: 0 0 4.55%;
  flex: 0 0 4.55%;
  text-align: right; }
.list.budget .header .name, .list.budget .line .name {
  width: 26%;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left; }
.list.budget .line .actions {
  width: 42px !important; }

.list.budget.m24 .header span, .list.budget.m24 .line span {
  width: 2.3%;
  -webkit-box-flex: 0 0 2.3%;
  -moz-box-flex: 0 0 2.3%;
  -webkit-flex: 0 0 2.3%;
  -ms-flex: 0 0 2.3%;
  flex: 0 0 2.3%; }
.list.budget.m24 .header .name, .list.budget.m24 .line .name {
  width: 20%; }

/* CUSTOM GRID ------------------------------------------------------------------------------------------ */
table .gw5, .list .line > .gw5 {
  width: 5%;
  -webkit-box-flex: 0 0 5%;
  -moz-box-flex: 0 0 5%;
  -webkit-flex: 0 0 5%;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%; }
table .gw10, .list .line > .gw10 {
  width: 10%;
  -webkit-box-flex: 0 0 10%;
  -moz-box-flex: 0 0 10%;
  -webkit-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%; }
table .gw15, .list .line > .gw15 {
  width: 15%;
  -webkit-box-flex: 0 0 15%;
  -moz-box-flex: 0 0 15%;
  -webkit-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%; }
table .gw20, .list .line > .gw20 {
  width: 20%;
  -webkit-box-flex: 0 0 20%;
  -moz-box-flex: 0 0 20%;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%; }
table .gw25, .list .line > .gw25 {
  width: 25%;
  -webkit-box-flex: 0 0 25%;
  -moz-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%; }
table .gw30, .list .line > .gw30 {
  width: 30%;
  -webkit-box-flex: 0 0 30%;
  -moz-box-flex: 0 0 30%;
  -webkit-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%; }
table .gw35, .list .line > .gw35 {
  width: 35%;
  -webkit-box-flex: 0 0 35%;
  -moz-box-flex: 0 0 35%;
  -webkit-flex: 0 0 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%; }
table .gw40, .list .line > .gw40 {
  width: 40%;
  -webkit-box-flex: 0 0 40%;
  -moz-box-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%; }
table .gw45, .list .line > .gw45 {
  width: 45%;
  -webkit-box-flex: 0 0 45%;
  -moz-box-flex: 0 0 45%;
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%; }
table .gw50, .list .line > .gw50 {
  width: 50%;
  -webkit-box-flex: 0 0 50%;
  -moz-box-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }
table .gw55, .list .line > .gw55 {
  width: 55%;
  -webkit-box-flex: 0 0 55%;
  -moz-box-flex: 0 0 55%;
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%; }
table .gw60, .list .line > .gw60 {
  width: 60%;
  -webkit-box-flex: 0 0 60%;
  -moz-box-flex: 0 0 60%;
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%; }
table .gw65, .list .line > .gw65 {
  width: 65%;
  -webkit-box-flex: 0 0 65%;
  -moz-box-flex: 0 0 65%;
  -webkit-flex: 0 0 65%;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%; }
table .gw70, .list .line > .gw70 {
  width: 70%;
  -webkit-box-flex: 0 0 70%;
  -moz-box-flex: 0 0 70%;
  -webkit-flex: 0 0 70%;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%; }
table .gw75, .list .line > .gw75 {
  width: 75%;
  -webkit-box-flex: 0 0 75%;
  -moz-box-flex: 0 0 75%;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%; }
table .gw80, .list .line > .gw80 {
  width: 80%;
  -webkit-box-flex: 0 0 80%;
  -moz-box-flex: 0 0 80%;
  -webkit-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%; }
table .gw85, .list .line > .gw85 {
  width: 85%;
  -webkit-box-flex: 0 0 85%;
  -moz-box-flex: 0 0 85%;
  -webkit-flex: 0 0 85%;
  -ms-flex: 0 0 85%;
  flex: 0 0 85%; }
table .gw90, .list .line > .gw90 {
  width: 90%;
  -webkit-box-flex: 0 0 90%;
  -moz-box-flex: 0 0 90%;
  -webkit-flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%; }
table .gw95, .list .line > .gw95 {
  width: 95%;
  -webkit-box-flex: 0 0 95%;
  -moz-box-flex: 0 0 95%;
  -webkit-flex: 0 0 95%;
  -ms-flex: 0 0 95%;
  flex: 0 0 95%; }
table .gw100, .list .line > .gw100 {
  width: 100%;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

/* PAGINATION -------------------------------------------------------------------------------------------- */
.pagination {
  overflow: hidden;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-width: 1px 0;
  /*margin: 1em 0 0 0;*/
  padding: 0 1em !important;
  background: rgba(0, 0, 0, 0.05); }
.pagination .pages {
  float: left;
  line-height: 3em;
  font-size: .8em; }
.pagination .pages a {
  padding: 0 .5em;
  display: inline-block;
  text-decoration: none; }
.pagination .res {
  float: right;
  font-size: .8em; }
.pagination .res label {
  margin: 0; }
.pagination .acts {
  float: right; }
.pagination .acts .act {
  margin: .4em 0 0 .25em; }
.pagination p {
  display: none; }
.pagination .combobox {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none; }
.pagination .combobox:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: inherit; }

/* HSCROLL ----------------------------------------------------------------------------------------------- */
.body_hdr, .body_cnt, .body_ftr {
  zoom: 1;
  overflow-y: scroll; }

.body_cnt {
  max-height: 40em; }

.body_cnt.noscroll {
  max-height: 100%; }

.body_ftr {
  overflow-x: hidden; }

.hscroll .scroller {
  background: #999;
  height: 18px;
  display: none; }
.hscroll .scroller.hidden {
  height: 1px;
  visibility: hidden; }
.hscroll .scroller div {
  height: 1px; }

.scr_h100 {
  max-height: 100px;
  overflow: auto; }

.scr_h150 {
  max-height: 150px;
  overflow: auto; }

.scr_h200 {
  max-height: 200px;
  overflow: auto; }

.scr_h300 {
  max-height: 300px;
  overflow: auto; }

.scr_h400 {
  max-height: 400px;
  overflow: auto; }

.scr_h500 {
  max-height: 500px;
  overflow: auto; }

.scr_h600 {
  max-height: 600px;
  overflow: auto; }

.h100 {
  height: 100px; }

.h150 {
  height: 150px; }

.h200 {
  height: 200px; }

.h300 {
  height: 300px; }

.h400 {
  height: 400px; }

.h500 {
  height: 500px; }

.h600 {
  height: 600px; }

.superhscroll > *:first-child {
  -webkit-box-flex: 0 0 25%;
  -moz-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%; }
.superhscroll > *:first-child .pagination > * {
  display: none; }
.superhscroll > *:first-child .hscroll > div {
  overflow-y: hidden !important; }
.superhscroll > *:last-child {
  -webkit-box-flex: 1 1;
  -moz-box-flex: 1 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1; }
.superhscroll .body_hdr, .superhscroll .body_cnt {
  overflow: scroll !important; }
.superhscroll td, .superhscroll th {
  white-space: nowrap !important; }
.superhscroll .pagination {
  height: 2.5em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 1023px) {
  .body_cnt, .hscroll .body_cnt {
    max-height: 100% !important; }

  ul.list li {
    line-height: 2em; }

  ul.list .line > span {
    -webkit-box-flex: 100% !important;
    -moz-box-flex: 100% !important;
    -webkit-flex: 100% !important;
    -ms-flex: 100% !important;
    flex: 100% !important;
    width: 100% !important;
    padding: 0; } }
/* VARIABLES ------------------------------------------------------------------------------------------------ */
/* MIXINS --------------------------------------------------------------------------------------------------- */
.noselect, .prefix:before, .postfix:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

/* GENERAL ----------------------------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.light {
  font-weight: normal;
  color: #999; }

.left {
  float: left; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.right {
  float: right; }

.txt_left {
  text-align: left; }

.txt_right, .num {
  text-align: right; }

.txt_center {
  text-align: center; }

.border-top {
  border-top: solid 1px #CCC; }

.border-bottom {
  border-top: solid 1px #CCC; }

.nowrap {
  white-space: nowrap; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.title {
  font-size: 1.5em;
  font-family: "Arial Narrow"; }

.text-thin {
  font-weight: 100; }

.x2 {
  font-size: 1.5em; }

.x3 {
  font-size: 3em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  .x3 {
    font-size: 2em; } }
/* GENERAL ----------------------------------------------------------------------------------------------- */
div.preloader {
  min-height: 25px;
  text-indent: 20px; }

div.warning {
  padding: 10px;
  border: solid 1px #C99;
  background-color: #FFEBC6;
  margin-bottom: 10px; }

div.error {
  padding: 10px;
  border: solid 1px #C99;
  background-color: #E5CCCC;
  margin-bottom: 10px; }

/*--- RAW STATUS ---------------------------------------------------------------------------------------- */
.list tbody .unread, .list .line:not(.header).unread {
  background-color: rgba(0, 0, 0, 0.1); }
.list tbody .unread:nth-child(even), .list .line:not(.header).unread:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.1); }
.list tbody .unread:nth-child(even) td, .list tbody .unread:nth-child(even) span, .list .line:not(.header).unread:nth-child(even) td, .list .line:not(.header).unread:nth-child(even) span {
  border-color: rgba(0, 0, 0, 0.1); }
.list tbody .unread:nth-child(even):hover, .list .line:not(.header).unread:nth-child(even):hover {
  background-color: rgba(0, 0, 0, 0.1); }
.list tbody .unread:nth-child(even):hover td, .list tbody .unread:nth-child(even):hover span, .list .line:not(.header).unread:nth-child(even):hover td, .list .line:not(.header).unread:nth-child(even):hover span {
  border-color: rgba(0, 0, 0, 0.1); }
.list tbody .unread:hover, .list .line:not(.header).unread:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.list tbody .unread:hover td, .list tbody .unread:hover span, .list .line:not(.header).unread:hover td, .list .line:not(.header).unread:hover span {
  border-color: rgba(0, 0, 0, 0.1); }

.list tbody .selected, .list .line:not(.header).selected {
  background-color: #DDA; }
.list tbody .selected:nth-child(even), .list .line:not(.header).selected:nth-child(even) {
  background-color: #d6d698; }
.list tbody .selected:nth-child(even) td, .list tbody .selected:nth-child(even) span, .list .line:not(.header).selected:nth-child(even) td, .list .line:not(.header).selected:nth-child(even) span {
  border-color: #c7c773; }
.list tbody .selected:nth-child(even):hover, .list .line:not(.header).selected:nth-child(even):hover {
  background-color: #b9b94f; }
.list tbody .selected:nth-child(even):hover td, .list tbody .selected:nth-child(even):hover span, .list .line:not(.header).selected:nth-child(even):hover td, .list .line:not(.header).selected:nth-child(even):hover span {
  border-color: #98983d; }
.list tbody .selected:hover, .list .line:not(.header).selected:hover {
  background-color: #c0c061; }
.list tbody .selected:hover td, .list tbody .selected:hover span, .list .line:not(.header).selected:hover td, .list .line:not(.header).selected:hover span {
  border-color: #aaaa44; }

.list tbody .error, .list .line:not(.header).error {
  background-color: #EDDBDB; }
.list tbody .error:nth-child(even), .list .line:not(.header).error:nth-child(even) {
  background-color: #e5caca; }
.list tbody .error:nth-child(even) td, .list tbody .error:nth-child(even) span, .list .line:not(.header).error:nth-child(even) td, .list .line:not(.header).error:nth-child(even) span {
  border-color: #d4a8a8; }
.list tbody .error:nth-child(even):hover, .list .line:not(.header).error:nth-child(even):hover {
  background-color: #c38686; }
.list tbody .error:nth-child(even):hover td, .list tbody .error:nth-child(even):hover span, .list .line:not(.header).error:nth-child(even):hover td, .list .line:not(.header).error:nth-child(even):hover span {
  border-color: #b26464; }
.list tbody .error:hover, .list .line:not(.header).error:hover {
  background-color: #cb9797; }
.list tbody .error:hover td, .list tbody .error:hover span, .list .line:not(.header).error:hover td, .list .line:not(.header).error:hover span {
  border-color: #ba7575; }

.list tbody .warning, .list .line:not(.header).warning {
  background-color: #FFEBC6; }
.list tbody .warning:nth-child(even), .list .line:not(.header).warning:nth-child(even) {
  background-color: #ffe2ad; }
.list tbody .warning:nth-child(even) td, .list tbody .warning:nth-child(even) span, .list .line:not(.header).warning:nth-child(even) td, .list .line:not(.header).warning:nth-child(even) span {
  border-color: #ffd07a; }
.list tbody .warning:nth-child(even):hover, .list .line:not(.header).warning:nth-child(even):hover {
  background-color: #ffbe47; }
.list tbody .warning:nth-child(even):hover td, .list tbody .warning:nth-child(even):hover span, .list .line:not(.header).warning:nth-child(even):hover td, .list .line:not(.header).warning:nth-child(even):hover span {
  border-color: #ffac14; }
.list tbody .warning:hover, .list .line:not(.header).warning:hover {
  background-color: #ffc760; }
.list tbody .warning:hover td, .list tbody .warning:hover span, .list .line:not(.header).warning:hover td, .list .line:not(.header).warning:hover span {
  border-color: #ffb52d; }

.list tbody .marked, .list .line:not(.header).marked {
  background-color: #DEF; }
.list tbody .marked:nth-child(even), .list .line:not(.header).marked:nth-child(even) {
  background-color: #c4e1ff; }
.list tbody .marked:nth-child(even) td, .list tbody .marked:nth-child(even) span, .list .line:not(.header).marked:nth-child(even) td, .list .line:not(.header).marked:nth-child(even) span {
  border-color: #91c8ff; }
.list tbody .marked:nth-child(even):hover, .list .line:not(.header).marked:nth-child(even):hover {
  background-color: #5eaeff; }
.list tbody .marked:nth-child(even):hover td, .list tbody .marked:nth-child(even):hover span, .list .line:not(.header).marked:nth-child(even):hover td, .list .line:not(.header).marked:nth-child(even):hover span {
  border-color: #2b95ff; }
.list tbody .marked:hover, .list .line:not(.header).marked:hover {
  background-color: #77bbff; }
.list tbody .marked:hover td, .list tbody .marked:hover span, .list .line:not(.header).marked:hover td, .list .line:not(.header).marked:hover span {
  border-color: #44a2ff; }

.list tbody .wait, .list .line:not(.header).wait, .wait {
  color: #666; }
  .list tbody .wait a:not(.act), .list .line:not(.header).wait a:not(.act), .wait a:not(.act) {
    color: #666; }

.list tbody .completed, .list .line:not(.header).completed, .completed {
  color: #093; }
  .list tbody .completed a:not(.act), .list .line:not(.header).completed a:not(.act), .completed a:not(.act) {
    color: #093; }

.list tbody .archive, .list .line:not(.header).archive, .archive {
  color: #999; }
  .list tbody .archive a:not(.act), .list .line:not(.header).archive a:not(.act), .archive a:not(.act) {
    color: #999; }

.list tbody .delayed, .list .line:not(.header).delayed, .delayed {
  color: #C00; }
  .list tbody .delayed a:not(.act), .list .line:not(.header).delayed a:not(.act), .delayed a:not(.act) {
    color: #C00; }

.list tbody .deleted, .list .line:not(.header).deleted, .deleted {
  color: #999; }
  .list tbody .deleted a:not(.act), .list .line:not(.header).deleted a:not(.act), .deleted a:not(.act) {
    color: #999; }

.list tbody .attention, .list .line:not(.header).attention, .attention {
  color: #C00; }
  .list tbody .attention a:not(.act), .list .line:not(.header).attention a:not(.act), .attention a:not(.act) {
    color: #C00; }

/* LISTGRID ---------------------------------------------------------------------------------------------- */
.list tbody > tr.unread {
  font-weight: bold; }
.list tbody > tr.attention {
  font-weight: bold; }
.list tbody > tr.system {
  font-style: italic; }
.list tbody > tr.deleted {
  text-decoration: line-through; }
.list tbody > tr.marked *, .list tbody > tr.marked :not(.act), .list tbody > tr.marked .act:before {
  /*color: #FFF;*/ }
.list tbody > tr:hover {
  background-color: #CCC; }
.list tbody > tr:nth-child(even) {
  background-color: #E6E6E6; }
.list tbody > tr:nth-child(even):hover {
  background-color: #CCC; }
.list tbody > tr.nohover:hover {
  background-color: transparent; }
.list .line:not(.header):hover .actions, .list .line:not(.header):hover {
  background-color: #CCC; }

.grid tbody > tr:hover {
  background-color: transparent; }

.grid tr td:hover {
  background-color: #CCC; }

/* VARIABLES ------------------------------------------------------------------------------------------------ */
/* MIXINS --------------------------------------------------------------------------------------------------- */
.noselect, .prefix:before, .postfix:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

/* GENERAL ----------------------------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.light {
  font-weight: normal;
  color: #999; }

.left {
  float: left; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.right {
  float: right; }

.txt_left {
  text-align: left; }

.txt_right, .num {
  text-align: right; }

.txt_center {
  text-align: center; }

.border-top {
  border-top: solid 1px #CCC; }

.border-bottom {
  border-top: solid 1px #CCC; }

.nowrap {
  white-space: nowrap; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.title {
  font-size: 1.5em;
  font-family: "Arial Narrow"; }

.text-thin {
  font-weight: 100; }

.x2 {
  font-size: 1.5em; }

.x3 {
  font-size: 3em; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 640px) {
  .x3 {
    font-size: 2em; } }
.flex, .panel.filter, .tabs.frameset .tabs-nav, .cards, .catalogueitems, .list_summary, .frameset, ul.list .header, ul.list .line, .superhscroll, #nav > ul > li > ul, #icons_tools > ul > li > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap row;
  flex-flow: wrap row; }

.flex-imp {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -moz-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-flow: wrap row;
  flex-flow: wrap row; }

.flex > *, .panel.filter > *, .tabs.frameset .tabs-nav > *, .cards > *, .catalogueitems > *, .list_summary > *, .frameset > *, ul.list .header > *, ul.list .line > *, .superhscroll > *, #nav > ul > li > ul > *, #icons_tools > ul > li > ul > * {
  -webkit-box-flex: 1 1;
  -moz-box-flex: 1 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  float: none; }
.flex > button, .panel.filter > button, .tabs.frameset .tabs-nav > button, .cards > button, .catalogueitems > button, .list_summary > button, .frameset > button, ul.list .header > button, ul.list .line > button, .superhscroll > button, #nav > ul > li > ul > button, #icons_tools > ul > li > ul > button {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
.flex > .cleaner, .panel.filter > .cleaner, .tabs.frameset .tabs-nav > .cleaner, .cards > .cleaner, .catalogueitems > .cleaner, .list_summary > .cleaner, .frameset > .cleaner, ul.list .header > .cleaner, ul.list .line > .cleaner, .superhscroll > .cleaner, #nav > ul > li > ul > .cleaner, #icons_tools > ul > li > ul > .cleaner {
  display: none; }
.flex > .separator, .panel.filter > .separator, .tabs.frameset .tabs-nav > .separator, .cards > .separator, .catalogueitems > .separator, .list_summary > .separator, .frameset > .separator, ul.list .header > .separator, ul.list .line > .separator, .superhscroll > .separator, #nav > ul > li > ul > .separator, #icons_tools > ul > li > ul > .separator {
  -webkit-box-flex: 0 0 2em !important;
  -moz-box-flex: 0 0 2em !important;
  -webkit-flex: 0 0 2em !important;
  -ms-flex: 0 0 2em !important;
  flex: 0 0 2em !important; }

.col {
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding-right: 2em; }

.frameset > .pagination, .fA, .frameset > .header {
  width: auto !important; }

.frameset > .header {
  background: rgba(95, 100, 115, 0.75);
  color: #FFF; }
.frameset > .header h1, .frameset > .header h3 {
  text-shadow: none;
  margin: 0; }
.frameset > .header h3 {
  font-weight: 100; }
.frameset > .header .actions .selected {
  color: #FFC; }

.frameset > .subheader {
  background: rgba(95, 100, 115, 0.25);
  color: inherit; }

.vflex {
  -webkit-flex-flow: column;
  flex-flow: column; }

.fA, .frameset > .header {
  -webkit-box-flex: 0 0 auto !important;
  -moz-box-flex: 0 0 auto !important;
  -webkit-flex: 0 0 auto !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important; }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 1023px) {
  body > .frameset > * {
    padding: .25em; }

  .col {
    padding-right: .5em; }

  .frameset {
    display: block; }

  .frameset > .filter {
    background: rgba(0, 0, 0, 0.33);
    border-bottom: 5px solid #5f6473;
    border-top: none;
    padding: .5em 1em;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
    display: block;
    margin: -.25em;
    margin-bottom: 2em; }

  .frameset > .header {
    padding: .25em .5em;
    margin: -.25em;
    margin-bottom: .25em; }
  .frameset > .header h1 {
    margin: .25em 0; }
  .frameset > .header .actions {
    float: none;
    overflow: auto;
    width: auto;
    display: inline-block; }

  #page_content .flex, #page_content .panel.filter, #page_content .tabs.frameset .tabs-nav, .tabs.frameset #page_content .tabs-nav, #page_content .cards, #page_content .catalogueitems, #page_content .list_summary, #page_content .frameset, #page_content ul.list .header, ul.list #page_content .header, #page_content ul.list .line, ul.list #page_content .line, #page_content .superhscroll, #page_content #nav > ul > li > ul, #page_content #icons_tools > ul > li > ul, .frameset {
    display: block; }

  .menuOn.frameset {
    height: 100%;
    overflow: auto; } }
@media only screen and (max-width: 700px) {
  .col {
    padding-right: 0;
    float: none; } }
@media only screen and (min-width: 1024px) {
  /* FRAMESET -------------------------------------------------------------------------------------------------- */
  .frameset {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-width: 0 !important; }

  .frameset > * {
    position: relative;
    overflow: auto;
    padding: 2em;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-width: 0  0 1px 1px !important; }
  .frameset > .pagination, .frameset > .chart,
  .frameset > .body_hdr {
    height: auto; }
  .frameset > .back {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); }
  .frameset > .front {
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
  .frameset > .chart {
    padding: 0;
    background: rgba(0, 0, 0, 0.15); }
  .frameset > .body_hdr, .frameset > .body_cnt {
    padding: 0;
    overflow-y: scroll; }
  .frameset > .body_cnt {
    max-height: none; }
  .frameset > .filter,
  .frameset > .toolbar {
    width: auto;
    height: auto;
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .frameset > .filter {
    background: rgba(0, 0, 0, 0.33);
    border-bottom: 5px solid #5f6473;
    padding: 1em 2em; }
  .frameset > .toolbar {
    background: rgba(0, 0, 0, 0.1);
    padding: .5em 2em;
    text-align: right;
    margin: 0; }
  .frameset > .header {
    padding: .5em 2em; }
  .frameset > .header h1 {
    font-size: 2.5em;
    opacity: .8;
    display: inline; }
  .frameset > .header .actions {
    margin-left: 1em; }
  .frameset > .header .actions a {
    margin: 0;
    padding: 0;
    color: inherit; }
  .frameset > .header .split {
    border-color: rgba(255, 255, 255, 0.25); }
  .frameset > .footer {
    margin: 0; }
  .frameset > .panel.filter {
    margin: 0; }
  .frameset > .pagination, .frameset > .chart,
  .frameset > .body_hdr {
    -webkit-box-flex: 0 0 auto !important;
    -moz-box-flex: 0 0 auto !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important; }

  .frameset.tabs {
    -webkit-flex-flow: column;
    flex-flow: column; }
  .frameset.tabs .tabs_line {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0; }
  .frameset.tabs .tab_cnt {
    border: none; }

  .f100, .f200, .f250, .f300, .f400, .f500, .fA, .frameset > .header {
    -webkit-box-flex: 0 0 auto !important;
    -moz-box-flex: 0 0 auto !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important; }

  .vflex > .fA, .frameset.vflex > .header {
    height: auto; }

  .win_cnt .frameset, .tabs:not(.frameset) .frameset {
    display: block;
    position: static; }

  .win_cnt .frameset > *, .tabs:not(.frameset) .frameset > * {
    -webkit-box-flex: 0 0;
    -moz-box-flex: 0 0;
    -webkit-flex: 0 0;
    -ms-flex: 0 0;
    flex: 0 0;
    padding: 0;
    border: none; }

  /* COLS -------------------------------------------------------------------------------------------------- */
  .col.c1, .col.c100 {
    float: none; }

  .col.c2 {
    width: 50%; }

  .col.c3 {
    width: 33.33%; }

  .col.c4 {
    width: 25%; }

  .col.c5 {
    width: 20%; }

  .col.c6 {
    width: 16.66%; }

  .col.c7 {
    width: 14.28%; }

  .col.c8 {
    width: 12.5%; }

  .col.c9 {
    width: 11.11%; }

  .col.c10 {
    width: 10%; }

  .col.c23 {
    width: 66.66%; }

  .col.c34 {
    width: 75%; }

  .col.c25 {
    width: 40%; }

  .col.c35 {
    width: 60%; }

  .col.c45 {
    width: 80%; }

  .col.c56 {
    width: 83.33%; }

  .col.c20 {
    width: 20%; }

  .col.c30 {
    width: 30%; }

  .col.c40 {
    width: 40%; }

  .col.c50 {
    width: 50%; }

  .col.c60 {
    width: 60%; }

  .col.c70 {
    width: 70%; }

  .col.c80 {
    width: 80%; }

  .col.c90 {
    width: 90%; }

  .col.cX {
    margin-right: 2em; }

  .col.cXF {
    width: 250px;
    margin-right: 2em; }

  .box, .border {
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 1em; }
  .box + .box, .box + .border, .border + .box, .border + .border {
    border-left: none; }

  .border {
    border-style: dotted; }

  /* FLEX -------------------------------------------------------------------------------------------- */
  .f100 {
    width: 100px; }

  .f200 {
    width: 200px; }

  .f250 {
    width: 250px; }

  .f300 {
    width: 300px; }

  .f400 {
    width: 400px; }

  .f500 {
    width: 500px; }

  .f2, .flex > .c23, .panel.filter > .c23, .tabs.frameset .tabs-nav > .c23, .cards > .c23, .catalogueitems > .c23, .list_summary > .c23, .frameset > .c23, ul.list .header > .c23, ul.list .line > .c23, .superhscroll > .c23, #nav > ul > li > ul > .c23, #icons_tools > ul > li > ul > .c23, .flex > .c25, .panel.filter > .c25, .tabs.frameset .tabs-nav > .c25, .cards > .c25, .catalogueitems > .c25, .list_summary > .c25, .frameset > .c25, ul.list .header > .c25, ul.list .line > .c25, .superhscroll > .c25, #nav > ul > li > ul > .c25, #icons_tools > ul > li > ul > .c25 {
    -webkit-box-flex: 2 2;
    -moz-box-flex: 2 2;
    -webkit-flex: 2 2;
    -ms-flex: 2 2;
    flex: 2 2; }

  .f3, .flex > .c34, .panel.filter > .c34, .tabs.frameset .tabs-nav > .c34, .cards > .c34, .catalogueitems > .c34, .list_summary > .c34, .frameset > .c34, ul.list .header > .c34, ul.list .line > .c34, .superhscroll > .c34, #nav > ul > li > ul > .c34, #icons_tools > ul > li > ul > .c34, .flex > .c35, .panel.filter > .c35, .tabs.frameset .tabs-nav > .c35, .cards > .c35, .catalogueitems > .c35, .list_summary > .c35, .frameset > .c35, ul.list .header > .c35, ul.list .line > .c35, .superhscroll > .c35, #nav > ul > li > ul > .c35, #icons_tools > ul > li > ul > .c35 {
    -webkit-box-flex: 3 3;
    -moz-box-flex: 3 3;
    -webkit-flex: 3 3;
    -ms-flex: 3 3;
    flex: 3 3; }

  .f4, .flex > .c45, .panel.filter > .c45, .tabs.frameset .tabs-nav > .c45, .cards > .c45, .catalogueitems > .c45, .list_summary > .c45, .frameset > .c45, ul.list .header > .c45, ul.list .line > .c45, .superhscroll > .c45, #nav > ul > li > ul > .c45, #icons_tools > ul > li > ul > .c45 {
    -webkit-box-flex: 4 4;
    -moz-box-flex: 4 4;
    -webkit-flex: 4 4;
    -ms-flex: 4 4;
    flex: 4 4; }

  .f5, .flex > .c56, .panel.filter > .c56, .tabs.frameset .tabs-nav > .c56, .cards > .c56, .catalogueitems > .c56, .list_summary > .c56, .frameset > .c56, ul.list .header > .c56, ul.list .line > .c56, .superhscroll > .c56, #nav > ul > li > ul > .c56, #icons_tools > ul > li > ul > .c56 {
    -webkit-box-flex: 5 5;
    -moz-box-flex: 5 5;
    -webkit-flex: 5 5;
    -ms-flex: 5 5;
    flex: 5 5; }

  .flex > .c20, .panel.filter > .c20, .tabs.frameset .tabs-nav > .c20, .cards > .c20, .catalogueitems > .c20, .list_summary > .c20, .frameset > .c20, ul.list .header > .c20, ul.list .line > .c20, .superhscroll > .c20, #nav > ul > li > ul > .c20, #icons_tools > ul > li > ul > .c20 {
    -webkit-box-flex: 2 2;
    -moz-box-flex: 2 2;
    -webkit-flex: 2 2;
    -ms-flex: 2 2;
    flex: 2 2; }
  .flex > .c30, .panel.filter > .c30, .tabs.frameset .tabs-nav > .c30, .cards > .c30, .catalogueitems > .c30, .list_summary > .c30, .frameset > .c30, ul.list .header > .c30, ul.list .line > .c30, .superhscroll > .c30, #nav > ul > li > ul > .c30, #icons_tools > ul > li > ul > .c30 {
    -webkit-box-flex: 3 3;
    -moz-box-flex: 3 3;
    -webkit-flex: 3 3;
    -ms-flex: 3 3;
    flex: 3 3; }
  .flex > .c40, .panel.filter > .c40, .tabs.frameset .tabs-nav > .c40, .cards > .c40, .catalogueitems > .c40, .list_summary > .c40, .frameset > .c40, ul.list .header > .c40, ul.list .line > .c40, .superhscroll > .c40, #nav > ul > li > ul > .c40, #icons_tools > ul > li > ul > .c40 {
    -webkit-box-flex: 4 4;
    -moz-box-flex: 4 4;
    -webkit-flex: 4 4;
    -ms-flex: 4 4;
    flex: 4 4; }
  .flex > .c50, .panel.filter > .c50, .tabs.frameset .tabs-nav > .c50, .cards > .c50, .catalogueitems > .c50, .list_summary > .c50, .frameset > .c50, ul.list .header > .c50, ul.list .line > .c50, .superhscroll > .c50, #nav > ul > li > ul > .c50, #icons_tools > ul > li > ul > .c50 {
    -webkit-box-flex: 5 5;
    -moz-box-flex: 5 5;
    -webkit-flex: 5 5;
    -ms-flex: 5 5;
    flex: 5 5; }
  .flex > .c60, .panel.filter > .c60, .tabs.frameset .tabs-nav > .c60, .cards > .c60, .catalogueitems > .c60, .list_summary > .c60, .frameset > .c60, ul.list .header > .c60, ul.list .line > .c60, .superhscroll > .c60, #nav > ul > li > ul > .c60, #icons_tools > ul > li > ul > .c60 {
    -webkit-box-flex: 6 6;
    -moz-box-flex: 6 6;
    -webkit-flex: 6 6;
    -ms-flex: 6 6;
    flex: 6 6; }
  .flex > .c70, .panel.filter > .c70, .tabs.frameset .tabs-nav > .c70, .cards > .c70, .catalogueitems > .c70, .list_summary > .c70, .frameset > .c70, ul.list .header > .c70, ul.list .line > .c70, .superhscroll > .c70, #nav > ul > li > ul > .c70, #icons_tools > ul > li > ul > .c70 {
    -webkit-box-flex: 7 7;
    -moz-box-flex: 7 7;
    -webkit-flex: 7 7;
    -ms-flex: 7 7;
    flex: 7 7; }
  .flex > .c80, .panel.filter > .c80, .tabs.frameset .tabs-nav > .c80, .cards > .c80, .catalogueitems > .c80, .list_summary > .c80, .frameset > .c80, ul.list .header > .c80, ul.list .line > .c80, .superhscroll > .c80, #nav > ul > li > ul > .c80, #icons_tools > ul > li > ul > .c80 {
    -webkit-box-flex: 8 8;
    -moz-box-flex: 8 8;
    -webkit-flex: 8 8;
    -ms-flex: 8 8;
    flex: 8 8; }
  .flex > .c90, .panel.filter > .c90, .tabs.frameset .tabs-nav > .c90, .cards > .c90, .catalogueitems > .c90, .list_summary > .c90, .frameset > .c90, ul.list .header > .c90, ul.list .line > .c90, .superhscroll > .c90, #nav > ul > li > ul > .c90, #icons_tools > ul > li > ul > .c90 {
    -webkit-box-flex: 9 9;
    -moz-box-flex: 9 9;
    -webkit-flex: 9 9;
    -ms-flex: 9 9;
    flex: 9 9; }

  .vflex > * {
    width: 100%; }

  .vflex > .f100 {
    height: 100px; }

  .vflex > .f200 {
    height: 200px; }

  .vflex > .f250 {
    height: 250px; }

  .vflex > .f300 {
    height: 300px; }

  .vflex > .f400 {
    height: 400px; }

  .vflex > .f500 {
    height: 500px; } }
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  height: 100%;
  background: #F0F0F0;
  position: relative; }

body, form, input, label, textarea, select, option, button {
  font-family: Arsenal, Arial, sans-serif; }

body {
  color: #000; }

script {
  display: none !important; }

h1 {
  font-size: 4em;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
  letter-spacing: -0.05em; }

h2 {
  font-size: 2em;
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5em; }

h3 {
  font-size: 1.5em; }

h4 {
  font-size: 1.2em; }

h5, h6 {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold; }

legend {
  font-size: 1.2em;
  font-weight: bold; }

p {
  padding-bottom: 1.5em; }

pre {
  background: #EEC;
  border: solid 5px rgba(0, 0, 0, 0.1);
  padding: 1em;
  margin: 2em 0; }

li {
  list-style-type: none;
  display: block;
  list-style-position: outside; }

li ul {
  padding-left: 2em; }

a, button.act {
  color: #369;
  outline: none; }

a:active {
  outline: none; }

a img {
  border: none; }

object, embed {
  outline: none; }

img {
  vertical-align: middle;
  border: none; }

strong {
  font-weight: bold; }

table caption {
  display: none; }

blockquote {
  padding-left: 1.5em; }

hr {
  clear: both; }

/*dc-include	{ display: block; }*/
.cleaner {
  display: block;
  clear: both;
  height: 0px;
  overflow: hidden; }

.spacer {
  margin-bottom: 1.5em; }

/* --- Layout ------------------------------------------------ */
#page_container {
  margin: auto;
  width: 100%;
  min-width: 1000px; }

#page_content, .sub {
  box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.33);
  z-index: 0; }

.sub {
  display: none; }

.sub iframe {
  width: 99.5%;
  height: 99%; }

.sub iframe body {
  padding: 2em; }

.sub.on {
  display: block; }

#header, #footer {
  background: #5f6473;
  color: rgba(255, 255, 255, 0.33);
  border: none;
  padding: 0;
  z-index: 2;
  overflow: visible; }

#header {
  height: 4em; }

#footer {
  padding: 0 1em;
  height: 2em;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.2); }

#footer #footer_content {
  height: 2em;
  overflow: hidden; }
#footer .links a {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none; }
#footer .links li {
  display: block;
  float: left;
  padding: 0 1em;
  line-height: 2em; }
#footer .syslog {
  position: absolute;
  bottom: 2em;
  right: 0;
  background: #FFE;
  color: #000;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
  min-width: 600px;
  max-width: 80%; }
#footer .syslog .list {
  max-height: 300px;
  overflow: auto; }
#footer .syslog li:first-child {
  font-weight: bold; }

/* --- TOP ------------------------------------------------------------------------------------------------------------ */
#company_logo_in_header_id {
  display: none; }

#header a {
  color: rgba(255, 255, 255, 0.7);
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: none; }

#header_langs {
  background: inherit;
  position: relative; }
#header_langs > a {
  line-height: 4em; }
#header_langs a {
  display: block;
  white-space: nowrap;
  padding: 0 1em; }
#header_langs a:before {
  vertical-align: middle; }
#header_langs a:hover {
  color: white;
  background: rgba(0, 0, 0, 0.1); }
#header_langs ul {
  background: inherit;
  position: absolute;
  margin-top: -1px;
  display: none; }
#header_langs ul a {
  line-height: 3em; }
#header_langs ul a:before {
  margin-right: .5em; }
#header_langs .lang_bg::before {
  content: url(icons/lang_bg.gif); }
#header_langs .lang_en::before {
  content: url(icons/lang_en.gif); }
#header_langs .lang_ro::before {
  content: url(icons/lang_ro.gif); }
#header_langs .lang_mk::before {
  content: url(icons/lang_mk.gif); }
#header_langs .lang_sr::before {
  content: url(icons/lang_sr.gif); }
#header_langs .lang_fi::before {
  content: url(icons/lang_fi.gif); }
#header_langs .lang_ru::before {
  content: url(icons/lang_ru.gif); }

#top_fast_search {
  background: inherit;
  padding-left: 2em;
  position: relative; }
#top_fast_search input {
  margin-right: 5px;
  margin-top: 0.75em; }
#top_fast_search .search_type {
  background: inherit;
  position: absolute;
  left: 0;
  height: 4em; }
#top_fast_search .search_type > a {
  height: 4em;
  line-height: 4em; }
#top_fast_search .search_type ul {
  display: none;
  background: inherit;
  padding: .5em;
  margin: 0 0 0 -.5em;
  position: absolute;
  top: 4em;
  left: 0; }
#top_fast_search input, #top_fast_search .result ul {
  width: 250px; }
#top_fast_search .result {
  position: absolute;
  right: 0;
  top: 4em;
  padding: .5em;
  display: none;
  white-space: nowrap;
  background: inherit;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.33); }
#top_fast_search .result ul {
  padding: 0;
  margin: 0;
  max-height: 450px;
  overflow: auto;
  overflow-x: hidden;
  background: rgba(255, 255, 255, 0.1); }
#top_fast_search .result ul ul {
  max-height: 100%;
  overflow: visible;
  border: none; }
#top_fast_search .result li {
  display: block;
  color: rgba(0, 0, 0, 0.75);
  font-weight: bold; }
#top_fast_search .result a, #top_fast_search .result span {
  display: block;
  padding: .25em .5em;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
#top_fast_search .result a {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.75); }
#top_fast_search .result a.selected {
  background-color: rgba(0, 0, 0, 0.25);
  color: white; }
#top_fast_search .result b {
  background-color: rgba(0, 0, 0, 0.2);
  font-weight: normal; }
#top_fast_search .result ul ul span {
  text-align: left;
  background: rgba(0, 0, 0, 0.1); }
#top_fast_search .result a.action {
  color: #FF9;
  background-image: url(icons/16/add.png); }

/* --- Navigation tabs ------------------------------------------------------------------------------------------------------------ */
#nav, #icons_tools {
  background: inherit;
  position: relative;
  padding: 0;
  margin: 0; }
#nav ul, #icons_tools ul, #nav li, #icons_tools li, #nav a, #icons_tools a {
  padding: 0;
  margin: 0; }
#nav li, #icons_tools li {
  display: block; }
#nav a, #icons_tools a {
  display: block;
  padding: .5em 1em;
  cursor: pointer; }
#nav a:hover, #icons_tools a:hover {
  color: white;
  background: rgba(0, 0, 0, 0.1); }
#nav .selected > a, #icons_tools .selected > a {
  color: #FFC; }
#nav > ul, #icons_tools > ul {
  background: inherit; }
#nav > ul > li, #icons_tools > ul > li {
  float: left;
  background: inherit; }
#nav > ul > li > a, #icons_tools > ul > li > a {
  padding: 0 1em;
  line-height: 4em;
  text-transform: uppercase;
  font-weight: bold; }
#nav > ul > li > ul, #icons_tools > ul > li > ul {
  padding: 0 1em 1em 1em;
  overflow: hidden;
  position: fixed;
  left: 2em;
  top: 4em;
  margin-right: 2em;
  padding-bottom: 6em;
  max-height: 99%;
  overflow: auto;
  background: inherit; }
#nav > ul > li > ul > li, #icons_tools > ul > li > ul > li {
  width: 200px;
  overflow: hidden;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 0 1em 1em 0;
  background-color: rgba(255, 255, 255, 0.1); }
#nav > ul > li > ul > li > a, #icons_tools > ul > li > ul > li > a {
  background: rgba(0, 0, 0, 0.2); }
#nav > ul > li > ul > li > a:hover, #icons_tools > ul > li > ul > li > a:hover {
  background: rgba(0, 0, 0, 0.2);
  cursor: default;
  color: #FFF; }
#nav .selected, #icons_tools .selected {
  background: inherit; }
#nav *:before, #icons_tools *:before {
  margin: -.5em .2em -.5em 0; }

#icons_tools > ul > li > a {
  padding: 0 .25em; }

#device_menu {
  display: none; }

/* --- Elements ------------------------------------------------------------------------------------------------------------ */
.loader {
  background: #900 left center no-repeat;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.33);
  color: #FFF;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: .5em 2em;
  margin: -2em 0 0 -100px; }

.loader span {
  text-decoration: blink; }

.loader a {
  color: #FF0; }

.preloader_bar {
  background: #FFF left center no-repeat;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.33);
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 2em;
  margin: -110px 0 0 -285px;
  width: 570px;
  border-radius: 3px; }

.preloader_bar span {
  display: block; }

.preloader_bar .loader_bar {
  border-radius: 4px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  background: linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-width: 0 1px 1px 1px;
  margin: 5px 0; }

.preloader_bar .loader_progress {
  width: 0%;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.1);
  background: -webkit-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
  background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
  background: linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); }

.preloader_bar .loader_cancel {
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-indent: 16px;
  white-space: nowrap;
  background: url(icons/16/cross.png) center center no-repeat; }

.actions {
  display: block;
  float: right;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 5px; }

.actions .act {
  float: left;
  margin-right: .5em; }

.actions .act:last-child {
  margin-right: 0; }

h1 .subtitle {
  display: block;
  font-size: 0.66em; }

.header .actions {
  border-color: rgba(255, 255, 255, 0.25); }

/* DEVICES ------------------------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 400px) and (orientation: portrait), screen and (max-device-width: 700px) and (orientation: landscape), screen and (max-width: 1023px) {
  body, form, input, label, textarea, select, option, button {
    font-size: 16px; }

  h1 {
    font-size: 2.5em; }

  #page_content {
    bottom: 0; }

  #header .top, #header #icons_tools,
  #footer,
  #header_langs,
  #top_fast_search,
  .pagination .acts,
  h1 .actions {
    display: none; }

  #nav > ul > li > ul, #icons_tools > ul > li > ul {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    margin-right: 0;
    padding: 0 .25em;
    z-index: 10000; }

  #nav > ul > li > a span, #icons_tools > ul > li > a span {
    display: none; }

  #nav > ul > li > a, #icons_tools > ul > li > a {
    padding: 0 .5em; }

  .panel {
    padding: .25em; }

  .panel.filter td {
    padding: 0 .25em 0 0; } }
@media screen and (min-width: 1024px) {
  body, form, input, label, textarea, select, option, button,
  h1 .actions a {
    font-size: 11px; } }

/*# sourceMappingURL=_common.css.map */