.N-active 
{
    color: green !important;
    text-shadow: 0 0 15px #ffffff, 0 0 10px #ffffff;
}
.N-inactive 
{
    color: red !important;
    text-shadow: 0 0 15px #ffffff, 0 0 10px #ffffff;
}
.bold_medium {
    font-weight: bold;
    font-size: 12px;
}
.bold_large
{
    font-weight:bold;
    font-size:14px;
}
.link_with_no_deco
{
	text-decoration:none;
	color:blue !important;
	font-weight:bold;
}

body
{
	font: normal 9pt Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
}
table
{
	font: normal 9pt Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
}
.GridHeading {
    font-size:x-large;
    color:black;
    font-weight:700;
    margin-right:10px;
    font-family: Oxygen,"Lucida Grande","Lucida Sans Unicode",Lucida,Tahoma,Verdana, Sans-Serif, Arial, "Segoe UI";
}
.GridHeading_01 {
    font-size:xx-large;
    color:black;
    font-weight:700;
    margin-right:10px;
    margin-bottom:5px;
    font-family: Oxygen,"Lucida Grande","Lucida Sans Unicode",Lucida,Tahoma,Verdana, Sans-Serif, Arial, "Segoe UI";
}
.pageFONT {
    font-size:medium;
    font-weight:500;
}
.txtSearch
{
	width: 100%;
}
.smallBox
{
	font: normal 9pt Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	width:30px;
	height:20px;
}
.mediumBox
{
	font: normal 9pt Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	width:60px;
	height:20px;
}

.PopUpText
{
	color: Blue;
	text-decoration: underline;
	cursor: pointer;
}
.TableTitle
{
	font-weight: bold;
}
.Error
{
	color: Red;
}
.NewMessage
{
	color: Red;
	font-weight: bold;
}

.headername
{
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	color: #FFFFFF;
	background-color: #3A79AC;
	font-weight: bold;
	font-size: 35pt;
	padding-left: 20px;
	letter-spacing: 5;
	text-decoration: none;
}
.headerslogan
{
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	color: FFFFFF;
	background-color: #3A79AC;
	font-weight: bold;
	font-size: 12pt;
	text-align: right;
	vertical-align: bottom;
	padding-right: 20px;
	letter-spacing: 10;
}
.stmt
{
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 20pt;
	font-weight: bold;
	letter-spacing: 2;
}
a.homelogin, .homelogin
{
	text-align: center;
	background-color: #3A79AC;
	color: #FFFFFF;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}
a.copyright, .copyright
{
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}

tr.menubarbg
{
	background-color: #6B9BC1;
}
td.menubarbg
{
	padding: 5 5 5 5;
}
a.menubar, .menubar
{
	text-align: center;
	background-color: #4C687E;
	color: #FFFFFF;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}
a.menubarMain, .menubarMain
{
	text-align: center;
	background-color: #4B687F;
	color: #CCCCCC;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}
td.Menu
{
	font-weight: bolder;
	background-color: #3A79AC;
	text-align: center;
}
a.menu
{
	color: white;
	text-decoration: none;
}
.dgHeaderStyle
{
	background-color: #AFAFAF;
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
}
.dgItemStyle
{
	background-color: #ffffff;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.dgAlternateItemStyle
{
	background-color: #B3D5EF;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.disableItemStyle
{
	background-color:#c8c7c8 !important;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.disableItemStyle-bkground {
    background-color: #c8c7c8 !important;
    color: #000000 !important;
}	

.dgItemBidStyle
{
	background-color: #a7d294;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.dgItemNBidStyle
{
	background-color: #f9aaaa;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.dgItemIProcStyle
{
	background-color: #f7cb53;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.dgItemForecastStyle
{
	background-color: #f7cb53;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.dgItemCancelStyle
{
	background-color:#ebb1a8;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.dgItemSelectedStyle
{
	background-color:#A0A0A0;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.dgItemRepair
{
	background-color:#ccffcc;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.dgItemRFP
{
	background-color:#e9d0a4;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.GreenZone
{
	color:#219329;
	font-weight:bolder;
}
.OrangeZone
{
	color:#d07a14;
	font-weight:bolder;
}
.RedZone
{
	color:#df1e1e;
	font-weight:bolder;
}
.dgItemArchiveStyle
{
	background-color:#c7bfc1;
	color: #000000;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}

.legend
{
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 7pt;
}
a
{
	color: #000000;
}

H3
{
	font-weight: bold;
	font-size: 9pt;
	color: black;
}
input
{
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
button
{
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	FONT-SIZE: 9pt;
}
.TR 
{
FONT-SIZE:11px;FONT-FAMILY:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI
}
.CA		
{
COLOR:#000099;TEXT-DECORATION:none
}
.E	
{
FONT-SIZE:12px;COLOR:#FFFFFF;FONT-WEIGHT:BOLD
}
.E:hover	
{
TEXT-DECORATION:none;COLOR:#A7A7A7;
}
.Uselect
{
FONT-FAMILY:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;font-weight: bold;
}
.HTMLButton
{
FONT-FAMILY:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;font-weight: bold;
}
.bkgroud01
{BACKGROUND-IMAGE:url(../public/images/bgcolor.gif);FONT-FAMILY:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;font-weight: bold;}
.bkgroud
{background-color:#e3e3e3;FONT-FAMILY:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;font-weight: bold;}
.bkgroud_detail
{
HEIGHT:20px;BACKGROUND-IMAGE:url(../public/images/bgcolor_desc.gif);FONT-FAMILY:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;font-weight: bold;
}
.bkgroud_desc
{
HEIGHT:20px;BACKGROUND-IMAGE:url(../public/images/bgcolor.gif);FONT-FAMILY:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;font-size:15px; font-weight: bold;
}
.headerAlign
{text-align: center;}
#topmenu{
        background: url(../public/images/mz-top.gif) no-repeat;
        _background: #616161 url(../public/images/ie-top.gif) no-repeat;
        xmargin: 0;
        padding:0;
        margin-left:2Px;
        topmargin:0;
        list-style: none;
                    height: 27px;
                    _height: 28px;
        border-width: 0 1px 1px 0;
}
.inputBox
{
	border:solid;
	border-width:1px;
	border-color:Gray;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:11px;
}
.boxsmall
{
	width:50px;
}
.boxmedium
{
	width:135px;
}
.boxlarge
{
	width:150px;
}

.colorbkground
{
	border: 1px solid #c7cfd5;
	background: #f1f5f9;
	margin: 5px 0 10px 0;
	padding: 8px;
	text-align: left;
	clear: both;	
}

.heading
{
	color:#225972;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
	font-weight:bold;
}
.fieldset4
{
	display: block;
	padding: 0.5em 1em;
	width: 72em;
	border: solid #225972 1px;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
}
.fieldset3
{
	display: block;
	padding: 0.5em 1em;
	width: 75em;
	border: solid #225972 1px;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
}
.legend3
{
	font-weight: bold;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
	color: #838688;	
}
.fieldset3
{
	display: block;
	padding: 0.5em 1em;
	width: 98%;
	border: solid #000000 1px;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
}
.fieldset2
{
	display: block;
	padding: 0.5em 1em;
	width: 24em;
	border: solid #225972 1px;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
}
.fieldset1 
{
	display: block;
	padding: 0.5em 1em;
	width: 38em;
	border: solid #225972 1px;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
}
.fieldset
{
	display: block;
	padding: 0.5em 1em;
	width: 80em;
	border: solid #225972 1px;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
}
legend 
{
	font-weight: bold;
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:12px;
	color: #225972;
}
.alerts
{
	font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:10px;
	color: red;

}
.invisible
{
	display : block;
	visibility:hidden;
	width:0px;
	height:0px;
}

/*//////// FOR TABS /////////*/

#bodyclass { /* redundant rules for bad browsers  */  
  font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #333;
}  


#main {
	text-align: left;
	border: 1px solid #666;
	background: #FFFDF3;
	clear: both;
	width: 98%;
	margin-top: -1px;
}

/* For User Name */

div.dimming {
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	position:absolute;
	z-index:10000;
}

/*FOR POP UP*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.searchfilter
{
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 9pt;	
	margin: 0 0 0 15px;
}


.SearchFilterHeader
{
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 13pt;	
}


.SearchFilterBkGround
{
	background-image: url(/public/images/search_background.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 10px 0px 10px;
	line-height: 140%;
}

.SelectBox
{
	font-family: Open Sans,Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
	font-size: 10pt;
    font-weight:bold;
}

.td { border: 1px solid black; }

.bigfont4anchor 
{
	font-weight:bold; 
	font-size:16px;
	color:blue;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
}

.bigfont4anchorAlternate
{
	background-color: #B3D5EF;
	color: #000000;
	font-weight:bold; 
	font-size:16px;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
}
.dateField{font:76%/140% Georgia,Times,Serif;float:left;height:34px;width:31px;margin:0px 10px;padding-top:0;background:url(/public/images/ic.gif) no-repeat;text-align:center;font-weight:700;}

.uploadButton
{
	background-image:url(/public/images/uploadFile.gif);
	height:32px;
	width:109px;
	background-repeat:no-repeat;
}

.Browse
{
	height:32px;
	width:109px;
}

.tborder
{
	background: #D1D1E1;
	color: #000000;
	border: 1px solid #0B198C;
}
.thead
{
	background: #5C7099;
	color: #FFFFFF;
	font: bold 11px Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
}
.thead_new
{
	background: #FF0000;
	color: #FFFFFF;
	font: bold 11px Lucida Grande,Lucida Sans Unicode,Lucida,Tahoma,Verdana, Sans-Serif, Arial, Segoe UI;
}

.normal { font-weight: normal; }
.alt2
{
	background: #EFEFEF;
	color: #000000;
}
.bigStatus { font-size: 14pt; }
.alt1
{
	background: #F7F7F7;
	color: #000000;
}
.resultsheader
{
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    padding: 3px 0;
}
.pagecount
{
    vertical-align:middle;
    font-weight:bold;
}
.pagers
{
    color:#d7d7d7;
    vertical-align:middle;
}
.link
{
	color: #ff5b2a;	
	text-decoration: none;
}

.sh-bullet:hover { text-decoration: none; color: #787878; }
.sh-bullet {color: #000000} 

table.WAWFLineBkGround tbody:hover {background: #ffc0c0;}
table.WAWFLineBkGround tbody {background: #d8ecf3;}


.cart
{
	color:#000000;
	font-weight:bolder;
	margin-top:45px;
	font-size:20px;
}
.NoDeco
{
	text-decoration:none;
}
.Txt2Link
{
	color:blue;
	font-weight: bold; 
	text-decoration: underline;
}

.highlight
{
	color:red;
	font-weight: bold; 
	background-color:Yellow;
}
.aCls
{
	color:Blue;
	text-decoration:underline;
}


/** Telerik Form Builder */
.nsn-form { 
padding: 2px 0;
width: 600px; 
min-height: 150px;
border: 1px solid #3b5998;
border-bottom-width: 5px;
background: #fcfdfe url("/public/images/nsn-tile.png") left bottom repeat-x;
line-height: 18px;
}


/** TFB header */
.nsn-header {
margin: -2px 0 3px 0;
padding: 10px 25px 10px 15px;
color: #ffffff;
background: #3b5998 url("/public/images/nsn-header-tile.png") left bottom repeat-x;
line-height: 28px;
}
.nsn-header h2 {
margin: 0;
padding: 0;
color: inherit;
font-weight: normal;
}


/** TFB rows */
.nsn-row {
margin: 1px 0;
padding: 1px 5px 1px 5px;
*zoom: 1;
}
.nsn-row:after {
content: "";
display: block;
clear: both;
}

.nsn-row .nsn-label {
margin: 0 0 0 -105px;
padding: 1px 0;
width: 100px;
color: #666666;
font-weight: bold;
text-align: right;
float: left;
display: inline;
}

.nsn-row .nsn-field {
width: 371px;
padding: 1px;
border: 1px solid #6788be;
background-color: #ffffff;
font: 12px/16px "Segoe UI",Arial,Helvetica,sans-serif;
resize: none;
}

.nsn-field-01 {
padding: 1px;
border: 1px solid #6788be;
background-color: #ffffff;
font: 12px/16px "Segoe UI",Arial,Helvetica,sans-serif;
resize: none;
} 
.nsn-field-02 {
width: 250px;
padding: 1px;
border: 1px solid #6788be;
background-color: #ffffff;
font: 12px/16px "Segoe UI",Arial,Helvetica,sans-serif;
resize: none;
}                        

.nsn-row.nsn-buttons 
{
margin-top: 2px;
}

.nsn-row .nsn-button {
cursor: pointer;
padding: 3px 10px;
border: 1px solid #3b5998;
border-radius: 2px;
color: #ffffff;
background: #43609c url("/public/images/nsn-button-tile.png") left top repeat-x;
font: 12px/16px "Segoe UI",Arial,Helvetica,sans-serif;
}

.fixheight
{
	height:22px;
	width:118px;
}

.hiddencol { display: none; }
.pop_column
{
	border-left:solid 2px blue !important;
	border-right:solid 2px blue !important;
}

[theme=light] 
{
    --bs-primary-light: #f1faff;
}

[theme=dark] {
    --bs-primary-light: #f1faff;
}

.bg-light-primary {
    background-color: var(--bs-primary-light) !important;
}

.rounded {
    border-radius: 0.475rem !important;
}

.py-1 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.px-1 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}
.pl-2{padding-left:1rem !important;}

.align-items-center {
    align-items: center !important;
}

.d-flex {
    display: flex !important;
}

.align_center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.f-bold{font-weight:bold;}
.f-s-14{font-size:14px;}
.f-family {font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;}
.auto-width {display: inline-block !important;}


.swal2-popup {
    font-family: "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    font-size: 16px;
}

.swal2-title {
    font-size: 1.5em;
}

.swal2-content {
    font-size: 1.1em;
}

.swal2-actions .swal2-styled {
    font-size: 1em;
}


.btn-xsmall {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.15rem;
}

.btn-small {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.btn-medium {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

.btn-large {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

.btn-full {
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

.btn-c {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0056b3;
        border-color: #0056b3;
    }

    .btn-primary:focus,
    .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-primary:disabled {
        opacity: 0.65;
        cursor: not-allowed;
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

.pr-2 {
    padding-right: 2px;
}

.pr-4 {
    padding-right: 4px;
}

.no-under
{
    text-decoration: none;
}

.centered-cell 
{
    display: flex; /* Enable flexbox layout */
    align-items: center; /* Center items vertically */
    gap: 4px; /* Add spacing between items */
}