@charset "UTF-8";
@import "fonts/stylesheet.css";
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
  margin: 0px;
  padding: 0px;
}
@media (max-width: 991.98px) {
  html {
    font-size: 53.125%;
  }
}
@media (max-width: 767.98px) {
  html {
    font-size: 43.75%;
  }
}

body {
  font-family: "neutraface_2_text", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.3334;
  color: black;
  margin: 0;
  padding: 0;
  font-variant-numeric: lining-nums;
  /* Pro jistotu i starší zápis/pojistka */
  font-feature-settings: "lnum" 1;
}

/* Widget background color */
body,
.np-body-bg {
  background-color: #FFFFFF;
  color: #1F2120;
}

#header {
  display: none;
}

/*
  Definition of: 

  1.  header background color 
  2.  Date input background color
  3.  Select box background color 
  4.  Datepicker background color
*/
#header,
.np-filed,
.np-select:active,
.selectWrapper,
.selectOptions,
.ui-datepicker,
.np-select.active .np-input {
  background-color: #FFFFFF;
  color: #1F2120;
}

/*
 	Base text style

 	Text color of
 	1. Base paragrapth text
 	2. Link text color
 	3. Alternative times text color (second step
 	4. VOP text color
 	5. Select box options text color
*/
.np-body p,
.np-link,
.np-options a,
p a.np-link,
.np-checkbox-wrapp a,
.np-options li:not(:first-child):before {
  color: #1F2120;
}

/*
	Link hover style definition
*/
a.np-link:hover,
.np-options a:hover,
.np-checkbox-wrapp a:hover {
  color: #1F2120;
  text-decoration: none;
}

/*
	Datepicker & Header text style

	Text color of:
	1. Header text color
	2. Select option text color
	3. Datepicker's dayOfweek lables text color
	4. Datepicker's next/prew arrows color
	5. Datepicker's active days text color
*/
#header,
.np-select,
.selectOptions li,
.np-filed,
.ui-datepicker th,
.ui-datepicker-prev span, .ui-datepicker-next span,
.ui-datepicker tbody td a { /* 5. */
  color: #1F2120;
}

/**
* 	Color of bottom selectbox arrow (first step)
*/
.np-select:before {
  top: 11px;
  border-color: transparent transparent #746161 transparent;
}

/**
* 	Color of top selectbox arrow (first step)
*/
.np-select:after {
  top: 25px;
  border-color: #746161 transparent transparent transparent;
}

.np-select:after,
.np-select:before {
  right: 22px;
}

.selectOptions {
  border: 1px solid #AEB0B4;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  border-top-style: none;
  border-radius: 3.6rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Select box options separator */
.selectOptions li {
  background-color: #FCFBFA;
  border-bottom: 1px solid #AEB0B4;
  padding: 12px 22px;
}
.selectOptions li:last-child {
  padding-bottom: 16px;
}

.selectOptions li:hover {
  font-weight: bold;
  color: #BB933B;
  background-color: #FFFFFF;
}

.ui-datepicker {
  border: 1px solid #AEB0B4;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

/**
* 	Datepicker style
*/
.ui-datepicker-header,
.ui-datepicker-title {
  color: #1F2120;
}

.ui-datepicker .ui-datepicker-title {
  font-weight: 600;
}

/*
	Datepicker's disabled days
*/
.ui-datepicker-unselectable span {
  color: #665656 !important;
}

.ui-datepicker-calendar .ui-state-active {
  color: #79d9c3;
}

.ui-datepicker tbody td a {
  border-bottom: 2px solid #453a3a !important;
}

.ui-datepicker-today a {
  background-color: #79d9c3;
}

.ui-datepicker-today .ui-state-active {
  color: #fff;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  font-size: 28px;
}

.np-fields {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 32px;
  margin-bottom: 32px;
  padding-bottom: 0px;
}

.np-fields.min-height-50 {
  height: initial !important;
}

.np-fields .np-date input {
  width: 100%;
}

.np-fields > li {
  width: calc(50% - 16px) !important;
  float: none;
}

.np-fields > li label {
  font-weight: normal;
  padding: 0px 0px 8px 0px;
}

.np-fields input.np-filed {
  font-weight: normal;
}

.np-input,
input.np-date,
.np-select,
.np-body form .np-input {
  border: 1px solid #AEB0B4;
  border-radius: 3.6rem;
  background-color: #FCFBFA;
  color: #1F2120;
  font-weight: normal;
  width: 100%;
  height: 49px;
  line-height: 49px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 22px;
  padding-right: 22px;
  text-align: left;
}
.np-input:focus,
input.np-date:focus,
.np-select:focus,
.np-body form .np-input:focus {
  border-color: #BB933B;
}

.np-body form textarea.np-input {
  padding-top: 12px;
  padding-bottom: 12px;
  height: 7em;
  min-height: 7em;
  line-height: 1.25em;
  resize: vertical;
}

.np-select.focus {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.selectWrapper {
  width: 100%;
  height: 49px;
}

/**
* Widget button style
*/
input.np-button,
input.np-button-inline {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-family: "neutraface_2_text", sans-serif;
  font-variant-numeric: lining-nums;
  /* Pro jistotu i starší zápis/pojistka */
  font-feature-settings: "lnum" 1;
  font-size: 1.5rem;
  text-decoration: none !important;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.3334;
  min-height: 48px;
  padding: 16px 22px 14.4px 22px;
  border: 1px solid #E1AC52;
  border-radius: 3.6rem;
}
input.np-button .fas, input.np-button .far,
input.np-button-inline .fas,
input.np-button-inline .far {
  margin-right: 8px;
  font-size: 125%;
}
input.np-button,
input.np-button-inline {
  /*
  @media (max-width: grid.$mdWidthMax) {
      font-size: functions.remSize(20px);
      @include mixins.padding-tb(grid.s8(2));
      @include mixins.padding-lr(grid.s8(3));
      line-height: 1.3334;
  }

  @media (max-width: grid.$smWidthMax) {
      font-size: functions.remSize(15px);
      @include mixins.padding-tb(grid.s8(2));
      @include mixins.padding-lr(grid.s8(6));
  }
  */
}
@media (max-width: 767.98px) {
  input.np-button,
  input.np-button-inline {
    font-size: 1.8rem;
    min-height: auto;
    padding: 14px 22px;
  }
}
input.np-button,
input.np-button-inline {
  height: auto;
  background-color: #BB933B;
  border: 1px solid #BB933B;
  color: #fff;
  border-radius: 3.6rem;
  outline: none;
  display: block;
}
input.np-button:hover,
input.np-button-inline:hover {
  background-color: #BB933B;
  border-color: #BB933B;
}

/* Formulář krok 1 */
#submit_button {
  margin: 0px auto;
  width: 100%;
  max-width: 405px;
  margin-bottom: 32px;
}

/* Formulář krok 2 */
#int-tel-input {
  padding-left: 64px;
}

.widget-link {
  color: #BB933B;
}

/*
	Style definition of sub-header box (second/third/fourth step)
*/
.np-label-box {
  color: #fff;
  background-color: #BB933B;
}

/*
	Small triangle situated bottom of sub-header
	Same color like: .np-label-box{ background-color: }.
*/
.np-label-box .np-triangle {
  border-color: #BB933B transparent transparent transparent;
  _border-color: #BB933B #000000 #000000 #000000;
}

/*
* Style definition of alternatives times. (Second step of booking)  
*/
.np-alternatives li {
  border-color: #453a3a;
  color: #453a3a;
}

.np-alternatives li:hover {
  background-color: #453a3a;
  color: #fff;
}

/*
	Inactive input fields in third step.
*/
.np-disabled,
.np-disabled .np-input,
.np-alternatives .np-disabled,
.np-alternatives .np-disabled:hover {
  border-color: #c7c9c6 !important;
  color: #c7c9c6 !important;
}

/*
	Border color of input fields in third step of booking
*/
.np-body .np-input-wrapp {
  border-bottom-style: none;
  margin-bottom: 16px;
}

.intl-tel-input .selected-flag {
  padding-left: 16px;
  border-radius: 3.6rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
  width: 58px;
}

.intl-tel-input .selected-flag .iti-arrow {
  right: 10px;
}

/*
	Background color of circle situated in Google Map
*/
.np-gmap-ico {
  background-color: #79d9c3;
}

/* INFO TEXTY - NA PRODUKCI SCHOVANÉ */
.np-text-before {
  display: none;
}

.restaurant-name {
  display: none;
}

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