@charset "UTF-8";
.loginAsideApp {
  width: 100% !important;
  max-width: 400px !important;
  background-color: #353535; }

.container {
  width: 100%;
  max-width: 100%; }

.border-style-solid {
  border-style: solid; }

.width-100 {
  width: 100%; }

.link-active {
  color: #0073e9 !important; }

.hidden {
  display: none !important; }

.aside {
  background-color: #353535; }
  .aside .menu-nav > .menu-section {
    height: auto;
    min-height: 25px; }
  .aside .menu-nav > .menu-item > .menu-link {
    padding: 3px 25px; }
    .aside .menu-nav > .menu-item > .menu-link .menu-text {
      line-height: 1.3; }

.accordion .card .card-header .card-title.collapsed > i {
  color: #000000; }

.svg-icon-2_5x svg {
  height: 2.5rem !important;
  width: 2.5rem !important; }

span.required {
  position: absolute;
  display: inline-block;
  right: 19px;
  top: 1px;
  color: red; }

.scroll.scroll-pull {
  padding-right: 0px !important;
  margin-right: 0px !important; }

.datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell:first-child,
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell:first-child,
.datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell:first-child {
  padding-left: 1rem; }

#providerInfoTable_wrapper .row:first-of-type {
  display: none !important; }

/******************/
/* Händlerregistrierung / bearbeiten */
.form-control[readonly] {
  background-color: #f3f6f9; }

/*************************************/
.webForm .form-control {
  padding-right: 9px !important;
  padding-left: 9px !important; }

.label.label-light-secondary {
  color: #868686; }

.label {
  height: auto !important;
  padding: 5px !important; }

a:hover .providerCard {
  color: #3699FF;
  transform: scale(1.1);
  -webkit-box-shadow: 0px 4px 6px 0px rgba(167, 169, 164, 0.75);
  -moz-box-shadow: 0px 4px 6px 0px rgba(167, 169, 164, 0.75);
  box-shadow: 0px 4px 6px 0px rgba(167, 169, 164, 0.75); }
a .providerCard {
  color: #3F4254;
  transition: all 0.3s ease; }

.providerCard {
  height: 100%; }
  .providerCard .card-body {
    min-height: 200px; }
  .providerCard .provider-logo {
    max-width: 200px;
    max-height: 70px;
    margin: 0 auto;
    display: block; }
  .providerCard h2 {
    border-top: 1px solid #cbcbcb;
    padding-top: 8px; }

/* Desktop */
.desktopImg {
  max-width: 150px;
  margin-left: 8px;
  float: right; }

/* Tarife */
.provider-logo {
  display: block;
  max-width: 75px;
  max-height: 50px; }

.providerLogo {
  display: block;
  width: 75px;
  height: auto; }

#tariffs .provider-logo {
  max-width: 75px;
  max-height: 50px; }

#tariffs .provider-button {
  width: 90px;
  height: 62px; }

#tariffs .provider-card {
  width: 185px;
  height: 63px; }

#tariffs span.provider-name {
  display: block !important;
  vertical-align: middle !important; }

#tariffs .dataTables_wrapper .dataTable .group td {
  background-color: #f3f6f9; }

#tariffs .flaticon2-search-1, #orderoverview .flaticon2-search-1 {
  padding-top: 20px; }

#tariffTable_wrapper .row:first-of-type {
  display: none !important; }

#tariffdetail .fa-file-pdf {
  font-size: 2rem; }

/* Suchform */
.searchForm .flaticon2-search-1 {
  padding-top: 20px; }

/*************************************/
/* Neukunden Erfassung ****/
#orderindex #addresscheckSpinner .spinner, .bankCheckInfoContainer .spinner {
  top: 10px; }

.ui-autocomplete .ui-state-active, .ui-state-active:hover, .ui-state-active:focus {
  border: none !important;
  background: #e1f0ff;
  color: #000;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px; }

a.ui-state-active {
  border: none !important;
  background: #e1f0ff;
  color: #000;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px; }

.ui-menu-item:hover {
  border: none;
  background: #e1f0ff;
  color: #000;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: none !important;
  background: #e1f0ff;
  color: #000;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #ff8a00 !important;
  color: #000;
  border-radius: 0; }

.statusBankcheck {
  border: 1px solid #bbb;
  padding: 2px 20px;
  display: inline-block; }

.statusBankcheck.fine {
  background: #c9f7f5; }

.statusBankcheck.notfine {
  background: #ffe2e5; }

#bankcheck .bankFineText {
  color: #1bc5bd; }

.refreshBankcheckLink {
  cursor: pointer; }

/***************************/
/* Bestell├╝bersicht */
#dataTable_wrapper .row:first-of-type {
  display: none !important; }

#orderTable_wrapper .row:first-of-type {
  display: none !important; }

.dataTables_wrapper .dataTable.order-datatable th,
.dataTables_wrapper .dataTable.order-datatable td,
.dataTables_wrapper .dataTable.tariff-datatable th,
.dataTables_wrapper .dataTable.tariff-datatable td {
  vertical-align: top; }

/********************/
.bg-app-primary,
.alert.alert-app-primary {
  background-color: #9acbff;
  border-color: #9acbff; }

.select2-container--classic .select2-selection--single {
  background: none;
  border: 1px solid #E4E6EF; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    height: 37px;
    background: none;
    border-left: 1px solid transparent; }

.select2-container .select2-selection--single {
  height: 39px; }
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 4px; }

.btn-group-xs .btn {
  padding: 0.45rem 0.35rem;
  font-size: 0.675rem;
  line-height: 1;
  border-radius: 0.42rem; }

.btn-xs {
  padding: 0.45rem 0.35rem;
  font-size: 0.675rem;
  line-height: 1;
  border-radius: 0.42rem; }

.searchForm {
  border-bottom: 1px solid #E4E6EF;
  padding-bottom: 0.5em;
  margin-bottom: 2.5em; }
  .searchForm .form-group {
    margin-bottom: 1em; }

/*
* CSS TOGGLE SWITCH
*
* Ionu╚ø Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* supported values are px, rem-calc, em-calc
 */
/* imports
 */
/* Functions
 */
/* Shared
 */
/* Hide by default
 */
.switch-toggle a,
.switch-light span span {
  display: none; }

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox
   */
  .switch-light {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
     * when the inputs are focused.
     */ }
    .switch-light::after {
      clear: both;
      content: '';
      display: table; }
    .switch-light *,
    .switch-light *:before,
    .switch-light *:after {
      box-sizing: border-box; }
    .switch-light a {
      display: block;
      transition: all 0.2s ease-out; }
    .switch-light label,
    .switch-light > span {
      /* breathing room for bootstrap/foundation classes.
       */
      line-height: 2em; }
    .switch-light input:focus ~ span a,
    .switch-light input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight;
      /* Chrome/Opera gets its native focus styles.
       */ } }
    @media only screen and (-webkit-min-device-pixel-ratio: 0) {
      .switch-light input:focus ~ span a,
      .switch-light input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }

@media only screen {
  /* don't hide the input from screen-readers and keyboard access
   */
  .switch-light input {
    position: absolute;
    opacity: 0;
    z-index: 3; }

  .switch-light input:checked ~ span a {
    right: 0%; }

  /* inherit from label
   */
  .switch-light strong {
    font-weight: inherit; }

  .switch-light > span {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 2em;
    /* overwrite 3rd party classes padding
     * eg. bootstrap .alert
     */
    padding: 0;
    text-align: left; }

  .switch-light span span {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    user-select: none; }

  .switch-light a {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0; }

  /* bootstrap 4 tweaks
  */
  .switch-light.row {
    display: flex; }

  .switch-light .alert-light {
    color: #333; }

  /* Radio Switch
   */
  .switch-toggle {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
     * when the inputs are focused.
     */
    /* For callout panels in foundation
    */
    padding: 0 !important;
    /* 2 items
     */
    /* 3 items
     */
    /* 4 items
     */
    /* 5 items
     */
    /* 6 items
     */ }
    .switch-toggle::after {
      clear: both;
      content: '';
      display: table; }
    .switch-toggle *,
    .switch-toggle *:before,
    .switch-toggle *:after {
      box-sizing: border-box; }
    .switch-toggle a {
      display: block;
      transition: all 0.2s ease-out; }
    .switch-toggle label,
    .switch-toggle > span {
      /* breathing room for bootstrap/foundation classes.
       */
      line-height: 2em; }
    .switch-toggle input:focus ~ span a,
    .switch-toggle input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight;
      /* Chrome/Opera gets its native focus styles.
       */ } }
    @media only screen and (-webkit-min-device-pixel-ratio: 0) {
      .switch-toggle input:focus ~ span a,
      .switch-toggle input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }
@media only screen {
    .switch-toggle input {
      position: absolute;
      left: 0;
      opacity: 0; }
    .switch-toggle input + label {
      position: relative;
      z-index: 2;
      display: block;
      float: left;
      padding: 0 0.5em;
      margin: 0;
      text-align: center; }
    .switch-toggle a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 1;
      width: 10px;
      height: 100%; }
    .switch-toggle label:nth-child(2):nth-last-child(4),
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
      width: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
      left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(6),
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
      width: 33.33%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
      left: 33.33%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
      left: 66.66%; }
    .switch-toggle label:nth-child(2):nth-last-child(8),
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
      width: 25%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
      left: 25%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
      left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
      left: 75%; }
    .switch-toggle label:nth-child(2):nth-last-child(10),
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
      width: 20%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
      left: 20%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
      left: 40%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
      left: 60%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
      left: 80%; }
    .switch-toggle label:nth-child(2):nth-last-child(12),
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
      width: 16.6%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
      left: 16.6%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
      left: 33.2%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
      left: 49.8%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
      left: 66.4%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
      left: 83%; }

  /* Candy Theme
   * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
   * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
   */
  .switch-toggle.switch-candy,
  .switch-light.switch-candy > span {
    background-color: #2d3035;
    border-radius: 3px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); }

  .switch-light.switch-candy span span,
  .switch-light.switch-candy input:checked ~ span span:first-child,
  .switch-toggle.switch-candy label {
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e; }

  .switch-light.switch-candy input ~ span span:first-child,
  .switch-light.switch-candy input:checked ~ span span:nth-child(2),
  .switch-candy input:checked + label {
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

  .switch-candy a {
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    background-color: #70c66b;
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent); }

  .switch-candy-blue a {
    background-color: #38a3d4; }

  .switch-candy-yellow a {
    background-color: #f5e560; }

  .switch-toggle.switch-custom input,
  .switch-toggle.switch-custom label,
  .switch-toggle.switch-custom a {
    outline: none !important; }
    .switch-toggle.switch-custom input:active, .switch-toggle.switch-custom input:focus,
    .switch-toggle.switch-custom label:active,
    .switch-toggle.switch-custom label:focus,
    .switch-toggle.switch-custom a:active,
    .switch-toggle.switch-custom a:focus {
      outline: none !important; }

  .switch-toggle.switch-custom,
  .switch-light.switch-custom > span {
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #E4E6EF; }

  .switch-light.switch-custom span span,
  .switch-light.switch-custom input:checked ~ span span:first-child,
  .switch-toggle.switch-custom label {
    color: #9f9f9f;
    font-weight: normal;
    text-align: center; }

  .switch-light.switch-custom input ~ span span:first-child,
  .switch-light.switch-custom input:checked ~ span span:nth-child(2),
  .switch-custom input:checked + label {
    color: #333; }

  .switch-custom a {
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    background-color: #70c66b;
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent);
    outline: none; }
    .switch-custom a:active {
      outline: none; }

  .switch-custom-color a {
    background-color: rgba(101, 158, 226, 0.49); }

  .switch-custom-blue a {
    background-color: #38a3d4; }

  .switch-custom-yellow a {
    background-color: #f5e560; } }
/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light,
  .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }
@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0); } }

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