/*===== FONTS ====*/
  @import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
  @font-face {
    font-family: "Line awesome";
    src: url("fonts/line-awesome.woff");
  }
/*===== GENERAL ====*/
  body {
    font-family: 'Raleway', sans-serif;
    color: #3C3834;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
    padding: 0 !important;
  }
  html {overflow-x: hidden;}

  p {line-height: 2rem;}

  a:hover, a:focus {
    text-decoration: none;
    outline: none;
    color: #f89e4d;
  }

  a {
    color: #78d4fD;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  a:not([href]):not([tabindex]) {color: #fff;}

  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #27A6FF;}

  h1, h2, h3, h4, h5 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
  }
  h5, h6 {
    font-size: 1.1rem;
    color: #fff;
  }
  ul {
    margin: 0;
    padding: 0;
  }
  li{list-style:none;}

  .form-control:focus, .custom-select:focus{
    border-color: #78d4fD;
    box-shadow: 0 0 0 0.2rem rgba(241, 138, 45, 0.42);
  }
  .link-color{color:#78d4fD;}

  .link-color2{color:#00a47f;}

  [type=reset], [type=submit], button, html [type=button] {-webkit-appearance: none;}

  .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #00a47f;
    border-radius: 100%;
  }
  button:focus {
    outline: none !important;
  }
  .input-group {
    border: 1px solid #ced4da;
    border-radius: 4px;
  }
  .w80{width: 250px;}
  
  .posth{margin-top: 5rem;}
/*===== SECTIONS ====*/
  section{
    padding: 1rem 7rem 0;
  }
  #FrontPage section, #FrontPagos section {
    padding: 7rem 0;
  }
  #FrontPropiedades section{
    padding: 9rem 0 0;
  }
  .border{
    background-color: #fff;
    padding: 1.5rem;
    margin-bottom: 0.5rem;
  }
  #LecarosAdmin{
    background-image: url(../img/fondo-arriendo.png);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:#00a47f;
    color: #fff !important; 
  }
  #LecarosEquipo{
    background-image: url(../img/fondo-team.png);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:#78d4fD;
    color: #fff !important; 
  }
  #LecarosAdmin h2, #LecarosEquipo h2{color: #fff;}
/*===== SCROLLS ====*/
  .scrollbar-modal::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #e9e9e9;
  }
  .scrollbar-modal::-webkit-scrollbar{
    width: 12px;
    background-color: transparent;
  }
  .scrollbar-modal::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #323232;
  }
  .scrollbar-fff::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #fff;
  }
  .scrollbar-fff::-webkit-scrollbar{
    width: 12px;
    background-color: transparent;
  }
  .scrollbar-fff::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d3d3d3;
  }
  .scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #5e5d5d;
  }
  .scrollbar::-webkit-scrollbar{
    width: 12px;
    background-color: transparent;
  }
  .scrollbar::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #000;
  }
/*===== RECAPTCHA ====*/
  #ServDrop .g-recaptcha{    
    transform: scale(0.8);
    margin: 0 -45px;
  }
/*===== BUSCADOR PRINCIPAL ====*/
  #FrontPage .jumbotron{
    background-image: url(../img/3a.jpg);
    background-repeat: no-repeat;
    height: 38rem;
    position: relative;
    z-index: 2;
    background-size: cover;
  }
  #FrontPropiedades #BigSearch{
    position: static;
  }
  #Nav-Search .nav-link.active {
    color: #ffffff;
    background-color: #78d4fD;
    border-color: #dee2e6 #dee2e6 #fff;
    border: 0;
    border-radius: 5px;
    padding: 8px;
    margin-right:26px;
    width: 12rem;
  }
  #Nav-Search .nav-link{
    color: #3c3834;
    background-color: #f8f9fa;
    border-color: #dee2e6 #dee2e6 #fff;
    border: 0;
    border-radius: 5px;
    padding: 8px;
    margin-right:26px;
    width: 12rem;
  }
  #BigSearch{
    z-index: 5;
    position: absolute;
    top: 35%;
  }
  #BigSearch .nav-tabs {border-bottom: 0px solid #dee2e6;}

  #BigSearch .tab-content{margin-top: 1rem;}
  
  #BigSearch .input-group {
    border: 0px solid #ced4da;
    border-radius: 0px;
  }
  #BigSearch h1 {
    color: #fff;
    margin-bottom: 1.5rem;
    text-shadow: 1px 1px #212529;
  }
  #BigSearch p{
    color: #fff;
    margin-bottom: 2rem;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    text-shadow: 1px 1px #212529;
  }
  .Search2{display: none !important;}

  .input-group {
    border: 1px solid #ced4da;
    border-radius: 4px;
    align-items: center;
  }
  a.btn.btn-corp.m-0.search {
    padding: 7px 40px;
    border: 2px solid #78d4fD;
  }
  .search i{color: #fff;}  

  #ShortNavProp a{
    color: #b4b4b4 !important;
    font-weight: bold;
  }
/*===== DETALLES PROPIEDADES 1 ====*/
  #FiltroPropiedades{
    padding: 1rem;
    background-color: #fff;
  }
  #FiltroPropiedades .input-group{
    border:0;
  }
  .card2 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
  }
  .metro {
    width: 30px;
  }
  .UyN{
    font-size: 13px;
    z-index: 20;
    position: absolute;
    padding: 0.5rem 1rem;
    background-color: #78d4fD;
    margin-top: 1rem;
    color: #fff;
    border-radius: 0 4px 4px 0;
  }
  .Precio{
    font-size: 16px;
    z-index: 20;
    font-weight: bold;
    position: absolute;
    padding: 0.5rem 1rem;
    background-color: #00a47f;
    margin-top: 1rem;
    color: #fff;
    border-radius: 0 4px 4px 0;
  }
  .Precio i{color: #fff;}
  .deptoProy{
    width: 210px;
    height: 210px;
  }
  .DeptoDisp{
    letter-spacing: 0.02rem;
    background-color: #78d4fD;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    width: 12rem;
  }
  .DeptoDisp i{color: #fff;}

  .DeptoDispLine{
    letter-spacing: 0.02rem;
    text-align: center;
    color: #78d4fD;
    font-weight: bold;
  }
  .DeptoDispLine i{color: #78d4fD;}

  .DeptoDesde{color: #00a47f;}
  
  .DeptoDesde p{
    font-size: 18px !important;
    font-weight: bold;
  }
  .modal .DeptoDisp i{
    color: #fff;
  }
  .DeptosFullImg img{
    width: 200px;
  }
  .Full table{
    font-size: 13px;
  }
  .DeptosFullDll{
    align-items: center;
  }
  .Full .card-body {
      padding: 0.2rem 1rem;
  }
  .Deptos{
    border:1px solid #dee2e6!important;
    background-color: #fff;
    padding: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .card2 a.btn.btn-corp2, .XDepartamento a.btn.btn-corp2{
    padding: 6px 17px;
    margin-right: 0;
      margin-left: 10px;
  }
  .card2 a.btn.btn-corp {
    padding: 5px;
    margin: 0;
  }
  .card2 .fa-map-marker-alt{color: #00a47f;}
/*===== BOTONES ====*/
  .btn {
    font-size: 14px;
    padding: 11px 40px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline-block;
  }
  .btn2 {
    padding: 10px 11px;
    color: #fff !important;
    border-radius: 50px;
  }
  .btn:focus,
  .btn:active {
    box-shadow: none;
    outline: none;
    color: #fff;
  }
.btn-corp {
    background-color: #61a6f3;
    margin: 0.4rem;
}
    .btn-corp:hover {
        background-color: #63c8f5;
        color: #fff !important;
    }
  .btn-corp2{
    background-color: #00a47f;
    margin: 0.4rem;
  }
  .btn-corp2:hover {
    background-color: #03d0a1;
    color: #fff !important;
  }
  .clear {clear: both;}

  .close{color: #fff;}

  .form-check-inline {padding-right: 1rem;}

  .tooltip-inner {background-color: #78d4fD;}

  .tooltip .arrow::before{border-top-color: #78d4fD !important;}
  .up {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 25px;
    z-index: 99999999;
  }
  .up i{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50px;
    background-color: #78d4fD;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0);
    box-shadow: 0px 3px 6px 0rem rgba(0, 0, 0, 0.29);
  }
/*===== NAV PRINCIPAL ====*/
  .navbar{padding: 0 !important;}

  .fixed-top{z-index: 999;}

  .bg-dark{background-color: #3C3834 !important;}

  .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
    font-weight: bold;
  }
  .navbar-dark .navbar-nav .nav-link {
    color: #b4b4b4;
    font-weight: bold;
  }
  .navbar-expand-lg .navbar-nav {
    align-items: center;
    padding: 1rem 0;
  }
  #FrontPropiedades .navbar-expand-lg .navbar-nav{padding: 1.7rem 0;}

.navbar {
    border-bottom: 0.25rem solid #78d4fd;
    background-color: #3C3834 !important;
    border-radius: 0px;
}
  .nav-item {margin-right: 1.5rem;}

  .nav-link{padding: 0;}

  .nav-link h4{color: #c4c4c4;}

  .nav-pills .nav-link.active h4, .nav-pills .show>.nav-link h4 {
    color: #00a47f;
    background-color: #ffffff00;
  }
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #ffffff00;}
/*===== MENU SERVICIOS ONLINE ====*/
  .d-show{display: block !important;}
  
  #NavPrincipalLecaros .dropdown-menu {
    position: absolute;
    width: 16rem;
    left: -100px;
    top: 40px;
    padding: 1.3rem;
    margin: 0.8rem 0;
  }
  #NavPrincipalLecaros .dropdown-item{
    color: #22a2d9;
  }
  #NavPrincipalLecaros .dropdown-item:focus, .dropdown-item:hover {
    color: #7f7f7f;
    text-decoration: none;
    background-color: transparent;
  }
  a#navbarDropdown{
    color: #fff;
  }
  .dropdown-toggle::after {
    display: none;
  }
  .dropdown-menu hr, #Reg-Ini hr{
    border:1px dashed #22a2d9;
    width: 90%;
    background: #fff;
  }
  .dropdown-menu span{
    z-index: 500;
    position: relative;
    background-color: #fff;
    padding: 5px;;
  }
  #dropdown-pago .dropdown-item {
    color: #00a47f;
    }
  .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
  }
  #NavPrincipalLecaros .form-control:focus, #NavPrincipalLecaros .custom-select:focus {
    border-color: #00a47f;
    box-shadow: 0 0 0 0.2rem rgba(0, 164, 127, 0.32);
  }
/*===== PAGO ONLINE ====*/
  #Pago h1{margin: 2rem 0;}

  #Pago h4{
    margin-bottom: 2rem;
    color: #78d4fD;
  }
  .phUser{
    height: 40px;
    border-radius: 50px;
  }
  .ejecutiva-img{
    border-radius: 50px;
    width: 60px;
    height: 60px;
    margin:0 1rem;
  }
  .ejecutiva1 .ejecutiva-img{
    border-radius: 50px;
    width: 48px;
    height: 48px;
    margin:0 0.5rem ;
  }
  .ejecutiva{
    align-items: center;
  }
  .ejecutiva p{
    width: 28%;
    margin: 0;
    color: #00a47f;
  }
  .ejecutiva a{
    color: #818182; 
  }
  .ejecutiva i{
    font-size: 20px;
    color: #818182;
    margin: 0 1rem; 
  }
  .table .thead-light th {
    color: #ffffff;
    background-color: #00a47f;
    border: 0px;
  }
  .cl-10 {border-radius: 10px 0 0;}

  .cr-10 {border-radius: 0 10px 0 0;}

  #DataTable_paginate{display: none;}

  table.dataTable thead th, table.dataTable thead td {padding: 4px;}

  table.dataTable.no-footer {border-bottom: 0px solid #111;}
  
  input[type="search"]{
    width: 45px;
    background: #78d4fD url('../img/buscar.png') no-repeat 9px center;
    padding: 6px 10px 6px 32px;
    border-radius: 15em;
    transition: all .5s;
    outline: none;
    border: 1px solid #78d4fD;
  }
  input[type="search"]:focus{
    width: 130px;
    padding-left: 32px;
    color: #000;
    background-color: #FFF;
  }
/*===== DETALLE PROPIEDADES ====*/
  .black{
    background-color: #00000052;
    z-index: 200;
    position: absolute;
    width: 100%;
    height: 45rem;
  }
  .black-img{
    width: 100%;
    background-image: url(../img/fondoproy.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    height:45rem;
    background-size: 100%; 
    background-size: cover;
  }
  .black-text{
    position: absolute;
    z-index: 250;
    top: 160px;
    text-align: center;
    width: 100%;
    color: #fff;
    text-shadow: 1px 1px #000;
  }
  .black-text h1{
    color: #fff;
    text-shadow: 1px 1px #000;
  }
  .black-text i{color: #fff;}

  .jumbotron{
    margin-top: 5rem;
    padding: 7rem 2rem;
    color: #fff;
    background-image: url("../img/proy_7.jpg");
    background-repeat: no-repeat;
    border-radius: 0;
    background-attachment: fixed;
    background-size: cover;
  }
  .jumbotron h1{
    color: #fff;
    text-shadow: 1px 1px #000;
  }
  .jumbotron .lead{text-shadow: 1px 1px #000;}

  .jumbotron .badge-secondary{background-color: #78d4fD;}

  .content-img{
    background-color: rgba(0, 0, 0, 0.75);
    padding: 1rem 2rem;
    font-size: 18px;
    color: #fff !important;
  }
  .content-img .DeptoDesde p{
    color: #fff;
    font-size: 24px !important;
  }
  .content-img .DeptoDesde h3{
    color: #fff;
    font-size: 2.2rem;
  }
  .st0 {
      fill: #fff;
  }
  #ProyInm .fas{
    color:#78d4fD;
  }
  #ProyInm .border{
    max-width: 31%;
    margin:0.5rem;
  }
  #ProyInm img{
    width: 100%;
  }
  #ProyInm2 img{
    width: 100%;
  }
/*===== DETALLE PROPIEDADES: EJECUTIVA ====*/
  .border img.ejecutiva-img {
    width: 35px !important;
    height: 35px;
  }
  .border .ejecutiva {
    margin: 1rem 0;
  }
  .border .ejecutiva p{
    width: auto;
  }
  .border .ejecutiva i{
    color:#818182 !important;
    margin:0 0.5rem;
  }
  .CardEjecutive a{
    color: #3C3834;
  }
  .CardEjecutive a:hover{
    color: #00a47f;
  }
  .alert-light{
    border: 1px solid #f1f1f1;
    margin-bottom: 1.5rem;
  }
/*===== DETALLE PROPIEDADES: CONDICIONES ====*/
  #Condiciones{margin-top: 1.5rem;}

  #Condiciones i{color: #00a47f;}

  .card-header{
    background-color: #3C3834;
    color: #FFF;
  }
  .card-title {margin-bottom: : 12px;}
  .ico-emp{display: none;}
/*===== PROPIEDADES RELACIONADAS ====*/
  #OtraProp {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  #PropMatch .card, #PropDestacada .card{
    padding: 0;
    margin: 1rem;
  }
  #PropMatch .col-md-3, #PropDestacada .col-md-3{max-width: 22%;}

  .fa, .fas, .far{
    font-weight: 900;
    color: #aeaeae;
    margin: 5px;
  }
  .far, .fa-forward, .fa-save, .fa-clipboard-check, .fa-file-alt, .fa-chevron-right{color: #fff;}

  .fa-money-bill{color: #00a47f;}

  .card-text{
    font-size: 0.9rem !important;
    line-height: 1.5rem;
    margin-bottom: 1rem;
  }
  .card-body p{
    font-size: 0.75rem;
    line-height: 1.5rem;
  }

  #PropMatch a:first-child, #PropDestacada a:first-child{color: #3C3834;}

  #PropMatch a, #PropDestacada a{color: #fff;}

  .card-body{padding: 1rem;}
/*===== LISTADO DE PROPIEDADES ====*/
  .XDepartamento, .XProyecto{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem;
  }
  .XDepartamento .card-body{
    padding: 1rem 28px 1rem 1rem;
    background-color:#fff;
    border: 1px solid rgba(0,0,0,.125);
  }
  .active .XDepartamento .card-body{
    padding: 1rem;
    background-color:#fff;
    border: 1px solid rgba(0,0,0,.125);
  }
  .XDepartamento p{margin:0 !important;}

  .carousel-indicators{bottom: -1.5rem;}

  .carousel-indicators .active {background-color: #78d4fD;}

  .carousel-indicators li {background-color: rgba(241, 138, 45, 0.54);}

  .carousel-control-prev {
    left: -100px;
    font-size: 40px;
    opacity: 100;
  }
  .carousel-control-next {
    right: -100px;
    font-size: 40px;
    opacity: 100;
  }
  #PropDestacada .fa-caret-left, #PropDestacada .fa-caret-right, #PropMatch .fa-caret-left, #PropMatch .fa-caret-right{color: #78d4fD !important;}
/*===== POSTULAR ====*/
  .fa-info-circle{color: #78d4fD;}

  button.btn.btn-outline-secondary.border-left-0 {
    background-color: #78d4fD;
    border-color: #78d4fD;
    height: 38px;
  }
  .gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group{border:0;}
  .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: none;
  }
.gj-datepicker-bootstrap [role=right-icon] button:hover {
    color: #ffffff !important;
    background-color: #63c8f5 !important;
    border-color: #63c8f5;
}
  outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
      color: #fff;
      background-color: #FFC627;
      border-color: #FFC627;
  }
  .custom-file-label::after{
    content: "Subir";
  }
  .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
      background-color: #78d4fD;
  }
/*===== MODALES ====*/
  .modal-content{border-radius: 8px;}

  .modal-header{background-color: #3C3834;}

  .modal-header h5{color: #fff !important;}

  #Post-Exitosa, #Post-NOK, #Post-Aval, .Post-ExitosaConAval{text-align: center;}

  #Post-Exitosa img, #Post-NOK img, #Post-Aval img, .Post-ExitosaConAval img{margin-bottom: 1rem;}

  .modal-body .nota{color: #777;}

  .modal-body h5{margin: 0.5rem 0 2rem;}

  .modal-body .far, .modal-body .fas{color: #00a47f;}
/*===== ATENCION AL CLIENTE ====*/
  #AteClientes .nav-tabs .nav-item.show .nav-link, #AteClientes .nav-tabs .nav-link.active, #AteClientes .nav-tabs .nav-item.show .nav-link:hover, #AteClientes .nav-tabs .nav-link.active:hover{
    border-color: transparent;
    border-bottom: 2px solid #78d4fD;
  }
  #AteClientes .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: transparent;}

  #AteClientes .nav-tabs{border: 0;}

  #AteClientes .nav-tabs .nav-link h5 {
    padding: 0.75rem;
    color: #00a47f;
    margin:0 0.5rem 0.5rem;
  }
  #AteClientes .tab-content {padding: 1rem 0;}

  #AteClientes .fa-paperclip, #AteClientes .fa-caret-right, #AteClientes .fa-caret-left{color: #fff;}

  .ticket {
    width: 200px;
    border: 2px solid #00a47f;
    margin-top: 3rem;
  }
/*===== FOOTER ====*/ 
  #map {
    height: 100%;
  }
  footer{
    margin-top: 5rem;
    padding: 2rem 0;
    background-color: #3C3834;
  }
  footer img{width: auto;}

  footer p, footer a{color: #c4c4c4;}

  .nota{
    margin: 0;
    color:  #c4c4c4;
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
/*===== SLIDE PROPIEDADES ====*/
  .slick-slide {margin: 0px 20px;}

  .slick-slide img {width: 100%;}

  .slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; 
  }
  .slick-list:focus{outline: none;}

  .slick-list.dragging{
    cursor: pointer;
    cursor: hand;
  }
  .slick-slider .slick-track,
  .slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }
  .slick-track:before, .slick-track:after{
    display: table;
    content: '';
  }
  .slick-track:after{clear: both;}

  .slick-loading .slick-track{visibility: hidden;}

  .slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
  }
  [dir='rtl'] .slick-slide{float: right;}

  .slick-slide .Deptos{display: block;}

  .slick-slide.slick-loading .Deptos{display: none;}

  .slick-slide.dragging .Deptos{pointer-events: none;}

  .slick-initialized .slick-slide{display: block;}

  .slick-loading .slick-slide{visibility: hidden;}

  .slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {display: none;}
    /* ---------------------------------------------------
    SIDEBAR STYLE
/*===== FILTRO DE TODAS LAS PROPIEDADES ====*/
  #sidebar {
    width: 25%;
    position: fixed;
    top: 7.5rem;
    right: 0;
    height: 32rem;
    z-index: 888;
    background: #fff;
    transition: all 0.3s;
    overflow-y:scroll;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  } 
  #sidebar.active {margin-right: -25%;}

  a[data-toggle="collapse"] {position: relative;}

  #content.active {width: 100%;}

  #content {width: calc(100% - 25%);}

  .navbar-btn{
    float: right;
    background: #78d4fD;
    padding: 8px;
    border-radius: 5px 0 0 5px;
    position: fixed;
    top: 8rem;
    right: 0;
    z-index: 889;
  }
  .navbar-btn i{color: #fff;}

  #centerPanel {
    top: 37%;
    left: 43%;
    width:50%;
    height:40%;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 0px solid #ccc;
    position:absolute;
}

  .bg-gray-800 {
  background-color: #5a5c69 !important;
}