@charset "UTF-8";
body, html {
  height: 100%;
}

.page_login {
  background-color: #fff;
  position: absolute;
  margin-top: -105px;
  top: 50%;
  left: 50%;
  border: 1px solid #254768;
  border-radius: 14px;
  width: 312px;
  margin-left: -156px;
  padding: 40px 15px;
}
.page_login > div:first-of-type:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "Artflexx";
  text-shadow: 1px 1px 2px #2E6492;
  z-index: 1;
  margin-top: -45px;
  margin-left: -62px;
  padding-left: 77px;
  padding-top: 12px;
  font-size: 27px;
  color: #ed1c24;
}
.page_login input, .page_login button {
  width: 100%;
}
.page_login input[type=text] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: -1px;
}
.page_login input[type=password] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 10px;
}

.page_start {
  background: url("../../images/background.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
}
.page_start > .columns {
  width: 12.5%;
  min-width: 175px;
}
.page_start > .columns:last-child {
  width: 25%;
}
.page_start .head {
  font-size: 17px;
  height: 40px;
  vertical-align: bottom;
  margin-bottom: 0.3rem;
  width: 170px;
}
.page_start .entry {
  width: 165px;
  height: 100px;
  position: relative;
  padding: 5px;
  margin: 2px;
  display: inline-block;
  cursor: pointer;
}
.page_start .entry * {
  color: white;
  cursor: pointer;
}
.page_start .entry *:hover {
  color: white;
}
.page_start .entry > div {
  border-radius: 45px;
  border: 3px solid white;
  position: absolute;
  top: 7px;
  left: 55px;
  width: 50px;
  height: 50px;
  padding-top: 8px;
  text-align: center;
}
.page_start .entry > div .icomoon {
  font-size: 180%;
}
.page_start .entry label {
  position: absolute;
  bottom: 2px;
  left: 10px;
  right: 5px;
  font-size: 14px;
}

.page_activities .color {
  width: 100%;
  height: 19px;
}
.page_activities .cnt_fac {
  position: relative;
  height: 120px;
}
.page_activities .cnt_fac .ls-period {
  position: absolute;
  right: 40px;
  top: 2px;
  width: 120px;
}
.page_activities .cnt_fac .icon-period {
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 0;
}

.page_user_activities .date_clearer {
  display: none;
}

.page_capacity {
  height: calc(100% - 75px);
}
.page_capacity > .row:not(:first-of-type) {
  max-width: 100%;
}
.page_capacity .choose {
  display: none;
}
.page_capacity .range {
  height: 46px;
}
.page_capacity .range > * {
  display: inline-block;
}
.page_capacity .range > label {
  width: 150px;
  text-align: center;
  vertical-align: top;
  margin-top: 4px;
}
.page_capacity .activities {
  background: #eee;
  height: 85px;
  overflow-y: auto;
}
.page_capacity .activities > .columns > * {
  display: inline-block;
}
.page_capacity .activities > .columns .acti-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 15px);
}
.page_capacity .activities .color, .page_capacity .user_info .color {
  width: 15px;
  height: 15px;
  margin-top: 3px;
  border-radius: 7px;
  border: 1px solid black;
}
.page_capacity .activities .acti-name, .page_capacity .user_info .acti-name {
  vertical-align: top;
  padding-left: 5px;
}
.page_capacity .overview {
  height: calc(100% - 85px);
}
.page_capacity .overview .user_info {
  display: none;
  position: absolute;
  background: #eee;
  border: 1px solid black;
  border-radius: 5px;
  left: 0;
  top: 0;
  padding: 0.5rem;
  pointer-events: none;
}
.page_capacity .overview .user_info label {
  display: inline-block;
}
.page_capacity .overview .user_info.show {
  display: block;
}
.page_capacity .overview .user_info.question {
  pointer-events: inherit;
  width: 140px;
}
.page_capacity .overview .user_info.question label {
  cursor: pointer;
}
.page_capacity .overview .user_info.question label:hover {
  color: #ed1c24;
}
.page_capacity .overview .dates, .page_capacity .overview .employee {
  position: relative;
}
.page_capacity .overview .dates .entry_row, .page_capacity .overview .employee .entry_row {
  padding-left: 180px;
}
.page_capacity .overview .dates {
  overflow: hidden;
  width: calc(100% - 20px);
}
.page_capacity .overview .dates .entry:not(.name) label:not(.prod_calc) {
  font-weight: bold;
  height: 42px;
  font-size: 80%;
}
.page_capacity .overview .dates .entry {
  min-width: 50px;
  width: 50px;
  display: table-cell;
  padding: 2px 1px;
  vertical-align: middle;
}
.page_capacity .overview .dates .entry.name {
  min-width: 180px;
  max-width: 180px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.page_capacity .overview .dates .entry.name .middle {
  margin-bottom: 0.1rem;
}
.page_capacity .overview .dates .entry input {
  margin-bottom: 0.1rem;
}
.page_capacity .overview .dates .name {
  height: 100%;
  padding-top: 13px;
}
.page_capacity .overview .dates .name label {
  font-weight: bold;
}
.page_capacity .overview .dates .entry_row > * {
  background: white;
}
.page_capacity .overview .dates .prod_calc {
  height: 15px;
  text-align: right;
  font-weight: bold;
  font-size: 80%;
}
.page_capacity .overview .name {
  position: absolute;
  left: 0;
}
.page_capacity .overview .employee {
  height: calc(100% - 275px);
  overflow: scroll;
  min-height: 100px;
}
.page_capacity .overview .employee .entry.name {
  min-width: 180px;
  max-width: 180px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 1px;
  vertical-align: middle;
}
.page_capacity .overview .employee .entry.name > label {
  border: 1px solid transparent;
}
.page_capacity .overview .employee .entry_result {
  padding: 2px 0;
  height: 25px;
}
.page_capacity .overview .employee .entry_result > label {
  min-width: 46px;
  max-width: 46px;
  text-align: right;
  box-shadow: 0 0 0 1px #555;
  padding: 0 2px;
  margin: 0 2px;
  display: inline-block;
  vertical-align: top;
}
.page_capacity .overview .employee .entry_result > label.notiz-entry {
  box-shadow: 0 0 0 1px red;
}
.page_capacity .overview .employee .entry_result > label:hover {
  box-shadow: 0 0 0 1px blue;
}
.page_capacity .overview .employee .entry_row:nth-child(2n+1) > * {
  background: #bebebe;
}
.page_capacity .overview .employee .entry_row:nth-child(2n) > * {
  background: white;
}
.page_capacity .overview .employee .entry_row.selected {
  border: 2px solid red;
}

.page_capacity_schicht .range {
  height: 46px;
}
.page_capacity_schicht .range .jdpicker_w {
  vertical-align: top;
}
.page_capacity_schicht .range .jdpicker_w .date_clearer {
  display: none;
}
.page_capacity_schicht .range input {
  width: 150px;
  text-align: center !important;
}
.page_capacity_schicht .activitie-entry:not(:last-child) {
  border-bottom: 1px solid #254768;
}
.page_capacity_schicht .activitie-entry .color {
  width: 15px;
  height: 15px;
  margin-top: 3px;
  border-radius: 7px;
  border: 1px solid black;
}
.page_capacity_schicht .activitie-entry .acti-name {
  vertical-align: top;
  padding: 2px 0 0 5px;
}
.page_capacity_schicht .day {
  width: 8.4vw;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
}

.page_reklamation .search-result {
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 0 1px blue;
  background: white;
  z-index: 1;
}
.page_reklamation .search-result > label {
  padding: 0.25rem;
  cursor: pointer;
}
.page_reklamation .search-result > label:hover {
  color: #ed1c24;
}
.page_reklamation .attachment {
  height: 100px;
}
.page_reklamation .attachment > div:first-of-type {
  height: calc(100% - 22px);
  overflow-y: auto;
  overflow-x: hidden;
}
.page_reklamation .attachment .attach, .page_reklamation .chronik .attach {
  position: relative;
  background: lightgray;
  padding: 0.25rem 0.5rem 0 0.5rem;
  margin: 0.25rem;
}
.page_reklamation .attachment .attach label, .page_reklamation .chronik .attach label {
  text-align: left;
  display: inline-block;
  width: calc(100% - 25px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_reklamation .attachment .attach .icons-attach, .page_reklamation .chronik .attach .icons-attach {
  height: 22px;
  position: absolute;
  right: 0;
  top: 0.25rem;
}
.page_reklamation .attachment .attach .icons-attach .icomoon, .page_reklamation .chronik .attach .icons-attach .icomoon {
  font-size: 140%;
}
.page_reklamation .upload {
  position: absolute;
  top: 3px;
  right: 0;
}
.page_reklamation .chronik_head {
  position: relative;
}
.page_reklamation .chronik_head .icomoon-plus3 {
  position: absolute;
  top: 3px;
  right: 0px;
}
.page_reklamation.typ_qm .chronik {
  height: 222px;
}
.page_reklamation .chronik {
  overflow-x: auto;
  height: 174px;
}
.page_reklamation .chronik .entry {
  border-bottom: 1px dotted #254768;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.page_reklamation .chronik .entry > div:first-of-type {
  padding-left: 0.25rem !important;
  padding-top: 0.25rem !important;
  position: relative;
}
.page_reklamation .chronik .entry .options {
  position: absolute;
  background: white;
  right: 3px;
  top: 3px;
  padding-top: 0.2rem;
  box-shadow: 0 0 1px 3px #ddd;
  opacity: 0.4;
}
.page_reklamation .chronik .entry .options:hover {
  opacity: 1;
}
.page_reklamation .form_lb.middle {
  text-align: right;
}

.page_settings_columns .small-2 {
  padding-top: 150px;
}
.page_settings_columns .small-2 .icomoon {
  display: block;
}

.page_reklamationen {
  height: calc(100% - 75px);
}
.page_reklamationen .search-field {
  position: absolute;
  display: none;
  padding: 10px 10px 5px 10px;
  box-shadow: 0 0 5px gray;
  background: white;
  min-width: 200px;
  z-index: 1;
}
.page_reklamationen .search-field[search-field=typ_reklamation] {
  min-width: 300px;
}
.page_reklamationen .search-field[search-field=state] {
  min-width: 300px;
}
.page_reklamationen .search-field.date {
  min-width: 430px;
}
.page_reklamationen .search-field.date > .row {
  width: calc(100% - 20px);
  display: inline-block;
}
.page_reklamationen .search-field > input, .page_reklamationen .search-field > select {
  width: calc(100% - 40px);
  display: inline-block;
}
.page_reklamationen .search-field > .multisearch {
  width: calc(100% - 40px);
  display: inline-block;
  height: 200px;
  overflow-y: auto;
}
.page_reklamationen .search-field .icomoon {
  font-size: 170%;
  padding: 2px;
  vertical-align: top;
}
.page_reklamationen .search-field.open {
  display: inline-block;
}
.page_reklamationen .tbl-rekla {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  height: calc(100% - 105px);
}
.page_reklamationen .table_head_en > td {
  position: relative;
  vertical-align: top;
}
.page_reklamationen .table_head_en label {
  margin-bottom: 20px;
  max-height: 38px;
  overflow: hidden;
}
.page_reklamationen .table_head_en .sortable {
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 0px;
}
.page_reklamationen .table_head_en .icomoon {
  font-size: 150%;
}
.page_reklamationen .table_head_en .icomoon:not(:hover):not(.enabled) {
  color: #ddd;
}
.page_reklamationen .dataTableHeader, .page_reklamationen .dataTableData {
  table-layout: fixed;
  width: 0;
  margin-bottom: 0;
}
.page_reklamationen .dataTableData .desc {
  max-height: 19px;
}
.page_reklamationen .dataTableData .costs-table {
  padding: 0;
  max-height: 50px;
  overflow-y: auto;
}
.page_reklamationen .dataTableData .costs-table table {
  font-size: 70%;
}
.page_reklamationen .dataTableData .costs-table table tbody {
  background-color: transparent;
}
.page_reklamationen .dataTableData .costs-table table tbody tr:nth-child(even) {
  background-color: transparent;
}
.page_reklamationen .dataTableData .costs-table table tbody td {
  padding: 0.1rem;
  border: none;
}
.page_reklamationen .dataTableData .sel-desc {
  background: white;
  box-shadow: 0 0 5px grey inset;
}
.page_reklamationen .dataTableData .sel-desc > td {
  position: relative;
}
.page_reklamationen .dataTableData .sel-desc > td > div {
  position: absolute;
  padding: 5px;
  top: 0;
  left: 400px;
}
.page_reklamationen .dataTableData .sel-desc > td > div span {
  font-style: italic;
}
.page_reklamationen .dataTableData .table_evenrow_en {
  background: #f1f1f1;
}
.page_reklamationen .dataTableData .table_oddrow_en {
  background: white;
}
.page_reklamationen .tbl-scroll-data {
  height: calc(100% - 75px);
  overflow: scroll;
}
.page_reklamationen .tbl-scroll-header {
  overflow: hidden;
  overflow-y: scroll;
}
.page_reklamationen .choose {
  display: none;
}
.page_reklamationen .page {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.page_reklamationen .page .icomoon, .page_reklamationen .page select {
  vertical-align: top;
}
.page_reklamationen .page label {
  display: inline-block;
  vertical-align: top;
}
.page_reklamationen .page .buttons button {
  margin: 0 0.5rem;
}
.page_reklamationen .page > div:nth-child(1) {
  width: 300px;
  padding-top: 0.8rem;
}
.page_reklamationen .page > div:nth-child(2) {
  width: 350px;
  text-align: center;
}
.page_reklamationen .page > div:nth-child(3) {
  width: 400px;
  text-align: center;
  padding-top: 0.8rem;
}

.page_chronik .attachment {
  position: relative;
  height: 140px;
}
.page_chronik .attachment > div:first-of-type {
  height: calc(100% - 22px);
  overflow-y: auto;
  overflow-x: hidden;
}
.page_chronik .attachment > div:first-of-type .entry {
  position: relative;
  padding: 0.5rem 0;
}
.page_chronik .attachment > div:first-of-type .entry label {
  text-align: left;
  display: inline-block;
  width: calc(100% - 85px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_chronik .attachment > div:first-of-type .entry .icons-attach {
  position: absolute;
  right: 0;
  top: 0.5rem;
}
.page_chronik .attachment > div:first-of-type .entry .icons-attach .icomoon {
  font-size: 140%;
}
.page_chronik .upload {
  position: absolute;
  top: 4px;
  right: 0;
}

.page_users .cnt_act {
  position: relative;
  height: 190px;
}
.page_users .cnt_act .ls-period {
  position: absolute;
  right: 40px;
  top: 2px;
  width: 120px;
}
.page_users .cnt_act .icon-period {
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 0;
}
.page_users .cnt_act .cnt_activities {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 85px);
  margin-bottom: 0.3rem;
}
.page_users .cnt_act .cnt_activities label {
  margin-bottom: 0;
}
.page_users .sortable {
  position: relative;
}
.page_users .sortable .sorting {
  position: absolute;
  right: 0;
  top: 0;
}
.page_users .cnt_right > .row:first-of-type {
  width: calc(100% - 17px);
}
.page_users .cnt_right > .row:first-of-type label {
  font-weight: bold;
  margin: 0;
}
.page_users .cnt_rights {
  overflow-y: auto;
  overflow-x: hidden;
  height: 120px;
}
.page_users .cnt_rights .form_ckb {
  margin-left: 20px;
}
.page_users .cnt_rights * {
  margin-bottom: 0;
}

.page_planung .tabs-content {
  display: none;
}
.page_planung .dataTableData th, .page_planung .dataTableData td {
  padding: 0.2rem 0.3rem;
}
.page_planung .range > * {
  display: inline-block;
  vertical-align: top;
}
.page_planung .range > label {
  width: 250px;
  text-align: center;
  vertical-align: top;
}
.page_planung .planzahlen_month {
  background: #eee;
  padding-top: 0.3rem;
}
.page_planung .planzahlen_overview {
  background: #eee;
}
.page_planung .planzahlen_overview label {
  font-weight: bold;
}
.page_planung .planzahlen_overview .row div:nth-child(2) label {
  text-align: right;
}
.page_planung .planzahlen > * {
  overflow-y: scroll;
}
.page_planung .sortable {
  position: relative;
}
.page_planung .sortable .sorting {
  position: absolute;
  right: 0;
  top: 0;
}
.page_planung.old .new, .page_planung.old ~ * .new {
  display: none;
}
.page_planung.new .old {
  display: none;
}

.page_report {
  height: calc(100% - 75px);
}
.page_report .search > * {
  display: inline-block;
  margin: 0 0.5rem;
  vertical-align: top;
}
.page_report > div:nth-child(2) {
  height: calc(100% - 35px);
}
.page_report > div:nth-child(2) .result {
  height: calc(100% - 120px);
  overflow: scroll;
}
.page_report > div:nth-child(2) .head {
  overflow: hidden;
  width: calc(100% - 20px);
}
.page_report > div:nth-child(2) .head > div, .page_report > div:nth-child(2) .result > div {
  display: inline-flex;
  padding-left: 300px;
  position: relative;
  vertical-align: top;
}
.page_report > div:nth-child(2) .head > div .week-head, .page_report > div:nth-child(2) .result > div .week-head {
  width: 300px;
  min-width: 300px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  background: white;
}
.page_report > div:nth-child(2) .head > div .week-head .details > div, .page_report > div:nth-child(2) .result > div .week-head .details > div {
  line-height: 1;
}
.page_report > div:nth-child(2) .head > div .week-head .details label, .page_report > div:nth-child(2) .result > div .week-head .details label {
  padding: 0;
  font-size: 75%;
  display: inline-block;
}
.page_report > div:nth-child(2) .head > div .week-head .details label:nth-child(1), .page_report > div:nth-child(2) .result > div .week-head .details label:nth-child(1) {
  width: 100px;
}
.page_report > div:nth-child(2) .head > div .week-head .details label:nth-child(2), .page_report > div:nth-child(2) .result > div .week-head .details label:nth-child(2) {
  width: 55px;
}
.page_report > div:nth-child(2) .head > div .week-head .details label:nth-child(3), .page_report > div:nth-child(2) .result > div .week-head .details label:nth-child(3) {
  width: 40px;
}
.page_report > div:nth-child(2) .head > div .result-entry, .page_report > div:nth-child(2) .head > div .header-entry, .page_report > div:nth-child(2) .result > div .result-entry, .page_report > div:nth-child(2) .result > div .header-entry {
  width: 200px;
  min-width: 200px;
  display: inline-block;
}
.page_report > div:nth-child(2) .head > div .result-entry.acti, .page_report > div:nth-child(2) .head > div .header-entry.acti, .page_report > div:nth-child(2) .result > div .result-entry.acti, .page_report > div:nth-child(2) .result > div .header-entry.acti {
  width: 100px;
  min-width: 100px;
}
.page_report .week {
  border-bottom: 1px solid #254768;
  min-width: 99.99%;
}
.page_report .week:first-child {
  height: 25px;
}
.page_report .week:not(:first-child) {
  height: 120px;
}
.page_report .week .form_lb {
  padding: 0.2rem 0;
}
.page_report .week .week-head {
  border-right: 1px solid #254768;
}
.page_report .week .result-entry {
  border-left: 1px solid #254768;
}
.page_report .week .result-entry .form_lb {
  width: 33.33%;
  text-align: right;
  display: inline-block;
  padding-right: 3px;
}
.page_report .week .result-entry > div > *:nth-child(1), .page_report .week .result-entry > div > *:nth-child(3) {
  font-weight: bold;
}
.page_report .week .result-entry.acti .form_lb {
  width: 50%;
}
.page_report .head .week-head {
  border-right: 1px solid #254768;
}
.page_report .head .header-entry {
  border-left: 1px solid #254768;
}
.page_report .head .header-entry > label {
  font-weight: bold;
  text-align: center;
  height: 60px;
}
.page_report .head .header-entry > div .form_lb {
  width: 33.33%;
  text-align: center;
  display: inline-block;
  height: 60px;
  vertical-align: top;
  padding: 0 0.2rem;
}
.page_report .head .header-entry.acti > div:nth-child(2) .form_lb {
  width: 50%;
}

.page_report_ar {
  height: calc(100% - 75px);
}
.page_report_ar .list-header * {
  font-weight: bold;
  display: inline-block;
  width: 100px;
  text-align: center;
}
.page_report_ar .dropdown-pane .customer, .page_report_ar .dropdown-pane .users {
  overflow-y: auto;
  max-height: 300px;
}
.page_report_ar .result-cnt {
  height: calc(100% - 115px);
  overflow-y: auto;
}
.page_report_ar .list-header > :nth-child(6), .page_report_ar .list-result > :nth-child(6) {
  width: 110px;
}
.page_report_ar .list-header.single > :nth-child(6), .page_report_ar .list-header.single > :nth-child(7), .page_report_ar .list-result.single > :nth-child(6), .page_report_ar .list-result.single > :nth-child(7) {
  display: none;
}
.page_report_ar .list-result {
  height: 24px;
}
.page_report_ar .list-result * {
  display: inline-block;
  width: 100px;
  text-align: right;
  border-left: 1px solid #254768;
  padding: 3px;
}
.page_report_ar .list-result *:last-child {
  border-right: 1px solid #254768;
}
.page_report_ar .list-result *:nth-child(n+3) {
  border-top: 1px solid #254768;
}
.page_report_ar .list-result.year * {
  border-top: 1px solid #254768;
}
.page_report_ar .list-result > *:nth-child(1), .page_report_ar .list-result > *:nth-child(2) {
  font-weight: bold;
  text-align: center;
}
.page_report_ar .list-result.gesamt * {
  font-weight: bold;
}
.page_report_ar .list-result.gesamt *:nth-child(2) {
  border-top: 1px solid #254768;
}
.page_report_ar .list-result:last-child * {
  border-bottom: 1px solid #254768;
}

.page_umsatz_a {
  height: calc(100% - 75px);
}
.page_umsatz_a .list-header *, .page_umsatz_a .list-result * {
  width: 60px;
}
.page_umsatz_a .list-header > *:nth-child(1), .page_umsatz_a .list-result > *:nth-child(1) {
  width: 190px;
}
.page_umsatz_a .list-header * {
  font-weight: bold;
  display: inline-block;
  text-align: center;
}
.page_umsatz_a .dropdown-pane .users {
  overflow-y: auto;
  max-height: 300px;
}
.page_umsatz_a .result-cnt {
  height: calc(100% - 100px);
  overflow-y: auto;
}
.page_umsatz_a .list-result {
  height: 24px;
}
.page_umsatz_a .list-result * {
  display: inline-block;
  text-align: right;
  border-left: 1px solid #254768;
  padding: 3px;
}
.page_umsatz_a .list-result *:last-child {
  border-right: 1px solid #254768;
}
.page_umsatz_a .list-result *:nth-child(n+3) {
  border-top: 1px solid #254768;
}
.page_umsatz_a .list-result.AE label:nth-child(n+3) {
  background-color: #d3d3d3;
}
.page_umsatz_a .list-result.UM label:nth-child(n+3) {
  background-color: #ffff00;
}
.page_umsatz_a .list-result.AE > * {
  border-top: 3px solid #254768 !important;
}
.page_umsatz_a .list-result.user * {
  border-top: 1px solid #254768;
}
.page_umsatz_a .list-result.year *:nth-child(2) {
  border-top: 1px solid #254768;
}
.page_umsatz_a .list-result > *:nth-child(1), .page_umsatz_a .list-result > *:nth-child(2) {
  font-weight: bold;
  text-align: left;
}
.page_umsatz_a .list-result.gesamt * {
  font-weight: bold;
}
.page_umsatz_a .list-result.gesamt *:nth-child(2) {
  border-top: 1px solid #254768;
}
.page_umsatz_a .list-result:last-child * {
  border-bottom: 1px solid #254768;
}

.page_fertigmeldung {
  height: calc(100% - 75px);
}
.page_fertigmeldung > div:nth-child(1) > div:nth-child(1) {
  width: 400px;
}
.page_fertigmeldung > div:nth-child(1) > div:nth-child(1) .range > *, .page_fertigmeldung > div:nth-child(1) > div:nth-child(1).range > * {
  display: inline-block;
}
.page_fertigmeldung > div:nth-child(1) > div:nth-child(1) .range > label, .page_fertigmeldung > div:nth-child(1) > div:nth-child(1).range > label {
  width: 150px;
  text-align: center;
  vertical-align: top;
  margin-top: 4px;
}
.page_fertigmeldung > div:nth-child(1) > div:nth-child(1) .optionpanel {
  width: 150px;
}
.page_fertigmeldung > div:nth-child(1) .window-result {
  padding: 0.3rem 0.5rem;
  width: calc(100% - 400px);
  margin-bottom: 1rem;
  background: #eee;
}
.page_fertigmeldung > div:nth-child(1) .window-result .form_lb {
  font-weight: bold;
}
.page_fertigmeldung > div:nth-child(2) {
  height: calc(100% - 125px);
}
.page_fertigmeldung > div:nth-child(2) .result {
  height: calc(100% - 90px);
  overflow: scroll;
}
.page_fertigmeldung > div:nth-child(2) .head > div, .page_fertigmeldung > div:nth-child(2) .result > div {
  display: inline-flex;
  padding-left: 80px;
  position: relative;
  vertical-align: top;
}
.page_fertigmeldung > div:nth-child(2) .head > div .week-head, .page_fertigmeldung > div:nth-child(2) .result > div .week-head {
  width: 80px;
  min-width: 80px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: white;
}
.page_fertigmeldung > div:nth-child(2) .head > div .result-entry, .page_fertigmeldung > div:nth-child(2) .head > div .header-entry, .page_fertigmeldung > div:nth-child(2) .result > div .result-entry, .page_fertigmeldung > div:nth-child(2) .result > div .header-entry {
  width: 150px;
  min-width: 150px;
  display: inline-block;
}
.page_fertigmeldung > div:nth-child(2) .head > div .result-entry.ma, .page_fertigmeldung > div:nth-child(2) .head > div .header-entry.ma, .page_fertigmeldung > div:nth-child(2) .result > div .result-entry.ma, .page_fertigmeldung > div:nth-child(2) .result > div .header-entry.ma {
  width: 40px;
  min-width: 40px;
}
.page_fertigmeldung > div:nth-child(2) .head > div .result-entry.prod, .page_fertigmeldung > div:nth-child(2) .head > div .result-entry.arbeitszeit, .page_fertigmeldung > div:nth-child(2) .head > div .header-entry.prod, .page_fertigmeldung > div:nth-child(2) .head > div .header-entry.arbeitszeit, .page_fertigmeldung > div:nth-child(2) .result > div .result-entry.prod, .page_fertigmeldung > div:nth-child(2) .result > div .result-entry.arbeitszeit, .page_fertigmeldung > div:nth-child(2) .result > div .header-entry.prod, .page_fertigmeldung > div:nth-child(2) .result > div .header-entry.arbeitszeit {
  width: 60px;
  min-width: 60px;
}
.page_fertigmeldung > div:nth-child(2) .head > div .result-entry.desc, .page_fertigmeldung > div:nth-child(2) .head > div .header-entry.desc, .page_fertigmeldung > div:nth-child(2) .result > div .result-entry.desc, .page_fertigmeldung > div:nth-child(2) .result > div .header-entry.desc {
  width: 200px;
  min-width: 200px;
}
.page_fertigmeldung > div:nth-child(2) .head > div .result-entry.schweiss, .page_fertigmeldung > div:nth-child(2) .head > div .header-entry.schweiss, .page_fertigmeldung > div:nth-child(2) .result > div .result-entry.schweiss, .page_fertigmeldung > div:nth-child(2) .result > div .header-entry.schweiss {
  width: 100px;
  min-width: 100px;
}
.page_fertigmeldung > div:nth-child(2) .head > div .result-entry.group, .page_fertigmeldung > div:nth-child(2) .head > div .header-entry.group, .page_fertigmeldung > div:nth-child(2) .result > div .result-entry.group, .page_fertigmeldung > div:nth-child(2) .result > div .header-entry.group {
  width: 300px;
  min-width: 300px;
}
.page_fertigmeldung .week {
  border-bottom: 1px solid #254768;
  min-width: 99.99%;
}
.page_fertigmeldung .week .form_lb {
  padding: 0.2rem 0;
  height: 25px;
}
.page_fertigmeldung .week .week-head {
  border-right: 1px solid #254768;
}
.page_fertigmeldung .week .form_lb {
  text-align: right;
  padding-right: 2px;
}
.page_fertigmeldung .week .result-entry {
  border-left: 1px solid #254768;
}
.page_fertigmeldung .week .result-entry.ma .form_lb, .page_fertigmeldung .week .result-entry.ma input, .page_fertigmeldung .week .result-entry.arbeitszeit .form_lb, .page_fertigmeldung .week .result-entry.arbeitszeit input, .page_fertigmeldung .week .result-entry.prod .form_lb, .page_fertigmeldung .week .result-entry.prod input, .page_fertigmeldung .week .result-entry.desc .form_lb, .page_fertigmeldung .week .result-entry.desc input, .page_fertigmeldung .week .result-entry.schweiss .form_lb, .page_fertigmeldung .week .result-entry.schweiss input {
  width: 100%;
}
.page_fertigmeldung .week .result-entry.ma .form_lb:nth-child(1), .page_fertigmeldung .week .result-entry.ma input:nth-child(1), .page_fertigmeldung .week .result-entry.arbeitszeit .form_lb:nth-child(1), .page_fertigmeldung .week .result-entry.arbeitszeit input:nth-child(1), .page_fertigmeldung .week .result-entry.prod .form_lb:nth-child(1), .page_fertigmeldung .week .result-entry.prod input:nth-child(1), .page_fertigmeldung .week .result-entry.desc .form_lb:nth-child(1), .page_fertigmeldung .week .result-entry.desc input:nth-child(1), .page_fertigmeldung .week .result-entry.schweiss .form_lb:nth-child(1), .page_fertigmeldung .week .result-entry.schweiss input:nth-child(1) {
  border-right: none;
}
.page_fertigmeldung .week .result-entry .form_lb {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.page_fertigmeldung .week .result-entry .form_lb:not(:last-child) {
  border-right: 1px solid #254768;
}
.page_fertigmeldung .week .result-entry .form_lb:nth-child(2) {
  background: yellow;
}
.page_fertigmeldung .week .result-entry input, .page_fertigmeldung .week .result-entry textarea {
  margin: 0;
  padding: 1px 2px;
  height: auto;
  background: #eee;
}
.page_fertigmeldung .week .result-entry.group .form_lb {
  width: 21%;
}
.page_fertigmeldung .week .result-entry.group .form_lb:nth-child(3) {
  width: 37%;
}
.page_fertigmeldung.compare .week .form_lb {
  height: 40px;
  white-space: pre-line;
}
.page_fertigmeldung.compare .week > *:nth-last-child(-n+3) {
  background: #eee;
}
.page_fertigmeldung.compare .week > *:nth-last-child(-n+3) .form_lb:nth-child(2) {
  background: orange;
}
.page_fertigmeldung:not(.compare) .group.result-entry {
  background: #eee;
}
.page_fertigmeldung:not(.compare) .group.result-entry .form_lb:nth-child(2) {
  background: orange;
}
.page_fertigmeldung .head {
  overflow: hidden;
  width: calc(100% - 20px);
  height: 86px;
}
.page_fertigmeldung .head .week-head {
  border-right: 1px solid #254768;
  border-bottom: 2px solid #254768;
  text-align: center;
}
.page_fertigmeldung .head .week-head > label {
  font-weight: bold;
  text-align: center;
  height: 60px;
  border-bottom: 1px solid #254768;
}
.page_fertigmeldung .head .header-entry {
  border-left: 1px solid #254768;
  border-bottom: 2px solid #254768;
}
.page_fertigmeldung .head .header-entry > label {
  font-weight: bold;
  text-align: center;
}
.page_fertigmeldung .head .header-entry > label:nth-child(1) {
  height: 60px;
  border-bottom: 1px solid #254768;
}
.page_fertigmeldung .head .header-entry > div .form_lb {
  width: 33%;
  text-align: center;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  padding: 0 0.2rem;
}
.page_fertigmeldung .head .header-entry > div .form_lb:not(:last-child) {
  border-right: 1px solid #254768;
}
.page_fertigmeldung .head .header-entry.group > div .form_lb {
  width: 21%;
}
.page_fertigmeldung .head .header-entry.group > div .form_lb:nth-child(3) {
  width: 37%;
}
.page_fertigmeldung.activity .result .acti, .page_fertigmeldung.activity .head .acti {
  min-width: 200px !important;
  width: 200px !important;
}

.page_rahmen {
  height: calc(100% - 75px);
}
.page_rahmen > .row:nth-child(2) {
  height: calc(100% - 85px);
}
.page_rahmen > .row:nth-child(2) > .mCustomScrollbar {
  height: calc(100% - 40px);
}
.page_rahmen tbody td, .page_rahmen tbody tr {
  padding: 0.375rem 0.25rem 0.375rem 0.25rem;
}
.page_rahmen tbody td.yellow *, .page_rahmen tbody tr.yellow * {
  background-color: yellow;
}
.page_rahmen tbody td.orange *, .page_rahmen tbody tr.orange * {
  background-color: orange;
}
.page_rahmen tbody td.violett *, .page_rahmen tbody tr.violett * {
  background-color: #8800ff;
}
.page_rahmen tbody tr.arrow td:nth-child(8) .form_lb:after {
  content: "\edb9";
  font-family: "icomoon" !important;
}
.page_rahmen .head-rahmen {
  text-align: center;
}
.page_rahmen .head-rahmen > div > label {
  width: 25%;
  display: inline-block;
  text-align: left;
}
.page_rahmen .head-rahmen.two > div > label {
  width: 50%;
}
.page_rahmen.extern .overview {
  margin-top: -65px;
  margin-left: 110px;
  width: calc(100% - 110px);
}
.page_rahmen.extern > .row:nth-child(2) {
  height: 100%;
}
.page_rahmen .sortable input {
  display: inline-block;
  width: calc(100% - 40px);
}
.page_rahmen .overview {
  text-align: center;
}
.page_rahmen .overview > *:not(.float-right) {
  display: inline-block;
}
.page_rahmen .overview > div > * {
  display: inline-block;
}
.page_rahmen .overview .time {
  border: 1px solid #254768;
  box-shadow: 0 0 4px 1px #254768;
  width: 100px;
  display: inline-block;
  margin: 0.1rem 0.2rem;
  padding: 0rem 0.1rem;
}
.page_rahmen .overview .time > label {
  font-size: 25px;
  line-height: 1.3;
}
.page_rahmen .overview .time.ist {
  background: green;
}
.page_rahmen .overview .time.ist.warn {
  background: yellow;
}
.page_rahmen .overview .time.ist.crit {
  background: red;
}
.page_rahmen .head-sonder label {
  width: 25%;
  display: inline-block;
  text-align: left;
  padding: 0 5px;
}
.page_rahmen.sub_sonder.extern .head-sonder.extern label {
  width: 33.333%;
}
.page_rahmen.sub_sonder.extern .dataTableData td:nth-child(3) > div > div > * {
  width: 33.333%;
}
.page_rahmen.sub_sonder.extern .dataTableData td:nth-child(3) > div > div:nth-child(2) > *:nth-child(1) {
  width: 100%;
}
.page_rahmen.sub_sonder .dataTableHeader td:nth-child(2) .head-sonder label {
  width: 20%;
}
.page_rahmen.sub_sonder .dataTableData td:nth-child(1) {
  text-align: center;
}
.page_rahmen.sub_sonder .dataTableData td:nth-child(2) > div > div > * {
  width: 20%;
}
.page_rahmen.sub_sonder .dataTableData td:nth-child(n+2) > div:not(.row) > div:not(.row) {
  width: 100%;
}
.page_rahmen.sub_sonder .dataTableData td:nth-child(n+2) > div:not(.row) > div:not(.row) > * {
  display: inline-block;
  width: 25%;
  padding: 0 5px;
}
.page_rahmen.sub_sonder .dataTableData td:nth-child(n+2) > div:not(.row) > div:not(.row):nth-child(2) > *:nth-child(1) {
  width: 75%;
}
.page_rahmen.sub_sonder .dataTableData td:nth-child(2) > div > div > * {
  width: 20%;
}
.page_rahmen.sub_sonder .dataTableData td:nth-child(3) > div > div:nth-child(1) > *:nth-child(3) {
  text-align: right;
}
.page_rahmen.sub_verpackung .head-sonder label {
  width: 50% !important;
}
.page_rahmen.sub_verpackung .dataTableData td:nth-child(n+2) > div > div > * {
  width: 50% !important;
}
.page_rahmen.sub_rahmen.extern .head-sonder label, .page_rahmen.sub_verpackung.extern .head-sonder label {
  width: 33.333%;
}
.page_rahmen.sub_rahmen.extern .dataTableData td:nth-child(3) > div > div > *, .page_rahmen.sub_verpackung.extern .dataTableData td:nth-child(3) > div > div > * {
  width: 33.333%;
}
.page_rahmen.sub_rahmen.extern .dataTableData td:nth-child(3) > div > div:nth-child(2) > *:nth-child(1), .page_rahmen.sub_verpackung.extern .dataTableData td:nth-child(3) > div > div:nth-child(2) > *:nth-child(1) {
  width: 100%;
}
.page_rahmen.sub_rahmen.extern .dataTableData td:nth-child(2) > div > div > *, .page_rahmen.sub_verpackung.extern .dataTableData td:nth-child(2) > div > div > * {
  vertical-align: top;
  width: 33.333%;
}
.page_rahmen.sub_rahmen .dataTableData td:nth-child(1), .page_rahmen.sub_verpackung .dataTableData td:nth-child(1) {
  text-align: center;
}
.page_rahmen.sub_rahmen .dataTableData td:nth-child(n+2) > div > div, .page_rahmen.sub_verpackung .dataTableData td:nth-child(n+2) > div > div {
  width: 100%;
}
.page_rahmen.sub_rahmen .dataTableData td:nth-child(n+2) > div > div > *, .page_rahmen.sub_verpackung .dataTableData td:nth-child(n+2) > div > div > * {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  padding: 0 5px;
}
.page_rahmen.sub_rahmen .dataTableData td:nth-child(n+2) > div > div:nth-child(2) > *:nth-child(1), .page_rahmen.sub_verpackung .dataTableData td:nth-child(n+2) > div > div:nth-child(2) > *:nth-child(1) {
  width: 75%;
}
.page_rahmen.sub_rahmen .dataTableData td:nth-child(3) > div > div:nth-child(1) > *:nth-child(3), .page_rahmen.sub_verpackung .dataTableData td:nth-child(3) > div > div:nth-child(1) > *:nth-child(3) {
  text-align: right;
}

.page_leitstand {
  height: calc(100% - 75px);
}
.page_leitstand > .row:nth-child(1) {
  height: calc(100% - 20px);
}
.page_leitstand > .row:nth-child(1) > div {
  overflow-y: scroll;
  overflow-x: hidden;
}
.page_leitstand > .row:nth-child(1) > div:nth-child(2) {
  overflow-x: scroll;
  height: calc(100% - 45px);
}
.page_leitstand .head-rahmen {
  text-align: center;
}
.page_leitstand .head-rahmen > div > label {
  width: 50%;
  display: inline-block;
}
.page_leitstand .head-rahmen > div > label:nth-child(1) {
  border-right: 1px solid white;
}
.page_leitstand table {
  table-layout: fixed;
}
.page_leitstand table .table_head_en td {
  vertical-align: top;
}
.page_leitstand table .sortable input {
  display: inline-block;
  width: calc(100% - 40px);
}
.page_leitstand table .hinweis {
  background-color: yellow !important;
}
.page_leitstand table .hinweis_material {
  background-color: #f39200 !important;
}
.page_leitstand table .hinweis_both {
  background-color: #ffbf00 !important;
}
.page_leitstand tbody td, .page_leitstand tbody tr {
  padding: 0.375rem 0.25rem 0.375rem 0.25rem;
}
.page_leitstand tbody td button, .page_leitstand tbody tr button {
  margin: 0;
}
.page_leitstand .overview {
  text-align: center;
}
.page_leitstand .overview .time {
  border: 1px solid #254768;
  box-shadow: 0 0 4px 1px #254768;
  width: 150px;
  display: inline-block;
  margin: 0.3rem 1rem;
  padding: 0.3rem;
}
.page_leitstand .overview .time > label {
  font-size: 25px;
}
.page_leitstand .overview .time.ist {
  background: green;
}
.page_leitstand .overview .time.ist.warn {
  background: yellow;
}
.page_leitstand .overview .time.ist.crit {
  background: red;
}
.page_leitstand .blocked {
  color: red;
}
.page_leitstand .blocked-over {
  color: yellow;
}
.page_leitstand.sub_leitstand .openTime {
  margin-left: 1154px;
  width: 3000px;
}
.page_leitstand.sub_leitstand .openTime label {
  width: 104px;
  display: inline-block;
  text-align: right;
  font-weight: bold;
  padding: 0 4px;
}
.page_leitstand.sub_leitstand > .row:nth-child(1) > div:nth-child(2) {
  height: calc(100% - 70px);
}
.page_leitstand.sub_profilbereit {
  position: relative;
}
.page_leitstand.sub_profilbereit > .row:nth-child(1) {
  height: calc(100% - 20px);
  padding-top: 40px;
}
.page_leitstand.sub_profilbereit > .row:nth-child(1) > div:nth-child(2) {
  height: calc(100% - 50px);
}
.page_leitstand.sub_profilbereit .control {
  position: absolute;
  top: 5px;
  overflow: hidden !important;
}
.page_leitstand.sub_controlling > .row:nth-child(1) > div:nth-child(2) {
  height: calc(100% - 70px);
}
.page_leitstand.sub_controlling .dataTableData td:nth-child(n+9) {
  text-align: right;
}
.page_leitstand.sub_controlling .dataTableData td:nth-child(n+37) {
  text-align: left;
}
.page_leitstand.sub_controlling .openTime {
  margin-left: 1270px;
  width: 3000px;
}
.page_leitstand.sub_controlling .openTime label {
  width: 104px;
  display: inline-block;
  text-align: right;
  font-weight: bold;
  padding: 0 4px;
}
.page_leitstand.sub_zuschnitt .icomoon-checkmark {
  color: green;
}
.page_leitstand.sub_zuschnitt .icomoon-blocked {
  color: red;
}

.page_glas {
  height: calc(100% - 75px);
}
.page_glas > .row:nth-child(1) {
  height: calc(100% - 70px);
}
.page_glas > .row:nth-child(1) > .mCustomScrollbar {
  height: calc(100% - 20px);
}
.page_glas tbody td, .page_glas tbody tr {
  padding: 0.375rem 0.25rem 0.375rem 0.25rem;
}
.page_glas tbody td.marked *, .page_glas tbody tr.marked * {
  color: green;
}
.page_glas tbody td .form_lb, .page_glas tbody tr .form_lb {
  display: inline-block;
  cursor: pointer;
}
.page_glas tbody td .form_lb.selected, .page_glas tbody tr .form_lb.selected {
  color: green;
}
.page_glas table .sortable input {
  display: inline-block;
  width: calc(100% - 40px);
}

.page_hitliste {
  height: calc(100% - 78px);
}
.page_hitliste > .row:nth-child(2) {
  height: calc(100% - 130px);
}
.page_hitliste > .row:nth-child(2) > div {
  overflow-y: scroll;
  overflow-x: hidden;
}
.page_hitliste > .row:nth-child(2) > div:nth-child(2) {
  overflow-x: scroll;
  height: calc(100% - 85px);
}
.page_hitliste table {
  table-layout: fixed;
}
.page_hitliste table .sortable input {
  display: inline-block;
  width: calc(100% - 40px);
}
.page_hitliste .page .icomoon {
  vertical-align: top;
}
.page_hitliste .page label {
  display: inline-block;
}
.page_hitliste .result {
  padding: 0.3rem 0.5rem !important;
  background: #eee;
}
.page_hitliste .result .middle {
  margin: 0;
  padding: 0;
}
.page_hitliste tbody td {
  padding: 0.375rem 0.25rem 0.375rem 0.25rem;
}
.page_hitliste tbody td {
  width: 300px;
}
.page_hitliste .dataTableData td:nth-child(n+11) {
  text-align: right;
}
.page_hitliste .dataTableData td:nth-child(11) {
  padding: 0;
  position: relative;
}
.page_hitliste .dataTableData td:nth-child(11) > * {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 31px;
  background-color: #ffb8ac;
  padding: 0.375rem 0.25rem 0.375rem 0.25rem;
}
.page_hitliste .dataTableData td:nth-child(11) > *.reached {
  background-color: #a9ff6d;
}
.page_hitliste .blocked {
  color: red;
}

.page_regal .cnt-info .form_lb {
  margin: 0;
  padding: 0;
  font-size: 160%;
  line-height: 1.2;
}

.page_touren {
  height: calc(100% - 75px);
}
.page_touren > div:nth-child(1) {
  overflow-y: scroll;
}
.page_touren .blocked, .page_touren .blocked-over {
  float: right;
  font-size: 21px;
  margin-top: 1px;
}
.page_touren .blocked {
  color: red;
}
.page_touren .blocked-over {
  color: yellow;
}
.page_touren .header-tour {
  background-color: #475055;
}
.page_touren .header-tour div {
  display: inline-block;
  vertical-align: top;
}
.page_touren .header-tour label {
  color: white;
  display: inline-block;
  padding-left: 2px;
}
.page_touren .touren-content {
  height: calc(100% - 60px);
  overflow-y: scroll;
}
.page_touren .touren-content button {
  margin: 0;
}
.page_touren .sub-2 > :nth-child(1), .page_touren .sub-3 > :nth-child(1), .page_touren .sub-4 > :nth-child(1) {
  background-color: white !important;
}
.page_touren .sub-3 > :nth-child(2), .page_touren .sub-4 > :nth-child(2) {
  background-color: white !important;
}
.page_touren .sub-4 > :nth-child(3) {
  background-color: white !important;
}
.page_touren .tour-entry div {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}
.page_touren .tour-entry.odd {
  background-color: #f1f1f1;
}
.page_touren .tour-entry label {
  display: inline-block;
}
.page_touren .tour-details {
  border-bottom: 2px solid #254768;
}

.page_tourenplan > .row:nth-child(2) {
  height: calc(100% - 20px);
}
.page_tourenplan > .row:nth-child(2) > div:nth-child(1) {
  overflow-x: hidden;
}
.page_tourenplan > .row:nth-child(2) > div:nth-child(2) {
  overflow-x: scroll;
  height: calc(100% - 45px);
}
.page_tourenplan table {
  table-layout: fixed;
}
.page_tourenplan table .table_head_en td {
  vertical-align: top;
  overflow: visible !important;
}
.page_tourenplan table .sortable input {
  display: inline-block;
}
.page_tourenplan table .hinweis {
  background-color: #f39200;
}
.page_tourenplan .dataTableData tbody td, .page_tourenplan .dataTableHeader tr:not(.table_head_en) td {
  padding: 0.125rem;
}
.page_tourenplan .dataTableData tbody td:nth-child(n+16), .page_tourenplan .dataTableHeader tr:not(.table_head_en) td:nth-child(n+16) {
  text-align: right;
}
.page_tourenplan .gestell * {
  font-style: italic;
}
.page_tourenplan .blocked {
  color: red;
}
.page_tourenplan .blocked-over {
  color: yellow;
}
.page_tourenplan .icomoon-checkmark, .page_tourenplan .icomoon-checkmark:hover {
  color: green;
}
.page_tourenplan .orange * {
  color: orange;
}

.page_rechung_detail .list-header * {
  font-weight: bold;
  display: inline-block;
  width: 100px;
  text-align: center;
}
.page_rechung_detail .list-header:not(.same) > *:nth-child(2n+6) {
  width: 50px;
}
.page_rechung_detail .result-cnt {
  height: 50vh;
  overflow-y: auto;
}
.page_rechung_detail .list-result {
  height: 24px;
}
.page_rechung_detail .list-result * {
  display: inline-block;
  width: 100px;
  text-align: right;
  border-left: 1px solid #254768;
  padding: 3px;
}
.page_rechung_detail .list-result *:last-child {
  border-right: 1px solid #254768;
}
.page_rechung_detail .list-result *:nth-child(n+3) {
  border-top: 1px solid #254768;
}
.page_rechung_detail .list-result.year * {
  border-top: 1px solid #254768;
}
.page_rechung_detail .list-result > *:nth-child(1), .page_rechung_detail .list-result > *:nth-child(2) {
  font-weight: bold;
  text-align: center;
}
.page_rechung_detail .list-result.gesamt * {
  font-weight: bold;
}
.page_rechung_detail .list-result.gesamt *:nth-child(2) {
  border-top: 1px solid #254768;
}
.page_rechung_detail .list-result:last-child * {
  border-bottom: 1px solid #254768;
}
.page_rechung_detail .list-result:not(.same) > *:nth-child(2n+6) {
  width: 50px;
}
.page_rechung_detail .list-result.quartal > label {
  background-color: lightgray;
}

h1 {
  font-size: 6rem;
}

h2 {
  font-size: 4rem;
}

h3 {
  font-size: 3.5rem;
}

h4 {
  font-size: 3rem;
}

h5 {
  font-size: 2.5rem;
}

h6 {
  font-size: 2rem;
}

.page_delivery_notice {
  height: calc(100% - 75px);
}
.page_delivery_notice table td:nth-child(8), .page_delivery_notice table td:nth-child(9), .page_delivery_notice table td:nth-child(10) {
  text-align: center;
}
.page_delivery_notice table td:nth-child(11) {
  text-align: right;
}

.page_delivery_tour {
  height: calc(100vh - 200px);
}
.page_delivery_tour > div:nth-child(1) {
  overflow-y: scroll;
}
.page_delivery_tour .header-tour, .page_delivery_tour .header-delivery {
  background-color: #475055;
}
.page_delivery_tour .header-rack {
  background-color: gray;
}
.page_delivery_tour .header-tour div, .page_delivery_tour .header-delivery div, .page_delivery_tour .header-rack div {
  display: inline-block;
  vertical-align: top;
}
.page_delivery_tour .header-tour div.hidden, .page_delivery_tour .header-delivery div.hidden, .page_delivery_tour .header-rack div.hidden {
  background: white;
}
.page_delivery_tour .header-tour label, .page_delivery_tour .header-delivery label, .page_delivery_tour .header-rack label {
  color: white;
  display: inline-block;
  padding-left: 2px;
}
.page_delivery_tour .touren-content {
  height: calc(100% - 60px);
  overflow-y: scroll;
}
.page_delivery_tour .touren-content button {
  margin: 0;
}
.page_delivery_tour .tour-entry > div:nth-child(1), .page_delivery_tour .tour-teil > div:nth-child(1) {
  text-align: center;
}
.page_delivery_tour .tour-entry div, .page_delivery_tour .tour-teil div {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}
.page_delivery_tour .tour-entry label, .page_delivery_tour .tour-teil label {
  display: inline-block;
}
.page_delivery_tour .tour-entry .icomoon-pencil6, .page_delivery_tour .tour-teil .icomoon-pencil6 {
  margin-left: 2rem;
}
.page_delivery_tour .tour-entry .ckb_squared label, .page_delivery_tour .tour-teil .ckb_squared label {
  border-color: black;
}
.page_delivery_tour .tour-entry .date-error, .page_delivery_tour .tour-entry .not-send, .page_delivery_tour .tour-entry .date-error.send, .page_delivery_tour .tour-teil .date-error, .page_delivery_tour .tour-teil .not-send, .page_delivery_tour .tour-teil .date-error.send {
  background: lightpink;
}
.page_delivery_tour .tour-entry .date-ok, .page_delivery_tour .tour-entry .send, .page_delivery_tour .tour-teil .date-ok, .page_delivery_tour .tour-teil .send {
  background: #c6e0b4;
}
.page_delivery_tour .tour-entry {
  border-top: 2px solid #254768;
  background: #c6e0b4;
}
.page_delivery_tour .tour-entry > div:nth-child(10) {
  text-align: right;
}
.page_delivery_tour .tour-entry > div:nth-child(10) label {
  margin-right: 0.5rem;
}
.page_delivery_tour .tour-teil.odd {
  background-color: #f1f1f1;
}
.page_delivery_tour .tour-teil > div:nth-child(8) {
  text-align: right;
}
.page_delivery_tour .tour-teil > div:nth-child(8) label {
  margin-right: 0.5rem;
}

input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}

.form_ckb {
  padding: 0.125rem;
}
.form_ckb > div {
  display: table-cell;
}
.form_ckb .ckb_squared {
  width: 23px;
  height: 23px;
  position: relative;
}
.form_ckb .ckb_squared label {
  cursor: pointer;
  width: 23px;
  height: 23px;
  border-radius: 0;
  position: relative;
  border: 1px solid #cacaca;
}
.form_ckb .ckb_squared label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  box-sizing: content-box;
  opacity: 0;
  content: "";
  position: absolute;
  width: 11px;
  height: 4px;
  background: transparent;
  top: 6px;
  left: 4px;
  border: 3px solid #ed1c24;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.form_ckb .ckb_squared ~ div.form_ckb_lb {
  color: #232425;
  font-size: 0.875rem;
  vertical-align: top;
}
.form_ckb .ckb_squared label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.form_ckb .ckb_squared input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.form_ckb .ckb_squared input[type=checkbox]:disabled + label {
  background: #999999;
  box-shadow: none;
  cursor: auto;
}

.jdpicker_w {
  box-sizing: content-box;
  position: relative;
}
.jdpicker_w .date_clearer {
  position: absolute;
  top: 0px;
  right: 3px;
  line-height: 1;
  font-size: 200%;
}
.jdpicker_w input:disabled ~ .date_clearer {
  display: none;
}

.columns.nopadding {
  padding-left: 0;
  padding-right: 0;
}

.icomoon {
  font-size: 170%;
  margin: 0 0.25rem;
  cursor: pointer;
  color: #254768;
}
.icomoon.sorting {
  color: white;
  font-size: 150%;
}
.icomoon:hover, .icomoon.enabled {
  color: #ed1c24;
}
.icomoon.disabled {
  color: darkgray;
  cursor: default;
}
.icomoon.disabled:hover {
  color: darkgray;
}

.same-value {
  text-align: center;
}
.same-value:before {
  content: "\ea10";
  font-family: "icomoon" !important;
  color: green;
  font-size: 90%;
}

body > #upl_file {
  position: absolute;
  left: 0;
  top: 0;
}

.mCustomScrollbar .dataTableData {
  margin-bottom: 0;
}
.mCustomScrollbar.margin-b {
  margin-bottom: 1rem;
}
.mCustomScrollbar.border {
  margin-bottom: 10px;
}

.form_lb {
  font-size: 0.875rem;
}

.margin_top {
  margin-top: 1rem;
}

.margin_bottom {
  margin-bottom: 0.5rem;
}

.border-right {
  border-right: 1px solid #254768;
}

.border-left {
  border-left: 1px solid #254768;
}

.display-inline > * {
  display: inline-block;
  vertical-align: baseline;
}

.caption {
  font-weight: bold;
  font-size: 100%;
}

.max-height {
  height: 100%;
}

.min-width-1000 {
  min-width: 1000px;
}

.buttonpanel > * {
  margin-left: 0.5rem;
}

.optionpanel > div {
  display: inline-block;
}
.optionpanel > div .icomoon {
  font-size: 220%;
  margin: 0 0.6rem;
}

.editinput {
  position: relative;
  overflow: visible !important;
}
.editinput .options {
  position: absolute;
  box-shadow: inset 0 0 0 2px;
  z-index: 5;
  display: flex;
  background: white;
}
.editinput .options * {
  display: inline-flex;
  padding: 0 5px;
  margin: auto;
}

#ajax_debugbox {
  position: fixed;
  left: 20px;
  top: 20px;
  z-index: 9999;
  overflow: auto;
  max-height: 80vh;
  max-width: 80vw;
  border: 2px solid black;
  padding: 10px;
  background: red;
  display: none;
}
#ajax_debugbox > button {
  display: block;
  margin-bottom: 10px;
}

#ajax_errors {
  color: white;
  white-space: pre;
}

#ajax_loading {
  display: none;
  z-index: 9990;
  position: fixed;
  width: 99vw;
  top: 50vh;
  text-align: center;
}

.edit-field {
  position: relative;
  padding-right: 20px !important;
  cursor: pointer;
}
.edit-field::after {
  content: "...";
  background-color: lightgray;
  position: absolute;
  right: 0;
  top: 1px;
  bottom: 1px;
  padding: 0.2rem;
  border-radius: 4px;
}

.mCustomScrollbar {
  touch-action: none;
}
.mCustomScrollbar.mCS_no_scrollbar {
  touch-action: auto;
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
}
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
}
.mCustomScrollBox:hover ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 3px;
}
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -2px;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 8px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.4);
  filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 6px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  bottom: 0;
  background-position: 0 -20px;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonDown:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonDown:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 6px;
  top: auto;
  right: 0 !important;
  bottom: 0;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 8px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 6px auto;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  right: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonLeft:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonLeft:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -8px;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 10px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  box-sizing: border-box;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
}
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
}
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
}
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.1);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.1);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #254768;
  background-color: from_hex(#254768, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  height: 16px;
  width: 6px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 6px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  width: 6px;
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #254768;
  background-color: from_hex(#254768, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  height: 16px;
  width: 6px;
  margin: 0 -1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 6px;
  margin: 0 -1px;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  width: 6px;
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 16px;
  background-color: #555;
  width: 8px;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
  width: 8px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  box-shadow: inset 1px 0 1px from_hex(#254768, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px from_hex(#254768, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 16px;
  background-color: #555;
  width: 8px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
  width: 8px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  box-shadow: inset 1px 0 1px from_hex(#254768, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  background-color: #254768;
  background-color: from_hex(#254768, 0.1);
  box-shadow: inset 1px 0 1px from_hex(#254768, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px from_hex(#254768, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px from_hex(#254768, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.05);
  box-shadow: inset 1px 1px 16px from_hex(#254768, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px from_hex(#254768, 0.1), inset 0 0 14px from_hex(#254768, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px from_hex(#254768, 0.1), inset 0 0 14px from_hex(#254768, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  border-radius: 7px;
  box-shadow: inset 0 0 14px from_hex(#254768, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 from_hex(#254768, 0.2);
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
  background-color: #abc6e1;
  background-color: from_hex(#254768, 0.05);
  box-shadow: inset 1px 1px 16px from_hex(#254768, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px from_hex(#254768, 0.1), inset 0 0 14px from_hex(#254768, 0.5);
  box-shadow: inset 0 1px 1px from_hex(#254768, 0.1), inset 0 0 14px from_hex(#254768, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 from_hex(#254768, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px from_hex(#254768, 0.1), inset 0 0 14px from_hex(#254768, 0.5);
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.5);
  filter: "alpha(opacity=50)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.5);
  filter: "alpha(opacity=50)";
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 12px;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  background-color: #254768;
  background-color: from_hex(#254768, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 12px;
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  background-color: #254768;
  background-color: from_hex(#254768, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #abc6e1;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  background-color: #254768;
  background-color: from_hex(#254768, 0.1);
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #abc6e1;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  border-color: #254768;
  border-color: from_hex(#254768, 0.2);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #254768;
  background-color: from_hex(#254768, 0.2);
  background-color: #254768;
  background-color: from_hex(#254768, 0.1);
  background-color: #254768;
  background-color: from_hex(#254768, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.85);
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.9);
  background-color: #abc6e1;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
  left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 8px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #254768;
  background-color: #254768;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #254768;
  background-color: from_hex(#254768, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: from_hex(#254768, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: from_hex(#254768, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: 0.8;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

.sp-alpha-inner {
  border: solid 1px #333;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}

.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}

.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: 0.8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: 1px solid #66afe9;
  padding: 0;
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 3px;
}

.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #666;
}

/* Input */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0 0 0.5rem 0;
  overflow: hidden;
  cursor: pointer;
  padding: 0.5rem 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: 1px solid #cacaca;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border: 1px solid #ed1c24;
  color: #111;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

.sp-palette {
  *width: 220px;
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.kachel_entry {
  padding: 0.5rem;
  filter: grayscale(1);
  border: 2px solid #ed1c24;
  margin: auto;
  position: relative;
}
.kachel_entry:hover {
  filter: grayscale(0);
  -webkit-transition: background 0.4s, color 0.7s ease-in;
  -moz-transition: background 0.4s, color 0.7s ease-in;
  -ms-transition: background 0.4s, color 0.7s ease-in;
  -o-transition: background 0.4s, color 0.7s ease-in;
  transition: background 0.4s, color 0.7s ease-in;
}
.kachel_entry:hover .head, .kachel_entry:hover .head:before {
  color: #ed1c24;
}
.kachel_entry:before {
  content: "";
  display: block;
  padding-top: 50%; /* initial ratio of 1:1*/
}
.kachel_entry > div {
  position: absolute;
  left: 5%;
  top: 5%;
}
.kachel_entry .head {
  color: #232425;
  font-weight: bold;
  font-size: 100%;
  text-align: center;
}
.kachel_entry .entry {
  font-size: 80%;
  cursor: pointer;
}
.kachel_entry .entry:before {
  content: ">";
  color: #232425;
  margin-right: 0.5rem;
}
.kachel_entry .entry:hover {
  color: #ed1c24;
}
.kachel_entry .entry:hover:before {
  color: #ed1c24;
}

input[type=radio] {
  visibility: hidden;
}

.form_radio {
  padding: 0.3125rem 0;
  display: block;
}
.form_radio input[type=radio]:checked + label:before, .form_radio:hover input[type=radio]:enabled + label::before {
  content: "•";
  color: #ed1c24;
  font-size: 2rem;
  text-align: center;
}
.form_radio:hover input[type=radio]:enabled:not(:checked) + label::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.form_radio > div {
  display: table-cell;
  vertical-align: top;
}
.form_radio .radio_text {
  cursor: pointer;
  color: #232425;
  font-size: 0.875rem;
}

.radio_round {
  position: relative;
  height: 22px;
  padding: 0 0.25rem;
}
.radio_round input[type=radio] {
  position: absolute;
}
.radio_round label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  line-height: 22px;
  height: 22px;
  box-shadow: inset 0px 0px 5px #232425;
  border-radius: 11px;
}
.radio_round label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
}
.radio_round input[disabled] + label {
  background: #999999;
  box-shadow: none;
  cursor: auto;
}

.window {
  border-collapse: inherit;
  border: 1px solid #254768;
  background-color: #fff;
  border-radius: 0;
  padding: 0;
}
@media (min-width: 800px) {
  .window {
    max-width: 90%;
  }
}
@media (min-width: 0) {
  .window {
    max-width: 100%;
  }
}
.window .window_title {
  background-image: -webkit-linear-gradient(left, #232425, #555759 90%, #555759);
  background-image: -o-linear-gradient(left, #232425, #555759 90%, #555759);
  background-image: linear-gradient(to right, #232425, #555759 90%, #555759);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF232425", endColorstr="#FF555759", GradientType=1);
}
.window .window_title .form_win_tr {
  padding: 0.4rem 1rem 0 0;
  line-height: 0;
  background: #555759;
  width: 50px;
  display: inline-block;
  vertical-align: top;
}
.window .window_title .form_win_tr .icomoon-cancel-circle {
  color: white;
}
.window .window_title .form_win_tr .icomoon-cancel-circle:hover {
  color: #ed1c24;
}
.window .window_title .form_win_tl {
  color: #a1a4a6;
  font-size: 16px;
  padding: 0.5rem 1em;
  display: inline-block;
  width: calc(100% - 50px);
  vertical-align: top;
}
.window .window_content > div > div:first-of-type {
  padding: 0.5rem 0px;
}
.window .window_content > div > div:last-of-type {
  border-top: 1px solid #254768;
  padding: 5px;
}
.window .window_content > div > div:last-of-type button {
  margin: 0 0 0 1rem;
}

table {
  font-size: 0.8rem;
}

.form_table td {
  border: 1px solid #f1f1f1;
}
.form_table input {
  margin: 0;
}
.form_table .table_head_en {
  background-color: #475055;
  color: white;
}
.form_table .table_head_en .form_lb {
  color: white;
}
.form_table.dataTableHeader {
  margin-bottom: 0;
}
.form_table.striped tbody tr:nth-child(even) {
  background-color: #e1e1e1;
}
.form_table .form_selected, .form_table .form_selected label {
  color: #ed1c24;
}
.form_table .form_ckb {
  padding: 0;
  line-height: 1;
}
.form_table.small td {
  padding: 0.2rem;
}
.form_table .activ {
  background-color: #61d961;
}
.form_table .fortschritt {
  border: 1px solid black;
  font-size: 90%;
  text-align: center;
}
.form_table button {
  margin-bottom: 0.1rem;
}

.dataTableData tr.long {
  background: #facdcd !important;
}
.dataTableData tr.done {
  background: #f1f7c6 !important;
}
.dataTableData tr.wait_rueck {
  background: #e5c6e6 !important;
}
.dataTableData tr.liefer-glas {
  background: yellow !important;
}

.tree_en {
  font-size: 85%;
  padding: 3px 0;
}
.tree_en .tree_line_2 {
  background: url("../../images/treeview-default-line.gif") no-repeat scroll 0 -149px rgba(0, 0, 0, 0);
}
.tree_en .tree_line {
  display: inline-block;
  padding: 0.3125rem 0;
  width: 1.5rem;
  margin-left: 0.4rem;
}
.tree_en .tree_openclose {
  background: none repeat scroll 0 0 #abc6e1;
  border: 1px solid #232425;
  cursor: pointer;
  font-family: monospace;
  font-size: 1.2em;
  margin: 2px;
  text-align: center;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}
.tree_en .tree_openleaf {
  background: url("../../images/treeview-default-line.gif") no-repeat scroll 0 -1px rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 0.3125rem 0;
  width: 1rem;
  margin-left: 0.4rem;
}
.tree_en .tree_entry {
  cursor: pointer;
  display: inline-block;
  padding: 0.3125rem 5px;
  border-radius: 0;
}
.tree_en .tree_entry:hover, .tree_en .tree_hover {
  box-shadow: 0 0 10px #ed1c24;
  border-radius: 5px;
}
.tree_en .form_tree_entry {
  white-space: nowrap;
}
.tree_en .form_tree_entry * {
  vertical-align: middle;
}
.tree_en .form_tree_entry .form_ckb {
  display: inline-block;
  margin-top: -2px;
}
.tree_en .tree_select {
  color: #ed1c24;
}

.header {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e6e6e6;
}
.header .top-bar-left {
  margin: 1rem 0 0 2rem;
}
.header .top-bar-left label {
  font-size: 1.1rem;
  text-transform: uppercase;
}
.header .top-bar-title img {
  height: 3.5rem;
  cursor: pointer;
  margin-top: 0.2rem;
}
.header .top-bar-right {
  margin: 0.5rem 0;
}
.header a, .header label {
  color: #232425;
}
.header label {
  font-size: 1rem;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  margin: 0.3rem;
}
.header .dropdown-pane {
  width: 200px;
  padding: 0;
  border: none;
}
.header .header_user {
  height: 100%;
  width: 200px;
  cursor: pointer;
}
.header .header_user .icomoon {
  font-size: 130%;
  margin-top: 0.3rem;
}
.header .header_user .user, .header .header_user .logout {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0.45rem 0.65rem;
  border: 1px solid gray;
}
.header .header_user .user *, .header .header_user .logout * {
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
}
.header .header_user .user label, .header .header_user .logout label {
  width: 135px;
  overflow: hidden;
  white-space: nowrap; /* Don't forget this one */
  text-overflow: ellipsis;
}
.header .header_user .user:hover *, .header .header_user .logout:hover * {
  color: #ed1c24;
  text-shadow: none;
}

.titel_cnt {
  border: 1px solid #254768;
  margin-bottom: 0.5rem;
}
.titel_cnt > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  /*      &:last-child {
            margin-bottom:$form-spacing;
        }*/
}
.titel_cnt > *:not(:first-child) {
  padding: 0 0.5rem;
}
.titel_cnt .titel_lb {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #ececec none repeat scroll 0 0;
  border-color: #254768;
  border-image: none;
  border-style: solid;
  border-width: 0 0 1px;
  width: 100%;
  padding-left: 0.5rem !important;
  margin: 0 0 0.5rem;
  padding: 0.3125rem 0;
  font-size: 100%;
}

.cssload-spin-box {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  -o-box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  -ms-box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  -webkit-box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  -moz-box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  animation: cssload-spin ease infinite 3.8s;
  -o-animation: cssload-spin ease infinite 3.8s;
  -ms-animation: cssload-spin ease infinite 3.8s;
  -webkit-animation: cssload-spin ease infinite 3.8s;
  -moz-animation: cssload-spin ease infinite 3.8s;
}

@keyframes cssload-spin {
  0%, 100% {
    box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  }
  25% {
    box-shadow: -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768;
  }
  50% {
    box-shadow: -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768, -19px 19px #ed1c24;
  }
  75% {
    box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
  }
}
@-o-keyframes cssload-spin {
  0%, 100% {
    box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  }
  25% {
    box-shadow: -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768;
  }
  50% {
    box-shadow: -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768, -19px 19px #ed1c24;
  }
  75% {
    box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
  }
}
@-ms-keyframes cssload-spin {
  0%, 100% {
    box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  }
  25% {
    box-shadow: -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768;
  }
  50% {
    box-shadow: -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768, -19px 19px #ed1c24;
  }
  75% {
    box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
  }
}
@-webkit-keyframes cssload-spin {
  0%, 100% {
    box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  }
  25% {
    box-shadow: -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768;
  }
  50% {
    box-shadow: -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768, -19px 19px #ed1c24;
  }
  75% {
    box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
  }
}
@-moz-keyframes cssload-spin {
  0%, 100% {
    box-shadow: 19px 19px #254768, -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24;
  }
  25% {
    box-shadow: -19px 19px #ed1c24, -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768;
  }
  50% {
    box-shadow: -19px -19px #254768, 19px -19px #ed1c24, 19px 19px #254768, -19px 19px #ed1c24;
  }
  75% {
    box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
  }
}
.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  left: 50%;
  margin-left: -150px;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/* PowerTip Plugin */
#powerTip {
  cursor: default;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  color: #fff;
  display: none;
  padding: 4px 10px;
  position: absolute;
  white-space: nowrap;
  z-index: 2147483647;
  font-size: 80%;
}

#powerTip:before {
  content: "";
  position: absolute;
}

#powerTip.n:before, #powerTip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 50%;
  margin-left: -5px;
}

#powerTip.e:before, #powerTip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%;
}

#powerTip.n:before {
  border-top: 10px solid #333;
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}

#powerTip.e:before {
  border-right: 10px solid #333;
  border-right: 10px solid rgba(0, 0, 0, 0.8);
  left: -10px;
}

#powerTip.s:before {
  border-bottom: 10px solid #333;
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}

#powerTip.w:before {
  border-left: 10px solid #333;
  border-left: 10px solid rgba(0, 0, 0, 0.8);
  right: -10px;
}

#powerTip.ne:before, #powerTip.se:before {
  border-right: 10px solid transparent;
  border-left: 0;
  left: 10px;
}

#powerTip.nw:before, #powerTip.sw:before {
  border-left: 10px solid transparent;
  border-right: 0;
  right: 10px;
}

#powerTip.ne:before, #powerTip.nw:before {
  border-top: 10px solid #333;
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}

#powerTip.se:before, #powerTip.sw:before {
  border-bottom: 10px solid #333;
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}

#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top: 10px solid #333;
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 10px;
}

#powerTip.ne-alt:before {
  left: auto;
  right: 10px;
}

#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top: none;
  border-bottom: 10px solid #333;
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  bottom: auto;
  top: -10px;
}

#powerTip.se-alt:before {
  left: auto;
  right: 10px;
}

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