.red-dot {
	position: relative;
}

.red-dot::after {
	position: absolute;
	bottom: 100%;
    left: 100%;
    transform: translate(-250%, 300%);
	border-radius: 100%;
	border-color: red;
	border-width: 4px;
	border-style: solid;
	content: '';
}

.red-dot-child {
	padding-right: 25px;
}

.red-dot-child:focus,
.red-dot-child:active {
	position: relative;
	z-index: 3;
}

.tip-right,
.tip-left {
	position: relative;
}

.tip-right::before,
.tip-left::before {
	position: absolute;
	content:'';
	height: 0;
	width: 0;
	margin: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
}

.tip-right::before {
	top: 0;
	right: 0;
	transform: translate(100%, 70%);
	border-left-color: inherit;
}

.tip-left::before {
	top: 0;
	left: 0;
	transform: translate(-100%, 70%);
	border-right-color: inherit;
}

.line-break {
	overflow-wrap: break-word;
}

.btn.btn-square {
  position: relative;
  border-radius: 0;
  border: none;
  height: 100%;
}
.btn.btn-round {
  position: absolute;
  border-radius: 50%;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border: none;
  height: 100%;
  top: 0;
  /*font-size: small;*/
}

.no-width {
  display: none;
  transition: display 0.2s ease;
}

.attach {
  position: absolute;
  top: 0%;
  right: 0;
  height: 100%;
	z-index: 2;
}

.summary {
  padding: 3px;
  line-height: 1;
}

.summary .value {
/*  font-family: Cambria, "Times New Roman", Times, serif;*/
  font-size: 22px;
}

.summary .name {
  font-size: smaller;
}

.onlyclrfxname {
  font-size: smaller;
  padding: 3px;
  width: 100%;
}

.clearfix .lineheight {
  line-height: .5;
}

.label.tag {
  display: block;
  padding: .25em .35em .35em .4em;
  font-size: 85%;
}

table .cell {
  padding: 0 3px;
}

.hcenter {
  display: block;
  text-align: center;
/*  position: relative;
  left: 50%;
  transform: translateX(-50%);*/
}

.hcenter > * {
  display: inline-block;
  text-align: left;
}

.hset > * {
  margin: 3px;
/*  margin-right: 6px;
  margin-bottom: 6px;*/
}

.hset.hcenter > * {
  margin-left: 0;
  margin-right: 0;
}

.bottomtxt {
  display: inline-block;
  width: 146px;
	vertical-align: top;
}

.bluearea {
  background-color: #5bc0de;
  padding: 4%;
  color: white;
}

.bluearea.tall {
padding-bottom: .85em;
height: 80px;
}

.borderarea {
  border: 1px solid #5bc0de;
  font-size: smaller;
  padding: 3% 3.25%
}

.careticon {
  line-height: 5px;
  background-color: #3399FF;
  cursor: pointer;
	text-align: center;
}

.report-btn {
  display: inline-block;
	outline: none !important;
  border: 1.5px solid grey;
  background-color: buttonface;
  height: 1.8em;
  cursor: pointer;
}

.text-ellipsis {
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.checkbox-custom {
  padding-left: 20px;
}

.checkbox-custom label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}

.checkbox-custom label::before,
.checkbox-custom label::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  margin-left: -20px;
}

.checkbox-custom label::before {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ccc;
  /*border-radius: 3px;*/
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox-custom label::after {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 2px;
  font-size: 11px;
  color: #555555;
  font-family: 'FontAwesome';
}

.checkbox-custom input[type="checkbox"] {
  opacity: 0;
}

.checkbox-custom input[type="checkbox"]:focus + label::before {
  outline: none;
}

.checkbox-custom input[type="checkbox"]:checked + label::after {
  content: "\f00c";
}

.checkbox-custom.checkbox-inline {
  margin-top: 0;
	margin-left: 0;
}

/* .checkbox-primary label::before {
  border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
}

.checkbox-danger label::before {
  border-color: #dc3545;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #dc3545;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
} */

/* .radio-custom {
  padding-left: 20px;
} */

.radio-custom {
  padding: 0 20px;
}

.radio-custom label {
  display: inline-block;
  position: relative;
  padding: 0 5px;
}

.radio-custom label::before,
.radio-custom label::after {
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.radio-custom label::before {
  width: 16px;
  height: 16px;
  left: -20px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.radio-custom label::after {
  width: 10px;
  height: 10px;
  right: calc(100% + 7px);
  z-index: -1;
  -webkit-transition: backgroud-color 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: backgroud-color 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: backgroud-color 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: backgroud-color 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio-custom input[type="radio"] {
  opacity: 0;
}

.radio-custom input[type="radio"]:focus + label::before {
  outline: none;
}

.radio-custom input[type="radio"]:checked + label::after {
  z-index: initial;
}

.radio-custom.radio-inline {
  margin-top: 0;
}

/* .radio-primary label::before {
  border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca;
}

.radio-danger label::before {
  border-color: #dc3545;
}

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #dc3545;
} */

.checkbox-custom > input[disabled] + label,
.radio-custom > input[disabled] + label {
  cursor: not-allowed;
}

/* Fullcalendar event icon */
.fc-content-head {
	color: white;
	font-weight: 600;
	border-right: 1px solid white;
	padding: 0 1px;
}

.unsubscribed :not(a) {
	color: 	#989898;
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.btn-custom-brand {
  color: #ffffff;
  background-color: #2e2c2c;
  border-color: #100f0f;
}
.btn-custom-brand:focus,
.btn-custom-brand.focus {
  color: #ffffff;
  background-color: #030303;
  border-color: #000000;
}
.btn-custom-brand:hover,
.btn-custom-brand.active {
  color: #ffffff;
  background-color: #030303;
  border-color: #000000;
}
.btn-custom-brand:active,
.btn-custom-brand.active,
.open > .dropdown-toggle.btn-custom-brand {
  color: #ffffff;
  background-color: #030303;
  background-image: none;
  border-color: #000000;
}
.btn-custom-brand:active:hover,
.btn-custom-brand.active:hover,
.open > .dropdown-toggle.btn-custom-brand:hover,
.btn-custom-brand:active:focus,
.btn-custom-brand.active:focus,
.open > .dropdown-toggle.btn-custom-brand:focus,
.btn-custom-brand:active.focus,
.btn-custom-brand.active.focus,
.open > .dropdown-toggle.btn-custom-brand.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-custom-brand.disabled:hover,
.btn-custom-brand[disabled]:hover,
fieldset[disabled] .btn-custom-brand:hover,
.btn-custom-brand.disabled:focus,
.btn-custom-brand[disabled]:focus,
fieldset[disabled] .btn-custom-brand:focus,
.btn-custom-brand.disabled.focus,
.btn-custom-brand[disabled].focus,
fieldset[disabled] .btn-custom-brand.focus {
  color: #2e2c2c;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.btn-custom-brand .badge {
  color: #2e2c2c;
  background-color: #ffffff;
}

.btn-outline-custom-brand {
  color: #2e2c2c;
  background-color: #ffffff;
  border-color: #100f0f;
}
.btn-outline-custom-brand:focus,
.btn-outline-custom-brand.focus {
  color: #ffffff;
  background-color: #2e2c2c;
}
.btn-outline-custom-brand:hover {
  color: #ffffff;
  background-color: #2e2c2c;
}
.btn-outline-custom-brand.active {
  color: #ffffff;
  background-color: #030303;
}
.btn-outline-custom-brand.disabled:hover,
.btn-outline-custom-brand[disabled]:hover,
fieldset[disabled] .btn-outline-custom-brand:hover,
.btn-outline-custom-brand.disabled:focus,
.btn-outline-custom-brand[disabled]:focus,
fieldset[disabled] .btn-outline-custom-brand:focus,
.btn-outline-custom-brand.disabled.focus,
.btn-outline-custom-brand[disabled].focus,
fieldset[disabled] .btn-outline-custom-brand.focus {
  color: #2e2c2c;
  background-color: #e6e6e6;
  border-color: #2e2c2c;
}

.text-custom-brand {
  color: #2e2c2c;
}
a.text-custom-brand:hover,
a.text-custom-brand:focus {
  color: #030303;
}

#searchIcon {
  position: absolute;
  font-size: 20px;
  margin-left: 2px;
  left: 11px;
  top: 4px;
  padding: 10px 0px;
}

.usr-input {
  font-size: smaller;
  height: 45px;
  padding: 10px 16px 10px 40px;
  border-radius: 24px;
}

.search-toggle {
  position: absolute;
  top: 6px;
  right: 30px;
}

.cursor-pointer {
  cursor: pointer;
}

.text-hover:hover {
  color: #428bca;
}

.vdr {
  display: inline-block;
  padding: 5px 15px;
}

.vdr:not(:last-child) {
  border-right: 1px #989898 solid;
}

.color {
  color: #428bca;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_length {
  float: left;
  margin-left: 10px;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  margin-right: 10px;
}

.capital {
  text-transform: uppercase;
}

.dark-blue {
  height: 35px;
  background: #428bca;
  color: #FFFFFF;
  font-weight: bold;
}

.dark-red {
  height: 35px;
  background: #feebeb;
  color: #e43a3f;
  font-weight: bold;
}

.dark-blue:hover, .dark-blue:active {
  background: #357ebd;
  color: #FFFFFF;
}

.dark-red:hover {
  background: #FED7D7;
  color: #ed1f24;
}

.light-red {
  display:inline-block;
  border-radius: 5px;
  background: #feebeb;
  color: #e43a3f;
  font-weight: bold;
  margin-right: 10px;
  font-size: small;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  box-shadow: none;
  width: 110px;
  appearance: none;
  cursor: pointer;
}

.light-red:hover {
  color: #ed1f24;
  background: #FED7D7;
}

.light-blue {
  display:inline-block;
  background: #EBF7FF;
  color: #0073bc;
  font-weight: bold;
  margin-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  box-shadow: none;
  width: 250px;
  appearance: none;
  cursor: pointer;
}

.light-blue-small {
  display:inline-block;
  background: #EBF7FF;
  color: #0073bc;
  font-weight: bold;
  margin-right: 10px;
  font-size: small;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  box-shadow: none;
  white-space: nowrap;
  appearance: none;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
}

.disabledGcButton {
  display:inline-block;
  background: #F9F9F9;
  color: #878787;
  font-weight: bold;
  margin-right: 10px;
  font-size: small;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  box-shadow: none;
  white-space: nowrap;
  appearance: none;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
}

.light-blue-med {
  display:inline-block;
  background: #EBF7FF;
  color: #0073bc;
  font-weight: bold;
  font-size: small;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  box-shadow: none;
  white-space: nowrap;
  appearance: none;
  cursor: pointer;
  border-radius: 5px;
  width: 130px;
  padding-right: 10px;
  padding-left: 10px;
}

.light-blue-max {
  display:inline-block;
  background: #EBF7FF;
  color: #0073bc;
  font-weight: bold;
  font-size: small;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  box-shadow: none;
  white-space: nowrap;
  appearance: none;
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.blue-calendar {
  position: absolute;
  display:inline-block;
  color: #0073bc;
  font-weight: bold;
  font-size: small;
  cursor: pointer;
  float:right;
  padding-top: 10px;
  padding-bottom: 8px;
  right: 8px;
}

.light-blue:hover {
  color: #0073bc;
  background: #DBF1FF;
}

.light-blue-small:hover {
  color: #0073bc;
  background: #DBF1FF;
}

.light-blue-med:hover {
  color: #0073bc;
  background: #DBF1FF;
}

.light-blue:active {
  color: #0073bc;
  background: #DBF1FF;
}

.light-blue-med:active {
  color: #0073bc;
  background: #DBF1FF;
}

.light-blue-small:active {
  color: #0073bc;
  background: #DBF1FF;
}

.dropdown-opt {
  background: #FFFFFF;
  cursor: pointer;
  font-weight: normal;
  color: #000000;
}

.small-modal-box {
  background: #FFFFFF;
  position: fixed;
  z-index: 99;
  top: 0;
  right: -990px;
  width: 590px;
  height: 100%;
  overflow: hidden;
  box-shadow: 0px 2px 18px #ddd;
  padding: 25px;
  transition: all 0.6s ease
}

.modal-box {
  background: #FFFFFF;
  position: fixed;
  z-index: 99;
  top: 0;
  right: -990px;
  width: 890px;
  height: 100%;
  overflow: hidden;
  box-shadow: 0px 2px 18px #ddd;
  padding: 25px;
  transition: all 0.6s ease
}

.large-modal-box {
  background: #FFFFFF;
  position: fixed;
  z-index: 99;
  top: 0;
  right: -1600px;
  width: 1300px;
  height: 100%;
  overflow: hidden;
  box-shadow: 0px 2px 18px #ddd;
  padding: 25px;
  transition: all 0.6s ease
}

.modal-title {
  margin-bottom: 20px;
  font-weight: bold;
  font-size:16px;
  display: inline-block;
}

.modal-tab {
  font-size: 14px;
  padding-right: 20px;
  cursor: pointer;
}

.selected {
  color: #0073bc;
  cursor: default;
}

.modal-text-bold {
  font-size: 14px;
  font-weight: bold;
}

.save-btn {
  width: 13rem;
  border-radius: 100em;
}

.check-btn {
  width: 125px;
  padding-left: 45px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 45px;
  border-radius: 15px;
  font-weight: bold;
}

.save-btn-small {
  width: 8rem;
  border-radius: 50em;
}

.modal-text {
  font-size: 14px;
}

.hidden-tab {
  display: none;
}

#contact-search {
  display: none;
}

.centeredButton {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tableIcon {
  width: 35px;
  height: 35px;
  display: inline-block;
  cursor: pointer;
  margin-left:4px;
  margin-right:4px;
  -webkit-filter: drop-shadow(0px 0px 1px #cecece);
  filter: drop-shadow(0px 0px 2px #cecece)
}

.tableIcon:hover {
  -webkit-filter: drop-shadow(0px 0px 1px #8e8e8e);
  filter: drop-shadow(0px 0px 2px #8e8e8e);
}

#callEvent_iframe {
  border: none;
}

@media only screen and (max-width: 890px) {
  .modal-box {
    width: 100%;
    height: 100%;
  }

  .small-modal-box {
    width: 100%;
    height: 100%;
  }

  #MergeContactsbt {
    width: 100%;
    text-align: center;
    margin: 0;
  }
}

@media only screen and (max-width: 1400px) {
  .large-modal-box {
    width: 100%;
    height: 100%;
  }
}

#contactSearchRow {
  display: none;
}

#search_phone_email {
  font-size: smaller;
  height: 45px;
  padding: 10px 16px 10px 40px;
  border-radius: 24px;
}

#search_name {
  font-size: smaller;
  height: 45px;
  padding: 10px 16px 10px 40px;
  border-radius: 24px;
  bottom: 20px !important;
}

.twitter-typeahead {
  width: 100% !important;
}

.blue-font {
  color: #0073bc;
  font-weight: bold;
}

.blue-font:hover {
  color: #4391ce;
}

#contact_iframe {
  border: none;
}

#callEvent_iframe {
  border: none;
}

#emailEvent_iframe {
  border: none;
}

#SMSEvent_iframe {
  border: none;
}

#appt_iframe {
  border: none;
}

#followUp_iframe {
  border: none;
}

#ConfirmAppointment_iframe {
  border: none;
}

#AppointmentEvent_iframe {
  border: none;
}

#AppointmentReassign_iframe {
  border: none;
}

#guestCard {
  display: none;
}

.datepickerIcon {
  position: absolute;
  right: 15px;
  bottom: 1px;
}

.padding-small {
  padding-right: 3px;
  padding-left: 3px;
}

.padding-small-left {
  padding-right: 3px;
}

.padding-no-left {
  padding-right: 0px;
}

.padding-small-right {
  padding-left: 3px;
}

.multiCheckbox .btn-group {
  width: 100%;
}

.multiselect {
  width: 100%;
}

.tox-tinymce-inline {
    z-index: 1600 !important;
}

table.dataTable thead th:nth-child(9),
table.dataTable tbody td:nth-child(9) {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}

.btn-danger {
  background-color: #e65f63;
  border: none;
  border-style: none;
}

.btn-danger:hover {
  background-color: #e43a3f;
  border: none;
  border-style: none;
}

.btn-success {
  border: none;
  border-style; none;
}

.btn-success:hover {
  border: none;
  border-style:none;
}

.animationBtn {
  outline:none;
  height: 30px;
  text-align: center;
  width: 130px;
  border-radius:40px;
  background: #e65f63;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;
}

.onclick {
  width: 30px !important;
  border-color: #cecece !important;
  border-width:3px !important;
  font-size:0 !important;
  border-left-color: #5cb85c !important;
  animation: rotating 2s 0.25s linear infinite !important;
  background-color: #FFFFFF !important;
}

.validate {
  color: white !important;
  background: #5cb85c !important;
}

.animationDone {
  outline:none;
  height: 30px;
  text-align: center;
  width: 130px;
  border-radius:40px;
  background: #5cb85c;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.multiselect {
  text-align: left;
}

.multiselect-container {
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .todoContainer {
    margin: 0px !important;
  }

  .guestCardCol {
    text-align: center;
  }

  .search-toggle {
    top: -45px;
    margin: 0 auto;
    width: 65%;
  }

  #searchRow {
    margin-top: 45px;
  }

  #dateDropdown {
    margin-bottom: 15px;
  }

  #applyFilterBtn {
    margin-bottom: 15px;
  }

  #followUpCount {
    margin-bottom: 15px;
  }

  #addContact {
    margin-bottom: 5px;
  }

  .page-buttons .action-buttons {
    margin-bottom: 0;
    margin-top: 25px;
  }
}

.todoContainer {
  margin: 20px;
}

.blue-lead {
  color: #0073bc;
}

.light-blue-lead {
  color: #EBF7FF;
}
.form-select {
  cursor: pointer;
  -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75em center;
  background-size: 16px 14px;
}

#appointmentDate {
  padding-left: 15px;
}

#leaseSignDate2 {
  padding-left: 15px;
}

#moveInDate2 {
  padding-left: 15px;
}

.drop-shadow {
  -webkit-filter: drop-shadow(0px 0px 1px #cecece);
  filter: drop-shadow(0px 0px 1px #cecece)
}

.drop-shadow:hover {
  -webkit-filter: drop-shadow(0px 0px 2px #8e8e8e);
  filter: drop-shadow(0px 0px 2px #8e8e8e);
}

.overflow-hidden {
  overflow: hidden;
}

.deactivated {
  color: #8e8e8e;
  background: #f2f6f6;
  cursor: auto;
}

.deactivated:hover {
  color: #8e8e8e;
  background: #f2f6f6;
  cursor: auto;
}

.datepicker-month:after {
  display: none !important;
}

.leasingPreferencesLabel {
  font-size:12px;
}

.caret-off {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/** Email Attachments */
.attachmentsWrapper {
  padding: 0 5px !important;
}

.attachmentsWrapper .attachmentsFilesWrapper {
  max-height: 100px !important;
  overflow: hidden !important;
  overflow-y: auto !important;
}

.attachmentsWrapper .attachmentsGeneralErrorsWrapper {
  width: 100%;
  font-size: 14px;
  color: #f00;
  text-align: center;
}

.emailAttachment {
  padding: 8px !important;
  background-color: #eee !important;
  height: 32px !important;
  display: flex !important;
  margin-bottom: 3px !important;
  font-size: 14px !important;
}
.emailAttachment.emailAttachmentWithError {
  background-color: rgba(255, 0, 0, 0.08) !important;
}

.emailAttachment .emailAttachmentFileDetails {
  font-weight: bold !important;
}

.emailAttachment .emailAttachmentFileDetails .emailAttachmentFileName {
  color: #00306B !important;
}
.emailAttachment .emailAttachmentFileDetails .emailAttachmentFileSize {
  color: #000 !important;
}

.emailAttachment .emailAttachmentAction {
  position: relative !important;
  width: 50% !important;
  margin-left: auto !important;
  text-align: right;
}

.emailAttachment .emailAttachmentAction.emailAttachmentUploadProgressBar {
  visibility: hidden;
  background: #fff !important;
  border: 1px solid #ccc !important;
}
.emailAttachment.emailAttachmentWithError .emailAttachmentAction.emailAttachmentUploadProgressBar {
  display: none;
}

.emailAttachment .emailAttachmentAction.emailAttachmentUploadProgressBar .emailAttachmentUploadProgress {
  height: 100% !important;
  background-color: #00306B !important;
}

.emailAttachment .emailAttachmentAction.emailAttachmentErrorMessage {
  display: none;
  color: #f00 !important;
  font-size: 12px !important;
}
.emailAttachment.emailAttachmentWithError .emailAttachmentAction.emailAttachmentErrorMessage {
  display: block;
}

.emailAttachment .emailAttachmentRemove {
  cursor: pointer !important;
  width: 16px !important;
  margin-left: 15px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.emailAttachment .emailAttachmentRemove.disabled {
  cursor: not-allowed !important;
  color: #c0c0c0 !important;
}
/** End of Email Attachments */

/* LM-308 */
.lm-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.lm-main-row {
  display: flex;
  flex-grow: 1;
}
.lm-main-content-wrapper {
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: #f7f9fc;
  overflow-x: hidden;
}

/** ToDos date picker **/
#customDateRangePicker { display: none; align-items: center; position: absolute; left: 2px; top: calc(100% + 5px); }
#customDateRangePicker > .input-group input { width: 130px; }
#customDateRangePicker > .input-group {
  margin: 0;
  padding: 0;
  position: relative;
}
#customDateRangePicker > *:first-child { margin-right: 10px; }
#customDateRangePicker > *:not(:first-child):not(:last-child) { margin-left: 10px; margin-right: 10px; }
#customDateRangePicker > *:last-child { margin-left: 10px; }
/** End of ToDos date picker **/

#filterHolder > .row { margin-bottom: 15px; }

.todos-page-buttons {
  margin-bottom:20px;
  height:35px;
}

.page-buttons .datePickerWrapper {
  padding: 0;
}

.page-buttons .datePickerWrapper .dateDropdown {
  font-size:small;
  margin:0;
  width: 98%;
  margin-left: 1%;
}

.page-buttons .button-wrapper {
  padding: 0;
  margin-left: 0;
}

.page-buttons .button-wrapper > button {
  margin: 0;
  width: 98%;
  margin-left: 1%;
  text-align: left;
}

.page-buttons .button-wrapper > button#followUpCount {
  text-align: center;
}

.page-buttons .action-buttons {
  margin-bottom: 10px;
  height: 35px;
  display: flex;
  float: right;
}

.page-buttons .action-buttons .add-contact-button {
  border-radius: 0;
  padding: 8px;
  margin-right: 3px;
}
.page-buttons .action-buttons .export-button {
  border-radius: 0;
  padding: 8px;
}

/* WCAG compliance for forms */
.text-semimuted,
.bs-placeholder,
.form-control::placeholder, .form-control.disabled {
  color: #767676 !important
}

.text-semimuted-link {
  color: #006983
}

.text-error {
  color: #B30000
}

#addBuilding .modal-dialog {
  width: 40%;
  margin-top: 50px;
}

@media screen and (max-width: 1600px) {
  #addBuilding .modal-dialog {
    width: 45%;
  }
}

@media screen and (max-width: 1366px) {
  #addBuilding .modal-dialog {
    width: 50%;
  }
}

@media screen and (max-width: 1200px) {
  #addBuilding .modal-dialog {
    width: 55%;
  }
}

@media screen and (min-width: 768px) {
  #communityBuildingTypeChangeAlert .modal-dialog {
    width: 700px;
  }
}

.manageBuildingsConfigTable.table > tbody > tr > td {
  max-width: 220px;
  word-wrap: break-word;
}

.btn-group .btn:first-child{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group .btn:last-child{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}