/* Always set the map height explicitly to define the size of the div
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */

#pac-input {
	padding:2px !important;
}

#multidates {
	display: inline-block;
	transform: scale(1.5);
	margin: 70px;
	padding: 1px !important;
	border: solid 1px #228fcd;
	background: #fff;
	border-radius: 5px;
}


#multidates .ui-datepicker-inline {
	border:none !important;
}

.expand_header {
	cursor:pointer;
}

.display_package {
	display:inline-block;
	width:28%;
}

.configure_package {
	display:inline-block;
	width:70%;
}

#pac-input {
	box-sizing:border-box;
}

#pac-miles{
	display:inline-block;
}


#page-container {
    min-height: 100vh;
    position: absolute;
    width: 100%;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.start_screen h4 {
	color:#228fcd;
}


.step_header_1{
	background: url('/smooveassets/packagessequenceactive.png');
}

.step_header_2{
	background: url('/smooveassets/locationssequenceactive.png');
}

.step_header_3{
	background: url('/smooveassets/budgetsequenceactive.png');
}

.step_header_4{
	background: url('/smooveassets/datessequenceactive.png');
}

.step_header_5{
	background: url('/smooveassets/checkoutprocesscomplete.png');
}

.step_header {
	margin:10px;
	text-align: left;
	background-repeat: repeat;
    background-size: auto auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

button{
	padding:10px;
	box-sizing:border-box;
	background:#228fcd;
	margin: 5px 2px;
	color: #fff;
	border: none;
	border-radius: 5px;
}

.package_price {
    font-size: 200%;
    font-weight: 500;
    line-height: 30px;
    color: #228fcd;
}


.circle_number {
	border: solid 2px #bbb;
    border-radius: 30px;
    line-height: 30px;
    display: inline-block;
    width: 35px;
}


.package_header {
	color:#228fcd;
}

.package_text {
    padding: 10px;
    line-height: 20px;
}


.content-area {
	min-height:75vh;
}

.ui-datepicker-calendar td {
	padding: 0 !important;
}

.popups p {
	padding :0;
}

.popups h3 {
	clear:both;
}

.popups {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index:100000;
}

.popup_content {
	display:inline-block;
	width:90%;
	max-width:300px;
	background:#fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0px 0px 20px #333;
	line-height: 22px;
}

.popup_content form{
    margin: 0px;
}

.popup_content button{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	background:#228fcd;
	margin: 5px 2px;
	color: #fff;
	border: none;
	border-radius: 5px;
}
.popup_content input{

	padding: 10px;
	background-color: #fcfcfc;
	margin: 5px 2px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #444;
	width:100%;
	box-sizing: border-box;
}


.popup_content select {

	padding: 10px;
	background-color: #fcfcfc;
	margin: 5px 2px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #444;
	width:100%;
	box-sizing: border-box;
}


.popup_content_wrapper,
.popup_background {
	height: 100%;
    width: 100%;
    position: absolute;
}

.popup_background {
    background-color: #000;
    opacity: 0.5;
}

.popups .button_back {
	width:auto;
	background: none;
	border: none;
	float:left;
	color: #228fcd;
}

.sign_up_with_email {
	
}

#pac-card {
width: 100%;
display:inline-block;
}
#map {
width: 100%;
height: 60vh;
display:inline-block;
}

#description {
font-family: Roboto;
font-size: 15px;
font-weight: 300;
}

#infowindow-content .title {
font-weight: bold;
}

#infowindow-content {
display: none;
}

#map #infowindow-content {
display: inline;
}

.pac-card {
 margin: 10px 0;
background-color: #fff;
font-family: Roboto;
}


.pac-controls {
display: inline-block;
padding: 5px 11px;
}

.pac-controls label {
font-family: Roboto;
font-size: 13px;
font-weight: 300;
}

#pac-input {
background-color: #fff;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: 12px;
padding: 0 11px 0 13px;
text-overflow: ellipsis;
max-width: 400px;
}

#pac-input:focus {
border-color: #4d90fe;
}



.start_screen,
.order_package,
.order_location,
.order_pricerange,
.order_dates,
.order_revieworder
{

	text-align:center;
	
}

.package_wrapper {
	display:inline-block;
	width:32%;
	vertical-align:top;
}


.package_wrapper button.option_package{
	width:100%	
}


.package_wrapper button.option_package.active{
	
	background-color:#44b;
	
}

.loading_el {
	background-color:#888 !important;
}


.hidden_el{ 
	display:none;
}


#pricerange_slider {
	cursor:pointer;
}

button {
	cursor:pointer;
}

.apartment_type_option {
	cursor:pointer;
	display:inline-block;
	min-width:60px;
	color: #000;
	padding: 5px;
	border-radius: 7px;
	border: solid 2px #228fcd;
}

.apartment_type_option.active {
	background-color:rgb(34, 143, 205);
	color:#fff;
}

.apartment_type_option_wrapper {
	box-sizing:border-box;
	display:inline-block;
	width:24%;
	color:#eee;
}


.pricerange_option {
	box-sizing:border-box;
	display:inline-block;
	width:24%;
	color:#eee;
}

.pricerange_option.active {
	color:#228fcd !important;
}

.pricerange_option .img {
	padding-top:100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center bottom;
}

.pricerange_option_1 .img{
	background-image: url('/smooveassets/onehomeicon.png');
}
.pricerange_option_2 .img{
	background-image: url('/smooveassets/twohomeicon.png');
}
.pricerange_option_3 .img{
	background-image: url('/smooveassets/threehomeicon.png');
}
.pricerange_option_4 .img{
	background-image: url('/smooveassets/fourhomeicon.png');
}


.pricerange_option_1.active .img{
	background-image: url('/smooveassets/onehomeiconactive.png');
}
.pricerange_option_2.active .img{
	background-image: url('/smooveassets/twohomeiconactive.png');
}
.pricerange_option_3.active .img{
	background-image: url('/smooveassets/threehomeiconactive.png');
}
.pricerange_option_4.active .img{
	background-image: url('/smooveassets/fourhomeiconactive.png');
}


#main_screen {
	display:block !important;
}

.pricerange_wrapper,
.apartments_wrapper{

	text-align:center;
	width:100%;
	max-width:400px;
	vertical-align: top;
	display:inline-block;
}

.ui-state-default.ui-state-active {
	background-color:auto;
	color:auto;
}



table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}

/* jQuery UI Datepicker hide datepicker helper */
#ui-datepicker-div {display:none;}

/* jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #743620 none;
	color: white;
}
/* jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker td a {
	min-width: 26px;
	min-height: 26px;
	border-radius: 26px;
	line-height: 26px;
	border: none !important;
}


.ui-datepicker-header {
	background:#228fcd !important;
	color:#fff;
}

.ui-datepicker-next.ui-state-hover,
.ui-datepicker-prev.ui-state-hover
{
	background:#117fad !important;
}

.ui-datepicker-calendar thead {
	border-bottom:solid 2px #228fcd;
}


.ui-datepicker-next,
.ui-datepicker-prev
{
	text-align:center;
	color:#fff;
}

.ui-datepicker-next i,
.ui-datepicker-prev i
{
	color:#fff;
	line-height:28px;
}

.ui-datepicker-calendar td a {
	text-align:center;
}


.ampmid{

	line-height: 28px !important;
}


.date_disabled a{
	color:#aaa !important;
	background-color:#eee !important	
}

.date_am_text{
	color:#fff !important;
	background-color:#ffb100 !important;
	padding:2px;
}
.date_pm_text{
	color:#fff !important;
	background-color:#9683ff !important;
	padding:2px;
}

.text_am{
	cursor:pointer;
	padding:2px;
	color:#ffb100 !important;
}

.date_am a{
	color:#fff !important;
	background-color:#ffb100 !important;
}

.text_pm{
	cursor:pointer;
	padding:2px;
	color:#9683ff !important;
}

.date_pm a{
	color:#fff !important;
	background-color:#9683ff !important;
}
.date_current a{
	color:#fff !important;
	background-color:#95989a !important;
}

.date_edit a{
	color:#fff !important;
	background-color:#888 !important;
}

.ui-datepicker-inline {
    padding:0 !important;
}
.ui-datepicker-calendar td {
    border:none !important;
}


.ui-datepicker-prev,
.ui-datepicker-next {
    cursor:pointer;
}


#page {
	position:relative;
}