/*	---------------------------------------------------------------------- */
/*	
	Name: wyby.ch/micro/meraxis
	Date: March 2022
	Version: 1.3
	Author: Daniel Baumgartner
	Autor URI: icontel.com
*/
/*	---------------------------------------------------------------------- */
/* 1.1: remove icons on home teasers */
/* 1.2: multi-location */
/* 1.3: login screen */
/*	---------------------------------------------------------------------- */
/* 	colors */
/* 004893 */
/* EB5B3E */
/*	---------------------------------------------------------------------- */
/*	---------------------------------------------------------------------- */
/* 	fonts */
/*	---------------------------------------------------------------------- */
.primary {
  color: #E4002B;
}

.secondary {
  color: #E4002B;
}

a, a:visited, a img, a img:visited {
  color: #E4002B;
}
a:hover, a:visited:hover, a img:hover, a img:visited:hover {
  color: #E4002B;
}

.loading .loading-image {
  background-image: url("./loading.gif");
}

/*	---------------------------------------------------------------------- */
/* 	layout */
/*	---------------------------------------------------------------------- */
/*	---------------------------------------------------------------------- */
/* 	header & footer */
.logo-container {
  width: 200px;
}

.user-container a:hover {
  border-color: #E4002B;
}
.user-container a:hover .fa {
  background: #E4002B;
  border-color: #E4002B;
  color: #FFFFFF;
}
.user-container .dropdown ul.dropdown-menu li a:hover {
  color: #E4002B;
}

.footer-container {
  border-bottom-color: #E4002B;
}
.footer-container a {
  color: #FFFFFF;
}
.footer-container a:hover {
  color: #E4002B;
}
.footer-container .footer-content a.language:hover {
  border-color: #E4002B;
}
.footer-container .footer-content a.language:hover .fa {
  background: #E4002B;
  border-color: #E4002B;
  color: #FFFFFF;
}
.footer-container .footer-content .language-dropdown .language-dropdown-content {
  border-color: #E4002B;
}
.footer-container .footer-content .language-dropdown .language-dropdown-content a.language-dropdown-item {
  border-color: #E4002B;
}
.footer-container .footer-content .language-dropdown .language-dropdown-content a.language-dropdown-item:hover {
  background: #E4002B;
  color: #FFFFFF;
}
.footer-container .footer-content .language-dropdown.open a.language {
  border-color: #E4002B;
}
.footer-container .footer-content .language-dropdown.open a.language .fa {
  background: #E4002B;
  border-color: #E4002B;
  color: #FFFFFF;
}

/*	---------------------------------------------------------------------- */
/* 	main image */
.mainimg-container {
  /*.blurredImage {
      background-image: url(./claimImage.jpg);
  }*/
}
.mainimg-container .claim-container h1, .mainimg-container .claim-container h2 {
  color: #E4002B;
}

/*	---------------------------------------------------------------------- */
/* 	startpage */
.teaser-content:hover {
  background: #E4002B;
}
.teaser-content.large h1, .teaser-content.large h2 {
  color: #E4002B;
}
.teaser-content.large:hover h1, .teaser-content.large:hover h2, .teaser-content.medium:hover h1, .teaser-content.medium:hover h2, .teaser-content.small:hover h1, .teaser-content.small:hover h2 {
  color: #FFFFFF;
}
.teaser-content .fa {
  color: #FFFFFF;
}

/*	---------------------------------------------------------------------- */
/* 	booking wizard */
.productBooking-location h3, .productBooking-previouslocation h3, .productBooking-previousobject h3, .productBooking-object h3 {
  color: #E4002B;
}
.productBooking-location select:hover, .productBooking-location select:focus, .productBooking-previouslocation select:hover, .productBooking-previouslocation select:focus, .productBooking-previousobject select:hover, .productBooking-previousobject select:focus, .productBooking-object select:hover, .productBooking-object select:focus {
  border-color: #E4002B;
}

.productBooking-previouslocation .previouslocation-container .previous-location:hover, .productBooking-previouslocation .previousobject-container .previous-location:hover, .productBooking-previousobject .previouslocation-container .previous-location:hover, .productBooking-previousobject .previousobject-container .previous-location:hover {
  background: #E4002B;
  color: #FFFFFF;
}

.productBooking-selectedlocation h2, .productBooking-previousobject h2 {
  color: #E4002B;
}

.productBooking-calendar .calendar-navbar {
  color: #E4002B;
}
.productBooking-calendar .calendar-navbar button.btn {
  color: #E4002B;
}
.productBooking-calendar .calendar-navbar button.btn:hover {
  color: #E4002B;
}

.mainBooking-Button button.mainBook-Btn {
  background: #E4002B;
  color: #FFFFFF;
}
.mainBooking-Button button.mainBook-Btn:hover {
  border-color: #E4002B;
  color: #343436;
}
.mainBooking-Button button.mainBook-Btn:hover:before {
  background: #E4002B;
  border-color: #E4002B;
  color: #FFFFFF;
}

.booking-confirmation {
  background: #E4002B;
  color: #FFFFFF;
}

/*	---------------------------------------------------------------------- */
/* 	my bookings */
.myBookingList_btns .btn.btn-primary:hover {
  border-color: #E4002B;
}

.myBookingList-container .table .btn.btn-primary {
  background: #E4002B;
  color: #FFFFFF;
}
.myBookingList-container .table .btn.btn-primary:hover {
  border-color: #E4002B;
}

.productBooking-calendar h3, .productBooking-dates h3, .productBooking-fees h3, .bookingInfo-container h3, .bookingDetails-container h3, .confirmation-dates h3 {
  color: #E4002B;
}

.button-container button.btn.pdf, .button-container button.btn.print {
  background: #E4002B;
  color: #FFFFFF;
}
.button-container button.btn.pdf:hover, .button-container button.btn.print:hover {
  border-color: #E4002B;
}
.button-container button.btn.pdf:hover:before, .button-container button.btn.print:hover:before {
  background: #E4002B;
  border-color: #E4002B;
  color: #FFFFFF;
}

/*	---------------------------------------------------------------------- */
/* 	my profile */
.myProfile .mainimg-container .claim-container h1, .myProfile .mainimg-container .claim-container h2, .myBookings .mainimg-container .claim-container h1, .myBookings .mainimg-container .claim-container h2, .password-reset .mainimg-container .claim-container h1, .password-reset .mainimg-container .claim-container h2 {
  color: #E4002B;
}

.formrow .input input:hover, .formrow .input input:focus, .formrow .input select:hover, .formrow .input select:focus {
  border-color: #E4002B;
}
.formrow.btnGroup .btn.btn-primary:hover {
  border-color: #E4002B;
}
.formrow.btnGroup .btn.btn-primary.active, .formrow.btnGroup .btn.btn-primary.active:hover {
  background: #E4002B;
  border-color: #E4002B;
  color: #FFFFFF;
}

.profileBtn button.btn.btn-primary, .profileBtn button#btn-signup.btn-primary {
  background: #E4002B;
  color: #FFFFFF;
}
.profileBtn button.btn.btn-primary:last-of-type:hover, .profileBtn button#btn-signup.btn-primary:last-of-type:hover {
  border-color: #E4002B;
}
.profileBtn button.btn.btn-primary:last-of-type:hover:before, .profileBtn button#btn-signup.btn-primary:last-of-type:hover:before {
  background: #E4002B;
  border-color: #E4002B;
  color: #FFFFFF;
}
.profileBtn button#btn-signup:hover {
  background: #FFFFFF;
  color: #343436;
}

.compactBooking_datePicker .dropdown-menu li table tbody tr td button.active span, .productBooking_dates .selecteddates .dropdown-menu li table tbody tr td button.active span, .profileBirthday .dropdown-menu li table tbody tr td button.active span {
  background: #E4002B;
  color: #FFFFFF;
}

/*	---------------------------------------------------------------------- */
/* 	password */
body.forgotpwd .main-container .column_1_2 form input:hover, body.forgotpwd .main-container .column_1_2 form input:focus {
  border-color: #E4002B;
}
body.forgotpwd .main-container .column_1_2 form button {
  background: #E4002B;
  color: #FFFFFF;
}
body.forgotpwd .main-container .column_1_2 form button:hover {
  border-color: #E4002B;
}

/*	---------------------------------------------------------------------- */
/* 	login */
.login-mask .wrapper h4 {
  color: #E4002B;
}

#page-container.page-content .detailview-container .detailview-module .input-form .input-row input:hover, #page-container.page-content .detailview-container .detailview-module .input-form .input-row input:focus {
  border-color: #E4002B;
}
#page-container.page-content .detailview-container .detailview-module .input-form .input-row .btn.submit-link {
  background: #E4002B;
  color: #FFFFFF;
}
#page-container.page-content .detailview-container .detailview-module .input-form .input-row .btn.submit-link:hover {
  background: #FFFFFF;
  border-color: #E4002B;
  color: #E4002B;
}

body.login-body .footer-content a:hover {
  color: #E4002B !important;
}
body.login-body .footer-container .footer-content .language-dropdown .language-dropdown-content a.language-dropdown-item:hover {
  color: #FFFFFF !important;
}

.action-buttons a:hover {
  color: #E4002B !important;
}

/*	---------------------------------------------------------------------- */
/* 	logo responsive size */
@media only screen and (max-width: 1024px) {
  .logo-container {
    width: 180px;
  }
}
@media only screen and (max-width: 768px) {
  .logo-container {
    width: 155px;
  }
}
@media only screen and (max-width: 575px) {
  .logo-container {
    width: 130px;
  }
}