/* ========================================================================================
Written by: Ashtonio Walsh
Written for: PropExpert
Date: 21/02/2019
Theme Used: Limitless

    PropExpert Swatch Colors:
    Green (primary) : #5bc24c
    Dark Blue : #131d30
    Green (secondary) : #8ec640

Accompanying colours:
    Grey : #404041
    White : #ffffff
    Black : #000000

Notes: 
    - xxxxxxx
======================================================================================== */
@import url("https://fonts.googleapis.com/css?family=Lora|Montserrat:400,500,700&display=swap");
/* Main Colours */
/* Accompanying Colours */
/* Margins */
/* Padding */
/* Table widths */
/* Reset */
*, html {
  font-family: "Montserrat", sans-serif;
}

body {
  color: #57667E;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

/* Text Styling */
.form__label--italics {
  font-style: italic;
}

.word_wrap--break_word {
  word-wrap: break-word;
}

.tbl-href {
  text-decoration: underline;
}

.bor-t-none {
  border-top: none !important;
}

.bor-rad200 {
  border-radius: 200px;
}

/* Navigation */
.pe-green-grad45 .navbar {
  background: linear-gradient(to right, #5BC24C, #258039) !important;
}
.pe-green-grad45 #navbar-second {
  padding-top: 15px;
}

.bg-grad-switch-02 .navbar.prop-custom {
  background: linear-gradient(to right, #5BC24C, #258039) !important;
}

.pt8 {
  padding-top: 8px !important;
}

/* Tables */
table tr th {
  font-weight: bold;
  color: #131d30;
}

/* Placement */
.v-align-m,
.media-body.v-align-m {
  vertical-align: middle;
}

/* Buttons */
/*.btn-panel-head-01 {
    position: absolute;
    right: 15px;
    top: 15px;
}*/
#Payment_Upload-select .icon-object.manual_active:active, #Payment_Upload-select .icon-object.auto_active:active {
  color: #70ca63 !important;
  border-color: #70ca63;
}

/* Misc Styling */
.display-flex {
  display: flex;
}

.lh2 {
  line-height: 2;
}

.no-visibility {
  visibility: hidden;
}

.fix250 {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
}

.navbar.navbar-fixed-bottom.footer {
  position: inherit;
}

body.bg-prop_body .page-container {
  min-height: 100vh !important;
}

.badge_transactions {
  margin-left: 20px;
}

.border_active_success {
  border-color: #70ca63;
  border-style: solid;
  border-width: 1px;
}

/* Dashboard */
#Table_and_widgets table > tbody td {
  word-wrap: break-word;
}
#Table_and_widgets .panel.panel-body:hover {
  z-index: 2;
  -webkit-transition: all 200ms ease;
  -webkit-transform: scale(1.1);
  -ms-transition: all 200ms ease;
  -ms-transform: scale(1.1);
  -moz-transition: all 200ms ease;
  -moz-transform: scale(1.1);
  transition: all 250ms ease;
  transform: scale(1.1);
  transform: translateX(-13px);
  overflow: hidden;
  cursor: pointer;
}
#Table_and_widgets .panel.panel-body.bg-widget-dash {
  border: none;
  color: #fff;
  background-size: cover;
  background-blend-mode: multiply;
  background: #131d30;
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.52)), url(/img/bg/px-newbg-02-50.jpg);
  background: linear-gradient(-45deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.52)), url(/img/bg/px-newbg-02-50.jpg);
  background-position-y: bottom;
  background-position-x: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  border-bottom-right-radius: 200px;
  border-top-right-radius: 200px;
  padding: 15px;
  /*&:nth-child(1) {
      background: #ED213A;
      background: -webkit-linear-gradient(to right, #93291E, #ED213A);
      background: linear-gradient(to right, #93291E, #ED213A);
  }

  &:nth-child(2) {
      background: #0d2435;
      background: -webkit-linear-gradient(to right, #0575E6, #0d2435);
      background: linear-gradient(to right, #0575E6, #0d2435);
  }

  &:nth-child(3) {
      background: #0d2435;
      background: -webkit-linear-gradient(to right, #0f9b0f, #0d2435);
      background: linear-gradient(to right, #0f9b0f, #0d2435);
  }*/
}
#Table_and_widgets .panel.panel-body.bg-widget-dash i {
  color: #ffffff !important;
}

/* Perform Bulk Payments */
#PerformBulkPayment #dv_tenantSearch .empty-message {
  padding: 5px 10px;
  text-align: center;
}

#tblAutoPayments .tbl_input_wrapper {
  background-color: transparent;
}
#tblAutoPayments .tbl_input_wrapper input::placeholder {
  color: #999999;
  font-style: italic;
}
#tblAutoPayments .tbl_input_wrapper input, #tblAutoPayments .tbl_input_wrapper select {
  width: 100%;
  background-color: transparent;
  border: none #FFFFFF;
  transform: translateY(10%);
}
#tblAutoPayments .tbl_input_wrapper #dv_tenantSearch .twitter-typeahead .tt-dropdown-menu {
  position: static !important;
  max-height: 150px;
  overflow-y: auto;
}
#tblAutoPayments .tbl_input_wrapper.custom_new_input input {
  color: #70ca63;
  font-weight: bold;
}
#tblAutoPayments tr.transaction-exist {
  border-left: 6px solid #F44336;
}
#tblAutoPayments tr.transaction-exist td {
  text-decoration: line-through;
  color: #F44336;
}

/* Perform Bulk Invoicing */
#PerformBulkInvoicing #tblInvoices {
  border: 1px solid #ddd;
}
#PerformBulkInvoicing #tblInvoices tbody > tr > td.filter-style {
  color: #70ca63;
  font-style: italic;
  font-size: 16px;
  font-weight: 600;
}
#PerformBulkInvoicing .charges-details > td.bor-t-none {
  border-top: none;
}
#PerformBulkInvoicing #filteringInvoices .form-group.inline-block-w40perc input.datepicker {
  max-width: 200px;
  min-width: 200px;
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #PerformBulkInvoicing #filteringInvoices .form-group.pull-right {
    float: left !important;
  }
  #Table_and_widgets .panel.panel-body:hover {
    box-shadow: 7px 17px 22px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transform: scale(1);
  }
}
/*@media only screen and (max-width : 553px) {
    #Payment_Upload-select {

    }
}*/
#registration-main-wrapper {
  background-size: cover;
  background-blend-mode: multiply;
  background: #283c86;
  background: linear-gradient(-45deg, rgba(69, 162, 71, 0.3), rgba(40, 60, 134, 0.3)), url(/img/bg/px-newbg-02-50.jpg);
  background-position-y: 0%, 0%;
  background-position-y: center;
  /*.stepy-basic {
      .btn {
          &.button-next,
          &.button-back,
          &.stepy-finish {
              border-radius: 1000px;
              min-width: 120px;
          }
      }
  }*/
}
#registration-main-wrapper svg#px-logo-signup {
  max-width: 200px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#registration-main-wrapper svg#px-logo-signup .cls-1 {
  fill: #fff;
}
#registration-main-wrapper svg#px-logo-signup .cls-2 {
  fill: #5bc24c;
}
#registration-main-wrapper svg#px-logo-signup .cls-3 {
  fill: #283655;
}
#registration-main-wrapper svg#px-logo-signup .cls-4 {
  fill: url(#New_Gradient_Swatch_1);
}
#registration-main-wrapper svg#px-logo-signup .cls-5 {
  fill: url(#New_Gradient_Swatch_1-2);
}
#registration-main-wrapper svg#px-logo-signup .cls-6 {
  fill: url(#linear-gradient);
}
#registration-main-wrapper .px-intro-text {
  margin-top: 25px;
}
#registration-main-wrapper .px-intro-text h5 {
  color: #404041;
}
#registration-main-wrapper .px-form-content {
  padding-top: 15px;
  border-top: 1px dashed #e3e3e3;
}
#registration-main-wrapper .px-stepy-basic .btn.button-next, #registration-main-wrapper .px-stepy-basic .btn.button-back, #registration-main-wrapper .px-stepy-basic .btn.stepy-finish {
  border-radius: 1000px;
  min-width: 120px;
}
#registration-main-wrapper .stepy-header li.stepy-active div {
  color: #5BC24C;
  border: 2px solid #5BC24C;
}
#registration-main-wrapper .stepy-header li.stepy-active span {
  color: #5BC24C;
}
#registration-main-wrapper .stepy-step {
  padding-bottom: 0;
}
#registration-main-wrapper #px-signup-summary p {
  font-weight: 500;
  font-size: 1.2em;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0;
  min-height: 33px;
}
#registration-main-wrapper #px-signup-summary .content-divider span {
  font-weight: 500;
  font-size: 1.3em;
}

#px-main-login .login-logo svg#px-logo-login {
  max-width: 200px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#px-main-login .login-logo svg#px-logo-login .cls-1 {
  fill: #fff;
}
#px-main-login .login-logo svg#px-logo-login .cls-2 {
  fill: #5bc24c;
}
#px-main-login .login-logo svg#px-logo-login .cls-3 {
  fill: #283655;
}
#px-main-login .login-logo svg#px-logo-login .cls-4 {
  fill: url(#New_Gradient_Swatch_1);
}
#px-main-login .login-logo svg#px-logo-login .cls-5 {
  fill: url(#New_Gradient_Swatch_1-2);
}
#px-main-login .login-logo svg#px-logo-login .cls-6 {
  fill: url(#linear-gradient);
}
#px-main-login.panel {
  border-radius: 11px;
  border: none;
}
#px-main-login .btn {
  border-radius: 5px;
}

#px-switch-business .navbar-brand svg#px-logo-switch-business, #px-main-system-logo .navbar-brand svg#px-logo-switch-business {
  max-width: 250px;
  width: 100%;
  height: 100%;
}

.form-group {
  color: #57667E;
}
.form-group sub.form-error_msg {
  color: #F44336;
  letter-spacing: 0.07em;
  display: none;
}
.form-group sub.form-error_msg::before {
  content: "\ed4c";
  font-family: "icomoon";
  font-size: 12px;
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}