@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap') format('woff2');
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #20252b;
  font-size: 13px;
}
html,
body,
#app {
  height: 100%;
}

#app {
  margin: 0 auto;
  position: relative;
}

body span,
body p,
body button,
body a,
body div {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.app {
  padding-top: 0;
  overflow-y: auto;
  background-color: #EBEBEB;
}
.app__container {
  padding-top: 64px;
}

.app__container > .section:not(.section--home) .submit-button-container .button {
	margin: 0 auto;
	width: 100%;
	max-width: 360px;
}

.app__container > .section:not(.section--home):not(.section--vehicle-location):not(.section--prefered-destination) {
	padding-bottom: 108px;
}

.app__container > .section:not(.section--home):not(.section--vehicle-location):not(.section--prefered-destination) > .container {
	max-width: 400px;
	margin: 0 auto;
	width: unset;
}

.app__container > .section:not(.section--home):not(.section--vehicle-location):not(.section--prefered-destination) > .container > .container__inner {
	width: 100%;
	flex-basis: unset;
	max-width: unset;
	padding: 0 20px;
}

.app__container > .section--appointment > form, .app__container > .section--appointment > div  {
    max-width: 400px;
    margin: 20px auto;
    width: unset;
    background-color: #ffffff; 
	box-shadow: none; 
	border-radius: 8px;
	/* margin-left: 0;*/ 
	padding: 16px;
}

.app__container > .section--appointment > form > div {
    margin-bottom: 12px;
}

.app__container > .section--appointment > form > div > div > div > div {
    min-width: 250px;
}

.app__container > .section--appointment > div > button:disabled {
    border: 1px solid rgb(194,27,23);
}

.app__container > .section--appointment > div > button:disabled > span > span {
    color: rgb(194,27,23) !important;
}

.app__container > .section--appointment > div > button {
    margin: 20px auto 0;
}
/* Logo bar */
.app-bar {
  background-color: rgb(194,27,23);
  height: 64px;
  justify-content: center;
  align-items: center;
  min-height: 64px;
  box-shadow: none;
}
.app-bar__title {
  display: none;
}
.app-bar__toolbar {
    max-width: 400px;
    height: 60px !important;
}
.app-bar__icon {
    width: 55px;
    height: 45px;
    background-image: url(./img/logo-op.png);
    background-position: center;
    background-size: 55px 45px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 9px;
    left: 100px;
}

.app-bar__icon:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 40px;
	background-color: rgb(255 255 255 / 12%);
	position: absolute;
	left: 75px;
}

.app-bar__icon:after {
	content: '';
	width: 45px;
	height: 38px;
	background-image: url(./img/logo-europassistance-light.png);
	background-size: 45px 38px;
	display: block;
	position: absolute;
	left: 100px;
	top: 3px;
}
.app-bar__toolbar > button > span > svg {
 	color: white !important;
}
.app-bar__toolbar > button > span {
   position: absolute;
   justify-content: left;
}

.translation-button {
    color: white;
    position: absolute;
    top: 10px;
    right: 8px;
}

.translation-button:before {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 28px;
	background-image: url(./img/globe-light.png);
	background-size: 20px 28px;
	position: absolute;
	left: -24px;
}

.translation-button p {
	font-size: 20px;
	font-weight: 300;
}



/*Cookies*/

.cookie-settings {
  top: auto;
  bottom: 0;
  position: absolute;
  height: auto;
  left: 0;
  right: 0;
  z-index: 500;
}


.container--images .image--bottom {
  display: none;
}

.container--images .image--top {
  margin-top: 0px;
  margin-bottom: 5px;
}

.section--end-screen .image--top {
  margin-top: 60px;
}

.container__inner .title,
.container__inner .subtitle,
.container__inner .description {
  text-align: center;
  color: #20252b;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
}

.container__inner .description ul {
  padding-left: inherit;
}

.container__inner .description ul li {
  list-style: none;
}

/* Headers */
.section__header {
    background-color: rgb(194,27,23);
    color: white;
    margin-bottom: 20px;
}

.header__container {
    text-align: left;
    max-width: 100%;
    flex-basis: 100%;
}

.header__container:after, .section--vehicle-location .google-map-input-vehicleLocation:after {
	content: '';
	height: 48px;
	background-image: url(./img/stepper-step1.png);
	background-size: 390px 48px;
	background-position: center;
	display: block;
	position: static;
	left: 0px;
	top: 100px;
	right: 0px;
	background-color: #fff;
}

.section--highway .header__container:after, .section--highway-direction .header__container:after, .section--car-park .header__container:after, .section--vehicle-location .google-map-input-vehicleLocation:after {
	background-image: url(./img/stepper-step2.png);
}

.section--incidents .header__container:after, .section--events .header__container:after {
	background-image: url(./img/stepper-step3.png);
}

.section__header .header__container h2 {
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.4px;
    padding: 0px 0px 12px 20px;
    max-width: 400px;
    margin: 0 auto;
}

.section__header .header__container h2 span {
    font-size: inherit;
    font-weight: inherit;
}
.section--vehicle-location .google-map-input-vehicleLocation {
    margin-bottom: 0;
    background-color: rgb(194,27,23);
    color: white;
    padding: 0;
    text-align: left;
    border-bottom: solid 1px #e1e1e1;
}
.section--vehicle-location .google-map-input-vehicleLocation span {
    padding: 0px 0px 12px 20px;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.4px;
    max-width: 400px;
    text-align: left;
    margin: 0 auto;
    display: block;
}
.section--prefered-destination .google-map-input-preferredDestination {
    background-color: #ffffff;
    color: black;
    padding: 15px;
    margin-bottom: 0px;
    box-shadow: none;
    font-size: 18px;
    font-weight: 400;
}
.section--prefered-destination .google-map-input-preferredDestination span {
    padding: 15px;
    font-size: 15px;
    line-height: 0;
    letter-spacing: 0.15px;
}
.section--highway .card,
.section--car-park .card,
.section--highway-direction .card {
	min-height: calc(100vh - 240px);
}
.section--highway .container--card,
.section--car-park .container--card,
.section--highway-direction .container--card {
	min-height: 100%;
}
.section--highway .container__inner,
.section--car-park .container__inner,
.section--highway-direction .container__inner {
	min-height: 100%;
}
.section--highway .container__inner .card,
.section--car-park .container__inner .card,
.section--highway-direction .container__inner .card {
	display: flex;
	flex-direction: column;
}
.section--highway .card__header,
.section--car-park .card__header,
.section--highway-direction .card__header,
.card__actions{
	margin-top: auto;
}
.section--term_condition .section__header {
	display: none;
}

.section--highway-direction .card__title b {
	color: #7d7d7d;
	font-size: 15px;
	font-weight: normal;
}

.section--highway-direction .card__content {
	display: flex;
	flex-direction: column;
	padding: 8px 4px;
}

.field--eventinfodmhighwaydirection {
	display: block;
}

/* Buttons */
.button {
    border: 0px;
    background-color: rgb(194,27,23);
    padding: 5px 50px;
    line-height: 1em;
    width: 200px;
    margin: 0px;
    text-transform: none;
    display: block;
    border-radius: 4px;
    -webkit-appearance: none;
    font-weight: bold;
    width: -webkit-fill-available;
    min-height: 56px;
}
button.button span {
    color: white !important;
    font-size: 18px;
}
button.button span > span {
    font-weight: 500;
}
button.button .icon {
    display: none;
}
button.button:hover {
    cursor: pointer;
    cursor: hand;
    background-color: rgb(194,27,23);              
}   
button.button:focus {
    cursor: pointer;
    cursor: hand;
    background-color: rgb(194,27,23);
    border-color: rgb(194,27,23);
}
button.button:disabled {
    opacity: 1;
    color: #333333;
    background-color: #c0c0c0;
}

.button.button--confirm {
  padding: 8px 50px;
  background-color: rgb(194,27,23);
  display: block;
  margin: 0 auto;
  box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.15);
}

@media (min-width: 600px) {
	.button.button--confirm {
		max-width: 83.333333%;
	}
}

.button.button--terms {
	box-shadow: none;
	border: 0px;
	font-size: 15px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.47);
	background-color: transparent;
	margin: 12px auto 0 auto;
	padding-left: 16px;
	padding-right: 16px;
}
.button.button--terms .button__icon {
	margin-left: 4px;
	margin-top: -2px;
}

.submit-button-container {
	position: fixed;
	bottom: 20px;
	left: 16px;
	right: 16px;
}

@media (min-height: 800px) {
	.submit-button-container {
		position: static;
	}
}

/* Input underline */
.field.field--is-focus > div::after,
.react-autosuggest__input--focused::after,
.field--vehicledmbrand > div > div::after,
.field--vehicledmmodel > div > div::after {
    background-color: rgb(194,27,23);
    border-bottom: 2px solid rgb(194,27,23);
}

/* Containers */
.container--actions .container__inner {
  text-align: center;
}
.container--questions .button.button--confirm {
  margin-top: 0;
  padding: 0;
  max-width: 360px;
}
.container--questions .container__inner {
  padding-top: 0;
  padding-bottom: 0;
}

/* Cards */
.card {
    box-shadow: none;
    padding: 16px;
    height: 100%;
    border-radius: 8px;
}
.card__header div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card__title {
    text-align: center;
    font-size: 18px;
}
.card__title span {
    text-align: center;
    font-size: 18px;
}
.card__actions {
    display: flex !important;
    flex-direction: column;
    margin-top: auto;
}
.card__actions .button:last-child {
	margin-bottom: 0px;
	
}
.card__children {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
}

.card__children .custom-radio__button {
    width: 100%;
}
		
/* Custom Radio  */
.custom-radio {
	flex-basis: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 7px;
    margin-bottom: 7px;
    margin-top: 7px;
}
.custom-radio input:checked ~ label {
    background-color: rgb(194,27,23);
    border-color: rgb(194,27,23);
}
.custom-radio input:checked ~ label span {
    color: white;
}
.custom-radio__button {
    background-color: transparent;
    color: #20252b;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    border: solid 1px silver;
    justify-content: center;
}
.custom-radio__button:focus,
.custom-radio__button:hover {
    background-color: rgb(194,27,23);
	color: #fff;
}
.custom-radio__button span {
    text-transform: none;
    font-size: 18px;
    line-height: 33px;
}

/* Circular Progress*/

.spinner-screen--circular-progress {
  position: fixed;
  z-index: 49;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  height: 100vh;
  left: 0;
}
.circular-progress--wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 40px rgb(0 0 0 / 17%);
	padding: 8px;
	transform: translate(-8px, 0);
}
.circular-progress__circular-progress svg circle,
.spinner-screen--circular-progress svg circle {
  stroke: rgb(194,27,23);
}


/* PAGES */

/* Page Welcome */
.section--home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    position: relative;
}
.section--home:before {
	content: '';
	text-align: center;
	background-image: url('./img/landing-assistance.png');
	background-size: 390px 146px;
	width: 390px;
	height: 146px;
	margin: 40px auto 0 auto;
	display: block;
}
@media (max-width: 550px) {
	.section--home:before {
		background-size: 365px 136px;
		width: 365px;
		height: 136px;
	}
}
.section--home:after {
	content: '';
	background-image: url('./img/landing-connect.png');
	background-size: 40px 381px;
	width: 40px;
	height: 351px;
	display: block;
	position: absolute;
	top: 187px;
	right: calc(50% - 36px);
	transform: translate(160px, 0);
}
@media (max-width: 550px) {
	.section--home:after {
		background-size: 37px 352px;
		width: 37px;
		height: 352px;
		right: 50vw;
		top: 178px;
		transform: translate(183px, 0);
	}
}
.section--home .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section--home .container--content {
	max-width: 324px;
	margin: 0 auto;
}
.section--home .container--images {
    display: none;
}
.section--home .container--content {
    padding-top: 0px;
}
.section--home .container--content .title {
    text-align: center;
    color: rgb(194,27,23);
}
.section--home .container--content .subtitle {
    text-align: left;
}
.section--home .container--content .subtitle > span {
    font-size: 20px;
    font-weight: normal;
    line-height: 0;
    letter-spacing: 0em;
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 54px;
    letter-spacing: -1.5px;
    color: rgb(194,27,23);
    white-space: nowrap;
}  
.section--home  .container--content .description {
    text-align: left;
    margin: 0 0 32px 0;
} 
.section--home  .container--content .description span {
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px;
	color: rgb(194,27,23);
}
.section--home .container--actions .container__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 0;
    max-width: 84%;
    flex-basis: 100%;
    width: 100%;
}
.section--home .button {
    width: 100%;
    margin-bottom: 8px;
    max-width: 400px;
    z-index: 2;
}    
.section--home .container--actions > .container__inner .container--emergency {
    display: none;
}
.section--home .container--legend {
    background-color: #F6F6F6;
    text-align: center;
    margin-top: 32px;
	position: relative;
}

.section--home .container--legend .container__inner {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 100%;
	flex-basis: 100%;
}

.section--home .container--legend:before {
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10.5px 18px 10.5px;
	border-color: transparent transparent #f6f6f6 transparent;
	transform: rotate(0deg);
	position: absolute;
	top: -18px;
}

.section--home .container--legend .container__inner:after {
	content: '';
	text-align: center;
	background-image: url('./img/landing-help.png');
	background-size: 390px 511px;
	width: 390px;
	height: 511px;
	display: block;
}

@media (max-width: 550px) {
	.section--home .container--legend .container__inner:after {
		background-size: 365px 479px;
		width: 365px;
		height: 479px;
	}
}

.section--home .container--legend:after {
	content: '';
	text-align: center;
	background-image: url('./img/landing-footer.png');
	background-size: 390px 282px;
	background-position: center;
	width: 100%;
	height: 282px;
	display: block;
	background-color: white;
}

.section--home .container--legend span {
	/* font-family: Roboto; */
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.17px;
	padding-top: 18px;
	padding-bottom: 6px;
}


/* Page Information */
.information-form {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
}
.jss360 span {
	font-size: 13px;
	font-weight: 400;
}
.information-form .field--reqdmphonenumber:after, .information-form:before {
	display: block;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 266%;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgb(194,27,23);
}
.information-form:before {
	content: 'Informace o vás';
	padding-bottom: 8px;
}

.information-form .field--reqdmphonenumber:after {
	content: 'Informace o Vašem vozidle';
	padding: 40px 0 0px 0px;
}

.information-form .field.field--reqdmphonenumber {
	margin-bottom: 8px;
}

.information-form .field {
  margin-bottom: 24px;
}
.field input, .field--select .css-dvua67-singleValue, .information-form .field--reqdmphonenumber input {font-weight: 400;font-size: 18px;}
.field label {
  color: rgb(32 37 43 / 60%);
  font-size: 18px;
  font-weight: 400;
}
.field.field--is-focus label {
	color: rgb(32 37 43 / 60%);
}
.field--vehicledmcarplate > div::before, .field--vehicledmcarplate > div:hover::before {
  border-bottom: none;
}
.field--vehicledmcarplate .jss319.jss320:after {
	border: transparent;
	background-color: transparent;
}
.field--vehicledmcarplate .jss319.jss320 input {
	border-color: red;
}
.field--vehicledmcarplate.field.field--is-focus input {
	border-color: black;
}

.field--vehicledmcarplate.field.field--is-focus > div::after {
	border-color: transparent;
	background-color: transparent;
	transform: none;
}

.field > div::after,
.react-autosuggest__input::after {
  height: 1px !important;
}
.field.field--is-focus > div::after,
.react-autosuggest__input--focused::after {
  background-color: #7ed321;
}
.information-form .field--reqdmphonenumber input {
  opacity: 1;
  background-color: #ffffff !important;
  padding-left: 45px;
  /* font-family: Arial; */
  /* font-size: 15px; */
}
.information-form .field--reqdmphonenumber label {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top left;
}
.information-form .flag-dropdown {
  top: auto;
  bottom: -43px;
  background-color: transparent;
  border: 0;
  outline: none;
}
.information-form .flag-dropdown .country {
  font-size: 10px;
  padding-top: 11px;
}
.information-form .field--vehicledmcarplate {
  position: relative;
  margin-top: 0px;
  /* height: 72px; */
}
.information-form .field--vehicledmcarplate > div {
  margin-top: 0;
}
.information-form .field--vehicledmcarplate label {
  left: 40px;
  top: 4px;
  font-size: 18px;
  z-index: 2;
}
.information-form .field--vehicledmcarplate [data-shrink="true"] {
	transform: translate(0, 12.5px) scale(0.75);
}
input:-webkit-autofill {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 0 80px #ffffff inset;
}
.information-form .field--vehicledmcarplate::after {
  content: '';
  position: absolute;
  left: 0px;
  width: 20px;
  height: 72px;
  top: 0px;
  background-color: rgb(194,27,23);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.information-form .field--vehicledmcarplate input {
  padding-left: 40px;
  padding-bottom: 16px;
  padding-top: 35px;
  border: solid 1px silver;
  border-radius: 8px;
}

/*Page Location*/
.google-map {
  margin: 0 auto;
}
.section--vehicle-location .google-map-marker,
.section--prefered-destination .google-map-marker {
  background: url(./img/map-marker.png) center center no-repeat;
  background-size: 48px 62px;
  background-color: transparent;
  height: 62px;
  width: 48px;
}
.section--vehicle-location .google-map-marker span,
.section--prefered-destination .google-map-marker span {
  display: none;
}
.google-map-location-button,
.google-map-location-button:hover {
  background-color: rgb(194,27,23) !important;
  bottom: 5rem;
}
.google-map-location-button {
	display: none;
}
.section--vehicle-location .google-map-location-button  {
  display: block;
  right: 20px;
  bottom: 120px;
  /* border: 1px solid black; */
  min-width: 40px;
  border-radius: 25px;
  width: 50px;
  height: 50px;
}
.google-map-location-button .material-icons {
  color: #ffffff;
}
.autocomplete {
  top: 15px;
  background-color: transparent;
  z-index: 51;
}
.autocomplete .react-autosuggest__input {
  
  position: relative;
}

.autocomplete .react-autosuggest__input:before {
	content: 'poloha vašeho vozidla';
	position: absolute;
	top: 10px;
	left: 16px;
	right: 50px;
	text-transform: uppercase;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 266%;
	letter-spacing: 1px;
	color: rgb(194,27,23);
}

.section--prefered-destination .autocomplete .react-autosuggest__input:before {
	content: 'Adresa cíle odtahu'
}

.section--vehicle-location .autocomplete, .section--prefered-destination .autocomplete {
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0px -1px 20px 0px rgb(0 0 0 / 14%), 0px 2px 14px 0px rgb(0 0 0 / 23%);
	padding-bottom: 16px;
	max-width: 600px;
}

.autocomplete .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open {
  background-color: #ffffff;
  padding: 12px 20px 0px 24px;
  margin-right: 40px;
}
@media (max-width: 550px) {
  .autocomplete .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open {
    margin-right: 0;
  }
}
.autocomplete .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open ul {
  margin-top: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.autocomplete .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open li {
  padding-top: 10px;
  padding-left: 25px;
  padding-bottom: 10px;
  font-size: 14px;
  background-image: url(./img/search.png);
  background-position: left;
  background-size: 20px 20px;
}
.autocomplete .autocomplete-item__text {
  font-size: 14px;
  font-weight: 500;
}
.autocomplete .autocomplete-item__text--secondary {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  margin-left: 10px;
}
.autocomplete input {
  padding: 15px;
  padding-right: 0px;
  text-align: left;
  border-bottom: 0px !important;
}
.autocomplete .autocomplete__icon {
  position: absolute;
  right: 5px;
  top: 12px;
}
.section--vehicle-location .button--confirm, .section--prefered-destination .button--confirm {
    width: calc(100vw - 40px);
    max-width: 600px;
    z-index: 50;
    /* font-weight: bold; */
    font-size: 18px;
    box-shadow: 0px 3px 36px -4px rgb(0 0 0 / 52%);
} 
.section--vehicle-location .button--confirm > span, .section--prefered-destination .button--confirm > span {
  z-index: 50;
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0em;
  color: white;
  padding: 10px 0px 10px 0px;	
}    

.section--vehicle-location .jss418:before, .section--prefered-destination .jss418:before {
	border-bottom: 0px;
}
.section--vehicle-location .autocomplete input, .section--prefered-destination .autocomplete input {
  font-size: 15px;
  padding-right: 0px;
  padding-top: 50px;
}
/* Page Highway */          
.card--highway .card__icon {
    width: 124px;
    height: 124px;
    background-color: white;
    text-indent: -9999px;
    background-image: url('./img/icon_highway.png');
    background-size: 124px;
    background-position: center center;
}
.card--highway-direction .card__icon {
    width: 124px;
    height: 124px;
    background-color: white;
    text-indent: -9999px;
    background-image: url('./img/icon_direction.png');
    background-size: 124px;
    background-position: center center;
}
.card--highway .button {
    margin-bottom: 20px;
}
.card--highway-direction .button {
    margin: 0 auto;
    margin-top: calc(100vh/2 - 300px);
    max-width: unset;
}

/* Page Parking */          
.card--car-park .card__icon {
    width: 124px;
    height: 124px;
    background-color: white;
    text-indent: -9999px;
    background-image: url('./img/icon_parking.png');
    background-size: 124px;
    background-position: center center;
}    
.card--car-park .button {
    margin-bottom: 20px;       
} 

/*Page Incident*/
.grid-list-tile-bar div div span {
  white-space: break-spaces;
}
.section--incidents .grid-list-tile {
  text-align: left;
}
.section--incidents .container__inner {
	padding-top: 0;
}
.section--incidents .grid-list {
  display: flex;
  margin: 0 !important;
  margin-top: -16px !important;
  margin-left: -16px  !important;
}
.section--incidents .grid-list .incident {
  width: calc(50% - 20px) !important;
  height: auto !important;
  flex: 0 0 auto;
  padding: 0 !important;
  margin-left: 16px;
  margin-top: 16px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.20);
}
.section--incidents .button {
    width: 100%;
    background-color: white;
}                                 
.section--incidents .button:focus {
    background-color: rgb(194,27,23);
}
.section--incidents .incident__button {
    border: none;
    display: block;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    position: relative;
    padding-top: 5px;
    padding: 21px 13px;
    transition: all 0.3s ease;
}
.section--incidents .incident__button:hover {
	background-color:rgb(194,27,23);
	color: #fff;
}
.section--incidents button.button span {
    color: #20252B !important;
    font-size: 20px;
    font-weight: 300;
}
.section--incidents button.button:hover span {
    color: #fff !important;
}

.section--incidents button.button:hover .incident__image {
	filter: brightness(0) invert(1);	
}

.section--incidents li:first-child .incident__button {
    border-top: 0px;
}
.section--incidents .container--grid {
	background-color: transparent;
}
.incident__title {
  background-color: transparent;
  text-align: left;
  position: static;
  height: auto;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.incident__title > div {
	margin-left: 0px !important;
	margin-right: 0px !important;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.incident__title span {
  color: #20252b;
  font-size: 15px;
}
.incident__image {
  left: 25px;
  top: 50%;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
  display: block;
  margin: 0 auto;
}
.incident--ACC .incident__image {
	background-image: url(./img/icon_incident.png);
}
.incident--BAT .incident__image {
	background-image: url(./img/icon_battery.png);
}
.incident--FTS .incident__image {
	background-image: url(./img/icon_tire.png);
}
.incident--WGF .incident__image {
	background-image: url(./img/icon_fuel.png);
}
.incident--ETA .incident__image {
	background-image: url(./img/icon_fuel2.png);
}
.incident--KEY .incident__image {
	background-image: url(./img/icon_keys.png);
}
.incident--OBR .incident__image {
	background-image: url(./img/icon_breakdown.png);
}
.incident--THA .incident__image {
	background-image: url(./img/icon_vandalism.png);
}
.incident--OIN .incident__image {
	background-image: url(./img/icon_another_incident.png);
}

.incident--ACC .incident__title span:after {
	content: 'náraz, střet, zapadnutí';
	font-size: 14px;
	display: block;
	color: rgb(32 37 43 / 60%);
}

.incident--ACC:hover .incident__title span:after, .incident--OBR:hover .incident__title span:after {
	color: #fff;
}

.incident--OBR .incident__title span:after {
	content: 'mimo výše uvedené';
	font-size: 14px;
	display: block;
	color: rgb(32 37 43 / 60%);
}

/* Page Event details */
.section--events {
	padding-bottom: 140px;
}

.section--events .card {
	margin-bottom: 20px;
}

.section--events .card__title {
    line-height: 1em;
}
.section--events .card__title span {
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
}
.section--events .card__content {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.section--events .custom-radio {
    color: black;
    line-height: 1em;
    text-transform: none;
    text-align: center;
}
.section--events .card__icon {
    width: 48px;
    height: 48px;
    background-color: white;
    text-indent: -9999px;
    background-size: 48px;
    background-position: center center;  
}
.card--VEHICLE_LOADED .card__icon {
     background-image: url('./img/icon_calendar.png');
}
.card--NUMBER_OF_PASSENGER_1_TO_4_PLUS .card__icon {
    background-image: url('./img/icon_people.png');
}
.card--OUT_OF_ROAD .card__icon {
    background-image: url('./img/icon_car_road.png');
}
.card--VEHICLE_MOVING .card__icon {
    background-image: url('./img/icon_tire2.png');
}
.card--ADDITIONAL_SERVICE .card__icon {
    background-image: url('./img/icon_additional-services.png');
}
.card--SPARE_TIRE .card__icon {
    background-image: url('./img/icon_spare-wheel.png');
}
.card--NUMBER_OF_AXLES .card__icon {
    background-image: url('./img/icon_rental-car.png');
}

.card--VEHICLE_MOVING .custom-radio:last-child input:checked ~ label > span > span:after {
	color: #fff;	
}

.card--VEHICLE_MOVING .custom-radio:last-child input:hover ~ label > span > span:after {
	color: #fff;	
}

.card--NUMBER_OF_PASSENGER_1_TO_4_PLUS .card__children {
    flex-direction: row !important;
}
.card--NUMBER_OF_PASSENGER_1_TO_4_PLUS .card__children .custom-radio {
    margin: 7px !important;
    flex-basis: 100% !important;
}
.card--NUMBER_OF_PASSENGER_1_TO_4_PLUS .card__children .custom-radio .custom-radio__button {
    min-width: auto;                   
}
.card--OUT_OF_ROAD .card__children {
    flex-direction: column-reverse;
}
.card--NUMBER_OF_AXLES .card__children .custom-radio:not(:nth-child(1)):not(:nth-child(2)) {
    display: none;
}
.card--NUMBER_OF_AXLES .card__children {
    flex-direction: column-reverse;
}
.card--ADDITIONAL_SERVICE .card__children {
    flex-direction: column-reverse;
}
.section--events .container--actions .container__inner {
    margin-bottom: 20px;
    padding: 0;
    max-width: unset;
}
.section--events .container--actions {
    width: auto;
    margin: 0;
    padding-top: 20px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-left: 4px;
    padding-right: 4px;
}
.section--events .button {
    margin: 0 auto;
}
.section--events .container--questions .container__inner .container {
	background-color: #ffffff; 
	box-shadow: none; 
	border-radius: 8px;
	margin-left: 0; 
	padding: 16px;
	width: 100%;
} 


/* Page Garage */

.section--prefered-destination .google-map, .section--garage-destination .google-map [aria-label=Mapa] > div > div:last-child {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
/*set google maps container height for all pages*/
.section--prefered-destination .container__inner > div:first-child,
.google-map {
  height: 100%;
  margin: 0 auto;
}
.section--vehicle-location .container__inner > div:first-child,
.google-map {
  height: calc(100% - 148px);
  margin: 0 auto;
  /* max-width: 700px; */
  /* margin-left: 341px; */
}
.section--garage-destination .container__inner > div:first-child {
	height: calc(100% - 64px);
}

.section--prefered-destination .google-map {
	height: calc(100% - 116px);
}
.section--garage-destination .container__inner > div:nth-child(3) {
	bottom: 0px;
	top: unset;
	box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
	position: absolute;
	padding-bottom: 0rem;
	border-radius: 15px 15px 0px 0px;
}

.section--garage-destination .snackbar + div {
	max-width: 600px;
	margin: 0 auto;
	left: 50%;
	transform: translate(-50%, 0 );
}

.section--garage-destination .snackbar + div .card-content > div:first-child {
	width: 40px;
	height: 40px;
	flex: 0 0 auto;
	background-image: url('./img/garage_destination.png');
	background-size: 40px 40px;
	margin-top: 20px;
}

.section--garage-destination .snackbar + div .card-content > div:first-child img {
	display: none;
}

.google-map div[role=dialog] {
	box-shadow: 1px 6px 21px rgb(0 0 0 / 48%);
}

.google-map div[role=dialog] button {
	visibility: hidden;
}

.snackbar {
	position: absolute;
	top: 64px;
	z-index: 1000;
	left: 0px;
	right: 0px;
	transform: unset;
	background: #fff;
}
.snackbar .snackbar__content {
	background-color: #ffffff;
	line-height: normal;
	letter-spacing: 0.15px;
	color: #20252b;
	padding: 15px;
	margin-bottom: 0px;
	box-shadow: none;
}
.snackbar .snackbar__content > div {
    padding: 0px;
    text-align: center;
    margin: auto;
}

.snackbar .snackbar__content > div span {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.15px;
}
.snackbar > div > div {
    width: 100%;
    text-align: center;
}
.section--prefered-destination .snackbar {
	display: none;
}

.section--garage-destination .gm-style > div > div > div > div > img {
	content: url('./img/map_marker2.png');
	width: 35px !important;
	height: 35px !important;
}
.section--garage-destination .card-header {
	 padding-top: 24px;
	 padding-bottom: 0px;
	 padding: 24px 24px 0px 24px;
}
.section--garage-destination .card-text--full-address {
    height: 10px
}
.section--garage-destination .card-content {
    padding: 10px 5px 10px 25px;
}
.section--garage-destination .card-text-wrapper{
	line-height: 1;
}

.section--garage-destination .card-text-wrapper .card-text--info-content {
	font-weight: 500;
}

.section--garage-destination .card-header span{
	font-size: 15px;
	font-weight: bold;
	color: rgb(194,27,23);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.section--garage-destination .button-wrapper-clear {
    display: flex;
    flex-direction: row;
    align-items: unset;
}
.section--garage-destination .button-wrapper-clear .button {
    display: flex; 
	margin: 0px 20px 20px 0px;
}
.section--garage-destination .button-wrapper-clear .button span {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px;
}
.section--garage-destination .button-wrapper-clear .button--clear {
    margin-right: 10px; 
    padding: 20px;
	background-color: transparent;
	border: solid 1px rgb(194,27,23);
}
.section--garage-destination .button-wrapper-clear .button--clear span {
	color: rgb(194,27,23) !important;
}
.section--garage-destination .button-wrapper-clear .button--confirm {
    margin-left: 10px;
    padding: 20px;
    margin-right: 0px;
}
.section--garage-destination .button-wrapper-other   {
    box-shadow: none !important;
    margin-bottom: 20px !important;
}
.section--garage-destination .button--other {
	display: flex;
	padding: 20px;
}
.section--garage-destination .button--other span {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px;
}


/*Page Confirmation*/
.section--confirmation {
	background-color: #fff;
	padding-bottom: 150px;
}
.section--confirmation .container--actions {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
}
.section--confirmation .container__inner {
  padding-top: 0;
  padding-bottom: 20px;
}
.section--confirmation .header__container:after {
	display: none;
}
.section--confirmation button {
	border: solid 1px rgb(194,27,23);
	color: rgb(194,27,23);
	padding: 4px 20px;
	height: 34px;
}
.section--confirmation button span {
	font-weight: 500;
}
.confirmation-list {
  padding-top: 0;
  padding-bottom: 0;
}
.confirmation-list__header {
	padding-left: 0;
}
.confirmation-list__header span {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  color: #20252b;
}
.confirmation-list--section-1, .confirmation-list--section-2, .confirmation-list--section-3, .confirmation-list--section-1, .confirmation-list--section-2, .confirmation-list--section-4 {
	margin-top: 32px;
}
.confirmation-list-item {
  padding: 5px;
  color: rgba(0, 0, 0, 0.52);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  padding-bottom: 0;
  padding-top: 0;
  border-bottom: 1px solid rgb(224, 224, 224);
  position: relative;
}
.confirmation-list-item div:first-child h3 {
  color: rgba(0, 0, 0, 0.52);
  padding-top: 5px;
  font-size: 14px;
  font-weight: 500;
}
.confirmation-list-item div:first-child {
	padding-top: 14px;
	padding-bottom: 14px;
	width: 40%;
}
.confirmation-list-item div:first-child span {
	color: #A8AAAC;
	line-height: 20px;
	font-weight: 400;
	font-size: 14px;
}
.confirmation-list-item div:nth-child(2) {
  padding-top: 14px;
  padding-bottom: 14px;
  width: 60%;
}
.confirmation-list-item div:nth-child(2) span {
	line-height: 20px;
	letter-spacing: 0.25px;
	font-weight: 500;
}
.section--confirmation .button.button--confirm {
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 8px;
	max-width: unset;
}
.section--confirmation .container--actions .button--confirm span {
    color: white;
}
.section--confirmation .container--actions .button--cancel {
	display: none;
	margin-top: 15px;
	padding: 8px;
	background-color: white !important;
}
.section--confirmation .container--actions .button--cancel span {
    display: none;
	color: black !important;
}

.confirmation-list-item--highway-direction button,
.confirmation-list-item--vehicle-location button,
.confirmation-list-item--incident button,
.confirmation-list-item--vehicule-destination button,
.confirmation-list-item--vehicule-preferred-destination button{
	position: absolute;
	right: calc(60% - 144px);
	bottom: 8px;
}

.confirmation-list-item--highway-direction,
.confirmation-list-item--vehicle-location, 
.confirmation-list-item--incident,
.confirmation-list-item--vehicule-destination,
.confirmation-list-item--vehicule-preferred-destination {
	padding-bottom: 40px;
	position: relative;
}
    


/*Page Provisioning*/
.section--provisionning .loader svg circle {
  stroke: rgb(194,27,23);
  stroke-width: 1px;
}

.section--provisionning .container--countdown {
  position: relative;
}

.section--provisionning .countdown {
  color: rgb(194,27,23);
  position: absolute;
  top: 40px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}

.section--provisionning .countdown span {
  display: block;
}

.section--provisionning .loader {
  margin-bottom: 0;
}

.section--provisionning .container--images .image--bottom {
  display: none;
}

/*Page Rating*/

.rating-form ul li:nth-child(even),
.rating-form ul li:first-child,
.rating-list-item__header,
.rating-list-item__label {
  display: none;
}

.rating-form ul {
  display: flex;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.rating-list-item {
  display: block;
  cursor: pointer;
  width: 53px;
  height: 41px;
  background-size: 100% 200%;
  background-position: 0px center;
  overflow: hidden;
  text-indent: -1050px;
  position: relative;
  z-index: 9;
  padding: 0;
}

.rating-list-item__container {
  width: 53px;
  height: 41px;
}

.rating-list-item__icon {
  color: #fff;
  background: url(./img/stars2-e2.png) 0 bottom no-repeat;
  background-size: 53px 82px;
  position: absolute;
  left: 50%;
  width: 53px;
  z-index: 1;
  transform: translateX(-50%);
  height: 41px;
  margin: 0;
  transition: none;
}

.rating-list-item.is-selected .rating-list-item__icon {
  background-position: 0 0;
}

.rating-form {
  margin-top: 20px;
}

.rating-form legend {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
}

.rating-form fieldset {
  width: 100%;
}

.rating-form .field--evaluationdmcommentevaluation,
.rating-form .field--evaluationdmcommentevaluation > div {
  display: block;
}

.section--rating .field--evaluationdmcommentevaluation {
  margin-top: 15px;
}

.section--rating fieldset:first-child {
  margin-bottom: 15px;
}


/* Unverified client screen */
.modal > div[role="document"] > div, div[role="dialog"] > div[role="document"] > div {
	margin: 0 20px;
	width: 400px;
	max-width: 100%;
}
.modal__title,
.modal__title h2,
.modal__title {
	padding-bottom: 8px;
}
.modal__title h6, .modal__title h6 span {
	font-size: 22px;
	color: rgb(194,27,23);
}
.modal__body {
	padding-bottom: 10px;
}
.modal__body p span {
	letter-spacing: 0;
	font-size: 16px;
}
.modal__actions-container {
  padding: 10px 20px;
}
.modal--ineligibility .modal__actions-container {
  display: flex;
  flex-direction: column;
}
.modal--ineligibility .modal__actions-container .button {
  width: 100%;
  margin: 0px 10px 10px 0px;
  padding: 20px
}
.modal--ineligibility .modal__actions-container .button span {
  margin: 0;
  padding: 0;
}
.modal--ineligibility .button:focus {
  background-color: #a0a0a0;
  border-color: #6f7072;
}
.modal--ineligibility .button:focus span span {
  color: #ffffff;
}

.modal--ineligibility .modal__actions-container .button > span > span {
  position: relative;
  padding-left: 5px;
}
.modal--ineligibility .modal__actions-container .button > span {
  display: flex;
}
.modal--ineligibility .modal__actions-container .button--retry .icon--keyboard_return {
  display: none;
}
.modal--ineligibility .modal__actions-container .button--check-info .icon--phone_forwarded {
  display: none;
}

.modal--ineligibility .modal__actions-container .button--check-info {
	display: none;
}

.modal--ineligibility .modal__actions-container .button--check-info span span {
	color: #20252B !important;
}

div[role="dialog"] #alert-dialog-title h6 {
	text-align: left;
}

div[role="dialog"] #alert-dialog-title h6 span {
	color: rgb(194,27,23);
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.4px;
}

div[role="dialog"] #alert-dialog-title:nth-child(2) {
	padding-top: 16px;
}

div[role="dialog"] #alert-dialog-title:nth-child(2) h6 span {
	color: #20252B;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.2px;
}

div[role="dialog"] #alert-dialog-title + #alert-dialog-title + div > div {
	padding: 24px 0 0 0;
	margin: 0;
}

div[role="dialog"] #alert-dialog-title {
	padding-bottom: 0;
}

div[role="dialog"] button {
	background-color: rgb(194,27,23);
	width: 100%;
	position: static;
	transform: unset;
	margin: 0;
	height: 56px;
}

div[role="dialog"] button:hover, div[role="dialog"] button:focus {
	background-color: rgb(194,27,23);
}

div[role="dialog"] button span {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.5px;
}

/* Dialog Order cancelation*/ 
.modal--cancellation .modal__actions-container {
    display: flex;
    flex-direction: column;
}
.modal--cancellation .modal__actions-container .button {
    width: 100%;
    margin: 0px 10px 10px 10px;
    padding: 20px
}
.modal--cancellation .modal__actions-container .button span {
    margin: 0;
    padding: 0;
    font-size: 13px;
}


/* Dialog Order cancelation*/ 
.modal--modify .modal__actions-container {
    display: flex;
    flex-direction: row-reverse;
}
.modal--modify .modal__actions-container .button {
    width: 100%;
    margin: 0px 10px 10px 0px;
    padding: 20px
}
.modal--modify .modal__actions-container .button span {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

/* Dialog Address confirmation*/ 
.map-modal--vehicle-location .modal__actions-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.map-modal--vehicle-location .modal__actions-container > div {
    flex-direction: row-reverse;
}
.map-modal--vehicle-location .modal__actions-container > div > div {
   width: 50%;
   padding: 10px;
}
.map-modal--vehicle-location .modal__body > p {
     font-size: 15px;
     font-weight: bold;
}
.map-modal--vehicle-location .modal__actions-container .button.button--confirm {
    max-width: 100%;
}
.map-modal--vehicle-location .modal__actions-container .button.button--cancel {
    max-width: 100%;
    background-color: white;
    border: 2px solid rgb(194,27,23);
    color: black;
}
.map-modal--vehicle-location .modal__actions-container .button.button--cancel span {
    color: black !important;
}
.map-modal--vehicle-location .modal__actions-container .button {
    width: 100%;
    padding: 10px;
    line-height: 0em;
    margin: 0;
    padding: 0;
    
}
.map-modal--vehicle-location .modal__actions-container .button span {
    margin: 0;
    padding: 0;
    font-size: 13px;
}
.map-modal--vehicle-location .image  {
  background: url(./img/map-marker.png) center center no-repeat;
  background-size: 48px 62px;
  background-color: transparent;
  height: 85px;
  width: 48px;
   
}
.map-modal--vehicle-location .modal__title {
     padding-top: 15px;
}

.map-modal--vehicle-location .modal__title h6 span {
     line-height: 1.2;
} 
.map-modal--vehicle-location > div[role="document"] > div, div[role="dialog"] > div[role="document"] > div {
	top: 80px;
}

.map-modal--vehicle-location {
     
}

/*Page Delivery*/

.section--delivery .list-wrapper {
  background-color: #ffffff;
}

.section--delivery .information-wrapper--no-appointment .informations-wrapper__text-item h3 > span > span {
  margin-left: 10px;
}

.section--delivery li {
  line-height: 30px;
}

/*Page Call back*/
.section--call-me-back .image--top {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-image: url('./img/call-me-back.png');
  background-size: 390px 380px;
  height: 380px;
  margin-bottom: 0px;
  margin-top: 5vh;
}

/*Full digital end screen */

.section--end-confirmation .image--top {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-image: url('./img/assistance-confirm.png');
  background-size: 390px 380px;
  height: 380px;
}

.section--end-confirmation .container--content {
    text-align: center;
}

.section--end-confirmation .description:nth-child(2) {
	background-color: #F6F6F6;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0.4px;
	padding: 16px 16px 16px 56px;
	text-align: left;
	margin-top: 24px;
	position: relative;
}

.section--end-confirmation .description:nth-child(2):before {
	position: absolute;
	display: block;
	background-image: url('./img/info-outline-red.png');
	background-size: 24px 24px;
	height: 24px;
	width: 24px;
	content: '';
	left: 18px;
	top: 19px;
}

.section--call-me-back, .section--end-confirmation {
	min-height: calc(100vh - 56px);
	background-color: #fff;
}

/*Tow truck arrival */

.section--tow-truck-arrival .card .card__icon {
  width: 155px;
  height: 83px;
}

.section--tow-truck-arrival .card__children {
  display: block;
}

.section--tow-truck-arrival .card .icon {
  font-size: 0;
}

.section--tow-truck-arrival .button:first-child {
  margin-right: 15px;
}

.section--tow-truck-arrival .button--action-appointment {
  min-width: 100% !important;
}

.section--tow-truck-arrival .button {
  flex-grow: 1;
}

.section--tow-truck-arrival .container--actions .container__inner {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 370px) {
  .header__title {
    font-size: 20px !important;
  }
}

@media (max-width: 320px) {
  .header__container {
    padding-left: 0;
    padding-right: 0;
  }
}

.field--select .css-bgvzuu-indicatorSeparator, .field--select .css-622gbt-indicatorSeparator {
	display: none;
}

.field--select .css-16pqwjk-indicatorContainer {
	color: rgb(0 0 0 / 54%);
}

.field--select span {
	font-size: 18px;
}

.ReactPDF__Page__annotations, .ReactPDF__Page__annotations .linkAnnotation a {
	position: fixed;
	top: -50px;
	right: 0;
	bottom: 0;
	left: -150px;
	display: block;
	width: 100vw;
	height: 100vh;
}

.ReactPDF__Page__annotations .linkAnnotation {
	transform: unset !i;
}

.ReactPDF__Page__annotations .linkAnnotation a:hover {
	background-color: transparent;
}