:root{
   /* borders */
   --border-radius: 0px;
   --bar-border-color: #383F48;
   --bar-border: var(--border-radius) solid var(--bar-border-color);
   --body-border-color: #383F48;
   --body-border: var(--border-radius) solid var(--body-border-color);
   --bar-info-border: 1px;
   --bar-info-border-color: yellow;
   --row-info-border-color: #383F48;
     
   --body-color : White;
   --body-background-color: #272C33;
   --bar-info-background: black;
   --dialog-background-color: #5C5C5C;
   
   /* text colors */
   --info-text-color: WhiteSmoke;
   --label-text-color: White;
   --input-text-color: Yellow;
   --input-text-background: #5C5C5C; 
   --fieldinfo-text-color: #FFFF96;
   --link-text-color: Cyan;
   --bar-info-text-color: #FFFF96;
   --row-info-text-color: white; /* black;  cor do texto nas rows */
   
   /* other controls */
   --chkbox-background-color: gray;
   --chkbox-text-color: LightGray;
   
   --radio-background-color: var(--body-background-color);
   --radio-text-color: LightGray;
    
   --bar-background-color:  #383F48;
   --bar-text-color: var(--bar-info-text-color);
   
   --row-info-background-color: #808080;
   
   --counter-background-color: #FFFF96;
   --counter-text-color: black;
   --counter-text-shadow:0 1px 0 DarkGray; 
  
  /* buttons */
   --bup-border-color: #0A3F48;
   --bup-border: 1px solid var(--bup-border-color);
   --bup-background-color:  #383F48;
   --bup-color: #FFFF00;
   
   --bdown-border-color: #808080;
   --bdown-border: 1px solid var(--bdown-border-color);
   --bdown-background-color: #383F48;
   --bdown-color: #FFFF00;
   
   --bhover-border-color: #808080;
   --bhover-border: 1px solid var(--bhover-border-color);
   --bhover-background-color: #808080;
   --bhover-color: #FFFF00;
}

@media all
{
	label,
   .ui-input-text {
      text-shadow: none;
	   color: var(--label-text-color);
	   background: var(--body-background-color);
   }
   
   input::placeholder, textarea::placeholder {
      color: #f7e7e7;
   }
   
   .fieldlabel {
	   text-shadow: none;
	   color: var(--label-text-color);
	}
	
	.fieldinfo {
	   text-shadow: none;
	   color: var(--fieldinfo-text-color);
	}
	
	ui-content.ui-body-a,
	ui-content.ui-body-b,
	ui-content.ui-body-c {
	   color: var(--body-color);
	   background: var(--body-background-color);
	}
	
	.ui-link {
	   color: var(--link-text-color);
	   text-shadow: none;
	}
   .ui-li .ui-btn-text a.ui-link-inherit {
      color: var(--row-info-text-color);
   }
}
   
.ui-popup-screen.in {
   background: black;
}  
 
.ui-btn-up-a,
.ui-btn-up-b,
.ui-btn-up-c{
	border: var(--bup-border);
	background: var(--bup-background-color);
	font-weight:700;
   text-shadow: none;
   border-radius: var(--border-radius);
	background-image:-webkit-gradient(linear,left top,left bottom,from(var(--bup-background-color)),to(var(--bup-background-color)));
	background-image:-webkit-linear-gradient(var(--bup-background-color) ,var(--bup-background-color));
	background-image:-moz-linear-gradient(var(--bup-background-color) ,var(--bup-background-color));
	background-image:-ms-linear-gradient(var(--bup-background-color) ,var(--bup-background-color));
	background-image:-o-linear-gradient(var(--bup-background-color) ,var(--bup-background-color));
	background-image:linear-gradient(var(--bup-background-color) ,var(--bup-background-color));
}

.ui-btn-hover-a,
.ui-btn-hover-b,
.ui-btn-hover-c {
	border:var(--bhover-border);
	background:var(--bhover-background-color);
	font-weight:700;
	color:var(--bhover-color);
   text-shadow: none;
   border-radius: var(--border-radius);
	background-image:-webkit-gradient(linear,left top,left bottom,from(var(--bhover-background-color)),to(var(--bhover-background-color)));
	background-image:-webkit-linear-gradient(var(--bhover-background-color) ,var(--bhover-background-color));
	background-image:-moz-linear-gradient(var(--bhover-background-color) ,var(--bhover-background-color));
	background-image:-ms-linear-gradient(var(--bhover-background-color) ,var(--bhover-background-color));
	background-image:-o-linear-gradient(var(--bhover-background-color) ,var(--bhover-background-color));
	background-image:linear-gradient(var(--bhover-background-color) ,var(--bhover-background-color));
}

.ui-btn-down-a,
.ui-btn-down-b,
.ui-btn-down-c {
	border: var(--bdown-border);
	background: var(--bdown-background-color);
	font-weight:700;
   text-shadow: none;
   border-radius: var(--border-radius);
	background-image:-webkit-gradient(linear,left top,left bottom,from(var(--bdown-background-color)),to(var(--bdown-background-color)));
	background-image:-webkit-linear-gradient(var(--bdown-background-color) ,var(--bdown-background-color));
	background-image:-moz-linear-gradient(var(--bdown-background-color) ,var(--bdown-background-color));
	background-image:-ms-linear-gradient(var(--bdown-background-color) ,var(--bdown-background-color));
	background-image:-o-linear-gradient(var(--bdown-background-color) ,var(--bdown-background-color));
	background-image:linear-gradient(var(--bdown-background-color) ,var(--bdown-background-color));
}

.ui-body-a,
.ui-body-b,
.ui-body-c,
.ui-overlay-c {
	border: var(--body-border);
	color: var(--body-color);
	border-radius: var(--border-radius);
	background:var(--body-background-color);
	background-image:-webkit-gradient(linear,left top,left bottom,from(var(--body-background-color)),to(var(--body-background-color)));
	background-image:-webkit-linear-gradient(var(--body-background-color) ,var(--body-background-color));
	background-image:-moz-linear-gradient(var(--body-background-color) ,var(--body-background-color));
	background-image:-ms-linear-gradient(var(--body-background-color) ,var(--body-background-color));
	background-image:-o-linear-gradient(var(--body-background-color) ,var(--body-background-color));
	background-image:linear-gradient(var(--body-background-color) ,var(--body-background-color));
}

.ui-bar-a,
.ui-bar-b,
.ui-bar-c,
.ui-bar-e {
	background:var(--bar-background-color);
	color:var(--bar-text-color);
	border: var(--bar-border);
	border-radius: var(--border-radius);
	background-image:-webkit-gradient(linear,left top,left bottom,from(var(--bar-background-color)),to(var(--bar-background-color)));
	background-image:-webkit-linear-gradient(var(--bar-background-color) ,var(--bar-background-color));
	background-image:-moz-linear-gradient(var(--bar-background-color) ,var(--bar-background-color));
	background-image:-ms-linear-gradient(var(--bar-background-color) ,var(--bar-background-color));
	background-image:-o-linear-gradient(var(--bar-background-color) ,var(--bar-background-color));
	background-image:linear-gradient(var(--bar-background-color) ,var(--bar-background-color));
}

#main .ui-header {
   border: 0px;
   background-image:url('images/AltasNotasLogoWithTextRed.png') !important;
   background-repeat: no-repeat !important;
   height: 56x !important;
   background-size: auto;
   background-color: var(--bar-background-color);
}

/*------------ Start login popup ---------- */
#loginpopup .ui-bar-e {
   border: none;
   height: 45px !important;
   background-image:url('images/AltasNotasLogoWithTextRed.png') !important;
   background-repeat: no-repeat !important;
   background-position: center;
}

#loginpopup .ui-header .ui-title 
{
   display: none !important; 
   border: none;
}

#loginpopup .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner {
   background: var(--body-background-color);
   border: none;
}

#loginpopup .ui-corner-all > .ui-content:last-child, .ui-corner-all > .ui-footer:last-child, .ui-corner-all > .ui-header:last-child {
   height: 1.3em;
   background-color: var(--bar-info-background);
}

#loginpopup .ui-icon.ui-icon-checkbox-off.ui-icon-shadow
{
	background: var(--bup-background-color);
}
/*----------- End login popup ------------- */

.questtitle {
   background: var(--input-text-background);
   color: var(--fieldinfo-text-color);
   text-shadow: none;
}

.questtitle.mandatory{
   text-shadow: none;
	color: var(--label-text-color);
}

.ui-checkbox .ui-btn-inner, 
.ui-radio .ui-btn-inner {
   color: var(--chkbox-text-color);
   background: var(--chkbox-background-color);
}

.ui-input-search input.ui-input-text, 
div.ui-input-text input.ui-input-text, 
div.ui-input-text textarea.ui-input-text {
   border: var(--bar-border);
   background-color: var(--input-text-background);
   color: var(--input-text-color);
   text-shadow: none !important;
}

.ui-corner-all > .ui-content:last-child, .ui-corner-all > .ui-footer:last-child, .ui-corner-all > .ui-header:last-child {
   border: var(--bar-border);
   text-shadow: none;
   color: var(--info-text-color);
   background: var(--dialog-background-color);
}

.ui-controlgroup-label {
   text-shadow: none;
   color: var(--label-text-color);
}

.ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner, .ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner {
   background-color: var(--bup-background-color);
}

.ui-body-e, .ui-overlay-e {
   background: var(--bar-info-background);
   color: var(--bar-info-text-color);
   text-shadow: none;
}

.ui-li-divider.ui-li-has-count, 
.ui-li-has-count .ui-btn-inner a.ui-link-inherit, 
.ui-li-static.ui-li-has-count,
li.ui-li.ui-li-static.ui-btn-up-c,
a.ui-link-inherit {
   background: var(--row-info-background-color);
   border-color: var(--row-info-border-color);
   color: var(--row-info-text-color);
}

.ui-listview a.ui-link-inherit,
.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, 
.ui-li-static.ui-li-has-arrow.ui-li-has-count {
   background: var(--row-info-background-color);
   /*color: black; */
   border-color: var(--row-info-border-color);
}

.ui-panel-inner .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt {
   background: #ffe157;
   color: black;
}

#classesmap > div:nth-child(2) > label:nth-child(2){
   text-shadow: none;
   color: var(--label-text-color);
}

/* caixa de dialogo das mensagens */
.ui-li-divider {
   text-shadow: none;
}

textarea.ui-input-text {
   background: var(--input-text-background);
   color: var(--fieldinfo-text-color);
}

div.ui-collapsible:nth-child(3) > div:nth-child(2) > label:nth-child(1) {
   color: var(--label-text-color);
}

.ui-link > img:nth-child(1) {
   background: var(--row-info-background-color);
}

#main .ui-title {
   display: block; 
   color: transparent;
   text-shadow: none;
}

#registercontainer > form:nth-child(2) > label:nth-child(2),
form:nth-child(2) > label:nth-child(6) {
   color: var(--label-text-color);
}

/* botão de novo acesso no tab "Presenças no Centro" */
a.ui-btn-icon-right > span:nth-child(1) {
   color: black;
}

/* contadores */
.ui-li-has-count .ui-li-count,
.ui-li-has-arrow.ui-li-has-count .ui-li-count{
   background: var(--counter-background-color);
   color: var(--counter-text-color);
   text-shadow: var(--counter-text-shadow);
}

.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 {
	 text-shadow: none !important;
	 box-shadow: none !important;
	 -webkit-box-shadow: none !important;
}