@font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: normal; src: url('./font/DroidSans.ttf') format('truetype'), url('./font/DroidSans.eot'); }
@font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: bold; src: url('./font/DroidSans-Bold.ttf') format('truetype'), url('./font/DroidSans-Bold.eot');}
@font-face { font-family: 'Quattrocento Sans'; font-style: normal; font-weight: normal; src: url('./font/QuattrocentoSans-Regular.ttf') format('truetype'), url('./font/QuattrocentoSans-Regular.eot');}
@font-face { font-family: 'Philosopher'; font-style: normal; font-weight: normal; src: url('./font/Philosopher.ttf') format('truetype'), url('./font/Philosopher.eot'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: normal; src: url('./font/Ubuntu-Regular.ttf') format('truetype'), url('./font/Ubuntu-Regular.eot') ;}
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: bold; src: url('./font/Ubuntu-Bold.ttf') format('truetype'), url('./font/Ubuntu-Bold.eot'); }

body {font-family:'Droid Sans', 'Lucida grande', Verdana, sans-serif; font-size: 10pt;margin:0px 0px 40px 0px; padding: 6px;min-width:900px; height:100%;}
html {height:100%;}
h1, h2, h3 {font-family: 'Droid Sans', 'Lucida grande', Verdana, sans-serif;}
h1 {font-size: 2em;}
h2 { font-size:1,5em;}
h3 {font-size : 1.2em;}
.TPP_Font_32 {font-size: 32pt;}
.TPP_Font_48 {font-size: 48pt;}
.TPP_Font_White {color:white;}
.TPP_Font_Philosopher {font-family: 'Philosopher', 'Lucida grande', Verdana, sans-serif;}
.quickSearch {background: url('./images/icon-mag-glass.png');height:26px;width:24px; float:right;}

a:link { text-decoration: none; cursor:pointer; color:inherit;}
a:visited { text-decoration: none; cursor:pointer; color:inherit;}
a:hover { text-decoration: underline; cursor:pointer; color:inherit;}

#TPP_Page {min-height:100%; height:100%; min-width:1070px;}
#TPP_Head { background: transparent url('./images/tx-banner.png') left top no-repeat; height:129px; width:100%;}
#TPP_Brand { position:absolute; top:30px; left:490px;}

#TPP_Menu { font-family: 'Ubuntu', 'Lucida grande', Verdana, sans-serif; position:absolute; top:86px; left:150px;min-width:400px;}
#TPP_Menu ul {list-style: none;}
#TPP_Menu li {float:left; border: 1px solid #AFAFAF;margin: 0;height:100%;text-transform:uppercase;font-weight:bold;}
#TPP_Menu a {text-decoration: none;display: block;background: white;padding: 0.8em 1em;color: #000000;min-width: 5em;text-align: center;}
#TPP_Menu a:hover {background: #ed1b24;color:white;}
#TPP_Menu #selected {border-color: #AFAFAF;}
#TPP_Menu #selected a {position: relative;top: 1px;background: #eee;color: black;font-weight: bold;}

#TPP_LOGO_TX {position:fixed; bottom: 1px; left: 1px;}
#TPP_LOGO_TPP {position:fixed; bottom: 40px; z-index: -100;}

.appMenu { font-family: 'Ubuntu', Verdana, sans-serif; font-size: 10pt; z-index:1000;}
.appMenu {position: fixed; border:1px solid #EEE; padding:0;margin:0;background-image: url('./images/bg-gradient.png');background-repeat: repeat-x;background-size: 100% 400%; }
.appMenu ul {list-style-type:none; margin:0px; padding:5px; overflow:hidden; width:100%; }
.appMenu li {display:block; padding:5px 10px 3px 5px; text-transform:uppercase; }

.TPP_Sub_Menu { font-family: 'Ubuntu', 'Lucida grande', Verdana, sans-serif; font-size:0.9em; position:absolute; top:2.8em;}
.TPP_Sub_Menu ul {list-style: none;}
.TPP_Sub_Menu li {float:left; border: 1px solid #AFAFAF;margin: 0;height:100%;font-weight:bold;}
.TPP_Sub_Menu a {text-decoration: none;display: block;background: white;padding: 0.5em 2em;color: #000000;min-width: 5em;text-align: center;}
.TPP_Sub_Menu a:hover {background: #ed1b24;color:white;}
.TPP_Sub_Menu #selected {border-color: #9F9F9F;}
.TPP_Sub_Menu #selected a {position: relative;top: 1px;background: #e0e0e0;color: black;font-weight: bold;}

.sectionTitle { background-color:#FFFFFF; margin:10px 0px 1px 0px; }
#TPP_Content {border: 0px solid #acacac; height:100%; border-right-width: 0; border-top-width: 0; border-bottom-width: 0;padding: 0.8em 0em;}
#contentBannerBlue {font-family:'Ubuntu'; background-color:#7C7C7C; padding: 0.8em 0.8em; color:white; font-size:12pt;}
#contentInside {clear: both;padding: 0.8em 1em; border:1px solid #7C7C7C; margin:0px 0px 10px 0px;border-radius:0.25em;}
#TPP_Foot{ font-family:'Ubuntu',Verdana, sans-serif; position:fixed; width:98%; min-width:1100px; bottom:0px; background:#CCCCCC;border: 1px solid #acacac; padding: 0.5em;}
#TPP_HeadMenu{ font-family:'Ubuntu',Verdana, sans-serif; position:fixed; width:98%; min-width:1100px; top:6px; background:#CCCCCC;border: 1px solid #acacac; padding: 0.5em;z-index: 10;}

input.text { border: 1px solid #7C7C7C; font-family: 'Ubuntu'; height: 1.5em; padding: 0.2em 0.4em;margin: 0.1em 0.1em;border-radius:0.25em;}
input.text-long { border: 1px solid #7C7C7C; font-family: 'Ubuntu'; height: 1.5em; padding: 0.2em 0.4em;margin: 0.1em 0.1em;border-radius:0.25em; width:97%;}
input.button { font-family:'Ubuntu'; border: 1px solid #AFAFAF; border-radius:0.25em; background-color: #EEEEEE;
  padding: .375rem .75rem; line-height: 1.5; margin-top:0.3em; margin-bottom: 0.3em; width: 100%; font-size: 10pt; text-transform: uppercase; }
input.button:disabled { background-color: #f8f9fa; border-color: #f8f9fa; color: #bbbbbb;}
input.field { font-family:'Ubuntu'; height: 2em; background-color: #EEEEEE; margin: 0.2em 0.4em; padding: 0.2em 0.4em; font-size: 9pt; font-weight: bold; text-transform: uppercase; }
.button-short { font-family:'Ubuntu'; border: 1px solid #AFAFAF; border-radius:0.25em; background-color: #EEEEEE;
  padding: .375rem .75rem; line-height: 1.5; margin-top:0.3em; margin-bottom: 0.3em; font-size: 10pt; text-transform: uppercase; min-width:50px; max-width:200px; width: max-content;}
select {font-family:'Ubuntu'; font-size: 10pt; padding: .375rem .75rem;line-height: 1.5;margin-top:0.3em; margin-bottom: 0.3em;}
select:disabled { background-color: #f8f9fa; border-color: #f8f9fa; color: #bbbbbb;}
.rotate90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.TPPTable {
	border: 1px solid #AFAFAF;
	background: #e3e3e3;
	border-radius:0.25em;
}

.TPPTable th {
	font-family: 'Droid Sans', 'Lucida grande', Verdana, sans-serif;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	border-radius:0.25em;
}

.TPPTable tfoot tr td {
	font-family: 'Droid Sans', 'Lucida grande', Verdana, sans-serif;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	color: white;
	padding: 4px 4px 4px 4px;
	background-color:#AFAFAF;
}
.TPPTable tfoot tr:hover td {
	font-family: 'Droid Sans', 'Lucida grande', Verdana, sans-serif;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	color: white;
	padding: 4px 4px 4px 4px;
	background-color:#AFAFAF;
}
.TPPTable td {
	padding: 4px 6px 4px 6px;
	border: 1px solid #AFAFAF;
	vertical-align:top;
	top:0px;
	border-radius:0.25em;
}
/* .TPPTable tr td {
	background-color: #FFFFFF;
} */
.TPPTable tr {
	background-color: #FFFFFF;
}
.TPPTable tr:hover td {
	border: 1px solid #0F0F0F;
	background-color: #FEFEFE;
}

.TPPTable tr:hover a {
	text-decoration: underline;
	cursor: pointer;
}
tr.TPPRowMark td { background-color: #AFAFAF; }

.login-bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
}

.login-center {
	position: fixed;
	top: calc(100vh - 75vh);
	left: calc((100vw/2) - 200px);
	margin-left: auto;
	margin-top: auto;
}

.past { background-color: #AFAFAF !important; color:#FEFEFE; }
.today {vertical-align: middle; padding:10px !important; background-color: #aada88 !important; color:#FEFEFE;}
.day {vertical-align: middle; padding:10px !important;}


.schedule-pill {
  padding:5px;
  color:#FFFFFF;
  float:right;
}

.close-off-item {
  font-size:18pt;
  vertical-align:middle !important;
  text-align: right;
}