:root {
    --riksja-red: #4FB585;
    --riksja-light-red: #4FB585;
    --riksja-grey: #4FB585;
    --riksja-black: #000000;
	--riksja-font-circular: "Circular";
	--riksja-font-circular-bold: "Circular Bold";
	--riksja-font-capriola: "Capriola";
}

.select-participant-cnt {
	background-color: var(--riksja-red) !important;
}

.md-drppicker td.active, .md-drppicker td.active:hover {
	background-color: var(--riksja-red) !important;
}

.departure-date-cnt label {
	color: var(--riksja-red) !important;
}

body,html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

@font-face {
    font-family: Circular;
    src: url(fonts/CircularStd-Book.ttf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Circular Bold;
    src: url(fonts/CircularStd-Book.ttf) format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Capriola;
    src: url(capriola-regular-webfont.171208b.ttf) format("truetype");
    font-display: swap;
    font-style: normal
}

app-root, input, .form-control {
	font-family: var(--riksja-font-circular) !important;
}

.location-name {
	color: var(--riksja-red);
}

.btn-info {
    background-color: var(--riksja-red);
    border-color: var(--riksja-red);
}

.card-information .btn-info {
    background-color: var(--riksja-red);
    border-color: var(--riksja-red);
}

.card-information .btn-info:hover {
    background-color: var(--riksja-grey);
    border-color: var(--riksja-grey);
}

.bottom-fixed .card-info .count {
	background-color: #ED902A!important;
}

.footer-hemburger-menu {
	background-color: var(--riksja-red)!important;
}

.chekcout-btn {
    border-bottom: 1px solid var(--riksja-red)!important;
    background-color: var(--riksja-red)!important;
    width: 220px!important;
    height: 55px!important;
}

.chekcout-btn:hover {
    border-bottom: 1px solid #000!important;
    background-color: #000!important;
}


.btn-info:hover {
    background-color: var(--riksja-grey)!important;
    border-color: var(--riksja-grey)!important;
}


/* Title of the wizard */
.form-head {
	color: var(--riksja-red);
    font-family: var(--riksja-font-circular)!important;
    font-weight: 300;
}

.hotel-modal-header {
	font-size: unset !important;
}

.card-info .btn-primary {
	background: #a5393c;
}

a.bottom-fixed-btn {
    background-color: var(--riksja-red) !important;
}

a.bottom-fixed-btn:hover {
    background-color: #000 !important;
}

.badge-secondary {
	display:none!important;
}

.stepper-panel-bg {
    background: var(--riksja-red) !important;
}

.btn-checkout {
    background-color: var(--riksja-red) !important;
    border-color: #fff!important;
}

.btn-theme {
    background-color: var(--riksja-red) !important;
}

.count {
    background: var(--riksja-red) !important;
}


.home-benner .startTrip .btn {
	background-color: var(--riksja-red) !important;
	color: var(--white);
	font-weight: 400;
	font-size: 40px;
	height: 80px;
	line-height: 50px;
}

.btn-load-more {
display: none!important;
}

.btn_light {
	background: var(--riksja-red) !important;
}

.trip-warp {
	background-color: var(--white) !important;
}

.home-benner {
	background: url(https://cdn.erlebe.de/wp-content/uploads/sites/12/2022/12/Kroatien-Rundreisen.jpg);
	max-height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.steps_btn {
    background: var(--riksja-red) !important;
}

.form-progress-bar span.complete-form {
    background: var(--riksja-red) !important;
}

.locations-wrap .transportation-information .icon-wrap svg {
    color: var(--riksja-red) !important;
}

.home-benner .startTrip {
	background: none;
}

.main-content {
	background-color: #F2F6F1!important;
	background-image: unset!important;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color: var(--riksja-red) !important;
	border-color: var(--riksja-red) !important;
}

#accordion .card {
	overflow: hidden;
	margin-bottom: 15px;
	z-index: 1;
}
#accordion .card-header, #cartModal .cart-item .cart-header .icon-wrap {
	background-color: var(--riksja-red);
}

.locations-wrap .icon-wrap, #cartModal .cart-item .cart-header .icon-wrap.home {
	background-color: var(--riksja-grey);
}

.trip-warp {
	border: 1px solid #ced4da;
	overflow: hidden;
	margin-top: 20px;
	position: relative;
}

.flight-lenght-wrapper {
	border: 1px solid silver !important;
	background-color: #eee !important;
	width: 100%;
}

.icons.selected-success .select-details:after {
color: var(--riksja-red) !important;

}

.icons.selected-success .select-details {
    background-color: #f7f0f0 !important;
}

.transport-icon.selected:after {
    color: var(--riksja-red) !important;
}

.trip-overview-card .wrap-list .content {
	text-align: justify;
	padding: 25px 0px 10px 30px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}