#shopcart li .ui-link-inherit,
#sectionpayments li .ui-link-inherit,
#webshop li .ui-link-inherit
@media (max-width: 480px) {

	#sectionreservations .ui-li-small.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
	#sectionreservations .ui-li-small.ui-li-static.ui-li-has-thumb
	{
		min-height: unset;
		padding-left: 110px;
	}

}

.ui-icon {
    -moz-box-shadow: 0px;
    -webkit-box-shadow: 0px;
     box-shadow: 0px;
}

.ui-icon-shadow {
	background-color : unset !important;
    -moz-box-shadow: 0px;
    -webkit-box-shadow: 0px;
     box-shadow: 0px;
}

.ui-header .ui-icon {
	background-color : unset !important;
    -moz-box-shadow: 0px;
    -webkit-box-shadow: 0px;
     box-shadow: 0px;
}

.ui-icon-shadow {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
     box-shadow: none !important;
}


#optionspanel .ui-li:not(.ui-li-link-alt) > .ui-btn-inner {
	background : #66686A !important;
	border-radius: 0px !important;
}

#main .ui-body-b .ui-link, 
#main .ui-body-b .ui-link:visited {
	color: white;
}
.ui-body-b .ui-link:hover {
	color: #DDDDDD;
}

.avselectionfilter.avhasscroll {
	background-position: top right;
	background-image: url
}

#maininfo,
[data-role=page]:not(#mfsviewer) .ui-content
{
	max-width : 600px !important;
	margin:auto;
	overflow: hidden;
}

/* Definir propriedades (fonte e transforma??es) b?sicas de todos as classes */
a,
.ui-shadow,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.ui-body-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-bar-c,
.ui-body-c,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-bar-c,
.ui-body-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-bar-d,
.ui-body-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-bar-e,
.ui-body-f,
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f,
.ui-bar-f,
.ui-body-g,
.ui-btn-up-g,
.ui-btn-hover-g,
.ui-btn-down-g,
.ui-bar-g,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active,
.ui-body-a,
.ui-bar-a,
.ui-title
 {
	 text-shadow: none !important;
	 box-shadow: none !important;
	 -webkit-box-shadow: none !important;
	 font-family: "Montserrat", Tahoma, Arial, Helvetica !important;
	 font-weight: normal !important;
}

.ui-body-c select {
	 font-family: "Montserrat", Tahoma, Arial, Helvetica !important;
}

.loginbackground {
	background: #24272A url(images/background.jpg) no-repeat !important;
	background-size: 220px auto !important;
	background-position: bottom right !important;
}

[data-role=page].ui-page:not(#loginpage):not(#main) > .ui-header
{
	background: white !important;
	color : black !important; 
}

[data-role=page].ui-page:not(#loginpage):not(#main):not(#sectiontraining):not(#sectionevaluation):not(#sectionnutrition) > .ui-header
{
	border : 1px solid white !important;
}

/* CAIXAS DE ERRO E MENSAGENS  */
.ui-dialog .ui-header
{
	border: 1px solid white;
	border-bottom: 0px;
	color: black !important;
	background: white !important;
}
.ui-dialog .ui-content.ui-body-c {
	border: 1px solid #66686A;
	color: white !important;
	background: #66686A !important;
}

.questtitle,
legend,
label:not(.ui-btn) {
	color : white !important;
}

::-webkit-input-placeholder {
/* WebKit browsers */
color: transparent;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: transparent;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: transparent;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: transparent;
}
input::placeholder {
color: transparent;
}

.ui-input-text.ui-body-b,
.ui-input-text.ui-body-c,
.ui-input-text.ui-body-d {
	background: white !important;
	-moz-border-radius: 0.4em !important;-webkit-border-radius:  0.4em !important;border-radius:  0.4em !important;
}

input.ui-input-text.ui-body-b,
input.ui-input-text.ui-body-c,
input.ui-input-text.ui-body-d {
	background: white !important;
	color : black !important;
	-moz-border-radius: 0.4em !important;-webkit-border-radius:  0.4em !important;border-radius:  0.4em !important;
}

.ui-input-search input.ui-input-text.ui-body-b,
.ui-input-search input.ui-input-text.ui-body-c,
.ui-input-search input.ui-input-text.ui-body-d {
	background: white !important;
	color : black !important;
	-moz-border-radius: 0.4em !important;-webkit-border-radius:  0.4em !important;border-radius:  0.4em !important;
}

.ui-corner-all {
	-moz-border-radius: 0.4em !important;-webkit-border-radius:  0.4em !important;border-radius:  0.4em !important;
}


.ui-li {
	-moz-border-radius: 0.4em !important;-webkit-border-radius:  0.4em !important;border-radius:  0.4em !important;
}

.ui-input-search.ui-body-b,
.ui-input-search.ui-body-c,
.ui-input-search.ui-body-d {
	background: white !important;
	color : black !important;
	-moz-border-radius: 0.4em !important;-webkit-border-radius:  0.4em !important;border-radius:  0.4em !important;
}

#loginpopup {
	border: 0px;
	background: transparent;
}

#loginpopup .ui-checkbox .ui-btn-up-c,
#loginpopup .ui-checkbox .ui-btn-down-c,
#loginpopup .ui-checkbox .ui-btn-hover-c
{
	border: 0px solid; 
}

#loginpopup .ui-checkbox .ui-btn .ui-btn-inner {
	
	background : #24272A !important;
	color: white;
}

#loginpopup .ui-checkbox .ui-btn .ui-btn-inner .ui-btn-text {
	font-size: x-small !important;
	font-weight: bold !important;
}-

#loginpopup .ui-input-text.ui-corner-all {
	border: white 1px solid; 
	background : transparent;
	color: black;
	
}

#loginpopup .ui-input-text {
	color: black;
}

#rememberme {
	background : transparent;
	color: white;
}

div[data-role="page"]
 {
	background : #24272A;
	color: white;
}

#rememberme>.ui-checkbox .ui-btn-up-c {
	background: transparent !important;
}
		
#loginpopup .ui-btn-up-b,
#loginpopup .ui-btn-down-b,
#loginpopup .ui-btn-hover-b {
	border: 0px solid; 
	background: #DCAF11 !important; /* Old browsers */
	color: white;
}

#loginpopup .ui-header {
	border : 0px solid !important;
}

/* Retirar t?tulo em texto da janela principal */
#main .ui-header
{
	height: 45px !important; 
}

/* Bot?es de ac??o */
.ui-radio>.ui-radio-off.ui-btn-up-b,
.ui-radio>.ui-radio-off.ui-btn-down-b,
.ui-radio>.ui-radio-off.ui-btn-hover-b,
.ui-radio>.ui-radio-off.ui-btn-up-c,
.ui-radio>.ui-radio-off.ui-btn-down-c,
.ui-radio>.ui-radio-off.ui-btn-hover-c,
.ui-li-count.ui-btn-up-b 
{
	background: #E9E9E9 !important; /* Old browsers */
	background-image : none;
	color: black !important;
	border : 1px #DAA900 solid !important;
}

.ui-btn-active {
	border: #DAA900 1px solid !important; 
	background: #DAA900 !important; /* Old browsers */
	color : white !important;
}

a.ui-btn.ui-btn-up-c,
a.ui-btn-ui-btn-down-c,
a.ui-btn.ui-btn-hover-c {
	background: #DAA900 !important; /* Old browsers */
	color : white;
}


a.ui-btn.ui-btn-up-c .ui-icon,
a.ui-btn-ui-btn-down-c .ui-icon,
a.ui-btn.ui-btn-hover-c .ui-icon 
{
	filter : invert(0%) !important;
}


.ui-select .ui-btn.ui-btn-up-b,
.ui-select .ui-btn-ui-btn-down-b,
.ui-select .ui-btn-ui-btn-hover-b,
.ui-select .ui-btn.ui-btn-up-c,
.ui-select .ui-btn-ui-btn-down-c,
.ui-select .ui-btn.ui-btn-hover-c {
	background:  transparent !important; /* Old browsers */
	color : white;
	border : 0px solid;
}

/* Bot?es de ac??o aquando a passagem do rato */
.ui-select>.ui-btn-hover-b,
.ui-radio>.ui-btn-hover-b,
.ui-submit.ui-btn-hover-b,
[data-role=button].ui-btn-hover-b {
	color: #DAA900  !important;
}

/* Bot?es de ac??o => No rodap? e no cabe?alho */
.ui-footer.ui-bar-b,
.ui-header .ui-btn.ui-btn-up-b,
.ui-header .ui-btn.ui-btn-down-b,
.ui-header .ui-btn.ui-btn-hover-b,
.ui-navbar .ui-btn.ui-btn-up-b,
.ui-navbar .ui-btn.ui-btn-down-b,
.ui-navbar .ui-btn.ui-btn-hover-b
{
	border : 0px solid !important;
	background: white !important; /* Old browsers */
	color: black !important;
}

.ui-btn-inner {
	border-top: 0px solid !important;
}

.ui-li-divider .ui-icon {
	background-color : #DAA900 !important;
	filter : invert(0%) !important;
}
/* Cabe?alhos de ?reas (sem carregar) */
.ui-listview .ui-li-divider,
.ui-collapsible .ui-collapsible-heading-toggle.ui-btn-up-b
{
	border :  0px solid !important;
	color : #DAA900 !important;
	background: transparent !important; /* Old browsers */
	text-shadow : 0px 0px;
}

.ui-listview .ui-li-divider:has(.ui-icon) {
	color : #DAA900 !important;
}

.ui-listview .ui-li:not(.ui-li-divider):not(.vivafitdivider) {
	border : 0px solid;
	background : #66686A !important;
	color: white !important;
}

.ui-listview .ui-li:not(.ui-li-divider) .ui-li-link-alt {
	background : #DAA900 !important;
	border : 0px solid;
	-moz-border-top-right-radius: 0.4em !important;-webkit-border-top-right-radius:  0.4em !important;border-top-right-radius:  0.4em !important;
	-moz-border-bottom-right-radius: 0.4em !important;-webkit-border-bottom-right-radius:  0.4em !important;border-bottom-right-radius:  0.4em !important;
}


.fontstrong {
	font-weight: 700;
}

.ui-listview .fieldinfo,
.ui-listview .ui-li-desc
 {
	color : white !important;
}

.ui-listview .ui-li-count
 {
	background : white !important;
	color: #C5748B !important;
	border: 0px solid #DAA900; 
}

.ui-listview .ui-li:not(.ui-li-divider) .ui-btn-inner .ui-icon {
	filter : invert(50%) !important;
}

a[data-role="button"] .ui-icon,
.ui-listview .ui-li:not(.ui-li-divider).ui-li-has-arrow .ui-icon
{
	filter : invert(0%) !important;
}

#main .ui-collapsible .ui-collapsible-heading-toggle.ui-btn-up-b .ui-btn-text,
#main .ui-collapsible .ui-collapsible-heading-toggle.ui-btn-hover-b .ui-btn-text,
#main .ui-collapsible .ui-collapsible-heading-toggle.ui-btn-down-b .ui-btn-text {
	font-weight: bold;
}

/* Cabe?alhos de ?reas (ao passar o rato) */
.ui-collapsible .ui-collapsible-heading-toggle.ui-btn-hover-b
{
	border : 0px !important;
	background: #DAA900; /* Old browsers */
}


/* Cabe?alhos de ?reas (ao carregar) */
.ui-collapsible .ui-collapsible-heading-toggle.ui-btn-down-b
{
	border : 0px !important;
	background: #DAA900; /* Old browsers */
}

.fieldinfo {
	color : #DAA900 !important;
}

#button_company {
	background:url('/images/menu_company.png') !important;
	background-size : 35px 35px !important; 
	background-repeat : no-repeat !important;
	background-position : center center !important;
}

/* Adicionar border ? foto do utente */
#main .memberpictureloading {
	border-radius: 55px !important;
	-webkit-border-radius: 55px !important;
    -moz-border-radius: 55px !important;
    -khtml-border-radius: 55px !important;
	border: 2px solid white !important;
}

#main #memberdetail {
	background : transparent !important;
	color: #aaaaaa !important;
}

#main #memberdetail .fieldlabel {
	font-weight: bold !important;
}

#main #memberdetail .fieldinfo {
	color: white;
}

#main .ui-collapsible-content,
#main .ui-content {
	padding : 0px 0px 0px 0px !important;
	background : #24272A !important;
}


[data-role="collapsible"] .ui-collapsible-heading {
	display : none;
}

#maininfo .ui-listview {
	padding-right : 20px !important;
	padding-bottom: 20px !important;
}

#maininfo .ui-listview .ui-li {
	background : #8DC63F;
	border : 0px solid;
	margin-bottom: 2px;
}

.ui-infobox.ui-body-e {
	background : white !important;
	color : black !important;
	border: 1px solid black !important; 
}

.ui-footer .ui-body-e {
	background : #DAA900 !important;
	color : white !important;
}

.ui-li .ui-btn.ui-li-link-alt {
	background : white !important;
	border-left: 0px solid !important;
}

#sectionreservations .ui-navbar {
	padding-top: 10px;
}

#classesmap .ui-navbar .ui-btn,
#sectionreservations .ui-navbar .ui-btn {
	-moz-border-radius: 0.4em;-webkit-border-radius:  0.4em;border-radius:  0.4em;
}

#classesmap .ui-controlgroup .ui-radio {
	display : none;
}

.ui-controlgroup.ui-controlgroup-horizontal .ui-btn-up-b,
.ui-controlgroup.ui-controlgroup-horizontal .ui-btn-hover-b,
.ui-controlgroup.ui-controlgroup-horizontal .ui-btn-down-b,
.avselectionfilter .ui-select .ui-btn-up-b,
.avselectionfilter .ui-select .ui-btn-hover-b,
.avselectionfilter .ui-select .ui-btn-down-b,
.avselectionfilter .ui-select .ui-btn-up-c,
.avselectionfilter .ui-select .ui-btn-hover-c,
.avselectionfilter .ui-select .ui-btn-down-c
{
	background: transparent !important;
	border: 0px solid !important;
	margin-right: 5px;
	-moz-border-radius: 0.4em;-webkit-border-radius:  0.4em;border-radius:  0.4em;
}

.ui-listview-filter.ui-bar-c {
	background : #24272A !important;
}

.ui-submit.ui-btn-up-b,
.ui-submit.ui-btn-down-b,
.ui-submit.ui-btn-hover-b,
[data-role=button].ui-btn-up-b,
[data-role=button].ui-btn-down-b,
[data-role=button].ui-btn-hover-b, 
[data-role=button].ui-btn-up-e,
[data-role=button].ui-btn-down-e,
[data-role=button].ui-btn-hover-e
{
	background: #DCAF11 !important; /* Old browsers */
	background-image : none;
	color: white !important;
}

[data-role=button].ui-btn-up-e .ui-icon,
[data-role=button].ui-btn-down-e .ui-icon,
[data-role=button].ui-btn-hover-e .ui-icon {
	filter : invert(100%) !important;	
}

#loginpage .ui-submit.ui-btn-up-b,
#loginpage .ui-submit.ui-btn-down-b,
#loginpage .ui-submit.ui-btn-hover-b,
#loginpage [data-role=button].ui-btn-up-b,
#loginpage [data-role=button].ui-btn-down-b,
#loginpage [data-role=button].ui-btn-hover-b, 
#loginpage [data-role=button].ui-btn-up-e,
#loginpage [data-role=button].ui-btn-down-e,
#loginpage [data-role=button].ui-btn-hover-e
{
	border: 0px solid !important; 
}

#main .ui-header  {
	background : transparent !important;
	border : 0px solid !important;
	height : 55px;
}

/* Retirar t?tulo em texto da janela principal */
#main .ui-header .ui-title
{
	display: none !important; 
}

.ui-btn-big a {
	width: 55px;
	height: 55px;
	display:inline-block;
	/*float:left;*/
	border:none !important;
	background-repeat: no-repeat;
	background-color:transparent !important;
}

#button_options {
	background:url('images/menu_big.png') !important;
}

.ui-collapsible-content.ui-body-c {
	background: transparent !important;
	border: 0px !important;
}

/* Cor de fundo de todas as janelas menos login */
[data-role="page"]:not(#loginpage):not(#main) .ui-content.ui-body-b,
[data-role="page"]:not(#loginpage):not(#main) .ui-page.ui-body-c[data-url="sectionreservations"],
[data-role="page"]:not(#loginpage):not(#main):not(#exercisedisplay) .ui-page.ui-body-c,
[data-role="page"]:not(#loginpage):not(#main):not(#exercisedisplay) .ui-content.ui-body-c,
#optionspanel,
#optionspanel .ui-li
{
	background: #24272A !important;
}

#reservationdisplay .ui-body-c {
	background: white !important;
	color: black !important;
}
	
#reservationdisplay.ui-page.ui-body-c,
#reservationdisplay .ui-panel-content-wrap {
	background: #24272A !important;
}

#detaillist [data-url="messagesdisplay"] ul {
	margin: 5px 5px 5px 5px !important;
}

#detaillist [data-url="messagesdisplay"] li.ui-li:not(.ui-li-divider),
#sectionmessages li.ui-li:not(.ui-li-divider),
#sectionpayments li.ui-li:not(.ui-li-divider),
#shopcart .ui-content li.ui-li:not(.ui-li-divider),
#webshop  .ui-content li.ui-li:not(.ui-li-divider) {
	background : white !important;
	color : gray !important;
	margin-bottom: 12px !important;
}

#classesmap li.ui-li:not(.ui-li-divider) {
	margin-bottom: 12px !important;
}

#detaillist [data-url="messagesdisplay"] li.ui-li:not(.ui-li-divider) .ui-icon-arrow-r {
  filter : invert(50%) !important;
}


#shopcart .ui-li-has-alt .ui-li-count,
#webshop .ui-li-count,
#detaillist [data-url="messagesdisplay"] .ui-li-count,
#sectionmessages .ui-li-count,
#sectionpayments  .ui-li-count
{
	background : #DAA900 !important;
	color: white !important;
	top: -4px;
}

#shopcart .ui-li-has-alt .ui-li-count,
#webshop .ui-li-has-alt .ui-li-count,
#sectionpayments .ui-li-has-alt .ui-li-count,
#sectionmessages .ui-li-has-alt .ui-li-count {
	position:absolute;
	right: 10px;
}

#sectionpayments .ui-li-desc,
#sectionmessages .ui-li-desc,
#detaillist [data-url="messagesdisplay"] .ui-li-desc
{
	color :  gray !important;
}

#webshop .ui-li .ui-li-link-alt,
#shopcart .ui-li .ui-li-link-alt,
#sectionpayments .ui-li .ui-li-link-alt,
#sectionmessages .ui-li .ui-li-link-alt {
	background : transparent !important;
}

.ui-popup {
	background : transaparent !important;
}

.ui-popup .ui-li:not(.ui-li-divider) {
	background : white !important;
	color : black !important;
}

#main #maininfo table td {
	padding-top : 5px;
	padding-bottom : 5px;
}

#main .customsectionname {
	overflow : hidden;
	white-space: nowrap;
	text-overflow : ellipsis;
}

.centerliimg.ui-li-thumb {
	display : none;
}

#sectionreservations .ui-listview-filter {
	display : none;
}

#sectionreservations .avselectionfilter .ui-select:has([data-field="nome_clube"]) {
  display : none;
}

#sectionreservations .ui-li:not(.ui-li-divider) {
	background: white !important;
	line-height: 1.5;
}

#sectionreservations .fieldinfo {
	font-size: 12px;
}

#sectionreservations .fieldinfo,
#sectionreservations .ui-li-desc,
#sectionreservations .ui-li:not(.ui-li-divider) {
	color : black !important;
}

#sectionreservations .ui-li .ui-li-count {
	display : block;
	position : unset;
	margin-top: 5px !important;
	width: max-content;
	background: #F6E9BE !important;;
	color : #DAA900 !important;
}

#sectionreservations .ui-icon.ui-icon-arrow-r {
	background-image : unset;
}

#sectionreservations .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, 
#sectionreservations .ui-li-static.ui-li-has-arrow.ui-li-has-count {
    padding-right: unset;
	padding-left: 120px;
}

#sectionnutrition .ui-datebox-container,
#sectionreservations .ui-datebox-container {
	border : 0px solid !important;
	width: 100% !important;
	overflow-x: hidden;
	background: #24272A;
}

#sectionnutrition .ui-datebox-slidebox.ui-datebox-slideyear,
#sectionreservations .ui-datebox-slidebox.ui-datebox-slideyear  {
	display : none;
}

#sectionnutrition .ui-datebox-slidebox.ui-datebox-slidemonth
#sectionreservations .ui-datebox-slidebox.ui-datebox-slidemonth  {
	display : none;
}

#sectionnutrition .ui-datebox-sliderow:has(.ui-datebox-slideyear),
#sectionreservations .ui-datebox-sliderow:has(.ui-datebox-slideyear) {
	margin-bottom : 0px !important;
	display:none;
}

#sectionnutrition .ui-datebox-sliderow:has(.ui-datebox-slidemonth),
#sectionreservations .ui-datebox-sliderow:has(.ui-datebox-slidemonth) {
	margin-bottom : 0px !important;
	display:none;
}

#sectionnutrition .ui-datebox-slideday,
#sectionreservations .ui-datebox-slideday  {
	height: 45px;
	background : white;
}

#sectionnutrition .ui-datebox-sliderow:has(.ui-datebox-slideday),
#sectionreservations .ui-datebox-sliderow:has(.ui-datebox-slideday)  {
	height : 50px !important;
}

#sectionreservations .ui-input-text:has(#vfreservationdate) {
	border : 0px solid !important;
	margin-top: 0px !important;
	background: #24272A !important;
}

#sectionnutrition .ui-datebox-sliderow .ui-datebox-slidedaytext,
#sectionreservations .ui-datebox-sliderow .ui-datebox-slidedaytext {
	padding-top: 10px;
	line-height: 10px; 
}
	
#sectionnutrition .ui-datebox-sliderow .ui-datebox-slidewday,
#sectionreservations .ui-datebox-sliderow .ui-datebox-slidewday {
	font-size: 9px;
}

#sectionreservations .ui-datebox-header,
#sectionnutrition .ui-datebox-header h4 {
	  margin-top: 0px;
	font-size: small !important;
	color : white !important;
}

#sectionnutrition .ui-datebox-controls,
#sectionreservations .ui-datebox-controls {
	display : none;
}

#sectionnutrition .ui-datebox-slideday,
#sectionreservations .ui-datebox-slideday {
	margin-left: 5px;
	width: 18px;
}

#sectionnutrition .ui-datebox-slideday.ui-btn-b,
#sectionreservations .ui-datebox-slideday.ui-btn-b {
	background : #DAA900;
	color : white;
}

#sectionnutrition #vfdietdetail,
#sectiontraining #vftrainingdetail {
	color: white;
}

#genericpopup .ui-btn.ui-btn-up-c,
#genericpopup .ui-btn.ui-btn-up-b
{
	color : gray !important;
	background-color: white !important;
}
#reservationdisplay .ui-collapsible-heading {
	display : block !important;
	background : #DAA900 !important;
}

#reservationdisplay .ui-collapsible {
	border : 1px solid gray !important;
}

#reservationdisplay .ui-collapsible-heading .ui-btn-text {
  color : white !important;
}

#sectionevaluation > .ui-header,
#sectiontraining > .ui-header,
#sectionnutrition  > .ui-header
{
	border: 0px solid !important;
}	

#sectionevaluation  .ui-select,
#sectiontraining .ui-select,
#sectionnutrition .ui-select
{
	font-weight: bold !important;
	width: min-content;
	max-width: 300px;
}


#sectiontraining .ui-select .ui-btn,
#sectionnutrition .ui-select .ui-btn,
#sectionevaluation .ui-select .ui-btn {
	background-color : #F6F6F6 !important;
}

#sectionevaluation .ui-select .ui-btn-text,
#sectiontraining .ui-select .ui-btn-text,  
#sectionnutrition .ui-select .ui-btn-text  
{
	text-align: left;
	font-weight: bold;
}

#sectionevaluation .ui-select .ui-btn-inner,
#sectiontraining .ui-select .ui-btn-inner,
#sectionnutrition .ui-select .ui-btn-inner
{
	padding-left : 0px !important;
}

#webshop .ui-select .ui-btn-inner .ui-icon-arrow-d,
#sectionreservations .ui-select .ui-btn-inner .ui-icon-arrow-d,
#sectiontraining .ui-select .ui-btn-inner .ui-icon-arrow-d,
#sectionnutrition .ui-select .ui-btn-inner .ui-icon-arrow-d
{
	#filter : invert(50%) !important;
}


#sectionnutrition .ui-select .ui-btn,
#sectiontraining  .ui-select .ui-btn,
#sectionevaluation .ui-select .ui-btn {
	border : 1px solid #303030 !important;
	border-radius : 1.5em;
	text-align: center;
}

#sectionnutrition .ui-select .ui-btn-inner .ui-icon-arrow-d,
#sectiontraining .ui-select .ui-btn-inner .ui-icon-arrow-d,
#sectionevaluation .ui-select .ui-btn-inner .ui-icon-arrow-d 
{
	 filter : invert(80%) !important;
}

#sectionnutrition .ui-select .ui-btn-text,
#sectiontraining .ui-select .ui-btn-text,
#sectionevaluation .ui-select .ui-btn-text {
	padding-left: 10px;
	 color : #303030 !important;
   text-align : center;	
}

#sectiontraining .ui-slider-handle {
	border-radius : 1.5em;
}

#sectiontraining .exercisepictureloading {
	border-radius : 1.0em;
}

#sectiontraining .ui-content li.ui-li:not(.ui-li-divider) {
	margin-bottom: 12px !important;
	min-height: 80px;
}

#sectiontraining #vftrainingdetail .ui-li-thumb {
	border: 0px solid !important;
} 

#sectiontraining #vftrainingdetail .ui-link-inherit {
	 color : white !important;
	 font-weight : bold !important;
}

#sectiontraining #vftrainingdetail .ex-details {
  padding-top: 10px; 
}

#sectiontraining .ex-details .var .varlabel::after {
  content: "";
}

#sectiontraining .ex-details .var .fieldinfo  {
  float: right;
	color: #DAA900 !important;
	border-radius: 1em;	
	width: 20px;
	text-align:center;
}


#sectiontraining #vftrainingdetail .var {
  display:none;
}

#sectiontraining #vftrainingdetail .var-2 {
  background-image : url(images/series.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
	display: block !important;
	color: white !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-3,
#sectiontraining #vftrainingdetail .var-36,
#sectiontraining #vftrainingdetail .var-37, 
#sectiontraining #vftrainingdetail .var-45 
{
	background-image : url(images/reps.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: white !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-4 {
	background-image : url(images/repouso.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: white !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-4 .fieldinfo::after {
  content : "''";
}

#sectiontraining #vftrainingdetail .var-18 {
	background-image : url(images/kg_prescrito.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: white !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-41 {
	background-image : url(images/dispendio_energetico.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: white !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-5 {
	background-image : url(images/duracao.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: white !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-5 .fieldinfo::after {
  content : "'";
}

#sectiontraining #vftrainingdetail .ex-user_input .uservar,
#sectiontraining #vftrainingdetail .ex-user_input .fieldlabel {
	display : none;
}

#sectiontraining #vftrainingdetail .ex-user_input {
	background : transparent !important;
	color: white !important;
	border :0px solid !important;
	font-size:12px;
}

#sectiontraining  #vftrainingdetail .ui-icon-arrow-r {
	filter : invert(50%) !important;
}

#exercisedisplay .mainexercisepicturecontainer {
	border-radius : 1em !important;
	background-color : white;
}

#exercisedisplay #thumb1,
#exercisedisplay #thumb2,
#exercisedisplay #thumb3 {
	border-radius : 1em !important;
}

#exercisedisplay .var-uservalue {
	display : none;
}

#exercisedisplay .gexercisevarscontainer {
	display: block !important;
	margin-top: 15px;
	margin-left: -5px;
	width: 75px !important;
	overflow: hidden !important;
	height: 400px !important;
}

#exercisedisplay .gexercisevar {
	margin-top: 10px;
	border-radius : 70px;
	width : 70px;
	height :70px;
	background: white;
	display: flex;
	justify-content: center;	
}

#exercisedisplay .gvalue {
	position:relative !important;
	color : gray;
	font-size: large;
	font-weight: 700;
	text-align:center;
	width:50px;
	top: 5px !important;
}

#exercisedisplay .gvaricon {
	position:relative;
	top: 5px;
	height: 20px;
	width: 50px !important;
}

#exercisedisplay .gvaricon.var_18 {
	background: url(images/kg_prescrito.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_18 .gvalue::after {
	content: 'kg';
	font-size: xx-small ;
}

#exercisedisplay .gvaricon.var_2 {
	background: url(images/series.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_2 .gvalue::after {
	content: 'x';
	font-size: xx-small ;
}

#exercisedisplay .gvaricon.var_3
 {
	background: url(images/reps.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_3 .gvalue::after {
	content: 'x';
	font-size: xx-small ;
}

#exercisedisplay .gvaricon.var_45
 {
	background: url(images/reps_real.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_45 .gvalue::after {
	content: 'x';
	font-size: xx-small ;
}

#exercisedisplay .gvaricon.var_4 {
	background: url(images/repouso.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_4 .gvalue::after {
	content: '\'\'';
	font-size: xx-small ;
}

#exercisedisplay .gvaricon.var_5 {
	background: url(images/duracao.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_5 .gvalue::after {
	content: 'min';
	font-size: xx-small ;
}

#exercisedisplay .gvaricon.var_5000 {
	background: url(images/duracao_segs.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_5000 .gvalue::after {
	content: 'segs';
	font-size: xx-small ;
}


#exercisedisplay .gvaricon.var_5004 {
	background: url(images/dispendio_energetico.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_5004 .gvalue::after {
	content: 'kcal';
	font-size: xx-small ;
}

#exercisedisplay .gvaricon.var_5005 {
	background: url(images/bpm.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .var_5005 .gvalue::after {
	content: 'bpm';
	font-size: xx-small ;
}


#exercisedisplay .gvaricon.var_46 {
	background: url(images/reps.png) top center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

#exercisedisplay .guservalue {
	position:relative !important;
	display : block;
	color : gray;
	font-size: xx-small;
	text-align:center;
	top: 10px;
	width:50px;
	background-repeat: no-repeat !important;
	background: url(images/perfil.png);
	background-position: 30px;
	background-size: 10px 10px;

}

#exercisedisplay .ui-link {
	color: #B845DD;
	font-size: small;
}

#exercisedisplay h3 {
	color: #DAA900 !important;
  text-align: center;
}

#exercisedisplay .slick-dots,
#sectionnutrition .slick-dots,
#sectionevaluation .slick-dots {
	position : unset !important;
	bottom : unset !important;
}

#exercisedisplay .ui-content.ui-body-b {
	color: white !important;
}

#sectionevaluation .ui-content {
	padding-top : 0px !important;
}

#sectionevaluation #vfevaluationdetail {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

#sectionnutrition #vfnutritiondetail h1,
#sectionevaluation #vfevaluationdetail h1 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #DAA900;
}

#sectionnutrition  .vfnutritiontitle,
#sectionevaluation .vfevaluationtitle {
	padding: 10px 10px 10px 10px;
	font-weight:  bold;
	font-size: large;
	color: #303030;
}

#sectionnutrition .vfnutritionbox,
#sectionevaluation .vfevaluationbox {
	font-size: small;
  width: 99%;
	border-radius : 1em !important;
	margin-bottom: 15px;
	background-color: white;
}

#sectionnutrition  .vfnutritionbox .ui-icon,
#sectionevaluation .vfevaluationbox .ui-icon {
	float : right !important;
	margin-right: 15px;
	margin-top: -10px;
	width: 1.5em !important;
	border: 0px solid !important;
}

#sectionnutrition .vfnutritionbox .ui-icon.ui-icon-grid,
#sectionevaluation .vfevaluationbox .ui-icon.ui-icon-grid {
	background-image: url(/images/icons-18-black.png);
}

#sectionnutrition .vfboxcontent,
#sectionevaluation .vfboxcontent {
	padding : 10px 10px 10px 10px;
	text-align : center;
}

#sectionevaluation .vfboxchart {
	height: 300px;
	width: 95%;
}

#sectionnutrition .vfboxchart {
	height: 400px;
	width: 95%;
}

#sectionnutrition .vfboxchart .highcharts-button,
#sectionevaluation .vfboxchart .highcharts-button {
	display : none;
}

#sectionnutrition .vffoodzonebox  {
  
	border-radius: 1em;
	background-color: white;
}

#sectionnutrition .vffoodzonebox h2 {
	color : #303030;
}

#sectionnutrition .vffoodzonebox .ui-content  {
  padding: 10px 10px 10px 10px;
}



#sectionnutrition .vffoodzonebox .vffooditem {
	display : inline;
	list-style-type: disc;
	font-size: small;
	line-height: 2em;
}

#sectionnutrition .vffoodzonebox .ui-block-a {
  width: 80%;
}

#sectionnutrition .vffoodzonebox .ui-block-b {
	width: 60px;
	text-align: right;
	padding-right: 15px;
}

#sectionnutrition .vffoodzonebox .vffooditem .ui-block-b {
	color: #DAA900 !important;
	font-size: small;
	background: transparent !important;
	
}


#sectionnutrition .vffoodzonebox h2 {
	padding-top: 5px;
	font-size : large;
}

#sectionnutrition #vfnutritiondetail {
	padding-left: 5px;
	padding-right: 5px;
}

#sectionnutrition .slick-slide {
      margin: 0 10px;
}

#sectionnutrition .slick-list {
      margin: 0 -10px;
}


#newaccess .ui-content[data-role="content"] {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;     /* Centers vertically */
  height: 100vh;           /* Full height of the viewport */
}

#newaccess .ui-content[data-role="content"] img {
  margin-top: -50px;
}

#sectionplans h2 {
	text-align: center;
	color : #96C032;
}

#sectionplans .vfplanbox {
	background : #96C032;
	height: 75vh;
	border-radius: 1em;
}

#sectionplans .vfplanboxcontent {
	color: white;
	border-radius: 1em;
	padding: 20px 20px 20px 20px;
}

#sectionplans .vfpopular {
	display : block;
	background: #B0757F !important;
	width: 150px;
	line-height: 2em;
	text-align: center;
}
 
#sectionplans h3 {
	color : white;
	text-align: left;
}
#sectionplans .vfplantext {
  padding-bottom: 10px;
}

#sectionplans .vfplanbox ul {
	list-style-type: none;
	line-height: 2em;
}

#sectionplans .vfplanbox li:before {
  content: "\2713  ";
}

#sectionplans .ui-content .ui-btn-up-b {
  background: #B0757F !important;
  border: 0px solid !important;
}

#sectionplans .slick-slide {
      margin: 0 15px;
}

#sectionplans .slick-list {
      margin: 0 -15px;
}

#shopcart .ui-btn.ui-btn-up-e,
#shopcart .ui-btn.ui-btn-down-e,
#shopcart .ui-btn.ui-btn-hover-e {
  border : 0px solid !important;
}

#sectionvirtualclasses .ui-listview {
	padding-top: 10px;
}

#sectionvirtualclasses .vfvideobox {
	margin-left: auto;
  margin-right: auto;
	width: 350px;
	height: 250px;
	margin-bottom: 15px;
}

#sectionvirtualclasses .vfvideobox img {
    width: 100%;
	height: 100%;
	border-radius: 2em;
	background-repeat : no-repeat;
	background-size: contain;
	background-position: center center;
	border: 3px solid white;
}

#sectionvirtualclasses .vfvideobox .vfvideoboxlayer {
    display: block;
	position: relative; 
	font-size: small;
	top: -255px;
	left: 0px;
	width: 352px;
	height: 250px;
	background-color: rgba(0,0,0,0.6);
	color: black;
	border-radius: 2em;
}

#sectionvirtualclasses .avselectionfilter .ui-icon-arrow-d {
  filter: invert(50%);
}

#sectionvirtualclasses .vfvideobox .vfvideoname {
	position: relative;
	padding-left: 25px;
	top: -300px;
	color: white;
	font-size: large;
	font-weight: bold;
	z-index: 1;
}

#sectionvirtualclasses .vfvideobox .vfvideodate {
	position: relative;
	display : block;
	padding-left: 25px;
	top: -300px;
	color: white;
	font-size: x-small;
	z-index: 1;
}

#sectionvirtualclasses .vfvideobox .vfvideobutton {
	display: block;
	position: relative; 
    width: 100px;
	height:100px;
	left: 130px;
	top: -460px;
	text-align : center;
	padding-left: 8px;
	line-height: 100px;
	font-size: 72px;
	color:white;
	z-index: 1;
}

#optionspanel .ui-li {
	margin: 5px;
}

#optionspanel .ui-corner-all {
  background-color : #66686A !important;
}

#optionspanel .ui-link-inherit {
	color : white;
}

.avselectionfilter .ui-btn-text {
	font-size : small;
}

#webshop img.ui-li-thumb {
	display : none !important;
}

#webshop .ui-li:not(.ui-li-divider) {
	height: 50px !important;
}

#webshop .ui-li:not(.ui-li-divider) a.ui-link-inherit {
	min-height: 30px !important;
}
 
#webshop .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
#webshop .ui-li-static.ui-li-has-thumb
{
	padding-left: 10px;
}

.ui-header a .ui-icon {		
	background-image: url(/images/icons-36-black.png);
	-moz-background-size: 864px 18px;
	-o-background-size: 864px 18px;
	-webkit-background-size: 864px 18px;
	background-size: 864px 18px;
}

.ui-footer-fixed a .ui-icon {		
	background-image: url(/images/icons-18-black.png);
}

.ui-header a .ui-icon {
	width: 24px !important;
	height: 24px !important;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	zoom: 1.5;
	background-color: transparent;
}

.ui-header .ui-btn-icon-notext  {
	top: 6px;
	width: 30px !important;
	height: 30px !important;
	border: 0px solid !important;
	zoom: 1px !important;
}

.ui-header .ui-icon.ui-icon-shopcart {
	background-image: url(/images/shopcart.png);
	background-position : 0px 0px;
	background-size: 18px 18px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
		   
		.ui-mobile .ui-header .ui-btn-icon-notext  {
			top: 2px;
		}
	   
}

.ui-icon.ui-icon-pulse {
	background-color : gray;	
}

.vfboxcontent {
	color: #303030;
}

.slick-dots li button::before  {
	color: white !important;
}

.vfadvisoryreport {
	color: white !important;
}

#shopcart li .ui-link-inherit,
#sectionpayments li .ui-link-inherit,
#webshop li .ui-link-inherit,
#webshopproductinfo .ui-collapsible .ui-collapsible-content 
{
	color : white !important;
}


.cartcountercontainer {
	background-color: #DAA900;
	border : 0px;
}
.cartcounter {
	color: white;
}
{
	color : white !important;
}


.cartcountercontainer {
	background-color: #DAA900;
	border : 0px;
}
.cartcounter {
	color: white;
}

#main .ui-panel-content-wrap.ui-body-c {
	background: #24272A !important;
}

#memberdetail .balancememberdetail {
	width:100%;background : #7E6715 !important;-webkit-border-radius: 0.2em !important;-webkit-border-radius: 0.2em !important;border-radius:  0.2em !important;border-radius:  0.2em !important;min-width:320px
}

#memberdetail .balancelogocontainer {
	text-align:center;height:100px;
}

#memberdetail .balancelogo {
	width: auto; height:90px;
}

@media (max-width: 360px) {
	#main .customsectionname {
		white-space : unset !important;
	}
	#memberdetail .balancememberdetail {
		min-width: 220px !important;
	}

	#memberdetail .balancelogocontainer {
		text-align:center;height:80px;
	}

	#memberdetail .balancelogo {
		width: auto; height:70px;
	}

}
