

.datalogics-choose-location {
	padding: 5px 10px;
	background: #262626;
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	border-radius: 31px;
}

#datalogics-map {
	height:100%;
	width:100%;
	z-index: 998;
}

#datalogics_pickup_locations {
	display:none;
	margin-top: 15px
}

.datalogics_pickup_checkout {
	display: none;
	text-align: right;
	background-color: rgb(0 0 0 / 59%);
	position: fixed;
	margin: auto;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 999;
	color:#000;
}



.datalogics_pickup_checkout_inner {
	width: 90%;
	margin: auto;
	background: #fff;
	margin-top: 50px;
	height: calc(100% - 10%);
	position:relative;
}
.datalogics_pickup_checkout_close {
	position:absolute;
	top:0;
	left:0;
	font-size: 35px;
	top: 0;
	left: 0;
	color: #000000;
	font-family: arial;
	text-shadow: 0 1px 5px black;
	cursor: pointer;
	width: 70px;
	height: 69px;
	text-align: center;
	padding-top: 5px;
}
.datalogics_pickup_checkout_top {

	height: 70px;

	background: rgb(255,255,255);

	border-bottom: 1px solid #e3e3e3;

	/* display: flex; */

	/* align-items: center; */

	/* flex-direction: row-reverse; */
}
.datalogics_pickup_checkout_logo {

	/* flex: 1; */



	background-repeat: no-repeat;

	background-position: center;

	background-size: 100px;

	/* display: flex; */

	/* flex: 1; */

	height: 100%;

	float: left;

	width: 300px;
}

.datalogics_pickup_checkout_logo.logo17{
	background-image: url('https://docs.datalogics.co.il/wp-content/uploads/2020/10/ydm.png');
}

.datalogics_pickup_checkout_mid_notice {

	position: absolute;

	background: #262626;

	color: #fff;

	width: 100%;

	z-index: 999;

	max-width: 399px;

	text-align: center;

	top: 0;

	font-size: 13px;
}

.datalogics_pickup_checkout_input {

	display: block;

	padding-right: 30px;

	padding-top: 14px;

	/* display: flex; */

	/* align-items: center; */

	/* text-align: right; */

	width: calc(100% - 300px);
}
.datalogics_pickup_checkout_input input[type="text"] {

	width: calc(100% - 120px);

	border-radius: 30px;

	flex: 1;
}
.datalogics_pickup_checkout_input button {

	background: #262626;

	border-radius: 30px;

	color: #fff;

	font-size: 16px;

	margin-right: 10px;

	padding-right: 30px;

	padding-left: 30px;
}
.datalogics_pickup_checkout_mid_list_row button {

	background: #262626;

	color: #fff;

	border-radius: 30px;

	float: left;

	font-size: 15px;

	padding: 5px 20px;

	opacity:0;

	transition:600ms all;

	position:relative;
}
.datalogics_pickup_checkout_mid_list_row button:hover {
	color:#fff;
}
.datalogics_pickup_checkout_mid_list_row:hover button{
	opacity:1;
	margin-top: -35px;
}
.datalogics_pickup_checkout_mid {

	display: flex;

	height: calc(100% - 70px);

	position: relative;
}


.datalogics_pickup_checkout_mid_list {

	flex: 1;

	max-width: 400px;

	border-left: 1px solid #e3e3e3;

	overflow-y: auto;

	height: 100%;

	padding-top: 22px;
	z-index: 999;
}
.datalogics_pickup_checkout_mid_list {
	scrollbar-width: thin;
	scrollbar-color: #e0e0e0 #262626;
}

/* Works on Chrome/Edge/Safari */
.datalogics_pickup_checkout_mid_list::-webkit-scrollbar {
	width: 12px;
}
.datalogics_pickup_checkout_mid_list::-webkit-scrollbar-track {
	background: #e0e0e0;

}
.datalogics_pickup_checkout_mid_list::-webkit-scrollbar-thumb {
	background-color: #262626;

	border-radius: 10px;
	border: 0px solid #ffc600;
}
.map-icon-new {
	background-image: url(../images/maps-black.svg);

}

.map-icon-new17 {
	background-image: url(../images/icons/17.svg);
	background-size: 113%;
	background-position: center;
	background-repeat: no-repeat;
}

.map-icon-new-my {
	background-image: url(../images/maps-black-my.svg);
	background-size: 100%;
}


.datalogics_pickup_checkout_mid_list_row {

	padding: 20px;

	background: rgb(255,255,255);

	background: linear-gradient(227deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 69%, rgba(235,235,235,1) 100%);

	border-bottom: 1px solid #e3e3e3;

	cursor: pointer;
}

.datalogics_pickup_checkout_mid_list_row.selected {

	background: rgb(255,255,255);
	background: linear-gradient(227deg, rgb(214 214 214) 0%, rgb(203 203 203) 69%, rgb(184 184 184) 100%);
	border-bottom: 1px solid #e3e3e3;

}

.datalogics_pickup_checkout_mid_map {

	flex: 1;
}


.datalogics-map-select-button {
	background: #262626;
	color: #fff;
	padding: 1px 10px;
	display: block;
	text-align: center;
	border-radius: 9px;
	margin-top: 5px;
	cursor: pointer;
}

.datalogics_pickup_checkout_msg {
	padding: 20px;
	text-align: center;
}

.datalogics_pickup_checkout_top2 {
	display:none;
}

.datalogics-a-input-box input{
	margin:5px 0 10px;
}

.datalogics-a-input-box input#shipping_push_products_in_comments {
	margin-left: 10px;
}
.datalogics-a-input-box input#datalogics_cities_list {
	margin-left: 10px;
}





@media (max-width: 600px) {

	.datalogics_pickup_checkout_top2 {
		display:block;
		overflow:hidden;
		height: 40px;
	}
	.datalogics_pickup_checkout_top2_button {
		width:50%;
		float:right;
		text-align:center;
		padding: 10px;
		background:hsl(0deg 0% 15%);
		color:#fff;
		cursor:pointer;
	}
	.datalogics_pickup_checkout_top2_button:first-child {
		border-left:1px solid #000000;
	}

	.datalogics_pickup_checkout_input input[type="text"] {
		width: calc(100% - 63px);
	}

	.datalogics_pickup_checkout_mid_list {
		width:100%;
		display:none;
	}

	.datalogics_pickup_checkout_mid_map {

		width:100%;
	}

	.datalogics_pickup_checkout_inner {
		margin:0;
		width: 100%;
		height: 100%;
	}

	.datalogics_pickup_checkout_input {
		margin:0;
		padding: 0;
		width: calc(100% - 48px);
		padding-top: 14px;
	}

	.datalogics_pickup_checkout_logo {
		width: 151px;
		background-size: 70px;
		display: none;
	}

	.datalogics_pickup_checkout_close {
		width: 40px;
	}

	.datalogics_pickup_checkout_input button {

		padding-right: 10px;

		padding-left: 10px;

		margin-right: 0px;
	}

}