:root {
          --white: #FFFFFF;
          --lightGray: #E6E6E6;
          --mediumGray: #8988AA;
          --neutralDark: #4A4A4A;
          --darkGray: #333333;
          --danger: #B00020;

          --icon-origin-color: var(--secondary);
          --icon-destination-color: var(--secondary);
          --icon-calendar-color: var(--secondary);

          --input-color: var(--darkGray);
          --input-background: var(--white);
          --input-border-color: var(--neutralDark);
          --input-focus-border-color: var(--secondary);
          --input-border-radius: 12px;
          --input-border-color-hover: var(--secondary);
          --input-border-error: var(--danger);
          --input-background-color-hover: var(--transparentSecondary);

          --input-radio-color: var(--white);
          --input-radio-text-color: var(--white);
          --widget-background-color: var(--white);

          --submit-button-text-color: var(--white);
          --submit-button-background-color: var(--primary);
          --submit-button-background-color-hover: var(--primaryDark);
          --submit-button-border-radius: 24px;

          --calendar-title-background: var(--secondary);
          --calendar-title-color: var(--white);
          --calendar-button-next-prev-color: var(--white);
          --calendar-today-color: var(--secondary);
          --calendar-day-hover-background: var(--secondary);
          --calendar-day-hover-color: var(--white);
          --calendar-day-selected-background: var(--secondary);
          --calendar-day-selected-color: var(--white);
          --calendar-day-disabled-background: var(--white);
          --calendar-day-disabled-color: var(--mediumGray);
        }

        #widget-clickbus-wrapper {
          max-width: 100% !important;
        }

        #clickbus-widget {
          background-color: var(--widget-background-color) !important;
        }

        #clickbus-widget.clickbus-widget-horizontal #clickbus-logo,
        #clickbus-widget.clickbus-widget-vertical #clickbus-logo {
          display: none !important;
        }

        #clickbus-widget.clickbus-widget-horizontal #clickbus-widget-heading p {
          font-weight: 400;
          font-size: 16px !important;
        }

        #clickbus-widget.clickbus-widget-vertical #clickbus-widget-submit,
        #clickbus-widget.clickbus-widget-horizontal #clickbus-widget-submit {
          height: 48px;
          border-radius: var(--submit-button-border-radius);

          color: var(--submit-button-text-color) !important;
          background-color: var(--submit-button-background-color) !important;

          transition: filter ease-in 0.2s;
        }

        #clickbus-widget.clickbus-widget-vertical #clickbus-widget-submit:hover,
        #clickbus-widget.clickbus-widget-horizontal #clickbus-widget-submit:hover {
          background: var(--submit-button-background-color-hover) !important;
        }

        #clickbus-widget .clickbus-input-field {
          height: 48px;
          background: var(--input-background);
          border-radius: var(--input-border-radius);
        }

        #clickbus-widget .clickbus-input-field input.js-validate-error-field {
          border: 1px solid !important;
          border-color: var(--input-border-error) !important;
        }

        #clickbus-widget .clickbus-input-field .js-validate-error-label {
          background: var(--input-border-error);
        }

        .clickbus-icon-exclamation-circle:before {
          color: var(--input-border-error);
        }

        #clickbus-widget .clickbus-input-field:focus-within {
          background: none;
        }

        #clickbus-widget .clickbus-input-field:hover {
          background-color: var(--input-background-color-hover);
        }

        #clickbus-widget .clickbus-input-field input {
          border-color: var(--input-border-color) !important;
          border-width: 1px !important;
          border-radius: var(--input-border-radius) !important;

          transition: border 0.2s ease;
        }

        #clickbus-widget.clickbus-widget-theme-white .clickbus-input-field input:focus {
          border-color: var(--input-focus-border-color) !important;
        }

        .clickbus-auto-complete {
          margin-top: -10px;
          border-bottom: 1px solid var(--input-focus-border-color) !important;
          border-bottom-left-radius: var(--input-border-radius);
          border-bottom-right-radius: var(--input-border-radius);
        }

        .clickbus-auto-complete.clickbus-auto-complete {
          border: 1px solid var(--input-focus-border-color);
        }

        #clickbus-widget i.clickbus-icon-origin {
          color: var(--icon-origin-color) !important;
        }

        #clickbus-widget i.clickbus-icon-destination {
          color: var(--icon-destination-color) !important;
        }

        #clickbus-widget i.clickbus-icon-calendar {
          color: var(--icon-calendar-color) !important;
        }

        .pika-title {
          background-color: var(--calendar-title-background);
        }

        .pika-title button {
          background-color: var(--calendar-title-background);
        }

        .pika-title button::before {
          color: var(--calendar-button-next-prev-color);
        }

        .pika-title .pika-label {
          color: var(--calendar-title-color);
        }

        .pika-prev {
          margin-top: -2px !important;
        }

        .pika-next {
          margin-top: -5px !important;
        }

        .pika-table tr td button {
          padding: 0 !important;
        }

        .pika-table tr td.is-today button {
          color: var(--calendar-today-color);
          border-color: transparent;
        }

        .pika-table tr td.is-disabled button,
        .pika-table tr td.is-disabled button:hover {
          color: var(--calendar-day-disabled-color);
          background-color: var(--calendar-day-disabled-background);
        }

        .pika-table tr td.is-selected button {
          color: var(--calendar-day-selected-color);
          background-color: var(--calendar-day-selected-background);
        }

        .pika-table tr td button:hover {
          color: var(--calendar-day-hover-color);
          background-color: var(--calendar-day-hover-background);
        }

        .pika-single {
          top: 0;
          left: 20%;
          border-radius: 3px;
          overflow: hidden;
        }

        .autocomplete-suggestions.autocomplete-suggestions-white {
          border: 1px solid var(--lightGray);
        }

        @media only screen and (min-width: 768px) {
          #clickbus-widget.clickbus-widget-horizontal #clickbus-widget-submit {
            width: 48px !important;
            height: 48px;
          }

          #clickbus-widget.clickbus-widget-horizontal #clickbus-widget-row-destination {
            margin-left: 1%;
            margin-right: 1%;
          }
        }