/***************************************
 * General Styling Formats
 ***************************************/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url('../resources/fonts/roboto-regular.woff') format('woff');
}


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url('../resources/fonts/roboto-regular.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../resources/fonts/roboto-medium.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('../resources/fonts/roboto-bold.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('../resources/fonts/roboto-italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../resources/fonts/roboto-medium-italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../resources/fonts/roboto-bold-italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url('../resources/fonts/roboto-condensed.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../resources/fonts/roboto-condensed-bold.woff') format('woff');
}
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url('../resources/fonts/ubuntu-mono.woff') format('woff');
}

.remus body, .remus td, .remus div, .remus input, .remus select, .remus textarea, .remus button, .remus a {
  font-family       : 'Roboto',Arial,Helvetica,Geneva,sans-serif;
}

.remus h1 {
	font-family       : 'Roboto Condensed', sans-serif;
}

.remus #title p {
  font-family       : 'Roboto Condensed', sans-serif;
}

body {
  margin            : 0;
  padding           : 0;
  color             : #616161;
  background        : #8C8C8C;
}

body, td, div {
  font-size         : 11px;
}

input, select, textarea, button, keygen, isindex, legend {
  font-size         : 11px;
}

input[type='text'], input[type='password'] {
  padding           : 4px 2px;
}

#globalStatusDiv {
  position          : fixed;
  left              : 0;
  top               : 0;
  height            : 100%;
  width             : 100%;
  background-image  : url(/remus/javax.faces.resource/bg_white_75p.png.jsf?ln=images);
  z-index           : 99999;
  display           : none;
}

#container {
  width             : 980px;
  position          : relative;
}

.fluid #container {
  width             : 100%;
}

/***************************************
 * Header Styling Formats
 ***************************************/
#header {
  background-color  : white;
  padding           : 5px;
  /*min-width         : 790px;*/
}

#header #logo {
  float             : left;
  padding-top       : 5px;
  margin-bottom     : 10px;
  padding-right     : 20px;
  position          : relative;
  width             : 140px;
  height            : 50px;
}

#header #title {
  font-size         : 18pt;
}

#header #title small {
  font-size         : 8pt;
}

#mainForm:logindata {
  float             : right;
  width             : 300px;
  text-align        : right;
}

#logindata {
	float: left;
}

#clock {
  float: right;
  padding-top: 2px;
  margin-right: -10px;
}

#innertop {
  width: 100%;
  display: flex;
  align-items: center;
}

#logindata {
  flex-grow: 1;
}

#urgentmsgs {
  padding: 1px 5px;
  margin-right: 10px;
  background-color: white;
  font-size: 11px;
  color: #ff0000;
}

#unreadmsgs {
  padding: 1px 5px;
  margin-right: 10px;
  background-color: white;
  font-size: 11px;
  color: #888888;
}

#clock {
  margin-right: 5px;
  text-align: right;
}

/***************************************
 * Mainmenu Styling Formats
 ***************************************/
#mainmenu {
  margin-top              : 15px;
  clear                   : both;
}

/***************************************
 * Footer Styling Formats
 ***************************************/
#footer {
  background-color  : #cbd5e1;
  padding           : 2px 5px 0 2px;
  margin            : 2px 0 0 0;
  border-collapse   : collapse;
  font-size         : 8pt;
  height            : calc(2rem - 14px);
}

#footer a, #footer {
  color             : #64748b;
  text-decoration   : none;
}

/***************************************
 * Main Area Styling Formats
 ***************************************/
#canvas {
  background        : white;
  overflow          : hidden;
}

/***************************************
 * Common Styling Formats
 ***************************************/
a {
  color             : #475569;
}

a:visited {
  color             : #64748b;
}

h1 {
  font-size         : 150%;
  line-height       : 200%;
  margin-top        : 3pt;
  margin-bottom     : 6pt;
}

h2 {
  font-size         : 120%;
  line-height       : 180%;
  margin-top        : 6pt;
  margin-bottom     : 3pt;
}

h2.table_caption {
  margin-bottom     : 0;
  padding-left      : 5px;
  background-color  : #b91c1c;
  color             : white;
  font-family       : 'Roboto Condensed', sans-serif;
  font-weight       : normal;
}

p {
   margin-top       : 0;
   margin-bottom    : 2px;
   line-height      : 150%;
}

sup {
  font-size         : 70%;
  vertical-align    : top;
}

.nobrdr {
  border-right      : none;
}

/***************************************
 * Menu and Toolbar Styling Formats
 ***************************************/

/** Toolbar parent pane **/
.rf-tb {
  border                  : none;
  background              : #999999;
  color                   : white;
}

.rf-tb-emp {
  width                   : 100%;
}

/** Toolbar Item **/
.rf-tb-itm {
  padding-left            : 3px;
  padding-right           : 3px;
  vertical-align          : middle;
}

/** Toolbar Item when mouse hovers **/
.rf-tb-itm:hover {
  color                   : #cc0000;
  background              : #eeeeee;
}

/** DropDownMenu menu pane background **/
.rf-ddm-lst-bg {
  background              : #eeeeee;
  -moz-box-shadow         : 3px 3px 4px #aaaaaa;
  -webkit-box-shadow      : 3px 3px 4px #aaaaaa;
  box-shadow              : 3px 3px 4px #aaaaaa;
  /* For IE 8 */
  -ms-filter              : "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter                  : progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}

/** DropDownMenu menu list **/
.rf-ddm-lst {
  border                  : none;
}

/** DropDownMenu menu item **/
.rf-ddm-itm {
  padding                 : 4px 0 2px 0;
}

/** DropDownMenu menu item when mouse hovers **/
.rf-ddm-itm-sel {
  background              : #cccccc;
}

/** Images in Links **/
a img {
  border            : none;
}

th {
  background-color        : #64748b;
  color                   : white;
  padding                 : 5px 2px;
  vertical-align          : bottom;
}

td.label {
  padding             : 4px 6px 2px 3px;
  font-weight         : 500;
  background-color    : #cbd5e1;
  vertical-align      : middle;
}

td.label.option {
  padding             : 0px 2px 2px 3px;
  vertical-align      : top;
}

td.label.talign {
  padding-top         : 10px;
}

td.field {
  padding             : 4px 5px 2px 5px;
  background-color    : #e2e8f0;
  vertical-align      : top;
}

.tout {
  padding             : 8px 5px 4px 5px;
}

.noxpad {
  padding-left        : 1px !important;
  padding-right       : 1px !important;
}

.talign {
  vertical-align      : top !important;
}

.malign {
  vertical-align      : middle !important;
}

.balign {
  vertical-align      : bottom !important;
}

.ralign {
  text-align          : right !important;
}

.calign {
  text-align          : center !important;
}

.nww {
  white-space         : nowrap;
}

.mb {
  margin-bottom       : 10px;
}

.mt {
  margin-top          : 10px;
}

.tp10 {
  padding-top         : 10px;
}

p.error {
  background-color    : #ffeeee;
  border-left         : 2px solid #aa0000;
  padding             : 5px 5px;
 }

.ok {
  background-color    : #65a30d;
  border-left         : 2px solid #bef264;
  padding             : 5px 5px;
 }

/** Warning Level Texts **/
span.ok {
  color               : green;
  background-color    : inherit;
  border              : none;
  padding             : 0;
  margin              : 0;
}

span.warn {
  color               : orange;
  font-weight         : bold;
  background-color    : inherit;
  border              : none;
  padding             : 0;
  margin              : 0;
}

span.alert {
  color               : red;
  font-weight         : bold;
  background-color    : inherit;
  border              : none;
  padding             : 0;
  margin              : 0;
}

td.ok {
  background-color    : green;
  color               : black;
}

td.warn {
  background-color    : orange;
  color               : black;
}

td.alert {
  background-color    : red;
  color               : black;
}

p.header {
  font-weight             : 500;
  color                   : white;
  background-color        : #64748b;
  padding                 : 2px 0px 2px 4px;
}

ul {
  list-style-type         : disc;
  margin-bottom           : 5px;
}

ol {
  list-style-type         : decimal;
  margin-bottom           : 5px;
}

li {
  margin-left             : 20px;
  margin-bottom           : 3pt;
  line-height             : 100%;
}

.form th.header {
  font-weight             : 500;
  color                   : white;
  font-size               : 9pt;
  background-color        : #cc0000;
  text-align              : left;
  padding                 : 2px 0px 4px 4px;
}

.form.output td {
  padding                 : 6px 8px;
}

table.form-border {
  border                  : 1px solid darkgray;
/*  border-radius           : 5px; */
  -moz-border-radius      : 5px;
}

.view-only td {
  padding                 : 6px 2px;
}

.fixed tr {
  height                  : 24px;
}

.fixed tr td.label {
  vertical-align          : bottom;
}

.p1 {
  width                   : 1%;
}

.p5 {
  width                   : 5%;
}

.p10 {
  width                   : 10%;
}

.p20 {
  width                   : 20%;
}

.p25 {
  width                   : 25%;
}

.p33 {
  width                   : 33%;
}

.p40 {
  width                   : 40%;
}

.p50 {
  width                   : 50%;
}

.p100 {
  width                   : 100%;
}

.px70 {
  width                   : 70px;
}

.px100 {
  width                   : 100px;
}

.px120 {
  width                   : 120px;
}

.px140 {
  width                   : 140px;
}

.px200 {
  width                   : 200px;
}

.px210 {
  width                   : 210px;
}

small {
  font-size               : 80%;
}

.list-table ul {
  margin-bottom           : 0;
}

.list-table th {
  padding                 : 1px 2px;
}

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

.list-table td.actions {
  text-align              : center;
  white-space             : nowrap;
  width                   : 1%;
}

.list td p {
  line-height             : 100%;
}

td a {
  text-decoration         : none;
}

td a:hover {
  text-decoration         : underline;
}

td div {
  font-size               : 8pt;
}

td.base {
  padding                 : 2px 1px 2px 0px;
}

.no-entries-msg {
  background-color        : #64748b;
  color                   : white;
  padding                 : 3px;
  text-align              : center;
/*
  -moz-border-radius      : 4px;
  border-radius           : 4px;
 */
}

/***************************************
 * ToolTips
 ***************************************/
.rf-tt-cntr {
/*
  -moz-border-radius      : 6px;
  border-radius           : 6px;
*/
  border                  : 1px solid #cc0000;
  -moz-box-shadow         : 3px 3px 4px #aaaaaa;
  -webkit-box-shadow      : 3px 3px 4px #aaaaaa;
  box-shadow              : 3px 3px 4px #aaaaaa;
  /* For IE 8 */
  -ms-filter              : "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter                  : progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}

.tooltip td {
  vertical-align      : top;
  font-size           : 8pt;
  padding             : 2px;
}

.tooltip .label {
  font-weight         : 500;
}


/***************************************
 * Input Buttons
 ***************************************/
input.button {
  /*background              : url("drk/images/ui-bg_highlight-hard_100_eeeeee_1x100.png") repeat-x scroll 50% 50% #EEEEEE;*/
  background-image        : none;
  /*-moz-border-radius      : 6px;*/
  /*border-radius           : 6px;*/
  border                  : 1px solid #D8DCDF;
  color                   : #000000;
  font-weight             : 500;
  padding                 : 0.4em 1em;
  margin-left             : 2px;
}

a.small_button,
div.small_button,
button.small_button,
input.small_button {
  background-image        : none;
  border                  : 2px solid #a0a0a0;
  color                   : #000000;
  font-weight             : normal;
  /*padding                 : 0.1em 0.3em;*/
  margin                  : 0 1px 0 0;
  cursor                  : pointer;
}

div.small_button:hover,
button.small_button:hover,
input.small_button:hover {
  border-color            : #dc2626;
  background-image        : none;
}

input.imgbutton {
  background-color        : #fafafa;
  /*-moz-border-radius      : 6px;*/
  /*border-radius           : 6px;*/
  /*border                  : 1px solid #D8DCDF;*/
  border                  : 1px solid #AAAAAA;
  color                   : #000000;
  font-weight             : 500;
  padding                 : 5px 5px 5px 27px;
  background-repeat       : no-repeat;
  background-position     : 7px;
  margin                  : 0 0 0 3px;
}

input.imgbutton:hover {
  background-color        : #e0e0e0;
  border                  : 1px solid #aa0000;
  background-repeat       : no-repeat;
  background-position     : 7px;
}

input.imgbutton:hover {
  background-color        : #f0f0f0;
  background-repeat       : no-repeat;
  background-position     : 7px;
}

input.imgbutton.soft {
  color                   : #a0a0a0;
  font-weight             : normal;
}

.imgbutton.back {
  background-image        : url(/remus/javax.faces.resource/arrow_left.png.jsf?ln=icons) !important;
}

.imgbutton.book {
  background-image        : url(/remus/javax.faces.resource/book.png.jsf?ln=icons) !important;
}

.imgbutton.email {
  background-image        : url(/remus/javax.faces.resource/email.png.jsf?ln=icons) !important;
}

.imgbutton.calendar {
  background-image        : url(/remus/javax.faces.resource/clock.png.jsf?ln=icons) !important;
}

.imgbutton.add {
  background-image        : url(/remus/javax.faces.resource/add.png.jsf?ln=icons) !important;
}

input[disabled].imgbutton.add {
  background-image        : url(/remus/javax.faces.resource/add_off.png.jsf?ln=icons) !important;
  background-repeat       : no-repeat;
  background-position     : 7px;
}

.imgbutton.delete {
  background-image        : url(/remus/javax.faces.resource/delete.png.jsf?ln=icons) !important;
}

.imgbutton.ok {
  background-image        : url(/remus/javax.faces.resource/yes.png.jsf?ln=icons) !important;
}

.imgbutton.cancel {
  background-image        : url(/remus/javax.faces.resource/cancel.png.jsf?ln=icons) !important;
}

.imgbutton.sync {
  background-image        : url(/remus/javax.faces.resource/arrows_east_west.png.jsf?ln=icons) !important;
}

.imgbutton.edit {
  background-image        : url(/remus/javax.faces.resource/edit.png.jsf?ln=icons) !important;
}

.imgbutton.close {
  background-image        : url(/remus/javax.faces.resource/no.png.jsf?ln=icons) !important;
}

.imgbutton.lock {
  background-image        : url(/remus/javax.faces.resource/padlock_closed.png.jsf?ln=icons) !important;
}

.imgbutton.print {
  background-image        : url(/remus/javax.faces.resource/print.png.jsf?ln=icons) !important;
}

.imgbutton.search {
  background-image        : url(/remus/javax.faces.resource/magnify.png.jsf?ln=icons) !important;
}

.imgbutton.forward {
  background-image        : url(/remus/javax.faces.resource/arrow_right.png.jsf?ln=icons) !important;
}

.imgbutton.refresh {
  background-image        : url(/remus/javax.faces.resource/refresh.png.jsf?ln=icons) !important;
}

.imgbutton.upload {
  background-image        : url(/remus/javax.faces.resource/arrow_up.png.jsf?ln=icons) !important;
}

.imgbutton.download {
  background-image        : url(/remus/javax.faces.resource/arrow_down.png.jsf?ln=icons) !important;
}

.imgbutton.export {
  background-image        : url(/remus/javax.faces.resource/save.png.jsf?ln=icons) !important;
}

.imgbutton.import {
  background-image        : url(/remus/javax.faces.resource/folder_open.png.jsf?ln=icons) !important;
}

.imgbutton.save {
  background-image        : url(/remus/javax.faces.resource/save.png.jsf?ln=icons) !important;
}

div.small_button,
button[disabled].small_button,
button[disabled],
input[type="button"][disabled],
input[type="submit"][disabled] {
  background: #ddd;
  color: #ccc;
  border-color: #ccc;
}

/***************************************
 * Button mit Men��
 ***************************************/
#unitForm .status_buttons .rf-ddm-lbl,
.status_buttons .rf-ddm-lbl {
  display                 : inline-block;
  height                  : 28px;
  width                   : 26px;
  vertical-align          : top;
  /*-moz-border-radius      : 3px;*/
  /*border-radius           : 3px;*/
  border-width            : 2px;
  border-style            : solid;
  color                   : #000000;
  margin-right            : 1px;
  padding                 : 0;
}

.status_buttons .rf-ddm-dis {
  border-color            : #a0a0a0 !important;
}

.status_buttons .rf-ddm-sel {
  background-image        : none;
  border-color            : #880000;
}

.status_buttons .rf-ddm-lbl-dec,
.status_buttons .rf-ddm-lbl-dis {
  font-weight             : normal;
  width                   : 17px;
  height                  : 21px;
  padding                 : 9px 0 0 10px;
}

.status_buttons .rf-ddm-dis {
  border-color            : #ccc;
  background-color        : #ddd;
  color                   : #ccc;
}

/***************************************
 * ImageButton mit Men��
 ***************************************/
.imgbutton.rf-ddm-lbl {
  background-color        : #fafafa;
  /*-moz-border-radius      : 6px;*/
  /*border-radius           : 6px;*/
  border                  : 1px solid #D8DCDF;
  color                   : #000000;
  font-weight             : 500;
  background-repeat       : no-repeat;
  background-position     : 7px;
  margin                  : 0 0 0 3px;
  display                 : inline-block;
  padding                 : 0;
}

.imgbutton.rf-ddm-sel {
  background-image        : none;
  border-color            : #880000;
}

.imgbutton .rf-ddm-lbl-dec,
.imgbutton .rf-ddm-lbl-dis {
  padding                 : 0.4em 1em 0.5em 2.5em;
}

.imgbutton .rf-ddm-itm-ic {
  padding-left: 2px;
  margin-right: 5px;
}

.imgbutton .rf-ddm-dis {
  background-color        : #ddd;
  color                   : #aaa;
}

/***************************************
 * Collapsible Panel
 ***************************************/
.rf-cp {
  border: 1px solid #EEEEEE;
  /*-moz-border-radius: 6px 6px 6px 6px;*/
  /*border-radius: 6px 6px 6px 6px;*/
}

.rf-cp-hdr {
  background: #CC0000;
  color: #FFFFFF;
  font-weight: 500;
  padding: 0.3em 0.7em;
  /*-moz-border-radius: 6px;*/
  /*border-radius: 6px;*/
  margin: 2px 2px 0px 2px;
}

.rf-cp-lbl {
  vertical-align: middle;
}

/***************************************
 * Accordion
 ***************************************/
.rf-ac {
  /*-moz-border-radius: 6px;*/
  /*border-radius: 6px;*/
  border: 1px solid #EEEEEE;
}

.rf-ac-itm-lbl {
  padding: 0.125rem;
}

.rf-ac-itm-cnt {
	border: none;
}

.rf-ac-itm-hdr {
  background: #CC0000;
  color: #FFFFFF;
  font-weight: 500;
  padding: 0.3em 0.7em;
  /*-moz-border-radius: 6px;*/
  /*border-radius: 6px;*/
  margin: 2px 2px 0px 2px;
}

.summary .rf-ac-itm-hdr {
  background: #475569;
}

.subitem .rf-ac-itm-hdr {
	background: #64748b;
}

/***************************************
 * Tabview Panel
 ***************************************/
.rf-tbp {
  /*-moz-border-radius: 6px;*/
  /*border-radius: 6px;*/
  border: 1px solid #e0e0e0;
}

.rf-tab-hdr-tabline-vis {
  margin: 2px 2px 0px 2px;
}

.rf-tab-hdr-tabline-vis {
  background: #CC0000;
  color: #FFFFFF;
  font-weight: 500;
  padding: 0.2em 0.2em 0;
  /*-moz-border-radius: 6px;*/
  /*border-radius: 6px;*/
  height: 24px;
}

.rf-tab {
  /*-moz-border-radius: 6px;*/
  /*border-radius: 6px;*/
}

.rf-tab-hdr-brd {
  display: none;
}

.rf-tab-hdr-tabs {
  margin: 0.2em 0;
}

.rf-tab-hdr {
  /*-moz-border-radius-topleft: 6px;*/
  /*-moz-border-radius-topright: 6px;*/
  /*border-radius: 6px 6px 0 0;*/
  float: left;
  margin: 0 0.2em 1px 0;
  padding: 6px 10px 0 12px;
  white-space: nowrap;
  font-weight: 500;
  border: 1px solid #E3A1A1;
  height: 14px;
  overflow: hidden;
}

.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
  background: transparent;
  border: none;
}

.rf-tab {
  border: 1px solid #d0d0d0;
  border-radius: 0px;
}

.rf-tbp {
  border: 0px;
}

.rf-tab-hdr.rf-tab-hdr-act {
  background: url("blitzer/images/ui-bg_flat_65_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
  border-bottom: 1px solid white !important;
  color: #CC0000;
  font-weight: 500;
  padding-top: 5px;
}

.rf-tab-hdr.rf-tab-hdr-inact {
  background: url("blitzer/images/ui-bg_highlight-hard_100_eeeeee_1x100.png") repeat-x scroll 50% 50% #EEEEEE;
  border-bottom: 1px solid #cc0000 !important;
  color: #505050;
  font-weight: 500;
  padding-top: 5px;
}

.rf-tab-cnt {
  border: none;
}

/***************************************
 * Popup Panel (Dialog)
 ***************************************/
.rf-pp-shdw {
  /*-moz-border-radius: 6px 6px 6px 6px;*/
  /*border-radius: 6px 6px 6px 6px;*/
}

.rf-pp-cntr {
  /*-moz-border-radius: 6px 6px 6px 6px;*/
  /*border-radius: 6px 6px 6px 6px;*/
}

.rf-pp-cnt {
  padding: 5px;
}

.rf-pp-hdr {
  background: url("drk/images/ui-bg_highlight-soft_15_cc0000_1x100.png") repeat-x scroll 50% 50% #CC0000;
  -moz-border-radius: 6px;
  margin: 2px;
  padding: 0.4em 0em 0.3em;
  border: 1px solid #E3A1A1;
}

.rf-pp-hdr-cnt {
  color: white;
  font-weight: 500;
  white-space: nowrap;
  font-family: inherit;
}

/***************************************
 * Normal Panel
 ***************************************/
.rf-p {
  border: 1px solid #e0e0e0;
  /*-moz-border-radius: 6px;*/
  /*border-radius: 6px;*/
  border: 1px solid #EEEEEE;
}

.rf-p-hdr {
  background: #CC0000;
  /*-moz-border-radius: 6px;*/
  /*border-radius: 6px;*/
  margin: 2px;
  padding: 0.6em 0em 0.6em 1em;
  border: 1px solid #E3A1A1;
  color: white;
  font-weight: 700;
  white-space: nowrap;
  font-family: inherit;
}

/***************************************
 * Data Table
 ***************************************/
.rf-dt {
  border-bottom           : 1px solid #C4C0C9;
}

.rf-dt-nd-c {
  background-color        : #cbd5e1;
  text-align              : center;
  padding                 : 5px;
}

.rf-dt-shdr-c,
.rf-dt-hdr-c {
  background              : #64748b;
  color                   : white;
  vertical-align          : bottom;
}

.rf-dt-c {
  padding                 : 3px 2px 3px 2px;
}

.rf-dt-r td {
  vertical-align          : middle;
}

.rf-dt .actions {
  white-space             : nowrap;
  vertical-align          : top;
  text-align              : center;
  width                   : 1%;
  padding                 : 4px 2px 3px 2px !important;
}

/***************************************
 * Primefaces styling
 ***************************************/

.ui-datatable th {
  font-size         : 8pt;
  vertical-align    : bottom;
  padding-left      : 2px;
  padding-right     : 2px;
}

.ui-datatable td {
  vertical-align    : top;
  font-size         : 8pt;
  padding-bottom    : 0px;
  padding-left      : 2px;
  padding-right     : 2px;

  border-right-color: inherit;
  border-right-style: solid;
  border-right-width: 1px;
}

td.nbdr {
  border-right-width: 0px;
}

.nopad {
  padding           : 0px;
}

.ui-panel .ui-panel-content {
  padding           : 0.5em 0.1em;
}

.ui-panel .ui-panel-titlebar {
  padding           : 0.5em 1em;
}

/* Buttons for Primefaces */

.ui-icon.back {
  background-image        : url(../images/arrow_left.png) !important;
}

.ui-icon.calendar {
  background-image        : url(../images/clock.png) !important;
}

.ui-icon.add {
  background-image        : url(../images/add.png) !important;
}

.ui-icon.delete {
  background-image        : url(../images/delete.png) !important;
}

.ui-icon.ok {
  background-image        : url(../images/yes.png) !important;
}

.ui-icon.cancel {
  background-image        : url(../images/cancel.png) !important;
}

.ui-icon.close {
  background-image        : url(../images/no.png) !important;
}

.ui-icon.lock {
  background-image        : url(../images/padlock_closed.png) !important;
}

.ui-icon.print {
  background-image        : url(../images/print.png) !important;
}

.ui-icon.search {
  background-image        : url(../images/magnify.png) !important;
}

.ui-icon.forward {
  background-image        : url(../images/arrow_right.png) !important;
}

.ui-icon.refresh {
  background-image        : url(../images/refresh.png) !important;
}

.ui-icon.upload {
  background-image        : url(../images/arrow_up.png) !important;
}

tr.ui-datatable-odd,
tr.odd {
  background-color        : #f1f5f9;
}

td.modified {
  background-color        : #fef9c3 !important;
}

tr.odd tr.even {
  background-color        : #f8fafc;
}

tr.ui-datatable-even,
tr.even {
  background-color        : #f8fafc;
}

tr.even tr.odd td {
  background-color        : #eaeaea;
}

tr.odd-lvl2 td {
  background-color        : #e2e8f0;
}

tr.even-lvl2 td {
  background-color        : #f1f5f9;
}

.ui-selected td {
  background-color        : #fca5a5 !important;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding                 : 0.4em 1em 0.4em 2.5em;
}

.ui-menu {
  visibility              : hidden;
}

.ui-menu-separator {
  border-bottom           : 1px solid #e0e0e0;
  margin                  : 4px 0;
}

#addDefectDialog_content_scroller.rf-pp-cnt-scrlr,
#addRefuelDialog_content_scroller.rf-pp-cnt-scrlr,
#addEditMemberAbsenceDialog_content_scroller.rf-pp-cnt-scrlr {
  overflow: visible !important;
}

.statefield {
  color: black;
}

.small_button.unitstate_1,
.statebutton.unitstate_1 {
  border-color            : #86efac;
  border-width            : 2px;
  color                   : black;
}

.unitstate_1 {
  background-color        : #86efac;
  padding                 : 2px 4px;
  color                   : black;
}

.small_button.unitstate_2,
.statebutton.unitstate_2 {
  border-color            : #22c55e;
  border-width            : 2px;
}

.unitstate_2 {
  background-color        : #22c55e;
  padding                 : 2px 4px;
  color                   : black;
}

.small_button.unitstate_3,
.statebutton.unitstate_3 {
  border-color            : #fbbf24;
  border-width            : 2px;
}

.unitstate_3 {
  background-color        : #fbbf24;
  padding                 : 2px 4px;
  color                   : black;
}

.small_button.unitstate_4,
.statebutton.unitstate_4 {
  border-color            : #fb923c;
  border-width            : 2px;
}

.unitstate_4 {
  background-color        : #fb923c;
  padding                 : 2px 4px;
  color                   : black;
}

.small_button.unitstate_5,
.statebutton.unitstate_5 {
  border-color            : #7777ff;
  border-width            : 2px;
}

.unitstate_5 {
  background-color        : #7777ff;
  padding                 : 2px 4px;
}

.small_button.unitstate_6,
.statebutton.unitstate_6 {
  border-color            : #94a3b8;
  border-width            : 2px;
}

.unitstate_6 {
  background-color        : #94a3b8;
  color                   : #cbd5e1;
  padding                 : 2px 4px;
}

.small_button.unitstate_7,
.statebutton.unitstate_7 {
  border-color            : #5eead4;
  border-width            : 2px;
}

.unitstate_7 {
  background-color        : #5eead4;
  padding                 : 2px 4px;
  color                   : black;
}

.small_button.unitstate_8,
.statebutton.unitstate_8 {
  border-color            : #7dd3fc;
  border-width            : 2px;
}

.unitstate_8 {
  background-color        : #7dd3fc;
  padding                 : 2px 4px;
  color                   : black;
}

.small_button.unitstate_9,
.statebutton.unitstate_9 {
  border-color            : #880088;
  border-width            : 2px;
}

.unitstate_9 {
  background-color        : #880088;
  color                   : white;
  padding                 : 2px 4px;
}

.small_button.unitstate_10,
.statebutton.unitstate_10 {
  border-color            : #ff0000;
  border-width            : 2px;
  color                   : white !important;
  font-weight             : 500;
}

.unitstate_10 {
  background-color        : #ff0000;
  color                   : white !important;
  font-weight             : 500;
  padding                 : 2px 4px;
}

.statebutton {
  border-radius           : 6px;
  background-image        : none !important;
  background-color        : none;
  margin-right            : 3px;
}

div.unitstate_1 a,
div.unitstate_3 a,
div.unitstate_4 a,
div.unitstate_8 a
{
  color                   : black;
  text-decoration         : none;
}

div.unitstate_2 a,
div.unitstate_5 a,
div.unitstate_6 a,
div.unitstate_7 a,
div.unitstate_9 a
{
  color                   : white;
  text-decoration         : none;
}

.alert {
  margin: 5px;
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
color: #C09853;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #FCF8E3;
border: 1px solid #FBEED5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.unit {
  width           : 122px;
  border          : 1px solid #a0a0a0;
  margin          : 4px 7px 6px;
  float           : left;
}

.unit p {
  text-align      : center;
  margin          : 0;
}

.tab_header {
  display              : flex;
}

.tab {
  display              : flex;
  padding              : 3px 3px 0px 3px;
  border-left          : 1px solid #cbd5e1;
  border-right         : 1px solid #cbd5e1;
  border-top           : 1px solid #cbd5e1;
  background-color     : #94a3b8;
  margin-top           : 3px;
  position             : relative;
  top                  : 1px;
  min-height           : 18px;
  line-height          : 18px;
}

.tab a:hover {
  color                : #aa0000;
}

.tab.active {
  background-color     : white;
  padding-bottom       : 2px;
  margin-top           : 0px;
  border-color         : #dddddd;
  border-bottom        : 1px solid white;
  position             : relative;
}

.tab_body {
  border-top           : 1px solid white;
  border-left          : 1px solid #dddddd;
  border-right         : 1px solid #dddddd;
  border-bottom        : 1px solid #dddddd;
  border-radius        : 0 8px 8px 8px;
  padding              : 5px;
  background-color     : white;
}

.rf-p-b {
  padding: 5px;
}

.rf-p-b .tab_body {
  border-top           : 1px solid #dddddd;

}

.small_button.unavailable {
   background-color    : #ff8400;
 }

.small_button.available {
   background-color    : #d2ff00;
 }

#statusbar {
  background-color     : #94a3b8;
  padding              : 5px 10px;
  clear                : both;
  display              : table-cell;
}

#statusbar .item {
  float                : left;
  display              : table-cell;
  border               : 1px solid #1e293b;
  background-color     : #cbd5e1 !important;
  padding              : 5px;
  /*border-radius        : 5px;*/
  color                : black;
  margin-right         : 5px;
}

#statusbar .item span.alarm {
  font-weight          : 500;
  color                : #b91c1c;
}

#statusbar .flash {
  border-color         : #ff0000;
}

.bs-label,
.bs-badge {
  font-size: 11.844px;
  font-weight: 500;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #64748b;
}

.bs-label {
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.bs-badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}


/* Logo Slideshow */
#logo img {
    position:absolute;
    top : 2px;
    left : 0;
    z-index:8;
}

#logo img.active {
    z-index:10;
}

#logo img.last-active {
    z-index:9;
}

ul.errors {
  padding               : 8px 35px 8px 14px;
  margin-bottom         : 5px;
  color                 : #B94A48;
  text-shadow           : 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color      : #F2DEDE;
  border                : 1px solid #EED3D7;
  -webkit-border-radius : 4px;
  -moz-border-radius    : 4px;
  border-radius         : 4px;
}

ul.info {
  padding               : 8px 35px 8px 14px;
  margin-bottom         : 5px;
  color                 : #3A87AD;
  text-shadow           : 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color      : #D9EDF7;
  border                : 1px solid #BCE8F1;
  -webkit-border-radius : 4px;
  -moz-border-radius    : 4px;
  border-radius         : 4px;
}

ul.success {
  padding               : 8px 35px 8px 14px;
  margin-bottom         : 5px;
  color                 : #468847;
  text-shadow           : 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color      : #DFF0D8;
  border                : 1px solid #D6E9C6;
  -webkit-border-radius : 4px;
  -moz-border-radius    : 4px;
  border-radius         : 4px;
}

ul.warn {
  padding               : 8px 35px 8px 14px;
  margin-bottom         : 5px;
  color                 : #C09853;
  text-shadow           : 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color      : #FCF8E3;
  border                : 1px solid #FBEED5;
  -webkit-border-radius : 4px;
  -moz-border-radius    : 4px;
  border-radius         : 4px;
}

.oa {
}

.ou {
  margin                : 1px;
  padding               : 4px 2px;
  display               : inline-block;
  text-overflow         : ellipsis;
}

.ou div {
  text-overflow: ellipsis;
  overflow: hidden;
}

.unit-droparea {
  border                : 1px solid #f0f0f0;
}

.ou.ok {
  background-color      : #bef264;
  border                : 1px solid #65a30d;
}

.ou.nok {
  background-color      : #fecaca;
  border                : 1px solid #ef4444;
}

span.label, span.badge {
  font-size               : 10.998px;
  font-weight             : 500;
  line-height             : 14px;
  color                   : #ffffff;
  text-shadow             : 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space             : nowrap;
  vertical-align          : baseline;
  background-color        : #999999;
}

span.label {
  padding                 : 1px 4px 2px;
}

span.badge {
  padding                 : 1px 9px 2px;
}

span.label-important,
span.badge-important {
  background-color: #b94a48;
}

span.label-important[href],
span.badge-important[href] {
  background-color: #953b39;
}

span.label-warning,
span.badge-warning {
  background-color: #f89406;
}

span.label-warning[href],
span.badge-warning[href] {
  background-color: #c67605;
}

span.label-success,
span.badge-success {
  background-color: #468847;
}

span.label-success[href],
span.badge-success[href] {
  background-color: #356635;
}

span.label-info,
span.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

span.label-inverse,
span.badge-inverse {
  background-color: #333333;
}

span.label-inverse[href],
span.badge-inverse[href] {
  background-color: #1a1a1a;
}

/***************************
 * Transportziel-Suggestbox
 ***************************/
.destination {
  width: 100%;
}

.destination input {
  width: 100%;
}

/*
textarea:focus,
input[type='text']:focus {
  border: 1px solid #aa0000;
}

button:focus, input[type='submit']:focus, input[type='password']:focus,
input[type='checkbox']:focus, input[type='radio']:focus,
select:focus {
  border: 1px solid #aa0000;
}
*/

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.remus select {
  padding: 2px;
  background: white;
}

.remus select:focus {
  border-color: #aa0000cc;
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #aa0000cc;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #aa0000cc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #aa0000cc;
}

.remus input {
  background-image: none;
}

.remus input:focus {
  border-color: #aa0000cc;
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #aa0000cc;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #aa0000cc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #aa0000cc;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.button:focus,
.imgbutton:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.unitlist tr {
  height: 30px;
}

div.toolbar {
  float: right;
  border: 1px solid white;
  padding: 3px;
  display: flex;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

h3.sitrep {
  margin-bottom: 5px;
  margin-left: 1px;
  font-size: 10pt;
  background-color: #94a3b8;
  padding: 2px 2px 4px 2px;
  margin-bottom: 0;
}

table.sitrep {
  margin-bottom: 5px;
}

.sitrep .header {
  background-color: #475569;
  font-weight: 500;
  padding: 2px 0px 2px 3px;
  color: white;
}

h4.sitrep {
  background-color: #475569;
  font-weight: 500;
  padding: 2px 0px 2px 3px;
  color: white;
}

.sitrep td.label {
  padding-top: 4px !important;
  whitespace: no-wrap;
  border-bottom: 1px dotted #475569;
}

.sitrep td.field {
  border-bottom: 1px dotted #475569;
}

.sitrep td.description {
  font-style: italic;
  color: #94a3b8;
  border-bottom: 1px dotted #475569;
  padding-left: 5px;
	background-color: #f1f5f9;
}

#clockDisplay {
  font-weight: normal;
  color: white;
  font-family: 'Ubuntu Mono',monospace;
  font-size: 12pt;
  padding-top: 2px;
  padding-bottom: 1px;
}

.missionList .pd4 {
  padding-top: 6px;
}

.missionList .unitList {
	list-style-type: none;
	margin-bottom: 0;
}

.missionList .unitList li {
	margin-left: 0;
  border-bottom: 1px dotted #b0b0b0;
  padding-bottom: 4px;
}

.missionList .unitList li:last-child {
  border: none;
  padding-bottom: 0;
}

.missionList .unitList .unfinished {
	color: #880000;
}

.missionList .unitList .finished {
  color: #008800;
}

.tabbar {
  clear: both;
  margin: 0;
  height: 23px;
}

.tabbar > li {
  position                   : relative;
  top                        : 2px;
  height                     : 23px;
  display                    : inline;
  margin                     : 0 0 0 5px;
  border                     : 1px solid #d0d0d0;
  float                      : left;
  white-space                : nowrap;
  font-weight                : 500;
  margin-bottom              : -1px;
}

.tabbar > li.active {
  top                        : 0px;
  background-color           : white;
  border-color               : #475569;
  border-bottom              : 1px solid white;
}

.tabbar > li.inactive {
  top                        : 5px;
  height                     : 18px;
  color                      : #cbd5e1;
  background-color           : #94a3b8;
  border-bottom              : 1px solid #64748b;
}

.tabbar > li.active:hover {
  color                      : #475569;
}

.tabbar > li.inactive:hover {
  top                        : 0px;
  height                     : 23px;
  color                      : #dd0000;
  background-color           : #f1f5f9;
  border-bottom              : 1px solid #f1f5f9;
}

.tabbar > li.disabled:hover {
  top                        : 5px;
  height                     : 18px;
  background-color           : #94a3b8;
  border-bottom              : 1px solid #94a3b8;
  color                      : #334155;
}

.tabbar li > span,
.tabbar li > a {
  margin : 0 5px 1px 0;
  padding: 6px 10px 6px 12px;
  display: block;
  color                      : #cbd5e1;
}

.tabbar .inactive > a {
  color                      : #0f172a;
  text-decoration            : none;
}

.tabbar .inactive > a:hover {
  color                      : #475569;
  text-decoration            : none;
}

.tabbar .active > a {
  color: #aa0000;
  text-decoration: none;
}

.tabcontent {
  border-radius   : 0;
  border          : 1px solid #cbd5e1;
  padding         : 10px 2px 2px 2px;
  background-color: #f8fafc;
  clear           : both;
}

.tabs ul ul {
  position: absolute;
  top: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 3px 3px 5px #888;
  -moz-box-shadow: 3px 3px 5px #888;
  box-shadow: 3px 3px 5px #888;
}

.tabs ul ul {
  top: -9999px;
  z-index: 100;
}

.tabs ul li:hover ul {
  top: 24px;
}

.tabs ul {
	font-size: 0;
    margin-bottom: 0;
}

.tabs li {
	font-size: 8pt;
}

.tabs ul ul {
  left: -1px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.tabs ul li.active ul {
  background-color: white;
}

.tabs ul li.inactive ul {
  background-color: #f0f0f0;
}

.tabs ul ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.tabs ul li.vertical ul li {
	display: block;
}

.tabs ul ul li a {
  padding: 8px 12px;
  display: inline-block;
  margin: 0;
}

.tabs ul li.vertical ul li a {
  display: block;
}

.tabs ul li ul li.separator {
	border-bottom: 1px solid #ddd;
}

.tabs ul ul li > a {
  color: #808080;
  text-decoration: none;
}

.tabs ul ul li > a:hover {
  color: #cc0000 !important;
  background-color: #cbd5e1;
  text-decoration: underline;
}

.tabs ul ul li.active {
	background-color: #e2e8f0;
}

.tabs ul ul li {
	border-right: 1px solid #e2e8f0;
}

.tabs ul ul li:last-child {
  border-right: none;
}

#innertop .label {
	float: left;
	font-weight: 500;
    padding: 5px;
    color: #e0e0e0;
}

#innertop .field {
  float: left;
  font-weight: 500;
  padding: 5px;
  color: white;
  margin-right: 20px;
}

.tilemenu {
  display: grid;
  grid-template-columns: repeat(4, 25% [col-start]);
  vertical-align: top;
  margin: 10px 10px;
  gap: 10px;
}

.tile {
	border-right: 5px solid white;
	background-color: #cbd5e1;
}

.tile h2 {
	background-color: #b91c1c;
	color: white;
	padding: 4px;
	margin: 0;
	line-height: 10pt;
}

.tile li {
  list-style: none;
  margin: 0;
  line-height: 200%;
  background-color: #e2e8f0;
  font-size: 9pt;
  border-bottom: 1px solid #64748b;
  padding-left: 4px;
}

.tile li:last-child {
  border: none;
}

.tile li:hover {
  background-color: #cbd5e1;
}

.tile span {
	color: #94a3b8;
}

.tile a {
	text-decoration: none;
}

.tile a:hover {
	color: #aa0000;
}

.banner {
	width: 300px;
	padding-left: 20px;
	padding-right: 20px;
}

.banner p {
 text-align: justify;
}

input[readonly="readonly"]:focus, input[readonly]:focus,
input[readonly="readonly"], input[readonly],
textarea[readonly="readonly"]:focus, textarea[readonly]:focus,
textarea[readonly="readonly"], textarea[readonly] {
	background: #eeeee0;
	border: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.mce-btn button {
  padding: 2px 5px !important;
  font-size: 12px !important;
}

.mce-ico {
  font-size: 10px !important;
  line-height: 18px !important;
  width: 12px !important;
  height: 12px !important;
}

.rf-pick td {
  vertical-align: top;
}

.rf-pick .rf-pick-lst-dcrtn {
  min-height: 100px;
}

.rf-pp-shade {
  background: black;
  opacity: 0.65;
}

.toolbar {
  flex-direction: row;
}

div.infoblock {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem,1fr));
  width: 100%;
}

.infoblock .item {
  display: flex;
  flex-grow: 1;
}

.infoblock div.label {
  width: 6rem;
  flex-grow: 0;
  font-weight: bold;
  padding: 0.25rem;
  background-color: #cbd5e1;
}

.infoblock div.text {
  flex-grow: 1;
  padding: 0.25rem;
  background-color: #e2e8f0;
}

.result .rf-p-b {
  height: calc(100% - 45px);
  overflow: hidden;
}

.fixed-header {
  border: white;
  border: 0;
}

.fixed-header th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

.fixed-header th[scope=row] {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
}

.fixed-header tr:nth-child(2) th {
  top: 1.25rem;
}

@media( max-width: 900px ) {
  .toolbar {
    flex-direction: column;
  }
}

.iconbutton {
  display: inline-block;
  background-color: white;
  padding: 6px;
  border: 1px solid #aaa;
  color: black;
  transition: ease-in-out border-color 240ms,background-color 240ms;
  height: 0.8rem;
  line-height: 0.8rem;
}

.iconbutton:hover {
  background-color: #f0f0f0;
  border: 1px solid #d00;
  color: black;
  text-decoration: none;
}

.roundbutton {
  display: inline-flex;
  background-color: white;
  align-items: center;
  justify-content: space-around;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #aaa;
  text-decoration: none;
  transition: ease-in-out border-color 240ms,background-color 240ms;
}

.roundbutton.small {
  width: .75rem;
  height: .75rem;
}

.tab .roundbutton.small {
  margin-top: 2px;
}

a.roundbutton:hover {
  border: 1px solid #d00;
  text-decoration: none;
  background-color: #f0eaea;
}

span.roundbutton {
  cursor: not-allowed;
}

.iconbutton,
.iconbutton a {
  text-decoration: none;
}

.roundbutton.ml {
  margin-left: 0.125rem;
}

.iconbutton.mr,
.roundbutton.mr {
  margin-right: 0.125rem;
}

.iconbutton i {
  margin-right: 0.125rem;
}

.error {
  color: #B94A48;
  background-color: #F2DEDE;
  border-color: #EED3D7;
}

iconbutton.disabled,
roundbutton.disabled {
  color: #e2e8f0 !important;
  background-color: #cbd5e1 !important;
  border-color: #94a3b8 !important;
}

.info {
  color: #0284c7;
  background-color: #e0f2fe;
  border-color: #38bdf8;
}

.success {
  color: #15803d;
  background-color: #dcfce7;
  border-color: #4ade80;
}

.success i {
  color: #15803d;
}

.error i {
  color: #B94A48;
}

.info i {
  color: #0284c7;
}

.iconbutton {
  background-color: #f1f5f9 !important;
  transition: ease-in-out background-color 250ms;
}

.iconbutton:hover {
  background-color: #e2e8f0 !important;
}

.iconbutton.success,
.iconbutton.error,
.iconbutton.info {
  border-color: #64748b;
  color: #1e293b;
}

.rf-cal {
  margin-right: 25px;
}