﻿/*===== 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: #78d4fd;  }  a {    color: #61a6f3;    -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: #4b62e6;  }  h5, h6 {    font-size: 1.1rem;    color: #4b62e6;  }  ul {    margin: 0;    padding: 0;  }  li{list-style:none;}  .form-control:focus, .custom-select:focus{    border-color: #61a6f3;    box-shadow: 0 0 0 0.2rem rgb(97 166 243 / 28%);  }  .link-color{color:#61a6f3;}  .link-color2{color:#4b62e6;}  [type=reset], [type=submit], button, html [type=button] {-webkit-appearance: none;}  .custom-radio .custom-control-input:checked~.custom-control-label::after {    background-color: #4b62e6;    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:#4b62e6;    color: #fff !important;   }  #LecarosEquipo{    background-image: url(../img/fondo-team.png);    background-attachment: fixed;    background-size: cover;    background-repeat: no-repeat;    background-color:#61a6f3;    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: #61a6f3;    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 #61a6f3;  }  .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: #61a6f3;    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: #78d4fd;    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: #61a6f3;    font-weight: bold;  }  .DeptoDispLine i{color: #61a6f3;}  .DeptoDesde{color: #4b62e6;}    .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: #4b62e6;}/*===== 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: #61a6f3ab;    color: #fff !important;  }  .btn-corp2{    background-color: #4b62e6;    margin: 0.4rem;  }  .btn-corp2:hover {    background-color: #4b62e6e0;    color: #fff !important;  }  .clear {clear: both;}  .close{color: #fff;}  .form-check-inline {padding-right: 1rem;}  .tooltip-inner {background-color: #61a6f3;}  .tooltip .arrow::before{border-top-color: #61a6f3 !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{    background-color: white !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: #4b62e6;    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: #4b62e6;    }  .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: #4b62e6;    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: #61a6f3;  }  .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: #4b62e6;  }  .ejecutiva a{    color: #818182;   }  .ejecutiva i{    font-size: 20px;    color: #818182;    margin: 0 1rem;   }  .table .thead-light th {    color: #ffffff;    background-color: #4b62e6;    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: 10px;}  table.dataTable.no-footer {border-bottom: 0px solid #111;}    input[type="search"]{    width: 45px;    background: #61a6f3 url('../img/buscar.png') no-repeat 9px center;    padding: 6px 10px 6px 32px;    border-radius: 15em;    transition: all .5s;    outline: none;    border: 1px solid #61a6f3;  }  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: #61a6f3;}  .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:#61a6f3;  }  #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: #4b62e6;  }  .alert-light{    border: 1px solid #f1f1f1;    margin-bottom: 1.5rem;  }/*===== DETALLE PROPIEDADES: CONDICIONES ====*/  #Condiciones{margin-top: 1.5rem;}  #Condiciones i{color: #4b62e6;}  .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: #4b62e6;}  .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: #61a6f3;}  .carousel-indicators li {background-color: rgb(75 98 230 / 23%);}  .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: #61a6f3;}  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: #61a6f3;  }/*===== 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: #4b62e6;}/*===== 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 #61a6f3;  }  #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: #4b62e6;    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 #4b62e6;    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: #61a6f3;    padding: 8px;    border-radius: 5px 0 0 5px;    position: fixed;    top: 8rem;    right: 0;    z-index: 889;  }  .navbar-btn i{color: #fff;}/*ESTILOS SERVIPAG*/#PagoEnLinea .nota{  color: #8b8b8b;}