overflow-y: scrollheader,
.demo,
.demo p,
.demo p a {

  text-align: center;
  text-decoration: none;
  color: #505050;
 
}
[data-tooltip] {
  position: relative;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

[data-tooltip]:before {
  position: absolute;
  font-size: 15px !important;
  bottom: calc(100% + 8px);   /* over element */
  left: 50%;
  transform: translateX(-50%); /* ✅ centring */
  
  padding: 7px 9px;
  max-width: 300px;

  background-color: orange;
  color: #fff;
  border-radius: 4px;

  content: attr(data-tooltip);

  text-align: center;
  font-size: 14px;
  line-height: 1.35;

  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;

  z-index: 9999;
}

[data-tooltip]:after {
  position: absolute;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);

  content: "";
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: orange transparent transparent transparent;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
.tt {
  position: relative;   /* key*/
  display: inline-block;
}
/* tooltip in column MANAGE */
.col-manage [data-tooltip]:before {
  left: auto;
  right: 0;
  transform: translateX(-10%);
}

/* arrow */
.col-manage [data-tooltip]:after {
  left: auto;
  right: 15px;
  transform: none;
}


.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.white_content {
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 16px solid orange;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #F4F6FA;
    text-align: center;
    opacity: 1;
    z-index: 10000;   
}













    






html, body {-webkit-text-size-adjust: none;text-size-adjust: none;font-size: 14px; font-family: "Segoe UI", Tahoma, Verdana, sans-serif;font-size: 13.5px;font-weight: 500;color: #4A4A4A;;margin-top: 0px;margin-left: 0px;margin-right:0px;margin-bottom:0px;text-align:center;}
form {margin-bottom:0;display:inline;}
table {font-family: "Segoe UI", Tahoma, Verdana, sans-serif;font-size: 13.5px;font-weight: 500;color: #4A4A4A;}
tbody{width: 100%;}
.f {font-family: "Segoe UI", Tahoma, Verdana, sans-serif;font-size: 13.5px;font-weight: 500;color: #4A4A4A; ; text-decoration: none; background-color: #FFFFFF; border: #A0A0A0; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.fr {font-family: "Segoe UI", Tahoma, Verdana, sans-serif;font-size: 13.5px;font-weight: 500;color: #4A4A4A;; text-decoration: none; background-color: #FFFFFF; border: #A0A0A0; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;text-align:right;}
.g {font-family: "Segoe UI", Tahoma, Verdana, sans-serif;font-size: 13.5px;font-weight: 500;color: #ffffff; text-decoration: none; background-color: #006D95; border-color: #CCCCCC #DDFFDD #DDFFDD #CCCCCC; border-style: NORMAL; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.a[title] { color : #ffffff; }



THEAD tr th { font-family: "Segoe UI", Tahoma, Verdana, sans-serif;font-weight:bold;font-size:15px;color:#ffffff;}


table.t1 {
    border: 1px solid #C9D4E1;
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
	text-align: center;
    font-family: "Segoe UI", Tahoma, Verdana, sans-serif;
    font-size: 13.5px;
    font-weight: 500;
    color: #4A4A4A;
    background-color: #fff;

    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
}

table.t1 th,
table.t1 td {
    border-right: 1px solid #C9D4E1;
    border-bottom: 1px solid #C9D4E1;
    padding: 1px;
}

table.t1 tr:last-child td {
    border-bottom: none;
}

table.t1 tr th:last-child,
table.t1 tr td:last-child {
    border-right: none;
}
table.t1 thead th {
    border: none !important;
}



/* ===== TOOLBAR / MINI TABELA NAD TABELĄ ===== */
table.tbl-toolbar {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px 8px 0 0;   /* tylko górne rogi */
    overflow: hidden;

    background-color: #EEF3F9;   /* spójny z resztą strony */
    border: none;                /* brak ramki */
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

/* USUŃ WSZYSTKIE BORDERY KOMÓREK TOOLBARA */
table.tbl-toolbar td,
table.tbl-toolbar th {
    border: none !important;
}

/* ZAOKRĄGLENIE GÓRNYCH ROGÓW */
table.tbl-toolbar tr:first-child td:first-child,
table.tbl-toolbar tr:first-child th:first-child {
    border-top-left-radius: 8px;
}

table.tbl-toolbar tr:first-child td:last-child,
table.tbl-toolbar tr:first-child th:last-child {
    border-top-right-radius: 8px;
}











table.t-login2 {
	
    width: 95%;
    border: 1px solid #C9D4E1;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;              /* KLUCZOWE */
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
}

/* cienka niebieska linia u góry */
table.t-login2 thead tr:first-child th {
    background-color: #00ACED;
    height: 4px;
    padding: 0;
}

/* pasek tytułu */
table.t-login2 thead tr:nth-child(2) th {
    background-color: #005979;
    border: none;
}

/* usuń podwójne obramowania */
table.t-login2 th,
table.t-login td {
    border: none;
}



.no-all-jobs-row td {
    border: none !important;
}





/* ALL JOBS hover */
.tbl-alljobs tr[data-row="main"]:not(.tr-edit):hover {
    background-color: #ddecfd !important;
}

.tr-edit {
    background-color: #C2E4F4 !important;
    border-left: 4px solid #005979;
}

.tr-edit:hover {
    background-color: #C2E4F4 !important;
    cursor: default;
}



.tbl-corrections tr[data-row="main"]:not(.tr-edit):hover {
    background-color: #ddecfd !important;
}





/* SETTING hover */
.tbl-setting tbody tr:hover {
    background-color: #ddecfd  ; /* jasny szary */
}

/* PASSED OFF hover */
.tbl-passedoff tbody tr:hover {
    background-color: #ddecfd; /* jasny zielony */
}
.tbl-light tbody tr:hover {
    background-color: #ddecfd; /* jasny zielony */
}
/* podświetlanie całego wiersza przy najechaniu
.t1 tbody tr:hover {
  background-color: #f5f5f5;  wybierz kolor, który pasuje do stylu Twojej tabeli 
  cursor: pointer; /* opcjonalnie, żeby wskazać, że wiersz jest interaktywny */
}
/* ============================= */
/*  GŁÓWNE TABELE DASHBOARDU     */
/* ============================= */
/* ============================= */
/*  WSPÓLNE USTAWIENIA TABEL     */
/* ============================= */









.dashboard-wrapper {
    width: 100%;          /* dokładnie jak tabele */

}








table.tbl-alljobs,
table.tbl-corrections,
table.tbl-setting,
table.tbl-passedoff {
    width: 96%;
    table-layout: fixed;          /* KRYTYCZNE */
    border-collapse: separate;
    box-sizing: border-box;

}

/* Wszystkie komórki liczymy identycznie */
th, td {
    box-sizing: border-box;
    min-width: 0;                  /* zapobiega rozszerzaniu kolumn */
}

/* ============================= */
/*  WRAPPERY (wyrównanie scroll) */
/* ============================= */

#alljobs_container,
#corrections_container,
#setting_container,
#passed_off_container {
    width: 100%;
    overflow-x: hidden;            /* brak poziomego scrolla */
    overflow-y: scroll;           /* ZAWSZE – stabilna szerokość */
	overflow-y: auto;
}

/* ============================= */
/*  DOMYŚLNE ZACHOWANIE KOMÓREK  */
/* ============================= */

/* domyślnie NIE łamiemy tekstu */
.tbl-alljobs td,
.tbl-corrections td,
.tbl-setting td,
.tbl-passedoff td {
    white-space: nowrap;
	overflow: visible;      /* zamiast hidden */
    position: relative;
    vertical-align: middle;
    font-size: 13.5px;
}

/* ============================= */
/*  ŁAMANE TYLKO TE KOLUMNY      */
/* ============================= */

/* CUSTOMER */
td.col-customer {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.25;
}

/* DESCRIPTION */
td.col-desc {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.25;
}

/* ============================= */
/*  STATUS / REASON — bez łamań  */
/* ============================= */

td.col-status,
td.col-reason {
    white-space: nowrap;
}

/* ============================= */
/*  IKONY / MANAGE               */
/* ============================= */

td.col-manage {
    white-space: nowrap;
    text-align: center;
    font-size: 0;                  /* usuwa dziwne odstępy */
}

td.col-manage img {
    width: 18px;
    height: auto;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
    font-size: initial;
}

/* ============================= */
/*  NOTES – tylko ikonka         */
/* ============================= */

td.col-notes {
    text-align: center;
}

td.col-notes img {
    width: 16px;
    height: auto;
}

/* ============================= */
/*  SELECT / INPUT (ważne!)      */
/* ============================= */

select,
input,
button {
    max-width: 100%;
    box-sizing: border-box;
}

/* ============================= */
/*  TOOLTIPY — NIE RUSZANE       */
/* ============================= */

[data-tooltip] {
    position: relative;
    z-index: 2;
}



/* tabele wewnętrzne POD WIERSZEM — ZAWSZE NORMALNE */
#corrections_container table.inner-corr,
#passed_off_container table.inner-pass,
#setting_container table.inner-setting {
    min-width: 0 !important;
    width: 100% !important;
    table-layout: auto !important;
}




/* TYLKO komórka MANAGE z ikonami */
td.td-manage {
    white-space: nowrap;
}

/* linki z ikonami */
td.td-manage a {
    display: inline-block;
    line-height: 0;
    margin: 0 2px;
}

/* obrazki */
td.td-manage img {
    display: block;
}


table.t1l { text-align:left;border-bottom:solid 1px;border-left:solid 1px;border-right:solid 1px;border-color: #aeaeae;border-collapse:collapse;font-size:14px;font-weight: 600;font-family:Helvetica, Verdana, Tahoma;color:#505050;}
table.t1l td {text-align:left;border-top:solid 1px;border-bottom:solid 1px;border-left:solid 1px;border-right:solid 1px;border-color: #aeaeae;border-collapse:collapse;padding-top: 1px; padding-bottom: 1px;padding-left: 1px;padding-right: 1px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 1px;}

table.t1l_in { text-align:left;border-bottom:0px;border-left:0px;border-right:0px;border-color: #aeaeae;border-collapse:collapse;font-size:14px;font-weight: 600;font-family:Helvetica, Verdana, Tahoma;color:#505050;}
table.t1l_in td {text-align:left;border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;border-color: #aeaeae;border-collapse:collapse;padding-top: 0px; padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}

table.t2 {text-align:left;border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;border-collapse:collapse;}
table.t2 td {text-align:left;border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;padding: 3px;margin: 3px;border-style:none;border-collapse:collapse;}
table.t2 th {text-align:center;border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;padding: 3px;margin: 3px;border-style:none;border-collapse:collapse;}

table.t2_in {text-align:left;border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;border-collapse:collapse;}
table.t2_in td {text-align:left;border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;padding: 0px;margin: 0px;border-style:none;border-collapse:collapse;}
table.t2_in th {text-align:center;border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;padding: 0px;margin: 0px;border-style:none;border-collapse:collapse;}



table.ticon {border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;border-collapse:collapse;}
table.ticon td {border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;padding: 0px;margin: 0px;border-style:none;border-collapse:collapse;}
table.ticon th {border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;padding: 0px;margin: 0px;border-style:none;border-collapse:collapse;}

table.t2l {;border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;border-collapse:collapse;}
table.t2l td {border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;padding: 3px;margin: 3px;border-style:none;border-collapse:collapse;}

table.t2lm {border-bottom:solid 1px;border-left:solid 1px;border-right:solid 1px;border-color: #aeaeae;font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;border-collapse:collapse;}
table.t2lm td {border-bottom:solid 0px;border-left:solid 0px;border-right:solid px;border-color: #aeaeae;padding: 3px;margin: 3px;border-collapse:collapse;}


table.t3 {text-align:center;border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;font-size:14px;font-weight: 600;font-family:Helvetica, Verdana, Tahoma;color:#505050;border-collapse:collapse;}
table.t3 td {text-align:center;border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;padding: 3px;margin: 3px;border-style:none;border-collapse:collapse;}


table.t31
{font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;}
table.t31 td {padding: 1px;margin: 1px;border-style:none;}

table.t33
{border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;border-collapse:collapse;}
table.t33 td {border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;padding: 3px;margin: 3px;border-style:none;border-collapse:collapse;}

table.ta
{border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;border-collapse:collapse;}
table.ta td {border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;padding: 3px;margin: 3px;border-style:none;border-collapse:collapse;}



table.t-main0 {
	font-family:Helvetica, Verdana, Tahoma;
    width: 100%;
    border: 1px solid #C9D4E1;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;              /* KLUCZOWE */
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
}

table.t-main {
	font-family:Helvetica, Verdana, Tahoma;
    width: 96%;
    border: 1px solid #C9D4E1;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;              /* KLUCZOWE */
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
}

/* cienka niebieska linia u góry */
table.t-main thead tr:first-child th {
    background-color: #00ACED;
    height: 4px;
    padding: 0;
}

/* pasek tytułu */
tablet-main thead tr:nth-child(2) th {
    background-color: #005979;
    border: none;
}

/* usuń podwójne obramowania */
table.t-main th,
table.t-main td {
    border: none;
}














a.lc:link    {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 7pt; font-family: Helvetica;}
a.lc:visited {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 7pt; font-family: Helvetica;}
a.lc:active  {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 7pt; font-family: Helvetica;}
a.lc:hover   {color: #0000FF}

a.lc2:link    {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 10pt; font-family: Helvetica;}
a.lc2:visited {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 10pt; font-family: Helvetica;}
a.lc2:active  {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 10pt; font-family: Helvetica;}
a.lc2:hover   {color: #0000FF}

a.pp:link    {font-weight: bold; text-decoration: none; color: black;font-size: 9pt; font-family: Helvetica;}
a.pp:visited {font-weight: bold; text-decoration: none; color: black;font-size: 9pt; font-family: Helvetica;}
a.pp:active  {font-weight: bold; text-decoration: none; color: black;font-size: 9pt; font-family: Helvetica;}
a.pp:hover   {color: black}

a.pp2:link    {font-weight: bold; text-decoration: none; color: black;font-size: 8pt; font-family: Helvetica;}
a.pp2:visited {font-weight: bold; text-decoration: none; color: black;font-size: 8pt; font-family: Helvetica;}
a.pp2:active  {font-weight: bold; text-decoration: none; color: black;font-size: 8pt; font-family: Helvetica;}
a.pp2:hover   {color: black}

a.lcb:link    {font-weight: bold; text-decoration: none; color: #5d5c5a;font-size: 9pt; font-family: Helvetica;}
a.lcb:visited {font-weight: bold; text-decoration: none; color: #5d5c5a;font-size: 9pt; font-family: Helvetica;}
a.lcb:active  {font-weight: bold; text-decoration: none; color: #5d5c5a;font-size: 9pt; font-family: Helvetica;}
a.lcb:hover   {color: #000000}

a.lcm:link    {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 7pt; font-family: Helvetica;}
a.lcm:visited {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 7pt; font-family: Helvetica;}
a.lcm:active  {font-weight: normal; text-decoration: none; color: #FF0000;font-size: 7pt; font-family: Helvetica;}
a.lcm:hover   {color: #0000FF}

a.ln:link     {font-weight: normal; text-decoration: none; color: #0000CC;font-size: 8pt; font-family: Helvetica;}
a.ln:visited  {font-weight: normal; text-decoration: none; color: #0000CC;font-size: 8pt; font-family: Helvetica;}
a.ln:active   {font-weight: normal; text-decoration: none; color: #0000CC;font-size: 8pt; font-family: Helvetica;}
a.ln:hover    {color: #FF6600}

a.lnm:link    {font-weight: normal; text-decoration: none; color: #0000CC;font-size: 7pt; font-family: Helvetica;}
a.lnm:visited {font-weight: normal; text-decoration: none; color: #0000CC;font-size: 7pt; font-family: Helvetica;}
a.lnm:active  {font-weight: normal; text-decoration: none; color: #0000CC;font-size: 7pt; font-family: Helvetica;}
a.lnm:hover   {color: #FF6600}

a.lnd10:link    {font-weight: bold; text-decoration: none; color: #0000CC;font-size: 10pt; font-family: Helvetica;}
a.lnd10:visited {font-weight: bold; text-decoration: none; color: #0000CC;font-size: 10pt; font-family: Helvetica;}
a.lnd10:active  {font-weight: bold; text-decoration: none; color: #0000CC;font-size: 10pt; font-family: Helvetica;}
a.lnd10:hover   {color: #FF6600}

a.lnb:link      {font-weight: bold; text-decoration: none; color: #0000CC;font-size: 8pt; font-family: Helvetica;}
a.lnb:visited   {font-weight: bold; text-decoration: none; color: #0000CC;font-size: 8pt; font-family: Helvetica;}
a.lnb:active    {font-weight: bold; text-decoration: none; color: #0000CC;font-size: 8pt; font-family: Helvetica;}
a.lnb:hover     {color: #FF6600}

a.lz:link    {font-weight: normal; text-decoration: none; color: #339900;font-size: 8pt; font-family: Helvetica;}
a.lz:visited {font-weight: normal; text-decoration: none; color: #339900;font-size: 8pt; font-family: Helvetica;}
a.lz:active  {font-weight: normal; text-decoration: none; color: #339900;font-size: 8pt; font-family: Helvetica;}
a.lz:hover   {color: #FF6600}

a.lzb:link    {font-weight: bold; text-decoration: none; color: #339900;font-size: 8pt; font-family: Helvetica;}
a.lzb:visited {font-weight: bold; text-decoration: none; color: #339900;font-size: 8pt; font-family: Helvetica;}
a.lzb:active  {font-weight: bold; text-decoration: none; color: #339900;font-size: 8pt; font-family: Helvetica;}
a.lzb:hover   {color: #FF6600}

a.lzm:link    {font-weight: normal; text-decoration: none; color: #339900;font-size: 7pt; font-family: Helvetica;}
a.lzm:visited {font-weight: normal; text-decoration: none; color: #339900;font-size: 7pt; font-family: Helvetica;}
a.lzm:active  {font-weight: normal; text-decoration: none; color: #339900;font-size: 7pt; font-family: Helvetica;}
a.lzm:hover   {color: #FF6600}

a.lb:link {font-weight: normal; text-decoration: none; color: #CC6600;font-size: 7pt; font-family: Helvetica;}
a.lb:visited{font-weight: normal; text-decoration: none; color: #CC6600;font-size: 7pt; font-family: Helvetica;}
a.lb:active {font-weight: normal; text-decoration: none; color: #CC6600;font-size: 7pt; font-family: Helvetica;}
a.lb:hover   {color: #FF6600}


.current_level {
	    background-image: linear-gradient(to left, #E27C7C, #C85555);color:white;
	
}
.current_level2 {
    background-image: linear-gradient(to left, #22B65C, #1E7F46);color:white;
	
}
.inspectingg {
    background-image: linear-gradient(to left, #FCE17F, #F9C33C);
    color: #404040;
}

.cmmdone {
    background-image: linear-gradient(to left, #DCE97B, #BCCD3F);
    color: #404040;
}


.ranno {
    background-image: linear-gradient(to left, #E27C7C, #C85555);
    color: #ffffff !important;
}

.awaiting {
    background-image: linear-gradient(to left, #F2E8C9, #E8D8A8);
    color: #404040;
}
.ininspection {
    background-image: linear-gradient(to left, #C9E1F7, #A7CFF2);
    color: #404040;
}


.unknown {
    background-image: linear-gradient(to left, #B391E1, #8B61C1);
    color: #ffffff !important;
}


.corrections_dash {
    background-image: linear-gradient(to left, #E27C7C, #C85555);
    color: #ffffff;
}

.corrections2 {
	background-image: linear-gradient(to left, #fc6b6b, #ff0000);color:white;
	
}	

.setting_dash {
    background-image: linear-gradient(to left, #8C918D, #707673);
    color: #ffffff;
}
	
.passedoff {
    background-image: linear-gradient(to left, #4EC776, #2E8B53);
    color: #ffffff;
}


.test {
background-image: url("line.jpg");
}



.line_t {
padding-top: 5px;border-top:solid 1px;border-color: #D0D0D0;"
}
.line_b {
padding-top: 5px;border-bottom:solid 1px;border-color: #D0D0D0;"
}

.but {
	
	padding: 0;
border: none;
background: none;
}

.clear  {
	
	text-decoration: none;
	color: red;
	font-size: 9px;
	font-weight: bold;
}

.no_jobs_frame {padding-top: 10px;border-bottom:solid 1px;border-left:solid 1px;border-right:solid 1px;border-color: #D0D0D0;}


a.link1:link    {font-weight: bold; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;}
a.link1:visited {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;}
a.link1:active  {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;}

a.link2:link    {font-weight: bold; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#00aced;}
a.link2:visited {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#00aced;}
a.link2:active  {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#00aced;}
a.link2:hover   {color: #909090;}

a.link3:link    {font-weight: bold; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#00aced;}
a.link3:visited {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#00aced;}
a.link3:active  {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#00aced;}
a.link3:hover   {color: #909090;}

a.link4:link    {font-weight: normal; text-decoration: none; color: red; font-size:14px; font-family: Helvetica;}
a.link4:visited {font-weight: normal; text-decoration: none; color: red; font-size:14px; font-family: Helvetica;}
a.link4:active  {font-weight: normal; text-decoration: none; color: red; font-size:14px; font-family: Helvetica;}
a.link4:hover   {color: #00aced}

a.link5:link    {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;}
a.link5:visited {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;}
a.link5:active  {font-weight: normal; text-decoration: none; font-size:14px;font-family:Helvetica, Verdana, Tahoma;color:#505050;}
a.link5:hover   {color: #909090;}

.plain {border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;}



.bdiv {position:absolute;top:-1500px;left:0px;background-color:white;filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
.ldiv {position:absolute;top:-1500px;left:0px;text-align:left;}
.d222 {position:absolute;top:-100px;left:10px;text-align:left;}


.top_line1 {background-color: #00ACED;} 
.top_line2 {background-color: #EEF3F9;vertical-align: middle;} 

tr.mouseOn{background:#E6F2FF;  color:black ;}
tr.mouseOn2{background:#E6F2FF;  color:darkred;font-weight: bold; text-decoration: none; color: #ffffff}
tr.mouseOn3{background:#E6F2FF;  color:darkred;font-weight: bold; text-decoration: none; color: #ffffff}
tr.mouseOn4{background:#E6F2FF;  color:darkred;font-weight: bold; text-decoration: none; color: #ffffff}
a img {border: 0;}


input, textarea {
	
background-color: #006D95;font-weight: normal; font-variant: normal;font-size: 14px; text-transform: none; color: #ffffff; text-decoration: none;
}

select {

    width: 200px !important;font-family: Helvetica; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none; background-color: #006D95; border-color: #CCCCCC #DDFFDD #DDFFDD #CCCCCC; border-style: NORMAL; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
input[type='text'] {

    width: 200px !important; font-family: Helvetica; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none; background-color: #006D95; border-color: #CCCCCC #DDFFDD #DDFFDD #CCCCCC; border-style: NORMAL; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
input[type='password'] {

    width: 200px !important;font-family: Helvetica; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #ffffff; text-decoration: none; background-color: #006D95; border-color: #CCCCCC #DDFFDD #DDFFDD #CCCCCC; border-style: NORMAL; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
   #icons {
 
  white-space: nowrap;

    }
	
	/* rzędy naprzemienne — nie używamy inline bgcolor podczas AJAX */
.row-odd { background:#eeeeee; }
.row-even { background:#dfdfdf; }

/* no jobs frame */
.no_jobs_frame { background:#eeeeee; color:#505050; }

/* status classes */
.corrections { background:#ea3838; color:#fff; padding:3px 6px; border-radius:3px; }
.setting { background:#505050; color:#fff; padding:3px 6px; border-radius:3px; }
.inspecting { color:#00aced; font-weight:700; }

/* zachowaj styl t1 żeby tabela nie "traciła" stylów 
table.t1 { text-align:center; border-collapse:collapse; font-size:14px; font-weight:600; font-family:Helvetica, Verdana, Tahoma; color:#505050; }
table.t1 td, table.t1 th { border:1px solid #aeaeae; padding:4px; }*/

/* ============================= */
/*  ROUND HEADER FIX (GLOBAL)    */
/* ============================= */
.nav-arrow {
    position: relative;
    top: -1px;   /* jak nadal minimalnie nie siedzi, zmień na -2px albo 0 */
}
.menu-arrow{
    width:6px;
    height:6px;
    border:2px solid #4CAF50;
    border-radius:50%;
    margin-right:6px;
}
.priority-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #FA620C;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, sans-serif;

    /* 🔴 KLUCZOWE */
    vertical-align: middle;
    position: relative;
    top: -1px;
}




/* Zmiana koloru placeholdera */
input.f::placeholder {
    color: #FFFFFF;       /* ustaw dowolny kolor */
    opacity: 1;       /* dla przeglądarek, które domyślnie obniżają opacity */
}
.highlight {
    background-color: yellow;
    font-weight: bold;
}