ul li {
  list-style-type: none;
}
span.nr,
span.bez,
span.bez2 {
  display: inline-block;
  padding: 10px;
}
span.nr {
  width: 100px;
  text-align: right;
}
span.short {
  width: 100px;
  text-align: left;
}
span.bez {
  width: 250px;
}
span.bez2 {
  width: 200px;
}
ul.level2 {
  padding-left: 60px;
  display: none;
}
.changeform {
}
.nc2pmapform {
  padding-left: 30px;
  padding-right: 30px;
}
.fancybox-slide--iframe .fancybox-content {
  width: 800px;
  height: 800px;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
}
ul {
  padding-left: 0px;
}
li.del,
li.del span {
  text-decoration: line-through !important;
}
li.new,
li.new span {
  color: #26bd26;
}
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
  min-height: 400px;
}
input[type="text"],
input[type="email"],
select {
  width: 640px;
}
textarea {
  width: 640px;
  resize: both;
}
textarea#mailtext,
textarea#tooltext {
  height: 250px;
}
label {
  width: 260px;
  vertical-align: top;
}
form div {
  margin-bottom: 20px;
}
.login input {
  width: 300px;
}

.navbar-collapse {
  align-items: flex-start;
}

.navbar-nav {
  align-items: center;
}

.logininfo {
  text-align: right;

  font-size: 0.8em;

  margin: 0 1.2rem 0 auto;
  color: #546e8a;
}

.loginbox {
  display: inline-block;
  min-width: 260px;
  max-width: 360px;
  padding: 12px 16px;
  border: 1px solid #d8e0e8;
  background: #f8fafc;
  text-align: left;
  line-height: 1.35;
}

.loginbox-label {
  font-size: 0.86em;
  color: #6b7785;
  margin-bottom: 4px;
}

.loginbox-type {
  font-weight: 700;
  color: #26323f;
  margin-bottom: 2px;
}

.loginbox-title {
  font-weight: 700;
  color: #26323f;
  margin-bottom: 3px;
}

.loginbox-meta {
  color: #546e8a;
  margin-bottom: 6px;
  word-break: break-word;
}

.loginbox-link {
  display: inline-block;
  margin-top: 3px;
}

.app-top-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  column-gap: 36px;
  align-items: start;
  margin-bottom: 34px;
}

.app-main {
  min-width: 0;
}

.app-aside {
  display: flex;
  justify-content: flex-end;
}

.app-aside .loginbox {
  width: 100%;
}

.app-utility-row {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 34px 0;
}

.app-utility-row .loginbox {
  width: 300px;
}

.login-form-row {
  display: grid;
  grid-template-columns: 100px 300px 120px 300px auto;
  align-items: center;
  column-gap: 12px;
  max-width: 920px;
}

.login-form-row label {
  width: auto;
  margin: 0;
}

.login-form-row input[type="text"],
.login-form-row input[type="password"] {
  width: 300px;
  box-sizing: border-box;
}

.login-form-row button {
  min-height: 34px;
  padding: 4px 10px;
}

.isv-intro {
  max-width: 900px;
  margin: 0 0 34px 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #e1e1e1;
}

.app-top-layout .isv-intro {
  margin-bottom: 0;
}

.isv-intro h1 {
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 18px;
}

.isv-intro p {
  max-width: 920px;
  font-size: 1.05rem;
  line-height: 1.55;
  margin-bottom: 12px;
}

.isv-intro-compact {
  padding-bottom: 18px;
}

.school-bg-section {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 34px;
  padding-top: 34px;
  border-top: 1px solid #e1e1e1;
}

.school-bg-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.school-bg-header h4 {
  margin: 0;
}

.school-bg-header .btn {
  margin-left: auto;
  white-space: nowrap;
}

.school-bg-help {
  max-width: 900px;
  margin: 0 0 8px 0;
}

.isv-intro-compact h1 {
  margin-bottom: 0;
}

.school-detail-meta {
  margin: 0 0 28px 0;
  line-height: 1.45;
}

.release-panel {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin: 24px 0 18px 0;
}

.release-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px !important;
}

.release-panel-disabled .release-button {
  opacity: 0.65;
  cursor: not-allowed;
}

.release-alert {
  max-width: 620px;
  padding: 10px 14px;
  border: 1px solid #d9534f;
  background: #fff5f5;
  color: #b52b27;
  font-weight: 700;
}

.release-alert-success {
  max-width: 620px;
  padding: 12px 14px;
  border: 1px solid #7bc67b;
  background: #f3fbf3;
  color: #278227;
  font-weight: 700;
}

.release-alert-success .release-button {
  margin-top: 12px;
}

.release-alert-button {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
}

.canton-status-panel {
  max-width: 720px;
  margin: 28px 0 28px 0;
  padding: 14px 16px;
  border: 1px solid #d8e0e8;
  background: #f8fafc;
  line-height: 1.45;
}

.canton-status-label {
  color: #6b7785;
  font-size: 0.86em;
  margin-bottom: 4px;
}

.canton-status-message {
  font-weight: 700;
}

.canton-status-notes {
  margin-top: 10px;
}

.canton-status-actions {
  margin-top: 12px;
}

.canton-status-0,
.canton-status-3 {
  border-color: #d9534f;
  background: #fff5f5;
  color: #b52b27;
}

.canton-status-1,
.canton-status-2 {
  border-color: #b9d7ff;
  background: #f4f9ff;
  color: #0056b3;
}

.canton-status-4 {
  border-color: #ffd76a;
  background: #fff9e8;
  color: #8a6400;
}

.canton-status-7 {
  border-color: #7bc67b;
  background: #f3fbf3;
  color: #278227;
}

.nc2pmap select {
  width: 150px;
  margin-right: 30px;
}
.nc2pmap label {
  width: auto;
  margin-right: 30px;
}

.tabinput {
  width: 50px;

  margin-right: 10px;

  text-align: right;
}

.container {
  /* margin-bottom: 500px;*/
}
footer .container {
  margin-bottom: 0px;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
.desc {
  color: #bbb;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

#myTable2 td span {
  text-align: left !important;
}

a.button.delete {
  color: #ff0000;
}

input.admintoggle.toggletab {
  display: none;
}
.togglespan {
  display: none;
}
span.admintoggle.togglespan {
  display: inline-block;
}
.formstat {
  display: none;
}

.formstat.activestat {
  display: block;
}
span.error {
  color: #ff0000;
  display: block;
  margin-bottom: 30px;
}
span.success {
  color: #3d833d;
  display: block;
  margin-bottom: 30px;
}
.stathelper span {
  width: 55px;
  display: inline-block;
}
.stathelper {
  width: 180px;
  display: inline-block;
}
.statheader div {
  display: none;
}
#stathelp {
  display: none;
  white-space: pre-line;
}
a.size.labelsize {
  text-decoration: underline;
}
a.status.labelstat {
  text-decoration: underline;
}

div.areatext {
  display: inline-block;
}
.zwischentitel {
  text-decoration: underline;
}
ul.ktliste li {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
}
.fschule {
  display: block;
}
.fbereich {
  display: inline-block;
  width: 220px;
  overflow-x: hidden;
}
.fFR {
  display: inline-block;
  width: 180px;
  overflow-x: hidden;
  padding-right: 10px;
}
.ffunktion {
  display: inline-block;
  width: 380px;
  overflow-x: hidden;
  padding-right: 10px;
}
.fVR {
  display: inline-block;
  width: 620px;
  overflow-x: hidden;
  vertical-align: bottom;
}
.ftitle {
  display: inline-block;
  vertical-align: bottom;
}
.fstatus {
  display: inline-block;
  width: 100px;
  overflow-x: hidden;
}
.fsemester {
  display: inline-block;
  width: 120px;
  overflow-x: hidden;
}
.fmodus {
  display: inline-block;
  width: 120px;
  overflow-x: hidden;
}
.semester {
  display: inline-block;
  width: 80px;
  overflow-x: hidden;
}
.fbeitrag_semster {
  display: inline-block;
  width: 120px;
  overflow-x: hidden;
}
.fbeitrag_total {
  display: inline-block;
  width: 120px;
  overflow-x: hidden;
}

.fheader {
  text-decoration: underline;
  font-size: 0.8em;
}
.active {
  background-color: #ffffff;
  color: #fff;
  padding: 3px;
}
li.delx span {
  color: #ccc !important;
}
#groesse,
#fschule {
  width: 300px;
  margin-right: 30px;
}
.filterbez {
  display: inline-block;
  margin-right: 30px;
}
#formsc {
  margin-top: 30px;
  margin-bottom: 30px;
}

#title.head {
  padding: 5px;
  padding-left: 5px;
  background-color: #546e8a;
  color: #ffffff;
  font-size: 16px;
}
.labelschule {
  display: inline-block;
  width: 700px;
}
.labelkanton {
  display: inline-block;
  width: 80px;
}
.labelkantonbez {
  display: inline-block;
  width: 300px;
}
.labelstatus {
  display: inline-block;
  width: 150px;
}

.institution-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 28px 0 12px;
}

.institution-list-header h4 {
  margin: 0;
}

.institution-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.institution-list .listeinst {
  display: grid;
  grid-template-columns: minmax(340px, 1.5fr) minmax(170px, 0.75fr) 110px 150px;
  column-gap: 28px;
  align-items: start;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid #c8c8c8;
}

.institution-list .institution-list-head {
  padding-top: 0;
  border-bottom-color: #b8b8b8;
}

.institution-list .labelschule,
.institution-list .labelstatus,
.institution-list .editlink,
.institution-list .bblink {
  display: block;
  width: auto;
}

.institution-list .editlink,
.institution-list .bblink {
  white-space: nowrap;
}

.berstatus {
  padding: 10px;
  display: inline-block;
}
.berantrag {
  padding: 10px;
  display: inline-block;
}
.berantragstellen {
  padding: 10px;
  display: inline-block;
}
.editlink,
.bblink {
  padding-right: 10px;
  display: inline-block;
}
.editlink {
  width: 120px;
}

button {
  border: none !important;
}

form {
  display: inline-block;
}
.formcomment,
.formdwl {
  display: none;
}

#langselect {
  float: right;
}

#navtop ul,
#langselect ul {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 10px;
  margin-left: 40px;
  padding-left: 0px;
}
#navtop ul li,
#langselect ul li {
  float: left;
  list-style-type: none;
  margin-top: 0px;
  padding-top: 0px;
}
#langselect ul li a:link,
#langselect ul li a:visited {
  color: #666666;
  font-size: 11.2px;
  text-decoration: none;
}

#langselect li.active a {
  font-weight: bold;
}

#navtop ul li,
#langselect ul li {
  list-style-type: none;
}

.listeinst {
  border-bottom: 1px solid #bbb;
  padding-top: 10px;
  padding-bottom: 10px;
}

.schooltyp {
  font-weight: bold;
  margin-bottom: 4px;
}

.schoolabteilung {
  margin-top: -8px;
}

.schoolinfo {
  margin-bottom: 4px;
}

/* style6.css | http://hbv-test.kostenerhebung-hf.ch/style6.css */

.fbereich {
  /* width: 220px; */
  width: 460px;
  margin-right: 20px;
  vertical-align: top;
}

.fmeta {
  display: inline-block;
  width: 180px;
  margin-right: 20px !important;
  vertical-align: top;
  overflow-x: hidden;
}

.fsemester {
  /* width: 120px; */
  width: 80px;
  margin-right: 20px !important;
  vertical-align: top;
}
.fzahlstelle {
  /* width: 120px; */
  width: 100px;
  margin-right: 20px !important;
  vertical-align: top;
}
.fmodus {
  /* width: 120px; */
  width: 80px;
  vertical-align: top;
  margin-right: 20px !important;
}

.fheader {
  margin-right: 20px;
}

/* bootstrap.min.css | https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css */

@media (min-width: 1200px) {
  .container {
    /* max-width: 1140px; */
    max-width: 1320px;
  }
}

/* Inline #4 | http://hbv-test.kostenerhebung-hf.ch/?bildungsgaenge=1 */

.stat4.berantragstellen.btn-warning {
  position: relative;
  right: 0px;
}

/* Inline #4 | http://hbv-test.kostenerhebung-hf.ch/?bildungsgaenge=1 */

.stat4.berantrag.btn-primary {
  position: relative;
  right: 0px;
}

/* Inline #4 | http://hbv-test.kostenerhebung-hf.ch/?bildungsgaenge=1 */

.stat1.berantragstellen.btn-warning {
  position: relative;
  right: 0px;
}

/* Inline #4 | http://hbv-test.kostenerhebung-hf.ch/?bildungsgaenge=1 */

.stat2.berantrag,
.stat1.berantrag.btn-primary {
  position: relative;
  right: 0px;
}
.btns select {
  width: 150px !important;
}

.btn-transparent {
  border: 1px solid;
  text-align: center;
}

.btns {
  margin-top: 30px;
  margin-right: 20px;
}

.bercancel {
  width: 200px;
}
.btn-neu {
  margin-bottom: 20px;
}

/* Element | http://hbv-test.kostenerhebung-hf.ch/?bildungsgaenge=1&bb=1&id=H35FSR8LJA2MG4YXC9IEPN7WO */

/* Element | http://hbv-test.kostenerhebung-hf.ch/index.php?phase=2&kt=AR */

h4.bg {
  display: inline-block;
}

/* style6.css | http://hbv-test.kostenerhebung-hf.ch/style6.css */

.ktliste {
  margin-bottom: 40px;
}

.phase {
  display: inline-block !important;
  width: 200px;
  font-weight: normal;
  text-align: center;
  margin-right: 20px;
}

.ktliste {
  text-align: left;
}
.ktliste a {
  padding-left: 10px;
  padding-right: 10px;
}

/* style6.css | http://hbv-test.kostenerhebung-hf.ch/style6.css */

.fzahlstelle {
  /* width: 100px; */
  width: 100px !important;
  display: inline-block;
}

.fschule {
  background-color: #eee;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
}

ul.bgliste,
.bgliste {
  clear: both;
  margin: 0;
  padding: 0;
}

ul.bgliste li.bg-offer-card,
.bgliste .bg-offer-card {
  background: #fff;
  border: 0;
  border-top: 1px solid #d8dde3;
  margin: 0;
  padding: 28px 0 30px 0 !important;
  width: 100%;
  box-sizing: border-box;
  box-shadow: none;
}

.canton-bg-list {
  width: 100%;
  max-width: 1280px;
}

.canton-bg-toolbar {
  width: 100%;
  max-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 20px 0;
}

.canton-bg-toolbar .phase {
  margin-left: auto;
  max-width: 260px;
  text-align: right;
}

.bg-list-content {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(135px, 0.7fr) minmax(420px, 2.2fr) minmax(145px, 0.75fr) minmax(190px, 0.9fr) minmax(140px, 0.7fr);
  column-gap: 20px;
  row-gap: 12px;
  align-items: start;
}

.bg-list-content .fschule {
  grid-column: 1 / -1;
  margin: 0;
}

.bg-list-content .fbereich,
.bg-list-content .fmeta,
.bg-list-content .fmodus,
.bg-list-content .fsemester,
.bg-list-content .fzahlstelle {
  width: auto !important;
  display: block;
  overflow: visible;
  min-width: 0;
}

.bg-list-content .fmeta { grid-column: 1; }
.bg-list-content .fbereich { grid-column: 2; }
.bg-list-content .fsemester { grid-column: 3; }
.bg-list-content .fmodus { grid-column: 4; }
.bg-list-content .fzahlstelle { grid-column: 5; }

.bg-list-content .fheader {
  color: #555;
  font-size: 0.86em;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid #bbb;
  padding-bottom: 4px;
}

.bg-list-content .fbereich:not(.fheader) {
  line-height: 1.45;
}

.bg-list-content .fmeta:not(.fheader) {
  line-height: 1.45;
}

.bg-list-content .fmodus:not(.fheader),
.bg-list-content .fsemester:not(.fheader),
.bg-list-content .fzahlstelle:not(.fheader) {
  font-size: 1.05em;
}

.bg-payment-overview {
  grid-column: 1 / -1;
  margin-top: 20px;
}

.bg-payment-overview .zuweisungen {
  margin-top: 8px;
}

.opendwl,
.formdwl {
  display: none !important;
}

.bg-list-actions {
  display: grid !important;
  grid-template-columns: 210px minmax(0, 1fr) auto;
  justify-content: stretch;
  align-items: flex-start;
  column-gap: 12px;
  margin-top: 18px;
  margin-bottom: 12px;
  padding-top: 14px;
  border-top: 1px solid #dedede;
  width: 100%;
  box-sizing: border-box;
}

.bg-list-actions .btns {
  display: grid !important;
  grid-column: 3;
  grid-template-columns: 210px 210px;
  align-items: start;
  gap: 12px;
  margin: 0 !important;
  justify-content: end;
  min-width: 432px !important;
}

.bg-list-actions .bg-edit-action {
  grid-column: 1;
  justify-self: start;
  width: 210px;
  margin-left: 0;
}

.bg-list-actions .bg-edit-action:empty {
  display: none;
}

.bg-list-actions .btns form {
  display: block;
}

.bg-list-actions .btns .bg-primary-action {
  grid-column: 1;
}

.bg-list-actions .btns .bg-secondary-action {
  grid-column: 2;
}

.bg-list-actions .btns br {
  display: none;
}

.bg-list-actions .btns > .berantrag.btn-transparent {
  grid-column: 2;
  justify-self: end;
  width: 210px;
}

.bg-list-actions .btns .bg-comment-action {
  grid-column: 1 / 3;
  justify-self: start;
  margin-top: -4px;
}

.bg-list-actions .btns .bg-cancel-form {
  grid-column: 2;
  justify-self: end;
  margin-top: 0;
  text-align: center;
  width: 210px;
}

.bg-list-actions .btns .bg-cancel-form button {
  min-height: auto;
  width: auto !important;
  padding: 4px 0;
}

.formcomment.bg-comment-form {
  clear: both;
  width: 432px;
  max-width: 100%;
  margin: 12px 24px 22px auto !important;
  text-align: left;
}

.formcomment.bg-comment-form form {
  display: block;
}

.formcomment.bg-comment-form textarea {
  width: 100% !important;
  min-height: 96px;
}

.bg-list-actions .btns .formcomment.bg-comment-form {
  grid-column: 1 / 3;
  justify-self: end;
  width: 432px;
  margin: 10px 0 0 0 !important;
}

.bg-list-actions .btns .formcomment.bg-comment-form button {
  width: auto !important;
  min-height: 0 !important;
  padding: 8px 12px !important;
  margin-top: 6px;
}

.bg-list-actions .btns .formcomment.bg-comment-form form,
.bg-list-actions .btns .formcomment.bg-comment-form form > div {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.bg-list-actions .btns .formcomment.bg-comment-form #bemerkungen,
.bg-list-actions .btns .formcomment.bg-comment-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.btns div.changeform {
  display: none;
}

.btns button {
  width: 210px;
  min-height: 68px;
}

.bg-edit-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 210px;
  min-height: 68px;
  padding: 10px !important;
  margin: 0 !important;
  text-align: center;
}

del,
ins {
  background-color: #f7f1a0;
}

/* Inline #4 | http://hbv-test.kostenerhebung-hf.ch/index.php?phase=2&kt=AR */

.meldungfrist {
  width: 300px;
  padding: 10px;
  color: #ff0000;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 0px;
}

/* Inline #4 | http://hbv-test.kostenerhebung-hf.ch/?phase=2 */

.meldung {
  display: block;
  margin-top: 10px;
}

/* style6.css | http://hbv-test.kostenerhebung-hf.ch/style6.css */

.meldungfrist {
  /* border: 1px solid #f00; */
}

/* Element | http://hbv-test.kostenerhebung-hf.ch/index.php?phase=2&kt=AR */

div.container:nth-child(4) {
  position: relative;
}

/*****************************************/
.btn-default.btn-inverse {
  color: #fff;
  background-color: #333;
  border-color: #fff;
}
.btn-default.btn-inverse:focus,
.btn-default.btn-inverse.focus {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #bfbfbf;
}
.btn-default.btn-inverse:hover {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #e0e0e0;
}
.btn-default.btn-inverse:active,
.btn-default.btn-inverse.active,
.open > .btn-default.btn-inverse.dropdown-toggle {
  color: #fff;
  background-color: #1a1a1a;
  background-image: none;
  border-color: #e0e0e0;
}
.btn-default.btn-inverse:active:hover,
.btn-default.btn-inverse:active:focus,
.btn-default.btn-inverse:active.focus,
.btn-default.btn-inverse.active:hover,
.btn-default.btn-inverse.active:focus,
.btn-default.btn-inverse.active.focus,
.open > .btn-default.btn-inverse.dropdown-toggle:hover,
.open > .btn-default.btn-inverse.dropdown-toggle:focus,
.open > .btn-default.btn-inverse.dropdown-toggle.focus {
  color: #fff;
  background-color: #080808;
  border-color: #bfbfbf;
}
.btn-default.btn-inverse.disabled:hover,
.btn-default.btn-inverse.disabled:focus,
.btn-default.btn-inverse.disabled.focus,
.btn-default.btn-inverse[disabled]:hover,
.btn-default.btn-inverse[disabled]:focus,
.btn-default.btn-inverse[disabled].focus,
fieldset[disabled] .btn-default.btn-inverse:hover,
fieldset[disabled] .btn-default.btn-inverse:focus,
fieldset[disabled] .btn-default.btn-inverse.focus {
  background-color: #333;
  border-color: #fff;
}
.btn-default.btn-inverse .badge {
  color: #333;
  background-color: #fff;
}
.btn-default.btn-inverse:hover {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.btn-inverse:hover:focus,
.btn-default.btn-inverse:hover.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default.btn-inverse:hover:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.btn-inverse:hover:active,
.btn-default.btn-inverse:hover.active,
.open > .btn-default.btn-inverse:hover.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default.btn-inverse:hover:active:hover,
.btn-default.btn-inverse:hover:active:focus,
.btn-default.btn-inverse:hover:active.focus,
.btn-default.btn-inverse:hover.active:hover,
.btn-default.btn-inverse:hover.active:focus,
.btn-default.btn-inverse:hover.active.focus,
.open > .btn-default.btn-inverse:hover.dropdown-toggle:hover,
.open > .btn-default.btn-inverse:hover.dropdown-toggle:focus,
.open > .btn-default.btn-inverse:hover.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.btn-inverse:hover.disabled:hover,
.btn-default.btn-inverse:hover.disabled:focus,
.btn-default.btn-inverse:hover.disabled.focus,
.btn-default.btn-inverse:hover[disabled]:hover,
.btn-default.btn-inverse:hover[disabled]:focus,
.btn-default.btn-inverse:hover[disabled].focus,
fieldset[disabled] .btn-default.btn-inverse:hover:hover,
fieldset[disabled] .btn-default.btn-inverse:hover:focus,
fieldset[disabled] .btn-default.btn-inverse:hover.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.btn-inverse:hover .badge {
  color: #fff;
  background-color: #333;
}
.btn-default.btn-transparent {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-default.btn-transparent:focus,
.btn-default.btn-transparent.focus {
  color: #fff;
  background-color: transparent;
  border-color: #bfbfbf;
}
.btn-default.btn-transparent:hover {
  color: #fff;
  background-color: transparent;
  border-color: #e0e0e0;
}
.btn-default.btn-transparent:active,
.btn-default.btn-transparent.active,
.open > .btn-default.btn-transparent.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #e0e0e0;
}
.btn-default.btn-transparent:active:hover,
.btn-default.btn-transparent:active:focus,
.btn-default.btn-transparent:active.focus,
.btn-default.btn-transparent.active:hover,
.btn-default.btn-transparent.active:focus,
.btn-default.btn-transparent.active.focus,
.open > .btn-default.btn-transparent.dropdown-toggle:hover,
.open > .btn-default.btn-transparent.dropdown-toggle:focus,
.open > .btn-default.btn-transparent.dropdown-toggle.focus {
  color: #fff;
  background-color: transparent;
  border-color: #bfbfbf;
}
.btn-default.btn-transparent.disabled:hover,
.btn-default.btn-transparent.disabled:focus,
.btn-default.btn-transparent.disabled.focus,
.btn-default.btn-transparent[disabled]:hover,
.btn-default.btn-transparent[disabled]:focus,
.btn-default.btn-transparent[disabled].focus,
fieldset[disabled] .btn-default.btn-transparent:hover,
fieldset[disabled] .btn-default.btn-transparent:focus,
fieldset[disabled] .btn-default.btn-transparent.focus {
  background-color: transparent;
  border-color: #fff;
}
.btn-default.btn-transparent .badge {
  color: transparent;
  background-color: #fff;
}
.btn-default.btn-transparent:hover {
  color: #fff;
  background-color: #bfbfbf;
  border-color: #fff;
}
.btn-default.btn-transparent:hover:focus,
.btn-default.btn-transparent:hover.focus {
  color: #fff;
  background-color: #a6a6a6;
  border-color: #bfbfbf;
}
.btn-default.btn-transparent:hover:hover {
  color: #fff;
  background-color: #a6a6a6;
  border-color: #e0e0e0;
}
.btn-default.btn-transparent:hover:active,
.btn-default.btn-transparent:hover.active,
.open > .btn-default.btn-transparent:hover.dropdown-toggle {
  color: #fff;
  background-color: #a6a6a6;
  background-image: none;
  border-color: #e0e0e0;
}
.btn-default.btn-transparent:hover:active:hover,
.btn-default.btn-transparent:hover:active:focus,
.btn-default.btn-transparent:hover:active.focus,
.btn-default.btn-transparent:hover.active:hover,
.btn-default.btn-transparent:hover.active:focus,
.btn-default.btn-transparent:hover.active.focus,
.open > .btn-default.btn-transparent:hover.dropdown-toggle:hover,
.open > .btn-default.btn-transparent:hover.dropdown-toggle:focus,
.open > .btn-default.btn-transparent:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #949494;
  border-color: #bfbfbf;
}
.btn-default.btn-transparent:hover.disabled:hover,
.btn-default.btn-transparent:hover.disabled:focus,
.btn-default.btn-transparent:hover.disabled.focus,
.btn-default.btn-transparent:hover[disabled]:hover,
.btn-default.btn-transparent:hover[disabled]:focus,
.btn-default.btn-transparent:hover[disabled].focus,
fieldset[disabled] .btn-default.btn-transparent:hover:hover,
fieldset[disabled] .btn-default.btn-transparent:hover:focus,
fieldset[disabled] .btn-default.btn-transparent:hover.focus {
  background-color: #bfbfbf;
  border-color: #fff;
}
.btn-default.btn-transparent:hover .badge {
  color: #bfbfbf;
  background-color: #fff;
}

.btn-primary.btn-inverse {
  color: #337ab7;
  background-color: #fff;
  border-color: #337ab7;
}
.btn-primary.btn-inverse:focus,
.btn-primary.btn-inverse.focus {
  color: #337ab7;
  background-color: #e6e6e6;
  border-color: #183854;
}
.btn-primary.btn-inverse:hover {
  color: #337ab7;
  background-color: #e6e6e6;
  border-color: #265a88;
}
.btn-primary.btn-inverse:active,
.btn-primary.btn-inverse.active,
.open > .btn-primary.btn-inverse.dropdown-toggle {
  color: #337ab7;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #265a88;
}
.btn-primary.btn-inverse:active:hover,
.btn-primary.btn-inverse:active:focus,
.btn-primary.btn-inverse:active.focus,
.btn-primary.btn-inverse.active:hover,
.btn-primary.btn-inverse.active:focus,
.btn-primary.btn-inverse.active.focus,
.open > .btn-primary.btn-inverse.dropdown-toggle:hover,
.open > .btn-primary.btn-inverse.dropdown-toggle:focus,
.open > .btn-primary.btn-inverse.dropdown-toggle.focus {
  color: #337ab7;
  background-color: #d4d4d4;
  border-color: #183854;
}
.btn-primary.btn-inverse.disabled:hover,
.btn-primary.btn-inverse.disabled:focus,
.btn-primary.btn-inverse.disabled.focus,
.btn-primary.btn-inverse[disabled]:hover,
.btn-primary.btn-inverse[disabled]:focus,
.btn-primary.btn-inverse[disabled].focus,
fieldset[disabled] .btn-primary.btn-inverse:hover,
fieldset[disabled] .btn-primary.btn-inverse:focus,
fieldset[disabled] .btn-primary.btn-inverse.focus {
  background-color: #fff;
  border-color: #337ab7;
}
.btn-primary.btn-inverse .badge {
  color: #fff;
  background-color: #337ab7;
}
.btn-primary.btn-inverse:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary.btn-inverse:hover:focus,
.btn-primary.btn-inverse:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary.btn-inverse:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary.btn-inverse:hover:active,
.btn-primary.btn-inverse:hover.active,
.open > .btn-primary.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.btn-primary.btn-inverse:hover:active:hover,
.btn-primary.btn-inverse:hover:active:focus,
.btn-primary.btn-inverse:hover:active.focus,
.btn-primary.btn-inverse:hover.active:hover,
.btn-primary.btn-inverse:hover.active:focus,
.btn-primary.btn-inverse:hover.active.focus,
.open > .btn-primary.btn-inverse:hover.dropdown-toggle:hover,
.open > .btn-primary.btn-inverse:hover.dropdown-toggle:focus,
.open > .btn-primary.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.btn-inverse:hover.disabled:hover,
.btn-primary.btn-inverse:hover.disabled:focus,
.btn-primary.btn-inverse:hover.disabled.focus,
.btn-primary.btn-inverse:hover[disabled]:hover,
.btn-primary.btn-inverse:hover[disabled]:focus,
.btn-primary.btn-inverse:hover[disabled].focus,
fieldset[disabled] .btn-primary.btn-inverse:hover:hover,
fieldset[disabled] .btn-primary.btn-inverse:hover:focus,
fieldset[disabled] .btn-primary.btn-inverse:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary.btn-inverse:hover .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-primary.btn-transparent {
  color: #337ab7;
  background-color: transparent;
  border-color: #337ab7;
}
.btn-primary.btn-transparent:focus,
.btn-primary.btn-transparent.focus {
  color: #337ab7;
  background-color: transparent;
  border-color: #183854;
}
.btn-primary.btn-transparent:hover {
  color: #337ab7;
  background-color: transparent;
  border-color: #265a88;
}
.btn-primary.btn-transparent:active,
.btn-primary.btn-transparent.active,
.open > .btn-primary.btn-transparent.dropdown-toggle {
  color: #337ab7;
  background-color: transparent;
  background-image: none;
  border-color: #265a88;
}
.btn-primary.btn-transparent:active:hover,
.btn-primary.btn-transparent:active:focus,
.btn-primary.btn-transparent:active.focus,
.btn-primary.btn-transparent.active:hover,
.btn-primary.btn-transparent.active:focus,
.btn-primary.btn-transparent.active.focus,
.open > .btn-primary.btn-transparent.dropdown-toggle:hover,
.open > .btn-primary.btn-transparent.dropdown-toggle:focus,
.open > .btn-primary.btn-transparent.dropdown-toggle.focus {
  color: #337ab7;
  background-color: transparent;
  border-color: #183854;
}
.btn-primary.btn-transparent.disabled:hover,
.btn-primary.btn-transparent.disabled:focus,
.btn-primary.btn-transparent.disabled.focus,
.btn-primary.btn-transparent[disabled]:hover,
.btn-primary.btn-transparent[disabled]:focus,
.btn-primary.btn-transparent[disabled].focus,
fieldset[disabled] .btn-primary.btn-transparent:hover,
fieldset[disabled] .btn-primary.btn-transparent:focus,
fieldset[disabled] .btn-primary.btn-transparent.focus {
  background-color: transparent;
  border-color: #337ab7;
}
.btn-primary.btn-transparent .badge {
  color: transparent;
  background-color: #337ab7;
}
.btn-primary.btn-transparent:hover {
  color: #337ab7;
  background-color: #183854;
  border-color: #337ab7;
}
.btn-primary.btn-transparent:hover:focus,
.btn-primary.btn-transparent:hover.focus {
  color: #337ab7;
  background-color: #0c1d2c;
  border-color: #183854;
}
.btn-primary.btn-transparent:hover:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #265a88;
}
.btn-primary.btn-transparent:hover:active,
.btn-primary.btn-transparent:hover.active,
.open > .btn-primary.btn-transparent:hover.dropdown-toggle {
  color: #337ab7;
  background-color: #0c1d2c;
  background-image: none;
  border-color: #265a88;
}
.btn-primary.btn-transparent:hover:active:hover,
.btn-primary.btn-transparent:hover:active:focus,
.btn-primary.btn-transparent:hover:active.focus,
.btn-primary.btn-transparent:hover.active:hover,
.btn-primary.btn-transparent:hover.active:focus,
.btn-primary.btn-transparent:hover.active.focus,
.open > .btn-primary.btn-transparent:hover.dropdown-toggle:hover,
.open > .btn-primary.btn-transparent:hover.dropdown-toggle:focus,
.open > .btn-primary.btn-transparent:hover.dropdown-toggle.focus {
  color: #337ab7;
  background-color: #050b10;
  border-color: #183854;
}
.btn-primary.btn-transparent:hover.disabled:hover,
.btn-primary.btn-transparent:hover.disabled:focus,
.btn-primary.btn-transparent:hover.disabled.focus,
.btn-primary.btn-transparent:hover[disabled]:hover,
.btn-primary.btn-transparent:hover[disabled]:focus,
.btn-primary.btn-transparent:hover[disabled].focus,
fieldset[disabled] .btn-primary.btn-transparent:hover:hover,
fieldset[disabled] .btn-primary.btn-transparent:hover:focus,
fieldset[disabled] .btn-primary.btn-transparent:hover.focus {
  background-color: #183854;
  border-color: #337ab7;
}
.btn-primary.btn-transparent:hover .badge {
  color: #183854;
  background-color: #337ab7;
}

.btn-success.btn-inverse {
  color: #5cb85c;
  background-color: #fff;
  border-color: #5cb85c;
}
.btn-success.btn-inverse:focus,
.btn-success.btn-inverse.focus {
  color: #5cb85c;
  background-color: #e6e6e6;
  border-color: #2d672d;
}
.btn-success.btn-inverse:hover {
  color: #5cb85c;
  background-color: #e6e6e6;
  border-color: #419641;
}
.btn-success.btn-inverse:active,
.btn-success.btn-inverse.active,
.open > .btn-success.btn-inverse.dropdown-toggle {
  color: #5cb85c;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #419641;
}
.btn-success.btn-inverse:active:hover,
.btn-success.btn-inverse:active:focus,
.btn-success.btn-inverse:active.focus,
.btn-success.btn-inverse.active:hover,
.btn-success.btn-inverse.active:focus,
.btn-success.btn-inverse.active.focus,
.open > .btn-success.btn-inverse.dropdown-toggle:hover,
.open > .btn-success.btn-inverse.dropdown-toggle:focus,
.open > .btn-success.btn-inverse.dropdown-toggle.focus {
  color: #5cb85c;
  background-color: #d4d4d4;
  border-color: #2d672d;
}
.btn-success.btn-inverse.disabled:hover,
.btn-success.btn-inverse.disabled:focus,
.btn-success.btn-inverse.disabled.focus,
.btn-success.btn-inverse[disabled]:hover,
.btn-success.btn-inverse[disabled]:focus,
.btn-success.btn-inverse[disabled].focus,
fieldset[disabled] .btn-success.btn-inverse:hover,
fieldset[disabled] .btn-success.btn-inverse:focus,
fieldset[disabled] .btn-success.btn-inverse.focus {
  background-color: #fff;
  border-color: #5cb85c;
}
.btn-success.btn-inverse .badge {
  color: #fff;
  background-color: #5cb85c;
}
.btn-success.btn-inverse:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.btn-inverse:hover:focus,
.btn-success.btn-inverse:hover.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success.btn-inverse:hover:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.btn-inverse:hover:active,
.btn-success.btn-inverse:hover.active,
.open > .btn-success.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success.btn-inverse:hover:active:hover,
.btn-success.btn-inverse:hover:active:focus,
.btn-success.btn-inverse:hover:active.focus,
.btn-success.btn-inverse:hover.active:hover,
.btn-success.btn-inverse:hover.active:focus,
.btn-success.btn-inverse:hover.active.focus,
.open > .btn-success.btn-inverse:hover.dropdown-toggle:hover,
.open > .btn-success.btn-inverse:hover.dropdown-toggle:focus,
.open > .btn-success.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.btn-inverse:hover.disabled:hover,
.btn-success.btn-inverse:hover.disabled:focus,
.btn-success.btn-inverse:hover.disabled.focus,
.btn-success.btn-inverse:hover[disabled]:hover,
.btn-success.btn-inverse:hover[disabled]:focus,
.btn-success.btn-inverse:hover[disabled].focus,
fieldset[disabled] .btn-success.btn-inverse:hover:hover,
fieldset[disabled] .btn-success.btn-inverse:hover:focus,
fieldset[disabled] .btn-success.btn-inverse:hover.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.btn-inverse:hover .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-success.btn-transparent {
  color: #5cb85c;
  background-color: transparent;
  border-color: #5cb85c;
}
.btn-success.btn-transparent:focus,
.btn-success.btn-transparent.focus {
  color: #5cb85c;
  background-color: transparent;
  border-color: #2d672d;
}
.btn-success.btn-transparent:hover {
  color: #5cb85c;
  background-color: transparent;
  border-color: #419641;
}
.btn-success.btn-transparent:active,
.btn-success.btn-transparent.active,
.open > .btn-success.btn-transparent.dropdown-toggle {
  color: #5cb85c;
  background-color: transparent;
  background-image: none;
  border-color: #419641;
}
.btn-success.btn-transparent:active:hover,
.btn-success.btn-transparent:active:focus,
.btn-success.btn-transparent:active.focus,
.btn-success.btn-transparent.active:hover,
.btn-success.btn-transparent.active:focus,
.btn-success.btn-transparent.active.focus,
.open > .btn-success.btn-transparent.dropdown-toggle:hover,
.open > .btn-success.btn-transparent.dropdown-toggle:focus,
.open > .btn-success.btn-transparent.dropdown-toggle.focus {
  color: #5cb85c;
  background-color: transparent;
  border-color: #2d672d;
}
.btn-success.btn-transparent.disabled:hover,
.btn-success.btn-transparent.disabled:focus,
.btn-success.btn-transparent.disabled.focus,
.btn-success.btn-transparent[disabled]:hover,
.btn-success.btn-transparent[disabled]:focus,
.btn-success.btn-transparent[disabled].focus,
fieldset[disabled] .btn-success.btn-transparent:hover,
fieldset[disabled] .btn-success.btn-transparent:focus,
fieldset[disabled] .btn-success.btn-transparent.focus {
  background-color: transparent;
  border-color: #5cb85c;
}
.btn-success.btn-transparent .badge {
  color: transparent;
  background-color: #5cb85c;
}
.btn-success.btn-transparent:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-success.btn-transparent:hover:focus,
.btn-success.btn-transparent:hover.focus {
  color: #5cb85c;
  background-color: #1e441e;
  border-color: #2d672d;
}
.btn-success.btn-transparent:hover:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #419641;
}
.btn-success.btn-transparent:hover:active,
.btn-success.btn-transparent:hover.active,
.open > .btn-success.btn-transparent:hover.dropdown-toggle {
  color: #5cb85c;
  background-color: #1e441e;
  background-image: none;
  border-color: #419641;
}
.btn-success.btn-transparent:hover:active:hover,
.btn-success.btn-transparent:hover:active:focus,
.btn-success.btn-transparent:hover:active.focus,
.btn-success.btn-transparent:hover.active:hover,
.btn-success.btn-transparent:hover.active:focus,
.btn-success.btn-transparent:hover.active.focus,
.open > .btn-success.btn-transparent:hover.dropdown-toggle:hover,
.open > .btn-success.btn-transparent:hover.dropdown-toggle:focus,
.open > .btn-success.btn-transparent:hover.dropdown-toggle.focus {
  color: #5cb85c;
  background-color: #132b13;
  border-color: #2d672d;
}
.btn-success.btn-transparent:hover.disabled:hover,
.btn-success.btn-transparent:hover.disabled:focus,
.btn-success.btn-transparent:hover.disabled.focus,
.btn-success.btn-transparent:hover[disabled]:hover,
.btn-success.btn-transparent:hover[disabled]:focus,
.btn-success.btn-transparent:hover[disabled].focus,
fieldset[disabled] .btn-success.btn-transparent:hover:hover,
fieldset[disabled] .btn-success.btn-transparent:hover:focus,
fieldset[disabled] .btn-success.btn-transparent:hover.focus {
  background-color: #2d672d;
  border-color: #5cb85c;
}
.btn-success.btn-transparent:hover .badge {
  color: #2d672d;
  background-color: #5cb85c;
}

.btn-info.btn-inverse {
  color: #5bc0de;
  background-color: #fff;
  border-color: #5bc0de;
}
.btn-info.btn-inverse:focus,
.btn-info.btn-inverse.focus {
  color: #5bc0de;
  background-color: #e6e6e6;
  border-color: #1f7e9a;
}
.btn-info.btn-inverse:hover {
  color: #5bc0de;
  background-color: #e6e6e6;
  border-color: #2aabd2;
}
.btn-info.btn-inverse:active,
.btn-info.btn-inverse.active,
.open > .btn-info.btn-inverse.dropdown-toggle {
  color: #5bc0de;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #2aabd2;
}
.btn-info.btn-inverse:active:hover,
.btn-info.btn-inverse:active:focus,
.btn-info.btn-inverse:active.focus,
.btn-info.btn-inverse.active:hover,
.btn-info.btn-inverse.active:focus,
.btn-info.btn-inverse.active.focus,
.open > .btn-info.btn-inverse.dropdown-toggle:hover,
.open > .btn-info.btn-inverse.dropdown-toggle:focus,
.open > .btn-info.btn-inverse.dropdown-toggle.focus {
  color: #5bc0de;
  background-color: #d4d4d4;
  border-color: #1f7e9a;
}
.btn-info.btn-inverse.disabled:hover,
.btn-info.btn-inverse.disabled:focus,
.btn-info.btn-inverse.disabled.focus,
.btn-info.btn-inverse[disabled]:hover,
.btn-info.btn-inverse[disabled]:focus,
.btn-info.btn-inverse[disabled].focus,
fieldset[disabled] .btn-info.btn-inverse:hover,
fieldset[disabled] .btn-info.btn-inverse:focus,
fieldset[disabled] .btn-info.btn-inverse.focus {
  background-color: #fff;
  border-color: #5bc0de;
}
.btn-info.btn-inverse .badge {
  color: #fff;
  background-color: #5bc0de;
}
.btn-info.btn-inverse:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.btn-inverse:hover:focus,
.btn-info.btn-inverse:hover.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info.btn-inverse:hover:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.btn-inverse:hover:active,
.btn-info.btn-inverse:hover.active,
.open > .btn-info.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info.btn-inverse:hover:active:hover,
.btn-info.btn-inverse:hover:active:focus,
.btn-info.btn-inverse:hover:active.focus,
.btn-info.btn-inverse:hover.active:hover,
.btn-info.btn-inverse:hover.active:focus,
.btn-info.btn-inverse:hover.active.focus,
.open > .btn-info.btn-inverse:hover.dropdown-toggle:hover,
.open > .btn-info.btn-inverse:hover.dropdown-toggle:focus,
.open > .btn-info.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.btn-inverse:hover.disabled:hover,
.btn-info.btn-inverse:hover.disabled:focus,
.btn-info.btn-inverse:hover.disabled.focus,
.btn-info.btn-inverse:hover[disabled]:hover,
.btn-info.btn-inverse:hover[disabled]:focus,
.btn-info.btn-inverse:hover[disabled].focus,
fieldset[disabled] .btn-info.btn-inverse:hover:hover,
fieldset[disabled] .btn-info.btn-inverse:hover:focus,
fieldset[disabled] .btn-info.btn-inverse:hover.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.btn-inverse:hover .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-info.btn-transparent {
  color: #5bc0de;
  background-color: transparent;
  border-color: #5bc0de;
}
.btn-info.btn-transparent:focus,
.btn-info.btn-transparent.focus {
  color: #5bc0de;
  background-color: transparent;
  border-color: #1f7e9a;
}
.btn-info.btn-transparent:hover {
  color: #5bc0de;
  background-color: transparent;
  border-color: #2aabd2;
}
.btn-info.btn-transparent:active,
.btn-info.btn-transparent.active,
.open > .btn-info.btn-transparent.dropdown-toggle {
  color: #5bc0de;
  background-color: transparent;
  background-image: none;
  border-color: #2aabd2;
}
.btn-info.btn-transparent:active:hover,
.btn-info.btn-transparent:active:focus,
.btn-info.btn-transparent:active.focus,
.btn-info.btn-transparent.active:hover,
.btn-info.btn-transparent.active:focus,
.btn-info.btn-transparent.active.focus,
.open > .btn-info.btn-transparent.dropdown-toggle:hover,
.open > .btn-info.btn-transparent.dropdown-toggle:focus,
.open > .btn-info.btn-transparent.dropdown-toggle.focus {
  color: #5bc0de;
  background-color: transparent;
  border-color: #1f7e9a;
}
.btn-info.btn-transparent.disabled:hover,
.btn-info.btn-transparent.disabled:focus,
.btn-info.btn-transparent.disabled.focus,
.btn-info.btn-transparent[disabled]:hover,
.btn-info.btn-transparent[disabled]:focus,
.btn-info.btn-transparent[disabled].focus,
fieldset[disabled] .btn-info.btn-transparent:hover,
fieldset[disabled] .btn-info.btn-transparent:focus,
fieldset[disabled] .btn-info.btn-transparent.focus {
  background-color: transparent;
  border-color: #5bc0de;
}
.btn-info.btn-transparent .badge {
  color: transparent;
  background-color: #5bc0de;
}
.btn-info.btn-transparent:hover {
  color: #5bc0de;
  background-color: #1f7e9a;
  border-color: #5bc0de;
}
.btn-info.btn-transparent:hover:focus,
.btn-info.btn-transparent:hover.focus {
  color: #5bc0de;
  background-color: #175b70;
  border-color: #1f7e9a;
}
.btn-info.btn-transparent:hover:hover {
  color: #5bc0de;
  background-color: #175b70;
  border-color: #2aabd2;
}
.btn-info.btn-transparent:hover:active,
.btn-info.btn-transparent:hover.active,
.open > .btn-info.btn-transparent:hover.dropdown-toggle {
  color: #5bc0de;
  background-color: #175b70;
  background-image: none;
  border-color: #2aabd2;
}
.btn-info.btn-transparent:hover:active:hover,
.btn-info.btn-transparent:hover:active:focus,
.btn-info.btn-transparent:hover:active.focus,
.btn-info.btn-transparent:hover.active:hover,
.btn-info.btn-transparent:hover.active:focus,
.btn-info.btn-transparent:hover.active.focus,
.open > .btn-info.btn-transparent:hover.dropdown-toggle:hover,
.open > .btn-info.btn-transparent:hover.dropdown-toggle:focus,
.open > .btn-info.btn-transparent:hover.dropdown-toggle.focus {
  color: #5bc0de;
  background-color: #114352;
  border-color: #1f7e9a;
}
.btn-info.btn-transparent:hover.disabled:hover,
.btn-info.btn-transparent:hover.disabled:focus,
.btn-info.btn-transparent:hover.disabled.focus,
.btn-info.btn-transparent:hover[disabled]:hover,
.btn-info.btn-transparent:hover[disabled]:focus,
.btn-info.btn-transparent:hover[disabled].focus,
fieldset[disabled] .btn-info.btn-transparent:hover:hover,
fieldset[disabled] .btn-info.btn-transparent:hover:focus,
fieldset[disabled] .btn-info.btn-transparent:hover.focus {
  background-color: #1f7e9a;
  border-color: #5bc0de;
}
.btn-info.btn-transparent:hover .badge {
  color: #1f7e9a;
  background-color: #5bc0de;
}

.btn-warning.btn-inverse {
  color: #f0ad4e;
  background-color: #fff;
  border-color: #f0ad4e;
}
.btn-warning.btn-inverse:focus,
.btn-warning.btn-inverse.focus {
  color: #f0ad4e;
  background-color: #e6e6e6;
  border-color: #b06d0f;
}
.btn-warning.btn-inverse:hover {
  color: #f0ad4e;
  background-color: #e6e6e6;
  border-color: #eb9316;
}
.btn-warning.btn-inverse:active,
.btn-warning.btn-inverse.active,
.open > .btn-warning.btn-inverse.dropdown-toggle {
  color: #f0ad4e;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #eb9316;
}
.btn-warning.btn-inverse:active:hover,
.btn-warning.btn-inverse:active:focus,
.btn-warning.btn-inverse:active.focus,
.btn-warning.btn-inverse.active:hover,
.btn-warning.btn-inverse.active:focus,
.btn-warning.btn-inverse.active.focus,
.open > .btn-warning.btn-inverse.dropdown-toggle:hover,
.open > .btn-warning.btn-inverse.dropdown-toggle:focus,
.open > .btn-warning.btn-inverse.dropdown-toggle.focus {
  color: #f0ad4e;
  background-color: #d4d4d4;
  border-color: #b06d0f;
}
.btn-warning.btn-inverse.disabled:hover,
.btn-warning.btn-inverse.disabled:focus,
.btn-warning.btn-inverse.disabled.focus,
.btn-warning.btn-inverse[disabled]:hover,
.btn-warning.btn-inverse[disabled]:focus,
.btn-warning.btn-inverse[disabled].focus,
fieldset[disabled] .btn-warning.btn-inverse:hover,
fieldset[disabled] .btn-warning.btn-inverse:focus,
fieldset[disabled] .btn-warning.btn-inverse.focus {
  background-color: #fff;
  border-color: #f0ad4e;
}
.btn-warning.btn-inverse .badge {
  color: #fff;
  background-color: #f0ad4e;
}
.btn-warning.btn-inverse:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.btn-inverse:hover:focus,
.btn-warning.btn-inverse:hover.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning.btn-inverse:hover:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.btn-inverse:hover:active,
.btn-warning.btn-inverse:hover.active,
.open > .btn-warning.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning.btn-inverse:hover:active:hover,
.btn-warning.btn-inverse:hover:active:focus,
.btn-warning.btn-inverse:hover:active.focus,
.btn-warning.btn-inverse:hover.active:hover,
.btn-warning.btn-inverse:hover.active:focus,
.btn-warning.btn-inverse:hover.active.focus,
.open > .btn-warning.btn-inverse:hover.dropdown-toggle:hover,
.open > .btn-warning.btn-inverse:hover.dropdown-toggle:focus,
.open > .btn-warning.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.btn-inverse:hover.disabled:hover,
.btn-warning.btn-inverse:hover.disabled:focus,
.btn-warning.btn-inverse:hover.disabled.focus,
.btn-warning.btn-inverse:hover[disabled]:hover,
.btn-warning.btn-inverse:hover[disabled]:focus,
.btn-warning.btn-inverse:hover[disabled].focus,
fieldset[disabled] .btn-warning.btn-inverse:hover:hover,
fieldset[disabled] .btn-warning.btn-inverse:hover:focus,
fieldset[disabled] .btn-warning.btn-inverse:hover.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.btn-inverse:hover .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-warning.btn-transparent {
  color: #f0ad4e;
  background-color: transparent;
  border-color: #f0ad4e;
}
.btn-warning.btn-transparent:focus,
.btn-warning.btn-transparent.focus {
  color: #f0ad4e;
  background-color: transparent;
  border-color: #b06d0f;
}
.btn-warning.btn-transparent:hover {
  color: #f0ad4e;
  background-color: transparent;
  border-color: #eb9316;
}
.btn-warning.btn-transparent:active,
.btn-warning.btn-transparent.active,
.open > .btn-warning.btn-transparent.dropdown-toggle {
  color: #f0ad4e;
  background-color: transparent;
  background-image: none;
  border-color: #eb9316;
}
.btn-warning.btn-transparent:active:hover,
.btn-warning.btn-transparent:active:focus,
.btn-warning.btn-transparent:active.focus,
.btn-warning.btn-transparent.active:hover,
.btn-warning.btn-transparent.active:focus,
.btn-warning.btn-transparent.active.focus,
.open > .btn-warning.btn-transparent.dropdown-toggle:hover,
.open > .btn-warning.btn-transparent.dropdown-toggle:focus,
.open > .btn-warning.btn-transparent.dropdown-toggle.focus {
  color: #f0ad4e;
  background-color: transparent;
  border-color: #b06d0f;
}
.btn-warning.btn-transparent.disabled:hover,
.btn-warning.btn-transparent.disabled:focus,
.btn-warning.btn-transparent.disabled.focus,
.btn-warning.btn-transparent[disabled]:hover,
.btn-warning.btn-transparent[disabled]:focus,
.btn-warning.btn-transparent[disabled].focus,
fieldset[disabled] .btn-warning.btn-transparent:hover,
fieldset[disabled] .btn-warning.btn-transparent:focus,
fieldset[disabled] .btn-warning.btn-transparent.focus {
  background-color: transparent;
  border-color: #f0ad4e;
}
.btn-warning.btn-transparent .badge {
  color: transparent;
  background-color: #f0ad4e;
}
.btn-warning.btn-transparent:hover {
  color: #f0ad4e;
  background-color: #b06d0f;
  border-color: #f0ad4e;
}
.btn-warning.btn-transparent:hover:focus,
.btn-warning.btn-transparent:hover.focus {
  color: #f0ad4e;
  background-color: #81500b;
  border-color: #b06d0f;
}
.btn-warning.btn-transparent:hover:hover {
  color: #f0ad4e;
  background-color: #81500b;
  border-color: #eb9316;
}
.btn-warning.btn-transparent:hover:active,
.btn-warning.btn-transparent:hover.active,
.open > .btn-warning.btn-transparent:hover.dropdown-toggle {
  color: #f0ad4e;
  background-color: #81500b;
  background-image: none;
  border-color: #eb9316;
}
.btn-warning.btn-transparent:hover:active:hover,
.btn-warning.btn-transparent:hover:active:focus,
.btn-warning.btn-transparent:hover:active.focus,
.btn-warning.btn-transparent:hover.active:hover,
.btn-warning.btn-transparent:hover.active:focus,
.btn-warning.btn-transparent:hover.active.focus,
.open > .btn-warning.btn-transparent:hover.dropdown-toggle:hover,
.open > .btn-warning.btn-transparent:hover.dropdown-toggle:focus,
.open > .btn-warning.btn-transparent:hover.dropdown-toggle.focus {
  color: #f0ad4e;
  background-color: #603b08;
  border-color: #b06d0f;
}
.btn-warning.btn-transparent:hover.disabled:hover,
.btn-warning.btn-transparent:hover.disabled:focus,
.btn-warning.btn-transparent:hover.disabled.focus,
.btn-warning.btn-transparent:hover[disabled]:hover,
.btn-warning.btn-transparent:hover[disabled]:focus,
.btn-warning.btn-transparent:hover[disabled].focus,
fieldset[disabled] .btn-warning.btn-transparent:hover:hover,
fieldset[disabled] .btn-warning.btn-transparent:hover:focus,
fieldset[disabled] .btn-warning.btn-transparent:hover.focus {
  background-color: #b06d0f;
  border-color: #f0ad4e;
}
.btn-warning.btn-transparent:hover .badge {
  color: #b06d0f;
  background-color: #f0ad4e;
}

.btn-danger.btn-inverse {
  color: #d9534f;
  background-color: #fff;
  border-color: #d9534f;
}
.btn-danger.btn-inverse:focus,
.btn-danger.btn-inverse.focus {
  color: #d9534f;
  background-color: #e6e6e6;
  border-color: #8b211e;
}
.btn-danger.btn-inverse:hover {
  color: #d9534f;
  background-color: #e6e6e6;
  border-color: #c12e2a;
}
.btn-danger.btn-inverse:active,
.btn-danger.btn-inverse.active,
.open > .btn-danger.btn-inverse.dropdown-toggle {
  color: #d9534f;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #c12e2a;
}
.btn-danger.btn-inverse:active:hover,
.btn-danger.btn-inverse:active:focus,
.btn-danger.btn-inverse:active.focus,
.btn-danger.btn-inverse.active:hover,
.btn-danger.btn-inverse.active:focus,
.btn-danger.btn-inverse.active.focus,
.open > .btn-danger.btn-inverse.dropdown-toggle:hover,
.open > .btn-danger.btn-inverse.dropdown-toggle:focus,
.open > .btn-danger.btn-inverse.dropdown-toggle.focus {
  color: #d9534f;
  background-color: #d4d4d4;
  border-color: #8b211e;
}
.btn-danger.btn-inverse.disabled:hover,
.btn-danger.btn-inverse.disabled:focus,
.btn-danger.btn-inverse.disabled.focus,
.btn-danger.btn-inverse[disabled]:hover,
.btn-danger.btn-inverse[disabled]:focus,
.btn-danger.btn-inverse[disabled].focus,
fieldset[disabled] .btn-danger.btn-inverse:hover,
fieldset[disabled] .btn-danger.btn-inverse:focus,
fieldset[disabled] .btn-danger.btn-inverse.focus {
  background-color: #fff;
  border-color: #d9534f;
}
.btn-danger.btn-inverse .badge {
  color: #fff;
  background-color: #d9534f;
}
.btn-danger.btn-inverse:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.btn-inverse:hover:focus,
.btn-danger.btn-inverse:hover.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger.btn-inverse:hover:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.btn-inverse:hover:active,
.btn-danger.btn-inverse:hover.active,
.open > .btn-danger.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.btn-danger.btn-inverse:hover:active:hover,
.btn-danger.btn-inverse:hover:active:focus,
.btn-danger.btn-inverse:hover:active.focus,
.btn-danger.btn-inverse:hover.active:hover,
.btn-danger.btn-inverse:hover.active:focus,
.btn-danger.btn-inverse:hover.active.focus,
.open > .btn-danger.btn-inverse:hover.dropdown-toggle:hover,
.open > .btn-danger.btn-inverse:hover.dropdown-toggle:focus,
.open > .btn-danger.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.btn-inverse:hover.disabled:hover,
.btn-danger.btn-inverse:hover.disabled:focus,
.btn-danger.btn-inverse:hover.disabled.focus,
.btn-danger.btn-inverse:hover[disabled]:hover,
.btn-danger.btn-inverse:hover[disabled]:focus,
.btn-danger.btn-inverse:hover[disabled].focus,
fieldset[disabled] .btn-danger.btn-inverse:hover:hover,
fieldset[disabled] .btn-danger.btn-inverse:hover:focus,
fieldset[disabled] .btn-danger.btn-inverse:hover.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.btn-inverse:hover .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-danger.btn-transparent {
  color: #d9534f;
  background-color: transparent;
  border-color: #d9534f;
}
.btn-danger.btn-transparent:focus,
.btn-danger.btn-transparent.focus {
  color: #d9534f;
  background-color: transparent;
  border-color: #8b211e;
}
.btn-danger.btn-transparent:hover {
  color: #d9534f;
  background-color: transparent;
  border-color: #c12e2a;
}
.btn-danger.btn-transparent:active,
.btn-danger.btn-transparent.active,
.open > .btn-danger.btn-transparent.dropdown-toggle {
  color: #d9534f;
  background-color: transparent;
  background-image: none;
  border-color: #c12e2a;
}
.btn-danger.btn-transparent:active:hover,
.btn-danger.btn-transparent:active:focus,
.btn-danger.btn-transparent:active.focus,
.btn-danger.btn-transparent.active:hover,
.btn-danger.btn-transparent.active:focus,
.btn-danger.btn-transparent.active.focus,
.open > .btn-danger.btn-transparent.dropdown-toggle:hover,
.open > .btn-danger.btn-transparent.dropdown-toggle:focus,
.open > .btn-danger.btn-transparent.dropdown-toggle.focus {
  color: #d9534f;
  background-color: transparent;
  border-color: #8b211e;
}
.btn-danger.btn-transparent.disabled:hover,
.btn-danger.btn-transparent.disabled:focus,
.btn-danger.btn-transparent.disabled.focus,
.btn-danger.btn-transparent[disabled]:hover,
.btn-danger.btn-transparent[disabled]:focus,
.btn-danger.btn-transparent[disabled].focus,
fieldset[disabled] .btn-danger.btn-transparent:hover,
fieldset[disabled] .btn-danger.btn-transparent:focus,
fieldset[disabled] .btn-danger.btn-transparent.focus {
  background-color: transparent;
  border-color: #d9534f;
}
.btn-danger.btn-transparent .badge {
  color: transparent;
  background-color: #d9534f;
}
.btn-danger.btn-transparent:hover {
  color: #d9534f;
  background-color: #8b211e;
  border-color: #d9534f;
}
.btn-danger.btn-transparent:hover:focus,
.btn-danger.btn-transparent:hover.focus {
  color: #d9534f;
  background-color: #611715;
  border-color: #8b211e;
}
.btn-danger.btn-transparent:hover:hover {
  color: #d9534f;
  background-color: #611715;
  border-color: #c12e2a;
}
.btn-danger.btn-transparent:hover:active,
.btn-danger.btn-transparent:hover.active,
.open > .btn-danger.btn-transparent:hover.dropdown-toggle {
  color: #d9534f;
  background-color: #611715;
  background-image: none;
  border-color: #c12e2a;
}
.btn-danger.btn-transparent:hover:active:hover,
.btn-danger.btn-transparent:hover:active:focus,
.btn-danger.btn-transparent:hover:active.focus,
.btn-danger.btn-transparent:hover.active:hover,
.btn-danger.btn-transparent:hover.active:focus,
.btn-danger.btn-transparent:hover.active.focus,
.open > .btn-danger.btn-transparent:hover.dropdown-toggle:hover,
.open > .btn-danger.btn-transparent:hover.dropdown-toggle:focus,
.open > .btn-danger.btn-transparent:hover.dropdown-toggle.focus {
  color: #d9534f;
  background-color: #43100f;
  border-color: #8b211e;
}
.btn-danger.btn-transparent:hover.disabled:hover,
.btn-danger.btn-transparent:hover.disabled:focus,
.btn-danger.btn-transparent:hover.disabled.focus,
.btn-danger.btn-transparent:hover[disabled]:hover,
.btn-danger.btn-transparent:hover[disabled]:focus,
.btn-danger.btn-transparent:hover[disabled].focus,
fieldset[disabled] .btn-danger.btn-transparent:hover:hover,
fieldset[disabled] .btn-danger.btn-transparent:hover:focus,
fieldset[disabled] .btn-danger.btn-transparent:hover.focus {
  background-color: #8b211e;
  border-color: #d9534f;
}
.btn-danger.btn-transparent:hover .badge {
  color: #8b211e;
  background-color: #d9534f;
}

.btn-secondary.btn-transparent {
  color: #666;
  background-color: transparent;
  border-color: #666;
}
.btn-secondary.btn-transparent:hover {
  color: #666;
  background-color: transparent;
  border-color: #666;
}

table.zuweisungen td {
  width: 60px;
  text-align: center;
  border: #bbb 1px solid;
}

div.legendebg {
  display: none;
}

/* Inline #4 | http://hbv-test.kostenerhebung-hf.ch/index.php?reports=1&rep=1&kt=BE */

.stufezeile {
  background-color: #00ffab2e;
  padding: 10px;
}

.container {
  /* margin-bottom: 500px;*/
  max-width: 1320px !important;
  min-width: 1320px !important;
}
.logininfo.container {
  width: auto !important;
  min-width: auto !important;
}

#formsc label {
  display: inline-block;
  width: 320px;
  padding-right: 16px;
  box-sizing: border-box;
  line-height: 1.35;
  vertical-align: top;
}

#formsc input[type="text"],
#formsc input[type="email"],
#formsc input[type="number"],
#formsc select,
#formsc textarea {
  width: 600px;
  max-width: 600px;
}

#formsc input.integer-field-error {
  border: 2px solid #dc3545;
  background: #fff8f8;
}

.integer-field-warning {
  display: block;
  margin: 6px 0 0 320px;
  color: #dc3545;
  font-size: 0.95rem;
  font-weight: 700;
}

.bg-list-actions .btns .formcomment.bg-comment-form form,
.bg-list-actions .btns .formcomment.bg-comment-form form > div {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.bg-list-actions .btns .formcomment.bg-comment-form #bemerkungen,
.bg-list-actions .btns .formcomment.bg-comment-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 96px;
  box-sizing: border-box;
}

.bg-list-actions .btns .formcomment.bg-comment-form button {
  width: auto !important;
  min-height: 0 !important;
  padding: 8px 12px !important;
}

.school-master-form {
  width: 1064px;
  max-width: 100%;
}

.school-master-form > div {
  display: grid;
  grid-template-columns: 280px minmax(0, 760px);
  column-gap: 24px;
  align-items: start;
  margin-bottom: 18px;
}

.school-master-form label {
  width: auto !important;
  padding-right: 0 !important;
}

.school-master-form input[type="text"],
.school-master-form input[type="email"],
.school-master-form select,
.school-master-form textarea {
  width: 760px !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.school-master-form .school-link-row span,
.school-master-form .school-link-row a {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.school-master-form .school-form-actions {
  display: block;
}

.canton-master-form {
  max-width: 1180px;
}

.canton-master-form > div {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  column-gap: 24px;
  align-items: start;
  margin-bottom: 18px;
}

.canton-master-form label {
  width: auto !important;
  padding-right: 0 !important;
}

.canton-master-form input[type="text"],
.canton-master-form input[type="email"],
.canton-master-form select,
.canton-master-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.canton-master-form .canton-billing-email-row,
.canton-billing-email-row {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 760px) !important;
  column-gap: 24px !important;
  align-items: start;
  margin: 24px 0;
  padding: 18px 20px;
  border: 2px solid #007bff;
  background: #f4f9ff;
  box-sizing: border-box;
}

.canton-master-form .canton-billing-email-row label,
.canton-billing-email-row label {
  font-weight: 700;
  line-height: 1.35;
}

.canton-billing-email-field {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.canton-billing-email-field input[type="text"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.canton-billing-email-field span {
  color: #546e8a;
  font-size: 0.92em;
  line-height: 1.35;
}

.canton-master-form .canton-message-row {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 760px) !important;
  column-gap: 24px !important;
  padding: 22px 0 8px;
  border-top: 1px solid #ddd;
}

.canton-master-form .canton-message-row label {
  grid-column: 1;
  font-weight: 700;
  line-height: 1.35;
}

.canton-master-form .canton-message-field {
  display: flex !important;
  grid-column: 2;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}

.canton-master-form .canton-message-field span {
  display: block !important;
  color: #6c757d;
  line-height: 1.4;
  margin-bottom: 10px;
}

.canton-master-form textarea#mailtext,
.canton-master-form textarea#tooltext {
  display: block !important;
  width: 100% !important;
  min-height: 260px;
  resize: vertical;
}

.canton-master-form .canton-form-actions {
  display: block;
}

.bg-editor,
.bg-contact-select {
  margin: 0 0 20px 0;
}

.bg-editor > label,
.bg-contact-select > label {
  display: inline-block;
  width: 320px;
  padding-right: 16px;
  box-sizing: border-box;
  font-weight: 700;
  vertical-align: top;
}

.bg-editor-field,
.bg-contact-field {
  display: inline-block;
  width: 600px;
  vertical-align: top;
}

.bg-editor-control {
  margin-bottom: 6px;
}

.bg-hidden-detail {
  display: none;
}

.bg-wysiwyg {
  width: 600px;
  min-height: 72px;
  box-sizing: border-box;
  border: 1px solid #8c8c9d;
  background: #fff;
  padding: 6px;
  line-height: 1.35;
  overflow: auto;
}

.bg-wysiwyg:focus {
  outline: 1px solid #007bff;
}

.bg-format-button {
  width: 34px;
  height: 30px;
  border: 1px solid #8c8c9d;
  background: #f7f7f8;
  color: #222;
  cursor: pointer;
}

.bg-format-button .bg-list-icon {
  display: inline-grid;
  grid-template-rows: repeat(3, 3px);
  gap: 3px;
  width: 18px;
  height: 15px;
  vertical-align: middle;
}

.bg-format-button .bg-list-icon span {
  position: relative;
  display: block;
  height: 3px;
  margin-left: 7px;
  background: #222;
  border-radius: 1px;
}

.bg-format-button .bg-list-icon span::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 0;
  width: 3px;
  height: 3px;
  background: #222;
  border-radius: 50%;
}

.bg-wysiwyg ul,
.fbereich ul,
.r2pdfoffer ul,
.r2table ul {
  list-style: disc outside;
  margin: 6px 0 6px 22px;
  padding-left: 18px;
}

.bg-wysiwyg ol,
.fbereich ol,
.r2pdfoffer ol,
.r2table ol {
  list-style: decimal outside;
  margin: 6px 0 6px 22px;
  padding-left: 18px;
}

.bg-wysiwyg li,
.fbereich li,
.r2pdfoffer li,
.r2table li {
  list-style: inherit;
  display: list-item;
}

.bg-list-actions .btns {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  min-width: 0 !important;
}

.bg-list-actions .btns form {
  display: inline-block !important;
  margin: 0 !important;
}

.bg-list-actions .btns br {
  display: none !important;
}

.bg-list-actions .btns .bg-comment-action,
.bg-list-actions .btns .formcomment.bg-comment-form {
  flex-basis: 100%;
}

.school-bg-section,
.school-bg-section .bgliste,
.canton-bg-list,
.canton-bg-toolbar {
  width: 100% !important;
  max-width: 100% !important;
}

.bg-list-actions {
  width: 100% !important;
  box-sizing: border-box;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.bg-list-actions .btns {
  margin-left: auto !important;
  justify-self: end !important;
  grid-column: 3 !important;
}

.school-bg-section,
.school-bg-section .bgliste,
.canton-bg-list,
.canton-bg-toolbar {
  width: 100% !important;
  max-width: 100% !important;
}

.bg-list-actions {
  width: 100% !important;
}

.bg-list-actions .btns {
  margin-left: auto !important;
  justify-self: end !important;
}

/* Final layout guard: the login aside must not constrain the Bildungsgang list. */
.app-top-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0 !important;
  align-items: start;
  position: relative;
}

.app-main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.app-aside {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start;
  width: 300px;
  max-width: 300px;
  z-index: 2;
}

.app-main > .isv-intro,
.app-main > .canton-status-panel,
.app-main > .statusbox,
.app-main > .school-head,
.app-main > .school-status,
.app-main > .school-meta {
  max-width: calc(100% - 336px) !important;
}

.school-bg-section,
.school-bg-section .bgliste,
.canton-bg-list,
.canton-bg-toolbar,
.bg-list-actions {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.bg-wysiwyg ul,
.fbereich ul,
.r2pdfoffer ul,
.r2table ul {
  list-style-position: inside !important;
  margin: 6px 0 !important;
  padding-left: 0 !important;
}

.bg-wysiwyg ol,
.fbereich ol,
.r2pdfoffer ol,
.r2table ol {
  list-style-position: inside !important;
  margin: 6px 0 !important;
  padding-left: 0 !important;
}

.bg-wysiwyg li,
.fbereich li,
.r2pdfoffer li,
.r2table li {
  margin: 0 0 4px 0 !important;
  padding-left: 0 !important;
  text-align: left;
}

.school-bg-section,
.school-bg-section .bgliste,
.canton-bg-list,
.canton-bg-toolbar {
  width: 100%;
  max-width: 100%;
}

.bg-list-actions {
  width: 100%;
}

.bg-list-actions .btns {
  margin-left: auto !important;
  justify-self: end;
}

.bg-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  max-width: 600px;
}

.bg-contact-card,
.bg-alt-contact-area {
  border: 1px solid #d6d6d6;
  background: #f7f7f7;
  padding: 12px;
}

.bg-contact-card div,
.bg-alt-contact-area div {
  margin-bottom: 6px;
}

.bg-contact-row {
  display: grid;
  grid-template-columns: 115px 1fr;
  column-gap: 8px;
}

.bg-contact-row > span:first-child {
  font-weight: 700;
}

.bg-contact-label {
  font-weight: 700;
  margin-bottom: 8px;
}

.bg-contact-type {
  color: #4f6f8f;
  font-weight: 700;
}

.bg-contact-title {
  font-weight: 700;
  margin-bottom: 6px;
}

.bg-contact-output {
  margin-top: 8px;
  line-height: 1.35;
}

.bg-contact-output div {
  margin-top: 2px;
}

.bg-switch {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-weight: 700;
  margin-bottom: 10px;
}

.bg-alt-contact-area select,
.bg-alt-contact-area input,
.bg-alt-contact-area textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.bg-existing-contact {
  background: #fff;
  border-left: 3px solid #4f6f8f;
  padding: 8px 10px;
  margin-bottom: 10px;
}

@media (max-width: 1180px) {
  .school-master-form {
    width: 100%;
  }

  .school-master-form > div {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  .school-master-form input[type="text"],
  .school-master-form input[type="email"],
  .school-master-form select,
  .school-master-form textarea {
    width: 100% !important;
  }
}

.bg-list-actions {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 16px;
  width: 100%;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #d8dde3;
}

.bg-list-actions .bg-edit-action {
  grid-column: 1;
  justify-self: start;
}

.bg-list-actions .btns {
  grid-column: 3;
  justify-self: end;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  width: auto;
  min-width: 0 !important;
  margin: 0 !important;
}

.bg-list-actions .btns .bg-comment-action,
.bg-list-actions .btns .formcomment.bg-comment-form {
  flex-basis: 100%;
}

.school-bg-section,
.school-bg-section .bgliste,
.canton-bg-list,
.canton-bg-toolbar {
  width: 100% !important;
  max-width: 100% !important;
}

.bg-list-actions {
  width: 100% !important;
}

.bg-list-actions .btns {
  margin-left: auto !important;
  justify-self: end !important;
}

/* Final layout guard: the login aside must not constrain the Bildungsgang list. */
.app-top-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0 !important;
  align-items: start;
  position: relative;
}

.app-main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.app-aside {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start;
  width: 300px;
  max-width: 300px;
  z-index: 2;
}

.app-main > .isv-intro,
.app-main > .canton-status-panel,
.app-main > .statusbox,
.app-main > .school-head,
.app-main > .school-status,
.app-main > .school-meta {
  max-width: calc(100% - 336px) !important;
}

.school-bg-section,
.school-bg-section .bgliste,
.canton-bg-list,
.canton-bg-toolbar,
.bg-list-actions {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.bg-wysiwyg ul,
.fbereich ul,
.r2pdfoffer ul,
.r2table ul {
  list-style-position: inside !important;
  margin: 6px 0 !important;
  padding-left: 0 !important;
}

.bg-wysiwyg ol,
.fbereich ol,
.r2pdfoffer ol,
.r2table ol {
  list-style-position: inside !important;
  margin: 6px 0 !important;
  padding-left: 0 !important;
}

.bg-wysiwyg li,
.fbereich li,
.r2pdfoffer li,
.r2table li {
  margin: 0 0 4px 0 !important;
  padding-left: 0 !important;
  text-align: left;
}

/* List readability: bullets need a small hanging indent, but must stay inside the column. */
.bg-wysiwyg ul,
.fbereich ul,
.r2pdfoffer ul,
.r2table ul {
  list-style: disc outside !important;
  list-style-position: outside !important;
  margin: 6px 0 !important;
  padding-left: 1.35em !important;
}

.bg-wysiwyg ol,
.fbereich ol,
.r2pdfoffer ol,
.r2table ol {
  list-style: decimal outside !important;
  list-style-position: outside !important;
  margin: 6px 0 !important;
  padding-left: 1.55em !important;
}

.bg-wysiwyg li,
.fbereich li,
.r2pdfoffer li,
.r2table li {
  margin: 0 0 4px 0 !important;
  padding-left: 0.15em !important;
  text-align: left;
}

/* Canton edit forms: reserve space for the login box in the top-right corner. */
.canton-master-form {
  width: calc(100% - 520px) !important;
  max-width: 1180px !important;
  min-width: 0 !important;
}

.canton-master-form > div,
.canton-master-form .canton-billing-email-row,
.canton-billing-email-row,
.canton-master-form .canton-message-row {
  grid-template-columns: 300px minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.canton-master-form input[type="text"],
.canton-master-form input[type="email"],
.canton-master-form select,
.canton-master-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

@media (max-width: 1180px) {
  .canton-master-form {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* School edit/create forms also need to stay clear of the login box. */
.school-master-form {
  width: calc(100% - 520px) !important;
  max-width: 1064px !important;
  min-width: 0 !important;
}

.school-master-form > div {
  grid-template-columns: 280px minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.school-master-form input[type="text"],
.school-master-form input[type="email"],
.school-master-form select,
.school-master-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

@media (max-width: 1180px) {
  .school-master-form {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* One visible card per Bildungsgang; actions belong to the same card. */
.bgliste .bg-offer-card {
  background: #f3f3f3 !important;
  border: 0 !important;
  box-sizing: border-box !important;
  margin: 0 0 34px 0 !important;
  overflow: visible !important;
  padding: 20px !important;
  width: 100% !important;
}

.bgliste .bg-offer-card + .bg-offer-card {
  border-top: 4px solid #b8c0c8 !important;
  margin-top: 34px !important;
  padding-top: 30px !important;
}

.bgliste .bg-offer-card .bg-list-actions {
  border-top: 1px solid #d8dde3 !important;
  margin: 24px -20px -20px -20px !important;
  padding: 18px 20px 20px 20px !important;
  width: 100% !important;
}