.stradaFlexText {
	field-sizing: content;
	min-height: 1rem;
	padding-right: 10px;
}

.rounded-table-top {
  border-radius:  10px 10px 0 0; /* Adjust the value for desired roundness */
  overflow: hidden; /* Crucial to clip the table content within the rounded container */
  border: 1px solid #ccc; /* Optional: Add a border to the container */
}


.ui-tabs .ui-tabs-panel {
    padding: 1em .5em;
}

.stradaTabPanel  {
	width:98%;
	margin-left:1%; 
    margin-right:1%;
}


#tabs  {
	width:98%;
	margin-left:1%; 
    margin-right:1%;
}

 .reg-symbol {
    font-size: 0.7em; /* Adjusts the size of the symbol */
    vertical-align: super; /* Lifts the symbol above the text */
 }
  
.paginate_button{
	font-size: 12px !important;
	padding-right: 10px;
}

.paginate_button.current{
	text-decoration: underline;
}

.flex-main{
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
	margin-left:1%; 
    margin-right:1%;
    background-color: rgb(248,255,251);
    align-content:flex-start;
}

.flex-main > :not(.flex-header, .flex-footer, .flex-extend) {
  	flex-basis: 33%; 
	white-space: nowrap;
  	align-items: center;
  	padding-left: 20px;
  	padding-right: 10px;
  	padding-bottom: 10px;
  	padding-top: 10px;
   }

.flex-extend{
  	flex-basis: 100%;
  	padding-left: 20px;
  	padding-right: 10px;
  	padding-bottom: 10px;
  	padding-top: 10px;
  	BORDER-BOTTOM: #999999 1px solid;
}

 .flex-main > :not(.flex-header, .flex-footer, .flex-extend) > *{
	margin: 1px;
}

.flex-header > *{
	margin:1px;
}

.flex-header{
	text-transform: uppercase;
	align-self: start; 
}


.flex-header, .flex-footer{
	flex-basis: 100%;
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	justify-content: center;
	background-color:#9accff;
	BORDER-BOTTOM: #999999 1px solid;
	}

.flex-footer{
	display: flex;
	justify-content: center;
}

.modal-dialog{
	margin-top: 300px;
}

.btn-primary {
    background-color: #212C46 !important;
    border:none;
}

#tab_customers{
	text-align:center;
}

#splash-main{
	font-size: 30px;
	padding-top:20px;
	padding-bottom:20px;
}

.splash-intro{
	padding-bottom:30px;
}

.splash-intro > a{
	text-decoration: underline;
}


#login-placement{
	padding-top: 40px;
    padding-bottom: 40px;
    background-color: #005999;
}

  .form-signin {
    max-width: 330px;
    margin: auto;
    margin-top: 100px;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
  }

select:not([multiple]), input[type="file"]{
  _height: unset;
  height: 25px;
}

.nav-link{
	color: white !important;
}

.dropdown-item:visited, .dropdown-item:hover, .nav-link:hover{
  text-decoration: none;
  color:black;
}

.btn-light, .btn-light:hover, .btn-warning{
  border: 1px solid #A9A9A9;
}

.btn-light:hover{
  background-color:#dce0dd;
}

@media all and (min-width: 992px) {
  .dropdown-menu li{ position: relative; 	}
  .nav-item .submenu{
    display: none;
    position: absolute;
    left:100%; top:-7px;
  }
  .nav-item .submenu-left{
    right:100%; left:auto;
  }
  .dropdown-menu > li:hover > .submenu{ display: block; }
}

@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
    margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}

.dropdown-menu{
  border-radius:0px !important;
}

.navbar-dark{
	background-color: black !important;
}
	
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 1em;
}	

.ui-tabs .ui-tabs-nav li a {font-size:14px !important;}


.ui-tabs .ui-tabs-nav{
background: #f6faff;
}

.searchIcon{
color:orange;
}

.trashIcon{
color:grey;
size:1.25em;
}

SMALL {
    color: #666666;
    font-family: verdana;
    font-size: 12px;
}

.ui-tabs .ui-tabs-panel /* just in case you want to change the panel */
{
background: #f6faff;
}

body {

	margin:0;

	font: 12px/1.4em Arial, Helvetica, sans-serif;
    OLD_background:rgb(226, 226, 226);
	OLD_2_background:#5a5858;
	background:#767373;
}

td, p, ul {
	font-family: Verdana;
}

button, input[type=submit], input[type=file], input[type=button], input[type=reset] { 
	font: 14px/1.4em Verdana, Arial, sans-serif
}

input[type=text]{
	font: 12px/1.4em Verdana, Arial, sans-serif
}

button{
	border: 1px solid #767676;
	border-radius: 3px;
}

input[readonly] {background: buttonface;
  font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
  font-size: 1em;
  height: 25px;

}

TEXTAREA[readonly] {background: buttonface;}
		
TEXTAREA {
        font-size: 12px;
        font-family: verdana;
}

.field {
        font-size: 12px;
        font-family: verdana;
}

SELECT {
        font-size: 12px;
        font-family: verdana;
}

TABLE {
	font-size: 12px; FONT-FAMILY: verdana;
}

A {
	color: #003366;
	background: none;
	text-decoration: none;
}

A:hover {
    color: #990000;
    background: none;
	text-decoration: underline;
	
}

A.bodyLinks {
	font-size: 12px; 
	FONT-FAMILY: verdana; 
	text-decoration: underline; 
	color:#003366; 
	background: none;	
}

A.bodyLinks:active {
	font-size: 12px; 
	FONT-FAMILY: verdana; 
	text-decoration: underline; 
	color: #003366; 
	background: none;
}

A.bodyLinks:hover {
	font-size: 12px; 
	FONT-FAMILY: verdana; 
	text-decoration: underline; 
	color: #990000; 
	background: none;
}

A.bodyLinks:visited {
	font-size: 12px; 
	FONT-FAMILY: verdana; 
	text-decoration: underline; 
	color: #999999; 
	background: none;
}





H2 {color: #990000; font-family: verdana; font-size: 16px;font-weight:bold;
}
	
H3 {color: #FF6633; font-family: verdana; font-size: 16px;font-weight:bold; margin-top: 0; margin-bottom: 0;
}

H4 {color: #990000; font-family: verdana; font-size: 12px;
}


TD.N {
	BORDER-BOTTOM: #990000 1px solid;
}



TD.Y {
	BACKGROUND-COLOR: #FFFFCC; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
}


TR.H {
	BACKGROUND-COLOR: #CCCCCC; font-family: verdana; font-size: 12px; color: #000000; 
}

TD.H {
	BACKGROUND-COLOR: #F7F7F7;
}

Table thead tr{
	BACKGROUND-COLOR: #e8e8ea; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
}


TR.G {  

	BACKGROUND-COLOR: #9accff; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	FONT-WEIGHT: bold;
	text-transform: uppercase;
}

TR.G2 {  

	BACKGROUND-COLOR: #c8e3ff; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	FONT-WEIGHT: bold;

}

TR.G3 {  
	BACKGROUND-COLOR: #afd3c2; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	FONT-WEIGHT: bold;
	text-transform: uppercase;
}

TR.G4 {  
	BACKGROUND-COLOR: #D0FCE6; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	FONT-WEIGHT: bold;
	text-transform: uppercase;
}


TD.G3 {  
	BACKGROUND-COLOR: #afd3c2; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	FONT-WEIGHT: bold;
}

TD.G4 {  
	BACKGROUND-COLOR: #D0FCE6; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	FONT-WEIGHT: bold;
}

.main-list TR.list_higlight {
  BACKGROUND-COLOR: #FFFFE0;
}

TD.R {
	BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: verdana; text-decoration: none; color:#990000;
}

TR.H {

	BACKGROUND-COLOR: #9accff; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	FONT-WEIGHT: bold;
	text-transform: uppercase;
}
TR.Z {
	BACKGROUND-COLOR: #003366; font-family: verdana; font-size: 12px; COLOR: #FFFFFF; 
}
TR.W {
	BACKGROUND-COLOR: #FFFFFF; font-family: verdana; font-size: 12px; COLOR: #000000; 
}

TR.A {
	BACKGROUND-COLOR: #E6E6E6; font-family: verdana; font-size: 12px; 
}

TR.B {
	BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid; font-family: verdana; font-size: 12px; COLOR: #FFFFFF; 
}









.fastpathTxt {
	font-size: 12px; COLOR: #000000; FONT-FAMILY: verdana; BACKGROUND-COLOR: white
}

TABLE.panelTable TD {
	FONT-FAMILY: verdana; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
}

TABLE.Mtable TD {
	FONT-FAMILY: verdana; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #999999; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	BORDER-BOTTOM: #990000 1px solid;
}



TABLE.FMtable2  {

	background-color:#f8fffb;
	width:98%;
	margin-left:1%; 
    margin-right:1%;
}

TABLE.FMtable2 TD {
	FONT-FAMILY: verdana; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	BORDER-BOTTOM: #999999 1px solid;
}

TABLE.FMtable2 TH {
	FONT-FAMILY: verdana; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	BORDER-BOTTOM: #999999 1px solid;
}

.main-table-4-col td:nth-child(odd) {
  text-align: right;
  width: 20%
}

.main-table-2-col td:nth-child(odd){
  text-align: right;
  width: 35%
}

.main-table-8-col td:nth-child(odd){
	text-align: right;
	width: 12.5%;
}
.main-table-8-col td:nth-child(even){
	width: 12.5%;
}

.main-table-6-col td:nth-child(odd){
	text-align: right;
	width: 16.67%;
}
.main-table-6-col td:nth-child(even){
	width: 16.67%;
}

.main-table-4-col td, .main-table-2-col td, .main-table-8-col td, .main-table-6-col td, .main-list td{
	vertical-align:top;
}

.main-table-4-col td > input, .main-table-2-col td > input, .main-table-8-col td > input, .main-table-6-col td > input, main-list td > input{
	vertical-align:top;
}

.main-table-4-col td:nth-child(even){
  width: 30%
}

.main-table-2-col td:nth-child(even){
  width: 60%
}

.main-table-4-col td.centeredContent, .main-list td.centeredContent , .main-table-6-col td.centeredContent, .main-table-2-col td.centeredContent, .main-table-8-col td.centeredContent {
  text-align: center;
}

.main-table-4-col td.leftContent, .main-table-6-col td.leftContent, .main-list td.leftContent, .main-table-2-col td.leftContent, .main-table-8-col td.leftContent {
  text-align: left;
}

TABLE.FormCaption td.rightContent, .main-table-4-col td.rightContent, .main-table-6-col td.rightContent, .main-list td.rightContent, .main-table-2-col td.rightContent, .main-table-8-col td.rightContent {
  text-align: right;
}

TABLE.FMtable2 TR.G {  

	BACKGROUND-COLOR: #b4fbd8; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;
	FONT-WEIGHT: bold;
	text-transform: uppercase;
}

TABLE.FMtable2 TR.G2 {  

	BACKGROUND-COLOR: #afd3c2; font-size: 12px; FONT-FAMILY: verdana; text-decoration: none; color:#333333;

	FONT-WEIGHT: bold;

}

/* alternate colors in list when no other classes specified*/
TABLE.FMList tr:nth-child(odd):not(.G):not(.G2), TABLE.main-list tr:nth-child(odd):not(.G):not(.G2):not(.G3):not(.G4) {   
  background-color: #fbfdff;
}


TABLE.FMtable, TABLE.FMList, .main-table-4-col, .main-table-2-col, .main-list, .main-table-8-col, .main-table-6-col {

	background-color:white;

	width:98%;
	margin-left:1%; 
    margin-right:1%;
}



TABLE.FMtable TD, TABLE.FMList TD, .main-table-4-col TD, .main-table-2-col TD, .main-list TD, .main-table-8-col TD, .main-table-6-col TD {
	FONT-FAMILY: verdana; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	BORDER-BOTTOM: #999999 1px solid;
}

TABLE.FMtable TH, TABLE.FMList TH, .main-table-4-col TH, .main-table-2-col TH, .main-list TH, .main-table-8-col TH, .main-table-6-col TH {
	FONT-FAMILY: verdana; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	BORDER-BOTTOM: #999999 1px solid;
}


TABLE.FormCaption  {

	background-color:#9accff;
	width:98%;
	margin-left:1%; 
    margin-right:1%;
}



TABLE.FormCaption TD {

	background-color:#9accff;
	FONT-FAMILY: verdana; 
	font-weight: bold;
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	BORDER-BOTTOM: #999999 1px solid;
}

TABLE.FormCaption TR {

	background-color:#9accff;
	FONT-FAMILY: verdana; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	BORDER-BOTTOM: #999999 1px solid;
}








TABLE.SMtable TD {

	FONT-FAMILY: verdana; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 6px; 
	PADDING-BOTTOM: 6px; 
	BORDER-BOTTOM: #999999 0px solid;
}



















#top2 {
	height:39px;
	background-color:#000000;
	border-bottom: 3px solid #F0A42C;
}




#TopMenu1 {
	text-align:right;
	padding:0 10px;
}

#TopMenu1 a:HOVER {
	color:#F0A42C;
}

#TopMenu1 a, #TopMenu1 a:VISITED, #TopMenu1 a:ACTIVE {
	text-align:right;
	padding:2px;
	color:#F0A42C;
	text-decoration:none;	
}

#topright {
	text-align:right;
	padding:0 10px;
}

#topright a, #topright a:VISITED, #topright a:ACTIVE {
	text-decoration:none;	
}

#topright a:HOVER {
	color:#FFFFFF;
}












#li {  font-family: Verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #990000; text-decoration: none}
li {  font-family: Verdana; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #990000; text-decoration: none}



.Header
{
	margin: 0px auto 0px auto;
	display: block;
	height: 85px;
	background-color: #fff;
	width: 798px;
	border-left: 1px solid #DCD9B9;
	border-right: 1px solid #DCD9B9;
}

.Body_Copy{
	display: block;
	float: right;
	width: 900px;
	background-color: #fff;
	border-left: 1px solid #DCD9B9;
	margin: 0px;
	padding-bottom: 15px;
}

.Clear{
	clear:both;
	display:block;
	height:1px;
}

 .Copyright{
	float: right;
	font-family: Arial;
	font-size: 11px;
	text-align: right;
	margin: 10px 0px 10px 0px;
	color: #3a3a3a;
	padding: 0px 10px 0px 0px;

}
.Copyright{
	width: 300px;
}

.edit_int {
 	text-align:right; 
}
.edit_decimal {
 	text-align:right; 
}
.edit_phone {
 	text-align:left; 
}
.required_warning {
 	align:center; 
 	text-align:center; 
	font-style:italic;
	color: red;
}
.required_tag {
	font-weight: bold;
	color: red;
}