@font-face {
  font-family: 'AquaFitnessFont';
  src: url('fonts2026/ClashDisplay-Regular.woff2') format('woff2'),
       url('fonts2026/ClashDisplay-Regular.woff') format('woff'),
       url('fonts2026/ClashDisplay-Regular.ttf') format('truetype')
}


@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 : #A0A78C !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;
}

#maininfo,
[data-role=page]:not(#mfsviewer) .ui-content
{
	max-width : 600px !important;
	margin:auto;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
}

/* 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: "AquaFitnessFont", Tahoma, Arial, Helvetica !important;
	 font-weight: normal !important;
}

.ui-body-c select {
	 font-family: "AquaFitnessFont", Tahoma, Arial, Helvetica !important;
}

.loginbackground {
	background: : #FBFAF6 !important;
}

[data-role=page].ui-page:not(#loginpage):not(#main) > .ui-header
{
	background:#F2E2DB !important;
	color: black;
}

[data-role=page].ui-page:not(#loginpage):not(#main):not(#sectiontraining):not(#sectionevaluation) > .ui-header
{
	border : 1px solid #F2E2DB !important;
	color: black;
}

/* CAIXAS DE ERRO E MENSAGENS  */
.ui-dialog .ui-header
{
	border: 1px solid #F2E2DB;
	border-bottom: 0px;
	color: white !important;
	background: #C95C32 !important;
}
.ui-dialog .ui-content.ui-body-c {
	border: 1px solid #8DC63F;
	color: black !important;
	background: : #FBFAF6 !important;
}

label {
	color : #C95C32 !important;
}

.ui-input-text.ui-body-b,
.ui-input-text.ui-body-c,
.ui-input-text.ui-body-d {
	border: 1px solid;
	background: white !important;
	-moz-border-radius: 1em !important;
	-webkit-border-radius:  1em !important;
	border-radius:  1em !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: unset !important;
	color : black !important;
	-moz-border-radius: 1em !important;-webkit-border-radius:  1em !important;border-radius:  1em !important;
}

#loginpopup,
#loginpopup>.ui-body-b {
	border: 0px solid;
	background: transparent !important;
}

#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 : white !important;
	border-top: 0px !important;
	color: black;
}

#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;
}

#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: white 1px solid; 
	background: #C95C32 !important; /* Old browsers */
	color: white;
}

#loginpopup .ui-header {
	border : 0px solid !important;
}

.ui-btn-active {
	border: #9DA688 1px solid !important; 
	background: #9DA688 !important; /* Old browsers */
	color : black !important;
}

/* Bot?es de ac??o */
.ui-radio>.ui-btn-up-b,
.ui-radio>.ui-btn-down-b,
.ui-radio>.ui-btn-hover-b,
.ui-li-count.ui-btn-up-b 
{
	background: #E9E9E9 !important; /* Old browsers */
	background-image : none;
	color: black !important;
	border : 1px #94c124 solid !important;
}

a.ui-btn.ui-btn-up-c,
a.ui-btn-ui-btn-down-c,
a.ui-btn.ui-btn-hover-c {
	background: #C95C32 !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 {
	border: 1px solid;
	background: white !important;
	-moz-border-radius: 1em !important;
	-webkit-border-radius:  1em !important;
	border-radius:  1em !important;
}

/* 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: #C95C32 !important;
}

/* Bot?es de ac??o => No rodap? e no cabe?alho */
.ui-footer.ui-bar-b,
.ui-page .ui-header .ui-btn.ui-btn-up-b,
.ui-page .ui-header .ui-btn.ui-btn-down-b,
.ui-page .ui-header .ui-btn.ui-btn-hover-b,
.ui-page .ui-navbar .ui-btn.ui-btn-up-b,
.ui-page .ui-navbar .ui-btn.ui-btn-down-b,
.ui-page .ui-navbar .ui-btn.ui-btn-hover-b
{
	border : 0px solid !important;
	background: #F1E1DA !important; /* Old browsers */
	color: white !important;
}

.ui-dialog .ui-header .ui-btn.ui-btn-up-b,
.ui-dialog .ui-header .ui-btn.ui-btn-down-b,
.ui-dialog .ui-header .ui-btn.ui-btn-hover-b,
.ui-dialog .ui-navbar .ui-btn.ui-btn-up-b,
.ui-dialog .ui-navbar .ui-btn.ui-btn-down-b,
.ui-dialog .ui-navbar .ui-btn.ui-btn-hover-b
{
	border : 0px solid !important;
	background: #C95C32 !important; /* Old browsers */
	color: white !important;
}

.ui-btn-inner {
	border-top: 0px solid !important;
}

.ui-li-divider .ui-icon {
	background-color : #A0A78C !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 : #A0A78C !important;
	background: transparent !important; /* Old browsers */
	text-shadow : 0px 0px;
}

.ui-listview .ui-li-divider:has(.ui-icon) {
	color : white !important;
	background: #A0A78C !important;
	margin-bottom: 5px;
}

.ui-listview .ui-li:not(.ui-li-divider) {
	border : 0px solid;
	background : white !important;
	color: black !important;
	margin-bottom: 5px;
}

.ui-listview .ui-li:not(.ui-li-divider) .ui-li-link-alt {
	background : #A0A78C !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 : gray !important;
}

.ui-listview .ui-li-count
 {
	background : white !important;
	color: #C5748B !important;
	border: 0px solid #94c124; 
}

.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: #C95C32; /* Old browsers */
}


/* Cabe?alhos de ?reas (ao carregar) */
.ui-collapsible .ui-collapsible-heading-toggle.ui-btn-down-b
{
	border : 0px !important;
	background: #C95C32; /* Old browsers */
}

/* Conte?dos de ?reas => retirar border conte?do */
.ui-collapsible .ui-collapsible-content {
	border : 0px solid;
	color: gray !important;
}

.fieldinfo {
	color : #C95C32 !important;
}

#button_company {
	background:url('images2026/icon-company.png') !important;
	background-size : auto 45px !important; 
	background-repeat : no-repeat !important;
	background-position : center center !important;
	top: 10px;
}

#companypanel .ui-list-divider {
	font-weight: bold !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 : transparent !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 : #C95C32;
	border : 0px solid;
	margin-bottom: 2px;
}

.ui-infobox.ui-body-e {
	background : #9DA688 !important;
	color : white !important;
	border: 1px solid #be3dd8 !important; 
}

.ui-footer .ui-body-e {
	background : #C95C32 !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;
}

.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 : white !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: #C95C32 !important; /* Old browsers */
	background-image : none;
	color: white !important;
	-moz-border-radius: 0.4em;-webkit-border-radius:  0.4em;border-radius:  0.4em;
}

#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 : #F2E2DB !important;
	border : 0px solid !important;
	height : 80px;
}

/* 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('images2026/menu_big.png') !important;
}

.ui-collapsible-content.ui-body-c {
	background: transparent !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-body-c,
[data-role="page"]:not(#loginpage):not(#main):not(#exercisedisplay) .ui-body-b
{
	background : #FBFAF6 !important;
}

#reservationdisplay .ui-content.ui-body-b,
#reservationdisplay.ui-page.ui-body-c,
#reservationdisplay .ui-body-c,
#reservationdisplay .ui-panel-content-wrap {
	background: white !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 : #B1D066 !important;
	margin-bottom: 12px !important;
	border: 1px solid #eeeeee;
}

#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 : #A0A78C !important;
	color: white !important;
}

#sectionpayments .ui-li-desc,
#sectionmessages .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 : #FBFAF6 !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;
	vertical-align: top;
}

#main .customsectionname {
	overflow : hidden;
	white-space: nowrap;
	text-overflow : ellipsis;
}

.centerliimg.ui-li-thumb {
	display : none;
}

#sectionreservations #reserveoffsetprev, 
#sectionreservations #reserveoffsetnext
{
	background: #A0A78C !important;
}

#sectionreservations .ui-listview-filter {
	display : none;
}

#sectionreservations .avselectionfilter .ui-select:has([data-field="nome_clube"]) {
  display : none;
}

#sectionreservations li .fieldvalue {
	color: white !important;
}

#sectionreservations .ui-li:not(.ui-li-divider) {
	background-color: rgba(0,0,0,0.5) !important;
}

#sectionreservations .fieldinfo {
	font-size: 12px;
}

#sectionreservations .fieldinfo,
#sectionreservations .ui-li-desc,
#sectionreservations .ui-li:not(.ui-li-divider) {
	color : white !important;
}


#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;
}

#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;
}

#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;
}

#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 : #C5748B !important;
}

#sectionnutrition .ui-datebox-controls,
#sectionreservations .ui-datebox-controls {
	display : none;
}

#sectionnutrition .ui-datebox-slideday,
#sectionreservations .ui-datebox-slideday {
	box-shadow: 2px 2px 3px grey;
	margin-left: 5px;
	width: 18px;
}

#sectionnutrition .ui-datebox-slideday.ui-btn-b,
#sectionreservations .ui-datebox-slideday.ui-btn-b {
	background : #B1D066;
	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 {
	border : 1px solid gray !important;
	box-shadow: 2px 2px 5px gray !important;
}

#reservationdisplay .ui-collapsible-heading .ui-btn-text {
  color : white !important;
}

#reservationdisplay  .ui-navbar .ui-btn-text {
	color : black;
}

#reservationdisplay .ui-navbar .ui-icon {
	filter: invert(100%);
}


#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
{
  background-color : transparent !important;
}

#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;
}


#sectiontraining .ui-select .ui-btn-text, 
#sectionnutrition .ui-select .ui-btn-text
{
	#color : gray;
	color : white;
	font-size : small;
}

#sectionevaluation .ui-select .ui-btn {
	border : 1px solid #303030 !important;
	border-radius : 1.5em;
	text-align: center;
}

#sectionevaluation .ui-select .ui-btn-inner .ui-icon-arrow-d {
	 filter : invert(80%) !important;
}

#sectionevaluation .ui-select .ui-btn-text {
	padding-left: 10px;
	 color : #303030 !important;
   text-align : center;	
}

#sectiontraining .ui-slider-handle {
	border-radius : 1.5em;
}

#sectiontraining .ui-content li.ui-li:not(.ui-li-divider) {
	background : white !important;
	color : #B1D066 !important;
	margin-bottom: 12px !important;
	box-shadow: 3px 3px 5px grey !important;
	border: 1px solid #eeeeee;
	min-height: 80px;
}

#sectiontraining #vftrainingdetail .ui-li-thumb {
	border: 0px solid !important;
} 

#sectiontraining #vftrainingdetail .ui-link-inherit {
	 color : gray !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: #B1D066 !important;
	border-radius: 1em;	
	width: 20px;
	text-align:center;
}


#sectiontraining #vftrainingdetail .var {
  display:none;
}

#sectiontraining #vftrainingdetail .var-2 {
  background-image : url(images2026/series.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
	display: block !important;
	color: gray !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-3,
#sectiontraining #vftrainingdetail .var-36 {
	background-image : url(images2026/reps.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: gray !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-4 {
	background-image : url(images2026/repouso.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: gray !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-4 .fieldinfo::after {
  content : "''";
}

#sectiontraining #vftrainingdetail .var-18 {
	background-image : url(images2026/kg_prescrito.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: gray !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-41 {
	background-image : url(images2026/dispendio_energetico.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: gray !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-5 {
	background-image : url(images2026/duracao.png);
	background-repeat: no-repeat;
	background-size: 15px 15px !important;
	padding-left: 16px;
  display: block !important;
	color: gray !important;
	overflow: hidden;
	overflow-wrap:normal;
}

#sectiontraining #vftrainingdetail .var-5 .fieldinfo::after {
  content : "'";
}

#sectiontraining #vftrainingdetail .ex-user_input {
	display : none !important;
	background : transparent !important;
	color: gray !important;
	border :0px solid !important;
}

#sectiontraining  #vftrainingdetail .ui-icon-arrow-r {
	filter : invert(50%) !important;
}

#exercisedisplay .mainexercisepicturecontainer {
	border-radius : 1em !important;
	box-shadow: 2px 2px 5px gray;
	background-color : white;
}

#exercisedisplay #thumb1,
#exercisedisplay #thumb2,
#exercisedisplay #thumb3 {
	border-radius : 1em !important;
}

#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;	
	box-shadow: 2px 2px 4px gray;
}

#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(images2026/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(images2026/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(images2026/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(images2026/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(images2026/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(images2026/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(images2026/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(images2026/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(images2026/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(images2026/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(images2026/perfil.png);
	background-position: 30px;
	background-size: 10px 10px;

}

#exercisedisplay .ui-link {
	color: #C95C32;
	font-size: small;
}

#exercisedisplay h3 {
	color: #C5748B !important;
  text-align: center;
}

#exercisedisplay .slick-dots,
#sectionnutrition .slick-dots,
#sectionevaluation .slick-dots {
	position : unset !important;
	bottom : unset !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: #96C032;
}

#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;
	box-shadow: 2px 2px 5px gray;
	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;
	box-shadow: 2px 2px 5px gray;
}

#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  {
  
	box-shadow: 2px 2px 5px gray;
	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: #B1D066 !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;
}

#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 : #96C032 !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-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-white.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;
		}
	   
}

#main .ui-footer {
	height : 50px !important;
}

#main .ui-footer .ui-btn {
	padding-top: 5px;
}

#main .ui-footer .ui-icon.ui-icon-home {
	width : 30px;
	height: 30px;
	background-color : unset !important;
	background-size: 30px 30px !important;
	background-position: 0px 0px !important;
	background-image : url(images2026/icon-home.png) !important;	
}

#main .ui-footer .ui-icon.ui-icon-message {
	width : 30px;
	height: 30px;
	background-color : unset !important;
	background-size: 30px 30px !important;
	background-position: 0px 0px !important;
	background-image : url(images2026/icon-message.png) !important;	
}


#main .ui-footer .ui-icon.ui-icon-access {
	width : 45px;
	height: 45px;
	background-color : unset !important;
	background-size: 45px 45px !important;
	background-position: 0px 4px !important;
	background-image : url(images2026/icon-access-v2.png) !important;	
	margin-left: -22px !important;
}

#main .ui-footer .ui-btn-inner:has(.ui-icon-access) {
	height: 65px !important;
}

#main .ui-footer .ui-btn:has(.ui-icon-access) {
	border-radius: 2em !important;
	top: -12px !important;
}


#main .ui-footer .ui-icon.ui-icon-training {
	width : 30px;
	height: 30px;
	background-color : unset !important;
	background-size: 30px 30px !important;
	background-position: 0px 0px !important;
	background-image : url(images2026/icon-training.png) !important;	
}

#main .ui-footer .ui-icon.ui-icon-conta {
	width : 30px;
	height: 30px;
	background-color : unset !important;
	background-size: 30px 30px !important;
	background-position: 0px 0px !important;
	background-image : url(images2026/icon-profile.png) !important;
}

#main .ui-footer .ui-btn-text {
	display: none;
}

#exercisedisplay .ui-navbar .ui-btn-text,
#trainingdisplay .ui-navbar .ui-btn-text {
	color : black;
}

#exercisedisplay .ui-navbar .ui-icon,
#trainingdisplay .ui-navbar .ui-icon {
	filter : invert(100%)
}

#main table a {
	color : black !important;
}

#main table td  {
	width: 50%;
	background: #F2E2DB ;
	padding: 20px 10px 10px 10px;
	border-radius: 1em;
}

#companypanel .ui-btn-up-a a {
	color: black !important;
}

#companypanel .ui-btn-up-e a {
	color: #BB623D !important;
}

#evaluationdisplay #evaluationreport .ui-collapsible-heading  {
	display : block !important;
	background-color: #F2E2DB  !important;

}

#evaluationdisplay #evaluationreport .ui-collapsible-heading .ui-btn-text  {
	font-weight: bold;
}