/*
  Copyright 2012-2020 Sergey Ostanin

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
*/

body {
  background-color: #ffffff;
  color: #000000;
  cursor: default;
  font-family: sans-serif;
}

a {
  color: #0000ee;
}

.ru-irenproject-selectWorkScreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-color: #f0f0f0;
  padding: 12px;
  display: flex;
}

.ru-irenproject-selectWorkScreen-workList {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
  font-size: larger;
  line-height: 1.5;
  user-select: none;
  background-color: #ffffff;
  padding: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}

.ru-irenproject-selectWorkScreen-workList:empty::before {
  content: attr(data-placeholder);
  margin: auto;
  color: #808080;
  font-style: italic;
}

.ru-irenproject-selectWorkScreen-workList > * {
  cursor: pointer;
}

.ru-irenproject-selectWorkScreen-workList > :hover {
  color: #0000ee;
}

.ru-irenproject-loginScreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f0f0f0;
  padding: 12px;
}

.ru-irenproject-loginScreen-form {
  margin-top: 16px;
}

.ru-irenproject-loginScreen-label {
  display: inline-block;
  width: 10em;
  text-align: right;
}

.ru-irenproject-loginScreen-inputField {
  margin-bottom: 16px;
}

.ru-irenproject-loginScreen-cancelButton {
  margin-left: 8px;
}

.ru-irenproject-loginScreen-logInFailedLabel {
  display: inline-block;
  margin-top: 16px;
  color: #800000;
}

.ru-irenproject-mainScreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-color: #f0f0f0;
  padding: 12px;
  display: flex;
  flex-direction: column;
}

.ru-irenproject-mainScreen-topPanel {
  flex: none;
  margin-bottom: 12px;
}

.ru-irenproject-mainScreen-dialogPanel {
  flex: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #e8e8e8;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  padding: 16px;
}

.ru-irenproject-mainScreen-bottomPanel {
  flex: none;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.ru-irenproject-mainScreen-bottomPanel > * {
  flex: none;
}

.ru-irenproject-mainScreen-submitButton {
  margin-right: 48px;
}

.ru-irenproject-mainScreen-previousButton::before, .ru-irenproject-questionScore-previousButton::before {
  content: "";
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAb1JREFUeNqkUz1LI1EUPTPzRoMa0WgiCDYKi4JWz0oQbcVttZCIhR8BQZjScv+AIqtYWqVV7BTBX6BT7PpRhK1iIWIRJ5rMzJsv3xszo5i4Frnw5sKde86997z7pCAI0IwR8Rn5dYGWRAJqa2t4iKqCEJLlvyZ5gVyU/PT4GANF4T+bY28EDSzruq72MWA+PzdMlOsiQZB1HUdbnO2n3EOcarkc+i9H+Ah2GNNW539Qw/Dg2DZ814Xv+//XoDZTCM4tjNJCoYKuLjUk4HbZCMjzde5yJAbbtra+ROnVlVFL8PFzaoiKSxKCRZclvKpKODy9ee9AgDdWJuj1tRFXKBkWivcmqqYJh8/veV4YVxQFvT0dYJb1LqJjWTtbu+f64GAHqn6A2xcbBZuh3NYCluqEl+6B35eGm0nDTKXwQBJgnDjugLeYF/Nu/z7Rppdn6N+ig4GkjH9HZ/pX4kmSpH8WMc9FxNn+sTa8NkeLVYBxUoWQcZ5cf/+yXL8HgsRlbOdmN6+3K6E2sCoV+LX5v9+DiISLdrd3EG+i6Kw9mYTCV/xbgojE4wsk3kIUK5dK6M5k6rVo9jXKaNJeBRgAr5/l039biuYAAAAASUVORK5CYII=);
  width: 16px;
  height: 16px;
  margin-right: 2px;
  vertical-align: bottom;
}

.ru-irenproject-mainScreen-nextButton {
  margin-left: 8px;
}

.ru-irenproject-mainScreen-nextButton::after, .ru-irenproject-questionScore-nextButton::after {
  content: "";
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa9JREFUeNqkU79Lw0AU/lLTqIViHURw6KK4KhwObk4idnDSQbo4ufZPcHR0ESyIIMZJEQdx6OLgJFgHBQUVB7da2mr6K8ldLt5da4y1gtAPXt69y73v/brTfN9HL9DlZ2rzDpqmBZuJkZFgLfazQl0yxkxGKajjKHFtGw8bMy2CTtTe3zEYj3+ZpC0SZufZSDcCGalhWUpLSS+OEaEz8P30vwgkPMbg1Osq3Y8PD+lUklDX/UWiShCNzIbS/CbxPCW2zVAoMKymxsn+yX2m3XgzIBBRyNrKNKnVGOS/r8m01kCl4goSD09PFMsLk+Tw9DYgUQSyo5ZFUSw6QXRXlFBtNNFoNkFFH2QmEs+vfZibTZLcxWPmm0AcMowIEgkDlPt4synKnIPFDPDBKCwRveZwRTAxGsPZ+U1ejHcrXEJ+O5v787IMLc2TQoNjYiiCq+Occo7295vhJq5zzn85yjrFNK5L+gASw8DLwVHL2TDMH1PoBi5qdkRpEnFxSUu7pnLWQ85/EniiafVqNbDLO3st52jU7PoWOmFVKmEzL99Cn66b3c5qvb7GCHrEpwADAFa055IUHoYRAAAAAElFTkSuQmCC);
  width: 16px;
  height: 16px;
  margin-left: 2px;
  vertical-align: bottom;
}

.ru-irenproject-mainScreen-finishWorkButton {
  margin-left: auto;
}

.ru-irenproject-mainScreen-currentResultCaption {
  margin-left: auto;
}

.ru-irenproject-mainScreen-currentResult {
  font-weight: bold;
  min-width: 4em;
}

.ru-irenproject-mainScreen-timePanel {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.ru-irenproject-mainScreen-timePanel > * {
  flex: none;
}

.ru-irenproject-mainScreen-timeIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlZJREFUeNqkU0tLG1EUvjORFJPMw6mhTUgxy75EUxiJj6CGLKQV0o2IQd3pxp2bbPs/3MVCIHSRgC3uXBhCSErjtLRkK7TcNCYhk4eGPHvO6AwjXXrgu/fOOff77plzz2VGoxF5iI3hEA6HCcuyxGKxEIZhOMBLcHsAwt0+FfAbDvsFaA4GAzIcDkkqlboVMNlzB8+vzgUCq3N+v+xyOl3opFdXNJfN5nPn52dNVT0DV/FeBjpZcjrfR/b3Dzwul0e02ciPiwsyPTtLptxur7C25n0xMzMfPzoSypQmdREWB0iLt3NcKLK3dzAhSR5+fFxT/JbPG+row9g2HABZhpBjCMA/vZYDgRVOFD02q5WwDKOROp2OIYA+jDlgz8Ly8gpyDIF+v++d9vlkXDdubshlpaKhWCwaawTGsHg+WZaRY9QAPiYEUXyinzY1OanNzWbTWGv7gPynViO4FzlmARavcWgivw2FSDAYJDubm4TjOA0Oh4O8WVwk80tLGscsoLZUtWwThGf6afFEgmxvbZGP8biRAbac2u2S60ajjByjBr1e7/JrJqOMQSNhmmiCJGlknHVAAckjuI1cOq0gx3wLyudkMt1ttejgTkAXMRsWkO106KdEIo0cQwAC9b+l0umHaPRYrVaphWX/63n0XasqjR4eHlNKT5FzrxPBoXxXFEtkY6Ozs7u78G59/dVTt/sxdkSJ0uqXk5OfsVgsU6lUUjzPKzqPwdfo8/lIF4pTr9dJu92WID0/tjZAv8MKti48tqzdbq+JUAsrNFWhULgVeIj9E2AAamUckFr2UCoAAAAASUVORK5CYII=);
  width: 16px;
  height: 16px;
}

.ru-irenproject-mainScreen-timeBox {
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
  margin-left: 6px;
}

.ru-irenproject-mainScreen-timeLabel {
  position: relative;
  width: 6em;
  font-family: monospace;
  text-align: center;
}

.ru-irenproject-mainScreen-timeProgress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #99ccff;
}

.ru-irenproject-finishWorkDialog {
  bottom: 0;
  right: 0;
}

.ru-irenproject-yesNoDialog {
  position: fixed;
  padding: 20px;
  background-color: inherit;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}

.ru-irenproject-yesNoDialog button {
  margin-top: 16px;
  margin-left: 8px;
  margin-right: 8px;
}

.ru-irenproject-flow {
  white-space: pre-wrap;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffffff;
  word-wrap: break-word;
}

.ru-irenproject-flow-image {
  vertical-align: middle;
}

.ru-irenproject-flowArea {
  border-style: solid;
  border-width: 1px;
  margin-bottom: 16px;
}

.ru-irenproject-selectArea-choice {
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
  margin-bottom: 16px;
}

.ru-irenproject-selectArea-choice-flow {
  flex: auto;
  overflow: hidden;
}

.ru-irenproject-selectArea:not(.ru-irenproject-area-readOnly) .ru-irenproject-selectArea-choice-flow {
  cursor: pointer;
}

.ru-irenproject-selectArea-checkbox {
  flex: none;
  margin-top: 0;
  margin-right: 8px;
}

.ru-irenproject-selectArea-checkbox:checked + .ru-irenproject-selectArea-choice-flow {
  background-color: #99ccff;
}

.ru-irenproject-inputArea {
  display: flex;
  align-items: baseline;
}

.ru-irenproject-inputArea-label {
  flex: none;
  font-weight: bold;
}

.ru-irenproject-inputArea-inputBox {
  flex: auto;
  margin-left: 8px;
}

.ru-irenproject-matchArea {
  position: relative;
}

.ru-irenproject-matchArea-item {
  position: absolute;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
}

.ru-irenproject-matchArea:not(.ru-irenproject-area-readOnly) .ru-irenproject-matchArea-draggableItem {
  cursor: move;
}

.ru-irenproject-matchArea-container {
  position: absolute;
  background-color: #d0d0d0;
  border-style: solid;
}

.ru-irenproject-matchArea-link {
  position: absolute;
  height: 0;
  border-style: solid;
}

.ru-irenproject-matchArea-divider {
  position: absolute;
  width: 0;
  border-style: solid;
  top: 0;
  bottom: 0;
  color: #a0a0a0;
}

.dnd-dragging {
  visibility: hidden;
}

.dnd-drag-occurring {
  cursor: move;
}

.dnd-over {
  background-color: #b3ff80 !important;
}

.ru-irenproject-orderArea {
  position: relative;
}

.ru-irenproject-orderArea-item {
  position: absolute;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
}

.ru-irenproject-orderArea:not(.ru-irenproject-area-readOnly) .ru-irenproject-orderArea-item {
  cursor: move;
}

.ru-irenproject-orderArea-container {
  position: absolute;
  background-color: #d0d0d0;
  border-style: solid;
}

.ru-irenproject-orderArea-label {
  position: absolute;
  padding-right: 12px;
  font-size: larger;
}

.ru-irenproject-orderArea-divider {
  position: absolute;
  width: 0;
  border-style: solid;
  top: 0;
  bottom: 0;
  color: #a0a0a0;
}

.ru-irenproject-classifyArea {
  position: relative;
}

.ru-irenproject-classifyArea-item {
  position: absolute;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
}

.ru-irenproject-classifyArea:not(.ru-irenproject-area-readOnly) .ru-irenproject-classifyArea-item {
  cursor: move;
}

.ru-irenproject-classifyArea-container {
  background-color: #d0d0d0;
  border-style: solid;
  margin-top: 25px;
}

.ru-irenproject-classifyArea-categoryTitle {
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.ru-irenproject-classifyArea-divider {
  position: absolute;
  width: 0;
  border-style: solid;
  top: 0;
  bottom: 0;
  color: #a0a0a0;
}

.ru-irenproject-scoreScreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-color: #f0f0f0;
  padding: 12px;
  display: flex;
  flex-direction: column;
}

.ru-irenproject-scoreScreen-scoreUnavailablePanel {
  display: flex;
}

.ru-irenproject-scoreScreen-pageSelector {
  flex: none;
  display: flex;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #808080;
  margin-bottom: 16px;
}

.ru-irenproject-scoreScreen-pageHeader {
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: #808080;
  padding: 2px 6px;
  margin-right: 12px;
  overflow: hidden;
}

.ru-irenproject-scoreScreen-pageHeader-selected {
  background-color: #99ccff;
}

.ru-irenproject-scoreScreen-pageHeader:not(.ru-irenproject-scoreScreen-pageHeader-selected) {
  cursor: pointer;
}

.ru-irenproject-scoreScreen-closeButton {
  flex: none;
  margin-left: auto;
  cursor: pointer;
}

.ru-irenproject-scoreScreen-closeButton-normal {
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkRJREFUeNqkU8Fr03AU/po0TTpb66BrdRuuTHZSKUM3JwNXNi87e1A86JTB/oLBDh704KleBEE6hwx30X/AOVakDOtA6KkHD52yiThcO1zaLs2aNPH3flmCAW978IXf73vv+/LyeAnYto2TRJAemYdFRCJRxGJnoCjhlCAIc4yeZhg6rqswrFqWldP11raqHqDZbKDwetwxcIMVzAg4ymaGI/Hrl0+ht8dJ/6qa6c3yYbpQas2ymnlGLfs6cMVhSc8t3B8Ipc6F4Hxah+fOJwMYOBvF2CU5/nRpJ6daFlwTgR6GYaQsU8suzPSF+nsETDwowjRNH4ijHNVQLWk8g0ajOTc1Gov3J0SM3F5HvV7H6J28J6YzcZSjmsmRWJw0nkGrpU9PjSWoE3x5e5PuHMO3PnC497WXV7G19Q3XLipc4xlYljCU6u2iObBuGiiuTBDnw6c3N7C3VwWNJtktco03xGCwC7CpkyOoaoMbce6fqNX+MC7EzzZ7r5vnHSjK6Urlh4bDwzZEMYS7j/aJ84E4SVI4dmuOxjMIh7tXN0oGLRHuPdbozrGxnOZw75STZQWbZUfjGchyNFcoBWpVNYz84gVmFMN6bpBtm8FBZ+Lyi4PY3ZfxuSzVSOMZiKK03TaV+WcrZruyY+H9iyQ0zWbfqXDQmbiv3y08f4c21ZLGt4m0WdUDG09e6dnMFSs+npbQlxD4cH9WOyiu6SiUjJqm275VDtDKTs7+5sM7Dtqw//5MDNQ2f3On08bHpaRjcJL4K8AA464ovJBN7doAAAAASUVORK5CYII=);
}

.ru-irenproject-scoreScreen-closeButton-restart {
  align-self: center;
  font-size: smaller;
  color: #0000ee;
}

.ru-irenproject-scoreScreen-pageContainer {
  flex: auto;
  overflow: hidden;
  display: flex;
}

.ru-irenproject-scoreScreen-pageContainer > * {
  flex: 1;
}

.ru-irenproject-scoreScreen-creditsPanel {
  flex: none;
  font-size: smaller;
  padding-top: 4px;
}

.ru-irenproject-scoreScreen-creditsPanel > a {
  text-decoration: none;
}

.ru-irenproject-scoreScreen-creditsPanel > a:not(:hover) {
  color: #707070;
}

.ru-irenproject-scoreScreen-creditsPanel > :not(:first-child) {
  margin-left: 3em;
}

.ru-irenproject-testScore-overall {
  display: flex;
  overflow: auto;
  align-items: flex-start;
}

.ru-irenproject-testScore-chart {
  flex: none;
  margin-right: 16px;
}

.ru-irenproject-testScore-table td:first-child {
  white-space: nowrap;
  text-align: right;
  color: #707070;
}

.ru-irenproject-testScore-table td {
  font-size: 150%;
  vertical-align: top;
}

.ru-irenproject-testScore-table-mainRow td {
  font-size: 200%;
  font-weight: bold;
}

.ru-irenproject-testScore-table-divider td {
  padding-top: 24px;
}

.ru-irenproject-questionScore {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ru-irenproject-questionScore-topPanel {
  flex: none;
  margin-bottom: 12px;
}

.ru-irenproject-questionScore-responseSelector {
  flex: none;
  display: flex;
}

.ru-irenproject-questionScore-responseHeader {
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  padding: 2px 6px;
  margin-right: 12px;
  overflow: hidden;
}

.ru-irenproject-questionScore-responseHeader-selected {
  background-color: #99ccff;
}

.ru-irenproject-questionScore-responseHeader:not(
    .ru-irenproject-questionScore-responseHeader-selected) {
  cursor: pointer;
}

.ru-irenproject-questionScore-questionContainer {
  flex: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #e8e8e8;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  padding: 16px;
}

.ru-irenproject-questionScore-detailsPanel {
  flex: none;
  margin-top: 12px;
  white-space: nowrap;
}

.ru-irenproject-questionScore-detailsPanel > span {
  display: inline-block;
  font-weight: bold;
}

.ru-irenproject-questionScore-result {
  min-width: 4em;
}

.ru-irenproject-questionScore-weight {
  min-width: 4em;
}

.ru-irenproject-questionScore-score {
  min-width: 5em;
}

.ru-irenproject-questionScore-bottomPanel {
  flex: none;
  display: flex;
  white-space: nowrap;
  align-items: center;
  margin-top: 12px;
}

.ru-irenproject-questionScore-previousButton {
  flex: none;
}

.ru-irenproject-questionScore-nextButton {
  flex: none;
  margin-left: 8px;
  margin-right: 64px;
}

.ru-irenproject-questionScore-sectionListCaption {
  font-size: smaller;
}

.ru-irenproject-questionScore-sectionList {
  min-width: 0;
}

.ru-irenproject-sectionScore {
  overflow: auto;
  background-color: #ffffff;
  padding: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}

.ru-irenproject-sectionScore-table {
  border-collapse: collapse;
  white-space: nowrap;
}

.ru-irenproject-sectionScore-table td {
  padding: 2px;
}

.ru-irenproject-sectionScore-table td:not(:first-child) {
  text-align: right;
  padding-left: 1em;
}

.ru-irenproject-sectionScore-table > thead {
  font-weight: bold;
}

.ru-irenproject-sectionScore-table > tbody > tr:hover {
  background-color: #99ccff;
}

.ru-irenproject-sectionScore-selectable {
  cursor: pointer;
}

.ru-irenproject-selectorBar {
  display: flex;
}

.ru-irenproject-selectorBar-label {
  flex: none;
  box-sizing: border-box;
  white-space: nowrap;
}

.ru-irenproject-selectorBar-label-currentItem {
  font-weight: bold;
}

.ru-irenproject-selectorBar-diagram {
  flex: auto;
  display: flex;
  margin-left: 8px;
}

.ru-irenproject-selectorBar-diagram-item {
  flex: auto;
  margin-left: 1px;
  margin-right: 1px;
  position: relative;
}

.ru-irenproject-selectorBar-diagram-currentItem::after {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f0f0;
  outline-style: solid;
  outline-width: 2px;
  outline-color: #800000;
}

.ru-irenproject-selectorBar-diagram:not(.ru-irenproject-selectorBar-diagram-disabled)
    .ru-irenproject-selectorBar-diagram-item:not(.ru-irenproject-selectorBar-diagram-currentItem) {
  cursor: pointer;
}

.ru-irenproject-curtain {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 0.4;
}