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



.btn-remove-flight {
	height: 55px;
	width: 47px;
	position: absolute;
	right: -1em;
	top: 0em;
}

@media(min-width:320px) {
	/*Smart phones*/
	.btn-remove-flight {
		height: 55px;
		width: 47px;
		position: absolute;
		right: -0.2em;
		top: 0em;
	}
}

@media only screen and (min-width:320px) {
	/*Smart phones*/
	.text-add-stopover-mob {
		display: block;
	}

	.text-add-stopover-desktop {
		display: block;
	}
}

.roundedHalf {
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px
}


.butnotfic {
	background-color: orange;
	border: none;
	color: #fff;
	padding: 8px 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer
}

	.butnotfic:focus {
		outline: 0
	}

	.butnotfic:hover {
		opacity: .8
	}

#cancel {
	background-color: #9fdfbf;
	border: none;
	color: #fff;
	padding: 8px 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer
}

.chat-popup {
	position: fixed;
	bottom: 0;
	right: 15px;
	z-index: 101
}

.form-container-notific {
	background-color: #50a477;
	color: #fff;
	padding: 16px 20px;
	border: none;
	cursor: default;
	width: 100%;
	margin-bottom: 10px;
	max-width: 300px;
	box-shadow: 0 2px 5px 0 #50a47799,0 2px 10px 0 #50a47799
}

	.form-container-notific .btn:hover, .open-button:hover {
		opacity: 1
	}

.async-hide {
	opacity: 0 !important
}


/* custom checkbox */
.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default checkbox */
	.checkbox-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
	background-color: #2e7d32;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

p {
	font-size: 1rem;
}

.border-bottom-2px-#2e7d32 {
	border-bottom: 2px solid #2e7d32;
}

.chevron-rotate-down {
	transition-duration: 500ms;
	transform: rotate(180deg);
}

.chevron-rotate-up {
	transition-duration: 500ms;
	transform: rotate(0deg);
}

#feedbackTab {
	right: 0;
	position: fixed;
	width: 32px;
	height: 150px;
	top: 300px;
	z-index: 1;
	-ms-transform: rotate(270deg); /* IE 9 */
	transform: rotate(270deg);
}

/* from ethomepage.css*/


a.complement_your_journey_images:hover > div {
	background-color: rgba(106, 155, 96, 0.83);
}

a.complement_your_journey_images:hover .v_line_in_caption {
	background-color: white;
}

a.complement-links {
	color: black;
	cursor: pointer;
}

	a.complement-links:visited {
		color: black;
	}

	a.complement-links:hover {
		color: #60ad5e !important;
		text-decoration: none;
	}

	a.complement-links:active {
		color: #2e7d32;
		text-decoration: none;
	}

	a.complement-links:hover .excess_baggage_icon {
		background-position: -471px -48px
	}

	a.complement-links:hover .flight_pass_icon {
		background-position: -480px -6px;
	}

	a.complement-links:hover .skylight_hotel_icon {
		background-position: -228px -172px
	}

	a.complement-links:hover .evisa_icon {
		background-position: -409px -49px;
	}

	a.complement-links:hover .sheba_miles_icon {
		background-position: -226px -208px;
	}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #2E7D32
}

a.text-dark:focus, a.text-dark:hover {
	color: #2E7D32 !important
}

.stand-out-link {
	color: #2E7D32
}

	.stand-out-link:hover {
		color: #2E7D32 !important
	}
/* end from ethomepage.css*/
body {
	/*font-variant: small-caps;*/
	font-family: Roboto, sans-serif !important;
}

.form-field.required > label:after {
	content: "*";
	color: red;
	margin-left: 4px;
}

.no-padding {
	padding: 0
}

label.required::after {
	content: "*";
	color: red;
	margin-left: 4px;
}

.connection_notify_bar {
	width: 100% !important;
	height: 50px;
	opacity: 0.9;
	font-size: 16px;
	margin: 0 !important;
	background-color: #3b4045;
	color: white;
	position: fixed;
	z-index: 100;
}

.stopover-remove {
	height: 57px;
	width: 50px;
	background: transparent;
	color: #f00;
	border: 1px solid;
	font-size: 20px;
}

@media (max-width: 992px) {
	.stopoverbtnpaddingmob {
		padding-right: 6px !important;
	}
}

.second-stopover-validation {
	display: none;
}

.widget-card-header {
	background-color: #2e7d32;
	color: #fff;
	padding: 10px;
	border-radius: 0 !important;
}

.dropdown {
	position: inherit;
}

li.top-nav-item:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

li:hover:after {
	width: 100%;
	background: #2e7d32;
}


.dropdown-menu {
	/*border-top: 3px solid #2E7D32;
    background-color: #e9ecef;
    width: 100%;*/
	margin-top: 0;
	background-color: #eee;
	width: 100%;
}

.dropdown-content {
	display: block;
	margin-bottom: 0;
	width: auto;
	font-size: .875rem;
	color: #636c72;
	white-space: nowrap;
}

.list-group-item {
	padding: .3rem 0;
	background-color: inherit;
	border: none;
}

.navbar-collapse {
	margin-bottom: -.5em;
}

a.nav-link.dropdown-toggle {
	font-size: 1.2em;
	font-weight: 500;
}

	a.nav-link.dropdown-toggle:focus {
		background-color: #2E7D32;
		color: white !important;
	}

.navbar-light .navbar-nav .nav-link {
	color: #000;
}

.navbar .dropdown-menu a:hover {
	color: #2E7D32 !important;
	font-size: 17px;
	text-decoration: none;
}

.navbar .dropdown-menu a {
	color: #000 !important;
}

a {
	/*color: #333;*/
	color: #2E7D32;
}

	a:hover {
		color: #0056b3;
		text-decoration: underline;
	}

.ethiopian-container {
	width: 80%;
	margin: 0 10%;
	padding: 1.25rem;
}

@media (max-width:600px) {
	.ethiopian-container {
		width: 100% !important;
		margin: 0 !important;
	}
}

@media (max-width:1200px) {
	.ethiopian-container {
		width: 90%;
		margin: 0 5%
	}

	.min-width-rightwdet-date-picker {
		min-width: 663px !important;
		left: -354px !important;
	}

		.min-width-rightwdet-date-picker .datepicker-arrow {
			left: 70%;
		}
}

.min-width-rightwdet-date-picker .datepicker-arrow {
	left: 65%;
}

@media(min-width:1650px) {
	.navbar-brand, .dropdown-menu.row {
		margin-left: 9%
	}

	.navbar-nav {
		margin-right: 9%
	}

	.dropdown-menu > ul {
		margin-left: 7%
	}
}

@media(max-width:1650px) {
	.navbar-brand, .dropdown-menu.row {
		margin-left: 100px
	}

	.navbar-nav {
		margin-right: 100px
	}

	.dropdown-menu > ul {
		margin-left: 70px
	}
}

@media (max-width:1200px) {
	.navbar-brand, .dropdown-menu.row {
		margin-left: 3%
	}

	.navbar-nav {
		margin-right: 3%
	}

	.dropdown-menu > ul {
		margin-left: 0.1%;
	}
}

.covidcardbtn:hover {
	background-color: #60ac5d !important;
	color: white !important;
}

.ethiopian-header {
	background: #2E7D32;
	padding: 0;
	text-align: right;
}

	.ethiopian-header .nav .nav-item .nav-link {
		display: block;
		padding: .5rem .3rem;
		font-size: 14px !important;
	}

	.ethiopian-header > div > ul > li > a {
		color: #fff !important;
	}

.ethiopian-footer {
	background-color: #e9ecef;
}

#footer-lists a:hover, #footer-lists a:focus {
	color: #2E7D32;
	text-decoration: none;
	/* font-size: 17px;*/
}

#footer-lists a {
	color: #333;
	display: inline-block;
	margin: 15px 0;
	height: 15px;
}

@media(min-width:1200px) {
	#footer-lists a {
		margin: 10px 0 !important;
	}
}

div#footer-lists h4 {
	color: #333;
}

ul.list-unstyled.social-media-list {
	width: 200px;
	display: inline-block;
	position: relative;
	text-align: center;
	padding: 0;
	float: left;
}

.social-media-list > li {
	float: left;
	max-width: 3rem;
	width: 15%;
	margin: 0 2px;
}

.socialmedia-link {
	height: 2rem;
	border-radius: 50%;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}

.navbar-text {
	display: inline-block;
	padding-top: .425rem;
	padding-bottom: .425rem;
}

.fa-2x, span.fa.fa-facebook.fa-2x {
	font-size: 1.5rem;
	color: white
}

.alert {
	margin-bottom: 0;
}

.carousel-caption {
	background-color: transparent !important;
	width: 100% !important;
	text-align: left;
	top: 50% !important;
	left: 7% !important
}

.card-deck .card {
	padding: 0;
}

.promotion-image {
	width: 200px;
	height: 100px;
	align-self: center;
}

.subscribe-form {
	display: block;
}

	.subscribe-form label {
		display: inline;
	}

@media(max-width:767px) {
	button#et-subscribe-btn {
		width: 100%;
	}
}

.dropdown > a {
	color: #fff;
}

.site-selector {
	max-height: 400px;
	overflow: auto;
	border-top: none;
}

.card {
	box-shadow: 0 0px 0px 0 #ccc, 0 1px 5px 0 #ccc;
	padding: 1.25rem;
}

.card-nopadding {
	box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,.19);
	padding: 0rem;
	border-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.card-noshadow {
	/*box-shadow: 0 5px 10px 0 #ccc, 0 5px 10px 0 #ccc;*/
	padding: 1.25rem;
}


.row {
	margin: 0;
}

#main-widget {
	padding: 0;
	box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,.19);
	top: -3.7em !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: relative !important;
	z-index: 100;
}


.deck-row {
	display: flex;
	flex-wrap: wrap;
}

	.deck-row > div[class*='col-'] {
		display: flex;
		padding-bottom: 15px;
	}

#cookie-dialog {
	max-width: 100%;
	background-color: #517842;
	background-color: rgba(45,66,36,.7);
	position: fixed;
	right: 10%;
	left: 10%;
	bottom: 2px;
	padding: 5px 0;
	color: #fff;
	z-index: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.7);
	box-shadow: 0 0 9px 0 rgba(0,0,0,.7)
}

	#cookie-dialog p {
		width: 88%;
	}

	#cookie-dialog .close {
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		background-color: #fff;
		text-align: center;
		font-size: 10px;
		position: absolute;
		right: 10px;
		bottom: 10px;
		color: #517842;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		opacity: .8
	}

#consent-banner {
	background-color: rgba(4, 2, 2, 0.7) !important;
}


.dropdown-toggle::after {
	content: unset;
}

.p-for-header {
	padding: .7rem 1rem;
}

@media (max-width: 1650px) {
	.navbar-nav {
		margin-right: 0px !important;
	}
}

.banner-image {
	height: 500px !important;
}

#widgetTabContent {
	background: white !important;
}

.custom-et-container {
	margin-top: 11em !important;
}

.input-group-append {
	padding: .5rem 1rem .5em 0 !important
}

.right-header-half {
	margin-top: -3.5em;
	margin-left: auto;
	width: inherit;
}

@media (min-width: 768px) {
	.left-header-half {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.right-header-half {
		margin-top: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width: 769px) and (max-width: 1350px) {

	.et-logo {
		max-width: 200px !important;
		height: auto !important;
		width: 100% !important;
	}

	.startalliance-logo {
		max-width: 50% !important;
		height: auto !important;
		float: right !important;
		margin-top: -50px !important;
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.navbar-expand-md {
		padding-right: 0px !important;
		display: block !important;
	}

	.toggler-home {
		display: block !important;
	}

	.et-logo {
		max-width: 200px !important;
		height: auto !important;
		width: 100% !important;
	}

	.navbar-brand.IEbrand {
		width: 100%;
	}

	.startalliance-logo {
		max-width: 70% !important;
		height: auto !important;
		width: 100% !important;
		margin-top: 2em !important;
		float: left !important;
	}
}

.complement_your_journey_images {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.horizontal_flex_container {
	display: flex;
	overflow-x: auto;
}

*, ::after,
::before {
	box-sizing: border-box;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

.complement-caption {
	position: absolute;
	bottom: 0;
	padding: .5em 1em;
	background-color: rgba(0, 0, 0, .4);
	right: 0;
	left: 0
}

	.complement-caption:hover {
		background-color: #3590358f;
	}

.v_line_in_caption {
	padding: 0em .2em;
	background-color: #2e7d32;
	font-size: .6em;
	margin-right: 0.3em;
	font-weight: 800;
}

.btn_see_more {
	color: #317e34;
	padding: .5em 5.5em;
	border: 1px solid #317e34;
	border-radius: 7px;
	font-size: .9em;
}

.new_icons, .booking-option-icon, .hotel-booking-icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian');
	background-repeat: no-repeat;
	width: 22px;
	height: 24px;
	display: flex;
	margin: .4em auto;
}

.booking-option-icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian') !important;
	width: 44px;
	height: 36px;
	background-position: -232px -1px !important;
}

.flight_pass_icon {
	width: 24px !important;
	background-position: -452px -5px
}

.excess_baggage_icon {
	background-position: -434px -49px;
	width: 34px !important
}

.sheba_miles_icon {
	background-position: -268px -209px;
	width: 36px !important;
}

.skylight_hotel_icon {
	width: 31px !important;
	background-position: -269px -172px
}

.evisa_icon {
	background-position: -379px -48px
}

.manage_trip_icon {
	background-position: -370px -369px;
	width: 28px;
	height: 28px;
}

.nav-link.active .manage_trip_icon {
	background-position: -467px -369px
}

.flight_info_icon {
	background-position: -276px -6px;
	width: 32px;
	height: 26px;
}

.nav-link.active .flight_info_icon {
	background-position: -328px -5px;
	width: 32px;
	height: 27px;
}

.check_in_icon {
	background-position: -231px -46px;
	width: 21px;
	height: 28px;
}





.nav-link.active .check_in_icon {
	background-position: -267px -45px;
	width: 21px;
	height: 28px;
}

.from_icon {
	background-position: -55px -3px;
	width: 30px;
	height: 21px;
}

.custom-input-field:focus + .from_icon {
	background-position: -155px -3px;
	width: 30px;
	height: 21px;
}

.to_icon {
	background-position: -55px -51px;
	width: 30px;
	height: 21px;
}

.custom-input-field:focus + .to_icon {
	background-position: -155px -51px;
	width: 30px;
	height: 21px;
}

.icons_for {
	position: absolute;
	top: 8px;
	left: 21px;
	display: inline-block;
}

.icons_for_second {
	position: absolute;
	top: 8px;
	left: 9px;
	display: inline-block;
}

.passangers_icon {
	background-position: -50px -277px;
	width: 33px;
	height: 25px;
}

.promo_icon {
	background-position: -370px -265px;
	width: 31px;
	height: 22px;
}

.custom-input-field {
	padding-top: .375rem !important;
	padding-bottom: .375rem !important;
	padding-left: 3em;
}

.custom-input-field-2 {
	padding-top: .375rem !important;
	padding-bottom: .375rem !important;
}

.complement-links {
	font-size: .8em;
}

.booking-options.flight-booking.active .flight-booking-icon {
	background-position: -151px 0px !important;
}

.flight-booking-icon {
	background-position: -51px 0px !important;
	top: 20px !important;
	left: 0 !important;
	margin: .4em auto;
}

.booking-options.hotel-booking.active .hotel-booking-icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian') !important;
	background-position: -471px -123px !important;
}

.hotel-booking-icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian') !important;
	background-position: -426px -123px !important;
	top: 20px !important;
	left: 0 !important;
	display: inline-block;
	position: relative;
	width: 35px !important;
}

.booking-options {
	cursor: pointer;
}

	.booking-options.active {
		padding-bottom: 10px;
		border-bottom: 2px solid #2e7d32;
		color: #2e7d32;
	}

.booking-option-category {
	display: none;
}

	.booking-option-category.active {
		display: block;
	}

ul#widget-tab li.nav-item {
	width: 25%;
	height: 58px;
	color: black;
	background: #f2f2f2;
	border: 1px solid #ddd;
}

ul#widget-tab a.nav-link.active {
	color: #2e7d32;
	height: 58px !important;
	border-bottom: 0;
	border-radius: 0;
	/* border-bottom: 3px solid #2e7d32; */
	border-right: 0 !important;
	border-left: 0;
}

.nav-link.active .booking-option-icon {
	background-position: -194px -1px !important
}

div#widgetTabContent {
	background: rgb(255, 255, 255);
	border: 1px solid #ddd;
	padding: 0 15px;
	border-top: 0;
	padding-bottom: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.h2_for_book {
	font-size: 1em !important;
	font-weight: 500 !important;
}

em.social-media-icon {
	background: #fff;
	border-radius: 100%;
	padding: 5px;
	font-size: 30px !important;
}

ul.list-unstyled.social-media-list {
	width: unset !important;
}

#facebook {
	margin-top: .425rem
}

.footer_separator {
	border-bottom: 1px solid #bfc1c4;
}

.std-rad {
	border-radius: 6px !important;
	box-shadow: 0 1px 3px rgba(132, 142, 150, 0.25), 0 4px 8px 3px rgba(112, 120, 125, 0);
}

.std-rad-left {
	border-bottom-left-radius: 10px !important;
	border-top-left-radius: 10px !important
}

.std-rad-right {
	border-bottom-right-radius: 10px !important;
	border-top-right-radius: 10px !important
}

.flight-date-1, .flight-date-2, .hotel-date-1, .hotel-date-2 {
	box-shadow: unset !important
}

.ethiopian-btn-outline {
	background-color: #fff !important;
	border-color: #2e7d32 !important;
	color: #2e7d32 !important;
}

.std-background-color {
	background-color: #2e7d32 !important;
	border-color: #2e7d32 !important;
	color: #fff
}

	.std-background-color:focus {
		box-shadow: 0 0 0 0.2rem rgba(96, 173, 94, .5) !important;
	}

@media (min-width: 1400px) {
	#main-widget {
		width: 60% !important;
		margin: auto !important
	}
}
/* flags will be moved to a new css file.. in the mean time they will be here*/
.hidden {
	display: none !important
}

.temp_flag_icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/temp_icons/flag_active.png');
}

.temp_baggage_icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/temp_icons/baggage_active.png');
}

.temp_cloudNine_icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/temp_icons/cloudNine_active.png');
}

.temp_evisa_icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/temp_icons/evisa_active.png');
}

.temp_plane_icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/temp_icons/plane_active.png');
}

.temp_shebaMiles_icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/temp_icons/shebaMiles_active.png');
}

.temp_icons {
	height: 3em;
	width: 3em;
	display: flex;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	margin: auto;
	align-self: center;
}

.comp_images:hover {
	box-shadow: 0 0 0.6rem 0 rgba(0,0,0,.5);
}

.comp_images {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
}

.std-et-link {
	color: #60ad5e !important
}

.icon-wrapper {
	display: flex;
	height: 5em;
	width: 5em;
	border-radius: 50%;
	margin: auto;
	box-shadow: 0 5px 10px #ddd;
	padding: 0;
}

.text-wrapper {
	margin-top: .5em;
	font-size: 1.3em;
	padding: 0;
}

.std-btn {
	color: #fff !important;
	text-decoration: none;
	border-color: #2e7d32 !important;
	background-color: #2e7d32 !important;
	font-size: 16px;
	font-weight: 600;
	padding: 13px !important;
}

	.std-btn:hover {
		color: #fff !important;
		text-decoration: none;
		border-color: #005005 !important;
		background-color: #005005 !important;
		font-size: 16px;
		font-weight: 600;
		padding: 13px !important;
	}

.std-btn-sm {
	color: #fff !important;
	text-decoration: none;
	border-color: #2e7d32 !important;
	background-color: #2e7d32 !important;
	font-size: 14px;
	font-weight: 600;
	padding: 10px !important;
}

	.std-btn-sm:hover {
		color: #fff !important;
		text-decoration: none;
		border-color: #005005 !important;
		background-color: #005005 !important;
		font-size: 14px;
		font-weight: 600;
		padding: 10px !important;
	}

.std-btn-outline {
	color: #005005 !important;
	text-decoration: none;
	border-color: #005005 !important;
	background-color: white !important;
	/*height: 49px !important;*/
	font-size: 16px;
	font-weight: 600;
	padding: 13px !important;
}

	.std-btn-outline:hover {
		background-color: #2e7d32 !important;
		border-color: #2e7d32 !important;
		color: #fff !important;
	}

@media(max-width : 767px) {
	.complement-mob-container {
		margin: 0 -1.25rem
	}

	.mob-indicator {
		display: flex !important;
		padding: 0px !important;
		color: #2e7d32;
	}

	.complement-links > .text-wrapper {
		font-size: 1em !important
	}
}

.Hero-text {
	line-height: 50px;
	font-weight: 600;
	text-align: left;
	text-shadow: 2px 2px 3px #000000;
}

.input-group-append {
	padding-right: 0px !important
}

.input-validation-error {
	border: 1px solid #D32F33 !important
}

.mob-widget-component {
	background: white !important;
	color: #2E7D32 !important;
	border-radius: 4px !important;
	border: 1px solid !important;
}

.mob-icons, .mob-check_in_icon, .mob-manage_trip_icon, .mob-flight_info_icon, .mob-hotel-booking-icon, .mob-cloud-nine {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian') !important;
	position: relative;
	top: 11px !important;
	display: inline-block;
	width: 21px;
	height: 28px;
	margin-right: 1em;
}

.mob-check_in_icon {
	background-position: -267px -45px !important;
	width: 21px;
	height: 28px;
}

.mob-manage_trip_icon {
	background-position: -467px -369px !important;
	width: 28px;
	height: 28px;
}

.mob-flight_info_icon {
	background-position: -328px -5px !important;
	width: 32px;
	height: 27px;
}

.mob-hotel-booking-icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian') !important;
	background-position: -471px -123px !important;
	width: 35px !important
}

.mob-cloud-nine {
	background-position: -152px -228px !important;
	width: 33px;
}

/* Show the dropdown menu on hover */
/*.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu:hover {
  display: block;
}*/
.dropdown-menu.bg-white.pb-0.show {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 5px;
	color: #000;
	margin-top: 20px;
	display: inline-block;
	font: 16px/24px sans-serif;
	padding: 28px 24px;
	position: relative;
}

	.dropdown-menu.bg-white.pb-0.show:after, .dropdown-menu.bg-white.pb-0.show:before {
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
		border-bottom: 20px solid #fff;
		top: -20px;
		content: '';
		left: 85%;
		/*            margin-left: -20px;
*/ position: absolute;
	}

	.dropdown-menu.bg-white.pb-0.show:before {
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
		border-bottom: 23px solid #ddd;
		top: -23px;
		/* margin-left: -20px;*/
	}

.nav-shadow {
	box-shadow: 0px 0px 3px 0px #888888 !important;
}

.pb-cst-3 {
	padding-bottom: 0.8rem !important
}

@media(min-width : 1300px) {
	.pb-cst-3 {
		padding-bottom: 1.36rem !important
	}
}

.footer-pad a:hover {
	opacity: .7;
}

.lds-spinner {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

	.lds-spinner div {
		transform-origin: 32px 32px;
		animation: lds-spinner 1.2s linear infinite;
	}

		.lds-spinner div:after {
			content: " ";
			display: block;
			position: absolute;
			top: 3px;
			left: 29px;
			width: 5px;
			height: 14px;
			border-radius: 20%;
			background: #2E7D32;
		}

		.lds-spinner div:nth-child(1) {
			transform: rotate(0deg);
			animation-delay: -1.1s;
		}

		.lds-spinner div:nth-child(2) {
			transform: rotate(30deg);
			animation-delay: -1s;
		}

		.lds-spinner div:nth-child(3) {
			transform: rotate(60deg);
			animation-delay: -0.9s;
		}

		.lds-spinner div:nth-child(4) {
			transform: rotate(90deg);
			animation-delay: -0.8s;
		}

		.lds-spinner div:nth-child(5) {
			transform: rotate(120deg);
			animation-delay: -0.7s;
		}

		.lds-spinner div:nth-child(6) {
			transform: rotate(150deg);
			animation-delay: -0.6s;
		}

		.lds-spinner div:nth-child(7) {
			transform: rotate(180deg);
			animation-delay: -0.5s;
		}

		.lds-spinner div:nth-child(8) {
			transform: rotate(210deg);
			animation-delay: -0.4s;
		}

		.lds-spinner div:nth-child(9) {
			transform: rotate(240deg);
			animation-delay: -0.3s;
		}

		.lds-spinner div:nth-child(10) {
			transform: rotate(270deg);
			animation-delay: -0.2s;
		}

		.lds-spinner div:nth-child(11) {
			transform: rotate(300deg);
			animation-delay: -0.1s;
		}

		.lds-spinner div:nth-child(12) {
			transform: rotate(330deg);
			animation-delay: 0s;
		}

@keyframes lds-spinner {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

#progress-modal-content {
	width: 212px;
	height: 118px;
	margin: auto;
	margin-top: 30%;
}

.banner-image {
	background-repeat: no-repeat;
	background-size: cover;
	height: 650px;
	background-position: center center;
}

.modal-dialog {
	pointer-events: auto;
}

div#domestic-identity-modal, #frankfurt-train-modal, #canadaTravelAuthorizationModal {
	background: #000000cc;
}

	div#domestic-identity-modal .modal-content {
		border-radius: 0;
	}


div#widgetTabContent {
	background: rgba(255, 255, 255, .9);
	border: 1px solid #ddd;
	padding: 0 15px;
	border-top: 0;
	padding-bottom: 15px;
}

#widgetTabContent .show {
	opacity: 1 !important;
	z-index: 10000;
}

ul#widget-tab {
	background: white;
	/* box-shadow: 0 5px 10px #ddd; */
	border: 0;
}

.widget-tab-label {
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}

ul#widget-tab a.nav-link {
	/* padding: 0 8px !important;*/
	color: black;
	height: 58px !important;
	cursor: pointer;
	border-radius: 0;
}

	ul#widget-tab a.nav-link:hover {
		/* border: 0;*/
		/* padding: 0 !important;*/
		/*  padding-left: 8px !important;*/
		border-radius: 0;
	}

	ul#widget-tab a.nav-link.active {
		color: #2e7d32;
		height: 58px !important;
		border-bottom: 0;
		border-radius: 0;
		border-bottom: 3px solid #2e7d32;
		border-right: 0 !important;
		border-left: 0;
	}

div.datepicker-modal {
	overflow: scroll;
	z-index: 101;
}

button#passengers {
	border: 1px solid #ddd !important;
	padding: 2px 0 !important;
	box-shadow: 0 1px 3px rgba(132, 142, 150, 0.25), 0 4px 8px 3px rgba(112, 120, 125, 0);
}

span.infant-count-label, .child-count-label, .adult-count-label {
	display: inline-block;
	width: 15px !important;
	text-align: center;
}

span.passenger-age-limit {
	font-size: 12px;
	color: gray;
}

.widget-container label.control-label, label.k-label {
	position: absolute;
	top: 7px;
	z-index: 100;
	font-size: 12px;
	left: 30px !important;
}

.k-calendar-range .k-content .k-link {
	border-radius: 0;
}

label.k-label {
	font-size: 16px;
	left: 15px !important;
}

span.k-dropdown-wrap.k-state-default {
	border-radius: 0 !important;
}

.k-popup .k-list .k-item {
	padding: 1px 11px;
	font-size: 14px !important;
}

.k-popup .k-list .k-state-focused {
	border-radius: 0px !important;
	box-shadow: none !important;
	background: #2e7d32 !important;
	color: white !important;
}

.k-calendar-range td.k-state-selected .k-link {
	border-color: #2e7d32 !important;
	color: #fff;
	background-color: #2e7d32 !important;
}

.k-calendar-range td.k-state-focused .k-link {
	box-shadow: inset 0 0 7px 0 #2e7d32 !important;
}

.k-calendar td.k-state-focused .k-link {
	box-shadow: inset 0 0 7px 0 #2e7d32 !important;
}

.k-calendar td.k-state-selected .k-link {
	border-color: #2e7d32 !important;
	color: #fff !important;
	background-color: #2e7d32 !important;
	background-image: none;
	border-radius: 0;
}

.k-calendar-range .k-content td {
	border: 1px solid #ddd !important;
	visibility: visible !important;
	border-radius: 0 !important;
}

.modal-backdrop.fade.show {
	width: 0;
}

.k-calendar-range .k-content td.k-range-split-start::after {
	right: auto;
	left: -5px;
	background: white;
}

.k-calendar-range td.k-range-end, .k-calendar-range td.k-range-mid, .k-calendar-range td.k-range-start {
	background-image: linear-gradient(transparent 1px,#9e9e9e1a 1px,#9e9e9e73 calc(100% - 1px),transparent calc(100% - 1px)) !important;
}

.k-calendar .k-today .k-link {
	color: #000 !important;
	border-radius: 0 !important;
	box-shadow: inset 0 0 0 1px #2e7d32 !important;
}

.k-calendar .k-month .k-link {
	border-radius: 0 !important;
}

.k-calendar .k-today .k-link {
	color: #000 !important;
	box-shadow: inset 0 0 0 1px #2e7d32 !important;
}

.k-calendar td.k-state-focused .k-link {
	box-shadow: inset 0 0 7px 0 #2e7d32 !important;
}

.widget-input-item-secondary {
	padding-top: 39px !important;
	padding-bottom: 13px;
	box-shadow: 0 1px 3px rgba(132, 142, 150, 0.25), 0 4px 8px 3px rgba(112, 120, 125, 0);
}

#check-in-by-frequent-flyer span.k-dropdown-wrap.k-state-default {
	height: 50px;
	margin-top: -6px;
}

.widget-container span.k-widget.k-autocomplete.form-control.rounded-0.text-box.single-line.k-autocomplete-clearable.k-state-default {
	padding: 53px 0;
	padding-top: 0 !important;
	border-color: #fff !important;
}

.widget-container span.k-widget.k-datepicker.form-control.rounded-0.d-flex.text-box.single-line {
	border: 0;
}

.widget-container span.k-textbox-container {
	width: 49% !important;
	padding: 0;
}

.widget-container input.k-textbox.k-valid {
	padding: 19px 0 !important;
	border-radius: 0;
	padding-bottom: 3px !important;
}

.widget-container span.k-picker-wrap.k-state-default {
	padding: 0;
	padding-top: 0 !important;
	border: 0 !important;
	width: 100%;
	border-color: #fff !important;
}

.widget-input-item {
	border: 1px solid #ddd;
	padding-top: 15px !important;
	height: 56px;
	font-size: 14px;
	width: 100% !important;
	box-shadow: 0 1px 3px rgba(132, 142, 150, 0.25), 0 4px 8px 3px rgba(112, 120, 125, 0);
}

.form-control:focus {
	border-color: #cccccc;
	-webkit-box-shadow: none;
	box-shadow: 0 1px 3px rgba(60,64,67, 0.3), 0 4px 8px 3px rgba(60,64,67, 0.15);
}

#round-trip-date-picker-container input, #book-hotel-date-range-picker-container input {
	border: 1px solid #ddd !important;
	padding-top: 17px !important;
	border-radius: 0 !important;
}

#round-trip-date-picker .k-label {
	width: 100% !important;
}

#round-trip-date-icon, #hotel-date-range-icon {
	font-size: 20px;
	position: relative;
	float: right;
	top: 10px;
	left: 30px;
	color: #696f6ad1;
}

.rt-validation-msg, .ck-in-out-date-validation-msg {
	display: none;
}

#departure-airport-validation-msg,
#invalid-departure-airport-validation-msg,
#arrival-airport-validation-msg,
#invalid-arrival-airport-validation-msg,
#departure-airport-1-validation-msg,
#arrival-airport-1-validation-msg,
#hotel-destination-validation-msg,
#booking-reference-validation-msg,
#last-name-validation-msg,
#flightStatus-departure-date-validation-msg,
#flightStatus-fn-departure-date-validation-msg,
#flightStatus-departure-airport-validation-msg,
#flightStatus-arrival-airport-validation-msg,
#flightStatus-flight-number-validation-msg,
#flightSchedule-departure-date-validation-msg,
#flightSchedule-departure-airport-validation-msg,
#flightSchedule-arrival-airport-validation-msg,
#checkin-ticketNumber-validation-msg,
#checkInByTicketNumber-lastName-validation-msg,
#reservation-number-validation-msg,
#checkInByPNR-lastName-validation-msg,
#checkInByPNR-lastName-validation-msg,
#checkin-flightNumber-validation-msg,
#checkin-departure-airport-validation-msg,
#checkinByFlightNumber-first-name-validation-msg,
#checkinByFlightNumber-last-name-validation-msg,
#checkin-ff-program-validation-msg,
#checkin-ff-number-validation-msg,
#checkInByFrequentFlier-first-name-validation-msg,
#checkInByFrequentFlier-last-name-validation-msg {
	display: none;
}

#hotel-date-range-icon {
	left: 130px;
	font-size: 20px;
	top: 10px;
}

.widget-container span.k-widget.k-datepicker.form-control {
	border: 0 !important;
	padding: 0 !important;
}

.et-date-picker {
	padding-top: 37px !important;
	padding-bottom: 15px !important;
}

a.k-link.k-nav-fast:hover {
	background: white !important;
	color: #2e7d32 !important;
}

.modal-backdrop:nth-child(2n-1) {
	opacity: 0;
	z-index: -1;
}

.et-submit-btn {
	padding: 13px;
	font-size: 16px;
	font-weight: 600;
}

span.k-icon.k-clear-value.k-i-close {
	position: absolute !important;
	top: 8px !important;
	right: 0;
	border: 1px solid red;
	color: red;
	height: 10px;
	font-size: 12px;
	border: 1px solid #ddd;
}

table.k-content.k-month:first-child, table.k-content.k-month:first-child .k-out-of-range:last-child {
	position: relative;
	visibility: visible;
	left: -5px;
}

	table.k-content.k-month:first-child .k-out-of-range:last-child {
		left: 0;
	}

.widget-container .k-invalid-msg {
	color: red !important;
	white-space: initial;
	display: inherit;
}

.widget-container span.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
	display: flex;
	position: absolute;
	font-size: 12px !important;
	font-weight: bold !important;
}

.journey-type {
	padding: 20px 0;
}

	.journey-type span {
		margin: 0 10px;
		cursor: pointer;
		font-size: 17px;
		display: inline-block;
		margin-bottom: 15px;
		height: 30px;
	}

span.journey-type-option.active {
	border-bottom: 2px solid #2e7d32;
	padding-bottom: 30px;
	font-weight: 600;
	color: #2e7d32;
}

.mob-widget-component {
	cursor: pointer;
	background: #2E7D32;
	color: white;
	padding: 12px 20px;
	border-radius: 0;
}

button#search-flight, #domestic-doc-submit-btn {
	font-size: 16px;
	font-weight: 600;
	background-color: #dc3545;
	border-radius: 0;
	border-color: #dc3545;
	padding: 13px 0;
}

.mob-widget-component h5 {
	font-size: 14px;
	font-weight: 600;
	position: relative;
	top: -8px;
}

.one-way-date-picker {
	display: none;
}

#round-trip-date-picker-container input {
	border-radius: 0;
}

div#passenger-selection-container {
	padding: 15px 15px !important;
	background: #fff;
	/* border: 1px solid #ebebeb; */
	/* box-shadow: 0 4px 9px 3px rgba(0, 0, 0, 0.08); */
	color: rgba(0,0,0,1);
	margin-top: 0;
	/* position: absolute; */
	top: -16px;
	z-index: 999;
	width: 94%;
	right: 0;
	/* display: none; */
}

.passenger-type-label {
	display: block;
}

.passenger-type-num {
	display: inline;
	float: right;
}

.adult-label-1, .child-label-1, .infant-label-1, .passenger-label-1 {
	display: none;
}

#passenger-caret-icon {
	font-size: 20px;
	position: absolute;
	right: 17px;
	top: 10px;
	color: #2E7D32;
}

.check-in-type-container {
	display: none;
}

	.check-in-type-container.active {
		display: flex;
	}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.check-in-type-container.active {
		display: block;
	}
}

input[type="radio"] {
	position: absolute;
	opacity: 1;
	z-index: -1
}

.check-in-container, .status-schedule, .special-discount-fare-confirmation, .special-discount-fare-confirmation-int {
	padding: 15px;
}

	.status-schedule > label {
		position: relative;
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		padding-left: 30px;
		padding-right: 10px;
		line-height: 36px;
		cursor: pointer;
	}

	.check-in-container > label {
		position: relative;
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		padding-left: 30px;
		padding-right: 10px;
		line-height: 36px;
		cursor: pointer;
	}

	.special-discount-fare-confirmation > label {
		position: relative;
		display: inline-block;
		margin-bottom: 10px;
		padding-left: 30px;
		padding-right: 10px;
		line-height: 36px;
		cursor: pointer;
	}

	.special-discount-fare-confirmation-int > label {
		position: relative;
		display: inline-block;
		margin-bottom: 10px;
		padding-left: 30px;
		padding-right: 10px;
		line-height: 36px;
		cursor: pointer;
	}

	.status-schedule > label::before {
		content: " ";
		position: absolute;
		top: 6px;
		left: 0;
		display: block;
		width: 24px;
		height: 24px;
		border: 2px solid #2E7D32;
		border-radius: 4px;
	}

	.check-in-container > label::before {
		content: " ";
		position: absolute;
		top: 6px;
		left: 0;
		display: block;
		width: 24px;
		height: 24px;
		border: 2px solid #2E7D32;
		border-radius: 4px;
	}

	.special-discount-fare-confirmation > label::before {
		content: " ";
		position: absolute;
		top: 6px;
		left: 0;
		display: block;
		width: 24px;
		height: 24px;
		border: 2px solid #2E7D32;
		border-radius: 4px
	}

	.special-discount-fare-confirmation-int > label::before {
		content: " ";
		position: absolute;
		top: 6px;
		left: 0;
		display: block;
		width: 24px;
		height: 24px;
		border: 2px solid #2E7D32;
		border-radius: 4px
	}

input[type="radio"] + label::before {
	border-radius: 18px;
}

input[type="radio"]:checked + label {
	padding-left: 10px;
	color: #fff;
	background-color: #2E7D32;
	border-radius: 18px;
}

	input[type="radio"]:checked + label::before {
		top: 0;
		width: 97%;
		height: 92%;
	}

.status-schedule > label::before {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

.check-in-container > label::before {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

.special-discount-fare-confirmation > label::before {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

.special-discount-fare-confirmation-int > label::before {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

#flight-schedule, #flight-status-by-flight-number {
	display: none;
}

.flight-status-type {
	border-bottom: 1px solid;
	cursor: pointer;
	display: inline-block;
	margin-top: 35px;
}

.flight-booking-icon, .hotel-booking-icon, .mob-hotel-booking-icon,
.online-checkin-icon, .mob-online-checkin-icon, .manage-booking-icon,
.mob-manage-booking-icon, .flight-information-icon, .mob-flight-information-icon,
.upgrade-cloud-icon, .mob-upgrade-cloud-icon,
.facebook-icon, .twitter-icon, .youtube-icon, .instagram-icon, .weibo-icon, .linkedin-icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian');
	background-repeat: no-repeat;
	display: inline-block;
	height: 35px;
	width: 40px;
	left: -10px;
	position: relative;
	top: 8px;
}


.nav-link.active .online-checkin-icon {
	background-position: -143px -390px !important;
}

.online-checkin-icon {
	background-position: -52px -391px !important;
}

.mob-online-checkin-icon {
	background-position: -1px -391px !important;
	position: relative;
	top: 9px !important;
	left: 0 !important;
}

.nav-link.active .manage-booking-icon {
	background-position: -224px -199px !important
}

.manage-booking-icon {
	background-position: -264px -199px !important
}

.mob-manage-booking-icon {
	background-position: -317px -145px !important;
	position: relative;
	top: 16px !important;
	left: 0 !important;
}

.nav-link.active .flight-information-icon {
	background-position: -467px -200px !important
}

.flight-information-icon {
	background-position: -369px -203px !important;
}

.mob-flight-information-icon {
	background-position: -317px -203px !important;
	position: relative;
	top: 16px !important;
	left: 0px !important;
}

.nav-link.active .upgrade-cloud-icon {
	background-position: -149px -223px !important;
}

.upgrade-cloud-icon {
	background-position: -51px -234px !important;
}

.mob-upgrade-cloud-icon {
	background-position: -2px -234px !important;
	position: relative;
	top: 26px !important;
	left: 0 !important;
}

.facebook-icon {
	background-position: 3px -719px !important;
}

.twitter-icon {
	background-position: -43px -719px !important;
}

.youtube-icon {
	background-position: -180px -719px !important;
}

.instagram-icon {
	background-position: -88px -719px !important;
}

.weibo-icon {
	background-position: -225px -719px !important
}

.linkedin-icon {
	background-position: -135px -719px !important;
}

.offer-container {
	box-shadow: 0 5px 10px #ddd;
	padding: 28px;
	margin: 30px auto;
	border: 1px solid #ddd;
}
/* The container */
.book-with-miles-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div#book-with-miles-div {
	height: 38px;
	margin: 15px 0;
}
/* Hide the browser's default checkbox */
.book-with-miles-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: 1px solid #2e7d32;
}

/* On mouse-over, add a grey background color */
.book-with-miles-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.book-with-miles-container input:checked ~ .checkmark {
	background-color: #2e7d32;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.book-with-miles-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.book-with-miles-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.remove-passenger, .add-passenger {
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 5px 15px;
}

#search-flight-btn-container {
	display: none;
}

.btn-ethiopian {
	background: #dc3545;
	color: white;
	border-radius: 0;
}

	.btn-ethiopian:hover {
		background: #dc3545;
		border-color: white;
		color: white;
	}

div#departure-airport-list, div#arrival-airport-list {
	border: 0;
	position: relative;
	top: 5px;
}

.book-flight-page-container #search-flight-btn-container {
	display: flex;
}

.mobile-app-promotion {
	display: none;
}

.arrival-airport-clear-btn, .departure-airport-clear-btn {
	position: absolute;
	top: 15px;
	right: 21px;
	font-size: 20px;
	cursor: pointer;
	display: none;
}

.airportlist-mob-container {
	display: none;
}

.airportlist-container {
	display: flex;
	width: 50%;
}

.airportlist-container-desktop {
	display: flex;
	width: 100%;
}

.airportlist-container .form-group {
	flex: 100%;
	max-width: 100%;
}

.airportlist-container-desktop .form-group {
	flex: 100%;
	max-width: 100%;
}


.modal.fade .modal-dialog {
	-moz-transition: none !important;
	-o-transition: none !important;
	-webkit-transition: none !important;
	transition: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
}

#mob-departure-airport-selection-modal, #mob-arrival-airport-selection-modal,
#mob-departure-airport-selection-modal1, #mob-arrival-airport-selection-modal1,
.modal-dialog-multi {
	width: 100%;
	max-width: 100%;
	max-height: 100% !important;
	margin: 0;
}

	#mob-departure-airport-selection-modal .modal-dialog.mob-airportSelection-modal-dialog,
	#mob-arrival-airport-selection-modal .modal-dialog.mob-airportSelection-modal-dialog,
	#mob-departure-airport-selection-modal1 .modal-dialog.mob-airportSelection-modal-dialog1,
	#mob-arrival-airport-selection-modal1 .modal-dialog.mob-airportSelection-modal-dialog1,
	.modal-dialog-multi {
		max-height: 100%;
		margin: 0;
		height: 100%;
		max-width: 100%;
	}

		#mob-departure-airport-selection-modal .modal-content,
		#mob-departure-airport-selection-modal1 .modal-content,
		#mob-arrival-airport-selection-modal .modal-content,
		#mob-arrival-airport-selection-modal1 .modal-content,
		.modal-dialog-multi > .modal-content {
			height: 100% !important;
			max-height: 100%;
		}

ul#ui-id-5, ul#ui-id-4 {
	display: block;
	max-height: 100% !important;
	box-shadow: none;
	border: 0;
}

	ul#ui-id-5 li.ui-menu-item {
		border-bottom: 1px solid #ddd !important;
		color: #333;
		padding-left: 10px;
	}

#mob-departure-airport-selector, #mobArrivalAirportSelector {
	padding-left: 10px !important;
}

form#pg_offering {
	box-shadow: 0 5px 10px #ddd;
	padding-top: 25px;
	border: 1px solid #ddd;
	padding-left: 15px;
}

ul#ui-id-4 li.ui-menu-item {
	border-bottom: 1px solid #ddd !important;
	color: #333;
}

ul#ui-id-5 li.ui-menu-divider.ui-widget-content, ul#ui-id-4 li.ui-menu-divider.ui-widget-content {
	border: 0;
}

.row:before, .row:after {
	display: none !important;
}

@media(max-width:368px) {
	#phone-container {
		/*display: none;*/
		font-size: 16px;
	}

		#phone-container a {
			padding: 9px;
			min-width: 100%;
		}
}

@media(max-width:568px) {

	.passenger-selection-modal-dialog {
		margin: 0 !important;
	}

	#phone-container a {
		/*display: none;*/
		text-align: left;
		padding: 8px 0;
	}

	#phone-container {
		/*display: none;*/
		font-size: 14px;
		position: relative;
		top: -15px;
	}

		#phone-container + .d-flex {
			position: relative;
			top: -15px;
		}
}

@media(min-width:768px) {
	img.mob-prom-ios {
		width: 20% !important;
	}

	img.mob-prom-android {
		width: 20% !important;
	}
}

@media(max-width:768px) {
	#passenger-selection-modal .modal-dialog, #passenger-selection-modal .modal-content {
		height: 100% !important;
	}

	div#booking-validation-container,
	#hotel-booking-validation-container,
	#manage-booking-validation-container,
	#online-checkin-validation-container,
	#flight-information-validation-container {
		font-size: 14px !important;
	}

	#passenger-selection-title {
		font-size: 14px !important;
	}

	.mobile-app-promotion {
		padding: 3px 5px;
		display: block;
		padding-top: 3px;
	}
}

@media(max-width:991px) {
	.widget-container .k-invalid-msg {
		display: block !important;
		height: 20px;
	}

	.hidden-md-down {
		display: none !important;
	}

	#round-trip-date-icon, #hotel-date-range-icon {
		display: none !important;
	}

	#round-trip-date-picker .k-label {
		margin-top: 0px !important;
	}

	#search-flight-btn-container {
		display: flex;
	}

	#mob-widget .form-group {
		margin-bottom: 0;
	}

	#mob-widget input {
		font-size: 14px;
	}

	span.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
		padding: 0;
	}

	#bannersCarousel {
		display: none;
	}

	.airportlist-mob-container {
		display: block !important;
	}

	.airportlist-container {
		display: none !important;
	}

	.airportlist-container-desktop {
		display: none !important;
	}


	.ethiopian-country-selector-modal .modal-dialog.modal-xl {
		width: 100% !important;
		margin: 0;
		padding: 0 !important;
		max-width: 100%;
	}

	.comp_images {
		opacity: 1 !important
	}
}

@media(min-width:992px) {
	div#round-trip-date-picker_dateview {
		margin-left: -43%;
	}

	div#departure-airport-list, div#arrival-airport-list {
		width: 350px !important;
		border: 0;
		position: relative;
		top: 5px;
	}

	.k-calendar-range .k-calendar-header .k-button {
		margin: auto;
	}
}

@media(max-width:1400px) {
	.banner-image {
		height: 500px !important;
	}
}

@media(min-width:1600px) {
	.ethiopian-container {
		max-width: 70% !important;
		margin: 0 15% !important;
	}

	.min-width-rightwdet-date-picker {
		min-width: 709px !important;
		left: -255px !important;
	}

		.min-width-rightwdet-date-picker .datepicker-arrow {
			left: 60%;
		}
}

.nav {
	flex-wrap: inherit;
}

.modal-background-color {
	background: #0000004d !important
}

/* end from ethomepage.css*/
/*for internet explorer css*/
@media screen and (-ms-high-contrast:none) {
	.IEmode {
		display: block !important;
	}

	.IEmodecard {
		height: 100%;
	}

	.IEbrand {
		width: 60%;
	}
}

.tooltip-main {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	font-weight: 700;
	background: #f3f3f3;
	border: 1px solid #737373;
	color: #737373;
	margin: 4px 121px 0 5px;
	float: right;
	text-align: left !important;
}

.tooltip-qm {
	float: left;
	margin: -2px 0px 3px 4px;
	font-size: 12px;
}

.tooltip {
	margin: 1.5em -0.5em 0 0;
	display: none;
	left: -200px;
}

.tooltip-inner {
	width: 240px !important;
	max-width: 264px !important;
	font-size: 16px;
	padding: 10px 15px 10px 20px;
	background: #FFFFFF;
	color: rgba(0, 0, 0, .7);
	border: 1px solid #737373;
	text-align: left;
	box-shadow: 0px 0px 3px 0px #888888 !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
	margin-left: 205px;
	border-bottom-color: #737373;
	border-width: 0 .5rem .5rem;
}

.tooltip .arrow::after {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::after,
.bs-tooltip-bottom .arrow::after {
	margin-left: 205px;
	border-bottom-color: white;
	border-width: 0 .5rem .5rem;
}

.custom-tooltip:hover div.tooltip {
	opacity: 1 !important;
	display: block !important
}

.custom-tooltip:hover span.fa {
	color: #2E7D32 !important;
	font-size: 17px;
}

div#Contentplaceholder1_TC6C22ABA004_Col00 {
	padding: 100px 30px;
	display: block;
}

.transpose-container {
	position: absolute;
	left: -0.6em;
	top: .8em;
	background: white;
	padding: 5px;
	border-radius: 40%;
	box-shadow: 0px 0px 3px 0px #0000007a;
	cursor: pointer;
	-moz-transition: transform .2s ease-out 0s;
	-webkit-transition: transform .2s ease-out 0s;
	transition: transform .2s ease-out 0s;
}

.transpose-mob {
	left: 81%;
	top: -1.2em;
}

.flip {
	transform: rotate(-180deg);
}

.transpose-container:active {
	color: #005005;
	box-shadow: 0px 0px 4px 0px #0000007a;
}

.transpose-icon {
	font-size: 1.2em;
	display: flex;
	align-self: center;
	color: #666666;
}

.date-picker-container {
	max-width: 100% !important;
	box-shadow: 0px 2px 5px 2px rgba(60,64,67, 0.3);
	border-radius: 6px !important;
}

.hotel-date-picker .datepicker-arrow {
	left: 48%;
}

.hotel-date-picker .date-picker-container {
	top: -14px;
}

.datepicker-arrow:before {
	top: -9px;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #3c40434d;
	position: absolute;
	display: inline-block;
	border-bottom-color: #3c40434d;
	content: '';
}

.datepicker-arrow {
	position: absolute;
	left: 78%;
	top: 0px;
}

	.datepicker-arrow:after {
		top: -7px;
		left: 2px;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #fff;
		border-left: 8px solid transparent;
		position: absolute;
		display: inline-block;
		border-bottom-color: #fff;
		content: '';
	}

#feedbackTab {
	right: 0;
	position: fixed;
	width: 32px;
	height: 150px;
	top: 300px;
	z-index: 1;
	-ms-transform: rotate(270deg); /* IE 9 */
	transform: rotate(270deg);
}

.date-picker-right-continer {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-left: none !important;
}

.date-picker-left-continer {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-right: none !important;
}

.et-info-circle {
	color: #666666;
	padding-left: 13px;
}

.exchange-icon {
	font-size: 22px;
	margin: .4em 0 0 0;
	color: #666666;
}

.online-checkin-link-color {
	/*color: #989898;*/
	color: red;
}

.fab-question-circle-icon:hover {
	color: #2E7D32;
}

@media (min-width: 992px) {
	.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
		margin-left: 117px;
	}

	.bs-tooltip-auto[x-placement^=bottom] .arrow::after, .bs-tooltip-bottom .arrow::after {
		margin-left: 117px;
	}

	.tooltip {
		left: -112px;
	}

	.tooltip-inner {
		width: 264px !important;
	}

	.transpose-container:hover {
		color: #005005;
		box-shadow: 0px 0px 4px 0px #0000007a;
	}
}

.active-frequent-flyer, .active-flight-number, .more-check-in-info {
	border-bottom: 2px solid #2e7d32;
	/*	padding-bottom: 5px;*/
}

i.fas.fab-question-circle-icon.fa-lg.pl-1.pr-3.mt-1.pt-2.pb-1.fa-question-circle:hover {
	color: #2E7D32;
}

.link-pointer:hover {
	cursor: pointer;
	color: #2e7d32;
}

.min-width-rightwdet-date-picker {
	min-width: 640px;
	left: -304px;
}

.iconmobilefeatureslide {
	background-color: #2e7d32;
	display: flex;
	height: 130px;
}

	.iconmobilefeatureslide > img {
		padding: 20px;
	}

.textmobilefeatureslide {
	color: white;
	padding: 20px;
	padding-left: 0px;
}

.gdpr-consetn-container {
	height: auto !important;
	top: 40%;
	width: 90%;
	margin: 0 auto;
	bottom: auto !important
}

.gdpr-consetn-container-p {
	font-size: 10px;
}

.feedback-modal-title {
	font-weight: 600;
	text-align: center;
}

.feedback-modal-p {
	text-align: center;
	flex-grow: 1;
}

.feedback-modal-btn {
	color: #317e34;
	border: 1px solid #317e34;
	font-size: .9em;
	padding-top: .8em;
	padding-bottom: .8em;
	display: flex;
	width: 80%;
	text-align: center;
	justify-content: center
}

	.feedback-modal-btn:hover {
		color: #317e34;
		text-decoration: none;
	}

.feedback-center-colomn {
	border-right: 1px solid white;
	border-left: 1px solid white;
}

.COOKIESSETTING {
	border: 1px solid #ffffff9e !important;
}

@media (min-width: 576px) {
	.gdpr-consetn-container {
		width: 80%;
		margin: 0 auto;
	}

	.gdpr-consetn-container-p {
		font-size: 16px !important;
	}

	.consent-btn-Accept, .COOKIESSETTING {
		padding: .375rem .75rem !important;
	}
}

.modal-lg-custom-width {
}

@media (min-width: 768px) {
	.gdpr-consetn-container {
		width: 80%;
		margin: 0 auto;
	}

	.feedback-center-colomn {
		border-right: 1px solid #00000030;
		border-left: 1px solid #00000030;
	}

	.modal-lg-custom-width {
		max-width: 700px
	}
}

.consent-btn {
	color: white;
	padding: 0.2em 1em;
	text-align: center;
	font-size: 16px;
	transition-duration: 0.4s;
	cursor: pointer;
	background-color: rgba(45, 66, 36, 0.7);
	color: white;
	border: 2px solid #fff;
	border-radius: 8px;
}

.cookietext {
	color: black;
	text-align: left;
}

.cookietitle {
	color: black;
	text-align: center;
}

.consent-btn:hover {
	background-color: #fff;
	color: #000;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: black;
	background-color: #f8f9fa;
	text-align: left;
}

.nav-link {
	display: block;
	padding: 0.5rem 1rem;
	text-align: left;
}


/*Checkboxes*/
.et-checkbox[type="checkbox"]:checked {
	background-image: none;
	background-color: #2e7d32;
}
/*
.et-checkbox {
	opacity: 1 !important;
	z-index: 1 !important;
	position: relative;
	background-color: #fff;
	border: 0.125rem solid #2e7d32;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-print-color-adjust: exact;
	-webkit-transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	border-radius: 4px;
	cursor: pointer;
}*/

	.et-checkbox:focus {
		outline: none;
	}

	.et-checkbox[type="checkbox"]:after {
		content: "";
		position: absolute;
		width: 1.1rem;
		height: 1.1rem;
		z-index: 1;
		display: block;
		background-color: #fff;
		border-radius: 4px;
	}

	.et-checkbox[type="checkbox"]:checked:after {
		content: "";
		position: absolute;
		display: block;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 0.415rem;
		height: 0.8725rem;
		border: 0.125rem solid #fff;
		border-top: 0;
		border-left: 0;
		margin-left: 0.35rem;
		margin-top: -1px;
		background-color: transparent;
		border-radius: 0px;
	}

.checkbox-md {
	height: 25px;
	width: 25px;
}

.checkbox-label-md {
	margin-left: 16px;
}

.input-validation-error ~ .checkmark {
	border-color: #dc3545 !important;
}

.row {
	margin: 0;
}

#consent-banner {
	background-color: #292929 !important;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	padding: 0px 0;
	color: white;
	z-index: 10000000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.7);
	text-align: center;
	/*opacity: 0.9;*/
}

.modal-title-cookietext {
	font-size: 26px !important;
	color: black;
	align-self: center;
	margin-bottom: 0;
	margin: auto;
}

.cookie-text-size {
	font-size: 10px;
	color: white;
	text-align: left;
	position: relative;
}

.cookie-btn:hover {
	border: 2px solid white;
	margin: 0px;
}

.cookie-btn:active {
	outline: none;
}

.cookie-btn {
	border-color: #292929;
	padding: 0.4em 1em;
	background: #292929;
	border-radius: 5px;
	border-style: solid;
	border: 1px solid #292929;
	text-align: center;
	margin: 1px;
}

.cookie-btn-active {
	border: 1px solid white;
}

@media (min-width: 576px) {
	.cookie-text-size {
		font-size: 16px;
	}

	.cookie-header-size {
		font-size: 1.75rem;
	}

	.cookie-btn {
		margin: 0px;
	}

		.cookie-btn:hover {
			padding: 5px 15px;
			margin: 0px;
		}

	.modal-dialog-gdpr {
		max-width: 630px;
	}
}

.modal-container-gdpr {
	padding-right: 0px !important;
}

@media screen and (max-width: 767px) {
	.modal-dialog-gdpr > div.modal-content {
		min-height: 776px;
	}
}

@media screen and (max-width: 1500px) {
	.modal-title-cookietext {
		font-size: 21px !important;
	}
}

@media screen and (max-width: 660px) {
	.modal-dialog-gdpr {
		height: calc(100% - 1rem);
		min-height: calc(100% - 1rem);
		margin: 0;
		max-width: 100%;
	}

	.modal-container-gdpr {
		background-color: white;
	}

	.modal-dialog-gdpr > div.modal-content {
		min-height: 100%;
	}

	.modal-dialog-gdpr > div.modal-content {
		height: 100%;
		border-bottom: none;
	}

	.modal-title-cookietext {
		font-size: 17px !important;
	}
}

a.navi-link {
	display: block;
	padding: 0.8rem 1rem;
	text-align: left;
	color: black !important;
	background-color: #e6e6e6 !important;
	text-decoration: none;
	border-bottom: 1px solid #cac7c7ab;
	font-size: 15px;
}

.nav-pills .navi-link.active,
.nav-pills .show > .navi-link {
	color: black;
	background-color: white !important;
	text-align: left;
}

a.navi-link:hover {
	display: block;
	text-align: left;
	color: black !important;
	background-color: #e6e6e6 !important;
	text-decoration: none;
}

.navi-link[aria-expanded="true"] {
	color: black;
	background-color: white !important;
	text-align: left;
	box-shadow: 0px 1px 8px 0px #cac7c79e;
	border-color: white;
}

a.navi-link:hover[aria-expanded="true"] {
	display: block;
	text-align: left;
	color: black !important;
	background-color: white !important;
	text-decoration: none;
}

.custom-cookie-modal-header {
	box-shadow: 0px 1px 4px #ddddddc4;
	z-index: 1;
}

.custom-cookie-modal-footer {
	box-shadow: 0px -1px 3px 0px #dddddd73;
}

.cookie-setting-log-image {
	max-width: 30%;
	max-height: 50px;
	align-self: center
}

@media (min-width: 768px) {
	.accordion-card {
		border: none;
	}

		.accordion-card.collapse {
			display: block;
		}

	.modal-dialog-gdpr > div.modal-content {
		min-height: 556px;
	}
}

@media (max-width: 576px) {
	.cookietitle {
		display: none;
	}

	.cookie-btn {
		padding: 0.7em 1em;
	}
}

@media (max-width: 767px) {
	.tab-content > .tab-pane {
		display: block;
		opacity: 1;
	}
}

@media (min-width: 992px) {
	.modal-dialog-gdpr {
		max-width: 845px;
	}

		.modal-dialog-gdpr > div.modal-content {
			min-height: 494px;
		}
}

@media screen and (min-width: 1500px) {
	.cookie-setting-log-image {
		max-height: 60px;
	}
}

.gdpr-consetn-container-p {
	font-size: 12px;
}

.font-bold {
	font-weight: bold;
}

hr.line-alert {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid #28a745;
	border-width: 2px;
	width: 10%;
	margin-left: 0
}

booking-alert-body {
	margin-bottom: 25px;
	margin-top: -10px;
}



/* Forms*/
.form-control-subscription {
	height: calc(2.5em + .75rem + 2px);
}

.form-control-sm {
	height: calc(1.5em + .75rem + 2px);
}

.et-checkbox-terms p {
	display: inline-block;
	width: 90%;
	margin-left: 10px;
	margin-top: -5px;
	text-align: justify;
}

.form-control .input-validation-error {
	border-color: red;
}

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

.validation-summary-errors {
	color: #dc3545 !important
}

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

	.row .form-no-padding {
		padding-left: 0;
		padding-right: 0;
		/*margin-bottom: 20px !important;*/
	}

	.btn .btn-succes, .btn .btn-primary, .btn .btn-default, .btn .btn-danger {
		min-width: 100%;
	}
}

.col-md-4 .input-subscr {
	padding-right: 5px;
}


/*Buttons*/

.btn-outline-success {
	border: 1px solid #006400 !important;
	color: #006400 !important;
	background: white !important;
}

	.btn-outline-success:hover, btn-outline-sucess:active {
		border: 1px solid #006400 !important;
		color: white !important;
		background: #006400 !important;
	}

/* button style */

.et-primary-btn {
	background-color: #2e7d32 !important;
	border-radius: 6px !important;
	color: white;
	font-size: 16px !important;
	font-weight: 600 !important;
}

.et-secondary-btn {
	background-color: #d32f2f;
	border-radius: 6px !important;
	color: white;
	font-size: 16px !important;
	font-weight: 600 !important;
}

.et-outline-primary-btn {
	background-color: #fff;
	border-radius: 6px !important;
	color: #2e7d32;
	font-size: 16px !important;
	font-weight: 600 !important;
	border: 1px solid #2e7d32 !important;
}

.et-outline-secondary-btn {
	background-color: #d32f2f;
	border-radius: 6px !important;
	color: #d32f2f;
	font-size: 16px !important;
	font-weight: 600 !important;
	border: 1px solid #d32f2f !important;
}

.et-primary-btn:hover {
	background-color: #2e7d32 !important;
	color: #fff;
}

.et-primary-btn:focus,
.et-primary-btn:active,
.et-outline-primary-btn:focus,
.et-outline-primary-btn:active {
	outline: 0;
	box-shadow: 0 0 0px 0.14rem #2f7f3338 !important;
}

.et-secondary-btn:hover {
	background-color: #9a0007;
}

.et-secondary-btn:focus,
.et-secondary-btn:active,
.et-outline-secondary-btn:focus,
.et-outline-secondary-btn:active {
	outline: 0;
	box-shadow: 0 0 0px 0.14rem #d32f2f38 !important;
}

.et-outline-primary-btn:hover {
	/* border-color: #005005 !important; */
	color: white !important;
	background-color: #005005 !important;
	border-radius: 6px !important;
}

.et-outline-secondary-btn:hover {
	/* border-color: #9a0007 !important; */
	/* color: #9a0007 !important; */
	background-color: #9a0007;
	border-radius: 6px !important;
	color: white;
}
/*text style branding color*/
.et-success-text {
	color: #2e7d32;
}

.et-primary-text {
	color: black !important;
}

.et-danger-text {
	color: #9a0007 !important;
}

.et-warning-text {
	color: #ffc107 !important;
}

.main-banner-carousel {
	width: 10px !important;
	height: 10px !important;
	margin-right: 20px !important;
	border-radius: 50%;
}

.main-banner-carousel-caption {
	background-color: unset;
	width: 70%;
	text-align: left;
	top: 10%
}

.area-manager-label-wrap {
	overflow: hidden;
	text-overflow: ellipsis;
}

.area-manager-option-label {
	width: 50%;
	font-weight: bold
}

.aream-manager-detatil-col {
	width: 20%;
}


.carousel-indicators li {
	background-color: #2e7d32;
}

.external-link-icon {
	opacity: 0.6;
}

.booking-options:hover .hotel-booking-icon {
	color: #2e7d32;
	background-position: -471px -123px !important;
}

.booking-options:hover .flight-booking-icon {
	background-position: -151px 0 !important;
}

.booking-options:hover {
	color: #2e7d32;
	background-position: -471px -123px !important;
}

a.online-checkin-link-color.active {
	color: green;
}

.fab-question-circle-icon {
	color: #6d6e71;
}

.booking-option-effect:hover .check_in_icon {
	color: #2e7d32;
	background-position: -267px -45px;
}

.booking-option-effect:hover .manage_trip_icon {
	color: #2e7d32;
	background-position: -467px -369px;
}

.booking-option-effect:hover .booking-option-icon {
	color: #2e7d32;
	background-position: -194px -1px !important;
}

.booking-option-effect:hover .flight_info_icon {
	color: #2e7d32;
	background-position: -328px -5px;
}

.booking-option-effect:hover {
	color: #2e7d32;
}

.car-mobility-icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian') !important;
	background-position: -367px -73px !important;
	width: 40px;
	height: 32px;
	display: inline-block;
	position: relative;
}

.booking-option-effect:hover .car-mobility-icon {
	background: url('/ResourcePackages/Ethiopian/assets/images/icon/et custmoise web icon.png?package=Ethiopian');
	background-position: -464px -73px !important;
	width: 40px;
	height: 32px;
	display: inline-block;
	position: relative;
}



.btn-remove-flight {
	height: 55px;
	width: 47px;
	position: absolute;
	right: -1em;
	top: 0em;
}

@media(min-width:320px) {
	/*Smart phones*/
	.btn-remove-flight {
		height: 55px;
		width: 47px;
		position: absolute;
		right: -0.2em;
		top: 0em;
	}
}

@media only screen and (min-width:320px) {
	/*Smart phones*/
	.text-add-stopover-mob {
		display: block;
	}

	.text-add-stopover-desktop {
		display: block;
	}
}

.roundedHalf {
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px
}


.butnotfic {
	background-color: orange;
	border: none;
	color: #fff;
	padding: 8px 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer
}

	.butnotfic:focus {
		outline: 0
	}

	.butnotfic:hover {
		opacity: .8
	}

#cancel {
	background-color: #9fdfbf;
	border: none;
	color: #fff;
	padding: 8px 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer
}

.chat-popup {
	position: fixed;
	bottom: 0;
	right: 15px;
	z-index: 101
}

.form-container-notific {
	background-color: #50a477;
	color: #fff;
	padding: 16px 20px;
	border: none;
	cursor: default;
	width: 100%;
	margin-bottom: 10px;
	max-width: 300px;
	box-shadow: 0 2px 5px 0 #50a47799,0 2px 10px 0 #50a47799
}

	.form-container-notific .btn:hover, .open-button:hover {
		opacity: 1
	}

.async-hide {
	opacity: 0 !important
}


/* custom checkbox */
.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default checkbox */
	.checkbox-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
	background-color: #2e7d32;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

p {
	font-size: 1rem;
}

.border-bottom-2px-#2e7d32 {
	border-bottom: 2px solid #2e7d32;
}

.chevron-rotate-down {
	transition-duration: 500ms;
	transform: rotate(180deg);
}

.chevron-rotate-up {
	transition-duration: 500ms;
	transform: rotate(0deg);
}

#feedbackTab {
	right: 0;
	position: fixed;
	width: 32px;
	height: 150px;
	top: 300px;
	z-index: 1;
	-ms-transform: rotate(270deg); /* IE 9 */
	transform: rotate(270deg);
}

/* from ethomepage.css*/


a.complement_your_journey_images:hover > div {
	background-color: rgba(106, 155, 96, 0.83);
}

a.complement_your_journey_images:hover .v_line_in_caption {
	background-color: white;
}

a.complement-links {
	color: black;
	cursor: pointer;
}

	a.complement-links:visited {
		color: black;
	}

	a.complement-links:hover {
		color: #60ad5e !important;
		text-decoration: none;
	}

	a.complement-links:active {
		color: #2e7d32;
		text-decoration: none;
	}

	a.complement-links:hover .excess_baggage_icon {
		background-position: -471px -48px
	}

	a.complement-links:hover .flight_pass_icon {
		background-position: -480px -6px;
	}

	a.complement-links:hover .skylight_hotel_icon {
		background-position: -228px -172px
	}

	a.complement-links:hover .evisa_icon {
		background-position: -409px -49px;
	}

	a.complement-links:hover .sheba_miles_icon {
		background-position: -226px -208px;
	}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #2E7D32
}

a.text-dark:focus, a.text-dark:hover {
	color: #2E7D32 !important
}

.stand-out-link {
	color: #2E7D32
}

	.stand-out-link:hover {
		color: #2E7D32 !important
	}
/* end from ethomepage.css*/
body {
	/*font-variant: small-caps;*/
	font-family: Roboto, sans-serif !important;
}

.form-field.required > label:after {
	content: "*";
	color: red;
	margin-left: 4px;
}

.no-padding {
	padding: 0
}

label.required::after {
	content: "*";
	color: red;
	margin-left: 4px;
}

.connection_notify_bar {
	width: 100% !important;
	height: 50px;
	opacity: 0.9;
	font-size: 16px;
	margin: 0 !important;
	background-color: #3b4045;
	color: white;
	position: fixed;
	z-index: 100;
}

.stopover-remove {
	height: 57px;
	width: 50px;
	background: transparent;
	color: #f00;
	border: 1px solid;
	font-size: 20px;
}

@media (max-width: 992px) {
	.stopoverbtnpaddingmob {
		padding-right: 6px !important;
	}
}

.second-stopover-validation {
	display: none;
}

.widget-card-header {
	background-color: #2e7d32;
	color: #fff;
	padding: 10px;
	border-radius: 0 !important;
}

.dropdown {
	position: inherit;
}

li.top-nav-item:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

li:hover:after {
	width: 100%;
	background: #2e7d32;
}


.dropdown-menu {
	/*border-top: 3px solid #2E7D32;
    background-color: #e9ecef;
    width: 100%;*/
	margin-top: 0;
	background-color: #eee;
	width: 100%;
}

.dropdown-content {
	display: block;
	margin-bottom: 0;
	width: auto;
	font-size: .875rem;
	color: #636c72;
	white-space: nowrap;
}

.list-group-item {
	padding: .3rem 0;
	background-color: inherit;
	border: none;
}

.navbar-collapse {
	margin-bottom: -.5em;
}

a.nav-link.dropdown-toggle {
	font-size: 1.2em;
	font-weight: 500;
}

	a.nav-link.dropdown-toggle:focus {
		background-color: #2E7D32;
		color: white !important;
	}

.navbar-light .navbar-nav .nav-link {
	color: #000;
}

.navbar .dropdown-menu a:hover {
	color: #2E7D32 !important;
	font-size: 17px;
	text-decoration: none;
}

.navbar .dropdown-menu a {
	color: #000 !important;
}

a {
	/*color: #333;*/
	color: #2E7D32;
}

	a:hover {
		color: #0056b3;
		text-decoration: underline;
	}

.ethiopian-container {
	width: 80%;
	margin: 0 10%;
	padding: 1.25rem;
}

@media (max-width:600px) {
	.ethiopian-container {
		width: 100% !important;
		margin: 0 !important;
	}
}

@media (max-width:1200px) {
	.ethiopian-container {
		width: 90%;
		margin: 0 5%
	}

	.min-width-rightwdet-date-picker {
		min-width: 663px !important;
		left: -354px !important;
	}

		.min-width-rightwdet-date-picker .datepicker-arrow {
			left: 70%;
		}
}

.min-width-rightwdet-date-picker .datepicker-arrow {
	left: 65%;
}

@media(min-width:1650px) {
	.navbar-brand, .dropdown-menu.row {
		margin-left: 9%
	}

	.navbar-nav {
		margin-right: 9%
	}

	.dropdown-menu > ul {
		margin-left: 7%
	}
}

@media(max-width:1650px) {
	.navbar-brand, .dropdown-menu.row {
		margin-left: 100px
	}

	.navbar-nav {
		margin-right: 100px
	}

	.dropdown-menu > ul {
		margin-left: 70px
	}
}

@media (max-width:1200px) {
	.navbar-brand, .dropdown-menu.row {
		margin-left: 3%
	}

	.navbar-nav {
		margin-right: 3%
	}

	.dropdown-menu > ul {
		margin-left: 0.1%;
	}
}

.covidcardbtn:hover {
	background-color: #60ac5d !important;
	color: white !important;
}

.ethiopian-header {
	background: #2E7D32;
	padding: 0;
	text-align: right;
}

	.ethiopian-header .nav .nav-item .nav-link {
		display: block;
		padding: .5rem .3rem;
		font-size: 14px !important;
	}

	.ethiopian-header > div > ul > li > a {
		color: #fff !important;
	}

.ethiopian-footer {
	background-color: #e9ecef;
}

#footer-lists a:hover, #footer-lists a:focus {
	color: #2E7D32;
	text-decoration: none;
	/* font-size: 17px;*/
}

#footer-lists a {
	color: #333;
	display: inline-block;
	margin: 15px 0;
	height: 15px;
}

@media(min-width:1200px) {
	#footer-lists a {
		margin: 10px 0 !important;
	}
}

div#footer-lists h4 {
	color: #333;
}

ul.list-unstyled.social-media-list {
	width: 200px;
	display: inline-block;
	position: relative;
	text-align: center;
	padding: 0;
	float: left;
}

.social-media-list > li {
	float: left;
	max-width: 3rem;
	width: 15%;
	margin: 0 2px;
}

.socialmedia-link {
	height: 2rem;
	border-radius: 50%;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}

.navbar-text {
	display: inline-block;
	padding-top: .425rem;
	padding-bottom: .425rem;
}

.fa-2x, span.fa.fa-facebook.fa-2x {
	font-size: 1.5rem;
	color: white
}

.alert {
	margin-bottom: 0;
}

.carousel-caption {
	background-color: transparent !important;
	width: 100% !important;
	text-align: left;
	top: 50% !important;
	left: 7% !important
}

.card-deck .card {
	padding: 0;
}

.promotion-image {
	width: 200px;
	height: 100px;
	align-self: center;
}

.subscribe-form {
	display: block;
}

	.subscribe-form label {
		display: inline;
	}

@media(max-width:767px) {
	button#et-subscribe-btn {
		width: 100%;
	}
}

.dropdown > a {
	color: #fff;
}

.site-selector {
	max-height: 400px;
	overflow: auto;
	border-top: none;
}

.card {
	box-shadow: 0 0px 0px 0 #ccc, 0 1px 5px 0 #ccc;
	padding: 1.25rem;
}

.card-nopadding {
	box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,.19);
	padding: 0rem;
	border-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.card-noshadow {
	/*box-shadow: 0 5px 10px 0 #ccc, 0 5px 10px 0 #ccc;*/
	padding: 1.25rem;
}


.row {
	margin: 0;
}

#main-widget {
	padding: 0;
	box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,.19);
	top: -3.7em !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: relative !important;
	z-index: 100;
}


.deck-row {
	display: flex;
	flex-wrap: wrap;
}

	.deck-row > div[class*='col-'] {
		display: flex;
		padding-bottom: 15px;
	}

#cookie-dialog {
	max-width: 100%;
	background-color: #517842;
	background-color: rgba(45,66,36,.7);
	position: fixed;
	right: 10%;
	left: 10%;
	bottom: 2px;
	padding: 5px 0;
	color: #fff;
	z-index: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.7);
	box-shadow: 0 0 9px 0 rgba(0,0,0,.7)
}

	#cookie-dialog p {
		width: 88%;
	}

	#cookie-dialog .close {
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		background-color: #fff;
		text-align: center;
		font-size: 10px;
		position: absolute;
		right: 10px;
		bottom: 10px;
		color: #517842;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		opacity: .8
	}

#consent-banner {
	background-color: rgba(4, 2, 2, 0.7) !important;
}

.dropdown-toggle::after {
	content: unset;
}

.p-for-header {
	padding: .7rem 1rem;
}

@media (max-width: 1650px) {
	.navbar-nav {
		margin-right: 0px !important;
	}
}

.banner-image {
	height: 500px !important;
}

#widgetTabContent {
	background: white !important;
}

.custom-et-container {
	margin-top: 11em !important;
}

.input-group-append {
	padding: .5rem 1rem .5em 0 !important
}

.right-header-half {
	margin-top: -3.5em;
	margin-left: auto;
	width: inherit;
}

@media (min-width: 768px) {
	.left-header-half {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.right-header-half {
		margin-top: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width: 769px) and (max-width: 1350px) {

	.et-logo {
		max-width: 200px !important;
		height: auto !important;
		width: 100% !important;
	}

	.startalliance-logo {
		max-width: 50% !important;
		height: auto !important;
		float: right !important;
		margin-top: -50px !important;
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.navbar-expand-md {
		padding-right: 0px !important;
		display: block !important;
	}

	.toggler-home {
		display: block !important;
	}

	.et-logo {
		max-width: 200px !important;
		height: auto !important;
		width: 100% !important;
	}

	.navbar-brand.IEbrand {
		width: 100%;
	}

	.startalliance-logo {
		max-width: 70% !important;
		height: auto !important;
		width: 100% !important;
		margin-top: 2em !important;
		float: left !important;
	}
}

.complement_your_journey_images {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.horizontal_flex_container {
	display: flex;
	overflow-x: auto;
}

a.car-rental-transfer {
	text-decoration: none;
	color: #212529;
}

	a.car-rental-transfer:hover {
		text-decoration: none;
		color: #2e7d32;
	}

.bus-icon, .car-icon {
	color: #212529;
}

	.bus-icon:hover, .car-icon:hover {
		color: #2e7d32;
	}