.btn-select-filter-property{
    padding: 10px 15px;
margin: 0;
border: 1px solid rgb(255, 201, 7);
font-weight: bold;
background-color: white;
color: rgb(14, 43, 87);
cursor: pointer;
border-radius: 5px;
position: relative;
z-index: 1;
transition: all 0.2sease-in-out;
width: 100%;
margin-top: 8px;
background-color: white;
  }

  .btn-select-filter-property.active-filter{

border: 1px solid rgb(255, 201, 7);
background-color: rgb(255, 201, 7);

  }


  /*  */

  .filters-modal-dialog .selectable-btn-property {
    border: 1px solid rgb(255,201,7);
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
    min-height: 110px;
    display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color:  #0e2b57;
font-size: 14px;
}
.selectable-btn-property {
    border: 1px solid rgb(255,201,7);
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
    min-height: 110px;
    display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color:  #0e2b57;
}
.selectable-btn-property.selected {
    background-color: rgb(255,201,7);
    color:  #0e2b57;
    border-color: rgb(255,201,7);
}
.selectable-btn-property i {
    font-size: 30px;
    margin-bottom: 5px;
    color:  #0e2b57;
}


/*  */

.color-input {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    outline: none;

  }
  
  /* For WebKit to show just the color (hides the small default square) */
  .color-input::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  .color-input::-webkit-color-swatch {
    border-color: solid 1px #0e2b57;
    border-radius: 5px;
  }
  /*  */
  .dz-default.dz-message{
    width: 100%;
    text-align: center;
  }
  .dz-remove    {
    color: #0e2b57;
    font-weight: bold;
    font-size: 14px;
  }

  /*  */
  #modal-add-property .nav-link.active{
    color:  #0e2b57;
    font-weight: bold;
    background-color: #fff !important;
  }

  #modal-add-property .nav-link{
    background-color:  rgb(255,201,7);
    color: #ffffff;
    margin-right: 2px;
    margin-top: 4px;
    font-size: 14px;
  }

  #modal-add-property .nav-link i{
    color: #ffffff;
  }

  #modal-add-property .nav-link.active i{
    color: #0e2b57;
  }

  #modal-add-property .btn-primary:active{
    background-color: #0e2b57;
  }
  .btn-edit-property:active{
    color: #fff;
    background-color: #0e2b57 !important;
    border-color: #0e2b57 !important;
  }