A { FONT: 11px/12px "Tahoma", "Arial"; COLOR: #336699; font-weight: bold}
A:hover { FONT: 11px/12px "Tahoma", "Arial"; COLOR: #A5C5E4; font-weight: bold}
A.footer { FONT: 9px/10px "Tahoma", "Arial"; COLOR: #cccccc; font-weight: bold}
A.footer:hover { FONT: 9px/10px "Tahoma", "Arial"; COLOR: #ffffff; font-weight: bold}
A.rev { FONT: 10px/11px "Tahoma", "Arial"; color: #FFFFFF; text-decoration: underline; font-weight: bold}

BODY	{ background-color: #ffffff}

.date{  FONT: 9px/10px "Tahoma", "Arial"; color: #ffffff; FONT-WEIGHT: bold; background-color: #336699}
.daterev{  FONT: 9px/10px "Tahoma", "Arial"; color: #003366; FONT-WEIGHT: bold}
.asset{  FONT: 9px/10px "Tahoma", "Arial"; color: #ffffff; FONT-WEIGHT: bold; background-color: #990000}

.boxborderlight {  FONT: 10px/11px "Tahoma", "Arial"; color: #ffffff; font-weight: bold; background-color: #ffffff}
.boxborderdark {  FONT: 10px/11px "Tahoma", "Arial"; color: #ffffff; font-weight: bold; background-color: #333333}
.boxbordermedium {  FONT: 10px/11px "Tahoma", "Arial"; color: #ffffff; font-weight: bold; background-color: #999999}

.banner { background-color: #ffffff}
.menubkg { background-color: #94A2B1}
.bannerborder {background-color: #000000}
.contentborder {background-color: #000000}
.tableheader {  FONT: 11px/12px "Tahoma", "Arial"; background-color: #cccccc; COLOR: #000000; font-weight: bold}
.tablebodyaltsm {  FONT: 11px/12px "Tahoma", "Arial"; color: #000000; background-color: #eeeeee}
.linkbar{  FONT: 9px/10px "Tahoma", "Arial";  color: #333333; font-weight: bold; background-color: #e3e3e3}
td.copyright{  FONT: 9px/10px "Tahoma", "Arial"; color: #ffffff; font-weight: bold}
td.footer{  FONT: 9px/10px "Tahoma", "Arial";  color: #000000; font-weight: bold}
.subhead{  FONT: 11px/12px "Tahoma", "Arial";  color: #cc0000; font-weight: bold}
.smlist{  FONT: 10px/11px "Tahoma", "Arial";  color: #000000; font-weight: normal}
.welcome {  FONT: 10px/11px "Tahoma", "Arial"; COLOR: #666666; font-weight: bold}
.pageheader {  FONT: 14px/15px "Tahoma", "Arial"; font-weight: bold}


.tabletitle {  FONT: 12px/13px "Tahoma", "Arial"; font-weight: bold; color: #FFFFFF; background-color: #CC0000}
.tableheaderalt {  font-family: Tahoma, Arial, sans-serif; font-size: xx-small; background-color: #DDDDDD}
.tablebody {  FONT: 11px/12px "Tahoma", "Arial"; background-color: #ffffff;}
.tablebodyalt {  font-family: Tahoma, Arial, sans-serif;  font-size: x-small; background-color: #CCCCCC}
.tablebodysm {  FONT: 11px/12px "Tahoma", "Arial"; background-color: #FFFFFF}
.tablefooter {  font-family: Tahoma, Arial, sans-serif; font-size: xx-small; background-color: #cccccc}
.txt {  font-family: Tahoma, Arial, sans-serif; font-size: 10pt}
.txtsm {  font-family: Tahoma, Arial, sans-serif; font-size: 8pt}
.showurl {	color: #66ff66; padding-bottom: 2pt; }




.boxborder1 {  FONT: 10px/11px "Tahoma", "Arial"; color: #ffffff; font-weight: bold; background-color: #C7D2DD}
.boxborder2 {  FONT: 11px/12px "Tahoma", "Arial"; color: #ffffff; font-weight: bold; background-color: #003366}
.boxborder3 {  FONT: 12px/13px "Tahoma", "Arial"; color: #003366; font-weight: bold; background-color: #C7D2DD}
.boxborder4 {  FONT: 11px/12px "Tahoma", "Arial"; color: #ffffff; font-weight: bold; background-color: #003399}

/*Form elements*/
.inputbox{  FONT: 12px/13px "Arial"; background-color: #ffffff; border-size: 1}
.button{  FONT: 9px/10px "Tahoma", "Arial"; color: #333333; FONT-WEIGHT: bold; background-color: #cccccc; border-size: 1}
.quicklink{  FONT: 10px/11px "Tahoma", "Arial"; color: #003366; FONT-WEIGHT: normal; background-color: #ffffff; border-size: 1}
option.ql{  FONT: 10px/11px "Tahoma", "Arial"; color: #003366; FONT-WEIGHT: normal; background-color: #e3e3e3; border-size: 1}
form { font-family: tahoma, verdana; }



/*Menu Top*/
.innerbkg {  FONT: 11px/12px "Tahoma", "Arial"; background-color: #ffffcc}
.innerbodybkg {  FONT: 11px/12px "Tahoma", "Arial"; background-color: #ffffff}
.content {  FONT: 11px/12px "Tahoma", "Arial"; background-color: #ffffff}
.checkerboard {  FONT: 10px/11px "Tahoma", "Arial"; color: #CCFF99; font-weight: normal}








/* === Modern admin overrides (additive, scoped) === */
/* Keeps existing classes and HTML unchanged; only improves visuals for admin views */
body.admin-body {
	font-family: "Segoe UI", Roboto, Tahoma, Arial, sans-serif;
	color: #222222;
	font-size: 13px;
}

.tabletitle {
	background: linear-gradient(180deg,#2f6f9f,#1f5f8f);
	color: #ffffff;
	font-size: 14px;
	padding: 8px 10px;
	font-weight: 700;
}

.tableheader {
	background: #f5f7fa;
	color: #2b3b45;
	font-weight: 600;
	padding: 8px 10px;
	border-bottom: 1px solid #e6eaee;
	text-align: left;
}

.tablebodysm, .tablebodyaltsm {
	padding: 10px 12px;
	border-bottom: 1px solid #efefef;
	vertical-align: middle;
}
.tablebodyaltsm { background: #fbfcfd; }

.tablefooter {
	background: #f4f6f8;
	color: #333333;
	padding: 10px 12px;
}

/* Make links look like modern inline actions but keep hrefs unchanged */
.tablebodysm a, .tablebodyaltsm a {
	color: #1a73e8;
	text-decoration: none;
	font-weight: 600;
}
.tablebodysm a:hover, .tablebodyaltsm a:hover {
	text-decoration: underline;
}

/* Button styles for create/export controls (additive only) */
input.css_button, input[type="button"], input[type="submit"] {
	background: #1a73e8;
	color: #ffffff;
	border: 0;
	padding: 8px 12px;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 600;
}
input.css_button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background: #1558b0;
}

/* Small responsive tweak: give account tables a comfortable layout */
table { max-width: 100%; }

/* end modern admin overrides */







/* Modern Input Box */
.inputbox {
    font-size: 14px;
    color: #495057;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 8px 12px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.inputbox:focus {
    outline: none;
    border-color: #6c757d;
    box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.1);
}

/* Contract Search Layout - Side by Side */
.contract-search-container {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.contract-search-main {
    flex: 1;
    min-width: 0;
}

.contract-search-sidebar {
    width: 300px;
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .contract-search-container {
        flex-direction: column;
    }
    
    .contract-search-sidebar {
        width: 100%;
    }
}