@import url('//fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');

/* Redmine#12925: o CSS das bibliotecas (Bootstrap, flatpickr, flexslider, fancybox, animate, tooltipster, pretty-checkbox) agora vem de _libs.css (scripts/bundles/cssmotor.json), carregado antes deste arquivo */

/* Redmine#12925: o Bootstrap 4.4+ mudou small/.small de 80% para .875em; mantém o tamanho do Bootstrap 4.3.1 (senão os rótulos "por hóspede e por dia" quebram de linha) */
.small, small {
	font-size: 80%;
}

/* Redmine#12926: Bootstrap 5. Classes do Bootstrap 4 que o 5 removeu e que o HTML do motor ainda usa (o resto foi renomeado no HTML/JS) */

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

.jumbotron {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #e9ecef;
	border-radius: .3rem;
}

/* No Bootstrap 4 o select.form-control mantinha a seta nativa; no 5 o .form-control tira a aparência (appearance: none) */

select.form-control {
	-webkit-appearance: auto;
	appearance: auto;
}

/* Aparência do Bootstrap 4 que o 5 mudou: raios das bordas, links sem sublinhado, cor dos campos, alertas, badges, lista e tabelas */

:root {
	--bs-border-radius: .25rem;
	--bs-border-radius-sm: .2rem;
	--bs-border-radius-lg: .3rem;
	--bs-link-color-rgb: 0, 123, 255;
	--bs-link-hover-color-rgb: 0, 86, 179;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.form-control {
	color: #495057;
}

.alert {
	--bs-alert-padding-y: .75rem;
	--bs-alert-padding-x: 1.25rem;
}

.alert-info {
	--bs-alert-color: #0c5460;
	--bs-alert-bg: #d1ecf1;
	--bs-alert-border-color: #bee5eb;
}

.alert-danger {
	--bs-alert-color: #721c24;
	--bs-alert-bg: #f8d7da;
	--bs-alert-border-color: #f5c6cb;
}

.alert-warning {
	--bs-alert-color: #856404;
	--bs-alert-bg: #fff3cd;
	--bs-alert-border-color: #ffeeba;
}

.badge {
	padding: .25em .4em;
	font-size: 75%;
}

.badge.rounded-pill {
	padding-right: .6em;
	padding-left: .6em;
}

.list-group-item {
	--bs-list-group-item-padding-y: .75rem;
	--bs-list-group-item-padding-x: 1.25rem;
}

.table > :not(caption) > * > * {
	padding: .75rem;
}

.table-sm > :not(caption) > * > * {
	padding: .3rem;
}

/* O Bootstrap 5 acrescentou o breakpoint xxl (container de 1320px); o motor sempre ficou em 1140px */

@media (min-width: 1400px) {

	.container {
		max-width: 1140px;
	}

}

/* O botão de fechar do Bootstrap 5 (.btn-close) só fica no canto dentro de .alert-dismissible; nos alertas do motor sem essa classe o .close do Bootstrap 4 flutuava à direita */

.alert:not(.alert-dismissible) > .btn-close {
	float: right;
}

/* Plugin de botões do Bootstrap 4 (lib/bootstrap4-buttons.js): esconde os inputs radio/checkbox dentro dos label.btn */

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
	margin-bottom: 0;
}

.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, #434d62 0%, #496a95 100%);
	background-size: cover;
	background-attachment: fixed, fixed;
	overflow-y:scroll;
}

#fasthotelReservaMotor {

	font-family: 'Montserrat', sans-serif;

}

#fasthotelReservaMotor h2 {

	margin: 0;

}

#fasthotelReservaMotor h3, #fasthotelReservaMotor h4 {

	margin-top: .5rem;
	margin-bottom: 0;

}

#fasthotelReservaMotor svg {

	vertical-align: bottom;

}

#fasthotelReservaMotor .btn-group-toggle label {

	cursor: pointer;

}

/*#fasthotelReservaMotor .btn-group-toggle label.btn-outline-secondary.active rect,
#fasthotelReservaMotor .btn-group-toggle label.btn-outline-secondary.active path,
#fasthotelReservaMotor .btn-group-toggle label.btn-outline-secondary.active line,
{
	fill: red;
	color: red;
}*/

#fasthotelReservaMotor .btn-group-toggle svg {
	vertical-align: top;
}

#fasthotelReservaMotor .cabecalho {

	/*background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	color: black;*/
	/*height: 3em;*/
	/*z-index: 1000;*/

}

#fasthotelReservaMotor nav .passo-numero:after {

	content: ".";

}

#fasthotelReservaMotor section[data-name] {
	display: none;
	/*z-index: 1;*/
}

/* O <div class="row"> antigo encostava na esquerda/direita porque a margem negativa do
   Bootstrap (-15px) anulava o padding do .col-md-12 pai. O <nav> não tem essa margem por
   padrão — repetimos o mesmo valor aqui, sem herdar o display:flex do .row do Bootstrap
   (Redmine#12443, item 2.2.2). */
#fasthotelReservaMotor section[data-name=navegacao] nav {
	margin-left: -15px;
	margin-right: -15px;
	position: sticky; /* Redmine#12443, item 2.2.5 — linha do passo congelada ao rolar a tela */
	top: 0;
	z-index: 10;
}

#fasthotelReservaMotor .passos {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fasthotelReservaMotor .passos li {
	flex: 1 1 0;
	background-color: rgba(100,100,100,0.15);
	border: 1px solid rgba(0,0,0,0.2);
	border-bottom: 0;
	border-left: 0;
	border-top-right-radius: .25rem;
	border-top-left-radius: .25rem;
}

#fasthotelReservaMotor .passos li:first-child {

	border-top-left-radius: 0;
	border-bottom-left-radius: .25rem;

}

#fasthotelReservaMotor .passos li:last-child {

	border-top-right-radius: 0;
	border-right: none;

}

/* O <a> preenche 100% da célula — ele é a área clicável, não só o texto (Redmine#12443, item 2.2.2) */
#fasthotelReservaMotor .passos li a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .35em;
	width: 100%;
	height: 100%;
	min-height: 44px; /* área mínima recomendada pra toque */
	padding: .5rem .25rem;
	color: black;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

#fasthotelReservaMotor .passos li.passo-largo a {
	padding-left: 1rem;
	padding-right: 1rem;
}

#fasthotelReservaMotor .passos li a:not([href]) { cursor: default; }
#fasthotelReservaMotor .passos li a[href] { cursor: pointer; }
#fasthotelReservaMotor .passos li a[href]:hover,
#fasthotelReservaMotor .passos li a[href]:focus-visible {
	background-color: rgba(0,0,0,0.06);
}

#fasthotelReservaMotor .passos li.ativo {

	/*background: linear-gradient(to right, rgba(0,0,0,0.15) 0%, transparent 100%);*/
	border-color: darkgray;
	background-color: rgba(255,255,255,0.75);
	font-weight: bold;

}

#fasthotelReservaMotor .borda-cor{
	border-color: silver;

}

#fasthotelReservaMotor .passos svg {
	vertical-align: sub;
	color: #222;
}

/*
#fasthotelReservaMotor .passos div.passo {
	padding: 10px 6px 10px;
	position: relative;
	display: inline-block;
	text-decoration: none;
	margin-left: 0.25%;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #707070;
	background: #EBEBEB;
	text-transform: uppercase;
	cursor: default;

	flex-basis: 19.75%;
	max-width: 19.75%;

}

#fasthotelReservaMotor .passos div.passo a {
	color: black;
}

#fasthotelReservaMotor .passos div.passo.ativo {

	background: linear-gradient(to right, rgba(204,204,204,1) 0%, rgba(219,219,219,1) 100%);
	cursor: pointer;

}

#fasthotelReservaMotor .passos div.passo.ativo:after {

	border-left-color: #DBDBDB;

}

#fasthotelReservaMotor .passos div.passo:before {
	width: 0;
	height: 0;
	border-top: 20px inset transparent;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #FFFFFF;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
}


#fasthotelReservaMotor .passos div.passo:after {
	width: 0;
	height: 0;
	border-top: 20px inset transparent;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #EBEBEB;
	position: absolute;
	content: "";
	top: 0;
	right: -20px;
	z-index: 2;
}

#fasthotelReservaMotor .passos div.passo:first-child:before,
#fasthotelReservaMotor .passos div.passo:last-child:after {
	border: none;
}
*/

#fasthotelReservaMotor button.btn-info[data-type=minus] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#fasthotelReservaMotor button.btn-info[data-type=plus] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#fasthotelReservaMotor section[data-name=acomodacoes] div[data-campo=tarifas] {

	padding-bottom: 1em;

}

#fasthotelReservaMotor section[data-name=acomodacoes] div.tarifa {
	margin-top: 1em;
	border-top: 1px solid silver;
}

@media (min-width: 576px) {

	#fasthotelReservaMotor section[data-name=acomodacoes] div.tarifa {
		margin-top: unset;
		border-top: unset;
		border-left: 1px solid silver;
		border-bottom: 1px solid silver;
		padding-bottom: 1em;
	}

}

#fasthotelReservaMotor section[data-name=acomodacoes] h3 small {
	color: gray;
	display: block;
	font-size: 60%;
}

#fasthotelReservaMotor section[data-name=acomodacoes] div.tarifa div[data-campo=valor] {

	font-size: 140%;

}

#fasthotelReservaMotor .flex-direction-nav a {
	height: 50px;
}

@media only screen and (max-width: 300px) {

	.flexslider .flex-direction-nav {
		display: none !important;
	}

}

#fasthotelReservaMotor ul {
	padding: 0;
	margin: 0;
}

#fasthotelReservaMotor div.quarto.caracteristicas li {
	list-style: none;
}

#fasthotelReservaMotor div.quarto.descricao a {
	text-decoration: underline!important;
}

@media only screen and (min-width: 576px) {

	#fasthotelReservaMotor div.borda-cor {

		border-bottom-width: 5px!important;

	}

	#fasthotelReservaMotor div.quarto.caracteristicas li {
	padding-left: 0px;
}

}

/*#fasthotelReservaMotor div.quarto.caracteristicas li:before {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid #64625e;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
	content: '';
	display: inline-block;
	box-sizing: border-box;
}*/

/*#fasthotelReservaMotor div.quarto.caracteristicas li:after {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 4px 7px;
	background-size: 12px 9px;
	position: absolute;
	left: 0;
	content: '';
	box-sizing: border-box;
	display: inline-block;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cpath d='M6 12L16.6 1.4 15.2 0 6 9.2 1.4 4.6 0 6l6 6z'/%3E%3C/svg%3E");
}*/

/*#fasthotelReservaMotor .hospedesArea > div:not(:first-child) label {
	display: none;
}*/

@media only screen and (min-width: 576px) {

#fasthotelReservaMotor section[data-name=adicionais] div.adicional {
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	padding-bottom: 1em;
}

}

#fasthotelReservaMotor .btn-outline-secondary rect,
#fasthotelReservaMotor .btn-outline-secondary line,
#fasthotelReservaMotor .btn-outline-secondary path
{
	color: #6c757d;
}

#fasthotelReservaMotor .btn-outline-secondary .active rect,
#fasthotelReservaMotor .btn-outline-secondary .active line,
#fasthotelReservaMotor .btn-outline-secondary .active path
{
	color: #FFF;
}

#fasthotelReservaMotor div.row-fundo {

	/*background: white;*/

}

#fasthotelReservaMotor div.row-roundy {

	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: .25rem;

}

#fasthotelReservaMotor div.row-shadow {

	box-shadow: 0px 10px 13px -7px rgba(0,0,0,0.4), 5px 5px 15px 5px rgba(0,0,0,0.1);
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;*/

}

#fasthotelReservaMotor .btn-outline-light {

	border: 1px solid #ced4da;
	border-radius: .25rem;
	padding: 1em;
	cursor: pointer;
	color: black;
	fill: black;

}

#fasthotelReservaMotor .btn-outline-light:hover {
	background-color: #E8E8E8;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#fasthotelReservaMotor .form-group {
	padding: 0;
	margin: 0;
}

#fasthotelReservaMotor .spin {
	animation: spin 1000ms infinite linear;
	transform-origin: 50% 50%;
	display: inline-block;
}

/*#fasthotelReservaMotor .form-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#fasthotelReservaMotor .form-control-placeholder {
	position: absolute;
	top: 0;
	padding: 7px 0 0 13px;
	transition: all 200ms;
	opacity: 0.5;
}

#fasthotelReservaMotor .form-control:focus + .form-control-placeholder,
#fasthotelReservaMotor .form-control:valid + .form-control-placeholder {
	font-size: 75%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
}*/

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


#fasthotelReservaMotor .form-group-animated {
	position: relative;
	padding-top: 16px;
	margin-bottom: 16px;
}

#fasthotelReservaMotor .form-group-animated label {
	position: absolute;
	top: 20px;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	font-weight: 300;
	opacity: 0.5;
	cursor: text;
	transition: 0.2s ease all;
	margin: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#fasthotelReservaMotor .form-group-animated label:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 45%;
	height: 2px;
	width: 10px;
	visibility: hidden;
	background-color: black;
	transition: 0.2s ease all;
}

#fasthotelReservaMotor .form-group-animated.not-empty label {
	top: 0;
	font-size: 12px;
}

#fasthotelReservaMotor .form-group-animated .input-group-prepend ~ label {
	top: 5px;
}

#fasthotelReservaMotor .form-group-animated .form-control {
	position: relative;
	z-index: 2;
	border-radius: 0;
	border-width: 0 0 1px;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	height: auto;
	padding: 3px 0 5px;
	background-color: transparent;
}

#fasthotelReservaMotor .form-group-animated .form-control:disabled,
#fasthotelReservaMotor .form-group-animated .form-control[readonly] {

	background-color: rgba(0,0,0,0.15);
	padding-left: 5px;

}

#fasthotelReservaMotor .form-group-animated .form-control:focus {
	box-shadow: none;
	border-bottom-color: rgba(0, 0, 0, 0.12);
}

#fasthotelReservaMotor .form-group-animated .form-control:focus ~ label {
	top: 0;
	opacity: 1;
	color: black;
	font-size: 12px;
}

#fasthotelReservaMotor .form-group-animated .form-control:focus ~ label:after {
	visibility: visible;
	width: 100%;
	left: 0;
}


#fasthotelReservaMotor .form-group-animated:not(.not-empty) .input-group-prepend {
	display: none;
}

#fasthotelReservaMotor .form-group-animated.focused .input-group-prepend ~ label {
	top: -17px;
}


#fasthotelReservaMotor .form-group-animated.focused .input-group-prepend {
	display: block;
}


#fasthotelReservaMotor .form-group-animated .input-group-prepend button {
	padding: 3px;
	border: none;
}

#fasthotelReservaMotor .form-group-animated.focused .input-group-prepend ~ .form-control {
	padding-left: 0.5em;
}

#fasthotelReservaMotor ul.lista {
	padding: 0;
	margin: 0;
	margin-left: 20px;
}

#fasthotelReservaMotor ul.lista > li {
	list-style: none;
	text-indent: -20px;
}

#fasthotelReservaMotor ul.lista > li {
	list-style: none;
	text-indent: -20px;
}

#fasthotelReservaMotor ul.lista ul {
	padding-left: 16px;
}

#fasthotelReservaMotor ul.lista li {
	padding-left: 16px;
}

#fasthotelReservaMotor .form-group-animated .form-control[required] ~ label::before {
	content: ' * ';
	color: red;
}

#fasthotelReservaMotor .form-group-animated .form-control::placeholder {
	color: transparent;
	/*font-size: 75%;*/
}

#fasthotelReservaMotor .form-group-animated .form-control:focus::placeholder {
	color: gray;
}

#fasthotelReservaMotor div[data-name="pax"] label,
#fasthotelReservaMotor div[data-name="acomodacoesMultiplasItem"] label
{
	margin-bottom: 0;
}

#fasthotelReservaMotor .dropdown-toggle::after {
	margin-left: 0.455em;
	vertical-align: -0.045em;
}

#fasthotelReservaMotor .card-body {
	padding-top: 1rem;
}

#fasthotelReservaMotor .card-image {
	height: 225px;
	background-color: lightgray;
	background-size: cover;
	background-repeat: no-repeat;
}

#fasthotelReservaMotor .card-title {
	margin-top: 0;
	margin-bottom: .5rem;
}

/*.flatpickr-day.inRange {

	background: #4f99ff;
	border-color: #4f99ff;
	color: #fff;

}*/

.pretty input {
	min-width: 0;
	width: 100px;
}

@media print {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
	}
	.col-sm-12 {
	width: 100%;
	}
	.col-sm-11 {
	width: 91.66666667%;
	}
	.col-sm-10 {
	width: 83.33333333%;
	}
	.col-sm-9 {
	width: 75%;
	}
	.col-sm-8 {
	width: 66.66666667%;
	}
	.col-sm-7 {
	width: 58.33333333%;
	}
	.col-sm-6 {
	width: 50%;
	}
	.col-sm-5 {
	width: 41.66666667%;
	}
	.col-sm-4 {
	width: 33.33333333%;
	}
	.col-sm-3 {
	width: 25%;
	}
	.col-sm-2 {
	width: 16.66666667%;
	}
	.col-sm-1 {
	width: 8.33333333%;
	}
	.col-sm-pull-12 {
	right: 100%;
	}
	.col-sm-pull-11 {
	right: 91.66666667%;
	}
	.col-sm-pull-10 {
	right: 83.33333333%;
	}
	.col-sm-pull-9 {
	right: 75%;
	}
	.col-sm-pull-8 {
	right: 66.66666667%;
	}
	.col-sm-pull-7 {
	right: 58.33333333%;
	}
	.col-sm-pull-6 {
	right: 50%;
	}
	.col-sm-pull-5 {
	right: 41.66666667%;
	}
	.col-sm-pull-4 {
	right: 33.33333333%;
	}
	.col-sm-pull-3 {
	right: 25%;
	}
	.col-sm-pull-2 {
	right: 16.66666667%;
	}
	.col-sm-pull-1 {
	right: 8.33333333%;
	}
	.col-sm-pull-0 {
	right: auto;
	}
	.col-sm-push-12 {
	left: 100%;
	}
	.col-sm-push-11 {
	left: 91.66666667%;
	}
	.col-sm-push-10 {
	left: 83.33333333%;
	}
	.col-sm-push-9 {
	left: 75%;
	}
	.col-sm-push-8 {
	left: 66.66666667%;
	}
	.col-sm-push-7 {
	left: 58.33333333%;
	}
	.col-sm-push-6 {
	left: 50%;
	}
	.col-sm-push-5 {
	left: 41.66666667%;
	}
	.col-sm-push-4 {
	left: 33.33333333%;
	}
	.col-sm-push-3 {
	left: 25%;
	}
	.col-sm-push-2 {
	left: 16.66666667%;
	}
	.col-sm-push-1 {
	left: 8.33333333%;
	}
	.col-sm-push-0 {
	left: auto;
	}
	.col-sm-offset-12 {
	margin-left: 100%;
	}
	.col-sm-offset-11 {
	margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
	margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
	margin-left: 75%;
	}
	.col-sm-offset-8 {
	margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
	margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
	margin-left: 50%;
	}
	.col-sm-offset-5 {
	margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
	margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
	margin-left: 25%;
	}
	.col-sm-offset-2 {
	margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
	margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
	margin-left: 0%;
	}
	.visible-xs {
	display: none !important;
	}
	.hidden-xs {
	display: block !important;
	}
	table.hidden-xs {
	display: table;
	}
	tr.hidden-xs {
	display: table-row !important;
	}
	th.hidden-xs,
	td.hidden-xs {
	display: table-cell !important;
	}
	.hidden-xs.hidden-print {
	display: none !important;
	}
	.hidden-sm {
	display: none !important;
	}
	.visible-sm {
	display: block !important;
	}
	table.visible-sm {
	display: table;
	}
	tr.visible-sm {
	display: table-row !important;
	}
	th.visible-sm,
	td.visible-sm {
	display: table-cell !important;
	}
}

#fasthotelReservaMotor .confirmacao {

	border: 1px solid silver;
	background-image: url(http://motor.fasthotel/check-circle-white.svg);
	background-position: top left;
	background-size: 22% 99%;
	background-repeat: no-repeat;

}

#fasthotelReservaMotor .lh-condensed {
	line-height: 1.25;
}

#fasthotelReservaMotor .fixed {
	position: sticky;
	top: 0px;
}

#fasthotelReservaMotor .btn-outline-secondary:not(:disabled):not(.disabled).active svg,
#fasthotelReservaMotor .btn-outline-secondary:not(:disabled):not(.disabled):active svg,
#fasthotelReservaMotor .show>.btn-outline-secondary.dropdown-toggle svg {

	stroke: white;

}


#fasthotelReservaMotor .btn-outline-secondary:hover svg {

	stroke: white;

}

#fasthotelReservaMotor .btn-outline-secondary:not(:disabled):not(.disabled).active svg.fillable,
#fasthotelReservaMotor .btn-outline-secondary:not(:disabled):not(.disabled):active svg.fillable,
#fasthotelReservaMotor .show>.btn-outline-secondary.dropdown-toggle svg.fillable {

	fill: white;

}

#fasthotelReservaMotor .btn-outline-secondary:hover svg.fillable {

	fill: white;

}

#fasthotelReservaMotor .btn-group.btn-group-vertical > .btn-group:not(:first-child),
#fasthotelReservaMotor .btn-group.btn-group-vertical > .btn:not(:first-child) {

	margin-left: 0;

}


#fasthotelReservaMotor .btn-group.btn-group-vertical > .btn-group:first-child > .btn,
#fasthotelReservaMotor .btn-group.btn-group-vertical > .btn:first-child:not(.dropdown-toggle) {

	border-top-right-radius: .25rem;

}

#fasthotelReservaMotor .btn-group.btn-group-vertical > .btn-group:last-child > .btn,
#fasthotelReservaMotor .btn-group.btn-group-vertical > .btn:last-child {
	border-bottom-left-radius: .25rem;

}

.tooltip.tooltip-validation .tooltip-inner {

	background-color: darkred;
	/*color: white;*/

}

/* Redmine#12926: no Bootstrap 5 a seta é .tooltip-arrow e a direção vem em data-popper-placement no próprio .tooltip */

.tooltip.tooltip-validation[data-popper-placement^="left"] .tooltip-arrow::before {

	border-left-color: darkred;

}

.tooltip.tooltip-validation[data-popper-placement^="top"] .tooltip-arrow::before {

	border-top-color: transparent;

}

#fasthotelReservaMotor .flexslider {
	margin-bottom: 40px; /* ex 27 */
	border: 0;
	background: transparent !important;
}

#fasthotelReservaMotor .dropdown-menu {
	border-width: 0;
	box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0,0,0,0.08);
}

#fasthotelReservaMotor .dropdown-menu-acomodacoes {

	width: 400px;
	position: absolute;
	transform: translate3d(15px, 61px, 0);
	top: 0px;
	left: 0px;
	will-change: transform;

}

#fasthotelReservaMotor .dropdown-menu:before,
#fasthotelReservaMotor .dropdown-menu:after {
	position: absolute;
	display: block;
	pointer-events: none;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	left: 20px;
}

#fasthotelReservaMotor .dropdown-menu:before {
	border-width: 5px;
	margin: 0 -5px;
}

#fasthotelReservaMotor .dropdown-menu:after {
	border-width: 4px;
	margin: 0 -4px;
}

#fasthotelReservaMotor .dropdown-menu:before,
#fasthotelReservaMotor .dropdown-menu:after {
	bottom: 100%;
}
#fasthotelReservaMotor .dropdown-menu:before {
	border-bottom-color: #eee;
}
#fasthotelReservaMotor .dropdown-menu:after {
	border-bottom-color: #fff;
}

@keyframes dropDownMenu {

	from {
		opacity: 0;
		transform: translate3d(8px, 136px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(8px, 166px, 0);
	}

}


@keyframes dropDownMenuAcomodacoes {

	from {
		opacity: 0;
		transform: translate3d(15px, 41px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(15px, 61px, 0);
	}

}

#fasthotelReservaMotor .dropdown-menu-acomodacoes.show {
	animation: dropDownMenuAcomodacoes 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

#fasthotelReservaMotor .dropdown-menu-acomodacoes:before,
#fasthotelReservaMotor .dropdown-menu-acomodacoes:after {
	left: 200px;
}

#fasthotelReservaMotor .dropdown-menu-hora-entrada:before,
#fasthotelReservaMotor .dropdown-menu-hora-entrada:after {
	left: 96px;
}

#fasthotelReservaMotor .dropdown-menu-hora-entrada {
	width: 192px;
}

#fasthotelReservaMotor .dropdown-menu-hora-entrada.show {
	animation: dropDownMenu 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar:before {
	margin: 0 50%!important;
	left: 0!important;
}

.flatpickr-calendar:after {
	border-width: 4px;
	margin: 0 133px;
}


#fasthotelReservaMotor section[name="contrato_pagamentoCartaoCredito"] label {

	color: black!important;

}


.flatpickr-disabled {

	color: silver!important;
	text-decoration: line-through;
	text-decoration-color: red;

}

.toggle {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	font-weight: bold;
}

.toggle input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.toggle .icone {
	/*transition: opacity .25s ease;*/
	position: absolute;
}

.toggle .on {
	opacity: 0;
}

.toggle span.off:before {
    content: "";
    display: inline-block;
    margin-left: .255em;
    margin-right: 5px;
    vertical-align: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.toggle span.on:before {
    content: "";
    display: inline-block;
    margin-left: .255em;
    margin-right: 5px;
    vertical-align: .255em;
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

.toggle .off {
	opacity: 1;
}

.toggle input:checked ~ .on {
	opacity: 1;
}
.toggle input:checked ~ .off {
	opacity: 0;
}