.has-header {
    top: 48px;
}


.scroll-content {
    background-color:#f8f5eb;
}

.item {
    border-color: #dddddd!important;
}

.home-icon {
    background-color: #f8f5eb;
    width: 100%;
    height: 100%;
}

#directions-panel{
  min-height:415px;
}

a{
    text-decoration:none;
}

.bar.bar-dark{
    border:none!important;
}

ion-header-bar{
  height:48px!important;
  background-color:#434343 !important;
  background-size:100% 48px !important;
  background-repeat:repeat-y!important;
  background-image:url("top-bg.png")!important;
}

.clear{
  clear:both;
}

.img-map-it{
    vertical-align: sub;
}

.btn-add-a-destination{
    float:left;
}

.btn-map-it{
    float:right;
}

.button.button-positive {
    background-color: #a93e40!important;
    border-color: #771a1d!important;
    color: #fff!important;
}

.icon_layer{
  width:24px;
  height:24px;
  margin-top:5px;
  background-image:url("layer.png");
}

.item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p {
    white-space: normal;
}

#page-home img{
  width:100%;
}
#page-directions .item-avata img{
  width:50px;
}
#page-directions .step p{
  margin-top:0px;
}
#page-directions .bts{
  padding-top:20px;
}



#page-search .geocoder-item h2{
  white-space: normal;
}

#page-map #js_googlemap{
  width:100%;
  height:100%;
}

#page-map #map {
  width: 100%;
  height: 100%;
}

#page-map .scroll {
  height: 100%;
}

#directions-panel td{
  font-size:12px;
}

#page-list-detail .date-time{
  padding-top:15px;
  text-align:right;
}

.action-sheet-backdrop .button{
    line-height: 46px;
    min-height: 46px;
    font-size: 22px;
}

.action-sheet-backdrop .action-sheet-title {
    font-size: 26px;
    padding: 18px;
}

.ion-star{
    color:#fbe506 !important;
}

.tabs-striped.tabs-background-dark .tabs{
    padding-top:6px;
    height:53px;
    background-color:#434343;
    background-size:100% 53px !important;
    background-repeat:repeat-y!important;
    background-image:url("bottom-bg.png")!important;
}

.tabs-striped.tabs-color-light .tab-item {
    color: rgba(255, 255, 255, 1);
    opacity: 1;
}

.tabs-striped.tabs-color-light .tab-item:hover {
    text-decoration:none;
}

#page-home .row{
    padding:0px;
}

#page-home .col .home-icon{
    cursor: pointer;
    display: block;
    height: 170px;
    background-repeat: no-repeat;
    background-size: auto 75px;
    background-position: 50% 30%;
    font-size: 16px;
    color: #ffffff;
    padding-top: 120px;
    text-align: center;
    border: solid 1px #ffffff;
    border-left: none;
}


#page-home .col .home-icon.home-icon-view-map {
    background-image: url(icon-view-map.png);
    background-color: #f0823f;
}


#page-home .col .home-icon.home-icon-list-of-locations {
    background-image: url(icon-list-of-location.png);
    background-color: #49a14a;
}

#page-home .col .home-icon.home-icon-from-a-to-b {
    background-image: url(icon-from-a-to-b.png);
    background-color: #e56e5c;
}

#page-home .col .home-icon.home-icon-find-room {
    background-image: url(icon-find-room.png);
}

#page-home .col .home-icon.home-icon-find-department {
    background-image: url(icon-find-department.png);
}

#page-home .col .home-icon.home-icon-find-executive {
    background-image: url(icon-find-executive.png);
}

#page-home .col .home-icon.icon_enable_accessible_route {
    background-color: #3b9c9b;
    background-image: url(icon_enable_accessible_route.png);
}



.home-icon-1{
    display:block;
    margin-right:3px;
}

.home-icon-2{
    display:block;
    margin-left:3px;
}

.col-50{
    padding:0;
    
}

#page-custom-search{
    margin: 0px auto;
}

#page-custom-search .button{
    width: 278px;
    height: 9vh;
    margin: 15px auto;
    line-height: 9vh;
    font-size: 18px;
}

#map .stepsBox {
    position: absolute;
    width: auto;
    text-align: right;
    opacity: 0.9;
	z-index: 9999;
}

#map .stepsBox button{
    margin-right: 10px;
}

.zoomBox{
    /*display: none;*/
	bottom: 88px!important;
}

.zoomIn{
	border: 1px solid transparent;
	outline: none; 
	background-color: #ffffff;
	background-image: url(icon-zoom-in.png);
    background-size: 30px 30px;
}

.zoomIn span{
	display:none;
}

.zoomOut{
	border: 1px solid transparent;
	outline: none; 
	background-color: #ffffff;
	background-image: url(icon-zoom-out.png);
    background-size: 30px 30px;
}

.zoomOut span{
	display:none;
}

.zoom {
	display:none;
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
}

.zoom-in {
    background-image: url(icon-zoom-in.png);
    background-size: 30px 30px;
    top: 89px;
    left: 21px;
}

.zoom-out {
    background-image: url(icon-zoom-out.png);
    background-size: 30px 30px;
    top: 126px;
    left: 21px;
}

#map .myLocationIcon {
    left: -75px;
    top: -75px;
    width: 150px;
    height: 150px;
    background-image: url('my_location.png');
    /*transform:rotate(90deg);*/
    transform-origin:50% 67%;
}

#map .text-layer {
    line-height: 1 !important;
}

.tbt {
	height: 122px;
    width: 100%;
    position: fixed;
    z-index: 9999;
    bottom: 70px;
    left: 0px;
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
	font-size: 12px;
	overscroll-behavior-y: contain;
    overflow-y: scroll;
}