@charset "UTF-8";
/* CSS Document */

.bg-leads {
    background-color: #5cb85c;
	color:#ffffff;
}
.homeowner .bg-leads {
    background-color: #79919c;
	color:#ffffff;
}
.bg-emails {
	background-color:#ff6600;
	color:#ffffff;
}
.bg-sms {
	background-color:#ff6600;
	color:#ffffff;
}
.homeowner .btn-success {
    color: #fff;
    background-color: #79919c;
    border-color: #79919c;
}

/*Global Colors for Streamline*/
.label-streamline-orange{background-color:#ff6600}.label-streamline-orange[href]:focus,.label-danger[href]:hover{background-color:#ff3300}

.label-red{background-color:#e53935}.label-red[href]:focus,.label-red[href]:hover{background-color:#d32f2f}
.label-pink{background-color:#d81b60}.label-pink[href]:focus,.label-pink[href]:hover{background-color:#c2185b}
.label-purple{background-color:#8e24aa}.label-purple[href]:focus,.label-purple[href]:hover{background-color:#7b1fa2}
.label-dark-purple{background-color:#5e35b1}.label-dark-purple[href]:focus,.label-dark-purple[href]:hover{background-color:#512da8}
.label-dark-blue{background-color:#3949ab}.label-dark-blue[href]:focus,.label-dark-blue[href]:hover{background-color:#303f9f}
.label-blue{background-color:#1e88e5}.label-blue[href]:focus,.label-blue[href]:hover{background-color:#1976d2}
.label-light-blue{background-color:#039be5}.label-light-blue[href]:focus,.label-light-blue[href]:hover{background-color:#0288d1}
.label-teal{background-color:#00acc1}.label-teal[href]:focus,.label-teal[href]:hover{background-color:#0097a7}
.label-dark-teal{background-color:#00897b}.label-dark-teal[href]:focus,.label-dark-teal[href]:hover{background-color:#00796b}
.label-dark-green{background-color:#43a047}.label-dark-green[href]:focus,.label-dark-green[href]:hover{background-color:#388e3c}
.label-green{background-color:#7cb342}.label-green[href]:focus,.label-green[href]:hover{background-color:#689f38}
.label-light-green{background-color:#c0ca33}.label-light-green[href]:focus,.label-light-green[href]:hover{background-color:#afb42b}
.label-light-orange{background-color:#ffb300}.label-light-orange[href]:focus,.label-light-orange[href]:hover{background-color:#ffa000}
.label-orange{background-color:#fb8c00}.label-orange[href]:focus,.label-orange[href]:hover{background-color:#f57c00}
.label-dark-orange{background-color:#f4511e}.label-dark-orange[href]:focus,.label-dark-orange[href]:hover{background-color:#e64a19}
.label-black{background-color:#000000}.label-black[href]:focus,.label-black[href]:hover{background-color:#202020}

.smooth {
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all .25s ease-in-out;
  }
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.label-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75px;
    display: block;
    margin-bottom: 3px;
}
.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.fill { 
    min-height: 100%;
    height: 100%;
}	
.bg-streamline {
	background-color:#1f5f7e;
}
.bg-received {
	background-color: #f4fdf0;
}
.text-streamline {
	color:#1f5f7e;
}
.border-streamline {
	border-color:#1f5f7e;
}
.panel-streamline {
    border-color: #1f5f7e;
}
.panel-streamline > .panel-heading {
    color: #fff;
    background-color: #1f5f7e;
    border-color: #1f5f7e;
}
.btn-streamline {
    color: #fff;
    background-color: #1f5f7e;
    border-color: #1f5f7e;
}
.btn-streamline:hover {
    color: #fff;
    background-color: #164f6a;
    border-color: #0d3a50;
}
span.lead-count {
    margin-left: 5px;
}
div.dataTables_filter {
    text-align: left !important;
}
.btn-action {
	margin-right:15px;
}
#container-auto-responder {
    height: 37px;
    line-height: 37px;
}
/*Lead Homeaway Chat Console*/
.outgoing, .incoming {
    padding: 20px;
    margin: 0px 0;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
    border-radius:15px
}
.email-chat-console .view-original {
	margin-bottom:20px;
}
/*CC and BCC fields*/
#email-cc, #email-bcc {
    width: calc(50% - 4px);
    float: left;
    margin-right: 4px;
	display:none;
}
#email-cc + #email-bcc {
    width: 50%;
	margin-right: 0px;
}
/*Lead Selected*/

#all-lead-highlights {
	padding:0 15px;
}

#toggle-highlights {
    position: absolute;
    z-index: 5;
    background: #fff;
    padding: 10px 10px;
    right: 15px;
    top: 0px;
    border-top-right-radius: 4px;
    border: 1px solid #e4e4e4;
}
#toggle-highlights.collapsed {
    padding: 3px 10px;
}

#all-attachments {
    position: relative;
    padding: 15px;
    height: auto;
}
#attachments-toggle {
	position:absolute;
	right:0;
	left:0;
	margin:0 auto;
	bottom:-15px;
	z-index:50;
	width:34px;
}
#email-headers .panel-heading {
	position:relative;
	padding-bottom:20px;
}
#email-headers .panel-heading
 h3 {
    margin-bottom: 10px;
}
.email-content {
    overflow-x: auto;
}
/*Lead Modal*/

#modal-create-lead .modal-body {
    background: #f7f7f7;
	padding-top:0;
}
#modal-create-lead .body-intro {
    padding:5px 15px;
}
#modal-create-lead .body-intro .btn {
    margin-right:5px;
}
#modal-create-lead .body-intro .btn:first-child {
    margin-right:0px;
}
/*Misc */

a.glyphicon-record:hover, a.glyphicon-volume-down:hover {
	opacity:.5;
}

/*Modal Template Email*/
.modal-header.bg-primary {
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: rgb(51, 122, 183);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
     
/*Toolbar*/
.toolbar {
	padding:0 0 15px 0;
}
.toolbar span {
    display: block;
	font-size: 12px;
}
.toolbar-inline .btn {
    padding: 5px 10px;
	font-size:12px;
}

.toolbar-inline img {
    margin-right: 5px;
}
#lead-inboxes-selected .panel-heading.highlights {
    font-size: 11px;
	
}
#lead-inboxes-selected .panel-heading.highlights [class*=' col-'] {
	padding:5px 15px;
	border:1px solid #fff;
	background:#ccc;
}
#pill-collapse-selected .panel-heading.highlights {
    font-size: 11px;
	
}
#pill-collapse-selected .panel-heading.highlights [class*=' col-'] {
	padding:5px 15px;
	border:1px solid #fff;
	background:#ccc;
}
@media screen and (max-width:767px) {
.toolbar span {
    display: none;
}
.toolbar .btn-group {
    margin-bottom: 5px;
}
}


/*Pills to Menu*/
.xs-collapse {
  display: none;
  visibility: hidden;
}
.collapse.in.xs-collapse {
	visibility:visible;
}
.xs-toggle {
	margin-bottom:10px;
}
.xs-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.xs-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.btn-default.xs-toggle .icon-bar {
  background-color: #888;
}

@media (min-width: 769px) {
  .xs-toggle {
    display: none;
    visibility: hidden;
  }
  .xs-collapse {
    display: block;
    visibility: visible;
  }

  #lead-inboxes .nav-stacked > li {
	float:left;
}
#lead-inboxes .nav-stacked > li + li {
    margin-top: 0px;
    margin-left: 0;
}
#pill-collapse .nav-stacked > li {
	float:left;
}
#pill-collapse .nav-stacked > li + li {
    margin-top: 0px;
    margin-left: 0;
}
#accordion-control .form-group {
	margin-right:20px;
}
}


@media (min-width: 768px) {
#table-leads .panel-heading .form-inline .form-group {
    margin-bottom: 5px;
}
}
@media (max-width: 768px) {
	#container-auto-responder {
    float: none !important;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 5px;
}
.bootstrap-switch-id-auto-responders {
    float: right;
}
span.lead-count {
    float: right;
}
#leads_wrapper {
    padding: 10px 0;
}

}
@media (max-width: 767px) {
#table-leads
 .panel-heading select {
    width: 65%;
    float: left;
    clear: left;
    margin-right: 1%;
}
#table-leads
 .panel-heading select + .btn-action {
    width: 34%;
}

#table-leads .panel-heading label.control-label.text-black {
    width: 100%;
}
#table-leads
 .panel-heading .btn-action {
	margin-right:0;
}
#table-leads
 .panel-heading .form-group {
	margin-bottom:5px;
}
#table-leads .form-group {
	float:none !important;
}
#table-leads #btn-create-lead {
	width:100% !important;
}
}
@media (max-width: 480px) {
	#all-lead-highlights [class*=' col-'] {
		width:100%;
	}
	
}


/****Taxes & Fees****/

#table-taxes-and-fees .form-check {
	display:inline-block;
	margin-left:20px;
}
#table-taxes-and-fees .form-check-input {
	margin-right:10px;
}

/*Global table spacing edit*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px;
}

/****panel tabs***/
#unactioned-email .toolbar {
    padding: 0 0 0 0;
}
#unactioned-email #show-actions .spacer {
    padding: 10px 0 0 0;
}
#unactioned-sms #show-sms-actions .spacer {
    padding: 10px 0 0 0;
}


/*
.tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 0 10px;
}*/

/*Inbox*/
#table-email-actions form,#table-sms-actions form,#table-leads-actions form,#table-ota-actions form {
    margin-bottom: 8px;
}
#table-email-actions .panel-heading form,#table-sms-actions .panel-heading form,#table-leads-actions .panel-heading form,#table-ota-actions .panel-heading form {
    margin-bottom: 0px;
}
#table-actions-inboxes.row, #table-actions-folders.row, #table-actions-queues.row, #table-actions-messages .row {
	margin: 0 -10px;
}
#table-actions-inboxes, #table-actions-folders, #table-actions-queues, #table-actions-messages {
	position: relative;
	padding: 10px;
}
#inboxes, #folders, #queues, #messages {
    width: 210px;
    position: absolute;
	top:50px;
}
#table-email-actions, #table-sms-actions, #table-leads-actions, #table-ota-actions, #leads-container {
	width:100%;
	float:right;
	-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;

}
#inboxes,#folders,#queues,#messages {
	opacity: 0;	
}
#inboxes.current,#folders.current,#queues.current,#messages.current {
	opacity: 1;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
	
}

#table-email-actions.current,#table-sms-actions.current,#table-leads-actions.current,#table-ota-actions.current,#leads-container.current {
	width:calc(100% - 230px);
	float:right;
}
#table-emails,#table-sms,#table-leads,#table-ota {
	width:100%;
	
}

#table-email-actions .panel-heading,#table-sms-actions .panel-heading,#table-leads-actions .panel-heading,#table-ota-actions .panel-heading,#table-email-actions .panel-footer,#table-sms-actions .panel-footer,#table-leads-actions .panel-footer,#table-ota-actions .panel-footer {
    padding: 10px 10px 5px;
}
#show-actions {
	
}
#inbox .panel-body {
    padding: 5px 15px;
}
ul.inbox {
	padding:0;
	list-style:none;
	margin-bottom:0;
}
.inbox li {
    list-style:none;
}.inbox li a {
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
	display:block;
}
.inbox li.active a {
	font-weight:700;
}
.inbox li:last-child a {
    border: none;
}
#actions-mobile {
	padding-bottom:10px;
}
#table-email-actions .panel-body, #table-sms-actions .panel-body, #table-ota-actions .panel-body, #table-leads-actions .panel-body {
    padding: 0;
}
#unactioned-email .pagination,#unactioned-sms .pagination,#unactioned-ota .pagination,#unactioned-leads .pagination {
    margin: 0 0 0 60px;

}
#unactioned-email .pagination{
    margin: 0 0 0 0px;

}
#unactioned-email .toolbar .btn {
    padding: 2px 5px;
    min-width: 45px;
}
#unactioned-email .toolbar.icon-only .btn {
    padding: 4px 10px;
    min-width: 45px;
}
table#table-emails {
    margin-bottom: 0;
}
a.navbar-brand {
    /*width: 100%;*/
    height: auto;
}
tr.active, tr.active td {
    background: #d9edf7 !important;
    color  :#337ab7;
		background: #e5e5e5 !important;
    color  :#337ab7;
}

.panel-heading .form-inline .form-group {
    margin-bottom: 5px;
}
.panel-heading .form-group:last-child {
    /*margin-bottom: 0;*/
}
.pull-left + .pull-left {
    margin-left: 15px;
}
.pull-right + .pull-right {
    margin-right: 10px;
}
.inbox-folder-group {
    border-bottom: 1px solid #eee;
    font-weight: bold;
    padding: 6px 6px;
    text-transform: uppercase;
    font-size: 11px;
    color: #999;
    letter-spacing: 0px;
    background: #f7f7f7;
}
#action-item .modal-header {
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #337ab7;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
	color:#fff;
 }
a.select-all {
    color: #fff;
	cursor: pointer;
}
/** leads */


/*****folio***/
#reservation-folio {
			padding:15px;
			padding-left:55px;
		}
		#reservation-folio .panel-body {
			/*height: 100vh;*/
		}
		#reservation_tabs .yui-content {
  padding:0em;
}

#reservation_tabs .loading {
  padding:5em;
  background-image:url(/pmt_common/images/bigrotation.svg);
  background-size: 75px;
  background-position:center center;
  background-repeat:no-repeat;
}

#reservation_tabs .loading * {
  padding:0em;
  display:none;
}

#reservation_tabs > .yui-nav > li {
  font-size: 11px;
}

.yui-skin-sam .yui-button {
  border-width: 1px 0;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}

#modal-template-content {
  background: white;
}

#select_cctransaction_div .panel:last {
  margin-bottom: 0px;
} 

#toggle-highlights {
  position: absolute;
  z-index: 5;
  background: #fff;
  padding: 10px 10px;
  right: 15px;
  top: 0px;
  border-top-right-radius: 4px;
  border: 1px solid #e4e4e4;
  cursor: pointer;
}

#toggle-highlights.collapsed {
    padding: 3px 10px;
}  

#reservation-head-info-toggle {
  font-size: 11px;
}

#reservation-head-info {
  padding: 0 15px;
  border: 1px solid rgba(255,255,255,1);
	border-bottom: none;
  border-radius: 5px;

}

#reservation-head-info [class*=' col-'] {
    text-align: left;
    background: transparent;
    padding: 5px 10px;
    border-right: 1px solid rgba(255,255,255,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    font-size: 12px;
}

/* --- Fix styles conflict --- */
.alert {
  font-size: 14px;
}

.tooltip {
  text-align:left;
  font-size: 12px; font-weight: bold;
  background-color: #FFFFCC;
  border: 1px solid #000;
  padding: 2px;

  box-sizing: border-box;    
  position: relative;
  z-index: 0;
  opacity: unset;
  line-break: auto;
}

td.tooltip {
  display: table-cell;
}

table.edit {
  border-collapse: separate;
}

table.basetable {
  border-collapse: separate;
}
/* --- Fix styles conflict --- */

/* --- Email tab styles --- */
#email-table-pager .pagination {
  margin: 0px;
}

#table-emails tr i.fa-mail-reply {
  display: none;
}

#table-emails tr.success i.fa-mail-reply {
  display: unset;
}

#table-emails tr.bg-received {
	background-color: #f4fdf0;
}

#all-attachments {
  position: relative;
  padding: 15px;
  height: auto;
}

#attachments-toggle {
  position:absolute;
  right:0;
  left:0;
  margin:0 auto;
  bottom:-15px;
  z-index:1;
  width:34px;
}

#email-headers .panel-heading {
  position:relative;
  padding-bottom:20px;
}

#email-headers .panel-heading h3 {
    margin-bottom: 10px;
}

#email-view > .toolbar, #email-compose > .toolbar {
  padding: 0 0 15px 0;
}

#email-view > .toolbar a, #email-compose > .toolbar a {
  padding: 6px 12px;
}

#email-view > .toolbar span, #email-compose > .toolbar span {
  display: block;
  font-size: 12px;
}
/*Lead Homeaway Chat Console*/
.outgoing, .incoming {
    padding: 20px;
    margin: 5px 0px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}
.email-chat-console .view-original {
	margin-bottom:20px;
}
/*CC and BCC fields*/
#email-cc, #email-bcc {
    width: calc(50% - 4px);
    float: left;
    margin-right: 4px;
  display:none;
}
#email-cc + #email-bcc {
  width: 50%;
  margin-right: 0px;
}
/* --- Email tab styles --- */

/*Chat*/
#chat-character-count {
  padding:5px 0 0 0;
}

.sms-received .well {
  box-shadow: none;
  border: none;
  background-color: #d9edf7;
}

.sms-sent .well {
  box-shadow: none;
  border: none;
  background-color: #dff0d8;
}

#sms-messages .well.highlighted {
  background-color: #ffc55b !important;
  border: 1px solid rgba(255, 0, 0, 0.29) !important;
}

#reservation-control-panel-wrapper {
  position:fixed;
  top:10px;
  left:5px;
  text-align: left;
}

#reservation-control-panel-wrapper .reservation-control-panel a.btn {
  display:inline-flex;
  height:36px
}

#reservation-control-panel-wrapper .reservation-control-panel a.btn img {
  width:32px;
  max-height:32px;

  -webkit-filter: invert(100%);
  filter: invert(100%);
}

#reservation-control-panel-wrapper .reservation-control-panel span {
  visibility: hidden;
  color: #FFF;
  font-size: 12px;
  padding-left: 10px;
}

#reservation-control-panel-wrapper.expanded .reservation-control-panel span {
  visibility: visible;
}
.fa.fa-mobile {
    font-size: 40px;
    color: #ff6600;
}
		i.fa.fa-reply {
    color: #1f5f7e;
}
		i.fa-comments-o {
			font-size: 25px;
    color: #1f5f7e;
}
		i.fa-dollar {
			font-size: 25px;
    color: #1f5f7e;
}

.panel-heading.history {
    padding: 5px;
}
.panel-heading .toolbar {
    padding: 0;
}

@media (min-width: 769px) {
#lead-inboxes .nav-stacked > li a {
    border: 1px solid #eee;
	margin-left:5px;
	padding: 7px 15px;
}
}
@media (min-width: 768px) {
#table-leads .panel-heading .form-inline .form-group {
    margin-bottom: 0px;
}
}



		#reservation-folio {
			padding:15px;
			padding-left:55px;
		}
		#reservation-folio .panel-body {
			/*height: 100vh;*/
		}
		#reservation_tabs .yui-content {
  padding:0em;
}

#reservation_tabs .loading {
  padding:5em;
  background-image:url(/pmt_common/images/bigrotation.svg);
  background-size: 75px;
  background-position:center center;
  background-repeat:no-repeat;
}

#reservation_tabs .loading * {
  padding:0em;
  display:none;
}

#reservation_tabs > .yui-nav > li {
  font-size: 11px;
}

.yui-skin-sam .yui-button {
  border-width: 1px 0;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}

#modal-template-content {
  background: white;
}

#select_cctransaction_div .panel:last {
  margin-bottom: 0px;
} 

#toggle-highlights {
  position: absolute;
  z-index: 5;
  background: #fff;
  padding: 10px 10px;
  right: 15px;
  top: 0px;
  border-top-right-radius: 4px;
  border: 1px solid #e4e4e4;
  cursor: pointer;
}

#toggle-highlights.collapsed {
    padding: 3px 10px;
}  

#reservation-head-info-toggle {
  font-size: 11px;
}

#reservation-head-info {
  padding: 0 15px;
  border: 1px solid rgba(255,255,255,1);
	border-bottom: none;
  border-radius: 5px;

}

#reservation-head-info [class*=' col-'] {
    text-align: left;
    background: transparent;
    padding: 5px 10px;
    border-right: 1px solid rgba(255,255,255,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    font-size: 12px;
}

/* --- Fix styles conflict --- */
.alert {
  font-size: 14px;
}

.tooltip {
  text-align:left;
  font-size: 12px; font-weight: bold;
  background-color: #FFFFCC;
  border: 1px solid #000;
  padding: 2px;

  box-sizing: border-box;    
  position: relative;
  z-index: 0;
  opacity: unset;
  line-break: auto;
}

td.tooltip {
  display: table-cell;
}

table.edit {
  border-collapse: separate;
}

table.basetable {
  border-collapse: separate;
}
/* --- Fix styles conflict --- */

/* --- Email tab styles --- */
#email-table-pager .pagination {
  margin: 0px;
}

#table-emails tr i.fa-mail-reply {
  display: none;
}

#table-emails tr.success i.fa-mail-reply {
  display: unset;
}

#table-emails tr.bg-received {
	background-color: #f4fdf0;
}

#all-attachments {
  position: relative;
  padding: 15px;
  height: auto;
}

#attachments-toggle {
  position:absolute;
  right:0;
  left:0;
  margin:0 auto;
  bottom:-15px;
  z-index:1;
  width:34px;
}

#email-headers .panel-heading {
  position:relative;
  padding-bottom:20px;
}

#email-headers .panel-heading h3 {
    margin-bottom: 10px;
}

#email-view > .toolbar, #email-compose > .toolbar {
  padding: 0 0 15px 0;
}

#email-view > .toolbar a, #email-compose > .toolbar a {
  padding: 6px 12px;
}

#email-view > .toolbar span, #email-compose > .toolbar span {
  display: block;
  font-size: 12px;
}
/*Lead Homeaway Chat Console*/
.outgoing, .incoming {
    padding: 20px;
    margin: 5px 0px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}
.email-chat-console .view-original {
	margin-bottom:20px;
}
/*CC and BCC fields*/
#email-cc, #email-bcc {
    width: calc(50% - 4px);
    float: left;
    margin-right: 4px;
  display:none;
}
#email-cc + #email-bcc {
  width: 50%;
  margin-right: 0px;
}
/* --- Email tab styles --- */

.flex {display: flex;}

/*Chat*/
#chat-character-count {
  padding:5px 0 0 0;
}
.panel-heading h5 {
    font-size: 16px;
    margin: 0;
    padding: 6px;
}
.sms-received .well {
  box-shadow: none;
  border: none;
  background-color: #d9edf7;
}

.sms-sent .well {
  box-shadow: none;
  border: none;
  background-color: #dff0d8;
}

#sms-messages .well.highlighted {
  background-color: #ffc55b !important;
  border: 1px solid rgba(255, 0, 0, 0.29) !important;
}

#reservation-control-panel-wrapper {
  position:fixed;
  top:10px;
  left:5px;
  text-align: left;
}

#reservation-control-panel-wrapper .reservation-control-panel a.btn {
  display:inline-flex;
  height:36px
}

#reservation-control-panel-wrapper .reservation-control-panel a.btn img {
  width:32px;
  max-height:32px;

  -webkit-filter: invert(100%);
  filter: invert(100%);
}

#reservation-control-panel-wrapper .reservation-control-panel span {
  visibility: hidden;
  color: #FFF;
  font-size: 12px;
  padding-left: 10px;
}

#reservation-control-panel-wrapper.expanded .reservation-control-panel span {
  visibility: visible;
}
.fa.fa-mobile {
    font-size: 40px;
    color: #ff6600;
}
		i.fa.fa-reply {
    color: #1f5f7e;
}
.history-sms-console {
    width: 100%;
	max-width:400px;
    border: 1px solid #ccc;
    border-radius: 30px;
    margin-bottom:50px;
}
		.phone-container {
			border:1px solid #ccc;
			margin:65px 0;
			position: relative;
		}
		.phone-container .overflow {
			overflow-y: scroll;
			overflow-x: auto;
			max-height:550px;
			min-height:450px;
			padding:10px 20px 60px;
			
			
		}
		.phone-container:before {
    content: '';
    display: block;
    width: 60px;
    height: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
	
.phone-type {
    position: absolute;
    bottom: 0;
    margin: 5px 15px 0px -15px;
    background: white;
    padding: 15px;
}
.phone-type input {
    
}
.phone-search button {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}


.phone-search input {
    background: #eee;
    border: 0;
    box-shadow: none;
	    border-radius: 20px;
}
.phone-search {
    padding: 5px;
}
#reservation-folio .navbar-fixed-bottom {
    margin-left: 0px;
    margin-right: 0px;
}
	#reservation-folio ul.nav.nav-pills li {
    border-radius: 5px;
    border: 1px solid #1f5f7e;
    color: #1f5f7e;
}
	#reservation-folio .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #1f5f7e;
}
	.tab-content .tab-content {
    border: 1px solid transparent;
    padding: 10px 0px;
}
.btn[disabled] {
    opacity: .25;
}
		.fake-table-header {
    background: #f7f7f7;
    padding: 5px;
}
		
	/*chat console css*/

.history-chat-console {
    padding: 20px;
}

.sender-comment {
    position: relative;
	background: #f7f7f7;
	border-radius: 0em;
    padding: 20px;
	margin-bottom:20px;
}
.sender-comment:after {
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-right-color: #f7f7f7;
	border-left: 0;
	border-top: 0;
	margin-top: -15px;
	margin-left: -30px;
}
.sender-comment.you{
    background: #d9edf7;
}
.sender-comment.you:after {
    content: '';
    position: absolute;
    left: auto;
    top: 15px;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-left-color: #d9edf7;
    border-right: 0;
    border-top: 0;
    margin-top: -15px;
    margin-right: -30px;
    margin-left: auto;
    right: 0;
}

.sender {
    padding: 10px 40px 10px 0;
}
.sender.you {
    padding: 10px 0px 10px 40px;
}

.sender-comment .sender-date-time {
    margin-bottom: 0;
    color: #999;
}

.fill-height {
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
}

/***Reviews***/
.review-flags {
    padding: 0 15px 0 0;
    
}
#guest-reviews h3{
    margin-top: 0;
    
}
.review-rating {
    padding: 6px;
    font-size: 14px;
    font-weight: 400;
	display: block;
    text-align: center;
    line-height: 1em;
	margin-bottom:10px;
	max-width: 200px;
}
.review-date {
    padding: 6px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
	display: block;
    text-align: center;
    line-height: 1em;
	margin-bottom:10px;
	max-width: 200px;
}
.review-flag {
    padding: 6px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
	display: block;
    text-align: center;
    line-height: 1em;
	margin-bottom:10px;
	max-width: 200px;
}
.review-flag.approved {
	color:white;
	background-color: #5cb85c;
}
.review-flag.pending {
	color:white;
	background-color: #f0ad4e;
}
.review-flag.declined {
	color:white;
	    background-color: #e53935;
}

span.review-flags {
    display: block;
}
.tr {
	display: none;
}
.tr.expanded {
	display:table-row;
}
.edit-email {
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 25px;
}
@media screen and (max-width:768px) {
	.review-date, .review-rating {
    display: inline-block;
    width: 48%;
    padding: 6px 15px;
		text-align: left;
}
}



/*CSS for Projected Income*/
h3 {
    /*font-family: Arial,Helvetica,sans-serif;*/ /*Remove this line*/
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.modal .modal-body {
    font-size: 14px;
}
.token-block {
    border: 1px solid #20607F;
    padding: 20px;
    border-radius: 10px;
	
}
.token-block span.token-amt {
    font-size: 100px;
    color: #20607F;
}
.token-block p {
    font-size: 20px;
    color: #000;
}
.token-block .divider-right {
    border-right: 1px solid #eee;
}
.modal .modal-body p.address {
	font-size: 24px;
    font-weight: 300;
    color: #20607F;
	margin-bottom: 0;
	
}
#show-stats table,#show-stats table th,#show-stats table td {
	font-size: 18px;
}
#show-stats table th {
	font-weight: 300;
}
#show-stats table td {
	color: #20607F;
}
#compare-units select {
    border: 1px solid #eee;
    vertical-align: middle;
    background-color: #fff;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: 400;
    background: #f7f7f7;
}
/***The Statement Table Widths***/
.w10 {
    width: 10%;
}
.w15 {
    width: 15%;
}
.w20 {
    width: 20%;
}
.w25 {
    width: 25%;
}
.w30 {
    width: 30%;
}
.w35 {
    width: 35%;
}
.w40 {
    width: 40%;
}
.w45 {
    width: 45%;
}
.w50 {
    width: 50%;
}
.w55 {
    width: 55%;
}
.w60 {
    width: 60%;
}
.w65 {
    width: 65%;
}
.w70 {
    width: 70%;
}
.w75 {
    width: 75%;
}
.w80 {
    width: 80%;
}
.w85 {
    width: 85%;
}
.w90 {
    width: 90%;
}
.w100 {
    width: 100%;
}