body {
	margin: 0;
	padding: 0;
	background-color: #edf4fb;
}

.span-minimsj{
	font-size: 11px;
  font-weight: 200;
  color: #777777;
}

.balance-info-div{
	padding-right: 10px;
  padding-left: 10px;
}

.balance-info{
	padding: 5px;
  /* border-radius: 5px; */
  font-size: 12px;
  color: #757575;
  background-color: #e0f8ff;
  border-radius: 0px;
	text-align: left;
}

.crossed-price{
	text-decoration: line-through;
	color: #9c9c9c !important;
	font-size: 16px;
	margin-bottom: -10px;
}

.link-like-text{
	font-weight: 300;
	font-size: 13px;
	color: #295d81;
	text-decoration: underline;
	cursor: pointer;
}

.modal-content{
	width: auto;
}

.featuredItemCaption{
	vertical-align: baseline;
	margin-left: 10px;
	font-size: 11px;
	font-weight: 300;
	margin-top: -5px;
	color: gray;
	font-family: " Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

.featuredItemPrice{
	position: absolute;
  bottom: 5px;
  left: 30px;
  padding: 4px;
  background-color: #2b2b2beb;
  border-radius: 5px;
  color: white;
}

.FeaturedItemPiece{
	cursor:pointer;
	margin-top: 10px;
}

.FeaturedItemBlock:hover{
	border: solid 2px #808080 !important;
}

.featuredItemsZone{
	margin-top: 20px;
	margin-bottom: 20px;
}

.featuredListingItem{
	background-color: #d6ebff !important;
	border-top: 1px solid #63636382 !important;
	border-bottom: 1px solid #63636382 !important;
}

.charsLeftSpan{
	font-size: 12px;
	margin-top: -8px;
	font-weight: 300;
	color: #2b6989;
}

.movementRow{
	cursor: pointer;
}

.movementReject{
	background-color: #ffc4c47d;
}

.sumMovement{
	display: inline-block;
  vertical-align: text-top;
}

.movementsTable h3{
	font-weight: 400;
	font-size: 14px;
}

.movementsTable h4{
	font-weight: 400;
	font-size: 12px;
	color: #00c72e;
	display: inline-block;
}

.movementsTable h5{
	font-weight: 300;
	font-size: 12px;
	margin-top: -7px;
}

.balanceResult{
	font-weight: 400;
  font-size: 12px;
  color: #6f6f70;
  display: inline-block;
  margin-left: 3px;
}

.publishTypeOption h5{
	color: #3c3c3c;
  font-weight: 400;
}

.publishTypeOption h4{
	font-size: 20px;
	color: #5cb85b;
}

.publishTypeOption h3{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #3379b7;
	font-weight: 400;
}

.publishTypeOption h2 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #366588;
    font-weight: 400;
}



.account-balance{
	text-align: center;
  padding: 1px;
  margin-top: 10px;
	margin-bottom: 10px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 1px 2px 0 0 #e0e0e0;
}

.balance-lg{
	display: block;
}

.balance-xs{
	display: none;
}

.account-balance h2{
	margin-top: 0px;
  font-weight: 200;
  color: #6f6f6f;
}

.account-balance h3{
	font-weight: 300;
  margin-bottom: 0px;
  margin-top: 10px;
}

.account-balance-span{
	font-weight: 200;
  margin-top: -25px;
  color: #44ae2c;
}

.itemIDErrorDiv{
	padding: 20px;
  text-align: center;
  border-radius: 5px;
}

.itemIDErrorDiv h2{
	font-size: 22px;
  font-weight: 400;
	color: #ff6f6f;
}

.itemIDErrorDiv i{
	color: #ff7070;
  margin-right: 7px;
  vertical-align: text-top;
	margin-top: 2px;
}


.update-profile-btn{
	width: 60%;
	margin-bottom: 15px;
	margin-top: 10px;
	border-radius: 15px;
	box-shadow: 1px 2px 0 0 #959595;
}

.edit-item-options-modal-btn{
	width: 100%;
  margin-bottom: 15px;
}

.edit-item-options-btn{
	position:absolute;
	right:15%;
	border-radius:15px;
	height:30px;
	width:30px;
	font-size : 15px;
	box-shadow: 3px 3px 3px #888888;
	margin-top: -30px;
}

.featured-item-options-btn{
	position: absolute;
  left: 15%;
  border-radius: 12.5px;
  height: 25px;
  width: 25px;
  font-size: 19px;
  box-shadow: 3px 3px 3px #888888;
  margin-top: 35px;
}

.btn-anu-info{
	padding: 0px 6px !important;
  font-size: 15px !important;
  border-radius: 100px !important;
  line-height: 30px !important;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #37a8ff;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 50%;
  margin-left: -70px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #37a8ff transparent transparent transparent;
}

.socialButtons{
	position: absolute;
  bottom: 0;
  width: 57%;
	text-align: center;
}

.socialButtons h3{
	font-family: 'Lato', Arial;
	vertical-align: sub;
  color: #66666673;
  font-size: 13px;
	margin-top: 10px;
}

.socialButtons span{
	vertical-align: text-top;
}

.socialButtons .button{
	border: 0px;
  border-top: 1px #b0b4b8;
  border-style: solid;
}

.socialButtons .button:hover h3{
	color: #000000e0;
}

.shareButton:hover .tooltiptext {
  visibility: visible !important;
  opacity: 1;
}



.toggleSideMenu {
	margin: 5px 5px 0 0;
  position: relative;
  display: inline-block;
  pointer-events: auto;
  /*margin: -5px;
	padding: 5px; */
}

.likeButtonP{
	display: inline-block;
	white-space: nowrap;
	margin-left: 5px;
	margin-bottom: 0px;
}

.itemCommentsBar{
	margin-top: 0px;
  background-color: #f8f8f8;
  margin: 0px;
  width: 100% !important;
  bottom: 0;
  min-height: 30px;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1430;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
	box-shadow: -1px 0px 2px #bfbfbf;
}

.itemCommentsBar h3{
	margin-top: 5px;
	margin-right: 5px;
	display: inline-block;
	cursor: pointer;
}

.itemCommentsBar .share{
	vertical-align: sub;
	margin-left: 3px;

}

.tooltiptextItem {
  bottom: 100% !important;
	margin-left: 0px !important;
  left: 30px !important;

}

.share:hover .tooltiptextItem {
 visibility: visible !important;
 opacity: 1 !important;
}

.actions-brief-item{
	margin-top: 12px;
	white-space: nowrap;
}

.userNameComment{
	cursor: pointer;
}

.item-info-desc{
	margin-top: 0px;
  font-family: 'Lato', Arial;
  font-weight: 400;
}

.input-group-select{
	margin-top: 0px !important;
  height: 32px !important;
}

.changeProfilePicture h4{
	color: #2a6989;
  font-size: 14px;
}

.profile-list-item{
	cursor: pointer;
}

.profile-list-item:hover{
	background-color: #ececec;
  border: 1px solid #7b7b7b !important;
}

.profile-pic-modal-div{
	padding:40px;
}



.bar-subheader {
  top: 44px;
  height: 44px;
}
.bar-subheader .title {
  height: 43px;
  line-height: 44px;
}

.post-category-state{
	bottom: -35px !important;
}

.post-category-item{
	bottom: -20px !important;
}

.post-category-state-item{
	bottom: -40px !important;
}


.post-category {
  position: absolute;
  right: 0px;
  bottom: -15px;
  border-radius: 2px 0px 0px 2px;
  padding: 1px 10px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.post-category {
  border-right: 2px solid #d8d8d8;
  background-color: #F1F1F1;
  color: #727272; }
  .post-category.Telefonos {
    border-color: #387ef5;
    background-color: rgba(105, 157, 247, 0.7);
    color: #FFFFFF; }
  .post-category.ComputadorasyTablets {
    border-color: #387ef5;
    background-color: rgba(105, 157, 247, 0.7);
    color: #FFFFFF; }
  .post-category.AudioTVFotoVideo {
    border-color: #387ef5;
    background-color: rgba(105, 157, 247, 0.7);
    color: #FFFFFF; }
  .post-category.ConsolasyVideojuegos {
    border-color: #387ef5;
    background-color: rgba(105, 157, 247, 0.7);
    color: #FFFFFF; }
  .post-category.OtrosElectronicos {
    border-color: #387ef5;
    background-color: rgba(105, 157, 247, 0.7);
    color: #FFFFFF; }


  .post-category.AutosyCamionetas {
    border-color: #ef473a;
    background-color: rgba(243, 115, 105, 0.7);
    color: #FFFFFF; }
  .post-category.AutopartesyAccesorios {
    border-color: #ef473a;
    background-color: rgba(243, 162, 105, 0.73);
    color: #FFFFFF; }
  .post-category.Motocicletas {
    border-color: #ef473a;
    background-color: rgba(243, 115, 105, 0.7);
    color: #FFFFFF; }
  .post-category.CamionetasyComerciales {
    border-color: #ef473a;
    background-color: rgba(243, 162, 105, 0.73);
    color: #FFFFFF; }
  .post-category.NauticayAviacion {
    border-color: #ef473a;
    background-color: rgba(243, 162, 105, 0.73);
    color: #FFFFFF; }


  .post-category.CasasyDepartamentos {
    border-color: #886aea;
    background-color: rgba(172, 151, 240, 0.7);
    color: #FFFFFF; }
  .post-category.TerrenosyLotes {
    border-color: #886aea;
    background-color: rgba(172, 151, 240, 0.7);
    color: #FFFFFF; }
  .post-category.OficinasyLocales {
    border-color: #886aea;
    background-color: rgba(172, 151, 240, 0.7);
    color: #FFFFFF; }
  .post-category.AsistenciasyCuartos {
    border-color: #886aea;
    background-color: rgba(172, 151, 240, 0.7);
    color: #FFFFFF; }
  .post-category.CasasdeCampo {
    border-color: #886aea;
    background-color: rgba(172, 151, 240, 0.7);
    color: #FFFFFF; }
  .post-category.Traspasos {
    border-color: #886aea;
    background-color: rgba(172, 151, 240, 0.7);
    color: #FFFFFF; }
  .post-category.RentasVacacionales {
    border-color: #886aea;
    background-color: rgba(172, 151, 240, 0.7);
    color: #FFFFFF; }

  .post-category.AnimalesyMascotas {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }
  .post-category.Bicicletas {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }
  .post-category.Deportes {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }
  .post-category.InstrumentosMusicales {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }
  .post-category.CazaPescaCamping {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }
  .post-category.Coleccionables {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }
  .post-category.Libros {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }
  .post-category.Boletos {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }
  .post-category.Viajes {
    border-color: #33cd5f;
    background-color: rgba(92, 215, 127, 0.7);
    color: #FFFFFF; }



  .post-category.RopayZapatos {
    border-color: #804515;
    background-color: rgba(172, 93, 28, 0.7);
    color: #FFFFFF; }
  .post-category.Articulosparaninos {
    border-color: #804515;
    background-color: rgba(172, 93, 28, 0.7);
    color: #FFFFFF; }
  .post-category.AccesoriosyRelojes {
    border-color: #804515;
    background-color: rgba(172, 93, 28, 0.7);
    color: #FFFFFF; }
  .post-category.SaludyBelleza {
    border-color: #804515;
    background-color: rgba(172, 93, 28, 0.7);
    color: #FFFFFF; }
  .post-category.AmoryAmistad {
    border-color: #804515;
    background-color: rgba(172, 93, 28, 0.7);
    color: #FFFFFF; }
  .post-category.Empleo {
    border-color: #804515;
    background-color: rgba(172, 93, 28, 0.7);
    color: #FFFFFF; }
  .post-category.ServiciosyEventos {
    border-color: #804515;
    background-color: rgba(172, 93, 28, 0.7);
    color: #FFFFFF; }
  .post-category.BuscoEmpleo {
    border-color: #804515;
    background-color: rgba(172, 93, 28, 0.7);
    color: #FFFFFF; }

  .post-category.Electrodomesticos {
    border-color: #882D60;
    background-color: rgba(174, 58, 123, 0.7);
    color: #FFFFFF; }
  .post-category.MueblesyDecoracion {
    border-color: #882D60;
    background-color: rgba(174, 58, 123, 0.7);
    color: #FFFFFF; }
  .post-category.JardinyExterior {
    border-color: #882D60;
    background-color: rgba(174, 58, 123, 0.7);
    color: #FFFFFF; }
  .post-category.MaquinariayConstruccion {
    border-color: #882D60;
    background-color: rgba(174, 58, 123, 0.7);
    color: #FFFFFF; }
  .post-category.ArticulosdeOficina {
    border-color: #882D60;
    background-color: rgba(174, 58, 123, 0.7);
    color: #FFFFFF; }
  .post-category.RestaurantesyComida {
    border-color: #882D60;
    background-color: rgba(174, 58, 123, 0.7);
    color: #FFFFFF; }
  .post-category.Todolodemas {
    border-color: #882D60;
    background-color: rgba(174, 58, 123, 0.7);
    color: #FFFFFF; }
  .post-category.Negro {
    border-color: #000;
    background-color: rgba(26, 26, 26, 0.7);
    color: #FFFFFF; }


  .post-category.AmarilloFeo {
    border-color: #ffc900;
    background-color: rgba(255, 212, 51, 0.7);
    color: #FFFFFF; }

.actions-brief-row{
	float: right;
  text-align: right;
  margin-right: -15px !important;
}

.actions-brief {
  padding: 10px;
  /*padding-top: 5px;*/
  font-size: 9px;
  font-weight: 300;
	position: absolute;
  right: 0;
  top: 30px;
	min-width: 100px;
}

a.subdued {
  padding-right: 0px;
  color: #888;
  text-decoration: none;
}
a.subdued:hover {
  text-decoration: none;
}
a.subdued:last-child {
  padding-right: 0;
}

.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: horizontal;
  flex-direction: horizontal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-color: #b2b2b2;
  background-color: #f7f7f7;
  background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  color: #444;
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 49px;
  border-style: solid;
  border-top-width: 1px;
  background-size: 0;
  line-height: 49px;
}

.tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.tab-item-active .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.tab-item-active i, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.active .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.active i, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.activated .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.activated i {
    display: block;
    margin-top: -1px; }
  .tabs-top.tabs-striped.tabs-icon-left .tab-item {
    margin-top: 1px; }
    .tabs-top.tabs-striped.tabs-icon-left .tab-item.tab-item-active .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.tab-item-active i, .tabs-top.tabs-striped.tabs-icon-left .tab-item.active .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.active i, .tabs-top.tabs-striped.tabs-icon-left .tab-item.activated .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.activated i {
      margin-top: -0.1em; }

/* Allow parent element to have tabs-top */
/* If you change this, change platform.scss as well */
.tabs-top > .tabs,
.tabs.tabs-top {
  top: 44px;
  padding-top: 0;
  background-position: bottom;
  border-top-width: 0;
  border-bottom-width: 1px; }
  .tabs-top > .tabs .tab-item.tab-item-active .badge, .tabs-top > .tabs .tab-item.active .badge, .tabs-top > .tabs .tab-item.activated .badge,
  .tabs.tabs-top .tab-item.tab-item-active .badge,
  .tabs.tabs-top .tab-item.active .badge,
  .tabs.tabs-top .tab-item.activated .badge {
    top: 4%; }

.tabs-top ~ .bar-header {
  border-bottom-width: 0; }

.tab-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  max-width: 150px;
  height: 100%;
  color: inherit;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  opacity: 0.7; }
  .tab-item:hover {
    cursor: pointer; }
  .tab-item.tab-hidden {
    display: none; }

.tabs-item-hide > .tabs,
.tabs.tabs-item-hide {
  display: none; }

.tabs-icon-top > .tabs .tab-item,
.tabs-icon-top.tabs .tab-item,
.tabs-icon-bottom > .tabs .tab-item,
.tabs-icon-bottom.tabs .tab-item {
  font-size: 10px;
  line-height: 14px; }

.tab-item .icon {
  display: block;
  margin: 0 auto;
  height: 32px;
  font-size: 32px; }

.tabs-icon-left.tabs .tab-item,
.tabs-icon-left > .tabs .tab-item,
.tabs-icon-right.tabs .tab-item,
.tabs-icon-right > .tabs .tab-item {
  font-size: 10px; }
  .tabs-icon-left.tabs .tab-item .icon, .tabs-icon-left.tabs .tab-item .tab-title,
  .tabs-icon-left > .tabs .tab-item .icon,
  .tabs-icon-left > .tabs .tab-item .tab-title,
  .tabs-icon-right.tabs .tab-item .icon,
  .tabs-icon-right.tabs .tab-item .tab-title,
  .tabs-icon-right > .tabs .tab-item .icon,
  .tabs-icon-right > .tabs .tab-item .tab-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -.1em; }
    .tabs-icon-left.tabs .tab-item .icon:before, .tabs-icon-left.tabs .tab-item .tab-title:before,
    .tabs-icon-left > .tabs .tab-item .icon:before,
    .tabs-icon-left > .tabs .tab-item .tab-title:before,
    .tabs-icon-right.tabs .tab-item .icon:before,
    .tabs-icon-right.tabs .tab-item .tab-title:before,
    .tabs-icon-right > .tabs .tab-item .icon:before,
    .tabs-icon-right > .tabs .tab-item .tab-title:before {
      font-size: 24px;
      line-height: 49px; }

.tabs-icon-left > .tabs .tab-item .icon,
.tabs-icon-left.tabs .tab-item .icon {
  padding-right: 3px; }

.tabs-icon-right > .tabs .tab-item .icon,
.tabs-icon-right.tabs .tab-item .icon {
  padding-left: 3px; }

.tabs-icon-only > .tabs .icon,
.tabs-icon-only.tabs .icon {
  line-height: inherit; }

.tab-item.has-badge {
  position: relative; }

.tab-item .badge {
  position: absolute;
  top: 4%;
  right: 33%;
  right: calc(50% - 26px);
  padding: 1px 6px;
  height: auto;
  font-size: 12px;
  line-height: 16px; }

/* Navigational tab */
/* Active state for tab */
.tab-item.tab-item-active,
.tab-item.active,
.tab-item.activated {
  opacity: 1; }
  .tab-item.tab-item-active.tab-item-light,
  .tab-item.active.tab-item-light,
  .tab-item.activated.tab-item-light {
    color: #fff; }
  .tab-item.tab-item-active.tab-item-stable,
  .tab-item.active.tab-item-stable,
  .tab-item.activated.tab-item-stable {
    color: #f7f7f7; }
  .tab-item.tab-item-active.tab-item-positive,
  .tab-item.active.tab-item-positive,
  .tab-item.activated.tab-item-positive {
    color: #2B7BF2; }
  .tab-item.tab-item-active.tab-item-calm,
  .tab-item.active.tab-item-calm,
  .tab-item.activated.tab-item-calm {
    color: #11c1f3; }
  .tab-item.tab-item-active.tab-item-assertive,
  .tab-item.active.tab-item-assertive,
  .tab-item.activated.tab-item-assertive {
    color: #ef473a; }
  .tab-item.tab-item-active.tab-item-balanced,
  .tab-item.active.tab-item-balanced,
  .tab-item.activated.tab-item-balanced {
    color: #33cd5f; }
  .tab-item.tab-item-active.tab-item-energized,
  .tab-item.active.tab-item-energized,
  .tab-item.activated.tab-item-energized {
    color: #ffc900; }
  .tab-item.tab-item-active.tab-item-royal,
  .tab-item.active.tab-item-royal,
  .tab-item.activated.tab-item-royal {
    color: #886aea; }
  .tab-item.tab-item-active.tab-item-dark,
  .tab-item.active.tab-item-dark,
  .tab-item.activated.tab-item-dark {
    color: #444; }

.item.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .item.tabs .icon:before {
    position: relative; }

.tab-item.disabled,
.tab-item[disabled] {
  opacity: .4;
  cursor: default;
  pointer-events: none; }

.nav-bar-tabs-top.hide ~ .view-container .tabs-top .tabs {
  top: 0; }

.pane[hide-nav-bar="true"] .has-tabs-top {
  top: 49px; }

.liked {
  color: #2B7BF2 !important;
  font-weight: 500 !important;
}

/**
 * Checkbox
 * --------------------------------------------------
 */
.checkbox {
  position: relative;
  display: inline-block;
  padding: 7px 7px;
  cursor: pointer; }
  .checkbox input:before,
  .checkbox .checkbox-icon:before {
    border-color: #ddd; }
  .checkbox input:checked:before,
  .checkbox input:checked + .checkbox-icon:before {
    background: #2B7BF2;
    border-color: #2B7BF2; }

.checkbox-light input:before,
.checkbox-light .checkbox-icon:before {
  border-color: #ddd; }

.checkbox-light input:checked:before,
.checkbox-light input:checked + .checkbox-icon:before {
  background: #ddd;
  border-color: #ddd; }

.checkbox-stable input:before,
.checkbox-stable .checkbox-icon:before {
  border-color: #b2b2b2; }

.checkbox-stable input:checked:before,
.checkbox-stable input:checked + .checkbox-icon:before {
  background: #b2b2b2;
  border-color: #b2b2b2; }

.checkbox-positive input:before,
.checkbox-positive .checkbox-icon:before {
  border-color: #2B7BF2; }

.checkbox-positive input:checked:before,
.checkbox-positive input:checked + .checkbox-icon:before {
  background: #2B7BF2;
  border-color: #2B7BF2; }

.checkbox-calm input:before,
.checkbox-calm .checkbox-icon:before {
  border-color: #11c1f3; }

.checkbox-calm input:checked:before,
.checkbox-calm input:checked + .checkbox-icon:before {
  background: #11c1f3;
  border-color: #11c1f3; }

.checkbox-assertive input:before,
.checkbox-assertive .checkbox-icon:before {
  border-color: #ef473a; }

.checkbox-assertive input:checked:before,
.checkbox-assertive input:checked + .checkbox-icon:before {
  background: #ef473a;
  border-color: #ef473a; }

.checkbox-balanced input:before,
.checkbox-balanced .checkbox-icon:before {
  border-color: #33cd5f; }

.checkbox-balanced input:checked:before,
.checkbox-balanced input:checked + .checkbox-icon:before {
  background: #33cd5f;
  border-color: #33cd5f; }

.checkbox-energized input:before,
.checkbox-energized .checkbox-icon:before {
  border-color: #ffc900; }

.checkbox-energized input:checked:before,
.checkbox-energized input:checked + .checkbox-icon:before {
  background: #ffc900;
  border-color: #ffc900; }

.checkbox-royal input:before,
.checkbox-royal .checkbox-icon:before {
  border-color: #886aea; }

.checkbox-royal input:checked:before,
.checkbox-royal input:checked + .checkbox-icon:before {
  background: #886aea;
  border-color: #886aea; }

.checkbox-dark input:before,
.checkbox-dark .checkbox-icon:before {
  border-color: #444; }

.checkbox-dark input:checked:before,
.checkbox-dark input:checked + .checkbox-icon:before {
  background: #444;
  border-color: #444; }

.checkbox input:disabled:before,
.checkbox input:disabled + .checkbox-icon:before {
  border-color: #ddd; }

.checkbox input:disabled:checked:before,
.checkbox input:disabled:checked + .checkbox-icon:before {
  background: #ddd; }

.checkbox.checkbox-input-hidden input {
  display: none !important; }

.checkbox input,
.checkbox-icon {
  position: relative;
  width: 28px;
  height: 28px;
  display: block;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none; }
  .checkbox input:before,
  .checkbox-icon:before {
    display: table;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-radius: 28px;
    background: #fff;
    content: ' ';
    -webkit-transition: background-color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out; }

.checkbox input:checked:before,
input:checked + .checkbox-icon:before {
  border-width: 2px; }

.checkbox input:after,
.checkbox-icon:after {
  -webkit-transition: opacity 0.05s ease-in-out;
  transition: opacity 0.05s ease-in-out;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 33%;
  left: 25%;
  display: table;
  width: 14px;
  height: 6px;
  border: 1px solid #fff;
  border-top: 0;
  border-right: 0;
  content: ' ';
  opacity: 0; }

.platform-android .checkbox-platform input:before,
.platform-android .checkbox-platform .checkbox-icon:before,
.checkbox-square input:before,
.checkbox-square .checkbox-icon:before {
  border-radius: 2px;
  width: 72%;
  height: 72%;
  margin-top: 14%;
  margin-left: 14%;
  border-width: 2px; }

.platform-android .checkbox-platform input:after,
.platform-android .checkbox-platform .checkbox-icon:after,
.checkbox-square input:after,
.checkbox-square .checkbox-icon:after {
  border-width: 2px;
  top: 19%;
  left: 25%;
  width: 13px;
  height: 7px; }

.platform-android .item-checkbox-right .checkbox-square .checkbox-icon::after {
  top: 31%; }

.grade-c .checkbox input:after,
.grade-c .checkbox-icon:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  top: 3px;
  left: 4px;
  border: none;
  color: #fff;
  content: '\2713';
  font-weight: bold;
  font-size: 20px; }

.checkbox input:checked:after,
input:checked + .checkbox-icon:after {
  opacity: 1; }

.item-checkbox {
  padding-left: 60px; }
  .item-checkbox.active {
    box-shadow: none; }

.item-checkbox .checkbox {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 8px;
  z-index: 3;
  margin-top: -21px; }

.item-checkbox.item-checkbox-right {
  padding-right: 60px;
  padding-left: 16px; }

.item-checkbox-right .checkbox input,
.item-checkbox-right .checkbox-icon {
  float: right; }


/**
 * Toggle
 * --------------------------------------------------
 */
.item-toggle {
  pointer-events: none; }

.toggle {
  position: relative;
  display: inline-block;
  pointer-events: auto;
  margin: -5px;
	padding: 5px;
}
  .toggle input:checked + .track {
    border-color: #4cd964;
    background-color: #4cd964; }
  .toggle.dragging .handle {
    background-color: #f2f2f2 !important; }

.toggle.toggle-light input:checked + .track {
  border-color: #ddd;
  background-color: #ddd; }

.toggle.toggle-stable input:checked + .track {
  border-color: #b2b2b2;
  background-color: #b2b2b2; }

.toggle.toggle-positive input:checked + .track {
  border-color: #2B7BF2;
  background-color: #2B7BF2; }

.toggle.toggle-calm input:checked + .track {
  border-color: #11c1f3;
  background-color: #11c1f3; }

.toggle.toggle-assertive input:checked + .track {
  border-color: #ef473a;
  background-color: #ef473a; }

.toggle.toggle-balanced input:checked + .track {
  border-color: #33cd5f;
  background-color: #33cd5f; }

.toggle.toggle-energized input:checked + .track {
  border-color: #ffc900;
  background-color: #ffc900; }

.toggle.toggle-royal input:checked + .track {
  border-color: #886aea;
  background-color: #886aea; }

.toggle.toggle-dark input:checked + .track {
  border-color: #444;
  background-color: #444; }

.toggle input {
  display: none; }

/* the track appearance when the toggle is "off" */
.toggle .track {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  display: inline-block;
  box-sizing: border-box;
  width: 51px;
  height: 31px;
  border: solid 2px #e6e6e6;
  border-radius: 20px;
  background-color: #fff;
  content: ' ';
  cursor: pointer;
  pointer-events: none; }

/* Fix to avoid background color bleeding */
/* (occurred on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
.platform-android4_2 .toggle .track {
  -webkit-background-clip: padding-box; }

/* the handle (circle) thats inside the toggle's track area */
/* also the handle's appearance when it is "off" */
.toggle .handle {
  -webkit-transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  -webkit-transition-property: background-color, transform;
  transition-property: background-color, transform;
  position: absolute;
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 27px;
  background-color: #fff;
  top: 7px;
  left: 7px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15); }
  .toggle .handle:before {
    position: absolute;
    top: -4px;
    left: -21.5px;
    padding: 18.5px 34px;
    content: " "; }

.toggle input:checked + .track .handle {
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  background-color: #fff; }

.item-toggle.active {
  box-shadow: none; }

.item-toggle,
.item-toggle.item-complex .item-content {
  padding-right: 99px; }

.item-toggle.item-complex {
  padding-right: 0; }

.item-toggle .toggle {
  position: absolute;
  top: 10px;
  right: 16px;
  z-index: 3; }

.toggle input:disabled + .track {
  opacity: .6; }

.toggle-small .track {
  border: 0;
  width: 34px;
  height: 15px;
  background: #9e9e9e; }

.toggle-small input:checked + .track {
  background: rgba(0, 150, 137, 0.5); }

.toggle-small .handle {
  top: 2px;
  left: 4px;
  width: 21px;
  height: 21px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); }

.toggle-small input:checked + .track .handle {
  -webkit-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  background: #009689; }

.toggle-small.item-toggle .toggle {
  top: 19px; }

.toggle-small .toggle-light input:checked + .track {
  background-color: rgba(221, 221, 221, 0.5); }

.toggle-small .toggle-light input:checked + .track .handle {
  background-color: #ddd; }

.toggle-small .toggle-stable input:checked + .track {
  background-color: rgba(178, 178, 178, 0.5); }

.toggle-small .toggle-stable input:checked + .track .handle {
  background-color: #b2b2b2; }

.toggle-small .toggle-positive input:checked + .track {
  background-color: rgba(43, 123, 242, 0.5); }

.toggle-small .toggle-positive input:checked + .track .handle {
  background-color: #2B7BF2; }

.toggle-small .toggle-calm input:checked + .track {
  background-color: rgba(17, 193, 243, 0.5); }

.toggle-small .toggle-calm input:checked + .track .handle {
  background-color: #11c1f3; }

.toggle-small .toggle-assertive input:checked + .track {
  background-color: rgba(239, 71, 58, 0.5); }

.toggle-small .toggle-assertive input:checked + .track .handle {
  background-color: #ef473a; }

.toggle-small .toggle-balanced input:checked + .track {
  background-color: rgba(51, 205, 95, 0.5); }

.toggle-small .toggle-balanced input:checked + .track .handle {
  background-color: #33cd5f; }

.toggle-small .toggle-energized input:checked + .track {
  background-color: rgba(255, 201, 0, 0.5); }

.toggle-small .toggle-energized input:checked + .track .handle {
  background-color: #ffc900; }

.toggle-small .toggle-royal input:checked + .track {
  background-color: rgba(136, 106, 234, 0.5); }

.toggle-small .toggle-royal input:checked + .track .handle {
  background-color: #886aea; }

.toggle-small .toggle-dark input:checked + .track {
  background-color: rgba(68, 68, 68, 0.5); }

.toggle-small .toggle-dark input:checked + .track .handle {
  background-color: #444; }

/**
 * Radio Button Inputs
 * --------------------------------------------------
 */
.item-radio {
  padding: 0; }
  .item-radio:hover {
    cursor: pointer; }

.item-radio .item-content {
  /* give some room to the right for the checkmark icon */
  padding-right: 64px; }

.item-radio .radio-icon {
  /* checkmark icon will be hidden by default */
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  visibility: hidden;
  padding: 14px;
  height: 100%;
  font-size: 24px; }

.item-radio input {
  /* hide any radio button inputs elements (the ugly circles) */
  position: absolute;
  left: -9999px; }
  .item-radio input:checked + .radio-content .item-content {
    /* style the item content when its checked */
    background: #f7f7f7; }
  .item-radio input:checked + .radio-content .radio-icon {
    /* show the checkmark icon when its checked */
    visibility: visible; }

/**
 * Range
 * --------------------------------------------------
 */
.range input {
  display: inline-block;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 2px;
  padding-left: 1px;
  width: auto;
  height: 43px;
  outline: none;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc));
  background: linear-gradient(to right, #ccc 0%, #ccc 100%);
  background-position: center;
  background-size: 99% 2px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  /*
   &::-ms-track{
     background: transparent;
     border-color: transparent;
     border-width: 11px 0 16px;
     color:transparent;
     margin-top:20px;
   }
   &::-ms-thumb {
     width: $range-slider-width;
     height: $range-slider-height;
     border-radius: $range-slider-border-radius;
     background-color: $toggle-handle-off-bg-color;
     border-color:$toggle-handle-off-bg-color;
     box-shadow: $range-slider-box-shadow;
     margin-left:1px;
     margin-right:1px;
     outline:none;
   }
   &::-ms-fill-upper {
     height: $range-track-height;
     background:$range-default-track-bg;
   }
   */ }
  .range input::-moz-focus-outer {
    /* hide the focus outline in Firefox */
    border: 0; }
  .range input::-webkit-slider-thumb {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    -webkit-appearance: none;
    border: 0; }
  .range input::-webkit-slider-thumb:before {
    /* what creates the colorful line on the left side of the slider */
    position: absolute;
    top: 13px;
    left: -2001px;
    width: 2000px;
    height: 2px;
    background: #444;
    content: ' '; }
  .range input::-webkit-slider-thumb:after {
    /* create a larger (but hidden) hit area */
    position: absolute;
    top: -15px;
    left: -15px;
    padding: 30px;
    content: ' '; }
  .range input::-ms-fill-lower {
    height: 2px;
    background: #444; }

.range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 2px 11px; }
  .range.range-light input::-webkit-slider-thumb:before {
    background: #ddd; }
  .range.range-light input::-ms-fill-lower {
    background: #ddd; }
  .range.range-stable input::-webkit-slider-thumb:before {
    background: #b2b2b2; }
  .range.range-stable input::-ms-fill-lower {
    background: #b2b2b2; }
  .range.range-positive input::-webkit-slider-thumb:before {
    background: #2B7BF2; }
  .range.range-positive input::-ms-fill-lower {
    background: #2B7BF2; }
  .range.range-calm input::-webkit-slider-thumb:before {
    background: #11c1f3; }
  .range.range-calm input::-ms-fill-lower {
    background: #11c1f3; }
  .range.range-balanced input::-webkit-slider-thumb:before {
    background: #33cd5f; }
  .range.range-balanced input::-ms-fill-lower {
    background: #33cd5f; }
  .range.range-assertive input::-webkit-slider-thumb:before {
    background: #ef473a; }
  .range.range-assertive input::-ms-fill-lower {
    background: #ef473a; }
  .range.range-energized input::-webkit-slider-thumb:before {
    background: #ffc900; }
  .range.range-energized input::-ms-fill-lower {
    background: #ffc900; }
  .range.range-royal input::-webkit-slider-thumb:before {
    background: #886aea; }
  .range.range-royal input::-ms-fill-lower {
    background: #886aea; }
  .range.range-dark input::-webkit-slider-thumb:before {
    background: #444; }
  .range.range-dark input::-ms-fill-lower {
    background: #444; }

.range .icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -moz-box-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
  display: block;
  min-width: 24px;
  text-align: center;
  font-size: 24px; }

.range input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  margin-right: 10px;
  margin-left: 10px; }

.range-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  white-space: nowrap; }

.range-label:first-child {
  padding-left: 5px; }

.range input + .range-label {
  padding-right: 5px;
  padding-left: 0; }

.platform-windowsphone .range input {
  height: auto; }

.shop-cart-item-row h1 {
    font-size: 18px;
    font-weight: 200;
    color: #285E82;
}

.noPaddingDiv{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.infititeDiv{
	overflow: auto;
	max-height: 100vh;
}

.breadcrum{
	font: 13px verdana;
}

.breadcrum a{
	font: 13px verdana;
  color: #285E82;
  text-decoration: underline;
  font-weight: bold;
}

.catLabels{
	padding-right: 5px;
  padding-left: 5px;
}

.catLabels input{
	font-size: 12px;
  padding-top: 0px;
  max-height: 25px;
  padding-bottom: 0px;
}

.catLabels .input-group-addon{
	font-size: 12px;
  max-height: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.big-icon {
    color: #666666;
    font-size: 60px !important;
}



.error-msj p{
	font: verdana;
	color: #285E82;
}

.menu-toggle-back{
	z-index: 3000;
  position: fixed;
  top: 0;
  left: 0;
	margin-left: 5px !important;
}

.sinceSpan{
  font: 10px verdana;
  color: #444;
  margin-top: -10px;
}

.iList a{
	cursor:pointer;
}

.itemVisitors{
	font: 13px verdana;
	color: #94bbdb;
	text-align: right;
	font-weight: bold;
  margin-top: -10px;
}

.iList{
	padding: 10px;
}

.iListFeed{
	/*padding: 10px;*/
}

.rangeFilterI{
	padding-left: 0px;
}

.rangeFilterE{
	padding-right: 0px;
}

.anuform-control{
	font: 14px verdana !important;
  height: 30px !important;
  color: #828384 !important;
}

.anuform-control-main{
	font: 14px verdana !important;
  height: 30px !important;
  color: #1c1c1d !important;
	padding: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.anuform-control-main::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1c1c1d !important;
  opacity: 1; /* Firefox */
}

.anuform-control-main::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1c1c1d !important;
}

.anuform-control-main::-ms-input-placeholder { /* Microsoft Edge */
  color:#1c1c1d !important;
}

.profilepic{
	position:relative;
	overflow:hidden;
	padding-bottom:100%;
	widht: 10px;
	border-radius: 8px;
}

.profilepic img{
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.noMarginItem{
	text-align:center;
	margin:0;
	padding:0;
	margin-top:10px;
}

.item-count{
	text-align:center;
	font-size: 18px;
	line-height: 18px;
}

.item-name{
	text-align:center;
	font-size: 11px;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.43);
}

.user-bar-title{
	display: inline-flex;
  align-items: center;
	font-size:18px;
}

.user-bar-title h1 {
	font-size:18px;
	font-weight: 200;
	color: #285E82;
}

.user-info-text{
	line-height: 0.9;
}

.user-info-name{
	font-size: 16px;
  font-weight: 600;
}

.user-info-username{
	font-size: 14px;
  text-decoration: bold;
  color: #37a91a;
}

.user-info-city{
	font-size: 12px;
	font-weight: 200;
  text-decoration: none;
  color: gray;
	line-height: 0.7;
	margin-top: -3px;
}

.user-info-description{
	font-size: 14px;
	font-weight: 350;
  color: rgba(0, 0, 0, 0.6);
	line-height: 1.0;
}

.user-info-contact{
	font-size: 14px;
	font-weight: 350;
  color: #2B7BF2;
}

.user-info-website{
	font-size: 14px;
	font-weight: 350;
  color: #2B7BF2;
	line-height: 0.7;
}

.user-info-mail{
	font-size: 14px;
	font-weight: 350;
  color: #2B7BF2;
	text-decoration: none;
	line-height: 0.7;
}

.split-actions {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin: 0px;
    padding: 0px;
    background-color: #f0f0f0;
    background-image: none;
		text-align: center;
		min-height: 35px;
		margin-top:10px;
}

.user-interaction{
	text-align: center;
	text-decoration: none;

}

.user-interaction-tab{
	margin: 0px;
  min-height: 44px;
  text-transform: uppercase;
  font-size: 13px;
	color: rgba(119, 119, 119, 0.88);
  font-weight: 600;
	display: inline-flex;
  align-items: center;
}

.user-interaction-tab:hover {
	text-decoration: none;
	color: rgba(119, 119, 119, 0.88);
	cursor: pointer;
}

.user-interaction-tab.active {
	text-decoration: none;
	color: #2B7BF2;;
	cursor: pointer;
}











.anuWell {
    background: #97bbdf;
	font: 11px verdana;
	padding: 2px;
}

.selectionBox{
	text-align: right;
	margin-top: 30px;
}

.selectionBoxItem{
	text-align: right;
}

.barLogo {
	text-align: center;
}

.selection a{
	font: 11px verdana;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

.newItem{
	font: 40px verdana;
	font-weight: bold;
	font-size:40px;
}

.upBar{
	position: relative;
}

.anuform-control{
	font: 11px verdana;
	height: 20px;
	padding: 0px;
	margin-bottom: 3px;
	margin-top: 3px;

}


.formButton{
	font: 11px verdana;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: -15px;
}

.searchButton {
	font: 11px verdana;
	width: 100%;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}


.breadcrums{
	font: 13px verdana;
	margin-top: -15px;
	padding: 0px;
}

.breadcrums a{
	font: 1px verdana;
	color: #285E82;
	text-decoration: underline;
	font-weight: bold;
}

.breadQ {
	margin-top: 5px;
}

.breadcrums{
	font: 13px verdana;
	margin-top: -15px;
	padding: 0px;
}

.breadcrums a{
	font: 13px verdana;
	color: #285E82;
	text-decoration: underline;
	font-weight: bold;
}

.breadQ {
	margin-top: 5px;
}

.orderSelect  {
	text-align: right;
}

.filters h3{
	font: 13px verdana;
	color: #285E82;
	font-weight: bold;
}

.filters ul{
	margin-left: -20px;
}

.filters a{
	font: 13px verdana;
	color: #000000;
}

.separatorLine{

}

.itemL {
	text-align: left;
}

.itemsList h2 {
	font: 15px verdana;
	color: #285E82;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

.itemsList h3 {
	font: 12px verdana;
	color: #000000;
	margin-top: 20px;

}

.itemsList h4 {
	font: 12px verdana;
	color: #000000;
	margin-top: 13px;
	margin-bottom: 5px;
	margin-left: -10px;
}
.itemsList h5 {
	font: 12px verdana;
	color: grey;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
}

.iList h2 {
	font: 15px verdana;
	color: #285E82;
	font-weight: bold;
	margin-top: 0px;
}

.iList h3 {
	font: 12px verdana;
	color: #000000;
	margin-top: 0px;
}

.iList h4 {
	font: 12px verdana;
	color: #000000;
	margin-top: 0px;
}
.iList h5 {
	font: 12px verdana;
	color: grey;
}

.iList h2m {
	font: 13px verdana;
	color: #285E82;
	font-weight: bold;
	margin-top: 0px;
}

.iList h3m {
	font: 12px verdana;
	color: #000000;
	margin-top: 0px;
}

.iList h4m {
	font: 11px verdana;
	color: #000000;
	margin-top: 0px;
	margin-right: -10px;
	white-space: nowrap;
}
.iList h5m {
	font: 10px verdana;
	color: grey;

}



.pages {
	text-align: center;
}

.footer-content{
	text-align: center;
}

.itemTop{

	box-shadow: 3px 3px 2px #888888;
	margin-bottom:0px;
}


.itemTime{
	font: 13px verdana;
	color: red;
	text-align: center;
	float: left;
	font-weight: bold;
}

.itemModify{
	font: 13px verdana;
	color: #285E82;
	text-decoration: underline;
	font-weight: bold;
	text-align:right;
}

.itemShare{
	margin-right: -50px;
}

.over {
    float: left;
    overflow: visible;
    position: relative;
    z-index: 1000;
	width:100%;
	margin-top: -33px;
	margin-left: 60px;
}

.oversm {
    float: left;
	width:90%;
	margin-left: 20px;
	margin-top: 12px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
	margin-right: 15%;
}

.itemData{
	margin-top: -2px;
	background: white url() no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	box-shadow: 3px 3px 2px #888888;
	padding-left: 15px;
  padding-right: 15px;
}

.itemTitle{
	margin-right: 5%;
	margin-left: 5%;
}

.itemTitle h1{
	font: 21px verdana;
	color: #285E82;
	font-weight: bold;
}

.itemGallery{
	width:100%;
	text-align: center;
	padding: 5%;
	margin-top: -30px;
}

#sync1 .item{

    padding: 0px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
		width: 100%;
		height: 400px;
}


#sync2 div{
	text-align: center;
}

#sync2 .item{

    padding: 0px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
		width: 100%;
		max-height: 70px;
}

#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
  background: #0c83e7;
}


.itemInfo{
	margin-top:20px;
	font: 13px verdana;
	color: #000000;
}


.itemBread{
	font: 13px verdana;
	margin-top: -15px;
	padding: 0px;
}

.itemUbication{
	font: 13px verdana;
	color: #285E82;
	font-weight: bold;
}

.itemUbi{
	font: 13px verdana;
	color: #000000;
}


.itemInfo h3{
	font: 13px verdana;
	color: red;
	font-weight: bold;
}

.itemText {

}

input.ng-invalid {
  border: 1px solid orange;
	color: red !important;
}

.inputInvalid {
  border: 1px solid orange;
	color: red !important;
}

textarea.ng-invalid {
  border: 1px solid orange;
	color: red !important;
}

select.ng-invalid {
  border: 1px solid orange;
	color: red !important;
}



input.ng-valid {
  border: 1px solid green;
	color: #285E82 !important;
}

textarea.ng-valid {
  border: 1px solid green;
	color: #285E82 !important;
}

select.ng-valid {
  border: 1px solid green;
	color: #285E82 !important;
}

.itemContact {
	margin-top: 25px;
	margin-left: -2%;
}

.iconlg{
    font-size: 50px;
}

.itemMail{
	font: 13px verdana;
	color: #285E82;
	text-decoration: underline;
	font-weight: bold;
}

.mailPanel{
	margin-left: 4%;
}


.itemPhone{
	font: 13px verdana;
	color: #285E82;
	font-weight: bold;
}

.itemPhone a{
 font: 13px verdana;
 color: #285E82;
 font-weight: bold;
}



.itemReport{
	font: 13px verdana;
	color: grey;
	font-weight: bold;
	text-align:left;
	text-decoration: underline;
}

.iconReport{
	font-size: 20px;
	color: red;
	font-weight: bold;
	margin-right: 5px;
}


.itemModify2{
	font: 13px verdana;
	color: green;
	font-weight: bold;
	text-align:left;
	text-decoration: underline;
}

.iconModify{
	font-size: 20px;
	color: #00BFFF;
	font-weight: bold;
	margin-right: 5px;
}

.itemMsj{
	font: 10px verdana;
	color: gray;
	text-align:left;
}

.newiBody{
	background-color: #edf4fb;
	font: 13px verdana;
	color: #285E82;
	font-weight: bold;
}

.newiform-control{
	font: 13px verdana;
	height: 25px;
	width: 100%;
	padding: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.catPop{
	background-color: white;
	font: 13px verdana;
	color: #285E82;
	font-weight: bold;
	width: 500px;
}

.categories h1{
	font: 16px verdana;
	color: #285E82;
	font-weight: bold;
	margin-top: -5px;
}

.categories h3{
	font: 11px verdana;
	color: #6F99BF;
	font-weight: bold;
	margin-top: -7px;
}

.catImg{
	width:60%;
}

.catDivImg{
	margin-left:-20px;
	text-align: center;
}

.catLateral{
	margin-left:-20px;
	max-width:100%;
}

.popover{
	max-width: 90%; /* Max Width of the popover (depending on the container!) */
}

.states h3{
	font: 11px verdana;
	color: #6F99BF;
	font-weight: bold;
	margin-top: -7px;
}

.msjAlert{
	font: 15px verdana;
	font-weight: bold;
	color: #FE2E2E;
}

.catContainer{
	width: 100%;
}

.fixed_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}


.listing-center-div{
	margin-top: 25px;
}

@media screen and (max-width: 1200px) {
	.edit-item-options-btn{
		position:absolute;
		right:18%;
		border-radius:15px;
		height:30px;
		width:30px;
		font-size : 15px;
		box-shadow: 3px 3px 3px #888888;
		margin-top: -45px;
	}
}

@media screen and (max-width: 992px) {
	.edit-item-options-btn{
		position:absolute;
		right:13%;
		border-radius:15px;
		height:30px;
		width:30px;
		font-size : 15px;
		box-shadow: 3px 3px 3px #888888;
		margin-top: -45px;
	}
}


@media screen and (max-width: 767px) {

	.itemData{
		padding-left: 0px;
	  padding-right: 0px;
	}

	.catDivImg{
		margin-left: -1px;
		text-align: center;
	}

	.listing-center-div{
		padding-left: 5px;
    padding-right: 5px;
	}

	#sync1 .item{
		height: 400px !important;
	}
	#sync2 .item{
		height: 30px !important;
	}
	.itemPhone{
		margin-top: -30px;
	}
	.itemTitle{
		margin-right: 2%;
		margin-left: 2%;
	}

	.anuform-control{
		font: 14px verdana;
		height: 25px;
		padding: 0px;
		margin-bottom: 5px;
		margin-top: 3px;
	}

	.searchButton {
		font: 14px verdana;
		width: 100%;
		margin-top: 3px;
		margin-right: 3px;
		margin-bottom: 3px;
	}

	.states h3{
		font: 12px verdana;
		color: #6F99BF;
		font-weight: bold;
		margin-top: 0px;
	}

	.categories h1{
		font: 16px verdana;
		color: #285E82;
		font-weight: bold;
		margin-top: 0px;
	}

	.categories h3{
		font: 12px verdana;
		color: #6F99BF;
		font-weight: bold;
		margin-top: -3px;
	}

}

@media screen and (max-width: 575px) {

	.balance-lg{
		display:none;
	}

	.balance-xs{
		display: block;
	}

	.edit-item-options-btn{
		position:absolute;
		right:70px;
		border-radius:15px;
		height:30px;
		width:30px;
		font-size : 15px;
		box-shadow: 3px 3px 3px #888888;
		margin-top: -45px;
	}

	.socialButtons h3{
	  font-size: 10px;
	}



	.post-category {
	  font-size: 9px;
	  max-width: 120px;
	}

	.iListDiv{
		padding-right: 5px;
    padding-left: 5px;
	}


	.iListFeedDiv{
		padding-right: 5px;
    padding-left: 5px;
	}

	.iList {
    padding: 0px;
	}


	.iListFeed{
		padding: 0px;
	}

	#sync1 .item{
		height: 300px !important;
	}


}

@media screen and (max-width: 400px) {


	.edit-item-options-btn{
		position:absolute;
		right:55px;
		border-radius:15px;
		height:30px;
		width:30px;
		font-size : 15px;
		box-shadow: 3px 3px 3px #888888;
		margin-top: -60px;
	}

	.profile-pic-modal-div{
		padding:0px;
		padding-top: 40px;
		padding-bottom: 40px;
	}


	.actions-brief {
		top: 10px;
		font-size: 8px;
	}



	.post-category {
    font-size: 8px;
    max-width: 80px;
		bottom: -5px;
	}

	.post-category-state{
		bottom: -20px !important;
	}

	.post-category-item{
		max-width: 100px !important;
		bottom: -20px !important;
	}

	.post-category-state-item{
		bottom: -35px !important;
		max-width: 100px !important;
	}

	#sync1 .item{
		height: 200px !important;
	}

	.rangeFilterI{
		padding-left: 0px;
		padding-right: 5px;
	}

	.rangeFilterE{
		padding-right: 0px;
		padding-left: 5px;
	}

}




.space-24,[class*=vspace-24]{max-height:1px;min-height:1px;overflow:hidden;margin:24px 0 23px}
.space-12,[class*=vspace-12]{max-height:1px;min-height:1px;overflow:hidden;margin:12px 0 11px}
.space-2,[class*=vspace-2]{max-height:1px;min-height:1px;overflow:hidden;margin:2px 0 1px}

/* =============================================
   CHAT DE PAGO - Anunciamex
   ============================================= */

/* Overlay principal del chat */
.chat-overlay {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 320px;
    max-height: 520px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.18);
    z-index: 9000;
    display: flex;
    flex-direction: column;
    /* overflow: visible para que .chat-corner-badge pueda salir del borde */
    overflow: visible;
    transition: max-height 0.25s ease;
}
.chat-overlay.chat-minimized {
    max-height: 46px;
    border-radius: 12px;  /* todas las esquinas redondeadas cuando es sólo la barra */
}

/* Header del chat */
.chat-header {
    background: linear-gradient(135deg, #27ae60, #1e8449);
    color: #fff;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
    min-height: 46px;
    user-select: none;
    -webkit-user-select: none;
    /* El header es el tope del overlay — lleva las esquinas redondeadas superiores */
    border-radius: 12px 12px 0 0;
    /* Cuando está minimizado también redondea las inferiores */
    overflow: hidden;
}
/* Fila interior del header - flex para alinear chevron a la derecha */
.chat-header-row {
    display: flex;
    align-items: center;
    width: 100%;
}
/* Icono de minimizar/expandir — a la izquierda en estado activo */
.chat-header-chevron {
    margin-right: 8px;
    font-size: 13px;
    opacity: 0.75;
    flex-shrink: 0;
    padding: 3px 4px;         /* área de toque más grande en móvil */
    border-radius: 4px;
}
.chat-header-chevron:hover  { opacity: 1; background: rgba(255,255,255,0.15); }
@keyframes badgePop {
    0%   { transform: scale(0); }
    80%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.chat-header-dot {
    width: 9px; height: 9px;
    background: #2ecc71;
    border-radius: 50%;
    margin-right: 8px;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(46,204,113,0.35);
    animation: chatPulse 2s infinite;
}
@keyframes chatPulse {
    0%,100% { box-shadow: 0 0 0 2px rgba(46,204,113,0.35); }
    50%      { box-shadow: 0 0 0 5px rgba(46,204,113,0.15); }
}
.chat-header-name {
    flex: 1;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-header-timer {
    font-size: 13px;
    margin-right: 10px;
    background: rgba(255,255,255,0.2);
    padding: 2px 7px;
    border-radius: 10px;
}
/* Badge de no leídos en el header — rojo circular, prominente */
.chat-unread-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e74c3c;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    margin-left: 6px;
    vertical-align: middle;
}

/* Cuerpo cuando no hay chats activos */
.chat-idle-body {
    padding: 30px 20px;
    text-align: center;
    color: #aaa;
    font-size: 13px;
}
.chat-idle-body p { margin: 10px 0 0; }

/* Error al solicitar chat */
.chat-request-error {
    background: #fdf2f2;
    border-left: 3px solid #e74c3c;
    color: #c0392b;
    font-size: 13px;
    padding: 12px 14px;
    margin: 10px;
    border-radius: 4px;
}

.chat-header-close {
    padding: 3px 6px;
    border-radius: 50%;
    opacity: 0.8;
}
.chat-header-close:hover { opacity: 1; background: rgba(255,255,255,0.2); }

/* Cuerpo del chat */
.chat-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Info del bloque */
.chat-block-info {
    display: flex;
    justify-content: space-between;
    padding: 6px 12px;
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #555;
    flex-shrink: 0;
}

/* Mensajes */
.chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 160px;
    max-height: 260px;
}
.chat-msg {
    max-width: 80%;
    padding: 7px 11px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.4;
    word-break: break-word;
}
.chat-msg-mine {
    align-self: flex-end;
    background: #27ae60;
    color: #fff;
    border-bottom-right-radius: 3px;
}
.chat-msg-other {
    align-self: flex-start;
    background: #f0f0f0;
    color: #333;
    border-bottom-left-radius: 3px;
}
/* Footer de cada mensaje: hora + palomitas en misma línea */
.chat-msg-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    margin-top: 2px;
}
.chat-msg-time {
    font-size: 10px;
    opacity: 0.65;
}
/* Palomitas WhatsApp-style */
.msg-ticks        { font-size: 11px; line-height: 1; }
.msg-tick-pending { opacity: 0.5; font-size: 10px; }
.msg-tick-sent    { color: rgba(255,255,255,0.65); }
.msg-tick-read    { color: #a8e6c3; font-weight: 700; letter-spacing: -1px; }
.msg-tick-failed  { color: #ff8a80; font-weight: 700; }
/* Mensaje enviándose: ligeramente transparente */
.chat-msg-pending { opacity: 0.7; }
/* Mensaje fallido: borde rojo sutil */
.chat-msg-failed  { background: #c0392b !important; }
.chat-msg-empty {
    color: #aaa;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
}

/* Input */
.chat-input-area {
    display: flex;
    padding: 8px 10px;
    border-top: 1px solid #eee;
    gap: 6px;
    flex-shrink: 0;
    position: relative;
}
.chat-input {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 18px;
    padding: 6px 12px;
    font-size: 13px;
    outline: none;
}
.chat-input:focus { border-color: #27ae60; }
.chat-send-btn {
    background: #27ae60;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 34px; height: 34px;
    cursor: pointer;
    font-size: 14px;
    flex-shrink: 0;
}
.chat-send-btn:disabled { background: #ccc; cursor: default; }

/* Tabs de sesiones múltiples (multi-chat) */
.chat-tabs {
    display: flex;
    gap: 4px;
    background: rgba(0,0,0,0.25);
    padding: 5px;
    flex-shrink: 0;
}
.chat-tab {
    flex: 1;               /* distribución igual sin importar cuántos tabs hay */
    min-width: 0;          /* permite truncar texto */
    padding: 8px 6px;
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.55);
    border: none;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    transition: background 0.15s, color 0.15s;
}
/* Activo: fondo casi blanco, texto verde — máximo contraste */
.chat-tab-active {
    background: rgba(255,255,255,0.92);
    color: #1a7a40;
    font-weight: 700;
}
.chat-tab:not(.chat-tab-active):hover { background: rgba(255,255,255,0.2); color: #fff; }
.chat-tab-ended { opacity: 0.45; }
.chat-tab-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f39c12;
    color: #fff;
    border-radius: 50%;
    font-size: 9px;
    width: 15px; height: 15px;
    margin-left: 4px;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Botón emoji en el input */
.chat-emoji-btn {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
    flex-shrink: 0;
    opacity: 0.75;
}
.chat-emoji-btn:hover { opacity: 1; }

/* Barra de advertencia: tiempo por renovarse */
.chat-renewal-warn {
    background: #fff8e1;
    border-left: 3px solid #f39c12;
    color: #8a6200;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    animation: warnPulse 1.5s infinite;
}
@keyframes warnPulse {
    0%,100% { background: #fff8e1; }
    50%      { background: #fff3cd; }
}

/* Mensaje de sistema (tipo "salió del grupo" de WhatsApp) */
.chat-msg-system {
    align-self: center;
    background: rgba(0,0,0,0.07);
    color: #666;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 10px;
    font-style: italic;
    max-width: 90%;
    text-align: center;
}

/* Botón terminar */
.chat-end-area {
    text-align: center;
    padding: 4px 10px 10px;
    flex-shrink: 0;
}
.chat-end-btn { font-size: 11px; }

/* Estado espera */
.chat-waiting {
    padding: 30px 20px;
    text-align: center;
    color: #666;
}
.chat-waiting-icon { color: #27ae60; margin-bottom: 12px; }
.chat-waiting-sub { font-size: 12px; color: #999; }

/* Estado terminado */
.chat-ended {
    padding: 25px 20px;
    text-align: center;
    color: #555;
}
.chat-ended-msg { font-size: 14px; margin: 10px 0; font-weight: 500; }
.chat-summary { font-size: 13px; background: #f8f8f8; border-radius: 8px; padding: 10px; margin: 10px 0; }

/* Botón flotante (FAB) */
.chat-fab {
    position: fixed;
    bottom: 22px;
    right: 22px;
    width: 52px; height: 52px;
    background: #e74c3c;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 3px 12px rgba(231,76,60,0.45);
    z-index: 8999;
}
.chat-fab-badge {
    position: absolute;
    top: -3px; right: -3px;
    background: #f39c12;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    width: 18px; height: 18px;
    display: flex; align-items: center; justify-content: center;
}

/* Modales del chat */
.chat-modal-bg {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9100;
}
.chat-modal {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 12px;
    width: 300px;
    max-width: 92vw;
    z-index: 9200;
    box-shadow: 0 6px 30px rgba(0,0,0,0.22);
    overflow: hidden;
}
.chat-modal-header {
    background: #e74c3c;
    color: #fff;
    padding: 13px 16px;
    font-weight: 600;
    font-size: 15px;
}
.chat-modal-body { padding: 16px; font-size: 14px; line-height: 1.6; }
.chat-modal-body p { margin: 0 0 8px; }
.chat-modal-footer { padding: 10px 16px; text-align: right; border-top: 1px solid #eee; display: flex; gap: 8px; justify-content: flex-end; }
.chat-modal-options { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.chat-price-info { font-size: 15px; font-weight: 500; }

/* Sección online en listing */
/* ──── En línea ahora: estilo barra de historias (Instagram style) ──── */
.chat-online-section {
    background: #f0f0f0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 8px 8px;
    margin-bottom: 10px;
}
.chat-online-title {
    font-size: 12px;
    color: #555;
    font-weight: 700;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.chat-online-title-dot {
    width: 8px; height: 8px;
    background: #2ecc71;
    border-radius: 50%;
    animation: chatPulse 2s infinite;
    display: inline-block;
    flex-shrink: 0;
}
.chat-online-strip {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.chat-online-strip::-webkit-scrollbar { display: none; }
.chat-online-card {
    flex-shrink: 0;
    width: 68px;
    text-align: center;
    cursor: pointer;
}
.chat-online-card:active { opacity: 0.8; }
.chat-online-pic-wrap {
    position: relative;
    display: inline-block;
    /* Anillo degradado estilo historias */
    padding: 2px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2ecc71, #27ae60, #1abc9c);
}
.chat-online-pic {
    width: 56px; height: 56px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 2px solid #f0f0f0; /* espacio entre foto y anillo */
}
.chat-online-pic-dot {
    position: absolute;
    bottom: 1px; right: 1px;
    width: 13px; height: 13px;
    background: #2ecc71;
    border-radius: 50%;
    border: 2px solid #f0f0f0;
}
.chat-online-card-name {
    font-size: 11px;
    color: #333;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 68px;
    font-weight: 500;
}
.chat-online-card-btn {
    font-size: 10px;
    color: #27ae60;
    font-weight: 700;
    margin-top: 1px;
}

/* Placeholder tira online cuando no hay nadie */
.chat-online-empty {
    flex-shrink: 0;
    width: 68px;
    text-align: center;
    opacity: 0.5;
}
.chat-online-pic-wrap-grey {
    display: inline-block;
    padding: 2px;
    border-radius: 50%;
    background: #ccc;
}
/* Chava ocupada en sesión activa - anillo gris en lugar del verde */
.chat-online-pic-wrap-busy {
    display: inline-block;
    padding: 2px;
    border-radius: 50%;
    background: #bbb;
}
.chat-online-card-busy-label {
    font-size: 10px;
    color: #aaa;
    margin-top: 5px;
    font-style: italic;
}

/* Indicador online en tarjetas de listing */
.chat-listing-badge {
    display: inline-block;
    background: #2ecc71;
    color: #fff;
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 8px;
    margin-left: 4px;
    vertical-align: middle;
    font-weight: 600;
}

/* Botón chat en perfil */
.btn-chat-profile {
    background: #27ae60;
    color: #fff;
    border: none;
}
.btn-chat-profile:hover, .btn-chat-profile:focus { background: #1e8449; color: #fff; }

/* Chat en vivo inline en detalle de anuncio */
.chat-item-cta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    padding: 4px 10px 4px 7px;
    background: #eafaf1;
    border: 1px solid #2ecc71;
    border-radius: 20px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #1a7a4a;
    line-height: 1.4;
    transition: background 0.2s;
}
.chat-item-cta:hover { background: #d5f5e3; }
.chat-item-dot {
    width: 7px; height: 7px;
    background: #2ecc71;
    border-radius: 50%;
    display: inline-block;
    animation: chatPulse 2s infinite;
    flex-shrink: 0;
}
.chat-item-label {
    color: #1a7a4a;
    font-size: 13px;
}
.chat-item-label .fa {
    font-size: 13px;
    vertical-align: middle;
    margin-right: 2px;
}
.chat-item-badge {
    background: #2ecc71;
    color: #fff;
    font-size: 10px;
    padding: 1px 7px;
    border-radius: 10px;
    font-weight: 700;
    line-height: 1.6;
}

/* Toggle online para chava en su propio perfil */
.chat-toggle-wrap {
    margin: 8px 0;
    padding: 10px;
    background: #f8f8f8;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-toggle-label { font-size: 13px; color: #555; }
.chat-toggle-status {
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 10px;
}
.chat-toggle-status.online  { background: #d4edda; color: #155724; }
.chat-toggle-status.offline { background: #f8d7da; color: #721c24; }

/* Ganancias para chava */
.chat-earnings-box {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 10px 14px;
    margin: 8px 0;
    font-size: 13px;
}
.chat-earnings-box h4 { margin: 0 0 4px; font-size: 14px; color: #856404; }

/* ── Modal solicitud entrante (chava) ─────────────────── */
.chat-incoming-header {
    background: #27ae60 !important;
    font-size: 16px;
    letter-spacing: 0.3px;
}
.chat-incoming-body {
    padding: 20px 18px 14px !important;
}
.chat-incoming-client {
    font-size: 14px;
    color: #444;
    margin-bottom: 14px !important;
}
.chat-incoming-earnings {
    background: #f0faf5;
    border: 1.5px solid #a8e6c3;
    border-radius: 10px;
    padding: 14px 16px;
    text-align: center;
}
.chat-incoming-amount {
    font-size: 32px;
    font-weight: 700;
    color: #1e8449;
    line-height: 1.1;
    letter-spacing: -0.5px;
}
.chat-incoming-label {
    font-size: 13px;
    color: #27ae60;
    font-weight: 600;
    margin-top: 2px;
}
.chat-incoming-note {
    font-size: 11px;
    color: #888;
    margin-top: 5px;
}
.chat-incoming-footer {
    justify-content: space-between !important;
    padding: 12px 16px !important;
}
.chat-incoming-accept {
    flex: 1;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
}
.chat-incoming-reject {
    background: #fff;
    color: #c0392b;
    border: 1.5px solid #e74c3c;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 13px;
}
.chat-incoming-reject:hover { background: #fdf2f2; }

/* ── Modal solicitud de chat (cliente) ────────────────── */
.chat-request-header {
    background: #2980b9 !important;
    font-size: 15px;
}
.chat-request-body {
    padding: 16px 18px 8px !important;
}
.chat-request-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
}
.chat-request-info-row:last-of-type { border-bottom: none; }
.chat-request-info-label { color: #777; }
.chat-request-info-value { font-weight: 600; color: #333; }
.chat-request-price { color: #2980b9; font-size: 15px; }
.chat-request-saldo-ok { color: #27ae60; }
.chat-request-saldo-low { color: #e74c3c; }
.chat-request-warn {
    background: #fdf2f2;
    border-left: 3px solid #e74c3c;
    color: #c0392b;
    font-size: 12px;
    padding: 7px 10px;
    border-radius: 4px;
    margin: 8px 0 4px !important;
}
.chat-request-fine {
    font-size: 11px !important;
    color: #aaa !important;
    margin-top: 8px !important;
    line-height: 1.5 !important;
}

/* ── Emoji picker ─────────────────────────────────────── */
.chat-emoji-picker {
    position: absolute;
    bottom: 44px;
    left: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    display: flex;
    flex-wrap: wrap;
    width: 220px;
    z-index: 9500;
    gap: 2px;
}
.chat-emoji-item {
    font-size: 20px;
    cursor: pointer;
    padding: 3px;
    border-radius: 5px;
    line-height: 1;
    transition: background 0.1s;
    user-select: none;
}
.chat-emoji-item:hover { background: #f0f0f0; }
.chat-emoji-btn-active { opacity: 1 !important; background: #eafaf1; border-radius: 4px; }

/* ── Badge "Fuera de línea" en listado ────────────────── */
.chat-listing-badge-offline {
    display: inline-block;
    background: #e8e8e8;
    color: #888;
    font-size: 10px;
    font-weight: 600;
    border-radius: 8px;
    padding: 1px 6px;
    margin-left: 4px;
    vertical-align: middle;
}

/* ── Barra "Conectarme" en perfil ─────────────────────── */
.chat-connect-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    border-radius: 10px;
    padding: 12px 14px;
    cursor: pointer;
    border: none;
    width: 100%;
    color: #fff;
    text-align: left;
    transition: opacity 0.15s;
    margin-top: 5px;
}
.chat-connect-bar:hover { opacity: 0.9; color: #fff; }
.chat-connect-bar:focus { color: #fff; outline: none; }
.chat-connect-bar-icon {
    font-size: 26px;
    flex-shrink: 0;
    line-height: 1;
}
.chat-connect-bar-text { flex: 1; }
.chat-connect-bar-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}
.chat-connect-bar-sub {
    font-size: 11px;
    opacity: 0.85;
    margin-top: 2px;
    line-height: 1.3;
}
.chat-connect-bar-arrow {
    font-size: 16px;
    opacity: 0.7;
    flex-shrink: 0;
}

/* Barra cuando está conectada */
.chat-online-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #1a7a4a 0%, #27ae60 100%);
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer;
    border: none;
    width: 100%;
    color: #fff;
    text-align: left;
    transition: opacity 0.15s;
    margin-top: 5px;
}
.chat-online-bar:hover { opacity: 0.9; color: #fff; }
.chat-online-bar:focus { color: #fff; outline: none; }

/* Barra visitante (perfil ajeno en línea) */
.chat-visit-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    border-radius: 10px;
    padding: 12px 14px;
    cursor: pointer;
    border: none;
    width: 100%;
    color: #fff;
    text-align: left;
    transition: opacity 0.15s;
    margin-top: 5px;
    text-decoration: none;
}
.chat-visit-bar:hover { opacity: 0.9; color: #fff; text-decoration: none; }
.chat-visit-bar:focus { color: #fff; }

/* Mobile */
@media (max-width: 480px) {
    .chat-overlay {
        bottom: 0; right: 0;
        width: 100%;
        border-radius: 12px 12px 0 0;
        max-height: 70vh;
    }
    .chat-fab { bottom: 70px; }
    .chat-emoji-picker { width: 200px; }
}