input#searchByName, select#searchByCity,.select {
    width: 200px;
    border: 1px solid #333;
    padding: 6px 20px;
    margin: 14px 0px 0px 10px;
    border-radius: 5px;
}

button#manageBtnEditBtn {
    background: green;
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-size: 16px;
    padding: 6px 19px;
	cursor:pointer;
}
button{
	cursor:pointer;
}
button#manageBtnDeleteBtn {
    background: #dd2721;
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-size: 16px;
    padding: 6px 19px;
	cursor:pointer;
}
button#manageBtnProductBtn {
    background: blue;
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-size: 16px;
    padding: 6px 19px;
}
button.cler-filter {
    background: gray;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 7px 24px;
}

select#pods-form-ui-pods-field-store-city {
    width: 95%;
}

div#mapid {
    min-height: 350px;
    display: block;
    width: 100%;
}

#currentmapid {
    margin-top: 20px;
    background-color: #ddd;
    border-radius: 7px;
}



.onoffswitch {
    position: relative; width: 73px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 36px; padding: 0; line-height: 36px;
    border: 2px solid #E3E3E3; border-radius: 36px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 36px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 35px;
    border: 2px solid #E3E3E3; border-radius: 36px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}

table#table_stores_products_admin td:last-child {
	    vertical-align: middle;
}


div#site-navigation-wrap .container {
    width: 100%;
    max-width: 97%;
}


button.dt-button {
    background: #ddd;
    border: 1px solid #919191;
    font-size: 13px;
    color: black;
    font-weight: normal;
}

.dt-buttons {
    text-align: left;
}








.ui-autocomplete-row
{
padding:8px;
background-color: #f4f4f4;
border-bottom:1px solid #ccc;
font-weight:bold;
}
.ui-autocomplete-row:hover
{
background-color: #ddd;
}
.ui-autocomplete.ui-front {
    position: absolute !important;
    list-style: none;
}

.ui-autocomplete.ui-front img {
    width: 76px !important;
}

.ui-autocomplete.ui-front li {
    cursor:pointer;
}

 
button.do-search-btn {
    border: 1px solid #9d9d9d;
    padding: 5px 20px;
    border-radius: 5px;
    background: #ccc;
    color: #fff;
}

.rtl ul.oceanwp-social-icons {
    text-align: left;
}

.rtl #wps-slider-section .wps-product-section .slick-prev {
    top: -45px;
    left: 0px;
	right: auto;
}

#wps-slider-section .wps-product-section .slick-next {
    top: -45px;
    left: 34px;
	right: auto;
}

#wps-slider-section .wps-product-section {
    margin-left: 0px !important;
}

img.wpsf-product-img.wp-post-image {
    height: 300px !important;
    object-fit: contain;
}

.slick-dotted.slick-slider {
    margin-bottom: 30px !important;
    padding: 20px 0 !important;
}

.rtl .footer-box ul.oceanwp-social-icons {
    text-align: right !important;
}

.rtl .footer-box img {
    max-width: 80%;
    text-align: right !important;
    margin: 0!important;
}

.rtl input#woocommerce-product-search-field-0 {
    width: 80%;
    float: right;
}

.rtl .woocommerce-product-search button[type='submit'] {
    float: right;
    margin-top: 0;
}

#wps-slider-section #sp-woo-product-slider-388 .wpsf-product-title a {

    display: inline-block;
    min-height: 43px;
}

#footer-widgets {
    padding: 35px 0 8px 0 !important;
}

div#n2-ss-2 .nextend-arrow {

    background: #fff;
}

body * {
    letter-spacing: 0 !important;
}


.ser-result {
	list-style:none;
}

.ser-result li{
	float:right;
	width:33.333333333%;
}

.ser-result li {
    float: right;
    width: 28.333333%;
    margin: 2%;
    background: #efefef;
    padding-bottom: 20px;
    border-radius: 14px;
	text-align: center;
}


#show_product,#show_city{
	text-decoration:underline;
	color: #e90000;
}


.ser-result img {
    height: 250px !important;
    width: 100%;
    object-fit: cover;
}

.ser-result .address {
    font-size: 15px;
    font-weight: normal;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#loader, #show-title-res{
	display:none;
}

.inside-address {
    padding: 20px 0;
}

.ser-result .title {
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 14px;
}

.ser-result-all {
    min-height: 196px;
    padding-top: 13px;
    position: relative;
}

.all-product {
    position: absolute;
    left: 10px;
    bottom: -5px;
    background: #c6c6c6;
    color: #fff;
    padding: 5px;
    border-radius: 9px;
}


table#table_stores_products_admin img, #table_stores_products_public img {
    max-width: 130px;
    max-height: 130px;
    object-fit: contain;
}

div#slider-range {
    display: block;
    width: 80%;
    margin-top: 11px;
}


.do-filter {
    background: green;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 7px 24px;
}

span.rowsd input {
		width: 83px;
		margin-top: 6px;
		border: 1px solid #333;
		border-radius: 5px;
	}

@media only screen and (max-width: 768px) {
   
   #main #content-wrap {
		padding-top: 0px;
	}
   
   
   span.rowsd {
		display: block;
	}

	

   button.do-search-btn{
	margin-top:10px;
   }

   input#searchByName, select#searchByCity, .select {
		border: 1px solid #333 !important;
		padding: 2px 2px !important;
		margin: 8px 0px 0px 0px !important;
		border-radius: 9px !important;
		font-size: 14px !important;
		font-weight: normal !important;
		min-height: 35px !important;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	button.cler-filter {
		background: gray !important;
		color: #fff !important;
		border: 0 !important;
		border-radius: 5px !important;
		padding: 2px 10px !important;
		font-size: 12px !important;
		min-height: 35px !important;
	}
	
	
	div#table_stores_products_admin_length, div#table_stores_admin_length {
		display: none;
	}
	
	
	table.dataTable thead th, table.dataTable thead td {
		padding: 10px 5px;
		border-bottom: 1px solid #111;
		font-size: 15px;
		text-align: center;
	}
	
 
	table tr th:first-child, table tr td:first-child {
		padding-left: 0;
	}
	
	table.dataTable tfoot th, table.dataTable tfoot td {
		padding: 10px 18px 6px 18px;
		border-top: 1px solid #111;
		font-size: 15px;
		text-align: center;
	}
	
	.dataTables_wrapper {

		overflow: scroll;
	}
	
	table.dataTable tbody th, table.dataTable tbody td {
		padding: 8px 10px;
		font-size: 15px;
	}
	
	#site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
		height: 60px;
	}
	
	#site-header.medium-header .top-header-wrap, .is-sticky #site-header.medium-header.is-transparent .top-header-wrap, #searchform-header-replace {
		padding: 0 !important;
	}
	
	.page-header {
		padding: 10px 0 !important;
	}
	
	a.mobile-menu {
		position: absolute;
		right: 0;
		top: -49px;
		z-index: 10000;
	}
	
	span.oceanwp-text {
		display: none;
	}
	
	#site-header.medium-header .oceanwp-mobile-menu-icon a {
		line-height: 40px;
		color: #fff;
		font-size: 29px !important;
	}
	
	span.oceanwp-close-text {
		font-size: 0;
	}
	
	.oceanwp-mobile-menu-icon.clr.mobile-right {
		height: 0;
	}
	
	#main #content-wrap {
		padding-top: 20px !important;
		padding-bottom: 50px !important;
	}
	
	.pods-form-front .pods-field-label {
		width: 100% !important;
		min-width: 150px !important;
		padding-top: 10px !important;
		font-size: 17px !important;
		font-weight: normal !important;
	}
	
	.pods-form-front .pods-field-input {
		width: 100% !important;
		min-width: 200px !important;
		float: left !important;
	}
	
	p.description.pods-form-ui-comment.pods-form-ui-comment-pods-field-sotre-village {
		font-size: 12px !important;
	}
	
	.publ input#searchByName {
		min-width: 100% !important;
	}
	
	.publ select#searchByCity {
		min-width: 100% !important;
	}
	
	.publ button.do-search-btn {
		padding: 0px 14px !important;
		background: #cc0505 !important;
		width: 100% !important;
		margin-top: 18px !important;
	}
	
	.start-sreach {
		font-size: 16px !important;
		font-weight: normal !important;
	}
	.ui-autocomplete.ui-front li {
		cursor: pointer !important;
		font-size: 13px !important;
	}
	
	ul#ui-id-1 {
		left: 0 !important;
	}
	
	div#show-title-res {
		font-size: 14px !important;
	}
	
	.ser-result li {
		width: 100% !important;
	}
	
	.inside-address {
		font-size: 14px !important;
	}
	select#searchByCat {
		min-width: 100% !important;
	}
	
	button.cler-filter {
		margin-top: 10px !important;
	}
	div#table_stores_products_public_paginate,div#table_stores_products_public_info {
		font-size: 14px !important;
	}
	
	body{
		overflow-x: hidden;	
	}
}



















div#table_users_admin_length {
    margin-bottom: 20px;
}
.toolbar {
    text-align: left;
	margin-bottom: 20px;
}
.addnewuserform {
    display: none;
}

button#addNewUser {
    background: #21649c;
    border: 0;
    font-size: 18px;
    font-family: 'DroidKufi-Regular';
    padding: 2px 35px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

div.error {
    color: red;
    font-weight: bold;
	display:none;
}



button#button-add {
    background: #21649c;
    border: 0;
    font-size: 18px;
    font-family: 'DroidKufi-Regular';
    padding: 2px 35px;
    color: #fff;
    border-radius: 5px;
	cursor:pointer;
}

button#button-close {
    background: #179be5;
    border: 0;
    font-size: 18px;
    font-family: 'DroidKufi-Regular';
    padding: 2px 35px;
    color: #fff;
    border-radius: 5px;
	cursor:pointer;
}

.field-button-add {
    text-align: left;
}

.rendered-form {
    width: 100%;
    padding: 17px;
    background: #fff;
    margin: 20px 0;
    border: 1px solid #a6a6a6;
    border-radius: 9px;
}




label.formbuilder-text-label {
    width: 144px;
    display: inline-block;
    margin-bottom: 13px;
}

input.form-control {
    width: 50%;
    height: 39px;
    min-width: 200px;
}