/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
#login h2 {
  color: #587361;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  margin-top: 22px;
  font-size: 14px;
}
#login p {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #6B7C71;
  font-size: 12px;
}
#login label {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #6B7C71;
}
#login .img-logo {
  margin-left: auto;
  margin-right: auto;
  width: 74%;
}
#login a {
  color: #153821;
}
#login a:hover {
  font-weight: 700;
}
#login .form-control:focus {
  border-color: #153821;
}
#login .form-check-input:focus {
  border-color: #153821;
}
#login .form-check-input:checked {
  background-color: #153821;
  border-color: #153821;
}
#login .btn-primary {
  border-color: #153821 !important;
  background-color: #153821 !important;
}
#login .btn-primary:hover {
  box-shadow: 0 8px 25px -8px #153821ad;
}
#login .auth-inner {
  width: 100%;
}

@media (min-width: 375px) {
  #login .img-logo {
    width: 63%;
  }
  #login h2 {
    font-size: 16px;
  }
}
@media (min-width: 425px) {
  #login h2 {
    font-size: 19px;
  }
}
@media (min-width: 768px) {
  #login h2 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #login h2 {
    font-size: 16px;
    line-height: 22px;
  }
  #login p {
    font-size: 14px;
    line-height: 21px;
  }
  #login label {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 1200px) {
  #login h2 {
    font-size: 20px;
    line-height: 22px;
  }
  #login p {
    font-size: 14px;
    line-height: 21px;
  }
  #login label {
    font-size: 12px;
    line-height: 18px;
  }
}
#register h2 {
  color: #153821;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  margin-top: 22px;
  font-size: 14px;
}
#register p {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #153821;
  font-size: 12px;
}
#register label {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #153821;
}
#register .img-logo {
  margin-left: auto;
  margin-right: auto;
  width: 74%;
}
#register a {
  color: #153821;
}
#register a:hover {
  font-weight: 700;
}
#register .form-control:focus {
  border-color: #153821;
}
#register .form-check-input:focus {
  border-color: #153821;
}
#register .form-check-input:checked {
  background-color: #153821;
  border-color: #153821;
}
#register .btn-primary {
  border-color: #153821 !important;
  background-color: #153821 !important;
}
#register .btn-primary:hover {
  box-shadow: 0 8px 25px -8px #153821ad;
}
#register .registe-image {
  margin-top: auto;
  margin-bottom: auto;
}
#register .auth-inner {
  padding-right: inherit;
}

@media (min-width: 576px) {
  #register .img-logo {
    width: 63%;
  }
  #register h2 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  #register h2 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #register h2 {
    font-size: 16px;
    line-height: 22px;
  }
  #register p {
    font-size: 14px;
    line-height: 21px;
  }
  #register label {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 1200px) {
  #register h2 {
    font-size: 20px;
    line-height: 22px;
  }
  #register p {
    font-size: 14px;
    line-height: 21px;
  }
  #register label {
    font-size: 12px;
    line-height: 18px;
  }
}
#recupera-senha h2 {
  color: #153821;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  margin-top: 22px;
  font-size: 14px;
}
#recupera-senha p {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #153821;
  font-size: 12px;
}
#recupera-senha label {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #153821;
}
#recupera-senha .img-logo {
  margin-left: auto;
  margin-right: auto;
  width: 74%;
}
#recupera-senha a {
  color: #153821;
  font-weight: 500;
}
#recupera-senha a:hover {
  font-weight: 700;
}
#recupera-senha .form-control:focus {
  border-color: #153821;
}
#recupera-senha .form-check-input:focus {
  border-color: #153821;
}
#recupera-senha .form-check-input:checked {
  background-color: #153821;
  border-color: #153821;
}
#recupera-senha .btn-primary {
  border-color: #153821 !important;
  background-color: #153821 !important;
}
#recupera-senha .btn-primary:hover {
  box-shadow: 0 8px 25px -8px #153821ad;
}
#recupera-senha .auth-inner {
  width: 100%;
}

@media (min-width: 576px) {
  #recupera-senha .img-logo {
    width: 63%;
  }
  #recupera-senha h2 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  #recupera-senha h2 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #recupera-senha h2 {
    font-size: 16px;
    line-height: 22px;
  }
  #recupera-senha p {
    font-size: 14px;
    line-height: 21px;
  }
  #recupera-senha label {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 1200px) {
  #recupera-senha h2 {
    font-size: 20px;
    line-height: 22px;
  }
  #recupera-senha p {
    font-size: 14px;
    line-height: 21px;
  }
  #recupera-senha label {
    font-size: 12px;
    line-height: 18px;
  }
}
#resete-senha h2 {
  color: #153821;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  margin-top: 22px;
  font-size: 14px;
}
#resete-senha p {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #153821;
  font-size: 12px;
}
#resete-senha label {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #153821;
}
#resete-senha .img-logo {
  margin-left: auto;
  margin-right: auto;
  width: 74%;
}
#resete-senha a {
  color: #153821;
}
#resete-senha a:hover {
  font-weight: 700;
}
#resete-senha .form-control:focus {
  border-color: #153821;
}
#resete-senha .form-check-input:focus {
  border-color: #153821;
}
#resete-senha .form-check-input:checked {
  background-color: #153821;
  border-color: #153821;
}
#resete-senha .btn-primary {
  border-color: #153821 !important;
  background-color: #153821 !important;
}
#resete-senha .btn-primary:hover {
  box-shadow: 0 8px 25px -8px #153821ad;
}
#resete-senha .auth-inner {
  width: 100%;
}

@media (min-width: 576px) {
  #resete-senha .img-logo {
    width: 63%;
  }
  #resete-senha h2 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  #resete-senha h2 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #resete-senha h2 {
    font-size: 16px;
    line-height: 22px;
  }
  #resete-senha p {
    font-size: 14px;
    line-height: 21px;
  }
  #resete-senha label {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 1200px) {
  #resete-senha h2 {
    font-size: 20px;
    line-height: 22px;
  }
  #resete-senha p {
    font-size: 14px;
    line-height: 21px;
  }
  #resete-senha label {
    font-size: 12px;
    line-height: 18px;
  }
}
#table-leads span,
#table-leads td {
  color: #587361;
  font-family: "Montserrat", sans-serif;
}
#table-leads a {
  color: #587361;
}
#table-leads .leads-phone {
  text-align: center;
}
#table-leads input:focus,
#table-leads select:focus {
  border-color: #153821;
}
#table-leads small {
  color: #bdb258 !important;
}
#table-leads .acoes {
  padding-left: 6px;
  padding-right: 6px;
}
#table-leads table.dataTable td,
#table-leads table.dataTable th {
  padding: 0.72rem 0.2rem;
}

.phone-icon {
  display: block;
}

.phone-table {
  display: none;
}

.modal-slide-in .modal-dialog.sidebar-sm {
  width: 20rem;
}

@media (min-width: 768px) {
  div.dataTables_wrapper {
    overflow: scroll;
  }
}
@media (min-width: 992px) {
  .phone-table {
    display: block;
  }

  .phone-icon {
    display: none;
  }

  div.dataTables_wrapper {
    overflow: inherit;
  }

  .modal-slide-in .modal-dialog.sidebar-sm {
    width: 25rem;
  }
}
#table-incoporations small {
  color: #bdb258 !important;
}

#table-corretores small {
  color: #bdb258 !important;
}

#table-corretores-pendente small {
  color: #bdb258 !important;
}
#table-corretores-pendente table.dataTable td, #table-corretores-pendente table.dataTable th {
  padding: 0.72rem 1rem;
}

#table-empreendimentos .actions {
  width: 10%;
  padding-right: 18px;
  padding-left: 18px;
}
#table-empreendimentos table.dataTable td, #table-empreendimentos table.dataTable th {
  padding: 0.72rem 0.5rem;
}

#table-atendimento .type, #table-atendimento .corretor {
  margin-top: 4px;
}
#table-atendimento a:hover {
  font-weight: 400;
}
#table-atendimento table.dataTable td, #table-atendimento table.dataTable th {
  padding: 0.72rem 0.5rem;
}

#table-proposal table.dataTable td {
  padding: 0.72rem 0.6rem;
}
#table-proposal a:hover {
  font-weight: 400;
}

#table-sale table.dataTable td, #table-sale table.dataTable th {
  padding: 0.72rem 0.5rem;
}
#table-sale a:hover {
  font-weight: 400;
}

#table-payment-receivables table.dataTable td {
  padding: 0.9rem 0.6rem;
}
#table-payment-receivables a:hover {
  font-weight: 400;
}

#table-paymeny-payables table.dataTable td {
  padding: 0.9rem 0.8rem;
}
#table-paymeny-payables a:hover {
  font-weight: 400;
}

#table-bank-reconciliation table.dataTable td {
  padding: 0.9rem 0.6rem;
}

#table-provider table.dataTable td,
#table-provider table.dataTable th {
  padding: 0.72rem 0.9rem;
}
#table-provider a:hover {
  font-weight: 400;
}

.leads-phone {
  text-align: center;
  width: 19rem;
}

.phone-icon {
  display: block;
}

.phone-table {
  display: none;
}

@media (min-width: 768px) {
  div.dataTables_wrapper {
    overflow: scroll;
  }
}
@media (min-width: 992px) {
  .phone-table {
    display: block;
  }

  .phone-icon {
    display: none;
  }

  div.dataTables_wrapper {
    overflow: inherit;
  }

  .modal-slide-in .modal-dialog.sidebar-sm {
    width: 25rem;
  }
}
#table-userFuncionarios table.dataTable td,
#table-userFuncionarios table.dataTable th {
  padding: 0.72rem 0.5rem;
}

#home .home-card-body {
  overflow-y: auto;
  height: 22rem;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #153821 !important;
}

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th,
.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
  background-color: #eef3f0;
}

a,
.text-primary,
span,
td,
label,
h1 {
  color: #587361 !important;
  font-family: "Montserrat", sans-serif !important;
}

a:hover {
  font-weight: 700;
}

.page-item.active .page-link {
  background-color: #153821;
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: #153821;
  border-color: #153821;
}

.form-check-input:focus {
  border-color: #153821;
}

.btn-primary {
  border-color: #153821 !important;
  background-color: #153821 !important;
}
.btn-primary span {
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  box-shadow: 0 8px 25px -8px #153821ad !important;
  border-color: #153821 !important;
  background-color: #153821 !important;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #587361 !important;
  color: #ffffff !important;
}
.dropdown-item.active span,
.dropdown-item:active span,
.dropdown-item:hover span,
.dropdown-item:focus span {
  color: #ffffff !important;
}

.main-menu.menu-light .navigation > li ul .active {
  background: linear-gradient(136deg, #528a65 0%, #62ae7c 93.64%);
  box-shadow: 0 0 10px 1px #153821ad;
  border-radius: 5px;
  z-index: 1;
  color: #fff !important;
}
.main-menu.menu-light .navigation > li ul .active a,
.main-menu.menu-light .navigation > li ul .active span {
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
}

.navigation .nav-item .active-li {
  background: linear-gradient(46.62deg, #153821 0%, #62ae7c 93.64%) !important;
  border-radius: 5px;
  z-index: 1;
  color: #fff !important;
}
.navigation .nav-item .active-li span {
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
}

.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover {
  border-color: #153821 !important;
  background-color: #153821 !important;
  color: #fff !important;
}

.flatpickr-calendar .flatpickr-day.today {
  border-color: #153821 !important;
}

.select2-selection--multiple:focus,
.select2-selection--multiple,
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-selection--single:focus {
  border-color: #153821 !important;
}

.select2-container--classic.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #153821 !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-color: #153821 !important;
  background-color: #153821 !important;
  color: #fff !important;
}

.termo-privacidade p {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.main-menu.menu-light .navigation > li.active a {
  background: linear-gradient(46.62deg, #153821 0%, #62ae7c 93.64%) !important;
  border-radius: 5px;
  z-index: 1;
  color: #fff !important;
}
.main-menu.menu-light .navigation > li.active span {
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
}

.app-content-auth {
  overflow: hidden;
  padding: 0 !important;
  transition: none;
}

@media (min-width: 992px) {
  .sidebar-logo {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .main-menu .navbar-header {
    height: 6.45rem !important;
  }
}