lyrics {font-size:2rem;}


.event .frmUpload {z-index:200;position:absolute;
}  
/*
input[type=submit]{color:var(--color);background:var(--bg);border:var(--border);border-radius:var(--rad);padding:1rem;}
input {display:block;background:transparent;}
*/
.row-ID ,.row-Last_Updated,.row-EditDate
{display:none;}

.listImage {
max-height:35vmax;
float:right;
}

.perpage {width:30px;}

dt,dd{ 
   background: var(--panel2); 
   font-size:1.8rem;
padding:.2rem .1rem;
}

.toolbar {
background:var(--toolbar);
display:run-in;
grid-gap:3px;
text-align:center;
padding:0.3rem;
margin:0;
}

isssssmg {
max-height:100%;
max-width:100%;
clear:right;
vertical-align: text-bottom;
}



#frmHowMany input[type=text] {
  border: var(--border);
  float: left;
  background: transparent;
}

#frmHowMany button ,a#loginStatus ,a#menu{
  float: left;
text-align:center;
}


#frmHowMany::after {
  content: "";
  clear: both;
  display: table;
}









.fieldname {
	font-weight:bold;
	font-style:italic;
	display:inline;	
	padding-right:2px;
	
}
.fieldname:after {content:":  ";
}

.fieldvalue {
	display:inline;

}
.paging:before {content:"[";}
.paging:after {content:"]";}

#paging,.paging {
	}

.firstPage:after {content:"] ...";}
.lastPage:before {content:"... [";}

label {font-weight:bold;}


h2 {
  page-break-after: avoid;  font-family: inherit;

  color: inherit;
}


.form-control , .form-control input {
  display: block;
  padding: 6px 12px;
  line-height: 1.42857143;
  background-image: none;
background:transparent;  
border-radius: var(--rad);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          margin:2px 0px;
}

.form-control:focus {
  border-color: var(--highlight);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


.btn {
  font-weight: normal;
  white-space: nowrap;
  background: var(--panel2);
display:inline-block;
vertical-align:middle;
text-align:center;
border-radius: var(--rad);
box-sizing: border-box;
text-decoration:none;
text-shadow: 0 0.04rem 0.04rem rgba(0,0,0,0.35);
transition: all 0.1s;

}
i.btn, a.btn i {font-size:.7rem;
	text-transform:uppercase;}


.btn-primary {
transition: background-color 300ms ease-in;
  color: var(--color);
  background-color:var(--panel2);
}
.btn-primary:focus,
.btn-primary.focus {
  color: var(--color);
  background-color: rgba(255,255,255,0.2);
  background-color: var(--highlight);
}
.btn-primary:hover ,dd:hover, div.track:hover{
transition: background-color 300ms ease-in; 
  color: var(--color);
  background-color: rgba(25,25,25,0.2);
  background-color: var(--highlight);
}

.btn-primary:active,
.btn-primary.active,

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
 
 color: #fff;
  background-color: var(--highlight);
  border: var(--border);

}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {

  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {

  background-color: var(--panel2);
  border: var(--border);
}
.btn-primary .badge {

  background-color:var(--panel2); 
}
.q {background-color:rgba(0,255,0,.4);
	color:white;
  -webkit-box-shadow: none;
    box-shadow:none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow:none;}

.btn-right,.right {float:right;}
.btn-left,.left {float:left;}

.btn-save {   background-color:rgba(0,200,0,.7); color:#ffffff;}
.btn-delete { background-color:rgba(200,0,0,.7);; color:#ffffff;}
.btn-cancel { background-color:rgba(255,255,255,0.7); color:#000000;}
.btn-chart , .btn-chart>a { background-color:#3399ff; color:#000000;}

.cont{            min-widh: 300px;
            border: 3px solid rgba(50, 50, 50, .5);
            padding: 0.5em;
            border-radius: 8px;}

a:target { text-decoration:none; color:#cccccc;}

.fld-Morning:after, .fld-After_Exercise:after, .fld-Bedtime:after  { content:"lbs"}

.fld-Title> a{font-size:2rem;font-weight:bold;
	text-decoration:none;}



div.record:nth-of-type(odd) {background-color:var(--panel);}
div.record:nth-of-type(even) {background-color:var(--panel2);}
div.record {
padding:1vh 3vw;
}
.fieldinputs,.fieldnames,.fieldsubmit {
display:flex;
}
#dataTables,#xSearch { display:inline-flex;}

form.inFrm input {width:100%;}/*expand inputs*/
form.inFrm textarea {width:100%;height:30vh;}
.btn-min {text-align:center;min-width:100px;border-radius:var(--rad);}


select ,textarea,input,#xSearch{padding:0;margin:0;font-size:1rem;}


button,input[type=submit],select,.btn i,.btn {
padding: 0.2rem ;
  cursor: pointer;
color:var(--color);
border-radius:var(--rad);
}



/*ICONS*/
 i:before{ 
padding:0.2rem;
font-size:1rem;
font-weight:normal;
}


.toolbar  #mkfolder,.toolbar  #frmHowMany,.toolbar #frmupl  {display:inline-block;}


#jaxfrm input ,#jaxfrm textarea{display:block;border:1px inset;padding:.5rem;width:100%;background:transparent;border-radius:var(--rad);}
#jaxfrm input[type=submit]{ max-width:120px;color:#000;display:inline-block; margin:1em 0.5em 1em 0em;text-transform:capitalize;}
textarea {min-height:150px;}
#jaxfrm input[type=submit].save {background:green;}
#jaxfrm input[type=submit].delete {background:red;}




dl {
  margin: 0;
  padding: 0px 0 0 0;
 text-align:left;

}

dt { 
box-shadow:var(--transparent);
  border-bottom: 1px solid #989EA4;
  border-top: 1px solid #717D85;
  margin: 0;
  padding: 6px 0 6px 12px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

dd {
  margin: 0;
  padding: 12 0 12 12px;
}
.click{
	cursor:pointer;
}
dd + dd
 {
  border-top: 1px solid #CCC;
}

#navStrip { 
	width:35px; 
	right:0px;
	z-index:90;
	position:fixed;
	top:45px;
	height: 90%;	
	font-size:12pt;
	text-align:center;
	padding-top:15px;
	display:block;
	background-color:var(--bg);
	border-radius:17px;
	border:solid 1px #333;
}

#navStrip > div {
	display:block;
	background:var(--bg);
	height:4%;	
	text-align:center;

}





.btn-wide {
width: 100% ;
margin:10px 0px;
padding:10px;
text-decoration:none;
text-transform:uppercase;
border-radius: var(--rad);
box-shadow:var(--transparent);

}


input[type=submit] {
	box-shadow:var(--transparent);
}


.btn {box-shadow:var(--transparent);}