body{
	background: #eee}

/* PADDING AND MARGINS
----------------------------- */
.pad-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.pad-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.mar-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mar-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/* COLUMN FIXES
----------------------------- */
.col-centered {
  float: none;
  margin: 0 auto; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }
/* TEXT ALIGN
----------------------------- */
.text-xs-left {
  text-align: left; }

.text-xs-right {
  text-align: right; }

.text-xs-center {
  text-align: center; }

.text-xs-justify {
  text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left; }

  .text-sm-right {
    text-align: right; }

  .text-sm-center {
    text-align: center; }

  .text-sm-justify {
    text-align: justify; } }
@media (min-width: 992px) {
  .text-md-left {
    text-align: left; }

  .text-md-right {
    text-align: right; }

  .text-md-center {
    text-align: center; }

  .text-md-justify {
    text-align: justify; } }
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left; }

  .text-lg-right {
    text-align: right; }
 
  .text-lg-center {
    text-align: center; }

  .text-lg-justify {
    text-align: justify; } }

/* LINE STYLES
----------------------------- */
.hr-line:after {
  content: '';
  background-color: #5a99ce;
  display: block;
  margin: 30px auto 50px;
  width: 100px;
  height: 5px; }

.blue-menu-bar-container{
    background-color: #5a99ce;
    color: #FFFFFF;
    padding: 7px 2% 0px 2%;
    position: fixed;
    width: 100%;
    height: 46px;
    top: 0;
    left: 0;
    z-index: 100;
}
.blue-menu-bar{
background-color: #5a99ce;
    color: #FFFFFF;
    padding: 0px;
}


.blue-bar-container {
    background-color: #5a99ce;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
	margin-top: 30px;
}
.blue-bar {
    background-color: #5a99ce;
}

.title{
	padding-top: 30px;
}
.title h1{
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 19px
}
.title p{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0
}
.introduction{
	padding: 0 0 0 0
}
.introduction h1{
	font-size: 32px;
	color: #333;
	line-height: 50px;
}

.white-bar{
	/*margin: 0;*/
	width: 100%;
	color: #5a99ce
}






label.tooltipped i{
	color: #5a99ce;
	border-bottom: 1px dashed #5a99ce;
	padding-bottom: 3px
}

.material-toolip{
	position: absolute;
	left: 0;
	background: #5a99ce
		
}

.address .input-field:first-of-type{
	margin-top: 30px;
}

.address .input-field{
	margin: 0
}

.row-property-values{
	margin-bottom: 0
}

.property-values .input-field{
	margin: 0
}
.property-description textarea{
	height: 174px!important;
	/*overflow-y: scroll;*/
	margin-top: 20px;
	resize: none;
	background: #f6f6f6;
	padding: 15px
}

.room-number div {
    
	
}


.room-number h2, .features h2{
	color: #333;
	font-weight: 300;
	font-size: 32px;
	border-bottom: 2px solid #ccc;
	display: inline-block;
	padding: 15px 0;
	margin-top: 15px
}


.room-number h2 span{
	color: #5a99ce
}

.room-number h3, .features h3, .features h4{
	color: #333;
	font-weight: 400;
	margin-left: 15px;
	font-size: 22px;
}
.room-number h3 span{
	color: #5a99ce
}

.features h4 span{
	color: #5a99ce
}


#room-1, #room-2, #room-3, #room-4 {
    margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}


.room-photo-upload .btn span{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-transform: none
}


.room-photo-upload p, .features p{
	font-size: 16px;
	font-weight: 400;
	color: #333;
	margin-bottom: 9px;
	padding-left: 15px;
}


.features table td{
	font-size: 16px;
	color: #333;
	font-weight: 400
}

.features table td:first-of-type{
	text-align: right
}


.terms a{
	color: #5a99ce;
	font-weight: 400
}

#terms .modal-footer a{
	font-size: 18px;
	color: #5a99ce;
	font-weight: 400;
	padding: 15px;
	display: block;;
}

.terms h4{
	color: #333;
	font-weight: 400;
	font-size: 22px;
}

.terms p{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin-bottom: 9px;
}


.terms [type="checkbox"] + span:not(.lever) {
padding-left: 35px;
}