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

    width: 100%;
   
    text-align: left;
    margin: 0 auto;
}
.logo {
    text-align: center;

}

.scroll {
    overflow: scroll;
}

@media (min-width: 768px)
{
   .logo {
       text-align: left;
    }
}

.menupad {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.center {
    text-align: center;
    -ms-flex-align: center !important;
    
    width: 100% !important;
}
@media  (max-width: 990px) {
    .center {
        text-align: left
    }

}

a
{
    text-decoration: none;
    color: #0658A5;
    font-weight: bold;
    font-size:90%;
}
a:hover {
    color: lightskyblue !important;
}
.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;
}


.RadGrid {
    min-width: inherit;
}

    .RadGrid table {
        border-collapse: collapse;
        width: 100%;
    }

    .RadGrid th {
        background-color: #eee;
        font-weight: bold;
    }

    .RadGrid th,
    .RadGrid td {
        border: 0.125em solid #333;
        line-height: 1.5;
        padding: 0.75em;
       /* text-align: left;*/
    }


html body .RadGrid .rgRow,
html body .RadGrid .rgAltRow,
html body .RadGrid .rgEditRow,
html body .RadGrid .rgFooter,
html body .RadGrid .rgGroupHeader {
    height: auto;
}
.filter {
    display: none;
}
.divsort{
    display: none;
}
/* Stack rows vertically on small screens */
/*@media (max-width: 30em) {*/
    /* Hide column labels */
    /*.filter{
        display: unset;
    }
    .divsort {
        display: unset;
    }*/
    /*.RadGrid thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }*/

    /*.RadGrid tr {
        border: 0.125em solid #333;
    }*/
        /* Leave a space between table rows and rows and pager */
        /*.RadGrid tr + tr,
        .RadGrid .rgPager {
            margin-top: 0.5em;
        }*/

    /* Get table cells to act like rows */
    /*.RadGrid tr,
    .RadGrid td {
        display: block;*/

    /*}*/

    /*.RadGrid td {
        border: none;
        border-bottom: 0.125em solid #333;*/
        /* Leave a space for data labels */
        /*padding-left: 50%;*/
    /*}*/
        /* Add data labels */
        /*.RadGrid td:before {*/
            /*content: attr(data-label);*/
            /*display: inline-block;
            font-weight: bold;
            line-height: 1.5;
            margin-left: 0;
            width: 40%;

        }*/

    /* Show only the current page number*/
    /*.RadGrid .rgWrap.rgNumPart a:not(.rgCurrentPage) {
        display: none;
    }

    .RadGrid .rgWrap.rgAdvPart {
        margin-top: 10px;
    }*/

}
/* Stack labels vertically on smaller screens */
/*@media (max-width: 20em) {
    .RadGrid td {
        padding-left: 0.75em;
    }

        .RadGrid td:before {
            display: block;
            margin-bottom: 0.75em;
            margin-left: 0;
        }
}*/


.messagePanel
{
	margin-left:0px; 
	margin-bottom:6px; 
	background-color:#ffffcc; 
	padding:6px; 
	border:solid 1px gray;
	color:#12A018;
	font-size:110%;
	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:#FF2317;
    color:white;
    border-radius:5px;
    border:solid 1px #8f8f8f;
}


.sectionHeader
{
    background-color:#FF948E;
    color:black;
    font-weight:bold;

    padding: 2px, 6px, 2px, 6px;
    margin-bottom:2px;
    text-align:left;
    border-radius:5px;
}

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

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

.gridAlternatingRow
{
    background-color: #D7DCC7;
    background-color: #E9EBE0;
    background-color: #F2F3ED;

}

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

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

:root {
    --tumwater-color: orangered;
    --mtAngel-color: darkblue;
}
.mtAngel {
    color: var(--mtAngel-color) !important;
    font-weight: bold;
}
    .mtAngel:hover {
        color: var(--mtAngel-color) !important;
    }
.tumwater {
    color: var(--tumwater-color) !important;
    font-weight: bold;
}
.tumwater:hover {
        color: var(--tumwater-color) !important;
    }
.smallRCB .rcbInner {
    height: 23px;
}
.smallRCB .rcbInputCell,
.smallRCB .rcbActionButton
{
    height: 23px !important;
    top: -5px !important;
}
.smallRCBFont {
 
    top: 0px !important;
    position: absolute;
  
}