/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#slider-range {
    margin: 10px;
}
.ui-slider-horizontal {
    height: 8px;
    width: 350px;
}
.ui-slider .ui-slider-handle {
    height: 15px;
    width: 5px;
    padding-left: 5px;
}

body.modal-open {
    overflow: hidden;
}
/*
.ui-dialog-titlebar-close {
  visibility: hidden;
}
*/
.ui-dialog > .ui-widget-header {background: #2E2E2E;}
.ui-dialog-title{
    font-size: 110% !important;
    color: #FFFFFF !important;
    background: #2E2E2E !important;
}

/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" fa-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0; 
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}

.ui-button-icon-only .ui-icon[class*=" fa-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}


/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%; 
	height: 100%; 
	text-align: center;
	vertical-align: middle;
	z-index: 9999;
	overflow-y: auto;
	background: center no-repeat #fff;
}
.LoadingHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ui-datepicker-week-end a {
    color: red !important;
}

.ui-datepicker-today a {
    background: yellow !important;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: -50%;
  right: 0;
  border-top: 4px solid;
  border-color: red;
}

#sticky.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
}

.roundImg {
  border-radius: 50%;
}

.button {
  	background-color: white;
    color: #2f9bdb;
    margin: -5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #2f9bdb;
}

.button:hover {
  	background-color: #2f9bdb;
    color: white;
}

.buttonFlw {
  	background-color: #2f9bdb;
    color: white;
    margin: -5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #2f9bdb;
}

.buttonFlw:hover {
  	background-color: white;
    color: #2f9bdb;
}

.buttonDsbl {
  	background-color: grey;
    color: white;
    margin: -5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #2f9bdb;
}

.coverImage {
  	position:absolute;
  	margin-top:-10%;
  	height:18%;
  	width:64.5%;
}

#map { 
	width:550px; height: 350px; 
}

agm-map {
      height: 425px;
      & /deep/ .gm-svpc { //dispayed pegman's icon on map
        div {
          height: 40px;
        }
      }
    }