.nb {display: inline-block !important; white-space: nowrap !important;}

.mb-5, .my-5 {
    margin-bottom: 2.75rem !important;
}

#powerTip {
   cursor: default;
   background-color: #de6700;
   border-color: #de6700;
   border-radius: 8px;
   color: #fff;
   font-family: 'Open Sans';
   font-size: 13px;
   font-weight:500;
   text-align: center;
   display: none;
   padding: 5px 12px 5px 12px;
   position: absolute;
   z-index: 2147483647;
   max-width: 400px;
   white-space: pre-line;
}
#powerTip:before {
   content: attr(class) " ";
   position: absolute;
   height: 0;
   width: 0;
   text-indent: 100%;
   overflow: hidden;
}
#powerTip.n:before{
   border-right: 10px solid transparent;
   border-left: 10px solid transparent;
   left: 50%;
   margin-left: -10px;
}
#powerTip.n:before{
   bottom: -10px;
}
#powerTip.n:before{
   border-top-color: inherit;
   border-top-style: solid;
   border-top-width: 15px;
}

.panel {
   display: none;
   max-width: 450px;
   margin: 0 auto;
   background-color: #fff;
   border-radius: 8px;
}
.panel > .panel-header
{
   color: #333;
   background-color: #f5f5f5;
   border-color: #ddd;
}
.panel-header {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

.link:hover{
   text-decoration: underline;
   color: #F57C00;
}

.infomsg {
   position: fixed;
   top: 30%;
   left: 50%;
   -webkit-transform: translate(-50%, -70%);
   transform: translate(-50%, -70%);
   padding:12px 30px;
   background-color: #34c227;
   color: #fff;
   border-radius: 4px;
   font-size: 1.1em !important;
   font-weight: 500 !important;
   text-align: center;
   -webkit-box-shadow: 0 0.5rem 2rem rgba(32, 163, 2, 0.47) !important;
   box-shadow: 0 0.5rem 2rem rgba(32, 163, 2, 0.47) !important;
   display: none;
   z-index: 9999999999 !important;
}

.warnmsg {
   position: fixed;
   top: 30%;
   left: 50%;
   -webkit-transform: translate(-50%, -70%);
   transform: translate(-50%, -70%);
   padding:12px 30px;
   background-color: #db3a17;
   color: #fff;
   border-radius: 4px;
   font-size: 1.1em !important;
   font-weight: 500 !important;
   text-align: center;
   -webkit-box-shadow: 0 0.5rem 2rem rgba(244, 92, 59, 0.83) !important;
   box-shadow: 0 0.5rem 2rem rgba(244, 92, 59, 0.83) !important;
   display: none;
   z-index: 9999999999 !important;
}

.errmsg {
   position:absolute;
   padding:8px 10px;
   background-color: #dc3545;
   color: #fff;
   border-radius: 8px;
   max-width: 400px;
   line-height: 1.2rem;
   text-align: center;
   -webkit-box-shadow: 0 0.5rem 2rem rgba(192, 0, 0, 0.2) !important;
   box-shadow: 0 0.5rem 2rem rgba(192, 0, 0, 0.2) !important;
   display: none;
   z-index: 9999999999 !important;
}

.errmsg:after {
   content:"";
   position:absolute;
   top:100%;
   left: calc(50% - 20px);
   border-width:10px 10px 0 10px;
   border-style:solid;
   border-color:#dc3545 transparent;
   z-index: 9999999999 !important;
}

button {
   padding: 3px;
}

/* Tables */

.table {
   width: 100%;
   color: #212529;
   border-collapse: collapse;
}

.table td {
   padding: .3rem .5rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6;
}

.table thead th {
   vertical-align: bottom;
   padding: 0.5rem;
}

.table tbody + tbody {
   border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
   padding: 0.3rem;
}

.table-bordered {
   border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
   border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
   border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
   border: 0;
}

.table-striped tbody tr:nth-of-type(even) {
   background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
   color: #212529;
   background-color: rgba(255, 163, 66, 0.16);
}

.table-hover-gray tbody tr:hover {
   color: #212529;
   background-color: #f8f8f8;
}

.table-primary,
.table-primary > th,
.table-primary > td {
   background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
   border-color: #7abaff;
}

.table-hover .table-primary:hover {
   background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
   background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
   background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
   border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
   background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
   background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
   background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
   border-color: #8fd19e;
}

.table-hover .table-success:hover {
   background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
   background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
   background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
   border-color: #86cfda;
}

.table-hover .table-info:hover {
   background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
   background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
   background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
   border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
   background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
   background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
   background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
   border-color: #ed969e;
}

.table-hover .table-danger:hover {
   background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
   background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
   background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
   border-color: #fbfcfc;
}

.table-hover .table-light:hover {
   background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
   background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
   background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
   border-color: #95999c;
}

.table-hover .table-dark:hover {
   background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
   background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
   background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
   background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
   background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
   color: #fff;
   background-color: #343a40;
   border-color: #454d55;
}

.table .thead-light th {
   color: #495057;
   background-color: #e9ecef;
   border-color: #dee2e6;
}

.table-dark {
   color: #fff;
   background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
   border-color: #454d55;
}

.table-dark.table-bordered {
   border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.075);
}

th {
   text-align: inherit;
}

td {
   text-align: inherit;
}

/* Ab Tablet-Größe und kleiner (z. B. bis 991px Breite) */
/* Info-Icon für Tablet und kleiner ausblenden (Pricing). */
@media (max-width: 991px) {
  .plan-features .icon-info {
    display: none !important;
  }
}

/* Pricing */
@media (max-width: 575.98px) {
   .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
   }
   .table-responsive-sm > .table-bordered {
      border: 0;
   }
}

/* Pricing */
@media (max-width: 767.98px) {
   .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
   }
   .table-responsive-md > .table-bordered {
      border: 0;
   }
}

/* Pricing */
@media (max-width: 991.98px) {
   .table-responsive-lg {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
   }
   .table-responsive-lg > .table-bordered {
      border: 0;
   }
}

/* Pricing */
@media (max-width: 1199.98px) {
   .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
   }
   .table-responsive-xl > .table-bordered {
      border: 0;
   }
}

/* Bestellen Bestellung abschicken */
.table-responsive {
   display: block;
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
   border: 0;
}

.form-control {
   display: block;
   width: 100%;
   height: calc(1.1em + .8rem + 2px);
   padding: 0.3rem 0.5rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.4;
   color: #343434;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.newline{
   display: block;
}

.form-control--disabled {
  color: var(--form-control-disabled);
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--form-background);
  margin: 0;

  font: inherit;
  color: #343434;
  width: 16px;
  height: 16px;
  border: 1px solid #ced4da;
  border-radius: 2px;
  transform: translateY(7px);

  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  background-color: #343434;
}

input[type="checkbox"]:not([disabled]):hover{
  border-color: #f57c00;
  box-shadow: 0 0.5rem 2rem rgba(192, 192, 192, 0.3) !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
}



@media (prefers-reduced-motion: reduce) {
   .form-control {
      transition: none;
   }
}

.form-control::-ms-expand {
   background-color: transparent;
   border: 0;
}

.form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
   color: #6c757d;
   opacity: 1;
}

.form-control::-moz-placeholder {
   color: #6c757d;
   opacity: 1;
}

.form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
}

.form-control::-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
}

.form-control::placeholder {
   color: #6c757d;
   opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
   background-color: #f6f6f6;
   border-color: rgba(0, 0, 0, 0.09) !important;
   opacity: 1;
}

select.form-control:focus::-ms-value {
   color: #495057;
   background-color: #fff;
}

.form-control-file,
.form-control-range {
   display: block;
   width: 100%;
}

.col-form-label {
   padding-top: calc(0.375rem + 1px);
   padding-bottom: calc(0.375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
   line-height: 1.5;
}

.col-form-label-lg {
   padding-top: calc(0.5rem + 1px);
   padding-bottom: calc(0.5rem + 1px);
   font-size: 1.25rem;
   line-height: 1.5;
}

.col-form-label-sm {
   padding-top: calc(0.25rem + 1px);
   padding-bottom: calc(0.25rem + 1px);
   font-size: 0.875rem;
   line-height: 1.5;
}

.form-control-plaintext {
   display: block;
   width: 100%;
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
   margin-bottom: 0;
   line-height: 1.5;
   color: #212529;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
   padding-right: 0;
   padding-left: 0;
}

.form-control-sm {
   height: calc(1.5em + 0.5rem + 2px);
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   line-height: 1.5;
   border-radius: 0.2rem;
}

.form-control-lg {
   height: calc(1.5em + 1rem + 2px);
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
   height: auto;
}

textarea.form-control {
   height: auto;
}

.form-group {
   margin-bottom: .5rem;
}

.form-group label{
   cursor: initial;
}

input[type="checkbox"]:not([disabled]) + label{
   cursor: pointer;
   display: inline;
   position: relative;
   top: 3px;
}

.form-text {
   display: block;
   margin-top: 0.25rem;
}

.form-row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -5px;
   margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
   padding-right: 10px;
   padding-left: 10px;
}

.form-check {
   position: relative;
   display: block;
   padding-left: 1.25rem;
}

.form-check-input {
   position: absolute;
   margin-top: 0.3rem;
   margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
   color: #6c757d;
}

.form-check-label {
   margin-bottom: 0;
}

.form-check-inline {
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-align: center;
   align-items: center;
   padding-left: 0;
   margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
   position: static;
   margin-top: 0;
   margin-right: 0.3125rem;
   margin-left: 0;
}

.table td, .table th {
   border-color: rgba(0, 0, 0, 0.06);
}

.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
   background-color: #CCC;
   color: #FFF;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
   background-color: #28a745;
   color: #FFF;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
   background-color: #ffc107;
   color: #FFF;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
   background-color: #dc3545;
   color: #FFF;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
   background-color: #ff8a12;
   color: #fff;
}

tr.active-row{
   background-color: #f6d6c5;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
   background-color: #17a2b8;
   color: #FFF;
}

.table > thead > tr > td.dark,
.table > tbody > tr > td.dark,
.table > tfoot > tr > td.dark,
.table > thead > tr > th.dark,
.table > tbody > tr > th.dark,
.table > tfoot > tr > th.dark,
.table > thead > tr.dark > td,
.table > tbody > tr.dark > td,
.table > tfoot > tr.dark > td,
.table > thead > tr.dark > th,
.table > tbody > tr.dark > th,
.table > tfoot > tr.dark > th {
   background-color: #212529;
   color: #FFF;
}

.w4{width:4%;}
.w5{width:5%;}
.w6{width:6%;}
.w7{width:7%;}
.w8{width:8%;}
.w9{width:9%;}
.w10{width:10%;}
.w11{width:11%;}
.w12{width:12%;}
.w13{width:13%;}
.w14{width:14%;}
.w15{width:15%;}
.w16{width:16%;}
.w17{width:17%;}
.w18{width:18%;}
.w19{width:19%;}
.w20{width:20%;}
.w21{width:21%;}
.w22{width:22%;}
.w23{width:23%;}
.w24{width:24%;}
.w25{width:25%;}
.w26{width:26%;}
.w27{width:27%;}
.w28{width:28%;}
.w29{width:29%;}
.w30{width:30%;}
.w31{width:31%;}
.w32{width:32%;}
.w33{width:33%;}
.w34{width:34%;}
.w35{width:35%;}
.w36{width:36%;}
.w37{width:37%;}
.w38{width:38%;}
.w39{width:39%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w52{width:52%;}
.w56{width:56%;}
.w63{width:63%;}
.w65{width:65%;}
.w70{width:70%;}
.w80{width:80%;}
.w100{width:100%;}

.fixedtbl {
   table-layout: fixed;
   width: 100%;
   white-space: nowrap;
}

.fixedtbl > thead > tr > th,
.fixedtbl > tbody > tr > td
{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.table_no_border
{
   border-collapse:collapse;
   border-style: solid;
   border-width:0 !important;
}

.table_no_border td
{
   border-style: solid;
   border-width:0 !important;
}

.shadow-sm {
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04) !important;
}

.shadow {
   box-shadow: 0 0.5rem 2rem rgba(192, 192, 192, 0.2) !important;
}

.shadow-lg {
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
   box-shadow: none !important;
}

.w-25 {
   width: 25% !important;
}

.w-50 {
   width: 50% !important;
}

.w-75 {
   width: 75% !important;
}

.w-100 {
   width: 100% !important;
}

.w-auto {
   width: auto !important;
}

.h-25 {
   height: 25% !important;
}

.h-50 {
   height: 50% !important;
}

.h-75 {
   height: 75% !important;
}

.h-100 {
   height: 100% !important;
}

thead.sticky {
   position: -webkit-sticky;
   position: sticky;
   top: 60px;
   top: -1px;
   z-index: 10 !important;
}

thead.sticky0 {
   position: -webkit-sticky;
   position: sticky;
   top: -1px;
   z-index: 10 !important;
}

.tooltip-inner {
   font-family: "Open Sans", Arial, sans-serif;
   background-color: #5199ff !important;
   color: #fff;
}

/* Divider Borders */
.divider-top-border {
   border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.divider-bottom-border {
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.divider-left-border {
   border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.divider-right-border {
   border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.text-monospace {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
   text-align: justify !important;
}

.text-wrap {
   white-space: normal !important;
}

.text-nowrap {
   white-space: nowrap !important;
}

.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.text-left {
   text-align: left !important;
}

.text-right {
   text-align: right !important;
}

.text-lowercase {
   text-transform: lowercase !important;
}

.text-uppercase {
   text-transform: uppercase !important;
}

.text-capitalize {
   text-transform: capitalize !important;
}

.font-weight-light {
   font-weight: 300 !important;
}

.font-weight-lighter {
   font-weight: lighter !important;
}

.font-weight-normal {
   font-weight: 400 !important;
}

.font-weight-bold {
   font-weight: 600 !important;
}

.font-weight-bolder {
   font-weight: bolder !important;
}

.font-italic {
   font-style: italic !important;
}

.text-white {
   color: #fff !important;
}

.text-bold{
   font-weight: 500 !important;
}

.text-primary {
   color: #f57c00 !important;
}

a.text-primary:hover, a.text-primary:focus {
   color: #ff8716 !important;
}

.text-secondary {
   color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
   color: #494f54 !important;
}

.text-success {
   color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
   color: #19692c !important;
}

.text-info {
   color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
   color: #0f6674 !important;
}

.text-warning {
   color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
   color: #ba8b00 !important;
}

.text-danger {
   color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
   color: #a71d2a !important;
}

.text-light {
   color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
   color: #cbd3da !important;
}

.text-dark {
   color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
   color: #121416 !important;
}

.text-body {
   color: #212529 !important;
}

.text-muted {
   color: #6c757d !important;
}

.text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
   color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
}

.text-decoration-none {
   text-decoration: none !important;
}

.text-break {
   word-break: break-word !important;
   overflow-wrap: break-word !important;
}

.text-reset {
   color: inherit !important;
}

@media (min-width: 576px) {
   .text-sm-1 {
      font-size: .8em !important;
   }

   .text-sm-2 {
      font-size: .9em !important;
   }

   .text-sm-3 {
      font-size: 1em !important;
   }

   .text-sm-4 {
      font-size: 1.2em !important;
   }

   .text-sm-5 {
      font-size: 1.50em !important;
   }

   .text-sm-6 {
      font-size: 1.80em !important;
   }

   .text-sm-7 {
      font-size: 2em !important;
   }

   .text-sm-8 {
      font-size: 2.30em !important;
   }

   .text-sm-9 {
      font-size: 2.50em !important;
   }

   .text-sm-10 {
      font-size: 2.75em !important;
   }

   .text-sm-11 {
      font-size: 3em !important;
   }

   .text-sm-12 {
      font-size: 3.5em !important;
   }

   .text-sm-13 {
      font-size: 4em !important;
   }

   .text-sm-14 {
      font-size: 4.5em !important;
   }

   .text-sm-15 {
      font-size: 5em !important;
   }
}

@media (min-width: 768px) {
   .text-md-1 {
      font-size: .8em !important;
   }

   .text-md-2 {
      font-size: .9em !important;
   }

   .text-md-3 {
      font-size: 1em !important;
   }

   .text-md-4 {
      font-size: 1.2em !important;
   }

   .text-md-5 {
      font-size: 1.50em !important;
   }

   .text-md-6 {
      font-size: 1.80em !important;
   }

   .text-md-7 {
      font-size: 2em !important;
   }

   .text-md-8 {
      font-size: 2.30em !important;
   }

   .text-md-9 {
      font-size: 2.50em !important;
   }

   .text-md-10 {
      font-size: 2.75em !important;
   }

   .text-md-11 {
      font-size: 3em !important;
   }

   .text-md-12 {
      font-size: 3.5em !important;
   }

   .text-md-13 {
      font-size: 4em !important;
   }

   .text-md-14 {
      font-size: 4.5em !important;
   }

   .text-md-15 {
      font-size: 5em !important;
   }
}

@media (min-width: 992px) {
   .text-lg-1 {
      font-size: .8em !important;
   }

   .text-lg-2 {
      font-size: .9em !important;
   }

   .text-lg-3 {
      font-size: 1em !important;
   }

   .text-lg-4 {
      font-size: 1.2em !important;
   }

   .text-lg-5 {
      font-size: 1.50em !important;
   }

   .text-lg-6 {
      font-size: 1.80em !important;
   }

   .text-lg-7 {
      font-size: 2em !important;
   }

   .text-lg-8 {
      font-size: 2.30em !important;
   }

   .text-lg-9 {
      font-size: 2.50em !important;
   }

   .text-lg-10 {
      font-size: 2.75em !important;
   }

   .text-lg-11 {
      font-size: 3em !important;
   }

   .text-lg-12 {
      font-size: 3.5em !important;
   }

   .text-lg-13 {
      font-size: 4em !important;
   }

   .text-lg-14 {
      font-size: 4.5em !important;
   }

   .text-lg-15 {
      font-size: 5em !important;
   }
}

@media (min-width: 1200px) {
   .text-xl-1 {
      font-size: .8em !important;
   }

   .text-xl-2 {
      font-size: .9em !important;
   }

   .text-xl-3 {
      font-size: 1em !important;
   }

   .text-xl-4 {
      font-size: 1.2em !important;
   }

   .text-xl-5 {
      font-size: 1.50em !important;
   }

   .text-xl-6 {
      font-size: 1.80em !important;
   }

   .text-xl-7 {
      font-size: 2em !important;
   }

   .text-xl-8 {
      font-size: 2.30em !important;
   }

   .text-xl-9 {
      font-size: 2.50em !important;
   }

   .text-xl-10 {
      font-size: 2.75em !important;
   }

   .text-xl-11 {
      font-size: 3em !important;
   }

   .text-xl-12 {
      font-size: 3.5em !important;
   }

   .text-xl-13 {
      font-size: 4em !important;
   }

   .text-xl-14 {
      font-size: 4.5em !important;
   }

   .text-xl-15 {
      font-size: 5em !important;
   }
}

.tblheader{
   line-height: 27px;
   margin-left: 13px !important;
   margin-bottom: 12px !important;
}

img.psp
{
   opacity: 1;
   border: 1px solid #DDD;
   border-radius: 5px;
   max-width: 65px;
   height: 40px;
   margin: 10px;
}

img.psp2
{
   opacity: 1;
   border: 1px solid #DDD;
   border-radius: 3px;
   max-width: 50px;
   height: 30px;
   margin-right: 5px;
   margin-bottom: 8px;
}

.psp
{
   opacity: .5;
   cursor: pointer;
}

.psp:hover
{
   opacity: 1;
   transition: all 0.1s ease-in-out;
}

.m-0 {
   margin: 0 !important;
}

.mt-0,
.my-0 {
   margin-top: 0 !important;
}

.mr-0,
.mx-0 {
   margin-right: 0 !important;
}

.mb-0,
.my-0 {
   margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
   margin-left: 0 !important;
}

.m-1 {
   margin: 0.25rem !important;
}

.mt-1,
.my-1 {
   margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
   margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
   margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
   margin-left: 0.25rem !important;
}

.m-2 {
   margin: 0.5rem !important;
}

.mt-2,
.my-2 {
   margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
   margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
   margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
   margin-left: 0.5rem !important;
}

.m-3 {
   margin: 1rem !important;
}

.mt-3,
.my-3 {
   margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
   margin-right: 1rem !important;
}

.mb-3,
.my-3 {
   margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
   margin-left: 1rem !important;
}

.m-4 {
   margin: 2rem !important;
}

.mt-4,
.my-4 {
   margin-top: 2rem !important;
}

.mr-4,
.mx-4 {
   margin-right: 2rem !important;
}

.mb-4,
.my-4 {
   margin-bottom: 2rem !important;
}

.ml-4,
.mx-4 {
   margin-left: 2rem !important;
}

.m-5 {
   margin: 3rem !important;
}

.mt-5,
.my-5 {
   margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
   margin-right: 3rem !important;
}

.mb-5,
.my-5 {
   margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
   margin-left: 3rem !important;
}

.p-0 {
   padding: 0 !important;
}

.pt-0,
.py-0 {
   padding-top: 0 !important;
}

.pr-0,
.px-0 {
   padding-right: 0 !important;
}

.pb-0,
.py-0 {
   padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
   padding-left: 0 !important;
}

.p-1 {
   padding: 0.25rem !important;
}

.pt-1,
.py-1 {
   padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
   padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
   padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
   padding-left: 0.25rem !important;
}

.p-2 {
   padding: 0.5rem !important;
}

.pt-2,
.py-2 {
   padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
   padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
   padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
   padding-left: 0.5rem !important;
}

.p-3 {
   padding: 1rem !important;
}

.pt-3,
.py-3 {
   padding-top: 1rem !important;
}

.pr-3,
.px-3 {
   padding-right: 1rem !important;
}

.pb-3,
.py-3 {
   padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
   padding-left: 1rem !important;
}

.p-4 {
   padding: 1.5rem !important;
}

.pt-4,
.py-4 {
   padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
   padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
   padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
   padding-left: 1.5rem !important;
}

.p-5 {
   padding: 3rem !important;
}

.pt-5,
.py-5 {
   padding-top: 3rem !important;
}

.pr-5,
.px-5 {
   padding-right: 3rem !important;
}

.pb-5,
.py-5 {
   padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
   padding-left: 3rem !important;
}

.m-n1 {
   margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
   margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
   margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
   margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
   margin-left: -0.25rem !important;
}

.m-n2 {
   margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
   margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
   margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
   margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
   margin-left: -0.5rem !important;
}

.m-n3 {
   margin: -1rem !important;
}

.mt-n3,
.my-n3 {
   margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
   margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
   margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
   margin-left: -1rem !important;
}

.m-n4 {
   margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
   margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
   margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
   margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
   margin-left: -1.5rem !important;
}

.m-n5 {
   margin: -3rem !important;
}

.mt-n5,
.my-n5 {
   margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
   margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
   margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
   margin-left: -3rem !important;
}

.pmiddle{
   display: flex !important;
   vertical-align: middle !important;
   margin-right: 8px !important;
}

/* Forms */
form label {
   font-weight: normal;
}

textarea {
   resize: vertical;
}

select {
   border: 1px solid #E5E7E9;
   outline: none;
}

.label {
   font-weight: normal;
}

label.required:after {
   content: "*";
   font-size: 0.8em;
   margin: 0.3em;
   position: relative;
   top: -2px;
}

.form-group:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.form-control {
   border-color: rgba(0, 0, 0, 0.09);
}

.form-control:not(.form-control-lg) {
   font-size: 12px;
   font-size: 0.75rem;
   line-height: 1.3;
}

.form-control:not(.form-control-sm):not(.form-control-lg) {
   font-size: 13.6px;
   font-size: 1rem;
   line-height: 1.75;
}

.form-control.form-control-focused {
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   border-color: #CCC;
}

.form-control:focus {
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   border-color: #CCC;
}

.form-control.error {
   border-color: #a94442;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control.error:focus {
   border-color: #843534;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

input[type="text"].form-control:focus:not([disabled]),
input[type="password"].form-control:focus:not([disabled]),
select.form-control:focus:not([disabled]),
textarea.form-control:focus:not([disabled]),
input[type="text"].form-control:hover:not([disabled]),
input[type="password"].form-control:hover:not([disabled]),
select.form-control:hover:not([disabled]),
textarea.form-control:hover:not([disabled]),
.ani-focus {
   border-color: #f57c00;
   box-shadow: 0 0.5rem 2rem rgba(192, 192, 192, 0.3) !important;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
   border-color: #dc3545;
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
   background-repeat: no-repeat;
   background-position: center right calc(0.375em + 0.1875rem);
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
   border-color: #dc3545;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
   display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
   padding-right: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
   border-color: #dc3545;
   padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
   border-color: #dc3545;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
   display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
   display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
   color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
   display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
   color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
   border-color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
   display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
   border-color: #e4606d;
   background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
   border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
   border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
   display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
   border-color: #dc3545;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:valid, .form-control.is-valid {
   border-color: #28a745;
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: center right calc(0.375em + 0.1875rem);
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
   border-color: #28a745;
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
   display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
   padding-right: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
   border-color: #28a745;
   padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
   border-color: #28a745;
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
   display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
   display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
   color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
   display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
   color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
   border-color: #28a745;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
   display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
   border-color: #34ce57;
   background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
   border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
   border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
   display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
   border-color: #28a745;
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.form-inline {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-flex-align: center;
   align-items: center;
}

.form-inline .form-check {
   width: 100%;
}

.page-link {
   border-color: rgba(0, 0, 0, 0.06);
}

.input-group .form-control {
   height: auto;
}

.input-group-rounded .form-control {
   border-radius: 2rem 0rem 0rem 2rem;
   border: 0;
   padding-left: 16px;
   padding-left: 1rem;
}

.input-group-rounded .input-group-append .btn {
   border-color: rgba(0, 0, 0, 0.09);
   border-radius: 0rem 2rem 2rem 0rem;
   font-size: 11.2px;
   font-size: 0.7rem;
   padding: 13.92px;
   padding: 0.87rem;
   border-top: 0;
   border-bottom: 0;
   border-right: 0;
   z-index: 3;
}

/* Form - iOS Override */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
   -webkit-appearance: none;
}

.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #bdbdbd;
}

.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
textarea::-moz-placeholder {
   color: #bdbdbd;
}

.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #bdbdbd;
}

.btn {
   font-size: 15px;
   padding: 5px 12px;
   cursor: pointer;
   font-family: 'Open Sans';
   font-weight: 500;
   letter-spacing: .3px;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
   color: #333;
   background-color: #e6e6e6;
   border-color: #adadad;
}

/* Outline */
.btn-outline {
   border-width: 2px;
   padding: 6px 14px;
   padding: 0.483rem 0.933rem;
}

.btn-outline.btn-xs {
   padding: 2.4px 8px;
   padding: 0.15rem 0.5rem;
}

.btn-outline.btn-sm {
   padding: 4px 10px;
   padding: 0.25rem 0.65rem;
}

.btn-outline.btn-lg {
   padding: 7px 16px;
   padding: 0.45rem 1rem;
}

.btn-outline.btn-xl {
   padding: 12px 32px;
   padding: 0.75rem 2rem;
}

.btn-modern {
   font-size: 15px;
   padding: 6px 24px;
   font-weight: 600;
}

.btn-primary {
   background-color: #f57c00;
   border-color: #f57c00;
   color: #FFF;
}

.btn-primary:hover, .btn-primary.hover {
   background-color: #ff972a;
   border-color: #ff972a;
   color: #FFF;
   
}

.btn-primary:focus, .btn-primary.focus {
   -webkit-box-shadow: 0 0 0 0 rgba(255, 176, 69, 0.5);
   box-shadow: 0 0 0 0 rgba(255, 176, 69, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
   background-color: #CCC;
   border-color: #CCC #CCC #b3b3b3;
}

.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
   background-color: #f57c00;
   border-color: #f57c00;
   color: #FFF;
   transform: translate(1px, 1px);
}

/* Form - Bootstrap Override */
.btn-lg,
.btn-group-lg > .btn {
   line-height: 1.334;
}

.input-group-btn .btn {
   padding-top: 8px;
   padding-top: 0.5rem;
   padding-bottom: 8px;
   padding-bottom: 0.5rem;
}

select.form-control-sm, select.form-control-lg {
   line-height: 1;
   height: auto !important;
}

.fileupload .btn {
   line-height: 20px;
   margin-left: -5px;
}

/* Forms Validations */
label.valid {
   display: inline-block;
   text-indent: -9999px;
}

label.error {
   color: #c10000;
   font-size: 0.9em;
   line-height: 18px;
   padding: 5px 0 0;
}

label.error#captcha-error {
   margin-top: 15px;
}

.form-errors-light .form-control.error {
   border-color: #FFF;
}

.form-errors-light label.error {
   color: #FFF;
}

/* === Fix für Seite 6570 (Elementor × Bootstrap) === */

/* 1) Bootstrap-Row inside Elementor: negative Margins neutralisieren auf Mobil */
@media (max-width: 767.98px) {
  .elementor-page-6570 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Spalten etwas Innenabstand geben und schrumpfbar machen */
  .elementor-page-6570 .row > * {
    padding: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* 2) Elementor-Wrapper: kein hartes Clippen im Content-Bereich */
@media (max-width: 767.98px) {
  .elementor-page-6570 .elementor-widget-wrap,
  .elementor-page-6570 .elementor-widget-container {
    overflow: visible !important;   /* verhindert, dass die .row abgeschnitten wird */
    min-width: 0 !important;
  }
}

/* 3) Flex-Container dürfen umbrechen (Icons + Preiszeilen) */
@media (max-width: 767.98px) {
  /* Zahlungs-Icons (dein <p class="pmiddle ...">) */
  .elementor-page-6570 .pmiddle {
    display: flex;          /* falls Theme das überschreibt */
    flex-wrap: wrap !important;
    gap: 6px;
    justify-content: center;
  }

  /* Preis-Boxen */
  .elementor-page-6570 .plan-price,
  .elementor-page-6570 .plan-price .price {
    display: flex;
    flex-wrap: wrap !important;
    min-width: 0;
    max-width: 100%;
  }
}

/* 4) Form-Controls: vollbreit & schrumpfbar, kein seitliches Clipping */
@media (max-width: 767.98px) {
  .elementor-page-6570 .form-group .row > * { min-width: 0 !important; }
  .elementor-page-6570 select.form-control,
  .elementor-page-6570 .form-control,
  .elementor-page-6570 .input-group,
  .elementor-page-6570 .input-group .form-control {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

p.drop-caps:first-letter {
   color: #f57c00;
   float: left;
   font-size: 84px;
   line-height: 60px;
   padding: 4px;
   margin-right: 5px;
   margin-top: 5px;
   font-family: Georgia;
}

p.drop-caps2:first-letter {
   color: #f57c00;
   float: left;
   font-size: 48px;
   line-height: 2.3rem;
   padding: 4px 4px 4px 0;
   margin-right: 0px;
   margin-top: 5px;
   font-family: Georgia;
}

p.drop-caps3:first-letter {
   color: #f57c00;
   float: left;
   font-size: 48px;
   line-height: 2.3rem;
   padding: 3px 4px 4px 0;
   margin-right: 0px;
   margin-top: 5px;
   font-family: Georgia;
}

html .bg-color-quaternary,
html .bg-quaternary {
	background-color: #383f48 !important;
}

.text-color-light{
   color: #fff;
}

h4{
   font-weight: 500;
   margin-bottom: 8px;
}

/* Dialog */
.dialog {
   background: white;
   padding: 20px 30px;
   text-align: left;
   margin: 40px auto;
   position: relative;
   max-width: 600px;
}

.dialog.dialog-xs {
   max-width: 200px;
}

.dialog.dialog-sm {
   max-width: 400px;
}

.dialog.dialog-md {
   max-width: 600px;
}

.dialog.dialog-lg {
   max-width: 900px;
}

/* White Popup Block */
.white-popup-block {
   background: #FFF;
   padding: 20px 30px;
   text-align: left;
   max-width: 600px;
   margin: 40px auto;
   position: relative;
}

.white-popup-block.white-popup-block-xs {
   max-width: 200px;
}

.white-popup-block.white-popup-block-sm {
   max-width: 400px;
}

.white-popup-block.white-popup-block-md {
   max-width: 600px;
}

.white-popup-block.white-popup-block-lg {
   max-width: 900px;
}

/* Lightbox Opened */
html.lightbox-opened.sticky-header-active #header .header-body {
   padding-right: 17px;
}

/* Modal Opened */
.modal-open {
   padding-right: 0 !important;
}

p .sidemenu{
  font-size: 19px;
  font-weight: 500;
  color: #72747a;
  margin-bottom: 6px;
  letter-spacing: 0px;
}

p .sidemenu:hover{
   color: #f57c00 !important;
}

:root
{
   /* Headerhöhe ist 60 px */
   /* davon abgezogen wird die halbe Schrifthöhe (46 px) */
   --header-h: 38px;
}

/* Höhe des Menüs */

.mil-banner-sm{
   position: relative;
   height: 260px;
   /* Desktop-Bannerhöhe */
   width: 100%;
   display: flex;
   align-items: center;
   /* vertikal zentrieren in der Restfläche */
   justify-content: flex-start;
   /* linksbündig */
   padding: var(--header-h) 48px 0 48px;
   /* oben = Menühöhe, nur an den Seiten Padding */
   box-sizing: border-box;
   z-index: 1;
}

.mil-banner-content{
   width: 100%;
}

.mil-banner-content .mil-h2{
   margin: 0;
   line-height: 1.15;
   font-size: 46px !important;
   color: #fff !important;
   white-space: normal !important;
   word-break: normal !important;
   overflow-wrap: normal !important;
}

/* Text vor input text usw. */
.lbtx{
   margin-top: 3px;
}