/* ----------------------------*/
/* ----------------------------*/
/* ---------- FONTS ---------- */
/* ----------------------------*/

@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Indie+Flower);
@import url(//fonts.googleapis.com/css?family=Raleway);

/* @import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light); */

/* ----------------------------*/
/* ---------- RESET ---------- */
/* ----------------------------*/


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/* --------------------------------- */
/* ---------- MAIN LAYOUT ---------- */
/* --------------------------------- */

body { min-height: 100%; margin: 0 0 0 0; background-color:#FFFFFF;}
body {text-align:center;}

#ww-imagotipo {margin-bottom:25px;}

#root { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -32px;}
#pre-header { width: 100%; font-family: 'Montserrat'; min-height: 60px; background-color:#ffffff;z-index: 100;position:fixed;}
#pre-header  .box { width: 100%!important;}
#all-content {
  height:100%;
  width: 100%;
  
}
/* textarea {resize: none;} */
#main-header { width: 100%; font-family: 'Montserrat'; background-color:#FFFFFF; padding: 5px 0 0 0;}

#dash-header {width:100%;margin-top: 5px;}
#dash-header-left {width:50%;text-align:left;align-items: center;}
#dash-header-right {width:50%;text-align:right;display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}


#main-wrapper {min-height:100%; display:flex;}

/* Scrollbars */
body *::-webkit-scrollbar,
body *::-webkit-scrollbar-thumb {
	width: 16px;
	border-radius: 1.5rem;
	border: 5px solid transparent;
	background-color: transparent;
	color: #aaaaaa;

}

body *::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {        
 	box-shadow: inset 0 0 0 8px;
}

::-webkit-scrollbar-thumb:horizontal {
	display: none;

}

/* body *::-webkit-scrollbar{
    background-color:white;
	border-radius: 0;
} */
  
/* end - Scrollbars */

.ww-txt-head {font-family: Poppins; font-weight: 900; font-size:26;}
.ww-txt-sub {font-family: Poppins; font-weight: 700; font-size:22;}
.ww-txt-sub3 {font-family: Poppins; font-size:17;}
.ww-txt-btn {font-family: Poppins; font-weight: 700; font-size:22;}
.ww-txt-normal {font-family: Montserrat; font-size:15; line-height:25px; color: #65676B;}
.ww-txt-normal2 {font-family: Montserrat; font-size:13; color: #65676B;}
.ww-txt-normal-small {font-family: Montserrat; font-size:11; color: #65676B;}
.ww-txt-truncated {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ww-select{height:2rem;border-radius: 1rem;padding: 0.2rem;background-color: white;}
.mobile-only {display:none;}
.laptop-only {display:inherit;}

/* TEXT STYLES */

.ta-left{
	text-align: left;
}

.ta-center{
	text-align: center;
}

.ta-right{
	text-align: right;
}

.fw-bold{
	font-weight: bold!important;
}

.txt-shadow {
	text-shadow: 2px 2px 2px #000000;
}

.hover-opacity:hover {opacity:50%; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;cursor:pointer;}

.ww-alert {background-color: white; border-radius: 1em; padding: 1em; margin-bottom:0.5em; margin-left:2%; margin-right:2%;}
#ww-chart {width:95%;height:30em; border-radius:1.5rem; padding:2rem; margin-top:1em;background-color:white;}
#google-chart{width:90%;height:90%;margin:auto;}
#fch-filtro-tit:hover{cursor:pointer;}
#fch-filtro {
    background-color: white;
    display: inline-block;
    position: absolute;
    margin-left: -22em;
    width: 22.5em;
    padding: 0.5em;
	border-style: solid;
    border-width: 2px;
	border-radius: 1rem;
	text-align: center;
}
#fch-filtro a.ww-btn{margin-top:0.2rem;}

.gen-filtro {
    background-color: white;
    display: inline-block;
    position: absolute;
    margin-left: -21em;
    width: 19.5em;
    padding: 0.5em;
	border-style: solid;
    border-width: 2px;
	border-radius: 1rem;
	text-align: center;
}


.colic-white path {fill:#ffffff;}
.colic-fisica path {fill:#ffc536;}
.colic-emocional path {fill:#c54cff;}
.colic-nutricional path {fill:#17e581;}
.colic-medioambiental path {fill:#00b0c8;}

.ico-btn:hover{cursor:pointer;}
.ico10 {height:10px;width:10px;padding:5px;}
.ico20 {height:20px;width:20px;padding:10px;}
.ico27 {height:27px;width:27px;padding:10px;}
.ico35 {height:35px;width:35px;padding:10px;}
.ico60 {height:60px;width:60px;padding:15px;}

input[type="text"][disabled] {
   background-color: #dddddd;
}

/* multiselect */
.multiselect [type=checkbox] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

.checkboxes-item {
	display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
/* end - multiselect */

/* Módulo "social" */
#social-wall {width: 680px; max-width:90%; margin: auto;}
#social-new-post {width: 600; max-width:90%; margin: auto; padding: 0.5rem; border-top-left-radius: 15px; border-top-right-radius: 15px;}
#social-new-post-body {width: 600; max-width:90%; margin: auto; padding: 0.5rem; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
.soc-post {background-color: white; border-radius: 15px; margin-bottom: 0.5rem; text-align:left;}
.soc-post-header {padding:0.5rem;}
.soc-post-body   {padding:0.5rem;}
.soc-post-footer {padding:0.5rem;}

/* Directos banderas y estrella */
.icoFlag {width:35px;padding:10px;margin-top: -16px;float: right}
.icoStar {height:60px;width:60px;padding:10px;margin-top: -65px;margin-right: -21px;float: right}

.cnt-row {width:100%; margin:auto;}
.half {width:50%;}
.width20 {width:20%!important}
.width25 {width:25%!important}
.width30 {width:30%!important}
.width33 {width:33%!important}
.width40 {width:40%!important}
.width50 {width:50%!important}
.width60 {width:60%!important}
.width70 {width:70%!important}
.width80 {width:80%!important}
.width90 {width:90%!important}
.width100 {width:100%!important}

.width10-resp {width:10%!important}
.width15-resp {width:15%!important}
.width20-resp {width:20%!important}
.width25-resp {width:25%!important}
.width30-resp {width:30%!important}
.width40-resp {width:40%!important}
.width50-resp {width:50%!important}
.width60-resp {width:60%!important}
.width70-resp {width:70%!important}

.backcolor-dark {background-color:193435!important;}
.backcolor-white {background-color:white;}
.color-green{color:green;}
.color-red{color:red;}
.color-black{color:black;}
.color-white{color:white;}
.left {justify-content:left;}
.right {justify-content:right;}
.center {justify-content:center;}
.row-flex{display:flex;margin:1rem auto 1rem;}
.bold {font-weight:bold;}

.rounded {border-radius:1.5rem;}

.scroll-cell {overflow-y: scroll;}

.paper-prn-a4 {width:21cm; padding: 3cm; text-align:left;}
div.paper-prn-a4 div#logo-page-a4 {width: 300px;margin:auto;padding-bottom:2px;}
.paper-prn-a4-square { border: 1px solid #000000; border-radius: 1.5em; padding: 2em;}
.paper-prn-a4-square div.ww-txt-sub3 {margin-top:2rem;}

.white-card {background-color: white; border-radius: 1.5rem; padding: 1.5rem; margin:auto;}

#video-player-msg {width:70%;}

.shooowit-player {width: 100%;height:100%;}

/* custom-content-page */
.custom-content-page {width:93%;}

/*div.paper-prn-a4 ul {list-style-type: square;}*/
div.paper-prn-a4 ul li {margin-left:2em;}

/* Grupo Mexico */
.dieta-mexico {
    border-radius: 15px;
    padding: 4rem 2rem;
	margin: 1rem auto auto auto;}

.dieta-mexico a{color:white;}	


/* wwModal genéricos */

	/* The Modal (background) */
	.wwModalc {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 1000; /* Sit on top */
	  padding-top: 100px; /* Location of the box */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	/* Modal Content */
	.ww-modal-content {
	  background-color: #fefefe;
	  margin: auto;
	  padding: 0;
	  border: 1px solid #888;
	  height: 65vh;
	  width: 50vw;
	  border-radius: 1.5rem;
	  z-index: 3;
	  position: relative;
	}
	
	#wwModalContent {
		margin: 0;
		
	}

/* The Close Button */
	.closeWwModal {
	  color: #aaaaaa;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	  margin-top: 14px;
	  position: fixed;
	  width:inherit;
	  z-index: 8;
	}

	.closeWwModal:hover,
	.closeWwModal:focus {
	  color: #000;
	  text-decoration: none;
	  cursor: pointer;
	}

/* fin - wwModal genéricos */


/* check switch style */
.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 9px;
  width: 9px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #193435;
}

input:checked + .slider.fisica {
  background-color: #FFC536;
}

input:checked + .slider.nutricional {
  background-color: #17E582;
}

input:checked + .slider.emocional {
  background-color: #C64DFF;
}

input:checked + .slider.medioambiental {
  background-color: #00B0C8;
}

input:checked + .slider.social {
  background-color: #FF552B;
}

input:checked + .slider.financiera {
  background-color: #AABB00;
}

input:focus + .slider {
  box-shadow: 0 0 1px #193435;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform:     translateX(18px);
  transform:         translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* check switch style - end */


/* live - eventos en vivo */ 
#live-next {color:white; border-radius: 1.5rem; padding: 1rem;margin:0.5rem;}
#live-now {color:white; border-radius: 1.5rem; padding: 0;margin:0.5rem;height:8rem;}
#live-now-img {height: 8rem; width: 8rem;border-top-left-radius: 1.5rem;border-bottom-left-radius: 1.5rem;}
#live-page a.ww-btn{width:6rem;margin:0 0 3px auto;}
#live-week {display:flex;border-top-left-radius: 1.5rem;}
.live-week-header {height: 5rem; line-height: 5rem;}
.live-week-body {height:70rem;background-color:white;padding:0.5rem;flex: 1;}
.live-week-day {width:15%;display: flex;flex-direction: column;}
.live-week-item{height:6rem;margin:0 0 0.5rem 0;border-radius:1.5rem;padding:0.5rem;}
.live-week-lunes{border-top-left-radius: 1.5rem;}
.live-week-domingo{border-top-right-radius: 1.5rem;}

.div-live-session {padding:0 0 0 0;position:relative;width:60%;}
.div-live-chat {width:40%;height:80%;margin:auto;}
#vimeo-player{width:100%;height:100%;}


/* end - live - eventos en vivo */ 


/* NPS */
.nps-container{
    background-color:white;
    border-radius:1.5rem;
    width:100%;
    margin-bottom: 1rem;
	padding:1rem 0;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.nps-radio-container{
    display: inline-block;
	margin-bottom:1rem;
    height: 3rem;
}

.nps-div-input {
	height:2.5rem;
	width:2.5rem;
	margin:0.2rem;
    padding: 0;
    border-radius: 50%;
    text-align:center;
    float:left;
    justify-content: center;
    align-items: center;
    position:relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 5px;
}
.nps-label{
    color:white;
    text-align: center;
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	width:100%;

}
.nps-div-input input {
    visibility: hidden;
	position: absolute;
}

/* NPS - END */

/* save to markers */
.save-to-markers-contents {position:absolute; right:10px; cursor:pointer;display: flex; justify-content: flex-end;}
#btnfav {width: 35px;}
/* end - save to markers */

/* healthy experience - eventos presenciales */ 

#vnt-wellwo-header {
    width: 95%;
    display: flex;
    margin: auto;
    text-align: left;
    padding-bottom: 30px;
}
#vnt-wellwo-header-left {
	
}

.vnt-row {display:flex;justify-content:center;}
.vnt-container {height:15rem;width:30%;padding:10px; margin:1%; display:block; border-radius: 1.5rem;}
.vnt-container-filter{height:15rem;padding:10px;margin:-10px;opacity:0.3;border-radius: 1.5rem;z-index:2;position: relative;}
.vnt-container-no-filter{height: 15rem;
    width: 28%;
    margin-left: -33%;
    padding: 2%;
    z-index: 3;
	position: relative;}
.vnt-cell-head-filter{
    width: 100%;
    padding: 6rem 4rem;
    margin-top: -4rem;
    margin-bottom: -4rem;
    margin-left: -4rem;
    opacity: 0.5;
    border-radius: 1.5rem;}
.vnt-titulo {color:white;font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;}
.vnt-usr-lst.vnt-titulo {margin-top:4rem;text-shadow:2px 2px 4px #000000;height: 2rem;max-height: 2rem;}
.vnt-usr-lst.vnt-subtit {text-shadow:2px 2px 4px #000000;height: 2rem;max-height: 2rem;}
.vnt-subtit {color:white;font-size:1rem;margin-bottom:2rem;}
.vnt-delete {width: 104%;
    text-align: right;float:left;}
.vnt-label {width:100%;text-align:left;}
.vnt-value {overflow: hidden; text-overflow: ellipsis;}
#editevent label.vnt-label {width:30%;text-align:left;}
#addevent label.vnt-label {width:30%;text-align:left;}
.vnt-label100 {width:100%;text-align:left;}
.vnt-input {width:70%;}
.vnt-input50 {width:50%;}
.vnt-input100 {width:90%;}
div.vnt-edit-left div.ww-flex{margin-top:1rem;}
.vnt-fchhor{color:white;border-radius:2rem; padding:0.2rem;font-size:0.8rem;}
.vnt-maxins{color:white;text-align:right;}

.vnt-right{height:fit-content;background-color:transparent!important;}
.vnt-edit-left{padding:1rem 3rem!important;}
.vnt-cell{padding:0; margin:1%; display:block; border-radius: 1.5rem;background-color:white;}
.vnt-cell-head {padding:4rem; margin:0; display:block; border-radius: 1.5rem;}
.vnt-cell-content {padding:2rem;text-align:left;}
p.vnt-label {margin-top:1rem;margin-bottom:0.5rem;}
.vnt-avatar {width:40%;border-radius: 10rem;}
.vnt-edit-foto {width:100%;padding:0px; margin:0%; display:block; border-radius: 1.5rem;}
.vnt-edit-foto-filter{height:15rem;padding:0;margin:0;opacity:0.5;border-radius: 1.5rem;}
.vnt-edit-img{background-color: white;    border-radius: 1.5rem;}
#imgvnt {margin-top:2rem;}

.filtros-fam{display:flex;height:35px; width:370px; overflow:hidden;font-size:.75rem;background-color:white;border-radius:1.5rem;margin: 10px 0 auto auto;}
.filtros-fam-ico{width:50px; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:black;transition:width .6s ease;}
.filtros-fam-ico svg {margin-left: 15px; margin-top: 0px;}
.filtros-fam-tit{width:90px; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:black;transition:width .6s ease;}
.filtros-fam-fam{padding-left: 20px; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;background-color:white;transition:width .6s ease;}


/* end - healthy experience - eventos presenciales */ 


/* segmentación de usuarios */ 
table#usrseg {margin-top:1rem;}
#usrseg .select {width:10%;text-align: left;}
#usrseg .demail {width:25%;text-align: left;}
#usrseg .nombre {width:20%;text-align: left;}
#usrseg .segme1 {width:15%;text-align: left;}
#usrseg .segme2 {width:15%;text-align: left;}
#usrseg .segme3 {width:15%;text-align: left;}
/* end - healthy experience - segmentación de usuarios */ 


.prof-check{margin-bottom:5px;}
.prof-check-label{line-height: 25px;padding-left: 5px;text-align:left;}
.prof-cats{width:100%;padding-left:0px;}
#cell-settings1 div.ww-txt-sub3 {text-align:left;padding-bottom:10px;}
#cell-settings-dias {margin-bottom:1rem;}
#cell-settings-cat {margin-bottom:1rem;}
#cell-settings-mail-dosis{margin-right:1rem}

#left-menu {width: 240px!important;  float:left; font-family: 'Montserrat'; padding: 60px 0 0 0; text-align:left;}
#left-menu a { text-decoration: none; color:white;}
#left-menu a .lmnu-sec { text-decoration: none; color:black;}
#left-menu li {padding:5px;}
#left-menu li:hover {opacity:50%;}
#left-menu ul.lmnu-main {padding-left:0px;width:240px;}
#left-menu ul .lmnu-sec {background-color:white; padding-left:0px;}
#left-menu ul .lmnu-sec span {color:#65676B;}
#left-menu ul .lmnu-sec li {padding-left:50px;}
#left-menu ul .lmnu-ter {background-color:#a0a0a0; padding-left:20px;color:white;display:none;}
#left-menu span {margin-left: 0px;}
#left-menu img {width: 18px;height: 18px;}

#admin-menu {width: 240px!important;  float:left; font-family: 'Montserrat'; padding: 60px 0 0 0; text-align:left;}
#admin-menu a { text-decoration: none; color:white;}
#admin-menu a .lmnu-sec { text-decoration: none; color:black;}
#admin-menu li {padding:10px;}
#admin-menu ul.lmnu-main {padding-left:0px;width:240px;}
#admin-menu ul .lmnu-sec {background-color:white; padding-left:0px;}
#admin-menu ul .lmnu-sec span {color:#65676B;}
#admin-menu ul .lmnu-sec li {padding-left:50px;}
#admin-menu ul .lmnu-ter {background-color:#a0a0a0; padding-left:20px;color:white;display:none;}
#admin-menu span {margin-left: 5px;}
#admin-menu img {width: 18px;height: 18px;}

#famili,#codcat,#codprg {
    width: 48%;
    margin: auto;
    border-radius: 1em;	
}


.left-menu-item {display:flex;font-size: 0.95rem;}
.left-menu-item div {line-height: 1.2rem;display: flex; align-items: center;}
li.ayuda {margin-top:50px;border-top: dotted;}

#mobile-menu {
	display: none;
    position: fixed;
    left: 0px;
    top: 60px;
    z-index: 2000;
    width: 100%;
	height: 90%;
    background-color: white;
	overflow: scroll;
	background-color: #fafafa;
}
#mobile-menu ul {color:black;text-align: left; padding-left: 15px;}
#mobile-menu li {height:40px;display:flex;}	
#mobile-menu img {height:25px;width:25px;}
#mobile-menu a {text-decoration:none;width:85%;}
.mobile-menu-item {display: flex; height:40px;font-size: 95%;align-items: center;}
.mobile-menu-item div {line-height:16px;}
#mobile-menu-pill {margin-left:50px;display:none;}
#mobile-menu-prgs {margin-left:50px;display:none;}
#mobile-menu-prge {margin-left:50px;display:none;}
#mobile-menu-nutr {margin-left:50px;display:none;}
#mobile-menu-conf {margin-left:50px;display:none;}

	
#main-content {
	font-family: 'Montserrat'; 
	background-color:transparent; 
	width: 100%;
	padding:60px 30px 30px 30px;
	min-height:55vw;
}
#main-content .main-content-black {background-color:#1d1d1d!important; }
#main-content .main-content-gray {background-color:#f3f3f3; }

#main-content .ww-flex {
	display: flex;
}
#main-content .ww-flex-resp {
	display: flex;
}

#main-content .ww-block {
	display: block;
}

.ww-flex {
	display: flex;
}

.ww-block {
	display: block;
}

#main-content .ww-box-container {background-color:white; border-radius:15px;padding:10px;}
#main-content .ww-size3 {width:32%; margin:2%;}

#main-content .ww-title {color:white; text-align: left;}

#home-header{width:95%; display: flex; margin:auto;padding-bottom:30px;}
#home-header-left{width:50%; text-align:left; display:flex;}
#home-header-right{width:50%; text-align:right;}
#home-row{display:flex;width:95%;padding-top: 20px;}
#home-column1{width:70%;padding: 0 20 0 20;}
#home-column1 a.ww-btn {margin-top:15px;}
#home-column2{width:30%;padding: 0 20 0 20;}
#home-column2 div.home-cell {width: 100%; margin-left: 0%; margin-right: 0%; margin-bottom:20px;}
#home-column2 div.col3.ww-txt-normal{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.home-column1-row{display:flex;width:100%;padding: 20 0 0 0; margin: 0; column-gap:2%;}
.home-column1-row div.ww-txt-normal-small {margin-top:1em;}
	
#prof-page input{margin:5 0 5 0; width:220px;}	
#prof-page select{margin:5 0 5 0;}	
#myProfile div.ww-radio-option-norm {height: 24px; padding-top: 10px;}

.consultas-cell {height:45vh;background-color:white; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;padding:1rem;}
#msg-back {display: none;}
#expert-page-left {padding: 0 1rem 0 0 ;}
#expert-page #page-title-right {justify-content: flex-end;}
#expert-page #page-subtitle-right {justify-content: flex-end;}
#expert-page #page-subtitle-right a.ww-btn {width: 14rem;    margin: 0 0 0 auto;}
#ventana-conversacion {height: 80%;}
#ventana-conversacion p.alert1 {color:red; margin:4rem;font-size:1.5rem;}
#ventana-conversacion p.alert2 {color:red; margin:1rem;font-size:1.2rem;}
#mis-consultas p.alert1 {color:red; margin:4rem;font-size:1.5rem;}
#mis-consultas p.alert2 {color:red; margin:1rem;font-size:1.2rem;}
#ventana-nuevo-msg {    height: 20%; border-top: 1px solid gray; }
.mi-msg {width:70%; background-color:#8b8b8b; float: right; margin: 5px; padding:1.5rem; text-align: left; font-size:11;border-radius:1.5rem 0.5rem 1.5rem 1.5rem;color:white;}
.txt-msg {font-size:13;}
.su-msg {width:70%; background-color:#EFEFEF; float: left; margin: 5px; padding:1.5rem; text-align: left; font-size:11;border-radius:0.5rem 1.5rem 1.5rem 1.5rem;}

.su-msg-gracias {width:70%; background-color:#ffffff; color:red; float: left; margin: 5px auto 5px 25px; padding:0.5rem; text-align: left; font-size:11;border-radius:1.5rem 1.5rem 1.5rem 1.5rem;}

.valoracion-msg {width:70%; float: right; margin: 5px; padding:1.5rem; text-align: right; font-size:11;border-radius:1.5rem 0.5rem 1.5rem 1.5rem;}
.fch-msg {float:right;font-size:9;color:gray;margin-top:5px;}
.mi-msg .fch-msg {float:right;font-size:9;color:white;}
.msg-record {border-bottom: 1px solid gray; display:flex; padding:1rem;}
.msg-record-col1 {width:12%;}
.msg-record-col2 {width:58%;text-align:left;}
.msg-record-col3 {width:30%;}
.msg-fech {font-weight: bold; margin-bottom:0.6rem;}
.no-leido{background-color: red;
    border-radius: 1.5rem;
    height: 15px;
    width: 15px;
    color: red;}
#ventana-nuevo-msg textarea {
    border-radius: 1.5rem;
    padding: 9px;
    width: 70%;
    height: 3rem;
	}
#cons-disp-label {font-weight: bold;font-size: 13;line-height: 1.1;float: right;}
#cons-disp-label-mobile {display:none;}
#cons-disp-value {float: right;
    height: 3rem;
    width: 3rem;
    text-align: center;
    font-size: 20;
    border-radius: 1rem;
    margin-left: 0.5rem;
    line-height: 3rem;}
.expert-page-module {margin:2rem;}
.experto-avatar {border-radius:5rem;height:4rem;margin-left:0.5rem;}
.experto-avatar-mobile {border-radius:5rem;height:2rem;margin-right:0.5rem;}
.tiempo-experto {font-family: Poppins; font-size:60; font-weight:900; line-height:300%;}
.valoracion-experto {font-family: Poppins; font-size:60; font-weight:900; line-height:300%;}
.cantidad-experto {font-family: Poppins; font-size:60; font-weight:900; line-height:300%;}
#cargar-cantid {font-family: Poppins;
    font-size: 60;
    font-weight: 900;
    line-height: 200%;
	width:12rem;
	text-align:right;
	border:0;}
.avatar-txt {line-height: 2rem;
    height: 2rem;
    width: 2rem;
    border-radius: 1rem;
    font-weight: 900;
    color: white;}
#msg-pendientes{background-color: red;
    font-size: 0.7rem;
    color: white;
    border-radius: 2rem;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;}
#msg-pendientes-left{background-color: red;
    font-size: 10px;
	line-height: 10px;
	height: 10px;
    color: white;
    border-radius: 15px;
    padding: 4px;
    margin-left: -5px;}

	
#mod_current_dose{height: 350px;padding-left:20px;width:3000;}
#mod_current_dose p.title {line-height: 75px; color: white; font-weight:900;}
#mod_current_dose p.frase-motiv {width:50%;height: 200px; color: white; font-weight:900;}
#mod_current_dose a {color:white; width:15rem;}
div.home-cell {width: 50%;}
div.home-cell-title{ color: #FFFFFF; padding-top: 10px; min-height: 30px; border-top-left-radius:15px; border-top-right-radius:15px;
	margin-bottom:0px; display:flex;justify-content:center;}
div.home-cell-title{line-height:40px;}
div.home-cell-body{
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	background-color:white;
	margin-top: 0px;
	padding: 0 0 10 0;
	justify-content:center;
	
}
/*div.home-cell-body a.ww-btn {margin-top:0;margin-bottom:0;}*/
div.home-cell-body-news {padding:20px 20px 20px 20px;text-align:left;}
div.home-cell-body-news a {text-decoration:none;}
div.home-cell-body-news li {margin-bottom: 10px;}

div.home-cell-body div.home-clasifica {padding: 5 10 5 10;}
div.dash-ini-clasifica-row {display:flex;}
div.dash-ini-clasifica-row div.col1 {width:10%;margin:auto;}
div.dash-ini-clasifica-row div.col1 img {width:100%;}
div.dash-ini-clasifica-row div.col2 {width:16%;margin:auto;}
div.dash-ini-clasifica-row div.col3 {width:34%;text-align:left;margin:auto;}
div.dash-ini-clasifica-row div.col4 {width:40%;text-align:right;margin:auto;}

div.home-cell-body-news span.news-dot {font-size:30px; font-weight: 900;line-height:25px;}

div.dash-prg-row {margin-bottom:20px;}
div.dash-prg-row div.news-cell {width:33%!important;}
.dash-prg-perc {margin-top:-15px;}


.page-title {display:flex; line-height: 40px;}
.page-title p {line-height:1.7rem;}
#page-title-left{width:60%; text-align:left; display:flex;align-items: center;}
#page-title-right{width:40%; text-align:right;}
.page-subtitle {display:flex; padding-left: 55px;text-align:left;}
.page-subtitle p {line-height:18px;}
#page-subtitle-left{width:50%; text-align:left; display:flex;}
#page-subtitle-right{width:50%; text-align:right;}

.progreso-programa{text-align:left; margin-bottom: 10px;}
.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#9FDBD9;border-radius:.50rem;}
.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-image: linear-gradient(45deg, #4EF4D4 0%, #2D8FA1 100%);transition:width .6s ease;border-radius:.50rem;}


.filtros-prg{display:-ms-flexbox;display:flex;height:3rem;overflow:hidden;font-size:.75rem;background-color:white;border-radius:1.5rem;margin-top:2rem;}
.filtros-prg-ico{width:5%; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:black;transition:width .6s ease;}
.filtros-prg-ico svg {margin-left: 10px; margin-top: 0px;}
.filtros-prg-tit{width:10%; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:black;transition:width .6s ease;}
.filtros-prg-semana{padding-left: 20px; width:35%; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;background-color:white;transition:width .6s ease;}
.filtros-prg-nivel{padding-left: 20px; width:35%; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;background-color:white;transition:width .6s ease;}
.filtros-dta-dia{padding-left: 20px; width:35%; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;background-color:white;transition:width .6s ease;}
.filtros-prg-reiniciar-tit{width:11%; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:black;transition:width .6s ease;}
.filtros-prg-reiniciar{background-color:#000000;width:4%;}
.filtros-prg-reiniciar svg {padding: 10 15 15 5;}
#selector-semana {border:0px; width:max-content;}
#selector-nivel {border:0px; width:max-content;}
#selector-dia {border:0px; width:max-content;}
.beneficios-prg{display:flex;height:40px;align-items: center;}
.beneficios-prg div {line-height:1.1rem;text-align: left;}
#myModalRestablecer a.ww-btn {margin-bottom:10px;}
#myModalRestablecer div.ww-txt-head {text-align: center;justify-content:center;padding-bottom:10px;}
#myBtnRestablecer {cursor:pointer;}

.vid-prg-row{display:flex;justify-content:center;}
.vid-prg-title{height:40px;}
.vid-prg-title div {line-height:20px;}
.vid-prg-container {width:30%;padding:2%;display:block;}
.vid-prg-container img {width:100%;border-radius: 1rem;}
.vid-prg-foot {display: block; justify-content: center;}
.vid-prg-foot-time {display:flex; line-height:30px;justify-content: center;margin:auto;}
.vid-prg-foot p {line-height:40px;}
.vid-prg-foot-subtit.ww-txt-normal {line-height:20px;}

img.video-prg-disabled {
  -webkit-filter: grayscale(75%); /* Safari 6.0 - 9.0 */
  filter: grayscale(75%);
}

.vid-prg-thumb {
	display: grid;
}



span.video-completado {
	margin-top:-2.5rem;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
    height: 1.4rem;
	width: 6rem;
    border-radius: 1.5rem;
	line-height: 1.5rem;
	font-size:0.7rem;
}

.vid-prg-thumb:hover span.video-prg-bloqueado{
  visibility: visible;
}


span.video-prg-bloqueado {
    visibility: hidden;
	position: relative;
    display: block;
    opacity: 0.7;
    z-index: 1000;
    width: 100%;
    margin: -57% auto 0% auto;
    border-radius: 1rem;
}

span.video-prg-bloqueado path {
	fill:#000000;
}

span.video-prg-bloqueado span.ww-txt-normal {
	display: inline-block;
	color:#000000;
}

img.video-prg-enabled:hover {
    border-style: solid;
    border-width: 3px;
}

#myModalBeneficios div.modal-content{width:400px!important;}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 30px;
  border: 1px solid #888;
  width: 40%;
  border-radius: 1.5rem;
}

.modal-content-w350 {width: 350px;}
.modal-content-w450 {width: 450px;}
.modal-content-w500 {width: 500px;}

.modal div.ww-txt-head svg {margin-right:10px;}
.modal div.ww-txt-head {display:flex; margin:auto;text-align:left;}
.modal div.ww-txt-head p {line-height:45px;}
.modal p.ww-txt-normal {text-align:left;}
/*
.modal p.ww-txt-normal {text-align:left;line-height: 25px;}
.modal p.ww-txt-normal svg {margin-right:5px;}
*/

#ww-dta-row {display:flex; margin-top: 20px;}
#ww-dta-col1 {width:40%; padding-right: 20px;}
#ww-dta-det {background-color:#ffffff;border-radius:1.5rem; padding: 30px;text-align:left;}
/* #ww-dta-det ul {list-style-type: square;} */
#ww-dta-col2 {width:60%;}
#ww-dta-inf {background-color:#ffffff;border-radius:1.5rem; text-align:left;}
#ww-dta-inf div.inf-nut-tit {border-top-right-radius:1.5rem;border-top-left-radius:1.5rem; padding:20px;text-align:center;color:white;}
#ww-dta-inf div.inf-nut-det {padding:5px 20px 5px 20px;}
#ww-dta-inf div.inf-nut-foot {border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem; padding:20px;color:white;}
#ww-dta-inf-aviso {margin:15px 0 0 0;}
#ww-dta-btn {padding-top:20px;justify-content:center;}
#ww-dta-btn div.left {padding-right:5px;width:50%;}
#ww-dta-btn div.right {padding-left:5px;width:50%;}
#iniciar-dieta{background-color:white;border-radius:1.5em;margin-top:1.5em;padding:2em;}
#iniciar-dieta a {margin-top:1.5em;}

#dashboard-nutricion div.single-chart {width:95%;}


#main-container-back { font-family: 'Montserrat';width:70%;}
#main-container-back  { overflow: hidden; background-color: transparent; }

#page-footer {width: 100%; font-family: 'Montserrat'; font-size: 13px; float:left;}
#page-footer a {color: #2D8FA1;}
#page-footer p {color:#FFFFFF;padding:4 0 4 0;}
#footer-content {padding:10;}

#main-footer { width: 100%; font-family: 'Montserrat'; font-size: 13px; }
#page-footer-locator{height: 32px;}



#news-header{width:95%; display: flex; margin:auto;padding-bottom:30px;}
#news-header-left{width:50%; text-align:left; display:flex;}
#news-header-right{width:50%; text-align:right;}
#news-row1{width:100%; display: flex; margin-bottom: -10px;justify-content:center;}
#news-row2{width:100%; display: flex; margin-bottom: -10px;justify-content:center;}
#news-row3{width:100%; display: flex;justify-content:center;}
div.news-cell {width:45%;margin-left:2%;margin-right:2%;}
div.news-cell-title{ display:flex; color: #FFFFFF; padding: 25px 25px 5px 25px; min-height: 40px; 
border-top-left-radius:15px; border-top-right-radius:15px;
	margin-bottom:0px; line-height:1rem;}
div.news-cell-body{
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	background-color:white;
	margin-top: 0px;
	margin-bottom: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

div.news-cell-body div.news-row {width:auto;display:flex;height:1.6rem;}
div.news-cell-body div.news-title {width:75%; margin-right:3%;text-align:left;display:flex;}
div.news-cell-body div.news-date {width:20%;text-align:right;display:flex;}
div.news-cell-body div.news-date-v2 {width:0;text-align:right;display:flex;}


div.news-cell-body a {color:#65676B;text-decoration:none;}
div.news-cell-body a.ww-btn {width:50%;margin-top:15px;}
div.news-cell-body span.news-dot {font-size:15px; font-weight: 900;}

#punt-header{width:95%; display: flex; margin:auto;padding-bottom:30px;}
#punt-header-left{width:80%; text-align:left; display:flex;}
#punt-header-right{width:20%; text-align:right;}
div.half.right.ww-txt-sub3 div {text-align:right;padding-right:25px;}
.medalla-clasificacion {width:25px!important; height:25px;}
.punt-cell {margin: 0 2px 0 2px;}
.fchpun   {width:18%;text-align:left;}
.tipunt   {width:23%;text-align:left;}
/* .seccion  {width:30%;text-align:left;} */
.titulo   {width:52%;text-align:left;}
.puntos   {width:7%;text-align:right;font-size:115%;font-weight:700;}
.punt-row {height:45px;line-height: 1.1rem;}
#cell-puntuacion {height: 65vh;}
#cell-puntuacion div.half.left {text-align:left;padding-left:20px;}
#cell-puntuacion div.half.right {text-align:right;padding-right:20px;}
#cell-puntuacion-body {overflow-y: scroll; height:70%;}
#cell-clasificacion div.half.left {text-align:left;padding-left:20px;}
#cell-clasificacion div.half.right {text-align:right;padding-right:20px;}
div.news-cell-body div.dash-ini-clasifica-row {line-height:45px;}
#cell-clasificacion div.col3.ww-txt-normal{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}



#suggestion-form {background-color:white; width:80%;padding: 40 20 40 20;border-radius:2.5em;display:flex;}
#suggestion-form textarea {border-radius:0.5em;width: 95%;}
#suggestion-form a.ww-btn {margin-top:15px;}
#suggestion-column1{width:50%;text-align:left;padding: 0 10 0 10;}
#suggestion-column2{width:50%;padding: 0 10 0 10;}


#prem-header{width:95%; display: flex; margin:auto;}
#prem-header-left{width:50%; text-align:left;}
#prem-header-right{width:50%; text-align:right;}
#prem-row1 {width:100%; display: flex; margin-bottom: 20px;}
#prem-row2 {width:100%; display: flex; margin-bottom: 20px; margin-top:-15vh;}

div.prem-cell {width:30%;margin-left:2%;margin-right:2%; margin-bottom: 3rem;}

div.prem-cell-medalla{ width: 12%; }
div.prem-cell-medalla img {width: 100%;}
div.prem-cell-title{ color: #FFFFFF; padding: 25 3 0 3; min-height: 40px; border-top-left-radius:15px; border-top-right-radius:15px;
	margin-bottom:0px;margin-top: -6%;}
div.prem-cell-body{
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	background-color:white;
	margin-top: 0px;
	padding-top: 1;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}


.premio-ico {width: 100%; border-bottom-left-radius:15px;	border-bottom-right-radius:15px;}
.premio-filter{height:-webkit-fill-available;opacity:0.3;border-bottom-left-radius:15px;	border-bottom-right-radius:15px;z-index:2;position: relative;}

.square-box{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #4679BD;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    text-align: center;
}

#help-header{width:95%; display: block; margin:auto; text-align: left; padding-bottom: 30px;}
#help-row1{width:100%; display: flex; margin-bottom: 20px;justify-content: center;}
#help-row2{width:100%; display: flex;justify-content: center;}

.help-button:hover {
	background-image: linear-gradient(45deg, #4EF4D4 0%, #2D8FA1 100%);
}
.help-button:hover a{color: #fff;}

.help-button{
	color: #2D8FA1;
	text-decoration: none;
	border-radius: 15px;
	background-color:white;
	width:330px;
	height:250px;
	padding-top:60px;
    padding-left: 10px;
    padding-right: 10px;	
	margin-right:35px;
}
.help-button a {text-decoration: none;color:#2D8FA1;}
.help-button svg {margin-bottom: 15px;}
.help-button path {fill:#4ef4d4;}
.help-button:hover path{fill:white;}
.help-button span.help-button-title {font-weight:bold;font-size:115%;}

.help-faq {padding-bottom: 15px;margin-left: 95px;}
.help-faq-question {font-size: 115%; text-align: left;font-weight: bold;color: #2D8FA1;}
.help-more-btn {
    color: #2D8FA1;
    background-color: transparent;
    border: none;
	cursor: pointer;
	font-size: 115%;
}
.help-faq-answer {font-size: 90%; text-align: left; margin-top:15px;color: #2D8FA1; line-height: 20px;}
#answer1 {display: none;}
#answer2 {display: none;}
#answer3 {display: none;}
#answer4 {display: none;}
#answer5 {display: none;}
#answer6 {display: none;}
#answer7 {display: none;}
#answer8 {display: none;}
#answer9 {display: none;}

#history-header{width:95%; display: flex; margin:auto; text-align: left;}
#history-header-left{width:50%; text-align:left;align-items:center;}
#history-header-right{width:50%; text-align:right;}
#history-header-right select {border:none;}
#history-body {overflow-y: scroll;height:45vh;background-color:white; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding:10px;}
#history-body table{
	font-size:10px;
	width: 100%;
}
#history-alert-cat {background-color:white;padding:15px;border-radius:12px;margin-bottom:15px;}
#history-std {margin-bottom: 0px;margin-top:15px;}
#history-std p.porcentaje{margin-bottom:10px;}
div.std-left.width50 {border-right-style: groove;border-right-width: 0;}
tr.history-tbl-header {border-bottom-style: groove;border-bottom-width: 1;}
tr.history-tbl-row   {height: 30px;}
tr.history-tbl-row td {vertical-align:middle;}
tr.history-tbl-row td.hist-realizada {text-align:center;}
tr.history-tbl-row td.hist-nombre a{text-decoration:none;}
tr.history-tbl-row td.hist-acierto {text-align:center;}
tr.history-tbl-row td.hist-punt-dosis {text-align:center;}
tr.history-tbl-row td.hist-punt-valorar {text-align:center;}
tr.history-tbl-row td.hist-punt-acierto {text-align:center;}
tr.history-tbl-row td.hist-valoracion {text-align:center;}
tr.history-tbl-row td.hist-completa {text-align:center;}
th.hist-play         {width:5%;}
th.hist-fecha        {width:10%;text-align:left;}
th.hist-nombre       {width:28%;text-align:left;}
th.hist-realizada    {width:10%;}
th.hist-punt-dosis   {width:8%;}
th.hist-acierto      {width:10%;}
th.hist-punt-acierto {width:8%;}
th.hist-punt-valorar {width:8%;}
th.hist-valoracion   {width:8%;}
th.hist-completa     {width:5%;}

 
.filtros-cat{display:flex;height:35px; width:370px; overflow:hidden;font-size:.75rem;background-color:white;border-radius:1.5rem;margin: 10px 0 auto auto;}
.filtros-cat-ico{width:50px; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:black;transition:width .6s ease;}
.filtros-cat-ico svg {margin-left: 15px; margin-top: 0px;}
.filtros-cat-tit{width:90px; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:black;transition:width .6s ease;}
.filtros-cat-cat{padding-left: 20px; display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;background-color:white;transition:width .6s ease;}


.dash-row {
  display: table-row;
}
.dash-table {
	display: table;
	width: 100%;
}	
.dash-cell {
	display: table-cell;
	background-color:#ffffff;
	padding:10px;
	margin:10px;
/*	width:30%; */
	border-radius: 25px;
	text-align: left;
	font-size: 14px;
}
.dash-cell a {text-decoration:none;}
.dash-cell p.title {font-family: Poppins; font-weight: bold; font-size:120%;padding-bottom:10px;}
.dash-cell img {width:100%;}

.dash-celula {
	display: table-cell;
	background-color:#ffffff;
	padding:10px;
	margin:10px;
	width:30%;
	border-radius: 25px;
	text-align: left;
	font-size: 14px;
}
.dash-celula img {width:100%;}



.box { width: 100%; }

/*----------------graficos circulares--------------------*/
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

.single-chart {
  width: 33%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

/*
.circular-chart.green .circle {
  stroke: #4CC790;
}
*/

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  font-family: 'Montserrat';
  font-size: 0.5em;
  text-anchor: middle;
}
/*----------------graficos circulares--------------------*/

#pill-page {
	width:100%;
}

#pill-header {width:95%; display: block; margin:auto; text-align: left; padding-bottom: 30px;}
.svg-fisica path {fill:#FFC536!important}
.svg-emocional path {fill:#C64DFF!important}
.svg-nutricional path {fill:#17E582!important}
.svg-medioambiental path {fill:#00B0C8!important}
.svg-financiera path {fill:#AABB00!important}
.svg-social path {fill:#FF552B!important}

#pill-content { width: 63%; display: block; position: relative; float: left;}
.pill-vid-content {border-radius:15px; background-color: transparent;}
.pill-vid-content video { border-radius:15px; max-width: 100%;}
#pill-question {min-height: 300px; width: 31%; display: block; position: relative; float: left; background:#ffffff;border-radius:15px; margin-left:3%;padding-bottom:20px;}

#rt-question { color: #FFFFFF; padding-top: 25px; min-height: 40px; border-top-left-radius:15px; border-top-right-radius:15px;
	margin-bottom:0px;}
#rt-question p { margin: 0 auto 10px auto; font-size: 18px;}
#pill-question-body { color:939A9C; padding: 10px 20px 10px 20px;}
#pill-question-body img {width: 175px;}
#pill-question-alert {padding-top:0px;}

.closed { display:none; }

#rm-time {padding-top:10px; margin-top:0px; background-color:red;}
#rm-timedown p.time { font-size: 50px; padding-bottom:10px;}



.modal-acertado {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content-acertado {
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #65676B;
  border-radius: 25px;
  width: 500px; /* Could be more or less, depending on screen size */
  height: 465px;
}
.modal-fallado {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content-fallado {
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #65676B;
  border-radius: 25px;
  width: 500px; /* Could be more or less, depending on screen size */
  height: 465px;
}

#ww-rm-modal-title {
	height:10%;
	text-align: left;
	color: #00C479;
}

#ww-rm-modal-title-fail {
	height:10%;
	text-align: left;
	color: #FF2424;
}

#ww-rm-modal-left{
	padding-left:10px;
	padding-right:10px;
	height:70%;
	width:100%;
	text-align: left;
	border-bottom: 1px solid #65676B;
}
#ww-rm-modal-left div.ww-flex {justify-content:center}

#ww-rm-modal-puntos{
	border-radius: 25px;
	background-color: #2C6C75;
	height: 85px;
	width: 85px;
	padding: 15px;
}

#ww-modal-puntos{
	border-radius: 25px;
	background-color: #2C6C75;
	height: 85px;
	width: 95px;
	padding: 15px;
	display: flex;
}

#ww-rm-modal-hasganado{
	text-align: center;
}

#ww-rm-modal-hasganadoKO{
	text-align: center;
}

div.puntos-big {
	font-size:60;
	color:#4EF4D4;
	margin-top: 24px;
}
div.puntos-small {
	font-size:16;
	color:white;
	line-height: 114px;
}

#ww-rm-modal-right{
	padding-left:10px;
	padding-right:10px;
	height:70%;
	width:40%;
	text-align: left;
	border-bottom: 1px solid #65676B;
	border-left: 1px solid #65676B;
}

#ww-rm-modal-bottom{
	height:5em;
	padding-top: 5px;
}

#ww-rm-modal-bottom div.ww-txt-normal {margin-top:8px;}

#iconos-valorar {margin-top:10px;}
.val-icon {width:25px; padding: 2 10 2 10;}
.val-icon-cursor:hover {cursor:pointer;}

.page-none #main-header { background-color:transparent;}
.page-none .box { display: flex;}
.page-none #pre-header { background-color:transparent;}
.page-none #main-container { background-color:transparent;}
.page-none #main-footer { background-color:transparent; }

body.page-none  {background: url(/imgs/bg-ww.jpg); background-size: cover; background-position: center center;}
body.page-none-grupo-mexico  {background: url(/imgs/bg-ww.jpg); background-size: cover; background-position: center center;}
.message {font-family: 'Montserrat'; font-size: 25px; text-align: center; padding: 25px 0;color:#CED200;}
.message a {color:#999999; font-family: 'Montserrat'; font-size: 15px; text-decoration:none;}
.message a:hover {color:#000000;}
.message-ko {font-family: 'Montserrat'; font-size: 15px; text-align: center; padding: 25px 0; color: #840000; font-weight: 600; background: #eeeeee;}
.message-ko a {color:#999999; font-family: 'Montserrat'; font-size: 15px; text-decoration:none;}
.message-ko a:hover {color:#000000;}


.page-pill #main-container  { margin-top: -20px;}
.page-hist #main-container  { margin-top: -20px;}


/* --------------------------------- */
/* ---------- MAIN STYLES ---------- */
/* --------------------------------- */

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat'; }
h1 {font-size:40px; font-weight:600; padding: 10px 0px 10px 0px; }
h2 {font-size:28px; }
p  {font-family: 'Montserrat'; color:#333333; }
a {font-family: 'Montserrat'; color:#333333;}

.box { display: block; margin: 0 auto; }

#logo { display:block; float:left; margin: 0px 0 0 0;height:60px;}
#logo img{height:60px!important;}

.page-none #pre-header { background-color: rgb(0,65,101);}
#user-name { float:left; padding: 10px 0px 0px 40px;}
#user-name .user-name-capitalize {
	color: white;
	width:40px;
	height:40px;
	font-size:38;
	padding: 0 0 0 0;
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	float: left;
}
#user-name .user-name-normal {width: 300px; padding: 0 0px 0px 50px; text-align:left; line-height: 40px;}

#user-menu { text-align: center; padding: 5px 0; text-transform: none; font-family: 'Montserrat'; float: right; margin-top: 19px; margin-right:2%; }
#user-menu a { color:#403B40; text-decoration:none; letter-spacing: 0px; font-size:14px;}
#user-menu a:hover { color:#000000;}
#user-menu nav ul {margin-top: 15px;}
#user-menu nav ul li {display:inline; padding: 5px 10px; margin: 0px 0px 0px 10px; background: #D5D2D2;}
#user-menu nav ul li.mnu-active {background: #62A641;}
#user-menu nav ul li.mnu-active a{color: #FFFFFF!important;}
#user-menu nav ul li ul {z-index:1000;}
#user-menu .ico-home {margin-bottom: -3px; padding-right: 10px;}

.a-spps-logo {max-height:13px;} 
#pretitle{padding:10px 0; text-align:center; background: #6BA220; width:100%;box-shadow: 0px 3px 13px #888888;}
.pre-title {text-align:center; color: #fdfdfd; font-family: 'Raleway', sans-serif; font-weight: 200; text-transform: uppercase;font-size: 16px;}
#main-container {display: inline-block;}

#configs-menu { display: flex; float:right; cursor: pointer; }
#config-menu { margin: 0px;}
#config-menu svg.ico35{padding:10 0 10 0;}
#help-menu { margin: 0px;}
#help-menu svg.ico35{padding:10 0 10 0;}
#admin-button{margin: auto 1em auto auto;}
#puntos-usuario {line-height:0px;}


/* Dropdown Button */
.dropbtn-config-menu { }

/* The container <div> - needed to position the dropdown content */
.dropdown-config-menu {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-config-menu-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  margin-left: -110px;
  margin-top: 0px;
}

/* Links inside the dropdown */
.dropdown-config-menu-content a {
  color: white;
  font-size: 12;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-config-menu-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown-config-menu:hover .dropdown-config-menu-content {display: block;}


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-config-menu:hover .dropbtn-config-menu { }

/* mouse cursor */
.dropbtn-config-menu {cursor: pointer;}


/*
#logout-button a { background-color: transparent; padding:6px 12px 8px 20px; font-size: 15px; color: #FFFFFF; border-left: solid 1px #aaa; }
#logout-button a:hover { color: rgb(220,220,220); }
*/
/*#logout-button a:before {content: url('../imgs/ico/ico-logout.png'); position: relative; top: -8px; right: -41px; float: left; }*/

#pill { display: flex;}
#page-footer-locator { height: 0px!important; }


/* --- Ocultar flecha descarga de video en Chrome --- */
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
/* --- END -> Ocultar flecha descarga de video en Chrome --- */

.main-form-text{
	margin: 2px 0;
	border: 1px solid #65676B;
	background-color: #ffffff;
	color: #65676B;
	padding: 10px 10px;
	font-family: 'Montserrat';
	border-radius: 17px;
}

.main-form-label{
	margin: 2px 0;
	background-color: #ffffff;
	color: #65676B;
	padding: 10px 10px;
	font-family: 'Montserrat';
	font-weight: normal;
}

.main-form-button {
	/*width: 100%;*/
	margin: 10px 0;
	background: #fffff;
	text-indent:0;
	display:inline-block;
	color:#2D8FA1;
	font-family: 'Montserrat';
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:36px;
	line-height:36px;
	text-decoration:none;
	text-align:center;
	border:0px;
	width: 100%;
	border-radius: 17px;
	}
.main-form-button:hover {
	background: rgb(223,121,0);
	}
.main-form-button:active {
	position:relative;
	top:1px;
	}


.ww-btn-bh {
	background-color: #d93a1e;
	border-radius: 17px;
	box-sizing: border-box;
	color: #d93a1e;
	display: block;
	margin: 0px auto;
	padding: 1px;
	position: relative;
	text-decoration: none;
	width: 80%;
	height: 38px;
	z-index: 2;
	cursor: pointer;
}

.ww-btn-bh:hover {
	color: #ffffff!important;
}

.ww-btn-bh span {
	align-items: center;
	background: #ffffff;
	border-radius: 17px;
	display: flex;	
	justify-content: center;
	height: 100%;
	transition: background .5s ease;
	width: 100%;
}

.ww-btn-input {
	border-radius: 1.5rem;
    	color: green;
	background-color: white;
	border: 1px solid green;
	padding: 5px 15px;
}

.ww-btn-input:hover {
    background-image: linear-gradient(45deg, #4EF4D4 0%, #2D8FA1 100%);
	color:white;
	cursor: pointer;
}

.ww-btn-bh:hover span {
	background: transparent;
}

.ww-btn-trans {
	border-radius: 17px;
	border: 1px solid white;
	box-sizing: border-box;
	color: white;
	display: block;
	padding: 1px;
	position: relative;
	text-decoration: none;
	z-index: 2;
	padding:10px;
}

/******* BOTONES GENERALES ************************************/
.ww-btn {
	background-image: linear-gradient(45deg, #4EF4D4 0%, #2D8FA1 100%);
	border-radius: 17px;
	box-sizing: border-box;
	color: #2D8FA1!important;
	display: block;
	margin: 0px auto;
	padding: 1px;
	position: relative;
	text-decoration: none;
	width: 80%;
	height: 38px;
	z-index: 2;
	cursor: pointer;
}

.ww-btn:hover {
	color: #FFFFFF!important;
	background: transparent;
}

.ww-btn span {
	align-items: center;
	background: #ffffff;
	border-radius: 17px;
	display: flex;	
	justify-content: center;
	height: 100%;
	transition: background .5s ease;
	width: 100%;
}

.ww-btn:hover span {
	background-image: linear-gradient(45deg, #4EF4D4 0%, #2D8FA1 100%);
}

/* Botones menu en template*/
.m-btn{
	border-radius: 17px;
	border:  1px solid rgba(27, 31, 35, 0.15);
	color: #333333;
	text-decoration: none;
	padding: 0.5rem 1rem;
	background-color: white;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	margin: 0 0.25rem;
}

.m-btn :hover{
	opacity: 0.2;
	background-color: black;
	color: white;
}
.item-box{
	width: calc(90vw - 240px);
	height: fit-content;
	overflow-x: scroll;
	padding-bottom: 1rem;
}

.m-btm-active{
    background-color: #000000bb;
    color: white;
}

/******* FIN - BOTONES GENERALES ******************************/

	

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none!important;
}

[contenteditable="true"]:focus {
    outline: none;
}

*:focus {
    outline: none;
}
	
/* --------------------------------- */
/* ---------- PAGE STYLES ---------- */
/* --------------------------------- */

/* ------------------ signup ------------------ */

.signup-flex {display:flex;}

#ww-signup-w {
	font-family: 'Montserrat';
    background-color: white;
    width: 350px;	
	height:480px;
	border-radius: 35px;
	margin: auto;
}
.ww-signup-w {
	font-family: 'Montserrat';
    background-color: white;
    width: 350px;	
	height:480px;
	border-radius: 35px;
}
.ww-signup-w-left {margin: 0 2rem auto auto; height:340px}
.ww-signup-w-right {margin: 0 auto auto 2rem; height:430px}

.ww-signup-w-head { font-family: Poppins;
    font-weight: 700;
	color: #FFFFFF;
	border-top-right-radius: 35px;
	border-top-left-radius: 35px;
	padding: 20px;
}
.ww-signup-w-head-bh{
	background-color:#221816;
}
.ww-signup-w-body { background-color: #ffffff;
	font-family: Montserrat;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	border-top-right-radius: 35px;
	border-top-left-radius: 35px;
	border-bottom-right-radius: 35px;
	border-bottom-left-radius: 35px;
	line-height:20px;
}

/* ------------------ signup ------------------ */


/* ---------- USER CUSTOMIZATION ---------- */
#ww-customize-w {
    background-color: white;
    width: 400px;	
	height:480px;
	box-shadow: 0px 0px 15px 5px #65676B;
	border-radius: 35px;
	margin: auto;
	
}


.ww-customize-w-head { 
    font-weight: 700;
	color: #FFFFFF;
	border-top-right-radius: 35px;
	border-top-left-radius: 35px;
	padding: 20px;
}
.ww-customize-w-step { background-color: #a0a0a0; color:#a0a0a0;}
.step-0 { width:0%; }
.step-1 { width:14%; }
.step-2 { width:29%; }
.step-3 { width:43%; }
.step-4 { width:57%; }
.step-5 { width:71%; }
.step-6 { width:86%; }
.step-7 { width:100%; }

.ww-customize-w-body { background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50;
	padding-right: 50;
	border-bottom-right-radius: 35px;
	border-bottom-left-radius: 35px;
	line-height:20px;
}

.ww-customize-w-body form#customize .ww-radio-options img {
	width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.ww-customize-w-body form#customize .ww-radio-options {
	color: #65676B;
	width: 100%;
}

.ww-customize-w-body form#customize .ww-radio-options label {
	width: 40%;
	margin-right:5%;
	margin-left:5%;
}

.ww-customize-w-body form#customize .ww-checkbox-options img {
	width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
	margin-left: 20px;
}

.ww-customize-w-body form#customize .ww-checkbox-options {
	color: #65676B;
}


.ww-customize-w-body form#customize .ww-checkbox-options span {
	padding-left: 15px;
	line-height: 40px;
}

.ww-customize-w label {
	color: #65676B;
}

#ww-customize-error {color:red;}

.ww-radio-options {
	display: inline-flex;
}

.ww-radio-option {
	border-radius: 35px;
	display: block;
    border: 1px solid #65676B;
    padding: 5px;
	width: 100%;
	height: 225px;
	text-align: center;
	margin: 3px;
}

.ww-radio-options-norm {
	display: inline-flex;
}
.ww-radio-options-norm label {
	margin-left:0px;
	margin-right:20px;
	color: #65676B;
}
.ww-radio-option-norm {
	border-radius: 2em;
	display: block;
    border: 1px solid #65676B;
    padding: 5px;
	width: 100%;
	text-align: center;
	margin: 3px;
}

.ww-checkbox-options {
	display: block;
}

.ww-checkbox-option {
	border-radius: 35px;
	display: inline-flex;
    border: 1px solid #65676B;
    padding: 5px;
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 3px;	
}
.ww-checkbox-options-dia {
	margin-top:3px;
	color: #65676B;
	display: flex;
	justify-content: center;
	line-height: 40px;
	
}

.ww-checkbox-options-dia-last {
	margin-top:3px;
	color: #65676B;
	display: flex;
	justify-content: center;
	line-height: 40px;
	
}

.ww-checkbox-option-dia {
	border-radius: 35px;
	display: block;
    border: 1px solid #65676B;
    padding: 5px;
	width: 115px;
	height: 40px;
	text-align: center;
	margin: 10px;
	font-size: 0.9rem;
}

/* HIDE checkbox */
[type=checkbox] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.check-normal {
	position: initial;
	opacity: initial!important;
    width: initial!important;
    height: initial!important;
}

/* IMAGE STYLES */
[type=checkbox] + div {
  cursor: pointer;
}

/* CHECKED STYLES */
.emocional [type=checkbox]:checked + div {
	background-image: linear-gradient(45deg, #C64DFF 0%, #8B00CC 100%);
	color: white;
	border: 1px solid #ffffff;
}
.fisica [type=checkbox]:checked + div {
	background-image: linear-gradient(45deg, #FFC536 0%, #F29B00 100%);
	color: white;
	border: 1px solid #ffffff;
}
.nutricional [type=checkbox]:checked + div {
	background-image: linear-gradient(45deg, #17E582 0%, #14C194 100%);
	color: white;
	border: 1px solid #ffffff;
}
.ww-checkbox-options-dia [type=checkbox]:checked + div {
	background-image: linear-gradient(45deg, #4EF4D4 0%, #2D8FA1 100%);
	color: white;
	border: 1px solid #ffffff;
	
}
.ww-checkbox-options-dia-last [type=checkbox]:checked + div {
	background-image: linear-gradient(45deg, #4EF4D4 0%, #2D8FA1 100%);
	color: white;
	border: 1px solid #ffffff;
	
}

#input-password {justify-content:center;}
#ww-password-form {width:90%;}

#img-show-password {
	width: 30px;
    height: 30px;	
}

#choose-password {
	
}

/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + div {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + div {
	background-image: linear-gradient(45deg, #4EF4D4 0%, #2D8FA1 100%);
	color: white;
	border: 1px solid #ffffff;
}

/*
#custom-rgpd {
	position: initial;
    opacity: initial;
    width: initial;
    height: initial;
}
*/

#custom-rgpd-mutua {
  position: absolute;
  left: -999em;
}

#custom-rgpd-mutua:checked + #custom-rgpd-span:before {
  content: "✓";
  border-color: #336;
}


#custom-rgpd {
  position: absolute;
  left: -999em;
}

#custom-rgpd:checked + #custom-rgpd-span:before {
  content: "✓";
  border-color: #336;
}

#custom-rgpd-span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 8px 0 0;
  vertical-align: middle;
  border: 1px solid silver;
  border-radius: 3px;
  font: bold 18px/7px Verdana, sans-serif;
  color: #339;
}

/* ---------- LOGIN ---------- */
#login-screen {
	padding: 10px;
    background-color: white;
    width: 400px;
	height:400px;	
	box-shadow: 0px 0px 15px 5px #65676B;
	border-radius: 35px;
	margin: auto;
}

#login-screen .ww-pass-title {padding-top:30px; color:#65676B;}

#login-form  {width: 320px; margin: 55px auto 5px;}
#frmlogin a.ww-btn {margin: 10px auto;}

#password-request { text-align:center; padding-bottom: 25px; padding-top:10px;}
#password-request a {color: #65676B; font-size: 12px;}

#google-oauth { width: 200px; text-align:center; padding-top:20px; padding-bottom: 30px;margin: 0 auto; border-top: 1px solid #65676B;}
#google-oauth p {font-size: 12px; color: #65676B; padding-top: 10px;}
#google-oauth a {font-size: 12px; color: #65676B; }
#google-oauth .g-signin2 { display: inline-flex; margin-top: 7px;}
 
 
/* ---------- PWD CHANGE ---------- */


.page-pssw #main-container{
	padding: 10px 0 30px 0; 
	background: url(imgs/bg-password.jpg) center center;
    background-size: cover;
	height: 90vh;
    margin-bottom: -20px;
	}
.page-pssw #pretitle .pre-title {text-align: center;}

#password-form  {background: #FFFFFF; padding:1px 0 20px 0; max-width: 250px; margin: 0 auto;}
#password-form  form {width: 200px; margin: 35px auto 5px;}
#password-form  .main-form-text{width: 100%; margin: 2px 0; border: 0px; background-color: #f2f2f2; padding: 10px 10px; font-family: 'Montserrat'; }
#password-form  .main-form-button {	width: 80%;	margin: 10px 10%;	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');	background-color:#ededed;	text-indent:0;	display:inline-block;	color:#777777;	font-family: 'Montserrat'; 	font-size:15px;	font-weight:normal;	font-style:normal;	height:36px;	line-height:36px;	text-decoration:none;	text-align:center;	border:0px;	}
#password-form .main-form-button:hover {	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');	background-color:#dfdfdf;	}
#password-form .main-form-button:active {	position:relative;	top:1px;	}


/* ---------- HOME PAGE ---------- */
.pills-container { background: rgb(220,220,220); }
.programs-container { background: rgb(220,220,220);  }

#main-container .col {
            width: 49.5%; 
            float: left;
        }
        #main-container .col:nth-child(1) {background: #eee; margin: 0 0.5% 0 0; }
		#main-container .col:nth-child(2) {background: #ccc; margin: 0 0 0 0.5%; }
		

.pills-title { padding:20px; color: #FFFFFF; font-weight: 900; background: #333333; }
.programs-title { padding:20px; color: #FFFFFF; font-weight: 900; background: #559F39; } 

.pills-body { background: #333333; display: block; overflow: hidden; }
.programs-body { background: rgb(220,220,220);  display: block; overflow: hidden; } 

.pills-body p { color: #333333; padding: 15px; font-size: 15px;}
.programs-body p { color: #333333; padding: 15px; font-size: 15px;}
p.description:before { content: url('../imgs/ico/ico-info.png'); position: relative; top: 2px; padding-right: 5px; }

.pill-container{ margin: 0px ; height: 65%; display: block; overflow: hidden; position: relative; min-height: 300px;}
.pill-frase { width: 100%;  background: #333333; height:11%; display: table;}
.pill-frase p{
	color: #FFFFFF;
    margin: 0 auto;
    display: table-cell;
	vertical-align: middle;
    overflow: hidden;
    padding: 10px;
    font-size: 20px;
}
.pill-button { width: 100%; margin: 0 0 20px 0; position: absolute; bottom: 0; }
.pill-button p {
    display: inline-block;
    
}
.pill-button a { 
	background: #559F39;
    color: #FFFFFF;
    padding: 15px;
    margin: 0 auto;
	text-decoration: none; 
	}
	
.pill-button a:hover { background: #559F39;}

.pill-history{ margin: 0 30px; background: rgb(0,65,101); padding: 15px; color: #FFFFFF; display:block; text-decoration: none; }
.pill-suggest{ margin: 0 30px; background: rgb(125,154,170); padding: 15px; color: #FFFFFF; display:block; text-decoration: none; }

.programs { margin: 0px; display: block; overflow: hidden;}
.program-container { display: flex; justify-content: center; }

.prog21, .prog22 {height: 76%; float: left; width: 50%;} 
.prog31, .prog32 {height: 38%; float: left; width: 50%;}
.prog33 {height: 38%; float: left; width: 100%;} 
.prog41, .prog42, .prog43, .prog44 {height: 38%; float: left; width: 50%;} 

.program-container:nth-child(1) { margin-right: 0%; }
.program-container:nth-child(2) { margin-left: 0%; }


.program-title { align-self: center; width: 100%;}
.program-title a{ 
	color: #FFFFFF; 
	text-decoration: none; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9); 
	font-size: 26px;
	width: 100%;
    display: block;
    padding: 10px 0;
	}
.program-title a:hover{ background: rgba(0,0,0,0.25); }

/* ---------- PROGRAMS PAGE ---------- */

.program-page-title {
	color: #62a641;
    padding: 20px 0;
    font-size: 28px;
    font-weight: 300;
	text-align: left;
	width: 96%;
	margin: 0 auto;
}

.program-video-list-img {padding-top: 56.25%; background-size: cover!important; background-position: center center!important; background-repeat: no-repeat!important;}

.programs-menu {background: rgb(220,220,220); padding: 0 20%; width:100%; overflow: hidden; display:flex; }
.programs-menu .programs-menu-opt {width:20%; color: rgb(0,65,101); padding: 20px 0; position:relative; float:left;}
.programs-menu .programs-menu-opt a { text-decoration:none; color: rgb(0,65,101);}
.programs-menu .selected {background: #E26E09; color: #FFFFFF;}
.programs-menu .selected a {text-decoration:none; color: #FFFFFF;}

.programs-submenu {background: rgb(235,235,235); padding: 0 20%; width:100%; overflow: hidden; display:flex; }
.programs-submenu .programs-submenu-opt {width:20%; color: rgb(0,65,101); padding: 12px 0; position:relative; float:left;}
.programs-submenu .programs-submenu-opt a { text-decoration:none; color: rgb(0,65,101);}
.programs-submenu .selected {background: rgba(0,0,0,0.1); color: #FFFFFF;}
.programs-submenu .selected a {text-decoration:none; color: #FFFFFF;}

.video-container { 
    position: relative;
    width: 96%;
    margin: 0 auto;
    display: block; }

.video-container-row{
	position: relative;
    overflow: hidden;
    display: block;
	padding-top:40px;
}	
	
.program-video { 
	display: table;
    width: 31%;
	float: left;
	position: relative;
    padding: 1%;
}
.program-video:hover{background:#62a641; color:#FFFFFF!important;}
.program-video:hover .program-video-list-title {color:#FFFFFF!important;}
.program-video:hover h2 {color:#FFFFFF!important;}
.program-video:hover a {color:#FFFFFF!important;}
.program-video:hover p {color:#FFFFFF!important;}

.program-video a { text-decoration: none; }
.program-video-list-title { padding-top:5px; display: flex;}
.program-video-list-title h2 {margin-bottom: 5px; color: #333333; width: 100%; text-align: center; font-size: 22px; font-weight: 300; text-transform: uppercase;}
.program-video img { width: 100%; margin-bottom: 10px; }
.program-video p { color: #333333; width: 100%; text-align: left; margin-left: 20px; }

ul.nav-programas {
	list-style:none;
	margin-top: 15px;
	font-family: 'Montserrat';
	font-size: 14px;
	color: #403B40;
}

.nav-programas > li {
	display: flex;
	float: left;
	padding: 10px 10px;
    margin: 0px 0px 30px 10px;
    background: #D5D2D2;
}

.nav-programas > li.mnu-active {background: #62A641!important;}
.nav-programas > li.mnu-active a {color: #FFFFFF!important;}

.nav-programas li a {
	display:block;
	color: #403B40;
    text-decoration: none;
    letter-spacing: 0px;
    font-size: 14px;
}

.nav-programas li a:hover {
	
}

.nav-programas li ul {
	display:none;
	position:absolute;
	min-width:140px;
	text-align: left;
	margin-top: 24px;
    margin-left: -10px;
	margin-bottom: 24px;
	border-top: 1px solid #d5d2d2;
	z-index: 1000;
	color: #ffffff;
}

.nav-programas li:hover > ul, .nav-programas li.btn-ios > ul {
	display:block;
}

.nav-programas li.btn-ios2 > ul {display:none!important;}

.nav-programas li ul li {
	position:relative;
	padding: 7px 10px 7px 18px;
    background: #333333;
	border-bottom: 1px solid #d5d2d2;
	color: #ffffff!important;
}

.nav-programas li ul li a{ color: #ffffff!important;}

.nav-programas li ul li ul {
	right:-140px;
	top:0px;
	z-index: 1000;
}

.nav-programas .ico-home {
    margin-bottom: -6px;
    padding-right: 10px;
    margin-top: -4px;
}

.nav-programas .mnu-check input  {
	float: right; 
	margin: 1px 0px 0px 10px; 
}

.nav-programas input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

input:focus, textarea:focus {
    outline: none;
}

.nav-programas label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 15px;
  background: grey;
  display: block;
  border-radius: 10px;
  position: relative;
  float: right;
  margin-left: 10px;
}

.nav-programas label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 13px;
  height: 13px;
  background: #FFFFFF;
  border-radius: 13px;
  transition: 0.3s;
}

.nav-programas input:checked + label {
  background: #bada55;
}


.nav-programas input:checked + label:after {
  left: calc(100% - 1px);
  transform: translateX(-100%);
}


.nav-programas label:active:after {
  width: 10px;
}


li.nav-level-2 {
	padding: 5px 0 5px 20px!important;
    font-size: 14;
}


#c-menu--push-right .mnu-check input  {
	float: right; 
	margin: 1px 0px 0px 10px; 
}

#c-menu--push-right input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

#c-menu--push-right label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 15px;
  background: grey;
  display: block;
  border-radius: 10px;
  position: relative;
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}

#c-menu--push-right label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 13px;
  height: 13px;
  background: #FFFFFF;
  border-radius: 13px;
  transition: 0.3s;
}
#c-menu--push-right input:checked + label {
  background: #bada55;
}

#c-menu--push-right input:checked + label:after {
  left: calc(100% - 1px);
  transform: translateX(-100%);
}

#c-menu--push-right label:active:after {
  width: 10px;
}



/* ---------- PROGRAM VIDEO PAGE ---------- */

.program-page-container { overflow: hidden; margin: 10px 2%;}
.program-video-title { width: 100%; float: left; position: relative; overflow: visible; text-align: left; padding: 30px 0; }
.program-video-title h2 { color: #cccccc;}
.program-video-title h2 span { color: #62a641;}

.program-page-video { width: 64%; position: relative; display: block; float: left; }
.program-page-data { width: 34%; position: relative; display: block; float: left; text-align: left; border-radius: 15px; }
.program-page-data { background: white; padding: 0px 0 30px 0; margin: 10px 0 0 2%; font-size: 12px;}
.program-page-data-header {margin-top: -10px; border-top-left-radius: 10px;border-top-right-radius: 10px;display:flex;justify-content:center;}
.program-page-data-content {padding-top: 20px;}
.program-page-data-item {display:flex;padding:0px 20px 0px 20px;}
.program-page-data-item div.ww-txt-normal {color:white;margin:auto;}
.program-page-data-item-v2 {display:flex;}
.program-page-data-item-v2 div.ww-txt-normal2 {color:white;margin:auto auto auto 0;}
#prg-vid-fich-v2 {margin-left:1rem;}
#prg-vid-v2 {height: -webkit-fill-available;height: -moz-fit-content;}
#prg-vid-v2 video {width:80%;}
.program-page-data-itemtxt-v2 p {margin-bottom:0.5rem;}

#prg-header {margin-bottom: 30px;}


.pill-vid-logo { margin: 0 auto; width: 100%; height: 100px; position : absolute; }
.pill-vid-logo img { position: relative; float: right; top: 6px; right: 6px; left: initial; bottom: initial; }

.program-page-data ul { 
	margin: 5px 25px; 
	border-bottom: 1px solid #333333; 
	font-family: 'Montserrat';
	padding-bottom: 15px;
    margin-bottom: 15px;
	display: flex;
	}
.program-page-data ul li { 
	margin: 10px 0 10px 20px; 
	font-size: 14px;
	width: 30%;
    position: relative;
    float: left;
	text-align: center;
	}
	
.program-page-data ul li span.title {font-weight: 900;}
	
/*.program-page-data ul li:before { content: url('../imgs/ico/ico-bullet.png'); position: relative; top: 2px; padding-right: 5px; }*/
	
.program-page-data h2 { margin: 15px 25px 10px; color: #333333; font-size: 18px;}
.program-page-data p { margin: 5px 25px; font-size: 14px;}

.program-page-data .icon { margin: 10px 0; }
.ico-vid-prg { background: #62a641; border-radius: 50px;}


.ppd-cons {padding-bottom: 20px;}

.related-video {overflow: hidden; margin: 40px 2% 10px;}
.related-video h3{
    padding: 20px 0 20px 0;
    border-top: 2px solid #DCDCDC;
    font-size: 24px;
	font-weight: 300;
    color: #333333;
}

.related-video .program-video {width:24%; padding:0;margin-bottom:20px}
.related-video .program-video:nth-child(1) {margin-right: 1.3%; }
.related-video .program-video:nth-child(2) {margin-right: 1.3%; }
.related-video .program-video:nth-child(3) {margin-right: 1.3%; }
.related-video .program-video:nth-child(4) {margin-right: 1.3%; }

/* ---------- DOCUMENT PDF PAGE ---------- */

#img-poster-pdf {
	max-width: 100%; 
	max-height: 100%;
	border: 1px solid #ddd;
	}


/* ---------- DOSIS PAGE ---------- */

.box {width: 100%!important; }

.dosis-menu {background: rgb(220,220,220); padding: 0 20%; width:100%; overflow: hidden;}
.dosis-menu .dosis-menu-opt {width:15%; color: rgb(0,65,101); padding: 20px 0; position:relative; float:left;}
.dosis-menu .dosis-menu-opt a { text-decoration:none; color: rgb(0,65,101);}
.dosis-menu .selected {background: #E26E09; color: #FFFFFF;}
.dosis-menu .selected a {text-decoration:none; color: #FFFFFF;}






/* ---------- PILL ---------- */

#main-container {font-family: 'Montserrat'; }
#pill {padding:30px 0;}

#suggestion-thanks {background-color: white; margin: 0 auto; padding: 40px; display: table; margin-top: 16vh; border-radius:2em;}


/* ---------- VIDEO PILL ---------- */

.page-tdpl #main-container .box {width:100%!important;}.pill-vid-container { width:100%; display:block;}.pill-vid-content { margin:0 auto; }.pill-vid-logo { margin:0 auto; width: 25px; height: 25px;}.pill-vid-logo img { max-width:100%; max-height:100%; margin:auto; display:block; z-index: 10000; position: relative;}
.pill-value { text-align: center; padding: 25px 0 25px 0; color: #777777; width: 700px; margin: 45px auto 0; }
.pill-value p { padding: 5px 0; font-family: 'Montserrat'; font-size: 33px;}

.pill-evaluate { display: flex; margin: 0 auto; width: 50%; max-width: 250px;}
.pill-evaluate a { width: 23%; margin: 0 1%;  }
.pill-eval-square {width: 90%; padding-bottom: 90%; background: #e0e0e0; }
.pill-eval1h {width: 50%; background: #333333; padding-bottom: 100%; margin-bottom: -100%; }
.pill-eval2h {width: 100%; background: #333333; padding-bottom: 100%; margin-bottom: -100%;}
.pill-evalview { width: 23%; margin: 0 1%; display:flex; }


/* ---------- IMG PILL ---------- */

.pill-img-container { width:80%; display:block; margin: 0 auto;}.pill-img-content { margin:0 auto; }.pill-img-content img { width:100%; }
/* ---------- TEXT PILL ---------- */

.pill-txt-container{width: 1020px; display:block; margin: 0 auto; font-family: 'Indie Flower', cursive;}.pill-txt-container {color: #333333; text-align: left; padding: 10px 0; font-size: 20px;}.pill-imgaux-container { width:40%; display:block; margin: 0 auto;}.pill-imgaux-content { margin: 21px auto; -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}.pill-imgaux-content img { width:100%; border: 12px solid #FFFFFF; margin-left: -12px;}

/* ---------- HISTORICAL ---------- */
.page-hist #pretitle.box { width:100%!important;}
.page-hist #main-container{padding: 0 0 30px 0;}
.page-hist .box {width:1100px;}
.page-hist .pre-title {text-align: left; color: #333333; padding-left:2%; }
.hist-list {padding-top: 25px;}
#hist-list {margin: 0 10px;}


#hist-header {
	margin: 0; padding: 7px 30px 15px;
    font-size: 16px;
    font-weight: 300;
	color:#333333;
	background: #FFFFFF;
}
#hist-header { border-bottom: 2px solid #333333; }

#hist-header .hist-points{padding: 10px 5px 0px 0px!important;}
.hist-row { display:flex; text-align: left;}
.hist-date { float:left; padding: 10px 5px 0px 5px; width: 10%; font-size: 14px;}
.hist-cat { float:left; padding: 10px 5px 0px 0px; width: 20%; font-size: 14px;}
.hist-cat a {color: #555555; text-decoration: none; }
.hist-cat a:hover {color: #BCD03A; text-decoration: none; }

.hist-title { float:left; padding: 10px 5px 0px 0px; width: 50%; font-size: 14px;}
.hist-title a {color: #555555; text-decoration: none; }.hist-title a:hover {color: #BCD03A; text-decoration: none; }

.hist-points { text-align: center; padding: 5px 5px 0px 0px; width: 20%; font-size: 13px;}
.hist-points img{max-width:20%;}

.hist-points .pill-evaluate { max-width: 80%; }

.row-odd {background: #FFFFFF;}
.row-even {background: #f2f2f2;}

#pretitle {
    padding: 10px 0;
    text-align: center;
    background:  transparent;
    box-shadow: 0px 0px 0px #FFFFFF;
}

#pretitle .pre-title {
    text-align: left;
    color: #62A641;
    font-family: 'Montserrat';
	font-weight: 300;
    text-transform: none;
    font-size: 24px;
	margin: 0;
}


#hist-header .hist-date { font-size: 16px!important;}
#hist-header .hist-cat { font-size: 16px!important;}
#hist-header .hist-title { font-size: 16px!important;}
#hist-header .hist-points { font-size: 16px!important;}

.hist-row { padding: 10px; }
.hist-row .hist-date { color: #333333; }
.hist-row .hist-cat { color: #333333; }
.hist-row .hist-title { color: #333333; }
.hist-row .hist-points { color: #333333; }

.hist-cat a:hover { color: rgb(205,32,44);}
.hist-title a:hover { color: rgb(205,32,44);}

/* ---------- DAILY DOSIS PAGE ---------- */

#pill { width: 100%!important; }

.pill-value { display: block; position: relative; float: left; width: 100%; margin-top: 20px;}
.pill-eval1h {background: #62A641;}
.pill-eval2h {background: #62A641;}

.toggle.closed {max-height:500px;}

.toggle-button .main-form-button-back { background: #62a641!important; color: white; text-transform: uppercase; font-weight:600;}
.toggle-button .main-form-button-back:hover { background: #62a641!important;}

#rm-timedown { background: #62A641; }

#pill-answers { width: 100%;}
#pill-answers p { color: #333333; }
#bt-answer-1 {width: 80%; text-align: center; margin-top:0px; margin-top:0px;}
#bt-answer-2 {width: 80%; text-align: center; margin-top:0px; margin-top:0px;}
#bt-answer-3 {width: 80%; text-align: center; margin-top:0px; margin-top:0px;}
#bt-answer-1 span {font-size:14px!important;}
#bt-answer-2 span {font-size:14px!important;}
#bt-answer-3 span {font-size:14px!important;}

.bt-response {color: #FFFFFF!important; font-size: 15px!important; }

.pill-answer {width: 100%; display: inline-table;}
.pill-answer a { display: inline-table;}

#pill-tanks .explanation { width: 90%; max-width: 600px; margin: 0 auto;}

.pill-value p { color: #62A641; }


/* ---------- POINTS ---------- */
.page-punt #pretitle.box { width:96%; margin: 0 2%;}
#puntua {display: flex; width:96%; margin: 0 2%; font-family: 'Montserrat';}
	/*Puntos*/
	#puntos{width:49%;display:block;margin-right:1%;}
	#puntos-header {background: #333333; padding:25px; display:flex; }
	#punt-title {font-size: 24px; font-weight:300; color: #FFFFFF; width:60%; text-align: left; }
	#punt-value {font-size: 14px; font-weight:300; color: #FFFFFF; width:40%; text-align: right; }
	#punt-value span{font-size: 24px; font-weight:900; color: #62a641;}

	/*Clasifica*/
	#clasifica{width:49%;display:block;margin-left:1%;}
	#clasifica-header {background: #333333; padding:25px; display:flex; }
	#clasif-title {font-size: 24px; font-weight:300; color: #FFFFFF; width:60%; text-align: left; }
	#clasif-value {font-size: 14px; font-weight:300; color: #FFFFFF; width:40%; text-align: right; }
	#clasif-value span{font-size: 24px; font-weight:900; color: #62a641;}
	
	/*Lista*/
	#puntua .point-list-header {display:flex; width: 100%; color:#333333;font-weight:600;border-bottom: 1px solid #333333;padding: 10px 0;}
	#puntua .col1, #puntua .col4 {width:20%; text-align:center;} 
	#puntua .col2, #puntua .col3 {width:30%;}
	#puntua .col2 { text-align:left; }
	#puntos .col3 { text-align:left; }
	#clasifica .col3 { text-align:center; }
	#puntua .row-odd {display:flex; background: #f2f2f2; padding:3px 0;}
	#puntua .row-even {display:flex; background: #FFFFFF; padding:3px 0;}
	#puntua .punt-footer {display: flex; min-height:30px; padding-top:20px;}
	#puntua .punt-button {max-width: 70%; color: #FFFFFF; background-color: #62a641;padding:20px; margin:0 auto; text-decoration: none;  }
	
	
/* ---------- REWARDS ---------- */
.page-prem #pretitle.box { width:96%; margin: 0 2%;}
#premios {display: flex; width:96%; margin: 0 2%;}
	.premios-col {width:32%;display:block;margin-right:1%;}
	.premios-header {background: #333333; padding:25px; display:flex; }
	.prem-title {font-size: 24px; font-weight:300; color: #FFFFFF; width:50%; text-align: left; }
	.prem-value {font-size: 24px; font-weight:300; color: #FFFFFF; width:50%; text-align: right; }
	.prem-value span{font-size: 24px; font-weight:900; color: #62a641;}
	.badge {margin-top: -112px;}
	
	.prem-container {height: 60%;display: flex; justify-content: center; margin-top: -39px;}
	.prem-cont-title {align-self: center; width: 100%;text-shadow: 1px 1px 1px rgba(0,0,0,0.9);color: #FFFFFF; font-size: 22px;}



/* ---------- VOTE RESULTS ---------- */

.page-vote #pretitle.box { width:100%!important;}.page-vote #main-container{padding: 0 0 30px 0;}
#pill-thanks .message {font-family: 'Montserrat'; font-size: 25px; text-align: center; padding: 25px 0;color:#333333; font-weight:600;}
#pill-thanks .explanation {font-family: 'Montserrat'; color:#333333; font-size: 15px; margin: 0 50px; padding: 20px; background: #eeeeee; font-weight: 100;}
#pill-thanks .main-form-button { width: initial!important;}
.page-vote .pill-value {margin: 0 auto;}

.remind-health {
    text-align: center;
    display: block;
    position: relative;
    float: left;
    width: 80%;
	margin: 0 10%;
	margin-top: 40px;
}

.remind-health-but{
	text-align: center;
    width: 33.3%;
    display: block;
    float: left;
	margin-top: 40px;
	
	}
	
.remind-health-lnk{
	text-decoration: none;
	padding: 16px;
    border-radius: 3px;
}



/* ---------- GENERAL STATS ---------- */

.page-stdge .pre-title { text-align: left; padding-left:2%; }
.page-stdge #pretitle { margin-bottom: 30px; }
.page-stdge .std-data { max-width: 900px; margin: 0 auto; display: flex; overflow: hidden; padding: 10px;}
.page-stdge .std-label { width: 70%; float: left; text-align:left;}
.page-stdge .std-value { width: 30%; float: left; text-align:right; min-width: 185px;}
.page-stdge h3{ margin-top: 20px; margin-bottom: 10px; font-size: 20px; background: #f4f4f4; padding: 10px 0; max-width: 900px; margin: 0 auto; overflow: hidden; }

/* ---------- INDIVIDUAL STATS ---------- */

.page-stdld .pre-title { text-align: left; padding-left:2%; }
.page-stdld #usr-header { padding: 10px; }
.page-stdld .usr-row { padding: 10px;}
.page-stdld .usr-email { text-align: left; width: 25%; float: left; padding: 10px 5px 0px 5px; overflow: hidden; }
.page-stdld .usr-name { text-align: left; width: 15%; float: left; padding: 10px 5px 0px 5px; overflow: hidden; }
.page-stdld .usr-date { text-align: center; width: 15%; float: left; padding: 10px 5px 0px 5px; overflow: hidden; }
.page-stdld .usr-action { text-align: left; width: 15%; float: left; padding: 10px 5px 0px 5px; overflow: hidden; }
.page-stdld .usr-detail { text-align: left; width: 30%; float: left; padding: 10px 5px 0px 5px; overflow: hidden; }

/* ---------- TIME OUT PILLS ---------- */



#rm-timedown-alert{ 
	height: 100px; 
	width: 100px; 
	margin: 15px auto;
	background: #BC0823;
	text-align: center;
	vertical-align: middle;
	border-radius: 50px;}

#rm-timedown-alert p {
	color: #FFFFFF;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	width: 50px;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 600;
	text-align: center;}	


#pill-answers{text-align:center; }
#pill-answers p{ text-align: center; font-size:14px; color: #777777; margin:15px auto; }

#pill-answers-container{margin: 0 auto;}
#pill-answers-container a.ww-btn{margin-top:15px; font-size: 14px!important;}
.pill-answer{display: inline-block;}


.blink-me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


#pill-ans-res-ko {display: flex; background: red; max-width: 600px; margin: 50px auto 0; padding: 50px;}
#pill-ans-res-ok {display: flex; background: green; max-width: 600px; margin: 50px auto 0;  padding: 50px; }

#pill-ans-res-ko .main-form-button, #pill-ans-res-ok .main-form-button { 
	background: #FFFFFF; 
	display: table; 
	margin: 0 auto;
	}

#pill-ans-res-ko .main-form-button { color: #FF0000; }
#pill-ans-res-ok .main-form-button { color: #009245; }

#pill-ans-res-ko .message, #pill-ans-res-ok .message { color: #FFFFFF; }
#pill-ans-res-ko .main-form-button img, #pill-ans-res-ok .main-form-button img{ float: left; margin-top: 8px; }
#pill-ans-res-ko .main-form-button span, #pill-ans-res-ok .main-form-button span{ padding: 0 0 0 15px;}	

#pill-ans-res-img {width: 40%;}
#pill-ans-res-cont {width: 60%; color: #FFFFFF;}

/* ---------- STATISTICS OPEN RATE ---------- */

.page-menadm #main-container {width: 96%; margin: 0 2%;}
.page-stdta #main-container {width: 96%; margin: 0 2%;}
.page-stdlu #main-container {width: 96%; margin: 0 2%; min-height: 80%;}

#std-body {margin: 0 auto; width: 950px;}


.pb_counters { opacity: 1; margin-bottom: 30px; }
.pb_counters { list-style: none !important; padding: 0 !important; line-height: inherit !important; text-align: left;}

.pb_counter_title{font-size: 12px; padding-bottom: 1px; display: block; color: #333333;}
.pb_counter_container{background-color: #dddddd; color: #FFFFFF; margin-bottom: 10px; overflow: hidden; position: relative; display: block;}


.pb_counter_amount{
	opacity: 1; 
	float: left; 
	font-size: 12px; 
	text-align: right; 
	padding: 1px 3% 1px 1px; 
	display: block; 
	height: 18px;
	line-height: 18px; 
	margin-right:-3%;
	position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: stdcounters;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: stdcounters;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-play-state: running;}

/* Chrome, Safari, Opera */
@-webkit-keyframes stdcounters{
    0% { width:0%;}
    100% { width:50%;}
}

/* Standard syntax */
@keyframes stdcounters{
    0% { width:0%;}
    100% { width:50%;}
}

.page-stdta #main-container {width:;}

#parameter-form{margin-top: 20px;}
#parameter-form  {width: 200px; margin: 35px auto 5px;}

#std-data {margin-top: 20px}

/* ---------- USERS LIST ---------- */

#usr-list {padding-top: 25px; font-size: 14px;}
#usr-header {font-weight:600; background: #777777; color: #eeeeee; padding: 0px 0 10px 0;}
#usr-header {margin: 24px 0 0 0;}

.usr-row { display:flex; }
.usr-name { float:left; padding: 10px 5px 0px 5px; width: 35%;}
.usr-email { float:left; padding: 10px 5px 0px 5px; width: 35%;}
.usr-send { float:left; text-align: center; padding: 10px 5px 0px 5px; width: 15%;}
.usr-send img{max-height:18px;}
.usr-admin { float:left; text-align: center; padding: 10px 5px 0px 5px; width: 15%;}
.usr-admin img{max-height:18px;}


/* ---------- EMBED RESULTS ---------- */

#embed-wrapper {width: 100%; height: 100%; text-align:center; font-family: 'Montserrat';}#embed-daily  { display: table-cell; vertical-align: middle; width: 300px; height: 18px; background: #6BA220; font-size: 80%; color: #FFFFFF; font-weight: 600; }
#embed-category { display: none;}

#embed-spacer{ margin: 12px;}
#embed-title { display: table-cell; vertical-align: middle; width: 300px; height: 45px; background: rgba(128,128,128,0.5) ; font-size: 110%; color: #FFFFFF; font-weight: 600;}#embed-image { display:none; }#embed-image img{ display:none;}#embed-wrapper  span { display:inline-block; vertical-align:middle }

#embed-link{
position: fixed;
margin: 10px 75px;
bottom: 0px;
}
#embed-link a{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #772612), color-stop(1, #ee4b23) );
	background:-moz-linear-gradient( center top, #772612 5%, #ee4b23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#772612', endColorstr='#ee4b23');
	background-color:#772612;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0;
	display:inline-block;
	color:#FFFFFF;
	font-family:'Montserrat'
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:150px;
	text-decoration:none;
	text-align:center;
}
#embed-link a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee4b23), color-stop(1, #772612) );
	background:-moz-linear-gradient( center top, #ee4b23 5%, #772612 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee4b23', endColorstr='#772612');
	background-color:#ee4b23;
}
#embed-link a:active {
	position:relative;
	top:1px;
}


/* TEST */

.toggle-button {max-width: 500px; display:block;	margin: 0 auto; text-align: center;}

.toggle {
	overflow-y: hidden;
	max-height: 500px; /* approximate max height */
	display:block;
	margin: 0;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	color: #FFFFFF;
	font-family: 'Montserrat'; 
	text-align:center;
	margin-top: -50px;

}

.toggle.closed {
	max-height: 0px;

}



/* ---------- Mobile Menu ---------- */

/*#user-menu-mobile{
	display: inline-block;
    float: right;
    margin: 10px 2% 0 0;
}


#menu-icon {

	display: none;
	width: 40px;
	height: 40px;
	background: #62a641 url('imgs/ico/ico-mobile-menu.png') center;

}

a:hover#menu-icon {

	background-color: #444;
	border-radius: 4px 4px 0 0;

}*/



.c-menu {
  position: fixed;
  z-index: 200;
  background-color: #f2f2f2;
  transition: transform 0.3s;
}

.c-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Close button resets.
 */
.c-menu__close {
  color: #fff;
  background-color: #62a641;
  font-size: 14px;
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

/**
 * Close button resets.
 */
.c-menu__close:focus {
  outline: none;
}

/**
 * Body states.
 *
 * When a menu is active, we want to hide the overflows on the body to prevent
 * awkward document scrolling.
 */
body.has-active-menu {
  overflow: hidden;
}

/**
 * Mask component
 */

.c-mask {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.3s;
}


.c-menu--slide-right,
.c-menu--push-right {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

@media all and (min-width: 320px) {
  .c-menu--slide-right,
  .c-menu--push-right {
    width: 300px;
  }
}

.c-menu--slide-right .c-menu__item,
.c-menu--push-right .c-menu__item {
  display: block;
  text-align: center;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #dddddd;
  padding: 10px;
  text-align: left;
}

.c-menu--slide-right .c-menu__item a, .c-menu--push-right .c-menu__item a { text-decoration: none;}
.c-menu--slide-right .c-menu__item img, .c-menu--push-right .c-menu__item img { margin: 2px 5px -2px 0;}


.c-menu--slide-right .c-menu__item:first-child,
.c-menu--push-right .c-menu__item:first-child {
  border-top: none;
}

.c-menu--slide-right .c-menu__item:last-child,
.c-menu--push-right .c-menu__item:last-child {
  border-bottom: none;
}

.c-menu--slide-right .c-menu__link,
.c-menu--push-right .c-menu__link {
  display: block;
  padding: 12px 24px;
  color: #ffffff;
}

.c-menu--slide-right .c-menu__close,
.c-menu--push-right .c-menu__close {
  display: block;
  padding: 12px 24px;
  width: 100%;
  font-family: 'Montserrat';
}

.c-menu--slide-right,
.c-menu--push-right {
  top: 0;
  right: 0;
  transform: translateX(100%);
}

@media all and (min-width: 320px) {
  .c-menu--slide-right,
  .c-menu--push-right {
    transform: translateX(300px);
  }
}

.c-menu--slide-right.is-active,
.c-menu--push-right.is-active {
  transform: translateX(0);
}


.c-button {display:none;}

.c-button {
    background-color: #f2f2f2; 
    border: none;
    color: #62A641;
    padding: 0px 8px 3px;
    text-align: center;
    text-decoration: none;
    display: none;
    font-size: 35px;
    font-weight: 900;
}

.c-button:hover{background-color: #62A641; border: none; color: #ffffff;}

/* Nuevas barras de progreso 2024 */

	.progress-bar-ww-2024-row{
		padding: 10px;
		margin: 0.5rem 0;
		background: white;
		border-radius: 15px;
		-webkit-flex: 1; 
		-ms-flex: 1;
		flex: 1;
		display: flex;
		align-items: center;
	}

	.progress-bar-ww-2024-bar-title{
		width: 30%;
		margin: 1rem;
		line-height: normal;
	}

	.progress-bar-ww-2024-bar-container{
		width: 70%;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 1rem 2rem 1rem 1rem;
	}

	.progress-bar-ww-2024-bar-backgound-progress{
		background: #c5d3dc;
		border-radius: 15px;
		height: 1rem;
		width: 100%;
	}
	.progress-bar-ww-2024-bar-line-progress{
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
		height: 50px;
		position: absolute;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: left;
	}
	
/* END - Nuevas barras de progreso 2024 */	



/* -------------------------------- */
/* ---------- RESPONSIVE ---------- */
/* -------------------------------- */

@media screen and (min-width: 1600px) {
	/* monitores grandes */
	/* .pill-vid-content video { border-radius:15px; height:55%; max-width: 100%;} */
}

@media screen and (min-width: 600px) {
	#pre-header {text-align:center;height:60px;}
	#user-name {display:inline-block;height:50px; width:40%;padding:10px 0 0 10px;}
	#configs-menu{display:flex;float: right;}
	
	#logo-mobile {display:none;}
	#menu-mobile-icon {display:none;}
}

@media screen and (max-width: 1580px) { /* 1280 */
	/* galaxy tab A */
	
	div.news-cell-body div.news-title {white-space:inherit;}
	
}


@media screen and (max-width: 1180px) {
	/* ipad */
	.pill-vid-content video { border-radius:15px; height:290px; max-width: 100%;}
	#pill-question {min-height: 272px; width: 31%; display: block; position: relative; float: left; background:#ffffff;border-radius:15px; margin-left:3%;padding-bottom:20px;}
	#pill-question-body img { width: 150px;}
	div.dash-prg-perc.ww-txt-sub {font-size:16px;}
	span.video-prg-bloqueado {font-size: 0.85rem;}
	
	
	div.news-cell-body div.news-title {white-space:inherit;}
    
	
	#prg-vid-v2 video {width:75%;height:350px;}
}

@media screen and (max-width: 1300px) {
	.live-week-item{height:11rem;margin:0 0 0.5rem 0;border-radius:1.5rem;padding:0.5rem;}
	.icoFlag {width:35px;margin-top:10px;float: none; padding: none;margin-right: 28px;padding-left: 31px;}
	.icoStar {height:50px;width:50px;padding:0px;margin-top: 1px; float: none;margin-right: -2px;}
	
	/*.icoFlag {width:50px;padding:10px;margin-top:-20px}
	.icoStar {height:60px;width:60px;padding:10px;margin-top: -65px;margin-right: -15px;}*/
}

@media screen and (max-width: 900px) {
	.live-week-item{height:11rem;margin:0 0 0.5rem 0;border-radius:1.5rem;padding:0.5rem;}
	.icoFlag {width:35px;margin-top:10px;float: none; padding: none;margin-right: -4px;padding-left: 0px;}
	.icoStar {height:50px;width:50px;padding:0px;margin-top: 1px; float: none;margin-right: -2px;}
	
	/*.icoFlag {width:50px;padding:10px;margin-top:-20px}
	.icoStar {height:60px;width:60px;padding:10px;margin-top: -65px;margin-right: -15px;}*/
}


@media screen and (max-width: 600px) {
	/* mobile */

	body.page-none  {background: url(/imgs/bg-ww.jpg); background-size: cover; background-position: center center;}
	body.page-none-grupo-mexico  {background: url(/imgs/bg-ww.jpg); background-size: cover; background-position: center center;}

	#dash-header-left {width:100%;}
	#dash-header-right {width:93%!important;}

	#main-content .ww-flex-resp {
		display: block;
	}
	
	.cnt-row {width:95%; margin:auto;}
	.width10-resp {width:95%!important;margin:auto;}
	.width15-resp {width:95%!important;margin:auto;}
	.width20-resp {width:95%!important;margin:auto;}
	.width25-resp {width:95%!important;margin:auto;}
	.width30-resp {width:95%!important;margin:auto;}
	.width40-resp {width:95%!important;margin:auto;}
	.width50-resp {width:95%!important;margin:auto;}
	.width60-resp {width:95%!important;margin:auto;}
	.width70-resp {width:95%!important;margin:auto;}
	
	.ww-txt-head {padding-top:10px;font-size:22;}
	.ico60 {height:40px;width:40px;padding:10px;}
	.mobile-only {display: inherit;}
	.laptop-only {display: none!important;}
	
	/* Directos Banderas y estrella */
	.live-week-item{height:6rem;margin:0 0 0.5rem 0;border-radius:1.5rem;padding:0.5rem;}
	.icoFlag {width:50px;padding:10px;margin-top:-20px; float: right; margin-right: 0px;}
	.icoStar {height:60px;width:60px;padding:10px;margin-top: -80px;margin-right: -15px;float: right}

	.ww-signup-w-left {margin: auto auto 1rem auto;}
	.ww-signup-w-right {margin: 7rem auto auto auto;}
	
	.page-title {display:block;}
	
	#ww-imagotipo {margin-top:0px;margin-bottom:15px;}

	#pre-header {text-align:center;height:60px;}
	#main-content {width:100%; padding: 80 0 20 0; margin:0;}
	body.page-none #main-content {padding: 0 0 20% 0;}
	#logo {display:none;}
	#logo-mobile {display:block;width:60px;height:60px;float: left;}
	#user-name {display:inline-block;height:60px; width:60%;padding:0;margin-top:10px;margin-left:5px;}
	#menu-mobile-icon {position: fixed; display: block; width: 50px; height: 50px; right: 5px; top: 5px;}
	#menu-mobile-icon svg {padding: 10 10 10 0;}
	#configs-menu{display:none;}
	#admin-button{display:none;}
	#main-wrapper {margin-top:-10px!important;}
	
	#login-screen {width: 90%;}
	
	#ww-customize-w{width:90%;min-height:80%;}
	
	.ww-radio-option { height: 190px; }
	
	#suggestion-form{display:block;margin-left: 15px;}
	
	#suggestion-column1{width:100%;padding: 0;}
	#suggestion-column2{width:100%;padding: 0;}
	#suggestion-thanks{margin: 0 5% 0 5%;}
	
	#cell-settings-cat div.width33 {width:100%!important;}
	#cell-settings-cat div.ww-flex {display:block;}
	#cell-settings-cat div.prof-check.ww-flex {display:flex;}
	.column {width:100%!important;}
	
	#pill-horizontal {display:block;}
	#pill-content {width:95%;padding:0 2% 0 2%;margin-bottom:20px;    margin-top: -50px;}
	#pill-question {width:95%;padding:0; }
	#pill-question-alert img {width:40%;} 
	#pill-answers {padding-bottom: 10px;}
	.modal-content-acertado {
	  width: 300px;
	  height: 420px;
	  margin: 25% auto;
	}
	.modal-content-fallado {
	  width: 300px;
	  height: 420px;
	  margin: 25% auto;
	}	
	#ww-rm-modal-left div.ww-block.ww-txt-normal img {width:150px;}
	#ww-rm-modal-left {padding-bottom: 10px;}
	
	.progreso-programa {padding-left: 0.5rem;padding-right: 0.5rem;}
	.progress {margin-left: 0.5rem;margin-right: 0.5rem;}
	.filtros-prg{margin-left: 0.5rem;margin-right: 0.5rem;}
	.filtros-prg-tit{display:none;}
	.filtros-prg-ico{width:13%;}
	.filtros-prg-reiniciar-tit{display:none;}
	.filtros-prg-reiniciar{width:14%;}
	.filtros-prg-semana{padding-left:5px;}
	.filtros-prg-nivel{padding-left:5px;}
	#selector-semana {padding-left:0px;font-size:0.8rem;}
	#selector-nivel {padding-left:0px;font-size:0.8rem;}
	#prg-vid-horizontal {display:block;}
	#prg-vid-horizontal div.program-page-video {width:95%;padding:0;margin-bottom:20px;}
	#prg-vid-horizontal div.program-page-data {width:95%;padding:0; margin-bottom:20px;}
	#myModalPrograma div.modal-content {width:300px;}
	#myModalBeneficios div.modal-content {width:300px!important;}
	#ww-rm-modal-img {width: 10rem;;margin-top: 4em;}
	#ww-rm-modal-hasganado {width:18rem;}
	#ww-modal-puntos {}

	#prg-header {margin-bottom: 12px;}
	/* #prg-header div.page-subtitle {padding-right: 10px;} */
	#prg-vid-horizontal {padding: 0 0% 0 3%;}
	#prg-vid-horizontal div.program-page-data {margin:0;}
	#myModalInfo div.modal-content {width:300px;}
	#prg-vid-fich-v2 {margin-left:auto;margin-top:1rem;}
	#prg-vid-v2 video {width:100%;margin:0 0 auto 0;}
	#prg-vid-items-v2 {display:flex;}
	.program-page-data-item-v2{display:block;text-align: center;}
	.program-page-data-itemtxt-v2{display:block;text-align: center;}
	
	#history-page {padding:0 2% 0 2%;}
	#history-header{display:block;}
	#history-header-left{width:100%;}
	#history-header-right{width:100%;justify-content:rigth!important;margin-bottom:10px;}
	div#history-std.ww-flex {display:block;}
	#history-std div.news-cell.width25 {width: 95%!important;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;}
	.filtros-cat {width:100%;}
	
	#left-menu{display:none!important;}
	
	
	
	.help-button {padding-top: 20px;width:40%;margin-right: 4%;height:150px;}
	.help-button span {font-size:10px;}
	
	#home-row{display:block;width:95%;}
	#home-column1{width:95%;padding:0 2% 0 5%;}
	#home-column2{width:95%;padding:0 2% 0 5%;}
	#mod_current_dose{height: 300px;}
	.home-column1-row{display:block;width:100%;padding: 20 0 0 0; margin: 0;}
	div.home-cell {width: 100%;margin:0 0 20 0;}
	
	#dash-prg-header p.ww-txt-head {margin-bottom: 1rem;}
	
	#help-row1{width:95%;padding:0 2% 0 5%;}
	#help-row2{width:95%;padding:0 2% 0 5%;}
	.help-button span.help-button-title {font-size:100%}
	.help-faq {margin-left: 1.5em;margin-right:1.5em;}
	
	#news-page {width:100%;padding:0;}
	#punt-page {width:95%;padding:0 2% 0 1%;}
	#punt-header{display:block;}
	#punt-header-left{width:100%;}
	#punt-header-right{width:100%;justify-content:rigth!important;}
	
	#page-title-left{width:70%; text-align:left; display:flex;}
	#page-title-right{width:30%; text-align:right;}
	#myBtnExplicativos{width:30px;}
	#myBtnInfo{width:30px;}
	
	.punt-page-col1{width:100%!important;}
	.punt-page-col2{width:100%!important;}
	.punt-cell{font-size:75%;}
	.fchpun   {width:30%;text-align:left;}
	.tipunt   {width:55%;text-align:left;}
	.seccion  {display:none;}
	.titulo   {display:none;}
	.puntos   {width:15%;text-align:right;font-size:115%;font-weight:700;}
	
	#prem-row1 {display:block;}
	#prem-row1 div.prem-cell{width:90%;padding:0 2% 0 3%;}
	
	#prem-row2 {display:block; margin-top:0px;}
	#prem-row2 div.prem-cell{width:90%;padding:0 2% 0 3%;}
	
	div.dash-prg-row.ww-flex {display:block!important;width:100%!important;}
	div.dash-prg-row.ww-flex div.news-cell {width:97%;margin-left:2%;margin-right:0%;margin-bottom:10px;}
	div.dash-prg-row div.news-cell {width:90%!important;padding:0 2% 0 3%;}
	
	#ww-dta-row {display:block;}
	#iniciar-dieta {width:80%;padding:5%;margin-left:3%;}
	#ww-dta-col1 {width:90%;padding:0 2% 0 3%;}
	#ww-dta-col2 {width:90%;padding:4% 2% 0 3%;}
	#btDietaImprimir {display:none;}
	
	
	#news-row1{width:100%; display: block;margin-bottom:0%;justify-content:center;}
	#news-row2{width:100%; display: block;margin-bottom:0%;justify-content:center;}
	#news-row3{width:100%; display: block;margin-bottom:0%;justify-content:center;}

	div.news-cell {width:97%;margin-left:2%;margin-right:0%;margin-bottom:10px;}

	.page-title p {line-height:25px;}
	.page-subtitle {padding-left: 47px;margin-top:5px;width:calc(96% - 47px);}
	.page-subtitle p {line-height:18px;}
	
	.vid-prg-row{display:block;justify-content:center;}
	.vid-prg-container {width: 96%; margin: 2% 2% 10% 2%;padding:0;display:block;}
	
	#ventana-conversacion p.alert1 {color:red; margin:3rem;font-size:1rem;}
	#ventana-conversacion p.alert2 {color:red; margin:1rem;font-size:0.8rem;}
	#ventana-nuevo-msg textarea	{font-size:0.85rem;padding:0.5rem;width:80%;}
	#mis-consultas p.alert1 {color:red; margin:3rem;font-size:1rem;}
	#mis-consultas p.alert2 {color:red; margin:1rem;font-size:0.8rem;}
	div#expert-page-body.ww-flex {display:block;}
	div#expert-page-left.width40{width:100%!important;}
	div#expert-page-right.width60{width:100%!important;margin-top: -13px;}
	#expert-page {width:95%;padding:0 2% 0 1%;}
	#expert-page #page-subtitle-right a.ww-btn {font-size:0.6rem;width:6rem;height:1.6rem;}
	#estad-experto {display:block!important;}
	#estad-experto div.width33 {width:90%!important;}
	#msg-back {display: block;
    width: 50px;
    margin-top: 30px;
    margin-bottom: -60px;}
	.mobile-block {display:block!important;}
	.mobile-none {display:none!important;}
	#cons-disp-label {display:none;}
	#cons-disp-label-mobile {display: block;font-size: 0.7rem;line-height: 0.7rem;font-weight: bold;margin-top: 0.4rem;}
	#cons-disp-value {font-size: 15px;
    padding-left: 6px;
    padding-right: 6px;
    height: 2rem;
    line-height: 2rem;border-radius:0.5rem;}
	.su-msg-gracias {width:80%; margin: 0px auto 0px 20px; padding:0rem;}
	.valoracion-msg{padding:5px 0 5px 0;}
	.val-icon {width:20px; padding: 2 6 2 6;}
	#msgnew{margin-top:-1rem;}
	#textarea-msgnew{margin-top:1.5rem;}
	
	/* healthy experience */
	#healthyusuario-page div.vnt-row {display:block; width:92%;margin:auto;}
	#healthy-vent-page div.vnt-row {display:block; width:98%;margin:0;}
	#healthy-vent-page div.vnt-left {width:100%!important;}
	#healthy-vent-page div.vnt-right {width:100%!important;margin-top:2rem;}
	.vnt-container {height:15rem;width:calc(100% - 20px - 2%);padding:10px; margin:1%; display:block; border-radius: 1.5rem;}
	.vnt-container-no-filter{height: 15rem;
    width: calc(100% - 0.5rem - 4%);
    margin-left: 0.5rem;
    margin-top: -16rem;
    padding: 2%;
    z-index: 3;
	position: relative;}
	/* fin - healthy experience */
	
	.signup-flex {display:block;}


	
	/* canal - eventos en vivo */ 
	#canal-page {display: block;
    width: 96%;
    margin: 0;
    padding: 0.5rem;}

	
	/* live - eventos en vivo */ 
	#live-dif-page { padding:0 10px;}
	
	#live-page {display: block;
    width: 96%;
    margin: auto;
    }
	
	#live-next {width: calc(100% - 2rem - 1rem);}
	#live-now {width:90%; padding-right: 2rem;}
	.live-week-day {width:100%;display: block;}
	.live-week-header{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;margin:1rem auto auto auto;}
	.live-week-body{height:fit-content;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;}
	
	#chanels-page div.vnt-container {height:15rem;width:90%;padding:10px; margin:auto auto 1rem auto; display:block; border-radius: 1.5rem;}

	
	/* end - live - eventos en vivo */ 
	
	/* wwModal genéricos */

		/* Modal Content */
		.ww-modal-content {
		  width: 85vw;
		  height: 65vh;
		}	
	/* end - wwModal genéricos */
	
	.div-live-session {position:relative;width:100%;}
	.div-live-chat {width:87vw;height: 50vh;max-height:80%;margin-top:10px}
	#vimeo-player{width:100%;height:auto;}
	
	.shooowit-player {width: 300px;height:225px;}
	
	
	#conexp-gnp-page {padding-right:35px;}
	
	#video-player-msg {width:100%;}

	/* challenges - retos */
	#challenges-page {width:90%;text-align:center;}
	#challenges-page div.width60-resp {margin:1rem;}
	
	
	/* NPS */
	.nps-div-input {
        height:1.4rem;
        width: 1.4rem;
    }
	/* END - NPS */
	
	
	/* save to markers */
	#btnfav {margin-top:-10px;}
	/* end - save to markers */

	/*Botones menu*/
	.item-box{width: 95vw;}
	.item{min-height: 10rem;}
	
	.ww-btn {
		max-width: 13rem;
		font-size: 0.75rem !important;
		text-align: center;
	}
}