body, table, li
{
    font-family:Arial;
    font-size:10pt;  
    color:#333333;

}

a
{
    text-decoration: none;
    color: #0658A5;
    font-weight: bold;
    font-size:90%;
}

.columnHeadingSortLink
{
	text-decoration:underline;
	color: Black;
	font-weight:bold;
	font-size:100%;
}

.fieldPrompt
{
    font-weight:bold;
    font-size:90%;  
}

.numberTextbox
{
    text-align: right;
}

.errorPanel
{
    padding: 10px;  
    background-color: #ffffcc;
    border: solid 2px red;
    border-radius:10px;
    text-align: left;
    z-index:20000;
}

.errorMessage
{
    font-family:Arial;
    font-size:10pt;
    color:Red;
}

.messagePanel
{
	margin-left:0px; 
	margin-bottom:6px; 
	background-color:#ffffcc; 
	padding:6px; 
	border:solid 1px gray;
	color:#12A018;
	font-size:100%;
	font-weight:bold
}

.pagerStyle 
{
    padding-top:4px; 
    padding-bottom:4px; 
    text-align:center; 
    /* background-color:#F5F5DC; */
}

.pagerPageButton 
{
    padding-left:2px; 
    padding-right:2px; 
    text-decoration:none; 
    font-weight:bold; 
    height:20px; 
    font-size:8pt; 
    margin-left:4px; 
    margin-right:4px; 
    background-color:silver;
}

.pagerPageLink 
{
    padding-left:2px; 
    padding-right:2px; 
    text-decoration:none; 
    font-weight:bold; 
    color:gray;
}

.pagerCurrentPageLabel 
{
    padding-left:2px; 
    padding-right:2px; 
    font-weight:bold; 
    color:#FF2317;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.progressBackgroundFilter 
    {
        position:fixed; 
        top:0px; 
        bottom:0px; 
        left:0px;
        right:0px;
        overflow:hidden; 
        padding:0; 
        margin:0; 
        background-color:gray; 
        filter:alpha(opacity=30); 
        opacity:0.3; 
        z-index:100002;  /* needs to be higher than z-index of ModalPopupExtender (100001) */
    }

.progressPanel
{
    /*background-color:#dfdfdf;*/
    width: 150px;
    background-color:white;
    padding:10px; 
    border:solid 2px gray;
    text-align:center;
    border-radius:10px;
    z-index:100003;
}

.progressMessage
{
    color: Black;
    font-weight: bold;
}

.columnHeading
{
	color:White;
	background-color:#0658A5;
	font-weight:bold;
	font-size:90%;	
}


.pageHeading
{
    /* width:100%; */
    font-size:10pt; 
    font-weight:bold;    
    padding:3px;
    padding-left:6px;
    margin-bottom:4px;
    background-color:#D69253;
    color:white;
    border-radius:5px;
    border:solid 1px #8f8f8f;
}


.sectionHeader
{
    background-color:#996633;
    color:white;
    font-weight:bold;
    padding-left:6px;
    padding-right:6px;
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom:2px;
    text-align:left;
    border-radius:5px;
}

.gridHeader
{
    background-color:#E9D2BC;
    /* color: White; */
    font-weight:bold; 
    font-size:90%;   
}

.gridPager
{
    background-color: #95A471;
    color: White;
    font-weight:bold;    
}

.gridAlternatingRow
{
    background-color: #e0e0e0;
}

.requiredIndicator
{
    font-weight: bold;
    color: Red;
}

.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : white ;
    border-width : 1px ;
    border-style : solid ;
    overflow : auto ;
    width:250px!important;
    height : 200px ;
    text-align : left ;
    list-style-type : none ;
    z-index:200000 !important;
    }

.autocomplete_highlightedListItem
   {
    background-color : #cc99cc ;
    color : black ;
    padding : 1px ;
    margin-left:-30px;
    z-index:200000 !important;
    }

.autocomplete_listItem
    {
    padding : 1px ;
    margin-left:-30px;
    z-index:200000 !important;
   }

.textarea-size
{
    position: fixed;
    left: -2000px;
    top: 0px;
    border:dashed 1px red;
    background-color: White;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
}   
   

input[type="submit"], input[type="button"]
{
cursor:pointer; border:outset 1px; border-radius:3px;
}

input[type="submit"]:hover, input[type="button"]:hover
{
cursor:pointer; border:inset 1px; border-radius:3px;
}

.tabButton, .tabButtonSelected
{
    font-size: 10pt; 
    font-weight: bold; 
    text-align:center;
    color: black;
    border-left: solid 1px gray;
    border-top: solid 1px gray;
    border-right: solid 1px gray;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display:block;
    float:left;
    width:120px;
    height:34px;
    padding-top:5px;
    margin-right:2px;
}

.tabButton 
{
    background-color: white;
}

.tabButtonSelected
{
    background-color: #D69253;
}

.day-table {
    width: 100%;
    height: 100%;
    /* show border only for testing purposes */
    /*border: 1px solid #000;*/
}

td.top-left, td.top-center, td.top-right {
    vertical-align: middle;
    border-collapse: collapse;
    padding: 0.3em;
    font-size: small;
}

td.top-left {
    text-align: left;
    font-size: 85%;
}

td.top-center {
    text-align: center;
}

td.top-right {
    text-align: right;
    font-size: 85%;
}

td.pickup, td.deliver, td.downtime {
  /*  width: 100%;*/
    vertical-align: middle;
    /*border-collapse: collapse;*/
    padding: 0.3em;
}

td.pickup, td.deliver {
    text-align: left;
}

td.downtime, td.idletime {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: .5em 0;
}

.stsgood {
  background-color: limegreen;
  border-radius: 4px;
}
.stsbad {
  background-color: yellow;
  border-radius: 4px;
}
.stscrit {
  background-color: tomato;
  border-radius: 4px;
}

.field-title {
    font-weight: bold;
}
.booked {
  color: orangered;
}
.ttest {
  height: 750px;
  overflow-y: scroll;
  display: block;
}
  .ttest th  {
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
  }
  .ttest thead {
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
    z-index: 1;
  }