html{background-color:#ffffff;}
body{background-color:#ffffff;overflow-y: auto!important;}
a,img,div,span,button,li{outline:0;}
.no-pad{ padding:0px; }
.no-pad-imp{ padding:0px!important; }
.no-margin{ margin:0px; }
.no-margin-imp{ margin:0px!important; }
.margin-auto{ margin:auto; }
.no-spacing{ padding:0px; margin:0px; }
.no-spacing-imp{ padding:0px!important; margin:0px!important; }
.no-pad-bottom{ padding-bottom:0px; }
.no-pad-top{ padding-top:0px; }
.pad-b-8{padding-bottom:8px;}
.pad-b-10{padding-bottom:10px;}
.pad-b-15{padding-bottom:15px;}
.pad-tb-8{padding-top:8px;padding-bottom:8px;}
.pad-tb-10{padding-top:10px;padding-bottom:10px;}
.pad-tb-15{padding-top:15px;padding-bottom:15px;}
.pad-t-4{padding-top:4px;}
.pad-t-10{padding-top:10px;}
.pad-t-10-imp{padding-top:10px!important;}
.pad-t-15{padding-top:15px;}
.pad-lr-8{ padding-left:8px; padding-right:8px;}
.pad-l-20{ padding-left:20px;}
.no-border{border:0px solid!important}
.margin-b-5{margin-bottom:5px;}
.margin-b-10{margin-bottom:10px;}
.margin-b-15{margin-bottom:15px;}
.margin-tb-10{margin-top:10px;margin-bottom:10px;}
.margin-tb-15{margin-top:15px;margin-bottom:15px;}
.margin-t-10{margin-top:10px;}
.margin-t-15{margin-top:15px;}
.absolute{ position:absolute; }
.relative{ position:relative; }
.display-block{ display:block; }
.zindex{  z-index: 1;}
.zindex2{  z-index: 2;}
.primary-border-top{ border-top:3px solid #1565C0; }
.left-cap{ border-radius:3px 0px 0px 3px;}
.no-radius{ border-radius:0px;}
.right-cap{ border-radius:0px 3px 3px 0px;}
.bottom-left{left:8px;bottom:6px;}
.bottom-right{right:8px;bottom:6px;}
.bottom-edge{bottom:0px;}
.bottom-edge-minus-18{bottom:-18px;}
.right-edge{right:0px;}
.top-right{top:0px;right:0px;}
 [ng-click]{cursor:pointer}
 .block-button{margin: auto;     display: block;     width: 100%;}
.min-width{ min-width: 100%;}
.max-width{ max-width: 100%;}
.min-height{ min-height: 100%;}
.max-height{ max-height: 100%;}
.max-height-80{ max-height: 80px;}
.full-width{ width: 100%;}
.full-height{ height: 100%;}
.scroll-x{ overflow-x: auto; }
.scroll-y{ overflow-y: auto; }  
.overflow{ overflow:hidden; }
.line-0{line-height:0px;}
.line-norm{line-height:normal;}
.line-24{line-height:24px;}
.no-wrap{white-space:nowrap;}

/*Text Styles==============================*/
.text-center{ text-align:center; }
.text-left{ text-align:left; }
.text-right{ text-align:right; }
.small-caps{font-variant: small-caps;}
.uppercase{ text-transform:uppercase; }
.smallcaps{ font-variant:small-caps; }
.capitalize{ text-transform:capitalize; }
.boldwhite{ color: #ffffff;font-weight:700;}
.bold{font-weight:700;}
.thin{font-weight:100;}
.italic{  font-style: italic;}
.text-indent{text-indent:30px;}
.text-indent p{margin-bottom:0px;}
.break-all{  word-break: break-all;}
.break-word{  word-break: break-word;}
.text-center-imp {   text-align: center!important; }

.white-txt{color:#ffffff;}
.black3-txt{color:#333333;}
.transwhite-txt{ color: rgba(255, 255, 255, 0.8);}
.gray-txt{color:#808080;}
.light-txt{ color: rgba(0,0,0,0.26);}
.greview-txt{  color: #E7711B;}
.rate-color,
.rate-color md-icon{   color: #E7711B;}
.price-color{color: #099406;}
.primary-color{color: rgb(33,150,243);color:#1B75BC}
.accent-color{color:#F17A34;}
.accent-color.a1{color:#FFD180;}
.accent-color.a2{color:#FF9100;}
.accent-color.a3{color:#FF6D00;}
		

.primary-bg{background-color: rgb(33,150,243);background-color:#1B75BC}
.accent-bg{background-color:#F17A34;}
.accent-bg.a1{background-color:#FFD180;}
.accent-bg.a2{background-color:#FF9100;}
.accent-bg.a3{background-color:#FF6D00;}

.white-bg{background-color: #ffffff;}
.gray-page{background-color: #eeeeee;}
.bg-warm-1{background-color: #FF7C19;}
.bg-warm-2{background-color: #FFC531;}
.bg-cool-1{background-color: #007DFF;}
.bg-cool-2{background-color: #1D4FAF;}


.img-bg,
.card-bg{
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;	
}
.img-div,
.img-div-65,
.img-div-square,
.img-div-round,
.img-div-absolute{
width:100%;
height:0;
background-repeat:no-repeat;
padding-bottom: 56.25%;
overflow:hidden;
background-position:50% 50%;
background-size:160%;
background-size:cover;	
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.img-div-65{     padding-bottom: 65%; }
.img-div-square{ padding-bottom: 100%; }
.img-div-round{ border-radius:50%; padding-bottom:100%; }
.img-div-absolute{height:auto;}


.fade-txt {
  position: relative;
  overflow: hidden;}
.fade-txt:after {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
height: 25px;
width: 100%;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
@media only screen and (min-width: 320px){
.two-column {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}
}
@media only screen and (max-width: 319px){
.two-column-break{display:none;}
}


.shadow{
    box-shadow: 0 5px 15px -4px rgba(0,0,0,0.2);
}
/*Icon Size Handling */
md-icon.s12 {   width: 12px;   height: 12px;}
md-icon.s14 {   width: 14px;   height: 14px;}
md-icon.s16 {   width: 16px;   height: 16px;}
md-icon.s20 {   width: 20px;   height: 20px;}
md-icon.s30 {   width: 30px;   height: 30px;}
md-icon.s36 {   width: 36px;   height: 36px;}
md-icon.s48 {   width: 48px;   height: 48px;}

/*GLOBAL ELEMENTS & OBJECTS ==============================*/  
/*Global Card*/
.card-page {
    background-color: #eeeeee;
	padding: 16px 0px 1px 16px;
}
.card-margin{ 	margin: 8px; }
.card-page .card-edge,
.card-page .card-margin{
    margin: 0px 16px 16px 0px;
}
.card-shadow{
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
	    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
}
.card-edge,
.card-edge-hover{
    -webkit-border-radius: 2px;
    border-radius: 2px;
	overflow: hidden;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
	background-color: #fff;
	margin: 8px;
	color:#333333;
	text-rendering: optimizeLegibility;
}
.card-edge-hover{transition: box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);}
.card-edge-hover:hover{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.3);}

.card-reverse{
    margin-left: -16px;
    margin-top: -16px;
    margin-bottom: 16px;
}

.card-bg,
.card-bg md-icon,
.card-bg .card-action-wide, .card-bg .card-action-wide md-icon{color:#ffffff;}

.card-bg-1{background-image:url(../../content/img/bg/mat-bg-1.jpg);}
.card-bg-2{background-image:url(../../content/img/bg/mat-bg-2.jpg);}
.card-bg-3{background-image:url(../../content/img/bg/mat-bg-3.jpg);}
.card-bg-4{background-image:url(../../content/img/bg/mat-bg-4.jpg);}
.card-bg-5{background-image:url(../../content/img/bg/welcome-bg.jpg);}

.card-title{}

.card-img-div,
.card-edge-round-top{
border-radius:2px 2px 0px 0px;
}
.card-edge-round-bottom{
border-radius:0px 0px 2px 2px;
}
.card-edge-round-5-bottom{
border-radius:0px 0px 5px 5px;
}
.card-img-wrap{
background-color: #2196F3;
border-radius: 2px 2px 0 0;
min-height: 4px;
display: block;
width:100%;
}
.card-img{ width:100%;}

.card-icon-div{
    background-size: 70%;
}

.card-content{
padding: 8px 10px;
}
.card-content h2, .card-content h3{ margin: 0px;}

.card-action-wide{
	padding: 8px 10px;
    color: #333333;
    color: rgba(0,0,0,0.54);
	color: rgb(119, 119, 119);
}
.card-action-wide md-icon{
margin-right: 10px;
}
.card-action-wide,
.card-action-wide md-icon{
    color: #347EF9;
}

/*Card Inputs */
.card-inputs-wrap md-input-container{
    padding-bottom: 0px;
}
.card-inputs-wrap md-input-container + .md-button{
    margin-top: 16px;
}

/*Card List*/
.card-list-item{
-webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
        transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.card-list-item:hover{
background-color: #F1F1F1;
}
.card-list-item:active{
background-color: hsl(0, 0%, 88%);
}
.card-bg .card-list-item:hover{
    background-color: rgba(27, 117, 188, 0.3);
}
.card-bg .card-list-item:active{
    background-color: rgba(27, 117, 188, 0.6);
}
.card-list-item-img-wrap-inner{
 margin: 8px 8px 8px 0px;
}
.card-list-item-img-wrap-inner.left-img{
margin: 8px 0px 8px 8px;
}
.card-list-item-body{
    padding: 8px;
}
.card-list-item-img {
    min-height: 64px;
    padding: 0px;
}

/*Menu Icon Helper Text*/
md-icon[md-svg-icon*=menu]{
width:36px;
height:36px;
}
md-icon[md-svg-icon*=menu]:after,
.menu-icon-text:after{
content: 'Menu';
position: absolute;
top: 17px;
left: 0px;
right: 0px;
font-size: 9px;
opacity: .8;
font-weight: 600;
}

/*Extra Small FAB*/
.md-button.md-fab.md-mini-30{
width: 30px;
height: 30px;
padding: 0px;
line-height: 30px;
min-height: 20px;
margin: 6px;
}
.md-mini-30 md-icon{
width: 20px;
height: 20px;
}

/*Simple More Text */
.more-txt-wrap{}
.more-txt-button{
background:#ffffff; 
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);
}

/*Listing Map ===============*/
.listing-map-img{
width:100%;
}
/*Full Size w/ Directions*/
.adp table{
background-color: #fff;
    border: 0px;
}
.adp-directions{
    font-size: 14px;
}


/*My Trip ==================*/

.timeline-icon{color: #111111;color: rgba(0,0,0,0.54);}
.timeline-bg{background-color:#111111;background-color: rgba(0,0,0,0.54);height:1px;width:100%;}

.itinerary-timeline{

}
.itinerary-timeline > div:first-child md-icon{
    width: 12px;
    height: 12px;
	display: block;
	margin-right:-1px;
}
.itinerary-timeline > div:last-child md-icon{
    height: 27px;
    width: 27px;
    margin-left: -15px;
}
.trip-card-favorite-rate{
line-height:0px;
}
.trip-card-favorite-rate md-icon{
    height: 16px;
    width: 16px;
	margin-right: -6px;
}
.trip-card-favorite-img-wrap{
    margin: 8px 8px 8px 0px;
}
.trip-card-favorite-img-wrap-inner{
}
.trip-card-favorite-img {
    height: 64px;
    padding: 0px;
}


/*Card Standard*/
.base-card{
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 8px;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084);

    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	
	
text-rendering: optimizeLegibility;
background-color: rgb(255,255,255);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}  
.base-card .overlay{
border-radius: 3px;
}

.truncate{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.truncate.cancel-truncate{
  text-overflow: inherit;
  overflow: inherit;
  white-space: inherit;
}
.overlay{
top:0px;
left:0px;
right:0px;
bottom:0px;
}

.side-line{height:1px;background:#333333}

 .no-select {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
 [ng-click],
.no-highlight{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

 
/* Angular Override =================*/

/*Placeholder visibility ehancement*/
md-input-container.md-default-theme label, md-input-container label, md-input-container.md-default-theme .md-placeholder, md-input-container .md-placeholder{
color: #555555;
color: rgba(0, 0, 0, 0.87);
}
.md-button p{
line-height:normal;
}
 md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
    margin: 0 0 0px 0;
    line-height: normal;
}
 
 
  .ng-enter, .ng-leave {
 *     -webkit-transition: opacity ease-in-out 500ms;
   *   transition: opacity ease-in-out 500ms;
    *  position: absolute;
    *  top: 0;
    *  right: 0;
    *  bottom: 0;
   *   left: 0;
    }
    .ng-enter, .ng-leave.ng-leave-active {
      *opacity: 0;
    }
    .ng-enter.ng-enter-active {
      *opacity: 1;
    }
	
.fade.ng-enter, .fade.ng-leave {
transition: opacity cubic-bezier(0.250, 0.460, 0.450, 0.940) 10.2s;
-webkit-transition: opacity .3s;
transition: opacity .3s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media only screen and (min-width: 960px) {
.fade.ng-enter, .fade.ng-leave { left: 304px; }

}
.fade.ng-enter{opacity: 1;}
.fade.ng-leave{opacity:1;z-index:2;}
.fade.ng-leave.ng-leave-active { opacity: 0; }
.fade.ng-enter.ng-enter-active { opacity: 1; }

@media only screen and (min-width: 960px) {
.fade.ng-enter, .fade.ng-leave,
.md-sticky-clone{

}

}
	 
.page {

}
 
.page.ng-enter, .page.ng-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
 
  display:block;
  width:100%;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
  position:absolute;
  top:0;
  left:0;
  right:0px;
  bottom:0;
}
@media only screen and (min-width: 768px) {
.page.ng-enter, .page.ng-leave {
  left:304px;
}
}
  
.page.ng-enter {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.page.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.page.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.rtl .page.ng-enter {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.rtl .page.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.rtl .page.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.ltr .page.ng-enter {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ltr .page.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ltr .page.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
	
	
	
/*
.ng-enter, 
.ng-leave
{ 
    -webkit-transition: 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
    -moz-transition: 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
    -ms-transition: 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
    -o-transition: 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
    transition: 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) all;
} 
 
.ng-enter {
    left: 100%;
}
.ng-enter.ng-enter-active {
    left: 0;
}
 
.ng-leave {
    left: 0;
}
.ng-leave.ng-leave-active{
    left: -100%;
}

*/



.fadein {
  transition: .3s linear all;
  -webkit-transition: .3s linear all;
  -moz-transition: .3s linear all;
  -o-transition: .3s linear all;
}
.fadein.ng-enter {
  opacity: 0;
}
.fadein.ng-enter.ng-enter-active {
  opacity: 1;
}
.fadein.ng-enter {
  transition: 1s linear all;
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
}

[md-header-picture] {
	position: relative;
	width:100%;
	height:0; /* Simple trick to keep a 16:9 ratio on your background image (height=0;padding-bottom=56.25%) */
	padding-bottom: 56.25%;
	overflow:hidden;
	background-size:160%; /* You can override this value if your picture has a weird ratio */
	background-position:50% 50%;
}

[scroll] {
	position:fixed;
	top:0;
}



md-toolbar md-input-container input[type="text"]{
color:#ffffff;
}

md-backdrop.md-opaque{
  background-color: rgba(15, 82, 123, 0.45);
}

md-toolbar,
md-toolbar md-input-container label,
md-toolbar md-input-container label, 
md-toolbar md-input-container .md-placeholder,
md-toolbar md-input-container:not(.md-input-invalid).md-input-focused label,
md-toolbar md-input-container:not(.md-input-invalid).md-input-has-value label{
  color: rgb(255,255,255);
}


md-toolbar md-input-container .md-input,
md-toolbar md-input-container:not(.md-input-invalid).md-input-focused .md-input{
  border-color: rgb(255,255,255);
}

/*Search Cards========================*/

/*
.bdm-card-list-header{
margin-bottom:0px;
padding-bottom:0px;
}
.bdm-card-list{
text-align:center;
}
.bdm-card-item{

}
.bdm-card{
margin-bottom:15px;
  *width: 360px;
  max-width: 95%;
display: block;
vertical-align: top;
text-align:left;
}
.bdm-card-img{
background-color: #2196F3;
border-radius: 2px 2px 0 0;
min-height: 4px;
display: block;
width:100%;
}

img[src='Error.src']{
    display: none;
}


.bdm-card-img{
background-color: #040B35;
width:100%;
padding-bottom: 50%;
height:0;
overflow:hidden;
background-repeat:none;
background-size:cover;
background-position:center center;
position: relative;
}



.bdm-card-title{
  padding: 0px;
  margin: 0px 0px 4px;
  white-space: normal;
  line-height: 1em;
  
  -ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
		
		
}
.bdm-card md-card-content{
  padding: 5px;
  display: block;
}
.bdm-card-body{
 * height: 56px;
  overflow:hidden;
 }
.bdm-card-firstline{
border-bottom:1px solid #eee;
padding-bottom:10px;
margin-bottom:10px;
  color:gray;
}
.bdm-card-secondline{
  color:gray;
 }
 /*
.bdm-card-rating{
  margin: auto;
}
.bdm-card-rating i{
font-size:16px;
color: #E7711B;
}

.bdm-card-btn{
margin:0px;
padding:0px;
}
.bdm-card-btn span,
.bdm-card-btn i{
vertical-align:middle;
}

.bdm-card-item:nth-child(4n+1) .bdm-card-img{
background-color: #3E8CD8;
background-image:url(../../content/img/bg/mat-bg-4.jpg);
}
.bdm-card-item:nth-child(4n) .bdm-card-img{
background-color: #0863BB;
background-image:url(../../content/img/bg/mat-bg-3.jpg);
}
.bdm-card-item:nth-child(4n-1) .bdm-card-img{
background-color: #064887;
background-image:url(../../content/img/bg/mat-bg-2.jpg);
}
.bdm-card-item:nth-child(4n-2) .bdm-card-img{
background-color: #1976D2;
background-image:url(../../content/img/bg/mat-bg-1.jpg);
}

*/

/*IOS STATUSBAR FIX*/

/*html{
margin-top: 19px;
height: calc(100% - 19px);
}*/

/*END IOS STATUSBAR FIX */

/*SIDENAV=====================================*/
.sidenav-toolbar{
background-image:url(../../content/img/sidebar-header.jpg);
background-repeat:no-repeat;
background-size:cover;
color:#fff;
text-shadow: 0px 1px 2px rgba(51, 51, 51, 0.5);
height: 96px!important;
 max-height: none!important;
flex:none;
}
.sidenav-toolbar .md-toolbar-tools{
height:auto!important;
 max-height: none!important;
}


/*Home Cards----------------------------------------------------*/
.home-card-wrap{
position:absolute;
top:0px;
left: 0px;
right: 0px;
height:100%;
min-height:340px;

}
.home-card{
overflow: hidden;
position:relative;
min-height: 200px;
height:50%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
border-radius:0px!important;
}
.home-card-img{
border-radius:0px!important;
}
.home-card-overlay{
background:transparent;
}
.overlay-primary{
background-color: rgba(33, 150, 243, 0.7);
    background-color: rgba(33, 150, 243, 0.5);
}
.overlay-accent{
background-color: rgba(255, 152, 0, 0.7);
}

.home-card-text{
color:#fff;
}
.home-card-input-wrap{
z-index:1;
}
.home-card-input-container{
height:100%;
}
.home-card-input-wrap md-input-container{
padding-bottom: 5px;
width: 90%;
max-width: 360px;
}
.home-card-input-wrap .home-card-btn{
width:90%;
max-width: 360px;
}
.home-card-input-wrap md-input-container label,
.home-card-input-wrap md-input-container:not(.md-input-invalid).md-input-has-value label{
  color: rgba(255, 255, 255, 0.95);
}
.home-card-input-wrap md-input-container .md-input{
  border-color: rgba(255, 255, 255, 0.95);
    color: rgba(255, 255, 255, 1);
}

.home-card-input-wrap md-input-container:not(.md-input-invalid).md-input-focused label{
  color: #FFAB40;
}
.home-card-input-wrap md-input-container:not(.md-input-invalid).md-input-focused .md-input{
  border-color: #FFAB40;
}
.home-card-input-wrap md-input-container.md-orange-theme:not(.md-input-invalid).md-input-focused label{
    color: #2196F3;
}
.home-card-input-wrap md-input-container.md-orange-theme:not(.md-input-invalid).md-input-focused .md-input{
  border-color: #2196F3;
}

/*SIGN IN ========================================*/

.signin-section{
	max-width: 400px;
	margin:auto;
}



/*PROFILE=====================================*/
.profile-header-wrap{
  background-color: #1565C0;
  display: inline-block;
  width: 100%;
}
.profile-avatar-wrap{
max-width:60%;
width: 100px;
}

.profile-avatar-img{

}
.profile-avatar-name{ 
font-weight: 100;
}






.inAppBrowserWrap {
  background-color: rgba(0,0,0,0.75);
  color: rgba(235,235,235,1.0);
}
.inAppBrowserWrap menu {
  overflow: auto;
  list-style-type: none;
  padding-left: 0;
}
.inAppBrowserWrap menu li {
  font-size: 25px;
  height: 25px;
  float: left;
  margin: 0 10px;
  padding: 3px 10px;
  text-decoration: none;
  color: #ccc;
  display: block;
  background: rgba(30,30,30,0.50);
}
.inAppBrowserWrap menu li.disabled {
    color: #777;
}



[scroll] {
  position:fixed;
  top:0;
}



[md-header-picture] {
    position: relative;
    width:100%;
    height:0; /* Simple trick to keep a 16:9 ratio on your background image (height=0;padding-bottom=56.25%) */
    padding-bottom: 56.25%;
	padding-bottom: 65.78%;
    overflow:hidden;
    background-size:160%;
	background-size: cover;
    background-position:50% 50%;
    box-shadow: inset 0 -3px 1px -2px rgba(0,0,0,.14),inset 0 -2px 2px 0 rgba(0,0,0,.098),inset 0 -1px 5px 0 rgba(0,0,0,.084);
}
[md-header-picture] .hero-title{
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fff;
  background-color: rgba(33, 150, 243, 0.7);
  width: 100%;
  padding: 5px 10px 5px;
}
  

#map_canvas{
    width:100%;
    height: 450px;
}



input#autocomplete::-webkit-input-placeholder {
   color: transparent;
}

input#autocomplete:-moz-placeholder
   color: transparent;  
}

input#autocomplete::-moz-placeholder {
   color: transparent;  
}

input#autocomplete:-ms-input-placeholder {  
   color: transparent;  
}

#header-search{
  margin-bottom: 15px;
}




.pac-icon {
width: 0;
background-image: none;
}



/*Resort Listing Page================*/
.listing-hero-img{
width:100%;
display: block;
}
.listing-hero-img:not(:first-child){

}
.book-datepicker .md-datepicker-button{
    margin: 0 2px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}	
.book-datepicker .md-datepicker-input-container{
    margin-left: 0px;
}
.book-datepicker .md-datepicker-triangle-button.md-button.md-icon-button{

}


/*Trips List Page ================*/
.res-card{
margin-bottom:15px;
}
.res-card-img{
background-color: #1976D2;
  min-height: 4px;
  display: block;
}
.res-card md-card-content{
  padding: 0px;
  display: block;
}
.res-card-title{

  }
  
.status-C-item{
display:none;
}
.status-C-card .card-img-wrap{
background-color:#FF6E40;
}

.status-C-item.show-trips{
display:block;
}
.status-C-card{

}



/* Your Trip Page ========================*/
.my-trip-wrap{
width:600px;
max-width:95%;
}


/*Favorites Page ========================*/




/*Explore Nearby Page ===================*/

/*Scrolling List CSS*/
.card-list-scroll.nearby-card-list{
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.card-list-scroll .nearby-card-item{  }
.card-list-scroll .nearby-card{  }
.card-list-scroll .nearby-card-img{  }   

.nearby-card-list-header{
margin-bottom:0px;
padding-bottom:0px;
font-weight:100;
}
.nearby-card-list{
text-align:center;
}
.nearby-card-item{

}
.nearby-card{
margin-bottom:15px;
  width: 360px;
  max-width: 70%;
display: inline-block;
vertical-align: top;
text-align:left;
}
.nearby-card-img{
background-color: #1976D2;
border-radius: 2px 2px 0 0;
  min-height: 4px;
  display: block;
}

.nearby-card-title{
  padding: 0px;
  margin: 0px 0px 4px;
}
.nearby-card md-card-content{
  padding: 8px;
  display: block;
}
.nearby-card-body{
 * height: 56px;
  overflow:hidden;
 }
.nearby-card-firstline{
margin-bottom: 4px;
}
.nearby-card-typeline{
  padding: 3px 0px;
}
.nearby-card-secondline{
border-bottom:1px solid #eee;
padding-bottom: 5px;
margin-bottom: 5px;
 }
.neaby-card-icon-wrap {
     background-color: rgba(255, 255, 255, 0.9);
    padding: 3px;
    border-radius: 50%;
    line-height: 0;
	box-shadow: 0px 1px 2px rgba(17, 17, 17, 0.4);
}
 .neaby-card-icon {
  width: 12px;
  height: 12px;
}
.nearby-card-rate{

}
.nearby-card-rate md-icon{
  height: 17px;
  width: 17px;
}
 
.nearby-card-btn{
margin:0px;
padding:0px;
}
.nearby-card-btn span,
.nearby-card-btn i{
vertical-align:middle;
}

.nearby-card-item:nth-child(4n+1) .nearby-card-img{
background-color: #3E8CD8;
background-image:url(../../content/img/bg/mat-bg-4.jpg);
}
.nearby-card-item:nth-child(4n) .nearby-card-img{
background-color: #0863BB;
background-image:url(../../content/img/bg/mat-bg-3.jpg);
}
.nearby-card-item:nth-child(4n-1) .nearby-card-img{
background-color: #064887;
background-image:url(../../content/img/bg/mat-bg-2.jpg);
}
.nearby-card-item:nth-child(4n-2) .nearby-card-img{
background-color: #1976D2;
background-image:url(../../content/img/bg/mat-bg-1.jpg);
}


.powered-by-google-wrapper{
margin-bottom:4px;
}
.powered-by-google-wrapper span{
    color: rgba(142, 142, 142, 0.8);
    font-size: 10.5px;
    letter-spacing: 0px;
    line-height: 16px;
}


	
.nearby-listing-title{
  color: #fff;
  padding: 5px 10px 5px;
}
	

/*Messaging ==============================================*/

#message-content{
  background-color: #eee;
}





/*Image Slider*/
.gallery{
    line-height: 0px;
	overflow:hidden;
}
.gallery-animation {
    position:absolute;
    top:0;
    left:0;
    opacity:1;
	z-index:1;
}
.gallery-animation.ng-hide-add, .gallery-animation.ng-hide-remove {
display: block!important; 
  *transition: all linear 0.2s;
}

.gallery-animation.ng-hide-add{	position:absolute;	z-index:2;	 }
.gallery-animation.ng-hide-add.ng-hide-add-active {
    opacity:0;

    -webkit-transition:.2s linear all;
    -moz-transition:.2s linear all;
    transition:.2s linear all;
    *transform: translateX(-100%);
    *transform-origin: right top 0;
}

.gallery-animation.ng-hide-remove { z-index:1;}
.gallery-animation.ng-hide-remove.ng-hide-remove-active {  }

.gallery .nav{
z-index:4;
}
.dots .dot{padding: 16px 0px;}
.dots .dot div{
    background-color: rgba(255, 255, 255, 0.5);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
	
.dots .dot.active div{
    box-shadow: 0px 1px 4px -1px rgba(17, 17, 17, 0.5);
    background-color: rgba(255, 255, 255, 0.9);
    width: 10px;
    height: 10px;
}

.slider-arrows .md-button{
    background-color: rgba(250, 250, 250, 0.5)!important;
}	
	
	
	


@-webkit-keyframes fadeHeight { 
    0% {opacity: 0;max-height:0px;} 
    100% {opacity: 1;max-height:2000px;} 
} 
@keyframes fadeHeight { 
    0% {opacity: 0;max-height:0px; } 
    100% {opacity: 1;max-height:2000px;} 
} 

@-webkit-keyframes fadeShrink { 
    0% {opacity: 1;max-height:2000px;} 
    100% {opacity: 0;max-height:0px;} 
} 
@keyframes fadeShrink { 
    0% {opacity: 1;max-height:2000px;} 
    100% {opacity: 0;max-height:0px; } 
} 

.fadeHeight { 
    -webkit-animation-name: fadeHeight; 
    animation-name: fadeHeight; 
}
.fadeShrink { 
    -webkit-animation-name: fadeHeight; 
    animation-name: fadeHeight; 
}

.animate-3,
.animate-3.fademore.fade-txt:after{
    -webkit-transition:.3s linear all;
    -moz-transition:.3s linear all;
    -o-transition:.3s linear all;
    transition:.3s linear all;
}

.animate-5,
.animate-5.fademore.fade-txt:after{
    -webkit-transition:.5s linear all;
    -moz-transition:.5s linear all;
    -o-transition:.5s linear all;
    transition:.5s linear all;
}

.fadeshow{
	overflow:hidden;
}
.fadeshow.ng-hide{
	max-height:0px;
}

.fadeshow.ng-hide-add, .fadeshow.ng-hide-remove {
    display:block!important;
}
.fadeshow.ng-hide-add{
	max-height:2000px;
	opacity:1;
}
.fadeshow.ng-hide-remove{
max-height:0px;
	opacity:0;
}
.fadeshow.ng-hide-add-active,
.fadeshow.ng-hide-remove-active{

}
.fadeshow.ng-hide-remove-active{
	opacity:1;
	max-height:2000px;
}

.fadeshow.ng-hide-add-active{
	opacity:0;
	max-height:0px;
}


.fademore{
	overflow:hidden;
}
.fademore-100{ 	max-height:100px; }
.fademore-200{ 	max-height:200px; }
.fademore-340{ 	max-height:340px; }
.fademore.showall{
max-height:1000px;
}
.fademore-tall.showall{
max-height:none;
}
.fademore.fade-txt:after{
opacity:1;
max-height:25px;
}
.fademore.showall.fade-txt:after{
opacity:0;
max-height:0px;
}


.fademore.ng-hide{
	max-height:0px;
}

.fademore.ng-hide-add, .fademore.ng-hide-remove {
    display:block!important;
}
.fademore.ng-hide-add{
	max-height:2000px;
	opacity:1;
}
.fademore.ng-hide-remove{
max-height:0px;
	opacity:0;
}
.fademore.ng-hide-add-active,
.fademore.ng-hide-remove-active{

}
.fademore.ng-hide-remove-active{
	opacity:1;
	max-height:2000px;
}

.fademore.ng-hide-add-active{
	opacity:0;
	max-height:0px;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.hide-ie{
display:none!important;
}

}