@import url('https://fonts.googleapis.com/css?family=Roboto');
body{ margin:0; padding:0; min-height:500px}
*{box-sizing:border-box; font-family:Roboto; color:#333; font-weight:500; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.BotonForm, .BotonCancelar{color:white; background-color:#ad1818; box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); border:none; border-radius:2px; height:40px; min-width:70px; padding:0 16px; display:inline-block; outline:none; cursor:pointer; text-decoration:none; text-align:center; line-height:40px; vertical-align:middle; font-size:15px; font-weight:500; text-transform:uppercase; letter-spacing:0; overflow:hidden; margin:0;}

.BotonCancelar{background-color: orangered}

.BotonForm:active, .BotonCancelar:active{box-shadow:0 2px 2px 0 rgba(0,0,0,0.2), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.2); opacity: .8}

.ItemCard{ width:94%; margin:5px 3%; box-shadow:0 2px 4px 1px rgba(0,0,0,.3); -webkit-font-smoothing:antialiased; background-color:white; border-radius:5px}
.ShowingFullItemCardMain{border-radius:3px}
.ItemCardNoticia .LugarItemCard, .ItemCardNoticia .FaltaItemCard, .ItemCardNoticia .FechaItemCard, .ItemCardNoticia .DireccionItemCard, .ItemCardNoticia .BtnAsistire span, .ItemCardNoticia .ValorItemCard{display:none}
.ItemCardNoticia .BtnAsistire i, .ItemCardNoticia .BtnAlert i{pointer-events:none; color:#CCC}

.FechaMainItemCard{ padding-left:15px; font-size:26px; font-weight:500; color:#ad1818; margin-top:50px; text-transform: uppercase}
.FechaMainItemCard b{ color:#ad1818; text-transform: uppercase}
.FechaMainItemCard:first-child{margin-top:30px;}

.contentTitleItemCard{cursor:pointer; height:120px; padding:15px; position:relative; transition:.4s;}

.ImgItemCard{margin-right:15px; height:90px; width:90px; float:left; transition:.4s}
.ImgItemCard img{height:100%; width:100%; object-fit:cover; border-radius:7px; transition:.4s}

.TituloItemCard{ font-size:15px; color:#555; overflow:hidden; font-weight:500; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; text-transform:uppercase; transition:.4s}

.ShowingFullItemCard{ height:auto; padding:0; padding-bottom:30px; border-radius:3px;}
.ShowingFullItemCard .ImgItemCard{margin:0; height:auto; max-height:700px; width:100%; float:none}
.ShowingFullItemCard .ImgItemCard img{height:auto; width:100%; object-fit:cover; border-radius:3px 3px 0 0; max-height:700px}
.ShowingFullItemCard .TituloItemCard{ font-size:22px; color:#333; overflow:visible; -webkit-line-clamp:inherit; text-overflow:inherit; padding:15px}
.ShowingFullItemCard .LugarItemCard{font-size:15px; -webkit-line-clamp:inherit; overflow:visible; text-overflow:inherit; padding:3px 15px; margin:0}
.ShowingFullItemCard .iconLugar{font-size:17px; color:#9c9b9b; vertical-align:text-bottom; }
.ShowingFullItemCard .FaltaItemCard{font-size:14px; left:30px; bottom:5px}


.LugarItemCard{color:#646363; font-size:13px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; margin-top:10px; transition:.4s;}
.iconLugar{font-size:15px; color:#9c9b9b; vertical-align:text-bottom; padding-right:5px !important}

.FaltaItemCard{color:#F46464; font-size:12px; position:absolute; left: 120px; bottom: 15px; transition:.4s}

.HiddenItemCard{display:none; border-top:solid 1px rgba(0,0,0,.1)}
.loading img{ width:40px; margin:15px}

.FechaItemCard, .ValorItemCard{color:#555; font-size:16px; padding:7px 15px}
.FechaItemCard i, .ValorItemCard i{color:#999}

.CuerpoItemCard{color:#777; font-size:15px; text-align:left; padding:8px 15px;}

.CuerpoItemCard em{color:#888; padding-top:8px; display:block; font-size:13px; font-weight:400}

.CuerpoItemCard strong{font-weight:bolder}

.CuerpoItemCard .organizaDetalle{padding-top:15px}

.AccionesItemCard{ width:100%; padding-bottom:7px; user-select: none}
.BotonAccionesItemCard{float:left; width:25%; text-align:center; cursor:pointer}
.BotonAccionesItemCard i{color:#9c9b9b; font-size:35px; border-radius:100%; padding:20px}
.BotonAccionesItemCard i:active{color:#ad1818; background-color:#efeaea}
.BtnActionLegend{position:relative}
.BtnActionLegend span{position:absolute; color:#9c9b9b; font-size:12px; bottom:3px; left:0; right:0; margin:auto; text-align:center}
.iconLiked{}
.iconLiked i{color:#ad1818 !important;}

.divHoras{display: none; position: absolute; bottom:45px; right:45px; width:220%; background-color: white; box-shadow: 0 1px 3px 2px rgba(0,0,0,.2); border-radius: 4px; padding:5px; z-index: 102030405010}
.divHoras label{display:block; padding:14px 7px; font-size: 13px; color: #000; text-align: left}
.divHoras label:active{background-color: #EFEFEF}
.divHoras input[type=radio]{width:18px; height:18px; vertical-align: sub}
#backModal{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; display: none; z-index: 10203040501}

.BotonElegirCuenta{color:white; background-color:#ad1818; box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); border:none; border-radius:2px; height:50px; width: 70%; padding: 0 30px; display: inline-block; outline: none; cursor: pointer; text-decoration: none; text-align: center; line-height: 50px; vertical-align: middle; font-size: 16px; font-weight: 500; text-transform:uppercase; letter-spacing: 0; overflow: hidden; margin-top: 25px; position: absolute; top: 50%; left: 15%;}

.BotonElegirCuenta:active{box-shadow:0 2px 2px 0 rgba(0,0,0,0.2), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.2); background-color:#720261 }




.wowSuperCont{position: relative; top: 110px}
.titulo_gal{font-size: 14px; color: #555; text-align: left}
.album{width:49%; background-color: white; padding:0; position: relative; float: left; box-sizing: border-box; height:300px; margin: 0 0.5%}
.divImgAlbum{width: 100%; height:300px; }
.divImgAlbum img{width: 100%; height:300px; object-fit: cover}
.titleAlbum{position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.4); color: white; width: 100%; padding: 15px 5px; border-left:solid 2px white; border-right:solid 2px white; box-sizing: border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cantImgAlbum{position: absolute; top: 7px; right: 7px; border-radius: 100%; background-color: black; color: white; width: 30px; height: 30px; line-height: 30px; text-align: center; font-weight: bold}

#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img {max-width: 100% !important; max-height: 250px !important}
#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div{text-align: center}



/* ADMIN ADMIN ADMIN ADMIN ADMIN ADMIN ADMIN ADMIN ADMIN ADMIN */

body{ background-color:#fff7f7; padding-bottom:80px}
.ContainerImg{width:90%; margin:10px 5% 30px 5%; display:block; position:relative}
.containerButtonImg{ position:absolute; left:50%; margin-left:-28px; bottom:-28px;}
.labelButtonImg{background-color:#ad1818; border-radius:50%; height:56px; margin:auto; min-width:56px; width:56px; padding:0; overflow:hidden; box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); position:relative; outline:none; cursor:pointer; text-decoration:none; text-align:center; font-weight:500; display:inline-block; border:none;}

.labelButtonImg .material-icons{vertical-align:middle; position:absolute; top:50%; left:50%; transform: translate(-12px,-12px); line-height:24px; width:24px; font-style:normal; font-size:24px; display:inline-block; direction:ltr;}

.NombreFile{margin:10px 5%; width: 90%; background-color:#e5e5e5; border-radius:3px; padding:3px 9px; display:none; word-wrap: break-word}

.divInput{ position:relative; padding:10px 20px}

input[type=text],input[type=password],input[type=file],input[type=date],input[type=time],input[type=datetime],input[type=number],input[type=email],input[type=datetime-local],textarea, select{ border-radius:3px; outline:none; border:none; box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); padding:18px 10px; width:100%; margin:10px 0; color:#555; font-size:17px; display:inline-block; background-color:white}

::-webkit-input-placeholder{color:#A3A3A3;}

input[type=checkbox]{width:35px; height:35px; vertical-align:middle}

input[type=date],input[type=time],input[type=datetime]{ width:60%;}

.divInput label{color:#ad1818; position:absolute; top:5px; left:30px; font-size:12px}

.DivBotonOk{ position:fixed; right:10px; bottom:20px; z-index:1010; width:56px}
.BotonOk{background-color:#27ba2b; border-radius:50%; height:56px; margin:auto; min-width:56px; width:56px; padding:0; overflow:hidden; box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); position:relative; outline:none; cursor:pointer; text-decoration:none; text-align:center; font-weight:500; display:inline-block; border:none; right:15px; user-select: none}

.BotonOk:active{background-color:#0f9612;}
.BotonOk .material-icons{vertical-align:middle; position:absolute; top:50%; left:50%; transform: translate(-12px,-12px); line-height:24px; width:24px; font-style:normal; font-size:24px; display:inline-block; direction:ltr;}


.switchBox{display:inline-block; margin-bottom:40px; position:relative}
.cbx,.cbxLila{display:none;}
.lbl{position:relative; display:block; height:20px; width:44px; background:#898989; border-radius:100px; cursor:pointer; transition:all 0.3s ease; top:25px !important; left:15px !important; }
.lbl:after{position:absolute; left:-2px; top:-3px; display:block; width:26px; height:26px;
  border-radius:100px; background:#fff; box-shadow:0px 3px 3px rgba(0,0,0,0.05); content:'';
  transition:all 0.3s ease;}

.cbx:checked ~ label{background:#6fbeb5;}
.cbx:checked ~ label:after{left:20px; background:#179588;}

.cbxLila:checked ~ label{background:#f5b3b3;}
.cbxLila:checked ~ label:after{left:20px; background:#ad1818;}

.FondoModal{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,.7); display:none; top:0; left:0; z-index:38500; }

.link_new{display:inline-block; position: absolute; right: 35px; top: 20px; cursor: pointer; padding: 8px}
.link_new i{color: green !important; font-size:44px !important}


#div_new_lugar,#div_new_cat{width: 94%; margin: auto 3%; z-index: 121211; background-color: lightgray; border-radius:10px; position:relative; padding: 15px}

.optionEdit{ display: block; padding:18px 10px; margin: 0; border-bottom: solid 1px #ccc; text-decoration: none}
.optionEdit:active{ background-color:#e7e7e7}
.optionCampo10, .optionCampo20, .optionCampo30,.optionCampo40, .optionCampo50, .optionCampo60{float: left; text-align: left; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size: 15px; color: #777}
.optionCampo10{width: 10%;}
.optionCampo20{width: 20%;}
.optionCampo30{width: 30%;}
.optionCampo40{width: 40%;}
.optionCampo50{width: 50%;}
.optionCampo60{width: 60%;}

#div_new_lugar,#div_new_cat{display:none;}
.NotificarEvento{margin-left:20px}

/*-------------------------------------------------------------*/

.mesFull{width:98%; margin:35px 1% 5px 1%; }
.titleMes{ color:#405A43; font-size:25px; text-align: center; padding: 10px 0 5px 0}
.diaFull{width: 14.2857%; float: left; padding-top:15px; margin:0; border:solid 1px #cecece; height: 75px; position: relative; background-image:linear-gradient(to bottom, #fff 0%, #dedddd 100%)}
.diaFull:active{background-color:#A8D5EB}
.diaFull .numeroDia{position: absolute; top: 2px; left: 2px; font-size: 11px; color: #777777}
.itemDia{width:100%; height: 13px; font-size: 9px; line-height: 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: white}
.divDiasSemana{width: 100%}
.divDiasSemana>div{width: 14.2857%; background-color: #777; float: left; font-size: 13px; color:#fff; border-left:solid 1px #DDDDDD; border-top:solid 1px #DDDDDD; border-bottom:solid 1px #DDDDDD; text-align: center; padding: 3px 0}
.divDiasSemana>div:first-child{border-left:none}

/*------------------------------------------------------------*/

.containerAdmin .ItemList{ width:100%; padding:12px; border-bottom:solid 1px rgba(0,0,0,.1); position:relative; cursor: pointer}
.containerAdmin .ItemList:hover{background-color: #FDFDE6}
.containerAdmin .FechaMainItemCard{ padding:10px 15px; background-color:#F0F0F0; font-size:16px; font-weight:500; color:#777; margin-top:30px; display:inline-block; border-radius:15px}
.containerAdmin .FechaMainItemCard:first-child{margin-top:10px;}

.containerAdmin .ImgItemList{margin-right:10px; height:70px; width:70px; float:left;}
.containerAdmin .ImgItemList img{height:100%; width:100%; object-fit:cover; border-radius:100%}

.containerAdmin .TituloItemList{ font-size:14px; color:#555; font-weight:500; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase;}

.containerAdmin .LugarItemList{color:#9c9b9b; font-size:13px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; margin:10px 0; transition:.4s}
.containerAdmin .iconLugar{font-size:15px; color:#9c9b9b; vertical-align:text-bottom}
.containerAdmin .FaltaItemList{color:#f464df; font-size:14px; font-style:italic; position:absolute; right:5px; bottom:3px; transition:.4s}
.containerAdmin .iconGrande{font-size:50px; color:#9c9b9b;}

/*  SERVICIOS    SERVICIOS    SERVICIOS    SERVICIOS    SERVICIOS    SERVICIOS    SERVICIOS  */
.ContainerServ{background-color: #f5f5f5 !important}
.ContainerServ .ItemCard{ width:100%; margin:0 !important; box-shadow:none; background-color:transparent; border-radius:0; }


.ContainerServ .contentTitleItemCard{cursor:pointer; height:104px; padding:10px 15px; position:relative; transition: .3s; width: 95%; margin:10px 2.5%; border-radius: 5px; box-shadow: 0 1px 5px 2px rgba(0,0,0,.15); background-color:white;  }
.contentTitleItemCardHeight{height:auto !important}
.ContainerServ .ImgItemCard{margin-right:20px; height:70px; width:70px; float:left;}
.ContainerServ .ImgItemCard img{height:70px; width:70px; object-fit:cover; border-radius:15%;}
.ContainerServ .TituloItemCard{ font-size:14px; color:#555; overflow:hidden; font-weight:500; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; text-transform:uppercase; transition:.4s}
.ContainerServ .HiddenItemCard{display:none; border-top:solid 1px #ccc; color:#888; font-size:13px; text-align:justify; float:left; margin:12px 0 7px 0; padding: 8px; width: 100%}
.ContainerServ .HiddenItemCard em{color:#CCCCCC; padding-top:8px; display:block; font-size:13px; font-weight:400}
.ContainerServ .HiddenItemCard .organizaServ{padding-top:5px; color:#888}

/*  SERVICIOS    SERVICIOS    SERVICIOS    SERVICIOS    SERVICIOS    SERVICIOS    SERVICIOS  */




/*NOTIF ADMIN  NOTIF ADMIN  NOTIF ADMIN  NOTIF ADMIN  NOTIF ADMIN  NOTIF ADMIN  */
.notif{ width:100%; padding:10px; box-sizing:border-box; font-family:Roboto; text-align:left; border-top:solid 1px LightGray; position: relative}
.notif:last-child{border-bottom:solid 1px LightGray;}
.fecha_notif{ font-size:16px; width:100%; padding:15px 5px; box-sizing:border-box}
.titulo_notif{ font-size:16px; width:100%; padding:2px 5px; box-sizing:border-box}
.texto_notif{ font-size:14px; color:#777; width:100%; padding:2px 5px; box-sizing:border-box; text-align: left; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.activo_notif{border-radius:20px; position: absolute; top:8px; right: 35px; width: 70px; height: 35px; cursor: pointer}



/*NOTIF USER  NOTIF USER  NOTIF USER  NOTIF USER  NOTIF USER  NOTIF USER  NOTIF USER  NOTIF USER  */
.notifUsuario{ width:100%; padding:10px; box-sizing:border-box; font-family:Roboto; text-align:left; border-top:solid 1px LightGray; position: relative}
.notifUsuario:last-child{border-bottom:solid 1px LightGray;}
.fecha_notifUsuario{ font-size:15px; color: #888; font-style:italic; width:100%; padding:2px 10px; box-sizing:border-box; text-align: right}
.titulo_notifUsuario{ font-size:18px; width:100%; padding:2px 5px; box-sizing:border-box; color:#777777}
.texto_notifUsuario{ font-size:15px; color:#888; width:100%; padding:2px 5px; box-sizing:border-box; text-align: left;}