body {
	padding: 8px;
	font-size: 10pt;
	font-family: Arial;
	background-color: #C0C0C0;
	background-image: url(../Images/background.gif);
}

a
{
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}

h1
{
	font-size: 14pt;
	margin-left: 40px;
}

h2
{
	font-size: 12pt;
}

#content a:hover:not(.btn)
{
	color: black;
	text-decoration: underline;
}

#document
{
	border: solid 2px black;
	margin: 0 auto;
	/*width: 960px;*/ /*background-image: url(../Images/leftbg.png); 	background-repeat: repeat-y;*/
	background-color: white;
}

#header
{
	width: 100%;
	height: 80px;
	background-image: url(../Images/topbg.png); /*border-bottom: solid 1px black;*/
	background-size: 35px;
	background-color: white !important;
	background-repeat: repeat-x;
}

#menu
{
	float: left;
	width: 160px;
	display: inline;
	padding: 10px;
	border-top: solid 1px black;
}

#menu a:hover
{
	color: white;
	text-decoration: none;
}

#content
{
	/*float: left;*/ /*width: 700px;  should be 100% */ /*display: inline;*/ /*position: relative;*/ /*clear: none;*/
	clear: both;
	padding: 10px;
	padding-top: 0px; /*border-left: dashed 1px black;*/
	min-height: 500px;
	height: auto !important;
	height: 500px;
	right: 0px;
	left: 0px;
}

#footer
{
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 8pt;
	border-top: solid 1px black;
	color: white;
	background-color: #6B696B;
}

.colHeader
{
	background-color: #1c5e55;
	color: white;
	font-weight: bold;
	text-align: center;
}

.rowHeader
{
	background-color: #D0D0D0;
	color: Black;
	font-weight: bold;
	text-align: right;
	width: 120px;
}

    
.altHeader
{
	background-color: #B9BFC0;
}

.waterMark
{
	color: #999999;
}

.details
{
	border: solid 1px black;
	background-color: white;
}

.details th
{
	background-color: #1c5e55;
	color: white;
	font-weight: bold;
	text-align: center;
}

.altRow
{
	background-color: #E3EAEB;
}

.groupBox
{
	/*padding: 2px;*/
	border: solid 1px black;
	background-color: #E3EAEB;
	margin: 10px auto;
	width: 90%;
}

.groupHeader
{
	padding: 2px;
	background-color: #1c5e55;
	color: white;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px black;
}

.fixedData input
{
	border-style: none;
}

.pageMenu
{
	text-align: center;
	padding: 8px 2px 16px 2px;
	font-size: larger;
}

.pageMenu a
{
	padding: 4px 8px;
}

.loginTitleText
{
	padding: 4px;
	background-image: url(../Images/login_top.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 24px;
}

.gridPager a
{
	display: inline-block;
	padding: 1px 6px;
	margin: 1px;
}

.gridPager span
{
	display: inline-block;
	padding: 1px 6px;
	margin: 0px;
	border: solid 1px white;
}

.gridPager a:hover
{
	background-color: #333;
	text-decoration: none;
	margin: 0px;
	border: solid 1px black;
}
.readOnlyTextBox
{
	background-color: #EBEBE4;
	border: 1px solid #333333;
}
.logo
{
	float: left;
}

.groupHeaderRow
{
	color: #000;
	background-color: #CCC;
	font-weight: bold;
}

.groupSummaryRow
{
	color: #000;
	background-color: #E0E0E0;
	font-weight: bold;
	border-bottom: solid 1px #000;
}

.generalSummaryRow
{
	color: #000;
	background-color: #CCC;
	font-weight: bold;
}

.box
{
	margin: 8px auto;
	padding: 8px 8px 8px 32px;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	font-weight: bold;
}

.error
{
	border: solid 1px #800000;
	background-color: #FFF3F3;
	background-image: url(../Images/no.png);
}

.warning
{
	background-color: #FFFFCC;
	border: solid 1px #808000;
	background-image: url(../Images/warning.png);
}

.success
{
	background-color: #F0FFF0;
	border: solid 1px #008000;
	background-image: url(../Images/yes.png);
}

.info
{
	background-color: #F0F0FF;
	border: solid 1px #000080;
	background-image: url(../Images/info.png);
}

/*
border: #4070e0 thin solid;
padding: 10px;
margin: 0px auto;
width: 380px;
height: 100px;
background-color: #F0F0F0
*/

.tableFooter
{
	border-top: solid 1px black;
	/*
	background-color: #E0E0E0;
	*/
}

.modalPopupBg
{
    background-color: #666666;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

textarea 
{
	font-size: 10pt;
	font-family: Arial;
} 
 

/* Bootstrap 5 extensions */


.navbar-top {
	background: rgb(118,140,175);
	background: linear-gradient(0deg, rgba(128,150,185,1) 0%, rgba(170,185,204,1) 40%, rgba(218,226,229,1) 90%);
	border-bottom: 1px solid #1d232c;
	min-height: 50px;
	overflow: visible;
	padding: 0px 10px;
}

.navbar-top .navbar-brand span {
	margin-left: 102px;
}

.navbar-top .navbar-brand img {
	position: absolute;
	top: 10px;
	z-index: 1;
}

.navbar-top .collapse .d-flex {
	
}

.menu-item {
	text-decoration: none !important;
	width: auto;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}

.menu-item a {
	color: black;
	font-weight: normal;
}

.menu-item select {
	background-color: transparent;
	border: none;
	font-weight: normal;
}

.menu-item .dropdown-menu {
	padding: 0;
	border-radius: 0;
	font-size: 13.3px;
	background: rgb(203,203,203);
	background: linear-gradient(0deg, rgba(203,203,203,1) 0%, rgba(254,254,254,1) 100%);
	border: 1px solid black;
}

.menu-item .dropdown-menu .dropdown-item {
	padding: 2px 5px;
}

.menu-item .dropdown-menu .dropdown-item:hover {
	background: rgb(105,105,105);
	background: linear-gradient(0deg, rgba(105,105,105,1) 10%, rgba(155,155,155,1) 95%);
	color: white;
}

.menu-item:hover {
	background: rgb(203,203,203);
	background: linear-gradient(0deg, rgba(203,203,203,1) 0%, rgba(254,254,254,1) 100%);
	border-color: black;
}

.navbar-menu {
	background-color: white;
	padding: 0px 10px;
	bottom: 0;
}

.navbar-menu .navbar-brand {
	margin-left: 70px;
}

.navbar-nav .nav-item .nav-link {
	padding-bottom: 0;
	padding-top: 0;
}

.navbar-menu .menu {
	border: solid 1px black;
	background-color: #e3eaeb;
	margin-top: 2px;
}

.navbar-menu .menu .nav-link {
	padding: 2px 5px;
	color: #666666;
	font-family: Segoe UI, Verdana;
	font-weight: bold !important;
	font-size: 13.3px;
}

.navbar-menu .navbar-nav .nav-item strong {
	margin-left: 9px;
}

.navbar-menu .menu .nav-link:hover {
	background: rgb(105,105,105);
	background: linear-gradient(0deg, rgba(105,105,105,1) 10%, rgba(155,155,155,1) 95%);
	color: white;
}

.navbar-menu .dropdown:hover .dropdown-menu {
	display: block;
}

.navbar-menu .menu .dropdown-menu {
	border: solid 1px black;
	background-color: #e3eaeb;
	padding: 0;
	border-radius: 0;
}

.navbar-menu .menu .dropdown-item {
	padding: 2px 5px;
	color: #666666;
	font-family: Segoe UI, Verdana;
	font-weight: bold !important;
	font-size: 13.3px;
}

.navbar-menu .menu .dropdown-item:hover {
	background: rgb(105,105,105);
	background: linear-gradient(0deg, rgba(105,105,105,1) 10%, rgba(155,155,155,1) 95%);
	color: white;
}



.btn-menu {
	background: rgb(195,227,242);
	background: linear-gradient(0deg, rgba(195,227,242,1) 0%, rgba(255,255,255,1) 100%);
	color: #264271 !important;
	border: 2px solid #264271 !important;
	border-radius: 20px !important;
}

.btn-menu:hover {
	background: rgb(195,227,242);
	background: linear-gradient(0deg, rgba(195,227,242,1) 30%, rgba(255,255,255,1) 100%);
}

.btn-menu:hover {
	text-decoration: none !important;
}

.footer {
	background-color: #6B696B;
}


.asp-login-form > table table td {
	background-color: #e3eaeb !important;
	padding-left: 10px !important;
}

.asp-login-form input[type=checkbox] {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-right: 3px;
}

.asp-login-form input[type=submit] {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 3px 15px;
    font-size: 12px;
    background-color: #1c5e55 !important;
    color: white !important;
    margin: auto;
    margin-bottom: 10px;
}

h3 {
	font-size: 1rem;
	font-weight: bold;
}

.dropdown-option {
	text-decoration: underline;
}

.dropdown-option:hover {
	background-color: #9FB0C6;
}


.dropdown-option .dropdown-toggle {

}

/* Bootstrap 5 extensions */
/* Bootstrap 5 extensions */

.alert 
{
	width: 100%;
	top: 20px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	margin-top: 30px !important;
}

.alter-danger 
{
	background-color: #f8d7da;
	border-color: #f5c2c7;
	color: #852029;
}

input[type="radio"] {
	background-color: initial;
	cursor: default;
	appearance: auto;
	box-sizing: border-box;
	margin: 3px 3px 3px 4px;
	padding: initial;
	border: initial;
}

input[type="checkbox"] {
	background-color: initial;
	cursor: default;
	appearance: auto;
	box-sizing: border-box;
	margin: 3px 3px 3px 4px;
	padding: initial;
	border: initial;
}