/*
	Podsumowanie rezerwacji
*/
.top-two-col {
	transition: padding 0.5s;
}

#bookingDetails .summary {
	background-color: #dd0000;
	padding: 20px;
}
#bookingDetails .summary h3 {
	font-weight: 900;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 20px;
}
#bookingDetails .summary .box {
	background-color: #fff;
	width: 100%;
	padding: 20px;
	overflow: auto;
	margin-bottom: 20px;
}
#bookingDetails .summary .box.p-sm {
	padding: 20px 20px 8px 20px;
}
#bookingDetails .summary .box .b-element {
	float: left;
	width: 100%;
}
#bookingDetails .summary .box .b-element i {
	margin-right: 5px;
	color: #555555;
}
#bookingDetails .summary .box .b-element.title {
	margin: 0 0 15px 0;
	font-size: 0.8rem;
	line-height: 0.8rem;
	font-weight: bold;
	color: #222222;
}
#bookingDetails .summary .box .b-element.place {
	margin: 0 0 10px 0;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #555555;
}
#bookingDetails .summary .box .b-element.date {
	width: 65%;
}
#bookingDetails .summary .box .b-element.time {
	text-align: right;
	width: 35%;
}

#bookingDetails .summary .box .element {
	display: table;
	width: 100%;
	border-bottom: 1px solid #dedede;
	padding: 10px 0;
}
#bookingDetails .summary .box .element:last-child {
	border-bottom: none;
}
#bookingDetails .summary .box .element .key {
	display: table-cell;
	width: 60%;
	text-align: left;
	font-size: 0.8rem;
	line-height: 1rem;
	vertical-align: middle;
}
#bookingDetails .summary .box .element .value {
	display: table-cell;
	width: 40%;
	text-align: right;
	font-size: 1rem;
	line-height: 1rem;
	vertical-align: middle;
}
#bookingDetails .summary .box .element .key.big {
	width: 50%;
	color: #dd0000;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.2rem;
}
#bookingDetails .summary .box .element .value.big {
	width: 50%;
	color: #dd0000;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.2rem;
}

#bookingDetails .left-correction {
	margin-left: -15px;
}
#bookingDetails .right-correction {
	margin-right: -15px;
}
@media (max-width: 991px) {
	#bookingDetails .left-correction {
		margin-right: -15px;
	}
	#bookingDetails .right-correction {
		margin-left: -15px;
	}
}

/*
	Rezerwacja - karta z samochodem
*/

#bookingDetails .card {
	border-radius: 0;
	border: 1px solid #dedede;
	height: 440px;
	margin: 0 0 10px 0;
}
#bookingDetails .card .card-body {
	padding: 1.25rem;
}
#bookingDetails .card .top {
	height: calc(320px - 1.25rem);
	overflow: hidden;
}
#bookingDetails .card .bottom,
#bookingDetails .card .bottom .d-table-cell {
	height: calc(120px - 1.25rem);
	text-align: center;
	overflow: hidden;
}
#bookingDetails .card .card-body h5 {
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin: 0 0 5px 0;
}
#bookingDetails .card .card-body h6 {
	font-weight: normal;
	font-size: 0.8rem;
	line-height: 0.9rem;
	min-height: 30px;
	margin: 0;
	color: #565656; 
}
#bookingDetails .card .card-body ul {
	color: #878787;
	font-size: 0.7rem;
	line-height: 0.7rem;
	font-weight: normal;
	margin: 0 0 20px 0;
	width: 100%;
	text-transform: none;
}
#bookingDetails .card .card-body ul li {
	margin-bottom: 0px;
	padding: 3px 0;
	display: table;
	width: 100%;
	border-bottom: 1px solid #eaeaea;
}
#bookingDetails .card .card-body ul li:last-child {
	border-bottom: none;
}
#bookingDetails .card .card-body ul li span.key {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
#bookingDetails .card .card-body ul li span.value {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	width: 50%;
	color: #565656;
}
#bookingDetails .card button {
	border-radius: 0;
	cursor: pointer;
	width: 100%;
    display: block;
}
#bookingDetails .card .price{
	text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5rem;
    color: #ff0000;
    width: 100%;
    margin-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 991px) {
	#bookingDetails .card {
		height: 480px;
	}
	#bookingDetails .card .top {
		height: calc(360px - 1.25rem);
	}
	#bookingDetails .card .bottom,
	#bookingDetails .card .bottom .d-table-cell {
		height: calc(120px - 1.25rem);
	}
}

@media (max-width: 767px) {
	#bookingDetails .card {
		height: auto;
		margin: 0 15px 15px 15px;
	}
	#bookingDetails .card .top {
		height: auto;
	}
	#bookingDetails .card .bottom,
	#bookingDetails .card .bottom .d-table-cell {
		height: calc(120px - 1.25rem);
	}
}

/*
	Rezerwacja - tabela z wyposażeniem
	Rezerwacja - formularze
*/
.box-white {
	background-color: #fff;
	border: 1px solid #dedede;
	padding: 5px 20px;
}
.box-white.p-lg {
	padding: 30px;
}
.box-white .msg {
	font-size: 1rem;
	line-height: 1.2rem;
}
.box-white.p-correction {
	padding-top: 30px;
}
.box-white table td,
.box-white table th {
	border-bottom: 1px solid #eaeaea;
	padding: 25px 10px;
}
.box-white table th {
	color: #878787;
}
.box-white table td.last {
	border-bottom: none;
}
.box-white .e-title {
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 1.1rem;
}
.box-white .e-price {
	display: block;
	margin: 5px 0 0 15px;
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 0.9rem;
	color: #878787;
}
.box-white select {
	width: auto;
	display: inline-block;
}
.box-white .price {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #dd0000;
}
.btn-next {
	border-radius: 0px;
	border: none;
	margin: 30px 0;
}

.box-white input {
	border-radius: 0px;
}
.box-white label {
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 0.8rem;
	color: #222222;
}

/*
	Modal - popup
*/
.modal .modal-content {
	border-radius: 0;
	padding: 40px;
}
.modal .modal-content .modal-header {
	border-bottom: none;
}
.modal .modal-content .modal-footer {
	border-top: none;
}
.modal .modal-content .modal-footer button {
	border-radius: 0;
	cursor: pointer;
}
.modal h5 {
	font-weight: 900;
    color: #dd0000;
    font-size: 1.5rem;
    line-height: 1.5rem;
	margin-bottom: 25px;
}
.modal .modal-body p {
	text-align: justify;
}
/*
	Popover
*/
.popover {
	background-color: #ffff00;
	border: none;	
}
.popover .arrow::before {
	border: none;
}
.popover .arrow::after {
	border-left-color: #ffff00 !important;
}
.popover .arrow::after {
	border-right-color: #ffff00 !important;
}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover.bs-popover-bottom .arrow::after {
	border-right-color: rgba(0,0,0,0) !important;
	border-left-color: rgba(0,0,0,0) !important;
	border-bottom-color: #ffff00 !important;
}
.popover.bs-popover-auto[x-placement^=top] .arrow::after, .popover.bs-popover-top .arrow::after {
	border-right-color: rgba(0,0,0,0) !important;
	border-left-color: rgba(0,0,0,0) !important;
	border-top-color: #ffff00 !important;
}
.popover .popover-body {
	color: #000;
	font-weight: bold;
}

.reservation-steps .step-active {
	cursor: default !important;
}
.reservation-steps .step-light {
	cursor: not-allowed !important;
}