body {
  padding: 0px; }

header {
  height: 60px;
  width: 100%;
  background-color: #3b8ca8 !important;
  padding: 6px; }

.choose-reg {
  background-color: #007EA5; }

.hom-page-div {
  max-width: 100% !important;
  margin: 0 auto;
  margin-top: 180px; }

@media screen and (max-width: 39.9375em) {
  .hom-page-div {
    margin-top: 80px; } }
@media screen and (max-width: 39.9375em) {
  .terms-content {
    padding: 10px !important; } }
/**Colors **/
.yellow {
  color: #faebcc !important;
  font-weight: 500;
  font-family: 'Baloo Paaji', cursive;
  text-shadow: 2px 2px 1px #333; }

.lock-color {
  color: #edeeee; }

.pencil-color {
  color: #f4c989; }

.cell-color {
  color: #65b4dd; }

.light-grey {
  color: #999 !important; }

.silver {
  color: #edeeee;
  font-weight: 500;
  font-family: 'Baloo Paaji', cursive;
  text-shadow: 2px 2px 1px #333; }

.baloo {
  font-family: 'Baloo Paaji', cursive; }

.silver-plain {
  color: #edeeee !important; }

.blue_b {
  background-color: #007EA5; }

.light_blue_b {
  background-color: #e7e9ea !important; }

.primary-color {
  background-color: #007EA5 !important;
  color: #fff; }

.light_blue {
  color: #5baec6; }

.login-logo-color {
  color: #eeee !important; }

.mid-grey {
  color: #666; }

.white-color {
  color: #FFF !important; }

.light_ora {
  background-color: #fcfcfc !important; }

/** logo **/
.logo {
  width: 100%;
  min-height: 50px;
  padding: 16px; }

.logo-icon {
  font-size: 16px !important;
  text-align: center !important;
  float: none !important;
  color: #edeeee;
  text-shadow: 2px 2px 1px #333;
  padding: 10px !important;
  background-size: cover;
  background-color: blue;
  background: #fff;
  background: #284d72 !important;
  background: -moz-linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #284d72), color-stop(100%, #007EA5)) !important;
  background: -webkit-linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  background: -o-linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  background: -ms-linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  background: linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  border-bottom: 1px solid #007194 !important;
  border-radius: 5px;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  transition: all .2s ease-in-out;
  cursor: pointer;
  border: 2px #edeeee solid;
  border-radius: 50%; }

.med-font {
  font-size: 18px;
  color: #f3f0f0; }

.home_page-icons {
  padding: 80px !important;
  background-size: cover;
  background-color: blue;
  background: #fff;
  background: #284d72 !important;
  background: -moz-linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #284d72), color-stop(100%, #007EA5)) !important;
  background: -webkit-linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  background: -o-linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  background: -ms-linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  background: linear-gradient(top, #284d72 0%, #007EA5 100%) !important;
  border-bottom: 1px solid #007194 !important;
  border-radius: 5px;
  font-size: 120px !important;
  margin-bottom: 80px;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  transition: all .2s ease-in-out;
  cursor: pointer;
  border: none; }

.envelope-home-page {
  padding: 65px !important;
  padding-bottom: 110px !important;
  font-size: 110px !important; }

.home_page-icons:hover {
  transform: scale(1.1);
  /** transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -khtml-transform: rotate(360deg);
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -khtml-transition: all 1s ease; **/
  background: #fff;
  background: #faebcc !important;
  background: -moz-linear-gradient(top, #faebcc 0%, #007EA5 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #284d72), color-stop(100%, #007EA5)) !important;
  background: -webkit-linear-gradient(top, #faebcc 0%, #007EA5 100%) !important;
  background: -o-linear-gradient(top, #faebcc 0%, #007EA5 100%) !important;
  background: -ms-linear-gradient(top, #faebcc 0%, #007EA5 100%) !important;
  background: linear-gradient(top, #faebcc 0%, #007EA5 100%) !important; }

@media screen and (max-width: 84.9375em) {
  .home_page-icons {
    font-size: 30px !important; } }
@media screen and (max-width: 39.9375em) {
  .home_page-icons {
    font-size: 20px !important;
    padding: 30px !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    border-radius: 5px; } }
.modify-header {
  height: 30px;
  background-color: #007EA5 !important; }

.home_page {
  width: 100%;
  height: 800px; }

.home_page img {
  margin: 0 auto; }

table {
  min-width: 100px !important; }

/** input Fields */
textarea {
  min-height: 100px;
  border: 1px #ccc solid;
  resize: none;
  box-shadow: none; }

select {
  height: 30px; }

input {
  height: 30px !important;
  padding: 0.5rem !important;
  border: 1px solid #cacaca !important;
  margin: 0 0 1rem;
  font-size: 12px !important;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  box-shadow: none !important; }

@media screen and (max-width: 39.9375em) {
  input {
    width: 100%; }

  select {
    width: 100%; }

  .message_button {
    width: 100%; } }
/** modal **/
.modal-headerz {
  background-color: #3b8ca8;
  color: #fff !important;
  border-radius: 3px; }

.modal-headerz h4 {
  font-size: 14px; }

.modal_scroll {
  margin: 0px !important;
  max-height: 428px;
  overflow-y: scroll; }

@media screen and (max-width: 39.9375em) {
  .modal_scroll {
    max-height: inherit;
    overflow-y: visible; } }
.tab_scroll {
  margin: 0px !important;
  min-height: 300px;
  max-height: 477px;
  overflow-y: scroll; }

@media screen and (max-width: 39.9375em) {
  .tab_scroll {
    margin: 0px !important;
    height: inherit;
    max-height: 498px;
    overflow-y: scroll; } }
.midium_scroll {
  margin: 0px !important;
  min-height: 300px;
  max-height: 300px;
  overflow-y: scroll; }

.med_scroll {
  margin: 0px !important;
  height: 700px !important; }

.terms-content-wraper {
  max-width: 100%;
  overflow-y: scroll; }

.terms-content {
  max-width: 800px;
  padding: 50px !important;
  float: left; }

/** buttons **/
.message_button {
  padding: 10px;
  background-color: #007EA5;
  font-size: 12px;
  margin-top: 5px;
  color: #fff;
  border-radius: 4px; }

.message_button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #3399ff; }

.close-button {
  color: #fff !important;
  margin: 5px; }

.but-set {
  padding: 6px 10px;
  background: #3b8ca8;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #3b8ca8;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  text-align: center; }

.but-set:hover, .button-link:focus {
  border: solid 1px #2A4E77;
  text-decoration: none; }

@media screen and (max-width: 39.9375em) {
  .but-set {
    padding: 10px; } }
.but-set-2 {
  display: block;
  background: #f9fafb;
  background: linear-gradient(#f5f6f7 1%, #dee4ea 2%, #ffffff 70%, #f5f6f7 100%);
  color: #4e5665;
  text-align: center;
  font-weight: 500;
  margin: 0 0 5px 0;
  padding: 7px 7px;
  border: 1px solid #d4d5d6;
  border-radius: 1px;
  cursor: pointer;
  font-size: 12px;
  width: 120px;
  height: 120px; }

.but-set-messages {
  display: block;
  min-width: 130px;
  max-width: 96% !important;
  background: #f9fafb;
  background: linear-gradient(#f5f6f7 1%, #dee4ea 2%, #ffffff 70%, #f5f6f7 100%);
  color: #4e5665;
  text-align: left;
  font-weight: 500;
  margin: 0 0 5px 0;
  padding: 7px 7px;
  border: 1px solid #d4d5d6;
  border-radius: 1px;
  font-size: 12px; }

.but-set-home-page {
  display: block;
  min-width: 130px;
  max-width: 96% !important;
  background: #f9fafb;
  background: linear-gradient(#f5f6f7 1%, #dee4ea 2%, #ffffff 70%, #f5f6f7 100%);
  color: #4e5665;
  text-align: left;
  font-weight: 500;
  margin: 0 0 5px 0;
  padding: 7px 7px;
  border: 1px solid #fff;
  border-radius: 1px;
  font-size: 12px; }

.but-set-noborder {
  display: block;
  min-width: 130px;
  background: #f9fafb;
  background: linear-gradient(#f5f6f7 1%, #dee4ea 2%, #ffffff 70%, #f5f6f7 100%);
  color: #4e5665;
  text-align: left;
  font-weight: 500;
  margin: 0 0 5px 0;
  padding: 7px 7px;
  border-radius: 1px;
  font-size: 12px; }

.button-link_prop {
  padding: 5px 8px;
  background: #bdd9d0 !important;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #e5edef !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

.button-link {
  padding: 5px 8px;
  background: #3b8ca8 !important;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #3b8ca8 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.button-link-c {
  padding: 5px 8px;
  background: #0099cc;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #0099cc !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.button-property-bar {
  padding: 10px 15px;
  background: #c5ced7;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #2A4E77 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

.button-link:hover, .button-link:focus {
  background: #007bb6;
  border: solid 1px #2A4E77;
  text-decoration: none; }

.button-link-active {
  background: #78797a;
  text-decoration: none;
  color: #ccc !important;
  border: solid 1px #666; }

.button-clock {
  padding: 10px 15px;
  background: #007EA5;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #20538D;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

.button-link-reg {
  padding: 10px 15px;
  background: #69a74e;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #379a47;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

.button-link-reg:hover, .button-link:focus {
  background: #007bb6;
  border: solid 1px #2A4E77;
  text-decoration: none; }

.button-link-invoice {
  padding: 10px 15px;
  background: #379a47;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 1px;
  border: solid 1px #379a47;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

@media screen and (max-width: 39.9375em) {
  .button-link-invoice {
    padding: 10px; } }
.button-link-pac {
  padding: 10px 15px;
  background: #3b8ca8;
  color: #fff !important;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  border: solid 3px #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer;
  text-decoration: none !important; }

.button-link-pac:hover {
  padding: 10px 15px;
  background: #fff;
  color: #000 !important;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  border: solid 3px #ccc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer;
  text-decoration: none !important; }

.button-link-invoice-prev {
  padding: 10px 15px;
  background: #3399ff;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 1px;
  border: solid 1px #3399ff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

.button-link-flip-chat {
  padding: 10px 15px;
  background: #337ab7;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 1px;
  border: solid 1px #337ab7 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

.button-link-flip-mess-list {
  padding: 10px 15px;
  background: #01afbd;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 1px;
  border: solid 1px #01afbd !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

.button-link-expense {
  padding: 10px 15px;
  background: #EA6565;
  color: #FFF !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 1px;
  border: solid 1px #EA6565 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba;
  cursor: pointer; }

/**Titles*/
.page_title {
  margin-left: 5px;
  color: #8a8a8a;
  font-size: 15px; }

.pg-title {
  margin: 0px !important;
  margin-top: 5px !important;
  font-size: 14px !important; }

@media screen and (max-width: 39.9375em) {
  .page_title {
    text-align: center; } }
@media screen and (max-width: 370px) {
  .add-icon {
    display: none; } }
.titles {
  color: #666; }

.hr {
  margin: 0px !important; }

.field-focus-background {
  background: blue;
  filter: alpha(opacity=60);
  /* IE */
  -moz-opacity: 0.6;
  /* Mozilla */
  opacity: 0.6;
  /* CSS3 */ }

.desk-marg {
  margin-left: 8px !important; }

@media screen and (max-width: 39.9375em) {
  .desk-marg {
    margin-left: 0px !important; }

  .mobile-tab-infor-top-bot {
    padding-bottom: 6px !important;
    padding-top: 6px !important; }

  .bold_small {
    font-weight: bold !important; } }
#toggle-search_this {
  display: none; }

.sqr-dot {
  height: 20px !important;
  width: 20px !important;
  color: #fff !important;
  text-align: center; }

.sqr_dot_f {
  height: 15px !important;
  width: 15px !important;
  color: #fff !important;
  text-align: center; }

.dot-red-color {
  background-color: #EA6565; }

.dot-green-color {
  background-color: #379a47; }

.dot-blue-color {
  background-color: #3399ff; }

.balances-box {
  width: 300px;
  height: 100px;
  margin: auto; }

.select2-container .select2-selection--single {
  height: 41px !important;
  margin-bottom: 0px;
  border-radius: 2px !important;
  border: 1px #ccc solid !important; }

.filter_tens .select2-container .select2-selection--single {
  height: 29px !important;
  margin-bottom: 0px;
  border-radius: 2px !important;
  border: 1px #ccc solid !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important; }

.filter_tens .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 29px !important; }

.border-rad-bottom {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important; }

.border-rad-top {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; }

.g-recaptcha {
  width: 100% important; }

.alert {
  text-shadow: none; }

.z-index-high {
  z-index: 5000 !important; }

.a:hover {
  text-decoration: none !important; }

.drop_scroll {
  max-height: 270px;
  overflow-y: scroll; }

@media screen and (max-width: 63.9375em) {
  .remove_padding_small {
    padding: 0px !important; } }
.primary_color {
  background-color: #3b8ca8 !important; }

.help_color {
  background-color: #0099cc; }

.header-margin {
  margin-top: -3px !important; }

.reveal form div {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.lease_textarea {
  height: 200px; }

.div_logout {
  height: 50px;
  width: 100%;
  background-color: #3b8ca8;
  margin-top: 60px; }

.logo_color {
  color: #f3f0f0 !important; }

.icon_color {
  color: #195b7c; }

.logo_back {
  border: 1px #5586a9 solid; }

.prop_blue {
  background: #006699; }

.packages1 {
  background-color: #3b8ca8;
  height: 150px;
  width: 150px;
  padding-left: 35px;
  padding-top: 100px; }

.packages {
  height: 200px;
  width: 200px;
  background-color: #3b8ca8;
  padding-left: 60px;
  padding-top: 100px; }

@media screen and (max-width: 39.9375em) {
  .packages {
    height: 150px;
    width: 150px;
    padding-left: 35px;
    padding-top: 100px; } }
.red_font {
  color: #ff0000 !important; }

.green_font {
  color: #00cc00 !important; }

.orange_font {
  color: #ff9933; }

.orange_font {
  color: #ff9933; }

.back-to-top {
  background: none;
  margin: 0;
  position: fixed;
  bottom: 3%;
  right: 3%;
  width: 60px;
  height: 60px;
  z-index: 100;
  display: none;
  text-decoration: none;
  color: #ffffff;
  padding: 1px;
  padding-left: 4px;
  border-radius: 50%; }

.back-to-top i {
  font-size: 60px; }

.slogan {
  margin-top: 14px;
  font-style: italic;
  color: #cccccc; }

.prop_modify_cover {
  margin: 50px;
  margin-top: 110px;
  padding: 0px; }

.prop_modify_for_large {
  border: 1px #cccccc solid;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }

.border_for_small {
  border: 0px #cccccc solid;
  border-left: 1px #cccccc solid; }

@media screen and (max-width: 63.9375em) {
  .prop_modify_for_large {
    margin: 0px;
    border-radius: 0px;
    box-shadow: none;
    border: none; }

  .prop_modify_cover {
    margin: 0px;
    padding: 0px;
    margin-top: 0px; }

  body {
    background: #fff; }

  .border_for_small {
    border: 1px #cccccc solid; } }
.tex-shad {
  text-shadow: 1px 1px 1px #000; }

.box-shad {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }

.reveal {
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border: 0px !important; }

@media screen and (max-width: 39.9375em) {
  .reveal {
    border-radius: 0px;
    box-shadow: none; }

  .input-expand {
    height: 41px !important; } }
.text_dec {
  text-decoration: none !important; }

.view_demo {
  background-color: #3b8ca8;
  color: #fff;
  padding: 10px;
  font-size: 16px !important;
  text-decoration: none !important;
  margin-top: 90px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out; }

.view_demo2 {
  background-color: #fff;
  color: #666666;
  padding: 10px;
  font-size: 16px !important;
  text-decoration: none !important;
  margin-top: 90px;
  border: none !important;
  transition: background-color 0.25s ease-out, color 0.25s ease-out; }

.view_demo:hover {
  background-color: #fff;
  color: #666666;
  border: 1px #fff solid; }

.view_demo2:hover {
  background-color: #3b8ca8;
  color: #ffff;
  border: 1px #ccc solid !important; }

@media screen and (max-width: 39.9375em) {
  .view_demo {
    margin-top: 30px;
    font-size: 16px !important; }

  .view_demo2 {
    margin-top: 30px;
    font-size: 16px !important; } }
.ab_bac_g {
  background-image: url("/muskffiles/responsive_pic2.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.no-border-top {
  border-top: none !important; }

.rotatedDiv:hover {
  -webkit-transition: -webkit-transform 3s ease-in;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  width: 300px; }

.pos_fixed {
  position: fixed;
  z-index: 1000; }

@media screen and (max-width: 39.9375em) {
  .pos_fixed {
    height: 53px; } }
.autcom_menu {
  background: #ccc;
  position: absolute;
  right: 0%;
  top: 66%;
  z-index: 500;
  width: 100%; }

.autcom_menu li {
  background-color: #fff;
  border-bottom: 1px #edeaea solid;
  padding: 5px;
  cursor: pointer; }

.autcom_menu li:hover {
  background-color: #3b8ca8;
  color: #fff; }

.home_menu {
  background-color: #4ea3c9;
  padding: 14px; }

.goto_sect {
  padding: 14px; }

@media screen and (max-width: 39.9375em) {
  .goto_sect {
    padding: 3px;
    padding-left: 2px !important;
    padding-bottom: 9px; } }
.padding-left-zero {
  padding-left: 0px !important; }

/*TOOLS*/
.modal-tabs {
  height: 600px;
  overflow-y: scroll; }

.tabs-min-height {
  height: inherit !important;
  min-height: 750px;
  max-height: inherit !important; }

@media screen and (max-width: 39.9375em) {
  .tabs-min-height {
    min-height: 860px; } }
.selected-tab-row {
  background-color: #b2c0cd !important; }

.toggled_div {
  display: none; }

.modal-scrroll {
  height: 300px;
  overflow-y: scroll; }

.modal-scrroll_bills {
  height: 400px;
  overflow-y: scroll; }

@media screen and (max-width: 39.9375em) {
  .modal-scrroll_bills {
    height: 78vh;
    overflow-y: scroll; } }
.red {
  color: #cc0000; }

hr {
  max-width: 100%; }

.round {
  border-radius: 50% !important; }

.border {
  border: 1px #e0dfdf solid; }

.small-radius {
  border-radius: 3px; }

.border-bottom {
  border-bottom: 1px #e0dfdf solid; }

.border-top {
  border-top: 1px #e0dfdf solid; }

.border-left {
  border-left: 1px #e0dfdf solid; }

.border-right {
  border-right: 1px #e0dfdf solid; }

.border-top-bottom {
  border-top: 1px #e0dfdf solid;
  border-bottom: 1px #e0dfdf solid; }

.tex_bold {
  font-weight: bold; }

.remove_padding {
  padding: 0px; }

.body_min_height {
  padding-bottom: 50px; }

.float-right {
  float: right !important; }

.float-left {
  float: left !important; }

.pointer {
  cursor: pointer; }

.hidden {
  display: none; }

.margin_auto {
  margin: auto; }

.padding-top {
  padding-top: 12px; }

.padding-bottom {
  padding-bottom: 12px; }

.padding-medium {
  padding: 16px !important; }

.padding-top-bottom {
  padding-bottom: 12px;
  padding-top: 13px; }

.margin_left_medium {
  margin-left: 10px; }

.margin_right_medium {
  margin-right: 10px; }

.margin_right_large {
  margin-right: 23px; }

.margin_left_small {
  margin-left: 4px !important; }

.margin_right_small {
  margin-right: 4px !important; }

.margin_top_medium {
  margin-top: 10px !important; }

.margin_top_small {
  margin-top: 4px !important; }

.margin-bottom_medium {
  margin-bottom: 10px !important; }

.margin-bottom_large {
  margin-bottom: 22px !important; }

.margin-bottom_larger {
  margin-bottom: 30px !important; }

.margin-bottom_small {
  margin-bottom: 8px !important; }

.margin_top_large {
  margin-top: 20px !important; }

.no-border-right {
  border-right: 0px !important; }

.remove_padding {
  padding: 0px; }

@media screen and (max-width: 63.9375em) {
  .margin_left_small_small {
    margin-left: 15px !important; } }
.white {
  color: #fff !important; }

.white_b {
  background-color: #fff; }

.light_grey_b {
  background-color: #e5e4e4; }

.dark_grey {
  color: #666; }

.back-arrow {
  font-size: 22px;
  color: #999; }

.medium-size {
  font-size: 18px;
  color: #999; }

label {
  font-size: 13px; }

.light_grey_f {
  color: #999; }

.lighter_grey_f {
  color: #eee; }

.this-row:hover {
  background-color: #d5dce3;
  color: #666; }

.finance-table input:hover {
  cursor: pointer; }

.tiny-space-left {
  padding-left: 3px; }

.modal-height {
  height: 600px;
  overflow-y: scroll; }

.padding {
  padding: 10px; }

.medium-icon {
  font-size: 20px !important;
  color: #a3c4dc; }

.logo-font {
  font-family: 'Baloo Paaji', cursive; }

.medium-icon-padding {
  padding: 8.9px;
  color: #ccc;
  position: static; }

.search-icon {
  padding: 7px;
  color: #999;
  position: static;
  font-size: 18px !important;
  font-weight: bolder; }

.upload-profile-image-icon {
  font-size: 20px !important;
  color: #666; }

.border-rad {
  border-radius: 3px !important; }

.tab-row {
  background-color: #f5f6f7;
  border-bottom: 1px #d8dada solid; }

.no-border {
  border-radius: 0px; }

.margin_auto {
  margin: auto; }

.border-bottom {
  border-bottom: 1px #eff0f0 solid; }

.font-medium {
  font-size: 18px !important; }

.pannel {
  background-color: #f8f8f8; }

.pannel2 {
  background-color: #f8f8f8;
  border-bottom: 1px #eee solid; }

.pannel3 {
  background-color: #e5edef;
  border-bottom: 1px #eee solid; }

.green-dot {
  height: 8px;
  width: 8px;
  background-color: #00cc00;
  border: 1px #339900 solid;
  border-radius: 50%; }

.icon-margin-left {
  margin-left: 4px; }

.success-icon {
  padding: 4px;
  border-radius: 10px;
  background-color: #339900;
  color: #fff; }

.success-icon2 {
  padding: 4px;
  border-radius: 10px;
  background-color: #4ea3c9;
  color: #fff; }

.success-icon3 {
  padding: 4px;
  border-radius: 10px;
  background-color: #ccc;
  color: #fff; }

.success-icon4 {
  padding: 3px;
  border-radius: 10px;
  background-color: #4ea3c9;
  color: #fff;
  font-size: 9px !important; }

.success-icon5 {
  padding: 6px;
  border-radius: 10px;
  background-color: #d4b79b;
  color: #fff;
  font-size: 9px !important; }

.success-icon-half {
  padding: 0.5px;
  padding-top: 2px;
  border-radius: 10px;
  background-color: #fff;
  color: #4ea3c9; }

.remove-icon {
  padding: 4px;
  border-radius: 10px;
  background-color: #cc0000;
  color: #fff; }

.warning-icon {
  padding: 4px;
  border-radius: 10px;
  background-color: #d4b79b;
  color: #fff; }

.full-width {
  width: 100% !important; }

.small-font {
  font-size: 12px !important; }

.smaller-font {
  font-size: 11px !important; }

.loading-image {
  height: 48px; }

.icon_margin {
  margin-left: 12px; }

.icon_margin-2 {
  margin-left: 12px; }

.icon-size-2 {
  font-size: 14px !important; }

.margin_right_large_small {
  margin-right: 23px; }

@media screen and (max-width: 39.9375em) {
  .but-set {
    width: 100%; }

  .mobile-no-border-bottom {
    border-bottom: 0px !important; }

  .margin_right_large_small {
    margin-right: 0px; } }
.alert-custom {
  padding: 15px;
  margin-bottom: 20px;
  border-color: #faebcc !important;
  border: 1px solid transparent;
  border-radius: 4px; }

/** tabs */
.tabs-content.vertical {
  border: none !important; }

.tabs a {
  font-size: 12px !important;
  color: #666; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background-color: #3b8ca8 !important;
  color: #fff !important;
  text-decoration: none !important; }

.margin_top_for_large {
  margin-top: 20px; }

.tabs-title > a {
  display: block;
  padding: 2rem 2.1rem;
  line-height: 1;
  font-size: 0.75rem;
  text-decoration: none !important; }

@media screen and (max-width: 63.9375em) {
  .margin_top_for_large {
    margin-top: 0px; }

  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 0.75rem; } }
.les_logo {
  color: #fdfdfd;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 15px; }

.log_pic {
  width: 58px; }

@media screen and (max-width: 39.9375em) {
  .log_pic {
    width: 50px; } }
.demo_pic {
  background-image: url(/images/trans_hand.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
  color: #fff;
  opacity: 0.9;
  top: 0;
  overflow: visible !important; }

@media screen and (max-width: 39.9375em) {
  .demo_pic {
    height: 450px; } }
.demo_top_text {
  position: absolute;
  background: none;
  z-index: 100;
  color: #fff;
  top: 20%;
  left: 65%; }

@media screen and (max-width: 39.9375em) {
  .demo_top_text {
    top: 15%;
    left: 16%; } }
.demo_clock {
  position: absolute;
  background: none;
  z-index: 100;
  top: 30%;
  right: 20%; }

.clockback {
  background-image: url(/myclock/img/vignette.png);
  height: 130px;
  width: 130px;
  border-radius: 50%;
  padding: 4px;
  border: #ccc 1px solid;
  background-size: cover; }

@media screen and (max-width: 39.9375em) {
  .demo_pic {
    opacity: 1; } }
.mobile-menu2 {
  background-color: #f6f5f6 !important;
  padding: 3px;
  border-radius: 3px;
  font-size: 16px;
  margin: 8px; }

/* MENU */
.left_menu_links {
  text-align: right;
  font-size: 12px;
  text-decoration: none;
  background-color: #fcfcfc;
  color: #8a8a8a;
  border-bottom: 1px #e9eaea solid;
  border-right: 1px #e0dfdf solid;
  font-family: Arial, Helvetica, sans-serif; }

.mobile-menu {
  font-size: 20px; }

.mobile-menu-holder {
  border-bottom: 1px #e0dfdf solid;
  padding: 8px;
  display: none; }

@media screen and (max-width: 63.9375em) {
  .left_menu_links {
    text-align: left; }

  .menu > li > a {
    padding: 1.7rem 1rem; }

  .icon_margin {
    float: left;
    margin-right: 16px; }

  .icon-size-2 {
    float: left;
    margin-right: 16px !important; }

  .left-menu {
    display: none; }

  .mobile-menu-holder {
    display: block; } }
.left_menu_links:hover {
  background-color: #e5e4e4;
  color: #666; }

.logout_link {
  color: #fff;
  margin-top: 6px;
  padding: 5px 8px !important; }

.logout_link:hover {
  color: #ccc; }

.active_side_link {
  background-color: #2f8ba5;
  color: #fff; }

.active_side_link2 {
  background-color: #007EA5;
  color: #fff; }

.member_list li:hover {
  background-color: #007EA5;
  color: #fff; }

.footer_links ul li a {
  color: #666; }

.icon-size {
  font-size: 18px !important; }

.bac_color {
  background-color: #f5f7fa; }

.terms_menu {
  position: fixed;
  z-index: 5000;
  top: 32%;
  left: 2%;
  height: 400px;
  overflow-y: scroll;
  padding-right: 5px; }

.highlited {
  color: #fff !important;
  background-color: #3b8ca8 !important; }

.back_highlite {
  background-color: #fcfcf6; }

@media screen and (max-width: 39.9375em) {
  .terms div {
    text-align: justify; }

  .header_back_arrow {
    display: none; } }
.text_jusify {
  text-align: justify; }

/*SIDE BAR*/
.announcement_box {
  min-height: 300px; }

.announcement_box h4 {
  font-weight: bold;
  font-size: 15px;
  color: #8a8a8a; }

.calender_box {
  width: 100%;
  display: inline-block;
  padding-bottom: 6px; }

@media screen and (max-width: 39.9375em) {
  .calender_box {
    width: 100%; } }
/* FOOTER */
footer {
  height: 50px;
  font-size: 12px;
  padding: 10px; }

.menu-centered {
  margin: auto;
  min-height: 40px;
  padding: 10px;
  margin-top: 100px;
  border-radius: 5px;
  width: 100%; }

/* CONTENT */
.welcome-text {
  color: #edeeee;
  font-weight: 700;
  text-shadow: 2px 2px 1px #333; }

.content {
  min-height: 400px;
  padding-bottom: 40px;
  padding-top: 11.5px;
  padding-left: 20px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden; }

.header_back_arrow {
  color: #3399ff; }

.content div {
  max-width: 800px; }

.content hr {
  max-width: 800px; }

.content hr:first-of-type {
  max-width: 100%; }

@media screen and (max-width: 59.9375em) {
  .content {
    padding-left: 5px; } }
/* profile*/
.profile div {
  max-width: none; }

.profile_image {
  width: 80px;
  height: 80px;
  padding: 15px;
  margin-top: 20px; }

.profile-img-card {
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.profile-img-tenant-bar {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.profile-img-card-reply {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.profile-img-card-2 {
  width: 130px;
  height: 130px;
  margin: 10px;
  margin-left: 0px;
  display: block; }

.profile_glyphycon {
  font-size: 50px;
  color: #999;
  margin-bottom: 12px; }

.edit-field-holer {
  margin: auto;
  min-height: 80px;
  padding: 10px;
  display: none; }

.edit-field-holer input {
  min-height: 30px; }

.edit-field-holer a {
  width: 100%;
  background-color: #007EA5;
  font-size: 12px; }

.edit_holder {
  padding-bottom: 15px;
  padding-top: 20px;
  border-bottom: 1px #e7e3e3 solid; }

.edit_holder b {
  font-size: 12px; }

.edit-text {
  font-size: 12px;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif; }

.accommodation-sum div {
  padding-top: 15px; }

.accommodation-sum {
  padding-bottom: 15px; }

.user-search-input {
  color: #999 !important; }

.warn_back {
  background-color: #fcf8e3 !important; }

.pannel4 {
  background-color: #fcfcfc; }

/* MESSAGES */
.message-settings {
  color: #999;
  font-size: 11px;
  margin-left: 2px; }

@media screen and (max-width: 39.9375em) {
  .messages-dropdown {
    padding-top: 8px; } }
.message_image {
  width: 60px;
  height: 60px;
  padding: 6px;
  margin-top: 20px; }

.message_user {
  margin-top: 30px;
  margin-left: 12px; }

.message_timeago {
  color: #999; }

.change_links li:first-of-type {
  font-size: 13px;
  background-color: #337ab7;
  border-bottom: 1px #e5e4e4 solid;
  color: #fff;
  padding: 6px; }

.change_links a {
  font-size: 15px;
  background-color: #EBEBEB;
  border-bottom: 1px #e5e4e4 solid;
  color: #999; }

.change_links a:hover {
  text-decoration: none; }

.select_user {
  width: 100%; }

.filter_messages {
  width: 150px;
  height: 30px;
  margin-bottom: 15px; }

.filter_messages2 {
  width: 200px !important;
  height: 30px !important;
  margin-bottom: 15px !important; }

@media screen and (max-width: 39.9375em) {
  .input-expand {
    height: 41px !important; } }
.select-user {
  width: 100% !important; }

.select2 {
  width: 100% !important; }

.filter_tens .select2 {
  width: 200px !important;
  float: right; }

.select2-selection {
  width: 100%  !important;
  border-radius: 0px !important; }

.chatlist {
  width: 100%;
  height: 600px;
  margin-left: 10px; }

.mousescroll {
  overflow: hidden;
  overflow-y: scroll; }

mousescroll:hover {
  overflow-y: scroll; }

ul {
  list-style-type: none; }

.slimScrollDiv {
  margin: 10px; }

.chat_textarea {
  border-radius: 0px;
  min-height: 58px !important;
  font-size: 12px;
  border: none !important; }

.chat_textarea-holer {
  background-color: #dee4ea;
  padding: 8px;
  max-width: 800px;
  margin-left: 10px; }

.see-more {
  display: none; }

@media screen and (max-width: 39.9375em) {
  .filter_messages {
    width: 100% !important; }

  .filter_messages2 {
    width: 100% !important; }

  .balance {
    padding-bottom: 10px; }

  .change_links {
    margin-bottom: 10px; }

  .chat_textarea-holer {
    margin-left: 0px; }

  .mousescroll {
    overflow: visible;
    overflow-y: visible; }

  .chatlist {
    height: inherit;
    min-height: 600px;
    margin-left: 10px; }

  .chat_textarea {
    min-height: 59px !important; } }
.message_number {
  border-radius: 2px;
  background-color: #EA6565;
  color: #fff;
  padding: 3px;
  margin-left: 4px;
  min-width: 15px;
  height: 15px;
  margin-bottom: 3px;
  font-size: 9px !important; }

.manage_message_hr {
  margin-bottom: 48px !important; }

.list_scroll {
  overflow-y: scroll !important;
  max-height: 290px; }

.message_holder {
  overflow-y: scroll !important;
  height: 360px;
  background-color: #ffff;
  position: relative; }

@media screen and (max-width: 39.9375em) {
  .message_holder {
    background-color: #fefefe; } }
.messages_list_all {
  background-color: #fff;
  padding-left: 3px;
  padding-right: 3px; }

.message_holder_query {
  overflow-y: scroll !important;
  height: 360px; }

@media screen and (max-width: 39.9375em) {
  .message_holder {
    height: 82vh; }

  .no_message {
    height: 79vh; }

  .message_holder_query {
    height: 79vh; } }
.message_holder h4 {
  font-size: 16px; }

.send_message_button {
  padding: 18px;
  width: 100%; }

.member_list {
  margin: 0px !important;
  height: 428px;
  overflow-y: scroll; }

@media screen and (max-width: 1022px) {
  .member_list {
    height: inherit;
    min-height: 420px; } }
.member_list li {
  width: 100% !important;
  cursor: pointer;
  font-size: 12px !important;
  border-bottom: 1px #e0dfdf solid;
  position: relative; }

.member_list li:first-of-type {
  border-top: 1px #e0dfdf solid;
  border-bottom: 1px #e0dfdf solid; }

.member_list li:last-of-type {
  border-bottom: none; }

.icon-light-blue {
  color: #dedeea !important; }

.unread-message {
  background-color: #e1edea; }

.number_of_messages {
  height: 30px;
  width: 30px;
  background-color: #EA6565;
  padding: 6px;
  position: absolute;
  top: 25%;
  right: 10%;
  color: #fff !important;
  text-align: center;
  border-radius: 50%; }

.message_received {
  height: 20px !important;
  width: 20px !important;
  background-color: #fa3e3e;
  padding: 2px;
  color: #fff;
  text-align: center;
  border-radius: 50%; }

.medium-font {
  font-size: 15px !important; }

.button {
  display: inline-block;
  /* Inline elements with width and height. TL;DR they make the icon buttons stack from left-to-right instead of top-to-bottom */
  position: relative;
  /* All 'absolute'ly positioned elements are relative to this one */
  padding: 2px 5px;
  /* Add some padding so it looks nice */ }

/* Make the badge float in the top right corner of the button */
.button__badge {
  background-color: #fa3e3e;
  border-radius: 2px;
  padding: 2px 3px;
  font-size: 10px;
  position: absolute;
  /* Position the badge within the relatively positioned button */
  top: -4px;
  right: 0; }

.main_color {
  background-color: #3b8ca8 !important; }

.new_mess {
  padding: 10px;
  background-color: #EA6565;
  color: #fff;
  position: absolute;
  top: 30%;
  left: 34%;
  z-index: 3000;
  display: none; }

/* FINANCE*/
.finance-tab {
  margin-bottom: 50px;
  padding: 0px !important; }

.finance {
  padding-top: 55px; }

.nav-tabs li a {
  color: #666; }

.finance_row div {
  border-bottom: none;
  padding: 2px; }

@media screen and (max-width: 39.9375em) {
  .finance_header div {
    padding: 16px; }

  .finance-tab-links:first-child {
    width: 100% !important;
    border-bottom: 1px #e5e4e4 solid;
    border-top: 1px #e5e4e4 solid;
    padding: 0px;
    border-radius: 0px !important; }

  .finance-tab-links:last-child {
    width: 100% !important;
    border: none;
    padding: 0px;
    border-radius: 0px !important; }

  .finance-tab-links {
    width: 100% !important;
    border-bottom: 1px #e5e4e4 solid;
    padding: 0px;
    border-radius: 0px !important; }

  .inner-finance-tab-links {
    border: none !important;
    border-radius: 0px !important;
    width: 98%;
    float: right; }

  .active {
    background-color: #a3c4dc; } }
.filter_results_bydate {
  margin: auto; }

.filter_results_bymonth {
  width: 280px;
  margin: auto;
  padding: 16px; }

.filter_results_bymonth select {
  width: 100%;
  margin: auto; }

.tenants-finance-bar {
  min-height: 50px;
  margin-bottom: 8px;
  padding: 5px; }

.finance-user {
  padding: 10px;
  background-color: #ccc;
  color: #fff;
  font-size: 20px;
  border-color: #999; }

.finance-data-holder {
  display: none;
  font-size: 12px !important; }

.glyphicon-menu-up {
  display: none; }

.address {
  text-align: center; }

.user-finance-padding {
  padding: 10px; }

.finance-search input {
  max-width: 200px !important; }

.finance-search label {
  color: #666;
  max-width: 300px !important;
  font-weight: normal; }

.tenants-finance-bar {
  padding-top: 5px; }

.edit-finance-links {
  text-align: left;
  font-size: 13px;
  text-decoration: none;
  background-color: #f4f5f5;
  color: #8a8a8a;
  border-bottom: 1px #e0dfdf solid;
  border-right: 1px #e0dfdf solid;
  font-family: Arial, Helvetica, sans-serif; }

.edit-finance-links:hover {
  background-color: #d5dce3;
  color: #fff; }

.modify-row {
  padding: 7px;
  background-color: #f4f4f4;
  color: #666; }

.modify-row:hover {
  background-color: #d5dce3;
  color: #666; }

.finance-checkbox {
  width: 15px;
  top: 0px !important;
  margin: -6px 0 0 !important; }

@media screen and (max-width: 39.9375em) {
  .filter_results_bymonth {
    width: 100%; }

  .filter_results_bydate {
    width: 100%; }

  .finance-search input {
    max-width: 100%; }

  .finance-search label {
    max-width: 100%; }

  .filter-by-text {
    color: #fff; }

  .modify-row {
    padding: 10px; } }
.ui-widget-header {
  background-color: #007EA5 !important;
  color: #fff !important;
  border: none !important; }

.ui-icon-circle-triangle-e {
  color: #fff !important; }

.ui-widget-header a {
  background-color: #fff !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 0px #fff solid !important;
  background-color: #fff !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:hover {
  border: 1px #fff solid !important;
  background-color: #fff !important; }

.confirm_pay {
  padding: 4px 8px 4px 8px;
  color: #fff;
  font-weight: bold;
  margin: 2px;
  border: 1px #eae5e6 solid !important; }

.rent_color {
  background-color: #a3c4dc; }

.elct_color {
  background-color: #cc0066; }

.water_color {
  background-color: #3399ff; }

@media screen and (max-width: 39.9375em) {
  .confirm_pay {
    padding: 7px 11px 7px 11px;
    color: #fff;
    font-weight: bold;
    margin: 2px; } }
.con_this_payment {
  font-weight: bold; }

/** NOTICE **/
.notice {
  width: 450px;
  margin-left: 50px; }

.notice textarea {
  max-width: 450px;
  margin-bottom: 16px; }

.notice a {
  font-size: 13px; }

@media screen and (max-width: 39.9375em) {
  .notice {
    width: 100%;
    margin-left: 0px;
    margin: 5px; }

  .notice textarea {
    max-width: 100%;
    margin-bottom: 16px; } }
.chat_image {
  width: 60px;
  height: 60px;
  padding: 6px;
  margin-top: 20px; }

/** DOCUMENT **/
.document {
  width: 500px;
  margin-left: 50px;
  margin-top: 30px; }

@media screen and (max-width: 39.9375em) {
  .document {
    width: 100%;
    margin-left: 0px; } }
/** Map location **/
.location_frame {
  width: 100%;
  height: 600px; }

/** Schedule **/
.fc-center h2 {
  font-size: 18px; }

/** Anouncement */
.announce-but {
  margin-bottom: 20px; }

.cog-settings {
  color: #999;
  padding-top: 1px; }

.cog-settings:hover {
  color: #000; }

.dropdown-menu {
  font-size: 12px !important; }

.dropdown-menu li:hover {
  background-color: #007EA !important; }

.side_box {
  font-size: 12px !important; }

/** Contacts */
.box-b {
  background-color: #e9eff1;
  color: #999; }

.jumbotron {
  background: #007EA5;
  color: #FFF;
  border-radius: 0px; }

.jumbotron-sm {
  padding-top: 24px;
  padding-bottom: 24px; }

.jumbotron small {
  color: #FFF; }

.h1 small {
  font-size: 24px; }

/** settings **/
.set-boxes {
  max-width: 500px !important;
  margin: 0 auto !important; }

.setting-holder {
  margin: auto;
  min-height: 80px;
  padding: 10px;
  display: none; }

.setting-holder input {
  min-height: 30px; }

.setting-holder a {
  font-size: 12px; }

@media screen and (max-width: 63.9375em) {
  .pannel_small {
    background-color: #f8f8f8;
    padding: 0px; } }
/** Admins */
.add_admin_input {
  width: 100% !important; }

.add-admin-button {
  padding: 7.8px;
  color: #fff;
  position: static; }

.add-prop-button {
  padding: 9.4px;
  color: #fff;
  position: static; }

.admin_scroll {
  margin: 0px !important;
  max-height: 428px; }

@media screen and (max-width: 39.9375em) {
  .sub_button {
    width: 100%; }

  .sub_button1 {
    width: 100%; }

  .admin_scroll {
    height: 428px; } }
.set_properties_holder {
  height: 200px;
  width: 100%;
  overflow-y: scroll; }

@media screen and (max-width: 39.9375em) {
  .set_properties_holder {
    height: inherit;
    max-height: 300px; } }
/** Page */
.page_not_found {
  width: 500px;
  height: 100%;
  margin: auto;
  padding-top: 100px;
  padding-left: 10px; }

@media screen and (max-width: 39.9375em) {
  .page_not_found {
    width: 100%;
    height: 100%;
    margin: auto;
    padding-top: 100px;
    padding-left: 10px; } }
/**News feed */
.vas {
  float: left;
  padding: 10px;
  height: 400px;
  overflow-y: scroll;
  background-color: #f8f8f8;
  border: 1px #e0dfdf solid;
  margin-bottom: 4px;
  font-size: 12px; }

.title-head {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  background: #3b8ca8 !important;
  background: -moz-linear-gradient(top, #3b8ca8 0%, #007EA5 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #284d72), color-stop(100%, #007EA5)) !important;
  background: -webkit-linear-gradient(top, #3b8ca8 0%, #007EA5 100%) !important;
  background: -o-linear-gradient(top, #3b8ca8 0%, #007EA5 100%) !important;
  background: -ms-linear-gradient(top, #3b8ca8 0%, #007EA5 100%) !important;
  background: linear-gradient(top, #3b8ca8 0%, #007EA5 100%) !important;
  border-bottom: 1px solid #007194 !important;
  color: #fff;
  border-radius: 3px;
  padding: 5px; }

.feeds-links {
  text-align: left;
  padding: 5px; }

.news {
  background-color: #ff0000;
  color: #fff;
  padding: 2px;
  border-radius: 2px; }

/** chat **/
.chat {
  list-style: none;
  margin: 0;
  padding: 0; }

.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #B3A9A9; }

.chat li.left .chat-body {
  margin-left: 60px; }

.chat li.right .chat-body {
  margin-right: 60px; }

.chat li .chat-body p {
  margin: 0;
  color: #777777; }

.panel .slidedown .glyphicon, .chat .glyphicon {
  margin-right: 5px; }

.panel-heading {
  background-color: #007EA5 !important;
  color: #fff !important; }

.panel {
  border: 0px #fff solid !important; }



 
.replies {
  display: none;
  border-radius: 3px !important;
  border: 1px #e0e1e1  solid;
  margin-bottom: 6px; }

.replies hr {
  border-color: #e0e1e1; }

.reply_textarea {
  min-height: 50px !important;
  margin: 2px;
  margin-bottom: 4px; }

/** weather */
.lt-950 div.aw-widget-36hour-inner div.aw-widget-content div.aw-header a.aw-get-this-widget {
  display: none !important; }

.lt-950 div.aw-widget-36hour-inner a.aw-arrow {
  display: none !important; }

@media screen and (max-width: 39.9375em) {
  .weather-field {
    height: 1000px !important;
    overflow: hidden !important; } }
.gte-950 div.aw-widget-36hour-inner div.aw-more-block, .lt-950 div.aw-widget-36hour-inner div.aw-more-block {
  display: none; }

#link_get_widget {
  display: none !important; }

#link_arrow_right {
  display: none !important; }

.aw-six-hours {
  width: 100% !important; }

.aw-six-hours-inner {
  background-color: #f1eeee !important; }

/***help***/
.help-bar {
  height: 36px;
  border-bottom: 1px #eee solid;
  border-top: 2px #666 solid;
  margin-bottom: 24px;
  margin-left: 10px;
  padding: 7px; }

@media only screen and (max-width: 1022px) {
  .help-bar {
    margin-left: 0px;
    border-radius: 4px; } }
.refresh-but {
  padding-top: 12px;
  padding-left: 10px; }

.refresh-but-mob {
  padding-top: 5px;
  padding-right: 5px; }

.section-readmore {
  color: #cccccc;
  background-color: #fff;
  border-radius: 50%; }

.section-readmore-mob {
  padding-top: 2px;
  color: #dedeea;
  background-color: #fff;
  border-radius: 50%;
  padding-top: 5px;
  padding-right: 5px; }

/** slider **/
.bs-slider {
  overflow: hidden;
  max-height: 700px;
  position: relative;
  background: #000000; }

.bs-slider:hover {
  cursor: -moz-grab;
  cursor: -webkit-grab; }

.bs-slider:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

.bs-slider .bs-slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }

.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
  margin: auto;
  width: 100% !important; }

/********************
*****Slide effect
**********************/
#slideshow {
  position: relative;
  min-width: 320px;
  height: 520px;
  padding: 3px;
  padding-left: 10px; }

#slideshow > div {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 10px;
  bottom: 10px; }

.fade {
  opacity: 1; }

.fade .item {
  top: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: 0 !important;
  display: block !important;
  -webkit-transition: opacity ease-in-out 1s;
  -moz-transition: opacity ease-in-out 1s;
  -ms-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s; }

.fade .item:first-child {
  top: auto;
  position: relative; }

.fade .item.active {
  opacity: 1;
  z-index: 2;
  -webkit-transition: opacity ease-in-out 1s;
  -moz-transition: opacity ease-in-out 1s;
  -ms-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s; }

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
  top: 47%;
  opacity: 0;
  width: 45px;
  height: 45px;
  z-index: 100;
  color: #ffffff;
  display: block;
  font-size: 24px;
  cursor: pointer;
  overflow: hidden;
  line-height: 43px;
  text-shadow: none;
  position: absolute;
  font-weight: normal;
  background: transparent;
  -webkit-border-radius: 100px;
  border-radius: 100px; }

.control-round:hover .carousel-control {
  opacity: 1; }

.control-round .carousel-control.left {
  left: 1%; }

.control-round .carousel-control.right {
  right: 1%; }

.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover {
  color: #fdfdfd;
  background: rgba(0, 0, 0, 0.5);
  border: 0px transparent; }

.control-round .carousel-control.left > span:nth-child(1) {
  left: 45%; }

.control-round .carousel-control.right > span:nth-child(1) {
  right: 45%; }

/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators {
  right: 45%;
  bottom: 3%;
  left: auto;
  width: 90%;
  height: 20px;
  font-size: 0;
  overflow-x: auto;
  text-align: right;
  overflow-y: hidden;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  white-space: nowrap; }

.indicators-line > .carousel-indicators li {
  padding: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #9e9e9e;
  text-indent: 0;
  overflow: hidden;
  text-align: left;
  position: relative;
  letter-spacing: 1px;
  background: #9e9e9e;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  z-index: 10;
  cursor: pointer; }

.indicators-line > .carousel-indicators li:last-child {
  margin-right: 0; }

.indicators-line > .carousel-indicators .active {
  margin: 1px 5px 1px 1px;
  box-shadow: 0 0 0 2px #fff;
  background-color: transparent;
  position: relative;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

.indicators-line > .carousel-indicators .active:before {
  transform: scale(0.5);
  background-color: #fff;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
  text-align: left !important; }

.slide_style_right {
  text-align: right !important; }

.slide_style_center {
  text-align: center !important; }

.slide-text {
  left: 0;
  top: 25%;
  right: 0;
  margin: auto;
  padding: 10px;
  position: absolute;
  text-align: left;
  padding: 10px 85px; }

.slide-text > h1 {
  padding: 0;
  color: #ffffff;
  font-size: 70px;
  font-style: normal;
  line-height: 84px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  display: inline-block;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.slide-text > p {
  padding: 0;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 40px;
  letter-spacing: 1px;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s; }

.slide-text > a.btn-default {
  color: #000;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  margin-right: 10px;
  text-align: center;
  padding: 17px 30px;
  white-space: nowrap;
  letter-spacing: 1px;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }

.slide-text > a.btn-primary {
  color: #ffffff;
  cursor: pointer;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  margin-left: 10px;
  text-align: center;
  padding: 17px 30px;
  white-space: nowrap;
  letter-spacing: 1px;
  background: #00bfff;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }

.slide-text > a:hover,
.slide-text > a:active {
  color: #ffffff;
  background: #222222;
  -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, color 0.5s ease-in-out; }

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width: 991px) {
  .slide-text h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px; }

  .slide-text > p {
    font-size: 18px; } }
/*---------- MEDIA 480px ----------*/
@media (max-width: 768px) {
  .slide-text {
    padding: 10px 50px; }

  .slide-text h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px; }

  .slide-text > p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px; }

  .control-round .carousel-control {
    display: none; } }
@media (max-width: 480px) {
  .slide-text {
    padding: 10px 30px; }

  .slide-text h1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 5px; }

  .slide-text > p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px; }

  .slide-text > a.btn-default,
  .slide-text > a.btn-primary {
    font-size: 10px;
    line-height: 10px;
    margin-right: 10px;
    text-align: center;
    padding: 10px 15px; }

  .indicators-line > .carousel-indicators {
    display: none; } }
.units_holder {
  max-height: 620px;
  overflow-y: scroll; }

.property_icon {
  font-size: 25px !important; }

.add_to_prop {
  padding: 10px; }

.add_to_prop_text {
  padding: 10px;
  padding-left: 0px; }

/** Login-register */
.login-form {
  margin: auto;
  max-width: 500px;
  min-height: 400px; }

.this-buttons {
  padding: 7px;
  border: 2px #ccc solid;
  min-width: 90px; }

.login-page {
  padding-top: 100px;
  padding-bottom: 100px;
  height: 100%; }

.login-icon {
  font-size: 50px;
  padding: 15px;
  border-radius: 50%;
  background-color: #cad5e1;
  color: #fff; }

.login-input {
  height: 41px !important;
  margin-bottom: 0px;
  border-radius: 2px !important; }

.padding-left {
  padding-left: 6px; }

.pass-div {
  float: right;
  font-size: 80%;
  position: relative;
  top: -10px; }

.go_regbox {
  border-top: 1px solid #cacaca;
  padding-top: 15px;
  font-size: 85%; }

.input-holders {
  margin-bottom: 25px; }

.loginbox {
  margin-top: 50px; }

.login-register-box {
  background-color: #faf9f9 !important; }

.panel-heading {
  border-color: #dce0e4 !important; }

.rebox_bottom {
  background-color: #dce0e4; }

.rememberme_box {
  width: 13px;
  height: 13px !important; }

.rememberme_box_text {
  margin-bottom: 10px; }

/*# sourceMappingURL=style.css.map */