.add-Planner-text {
	font-weight: 700;
	position: relative;
	left: 45px;
	font-size: 11px;
	top: -17px;
	height: 20px;
}


.add-Planner-Btn {
	height: 132px;
	display: flex;
	align-items: center;
	padding: 0px 7px;
	border-radius: 4px;
	font-size: 10px;
	border: 2px dashed green;
}



/**
 * ==============================================
 * IMAGE BANNER ROW START
 * ==============================================
 */

.image-banner {
	background-repeat: no-repeat;
	height: 280px;
	background-size: 1138px 278px;
}

.planner_Saudi {
	background-image: url("../images/Banners/planner_Saudi.png");
}

.planner_Iraq {
	background-image: url("../images/Banners/planner_Iraq.png");
}

.planner_Iran {
	background-image: url("../images/Banners/planner_Iran.png");
}

.planner_Syria {
	background-image: url("../images/Banners/planner_Syria.png");
}


/**
 * ==============================================
 * TRIP COUNTRY SELECTION START
 * ==============================================
 */
.country-selection {
	position: relative;
	width: 130px;
}

	.country-selection select option {
		color: black;
		background-color: white;
	}

	.country-selection::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		content: "\f0dd";
		position: absolute;
		font-size: 22px;
		right: 15px;
		top: 40%;
		transform: translateY(-50%);
		color: #d1d1d1;
	}

	.country-selection select {
		width: 100%;
		border: 1px solid #fff;
		height: 36px;
		border-radius: 30px;
		background: rgb(39, 174, 12);
		padding: 0 11px;
		color: white;
		font-weight: 500;
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: "";
		-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
		-moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
		box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
	}

.country-title {
	width: 120px;
	text-align: center;
	font-size: 13px;
	color: #9a9a9a;
	font-weight: 600;
}

/**
 * ==============================================
 * TRIP DATES START
 * ==============================================
 */


.day-title {
	color: #9a9a9a;
	font-weight: 500;
	margin-top: 8px;
	font-size: 20px;
}

.total-no-of-nights {
	color: #9a9a9a;
	font-weight: 500;
	margin-top: 25px;
	font-size: 20px;
	margin-left: 10px;
}

.dates {
	font-weight: 900;
	font-size: 25px;
	color: black;
	margin-left: 12px;
	text-align-last: center;
}

.day {
	margin-top: -12px;
	color: #4ca63a;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
}

	.day img {
		width: 18px;
		margin-top: -4px;
	}

#border-bottom {
	width: 959px;
	border-bottom: 2px solid #d1d1d1;
	position: absolute;
	left: 121px;
}

.mat-text-field-input mdc-text-field__input {
	font-weight: 900;
	color: green;
}


/**
 * ==============================================
 * TRIP TITLE START
 * ==============================================
 */

.trip-title {
	display: -webkit-inline-box;
	color: black;
	font-size: 16px;
	position: relative;
	left: 4px;
	bottom: 6px;
	cursor: pointer;
}

	.trip-title img {
		width: 17px;
		margin-bottom: 7px;
		margin-right: 7px;
	}

#input-title {
	background-color: white;
}

.trip-title-icons {
	position: relative;
	bottom: -15px;
	left: 10px;
}

	.trip-title-icons img {
		width: 25px;
		margin-right: 3px;
	}

#edit-trip-title-icon {
	color: #43c529;
}

.add-text {
	position: relative;
	bottom: 3px;
}


/**
 * ==============================================
 * TRIP DAYS START
 * ==============================================
 */

.delete-day {
	cursor: pointer;
	font-size: 18px;
	position: relative;
	bottom: -4px;
	left: -38px;
	color: #ed4162;
}

.trip-day-list-table {
	box-shadow: 0px 3px 5px rgb(17 51 11 / 20%);
	border-radius: 5px;
}

	.trip-day-list-table thead {
		color: white;
		background-color: green;
	}

	.trip-day-list-table th {
		font-weight: 100;
	}

.number-row {
	text-align: center;
}

	.number-row img {
		width: 35px;
		margin-left: -10px;
	}

.per-day-dates {
	margin-top: -23px;
}

.m-0-10 {
	margin: 0px 10px;
}

	.m-0-10 img {
		margin-right: 6px;
	}


.description-box {
	display: flex;
}

.activity-icon {
	margin-top: -13px;
	color: #4ca63a;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
}

	.activity-icon img {
		margin-right: 6px;
	}

.edit-description {
	left: 5px;
	position: relative;
	float: right;
	top: 20px;
	color: #43c529;
	cursor: pointer;
}

.submit-description {
	left: 496px;
	width: 25px;
	position: absolute;
	top: 16px;
	cursor: pointer;
}

.delete-description {
	left: 522px;
	position: absolute;
	top: 17px;
	cursor: pointer;
	width: 22px;
}

.new-activity {
	color: green;
	font-size: 13px;
	position: relative;
	left: 39px;
	bottom: -16px;
	cursor: pointer;
}

	.new-activity img {
		width: 14px;
		margin-right: 3px;
	}




/**
 * ==============================================
 * ALL CITIES DROPDOWN START
 * ==============================================
 */

.e-input-group .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
	font-size: 12px;
	background-color: darkgray;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
	border-color: green !important;
}

.admin-select {
	position: relative;
}

.e-multiselect.e-input-group .e-multi-select-wrapper {
	background: green;	
    border-color: green;
	border-radius: 19px;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
	border-radius: 19px;
}


.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
	border-radius: 19px !important;
}

.e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
	padding-left: 13px;
}

.e-multiselect input.e-multiselect::placeholder {
	color: black !important  ;
	font-weight: 600;
}

.custom-placeholder::placeholder {
	color: white !important;
}

.e-popup .e-checkbox-wrapper .e-frame.e-check, .e-popup .e-checkbox-wrapper:hover .e-frame.e-check {
	background-color: green !important;
	color: white;
}

.e-multiselect input.e-multiselect::placeholder {
	color: #fff;
}

.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover {
	background-color: #fff;
	color: #2319b8;
}

.e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
	vertical-align: -webkit-baseline-middle;
	font-weight: 600;
}

.e-popup .e-checkbox-wrapper .e-frame.e-check, .e-popup .e-checkbox-wrapper:hover .e-frame.e-check {
	background-color: green;
	color: white;
}

.e-multiselect .e-delim-values {
	-webkit-text-fill-color: white !important;
}

.caret {
	border: 6px solid transparent;
	top: 14px;
	right: 15px;
	border: 6px solid transparent;
	position: absolute;
}

.caret.down {
    border-top-color: #fff;
}

.cities-weather-main {
	margin-top: 5px;
	text-align: -webkit-center;
	display: flex;
}

.cities-weather-obj {
	width: 85px;
	text-align-last: center;
}

.cities-weather-obj img {
	width: 42px;
	cursor: pointer;
}

.cities-weather-obj p {
	font-size: 12px;
	font-weight: 600;
}


/** ==============================================
 * ALL CITIES DROPDOWN END
 * ==============================================
 */
/** ==============================================
 * ICON DROPDWON
 * ==============================================
 */
.vodiapicker {
	display: none;
}

.a {
	padding-left: 2px;
}

	.a img, .btn-select img {
		width: 22px;
	}

	.a li {
		list-style: none;
		padding-top: 5px;
		padding-bottom: 5px;
	}

		.a li:hover {
			background-color: #F4F3F3;
		}

		.a li img {
			margin: 5px;
		}



/* item list */

.b {
	display: none;
	width: 100%;
	position: relative;
	max-width: 36px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 5px;
}

.open {
	display: show !important;
}

.btn-select {
	margin-top: 10px;
	height: 34px;
	background-color: #fff;
	border: 1px solid transparent;
	position: relative;
}

	.btn-select li {
		list-style: none;
		float: left;
		padding-bottom: 0px;
	}

	.btn-select:hover li {
		margin-left: 0px;
	}



	.btn-select:focus {
		outline: none;
	}


.input-description {
	font-weight: 600;
	background-color: white !important;
	height: 50px;
}

.text-description {
	background-color: white !important;
	margin-top: 16px;
	width: 100%;
	border-bottom: 2px solid #e4e4e4;
	cursor: not-allowed;
}


/**
 * ==============================================
 * HOTEL & PACKAGE-COST INFO START
 * ==============================================
 */

.addBtn-icon {
	width: 22px;
	background: linear-gradient( 0deg, rgba(39, 174, 12, 1) 0%, rgba(70, 199, 44, 1) 100% );
	position: relative;
	left: 10px;
	display: flex;
	align-items: center;
	padding: 0px 7px;
	border-radius: 4px;
	height: 103px;
}

.sort-icons {
	padding: 5px 0px;
}

.addBtn a:hover {
	color: #021577;
}

.all-cards {
	display: flex;
	margin-bottom: 15px;
	margin-left: 25px;
	overflow: auto;
}

.single-card {
	padding: 1rem 0rem 0rem 0rem;
}

.hotel-card {
	box-shadow: 0px 9px 34px 0px rgba(51, 28, 114, 0.09);
	border-radius: 6px;
}


.edit-hotel-card {
	color: #43c529;
	cursor: pointer;
	position: relative;
	bottom: 23px;
	left: 206px;
}

.submit-delete-icons {
	margin-bottom: 3px;
	position: relative;
	left: 171px;
	display: flex;
	bottom: 20px;
}

	.submit-delete-icons img {
		width: 25px;
		margin-right: 3px;
		cursor: pointer;
	}

.input-hotel-card {
	position: relative;
	bottom: 10px;
	text-align: center;
	padding-right: 0px;
	background-color: white !important;
}

.text-hotel-name {
	margin-top: -4px;
	cursor: not-allowed;
	margin-bottom: 10px;
}

.hotel-card-footer {
	padding: 0.1rem 1.25rem;
	border-top: 1px solid rgba(0,0,0,.125);
}

.no-of-nights {
	font-weight: 900;
	font-size: 14px;
	color: #9a9a9a;
}

.no-of-nights-dropdown {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	width: 14px;
	padding-right: 0px;
	font-size: 14px;
	height: 30px;
	position: relative;
	top: -10px;
	left: 2px;
	text-align: center;
	font-weight: 900;
	font-size: 14px;
	color: #9a9a9a;
	cursor: pointer;
}

.package-card1 {
	box-shadow: 0px 9px 34px 0px rgba(51, 28, 114, 0.09);
	border-radius: 6px;
}

.input-package-cost-card {
	position: relative;
	left: 4px;
	text-align: center;
	padding-right: 0px;
	width: 200px;
	background-color: white !important;
}

.edit-package-cost-card {
	color: #43c529;
	cursor: pointer;
	position: absolute;
	left: 205px;
	top: 20px;
}

.text-package-cost-card {
	font-weight: 600;
	padding: 0px 35px;
	text-align: center;
}

.submit-package-cost-card {
	left: 168px;
	width: 25px;
	position: absolute;
	top: -6px;
	cursor: pointer;
}

.delete-package-cost-card {
	left: 34px;
	position: relative;
	top: -16px;
	cursor: pointer;
	width: 22px;
}

.get-package-curreny {
	font-weight: 900;
	font-size: 22px;
	color: green;
	text-align: center;
}

.currency-type {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	width: 40px;
	padding-right: 0px;
	font-size: 14px;
	height: 30px;
}

	.currency-type option {
		font-size: 14px;
	}

.input-cost {
	font-size: 14px;
	height: 30px;
	text-align: center;
	padding-right: 0px;
	background-color: white !important;
}