* { font-family:Arial, Helvetica, sans-serif; box-sizing:border-box !important; }
.LoginForm
{
  width:320px; height:300px;
  margin:10% auto;
  text-align:center;
  border-radius:3px;
  box-shadow:0px 2px 2px rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
  background-image:url('../img/bidsinfo-small.png');
  background-repeat:no-repeat;
  background-size:90px 20px;
  background-position:left bottom;
  background-color:rgba(255,255,255,0.7);
}

.LoginForm .FormText { font-size:14px; width:220px; height:30px; border-radius:1px; padding:0px 20px 0px 5px; color:var(--BIBlue); }
.LoginForm i { position:relative; float:right; margin:10px 40px -30px 10px; }
.LoginForm .btn { width:220px; height:40px; }
.LoginForm ._Fieldset { width:280px; margin:10px auto; padding-bottom:15px; }

.bi-logo { cursor:inherit; font-weight:bold; background:linear-gradient(to right, var(--BIBlue) 0%, var(--BIBlue) 55%, var(--BIRed) 55%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; }

input:focus,
select:focus,
textarea:focus,
button:focus,
label:focus 
{ outline:none; }
h1,h2,h3,h4,h5,h6, a, label, ._Legend, .ajax_notification, .lbl-30, .heading, .unselect 
{ user-select:none; }

label:empty { width:10px; display:inline-block; }
.alertSpan { position:fixed; display:none; z-index:10; padding:8px; bottom:25px; left:25px; min-width:200px; font-size:12px; background-color:rgba(0, 0, 0, 0.8); color:rgb(255, 255, 255); line-height:10px; box-shadow:0 2px 2px rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%); }
.load-parent { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:99; }
.load-child { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:400px; text-align:center; }

.error { color:var(--BIRed);font-size:12px; font-weight:bold; }
.msg { color:#063;font-size:12px; font-weight:bold; }
.msg:empty::after{ content:"\00a0"; }
.hr { color:#0b2161; height:1px; border:none; background-color:#0b2161; }
.hr-2 { position:relative; height:4px; } .hr-2:before, .hr-2:after { content:''; position:absolute; left:0; width:100%; height:1px; background-color:#0b2161; } .hr-2:before { top:0; }.hr-2:after { bottom:0; }
.cursor { cursor:pointer !important; }
.regular { font-weight:normal !important; }
.bold { font-weight:bold !important; }
.italic { font-style:italic !important; }
.under { text-decoration:underline !important; }
.right { float:right !important; }
.left { float:left !important; }

.LHead { font-size:12px; font-weight:bold; color:var(--BIRed); }
.LBody { font-size:12px; font-weight:bold; color:var(--BIBlue); }

.tooltip { position:absolute; background-color:#333; color:#fff; padding:5px; border-radius:4px; font-size:12px; display:none; z-index:1000; }

.h1 { font-size:18px; color:var(--BIBlue); font-weight:normal; text-decoration:underline; }
.h2 { font-size:14px; color:#900; }
/*-a { font-size:14px; color:#333; text-decoration:none; }*/
a { color:#333; text-decoration:none; }
a:link { color:var(--BIBlue); }
a:visited { color:var(--BIBlue); }
a:hover { color:var(--BIRed); }
a:active { color:var(--Silver); }

.p { font-size:12px; color:#900; }
.Select { user-select:unset; }

.Focus input[type=text]:focus,
.Focus select:focus,
.Focus textarea:focus,
.Focus .ui.selection.dropdown:focus-within,
.Focus .GroupBox:focus-within
{ border:1px dashed #000006; }

.checkB, .radioB { opacity:0; position:absolute; cursor:pointer; }
.checkL, .radioL { color:#3482B5 !important; cursor:pointer; padding-right:5px; }
.checkB:checked+.checkL, .radioB:checked+.radioL { color:#D0364E !important; }
.checkB+.checkL:before { content:'\25FB'; display:inline-block; width:5px; height:10px; margin-right:8px; font-size:13px; color:#a9a9a9; }
.radioB+.radioL:before { content:'\25CE'; display:inline-block; width:5px; height:10px; margin-right:8px; font-size:15px; color:#a9a9a9; }
.checkB:checked+.checkL:before { content:'✔'; color:#0b2161 !important; font-size:13px; }
.radioB:checked+.radioL:before { content:'\25C9'; color:#0b2161 !important; }
.checkB+.checkL:hover { color:#0b2161 !important; }
.radioB+.radioL:hover { color:#0b2161 !important; }

.lbl-20 { font-size:20px; color:var(--BIRed); display:block; padding:10px; background-color:#d7e4f2; }
.lbl-30 { font-size:30px; color:var(--BIRed); display:block; padding:20px; background-color:#d7e4f2; }
.lbl-p10 { padding:10px 20px; }

.edit { width:18px; height:18px; background-image:url(../img/editicon.png); background-size:18px 18px; background-repeat:no-repeat; background-position:-1px -1px; display:block; }

/*------------------------------------*/
/*-[ Nav Bar ]------------------------*/
.NavBar { background-color:var(--BIRed); position:fixed; margin:0px auto; left:0; right:0; top:0; z-index:1; }
.NavBar a { float:left; display:block; background-color:var(--BIRed); color:#fff; text-align:center; padding:7px 10px; text-decoration:none; font-size:12px; height:32px; }
.NavBar .hrline { padding:0px; margin:0px; height:1px; border:none; background-color:var(--dark); }

.NavBar .DropBtn.Active, .NavBar a.Active { background-color:#971d2f; color:var(--sky); }
.NavBar .Icon { display:none; }
.NavBar .Newer { box-shadow: inset 0px 0px 1px 1px #00E600; }

.DropDown { float:left; overflow:hidden; }
.DropDown.Right { float:right; }
.DropBtn { font-size:12px; border:none; outline:none; color:#fff; text-align:left; padding:7px 10px; background-color:inherit; font-family:inherit; margin:0; height:32px; min-width:100px; cursor:pointer; }
.DropContent { display:none; position:absolute; min-width:125px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1; }
.DropDown.Right .DropContent { right:0px; }
.DropContent a { float:none; background-color:var(--BIRed); color:#fff; padding:7px 10px; text-decoration:none; display:block; text-align:left; border:none; cursor:pointer; }
.NavBar a:hover, .DropBtn:hover, .DropContent a:hover { background-color:#fff !important; color:var(--BIRed) !important; text-decoration:none; }
.DropBtn:has(+.DropContent a:hover), .DropBtn:has(+.DropContent hr:hover) { background-color:#fff !important; color:var(--BIRed) !important; }
.DropContent.Show { display:block; }
.fa-right { float:right; margin:1px 0 0 5px; }
.fa-left { margin:0 5px 0 0; }

.live { width:8px; height:8px; border-radius:50%; display:inline-block; position:relative; top:-6px; left:-6px; float:left; background-color:#00e600; }
.live-disable { animation:2s live-blink ease infinite; width:8px; height:8px; border-radius:50%; display:inline-block; position:relative; top:5px; right:-5px; float:right; }
@keyframes live-blink
{
  0%   { opacity:0; background-color:#00ff00; }
  25%  { opacity:1; background-color:#00ff00; }
  50%  { opacity:0; background-color:#00e600; }
  75%  { opacity:1; background-color:#00e600; }
  100% { opacity:0; background-color:#00e600; }
}

@media screen and (max-width:700px) and (min-width:250px)
{
 .NavBar a:not(:first-child), .DropDown, .DropDown .DropBtn { display:none; }
 .NavBar a.Icon { float:right; display:block; }

 .NavBar.Responsive { position:fixed; overflow:auto; height:100%; }
 .NavBar.Responsive .Icon { position:absolute; right:0; top:0; }
 .NavBar.Responsive a { float:none; display:block; text-align:left; }
 .NavBar.Responsive .DropDown { float:none; }
 .NavBar.Responsive .DropContent { position:relative; }
 .NavBar.Responsive .DropDown, .NavBar.Responsive .DropDown .DropBtn { display:block; width:100%; text-align:left; }
}
/*------------------------------------*/
/*-[ Main Body ]----------------------*/
.MainBody
{
  background-color:#F2F5F9;
  border:0px solid #0431b4;
  position:fixed;
  overflow:hidden;
  overflow-y:scroll;
  left:0px; right:0px;
  top:32px; bottom:0px;
  margin:0 auto;
  text-align:-webkit-center;
  text-align:-moz-center;
}

.ajax_notice { font-size:14px; background:#d7e4f2; color:var(--BIRed); border-radius:5px; box-shadow:3px 3px 10px var(--BIBlue); top:150px; left:0; right:0; position:fixed; margin-top:100px; margin-right:auto; margin-bottom:0; margin-left:auto; padding:5px; width:500px; z-index:1000; text-align:center; display:inline; border:1px solid #777; height:50px; line-height:35px; animation:blinkText 0.7s infinite; }
@keyframes blinkText
{
 0%{ color:var(--BIRed); }
 70%{ color:transparent; }
 100%{ color:var(--BIRed); }
}

.notice { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:9999; }
.notice .card { width:550px; top:40px; margin:0 auto; text-align:left; background-color:rgba(255,255,255,0.8); }
/*------------------------------------*/
/*-[ Range Picker ]-------------------*/
.range-val { width:50px !important; }
.range-ico { -webkit-appearance:none; appearance:none; width:200px; height:15px; background:#d3d3d3; outline:none; opacity:0.7; -webkit-transition:.2s; transition:opacity .2s; }
.range-ico:hover { opacity:1; }
.range-ico::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:8px; height:20px; background:#D0364E; cursor:pointer; }
.range-ico::-moz-range-thumb { width:8px; height:20px; background:#04AA6D; cursor:pointer; }
/*------------------------------------*/
/*-[ Progress Design ]----------------*/
.progress { appearance:none; width:100%; height:20px; border:none; background-color:#b1a5a5; }
.progress::-webkit-progress-bar { background-color:#b1a5a5; }
.progress::-webkit-progress-value { background-color:#4caf50; }
.progress::-moz-progress-bar { background-color:#4caf50; }
/*------------------------------------*/
/*-[ Date Picker Font ]---------------*/
.ui-widget-content * { font-size:12px !important; }
/*------------------------------------*/
/*-[ In-line Status]------------------*/
.status { display:inline-flex; align-items:center; gap:6px; font-family:system-ui,sans-serif; font-size:14px; }
.status::before { content:""; display:inline-block; width:14px; height:14px; background-repeat:no-repeat; background-position:center; background-size:contain; }

.status.svg-none::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' stroke='%239ca3af' fill='none'/><line x1='8' y1='12' x2='16' y2='12'/></svg>"); }
.status.svg-clock::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239e6c02' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' stroke='%23cca71b' fill='none'/><path d='M12 6v6l3 3'/></svg>"); }
.status.svg-check::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' stroke='%2322c55e' fill='none'/><path d='M8 12.5l2.5 2.5 5-5'/></svg>"); }
.status.svg-cross::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b91c1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' stroke='%23ef4444' fill='none'/><line x1='9' y1='9' x2='15' y2='15'/><line x1='15' y1='9' x2='9' y2='15'/></svg>"); }
/*-[ DropDown Font ]------------------*/
.ui.search.dropdown, .ui.search.dropdown * { font-size:12px !important; }
/*-[ Close Button Icon ]--------------*/
.close { width:15px; height:15px; opacity:0.8; color:var(--BIRed); display:flex; font-size:20px; align-items:center; }
.close:hover { opacity:1; }
.close:after { content:"\00d7"; }
/*------------------------------------*/
/*-[ Side Panel ]---------------------*/
.pPanel { background-color:#e3e3e3; border:1px solid #000; }
.pHead { height:20px; padding:3px; font-size:12px; background-color:rgb(48, 55, 97); color:#faebd7; user-select:none; text-align:left; }
.pBody { max-height:450px; margin:3px; }
.pFull { position:fixed; width:180px; top:33px; left:2px; background-color:#e3e3e3; border:1px solid #000; z-index:10; }
.pHalf { position:fixed; width:180px; bottom:22px; left:80px; border:1px solid #000; z-index:10; }
.pFull .btn { min-width:140px; text-align:left; margin-bottom:0.5px; margin-top:0.5px; }
.pFull label { color:#d0314b; font-size:12px; }
.pHalf .pBody { display:none; }
.pBtn { float:right; width:15px; height:15px; margin:0 4px 0 3px; padding:0; border:none; background:0 0; outline:0; }
.pIcon { cursor:pointer; }
/*------------------------------------*/
/*-[ Pop Panel ]---------------------*/
.popContainer { background-color:rgba(90, 90, 90, 0.5); position:fixed; top:0; left:0; right:0; bottom:0; display:none; }
.popPanel { width:600px; position:fixed; background-color:#F2F5F9; border:1px solid rgb(190,190,190,0.7); z-index:0; margin:3% auto; top:0; left:0; right:0; }
.popHead { height:25px; padding:5px; font-size:12px; background-color:rgb(190,190,190,0.7); color:rgb(125,125,125); user-select:none; text-align:left; }
.popBtn { float:right; width:15px; height:15px; margin:0 4px 0 3px; padding:0; border:none; background:0 0; outline:0; cursor:pointer; }
.popBody { overflow-y:scroll; padding:5px; }
/*------------------------------------*/
/*-[ Switch On/Off ]------------------*/
.switch { position:relative; display:block; vertical-align:top; width:60px; height:18px; background:linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image:-webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius:18px; box-shadow:inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor:pointer; }
.switch-input { position:absolute; top:0; left:0; opacity:0; }
.switch-label { position:relative; display:block; height:inherit; font-size:10px; background:#eceeef; border-radius:inherit; box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); }
.switch-label:before, .switch-label:after { position:absolute; top:50%; margin-top:-.5em; line-height:1; -webkit-transition:inherit; -moz-transition:inherit; -o-transition:inherit; transition:inherit; }
.switch-label:before { content:attr(data-off); right:11px; color:#aaaaaa; text-shadow:0 1px rgba(255, 255, 255, 0.5); }
.switch-label:after { content:attr(data-on); left:11px; color:#FFFFFF; text-shadow:0 1px rgba(0, 0, 0, 0.2); opacity:0; }
.switch-input:checked ~ .switch-label { background:#008000; box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
.switch-input:checked ~ .switch-label:before { opacity:0; }
.switch-input:checked ~ .switch-label:after { opacity:1; }
.switch-handle { position:absolute; top:1px; left:2px; width:15px; height:15px; background:linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image:-webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius:100%; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); }
.switch-handle:before { content:""; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:12px; height:12px; background:linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image:-webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius:6px; box-shadow:inset 0 1px rgba(0, 0, 0, 0.02); }
.switch-input:checked ~ .switch-handle { left:44px; box-shadow:-1px 1px 5px rgba(0, 0, 0, 0.2); }
.switch-label, .switch-handle { transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease; }
/*------------------------------------*/

table { border-collapse:collapse; }
.table { border:solid 1px #003366; }
th, td { font-size:12px; font-weight:normal; text-align:left; vertical-align:top; padding:2px; }
th { color:#1382CE; }
td:empty::after{ content:"\00a0"; }
.tdCenter { text-align:center; }

.THead { background-color:var(--BIBlue); position:sticky; top:0px; }
.THead th { color:#fff; padding:5px; }
.TBody td { color:var(--BIBlue); }
.THBold th { font-size:15px; color:#0b2161; text-align:center; font-weight:bold; }

.StikyTableHead { background-color:var(--BIBlue); position:sticky; top:0; }
.StikyTableHead th { color:#fff; padding:5px; cursor:pointer; }

.ResultTable td { padding:5px; }
.ResultTable tr:nth-child(odd) {background-color:#d7e4f2;}
.ResultTable tr:nth-child(even) {background-color:#ebebe0;}
.ResultTable tr:last-child { background-color:var(--BIRed); color:#fff; }

.NoTotal tr { color:inherit !important; }
.NoTotal tr:nth-child(odd) { background-color:#d7e4f2; }
.NoTotal tr:nth-child(even) { background-color:#ebebe0; }

/*------------------------------------*/
/*-[ Data Table ]---------------------*/
.DataTable thead,
.DataTable tbody { display:block; }
.DataTable thead > tr { width:calc(100% - 12px); }
.DataTable tbody { max-height:330px; overflow-x:scroll; } 
.DataTable tr { display:flex; } 
.DataTable td, .DataTable th { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:3px 10px; width:120px; height:25px; }
.DataTable th { background-color:var(--BIBlue); color:#fff; cursor:pointer; }
.DataTable tr:nth-child(odd) > td { background-color:#d7e4f2; }
.DataTable tr:nth-child(even) > td { background-color:#ebebe0; }

.resize-bar { width:2px; height:100%; background-color:#ccc; position:absolute; right:-1px; top:0; cursor:ew-resize; z-index:1; transition:background-color 0.2s; }
.resize-bar:hover { background-color:#666; }
/*------------------------------------*/
/*-[ Scroll Table ]-------------------*/
.ScrollDiv { position:relative; width:100%; margin:auto; overflow:scroll; height:400px; background-color:#d7e4f2; }
.ScrollDiv table { width:100%; margin:auto; border-collapse:collapse; }
.ScrollDiv tr { display:flex; }

.ScrollDiv th, .ScrollDiv td { padding:4px 5px; vertical-align:top; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:180px; height:22px; }
.ScrollDiv thead th, .ScrollDiv thead td { background-color:#333; color:#fff; border:1px solid #343a40; }
.ScrollDiv tbody th, .ScrollDiv tbody td { background-color:#fff; color:#000; border:1px solid #c0c0c0; }
.ScrollDiv tfoot th, .ScrollDiv tfoot td { background-color:#8b0000; color:#fff; border:1px solid #630202; }

.ScrollDiv thead th, .ScrollDiv thead td { position:sticky; resize:horizontal; min-width:100px; max-width:400px; cursor:pointer; /*user-select:none;*/ }
.ScrollDiv tbody tr:nth-child(even) th, .ScrollDiv tbody tr:nth-child(even) td { background-color:#d7e4f2; }
.ScrollDiv tbody tr:nth-child(odd) th, .ScrollDiv tbody tr:nth-child(odd) td { background-color:#ebebe0; }

.ScrollDiv tfoot th, .ScrollDiv tfoot td { position:sticky; bottom:0; }

.ScrollDiv th:first-child { position:sticky; left:0; }
.ScrollDiv thead tr:first-child { position:sticky; top:0; }
.ScrollDiv thead th:first-child, .ScrollDiv tfoot th:first-child { position:sticky; z-index:4; }
/*- for firefox bug */
.ScrollDiv thead { position:sticky; z-index:8; top:0px; }
.ScrollDiv tfoot { position:sticky; z-index:8; bottom:0px; }

.ScrollDiv .ScrollSpan { position:fixed; z-index:10; padding:8px; background-color:rgba(0,0,0,0.8); color:#fff; text-align:left; border-radius:2px; box-shadow:0 2px 2px rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%); font-size:12px; min-width:100px; max-width:400px; }

/*- for th edit & column focus */
.rowFcs > th, .rowFcs > td, .rowFcs input { background-color:var(--Blue2) !important; color:var(--Black); }

.th_edit { background-image:url(../img/editicon.png) !important; background-repeat:no-repeat !important; background-position:center !important; background-size:18px 18px !important; }
td.colFcs, th.colFcs { background-color:var(--BIRed) !important; color: var(--light) !important; font-weight: bold; }

.ScrollTable thead tr:nth-child(1) th { background:#333333; }
.ScrollTable tbody tr:nth-child(even) th,
.ScrollTable tbody tr:nth-child(even) td { background:#d7e4f2; }
.ScrollTable tbody tr:nth-child(odd) th,
.ScrollTable tbody tr:nth-child(odd) td { background:#ebebe0; }
.ScrollTable tfoot tr:nth-child(odd) th,
.ScrollTable tfoot tr:nth-child(odd) td { background:#333333; }

.ScrollTable .sel { border: 1px solid #1382CE !important; }

/*------------------------------------*/
/*-[ Context Menu - for Search DT ]---*/
.contextMenu{--menu-bg:rgba(0,0,0,0.6);--menu-border:rgba(0,0,0,0.08);--item-border:rgba(0,0,0,0.1);--item-color:rgb(240,240,240);--item-bg-hover:rgba(10,20,28,0.3);overflow:hidden;background:var(--menu-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:var(--top);left:var(--left);-webkit-animation:menuAnimation 0.4s 0s both;animation:menuAnimation 0.4s 0s both;transform-origin:left;list-style:none;margin:4px;padding:0;display:flex;flex-direction:column;z-index:999999999;box-shadow:0 0 0 1px var(--menu-border),0 7px 4px rgb(0 0 0 / .03),0 7px 4px rgb(0 0 0 / .04),0 7px 4px rgb(0 0 0 / .05),0 7px 4px rgb(0 0 0 / .06),0 7px 4px rgb(0 0 0 / .07),0 7px 4px rgb(0 0 0 / .09)}
.contextMenu-item{padding:3px}
.contextMenu-item[data-divider=top]{border-top:1px solid}
.contextMenu-item[data-divider=bottom]{border-bottom:1px solid}
.contextMenu-item[data-divider=top-bottom]{border-top:1px solid;border-bottom:1px solid}
.contextMenu-item[data-divider]{border-color:var(--item-border)}
.contextMenu-button{color:var(--item-color);background:0;border:0;white-space:nowrap;width:100%;border-radius:3px;padding:5px 30px 5px 5px;text-align:left;display:flex;align-items:center;font-size:13px;-webkit-animation:menuItemAnimation 0.2s 0s both;animation:menuItemAnimation 0.2s 0s both;font-family:"Inter",sans-serif;cursor:pointer}
.contextMenu-button:hover{background-color:var(--item-bg-hover)}
.contextMenu-button .fa-left{padding:0 5px 0 0;text-align:center;width:16px !important}
@-webkit-keyframes menuAnimation{0%{opacity:0;transform:scale(.5)}100%{height:var(--height);opacity:1;border-radius:3px;transform:scale(1)}}
@keyframes menuAnimation{0%{opacity:0;transform:scale(.5)}100%{height:var(--height);opacity:1;border-radius:3px;transform:scale(1)}}
@-webkit-keyframes menuItemAnimation{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}
@keyframes menuItemAnimation{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}
/*------------------------------------*/
/*-[ Context Menu - Table to display ]*/
.data-table { display: table; width: 100%; border-collapse: collapse; margin: 5px 0; font-size: 12px; text-align: left; }
.data-row { display: table-row; }
.data-cell { display: table-cell; border: 1px solid #ccc; padding: 4px; }
/*------------------------------------*/
/*-[ Side by Side - Two Partition ]---*/
.div-main { display:flex; }
.div-left, .div-right { flex:1; padding:3px; overflow:hidden; text-align:initial; }

/*------------------------------------*/
/*-[ Panel Container Left Right ]-----*/
.panel-row { display:flex; flex-direction:row; }
.panel-left { flex:0 0 auto; box-shadow:var(--BIBlue) 0px 0px 1px; overflow:scroll; transition:width 0.3s ease; }
.panel-right { flex:1 1 auto; overflow:scroll; box-shadow:var(--BIRed) 0px 0px 1px; z-index:10; /*-background-color:rgba(224, 236, 248,0.4);*/ }

.panel-tog-btn { width:25px; height:25px; cursor:pointer; transition:transform 0.3s ease, left 0.3s ease; position:absolute; left:300px; bottom:0px; z-index:100; }
.panel-tog-btn .panel-tog-icon { font-size:25px; transition:transform 0.3s ease; color:var(--blue); position:relative; top:2px; right:1px; }
.panel-left.collapsed { width:0px !important; }
.panel-tog-btn.collapsed { left:0px; }

.panel-col { display:flex; flex-direction:column; }
.panel-up { flex:1; overflow:scroll; box-shadow:var(--BIBlue) 0px 0px 1px; }
.panel-down { flex:none; overflow:scroll; box-shadow:var(--BIRed) 0px 0px 1px; }
/*------------------------------------*/
/*-[ Left Panel - Collapse ]----------*/
.col-label { padding-left:10px !important; text-align:left; width:100%; font-size:16px !important; font-weight:bold; }
.col-arrow { float:right; line-height:16px; font-size:24px; }
.col-form { display:block; }
.col-form.collapsed { display:none; }
/*------------------------------------*/
/*-[ Left Panel - Partition ]---------*/
.flex-con { display: flex; flex-wrap: wrap; }
.flex-col0 { flex: 0 0 100%; padding: 5px; }
.flex-col1 { width: 40px; padding: 5px; }
.flex-col2 { flex: 1; padding: 5px; text-align: left; }
/*------------------------------------*/
/*-[ FORM Controls ]------------------*/
.FormFieldset { border:0px; padding-top:0px; }
.FieldsetZero { border:0px; padding:0; margin:0 auto; }

.fieldset { font-size:12px; overflow:auto; border:0px; padding:0px; box-sizing:border-box; }
.legend { font-weight:bold; color:var(--danger); bottom:-2px; position:relative; }

._Fieldset {color:#4C4C4C;font-size:12px;overflow:auto;border:0px;padding:0px;box-sizing:border-box;}
._Legend {font-weight:bold;color:#d0314b;bottom:-2px;position:relative;}

.TextBox {font-size:12px;width:100%;height:32px;border:1px solid #D0D0D0;border-radius:3px;padding:0 5px 0 7px;box-sizing:border-box;}
.TextBox:hover {-moz-box-shadow:inset 0px 0px 3px #D8D8D8;-webkit-box-shadow:inset 0px 0px 3px #D8D8D8;box-shadow:inset 0px 0px 3px #D8D8D8;}
.TextBox option { height:20px; padding:3px; cursor:pointer; }
.TextBox-read { height:22px; color:#545454; background-color:#d7e4f2; }
.RichText {font-size:12px;width:100%;height:300px;border:1px solid #D0D0D0;border-radius:3px;padding:5px 5px 5px 7px;box-sizing:border-box;}
.RichText:hover {-moz-box-shadow:inset 0px 0px 3px #D8D8D8;-webkit-box-shadow:inset 0px 0px 3px #D8D8D8;box-shadow:inset 0px 0px 3px #D8D8D8;}
.GroupBox {height:80px;overflow:auto;border:1px solid #999;padding:5px;}
.readonly { color:#3b3b3b; background-color:#ededed; }

/*------------------------------------*/
/*-[ Card - Head Body ]---------------*/
.card { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; background-color:#fff; background-clip:border-box; border:1px solid rgba(0,0,0,.125); border-radius:.25rem; }
.card-header { padding:.75rem 1.25rem; margin-bottom:0; background-color:rgba(0,0,0,.03); border-bottom:1px solid rgba(0,0,0,.125); }
.card-body { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; padding:1.25rem; }

.card-body:before { content:' '; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.1; background-image:url(../img/bidsinfo.png); background-repeat:no-repeat; background-position:50% 50%; background-size:70%; }
.card-foot-logo { background-size:95px; height:30px; position:absolute; bottom:5px; right:5px; width:100px; background-image:url(../img/bidsinfo.png); background-repeat:no-repeat; }
/*------------------------------------*/
/*-[ Console Window ]-----------------*/
.console-wrap {border-top:1px solid #000 !important;border:1px solid #ccc;max-height:300px;height:300px;width:100%;overflow-y:scroll;}
.console-table {width:100%;display:table;}
.console-row {background-color:#e9e9e9;border:1px solid #ccc;border-collapse:collapse;display:table-row;padding:3px 5px;height:12px;}
.text-result {display:table-cell;padding:5px;color:rgba(0,0,0,.7);border-left:1px solid #ccc;width:510px;}
text.start:before {display:table-cell;padding:5px;color:rgba(0,0,0,.35);border-left:1px solid #ccc;content:attr(time);width:120px;}
text.final:before {display:table-cell;padding:5px;color:rgba(0,0,0,.35);border-left:1px solid #ccc;content:attr(time);width:120px;}
/*------------------------------------*/
/*-[ Display Element ]----------------*/
.d-block { display:block; }
.d-none { display:none; }
.d-flex { display:flex; }
.v-hide { visibility:hidden; }
/*------------------------------------*/
/*-[ Extras Setting ]-----------------*/
.W { width:calc(var(--w)*1px) !important; }
.H { height:calc(var(--h)*1px) !important; }
.L { position:absolute; top:1px; right:1px; /*-color:var(--BIBlue);*/ opacity:0.7; background:linear-gradient(to right, var(--BIBlue), var(--BIRed)); -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-clip:border-box; }
/*------------------------------------*/
/*-[ Color - Background ]-------------*/
.bcForm { background-color:#F2F5F9 !important; }
.bcRight { background-color:#e3ecf5 !important; }
.bcBlack { background-color:#000000 !important; }
.bcWhite { background-color:#ffffff !important; }
.bcSilver { background-color:#c0c0c0 !important; }
.bcGrey { background-color:#808080 !important; }
.bcRed { background-color:#ff0000 !important; }
.bcGreen { background-color:#008000 !important; }
.bcLGreen { background-color:#00e100 !important; }
.bcGold { background-color:#ffd700 !important; }
.bcBlue { background-color:#0000ff !important; }
.bcNavy { background-color:#000080 !important; }
.bcYellow { background-color:#ffff00 !important; }
.bcFGreen { background-color:#228b22 !important; }
.bcBIBlue { background-color:var(--BIBlue) !important; }
.bcBIRed { background-color:var(--BIRed) !important; }
.bcTrans { background-color:transparent !important; }
.bc-primary {background-color:#007bff!important }
.bc-secondary {background-color:#6c757d!important }
.bc-success {background-color:#28a745!important }
.bc-info {background-color:#17a2b8!important }
.bc-warning {background-color:#ffc107!important }
.bc-danger {background-color:#dc3545!important }
.bc-light {background-color:#f8f9fa!important }
.bc-dark {background-color:#343a40!important }
.bc-white {background-color:#fff!important }
/*------------------------------------*/
/*-[ Color - Border ]-----------------*/
.border {border:1px solid #dee2e6!important }
.border-t {border-top:1px solid #dee2e6!important }
.border-r {border-right:1px solid #dee2e6!important }
.border-b {border-bottom:1px solid #dee2e6!important }
.border-l {border-left:1px solid #dee2e6!important }
.border-0 {border:0!important }
.border-0-t {border-top:0!important }
.border-0-r {border-right:0!important }
.border-0-b {border-bottom:0!important }
.border-0-l {border-left:0!important }
.border-primary {border-color:#007bff!important }
.border-secondary {border-color:#6c757d!important }
.border-success {border-color:#28a745!important }
.border-info {border-color:#17a2b8!important }
.border-warning {border-color:#ffc107!important }
.border-danger {border-color:#dc3545!important }
.border-light {border-color:#f8f9fa!important }
.border-dark {border-color:#343a40!important }
.border-white {border-color:#fff!important }
.border-round {border-radius:.25rem!important }
.border-round-t {border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important }
.border-round-r {border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important }
.border-round-b {border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important }
.border-round-l {border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important }
.border-round-c {border-radius:50%!important }
.border-round-0 {border-radius:0!important }
/*-[ Color - Font ]-------------------*/
.fcBlack { color:#000000 !important; }
.fcWhite { color:#ffffff !important; }

.fcRed { color:#ff0000 !important; }
.fcBlue { color:#0000ff !important; }
.fcGreen { color:#008000 !important; }

.fcYellow { color:#ffff00 !important; }
.fcPurple { color:#800080 !important; }
.fcOrange { color:#ffa500 !important; }

.fcGray { color:#808080 !important; }
.fcPink { color:#ffc0cb !important; }
.fcBrown { color:#8b4513 !important; }

.fcCyan { color:#00ffff !important; }
.fcMagenta { color:#ff00ff !important; }
.fcLime { color:#00ff00 !important; }
.fcTeal { color:#008080 !important; }
.fcIndigo { color:#4b0082 !important; }

.fcDarkGray { color:var(--gray-dark) !important; }
.fcLightGray { color:var(--gray) !important; }

.fcGold { color:#ffd700 !important; }
.fcSilver { color:#c0c0c0 !important; }
.fcBronze { color:#cd7f32 !important; }

.fcBIBlue { color:var(--BIBlue) !important; }
.fcBIRed { color:var(--BIRed) !important; }

.fc-success { color:var(--success) !important; }
.fc-danger { color:var(--danger) !important; }
.fc-warning { color:var(--warning) !important; }

/*------------------------------------*/
/*-[ Size - Font ]--------------------*/
.fs-00 { font-size:inherit; }
.fs-06 { font-size:6px !important; }
.fs-07 { font-size:7px !important; }
.fs-08 { font-size:8px !important; }
.fs-09 { font-size:9px !important; }
.fs-10 { font-size:10px !important; }
.fs-11 { font-size:11px !important; }
.fs-12 { font-size:12px !important; }
.fs-13 { font-size:13px !important; }
.fs-14 { font-size:14px !important; }
.fs-15 { font-size:15px !important; }
.fs-16 { font-size:16px !important; }
.fs-18 { font-size:18px !important; }
.fs-20 { font-size:20px !important; }
.fs-25 { font-size:25px !important; }
.fs-30 { font-size:30px !important; }
.fs-35 { font-size:35px !important; }
.fs-40 { font-size:40px !important; }
.fs-50 { font-size:50px !important; }
.fs-60 { font-size:60px !important; }
/*------------------------------------*/
/*-[ Padding ]------------------------*/
.p-00 { padding:0px !important; }
.p-01 { padding:1px !important; }
.p-02 { padding:2px !important; }
.p-03 { padding:3px !important; }
.p-04 { padding:4px !important; }
.p-05 { padding:5px !important; }
.p-10 { padding:10px !important; }
.p-15 { padding:15px !important; }
.p-20 { padding:20px !important; }
.p-25 { padding:25px !important; }
.p-30 { padding:30px !important; }
.pt-00 { padding-top:0px !important; }
.pt-01 { padding-top:1px !important; }
.pt-02 { padding-top:2px !important; }
.pt-03 { padding-top:3px !important; }
.pt-04 { padding-top:4px !important; }
.pt-05 { padding-top:5px !important; }
.pt-10 { padding-top:10px !important; }
.pt-15 { padding-top:15px !important; }
.pt-20 { padding-top:20px !important; }
.pt-25 { padding-top:25px !important; }
.pt-30 { padding-top:30px !important; }
.pr-00 { padding-right:0px !important; }
.pr-01 { padding-right:1px !important; }
.pr-02 { padding-right:2px !important; }
.pr-03 { padding-right:3px !important; }
.pr-04 { padding-right:4px !important; }
.pr-05 { padding-right:5px !important; }
.pr-10 { padding-right:10px !important; }
.pr-15 { padding-right:15px !important; }
.pr-20 { padding-right:20px !important; }
.pr-25 { padding-right:25px !important; }
.pr-30 { padding-right:30px !important; }
.pb-00 { padding-bottom:0px !important; }
.pb-01 { padding-bottom:1px !important; }
.pb-02 { padding-bottom:2px !important; }
.pb-03 { padding-bottom:3px !important; }
.pb-04 { padding-bottom:4px !important; }
.pb-05 { padding-bottom:5px !important; }
.pb-10 { padding-bottom:10px !important; }
.pb-15 { padding-bottom:15px !important; }
.pb-20 { padding-bottom:20px !important; }
.pb-25 { padding-bottom:25px !important; }
.pb-30 { padding-bottom:30px !important; }
.pl-00 { padding-left:0px !important; }
.pl-01 { padding-left:1px !important; }
.pl-02 { padding-left:2px !important; }
.pl-03 { padding-left:3px !important; }
.pl-04 { padding-left:4px !important; }
.pl-05 { padding-left:5px !important; }
.pl-10 { padding-left:10px !important; }
.pl-15 { padding-left:15px !important; }
.pl-20 { padding-left:20px !important; }
.pl-25 { padding-left:25px !important; }
.pl-30 { padding-left:30px !important; }
/*------------------------------------*/
/*-[ Margin ]-------------------------*/
.m-00 { margin:0px !important; }
.m-01 { margin:1px !important; }
.m-02 { margin:2px !important; }
.m-03 { margin:3px !important; }
.m-04 { margin:4px !important; }
.m-05 { margin:5px !important; }
.m-10 { margin:10px !important; }
.m-15 { margin:15px !important; }
.m-20 { margin:20px !important; }
.m-25 { margin:25px !important; }
.m-30 { margin:30px !important; }
.mt-00 { margin-top:0px !important; }
.mt-01 { margin-top:1px !important; }
.mt-02 { margin-top:2px !important; }
.mt-03 { margin-top:3px !important; }
.mt-04 { margin-top:4px !important; }
.mt-05 { margin-top:5px !important; }
.mt-10 { margin-top:10px !important; }
.mt-15 { margin-top:15px !important; }
.mt-20 { margin-top:20px !important; }
.mt-25 { margin-top:25px !important; }
.mt-30 { margin-top:30px !important; }
.mr-00 { margin-right:0px !important; }
.mr-01 { margin-right:1px !important; }
.mr-02 { margin-right:2px !important; }
.mr-03 { margin-right:3px !important; }
.mr-04 { margin-right:4px !important; }
.mr-05 { margin-right:5px !important; }
.mr-10 { margin-right:10px !important; }
.mr-15 { margin-right:15px !important; }
.mr-20 { margin-right:20px !important; }
.mr-25 { margin-right:25px !important; }
.mr-30 { margin-right:30px !important; }
.mb-00 { margin-bottom:0px !important; }
.mb-01 { margin-bottom:1px !important; }
.mb-02 { margin-bottom:2px !important; }
.mb-03 { margin-bottom:3px !important; }
.mb-04 { margin-bottom:4px !important; }
.mb-05 { margin-bottom:5px !important; }
.mb-10 { margin-bottom:10px !important; }
.mb-15 { margin-bottom:15px !important; }
.mb-20 { margin-bottom:20px !important; }
.mb-25 { margin-bottom:25px !important; }
.mb-30 { margin-bottom:30px !important; }
.ml-00 { margin-left:0px !important; }
.ml-01 { margin-left:1px !important; }
.ml-02 { margin-left:2px !important; }
.ml-03 { margin-left:3px !important; }
.ml-04 { margin-left:4px !important; }
.ml-05 { margin-left:5px !important; }
.ml-10 { margin-left:10px !important; }
.ml-15 { margin-left:15px !important; }
.ml-20 { margin-left:20px !important; }
.ml-25 { margin-left:25px !important; }
.ml-30 { margin-left:30px !important; }
/*------------------------------------*/
/*-[ Colors ]-------------------------*/
:root
{
--Black:#000000;
--White:#ffffff;
--Silver:#c0c0c0;
--Red:#ff0000;
--Green:#008000;
--Gold:#ffd700;
--BlueD:#21618C;
--Blue2:#92a8d1;
--Navy:#000080;
--Yellow:#ffff00;
--sky:#d7e4f2;

--blue:#007bff;
--indigo:#6610f2;
--purple:#6f42c1;
--pink:#e83e8c;
--red:#dc3545;
--orange:#fd7e14;
--yellow:#ffc107;
--green:#28a745;
--teal:#20c997;
--cyan:#17a2b8;
--white:#fff;
--gray:#6c757d;
--gray-dark:#343a40;
--primary:#007bff;
--secondary:#6c757d;
--success:#28a745;
--info:#17a2b8;
--warning:#ffc107;
--danger:#dc3545;
--light:#f8f9fa;
--dark:#343a40;

--BIBlue:#3482B5;
--BIRed:#D0364E;
}
.blink { animation:myblink 2s linear infinite; }
@keyframes myblink
{
 0%,100% { opacity:0; }
 50% { opacity:1; }
}

/*------------------------------------*/
/*-[ ScrollBar ]----------------------*/
.CustomScroll { display:block; width:10em; overflow:auto; height:2em; }
.CustomScroll::-webkit-scrollbar { width:5px; height:8px; background-color:#aaa; /*- or add it to the track */ }
.CustomScroll::-webkit-scrollbar-thumb { background:#000; }
.ScrollHide::-webkit-scrollbar { width:0px; background:transparent; /*- Chrome/Safari/Webkit */  }
.ScrollHide { scrollbar-width:none; /*- Firefox */ }

.ScrollH { overflow:hidden; }
.ScrollX { overflow-x:scroll; }
.ScrollY { overflow-y:scroll; }

::-webkit-scrollbar { width: 8px; height: 8px;}
::-webkit-scrollbar-track { background: #c7d8e8; /* A very dark gray from Tailwind's color palette */}
::-webkit-scrollbar-thumb { background-color: #94b2c7; /* A slightly lighter gray for the thumb */ border-radius: 3px;}
::-webkit-scrollbar-thumb:hover { background-color: #8193b9; /* A lighter gray on hover for a subtle effect */}
/*------------------------------------*/
/*-[ Buttons ]------------------------*/
.btn
{
  background-color:transparent;
  border-radius:2px;
  float:center;
  font-family:Calibri;
  font-size:18px;
  padding:2px 20px;
  cursor:pointer;
  min-width:160px;
  display:inline-block;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.sm-btn { font-size:13px; padding:3px 5px; text-align:center; }
.btn.primary { border:1px solid #007bff;color:#007bff; }
.btn.success { border:1px solid #28a745;color:#28a745; }
.btn.button { border:1px solid var(--BIBlue);color:var(--BIBlue); }
.btn.submit { border:1px solid #D0314B;color:#D0314B; }
.btn.normal { border:1px solid #6c757d;color:#6c757d; }
.btn.blgrey { border:1px solid #5e5e5e;color:#1c1c1f; }
.btn.bldark { border:1px solid #007bff;color:#010142; }
.btn.grdark { border:1px solid #0ea70e;color:#014501; }
.btn.rddark { border:1px solid #d10f0f;color:#710101; }
.btn.disable { border:1px solid #5e5e5e;color:#717171; background-color:#cecece; cursor:not-allowed; }

.btn.primary:hover { background-color:#007bff;color:white; }
.btn.success:hover { background-color:#28a745;color:white; }
.btn.button:hover { background-color:var(--BIBlue);color:white; }
.btn.submit:hover { background-color:#D0314B;color:white; }
.btn.normal:hover { background-color:#6c757d;color:white; }
.btn.blgrey:hover { background-color:#5e5e5e;color:white; }
.btn.bldark:hover { background-color:#007bff;color:white; }
.btn.grdark:hover { background-color:#0ea70e;color:white; }
.btn.rddark:hover { background-color:#d10f0f;color:white; }
.btn.disable:hover { border-color:#5e5e5e;color:#717171; background-color:#cecece; }
.btn:focus { outline:1px dashed #000006; }
/*------------------------------------*/
/*-[ jQuery UI Dialog - Custom ]------*/
.custom-dialog .ui-dialog { border-radius: 2px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 0; }
.custom-dialog .ui-dialog-titlebar { color: white !important; font-weight: bold; border: none; }
.custom-dialog.primary { border: 1px solid #007bff !important; }
.custom-dialog.primary .ui-widget-content { border-color: #007bff !important; }
.custom-dialog.primary .ui-dialog-titlebar { background: #007bff !important; }
.custom-dialog.secondary { border: 1px solid #6c757d !important; }
.custom-dialog.secondary .ui-widget-content { border-color: #6c757d !important; }
.custom-dialog.secondary .ui-dialog-titlebar { background: #6c757d !important; }
.custom-dialog.success { border: 1px solid #28a745 !important; }
.custom-dialog.success .ui-widget-content { border-color: #28a745 !important; }
.custom-dialog.success .ui-dialog-titlebar { background: #28a745 !important; }
.custom-dialog.danger { border: 1px solid #dc3545 !important; }
.custom-dialog.danger .ui-widget-content { border-color: #dc3545 !important; }
.custom-dialog.danger .ui-dialog-titlebar { background: #dc3545 !important; }
.custom-dialog.warning { border: 1px solid #ffc107 !important; }
.custom-dialog.warning .ui-widget-content { border-color: #ffc107 !important; }
.custom-dialog.warning .ui-dialog-titlebar { background: #ffc107 !important; }
.custom-dialog.info { border: 1px solid #17a2b8 !important; }
.custom-dialog.info .ui-widget-content { border-color: #17a2b8 !important; }
.custom-dialog.info .ui-dialog-titlebar { background: #17a2b8 !important; }
/*------------------------------------*/
/*-[ Logo Image Div ]-----------------*/
.LogoImage {background-image:url('../img/bidsinfo.png');background-repeat:no-repeat;background-position:center;height:130px;}
/*------------------------------------*/
/*-[ Developer Text ]-----------------*/
.foot { font-size:13px !important; background-color:rgba(43, 44, 51, .9); color:#ccc !important; position:fixed; height:20px; left:0; right:0; bottom:0; padding:0px; margin:0 auto; box-shadow:rgba(43, 44, 51, 0.9) 0px -1px 4px; }
.fRow { width:100%; display:flex; }
.fRow:after { content:""; clear:both; }
.fCol { float:left; border-left:1px solid rgba(213, 217, 222, .7); /*-padding:1px 0px 1px 5px;*/ }
.fCol.f-1 { width:20px; }
.fCol.f-2 { width:220px; padding:1px 5px; }
.fCol.f-3 { flex-grow:1; padding:1px; }
.fCol.f-4,
.fCol.f-5 { width:105px; color:rgba(255,255,255,.35); }
.fCol.f-6 { width:20px; padding:2px 3px 0px 3px; }

.fLogo { background-image:url(../img/bi-small.png); background-repeat:no-repeat; background-color:transparent; background-size:16px 18px; margin-top:1px; }

.fTxt { color:#ccc !important; }
@keyframes shimmer {
    0% { background-position: -200px 0; }
    100% { background-position: 200px 0; }
}
.fTxt-shimmer { display: inline-block; color: transparent !important; background: linear-gradient(90deg, #777 25%, #eee 50%, #777 75%); background-size: 200px 100%; background-clip: text; -webkit-background-clip: text; animation: shimmer 3s infinite linear; mix-blend-mode: lighten; }

.fDvlpr { font-size:13px; padding:2px 1px 3px 5px; color:rgba(255,255,255,.35); }
.fDvlpr:before { content:'\0044\0065\0076\0065\006C\006F\0070\0065\0072\003A\0020\005A\0061\0068\0069\0064\0020\005A\0075\0068\0061\0069\0072'; }