@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

/*====================================== reset.css is here ========================================*/
*{margin:0; padding:0; box-sizing:border-box; }
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0; display:block; max-width:100%; height:auto;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after  {display: block;content: "";clear: both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
header,nav,section,article,aside,footer,hgroup,figure {display: block;padding:0;margin:0;}

/**************************************************************************************/
a {color:#000;text-decoration:none;outline:0 none !important;}
a:hover, a:focus {color:#fff;  text-decoration:none; outline:0 none !important;}

h1 {font-size:60px;line-height:62px;font-weight: normal;color: #fff;}
h2 {font-size: 40px;line-height: 48px;color: #006098;font-weight: 600;}
h3 {font-size: 32px;line-height: 36px;color: #006098;font-weight: 600;}
h4 {font-size: 28px;line-height: 30px;color: #006098;font-weight: 600;}
h5 {font-size: 24px;line-height: 26px;color: #666666;font-weight: 600;}
h6 {font-size: 18px;line-height: 22px;color: #666666;font-weight: 600;}
p{margin: 0;color: #666666;font-size: 14px;line-height: 20px;font-weight: normal;font-family: 'Roboto', sans-serif;}
/*---------------------------------------------------*/
html{height:100%;}
body{color:#fff;font-size:12px;height:100%;font-weight:400;font-family: 'Fira Sans', sans-serif;background: #fbfbfb;}
.wrapper{max-width: 100%;margin: 0 auto;overflow: hidden;position: relative;}
.container{max-width: 1140px;margin: 0 auto;padding: 0;}
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;}
.btn2{font-family: 'Roboto', sans-serif;font-size: 16px; line-height: 20px; font-weight: 700; color: #ffffff; background: #006098; width: 179px; padding: 15px 0; display: block; text-align: center; text-transform: uppercase;border-radius: 30px;}
.btn3{font-family: 'Roboto', sans-serif;font-size: 12px;line-height: 14px;font-weight: 700;color: #ffffff;width: 85px;background: #F8AD36;border: 0;border-radius: 25px;padding: 9px 0;text-transform: uppercase;letter-spacing: 0.3px;}
.d-flex{-webkit-flex-wrap:wrap!important;flex-wrap: wrap!important;-ms-flex-wrap: wrap!important;}
/*-- bootstrap4 hack --*/
.flex-row-reverse{-webkit-flex-direction:row-reverse!important}.input-group,.row{-webkit-flex-wrap:wrap;display:-webkit-flex}.flex-wrap{-webkit-flex-wrap:wrap!important}.d-flex{display:-webkit-flex!important}.d-inline-flex{display:-webkit-inline-flex!important}.input-group-append,.input-group-prepend{display:-webkit-flex}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{-webkit-flex:1 1 auto}.input-group{-webkit-align-items:stretch}.navbar{display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-align-items:center;-webkit-justify-content:space-between}.navbar-collapse{-webkit-flex-basis:100%;-webkit-flex-grow:1;-webkit-align-items:center}.form-inline{display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-align-items:center}.navbar-nav{display:-webkit-flex;-webkit-flex-direction:column}.align-items-start{-webkit-align-items:start!important}.align-items-end{-webkit-align-items:flex-end!important}.align-items-center{-webkit-align-items:center!important}.align-items-baseline{-webkit-align-items:baseline!important}.align-items-stretch{-webkit-align-items:stretch!important}.justify-content-start{-webkit-justify-content:flex-start!important}.justify-content-end{-webkit-justify-content:flex-end!important}.justify-content-center{-webkit-justify-content:center!important}.justify-content-between{-webkit-justify-content:space-between!important}.justify-content-around{-webkit-justify-content:space-around!important}.align-self-start{-webkit-align-self:flex-start!important}.align-self-end{-webkit-align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.col-1{-webkit-flex:0 0 8.33333%}.col-2{-webkit-flex:0 0 16.66667%}.col-3{-webkit-flex:0 0 25%}.col-4{-webkit-flex:0 0 33.33333%}.col-5{-webkit-flex:0 0 41.66667%}.col-6{-webkit-flex:0 0 50%}.col-7{-webkit-flex:0 0 58.33333%}.col-8{-webkit-flex:0 0 66.66667%}.col-9{-webkit-flex:0 0 75%}.col-10{-webkit-flex:0 0 83.33333%}.col-11{-webkit-flex:0 0 91.66667%}.col-12{-webkit-flex:0 0 100%}@media (min-width:576px){.d-sm-flex{display:-webkit-flex!important}.d-sm-inline-flex{display:-webkit-inline-flex!important}.navbar-expand-sm{-webkit-flex-flow:row nowrap;-webkit-justify-content:flex-start}.navbar-expand-sm .navbar-collapse{display:-webkit-flex!important;-webkit-flex-basis:auto}.navbar-expand-sm .navbar-nav{-webkit-flex-direction:row}.col-sm-1{-webkit-flex:0 0 8.33333%}.col-sm-2{-webkit-flex:0 0 16.66667%}.col-sm-3{-webkit-flex:0 0 25%}.col-sm-4{-webkit-flex:0 0 33.33333%}.col-sm-5{-webkit-flex:0 0 41.66667%}.col-sm-6{-webkit-flex:0 0 50%}.col-sm-7{-webkit-flex:0 0 58.33333%}.col-sm-8{-webkit-flex:0 0 66.66667%}.col-sm-9{-webkit-flex:0 0 75%}.col-sm-10{-webkit-flex:0 0 83.33333%}.col-sm-11{-webkit-flex:0 0 91.66667%}.col-sm-12{-webkit-flex:0 0 100%}.align-items-sm-start{-webkit-align-items:start!important}.align-items-sm-end{-webkit-align-items:flex-end!important}.align-items-sm-center{-webkit-align-items:center!important}.align-items-sm-baseline{-webkit-align-items:baseline!important}.align-items-sm-stretch{-webkit-align-items:stretch!important}.justify-content-sm-start{-webkit-justify-content:flex-start!important}.justify-content-sm-end{-webkit-justify-content:flex-end!important}.justify-content-sm-center{-webkit-justify-content:center!important}.justify-content-sm-between{-webkit-justify-content:space-between!important}.justify-content-sm-around{-webkit-justify-content:space-around!important}.align-self-sm-start{-webkit-align-self:flex-start!important}.align-self-sm-end{-webkit-align-self:flex-end!important}.align-self-sm-center{-webkit-align-self:center!important}.align-self-sm-baseline{-webkit-align-self:baseline!important}.align-self-sm-stretch{-webkit-align-self:stretch!important}}@media (min-width:768px){.d-md-flex{display:-webkit-flex!important}.d-md-inline-flex{display:-webkit-inline-flex!important}.navbar-expand-md{-webkit-flex-flow:row nowrap;-webkit-justify-content:flex-start}.navbar-expand-md .navbar-collapse{display:-webkit-flex!important;-webkit-flex-basis:auto}.navbar-expand-md .navbar-nav{-webkit-flex-direction:row}.col-md-1{-webkit-flex:0 0 8.33333%}.col-md-2{-webkit-flex:0 0 16.66667%}.col-md-3{-webkit-flex:0 0 25%}.col-md-4{-webkit-flex:0 0 33.33333%}.col-md-5{-webkit-flex:0 0 41.66667%}.col-md-6{-webkit-flex:0 0 50%}.col-md-7{-webkit-flex:0 0 58.33333%}.col-md-8{-webkit-flex:0 0 66.66667%}.col-md-9{-webkit-flex:0 0 75%}.col-md-10{-webkit-flex:0 0 83.33333%}.col-md-11{-webkit-flex:0 0 91.66667%}.col-md-12{-webkit-flex:0 0 100%}.align-items-md-start{-webkit-align-items:start!important}.align-items-md-end{-webkit-align-items:flex-end!important}.align-items-md-center{-webkit-align-items:center!important}.align-items-md-baseline{-webkit-align-items:baseline!important}.align-items-md-stretch{-webkit-align-items:stretch!important}.justify-content-md-start{-webkit-justify-content:flex-start!important}.justify-content-md-end{-webkit-justify-content:flex-end!important}.justify-content-md-center{-webkit-justify-content:center!important}.justify-content-md-between{-webkit-justify-content:space-between!important}.justify-content-md-around{-webkit-justify-content:space-around!important}.align-self-sm-start{-webkit-align-self:flex-start!important}.align-self-sm-end{-webkit-align-self:flex-end!important}.align-self-sm-center{-webkit-align-self:center!important}.align-self-sm-baseline{-webkit-align-self:baseline!important}.align-self-sm-stretch{-webkit-align-self:stretch!important}}@media (min-width:992px){.d-lg-flex{display:-webkit-flex!important}.d-lg-inline-flex{display:-webkit-inline-flex!important}.navbar-expand-lg{-webkit-flex-flow:row nowrap;-webkit-justify-content:flex-start}.navbar-expand-lg .navbar-collapse{display:-webkit-flex!important;-webkit-flex-basis:auto}.navbar-expand-lg .navbar-nav{-webkit-flex-direction:row}.col-lg-1{-webkit-flex:0 0 8.33333%}.col-lg-2{-webkit-flex:0 0 16.66667%}.col-lg-3{-webkit-flex:0 0 25%}.col-lg-4{-webkit-flex:0 0 33.33333%}.col-lg-5{-webkit-flex:0 0 41.66667%}.col-lg-6{-webkit-flex:0 0 50%}.col-lg-7{-webkit-flex:0 0 58.33333%}.col-lg-8{-webkit-flex:0 0 66.66667%}.col-lg-9{-webkit-flex:0 0 75%}.col-lg-10{-webkit-flex:0 0 83.33333%}.col-lg-11{-webkit-flex:0 0 91.66667%}.col-lg-12{-webkit-flex:0 0 100%}.align-items-lg-start{-webkit-align-items:start!important}.align-items-lg-end{-webkit-align-items:flex-end!important}.align-items-lg-center{-webkit-align-items:center!important}.align-items-lg-baseline{-webkit-align-items:baseline!important}.align-items-lg-stretch{-webkit-align-items:stretch!important}.justify-content-lg-start{-webkit-justify-content:flex-start!important}.justify-content-lg-end{-webkit-justify-content:flex-end!important}.justify-content-lg-center{-webkit-justify-content:center!important}.justify-content-lg-between{-webkit-justify-content:space-between!important}.justify-content-lg-around{-webkit-justify-content:space-around!important}.align-self-lg-start{-webkit-align-self:flex-start!important}.align-self-lg-end{-webkit-align-self:flex-end!important}.align-self-lg-center{-webkit-align-self:center!important}.align-self-lg-baseline{-webkit-align-self:baseline!important}.align-self-lg-stretch{-webkit-align-self:stretch!important}}@media (min-width:1200px){.d-xl-flex{display:-webkit-flex!important}navbar-expand-xl{-webkit-flex-flow:row nowrap;-webkit-justify-content:flex-start}.navbar-expand-xl .navbar-collapse{display:-webkit-flex!important;-webkit-flex-basis:auto}.navbar-expand-xl .navbar-nav{-webkit-flex-direction:row}.col-xl-1{-webkit-flex:0 0 8.33333%}.col-xl-2{-webkit-flex:0 0 16.66667%}.col-xl-3{-webkit-flex:0 0 25%}.col-xl-4{-webkit-flex:0 0 33.33333%}.col-xl-5{-webkit-flex:0 0 41.66667%}.col-xl-6{-webkit-flex:0 0 50%}.col-xl-7{-webkit-flex:0 0 58.33333%}.col-xl-8{-webkit-flex:0 0 66.66667%}.col-xl-9{-webkit-flex:0 0 75%}.col-xl-10{-webkit-flex:0 0 83.33333%}.col-xl-11{-webkit-flex:0 0 91.66667%}.col-xl-12{-webkit-flex:0 0 100%}.align-items-xl-start{-webkit-align-items:start!important}.align-items-xl-end{-webkit-align-items:flex-end!important}.align-items-xl-center{-webkit-align-items:center!important}.align-items-xl-baseline{-webkit-align-items:baseline!important}.align-items-xl-stretch{-webkit-align-items:stretch!important}.justify-content-xl-start{-webkit-justify-content:flex-start!important}.justify-content-xl-end{-webkit-justify-content:flex-end!important}.justify-content-xl-center{-webkit-justify-content:center!important}.justify-content-xl-between{-webkit-justify-content:space-between!important}.justify-content-xl-around{-webkit-justify-content:space-around!important}.align-self-xl-start{-webkit-align-self:flex-start!important}.align-self-xl-end{-webkit-align-self:flex-end!important}.align-self-xl-center{-webkit-align-self:center!important}.align-self-xl-baseline{-webkit-align-self:baseline!important}.align-self-xl-stretch{-webkit-align-self:stretch!important}}
/*--hacks end--*/



header{background: #FFFFFF;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);position: relative;
    z-index: 9;}
.header-in{position: relative;padding: 0px 21px;}
nav > ul{margin: 0;}
nav > ul > li{padding: 0px 19px 0 0;position: relative;}
nav > ul > li:after{content: "";background: #EEEEEE;width: 2px;height: 30px;position: absolute;right: 12px;top: 7px;}
nav > ul > li > a{color: #006098;position: relative;font-weight: 500;font-family: 'Roboto', sans-serif;padding: 28px 12px;display: block;font-size: 14px;line-height: 24px;}
nav > ul > li > a:hover{color: #006098;}
nav > ul > li > a:focus{color: #006098;}
nav > ul > li > a i.fa{color: #5E5E5E;position: relative;font-size: 15px;}
nav > ul > li > a span{background: #CF3333;border-radius: 4px;width: 15px;height: 12px;color: #fff;display: block;position: absolute;right: 2px;top: 25px;font-size: 9px;line-height: 13px;text-align: center;}
.select1 .nice-select{color: #5E5E5E;border: none;float: none;font-family: 'Roboto', sans-serif;}
.nice-select:after{border-color: #006098;width: 7px;height: 7px;right: 19px;}
.select2{position: relative;padding: 0 0px 0 24px;}
.select2:before{content: "";background: url(../images/Oval.png) no-repeat;width:24px;height: 24px;position: absolute;left: 0;top: 6px;z-index: 9;}
.select2 .nice-select{color: #006098;font-weight: 500;font-family: 'Fira Sans', sans-serif;padding: 0 24px 0 10px;}
.select2 .nice-select:after{right: 0;}
nav > ul > li:last-child:after{display: none;}
nav > ul > li:nth-child(4):after{display: none;}
nav > ul > li:nth-child(2):after{right: 21px;top: 23px;}
nav > ul > li:nth-child(3):after{right: 0;}
nav > ul > li:last-child{}
nav > ul > li:nth-child(2){padding: 0px 34px 0 0;}
nav > ul > li:nth-child(3){padding: 0px 23px 0 0;cursor: pointer;}

/*--header ends--*/
/*--banner start--*/
.banner{background: #F1F7FB;}
.banner-in{padding: 26px 99px 26px 96px;}
.banner-lt{padding: 0 0px 0 0px;}
.banner-lt p{color: #666666;font-size: 18px;font-weight: 600;line-height: 24px;font-family: 'Fira Sans', sans-serif;}
.banner-rt{padding: 0 0 0 35px;}
.banner-rt ul{margin: 0 -17px;height: 100%;}
.banner-rt ul li{padding: 0 17px;}
.banner-rt-in{background: #FFFFFF;box-shadow: 2px 4px 8px rgba(0, 18, 32, 0.1);border-radius: 4px;padding: 13px 13px 13px 11px;height: 60px;}
.banner-rt-lt{padding: 0;}
.banner-rt-lt h6{color: #666666;font-size: 14px;line-height: 16px;font-weight: 600;margin: 0;}
/*--banner ends--*/
/*--menu-content start--*/
.open  .menu-cont{display: block;position: fixed;left: 0;top: 80px;width: 100%;z-index: 99999;height: 100%;overflow-y: scroll;    padding-bottom: 50px;}
.menu-cont{background: #F1F7FB;display: none;}
.menu-cont .banner-in{border-bottom: 1px solid #D7D7D7;}
.herra-in{padding: 30px 0  0 0;}
.herra-in h5{color: #006098;padding-bottom: 30px;}
.herra-in > ul > li{padding: 0;}
.herra-nav ul li a span{text-decoration: none;}
.herra-nav ul li a:hover{color: #006098;text-decoration: underline;}
.herra-nav ul li{padding-bottom: 23px;}
.herra-nav ul li a{color: #666666;font-size: 14px;line-height: 16px;font-weight: 600;display: block;}
.herra-nav ul li a span{margin: 0 19px 0 0;}
.herra-nav ul li a img{margin: 0 7px 0 0;}
.premium a{background: #609700;border-radius: 4px;color: #FFFFFF;font-size: 12px;height: 21px;line-height: 18px;padding: 0 10px;}
.propiedad{padding: 53px 0 0 0;}
.propiedad h3{padding: 0 0 9px 0;}
.critera{padding: 26px 0 0   0;}
.critera-lt{padding: 0 8px 0 0px;}
.critera-lt ul{margin: 0 -17px;}
.critera-lt ul li{padding: 0 17px;margin-bottom: 31px;}
.critera-cont{background: #FFFFFF;box-shadow: 2px 4px 8px rgba(0, 18, 32, 0.1);border-radius: 4px;border-left: 4px solid #92C83E;padding: 17px 16px 10px 13px;}
.critera-cont h6{font-size: 14px;color: #999999;line-height: 21px;padding-bottom: 13px;}
.critera-cont a{color: #006098;font-size: 14px;line-height: 16px;font-weight: 500;letter-spacing: 0px;}
.critera-lt ul li:nth-child(2) .critera-cont{border-left-color: #006098;}
.critera-lt ul li:nth-child(3) .critera-cont{border-left-color: #F8AD36;}
.critera-lt ul li:nth-child(4) .critera-cont{border-left-color: #4597CB;}
.critera-lt ul li:nth-child(5) .critera-cont{border-left-color: #F0493E;}
.critera-lt ul li:nth-child(6) .critera-cont{border-left-color: #04BFA3;}
.critera-rt{padding: 0 0 0 22px;}
.critera-rt-in h6{padding: 14px 0 0  16px;color: #006098;font-size: 16px;}
.critera-rt-in h6 img{margin: 0 6px 0 0;}
.critera-rt-in ul{background: #FFFFFF;border-radius: 4px;margin: 0;padding-bottom: 18px;}
.critera-rt-in ul li{border-bottom: 1px solid #EEEEEE;}
.mes{padding: 7px 17px;}
.mes-lt h5{color: #5E5E5E;line-height: 31px;margin: 0;}
.mes-lt h5 span{font-size: 12px;line-height: 14px;font-family: 'Roboto', sans-serif;font-weight: 400;color: #046BBF;display: block;}
.mes-rt{padding: 0 0 0 20px;}
.mes-rt p{color: #5E5E5E;line-height: 25px;}
.critera-rt-in ul li > a{color: #006098;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 16px;font-weight: 500;text-align: right;display: block;margin: 6px 23px 0px 0;}
.critera-cont a i{font-size: 16px;}
.directrio{padding: 26px 0 37px 0;}
.directrio ul{margin: 0 -17px;}
.directrio ul li{padding: 0 17px;padding-bottom: 33px;}
.directrio-in{position: relative;}
.directrio-in a{position: relative;display: block;transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-web-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;}
.directrio-in a:before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(246, 171, 55, 0.8), rgba(246, 171, 55, 0.8)), url(Image.png);border-radius: 4px;display: none;}
.directrio-in a:hover:before{display: block;}
.directrio-in a figure{}
.directrio-in a figure img{width: 100%;display: block;}
.icon{position: absolute;right: 8px;top: 8px;}
.direct-para{position: absolute;left: 8px;bottom: 0;}
.direct-para h6{font-style: normal;font-weight: 600;font-size: 14px;color: #FFFFFF;}
/*--footer start--*/
footer{background: #2A2A2A;}
.footer-in{padding: 20px 0;}
.footer-in p{color: #CCCCCC;text-align: center;}
.footer-in p a{color: #FFFFFF;font-weight: bold;margin: 0 10px;}
/*--menu--*/
#nav-icon{width: 17px;height: 17px;position: absolute;margin:0;right: 12px;display: block;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);cursor: pointer;}
#nav-icon span{display: block;position: absolute;height: 3px;width: 100%;background: #006098;border-radius: 9px;opacity: 1;left: 8px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1){top: 0px;}
#nav-icon span:nth-child(2){top: 6px;}
#nav-icon span:nth-child(3){top: 12px;}
.open #nav-icon span:nth-child(1){top: 7px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.open #nav-icon span:nth-child(2){opacity:0;  left:-60px;}
.open #nav-icon span:nth-child(3){top: 7px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
#nav-icon1{width: 35px;height: 30px;position: absolute;margin:0;right: 15px;display:none;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);cursor: pointer;}
#nav-icon1 span{display: block;position: absolute;height: 3px;width: 100%;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon1 span:nth-child(1){top: 0px;}
#nav-icon1 span:nth-child(2){top:11px;}
#nav-icon1 span:nth-child(3){top:22px;}
.open-menu #nav-icon1 span:nth-child(1){top: 18px;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
.open-menu #nav-icon1 span:nth-child(2){opacity:0;  left:-60px;}
.open-menu #nav-icon1 span:nth-child(3){top: 18px; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
.open nav > ul > li:last-child{background: #F1F7FB;}
.open .wrapper{position: fixed;left: 0;right: 0;width: 100%;overflow-y: auto;}
.open .wrapper:before{display: block;}
.wrapper:before{content: "";left: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;z-index: 9;display: none;top: 0;}
/*--admin page start--*/
.admin .premium a{background: #4597CB;}
.critera-cont a.pre-btn{font-size: 10px;font-weight: 600;background: #609700;border-radius: 3px;color: #fff;text-align: center;line-height: 9px;letter-spacing: 0;padding: 2px 6px;}
.critera-cont1 h5{color: rgba(102, 102, 102,0.5);}
.critera-cont1 h6{color: rgba(102, 102, 102,0.5);}
.critera-cont1{box-shadow: 0px 0px 0px rgba(0, 18, 32, 0.1);}
.critera-lt ul li:nth-child(5) .critera-cont1{border-color: #999999;}
.critera-lt ul li:nth-child(6) .critera-cont1{border-color: #999999;}
.critera-cont1 > a{color: rgba(102, 102, 102,0.5);}
.directrio-in1 .direct-para h6{color: #666666;}
.btn-pre{font-size: 10px;font-weight: 600;background: #609700;border-radius: 4px;color: #fff;text-align: center;line-height: 9px;letter-spacing: 0;padding: 3px 6px;outline: none;border: none;}
.btn-pre-green{position: absolute;left: 10px;top: 7px;}

/*--Monitoreo-de-obra start--*/
.obra{}
.obra-in{}
.obra-nav{
    background: #fff;
}
.obra-nav-main{background: #ffffff;}
.obra-nav-in{padding: 25px 0 0 88px;}
.obra-nav-in ul{margin: 0 0; padding: 0 0 15px 0;}
.obra-nav-in ul li{padding: 0 16px 0 0;}
.obra-nav-in ul li a{color: #999999;font-size: 14px;line-height: 16px;font-weight: 400;font-family: 'Roboto', sans-serif;position: relative;}
.obra-nav-in ul li a:hover{color: #006098;}
.obra-nav-in ul li a:after{content: "/";color: #999999;font-size: 20px;position: absolute;right: -12px;top:0;}
.obra-nav-in ul li.active a{color: #006098;}
.obra-nav-in ul li:last-child a:after{display: none;}
.obra-cont{}
.monitoreo_main{background: #ffffff}
.obra-cont h3{padding-bottom: 30px;}
.obra-cont p{color: #2B2B2B;font-size: 16px;line-height: 24px;font-weight: 400;max-width: 524px;margin: 0 auto;padding-bottom: 28px;}
/* .tab-nav{box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);background: #ffffff;} */
.registra{padding: 30px 0px 57px 0px;}
.registra-rt{padding: 0px 0 0 111px;}
.registra-rt-in{}
.registra-rt-in h5{padding: 0 0 20px 0;color: #006098;}
.registra-rt-in p{max-width: 364px;margin: 0;font-size: 14px;line-height: 20px;padding-bottom: 19px;}
.registra-rt-in a{background: #006098;color: #FFFFFF;font-size: 16px;padding: 15px 40px;border-radius: 38px;text-transform: uppercase;margin-left: 0;font-family: 'Roboto', sans-serif;font-weight: bold;}
.tab-nav .nav-tabs{padding: 0 30px;margin: 0 -10px;border: none;}
.tab-nav .nav-tabs .nav-item{margin: 0;padding: 0 10px;}
.tab-nav  .nav-tabs .nav-link{color: #999999;font-size: 14px;line-height: 16px;font-weight: 700;font-family: 'Roboto', sans-serif;text-transform: uppercase;text-align: center;border: none;border-bottom: 2px solid transparent !important;padding: 7px 0 14px 0;}
.tab-nav .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #006098;border-color:  #006098 !important;}
.tab-content{background: rgba(242, 242, 242,0.6);}


/*--obras--*/
.registrar{padding: 0px 0 35px 0;}
.registrar a{width: 116px;
height: 16px;font-family: 'Roboto', sans-serif;font-style: normal;font-weight: bold;font-size: 14px;line-height: 16px;align-items: center;
text-align: center;background: #006098;border-radius: 35px;padding:10px 30px;color: #ffffff;margin: 0 0 0 22px;text-transform: uppercase;}
.manten{margin: 0 20px;background: #ffffff;border-radius: 4px;margin-bottom: 20px;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);}
.manten-top{padding: 27px 32px 18px;position: relative;cursor: pointer;}
.arrow{background: url(../images/expand-arrow-up.png) no-repeat;width: 24px;height: 24px;position: absolute;right: 26px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);cursor: pointer;}
.manten-top-left{}
.chanchass{}
.chanchas{padding: 0 27px 0 0;  }
.chanchas h2{font-style: normal;font-weight: 600;font-size: 20px;line-height: 24px;color: #006098;}
.actual{padding: 2px 0 0 0;display: none;}
.actual a{border: 2px solid #006098;border-radius: 20px;padding: 10px 13px 0 30px;font-family: 'Roboto', sans-serif;font-style: normal;font-weight: bold;font-size: 12px;line-height: 7px;text-align: left;text-transform: uppercase;color: #006098;position: relative;height: 30px;display: block;}
.actual a:after{position: absolute;content: "";left: 12px;background:url(../images/pencil.png);width: 12px;height: 12px;top: 7px;}
.manten-top-right{padding: 0px 25px 0 0;}
.manten-top-right a{}
.manten-top-right a figure{ }
.manten-top-right a figure img{ }
.manten-btm{padding: 0 31px 5px;display: none;}
.manten-btm-top{padding: 0 0 3px 0;}
.lorum{padding: 7px 0px 0 0;}
.lorum p{font-family: 'Roboto', sans-serif;font-style: normal;
font-weight: normal;font-size: 14px;line-height: 21px;color: #666666;}
.fecha{}
.fecha-top{
    padding: 0 0 0 17px;
}
.fecha-top-left{padding: 0;width: 79%;position: relative;}
.fecha-top-right{
    margin: 0 27px;

}
.fecha-top-right strong{font-style: normal;font-weight: 600;font-size: 40px;line-height: 34px;color: #006098;display: inline-block;padding: 0 0 0 20px;}
.fecha-btm{padding: 8px 0 0 0;}
.fecha-btm ul{}
.fecha-btm ul li{
}
.fecha-btm ul li a{font-family: 'Roboto', sans-serif;font-style: normal;font-weight: 500;font-size: 14px;line-height: 21px;color: #006098;padding: 0 10px 0 17px;display: block;}
.fecha-btm ul li a span{font-family: 'Roboto', sans-serif;font-style: normal;
font-weight: bold;font-size: 14px;line-height: 21px;color: #666666;}
.fecha-btm ul li a.clr{font-family: 'Roboto', sans-serif;font-style: normal;font-weight: normal;font-size: 14px;line-height: 21px;color: #999999;padding: 0 0 0 60px;}

.manten-btm-btm{border-top: 1px solid #eeeeee;padding: 20px 0 0 0;}
.manten-btm-btm h2{font-style: normal;font-weight: 600;font-size: 20px;line-height: 24px;color: #006098;}
.manten-b-b-in{padding: 21px 0 0 22px;position: relative;}
.manten-b-b-in:before{position: absolute;content: "";left: 5px;height: 100%;top: 39px;border-left: 1px dashed #006098;}
.manten-b-b-in ul{}
.manten-b-b-in ul li{padding: 0;}
.manten-b-b-in ul li span{font-family: 'Roboto', sans-serif;
font-style: normal;font-weight: bold;font-size: 14px;line-height: 21px;color: #5E5E5E;position: relative;}
.manten-b-b-in ul li span:before{position: absolute;content: "";left: -23px;width: 12px;height: 12px;top: 2px;background: #fff;border: 2px solid #006098;border-radius: 100%;}
.manten-b-b-in ul li strong{font-family: 'Roboto', sans-serif;font-style: normal;font-weight: 500;font-size: 14px;line-height: 21px;color: #006098;display: block;padding: 0 0 10px 0;}
.manten-b-b-in ul li p{font-family: Roboto;font-style: normal;font-weight: normal;font-size: 14px;line-height: 21px;color: #666666;padding: 0 0 10px 0px;max-width: 765px;}
.manten-b-b-in ul li.phara{width: 69%;padding: 0 0 0 23px;}
.manten-b-b-in ul li.date{width: 12.1%;}
.manten-b-b-in ul li.name{width: 17%;}

.manten-b-b-in.in1{padding: 6px 0 0 22px;}
.manten-b-b-in.in1:before{/* height: 39px; */top: 23px;}
.manten-b-b-in.in2{padding: 6px 0 0 22px;}
.manten-b-b-in.in2:before{/* height: 101px; */top: 23px;}
.manten-b-b-in.in3{padding: 6px 0 0 22px;}
.manten-b-b-in.in3:before{top: 23px;}
.manten-b-b-in.in4{padding: 6px 0 0 22px;}
.manten-b-b-in.in4:before{display: none;}

.manten-b-b-in ul li.phara a{font-family: 'Roboto', sans-serif;font-style: normal;font-weight: bold;font-size: 14px;
line-height: 16px;text-align: center;color: #666666;
padding: 4px 0 0 10px;display: inline-block;}
.manten-b-b-in ul li.phara a img{margin: 0 10px 0 0;}

.registra-nueva .obra-cont p{max-width: 560px;padding-bottom: 10px;}
.registra-nueva .obra-cont h3{padding-bottom: 25px;}
.nomba{max-width: 553px;margin: 0 auto;padding-bottom: 35px;}
.nomba-in{background: #FFFFFF;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);border-radius: 4px;padding: 35px 21px 29px 21px;}
.canches{padding-bottom: 25px;}
.canches1{padding-bottom: 20px;}
.canches .form-group{position: relative;}
.canches .form-group label{color: #5E5E59;font-size: 12px;line-height: 14px;margin: 0;position: absolute;left: 12px;top: -4px;background: #fff;display: inline-block;padding: 0 3px;font-family: 'Roboto', sans-serif;font-weight: bold;}
.canches  .form-group .form-control{border: 1px solid #D7D7D7;border-radius: 5px;color: #333333;font-size: 16px;height: 60px;line-height: 36px;font-family: 'Roboto', sans-serif;}
.canches .form-group textarea.form-control{height: 131px;resize: none;line-height: 24px;padding: 21px 10px;}
.calender-img{position: absolute;right: 16px;top: 22px;}
.form-block{padding-bottom: 14px;}
.fetch ul{margin: 0 -10px;}
.fetch ul li{padding: 0 10px;}
.eliminar a{color: #666666;font-weight: bold;font-size: 14px;line-height: 16px;font-family: 'Roboto', sans-serif;}
.eliminar a img{margin: 0 6px 0 0px;}
.obra-btns{padding: 36px 0;}
.obra-btns-lt a{color: #006098;font-size: 14px;line-height: 16px;font-family: 'Roboto', sans-serif;font-weight: bold;text-transform: uppercase;}
.obra-btns-lt a img{margin: 0 10px 0 0;}
.obra-btns-rt a{background: #006098;color: #FFFFFF;font-weight: bold;font-size: 14px;line-height: 16px;font-family: 'Roboto', sans-serif;padding: 8px 29px;border-radius: 38px;text-transform: uppercase;}
.adv-lt{position: absolute;left: 0;top: 67px;}
.adv-rt{position: absolute;right: 0px;margin: 0 auto;left: auto;}
.adv-tp{position: absolute;left: 35px;right: 0;top: 25px;padding: 0 10px 0 0;}
.adv-lt span{color: #006098;font-size: 16px;line-height: 20px;font-weight: 600;}
.advance-img{position: relative;}
.advance-img figure{width: 85%;margin: 0 auto;margin-right: 44px;}
.advance-img figure img{width: 100%;}
.advance-img figure img.prog2{display: none;}
.yes_block .advance-img figure img.prog1{display: none;}
.yes_block .advance-img figure img.prog2{display: block;}
.actualizar{max-width: 555px;margin: 0 auto;background: #fff;border-radius: 4px;text-align: center;padding: 25px 42px 40px 41px;position: relative;}
.actualizar-in{}
.actualizar-in h4{padding: 0 0 11px 0;}
.actualizar-in h5{color: #666666;font-size: 20px;padding: 0 0 25px 0;}
.yes_block.actualizar-in h4{padding: 0 0 7px 0;}
.yes_block.actualizar-in h5{padding: 0 0 11px 0;}
.advance-img{}
.advance-img h5{text-align: left;color: #006098;padding: 0;margin: 0 0 19px 0;}
.yes_block .advance-img h5{margin: 0 0 7px 0;}
.yes_block .despues_cnt{display: block;}
.despues_cnt{background: rgba(248, 173, 54, 0.1); border: 1px solid #F8AD36; border-radius: 4px; position: relative;margin: 0 0 24px 0;display: none;}
.despues_cnt p{font-size: 14px; line-height: 19px; color: #C79100; padding: 16px 30px 16px 13px;}
.despues_cnt a{position: absolute; right: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
/*
.monitoreo .chat_todos_top_in .switch{position: relative;display: inline-block;width: 60px;height: 32px;margin: 0 0;}
.monitoreo .chat_todos_top_in .switch input{display: none;}
.monitoreo .chat_todos_top_in .slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #d7d7d7;-webkit-transition: .4s;transition: .4s;}
.monitoreo .chat_todos_top_in .slider:before{position: absolute;content: "";height: 23px;width: 23px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.monitoreo .chat_todos_top_in .slider.round{border-radius: 34px;}
.monitoreo .chat_todos_top_in .slider.round:before{border-radius: 50%;}
.monitoreo .chat_todos_top_in input:checked + .slider{background-color: #006098;}
.monitoreo .chat_todos_top_in input:checked + .slider:before{-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.monitoreo .chat_todos_top_in .slider:after{content: "No";font-size: 14px;line-height: 16px;font-weight: 700;color: #1b1b1b;position: absolute;right: 12px;top: 52%;transform: translateY(-50%);}
.monitoreo .chat_todos_top_in input:checked + .slider:after{content: "Si";right: auto;left: 5px;color: #ffffff;}
*/
.obras_main .conversation_lem_main{display: none;}
.yes_open1 .obras_main .conversation_lem_main{display: block;}
.canches3{padding-bottom: 16px;}
.camba{padding: 36px 0 37px 0;}
.camba-lt{padding: 0 35px 0 0;}
.camba-rt{padding: 0 0 0 12px;}
.camba-rt-in{}
.camba-rt-lt{}
.camba-rt-lt h6{font-size: 14px;color: #000000;font-family: 'Roboto', sans-serif;font-weight: bold;padding: 5px 0 0 9px;}
.camba-rt-rt{}
.canches2 .form-group textarea.form-control{height: 85px;}
.canches3 .form-group textarea.form-control{height: 123px;}
.actualizar .chat_iniciar{}
.actualizar .chat_iniciar ul{width: 65%; margin: 0 auto;}
.eliminar-pop .chat_iniciar1 ul{width: 100%;}
.actualizar .chat_iniciar ul li{width: 68%;text-align: center;margin-left: auto;}
.actualizar .chat_iniciar ul li:first-child{width: 32%;}
.actualizar .chat_iniciar ul li a{font-family: 'Roboto', sans-serif;font-size: 14px; line-height: 16px; font-weight: 700;text-transform: uppercase; color: #006098;margin: 0 17px 0 0;}
.actualizar .chat_iniciar ul li a.btn2{font-family: 'Roboto', sans-serif;color: #ffffff;width: 100%;padding: 10px 0;margin: 0 25px;letter-spacing: 0;}
.actualizar .chat_iniciar ul li a.activey{display: none;}
.actualizar .yes_block .chat_iniciar ul li a.activen{display: none;}
.actualizar .yes_block .chat_iniciar ul li a.activey{display: block;}
.btn2{font-family: 'Roboto', sans-serif;font-size: 16px; line-height: 20px; font-weight: 700; color: #ffffff; background: #006098; width: 179px; padding: 15px 0; display: block; text-align: center; text-transform: uppercase;border-radius: 30px;}
.alert{background: rgba(248, 173, 54, 0.1);border: 1px solid #F8AD36;border-radius: 4px;color: #C79100;padding: 15px 42px 15px 42px;font-size: 14px;line-height: 20px;font-family: 'Roboto', sans-serif;}
.manten-top-right{}
.manten-top-right ul{}
.manten-top-right ul li{padding: 0 0px 0px 11px;}
.manten-top-right ul li a{color: #999999;font-size: 14px;line-height: 16px;font-weight: 400;display: block;font-family: 'Roboto', sans-serif;}
.manten-top-right ul li.active a{color: #006098;font-size: 23px;line-height: 22px;font-weight: 600;font-family: 'Fira Sans', sans-serif;}
.manten.active .arrow{background: url(../images/expand-arrow.png) no-repeat;}
.registrar-main{padding: 50px 0 30px 0;}
.fecha-top-right a{color: #92C83E;font-size: 30px;}
.manten-b-b-in ul li p strong{display: inline-block;    color: #666666;font-weight: bold;}
.registrar-main1 .manten-b-b-in.in1:before{top: 17px;}
.registrar-main1 .manten-top-right ul li.active a{color: #92C83E;}


.monitoreo .featherlight .featherlight-content{padding: 0 0;/* overflow: inherit; */}
.monitoreo .featherlight .featherlight-close-icon{font-size: 0; background: url(../images/pop_close.png) no-repeat; width: 20px; height: 20px; right: 25px; top: 25px;outline: inherit;}
.eliminar-pop{max-width: 519px;margin: 0 auto;background: #fff;border-radius: 4px;padding: 20px 21px;text-align: center;}

.eliminar-pop h5{color: #006098;padding-bottom: 12px;}
.eliminar-pop p{color: #f00;font-size: 16px;padding-bottom: 17px;padding-top: 0;line-height: 23px;}
.eliminar-pop p strong{display: block;font-weight: bold;}
.eliminar-pop .chat_iniciar{max-width: 300px;margin: 0 auto;}
.eliminar-pop .chat_iniciar ul{margin: 0 -15px;}
.eliminar-pop .chat_iniciar ul li{padding: 0 15px;}
.eliminar-pop .chat_iniciar ul li a{color: #006098;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: bold;}
.eliminar-pop .chat_iniciar ul li a.btn2{color: #fff;}
.critera-rt-in{background: #f2f2f2;box-shadow: 2px 4px 8px rgba(0, 18, 32, 0.1);}
.sido{padding: 10px 0 0 0;background: #ffffff;}
.sido-in{background: rgba(146, 200, 62, 0.1);border: 1px solid #92C83E;border-radius: 4px;max-width: 1094px;margin: 0 auto;text-align: center;}
.sido-in p{color: #609700;padding: 17px 0;position: relative;}
.sido-in p:after{content: "x";color: #006098;font-size: 20px;position: absolute;right: 30px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.featherlight:last-of-type{background: rgba(0, 0, 0, 0.5) !important;}
.onoffswitch {position: relative;width: 60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;margin: 0 auto; overflow: hidden;}
/*
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block;overflow: hidden;cursor: pointer;background: #D7D7D7;border-radius: 20px;margin: 0;}
.onoffswitch-inner {width: 200%; margin-left: -100%;-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.onoffswitch-inner:before {content: "No"; padding-left: 10px;background-color:  #D7D7D7; color: #1B1B1B;}

.onoffswitch-switch {width: 22px;margin: 4px;background: #FFFFFF;border-radius: 20px;position: absolute;top: 0;height: 22px;bottom: 0;right: 26px;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px;}
*/

.onoffswitch-inner{width: 60px; height: 30px; background: #D7D7D7; border-radius: 20px;}
.yes_key .onoffswitch-inner{background: #006098;}
.onoffswitch-inner span{width: 22px;margin: 4px;background: #FFFFFF;border-radius: 20px;position: absolute;top: 0;height: 22px;bottom: 0;right: 30px;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);}
.yes_key .onoffswitch-inner span{right: 0;}
.onoffswitch-inner em{display: block; font-size: 14px; line-height: 16px; color: #1b1b1b;font-weight: 700; padding: 7px 0 7px 20px;}
.yes_key .onoffswitch-inner em.n1{display: none;}
.onoffswitch-inner em.y1{display: none;}
.yes_key .onoffswitch-inner em.y1{color: #ffffff; display: block; padding: 7px 20px 7px 0;}


/*--chat_vecinos page style start--*/
.chat_vecinos{padding: 0 0 111px 0;}
.chat_enter_vecinos{padding: 0 0 70px 0;}
.chat_top_links{padding: 22px 12px 26px 12px;}
.chat_top_links ul{margin: 0 0;}
.chat_top_links ul li{padding: 0 10px 0 12px;position: relative;}
.chat_top_links ul li a{font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 16px; font-weight: normal; color: #999999;}
.chat_top_links ul li.active a{color: #006098;}
.chat_top_links ul li:after{content: "/"; font-size: 13px; line-height: 18px; color: #999999; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.chat_top_links ul li:last-child:after{display: none;}
.chat_vecinos_main{padding: 0 50px;}
.chat_vecinos_main h3{text-align: center;}
.chat_vecinos_in{padding: 0 50px;}
.chat_vecinos_left{padding: 37px 18px 0 0;}
.chat_vecinos_left figure{}
.chat_vecinos_left figure img{}
.chat_vecinos_right{padding: 0 50px 0 15px;}
.chat_vecinos_right h5{color: #006098;margin: 0 0; padding: 23px 0 30px 0;}
.chat_vecinos_right p{color: #272727; padding: 0 0 18px 0;}
.chat_vecinos_right a{margin: 10px 0 0 0;}

.chat_enter_main{padding: 2px 20px 0 20px;}
.chat_enter_main h3{padding: 0 0 14px 0;}
.chat_enter_main > p{font-size: 16px; line-height: 18px; color: #2B2B2B;padding: 0 0 30px 0;}
.chat_enter_main > a{width: 146px; padding: 10px 0; font-size: 14px; line-height: 16px; margin: 0 0 30px 0;}
.chat_enter_in{border: 1px solid #EEEEEE;background: #ffffff;}
.chat_enter_left{-ms-flex: 0 0 30.8%; flex: 0 0 30.8%; max-width: 30.8%; -webkit-flex:0 0 30.8%; padding: 0 2px 0 0;border-right: 1px solid #eeeeee;}
.chat_enter_left_main{overflow: auto;}
.chat_enter_left_main::-webkit-scrollbar {
    width: 12px;
}

.chat_enter_left_main::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #eeeeee;
}

.chat_enter_left_main::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #dddddd;
}
.chat_enter_left_in{height: 712px;margin: 0 2px 0 0; }
.chat_enter_left_in > ul{margin: 0 0;}
.chat_enter_left_in > ul > li{border-bottom: 1px solid #EEEEEE;border-right: 1px solid #eeeeee;}
.chat_cnt{padding: 16px 0 9px 18px;}
.chat_cnt.active{background: #FFF8E6;position: relative;}
.chat_cnt.active:after{content: " "; width: 5px; height: 100%; background: #F8AD36; position: absolute; left: 0; top: 0;}
.chat_cnt_left{width: 20%; padding: 4px 2px;}
.chat_cnt_left span{display: block; width: 40px; height: 40px; text-align: center; background: #ffffff; border-radius: 100%; padding: 7px 0; border: 1px solid #EEEEEE;}
.chat_cnt_left span img{margin: 0 auto;}
.chat_cnt_right{width: 80%;}
.chat_right_top{padding: 0 2px 4px 2px;}
.chat_right_top p{text-align: left; width: 92%; font-size: 16px; line-height: 20px;}
.toll_tip_icon{padding: 2px 0 2px 2px; position: relative; width: 8%;}
.toll_tip_icon a{display: block;}
.toll_tip_icon:hover .tool_tip_cnt{display: block;}
.chat_cnt.active .tool_tip_cnt{background: #ffffff;}
.tool_tip_cnt{width: 148px;display: none;position: absolute;right: -3px;top: 32px;padding: 18px 0 16px 0;background: #FFF8E6;border-radius: 5px;box-shadow: 4px 8px 16px 0px rgba(0,18,32,0.15);}
.tool_tip_cnt a{font-size: 14px; line-height: 16px; font-weight: 700; color: #666666;display: block;}
.tool_tip_cnt a img{display: inline-block;margin: 0 8px 0 -3px;vertical-align: middle;}
.chat_cnt.active .tool_tip_cnt:after{border-bottom: 11px solid #ffffff;}
.tool_tip_cnt:after{content: " ";width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 11px solid #FFF8E6;position: absolute;right: 14px;top: -9px;}
.chat_cnt_right ul{padding: 0 17px 0 0;}
.chat_cnt_right ul li{}
.chat_cnt_right ul li em{font-size: 10px; line-height: 12px; font-weight: normal; color: #999999;font-family: 'Roboto', sans-serif; display: inline-block; padding: 2px 8px; border: 1px solid #D7D7D7; border-radius: 3px;}
.chat_cnt_right ul li span{font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 14px; font-weight: normal; color: #999999;}
.chat_enter_right{padding: 0 0 0 0;-ms-flex: 0 0 69.2%;flex: 0 0 69.2%;max-width: 69.2%;-webkit-flex:0 0 69.2%;position: relative;}
.chat_enter_right_main{overflow: auto;}
.chat_enter_right_main::-webkit-scrollbar {
    width: 12px;
}

.chat_enter_right_main::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #eeeeee;
}

.chat_enter_right_main::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #dddddd;
}
.chat_enter_right_in{height: 712px;padding: 0 0 0 15px;}
.chat_enter_right_in ul{margin: 0 0;}
.chat_enter_right_in ul li{}
.chat_enter_right_in ul li:last-child{padding: 0 0 105px 0;}
.chat_message_main{padding: 30px 72px 11px 43px; border-right: 1px solid #D7D7D7;}
.chat_message_main.torre1{padding: 15px 72px 11px 43px;}
.chat_message_main.torre2{padding: 1px 72px 11px 43px;}
.chat_message{background: #E5F4FF;padding: 10px 17px 20px 17px;position: relative;border-radius: 5px;}
.chat_message h6{font-family: 'Roboto', sans-serif;font-size: 14px; line-height: 18px; font-weight: 700; color: #000000;}
.chat_message p{font-family: 'Roboto', sans-serif;font-size: 14px; line-height: 21px; font-weight: normal; color: #333333;}
.chat_message span{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 18px;font-weight: normal;color: #999999;position: absolute;right: 16px;top: 84px;letter-spacing: 0.2px;}
.chat_message:after{content: " "; background: url(../images/chat_profile.png) no-repeat; width: 30px; height: 30px; position: absolute; left: -40px; top: 0;}
.date_divider{background: #ffffff;position: relative;text-align: center;padding: 9px 26px 6px 12px;margin: 0 0 0 1px;border-right: 1px solid #D7D7D7;}
.date_divider span{display: inline-block;padding: 3px 10px;margin: 0;background: #ffffff;}
.date_divider span em{font-family: 'Roboto', sans-serif;font-size:14px;line-height: 16px;font-weight: normal;background: #d7d7d7;color: #666666;padding: 3px 10px;letter-spacing: 0.2px;border-radius: 5px;position: relative;z-index: 99;}
.date_divider:after{content: " ";width: 96%;background: #D7D7D7;height: 1px;position: absolute;left: 0;top: 50%;}
.torre1 .chat_message{padding: 10px 17px 12px 17px;}
.torre1 .chat_message span{top: 58px; right: 22px;}
.torre2 .chat_message{padding: 12px 17px 14px 17px;}
.torre2 .chat_message span{top: 35px; right: 22px;}
.torre2 .chat_message:after{display: none;}
.replay_message{padding: 18px 22px 3px 90px;border-right: 1px solid #D7D7D7;}
.replay_message.torre1{padding: 5px 22px 46px 90px;}
.replay_message.torre11{padding: 5px 22px 120px 90px;}
.replay_message .chat_message{padding: 16px 17px 14px 21px; background: #FFEFCC;}
.replay_message.torre1 .chat_message{padding: 10px 17px 14px 21px}
.replay_message.torre1 .chat_message span{top: 33px; right: 16px;}
.replay_message .chat_message span{top: 39px; right: 22px;}
.replay_message .chat_message:after{display: none;}

.message_reply{position: absolute;bottom: 0;padding: 0 8px 0 0;width: 100%;left: -4px;z-index: 9999;}
.message_reply_main{background: #EEEEEE;padding: 10px; border-right: 1px solid #D7D7D7;}
.message_reply_in{background: #ffffff;padding: 0 10px 9px 0;}
.message_reply_in textarea{width: calc(100% - 85px);border: 0;resize: inherit;font-size: 16px;line-height: 18px;font-weight: normal;color: #999999;padding: 11px 16px 12px 16px;font-family: 'Roboto', sans-serif;}
.message_reply_in label{background: #ffffff;margin: 0 0;text-align: right;}
.message_reply_in label button{outline: inherit; cursor: pointer;}
.message_reply_in ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
.message_reply_in ::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
.message_reply_in :-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
.message_reply_in :-moz-placeholder { /* Firefox 18- */
  color: #999999;
}

.chat_nuevo{width: 553px; margin: 0 auto; background: #ffffff;border-radius: 5px;}
.chat_nuevo_in{padding: 50px 40px 40px 40px;}
.chat_nuevo_top{padding: 0 0 32px 0;}
.chat_nuevo_top h4{padding: 0 0 19px 0;}
.chat_nuevo_top .the-legend {border-style: none;border-width: 0;font-size: 12px;line-height: 20px;color: #006098;font-weight: 700;margin-bottom: 0;width: auto;padding: 1px 1px 0px 1px;}
.chat_nuevo_top .the-fieldset {border: 1px solid #4597CB;padding: 11px 10px 15px; border-radius: 5px;}
.chat_nuevo_top input{font-family: 'Roboto', sans-serif;font-size: 16px; line-height: 20px; font-weight: normal; color: #333333; border: 0; width: 100%;}
.chat_nuevo_top ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333333;
}
.chat_nuevo_top ::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
}
.chat_nuevo_top :-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
.chat_nuevo_top :-moz-placeholder { /* Firefox 18- */
  color: #333333;
}
.chat_particepents{padding: 0 0 10px 0;}
.chat_particepents h6{font-size: 16px;line-height: 18px;font-weight: 700;color: #1b1b1b;padding: 0 0 2px 0;font-family: 'Roboto', sans-serif;}
.chat_particepents_in{padding: 11px 12px 2px 12px;border: 1px solid #D7D7D7; border-radius: 5px;}
.chat_particepents_in ul{margin: 0 0;}
.chat_particepents_in ul li{padding: 0 10px 10px 0;}
.chat_particepents_in ul li p{background: #eeeeee;font-size: 12px;line-height: 14px;font-weight: normal;color: #666666;width: 174px;padding: 4px 10px;border-radius: 10px;}
.chat_particepents_in ul li p span{padding: 0 6px 0 0;}
.chat_particepents_in ul li p a{}
.chat_particepents_in ul li p a img{}

.chat_todos_main{border: 1px solid #D7D7D7; margin: 0 0 20px 0;}
.chat_todos{padding: 0 0;position: relative;overflow: auto;margin: 0 1px 0 0;}
.chat_todos_in{height: 262px;padding: 50px 0 0 0;}
.chat_todos_top_in .switch{position: relative;display: inline-block;width: 60px;height: 32px;margin: 0 0;}
.chat_todos_top_in .switch input{display: none;}
.chat_todos_top_in .slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #d7d7d7;-webkit-transition: .4s;transition: .4s;}
.chat_todos_top_in .slider:before{position: absolute;content: "";height: 23px;width: 23px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.chat_todos_top_in .slider.round{border-radius: 34px;}
.chat_todos_top_in .slider.round:before{border-radius: 50%;}
.chat_todos_top_in input:checked + .slider{background-color: #006098;}
.chat_todos_top_in input:checked + .slider:before{-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.chat_todos_top_in .slider:after{content: "No";font-size: 14px;line-height: 16px;font-weight: 700;color: #1b1b1b;position: absolute;right: 12px;top: 52%;transform: translateY(-50%);}
.chat_todos_top_in input:checked + .slider:after{content: "Yes";right: auto;left: 5px;color: #ffffff;}
.chat_todos_top{padding: 9px 12px 0 15px;position: absolute;width: 99.8%; border-right: 1px solid #D7D7D7; top: 0;left: 0;}
.chat_todos_top_in{padding: 0 0 8px 0; border-bottom: 1px solid #D7D7D7;}
.chat_todos_top_in strong{font-size: 14px; line-height: 16px; font-weight: 700; color: #000000;}
.chat_adiministrador_main{margin: 0 1px 0 0;}
.chat_adiministrador{padding: 19px 0 0;border-right: 1px solid #D7D7D7;;}
.chat_adiministrador em{font-size: 14px;line-height: 16px;font-weight: normal;color: #979797;padding: 0 16px;letter-spacing: -0.1px;display: block;font-family: 'Roboto', sans-serif;}
.chat_adiministrador ul{margin: 0 0;padding: 8px 0;}
.chat_adiministrador ul li{padding: 11.5px 16px;}
.chat_adiministrador ul li.active{background: #FFF8E6;}
.chat_adiministrador ul li span{font-size: 14px;line-height: 16px;color: #000000;font-weight: normal;letter-spacing: 0px;font-family: 'Roboto', sans-serif;}
.chat_todos::-webkit-scrollbar {
    width: 12px;
}

.chat_todos::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #eeeeee;
}

.chat_todos::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #dddddd;
}

.icono_del{padding: 11px 0 11px 0;}
.icono_del h6{font-size: 16px;line-height: 18px;font-weight: 700;color: #000000;padding: 0 0 25px 0;font-family: 'Roboto', sans-serif;margin: 0 0;}
.icono_del ul{margin: 0 -10px;}
.icono_del ul li{padding: 0 11px 20px 11px;}
.icono_del ul li a{width: 60px; height: 60px; display: block;padding: 16px 0; border: 1px solid #e1e1e1; border-radius: 100%;}
.icono_del ul li a img{margin: 0 auto;}
.icono_del ul li.active a{border: 2px solid #f8ad36;}
.chat_iniciar{}
.chat_iniciar ul{width: 65%; margin: 0 auto;}
.chat_iniciar ul li{width: 50%;text-align: center;}
.chat_iniciar ul li a{font-family: 'Roboto', sans-serif;font-size: 14px; line-height: 16px; font-weight: 700;text-transform: uppercase; color: #006098;margin: 0 17px 0 0;}
.chat_iniciar ul li a.btn2{font-family: 'Roboto', sans-serif;color: #ffffff;width: 100%; padding: 10px 0; margin: 0 0; letter-spacing: 0;}
.lightbox-wrapper{ display: none; }

.chat_enter_vecino .featherlight .featherlight-content{padding: 0}
.chat_enter_vecino .featherlight .featherlight-close-icon{font-size: 0; background: url(../images/pop_close.png) no-repeat; width: 20px; height: 20px; right: 25px; top: 25px;outline: inherit;}

.esta_conversation{width: 500px; margin: 0 auto; background: #ffffff; border-radius: 5px;}
.esta_conversation_in{padding: 40px 20px 16px 20px;}
.esta_conversation_in h5{color: #006098; line-height: 34px; padding: 3px 0;}
.esta_conversation_in p{font-size: 16px; line-height: 24px;width: 85%; margin: 0 auto; text-align: center;padding: 2px 0;}
.esta_conversation_in .chat_iniciar{padding: 16px 0;}
.esta_conversation_in .chat_iniciar ul{width: 54%; margin-right: 20%; padding: 0 0 0 2px;}
.esta_conversation_in .chat_iniciar ul li{text-align: left;}
.esta_conversation_in .chat_iniciar ul li a.btn2{padding: 11px 0;}

.conversation_lem_main{
    padding: 18px 0 0;
}
.conversation_lem{background: rgba(146, 200, 62, 0.1);border: 1px solid #92C83E;text-align: center;padding: 16px 19px 13px 0;width: 95.5%;margin: 0 auto;border-radius: 5px;position: relative;}
.conversation_lem p{color: #609700;}
.conversation_lem a{position: absolute; right: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.update_message{background: rgba(146, 200, 62, 0.1);border: 1px solid #92C83E;text-align: center;padding: 16px 19px 13px 0;width: 95.5%;margin: 0 auto;border-radius: 5px;position: relative;margin-top: 10px;}
.update_message p{color: #609700;}
.update_message a{position: absolute; right: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}

/*-- residentes starts here --*/
.checkboxes label input {display: none;}
.checkboxes label span {font-size: 16px;line-height: 18px;font-weight:500;color: #1B1B1B;padding: 0 0 8px 27px;margin: 0 0;background: url('../images/uncheck.png') no-repeat 0 3px;cursor: pointer;}
.checkboxes label input:checked + span{background-image: url('../images/check.png');}
.radioboxes p label{margin: 0 0 16px 0;vertical-align: top;}
.radioboxes label input {display: none;}
.radioboxes label span {font-size: 16px;line-height: 18px;font-weight: 400;color: #333333;letter-spacing: 0.1px;padding: 0 0 8px 27px;margin: 0 0;background: url('../images/radio-uncheck.png') no-repeat 0 3px;cursor: pointer;font-family: 'Roboto', sans-serif;}
.radioboxes label input:checked + span{background-image: url('../images/radio-check.png');}
.radioboxes p label input:checked + span{background-image: url('../images/radio-check.png');}
.residentes{padding: 0 0 17px 0;}
.residentes h5{font-size: 16px;line-height: 18px;font-weight:bold;color: #1B1B1B;padding: 0 0 21px 0;margin: 0 0;font-family: 'Roboto', sans-serif;}
.chat_particepents_in.content ul li p{width: 100%;}
.chat_particepents_in.content ul li {padding: 0 10px 12px 0;}
.chat_particepents_in.content{margin: 0 0 9px 0;}

.chat_particepents_in.active2{display: none;}
.chat_particepents_in.active3{display: none;}


/*-- Dashboard Residente page starts here --*/
.administrador{background: #F2F2F2;}
.administrador-in{padding: 0 0 30px 0;}
.administrador-lft{width: 68%;}
.atoms{}
.atoms h4{font-family: 'Fira Sans', sans-serif;font-size: 28px;line-height: 34px;font-weight: 600;color: #006098;margin: 0 0 0 0;padding: 7px 0 0 0;}
.coters{margin: 26px 0 0 0;}
.coters ul {margin: 0;}
.coters ul li{padding: 0 0 40px 0;}
.coters ul li.buen{padding: 0 0 30px 0;}
.coters-text.block{padding: 7px 14px 15px 14px;}
.coters-blk{max-width: 358px;}
.coters-text{background: #ffffff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);padding: 7px 13px 21px 12px;}
.coters-blk figure{}
.coters-text h6{font-family: 'Fira Sans', sans-serif;font-size: 16px;line-height: 24px;font-weight: 600;color: #006098;margin: 0 0 0 0;padding: 7px 0 0 0;}
.coters-text p{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 20px;font-weight: normal;color: #2B2B2B;margin: 0 0 0 0;letter-spacing: 0px;padding: 7px 3px;}
.coters-text span{font-family: 'Fira Sans', sans-serif;font-size: 20px;line-height: 24px;font-weight: 600;color: #006098;margin: 0 0 0 0;padding: 5px 0 0 0;display: block;}
.coters-text h5{font-family: 'Fira Sans', sans-serif;font-size: 14px;line-height: 16px;font-weight: normal;color: #666666;margin: 0 0 0 0;padding: 7px 0 0 0;letter-spacing: 0.2px;}
.avios{text-align: right;padding: 0 32px 0 0;margin: -11px 0 0 0;/* border-bottom: 1px solid #D8D8D8; */}
.avios ul{margin: 0 0 29px 0;}
.avios ul li{border-bottom: 1px solid #D8D8D8;padding: 0 0 10px 0;}
.avios ul li a{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 16px;font-weight: 600;color: #006098;margin: 0 0 0 0;letter-spacing: 0px;padding: 7px 3px;}
.avios ul li a .fa{font-size: 12px;}
.atoms.anunicios{padding: 34px 0 3px 0;}
.administrador-rgt{width: 32%;padding: 32px 0 0 0;}
.obras{padding: 0 0 0 0;box-shadow: 2px 4px 8px 0px rgba(0, 18, 32, 0.10);background: #ffffff;margin: 0 0 20px 0;border-radius: 4px;}
.obras-main{background: #eeeeee;padding: 9px 15px 7px 21px;}
.obras-main ul{margin: 0;}
.obras-main ul li{padding: 0 11px 0 0;}
.obras-main ul li h6{font-family: 'Fira Sans', sans-serif;font-size: 16px;line-height: 24px;font-weight: 600;color: #046BBF;margin: 0 0 0 0;padding: 0 0 0 0;letter-spacing: 0;display: block;}
.solon-in{padding: 19px 17px 0 19px;border-bottom: 1px solid #f3f3f3;}
.solon-lft{}
.solon-rgt{padding: 3px 0 0 0;}
.solon-rgt ul{}
.solon h6{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 21px;font-weight: 600;color: #5E5E5E;margin: 0 0 0 0;padding: 0 0 0 0;display: block;}
.solon-rgt ul li{vertical-align: top;padding: 0 0 0 7px;}
.solon-rgt ul li p{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 21px;font-weight: 400;color: #999999;margin: 0 0 0 0;padding: 0 0 0 0;letter-spacing: 0.2px;}
.solon-rgt ul li span{font-family: 'Fira Sans', sans-serif;font-size: 20px;line-height: 20px;font-weight: 600;color:#006098;margin: 0 0 0 0;letter-spacing: 0px;padding: 7px 3px;}
.consultar{text-align: right;padding: 7px 19px 13px 0;}
.consultar ul li a{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 16px;font-weight: 600;color: #006098;margin: 0 0 0 0;letter-spacing: 0px;display: block;}
.consultar ul{margin: 0;}
.elegir{border-bottom: 1px solid #F3F3F3;padding: 13px 12px 16px 19px;}
.elegir p{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 21px;font-weight: bold;color: #5E5E5E;margin: 0 0 0 0;padding: 0 0 0 0;display: block;}
.elegir span{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 21px;font-weight: normal;color: #5E5E5E;margin: 0 0 0 0;padding: 2px 0 0 0;display: block;}
.consultar.blk{padding: 15px 20px 12px 0;}
.valor{padding: 10px 14px 0 18px;}
.valor figure{}
.valor h4{font-family: 'Fira Sans', sans-serif;font-size: 24px;line-height: 29px;font-weight: 600;color:#006098;margin: 0 0 0 0;letter-spacing: 0px;padding: 7px 3px;}
.valor-lft{}
.valor-lft h4{font-family: 'Fira Sans', sans-serif;font-size: 24px;line-height: 29px;font-weight: 600;color:#006098;margin: 0 0 0 0;letter-spacing: 0px;padding: 0;}
.valor-lft h6{font-family: 'Roboto', sans-serif;font-size: 12px;line-height: 14px;font-weight: normal;color:#006098;margin: 0 0 0 0;text-transform: uppercase;letter-spacing: 0px;padding: 0;}
.valor-rgt{padding: 0 0 0 18px;}
.valor-rgt.Sauna{padding: 0 0 0 18px;}
.valor-rgt p{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;font-weight: normal;color:#5E5E5E;margin: 0 0 0 0;letter-spacing: 0px;padding: 7px 3px;}
.valor.enim{border-bottom: 1px solid #f3f3f3;padding: 10px 11px 8px 19px;}
.valor.Sauna{border-bottom: 1px solid #f3f3f3;padding: 13px 11px 16px 19px;}
.public{margin: 12px 0 0 0;padding: 0 0 10px 0;}
.consultar.Sauna{}
.public figure{}
.public figure img{margin: 0 auto;}
.solon-in.content{border-bottom: none;}
.elegir.content{border-bottom: none;}
.valor.enim.content{border-bottom: none;}
.valor.Sauna.content{border-bottom: none;}
/*-- Dashboard Residente page starts here --*/

/*-- Dashboard Residente details page starts here --*/
.avios.mas ul li{border-bottom: none;}
.enviado{max-width: 323px;margin: 6px auto 0;background: #ffffff;position: absolute;z-index: 9999;left: 56%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);top: 100%;display: none;box-shadow: 4px 8px 16px 0px rgba(0,18,32,0.15);}
.enviado-blk{background: #006098;padding: 8px 16px 5px 20px;position: relative;}
.enviado-blk:after{background: url(../images/blue-shape.png) no-repeat;width: 28px;height: 11px;content: '';position: absolute;top: -11px;right: 17px;}
.enviado-blk h4{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 17px;font-weight: 600;color: #ffffff;margin: 0 0 0 0;letter-spacing: 0px;padding: 0;}
.enviado-lft span.agosto{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img2.png) no-repeat center #f4b82a;display: block;}
.enviado-lft span{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img3.png) no-repeat center #58a3da;display: block;}
.enviado-lft span.Piscina{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img1.png) no-repeat center #036bc1;display: block;}

.enviado-rgt small{font-family: 'Roboto', sans-serif;font-size: 11px;line-height: 18px;font-weight: normal;color:#999999;margin: 0 0 0 0;letter-spacing: 0px;padding: 7px 0 0 0;}
.enviado-rgt p{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 18px;font-weight: normal;color:#333333;margin: 0 0 0 0;letter-spacing: 0px;padding: 3px 0px 0 0;}
.enviado-lft{width: 15%;padding: 9px 0 0 0;}
.enviado-rgt{width: 85%;padding: 0 0 0 12px;}
.enviado-main{padding: 12px 16px 12px 21px;border-bottom: 1px solid #f3f3f3;}
.todas a{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 16px;font-weight: 600;color:#036bc1;margin: 0 0 0 0;letter-spacing: 0px;}
.todas{text-align: center;padding: 7px 0 7px 0;}



/*-- Dashboard Residente notificacion page starts here --*/
.notification{background:#fbfbfb;}
.notificacion-content{padding: 26px 0 50px 0;}
.naevo{background: #ffffff;border: 1px solid #eeeeee;padding: 16px 10px 22px 20px;border-radius: 5px 5px 0 0px;}
.naevo.noti1{background: #fefbf4;border-radius: inherit;padding: 22px 10px 20px 21px;}
.naevo.noti2{border-radius: inherit;padding: 24px 10px 19px 20px;}
.naevo-lft{width: 5%;}
.naevo-lft span{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img1.png) no-repeat center #036bc1;display: block;}
.naevo-lft span.noti1{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img2.png) no-repeat center #f4b82a;display: block;}
.naevo-lft span.noti2{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img3.png) no-repeat center #5aa4da;display: block;}
.naevo-lft span.noti3{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img4.png) no-repeat center #8fcf70;display: block;}
.naevo-lft span.noti7{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img4.png) no-repeat center #8bd366;display: block;}
.naevo-lft span.noti4{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img2.png) no-repeat center #f4b625;display: block;}
.naevo-lft span.noti5{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img3.png) no-repeat center #58a3da;display: block;}
.naevo-lft span.noti6{width: 40px;height: 40px;border-radius: 100px;background: url(../images/noti-img3.png) no-repeat center #56a5df;display: block;}
.naevo-lft span img{}
.naevo-rgt{padding: 1px 0 0 0;width: 95%;}
.naevo-rgt small{font-family: 'Roboto', sans-serif;font-size: 11px;line-height: 18px;font-weight: normal;color:#999999;margin: 0 0 0 0;letter-spacing: 0px;padding: 7px 0 0 0;}
.naevo-rgt p{font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 18px;font-weight: normal;color:#333333;margin: 0 0 0 0;letter-spacing: 0px;padding: 3px 0px 0 0;}
.manten.active .actual{display: block;}
.manten.active .manten-top-right{display: none;}


/*-- chat_msg_top starts here --*/
.chat_msg_top{padding: 15px 25px; background: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 24, 44, 0.2); display: none;}
.chat_msg_top ul{margin: 0 0}
.chat_msg_top ul li{padding: 0 15px;}
.chat_msg_top ul li a{display: block;}
.chat_msg_top ul li span{display: block; width: 40px; height: 40px; text-align: center; border: 1px solid #EEEEEE; border-radius: 100%;padding: 8px 0;}
.chat_msg_top ul li span img{margin: 0 auto;}
.chat_msg_top ul li p{font-size: 16px; line-height: 19px; color: #666666; text-align: left;}

.project h2{position: absolute;right: -115px;top: -25px;color: #006098;width: 100px;}
.ui-slider-range {background:#F8AD36 !important;}
.percent {color: #006098 !important;font-weight:bold;text-align:center;width:100%;border:none;font-size: 40px;line-height: 40px;background: transparent;}
.ui-slider-horizontal .ui-slider-handle{background: #D1912C;width: 20px;height: 20px;border-radius: 100%;border: none;outline: none;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{background: #EEEEEE; border: none;position: relative;}
#tabs-1 .fecha-top-right{display: none;}

.percent::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #006098;
  opacity: 1; /* Firefox */
}

.percent:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #006098;
}

.percent::-ms-input-placeholder { /* Microsoft Edge */
  color: #006098;
}

.advance-img .percent{font-size: 16px;line-height: 20px;}
.advance-img .project h2{position: absolute;left: 35px;right: 0;top: 0px;width: 100%;}

.over-lay {background:  rgba(0, 0, 0, 0.5);left: 0;top: 0;z-index: 9;}
.add_qle-popup-block {position: fixed;width: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);left: 0;z-index: 9;overflow: auto;height: 80%;}

.close-popup{position: absolute;right: 15px;top:15px;}

.prog2{display: none;}
.actualizar-in.yes_block .prog2{display: block;}
.actualizar-in.yes_block .prog1{display: none;}
.project2 .ui-slider-range{background: #92c83e !important;}
.project2 .ui-slider-horizontal .ui-slider-handle{background: #609700;}







input, textarea, button, select {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    -webkit-border-radius: 0;
	outline:none;
}