/*
Theme Name:  Listeo ChildTheme
Theme URI: http://listeo.pro
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: Directory WordPress Theme by Purethemes
Version: 1.0
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: listeo
Domain Path: /languages/
Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns
Template:  listeo
*/

#dashboard #titlebar {
	padding:10px 20px;
	border-radius: 5px;
}

.search-input-double-icon .search-date-time-input-icon {
	align-self: center;
}

a#date-time-offset:hover {
	color: #f91942;
}

.input-with-icon i,
.main-search-input-item.location a,
.main-search-input-item.date-time a {
	padding: 5px 10px;
	z-index: 101;
}

.main-search-input-item .input-with-icon.location a i,
.main-search-input-item .input-with-icon.date-time a i {
	margin: 0px
}

.gray-style .main-search-input .main-search-input-item.location a,
.gray-style .main-search-input .main-search-input-item.date-time a,
.gray-style .main-search-input #location_search {
	background: transparent;
}

#_address_wrapper a,
.main-search-input-item.location a,
.main-search-input-item.date-time a {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	padding: 0 10px;
	background: #fff;
}

.gray-style .main-search-input-item.location a,
.gray-style .main-search-input-item.date-time a,
.gray-style .main-search-input input,
.gray-style .main-search-input input:focus {
	background: #f6f6f6;
}

.gray-style .main-search-input-item.location a,
.gray-style .main-search-input-item.date-time a {
	background: #fff;
}

.search-input-double-icon .search-date-time-input-icon {
	align-self: center;
}

#_address_wrapper a,
.main-search-input-item.location a,
.main-search-input-item.date-time a {
	right: 15px;
	padding: 0 5px;
}

.alt-search-box .input-with-icon i,
.alt-search-box .main-search-input-item.location a,
.alt-search-box .main-search-input-item.date-time a {
	right: 2px;
}

.main-search-input-item.location a i,
.main-search-input-item.date-time a i {
	padding: 10px 12px 10px 5px;
}

.alt-search-box .main-search-input-item.location a i,
.alt-search-box .main-search-input-item.date-time a i {
	padding-right: 17px;
	font-size: 14px;
}

.main-search-input-item.location a i,
.main-search-input-item.date-time a i {
	font-size: 14px;
}

#_address_wrapper a,
.main-search-input-item.location a,
.main-search-input-item.date-time a {
	right: 5px;
}

div#autocomplete-container {
	display: flex;
}

.time-slot {
	flex: 50%;
}

.time-offset {
	flex: 30%;
}

input#date_time {
	border-right:0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

input.time-offset {
	border-left:0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

body#dark-mode .main-search-input .search-input-icon .search-date-time-input-icon i { background-color: #222; box-shadow: 0 0 0 10px #222}

body#dark-mode .input-with-icon.location a i,
body#dark-mode .input-with-icon.date-time a i { background-color: #262626}

body#dark-mode #_address_wrapper a, .main-search-input-item.location a, .main-search-input-item.date-time a,
body#dark-mode .full-width .main-search-input { background: #262626}

@media (max-width: 991px) {
    #dark-mode .main-search-container:not(.alt-search-box) .main-search-input .select2-container .select2-selection--single .select2-selection__rendered {
        background: #262626;
        border: 1px solid #333;
    }

    body#dark-mode #_address_wrapper a,
    .main-search-input-item.location a,
    .main-search-input-item.date-time a,
    body#dark-mode .full-width .main-search-input {
        background: transparent;
    }
}

body#dark-mode .header-search-container .gray-style .main-search-input-item.location a, .main-search-input-item.date-time a,
body#dark-mode .header-search-container .gray-style .main-search-input input, 
body#dark-mode .header-search-container .gray-style .main-search-input input:focus { background-color: transparent; }

body#dark-mode .calendar-time select {
    background-color: #333333;
    border-color: #262626;
}

body#dark-mode .daterangepicker .calendar-time {
    background: #333333;
}

.daterangepicker .drp-calendar {
	width:100%;
	max-width: 100%;
}

.daterangepicker .drp-calendar.left {
	padding: 12px;
}

@media (min-width: 564px) {
    .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 0;
    }
}

.left .calendar-time {
	width: 100%;
}