/* Тесты.ДуДу2 — тёплая палитра (жёлто-оранжевая), белый фон, 760px, без CSS variables */

body {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #3a2a1a;
  background-color: #ffffff;
  text-align: left;
}

/* IE6: ячейка align=center снаружи тянет center на весь контент */
table.retro-shell,
table.retro-shell td.retro-pagebody,
table.retro-shell td.retro-topgrad,
table.retro-shell td.retro-menubar {
  text-align: left;
}

table.retro-shell td.retro-footerbar {
  text-align: center;
}

.retro-shell {
  border-left: 1px solid #c9955c;
  border-right: 1px solid #c9955c;
  border-top: 1px solid #f0a038;
  border-bottom: 1px solid #b07a3a;
  background-color: #ffffff;
}

.retro-topgrad {
  background-color: #f0a038;
  padding: 12px 14px;
  border-bottom: 1px solid #c77818;
}

.retro-logo {
  font-size: 22px;
  font-weight: bold;
  color: #fffef8;
  font-family: Tahoma, Verdana, sans-serif;
}

.retro-dot {
  color: #fff9c4;
}

.retro-tagline {
  font-size: 11px;
  color: #fff8e8;
}

.retro-menubar {
  background-color: #ffe9c9;
  border-bottom: 1px solid #e4b873;
}

.retro-navcell {
  border-right: 1px solid #f0d2a8;
}

a.retro-navlink {
  color: #6b3d0c;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  padding: 2px 6px;
}

a.retro-navlink:hover {
  color: #c24a00;
  text-decoration: underline;
}

a.retro-navhere {
  background-color: #ffffff;
  border: 1px solid #e4a84a;
}

.retro-user {
  font-size: 11px;
  color: #5c3d20;
  margin-right: 8px;
}

.retro-pagebody {
  padding: 14px;
  background-color: #ffffff;
  vertical-align: top;
}

.retro-footerbar {
  background-color: #fff0d8;
  border-top: 1px solid #f5d4a8;
}

.retro-footnote {
  font-size: 10px;
  color: #6b5340;
}

.retro-panel {
  background-color: #ffffff;
  border: 1px solid #e8b876;
  margin-bottom: 14px;
}

.retro-panel-title {
  background-color: #e88820;
  color: #fffef9;
  font-weight: bold;
  padding: 6px 10px;
  border-bottom: 1px solid #c46a0a;
  font-size: 14px;
}

.retro-panel-body {
  padding: 12px;
}

.retro-btn {
  padding: 4px 12px;
  margin: 2px 4px 2px 0;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #3a2510;
  background-color: #fff6e8;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #c9a060;
  border-bottom: 1px solid #a67a3a;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.retro-btn-wide {
  display: block;
  width: 96%;
  text-align: center;
}

.retro-action-grid td {
  vertical-align: top;
}

.retro-btn:hover {
  background-color: #ffeed0;
  color: #c24a00;
}

a.retro-btn:hover {
  color: #c24a00;
}

.retro-btn-primary {
  background-color: #ffb84d;
  color: #4a2800;
}

.retro-input, .retro-textarea, .retro-select {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 12px;
  border: 1px solid #d4a574;
  padding: 3px 5px;
  background-color: #ffffff;
}

.retro-lbl {
  font-weight: bold;
  color: #5c3d1e;
  display: block;
  margin-top: 8px;
  margin-bottom: 3px;
}

.retro-alert {
  border: 1px solid;
  padding: 8px;
  margin: 8px 0;
}

.retro-alert-ok {
  background-color: #f0ffe8;
  border-color: #7daa55;
}

.retro-alert-err {
  background-color: #ffe8e8;
  border-color: #cc6666;
}

.retro-alert-info {
  background-color: #fff9e6;
  border-color: #ddc44a;
}

.retro-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

.retro-table th {
  background-color: #f0a038;
  color: #fffef9;
  padding: 6px;
  border: 1px solid #c77818;
}

.retro-table td {
  padding: 5px;
  border: 1px solid #ecd4b0;
}

.retro-card {
  background: #ffffff;
  border: 1px solid #eec896;
  margin-bottom: 12px;
  vertical-align: top;
}

.retro-card-pad {
  padding: 10px;
}

.retro-h1 {
  font-size: 20px;
  color: #b85c08;
  margin: 0 0 8px 0;
}

.retro-h2 {
  font-size: 16px;
  color: #b85c08;
  margin: 12px 0 8px 0;
}

.retro-h3 {
  font-size: 14px;
  color: #a05006;
  margin: 10px 0 6px 0;
}

.retro-dialog {
  display: none;
  width: 700px;
  background-color: #fffef8;
  border: 2px solid #d49848;
}

.retro-dialog-hd {
  background-color: #f0a038;
  color: #fffef9;
  font-weight: bold;
  padding: 8px 10px;
  border-bottom: 1px solid #c77818;
}

.retro-dialog-bd {
  padding: 10px;
}

.retro-dialog-ft {
  padding: 8px;
  border-top: 1px solid #f0d4a8;
  text-align: right;
  background: #fff4e4;
}

.dudu-wrap {
  border: 1px solid #e0b878;
  background: #ffffff;
  margin-bottom: 6px;
  text-align: left;
  width: 99%;
}

.dudu-toolbar {
  background: #fff2d8;
  padding: 4px;
  border-bottom: 1px solid #f0d0a0;
}

.dudu-tb-btn {
  font-size: 11px;
  margin-right: 2px;
  padding: 2px 6px;
  font-weight: bold;
  font-family: Tahoma, sans-serif;
}

.dudu-editable {
  min-height: 120px;
  height: 120px; /* IE6: нет min-height — явная высота */
  width: 99%;
  padding: 8px;
  font-size: 13px;
  overflow: auto;
  text-align: left;
  background-color: #ffffff;
}

.question-block {
  margin-bottom: 16px;
  padding: 10px;
  border: 1px dashed #e8c090;
  background: #fffaf5;
}

.question-text-display {
  font-size: 13px;
  line-height: 1.5;
}

.question-text-display p {
  margin: 0.4em 0;
}

.question-text-display ul,
.question-text-display ol {
  margin: 0.4em 0;
  padding-left: 1.4em;
}

.preformatted {
  font-family: 'Courier New', Courier, monospace;
  white-space: pre-wrap;
  background-color: #fffaf3;
  padding: 10px;
  border: 1px solid #ecd4b0;
}

.inline-form td {
  padding: 2px 4px;
}

.sp8 {
  margin-top: 8px;
}

.sp12 {
  margin-top: 12px;
}

.mid {
  text-align: center;
}

.small {
  font-size: 11px;
  color: #6b5a48;
}

/* Совместимость со старыми классами Bootstrap в take_test / test_results */
.text-muted {
  color: #7a6a58;
}

.card.rounded-large, .card {
  background: #ffffff;
  border: 1px solid #e8b876;
  margin-bottom: 14px;
}

.card-header {
  background-color: #f0a038;
  color: #fffef9;
  font-weight: bold;
  padding: 8px 12px;
  border-bottom: 1px solid #c77818;
}

.card-body {
  padding: 12px;
}

.card-footer {
  padding: 8px 12px;
  background: #fff4e4;
  border-top: 1px solid #f0d4a8;
}

.alert {
  border: 1px solid;
  padding: 10px;
  margin: 8px 0;
  border-radius: 0;
}

.alert-success {
  background-color: #f4ffe8;
  border-color: #8aba60;
  color: #2d4010;
}

.alert-danger {
  background-color: #ffe8e8;
  border-color: #c95555;
  color: #4a1515;
}

.alert-info {
  background-color: #fff9e8;
  border-color: #e0b040;
  color: #4a3608;
}

.alert-warning {
  background-color: #fff3d8;
  border-color: #d49430;
  color: #523208;
}

.mb-3 { margin-bottom: 12px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }
.text-center { text-align: center; }
.d-grid { margin-top: 12px; }
.ms-2 { margin-left: 8px; }
.form-label {
  font-weight: bold;
  color: #5c3d1e;
  display: block;
  margin: 6px 0 3px;
}
.form-text { font-size: 11px; }
.form-check { margin: 8px 0; }
.form-check-label { margin-left: 4px; }
.row { }
.col-md-12 { }
.h-100 { height: 100%; }
.test-card { }
.rounded-large { }