:root {
--primary-color: #004e91;
--primary-dark-color: #003d70;
--primary-light-color: #5bb5ff;
--primary-darker-color: #002c51;
--primary-color-text: #ffffff;
--primary-50: #E0F3FD;
--primary-100: #B1E1F9;
--primary-200: #7ECDF5;
--primary-300: #4ABAF0;
--primary-400: #23ACEE;
--primary-500: #009EEA;
--primary-600: #0090DB;
--primary-700: #007EC7;
--primary-800: #006DB3;
--primary-900: #004D91;
--shade-0: #ffffff;
--shade-50: #FAFAFA;
--shade-100: #F5F5F5;
--shade-200: #EEEEEE;
--shade-300: #E0E0E0;
--shade-400: #BDBDBD;
--shade-500: #9E9E9E;
--shade-600: #757575;
--shade-700: #616161;
--shade-800: #424242;
--shade-900: #212121;
--color-secondary: #565a61;
--gray-50: #F5F9FF;
--gray-100: #EEF2FB;
--gray-200: #E5E9F2;
--gray-300: #D5DAE2;
--gray-400: #B1B6BE;
--gray-500: #92969E;
--gray-600: #696E75;
--gray-700: #565A61;
--gray-800: #383B42;
--gray-900: #181B21;
--color-secondary-text: #ffffff;
--color-error: #CE2246;
--red-50: #FCE3E8;
--red-100: #F8B9C6;
--red-200: #F28DA0;
--red-300: #EB607C;
--red-400: #E44161;
--red-500: #DE2749;
--red-600: #CE2247;
--red-700: #B91C44;
--red-800: #A51642;
--red-900: #820B3C;
--color-error-text: #ffffff;
--color-info: #03A9F4;
--blue-50: #E1F5FE;
--blue-100: #B3E5FC;
--blue-200: #81D3FA;
--blue-300: #4EC2F7;
--blue-400: #28B5F6;
--blue-500: #03A8F4;
--blue-600: #049AE5;
--blue-700: #0487D1;
--blue-800: #0476BD;
--blue-900: #03569B;
--color-info-text: #2f3b4d;
--color-warn: #f9bf08;
--yellow-50: #FEF8E1;
--yellow-100: #FDECB3;
--yellow-200: #FBE082;
--yellow-300: #FAD54F;
--yellow-400: #F9CA28;
--yellow-500: #F9C108;
--yellow-600: #F9B300;
--yellow-700: #F9A000;
--yellow-800: #F99000;
--yellow-900: #F97000;
--color-warn-text: #2f3b4d;
--color-help: #a855f7;
--purple-50: #F3E7FE;
--purple-100: #E1C4FC;
--purple-200: #CE9CFB;
--purple-300: #B974F9;
--purple-400: #A955F7;
--purple-500: #9938F3;
--purple-600: #8537EC;
--purple-700: #6A33E4;
--purple-800: #4E30DD;
--purple-900: #002CCE;
--color-help-text: #2f3b4d;
--color-success: #004e91;
--green-50: #E0F3FD;
--green-100: #B1E1F9;
--green-200: #7ECDF5;
--green-300: #4ABAF0;
--green-400: #23ACEE;
--green-500: #009EEA;
--green-600: #0090DB;
--green-700: #007EC7;
--green-800: #006DB3;
--green-900: #004D91;
--color-success-text: #ffffff;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-light: #2f3b4d;
--text-color-on-dark: #ffffff;
--text-color: #2f3b4d;
--surface-0: #ffffff;
--surface-50: #FFFFFF;
--surface-100: #FAFAFA;
--surface-200: #F5F5F5;
--surface-300: #F0F0F0;
--surface-400: #DEDEDE;
--surface-500: #C2C2C2;
--surface-600: #979797;
--surface-700: #818181;
--surface-800: #606060;
--surface-900: #3C3C3C;
--bg-color-secondary: #ffffff;
--bg-color-body: #F5F5F5;
--surface-section: #ffffff;
--surface-b: #ffffff;
--surface-ground: #F5F5F5;
--surface-a: #F5F5F5;
--surface-border: #E0E0E0;
--surface-d: #E0E0E0;
--surface-hover: rgba(0,0,0,.04);
--surface-c: rgba(0,0,0,.04);
--maskbg: rgba(0,0,0,.4);
--surface-card: var(--shade-0);
--surface-e: var(--shade-0);
--surface-overlay: var(--shade-0);
--surface-f: var(--shade-0);
--focus-ring: 0 0 0 0.2rem var(--primary-light-color);
color-scheme: light;
}
:root.dark {
--admin-wrapper-background: var(--surface-ground) none;
--shop-wrapper-background: var(--surface-ground) none;
--primary-color: #004e91;
--primary-dark-color: #003d70;
--primary-light-color: #5bb5ff;
--primary-darker-color: #002c51;
--primary-color-text: #ffffff;
--primary-50: #004D91;
--primary-100: #006DB3;
--primary-200: #007EC7;
--primary-300: #0090DB;
--primary-400: #009EEA;
--primary-500: #23ACEE;
--primary-600: #4ABAF0;
--primary-700: #7ECDF5;
--primary-800: #B1E1F9;
--primary-900: #E0F3FD;
--shade-0: #121212;
--shade-50: #050505;
--shade-100: #292929;
--shade-200: #464646;
--shade-300: #585858;
--shade-400: #7F7F7F;
--shade-500: #A1A1A1;
--shade-600: #C7C7C7;
--shade-700: #DBDBDB;
--shade-800: #EAEAEA;
--shade-900: #F6F6F6;
--color-secondary: #565a61;
--gray-50: #181B21;
--gray-100: #383B42;
--gray-200: #565A61;
--gray-300: #696E75;
--gray-400: #92969E;
--gray-500: #B1B6BE;
--gray-600: #D5DAE2;
--gray-700: #E5E9F2;
--gray-800: #EEF2FB;
--gray-900: #F5F9FF;
--color-secondary-text: #ffffff;
--color-error: #CE2246;
--red-50: #820B3C;
--red-100: #A51642;
--red-200: #B91C44;
--red-300: #CE2247;
--red-400: #DE2749;
--red-500: #E44161;
--red-600: #EB607C;
--red-700: #F28DA0;
--red-800: #F8B9C6;
--red-900: #FCE3E8;
--color-error-text: #ffffff;
--color-info: #03A9F4;
--blue-50: #03569B;
--blue-100: #0476BD;
--blue-200: #0487D1;
--blue-300: #049AE5;
--blue-400: #03A8F4;
--blue-500: #28B5F6;
--blue-600: #4EC2F7;
--blue-700: #81D3FA;
--blue-800: #B3E5FC;
--blue-900: #E1F5FE;
--color-info-text: #2f3b4d;
--color-warn: #f9bf08;
--yellow-50: #F97000;
--yellow-100: #F99000;
--yellow-200: #F9A000;
--yellow-300: #F9B300;
--yellow-400: #F9C108;
--yellow-500: #F9CA28;
--yellow-600: #FAD54F;
--yellow-700: #FBE082;
--yellow-800: #FDECB3;
--yellow-900: #FEF8E1;
--color-warn-text: #2f3b4d;
--color-help: #a855f7;
--purple-50: #002CCE;
--purple-100: #4E30DD;
--purple-200: #6A33E4;
--purple-300: #8537EC;
--purple-400: #9938F3;
--purple-500: #A955F7;
--purple-600: #B974F9;
--purple-700: #CE9CFB;
--purple-800: #E1C4FC;
--purple-900: #F3E7FE;
--color-help-text: #2f3b4d;
--color-success: #004e91;
--green-50: #004D91;
--green-100: #006DB3;
--green-200: #007EC7;
--green-300: #0090DB;
--green-400: #009EEA;
--green-500: #23ACEE;
--green-600: #4ABAF0;
--green-700: #7ECDF5;
--green-800: #B1E1F9;
--green-900: #E0F3FD;
--color-success-text: #ffffff;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-dark: #2f3b4d;
--text-color-on-light: #ffffff;
--text-color: #ffffff;
--surface-0: #121212;
--surface-50: #121212;
--surface-100: #323232;
--surface-200: #505050;
--surface-300: #636363;
--surface-400: #8A8A8A;
--surface-500: #ABABAB;
--surface-600: #D0D0D0;
--surface-700: #E2E2E2;
--surface-800: #EEEEEE;
--surface-900: #F7F7F7;
--bg-color-secondary: #000000;
--bg-color-body: #0a0a0a;
--surface-section: #121212;
--surface-b: #121212;
--surface-ground: #0a0a0a;
--surface-a: #0a0a0a;
--surface-border: #1f1f1f;
--surface-d: #1f1f1f;
--surface-hover: rgba(255,255,255,.04);
--surface-c: rgba(255,255,255,.04);
--maskbg: rgba(255,255,255,.4);
--surface-card: var(--shade-0);
--surface-e: var(--shade-0);
--surface-overlay: var(--shade-0);
--surface-f: var(--shade-0);
--focus-ring: 0 0 0 0.2rem var(--primary-light-color);
color-scheme: dark;
}
:root {
--font-family: Arial, Helvetica, sans-serif;
--font-weight: 400;
--font-size: 1rem;
--header-font-family: Arial, Helvetica, sans-serif;
--header-font-weight: 300;
--header-font-size: 1.429rem;
--content-padding: 1rem;
--inline-spacing: .5rem;
--border-radius: 4px;
--color-fatal: #F55151;
--color-ham-blue: rgb(0, 78, 145);
--color-ham-blue-dark: rgb(0, 48, 99);
--color-ham-grey-light: #f3f5f5;
--color-ham-red: rgb(225, 0, 25);
--header-menu-toggler-color: #555555;
--ipcp-bg-color-secondary-dark: rgb(0, 48, 99);
--primary-lighter1: rgb(0, 48, 99);
--theme-resource-name: 'primefaces-ipcp-ham';
}
@import "../primefaces-rio/theme-template.less";

//.fa-ticket-alt:after {display:none !important;}

//.fa-ticket-alt:before {
//  font-family: 'icomoon', serif !important;
//  speak: none;
//  font-style: normal;
//  font-weight: normal;
//  font-variant: normal;
//  text-transform: none;
//  line-height: 1;
//  content: "\e622" !important;
//  -webkit-font-smoothing: antialiased;
//  -moz-osx-font-smoothing: grayscale;
//}
//.fa-tags:after {display:none !important;}
//.fa-tags:before {
//  font-family: 'icomoon' !important;
//  speak: none;
//  font-style: normal;
//  font-weight: normal;
//  font-variant: normal;
//  text-transform: none;
//  line-height: 1;
//  content: "\e621" !important;
//  -webkit-font-smoothing: antialiased;
//}
//  -moz-osx-font-smoothing: grayscale;


/*
 * Theming variables
 */

/*
* blue: #00539f
* orange hell:  #EC6707
* orange dunkel:#ED6F40
* gray:         #918a84
* gray hell:    #d9d9d9
* grau dunkel 	#938C86
*/




																
 







.OrangeButtonHam { background-color: #F08A00 !important; color:white !important; border: 0 none !important;}
.OrangeButtonHam.ui-state-hover , .OrangeButtonHam.ui-state-focus {background-color:#FCA537 !important; border: 0 none !important;}

//PHQHAM-998
.GreenButtonHam { background-color: #85C988 !important; color: white !important;; border: 0 none !important;}
.GreenButtonHam.ui-state-hover , .GreenButtonHam.ui-state-focus {background-color:#85C988 !important; border: 0 none !important;}

@media @phone, @tablet {
  #appHeader\:appSteps\:steps {
    font-size: 1.3em;
  }
}

.ui-chips-input-token {
  display: block;
}

.ui-chips-input-token input {
  width: -moz-available;
}

html body.app {

  .orderPDFConfirmation {
    .headerContainer {
      .ipcp-steps-container {
        div.p-col-12 {
          display: none;
        }
      }
    }
  }

  .headerContainer {
    background-color: rgba(220, 220, 220, 0.2);

    #appHeader {

      background-color: white !important;

      .ipcp-steps-container {
        padding-top: 6px;
        margin: 0 auto 0 auto;

        .ipcp-header-basket {
          padding-top: 11px;
        }

        .ui-steps {
          .ui-state-highlight {
            .ui-steps-number {
              background-color: @color-ham-red !important;
            }
          }
        }
      }
    }
  }


  &.no-header-bar .contentContainer {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)), to(rgba(255, 255, 255, 0.0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0));
  }

  .ipcp-header-menu {
    padding: 0 !important;
    //background-color: white !important;
    margin-bottom: 0;

    @media @phone, @tablet {
      //position: fixed;
      width: 100%;
      z-index: 9999;
      border-bottom: 2px solid @color-ham-blue;

      h1 {
        text-align: left !important;
        position: relative;
        clear: left;
      }

      .ipcp-header-languages {
        display: none;
      }
    }

    .ipcp-header-languages {
      margin-bottom: -8px;
      background-color: @color-ham-blue;
      float: right;
      border-radius: 10px 0px 0px 10px;
      .menu-item {
        i {
          color: white;
        }

        span.menu-item-text {
          color: white;
        }
      }
    }

    .ipcp-header {
      clear: none;
      min-width: 200px !important;
      float: left;
      width: 300px !important;
    }

	

    .ipcp-login-state {
      .ipcp-login-state-logged-in {
        color: @color-ham-blue !important;
        margin-top: -2px;
      }

      .menu-item {
        .ripplelink {
          color: @color-ham-blue !important;
        }

        .menu-item-text {
          color: @color-ham-blue !important;
        }
      }
    }
  }

  form#timeSelectionFrm {
    .ipcp-main-header {
      margin-bottom: 5px !important;
      padding-left: 8px !important;

      span {
        float: left;
        text-align: left;

        &.timeSelectionConsiderInfo {
          width: 85%;
        }
      }

      .timeSelectionConsiderInfo {
        font-size: 10px;
      }
    }

    .ipcp-main-header-voucher {
      .ipcp-button-voucher {
        float: right;
        margin-top: 10px !important;

        @media @phone {
          float: left !important;
          width: auto !important;
        }
      }

      .ipcp-input-voucher {
        float: right;
        margin-top: 10px !important;
        width: 60% !important;

        @media @phone {
          float: left !important;
          width: 100% !important;
          margin: 5px 5px;
        }
      }
    }

    .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
      padding: 10px 0;
    }
  }

  .ipcp-rates-table .Card .CardWrapper {

    .CardIconContainer {
      height: auto;
      overflow: visible;
      max-height: 300px;

      span {
        line-height: 75px !important;

        &::before {
          font-size: 80px !important;
        }

      }
    }

    .CardTextContainer {
      min-height: 360px;

      .CardContent {
        .rate-validityPeriod {
          font-size: 11px;
        }

        .rate-productDescription {
          margin: 7px;

          ul {
            margin: 5px;
          }
        }
      }

      .CardFooter {
        width: 92%;
        position: static;
        bottom: 5px;

        a i {
          margin-top: 3px;
          margin-right: 2px;
        }

        .ui-widget .ui-chkbox {
          .ui-chkbox-box {
            width: 10px !important;
            height: 10px !important;

            .ui-chkbox-icon {
              width: 3px;
              height: 7px;
              margin-top: -2px;
              border-bottom: solid 2px #00244a;
              border-right: solid 2px #00244a;
            }
          }

          .ui-chkbox-label {
            font-size: 11px;
            margin-top: 4px !important;
          }
        }
      }
    }
  }

  .contentContainer {
    padding-bottom: 5%;

    #pageContent {
      display: block;

      .ipcp-app-area {

        #cartFrm {
          textarea {
            background-color: white;
          }
        }

        #authenticationForm {
          .CardFooter {
            button {
              .ui-button-text {

                font-size: 25px;
                font-weight: bold;
              }
            }
          }
        }

        .regAcceptToS {
          .ui-chkbox-label {
            display: inline;
          }
        }

      }

      #pdfConfirmation {
        #pdfConfirmation_content {
          overflow: auto;

          a#boxPdfIcon {
            float: left;
            margin-left: 10px;
            img {
              width: 40px !important;
            }
          }

          a#pdfConfirmPassbookLink {
            margin-top: 4px;
            margin-left: 10px;
            float: left;
          }

          #reservationFinishButtons {
            button {
              width: 265px;
            }
          }

          p {
            clear: left;
          }
        }
      }
    }
  }

  div.ipcp-login-state {
    float: right;
    text-transform: uppercase;
  }

  div.ipcp-login-state a {
    text-decoration: none;
    color: #000;
  }

  div.ipcp-login-state a:hover {
    color: #333;
  }

  .ui-steps .ui-steps-item .ui-steps-number {
    background-color: @color-ham-blue-dark;
    color: #fff;
    border: 3px solid #fff;
  }

  .ui-steps .ui-steps-title {
    background-color: @color-ham-blue-dark;
    color: #fff;
    padding: 5px;
    margin-top: 5px;
    display: block !important;
    .border-radius(20px);
  }

  @media @phone, @tablet {
    .ui-steps .ui-steps-title {
      display: none !important;
    }
  }

  div.header div.ipcp-header {
    height: 90px;
    margin: 0 !important;
  }
  div.header div.ipcp-header a {
    display: none;
  }

  button.ui-button.ui-button-next.GreenButton:not(.ui-state-hover) {
    background-color: @color-ham-blue !important;
  }

  button.ui-button.ui-state-hover:not(.ui-button-icon-only):not(.ui-button-text-icon-right), button.ui-button.ui-button-big.ui-state-hover:not(.ui-button-text-icon-right):not(.ui-button-icon-only) {
    background-color: @color-ham-blue-dark !important;
  }

  button.ui-button-big.ui-state-hover {
    opacity: 1 !important;
  }

  .fa.hi-icon {
    background-color: @color-ham-red !important;
  }

  a.hi-icon-container:hover .fa.hi-icon {
    background-color: #ffffff !important;
    color: @color-ham-red !important;
  }

  .ipcp-footer-link, div.footerContainer a, .ipcp-footer {
												 
    //color: rgb(5, 17, 245) !important;
    margin: 3px;
  }
}


.ipcp-confirmation-box .pdfConfirmationSubElement {

  display: inline-block !important;

}

.ipcp-confirmation-box .pdfConfirmationSubBox {

  float: left;
  width: 48%;

}

#reservationFinishButtons button {
  display: inline-block !important;
}

#rateSelectionInfo {
  width: 40% !important;
}

.rate-verificationNotice {
  margin-bottom: 3em !important;
}

.rate-areasName {
  display: none !important;
}

.rate-price {
  display: inline-block;
}

.reservation-fee {
  font-size: 0.8em !important;
}

body {
  .contentContainer {
    @media @phone, @tablet {
      margin-top: 75px;
    }
  }

  &.orderCart {
    .contentContainer {
      .systemMessages {
        margin: 0 10px;
      }
    }
  }

  &.ReservationCreate {
    &.orderAccess {
      .contentContainer {
        .systemMessages {
          margin: 0 10px;
        }
      }
    }

    .contentContainer {

      min-height: 700px;

      #pageContent {

        .ipcp-app-area {

          .ipcp-main-header-voucher {
            button#voucherHeaderLink {
              float: right;

              @media @phone {
                float: left !important;
                width: auto !important;
                margin-bottom: 10px;
              }
            }

            input#voucherHeader {
              float: left !important;
              margin-top: 0px !important;
              width: 60% !important;

              @media @phone {
                float: left !important;
                width: 100% !important;
                margin: 5px 5px;
              }
            }
          }

          form#timePreselection {
            .ipcp-main-header-voucher {
              button {
                float: right !important;
              }

              input {
                float: left !important;
                width: 60% !important;
                margin-top: 0 !important;
              }
            }
          }

          #timeSelectionFrm {
            .CardWrapper {

              .ui-calendar {
                .ui-button-next {
                  display: block !important;
                }
              }
            }
          }

          #confirmationFrm {
            .ipcp-button-bar {
              button.GreenButton {
                @media @phone, @tablet {
                  float: left !important;
                }
              }
            }
          }

          #confirmationContent, #confirmationFrm {

            #orderTable, #confirmationFrm\:orderTable {

              table {

                thead {

                  tr {

                    th {
                      @media @phone {
                        font-size: 12px;
                      }
                    }
                  }
                }

                tbody {

                  tr {

                    td {

                      @media @phone {
                        font-size: 12px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .footerContainer {

    #appFooter {
      letter-spacing: 0.3px;

      .footer {

        box-sizing: border-box;
        max-width: 100% !important;
        padding-top: 0;

        .ShowOnDesktop {

          .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
            content: " ";
            display: table;
          }

          div#widgets {
            background-color: @color-ham-blue;
            color: #fff !important;
            min-height: 370px;
            padding-top: 45px;
            box-sizing: border-box;
            padding-left: 11%;

            h4 {
              margin-top: 10px;
              text-align: left;
            }

            .ui-offset-1 {
              padding-left: 7%;
            }

            .ui-offset-2 {
              padding-left: 1%;
            }

            .ipcp-footer-link-top {
              display: block;
              text-align: left;
              margin: 1px 1px;
            }

            .ipcp-footer-link-icon {
              margin-right: 5px;
              top: 2px;
            }

            .widget-title {
              font-size: 1.5em;
              letter-spacing: 2px;
              text-transform: uppercase;
              position: relative;
              margin-bottom: 20px !important;
              color: #fff !important;

              &:after {
                display: inline-block;
                position: absolute;
                top: 35px;
                left: 0px;
                margin-left: 0px;
                height: 3px;
                width: 30px;
                content: " ";
                background-color: #fff;
              }
            }
            p {
              text-align: left;
            }
            img {
              margin-right: 20px;
            }
            font-size: 14px;
            line-height: 1.71;
          }

          div#footer {
            background-color: #f3f5f5;
            color: #005b8c;
            height: 65px !important;
            font-size: 1.2em;

            .row {

              overflow: auto;

              div.copyright {
                float: left;
                margin-top: 4px;
                position: relative;
                min-height: 1px;

                .footer-copyright {
                  text-align: right;
                  line-height: 1.54;
                  padding: 0.5em 1em;

                  .textwidget {

                    p {
                      margin: 0 0 10px;
                    }
                  }
                }
              }
              div.footernav {
                float: left;
                margin-top: 8px;
                position: relative;
                min-height: 1px;
                padding-left: 15px;
                padding-right: 15px;
              }
              nav {
                display: inline-block;
                float: left;

                a {
                  color: @color-ham-blue !important;
                  text-decoration: none;
                  font-weight: bold;
                }
                a:hover {
                  color: #005b8c;
                  text-decoration: underline;
                  position: relative;
                }
                ul {
                  margin: 0px;
                  padding: 0px;
                }
                li {
                  margin: 0px;
                  padding: 0px;
                  float: left;
                  list-style: none;
                  position: relative;

                  a.ipcp-footer-link {
                    //padding: 0.2em 0.5em;
                    margin: 0px 3px;
                  }
                }
              }
            }
          }
        }

        .ShowOnMobile {
          background-color: @color-ham-blue;
          padding-top: 25px;

          a.ipcp-footer-link:hover {
            color: #005b8c;
            text-decoration: underline;
            position: relative;
          }

          a.ipcp-footer-link {
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
          }
        }
      }
    }
  }
  // =======================
}

html body .ipcp-input-voucher {
  float: right !important;
  width: 40% !important;
}

.rateSelectionInfo {
  margin-left: 7px;
}

.Fright.ipcp-button-voucher.rateSelection {
  margin-top: 32px !important;
  width: 33.33%;
}

#reservationFinishButtons button {
  margin: 3px;
}

html body .ipcp-logo {
  background-size: contain !important;
}

#logo .ipcp-logo {
  background-color: white !important;
}

#voucherCustomHeader tbody tr td {
  border: none !important;
  padding: .5em !important;
}

.ipcp-voucher-header {
  padding: 0 !important;
  margin: 10px 0 0 0 !important;
  border: none !important;
  background-color: transparent !important;
}

html body.app div.header div.ipcp-header a {
  display: block !important;
}

html body.admin {
  .contentContainer {
    padding-bottom: 2em;

    #pdfConfirmation {

      #pdfConfirmation_content {
        overflow: auto;

        a#boxPdfIcon {
          float: left;
          margin-left: 10px;
          img {
            width: 40px !important;
          }
        }

        a#pdfConfirmPassbookLink {
          margin-top: 4px;
          margin-left: 10px;
          float: left;
        }

        #reservationFinishButtons {
          button {
            width: 265px;
          }
        }

        p {
          clear: left;
        }
      }
    }
  }
}

#menuFrm\:adminMenu >* a > i.fad.fa-tags.fa-fw,
#menuFrm\:adminMenu >* a > i.fad.fa-ticket-alt.fa-fw {
  width: 20px;
  height: 17px;
  font-size: 20px;
}

#toolbarFrm >* span.ui-button-icon-left.ui-icon.ui-c.fad.fa-ticket-alt.fa-fw {
  font-size: 29px !important;
  margin-top: -25px !important;
}

#toolbarFrm >* span.ui-button-icon-left.ui-icon.ui-c.fad.fa-tag.fa-fw {
  margin-top: -23px !important;
}

//.fa-tag:after {display:none !important;}
//.fa-tag:before {
//  font-family: 'icomoon' !important;
//  speak: none;
//  font-style: normal;
//  font-weight: normal;
//  font-variant: normal;
//  text-transform: none;
//  line-height: 1;
//  content: "\e621" !important;
//  -webkit-font-smoothing: antialiased;
//  -moz-osx-font-smoothing: grayscale;
//}

#tabs > ul > li > a > span.fa-tags,
#tabs > ul > li > a > span.fa-ticket-alt {
  left: -18px;
  top: -17px;
  margin-left: 20px;
}

span.ui-panel-title > i.fad.fa-tags,
span.ui-panel-title > i.fad.fa-ticket-alt {
  left: -18px;
  padding-left: 17px;
  top: -22px;
  font-size: 25px;
  padding-right: 7px;
}

#tabs\:mpcForm\:product >* i.fad.fa-tags.fa-fw {
  top: -12px;
}

tr.ui-selectonemenu-item.ui-selectonemenu-row > td > span.fad.fa-tags.fa-fw,
tr.ui-selectonemenu-item.ui-selectonemenu-row > td > span.fad.fa-ticket-alt.fa-fw {
  top: -12px;
}

div.ui-card-wrapper > div.ui-card-icon-container.accent > i.fad.fa-tags,
div.ui-card-wrapper > div.ui-card-icon-container.accent > i.fad.fa-ticket-alt {
  margin-left: -20px;
  margin-right: 40px;
}

@media (max-width: 575px), (max-width: 767px) and (min-width: 576px) {
  div.ui-card-wrapper > div.ui-card-icon-container.accent > i.fad.fa-tags,
  div.ui-card-wrapper > div.ui-card-icon-container.accent > i.fad.fa-ticket-alt {
    margin-left: unset;
    margin-right: 18px;
  }
}

div.ui-datalist-content.ui-widget-content >* li.ui-datalist-item >* i.fad.fa-tags.fa-fw,
div.ui-datalist-content.ui-widget-content >* li.ui-datalist-item >* i.fad.fa-ticket-alt.fa-fw {
  top: -12px;
}

#profileMenuFrm\:tabMenu > ul > li > a > span.ui-menuitem-icon.ui-icon.fad.fa-tags.fa-fw,
#profileMenuFrm\:tabMenu > ul > li > a > span.ui-menuitem-icon.ui-icon.fad.fa-ticket-alt.fa-fw {
  font-size: 25px;
  margin: 0;
  margin-top: -7px;
  left: 7px;
}

div.ui-paginator-top-left-content > i.fad.fa-tags,
div.ui-paginator-top-left-content > i.fad.fa-ticket-alt {
  left: -18px;
  padding-left: 17px;
  top: -22px;
  font-size: 25px;
  padding-right: 7px;
}

div.ipcp-rates-tableitem >* i.fad.fa-tags,
div.ipcp-rates-tableitem >* i.fad.fa-ticket-alt {
  top: -15px;
  font-size: 18px;
  padding-right: 7px;
}


#cartFrm\:rates {
  margin-left: -30px;
}

#pageContent > div.Wrapper > div.contentContainer > div.content.WidAutoOnMobile > div.p-grid.p-dir-rev > div.p-col {
  overflow-wrap: anywhere;
  width: 100%;
}


@media screen and (min-width: 400px) and (max-width: 767px) {
  html body div.headerContainer div.ipcp-header {
    position:absolute;
    top: -2px !important;
    min-height: 55px !important;
  }

  div.header > div.ipcp-header-menu > #widgets > div.row > div {
    width: 50% !important;
    height: 95px;
  }

  div.header > div.ipcp-header-menu > #widgets > div.row > div.ui-g-12.ui-md-8.ui-lg-8 {
    padding-top : 25px;
  }
}

@media screen and (max-width: 400px) {
  html body div.headerContainer div.ipcp-header {
    //position:fixed;
    top: -2px !important;
    min-height: 55px !important;
  }
}